/*
Theme Name:Antica Venezia
Theme URI:https://www.anticavenezia.ie
Author:Upper Case
Author URI:https://uppercase.ie
Description:Responsive Wordpress theme
License:GNU General Public License v2 or later
License URI:http://www.gnu.org/licenses/gpl-2.0.html
Version:1

Text Domain:anticavenezia

*/

* { box-sizing:border-box; -moz-box-sizing:border-box; } 

html { height:100%; }

body { height:100%; background:url(images/page-bg.jpg) #f1f1f1; font-family:'hypatia-sans-pro',Helvetica,Arial,sans-serif; font-size:62.5%; font-weight:400; color:rgb(var(--text)); }

img { width:100%; height:auto; box-sizing:content-box; -moz-box-sizing:content-box; }


/* used for sticky footer - 100vh less the height of the footer */
.main-container { min-height:calc(100vh - 292px); }

.wrapper { max-width:1240px; width:100%; margin:0 auto; padding-left:20px; padding-right:20px; position:relative; }

.header { position:relative; z-index:201; }

.header .do-flex { justify-content:space-between; padding:20px 0 0; }
.header .do-flex .contacts { width:260px; flex:0 1 auto; }
.header .do-flex .logo { flex:1 1 auto; text-align:center; }
.header .do-flex .social { width:260px; flex:0 1 auto; text-align:right; }

.header .do-flex .contacts > span { display:block; font-size:1.6em; padding:0.25em 0; }
.header .do-flex .contacts a { text-decoration:none; color:inherit; }
.header .do-flex .contacts svg { color:rgb(var(--red)); margin-right:0.5em; position:relative; top:1px; }

.header .do-flex .social { font-size:1.6em; }
.header .do-flex .social svg { color:rgb(var(--red)); margin-left:0.5em; }

.main-menu { position:relative; z-index:201; }
.main-menu > ul { font-size:1.5em; display:flex; justify-content:space-between; align-items:center; width:100%; text-transform:uppercase; text-align:center; }
.main-menu > ul > li { list-style-type:none; position:relative; display:inline-block; margin:0; }
.main-menu > ul > li > a { padding:20px 8px; display:block; text-decoration:none; position:relative; transition:color 300ms; }
.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(--red)); }
.main-menu ul li { line-height:1em; }
.main-menu > ul > li > a:hover { color:rgb(var(--red-hover)); }
.main-menu ul li a { color:rgb(var(--text)); }

.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; text-align:left; background-color:rgb(var(--grey-mid)); overflow:visible; box-shadow:0 5px 20px 5px rgba(0,0,0,0.1); }
.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:10px; background-color:transparent; transition:all 300ms; }
.main-menu > ul ul > li.current-menu-item a { background-color:rgb(var(--red-hover)); }
.main-menu > ul ul a:hover { background-color:rgb(var(--red)); color:rgb(var(--white)); }

.main-menu > ul > li.menu-item-has-children:after { content:"\f0d7"; font:var(--fa-font-solid); display:none; }
.main-menu > ul > li.menu-item-has-children svg { position:absolute; top:calc(50% - 0.6em); right:-0.6em; font-size:1em; color:rgb(var(--red)); }

.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; }



/*** Content Clearfix ***/

.clearfix:after,
.content:after,
.do-flex:after { content:""; display:table; clear:both; }  


/*** COLUMNS ***/


.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 { display:none; }
.gallery img { display:block; }


/** SPLIT SECTIONS **/

.hide-overflow { overflow:hidden; position:relative; }

.do-flex,
.gallery { display:flex; flex-wrap:wrap; }

.nowrap { flex-wrap:nowrap; }


/*** Buttons ***/

