/*   
Theme Name: Lidia Molinara - Landing
Description: Lidia Molinara landing site
Author: Odvod Media
Version: 1
*/

/* default
-------------------------------------------------------------------------------*/

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;
	vertical-align: baseline;
	background: transparent;
}									

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites, like, say for Google Maps custom placemarkers. 
   There has been a report of problems with standard Google maps as well, but we haven't been able to duplicate or diagnose the issue. */
img,
object,
embed {width: 100%; height:auto}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
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; color:#666; text-decoration:none; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; }
a:hover{ text-decoration:underline}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

h1,h2,h3,h4,h5,h6{ font-weight:400}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: 600;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  

.clear { clear: both; }

.hide { display: none !important; }

img { display: block; /*transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s;*/ }

.container { position: relative; display: block; }
#site-contact-form { display: none; }

.show-right:before { position: relative; left: 100%; display: block; width: 100%; float: left; margin: 0 0 0 -100%; }

.button { display: inline-block; }
.button a { display: block; padding: 15px 30px; min-width: 260px; text-align: center; background: #f8a48d; color: #fff !important; border: 1px solid #f8a48d; font-size: 18px; font-weight: 400 !important; letter-spacing: 1.2px; text-transform: uppercase; box-sizing: border-box; -moz-box-sizing: border-box; }
.button a:hover { background: #fff; color: #f8a48d !important; border: 1px solid #f8a48d; text-decoration: none !important; }

.social-media { position: relative; display: inline-block; padding-top: 50px; }
.social-media ul.grid { display: grid; list-style-type: none; margin: 0 !important; padding: 0 !important; border: 1px solid #bbbbbb; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 0 0; }
.social-media ul.grid li { list-style-type: none; margin: 0 !important; padding: 0 !important; border-left: 1px solid #bbbbbb; }
.social-media ul.grid li:first-child { border-left: none; }
.social-media ul.grid li a { position: relative; display: grid; height: 50px; width: 50px; color: #bbbbbb; text-decoration: none; font-size: 24px; text-align: center; align-content: center; }
.social-media [class^="icon-"]:before, .social-media [class*=" icon-"]:before { margin: 0 auto; }
.social-media ul.grid li a:hover { color: #000; text-decoration: none; }

/*** site styles ***/

html, BODY { height: 100%; }
BODY { font-family: "montserrat", sans-serif; font-weight: 100; font-style: normal; font-size: 18px; letter-spacing: 1.2px; line-height: 22px; color: #2c333a; text-align: center; }
BODY.scroll { padding-top: 66px; }

#site-wrapper { position: relative; display: block; width: 100%; overflow: hidden; }

h1, h2, h3, h4, h5 { margin: 0 0 25px; padding: 0; line-height: 1.2; color: #2c333a; font-family: "quiche-sans", sans-serif; font-weight: 400; font-style: normal; }
h1 { font-size: 46px; margin: 0 0 0; }
h2 { font-size: 34px; line-height: 36px; letter-spacing: 2px; color: #2c333a; }
h3 { font-size: 20px; line-height: 24px; font-weight: 600; letter-spacing: 1.1px; color: #708090; }


p { padding: 0 0 25px; margin: 0; line-height: 1.2; }
p:last-child, p:last-of-type { padding-bottom: 0; }

p:last-child + iframe, p:last-of-type + iframe, p + iframe { margin-top: 30px; }

h1 + h2, p + h2 { padding-top: 50px; }
h2:last-child { margin-bottom: 0; }



.header-wrapper { position: relative; display: block; padding: 0 40px; margin: 0; box-sizing: border-box; -moz-box-sizing: border-box; }
header { position: relative; display: grid; grid-template-columns: 300px 1fr; grid-template-rows: auto; gap: 0 30px; max-width: 1280px; padding: 40px 0; margin: 0 auto; box-sizing: border-box; -moz-box-sizing: border-box; }
header .header-left { position: relative; display: block; }
header .header-left img { width: 100%; height: auto; }
header .header-left h2 { text-indent: -9999px; overflow: hidden; font-size: 1px; display: none; }
header .header-right { position: relative; display: grid; align-content: center; text-align: right; }
header .header-right ul { display: inline-block; margin: 0; padding: 0; list-style-type: none; float: right; }
header .header-right ul li { margin: 0; padding: 0 35px 0 0; line-height: 1; float: left; list-style-type: none; }
header .header-right ul li:last-of-type { padding-right: 0; }
header .header-right ul li a { color: #4d4d4d; font-size: 15px; text-transform: uppercase; }
header .header-right ul li a:hover { color: #f8a48d; text-decoration: none; }

.flyout { position: relative; display: none; text-align: right; padding: 0; z-index: 999; float: right; }
.flyout a.icon-menu { color: #4d4d4d; font-size: 28px; line-height: 1; margin: 0; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; border-bottom: none; }
.flyout a.icon-menu:hover { color: #f8a48d; text-decoration: none; border-bottom: none; }


#flyout-menu-top { position: relative; display: block; padding: 10px 20px; z-index: 99; }
#flyout-menu-top .menu { float: right; }

#flyout-menu { position: fixed; left: 0; top: 0; display: none; width: 100%; height: 100%; padding: 0; background: #f8a48d; text-align: left; overflow: auto; box-sizing: border-box; -moz-box-sizing: border-box; z-index: 9999999; }
#flyout-menu .flyout-menu-header { position: fixed; top: 0; left: 0; display: block; width: 100%; height: 50px; z-index: 99; overflow: hidden; }
#flyout-menu .close-btn-wrapper { position: absolute; top: 0; right: 0; display: block; padding: 10px 25px; }
#flyout-menu a.close-btn { font-size: 30px; color: #fff; z-index: 100; }
#flyout-menu a.close-btn:hover { color: #4d4d4d; }

#flyout-menu ul { margin: 0; padding: 0; }
#flyout-menu ul ul { display: none; }
#flyout-menu li { margin: 0; padding: 0; display: block; }
#flyout-menu li a { display: block; padding: 15px 0; font-weight: 400; font-size: 36px; color: #fff; line-height: 1; text-decoration: none; box-sizing: border-box; -moz-box-sizing: border-box; border-bottom: 1px solid rgba(85, 118, 209, 0); }
#flyout-menu li a:hover { color: #4d4d4d; text-decoration: none; border-bottom: 1px solid rgba(85, 118, 209, 0); }
#flyout-menu li li a { font-size: 18px; text-transform: none; padding: 8px 20px; }

#flyout-menu #flyout-menu-main, #flyout-menu #flyout-menu-sub { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; padding: 90px 100px 40px; background: #0080c7; box-sizing: border-box; -moz-box-sizing: border-box; z-index: 80; }
#flyout-menu #flyout-menu-sub { display: none; padding-top: 60px; z-index: 90; text-align: center; }
#flyout-menu .top { position: relative; display: block; margin: 0 0 10px; }
#flyout-menu .bottom { position: relative; display: block; border-top: 1px solid #fff; padding: 10px 0 0; }
#flyout-menu .bottom li a { font-size: 16px; }
#flyout-menu .icon { position: relative; display: block; width: 10%; margin: 0 auto; padding: 50px 0 0; }
#flyout-menu .icon .cover { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: rgba(0, 115, 174, .9); z-index: 10; }

#flyout-menu .social-media { padding-top: 20px; }
#flyout-menu .social-media li { margin-left: 10px; margin-right: 10px; }


.section-wrapper { position: relative; display: block; padding: 50px 0 100px; margin: 0; box-sizing: border-box; -moz-box-sizing: border-box; }
    
.content-wrapper { position: relative; display: grid; max-width: 1200px; min-height: 680px; margin: 0 auto; padding: 40px 0; box-sizing: border-box; -moz-box-sizing: border-box; align-content: center; }
.content-wrapper.background { background-position: left center; background-repeat: no-repeat; background-size: contain; }
.content-wrapper .grid { display: grid; }


.content-wrapper .content { position: relative; min-height: 400px; display: grid; grid-template-columns: 1fr; grid-template-rows: auto; gap: 0 50px; background: #f8a48d; color: #4d4d4d; font-size: 15px; margin-left: 35%; padding: 40px 80px 40px 120px; align-content: center; box-sizing: border-box; -moz-box-sizing: border-box; }
.home .content-wrapper .content { padding: 20px 40px; grid-template-columns: auto 1fr; }
.content-wrapper .content .inner { position: relative; display: block; }
.content-wrapper .content .title { position: relative; display: grid; align-content: center; color: #fff; font-size: 50px; text-align: right; font-family: "quiche-sans", sans-serif; font-weight: 400; font-style: normal; line-height: 4rem; }
.content-wrapper .content .text { position: relative; display: grid; align-content: center; text-align: left; }
.content-wrapper .content .text strong { font-weight: 700; color: #fff; }
.content-wrapper .content .text a { font-weight: 700; }
.content-wrapper .content .text a:hover { text-decoration: none; color: #000; }

.content-wrapper .content.text-white { color: #fff; }
.content-wrapper .content.text-white a { color: #eaeaea; }
.content-wrapper .content.text-white a:hover { color: #000; }

.content-wrapper .content-title { position: relative; display: grid; grid-template-columns: 1fr; grid-template-rows: auto; gap: 10px 0; color: #4d4d4d; font-size: 14px; margin-left: 35%; padding: 0 80px 20px 120px; align-content: center; box-sizing: border-box; -moz-box-sizing: border-box; }
.content-wrapper .content-title .inner { position: relative; display: block; }
.content-wrapper .content-title .title { position: relative; display: block; font-size: 50px; text-align: left; font-family: "quiche-sans", sans-serif; font-weight: 400; font-style: normal; line-height: 4rem; }
.content-wrapper .content-title .excerpt { position: relative; display: block; text-align: left; }

.content-wrapper .desktop.background { position: absolute; display: block; height: 100%; width: 480px; background-position: center top; background-repeat: no-repeat; background-size: cover; }

.content-wrapper .mobile.background { position: relative; display: none; background-position: center top; background-repeat: no-repeat; background-size: cover; }
.content-wrapper .mobile.button { position: relative; display: none; padding: 20px; text-align: center; }
.content-wrapper .mobile.button a { display: inline-block; padding: 10px 40px; background: #e6e6e6; color: #4d4d4d !important; font-size: 15px; font-weight: 700; text-transform: uppercase; border: none; min-width: 0 !important; }
.content-wrapper .mobile.button a:hover { background: #f69884; color: #fff !important; text-decoration: none; }


.badge-wrapper { position: relative; display: block; padding: 0 40px; margin: 0 auto; max-width: 1280px; box-sizing: border-box; -moz-box-sizing: border-box; }
.badge { position: absolute; top: 0; right: 200px; display: grid; z-index: 99; grid-template-columns: auto; grid-template-rows: auto; grid-template-rows: auto; grid-template-areas: "inner" "arrow"; box-sizing: border-box; -moz-box-sizing: border-box; }
.badge a, .badge a:hover { text-decoration: none; }
.badge .inner.grid { position: relative; display: grid; grid-template-columns: 1fr; grid-template-rows: auto; gap: 5px 0; padding: 50px 40px 10px; grid-area: inner; }
.badge .inner.grid .row.row-1 { text-transform: uppercase; font-weight: 700; font-size: 21px; }
.badge .inner.grid .row.row-2 { font-size: 14px; }
.badge .inner.grid .row.row-3 { padding-top: 5px; text-transform: uppercase; font-weight: 700; font-size: 14px; }
.badge .arrow { position: relative; display: block; width: 100%; }
.badge .arrow img.image-2 { display: none; }


.content-wrapper .content-more-posts { position: relative; display: block; }
.content-wrapper .content-more-posts .content-more-post.grid { gap: 70px 0; }
.content-wrapper .content-more-posts .content-more-post.grid .more-post { position: relative; display: block; gap: 70px 0; }
.content-wrapper .content-more-posts .content-more-post.grid .more-post a { text-align: left; text-decoration: none; }
.content-wrapper .content-more-posts .content-more-post.grid .more-post a .more-post-image { position: relative; display: block; /*height: 290px;*/ background-position: center center; background-repeat: no-repeat; background-size: cover; background-color: #bfbfbf; }
.content-wrapper .content-more-posts .content-more-post.grid .more-post a .more-post-image::after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; content: ''; background-color: #c2e7e4; opacity: 0; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; }
.content-wrapper .content-more-posts .content-more-post.grid .more-post a .more-post-content { position: relative; display: block; background-color: #c2e7e4; border: 1px solid #c2e7e4; padding: 30px 20px 50px; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; }
.content-wrapper .content-more-posts .content-more-post.grid .more-post a .more-post-content .more-post-content-title { font-family: museo-sans, sans-serif; position: relative; display: block; color: #4c4346; text-transform: uppercase; font-size: 21px; font-weight: 900; line-height: 1.2; margin: 0 0 15px; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; }
.content-wrapper .content-more-posts .content-more-post.grid .more-post a .more-post-content .more-post-content-category { font-family: museo-sans, sans-serif; position: relative; display: block; color: #808080; text-transform: uppercase; font-size: 17px; margin: 0 0 30px; font-weight: 900; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; }
.content-wrapper .content-more-posts .content-more-post.grid .more-post a .more-post-content .more-post-content-excerpt { font-family: museo-sans, sans-serif; position: relative; display: block; position: relative; display: block; color: #294444; font-size: 16px; font-weight: 300; line-height: 1.3; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; }
.content-wrapper .content-more-posts .content-more-post.grid .more-post a:hover { text-decoration: none; }
.content-wrapper .content-more-posts .content-more-post.grid .more-post a:hover .more-post-image::after { opacity: .3; }
.content-wrapper .content-more-posts .content-more-post.grid .more-post a:hover .more-post-content { background-color: #fff; }
.content-wrapper .content-more-posts .content-more-post.grid .more-post a:hover .more-post-content .more-post-content-title { color: #4c4346; }
.content-wrapper .content-more-posts .content-more-post.grid .more-post a:hover .more-post-content .more-post-content-category { color: #4c4346; }
.content-wrapper .content-more-posts .content-more-post.grid .more-post a:hover .more-post-content .more-post-content-excerpt { color: #294444; }

.content-wrapper .content-more-posts .content-more-post.grid .more-post.featured a.grid { grid-template-columns: 345px 1fr; gap: 0 0; }
.content-wrapper .content-more-posts .content-more-post.grid .more-post.featured.noimage a.grid { grid-template-columns: 1fr; }
.content-wrapper .content-more-posts .content-more-post.grid .more-post.featured.vertical a.grid { grid-template-columns: 1fr; grid-template-rows: 290px 1fr; }
.content-wrapper .content-more-posts .content-more-post.grid .more-post.featured a.grid .more-post-image { height: 100%; }
.content-wrapper .content-more-posts .content-more-post.grid .more-post.featured a.grid .more-post-image::after { background-color: #f8a48d; }
.content-wrapper .content-more-posts .content-more-post.grid .more-post.featured a.grid .more-post-content { background-color: #f8a48d; padding-top: 40px; padding-bottom: 50px; border: 1px solid #f8a48d; }
.content-wrapper .content-more-posts .content-more-post.grid .more-post.featured a.grid .more-post-content .more-post-content-title { color: #fff; }
.content-wrapper .content-more-posts .content-more-post.grid .more-post.featured a.grid .more-post-content-category { color: #808080 }
.content-wrapper .content-more-posts .content-more-post.grid .more-post.featured a.grid .more-post-content .more-post-content-excerpt { color: #000; }
.content-wrapper .content-more-posts .content-more-post.grid .more-post.featured a.grid:hover .more-post-content { background-color: #fff; }
.content-wrapper .content-more-posts .content-more-post.grid .more-post.featured a.grid:hover .more-post-content .more-post-content-title { color: #4c4346; }
.content-wrapper .content-more-posts .content-more-post.grid .more-post.featured a.grid:hover .more-post-content .more-post-content-category { color: #4c4346; }
.content-wrapper .content-more-posts .content-more-post.grid .more-post.featured a.grid:hover .more-post-content .more-post-content-excerpt { color: #294444; }


.content-wrapper .content .contact.grid { grid-template-columns: 1fr 1fr; grid-template-areas: "content-col-1 content-col-2"; gap: 0 50px; }
.content-wrapper .content .contact.grid .row { position: relative; display: block; }
.content-wrapper .content .contact.grid .row p { margin: 0; padding: 0; }
.content-wrapper .content .contact.grid .row label { font-size: 14px; }
.content-wrapper .content .contact.grid .row input, .content-wrapper .content .contact.grid .row select, .content-wrapper .content .contact.grid .row textarea { font-family: "montserrat", sans-serif; width: 100%; background: #fff; font-size: 14px; font-weight: 500; letter-spacing: 1.2px; color: #4d4d4d; padding: 7px 10px; margin: 5px 0 0; border: 1px solid #4d4d4d; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.content-wrapper .content .contact.grid .row textarea { height: 100%; }
.content-wrapper .content .contact.grid .row input[type="submit"] { background: #f8a48d; text-transform: uppercase; color: #fff; }
.content-wrapper .content .contact.grid .row input[type="submit"]:hover { background: #000; color: #fff; }
.content-wrapper .content .contact.grid .col-1.grid { grid-template-columns: 1fr; grid-template-rows: auto; gap: 10px 0; grid-area: content-col-1; }
.content-wrapper .content .contact.grid .col-2.grid { grid-template-columns: 1fr; grid-template-rows: 1fr auto auto; gap: 10px 0; grid-area: content-col-2; }

.content-wrapper .content .contact.grid .row .wpcf7-list-item { margin: 0; }
.content-wrapper .content .contact.grid .row input[type="checkbox"] { width: 20px; }

.content-wrapper .content .contact.grid .row select { -webkit-appearance: none; -moz-appearance: none; text-overflow: ''; background: #fff; border: 1px solid #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 60px; cursor: pointer; border-radius: 0; }
.content-wrapper .content .contact.grid .row select::-ms-expand { display: none; }
.content-wrapper .content .contact.grid .row.row-4 .wpcf7-form-control-wrap::after { position: absolute; top: 6px; right: 0px; display: block; height: 43%; padding: 0 15px; color: #000; line-height: 1.1; z-index: 10; content: 'v'; }

.content-wrapper .wpcf7-spinner { width: 18px; height: 18px; margin: 0; position: absolute; right: 13px; top: 13px; background:  }
.content-wrapper .wpcf7-spinner::before { top: 4px; left: 4px; width: 4px; height: 4px; transform-origin: 5px 5px; }

.content-wrapper .content .contact.grid .row input.wpcf7-not-valid, .content-wrapper .content .contact.grid .row select.wpcf7-not-valid, .content-wrapper .content .contact.grid .row textarea.wpcf7-not-valid { background: #f8a48d; }
.content-wrapper .wpcf7 form .wpcf7-not-valid-tip { display: none; }
.content-wrapper .wpcf7 form .wpcf7-response-output { margin: 20px 0 0; padding: 5px 10px; background: #f8a48d; border: 1px solid #4d4d4d; color: #fff; text-align: center; }
.content-wrapper .wpcf7 form.invalid .wpcf7-response-output, .content-wrapper .wpcf7 form.unaccepted .wpcf7-response-output, .content-wrapper .wpcf7 form.payment-required .wpcf7-response-output { background: #cc0000; color: #fff; border: 1px solid #4d4d4d; }

.content-wrapper .content .contact.grid.rsvp { grid-template-columns: 1fr; max-width: 450px; }


.page-template-page-media .content-wrapper .content-single-media.content-sponsors-group { position: relative; display: block; padding: 50px 0 0; }
.content-wrapper .content-single-media .content-sponsors.grid { grid-template-columns: 1fr 1fr 1fr 1fr; gap: 40px 40px; }
.content-wrapper .content-single-media .content-sponsors .content-sponsors-item { position: relative; display: block; }





.single-post .section-wrapper { padding-top: 30px; }
.single-post .content-wrapper, .archive .content-wrapper, .blog .content-wrapper { height: auto; }

.content-wrapper .content-single-categories { text-align: left; }
.content-wrapper .content-single-categories ul { list-style-type: none; margin: 0 0 20px; padding: 0; }
.content-wrapper .content-single-categories ul li { list-style-type: none; margin: 0; padding: 0; display: inline-block; font-family: museo-sans, sans-serif; font-weight: 500; font-size: 15px; }
.content-wrapper .content-single-categories ul li:after { position: relative; display: inline-block; content: '|'; padding: 0 5px; font-family: museo-sans, sans-serif; }
.content-wrapper .content-single-categories ul li:last-child::after { display: none; }
.content-wrapper .content-single-categories ul li a { color: #4d4d4d; font-family: museo-sans, sans-serif; }
.content-wrapper .content-single-categories ul li a:hover { color: #f8a48d; }

.content-wrapper .content-single-banner.grid { grid-template-columns: 1fr 41.67%; gap: 0 0; height: 400px; }
.content-wrapper .content-single-banner.grid .single-banner-image { position: relative; display: block; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.content-wrapper .content-single-banner.grid .single-banner-quote { display: grid; align-content: center; padding: 20px 30px; background: #0080c7; color: #fff; text-align: center; text-transform: uppercase; font-size: 20px; }

.content-wrapper .content-single-line { position: relative; display: block; height: 5px; background: #0080c7; margin: 0 0 20px; }

.content-wrapper .content-section-blog.grid { grid-template-areas: "title more-posts" "content more-posts"; grid-template-columns: 1fr 300px; grid-template-rows: auto auto; gap: 0 80px; padding-top: 40px; }

.content-wrapper .content-single-content.grid { grid-template-columns: 1fr 300px; gap: 0 80px; text-align: left; }

.content-wrapper .content-single-title { grid-area: title; padding: 0 0 50px; text-align: left; }
.content-wrapper .content-single-title h1 { margin: 0 0 30px; }
.content-wrapper .content-single-title h3 { margin: 0; font-family: museo-sans, sans-serif; font-weight: 900; font-size: 20px; color: #4d4d4d; }

.content-wrapper .content-single-content.grid { grid-area: content; grid-template-columns: 1fr; gap: 0 80px; text-align: left; padding-top: 20px; }
.content-wrapper .content-single-content.grid .single-content-text { position: relative; display: block; }
.content-wrapper .content-single-content.grid .single-content-text p { line-height: 1.3; }
.content-wrapper .content-single-content.grid .single-content-text .author { font-family: museo-sans, sans-serif; position: relative; display: block; text-transform: uppercase; font-size: 14px; font-weight: 500; margin-bottom: 25px; }

.content-wrapper .content-single-content.grid .content-more-posts { position: relative; display: block; text-align: left; }
.content-wrapper .content-single-content.grid .content-more-posts h3 { text-transform: uppercase; margin: 0 0 20px; font-family: museo-sans, sans-serif; font-weight: 900; font-size: 20px; color: #4d4d4d; }

.content-wrapper .content-single-content ul, .content-wrapper .content-single-content ol { margin: 0; padding: 30px 0 0; }
.content-wrapper .content-single-content ul li, .content-wrapper .content-single-content ol li { margin: 0 0 20px 50px; padding: 0; }
.content-wrapper .content-single-content ul li:last-child, .content-wrapper .content-single-content ol li:last-child { margin-bottom: 0; }
.content-wrapper .content-single-content ul li p, .content-wrapper .content-single-content ol li p { padding: 25px 0 0; }

.content-wrapper .content-more-posts { grid-area: more-posts; position: relative; display: block; text-align: left; }
.content-wrapper .content-more-posts h3 { text-transform: uppercase; margin: 0 0 20px; font-family: museo-sans, sans-serif; font-weight: 900; font-size: 20px; color: #4d4d4d; }


.content-wrapper .content-blog-title { margin-bottom: 20px; }

.content-wrapper .content-category-menu { position: relative; display: inline-block; margin: 0 auto 50px; padding: 15px 20px; background: #0080c7; }
.content-wrapper .content-category-menu ul { list-style-type: none; margin: 0; padding: 0; }
.content-wrapper .content-category-menu ul li { list-style-type: none; margin: 0; padding: 0 0 0 30px; display: inline-block; }
.content-wrapper .content-category-menu ul li:first-child { padding-left: 0; }
.content-wrapper .content-category-menu ul li a { color: #fff; text-decoration: none; text-transform: uppercase; font-weight: 500; line-height: 1; }
.content-wrapper .content-category-menu ul li a:hover { color: #000; }


.content-wrapper .content-blog-content.grid { grid-template-columns: 1fr 350px; gap: 0 80px; text-align: left; }
.archive .content-wrapper .content-blog-content.grid, .blog .content-wrapper .content-blog-content.grid { grid-template-columns: 1fr 347px; }
.content-wrapper .content-blog-content.grid .col.col-1.grid { grid-template-rows: auto 1fr; gap: 80px 0; }
.content-wrapper .content-blog-content.grid .col.col-1.grid .row.row-2.grid { grid-template-columns: 1fr 1fr; gap: 0 80px; }



.blog .content-wrapper .content-blog-content.grid, .archive .content-wrapper .content-blog-content.grid { grid-template-columns: 1fr; }
.blog .content-wrapper .content-blog-content.grid .col.col-1.grid, .archive .content-wrapper .content-blog-content.grid .col.col-1.grid { grid-template-columns: 1fr 347px; grid-template-areas: "col-1 col-3" "col-2 col-3"; gap: 80px 80px; }
.blog .content-wrapper .content-blog-content.grid .col.col-1.grid .row-1, .archive .content-wrapper .content-blog-content.grid .col.col-1.grid .row-1 { grid-area: col-1; }
.blog .content-wrapper .content-blog-content.grid .col.col-1.grid .row-2, .archive .content-wrapper .content-blog-content.grid .col.col-1.grid .row-2 { grid-area: col-2; }
.blog .content-wrapper .content-blog-content.grid .col.col-1.grid .row-3, .archive .content-wrapper .content-blog-content.grid .col.col-1.grid .row-3 { grid-area: col-3; align-content: flex-start; }


.grecaptcha-badge { display: none; }
.page-id-13 .grecaptcha-badge { display: block; }

div.social { position: relative; display: block; }
p:last-child + div.social, p:last-of-type + div.social { padding-top: 25px; }
div.social ul { margin: 0; padding: 0; list-style-type: none; }
div.social ul li { display: inline-block; margin: 0; padding: 0 0 0 10px; list-style-type: none; font-size: 26px; }
div.social ul li .tictok { display: inline-block; width: 23px; height: 20px; background: url("images/tiktok.png") center center no-repeat; background-size: contain; filter: invert(47%) sepia(80%) saturate(0%) hue-rotate(168deg) brightness(90%) contrast(83%); }


.page-template-page-media .section-wrapper {  }
.page-template-page-media .content-wrapper { display: block; padding-top: 0; }
.page-template-page-media .content-wrapper .content-single-title { padding-bottom: 35px; }
.page-template-page-media .content-wrapper .content-single-title h1 { margin-bottom: 0; }
.page-template-page-media .content-wrapper .single-content-text { text-align: left; }
.page-template-page-media .content-wrapper .content-single-media { position: relative; display: block; padding-top: 30px; text-align: left; }
.page-template-page-media .content-wrapper .content-single-media .content-media-list-item { position: relative; display: block; }
.page-template-page-media .content-wrapper .content-single-media .content-media-list-item + .content-media-list-item { margin-top: 20px; padding-top: 20px; border-top: 3px solid #0080c7; }
.page-template-page-media .content-wrapper .content-single-media .content-media-list-item a.grid { text-decoration: none; grid-template-areas: "image title" "image description"; grid-template-columns: 250px 1fr; grid-template-rows: auto 1fr; gap: 10px 30px; color: #000; }

.page-template-page-media .content-wrapper .content-single-media .content-media-list-item a.grid .media-image { grid-area: image; }
.page-template-page-media .content-wrapper .content-single-media .content-media-list-item a.grid .media-image img { width: 100%; height: auto; }
.page-template-page-media .content-wrapper .content-single-media .content-media-list-item a.grid .media-title { grid-area: title; font-family: museo-sans, sans-serif; font-weight: 900; font-size: 20px; color: #4d4d4d; }
.page-template-page-media .content-wrapper .content-single-media .content-media-list-item a.grid .media-description { grid-area: description; font-style: normal; font-size: 16px; color: #2c333a; }



.footer-wrapper { position: relative; display: block; padding: 0 80px; background: #c2e6e5; }
footer { position: relative; display: block; width: 100%; padding: 20px 0; color: #808080; font-size: 11px; font-weight: 700; text-transform: uppercase; text-align: left; box-sizing: border-box; -moz-box-sizing: border-box; max-width: 1280px; margin: 0 auto; }
footer .grid { display: grid; grid-template-rows: auto; grid-template-columns: 1fr auto; gap: 0 50px; }
footer ul { margin: 0; padding: 0; list-style-type: none; }
footer ul li { display: inline-block; margin: 0; padding: 0 0 0 10px; list-style-type: none; }
footer ul li:after { position: relative; display: inline-block; content: '|'; color: #808080; padding-left: 10px; }
footer ul li:first-child { padding-left: 0; }
footer ul li:last-child::after { display: none; }
footer .tictok { display: inline-block; width: 23px; height: 15px; background: url("images/tiktok.png") center center no-repeat; background-size: contain; filter: invert(47%) sepia(80%) saturate(0%) hue-rotate(168deg) brightness(90%) contrast(83%); }
footer a { color: #808080; }
footer a:hover { color: #000; }

footer ul.social li:after { display: none; }
footer ul.social li a { font-size: 18px; }

.footer-wrapper-2 { position: relative; display: block; padding: 0 80px; background: #d5e8e7; }
.footer-2 { position: relative; display: block; width: 100%; padding: 20px 0; color: #808080; font-size: 11px; font-weight: 700; text-transform: uppercase; text-align: left; box-sizing: border-box; -moz-box-sizing: border-box; max-width: 1280px; margin: 0 auto; }
.footer-2 .disclaimer { position: relative; display: block; padding: 0; font-weight: 400; text-transform: none; }
.footer-2 .disclaimer p { padding-bottom: 15px; }

span.break { display: block !important; margin: 0 !important; padding: 0 !important; }

.wrapper { position: fixed; top: 0; left: 0; display: block; width: 100%; height: 100%; z-index: 999999999; }





@viewport { width: auto; }

@media only screen and (max-width: 1260px) {
  
  .content-wrapper { padding: 20px 40px; }
  
  .archive .content-wrapper .content-blog-content.grid { grid-template-columns: 1fr 28.33%; }
  
}

@media only screen and (max-width: 1060px) {
	
  .section-wrapper { padding: 25px 0 50px; }
  .content-wrapper .content .title { font-size: 35px; line-height: 3.1rem; }
	.content-wrapper .content-title { margin-left: 40%; }
	.content-wrapper .content-title .title h1 { font-size: 35px; }
	.content-wrapper .content { margin-left: 40%; }
	.home .content-wrapper .content { margin-left: 40%; }
	
	.content-wrapper .content .contact.grid { grid-template-columns: auto; grid-template-areas: "content-col-1" "content-col-2"; gap: 10px 50px; }
	.content-wrapper .content .contact.grid .row textarea { height: 80px; }
  
  .content-wrapper .content-section-blog.grid { grid-template-columns: 1fr 280px; }
  
  .archive .content-wrapper .content-blog-content.grid, .blog .content-wrapper .content-blog-content.grid, .content-wrapper .content-blog-content.grid .col.col-1.grid .row.row-2.grid { gap: 0 40px; }
  .content-wrapper .content-blog-content.grid .col.col-1.grid, .content-wrapper .content-more-posts .content-more-post.grid { gap: 40px 0; }
	
	.blog .content-wrapper .content-blog-content.grid .col.col-1.grid, .archive .content-wrapper .content-blog-content.grid .col.col-1.grid { grid-template-columns: 1fr 30.8%; gap: 40px 40px; }
	
	.content-wrapper .content-more-posts .content-more-post.grid .more-post.featured a.grid { grid-template-columns: 1fr 1fr; } 
	
	.badge { right: 160px; }
  
}

@media only screen and (max-width: 960px) {
  
  h1 { font-size: 42px; }
	
	.content-wrapper .content-title { padding: 10px 40px 20px; background: rgba(255, 255, 255, .9); }
	.content-wrapper .content { padding: 20px 40px; }
  .home .content-wrapper .content { grid-template-columns: 1fr; gap: 25px 0; }
  .content-wrapper .content .title { text-align: left; }
  
	.blog .content-wrapper .content-blog-content.grid .col.col-1.grid, .archive .content-wrapper .content-blog-content.grid .col.col-1.grid { gap: 50px 50px; }
  .content-wrapper .content-more-posts .content-more-post.grid { gap: 50px 50px; }
  /*.content-wrapper .content-more-posts .content-more-post.grid .more-post a .more-post-image { height: 220px; }*/
  .content-wrapper .content-more-posts .content-more-post.grid .more-post a .more-post-content .more-post-content-category { font-size: 18px; margin: 0 0 25px; }
  
  .archive .content-wrapper .content-blog-content.grid, .blog .content-wrapper .content-blog-content.grid { grid-template-columns: 1fr; gap: 40px 40px !important; }
  .archive .content-wrapper .content-blog-content > .col-2 .content-more-posts .content-more-post.grid, .blog .content-wrapper .content-blog-content > .col-2 .content-more-posts .content-more-post.grid { grid-template-columns: 1fr 1fr; gap: 40px 40px; }
	
	.badge-wrapper { padding: 0; }
	.badge { top: 102px; right: 0; grid-template-areas: "arrow inner"; }
	.badge .inner.grid { padding: 15px 20px 15px 10px; text-align: left; }
	.badge .inner.grid .row.row-1 { font-size: 16px; }
	.badge .inner.grid .row.row-3 { padding-top: 0; }
	.badge .arrow { width: 20px; }
	.badge .arrow img.image-2 { display: block; }
	.badge .arrow img.image-1 { display: none; }
	
	header #menu { display: none; }
  .flyout { display: block; }
  
}

@media only screen and (max-width: 800px) {
  
  h1 { font-size: 40px; }
  
  .single-post .content-wrapper, .archive .content-wrapper, .blog .content-wrapper { padding-top: 0; }
  .content-wrapper .content-section-blog.grid { grid-template-areas: "title" "content" "more-posts"; grid-template-columns: 1fr; gap: 50px 0; }
	.content-wrapper .content-single-title { padding-bottom: 0; }
  .content-wrapper .content-more-posts .content-more-post.grid { grid-template-columns: 1fr 1fr; gap: 30px 0; }
	.content-wrapper .content-blog-content.grid .col.col-1.grid .content-more-posts .content-more-post.grid { grid-template-columns: 1fr; }
	
	.content-wrapper .content-more-posts .content-more-post.grid .more-post a .more-post-content .more-post-content-title { font-size: 19px; }
	
	.content-wrapper .content-single-title h3 { font-size: 18px; }
	
	.content-wrapper .content-category-menu ul li a { font-size: 16px; }
	
	.blog .content-wrapper .content-blog-content.grid .col.col-1.grid, .archive .content-wrapper .content-blog-content.grid .col.col-1.grid { gap: 30px 30px; }
  
}

@media only screen and (max-width: 680px) {
  
  h1 { font-size: 36px; }
  h3 { font-size: 18px; }
  
  header { grid-template-columns: 250px 1fr; }
  .section-wrapper { padding: 0 0 25px; }
  .content-wrapper { height: auto; padding: 0; }
	.content-wrapper .content-title { margin: 0 20px; margin-top: -130px; }
	.content-wrapper .content { margin: 0 20px; min-height: 100px; }
  .home .content-wrapper .content { margin: 0 20px; margin-top: -190px; }
  .content-wrapper.background { background: none !important; }
	.content-wrapper .desktop.background { display: none; }
  .content-wrapper .mobile.background { display: block; height: calc(100vh - 125px); }
  .content-wrapper .mobile.button { display: block; }
  
  .single-post .content-wrapper, .archive .content-wrapper, .blog .content-wrapper { padding: 0 20px; }
  .content-wrapper .content-single-banner.grid { grid-template-columns: 1fr; grid-template-rows: 300px auto; height: auto; }
  .content-wrapper .content-single-banner.grid .single-banner-quote { padding-top: 30px; padding-bottom: 30px; font-size: 18px; }
	.content-wrapper .content-single-title h3 { font-size: 16px; }
  
  .content-wrapper .content-more-posts .content-more-post.grid .more-post a .more-post-content .more-post-content-title { font-size: 18px; }
  .content-wrapper .content-more-posts .content-more-post.grid .more-post a .more-post-content .more-post-content-category { font-size: 15px; }
  
  .content-wrapper .content-more-posts .content-more-post.grid .more-post.featured a.grid { grid-template-columns: 1fr 1fr; }
  .content-wrapper .content-category-menu ul li a { font-size: 16px; }
	
	.content-wrapper .content-single-categories ul li { font-size: 14px; }
	
	.badge { position: relative; display: block; top: unset; right: unset; }
	.badge .inner.grid { padding: 15px 40px; }
	.badge .arrow { display: none; }
  
  .page-template-page-media .content-wrapper { padding: 0 40px !important; }
  .page-template-page-media .content-wrapper .content-single-media .content-media-list-item a.grid { grid-template-columns: 200px 1fr; }
  
  .footer-wrapper, .footer-wrapper-2 { padding: 0 40px; }
  
}

@media only screen and (max-width: 600px) {
  
  h2 { font-size: 30px; }
  
  .content-wrapper .content-more-posts .content-more-post.grid .more-post.featured a.grid, .content-wrapper .content-blog-content.grid .col.col-1.grid .row.row-2.grid, .archive .content-wrapper .content-blog-content > .col-2 .content-more-posts .content-more-post.grid, .blog .content-wrapper .content-blog-content > .col-2 .content-more-posts .content-more-post.grid { grid-template-columns: 1fr; }
  .content-wrapper .content-more-posts .content-more-post.grid .more-post.featured a.grid .more-post-image { height: 240px; }
	.content-wrapper .content-more-posts .content-more-post.grid .more-post.featured.vertical a.grid { grid-template-rows: 240px 1fr; }
  
  #flyout-menu #flyout-menu-main, #flyout-menu #flyout-menu-sub { padding-left: 20px; padding-right: 20px; }
  #flyout-menu li a { font-size: 28px; }
	
	.blog .content-wrapper .content-blog-content.grid .col.col-1.grid, .archive .content-wrapper .content-blog-content.grid .col.col-1.grid { grid-template-columns: 1fr 1fr; grid-template-areas: "col-1 col-1" "col-3 col-2"; }
	.blog .content-wrapper .content-blog-content.grid, .archive .content-wrapper .content-blog-content.grid, .content-wrapper .content-blog-content.grid .col.col-1.grid .row.row-2.grid { gap: 30px 30px; grid-template-rows: auto 1fr; }
	
	.content-wrapper .content-category-menu ul li a { font-size: 12px; }
  
  .page-template-page-media .content-wrapper .content-single-media .content-media-list-item a.grid { grid-template-columns: 1fr; grid-template-areas: "image" "title" "description"; }
  .page-template-page-media .content-wrapper .content-single-media .content-media-list-item a.grid .media-image { padding-bottom: 10px; }
	
	footer { text-align: center; }
	footer .grid { grid-template-rows: auto auto; grid-template-columns: 1fr; gap: 30px 50px; }
	footer ul.social li a { font-size: 22px; }
  
  .footer-wrapper, .footer-wrapper-2 { padding: 0 20px; }
  
}

@media only screen and (max-width: 480px) {
  
	BODY { font-size: 16px; } 
  h1 { font-size: 30px; }
  h2 { font-size: 26px; }

	header { grid-template-columns: 200px 1fr; }
  .header-right #menu { display: none; }
	.content-wrapper .content { padding: 20px; }
  .home .content-wrapper .content { padding: 20px; margin-top: -150px; }
  .content-wrapper .content .title { font-size: 30px; line-height: 2.5rem; }
	.content-wrapper .content-title .title h1 { font-size: 30px; }
  
  .content-wrapper .content-single-banner.grid .single-banner-quote { font-size: 16px; }
	
	.content-wrapper .content-more-posts .content-more-post.grid { grid-template-columns: 1fr; gap: 30px 30px; }
  
  .flyout a.icon-menu { font-size: 24px; }
  #flyout-menu li a { font-size: 24px; }
	
	.blog .content-wrapper .content-blog-content.grid .col.col-1.grid, .archive .content-wrapper .content-blog-content.grid .col.col-1.grid { grid-template-columns: 1fr; grid-template-areas: "col-1" "col-3" "col-2"; }
  
}

@media only screen and (min-width: 480px) and (-webkit-min-device-pixel-ratio: 2){
	
}

@media only screen and (max-width: 320px) and (-webkit-min-device-pixel-ratio: 2){
	
}