html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}									
article, aside, figure, footer, header, hgroup, nav, section {display: block;}
img,
object,
embed {max-width: 100%;}
html {overflow-y: scroll;}
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
input, select {vertical-align: middle;}
input[type="radio"] {vertical-align: middle;}
input[type="checkbox"] {vertical-align: middle; }
select, input, textarea {font: 99% sans-serif;}
table {font-size: inherit; }
a:hover, a:active {outline: none;}
small {font-size: 85%;}
strong, th {font-weight: bold;}
td, td img {vertical-align: top;} 
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;} pre, code, kbd, samp {font-family: monospace, sans-serif;} .clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;} button, input, select, textarea {margin: 0;}* { box-sizing:border-box; -moz-box-sizing:border-box; } 
html { height:100%; }
body { height:100%; background-color:white; font-family:'Josefin Slab',Helvetica,Arial,sans-serif; font-size:62.5%; font-weight:500; color:rgb(var(--text)); }
img { width:100%; height:auto; box-sizing:content-box; -moz-box-sizing:content-box; } .main-container { min-height:calc(100vh - 352px); }
.wrapper { max-width:1240px; width:100%; margin:0 auto; padding-left:20px; padding-right:20px; position:relative; }
.wrapper.narrow { max-width:800px; }
.sub-header { padding:10px 0; }
.sub-header .fill { background-color:rgba(var(--first),0.8); }
.sub-header .wrapper { text-align:right; z-index:3; }
.sub-header .wrapper svg { display:inline-block; margin-left:10px; color:rgb(var(--first-light)); font-size:1.6em; transition:color 300ms; }
.sub-header .wrapper svg:hover { color:rgb(var(--second)); }
.header { position:relative; background-color:white; z-index:201; border-bottom:25px solid #D5D5D5; }
.header .do-flex { position:relative; flex-wrap:nowrap; justify-content:flex-end; }
.header .logo { position:absolute; top:25px; left:0; z-index:202; flex:0 0 auto; }
.header .logo img { display:block; width:110px; }
.main-menu { position:relative; z-index:201; font-weight:700; padding:45px 0 35px; flex:1 1 auto; padding-left:120px; max-width:900px; }
.main-menu > ul { font-size:1.5em; display:flex; justify-content:space-between; text-transform:uppercase; }
.main-menu > ul > li { flex:1 1 auto list-style-type:none; position:relative; display:block; }
.main-menu > ul > li > a { padding:10px 0; margin:0 0 0 15px; display:block; text-decoration:none; position:relative; transition:color 300ms; white-space:nowrap; }
.main-menu > ul > li.current-menu-parent > a,
.main-menu > ul > li.current-menu-item > a,
.single-post .main-menu > ul > li.news > a,
.archive .main-menu > ul > li.news > a { color:rgb(var(--first-hover)); }
.main-menu ul li { line-height:1em; }
.main-menu > ul > li > a:hover { color:rgb(var(--first)); }
.main-menu ul li a { color:rgb(var(--grey)); }
.main-menu > ul ul { visibility:hidden; opacity:0; transition:opacity 0.2s linear, visibility 0.2s linear; position:absolute; top:100%; padding:0; left:0; width:auto; min-width:100%; font-size:95%; z-index:+1; border-radius:5px; overflow:hidden; text-align:left; background-color:rgb(var(--second)); overflow:visible; }
.main-menu > ul > li:hover > ul { visibility:visible; opacity:1; }
.main-menu > ul ul li { display:block; float:none; margin:0; padding:0; width:100%; position:relative; white-space:nowrap; } 
.main-menu > ul ul a { white-space:nowrap; text-decoration:none; display:block; color:rgb(var(--white)); padding:15px 20px; background-color:transparent; transition:all 300ms; }
.main-menu > ul ul > li.current-menu-item a { background-color:rgb(var(--second-hover)); }
.main-menu > ul ul a:hover { background-color:rgba(var(--second-hover),0.7); color:rgb(var(--white)); }
.main-menu > ul > li.menu-item-has-children > a { padding-right:1em; }
.main-menu > ul > li.menu-item-has-children:after { content:"\f0d7"; font-family:'Font Awesome 5 Solid'; display:none; }
.main-menu > ul > li.menu-item-has-children svg { position:absolute; top:calc(50% - 0.5em); right:10px; font-size:1.2em; color:rgb(var(--second)); }
.main-menu > ul > li.mobile-show { display:none; }
.mobile-menu-trigger { display:none; }
.nav-overlay { position:fixed; left:0; top:0; width:100%; min-height:100vh; z-index:9999; visibility:hidden; opacity:0; transition:opacity 0.3s linear, visibility 0.3s linear; }
.home .header { border-bottom:none; }
.home .header .logo { max-width:17%; }
.home .header .logo img { width:195px; }
.home .main-menu { padding-left:220px; max-width:1000px; } .clearfix:after,
.content:after,
.do-flex:after { content:""; display:table; clear:both; } .col-1, .col-2, .col-2-1, .col-3, .col-4, .col-5, .col-6, .gallery { margin:0 -1.5%; justify-content:center; }
.col, .gallery-item { margin:0 1.5% 3%; }
.col-1 > div.col { width:97%; }
.wide-wrapper .col-1 > div.col { max-width:900px; }
.col-2 > div.col,
.gallery-columns-2 .gallery-item { width:47%; }
.wide-wrapper .col-2 > div.col { max-width:600px; }
.col-2-1 > div:nth-of-type(odd) { width:63.66%; }
.col-2-1 > div:nth-of-type(even) { width:30.33%; }
.col-3 > div.col,
.gallery-columns-3 .gallery-item { width:30.33%; }
.wide-wrapper .col-3 > div.col { max-width:460px; } 
.col-4 > div.col,
.gallery-columns-4 .gallery-item { width:22%; }
.wide-wrapper .col-4 > div.col { max-width:360px; }
.col-5 > div.col { width:17%; }
.wide-wrapper .col-5 > div.col { max-width:360px; }
.col-6 > div.col { width:13.66%; }
.wide-wrapper .col-6 > div.col { max-width:360px; }
.gallery > br,
.gallery .gallery-caption { display:none; }
.gallery img { display:block; } .hide-overflow { overflow:hidden; position:relative; }
.do-flex,
.gallery { display:flex; flex-wrap:wrap; }
.nowrap { flex-wrap:nowrap; } .more-button,
input.more-button { font-weight:700; border:2px solid rgb(var(--first-light-hover)); background-color:rgb(var(--first-light-hover)); padding:0.8em 1.25em 0.625em; color:rgb(var(--white)); font-size:1.6em; line-height:1em; text-decoration:none; display:inline-block; letter-spacing:0.05em; white-space:nowrap; text-transform:uppercase; transition:border-color 500ms, background-color 500ms, color 500ms; }
.more-button:hover,
input.more-button:hover { border-color:rgb(var(--first)); background-color:rgb(var(--first)); color:rgb(var(--white)); }
.content p .more-button { font-size:1em; }
a.more-button { text-decoration:none; }
.more-button.outline { background-color:transparent; border-color:rgb(var(--first-light-hover)); color:rgb(var(--first-light-hover)); }
.more-button.outline:hover { background-color:rgb(var(--first-light-hover)); border-color:rgb(var(--first-light-hover)); color:rgb(var(--white)); }
.more-button.white { background-color:rgb(var(--white)); color:rgb(var(--text)); }
.more-button.white:hover { background-color:rgb(var(--text)); color:rgb(var(--white)); }
.more-button.first-light { background-color:rgb(var(--first-light)); border-color:rgb(var(--first-light)); color:rgb(var(--white)); }
.more-button.first-light:hover { background-color:rgb(var(--first-light-hover)); border-color:rgb(var(--first-light-hover)); color:rgb(var(--white)); }
.more-button.first-light.outline { background-color:transparent; border-color:rgb(var(--first-light)); color:rgb(var(--first-light)); }
.more-button.first-light.outline:hover { background-color:rgb(var(--first-light)); border-color:rgb(var(--first-light)); color:rgb(var(--white)); }
.more-button.first-light-hover { background-color:rgb(var(--first-light-hover)); border-color:rgb(var(--first-light-hover)); color:rgb(var(--white)); }
.more-button.first-light-hover:hover { background-color:rgb(var(--first)); border-color:rgb(var(--first)); color:rgb(var(--white)); }
.more-button.first-light-hover.outline { background-color:transparent; border-color:rgb(var(--first-light-hover)); color:rgb(var(--first-light-hover)); }
.more-button.first-light-hover.outline:hover { background-color:rgb(var(--first-light-hover)); border-color:rgb(var(--first-light-hover)); color:rgb(var(--white)); }
.more-button.second { background-color:rgb(var(--second)); border-color:rgb(var(--second)); color:rgb(var(--white)); }
.more-button.second:hover { background-color:rgb(var(--second-hover)); border-color:rgb(var(--second-hover)); color:rgb(var(--white)); }
.more-button.second.outline { background-color:transparent; border-color:rgb(var(--second)); color:rgb(var(--second)); }
.more-button.second.outline:hover { background-color:rgb(var(--second)); border-color:rgb(var(--second)); color:rgb(var(--white)); }
.more-button.arrow { padding-right:2em; position:relative; }
.more-button.arrow:after { content:"\f054"; font-family:'Font Awesome 5 Solid'; display:none; }
.more-button.arrow svg { color:inherit; position:absolute; top:50%; transform:translateY(-50%); right:1em; transition:right 500ms; }
.more-button.arrow:hover svg { right:0.5em; }
.button-wrapper { margin-bottom:5%; }
.button-wrapper .more-button { margin:10px; }
.read-more { font-weight:700; padding-right:1em; position:relative; color:rgb(var(--second)); font-size:1.6em; line-height:1.5em; text-decoration:none; display:inline-block; text-transform:uppercase; white-space:nowrap; transition:color 300ms; }
.read-more:hover { color:rgb(var(--second-hover)); }
.content p .read-more { font-size:1em; }
.content .read-more { color:rgb(var(--second)); }
.read-more:after { content:"\f054"; font-family:'Font Awesome 5 Solid'; display:none; }
.read-more svg { color:inherit; position:absolute; top:50%; transform:translateY(-50%); right:0; }
a.read-more { text-decoration:none; } h1, h2, h3, h4, h5, h6,
.content p.h-1, .content p.h-2, .content p.h-3, .content p.h-4, .content p.h-5, .content p.h-6 { font-family:'Nanum Brush Script',serif; font-weight:500; line-height:0.75em; text-transform:uppercase; margin-bottom:0.5em; color:rgb(var(--first)); }
h3, .content p.h-3 { font-size:4em; }
h4, .content p.h-4 { font-size:3em; }
h5, .content p.h-5 { font-size:2.5em; }
h6, .content p.h-6 { font-size:2.2em; }
h1, .content p.h-1, h2.h-1, h3.h-1, h4.h-1, h5.h-1, h6.h-1, .sidebar > h3:first-child { font-size:6em; }
h2, .content p.h-2, h3.h-2, h4.h-2, h5.h-2, h6.h-2 { font-size:5em; } 
h1 a, h2 a{ text-decoration:none; }
.page-title h1 { margin-bottom:0; padding:1em 0 0.8em; }
.blocks h1, .blocks h2, .blocks h3, .blocks h4, .blocks h5, .blocks h6 { color:inherit; } .content p { font-size:1.8em; line-height:1.5em; margin:0 0 1.5em; }
.content strong { font-weight:700; }
.content a:not(.more-button):not(.read-more):not(.button):not(.unset) { color:rgb(var(--second)); transition:all 300ms; }
.content a:not(.more-button):not(.read-more):not(.button):not(.unset):hover { color:rgb(var(--second-hover)); }
.blocks .content a:not(.more-button):not(.read-more):not(.button):not(.unset),
.blocks .content a:not(.more-button):not(.read-more):not(.button):not(.unset):hover { color:inherit; } .content ul,
.content ol  { font-size:1.8em; line-height:1.5em; margin:0 2px 1.5em 0; overflow:hidden; }
.content ul *,
.content ol * { font-size:1em; }
.content ul li { list-style-type:disc; margin:0 0 1em 30px; } 
.content ol li { list-style-type:decimal; margin:0 0 1em 30px; } .slider-wrapper { position:relative; }
.slides-wrapper { position:relative; overflow:hidden; } .slides-wrapper .slides .slide { display:none; }
.slides-wrapper .slides > div.slide:first-of-type { display:block; }
.slides-wrapper .slides .slide img { display:block; }
.slides-wrapper .slides .slide .mask { position:absolute; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,0.3); z-index:+1; }
.banner-buttons { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:70%; max-width:840px; padding:40px 20px 20px; background-color:rgba(var(--black),0.6); z-index:100; }
.banner-buttons .more-button { margin:0 10px 20px; } .intro .photos .col-2 {  }
.intro .photos .badge { position:absolute; width:156px; height:156px; background-color:white; border-radius:50%; padding:7px; top:50%; left:50%; transform:translate(-50%,-50%); }
.intro .photos .col:nth-of-type(1) { border-radius:10px 0 0 0; overflow:hidden; }
.intro .photos .col:nth-of-type(2) { border-radius:0 10px 0 0; overflow:hidden; }
.intro .photos .col:nth-of-type(3) { border-radius:0 0 0 10px; margin-bottom:0; overflow:hidden; }
.intro .photos .col:nth-of-type(4) { border-radius:0 0 10px 0; margin-bottom:0; overflow:hidden; }
.intro .photos img { display:block; } .menu-hover img { display:block; border-radius:15px; overflow:hidden;  }
.menu-hover p { position:absolute; width:100%; margin-bottom:0; top:50%; left:0; transform:translateY(-50%); }
.menu-hover p a { display:block; padding:20px 10px; text-decoration:none; background-color:rgba(var(--black),0.6); transition:padding 500ms, background-color 500ms; }
.menu-hover p:hover a { padding:40px 10px; background-color:rgba(var(--black),0.8); } .testimonials-wrapper { background-position:center center; background-repeat:no-repeat; background-size:cover; }
.testimonials-wrapper.padding { padding-bottom:80px; }
.testimonials-wrapper .wrapper { z-index:3; }
.testimonials-wrapper .bx-viewport { overflow:visible !important; }
.testimonials-wrapper .testimonials > div { display:none; }
.testimonials-wrapper .testimonials > div:first-of-type { display:block; }
.testimonials-wrapper .testimonial blockquote { margin:0 auto; padding:0 5%; }
.testimonials-wrapper .testimonial blockquote p { font-size:2em; font-style:italic; line-height:1.75em; }
.testimonials-wrapper .testimonial .stars { font-size:1.6em; color:rgb(var(--second)); } 
.testimonials-wrapper .bx-wrapper .bx-pager { position:absolute; left:50%; bottom:-50px; transform:translateX(-50%); z-index:100; min-width:280px; }
.testimonials-wrapper .bx-wrapper .bx-pager .bx-pager-item,
.testimonials-wrapper .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display:inline-block; *zoom:1; *display:inline; }
.testimonials-wrapper .bx-wrapper .bx-pager.bx-default-pager a { border:2px solid rgb(var(--first-light)); background-color:transparent; text-indent:-9999px; display:block; width:16px; height:16px; border-radius:8px; margin:0 5px; outline:0; transition:all 300ms; }
.testimonials-wrapper .bx-wrapper .bx-pager.bx-default-pager a:hover { border-color:rgb(var(--first-light-hover));  }
.testimonials-wrapper .bx-wrapper .bx-pager.bx-default-pager a.active { background-color:rgb(var(--first-light)); } .blog-posts-wrapper .blog-post { position:relative;  padding-bottom:40px; }
.blog-posts-wrapper .blog-post .image { margin-bottom:20px; }
.blog-posts-wrapper .blog-post img {  display:block; }
.blog-posts-wrapper .blog-post span { display:block; margin-bottom:15px; font-size:1.4em; font-weight:500; text-transform:uppercase; }
.blog-posts-wrapper .blog-post span a { text-decoration:none; color:rgb(var(--second)) !important; }
.blog-posts-wrapper .blog-post p { margin-bottom:10px; }
.blog-posts-wrapper .blog-post > a { position:absolute; left:0; bottom:10px; } .inner-banner > img { display:block; max-width:1210px; margin:0 auto 3%; } .order-buttons { font-size:120%; }
.order-buttons .more-button { margin:0 10px 20px; } .testimonials-page .testimonial { position:relative; margin-bottom:20px; padding-left:70px; }
.testimonials-page .testimonial:before { content:""; position:absolute; top:-10px; left:0; width:45px; height:45px; background:url(//www.kimchihophouse.ie/wp-content/themes/kimchihophouse/images/quote.svg) left top no-repeat; }
.testimonials-page .testimonial-inner { margin-bottom:5%; padding-bottom:5%; border-bottom:2px solid rgba(var(--text),0.3); }
.testimonials-page .testimonial blockquote p { font-size:2.4em; color:rgba(var(--grey),0.7);  }
.testimonials-page .testimonial .stars { color:rgb(var(--second)); font-size:2em; }
.testimonials-page .testimonials > div:last-child > div { border-bottom:none; }  .contact-page .right .contacts { overflow:hidden; position:relative; padding:10%; border-bottom:10px solid rgb(var(--second)); }
.contact-page .right .contacts .fill { background-color:rgba(var(--first),0.8); }
.contact-page .right .contacts p,
.contact-page .right .contacts span { position:relative; z-index:2; }
.contact-page .right .contacts span { display:block; font-size:1.8em; padding-left:30px; margin-bottom:1em; }
.contact-page .right .contacts span svg { color:rgb(var(--second)); position:absolute; left:0; top:0.2em; }
.contact-page .right .contacts span a { color:rgb(var(--white)); text-decoration:none; }  .remodal-wrapper .remodal { max-width:900px; }
.remodal-wrapper .remodal.popup { text-align:left; padding:0; }
.remodal-wrapper .remodal.popup h3 { margin:0; padding:30px; }
.remodal-wrapper .remodal.popup .content { margin:0; padding:30px; } .blog-wrapper > div.do-flex {  flex-wrap:nowrap; }
.content-wrapper { width:70.042%; padding-right:5%; border-right:1px solid rgba(var(--text),0.4); }
.sidebar { width:30%; padding-left:5%; }
.entry { border-bottom:1px solid rgba(var(--text),0.4); margin-bottom:5%; padding-bottom:1%; }
.entry.has-image { padding-left:34%; }
.entry h2 { margin-bottom:0.5em; }
.entry .postmetadata { margin-bottom:7px; }
.blog .entry img,
.archive .entry img { float:left; margin-left:-51%; margin-top:5px; width:45%; }
.entry p.more-wrapper { text-align:right; }
.blog .news-feed,
.single .news-feed,
.archive .news-feed { margin-top:30px; }
.sidebar h3 { color:rgb(var(--second)); }
.sidebar > ul { font-size:1.6em; }
.sidebar > ul li a { font-weight:500; }
.tagcloud { margin-bottom:50px; }
.content .navigation { text-align:center; }
.content .navigation ol.wp-paginate li { margin:0; }
img.full-image { display:block; margin-bottom:5%; }
.postmetadata { font-size:1.4em; display:block; margin-bottom:5%; }
.nav-next { float:right; }
.nav-single { font-size:2em; border-top:1px solid var(--grey); border-bottom:1px solid var(--grey); padding:20px 0 25px; margin:10% 0 3%; }
.nav-single a { text-decoration:none; }
.nav-single svg { font-size:1.5em; top:4px; position:relative; }
.nav-single span.next { float:right; }
.nav-single span.prev svg { margin-right:5px; }
.nav-single span.next svg { margin-left:5px; } input, textarea, select { -webkit-border-radius:0;
outline:none;
}
select { -webkit-appearance:none; } .contact-form { padding-top:3%; position:relative; }
.contact-form .wrapper { z-index:2; }
div.wpcf7 { margin:0 -1%; padding:0 0 100px; position:relative; } 
.screen-reader-response { display:none !important; } 
.wpcf7 p.notice { float:none; width:98%; font-size:1.1em; display:block; text-align:center; }
.content .wpcf7 p { float:left; width:31.33%; margin:0 1% 2%; position:relative; }
.wpcf7 p.full { float:none; width:98%; clear:both; }
.wpcf7 label { position:absolute; z-index:-1; }
.wpcf7 input, 
.wpcf7 textarea,
.wpcf7 select { width:100%; border:none; border:1px solid rgba(var(--text),0.2); background-color:rgb(var(--white)); border-radius:5px; padding:0.75em; font-size:16px; }
.wpcf7 textarea { height:100px; resize:vertical; }
.wpcf7 .wpcf7-submit.more-button { font-weight:500; width:auto; border:none; background-color:rgb(var(--second)); border-radius:0; padding:0.75em 2em; color:rgb(var(--white)); font-size:1.1em; line-height:1em; text-decoration:none; display:inline-block; white-space:nowrap; transition:border-color 500ms, background-color 500ms, color 500ms; }
.wpcf7 .wpcf7-submit:hover { background-color:rgb(var(--second-hover)); border-color:rgb(var(--second-hover)); }
.wpcf7 span.wpcf7-not-valid-tip,
.wpcf7 span.wpcf7-not-valid-tip-no-ajax { display:none !important; }
.wpcf7-response-output { padding:0 0 0 5px; font-size:15px; position:absolute; bottom:0; width:100%; color:rgb(var(--grey-mid)); left:0; text-align:left; }
div.wpcf7 span.ajax-loader { position:absolute; display:none; left:230px; bottom:-7px; width:64px; height:64px; background:url(//www.kimchihophouse.ie/wp-content/themes/kimchihophouse/images/ajax-loader.gif); }
div.wpcf7 span.ajax-loader.is-active { display:block !important; }
.wpcf7-not-valid { border-color:red !important; }
span.wpcf7-form-control-wrap { display:inline !important; } .wpcf7-acceptance label { position:relative; display:inline-block; line-height:1.5em; font-size:0.9em; color:rgb(var(--text)); z-index:+1;}
.wpcf7-acceptance label a { color:rgb(var(--black)) !important; font-weight:500; }
.wpcf7-acceptance label a:hover { color:rgb(var(--first)) !important; }
.wpcf7-acceptance input[type=checkbox] { width:20px; vertical-align:top; position:relative; top:0.3em; box-shadow:none !important;  }
input:disabled.wpcf7-submit { background-color:rgba(var(--text),0.5) !important; border-color:rgba(var(--text),0.5) !important; color:rgb(var(--white)) !important; cursor:not-allowed; } table.cookie-table { width:100%; font-size:1em; }
.cookie-table { background:rgb(var(--white)); border-collapse:separate; border-spacing:1px; text-align:center; margin-bottom:30px; }
.cookie-table th { background:rgb(var(--first-light)); padding:8px 10px 6px; vertical-align:top; text-align:center; font-weight:bold; color:rgb(var(--first-hover));  }
.cookie-table td { background:rgba(var(--text),0.2); padding:10px; text-align:center; vertical-align:middle;  }
.cookie-table th, .cookie-table td { font-size:1.5em; line-height:1.5em; }
.cookie-table tr th:last-of-type, .cookie-table tr td:last-of-type { text-align:left; } #cookie-notice #cn-accept-cookie { background-color:rgb(var(--second)) !important; transition:background-color 300ms; }
#cookie-notice #cn-refuse-cookie,
#cookie-notice #cn-more-info,
.content p a.cn-revoke-inline { background-color:#ccc !important; transition:background-color 300ms; }
#cookie-notice #cn-accept-cookie:hover,
#cookie-notice #cn-refuse-cookie:hover,
#cookie-notice #cn-more-info:hover,
.content p a.cn-revoke-inline:hover { background-color:#111 !important; color:#fff !important; } .map-frame { width:100%; height:auto; border-top:5px solid rgb(var(--white)); }
#map_canvas { width:100%; height:600px; }
#map_canvas img { max-width:none; }
.map-frame .map-info { padding-top:15px }
.map-frame .map-info .h-3 { font-size:3em; text-align:left; line-height:1em; margin-bottom:0.25em; }
.map-frame .info-box { padding-top:5px; }
.map-frame .info-box p { font-size:1.1em; line-height:1.25em; margin-bottom:1em; text-align:left; }
.map-frame .info-box p br { display:none; }
.map-frame .info-box p:first-of-type { margin-bottom:1.5em; }
.map-frame .info-box p svg { color:rgb(var(--second)); margin-right:5px; }
.map-frame .gmnoprint .gm-style-mtc { display:none !important; } .map-frame .gm-style-iw button.gm-ui-hover-effect { display:none !important; } .videowrapper { float:none; clear:both; width:100%; position:relative; padding-bottom:56.25%; height:0; margin-bottom:20px; }
.videowrapper iframe { position:absolute; top:0; left:0; width:100%; height:100%; } .footer { position:relative; z-index:2; background-color:rgba(var(--black),0.8); }
.footer .do-flex { justify-content:space-between; }
.footer .logo { flex:0 1 auto; position:relative; padding-right:5%; }
.footer .logo img { max-width:170px; }
.footer .menus { flex:1 1 auto; } 
.content p.footer-title { font-size:3.6em; margin-bottom:0.5em; }
.footer-menu ul { margin:0; padding:0; font-size:1.6em;}
.footer-menu ul li { list-style-type:none; padding:0; margin:0; line-height:1.5em; color:rgb(var(--white)); }
.footer-menu ul li a { text-decoration:none; color:rgb(var(--white)) !important; transition:color 300ms; }
.footer-menu ul li a:hover { color:rgb(var(--first-light)); }
.footer .contacts { display:block; font-size:1.6em; }
.footer .contacts > span { display:block; margin-bottom:0; line-height:1.5em; }
.footer .contacts a { text-decoration:none; color:rgb(var(--white)); } .footer .fill { background:url(//www.kimchihophouse.ie/wp-content/themes/kimchihophouse/images/map.jpg) center center no-repeat white; background-size:cover; }
.sub-footer { background-color:rgba(var(--first),0.8); padding:10px 0; }
.sub-footer .do-flex { justify-content:space-between; align-items:center; }
.sub-footer .social { flex:0 0 auto }
.sub-footer .social a { display:inline-block; margin-right:10px; border-radius:3px; width:30px; height:30px; background-color:rgb(var(--grey)); position:relative; transition:background-color 300ms; }
.sub-footer .social a svg { font-size:1.2em; color:rgb(var(--white)); position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.sub-footer .social a:hover { background-color:rgb(var(--first-hover)); }
.sub-footer nav { flex:1 1 auto; text-align:right; }
.sub-footer ul {  display:block; font-size:1.4em; margin:0; padding:0;  }
.sub-footer ul li { display:inline-block; list-style-type:none; margin:10px; }
.sub-footer ul li a { text-decoration:none; color:rgb(var(--white)) !important; white-space:nowrap; text-decoration:none; transition:color 300ms; }
.sub-footer a:hover { color:rgb(var(--second)) !important; }
.sub-footer .wrapper > a { font-size:1.4em; display:block; line-height:1.5em; float:right; } img.alignleft { float:left; margin:3px 3% 2% 0; width:auto; max-width:45%; }
img.alignright { float:right; margin:3px 0 2% 3%; width:auto; max-width:45%; }
img.aligncenter { display:block; margin:5px auto 3%; width:auto; }
.line { clear:both; display:block; height:3em; margin-bottom:5em; border-bottom:3px solid rgb(var(--first-light)); }
.gap { height:30px; }
.overflow { overflow:hidden; }
.relative {  position:relative; }
.clear { clear:both; padding:2% 0; }
.text-center { text-align:center !important; }
.text-right { text-align:right !important; }
.text-left { text-align:left !important; }
.fl-left { float:left; }
.uppercase { text-transform:uppercase; }
.font { font-family:'Josefin Slab',Helvetica,Arial,sans-serif !important; font-weight:500; line-height:1.25em !important; }
.alt-font { font-family:'Nanum Brush Script',serif !important; }
.white-txt { color:rgb(var(--white)) !important; }
.black-txt { color:rgb(var(--black)) !important; }
.text-txt { color:rgb(var(--text)) !important; }
.text-hover-txt { color:rgb(var(--text-hover)) !important; }
.grey-txt { color:rgb(var(--grey)) !important;}
.grey-hover-txt { color:rgb(var(--grey-hover)) !important; }
.first-txt { color:rgb(var(--first)) !important; }
.first-hover-txt { color:rgb(var(--first-hover)) !important; }
.first-light-txt { color:rgb(var(--first-light)) !important; }
.first-light-hover-txt { color:rgb(var(--first-light-hover)) !important; }
.second-txt { color:rgb(var(--second)) !important; }
.second-hover-txt { color:rgb(var(--second-hover)) !important; }
.white-bg { background-color:rgb(var(--white)); }
.black-bg { background-color:rgb(var(--black)); }
.text-bg { background-color:rgb(var(--text)); }
.grey-bg { background-color:rgb(var(--grey)); }
.grey-hover-bg { background-color:rgb(var(--grey-hover)); }
.first-bg { background-color:rgb(var(--first)); }
.first-hover-bg { background-color:rgb(var(--first-hover)); }
.first-light-bg { background-color:rgb(var(--first-light)); }
.first-light-hover-bg { background-color:rgb(var(--first-light-hover)); }
.second-bg { background-color:rgb(var(--second)); }
.second-hover-bg { background-color:rgb(var(--second-hover)); }
.mask { background-color:rgba(var(--black),0.6); position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; transition:background-color 500ms; }
.fill { position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; }
.border { border:3px solid rgb(var(--grey-light)); border-radius:10px; overflow:hidden; transition:border-color 300ms; }
.wood-bg { background-image:url(//www.kimchihophouse.ie/wp-content/themes/kimchihophouse/images/wood.jpg); background-color:rgba(var(--first-light),0.6); }
.wood-brown-bg { background-image:url(//www.kimchihophouse.ie/wp-content/themes/kimchihophouse/images/wood.jpg); background-color:rgb(var(--first)); background-blend-mode:multiply; }
.wood-black-bg { background-image:url(//www.kimchihophouse.ie/wp-content/themes/kimchihophouse/images/wood.jpg); background-color:rgb(var(--black)); background-blend-mode:multiply; }
.svg-shadow { filter:drop-shadow( 5px 5px 5px rgba(0, 0, 0, .2)); }
.padding { padding-top:3%; padding-bottom:2%; }
.padding-top { padding-top:3%; }
.padding-bottom { padding-bottom:2%; }
@media only screen and (max-width:1200px) {
.slider-wrapper .wrapper { padding:0; }
}
@media only screen and (max-width:1000px) {
.menus-wrapper .col-2 { flex-direction:column; align-items:center; }
.menus-wrapper .col-2 > div.col:nth-of-type(n) { width:109%; margin:0 calc(1.5% - 60px) 5% calc(1.5% - 60px); max-width:580px; }
.footer .logo { width:100%; text-align:center; margin-bottom:5%; padding-right:0; }
.sub-footer .wrapper { text-align:center; }
.sub-footer .wrapper > a { float:none; }
}
@media only screen and (max-width:940px) {
.header .do-flex { position:relative; flex-wrap:nowrap; justify-content:flex-start; min-height:50px }
.header .logo { position:relative; top:auto; margin:-25px 0 -15px 0; width:90px; max-width: unset !important; }
.header .logo img { width:100% !important; }
.header .mobile-menu-trigger { display:block; position:absolute; top:50%; transform:translateY(-50%); right:0; cursor:pointer; z-index:51; }
.header .fa-bars,
.header .fa-times { font-size:4em; color:rgb(var(--grey-dark)); }
.main-menu { float:none; clear:both; display:none; }
.nav-overlay.active { visibility:visible; opacity:1; }
.nav-overlay .scroll-overflow { position:absolute; top:0; left:0; width:100%; height:100vh; overflow:scroll; }
.nav-overlay .top-nav { background-color:rgba(var(--first-hover),0.95); min-height:100vh; width:100%; position:relative; padding-top:60px; }
.nav-overlay .top-nav ul { font-size:2em; text-align:center; font-weight:500; margin-right:0; padding:0; }
.nav-overlay .top-nav ul li { list-style-type:none; }
.nav-overlay .top-nav ul li.desktop { display:none; }
.nav-overlay .top-nav ul a { display:block; color:rgb(var(--white)); padding:1em 10px; border-bottom:1px solid rgba(var(--white),0.4); text-decoration:none; }
.nav-overlay .top-nav ul ul { display:block; font-size:0.85em; background-color:rgba(var(--white),0.3); border-bottom:1px solid rgba(var(--white),0.4); }
.nav-overlay .top-nav .social { font-size:2em; text-align:center; padding:1em; }
.nav-overlay .top-nav .social svg { color:rgb(var(--second)); margin:0 10px; }
.mobile-menu-close { display:block; cursor:pointer; text-align:center;  color:rgb(var(--white)); position:absolute; top:-10px; right:23px; }
.mobile-menu-close .fa-times { font-size:4em; }
.mobile-menu-close strong { display:block; font-size:1.4em; text-align:center; }
.inner-banner > img {  margin-top:-3%; }
.banner-buttons {position:relative; bottom:auto; left:0; transform:none; width:100%; max-width:unset; padding:20px 20px 0; background-color:rgba(var(--black),0.9); top:-2px; }
.footer .social { position:relative; left:auto; bottom:auto; margin-top:20px; }
.footer .menus { float:none; width:100%; }
}
@media only screen and (max-width:900px) {
.intro .col-2 > div.col:nth-of-type(n) { width:97%; }
.intro .col-2 .col-2 > div.col:nth-of-type(n) { width:47%; }
}
@media only screen and (max-width:830px) {
.col-3 > div.col,
.col-4 > div.col { max-width:unset !important; }
h3, .content p.h-3 { font-size:3em; }
h4, .content p.h-4 { font-size:2.5em; }
h5, .content p.h-5 { font-size:2em; }
h1, .content p.h-1, h2.h-1, h3.h-1, h4.h-1, h5.h-1, h6.h-1, .sidebar > h3:first-child { font-size:5em; }
h2, .content p.h-2, h3.h-2, h4.h-2, h5.h-2, h6.h-2 { font-size:4em; } 
}
@media only screen and (max-width:768px) {
.blog-wrapper > div.do-flex { flex-wrap:wrap; }
.content-wrapper,
.sidebar { padding:0; min-width:100%; border:none; }
.col-2-1 > div.col:nth-of-type(n),
.col-3 > div.col:nth-of-type(n),
.col-4 > div.col:nth-of-type(n),
.homepage-menus .col-3 > div.col:nth-of-type(n) { width:47%; margin:0 1.5% 3%; }
.homepage-menus .menu .image { padding-top:80%; }
.menus-wrapper .col-2-1 > div.col:nth-of-type(n),
.drinks-wrapper .col-2-1 > div.col:nth-of-type(n) { width:97%; margin:0 1.5% 3%; }
.gallery-inner { display:flex; justify-content:center; flex-wrap:wrap; margin:0 -1.5%; }
.gallery-inner img { width:44%; margin:0 1.5% 3%; }
.footer .do-flex { flex-direction:column; align-items:center; }
.footer .col-3 > div.col:nth-of-type(n) { text-align:center; width:97%; }
.footer-menu ul li { margin: 0 0 1em; }
.footer .contacts { flex-direction:column; text-align:center; }
.footer .contacts > span { margin-bottom:20px; }
.footer .map { height:40vw; }
.sub-footer .do-flex { justify-content:space-between; align-items:center; flex-direction:column; }
.sub-footer ul { float:none; margin:0; padding:20px 0 10px; }
}
@media only screen and (max-width:700px) {
}
@media only screen and (max-width:640px) {
.homepage-menus .col-2 > div.col:nth-of-type(n) { width:97%; }
img.alignleft,
img.alignright,
img.aligncenter { display:block; float:none; margin:0 auto 3%; width:auto; max-width:400px; }
.wpcf7 form p, 
.wpcf7 form p.full { float:none; width:98%; }
.cookie-table { font-size:0.8em; }
.gallery-columns-3 .gallery-item,
.gallery-columns-4 .gallery-item { width:47%; }
.footer .col.menu { text-align:center; }
}
@media only screen and (max-width:600px) {
h3, .content p.h-3 { font-size:3em; }
h4, .content p.h-4 { font-size:2.5em; }
h5, .content p.h-5 { font-size:2em; }
h1, .content p.h-1, h2.h-1, h3.h-1, h4.h-1, h5.h-1, h6.h-1, .sidebar > h3:first-child { font-size:4em; }
h2, .content p.h-2, h3.h-2, h4.h-2, h5.h-2, h6.h-2 { font-size:3.5em; } 
.wpcf7-response-output { font-size:13px; }
.col-2 > div.col:nth-of-type(n) { float:none; width:80%; margin:0 auto 5%; }
.drinks-section,
.menu-section { font-size:90%; }
.drinks-section .do-flex .price { width:60px; }
.menu-section .do-flex .price { width:80px; }
.contact-page .col-2-1 > div.col:nth-of-type(n) { width:97%; margin:0 1.5% 5%; }
.padding { padding-top:5%; padding-bottom:3%; }
.padding-top { padding-top:5%; }
.padding-bottom { padding-bottom:3%; }
.inner-banner > img {  margin-top: -5%; }
}
@media only screen and (max-width:520px) {
.col-2 > div.col:nth-of-type(n),
.col-2-1 > div.col:nth-of-type(n),
.col-3 > div.col:nth-of-type(n),
.col-4 > div.col:nth-of-type(n),
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item,
.gallery-columns-4 .gallery-item,
.homepage-menus .col-3 > div.col:nth-of-type(n) { width:85%; }
.contact-details .col-3 > div.col { width:100%; }
.slides-wrapper .text .clip { padding:20px; font-size:80%; }
}
@media only screen and (max-width:470px) {
.banner-buttons .buttons,
.order-buttons { display:flex; flex-direction:column; }
.testimonials-page .testimonial:before { top:0px; width:25px; height:25px; }
.testimonials-page .testimonial { padding-left:40px; }
.contact-page .right .opening-hours dl { font-size:1.5em; }
.cookie-table, .cookie-table * { display:block; text-align:left; }
.cookie-table tr:first-of-type { display:none; }
sub-header span { margin-right:5px; }
.sub-header svg { font-size:1.2em; }
.entry.has-image { padding-left:0; }
.blog .entry img, .archive .entry img { float:none; display:block; margin:0 auto 20px; width:auto; }
.footer .col.menu { width:97%; text-align:center; }
.footer .col.contacts { width:97%; text-align:center; }
.footer .contacts span { padding-left:0; }
.footer .contacts span svg { position:relative; left:-5px; top:auto; }
}
@media only screen and (max-width:420px) {
.mobile-menu-close { top:-38px; }
.col-2 > div.col:nth-of-type(n),
.col-2-1 > div.col:nth-of-type(n),
.col-3 > div.col:nth-of-type(n),
.col-4 > div.col:nth-of-type(n),
.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item,
.gallery-columns-4 .gallery-item,
.homepage-menus .col-3 > div.col:nth-of-type(n) { width:97%; }
.social-feeds .col-3 > div.col:nth-of-type(n) { width:87%; }
}html.remodal-is-locked {
overflow: hidden;
-ms-touch-action: none;
touch-action: none;
} .remodal,
[data-remodal-id] {
display: none;
} .remodal-overlay {
position: fixed;
z-index: 9999;
top: -5000px;
right: -5000px;
bottom: -5000px;
left: -5000px;
display: none;
} .remodal-wrapper {
position: fixed;
z-index: 10000;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: none;
overflow: auto;
text-align: center;
-webkit-overflow-scrolling: touch;
}
.remodal-wrapper:after {
display: inline-block;
height: 100%;
margin-left: -0.05em;
content: "";
} .remodal-overlay,
.remodal-wrapper {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
} .remodal {
position: relative;
outline: none;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
}
.remodal-is-initialized { display: inline-block;
}.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
-webkit-filter: blur(3px);
filter: blur(3px);
} .remodal-overlay {
background: rgba(43, 46, 56, 0.9);
}
.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.remodal-overlay.remodal-is-opening {
-webkit-animation-name: remodal-overlay-opening-keyframes;
animation-name: remodal-overlay-opening-keyframes;
}
.remodal-overlay.remodal-is-closing {
-webkit-animation-name: remodal-overlay-closing-keyframes;
animation-name: remodal-overlay-closing-keyframes;
} .remodal-wrapper {
padding: 10px 10px 0;
} .remodal {
box-sizing: border-box;
width: 100%;
margin-bottom: 10px;
padding: 35px;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
color: #2b2e38;
background: #fff;
}
.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.remodal.remodal-is-opening {
-webkit-animation-name: remodal-opening-keyframes;
animation-name: remodal-opening-keyframes;
}
.remodal.remodal-is-closing {
-webkit-animation-name: remodal-closing-keyframes;
animation-name: remodal-closing-keyframes;
} .remodal,
.remodal-wrapper:after {
vertical-align: middle;
} .remodal-close {
position: absolute;
top: 0;
left: 0;
display: block;
overflow: visible;
width: 35px;
height: 35px;
margin: 0;
padding: 0;
cursor: pointer;
-webkit-transition: color 0.2s;
transition: color 0.2s;
text-decoration: none;
color: #95979c;
border: 0;
outline: 0;
background: transparent;
}
.remodal-close:hover,
.remodal-close:focus {
color: #2b2e38;
}
.remodal-close:before {
font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
font-size: 25px;
line-height: 35px;
position: absolute;
top: 0;
left: 0;
display: block;
width: 35px;
content: "\00d7";
text-align: center;
} .remodal-confirm,
.remodal-cancel {
font: inherit;
display: inline-block;
overflow: visible;
min-width: 110px;
margin: 0;
padding: 12px 0;
cursor: pointer;
-webkit-transition: background 0.2s;
transition: background 0.2s;
text-align: center;
vertical-align: middle;
text-decoration: none;
border: 0;
outline: 0;
}
.remodal-confirm {
color: #fff;
background: #81c784;
}
.remodal-confirm:hover,
.remodal-confirm:focus {
background: #66bb6a;
}
.remodal-cancel {
color: #fff;
background: #e57373;
}
.remodal-cancel:hover,
.remodal-cancel:focus {
background: #ef5350;
} .remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
padding: 0;
border: 0;
} @-webkit-keyframes remodal-opening-keyframes {
from {
-webkit-transform: scale(1.05);
transform: scale(1.05);
opacity: 0;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes remodal-opening-keyframes {
from {
-webkit-transform: scale(1.05);
transform: scale(1.05);
opacity: 0;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@-webkit-keyframes remodal-closing-keyframes {
from {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
to {
-webkit-transform: scale(0.95);
transform: scale(0.95);
opacity: 0;
}
}
@keyframes remodal-closing-keyframes {
from {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
to {
-webkit-transform: scale(0.95);
transform: scale(0.95);
opacity: 0;
}
}
@-webkit-keyframes remodal-overlay-opening-keyframes {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes remodal-overlay-opening-keyframes {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes remodal-overlay-closing-keyframes {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes remodal-overlay-closing-keyframes {
from {
opacity: 1;
}
to {
opacity: 0;
}
} @media only screen and (min-width: 641px) {
.remodal {
max-width: 700px;
}
} .lt-ie9 .remodal-overlay {
background: #2b2e38;
}
.lt-ie9 .remodal {
width: 700px;
}