.more-button,
input.more-button { font-weight:700; border:2px solid rgb(var(--gold)); background-color:rgb(var(--gold)); padding:1em 2em; color:rgb(var(--white)); font-size:1.6em; line-height:1em; text-decoration:none; display:inline-block; white-space:nowrap; transition:border-color 500ms, background-color 500ms, color 500ms; }
.more-button:hover,
input.more-button:hover { border-color:rgb(var(--gold-hover)); background-color:rgb(var(--gold-hover)); color:rgb(var(--white)); }
.content p .more-button { font-size:1em; color:rgb(var(--white)); }
.content .more-button { color:rgb(var(--white)); }

a.more-button { text-decoration:none; }

.more-button.outline { background-color:transparent; border-color:rgb(var(--gold)); color:rgb(var(--gold)); }
.more-button.outline:hover { background-color:rgb(var(--gold-hover)); border-color:rgb(var(--gold-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.red { background-color:rgb(var(--red)); border-color:rgb(var(--red)); color:rgb(var(--white)); }
.more-button.red:hover { background-color:rgb(var(--red-hover)); border-color:rgb(var(--red-hover)); color:rgb(var(--white)); }
.more-button.red.outline { background-color:transparent; border-color:rgb(var(--red)); color:rgb(var(--red)); }
.more-button.red.outline:hover { background-color:rgb(var(--red)); border-color:rgb(var(--red)); color:rgb(var(--white)); }

.more-button.arrow { padding-right:3.5em; position:relative; }
.more-button.arrow:after { content:"\f061"; font:var(--fa-font-regular); display:none; }
.more-button.arrow svg { color:inherit; position:absolute; top:50%; transform:translateY(-50%); right:1em; }

.button-wrapper { margin-bottom:5%; }
.button-wrapper .more-button { margin:10px; }

.read-more { padding-right:1em; position:relative; color:rgb(var(--red)); 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(--red-hover)); }
.content p .read-more { font-size:1em; }
.content .read-more { color:rgb(var(--red)); }

.read-more:after { content:"\f054"; font:var(--fa-font-regular); display:none; }
.read-more svg { color:inherit; position:absolute; top:50%; transform:translateY(-50%); right:0; }

a.read-more { text-decoration:none; }




/*** H ***/

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:'modesto-condensed',serif; font-weight:300; line-height:1.125em; text-transform:uppercase; margin-bottom:0.75em; color:rgb(var(--gold)); }

h3, .content p.h-3 { font-size:3.2em; }

h4, .content p.h-4 { font-size:2.8em; }

h5, .content p.h-5 { font-size:2.4em; }

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:4.8em; }

h2, .content p.h-2, h3.h-2, h4.h-2, h5.h-2, h6.h-2 { font-size:4em; } 

h1 a, h2 a{ text-decoration:none; }

.page-title h1 { margin-bottom:0; line-height:1.125em; padding:0.25em 0; }

.blocks h1, .blocks h2, .blocks h3, .blocks h4, .blocks h5, .blocks h6 { color:inherit; }


/*** PAGES ***/

.content p { font-size:1.6em; 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(.override) { color:rgb(var(--red)); transition:all 300ms; }
.content a:not(.more-button):not(.read-more):not(.button):not(.override):hover { color:rgb(var(--red-hover)); }

.blocks .content a:not(.more-button):not(.read-more):not(.button):not(.override),
.blocks .content a:not(.more-button):not(.read-more):not(.button):not(.override):hover { color:inherit; }


/*** LISTS ***/

.content ul,
.content ol  { font-size:1.6em; 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; } 


/*** BANNER SLIDER ***/

.slides-wrapper { position:relative; overflow:hidden; }

.slides-wrapper .bx-wrapper { float:left; width:50%; }

/* Used for initial load */
.slides-wrapper .slides { float:left; width:50%; }
.slides-wrapper .bx-wrapper .slides { float:none; width:100%; }
.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; }

.slides-wrapper .text { position:absolute; width:100%; max-width:600px; padding:0 20px; top:calc(50% - 60px); left:calc(50% - 585px); transform:translateY(-50%); z-index:5; }
.slides-wrapper .text p.alt-font { font-size:5em; margin-bottom:0.25em; color:rgb(var(--text)); font-weight:700; }
.slides-wrapper .text p.alt-font span { display:block; font-size:1.5em; }
.slides-wrapper .text p.slide-text { font-size:2em; margin-bottom:1em; padding-left:5px; }

.banner-buttons { position:absolute; bottom:20px; left:50%; transform:translateX(-50%); width:50%; max-width:600px; padding:20px 20px 0; background-color:rgba(var(--black),0.6); z-index:100; }
.banner-buttons.content p { margin-bottom:10px; }
.banner-buttons .buttons { padding-left:5px; }
.banner-buttons .more-button { margin:0 10px 20px; }

/*** INTRO ***/

.col .inner-image { position:relative; padding:15px 20px 15px 15px; }
.col .inner-image > img { display:block; border:3px solid rgb(var(--grey-light)); border-radius:5px; }
.col .inner-image .top { width:60px; height:60px; position:absolute; top:0; right:0; background:url(images/corner-top.png) right top no-repeat; z-index:2; }
.col .inner-image .bottom { width:60px; height:60px; position:absolute; bottom:0; left:0; background:url(images/corner-bottom.png) left bottom no-repeat; z-index:2; }

/*** MENUS ***/

.homepage-menus .menu .image { background-position:center center; background-size:cover; padding-top:380px; position:relative; margin-bottom:15px; }
.homepage-menus .menu .image:hover { border-color:rgb(var(--red)); }
.homepage-menus .col-3 > div.col:nth-of-type(odd) { width:22% }
.homepage-menus .col-3 > div.col:nth-of-type(even) { width:47% }


/*** HOMEPAGE TESTIMONIALS ***/

.testimonials-wrapper.padding { padding-bottom:80px; }
.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 { max-width:1000px; margin:0 auto; padding:0 5%; }
.testimonials-wrapper .testimonial blockquote p { font-size:1.8em; font-style:italic; line-height:1.75em; }
.testimonials-wrapper .testimonial .stars { color:rgb(var(--gold)); } 

.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(--red)); 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(--red-hover));  }
.testimonials-wrapper .bx-wrapper .bx-pager.bx-default-pager a.active { background-color:rgb(var(--red)); }


/*** SOCIAL FEEDS ***/

.social-feeds-wrapper { background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative; }
.social-feeds-wrapper .fill { background-color:rgba(var(--gold),0.5); }
.social-feeds-wrapper .wrapper { z-index:2; }
.social-feeds .col-3 > div.col { position:relative; background-color:rgb(var(--white)); background-image:url(images/social-loader.gif); background-repeat:no-repeat; background-position:center top 200px; padding:0 10px 10px; border-radius:10px; border:2px solid rgba(var(--white),0.5); height:24vw; min-height:400px; overflow:auto; }
.social-feeds .feed-header { padding:15px 0; position:sticky; top:0; background-color:rgb(var(--white)); z-index:+1; }
.social-feeds .feed-header svg { font-size:2em; color:rgb(var(--grey)); margin-right:5px; }
.social-feeds .feed-header p { display:inline-block; }
.social-feeds .feed-header a { float:right; font-size:1.2em; margin-top:-5px; }

.social-feeds .facebook-feed iframe { width:100%; margin-top:4px; }

.social-feeds .instagram-feed .wdi_feed_main_container .wdi_feed_users { display:none; }

/*** HOMEPAGE BLOG ***/

.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:700; text-transform:uppercase; }
.blog-posts-wrapper .blog-post span a { text-decoration:none; color:rgb(var(--gold)) !important; }
.blog-posts-wrapper .blog-post p { margin-bottom:10px; }
.blog-posts-wrapper .blog-post > a { position:absolute; left:0; bottom:10px; }

/*** FOOD MENUS **/

.menu-section .do-flex { flex-wrap:nowrap; justify-content:unset; }
.menu-section .do-flex .title,
.menu-section .do-flex .name { flex:1 1 auto; }
.menu-section .do-flex .price { width:150px; flex:0 0 auto; padding-left:20px; }

.menu-section .dish { margin-bottom:20px; }

.menu-section .dish .name strong { font-weight:400; font-size:2em; }
.menu-section .dish .name p { color:rgb(var(--grey-mid)); }
.menu-section .dish .name p:last-of-type { margin-bottom:0; }
.menu-section .dish .price strong { font-size:1.7em; line-height:1.65em; }

.menu-section .trim { height:48px; margin-bottom:20px; }

.side-gallery img { display:block; margin-bottom:20px; }

/*** DRINKS LIST **/

.drinks-section .do-flex { flex-wrap:nowrap; justify-content:unset; }
.drinks-section .do-flex .title,
.drinks-section .do-flex .name { flex:1 1 auto; }
.drinks-section .do-flex .price { width:100px; flex:0 0 auto; padding-left:10px; }

.drinks-section .drink { margin-bottom:20px; }
/**/
.drinks-section .drink .name { font-size:2em; }
.drinks-section .drink .name strong { display:inline-block; margin-left:0.25em; }
.drinks-section .drink .name p { font-size:0.85em; color:rgb(var(--grey-mid)); }
.drinks-section .drink .name p:last-of-type { margin-bottom:0; }
.drinks-section .drink .price strong { font-size:1.7em; line-height:1.65em; }

.drinks .trim { height:48px; margin-bottom:20px; }

/*** OPEN TABLE WIDGET ***/

.open-table iframe { margin:0 auto; display:block; }


/*** TESTIMONIALS PAGE ***/

.testimonials-page .testimonial { margin-bottom:20px; }
.testimonials-page .testimonial blockquote { padding:0 5%; }
.testimonials-page .testimonial .stars { color:rgb(var(--gold)); }
.testimonials-page .trim { height:88px; }


/*** CONTACT PAGE ***/

.page-template-page-contact .gm-style .gm-style-iw-c,
.page-template-page-contact .gm-style .gm-style-iw-t:after { display:none !important; }

.contact-page .right .contacts { overflow:hidden; position:relative; padding:10%; }
.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.6em; padding-left:30px; margin-bottom:1em; }
.contact-page .right .contacts span svg { position:absolute; left:0; top:0.2em; }
.contact-page .right .contacts span a { color:rgb(var(--white)); text-decoration:none; }

/*** REMODAL ***/

/** Pop Up **/

.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 ***/

.blog-wrapper > div.do-flex {  flex-wrap:nowrap; }
.content-wrapper { width:70.042%; padding-right:5%; border-right:1px solid rgba(var(--red),0.4); }
.sidebar { width:30%; padding-left:5%; }

.blog .header,
.single .header,
.archive .header { border-bottom:50px solid rgb(var(--gold)); }

.entry { border-bottom:1px solid rgba(var(--red),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(--red)); }
.sidebar > ul { font-size:1.6em; }
.sidebar > ul li a { font-weight:400; }

.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; }


/*** FORMS ***/

input, textarea, select {
  /* -webkit-appearance:none; */
  -webkit-border-radius:0;
	outline:none;
}

select { -webkit-appearance:none; }

/*** FORMS ***/

.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(--grey-mid),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:700; width:auto; border:none; background-color:rgb(var(--gold)); border-radius:0; padding:1em 3em; 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(--gold-hover)); border-color:rgb(var(--gold-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.wpcf7-spinner { position:absolute; display:none; left:230px; bottom:-7px; width:64px; height:64px; background:url(images/ajax-loader.gif); }
div.wpcf7 .submitting span.wpcf7-spinner { display:block !important; }

.wpcf7-not-valid { border-color:red !important; }

span.wpcf7-form-control-wrap { display:inline !important; }


/*** CF7 ***/
.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:400; }
.wpcf7-acceptance label a:hover { color:rgb(var(--gold)) !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(--grey-mid),0.5) !important; border-color:rgba(var(--grey-mid),0.5) !important; color:rgb(var(--white)) !important; cursor:not-allowed; }

/*** TABLES ***/

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(--red)); padding:8px 10px 6px; vertical-align:top; text-align:center; font-weight:bold; color:rgb(var(--white));  }
.cookie-table td { background:rgba(var(--grey-mid),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; }



/** GOOGLE MAP **/

.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 h3 { font-size:2em; text-align:left; line-height:1.125em; margin-bottom:0.25em; color:rgb(var(--red)); }
.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:first-of-type { margin-bottom:1.5em; }
.map-frame .info-box p svg { color:rgb(var(--gold)); margin-right:5px; }
.map-frame .gmnoprint .gm-style-mtc { display:none !important; }

/* Bug Fix stop close button having focus on page load */
.map-frame .gm-style-iw button.gm-ui-hover-effect { display: none !important; }


/*** VIDEO PAGE ***/

.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 **/

.footer-wrapper { border-top:5px solid rgb(var(--white)); }

.footer { position:relative; z-index:2; }

.footer .logo { width:35%; position:relative; }
.footer .menus { width:65%; }

.content p.footer-title { font-size:3em; margin-bottom:0.5em; }

.footer-menu ul { margin:0; padding:0; font-size:1.5em;}
.footer-menu ul li { list-style-type:none; padding:0; margin:0 0 0.5em; color:rgb(var(--text)); }
.footer-menu ul li a { text-decoration:none; color:rgb(var(--text)) !important; transition:color 300ms; }
.footer-menu ul li a:hover { color:rgb(var(--red)); }

.footer .contacts { display:flex; flex-wrap:wrap; font-size:1.5em; }
.footer .contacts > span { flex:1 0 auto; display:block; margin-bottom:1em; }
.footer .contacts span {  margin-right:12px; }
.footer .contacts a { text-decoration:none; color:rgb(var(--text)); }
.footer .contacts svg { text-decoration:none; color:rgb(var(--red)); margin-right:7px; }

.footer .social { position:absolute; left:0; bottom:17%; }
.footer .social a { display:inline-block; margin-right:10px; border-radius:3px; width:30px; height:30px; background-color:rgb(var(--grey-dark)); position:relative; transition:background-color 300ms; }
.footer .social a svg { font-size:1.2em; color:rgb(var(--white)); position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.footer .social a:hover { background-color:rgb(var(--red-hover)); }

.sub-footer ul { float:right; display:block; font-size:1.4em; margin:4px 0 0; padding:0;  }
.sub-footer ul li { display:inline-block; list-style-type:none; margin:0 0 10px 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(--gold)) !important; }

.sub-footer .wrapper > a { font-size:1.4em; display:block; line-height:1.5em; float:right; }


/*** MISC ***/

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 #eee; }
.gap { height:30px; }

.overflow { overflow:hidden; }

.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:'hypatia-sans-pro',Helvetica,Arial,sans-serif !important; font-weight:400; }
.alt-font { font-family:'modesto-condensed',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-light-txt { color:rgb(var(--grey-light)) !important;}
.grey-light-hover-txt { color:rgb(var(--grey-light-hover)) !important; }
.grey-mid-txt { color:rgb(var(--grey-mid)) !important;}
.grey-mid-hover-txt { color:rgb(var(--grey-mid-hover)) !important; }
.grey-dark-txt { color:rgb(var(--grey-dark)) !important;}
.grey-dark-hover-txt { color:rgb(var(--grey-dark-hover)) !important; }
.red-txt { color:rgb(var(--red)) !important; }
.red-hover-txt { color:rgb(var(--red-hover)) !important; }
.gold-txt { color:rgb(var(--gold)) !important; }
.gold-hover-txt { color:rgb(var(--gold-hover)) !important; }

.white-bg { background-color:rgb(var(--white)); }
.black-bg { background-color:rgb(var(--black)); }
.text-bg { background-color:rgb(var(--text)); }
.grey-light-bg { background-color:rgb(var(--grey-light)); }
.grey-light-hover-bg { background-color:rgb(var(--grey-light-hover)); }
.grey-mid-bg { background-color:rgb(var(--grey-mid)); }
.grey-mid-hover-bg { background-color:rgb(var(--grey-mid-hover)); }
.grey-dark-bg { background-color:rgb(var(--grey-dark)); }
.grey-dark-hover-bg { background-color:rgb(var(--grey-dark-hover)); }
.red-bg { background-color:rgb(var(--red)); }
.red-hover-bg { background-color:rgb(var(--red-hover)); }
.gold-bg { background-color:rgb(var(--gold)); }
.gold-hover-bg { background-color:rgb(var(--gold-hover)); }

.mask { background-color:rgba(0,0,0,0.2); 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,
.gallery img { border:3px solid rgb(var(--grey-light)); border-radius:10px; overflow:hidden; transition:border-color 300ms; }

.trim { height:28px; background:url(images/seperator.svg) center center no-repeat; background-size:68px auto; position:relative; }
.trim:before { content:""; position:absolute; height:2px; width:calc(50% - 34px); border-top:2px solid rgb(var(--grey-light)); top:50%; left:0; }
.trim:after { content:""; position:absolute; height:2px; width:calc(50% - 34px); border-top:2px solid rgb(var(--grey-light)); top:50%; right:0; }

.svg-shadow { filter:drop-shadow( 5px 5px 5px rgba(0, 0, 0, .2)); }

.padding { padding-top:2.5%; padding-bottom:1%; }
.padding-top { padding-top:2.5%; }
.padding-bottom { padding-bottom:1%; }


@media only screen and (max-width:1200px) {

	.slider-wrapper .wrapper { padding:0; }

}

@media only screen and (max-width:1170px) {


}



@media only screen and (max-width:1000px) {


	.sub-footer .wrapper { text-align:center; }
	.sub-footer .wrapper > a { float:none; }
	
}

@media only screen and (max-width:940px) {

	.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 .logo { float:none; width:100%; text-align:center; margin-bottom:5%; }
	.footer .social { position:relative; left:auto; bottom:auto; margin-top:20px; }
	.footer .menus { float:none; width:100%; }

}

@media only screen and (max-width:900px) {

	.header .contacts,
	.header .social { display:none; }
	
	.header .logo { position:relative; }

	.header .mobile-menu-trigger { display:block; position:absolute; top:50%; transform:translateY(-50%); right:20px; 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(--red-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:700; 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:0.5em 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(--gold)); margin:0 10px; }

	.mobile-menu-close { display:block; cursor:pointer; text-align:center;  color:rgb(var(--white)); position:absolute; top:-28px; right:23px; }
	.mobile-menu-close .fa-times { font-size:4em; }
	.mobile-menu-close strong { display:block; font-size:1.4em; text-align:center; }

}

@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:2.6em; }
	h4, .content p.h-4 { font-size:2.4em; }
	h5, .content p.h-5 { font-size:2.2em; }
	h6, .content p.h-6 { 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:3em; }
	h2, .content p.h-2, h3.h-2, h4.h-2, h5.h-2, h6.h-2 { font-size:2.8em; } 

}


@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 .menus .col { text-align:center; }

	.footer .contacts { flex-direction:column; text-align:center; }
	.footer .contacts > span { margin-bottom:20px; }

	.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) {


	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 .logo { display:none; }
	.footer .col.menu { text-align:center; }
	
}

@media only screen and (max-width:600px) {


	.header .logo { left:-10px; }
	.header .mobile-menu-trigger { right:10px; }

	.mobile-menu-close { right:12px; }

	
	h3 { font-size:2.4em; }
	h4 { font-size:2.2em; }
	h5 { font-size:2em; }
	h6 { font-size:1.8em; }
	h1, h2.h-1, h3.h-1, h4.h-1, .sidebar > h3:first-child { font-size:2.8em; }
	h2, h3.h-2, h4.h-2 { font-size:2.6em; }

	
	.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%; }
	
	
}

@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) {


	.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) {

	.header .logo { width:240px; }
	.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%; }

}