/*-------------------------------------------------------------------- Theme Name: History of London Author: The Pixel Parlour Author URI: https://www.pixelparlour.co.uk Version: 2.0 Updated: 08.09.2026 Designed & Handcrafted by The Pixel Parlour 0. CSS Resets 1. Common Styles 2. Universal Elements 3. Common Page Elements 4. Owl Carousel 5. AOS --------------------------------------------------------------------*/ /*------------------------------------------------------------------*/ /* 0. CSS Resets /*------------------------------------------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */ .hidden { display: none; } .alignleft { float: left; } .alignright { float: right; } .aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; } .clear { clear: both; display: block; font-size: 0; height: 0; line-height: 0; width:100%; } section, article, header, footer, nav, aside, hgroup { display: block; } /*------------------------------------------------------------------*/ /* 1. Common Styles /*------------------------------------------------------------------*/ /*-------------------------------------------------------------------- font: Open Sans font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-weight: 300 (light), 400 (regular), 500 (medium), 600 (semibold); font: Fira Sans font-family: 'Fira Sans', Helvetica, Arial, sans-serif; font-weight: 400 (regular), 500 (medium), 700 (bold); Primary Colours - - - - - - Text #333333 Green #54786A Earth / Clay #C08A62 Light Green #F9FAFC Light Earth / Clay #FAF6F3 Greys - - - - - - - - - - - Grey #726B7B --------------------------------------------------------------------*/ * { margin: 0; } html { -webkit-text-size-adjust: none; background-color: #FFF; } body { height: 100%; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 17px; font-weight: 400; color: #333333; background-color: #FFF; } body.noscroll { overflow: hidden; } body.blog, body.category, /*body.single-post,*/ body.search { background-color: #F9FAFC; } .gm-style { font-family: 'Open Sans', Helvetica, Arial, sans-serif; } label, button, input, select, textarea, blockquote p em, .explore_drop_down .the_nav, .pull_quote .quote_text p, .pull_statement .statement_text p { font-family: 'Fira Sans', Helvetica, Arial, sans-serif; } .btn, #nav_bar, #footer .upper_footer .navigation, ul.article_meta, .page_intro .pre_title, #sb_instagram #sbi_load .sbi_load_btn { font-family: 'Fira Sans', Helvetica, Arial, sans-serif; } .left { float: left; } .right { float: right; } .half { width: 50%; } img { max-width: 100%; height: auto; vertical-align: middle; } .ie8 img { width: auto; } /* IE8 */ /* Responsive images. Fluid images for posts, comments, and widgets */ .comment-content img, .entry-content img, .entry-summary img, #site-header img, .widget img, .wp-caption { max-width: 100%; } /* Make sure images with WordPress-added height and width attributes are scaled correctly */ .comment-content img[height], .entry-content img, .entry-summary img, img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"], #site-header img { height: auto; } img.size-full, img.size-large, .wp-post-image, .post-thumbnail img { height: auto; max-width: 100%; } img.alignleft { max-width: 50%; margin: 0 4% 4% 0; } img.alignright { max-width: 50%; margin: 0 0 4% 4%; } img.aligncenter, img.aligncentre { margin: 0 auto; } /* Make sure embeds and iframes fit their containers */ embed, iframe, object, video { width: 100%; max-width: 100%; margin-bottom: 24px; } .embedcontainer { position: relative; height: 0; padding-top: 0; padding-bottom: 56.25%; } .embedcontainer iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000 !important; margin-bottom: 0; } .embedcontainer video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000 !important; margin-bottom: 0; } .embedcontainer p { margin: 0; } pre { font-size: 0.8em; font-weight: 500; line-height: 1.3em; padding: 11px; margin-bottom: 22px; background: #F9F9FD; border: 1px solid #DBDBDB; overflow: auto; white-space: pre-wrap; word-wrap: break-word; } pre a { font-weight: normal; } hr { border: 0; height: 0; margin: 0 0 22px 0; border-top: 1px solid rgba(0,0,0,0.1); } /* CSS Animation */ a, img, input, select, textarea, button, .btn, .owl-dots .owl-dot span, .owl-nav .owl-prev, .owl-nav .owl-next, .animate_fast, .animatefast, .svg_icon, .pagination .prev_link a::before, .pagination .next_link a::after, #nav_bar ul.main_menu li.menu-item-has-children::after { transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; } .animate_medium, .animatemedium { transition: all 0.45s ease-out; -webkit-transition: all 0.45s ease-out; -moz-transition: all 0.45s ease-out; -ms-transition: all 0.45s ease-out; -o-transition: all 0.45s ease-out; } .animate_slow, .animateslow { transition: all 0.6s ease-out; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; -ms-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; } .animate_super_slow, .animatesuperslow { transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; } .no_transition, .no_transition img, .notransition, .notransition img, .gm-style img { transform: none; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; } a { color: #333; text-decoration: none; } a:hover, a:active, a:focus { color: #54786A; } a.dotted { border-bottom: 1px dotted transparent; } a.dotted:hover, a.dotted:active, a.dotted:focus { border-bottom-color: #B9B9B9; } /* Accessibility */ a:focus-visible { outline: 2px solid red !important; } b, strong { font-weight: 700; } em, dfn, cite, i { font-style: italic; } address { font-style: normal; line-height: 1.2em; } h1, h2, h3, h4, h5, h6 { font-family: 'Fira Sans', Helvetica, Arial, sans-serif; line-height: 1.2em; font-weight: 700; margin: 0 0 12px 0; } h1 { font-size: 3.1em; } h2 { font-size: 2.4em; } h3 { font-size: 1.8em; } h4 { font-size: 1.4em; } h5 { font-size: 1.3em; } h6 { font-size: 1.2em; } @media screen and (min-width: 0px) and (max-width: 520px) { h1 { font-size: 2.7em; } h2 { font-size: 2em; } h3 { font-size: 1.55em; } h4 { font-size: 1.3em; } h5 { font-size: 1.2em; } h6 { font-size: 1.1em; } } h1, h2, h3 { color: #54786A; } p { line-height: 1.5em; margin: 0 0 30px 0; } p:last-child { margin-bottom: 0 !important; } p.small { font-size: 0.8em; } .font_size_18 { font-size: 18px; } .font_size_20 { font-size: 20px; } /* Caption */ .wp-caption { overflow: hidden; } .wp-caption img { width: 100%; margin: 0; } .wp-caption.alignleft { margin: 0 5% 10px 0; } .wp-caption.alignright { margin: 0 0 10px 5%; } .wp-caption.aligncenter, .wp-caption.aligncentre { margin: 0 auto 10px auto; } p.wp-caption-text { text-align: center; padding: 8px 12px; margin-top: -2px; background-color: #F5F6F2; } blockquote { padding: 14px 20px; margin: 0 0 30px 0; background-color: #FAF6F3; border-left: 5px solid #C08A62; border-radius: 5px; } blockquote p { margin-bottom: 14px; } blockquote p em { font-size: 20px; } @media screen and (min-width: 0px) and (max-width: 428px) { blockquote p em { font-size: 18px; } } .the_content h1, .the_content h2, .the_content h3 { color: #54786A; } .the_content a { font-weight: 600; color: #333; border-bottom: 1px solid #C08A62; } .the_content a:hover, .the_content a:active, .the_content a:focus { color: #54786A; border-bottom-color: #54786A !important; } .the_content p { line-height: 1.7em; } .the_content ol { list-style: decimal; margin: 0 0 30px 30px; } .the_content ol li { line-height: 1.7em; margin: 0 0 8px 0; } .the_content ol ol { padding: 10px 0 0 0; } .the_content ol li li { font-size: inherit; } .the_content ol:last-child { margin-bottom: 0; } .the_content ul { list-style: none; margin: 0 0 30px 0; } .the_content ul li { position: relative; line-height: 1.7em; margin: 0 0 8px 0; padding: 0 0 0 26px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .the_content ul li::before { position: absolute; top: 11px; left: 6px; content: ''; width: 8px; height: 8px; background-color: #C08A62; border-radius: 2px; } .the_content ul ul { padding: 10px 0 0 0; } .the_content ul li li { font-size: inherit; } .the_content ul:last-child { margin-bottom: 0; } .legacy_content a { border-bottom: none; } .larger_first_paragraph p:first-of-type { font-size: 1.125em; } @media screen and (min-width: 0px) and (max-width: 600px) { .the_content p, .the_content ol, .the_content ul { font-size: 15px; } } /* Buttons */ .btn { display: inline-block; min-width: 80px; font-size: 18px; line-height: 24px; font-weight: 500; text-align: center; color: #FFF !important; padding: 10px 20px; margin: 4px; background-color: #54786A; border: 2px solid #54786A !important; border-radius: 5px; /* 48 */ } .btn:hover, .btn:active, .btn:focus { background-color: #333333; border-color: #333333 !important; } .btn svg { fill: #FFF; } .tiny_btn { min-width: inherit; font-size: 14px; line-height: 18px; padding: 4px 16px; /* 28 */ } .slim_btn { min-width: inherit; line-height: 24px; padding: 4px 20px; /* 32 */ } .large_btn { line-height: 24px; padding: 18px 30px; /* 64 */ } .fw_btn { display: block; } /* Clay / Earth */ .clay_btn_solid, .earth_btn_solid { background-color: #C08A62; border: 2px solid #C08A62 !important; } .clay_btn_outline, .earth_btn_outline { color: #C08A62 !important; background-color: transparent !important; border: 2px solid #C08A62 !important; } .clay_btn_outline:hover, .clay_btn_outline:active, .clay_btn_outline:focus, .earth_btn_outline:hover, .earth_btn_outline:active, .earth_btn_outline:focus { color: #333333 !important; } /* Green */ .green_btn_solid { background-color: #54786A; border: 2px solid #54786A !important; } .green_btn_outline { color: #182540 !important; background-color: transparent !important; border: 2px solid #54786A !important; } .green_btn_outline:hover, .green_btn_outline:active, .green_btn_outline:focus { color: #333333 !important; } /* White */ .white_btn_solid { color: #182540 !important; background-color: #FFF !important; border-color: #FFF !important; } .text_white .white_btn_solid { color: #182540 !important; } .white_btn_solid:hover, .white_btn_solid:active, .white_btn_solid:focus { color: #182540 !important; background-color: rgba(255,255,255,0.8) !important; border-color: rgba(255,255,255,0.8) !important; } .white_btn_outline { background-color: transparent !important; border-color: #FFF !important; } .white_btn_outline:hover, .white_btn_outline:active, .white_btn_outline:focus { color: rgba(255,255,255,0.8) !important; background-color: transparent !important; border-color: rgba(255,255,255,0.8) !important; } /* Text Alignment */ .text_left { text-align: left; } .text_right { text-align: right; } .text_centred, .text_centered { text-align: center; } /* Colours */ .bkgd_white { background-color: #FFF !important; } .bkgd_light_grey { background-color: #F5F5F5 !important; } .bkgd_clay, .bkgd_earth { background-color: #C08A62 !important; } .bkgd_green { background-color: #54786A !important; } .bkgd_light_clay, .bkgd_light_earth { background-color: #FAF6F3 !important; } .bkgd_light_green { background-color: #F9FAFC !important; } .text_white { color: #FFF; } .text_white h1, .text_white h2, .text_white h3, .text_white h4, .text_white h5, .text_white h6 { color: #FFF !important; } .text_white a { color: #FFF !important; } .text_white a:hover, .text_white a:active, .text_white a:focus { color: rgba(255,255,255,0.8); } .text_white .the_content a:hover, .text_white .the_content a:active, .text_white .the_content a:focus { border-bottom-color: rgba(255,255,255,0.6) !important; } .text_white span.icon .svg_icon circle, .text_white span.icon .svg_icon path, .text_white span.icon .svg_icon polygon { fill: #FFF; } /* .text_dark { color: #333; } .text_dark h1, .text_dark h2, .text_dark h3, .text_dark h4, .text_dark h5, .text_dark h6 { color: #333 !important; } .text_dark a { color: #333 !important; } .text_dark a:hover, .text_dark a:active, .text_dark a:focus { color: #54786A; } */ .colour_dark_grey { color: #333 !important; } .colour_clay, .colour_earth { color: #C08A62 !important; } .colour_green { color: #54786A !important; } .fill_white, .fill.bkgd_white { fill: #FFF; } .fill_clay, .fill_earth, .fill.bkgd_clay, .fill.bkgd_earth { fill: #C08A62; } .fill_green, .fill.bkgd_green { fill: #54786A; } .fill_light_clay, .fill_light_earth, .fill.bkgd_light_clay, .fill.bkgd_light_earth { fill: #FAF6F3; } .fill_light_green, .fill.bkgd_light_green { fill: #F9FAFC; } /* Filters */ .filter { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; opacity: 0.4; } .blendtop { position: absolute; top: 0; right: 0; bottom: 50%; left: 0; } .blendright { position: absolute; top: 0; right: 0; bottom: 0; left: 50%; } .blendbottom { position: absolute; top: 50%; right: 0; bottom: 0; left: 0; } .blendleft { position: absolute; top: 0; right: 50%; bottom: 0; left: 0; } /* .blendtop { background: -webkit-linear-gradient(top, rgba(0,0,0,0.4), rgba(0,0,0,0)) !important; background: -o-linear-gradient(top, rgba(0,0,0,0.4), rgba(0,0,0,0)) !important; background: -moz-linear-gradient(top, rgba(0,0,0,0.4), rgba(0,0,0,0)) !important; background: linear-gradient(to bottom, rgba(0,0,0,0.4), rgba(0,0,0,0)) !important; } .blendright { background: -webkit-linear-gradient(right, rgba(0,0,0,0.4), rgba(0,0,0,0)) !important; background: -o-linear-gradient(right, rgba(0,0,0,0.4), rgba(0,0,0,0)) !important; background: -moz-linear-gradient(right, rgba(0,0,0,0.4), rgba(0,0,0,0)) !important; background: linear-gradient(to left, rgba(0,0,0,0.4), rgba(0,0,0,0)) !important; } .blendleft { background: -webkit-linear-gradient(left, rgba(0,0,0,0.4), rgba(0,0,0,0)) !important; background: -o-linear-gradient(left, rgba(0,0,0,0.4), rgba(0,0,0,0)) !important; background: -moz-linear-gradient(left, rgba(0,0,0,0.4), rgba(0,0,0,0)) !important; background: linear-gradient(to right, rgba(0,0,0,0.4), rgba(0,0,0,0)) !important; } */ .blendtop { background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.6) 100%) !important; } .blendtop.green { background: linear-gradient(0deg, rgba(84,120,106,0) 0%, rgba(84,120,106,0.5) 50%, rgba(84,120,106,0.9) 100%) !important; } .blendbottom { background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0) 100%) !important; } /* only one modified so far */ .opacity_30 { opacity: 0.3; } .opacity_50 { opacity: 0.5; } .opacity_70 { opacity: 0.7; } /* Hiding */ .hidden { display: none !important; } @media screen and (min-width: 0px) and (max-width: 1200px) { .hide_1200 { display: none !important; } } @media screen and (min-width: 768px) and (max-width: 900px) { .hide_ipad { display: none !important; } } @media screen and (min-width: 0px) and (max-width: 767px) { .hide_mobile { display: none !important; } .show_mobile { display: block !important; } } @media screen and (min-width: 0px) and (max-width: 600px) { .hide_tablet { display: none !important; } } @media screen and (min-width: 0px) and (max-width: 480px) { .hide_phone { display: none !important; } } /*------------------------------------------------------------------*/ /* 2. Universal Elements /*------------------------------------------------------------------*/ .site_wrapper { margin: 0 auto; overflow: hidden; } /*.site_wrapper.has_announcement { padding-top: 136px; /* +56 */ /* } TO SET */ .container { position: relative; max-width: 1160px; padding: 0 40px; margin: 0 auto; overflow: hidden; z-index: 6; } .container.extra_wide_width { max-width: 1360px; } .container.fw_container { max-width: none; padding: 0; } .container.no_padding { max-width: 1240px; padding: 0; } .container.overflow { overflow: visible; } @media screen and (min-width: 601px) and (max-width: 900px) { .container { padding: 0 30px; } } @media screen and (min-width: 0px) and (max-width: 600px) { .container { padding: 0 20px; } } /* First Block */ #block1.page_intro { padding-top: 100px !important; } /*#block1.content_block { margin-top: 100px !important; }*/ @media screen and (min-width: 0px) and (max-width: 660px) { #block1.page_intro { padding-top: 70px !important; } /*#block1.content_block { margin-top: 80px !important; }*/ } /*------------------------------------------------------------------*/ /* Screenreader Accessibility */ #skip_to_links { } #skip_to_links a { position: fixed; top: 10px; left: -200px; font-size: 16px; font-weight: 600; color: #FFF; padding: 10px 20px; margin: 0 8px 0 0; background-color: red; border-radius: 2px; white-space: nowrap; z-index: 1000; } #skip_to_links a:focus { top: 10px; left: 10px; } #skip-to-content { position: absolute; top: 0; left: 0; width: 0; height: 0; } /* IE 7 Message */ .iewarning { position: fixed; bottom: 0; width: 100%; padding: 16px 0; text-align: center; color: #FFF; background-color: #C1272D; z-index: 999; } .iewarning h3 { color: #FFF; margin: 0 0 4px 0; } .iewarning p { color: #FFF; padding: 0 40px; margin: 0; } /* Browser Width */ .browserwidth { position: fixed; bottom: 0; left: 0; font-size: 0.8em; text-align: center; color: #FFF; padding: 6px 8px; background-color: #EC1780; z-index: 999; } /* Dev Divide */ .dev_divide { position: relative; min-height: 200px; color: #FFF; background-color: #EC1780; } .dev_divide h1 { line-height: 200px; margin: 0; } @media screen and (min-width: 0px) and (max-width: 600px) { .dev_divide h1 { font-size: 2em; } } /*------------------------------------------------------------------*/ /*--- Forms ---*/ ::placeholder { color: #999; opacity: 1; } /* Chrome, Firefox, Opera, Safari 10.1+ */ :-ms-input-placeholder { color: #999; } /* Internet Explorer 10-11 */ ::-ms-input-placeholder { color: #999; } /* Microsoft Edge */ form .req { font-size: 0.8em; color: #CB2027; padding: 0 6px; } form .note { font-size: 0.8em; color: #58595B; padding: 0 6px; } form .note strong { font-weight: 500; } label { display: block; line-height: 1.4em; padding: 0 0 6px 0; } .nolabels label { display: none; } .input_block, .submit_block { margin: 0 0 16px 0; overflow: hidden; } .input_block br, .submit_block br { display: none; } input, select, textarea { width: 100%; font-size: 16px; line-height: 38px; color: #333; margin: 0; padding: 0 10px; background-color: #FFF; border: 1px solid #D8D8D8; border-radius: 5px; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input:hover, select:hover, textarea:hover, input:focus, select:focus, textarea:focus { border-color: #B3B3B3; } .select2-container--default .select2-selection--single { border-color: #D8D8D8; } .select2-dropdown { border-color: #D8D8D8; } .select2-container--default .select2-search--dropdown .select2-search__field { border-color: #D8D8D8; } input, select { height: 48px; line-height: 48px; } /* Textarea */ textarea { width: 100%; min-width: 100%; max-width: 100%; min-height: 120px; max-height: 120px; padding: 10px; -webkit-appearance: none; } /* IE8 */ .ie8 textarea { padding: 0; } /* IE7 */ .ie7 textarea { padding: 0; } /* Checkbox */ input[type="checkbox"] { width: auto; height: auto; background: none; border: none; -webkit-appearance: checkbox; } /* Radio */ input[type="radio"] { width: auto; height: auto; background: none; border: none; -webkit-appearance: radio; } /* Submit */ .submit_block { position: relative; padding: 0; margin: 0; } input[type="submit"] { width: 100%; height: 48px; line-height: 48px; font-size: 1.16em; font-weight: 500; text-align: center; color: #FFF; padding: 0 20px; margin: 0 auto; background-color: #C08A62; border: none; } input[type="submit"]:hover, input[type="submit"]:focus { background-color: #54786A; cursor: pointer; } /* Recaptcha */ .grecaptcha-badge { display: none !important; } /* Privacy */ .form_privacy { text-align: center; font-size: 0.8em; padding: 14px 30px; margin: 20px 0 0 0; background-color: #F9FAFC; border-radius: 5px; } /*--- Enquiry Form ---*/ /* .enquiry_form { overflow: hidden; } .enquiry_form label { float: left; width: 33%; padding-top: 10px; } .enquiry_form span.wpcf7-form-control-wrap { display: block; float: right; width: 65%; } .enquiry_form .submitblock { float: right; width: 65%; } @media screen and (min-width: 0px) and (max-width: 480px) { .enquiry_form label, .enquiry_form span.wpcf7-form-control-wrap, .enquiry_form .submitblock { width: 100%; } } */ /*--- Contact Form 7 ---*/ div.wpcf7 br { display: none; } div.wpcf7 .screen-reader-response { display: none; } div.wpcf7-response-output { margin: 0; padding: 0; border: none; } span.wpcf7-not-valid-tip { display: none; font-size: 0.77em; color: #726B7B; padding: 8px 0 0 0; } span.wpcf7-list-item { margin: 0; } input.wpcf7-not-valid, select.wpcf7-not-valid, textarea.wpcf7-not-valid, .check_block span.wpcf7-not-valid { background-color: #FAF2F3; border-color: #8C0517; } .wpcf7 form .wpcf7-response-output { text-align: center; padding: 0; margin: 0; } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output { font-size: 0.8em; line-height: 1.2; color: #FFF; padding: 12px 20px; margin: 18px 0 0 0; text-align: center; background-color: #CB2027; border: none; border-radius: 8px; } .wpcf7 form.sent .wpcf7-response-output { background-color: #54786A; } div.wpcf7 .wpcf7-spinner { position: absolute; top: 50%; left: 10px; margin: -12px 0 0 0; } .response_block { width: 100%; } /*--- MailChimp Manual Embed Form ---*/ /* Errors */ #mc_embed_signup div.mce_inline_error { font-size: 0.8em; font-weight: normal !important; text-align: center; margin: 0 10px !important; border-radius: 0 0 5px 5px; } #mc_embed_signup #mce-error-response { color: #E85C41; } #mc_embed_signup #mce-error-response a { color: #3E3E3E; } #mc_embed_signup input.mce_inline_error { background-color: #FFBBBD; border-color: #E85C41; } /* Messages */ #mc_embed_signup #mce-responses { float: left; width: 100%; } #mc_embed_signup #mce-responses .response { max-width: 800px; padding: 20px 0 0 0; margin: 0 auto; } #mc_embed_signup #mce-success-response { font-size: 1.2em; line-height: 1.3em; text-align: center; } /*------------------------------------------------------------------*/ /*--- Nav Bar ---*/ #nav_bar { position: fixed; top: 0; right: 0; left: 0; background-color: #FFF; border-bottom: 1px solid #C08A62; box-shadow: 0 6px 20px rgba(0,0,0,0.08); z-index: 9; } #nav_bar .container { min-height: 100px; } /* Moving */ #nav_bar.moving { top: -150px; opacity: 0; } /* Scroll Up */ #nav_bar.scrollup { top: 0; opacity: 1; } /*- Announcement Bar TO SET/REMOVE -*/ /* #nav_bar .announcement_bar { text-align: center; color: #FFF; } #nav_bar .announcement_bar .outer_wrap { display: table; width: 100%; height: 56px; } #nav_bar .announcement_bar .inner_wrap { display: table-cell; vertical-align: middle; } #nav_bar .announcement_bar a { display: block; color: #FFF; } #nav_bar .announcement_bar a:hover, #nav_bar .announcement_bar a:active, #nav_bar .announcement_bar a:focus { background-color: #707070; } #nav_bar .announcement_bar p { line-height: 1.3em; } #nav_bar .announcement_bar .container { min-height: inherit !important; padding-top: 0 !important; padding-bottom: 0 !important; } @media screen and (min-width: 0px) and (max-width: 600px) { #nav_bar .announcement_bar .outer_wrap { height: 66px; } } */ /*- NavBar Logo -*/ #nav_bar .logo { } #nav_bar .logo span { display: none; } #nav_bar .logo img, #nav_bar .logo svg { vertical-align: top; } #nav_bar .logo .line_one { fill: #585858; } #nav_bar .logo .line_two { fill: #54786A; } #nav_bar .logo .line_three { fill: #C08A62; } /*#nav_bar .logo svg { fill: #333333; } */ #nav_bar .logo a { display: inline-block; } /* Logo Left */ #nav_bar.logo_left .logo { position: absolute; top: 50%; left: 40px; /* height: 62px; margin-top: -32px; */ height: 74px; margin-top: -38px} #nav_bar.logo_left .logo img, #nav_bar.logo_left .logo svg { width: auto; /* height: 62px; */ height: 74px; } /* Social Links */ #nav_bar ul.social_links { position: absolute; top: 50%; /* left: 240px; */ left: 200px; margin-top: -14px; } #nav_bar ul.social_links li { max-width: 37px; line-height: 28px; margin: 0 4px !important; } #nav_bar ul.social_links li span.icon { height: 20px; } /*- Main Menu -*/ #nav_bar.menu_right .menu { float: right; padding: 0 54px 0 0; } #nav_bar ul.main_menu { display: inline-block; font-size: 0; line-height: 0; } #nav_bar ul.main_menu li { display: inline-block; font-size: 19px; line-height: 100px; cursor: pointer; } #nav_bar ul.main_menu li a { position: relative; display: block; line-height: 44px; color: #333; padding: 0 14px 28px 14px; margin-top: 28px; border-radius: 22px; } #nav_bar ul.main_menu li:hover a, #nav_bar ul.main_menu li:active a, #nav_bar ul.main_menu li:focus a { color: #54786A; } #nav_bar ul.main_menu li.current-menu-item a, #nav_bar ul.main_menu li.current_page_item a, #nav_bar ul.main_menu li.current_page_parent a, #nav_bar ul.main_menu li.current-page-ancestor a { color: #54786A; } #nav_bar ul.main_menu li.current-menu-item a::after, #nav_bar ul.main_menu li.current_page_item a::after, #nav_bar ul.main_menu li.current_page_parent a::after, #nav_bar ul.main_menu li.current-page-ancestor a::after { background-color: #DAEEEB !important; } #nav_bar ul.main_menu li.menu-item-has-children { position: relative; } #nav_bar ul.main_menu li.menu-item-has-children a { padding-right: 40px; } #nav_bar ul.main_menu li.menu-item-has-children::after { content: ''; position: absolute; top: 50%; right: 14px; width: 18px; height: 10px; margin-top: -5px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='18px' height='10px' viewBox='0 0 18 10' xml:space='preserve'%3E%3Cpath fill='%23333333' d='M9.8,9.7l7.8-7.8c0.4-0.4,0.4-1.1,0-1.6s-1.1-0.4-1.6,0l-7,7l-7-7c-0.4-0.4-1.1-0.4-1.6,0C0,0.8,0,1.5,0.4,1.9l7.8,7.8C8.6,10.1,9.3,10.1,9.8,9.7z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center center; } #nav_bar ul.main_menu li.menu-item-has-children:hover::after, #nav_bar ul.main_menu li.menu-item-has-children:active::after, #nav_bar ul.main_menu li.menu-item-has-children:focus::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='18px' height='10px' viewBox='0 0 18 10' xml:space='preserve'%3E%3Cpath fill='%2354786A' d='M9.8,9.7l7.8-7.8c0.4-0.4,0.4-1.1,0-1.6s-1.1-0.4-1.6,0l-7,7l-7-7c-0.4-0.4-1.1-0.4-1.6,0C0,0.8,0,1.5,0.4,1.9l7.8,7.8C8.6,10.1,9.3,10.1,9.8,9.7z'/%3E%3C/svg%3E"); } #nav_bar ul.main_menu li.menu-item-has-children.current-menu-item::after, #nav_bar ul.main_menu li.menu-item-has-children.current_page_item::after, #nav_bar ul.main_menu li.menu-item-has-children.current_page_parent::after, #nav_bar ul.main_menu li.menu-item-has-children.current-page-ancestor::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='18px' height='10px' viewBox='0 0 18 10' xml:space='preserve'%3E%3Cpath fill='%2354786A' d='M9.8,9.7l7.8-7.8c0.4-0.4,0.4-1.1,0-1.6s-1.1-0.4-1.6,0l-7,7l-7-7c-0.4-0.4-1.1-0.4-1.6,0C0,0.8,0,1.5,0.4,1.9l7.8,7.8C8.6,10.1,9.3,10.1,9.8,9.7z'/%3E%3C/svg%3E"); } /* Sub Menu */ #nav_bar ul.main_menu li ul.sub-menu { display: none; } #nav_bar ul.main_menu li:hover ul.sub-menu, #nav_bar ul.main_menu li:active ul.sub-menu, #nav_bar ul.main_menu li:focus ul.sub-menu { display: block; } #nav_bar ul.main_menu li ul.sub-menu { position: fixed; background-color: transparent; z-index: 999; border-radius: 0 0 5px 5px; overflow: hidden; } #nav_bar ul.main_menu li ul.sub-menu li { display: block; font-size: 16px; margin: 0; border-top: 1px solid #D7D7D7; } #nav_bar ul.main_menu li ul.sub-menu li a { display: block; line-height: 22px; color: #333; margin: 0; padding: 8px 14px; background-color: #FFF; border-radius: 0; } #nav_bar ul.main_menu li ul.sub-menu li a::after { display: none; } #nav_bar ul.main_menu li ul.sub-menu li:hover, #nav_bar ul.main_menu li ul.sub-menu li:active, #nav_bar ul.main_menu li ul.sub-menu li:focus { background-color: transparent; } #nav_bar ul.main_menu li ul.sub-menu li a:hover, #nav_bar ul.main_menu li ul.sub-menu li a:active, #nav_bar ul.main_menu li ul.sub-menu li a:focus { color: #54786A; padding-left: 16px; padding-right: 12px; background-color: #F9FAFC; } #nav_bar ul.main_menu li.current-menu-item ul.sub-menu li a, #nav_bar ul.main_menu li.current_page_item ul.sub-menu li a, #nav_bar ul.main_menu li.current-menu-parent ul.sub-menu li a, #nav_bar ul.main_menu li.current_page_parent ul.sub-menu li a, #nav_bar ul.main_menu li.current-page-ancestor ul.sub-menu li a { color: #333; background-color: #FFF; } #nav_bar ul.main_menu li.current-menu-item ul.sub-menu li a:hover, #nav_bar ul.main_menu li.current_page_item ul.sub-menu li a:hover, #nav_bar ul.main_menu li.current-menu-parent ul.sub-menu li a:hover, #nav_bar ul.main_menu li.current_page_parent ul.sub-menu li a:hover, #nav_bar ul.main_menu li.current-page-ancestor ul.sub-menu li a:hover, #nav_bar ul.main_menu li.current-menu-item ul.sub-menu li a:active, #nav_bar ul.main_menu li.current_page_item ul.sub-menu li a:active, #nav_bar ul.main_menu li.current-menu-parent ul.sub-menu li a:active, #nav_bar ul.main_menu li.current_page_parent ul.sub-menu li a:active, #nav_bar ul.main_menu li.current-page-ancestor ul.sub-menu li a:active, #nav_bar ul.main_menu li.current-menu-item ul.sub-menu li a:focus, #nav_bar ul.main_menu li.current_page_item ul.sub-menu li a:focus, #nav_bar ul.main_menu li.current-menu-parent ul.sub-menu li a:focus, #nav_bar ul.main_menu li.current_page_parent ul.sub-menu li a:focus, #nav_bar ul.main_menu li.current-page-ancestor ul.sub-menu li a:focus { color: #000; background-color: #F9FAFC; } #nav_bar ul.main_menu li ul.sub-menu li.current-menu-item a, #nav_bar ul.main_menu li ul.sub-menu li.current_page_item a, #nav_bar ul.main_menu li ul.sub-menu li.current-menu-parent a, #nav_bar ul.main_menu li ul.sub-menu li.current_page_parent a, #nav_bar ul.main_menu li ul.sub-menu li.current-page-ancestor a, #nav_bar ul.main_menu li ul.sub-menu li.current-category-ancestor a { color: #54786A; } /*- Search -*/ #nav_bar .nav_search { position: absolute; top: 50%; right: 40px; width: 40px; height: 40px; padding: 9px; color: #FFF !important; margin-top: -20px; background-color: #C08A62; border: none; border-radius: 5px; cursor: pointer; } #nav_bar .nav_search .text { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; } #nav_bar .nav_search svg { width: 22px; height: 22px; fill: #FFF; } #nav_bar .nav_search:hover, #nav_bar .nav_search:active, #nav_bar .nav_search:focus { background-color: #54786A; } /* @media screen and (min-width: 0px) and (max-width: 1120px) { #nav_bar .container { min-height: 90px; } #nav_bar ul.main_menu li { font-size: 17px; line-height: 90px; } #nav_bar ul.main_menu li a { margin-top: 23px; } } */ @media screen and (min-width: 0px) and (max-width: 1023px) { #nav_bar ul.main_menu { display: none; } #nav_bar .nav_search { right: 100px; } } @media screen and (min-width: 0px) and (max-width: 900px) { #nav_bar.logo_left .logo { left: 30px; } #nav_bar ul.social_links { /* left: 230px; */ left: 190px; } #nav_bar .nav_search { right: 90px; } } @media screen and (min-width: 0px) and (max-width: 660px) { #nav_bar .container { min-height: 70px; } #nav_bar.logo_left .logo { left: 20px; /* height: 48px; margin-top: -24px; */ height: 54px; margin-top: -27px; } #nav_bar.logo_left .logo img, #nav_bar.logo_left .logo svg { /* height: 48px; */ height: 54px; } #nav_bar ul.social_links { /* left: 180px; */ left: 135px; } #nav_bar .nav_search { right: 80px; } } @media screen and (min-width: 0px) and (max-width: 600px) { #nav_bar .nav_search { right: 70px; } } @media screen and (min-width: 0px) and (max-width: 520px) { #nav_bar ul.social_links { display: none; } } /* @media screen and (min-width: 0px) and (max-width: 390px) { #nav_bar.logo_left .logo { height: 38px; margin-top: -19px; } #nav_bar.logo_left .logo img, #nav_bar.logo_left .logo svg { height: 38px; } } @media screen and (min-width: 0px) and (max-width: 359px) { #nav_bar.logo_left .logo { height: 34px; margin-top: -17px; } #nav_bar.logo_left .logo img, #nav_bar.logo_left .logo svg { height: 34px; } } */ /*------------------------------------------------------------------*/ /*--- Mobile Nav ---*/ /*- Open Mobile Nav -*/ .open_mobile_nav { position: absolute; top: 50%; right: -1000px; padding: 10px; margin: -25px 0 0 0; background: none; border: none; opacity: 0; overflow: hidden; cursor: pointer; z-index: 9; } .open_mobile_nav .text { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; } .open_mobile_nav img, .open_mobile_nav svg { width: 36px; height: 30px; vertical-align: top; } .open_mobile_nav svg { fill: #54786A; } .open_mobile_nav svg .middle_bar { fill: #C08A62; } .open_mobile_nav:hover svg, .open_mobile_nav:active svg, .open_mobile_nav:focus svg, .open_mobile_nav:hover svg .middle_bar, .open_mobile_nav:active svg .middle_bar, .open_mobile_nav:focus svg .middle_bar { fill: #333; } @media screen and (min-width: 0px) and (max-width: 1023px) { .open_mobile_nav { right: 30px; opacity: 1; } } @media screen and (min-width: 0px) and (max-width: 900px) { .open_mobile_nav { right: 20px; } } @media screen and (min-width: 0px) and (max-width: 600px) { .open_mobile_nav { right: 10px; } } /*- Mobile Nav -*/ #mobile_nav { position: fixed; top: -1000px; right: 0; left: 0; width: 100%; overflow-x: hidden; overflow-y: scroll; z-index: 9999; } #mobile_nav.active { display: block; top: 0; bottom: 0; } #mobile_nav .wrap { padding: 70px 20px 40px 20px; background-color: #FFF; margin: 0 auto; border-bottom: 1px solid #C08A62; } /* Close Btn */ #mobile_nav .close_mobile_nav { position: absolute; top: 25px; right: 32px; line-height: 30px; text-align: center; padding: 10px; background: none; border: none; cursor: pointer; } #mobile_nav .close_mobile_nav .text { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; } #mobile_nav .close_mobile_nav img, #mobile_nav .close_mobile_nav svg { width: 30px; height: 30px; vertical-align: top; } #mobile_nav .close_mobile_nav svg { fill: #54786A; } #mobile_nav .close_mobile_nav svg .left_arm { fill: #C08A62; } #mobile_nav .close_mobile_nav:hover svg, #mobile_nav .close_mobile_nav:active svg, #mobile_nav .close_mobile_nav:focus svg, #mobile_nav .close_mobile_nav:hover svg .left_arm, #mobile_nav .close_mobile_nav:active svg .left_arm, #mobile_nav .close_mobile_nav:focus svg .left_arm { fill: #333; } @media screen and (min-width: 0px) and (max-width: 900px) { #mobile_nav .close_mobile_nav { right: 22px; } } @media screen and (min-width: 0px) and (max-width: 660px) { #mobile_nav .close_mobile_nav { top: 10px; } } @media screen and (min-width: 0px) and (max-width: 600px) { #mobile_nav .close_mobile_nav { right: 12px; } } /* Main Part */ #mobile_nav .main_part { max-width: 520px; margin: 0 auto; } /* Menu */ #mobile_nav .mobile_menu { } #mobile_nav .mobile_menu ul { font-size: 0; line-height: 0; } #mobile_nav .mobile_menu li { font-size: 26px; line-height: 32px; padding: 10px 0; border-bottom: 1px solid rgba(192,138,98,0.25); } #mobile_nav .mobile_menu li a { display: block; color: #333; } #mobile_nav .mobile_menu li a:hover, #mobile_nav .mobile_menu li a:active, #mobile_nav .mobile_menu li a:focus { color: #54786A; } #mobile_nav .mobile_menu li.current-menu-item a, #mobile_nav .mobile_menu li.current_page_item a, #mobile_nav .mobile_menu li.current_page_parent a, #mobile_nav .mobile_menu li.current_page_ancestor a { color: #54786A; } /* Has Children */ #mobile_nav .mobile_menu li.menu-item-has-children { position: relative; cursor: pointer; } #mobile_nav .mobile_menu li.menu-item-has-children a { width: 70%; } #mobile_nav .mobile_menu li.menu-item-has-children::after { content: ''; position: absolute; top: 21px; right: 4px; width: 18px; height: 10px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='18px' height='10px' viewBox='0 0 18 10' xml:space='preserve'%3E%3Cpath fill='%2354786A' d='M9.8,9.7l7.8-7.8c0.4-0.4,0.4-1.1,0-1.6s-1.1-0.4-1.6,0l-7,7l-7-7c-0.4-0.4-1.1-0.4-1.6,0C0,0.8,0,1.5,0.4,1.9l7.8,7.8C8.6,10.1,9.3,10.1,9.8,9.7z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center center; } #mobile_nav .mobile_menu li.menu-item-has-children.expanded::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='18px' height='10px' viewBox='0 0 18 10' xml:space='preserve'%3E%3Cpath fill='%2354786A' d='M8.2,0.3L0.4,8.1C0,8.5,0,9.2,0.4,9.7s1.1,0.4,1.6,0l7-7l7,7c0.4,0.4,1.1,0.4,1.6,0c0.4-0.4,0.4-1.1,0-1.6L9.8,0.3C9.4-0.1,8.7-0.1,8.2,0.3z'/%3E%3C/svg%3E"); } #mobile_nav .mobile_menu li.menu-item-has-children.expanded ul.sub-menu, #mobile_nav .mobile_menu li.menu-item-has-children.current_page_ancestor ul.sub-menu { display: block; } #mobile_nav .mobile_menu li.menu-item-has-children ul li a { width: auto; } #mobile_nav .mobile_menu li.menu-item-has-children ul li::after { display: none; content: '' !important; } /* Sub Menu */ #mobile_nav .mobile_menu ul.sub-menu { display: none; padding: 5px 0; } #mobile_nav .mobile_menu ul.sub-menu li { position: relative; font-size: 19px; line-height: 20px; font-weight: 400; padding: 0; border-bottom: none; } #mobile_nav .mobile_menu ul.sub-menu li a { color: #333; padding: 5px 0 5px 20px; } #mobile_nav .mobile_menu ul.sub-menu li::before { position: absolute; content: ''; top: 14px; left: 0; width: 10px; height: 3px; background-color: #54786A; border-radius: 2px; } #mobile_nav .mobile_menu ul.sub-menu li a:hover, #mobile_nav .mobile_menu ul.sub-menu li a:active, #mobile_nav .mobile_menu ul.sub-menu li a:focus { color: #54786A; } #mobile_nav .mobile_menu ul.sub-menu li.current-menu-item a, #mobile_nav .mobile_menu ul.sub-menu li.current_page_item a, #mobile_nav .mobile_menu ul.sub-menu li.current_page_parent a, #mobile_nav .mobile_menu ul.sub-menu li.current_page_ancestor a { color: #54786A; } /* Search */ #mobile_nav .global_search { margin: 20px 0 0 0; padding: 4px; border: 2px solid #54786A; border-radius: 5px; } /* Social Links */ #mobile_nav ul.social_links { text-align: center; margin: 30px 0 0 0; } #mobile_nav ul.social_links li { line-height: 26px; margin: 0 6px !important; } #mobile_nav ul.social_links li span.icon svg { height: 26px; } /*- Page Overlay -*/ #bkgd_page_overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: #FFF; opacity: 0; z-index: -1; } #bkgd_page_overlay.active { opacity: 0.85; z-index: 9998; } /*------------------------------------------------------------------*/ /*--- Footer ---*/ #footer { position: relative; text-align: center; padding: 40px 0 0 0; background-color: #FFF; z-index: 5; } @media screen and (min-width: 0px) and (max-width: 600px) { #footer { padding-bottom: 0; } } /* Upper Footer */ #footer .upper_footer .logo { /* max-width: 185px; */ max-width: 150px; margin: 0 auto 30px auto; } #footer .upper_footer .logo img, #footer .upper_footer .logo svg { width: 100%; height: auto; } #footer .upper_footer .logo .line_one { fill: #585858; } #footer .upper_footer .logo .line_two { fill: #54786A; } #footer .upper_footer .logo .line_three { fill: #C08A62; } #footer .upper_footer .logo span { display: none; } #footer .upper_footer .logo a { display: inline-block; border-bottom: none; } #footer .upper_footer .navigation { } #footer .upper_footer .navigation ul { display: block; font-size: 0; line-height: 0; } #footer .upper_footer .navigation ul li { display: inline-block; font-size: 19px; line-height: 22px; margin: 7px 14px; } #footer .upper_footer .navigation ul li a { } #footer .upper_footer .navigation ul li a:hover, #footer .upper_footer .navigation ul li a:active, #footer .upper_footer .navigation ul li a:focus { color: #54786A; } #footer .upper_footer ul.social_links { margin: 20px auto; } @media screen and (min-width: 0px) and (max-width: 660px) { #footer .upper_footer .logo { /* max-width: 143px; */ max-width: 130px; margin-bottom: 20px; } #footer .upper_footer .navigation ul li { font-size: 17px; margin: 5px 10px; } #footer .upper_footer ul.social_links { margin: 10px auto; } } /* Legal Footer */ #footer .legal_footer { font-size: 13px; padding: 0 0 20px 0; } #footer .legal_footer .wrap { padding: 12px 0 0 0; margin: 30px auto 0 auto; border-top: 1px solid #C08A62; overflow: hidden; } #footer .legal_footer .col_left { float: left; padding: 0 10px 0 0; } #footer .legal_footer .col_right { float: right; padding: 0 0 0 10px; } #footer .legal_footer ul.legal { font-size: 0; line-height: 0; } #footer .legal_footer ul.legal li { display: inline-block; font-size: 14px; line-height: 20px; margin: 0 14px 6px 0; } #footer .legal_footer ul.legal li:last-child { margin-right: 0; } #footer .legal_footer ul.legal li a { color: #333; border-bottom: none; } #footer .legal_footer ul.legal li a:hover, #footer .legal_footer ul.legal li a:active, #footer .legal_footer ul.legal li a:focus { color: #54786A; } #footer .legal_footer ul.legal li.no_link { color: #333; cursor: pointer; } #footer .legal_footer ul.legal li.no_link:hover, #footer .legal_footer ul.legal li.no_link:active, #footer .legal_footer ul.legal li.no_link:focus { color: #54786A; } @media screen and (min-width: 0px) and (max-width: 900px) { #footer .legal_footer .col_left, #footer .legal_footer .col_right { float: none; text-align: center; padding: 0; } #footer .legal_footer .col_right { padding: 4px 0 0 0; } } @media screen and (min-width: 0px) and (max-width: 660px) { #footer .legal_footer ul.legal li { font-size: 13px; } } /* Credit */ #footer .credit { font-size: 12px; overflow: hidden; } #footer .credit a { display: inline-block; color: #FFF; padding: 10px 30px; background-color: #54786A; border: none; border-radius: 8px 8px 0 0; } #footer .credit a:hover, #footer .credit a:active, #footer .credit a:focus { background-color: #333333; } @media screen and (min-width: 0px) and (max-width: 480px) { #footer .credit a { display: block; border-radius: 0; } } /*------------------------------------------------------------------*/ /*--- Other Common Elements ---*/ /*--- Article Meta ---*/ ul.article_meta { font-size: 0; line-height: 0; } ul.article_meta li { display: inline-block; font-size: 17px; line-height: 30px; padding: 0; margin: 0 10px 10px 0; } ul.article_meta li::before { display: none; } ul.article_meta li a { display: block; font-size: 14px; font-weight: 500; color: #FFF; padding: 0 10px; background-color: #C08A62; border: none; border-radius: 4px; } ul.article_meta li a:hover, ul.article_meta li a:active, ul.article_meta li a:focus { color: #FFF; background-color: #333; } @media screen and (min-width: 0px) and (max-width: 480px) { ul.article_meta li { font-size: 16px; line-height: 26px; } ul.article_meta li a { font-size: 13px; } } /* Slim Version */ /* ul.article_meta.slim li { font-size: 14px; line-height: 18px; margin: 0 6px 6px 0; } ul.article_meta.slim li a { color: #54786A; padding: 0; background-color: transparent; } ul.article_meta.slim li a::after { content: ','; color: #333; } ul.article_meta.slim li:last-child a::after { content: ''; } */ /*------------*/ /*--- Articles Nav ---*/ ul.articles_nav { font-size: 0; line-height: 0; margin: 20px 0 0 0; } ul.articles_nav li { display: inline-block; font-size: 16px; color: #333333; margin: 10px 10px 10px 0; } ul.articles_nav li a { display: block; line-height: 38px; color: #333333 !important; padding: 0 16px; background-color: #FFF; border-radius: 19px; } ul.articles_nav li a:hover, ul.articles_nav li a:active, ul.articles_nav li a:focus { color: #FFF !important; background-color: #333333; } ul.articles_nav li a.current, ul.articles_nav li.current-cat a { color: #FFF !important; background-color: #54786A; } @media screen and (min-width: 0px) and (max-width: 660px) { ul.articles_nav li { font-size: 14px; } ul.articles_nav li a { line-height: 32px; padding: 0 12px; } } /*------------*/ /*--- Carousel Nav ??? ---*/ .carousel_prev, .carousel_next { position: absolute; top: 50%; width: 28px; height: 50px; padding: 6px; margin-top: -28px; cursor: pointer; } .carousel_prev svg, .carousel_next svg { width: 100%; } .carousel_prev:hover .svg_icon path, .carousel_prev:active .svg_icon path, .carousel_prev:focus .svg_icon path, .carousel_next:hover .svg_icon path, .carousel_next:active .svg_icon path, .carousel_next:focus .svg_icon path { fill: #B9B9B9; } .carousel_prev { left: -5px; } .carousel_next { right: -5px; } @media screen and (min-width: 0px) and (max-width: 767px) { .carousel_prev, .carousel_next { width: 23px; height: 41px; margin-top: -33px; } } /*------------*/ /*--- Explore Drop Down ---*/ .explore_drop_down { z-index: 7 !important; } .explore_drop_down .container { z-index: 7 !important; } .explore_drop_down .line_left { position: absolute; top: 50%; left: 0; right: calc(50% + 130px); height: 1px; background-color: rgba(112,112,112,0.5); z-index: -1; } .explore_drop_down .line_right { position: absolute; top: 50%; right: 0; left: calc(50% + 130px); height: 1px; background-color: rgba(112,112,112,0.5); z-index: -1; } .explore_drop_down .the_nav { position: relative; max-width: 220px; margin: 0 auto; z-index: 99; } .explore_drop_down .the_nav .label { position: relative; line-height: 44px; font-weight: 500; color: #54786A; padding: 0 46px 0 16px; border: 2px solid #C08A62; border-radius: 5px; cursor: pointer; } .explore_drop_down .the_nav .label::after { content: ''; position: absolute; top: 50%; right: 12px; width: 20px; height: 12px; margin-top: -6px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='20px' height='12px' viewBox='0 0 20 12' xml:space='preserve'%3E%3Cpath fill='%2354786A' d='M19.6,0.7c-0.5-0.5-1.2-0.5-1.7,0L10,8.6L2.1,0.7c-0.5-0.5-1.3-0.5-1.8,0c-0.5,0.5-0.5,1.3,0,1.8l8.7,8.7 c0.5,0.5,1.3,0.5,1.8,0h0l8.8-8.7C20.1,2,20.1,1.2,19.6,0.7z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center center; } .explore_drop_down .the_nav ul.dropdown { display: none; position: absolute; top: 46px; right: 0; left: 0; max-height: 200px; text-align: left; background-color: #FFF; border: 2px solid #C08A62; border-radius: 0 0 5px 5px; overflow: scroll; z-index: 99; } .explore_drop_down .the_nav ul.dropdown.active { display: block; } .explore_drop_down .the_nav ul.dropdown li { font-size: 16px; line-height: 36px; padding: 0; margin: 0; background: none; border-top: 1px solid #D7D7D7; } .explore_drop_down .the_nav ul.dropdown li:first-child { border-top: none; } .explore_drop_down .the_nav ul.dropdown li a { display: block; color: #333; padding: 0 16px; background-color: #FFF; border: none; } .explore_drop_down .the_nav ul.dropdown li a:hover, .explore_drop_down .the_nav ul.dropdown li a:active, .explore_drop_down .the_nav ul.dropdown li a:focus { color: #54786A; background-color: #F9FAFC; } .explore_drop_down .the_nav:hover .label, .explore_drop_down .the_nav:active .label, .explore_drop_down .the_nav:focus .label { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .explore_drop_down .the_nav:hover ul.dropdown, .explore_drop_down .the_nav:active ul.dropdown, .explore_drop_down .the_nav:focus ul.dropdown { display: block; } /* In Page Intro */ .page_intro .explore_drop_down { margin-top: 30px; } /* Align Left */ .explore_drop_down .the_nav.align_left { margin-left: 0; } /* Text White */ .text_white .explore_drop_down .the_nav .label { color: #FFF; } .text_white .explore_drop_down .the_nav .label::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='20px' height='12px' viewBox='0 0 20 12' xml:space='preserve'%3E%3Cpath fill='%23FFFFFF' d='M19.6,0.7c-0.5-0.5-1.2-0.5-1.7,0L10,8.6L2.1,0.7c-0.5-0.5-1.3-0.5-1.8,0c-0.5,0.5-0.5,1.3,0,1.8l8.7,8.7 c0.5,0.5,1.3,0.5,1.8,0h0l8.8-8.7C20.1,2,20.1,1.2,19.6,0.7z'/%3E%3C/svg%3E"); } .text_white .explore_drop_down .the_nav ul.dropdown li a { color: #FFF !important; background-color: #54786A; } .text_white .explore_drop_down .the_nav ul.dropdown li a:hover, .text_white .explore_drop_down .the_nav ul.dropdown li a:active, .text_white .explore_drop_down .the_nav ul.dropdown li a:focus { background-color: #678679; } /*------------*/ /*--- Google Maps ---*/ .gm-control-active > img { top: 15%; left: 15%; } .gm-fullscreen-control > img { top: 25%; left: 25%; } .gm-style-iw-ch { display: none; } .gm-style-iw-chr button { position: absolute !important; top: 0 !important; left: 0 !important; width: 20px !important; height: 20px !important; background-color: #CB2027 !important; border-radius: 0 0 6px 0; opacity: 0.8 !important; } .gm-style-iw-chr button:hover { opacity: 1 !important; } .gm-style-iw-chr button span { width: 20px !important; height: 20px !important; margin: 0 !important; } .gm-style .gm-style-iw-c { padding: 20px !important; border-radius: 6px !important; } .gm-style .gm-style-iw-d { overflow: hidden !important; } /*------------*/ /*--- Global Search ---*/ .global_search form { position: relative; } .global_search form label { display: none; } .global_search form input { height: 48px; line-height: 48px; background-color: rgba(255,255,255,0.85); border: 2px solid #C08A62; border-radius: 5px; } .global_search form input { padding: 0 20px; } .global_search form button { position: absolute; top: 0; right: 0; height: 48px; font-size: 18px; line-height: 48px; font-weight: 500; color: #FFF; padding: 0 20px; background-color: #C08A62; border: none; border-radius: 5px; cursor: pointer; } .global_search form button:hover, .global_search form button:active, .global_search form button:focus { background-color: #333; } /*- Inline Version -*/ .global_search.inline input { height: 36px; line-height: 36px; font-size: 18px; padding: 0 50px 0 10px; border: none; } .global_search.inline button { position: absolute; top: 0; right: 0; width: 36px; height: 36px; line-height: 36px; padding: 7px; background-color: #C08A62; border: none; border-radius: 5px; cursor: pointer; } .global_search.inline button .text { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; } .global_search.inline button svg { width: 22px; height: 22px; fill: #FFF; vertical-align: top; } .global_search.inline button:hover, .global_search.inline button:active, .global_search.inline button:focus { background-color: #54786A; } /*- Standalone Version -*/ .global_search.standalone { margin: 30px 0 0 0; } .global_search.standalone .wrap { max-width: 720px; padding: 30px; background-color: rgba(84,120,106,0.7); border-radius: 5px; box-shadow: 0 3px 10px 0 rgba(0,0,0,0.15); } .global_search.standalone form { padding-right: 150px; } .global_search.standalone form input { padding-left: 40px; } .global_search.standalone form .icon { position: absolute; top: 15px; left: 15px; width: 18px; height: 18px; } .global_search.standalone form .icon svg { fill: #54786A; width: 100%; height: 100%; } @media screen and (min-width: 0px) and (max-width: 660px) { .global_search.standalone .wrap { padding: 20px; } } @media screen and (min-width: 0px) and (max-width: 428px) { .global_search.standalone form { padding-right: 0; } .global_search.standalone form button { position: relative; width: 100%; margin-top: 14px; } } /*- In Content Block -*/ .search_bar .global_search.standalone { margin-top: 0; } /*- Overlay Search -*/ #overlay_search { position: fixed; top: -1000px; right: 0; left: 0; width: 100%; overflow-x: hidden; overflow-y: scroll; z-index: 9999; } #overlay_search.active { display: block; top: 0; } #overlay_search .wrap { max-width: 660px; padding: 110px 0 40px 0; margin: 0 auto; } #overlay_search form { padding-right: 110px; } #overlay_search form input { padding-left: 40px; } #overlay_search form .icon { position: absolute; top: 15px; left: 15px; width: 18px; height: 18px; } #overlay_search form .icon svg { fill: #54786A; width: 100%; height: 100%; } #overlay_search .close_overlay_search { position: absolute; top: 25px; right: 34.5px; line-height: 30px; text-align: center; padding: 10px; background: none; border: none; cursor: pointer; } #overlay_search .close_overlay_search .text { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; } #overlay_search .close_overlay_search img, #overlay_search .close_overlay_search svg { width: 30px; height: 30px; vertical-align: top; } #overlay_search .close_overlay_search svg { fill: #FFF; opacity: 0.8; } #overlay_search .close_overlay_search:hover svg, #overlay_search .close_overlay_search:active svg, #overlay_search .close_overlay_search:focus svg { opacity: 1; } @media screen and (min-width: 0px) and (max-width: 900px) { #overlay_search .close_overlay_search { right: 25px; } } @media screen and (min-width: 0px) and (max-width: 660px) { #overlay_search .close_overlay_search { top: 10px; } } @media screen and (min-width: 0px) and (max-width: 600px) { #overlay_search .close_overlay_search { right: 12px; } } @media screen and (min-width: 0px) and (max-width: 520px) { #overlay_search form { padding-right: 0; } #overlay_search form button { position: relative; width: 100%; margin-top: 14px; } } /*- Page Overlay -*/ #bkgd_page_overlay_search { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: #54786A; opacity: 0; z-index: -1; } #bkgd_page_overlay_search.active { background: rgba(84,120,106,0.85); opacity: 1; z-index: 9998; } /*------------*/ /*--- No Results ---*/ .no_results { text-align: center; padding: 20px; } .no_results .wrap { max-width: 480px; padding: 20px; margin: 0 auto; background-color: #EEF2F1; border-radius: 5px; } .no_results .wrap h4 { margin: 0; } .no_results .wrap p { margin: 14px 0 0 0; } /*------------*/ /*--- Pagination ---*/ .pagination { position: relative; min-height: 50px; text-align: center; overflow: hidden; } .pagination .wrap { padding: 0 100px; } .pagination span, .pagination a { display: inline-block; min-width: 34px; line-height: 46px; margin: 2px; text-decoration: none; color: #333; background-color: transparent; border: 1px solid transparent; border-radius: 5px; } .pagination a:hover, .pagination a:active, .pagination a:focus { color: #C08A62; border-color: #C08A62; } .pagination .current { color: #C08A62; background-color: #FFF; border-color: #C08A62; } .pagination .label { padding: 0 6px; } .pagination .prev_link, .pagination .next_link { position: absolute; top: 0; } .pagination .prev_link a, .pagination .next_link a { color: #333; padding: 0; border: none; } .pagination .prev_link a:hover, .pagination .prev_link a:active, .pagination .prev_link a:focus, .pagination .next_link a:hover, .pagination .next_link a:active, .pagination .next_link a:focus { color: #C08A62; } .pagination .prev_link { left: 0; } .pagination .next_link { right: 0; } .pagination .prev_link a::before { content: ''; display: inline-block; width: 12px; height: 20px; padding: 0 16px 0 0; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='12px' height='20px' viewBox='0 0 12 20' xml:space='preserve'%3E%3Cpath fill='%23C08A62' d='M0.7,10.9l8.7,8.8c0.5,0.5,1.3,0.5,1.8,0c0.5-0.5,0.5-1.2,0-1.7L3.4,10l7.9-7.9 c0.5-0.5,0.5-1.3,0-1.8c-0.5-0.5-1.3-0.5-1.8,0L0.7,9.1C0.3,9.6,0.3,10.4,0.7,10.9L0.7,10.9z'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: left top; vertical-align: middle; } .pagination .next_link a::after { content: ''; display: inline-block; width: 12px; height: 20px; padding: 0 0 0 16px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='12px' height='20px' viewBox='0 0 12 20' xml:space='preserve'%3E%3Cpath fill='%23C08A62' d='M11.3,9.1L2.5,0.4C2-0.1,1.2-0.1,0.7,0.4c-0.5,0.5-0.5,1.2,0,1.7L8.6,10l-7.9,7.9 c-0.5,0.5-0.5,1.3,0,1.8c0.5,0.5,1.3,0.5,1.8,0l8.7-8.7C11.7,10.4,11.7,9.6,11.3,9.1L11.3,9.1z'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: right top; vertical-align: middle; } .pagination .prev_link a:hover::before, .pagination .prev_link a:active::before, .pagination .prev_link a:focus::before { padding-right: 14px; } .pagination .next_link a:hover::after, .pagination .next_link a:active::after, .pagination .next_link a:focus::after { padding-left: 14px; } @media screen and (min-width: 0px) and (max-width: 600px) { .pagination .wrap { padding: 0 30px; } .pagination .prev_link, .pagination .next_link { font-size: 0; } } @media screen and (min-width: 0px) and (max-width: 428px) { .pagination span, .pagination a { min-width: 30px; line-height: 42px; } .pagination a.first, .pagination a.prev, .pagination a.next, .pagination a.last { min-width: 24px; } } @media screen and (min-width: 0px) and (max-width: 359px) { .pagination span, .pagination a { min-width: 26px; line-height: 40px; } .pagination a.first, .pagination a.prev, .pagination a.next, .pagination a.last { min-width: 20px; } } /*------------*/ /*--- Scroll to Top ??? ---*/ #scrolltotop { position: fixed; bottom: -100px; right: 12px; width: 40px; height: 40px; text-align: center; color: #FFF; background-color: rgba(0,0,0,0.3); background-image: url(https://placehold.it/20x12); background-repeat: no-repeat; background-position: center center; border-radius: 50%; z-index: 8; } #scrolltotop.show { bottom: 12px; } #scrolltotop:hover { background-color: rgba(0,0,0,0.4); } /*------------*/ /*--- Social Links ---*/ ul.social_links { font-size: 0; line-height: 0; margin: 0; } ul.social_links li { display: inline-block !important; max-width: 45px; font-size: 16px; line-height: 26px; text-align: center; padding: 0; margin: 4px 8px !important; overflow: hidden; } ul.social_links li::before { display: none; } ul.social_links li a { display: block; padding: 4px; border: none !important; } ul.social_links li a:hover, ul.social_links li a:active, ul.social_links li a:focus { opacity: 0.8; } ul.social_links li span.text { display: none; } ul.social_links li span.icon { display: block; height: 26px; vertical-align: top; } ul.social_links li span.icon svg { width: 100%; height: 100%; fill: #54786A; vertical-align: top; width: auto; } .buttons ul.social_links { display: inline-block; margin: 14px 0 0 0; vertical-align: top; } .buttons ul.social_links li { max-width: 37px; line-height: 28px; margin: 0 4px !important; } .buttons ul.social_links li span.icon { height: 20px; } /*------------*/ /*--- Social Share ??? ---*/ /* ul.social_share { font-size: 0; line-height: 0; } ul.social_share li { display: inline-block !important; font-size: 15px; line-height: 30px; text-transform: uppercase; margin: 0 6px 0 0; overflow: hidden; } ul.social_share li a { display: block; color: #FFF; padding: 0 6px; background-color: #394044; } ul.social_share li a:hover, ul.social_share li a:active, ul.social_share li a:focus { opacity: 0.9; } ul.social_share li span.icon { padding: 0 4px 0 0; vertical-align: top; } ul.social_share li span.icon svg { vertical-align: middle; } ul.social_share li.facebook a { background-color: #3B4F94; } ul.social_share li.facebook span.icon svg { height: 17px; } ul.social_share li.twitter a { background-color: #30A6E1; } ul.social_share li.twitter span.icon svg { height: 14px; } */ /*------------------------------------------------------------------*/ /* 3. Content Blocks /*------------------------------------------------------------------*/ /*--- Section Intro ---*/ .section_intro { position: relative; text-align: center; padding: 0 0 30px 0; margin: 0 auto; } .section_intro.no_content { padding: 0; } .section_intro.space_below { padding-bottom: 50px; } .section_intro .the_content { margin: 0 auto; } .section_intro h1, .section_intro h2, .section_intro h3, .section_intro h4, .section_intro h5, .section_intro h6 { color: #54786A; margin: 0; } .section_intro b, .section_intro strong { color: #54786A; } .section_intro p { font-size: 1.125em; } .section_intro p:first-of-type { padding: 12px 0 0 0; } .section_intro p:last-child { margin: 0; } .section_intro a { font-weight: 600; } .section_intro .divide_line { margin: 18px auto 6px auto; } /* Width Variations */ .section_intro.wide_width { max-width: 920px; } .section_intro.medium_width { max-width: 860px; } .section_intro.slim_width { max-width: 480px; } .section_intro.wide_width .the_content { max-width: 820px; } .section_intro.medium_width .the_content { max-width: 760px; } @media screen and (min-width: 0px) and (max-width: 428px) { .section_intro p { font-size: 1em; } } /* Large Title */ .section_intro.large_title h1, .section_intro.large_title h2, .section_intro.large_title h3, .section_intro.large_title h4, .section_intro.large_title h5, .section_intro.large_title h6 { font-size: 2.625em; } @media screen and (min-width: 0px) and (max-width: 520px) { .section_intro.large_title h1, .section_intro.large_title h2, .section_intro.large_title h3, .section_intro.large_title h4, .section_intro.large_title h5, .section_intro.large_title h6 { font-size: 2.2em; } } /* Medium Title */ .section_intro.medium_title h1, .section_intro.medium_title h2, .section_intro.medium_title h3, .section_intro.medium_title h4, .section_intro.medium_title h5, .section_intro.medium_title h6 { font-size: 1.875em; } @media screen and (min-width: 0px) and (max-width: 520px) { .section_intro.medium_title h1, .section_intro.medium_title h2, .section_intro.medium_title h3, .section_intro.medium_title h4, .section_intro.medium_title h5, .section_intro.medium_title h6 { font-size: 1.5em; } } /* Small Title */ .section_intro.small_title h1, .section_intro.small_title h2, .section_intro.small_title h3, .section_intro.small_title h4, .section_intro.small_title h5, .section_intro.small_title h6 { font-size: 1.5em; } @media screen and (min-width: 0px) and (max-width: 520px) { .section_intro.small_title h1, .section_intro.small_title h2, .section_intro.small_title h3, .section_intro.small_title h4, .section_intro.small_title h5, .section_intro.small_title h6 { font-size: 1.25em; } } /* Left Aligned */ .section_intro.left_aligned { text-align: left; } .section_intro.left_aligned p:first-of-type { padding: 6px 0 0 0; } .section_intro.left_aligned.has_buttons h1, .section_intro.left_aligned.has_buttons h2, .section_intro.left_aligned.has_buttons h3, .section_intro.left_aligned.has_buttons h4, .section_intro.left_aligned.has_buttons h5, .section_intro.left_aligned.has_buttons h6, .section_intro.left_aligned.has_buttons p { padding-right: 150px; } .section_intro.left_aligned .buttons { position: absolute; top: 0; right: 0; margin: 10px 0 0 0; } .section_intro.left_aligned .buttons .btn:first-child { margin-left: 0; } .section_intro.left_aligned .buttons .btn:last-child { margin-right: 0; } .section_intro.left_aligned .title_with_bkgd_line { position: relative; } .section_intro.left_aligned .title_with_bkgd_line h3 span { display: inline-block; padding: 0 20px 0 0; margin: 0 40px 0 0; } .section_intro.left_aligned .title_with_bkgd_line .bkgd_line { position: absolute; top: 50%; right: 0; left: 0; margin: -6px 0 0 0; } .section_intro.left_aligned .title_with_bkgd_line .bkgd_line .line { position: absolute; top: 45%; right: 22px; left: 0; height: 1px; background-color: rgba(51,51,51,0.2); z-index: -1; } .section_intro.left_aligned .title_with_bkgd_line .bkgd_line .dot { width: 12px; height: 12px; background-color: #C08A62; margin: 0 0 0 auto; border-radius: 3px; vertical-align: top; } body.blog .section_intro.left_aligned .title_with_bkgd_line .bkgd_white, body.category .section_intro.left_aligned .title_with_bkgd_line .bkgd_white, /*body.single-post .section_intro.left_aligned .title_with_bkgd_line .bkgd_white,*/ body.search .section_intro.left_aligned .title_with_bkgd_line .bkgd_white { background-color: #F9FAFC !important; } @media screen and (min-width: 0px) and (max-width: 600px) { .section_intro.left_aligned.has_buttons h1, .section_intro.left_aligned.has_buttons h2, .section_intro.left_aligned.has_buttons h3, .section_intro.left_aligned.has_buttons h4, .section_intro.left_aligned.has_buttons h5, .section_intro.left_aligned.has_buttons h6, .section_intro.left_aligned.has_buttons p { padding-right: 0; } .section_intro.left_aligned .buttons { position: relative; margin: 0; } } /*------------*/ /*--- Section Outro ---*/ .section_outro { text-align: center; padding: 30px 0 0 0; margin: 0 auto; } /* Width Variations */ .section_outro.wide_width { max-width: 780px; } .section_outro.medium_width { max-width: 620px; } .section_outro.slim_width { max-width: 480px; } /*------------*/ /*--- Content Block ---*/ .content_block { position: relative; padding: 50px 0; background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: cover; z-index: 5; } .content_block .bkgd { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: transparent; z-index: 0; } .content_block .bkgd.half_height { top: 50%; } .content_block .bkgd_photo { background-repeat: no-repeat; background-position: center center; background-size: cover; filter: grayscale(100%) blur(0); opacity: 0.15; z-index: 1; } .content_block .anchor { position: absolute; top: 0; width: 1px; height: 1px; background-color: transparent; } .content_block .wrap { position: relative; margin: 0 auto; overflow: hidden; } .content_block .wrap.overflow { overflow: visible; } .content_block .wrap.wide_width { max-width: 920px; } .content_block .wrap.medium_width { max-width: 760px; } .content_block .wrap.slim_width { max-width: 480px; } .content_block .wrap.overflow { overflow: visible; } .content_block .wrap.overflow-y { overflow-y: visible; } .content_block .outro { text-align: center; padding: 50px 0 0 0; } /* Caption */ .content_block .caption { position: relative; font-size: 0.88em; color: #5B5B5B; padding: 12px 0 12px 22px; } .content_block .caption p::before { position: absolute; top: 17px; left: 0; content: ''; width: 12px; height: 12px; background-color: #C08A62; border-radius: 3px; } @media screen and (min-width: 0px) and (max-width: 600px) { .content_block .caption { padding-left: 16px; } .content_block .caption p::before { top: 20px; width: 8px; height: 8px; border-radius: 2px; } } /* Padding Options */ .content_block.no_padding_top { padding-top: 0; } .content_block.no_padding_bottom { padding-bottom: 0; } .content_block.slim_padding_top { padding-top: 20px; } .content_block.slim_padding_bottom { padding-bottom: 20px; } .content_block.regular_padding_top { padding-top: 40px; } .content_block.regular_padding_bottom { padding-bottom: 40px; } .content_block.medium_padding_top { padding-top: 50px; } .content_block.medium_padding_bottom { padding-bottom: 50px; } .content_block.large_padding_top { padding-top: 90px; } .content_block.large_padding_bottom { padding-bottom: 90px; } .content_block.extra_large_padding_top { padding-top: 140px; } .content_block.extra_large_padding_bottom { padding-bottom: 140px; } /* Final Block */ @media screen and (min-width: 1201px) { .content_block.final_block { padding-bottom: 210px; margin-bottom: -160px; } .content_block.final_block.no_padding_bottom { padding-bottom: 160px; } .content_block.final_block.slim_padding_bottom { padding-bottom: 180px; } .content_block.final_block.regular_padding_bottom { padding-bottom: 200px; } .content_block.final_block.medium_padding_bottom { padding-bottom: 210px; } .content_block.final_block.large_padding_bottom { padding-bottom: 250px; } .content_block.final_block.extra_large_padding_bottom { padding-bottom: 300px; } } /* Overlap Options */ .content_block.overlap_previous { margin-top: -120px; background-color: transparent; z-index: 6; } .content_block.no_padding_top.overlap_previous { margin-top: -70px; } .content_block.slim_padding_top.overlap_previous { margin-top: -90px; } .content_block.regular_padding_top.overlap_previous { margin-top: -110px; } .content_block.medium_padding_top.overlap_previous { margin-top: -120px; } .content_block.large_padding_top.overlap_previous { margin-top: -160px; } .content_block.extra_large_padding_top.overlap_previous { margin-top: -210px; } /* Background */ .content_block.overlap_previous .bkgd { top: 120px; } .content_block.no_padding_top.overlap_previous .bkgd { top: 70px; } .content_block.slim_padding_top.overlap_previous .bkgd { top: 90px; } .content_block.regular_padding_top.overlap_previous .bkgd { top: 110px; } .content_block.medium_padding_top.overlap_previous .bkgd { top: 120px; } .content_block.large_padding_top.overlap_previous .bkgd { top: 160px; } .content_block.extra_large_padding_top.overlap_previous .bkgd { top: 210px; } /* Half Height */ .content_block.no_padding_top.no_padding_bottom .bkgd.half_height { top: 50%; } .content_block.no_padding_top.slim_padding_bottom .bkgd.half_height { top: calc(50% - 10px); } .content_block.no_padding_top.regular_padding_bottom .bkgd.half_height { top: calc(50% - 20px); } .content_block.no_padding_top.medium_padding_bottom .bkgd.half_height { top: calc(50% - 25px); } .content_block.no_padding_top.large_padding_bottom .bkgd.half_height { top: calc(50% - 45px); } .content_block.no_padding_top.extra_large_padding_bottom .bkgd.half_height { top: calc(50% - 70px); } .content_block.slim_padding_top.no_padding_bottom .bkgd.half_height { top: calc(50% + 10px); } .content_block.slim_padding_top.slim_padding_bottom .bkgd.half_height { top: 50%; } .content_block.slim_padding_top.regular_padding_bottom .bkgd.half_height { top: calc(50% - 10px); } .content_block.slim_padding_top.medium_padding_bottom .bkgd.half_height { top: calc(50% - 15px); } .content_block.slim_padding_top.large_padding_bottom .bkgd.half_height { top: calc(50% - 35px); } .content_block.slim_padding_top.extra_large_padding_bottom .bkgd.half_height { top: calc(50% - 60px); } .content_block.regular_padding_top.no_padding_bottom .bkgd.half_height { top: calc(50% + 20px); } .content_block.regular_padding_top.slim_padding_bottom .bkgd.half_height { top: calc(50% + 10px); } .content_block.regular_padding_top.regular_padding_bottom .bkgd.half_height { top: 50%; } .content_block.regular_padding_top.medium_padding_bottom .bkgd.half_height { top: calc(50% - 5px); } .content_block.regular_padding_top.large_padding_bottom .bkgd.half_height { top: calc(50% - 25px); } .content_block.regular_padding_top.extra_large_padding_bottom .bkgd.half_height { top: calc(50% - 50px); } .content_block.medium_padding_top.no_padding_bottom .bkgd.half_height { top: calc(50% + 25px); } .content_block.medium_padding_top.slim_padding_bottom .bkgd.half_height { top: calc(50% + 20px); } .content_block.medium_padding_top.regular_padding_bottom .bkgd.half_height { top: calc(50% + 5px); } .content_block.medium_padding_top.medium_padding_bottom .bkgd.half_height { top: 50%; } .content_block.medium_padding_top.large_padding_bottom .bkgd.half_height { top: calc(50% - 20px); } .content_block.medium_padding_top.extra_large_padding_bottom .bkgd.half_height { top: calc(50% - 45px); } .content_block.large_padding_top.no_padding_bottom .bkgd.half_height { top: calc(50% + 45px); } .content_block.large_padding_top.slim_padding_bottom .bkgd.half_height { top: calc(50% + 35px); } .content_block.large_padding_top.regular_padding_bottom .bkgd.half_height { top: calc(50% + 25px); } .content_block.large_padding_top.medium_padding_bottom .bkgd.half_height { top: calc(50% + 20px); } .content_block.large_padding_top.large_padding_bottom .bkgd.half_height { top: 50%; } .content_block.large_padding_top.extra_large_padding_bottom .bkgd.half_height { top: calc(50% - 25px); } .content_block.extra_large_padding_top.no_padding_bottom .bkgd.half_height { top: calc(50% + 70px); } .content_block.extra_large_padding_top.slim_padding_bottom .bkgd.half_height { top: calc(50% + 60px); } .content_block.extra_large_padding_top.regular_padding_bottom .bkgd.half_height { top: calc(50% + 50px); } .content_block.extra_large_padding_top.medium_padding_bottom .bkgd.half_height { top: calc(50% + 45px); } .content_block.extra_large_padding_top.large_padding_bottom .bkgd.half_height { top: calc(50% + 25px); } .content_block.extra_large_padding_top.extra_large_padding_bottom .bkgd.half_height { top: 50%; } /*------------------------------------------------------------------*/ /*--- Page Intro ---*/ .page_intro { position: relative; padding: 0 !important; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow: hidden; } .page_intro .container { min-height: 150px; padding-top: 90px; padding-bottom: 80px; } .page_intro.has_overlap .container { padding-bottom: 160px; } .page_intro .wrap.wide_width { max-width: 780px; } .page_intro .wrap.medium_width { max-width: 620px; } .page_intro .wrap.slim_width { max-width: 480px; } .page_intro .pre_title { font-size: 18px; font-weight: 400; padding: 0 !important; margin: 0 0 20px 0; } .page_intro .title { padding: 0 0 14px 0; } .page_intro h1 { font-size: 3.5em; color: #54786A; margin-bottom: 0; } .page_intro h1 b, .page_intro h1 strong { color: #54786A; } .page_intro p { max-width: 920px; line-height: 1.7em; margin: 0; } .page_intro hr { border-top-color: #54786A; } .page_intro .desc { padding: 14px 0 0 0; } .page_intro .divide_line { padding: 14px 0; } .page_intro .buttons { padding: 30px 0 0 0; margin: 0 0 -8px 0; } .page_intro .buttons .btn { margin: 0 8px 8px 0; } .page_intro .buttons .btn:last-child { margin-right: 0; } .page_intro ul.article_meta { margin: 20px 0 0 0; } .page_intro.text_shadow h1, .page_intro.text_shadow p { text-shadow: 2px 2px 3px rgba(255,255,255,0.5); } /* Text White */ .page_intro.text_white h1, .page_intro.text_white p { text-shadow: 2px 2px 3px rgba(0,0,0,0.2); } /* .page_intro.text_white .logo .line_one { fill: #333; } .page_intro.text_white .logo .line_two { fill: #FFF; } .page_intro.text_white .logo .line_three { fill: #FFF; } */ /* Left Aligned */ .page_intro.left_aligned .divide_line .line_left { left: 22px; right: 20%; } .page_intro.left_aligned .divide_line .line_right { display: none; } .page_intro.left_aligned .divide_line .dot { margin-left: 0; } @media screen and (min-width: 0px) and (max-width: 660px) { .page_intro.left_aligned .divide_line .line_left { right: 0; } } /* Logo */ .page_intro .logo { height: 180px; margin: 0 0 40px 0; filter: drop-shadow(0px 4px 9px rgba(255,255,255,0.7)); } .page_intro .logo svg { width: auto; height: 100%; filter: drop-shadow(0px 4px 9px #F6F1E6); } .page_intro .logo .line_one { fill: #585858; } .page_intro .logo .line_two { fill: #54786A; } .page_intro .logo .line_three { fill: #C08A62; } @media screen and (min-width: 0px) and (max-width: 660px) { .page_intro .logo { height: 140px; } } @media screen and (min-width: 0px) and (max-width: 428px) { .page_intro .logo { height: 120px; } } .page_intro .filter, .page_intro .blendtop, .page_intro .blendright, .page_intro .blendbottom, .page_intro .blendleft { z-index: 3; } .page_intro .blendbottom { top: 0; } .page_intro .bkgd, .page_intro .bkgd_photo, .page_intro .bkgd_gallery { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .page_intro .bkgd_photo, .page_intro .bkgd_gallery { z-index: 2; } .page_intro .bkgd_photo { filter: grayscale(100%) blur(0); opacity: 0.15; } .page_intro .bkgd_photo.loaded { filter: grayscale(100%) blur(0); top: -15px; right: -15px; bottom: -15px; left: -15px; opacity: 0.15; } .page_intro .bkgd_gallery { filter: grayscale(100%) blur(0); opacity: 0.15; } .page_intro .bkgd_gallery.loaded { filter: grayscale(0) blur(0); top: -15px; right: 0; bottom: -15px; left: 0; opacity: 1; } .page_intro .bkgd_gallery .slide { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; } .page_intro .bkgd_gallery .owl-carousel { display: block; width: 100%; height: 100%; } .page_intro .bkgd_gallery .owl-carousel .owl-stage-outer, .page_intro .bkgd_gallery .owl-carousel .owl-stage, .page_intro .bkgd_gallery .owl-carousel .owl-item { height: 100% !important; } /* Intro Connect */ /* .page_intro .intro_connect { position: absolute; bottom: 0; width: 100%; height: 20px; background-color: #FFF; border-radius: 0 0 100% 100%; z-index: 5; } */ .page_intro .title.small h1 { font-size: 2.6em; } .page_intro .title.medium h1 { font-size: 2.95em; } .page_intro .title.large h1 { font-size: 3.5em; } .page_intro .desc.medium p { font-size: 1.125em; } .page_intro .desc.large p { font-size: 1.25em; } @media screen and (min-width: 0px) and (max-width: 600px) { .page_intro .desc.medium p { font-size: 1em; } .page_intro .desc.large p { font-size: 1.125em; } } @media screen and (min-width: 0px) and (max-width: 660px) { .page_intro .container { padding-top: 75px; padding-bottom: 65px; } .page_intro h1 { font-size: 2.95em; } .page_intro .title.small h1 { font-size: 2.2em; } .page_intro .title.medium h1 { font-size: 2.6em; } .page_intro .title.large h1 { font-size: 2.95em; } } @media screen and (min-width: 0px) and (max-width: 520px) { .page_intro h1 { font-size: 2.6em; } .page_intro .title.medium h1 { font-size: 2.2em; } .page_intro .title.large h1 { font-size: 2.6em; } .page_intro .blendbottom { background: rgb(0,0,0,0.55) !important; } } @media screen and (min-width: 0px) and (max-width: 428px) { .page_intro h1 { font-size: 2.2em; } .page_intro .title.small h1 { font-size: 1.9em; } .page_intro .title.medium h1 { font-size: 1.9em; } .page_intro .title.large h1 { font-size: 2.2em; } .page_intro .buttons .btn { display: block; } } /*-----*/ /*- Breadcrumbs -*/ .page_intro .breadcrumbs { position: absolute; top: 16px; left: 40px; font-size: 0; color: #333; margin-right: 20px; } .page_intro .breadcrumbs span { font-size: 14px; font-weight: 400; } .page_intro .breadcrumbs a { color: #333; } .page_intro .breadcrumbs a:hover, .page_intro .breadcrumbs a:active, .page_intro .breadcrumbs a:focus { color: #54786A; } .page_intro .breadcrumbs .divider, .page_intro .breadcrumbs .aioseo-breadcrumb-separator { font-weight: 600; color: #C08A62; padding: 0 8px; } .page_intro.text_white .breadcrumbs { color: #FFF; } @media screen and (min-width: 0px) and (max-width: 900px) { .page_intro .breadcrumbs { left: 30px; } .page_intro .breadcrumbs span { font-size: 14px; } } @media screen and (min-width: 0px) and (max-width: 600px) { .page_intro .breadcrumbs { left: 20px; } .page_intro .breadcrumbs span { font-size: 13px; } .page_intro .breadcrumbs .divider { padding: 0 6px; } } /*------------*/ /*- Return Link -*/ /* .page_intro .return_link { position: absolute; top: 20px; left: 40px; font-size: 15px; line-height: 14px; } .page_intro .return_link a { position: relative; display: inline-block; color: #54786A; padding: 10px 10px 10px 22px; } .page_intro .return_link a:hover, .page_intro .return_link a:active, .page_intro .return_link a:focus { padding-left: 20px; padding-right: 12px; } .page_intro .return_link .icon { position: absolute; top: 10px; left: 0; } .page_intro .return_link .icon svg { fill: #54786A; vertical-align: top; } .page_intro.text_white .return_link .icon svg { fill: #FFF; } */ /*------------*/ /*- Mask Intro -*/ .page_intro .mask { position: absolute; width: 100%; bottom: -1px; z-index: 3; } .page_intro .mask svg { width: 100%; height: auto; vertical-align: bottom; } /*-----*/ /*- Book Intro -*/ .page_intro.book_intro { overflow: visible; } /* .page_intro.book_intro .bkgd_photo { filter: grayscale(100%) blur(0); opacity: 0.15; } .page_intro.book_intro .bkgd_photo.loaded { filter: grayscale(100%) blur(0); top: -15px; right: -15px; bottom: -15px; left: -15px; opacity: 0.15; } */ .page_intro.book_intro .container { padding-top: 120px; padding-bottom: 120px; } .page_intro.book_intro .title, .page_intro.book_intro .divide_line, .page_intro.book_intro .desc, .page_intro.book_intro .buttons { padding-right: 35%; } .page_intro.book_intro .book_cover { position: absolute; top: -40px; right: 0; width: 30%; border-radius: 5px; box-shadow: 0 3px 6px rgba(0,0,0,0.2); overflow: hidden; } .page_intro.book_intro .book_cover img { width: 100%; } .page_intro.book_intro .book_cover p { padding: 0; } .page_intro.book_intro .book_cover .credit { position: absolute; right: 0; bottom: 0; font-size: 0.7em; color: #333; padding: 6px; background-color: rgba(255,255,255,0.8); border-radius: 5px 0 5px 0; } @media screen and (min-width: 0px) and (max-width: 660px) { .page_intro.book_intro .title, .page_intro.book_intro .divide_line, .page_intro.book_intro .desc, .page_intro.book_intro .buttons { padding-right: 0; } .page_intro.book_intro .book_cover { position: relative; top: auto; right: auto; width: 80%; margin: 30px auto 0 auto; } } /*-----*/ /*- Centered Intro -*/ .page_intro.centered_intro .wrap { text-align: center; margin-left: auto; margin-right: auto; } .page_intro.centered_intro p { margin-left: auto; margin-right: auto; } .page_intro.centered_intro .buttons .btn { margin: 0 4px 8px 4px; } .page_intro.centered_intro .buttons .btn:last-child { margin-right: 4px; } /*------------*/ /*- Article Intro -*/ .page_intro.article_intro .wrap { max-width: 920px; } /* .page_intro.article_intro .bkgd_photo { filter: grayscale(100%) blur(0); opacity: 0.15; } .page_intro.article_intro .bkgd_photo.loaded { filter: grayscale(100%) blur(0); top: -15px; right: -15px; bottom: -15px; left: -15px; opacity: 0.15; } */ /* .page_intro.article_intro { min-height: 460px; } .page_intro.article_intro .container { position: absolute; right: 0; bottom: 0; left: 0; padding-top: 80px; padding-bottom: 80px; } .page_intro.article_intro hr { margin-top: -6px; margin-bottom: 0; } .page_intro.article_intro h1 { text-shadow: 2px 2px rgba(0,0,0,0.2); } .page_intro.article_intro .tiny_btn { margin: 0 0 12px 0; } @media screen and (min-width: 0px) and (max-width: 520px) { .page_intro.article_intro { min-height: inherit; } .page_intro.article_intro .container { position: relative; } } */ /*------------*/ /*- Gallery Intro -*/ /* .page_intro.gallery_intro { min-height: 540px; } .page_intro.gallery_intro .container { position: absolute; right: 0; bottom: 0; left: 0; padding-top: 80px; padding-bottom: 50px; } .page_intro.gallery_intro h1 { text-shadow: 2px 2px rgba(0,0,0,0.2); } .page_intro.gallery_intro hr { max-width: 740px; margin-left: auto; margin-right: auto; } .page_intro.gallery_intro p { max-width: 920px; } .page_intro .bkgd_gallery { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .page_intro .bkgd_gallery .slide { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; } .page_intro .bkgd_gallery .owl-carousel { display: block; width: 100%; height: 100%; } .page_intro .bkgd_gallery .owl-carousel .owl-stage-outer, .page_intro .bkgd_gallery .owl-carousel .owl-stage, .page_intro .bkgd_gallery .owl-carousel .owl-item { height: 100% !important; } @media screen and (min-width: 0px) and (max-width: 520px) { .page_intro.gallery_intro .container { position: relative; } } */ /*------------*/ /*- Photo Intro -*/ .page_intro.photo_intro { } /* .page_intro.photo_intro .bkgd_photo { filter: grayscale(100%) blur(0); opacity: 0.15; } .page_intro.photo_intro .bkgd_photo.loaded { filter: grayscale(100%) blur(0); top: -15px; right: -15px; bottom: -15px; left: -15px; opacity: 0.15; } */ .page_intro.photo_intro .bkgd_photo.full_image, .page_intro.photo_intro .bkgd_photo.full_image.loaded, .page_intro.home_intro .bkgd_photo.full_image, .page_intro.home_intro .bkgd_photo.full_image.loaded { filter: grayscale(30%) blur(0); opacity: 1; } /*------------------------------------------------------------------*/ /*------------------------------------------------------------------*/ /* ADD MAIN BLOCKS IN ALPHABETICAL ORDER */ /*------------*/ /*--- Article Content ---*/ .article_content .article_block { margin: 0 auto 40px auto; } .article_content .article_block:last-child { margin-bottom: 0 !important; } .article_content .article_block .inner_wrap { padding: 0 30px; } .article_content .article_block h1, .article_content .article_block h2, .article_content .article_block h3 { color: #54786A; } @media screen and (min-width: 0px) and (max-width: 600px) { .article_content .article_block .inner_wrap { padding: 0 20px; } } /* Image */ .article_block .photo { border-radius: 5px; overflow: hidden; } .article_block .photo img { width: 100%; } /* Video */ .article_block .embedcontainer { border-radius: 5px; overflow: hidden; } /*-----*/ /* Buttons Only */ .article_block.buttons_only { margin-top: -20px; } #articleblock1.article_block.buttons_only { margin-top: 0; } /* If First */ /* Divide Line */ .article_block.divide_line { max-width: 920px; } /* Photo Block */ .article_block.photo_block { max-width: 980px; } /* Photo Grid */ .article_block.photo_grid { max-width: 980px; } /* Pull Quote */ .article_block.pull_quote { max-width: 820px; } /* Pull Statement */ .article_block.pull_statement { max-width: 820px; } /* Text Block */ .article_block.text_block { max-width: 820px; } /* Video Block */ .article_block.video_block { max-width: 980px; } /*------------*/ /*--- Articles Grid [BLOG] ---*/ .articles_grid { z-index: 6; } .articles_grid .item { position: relative; float: left; } .articles_grid .item .desc { position: relative; padding: 14px 0 0 0; } .articles_grid .item a { display: block; color: #333333; } .articles_grid .item a:hover h3, .articles_grid .item a:active h3, .articles_grid .item a:focus h3 { color: #333333 !important; } .articles_grid .item a:hover .photo img, .articles_grid .item a:active .photo img, .articles_grid .item a:focus .photo img { transform: scale(1.03); } .articles_grid .item h3 { font-size: 1.17em; font-weight: 500; color: #C08A62 !important; margin-bottom: 0; } .articles_grid .item ul.meta { font-size: 0; line-height: 0; margin: 0 0 8px 0; } .articles_grid .item ul.meta li { display: inline-block; font-size: 16px; line-height: 20px; font-weight: 500; color: #726B7B; } .articles_grid .item ul.meta li.topic { color: #54786A; } .articles_grid .item ul.meta li::after { content: '—'; color: #54786A; padding: 0 4px; } .articles_grid .item ul.meta li:last-child::after { content: ''; } .articles_grid .item .photo { border-radius: 5px; overflow: hidden; } .articles_grid .item .photo img { width: 100%; } .articles_grid .item .desc p { font-size: 15px; margin-top: 12px; } /*- Slim Version -*/ .articles_grid .item.slim { border-radius: 5px; } .articles_grid .item.slim .photo { box-shadow: 0 3px 10px 0 rgba(0,0,0,0.15); } .articles_grid .item.slim .title { position: absolute; top: 0; left: 0; padding: 8px 14px; background-color: #C08A62; border-radius: 5px 0 5px 0; } .articles_grid .item.slim .title h3 { color: #FFF !important; } .articles_grid .item.slim a:hover .title, .articles_grid .item.slim a:active .title, .articles_grid .item.slim a:focus .title { background-color: #54786A; } /*- Two Across -*/ .articles_grid .two_across .item { width: 48.5%; margin-top: 3%; margin-right: 3%; } .articles_grid .two_across .item:nth-child(2n) { margin-right: 0; } .articles_grid .two_across .item:nth-child(1), .articles_grid .two_across .item:nth-child(2) { margin-top: 0; } @media screen and (min-width: 0px) and (max-width: 767px) { .articles_grid .two_across { max-width: 600px; } .articles_grid .two_across .item { width: 100%; margin: 30px 0 0 0 !important; } .articles_grid .two_across .item:nth-child(1) { margin-top: 0 !important; } } /*- Three Across -*/ .articles_grid .three_across .item { width: 32%; margin-right: 2%; margin-top: 2%; } .articles_grid .three_across .item:nth-child(3n) { margin-right: 0; } .articles_grid .three_across .item:nth-child(1), .articles_grid .three_across .item:nth-child(2), .articles_grid .three_across .item:nth-child(3) { margin-top: 0; } @media screen and (min-width: 0px) and (max-width: 960px) { .articles_grid .three_across .item { width: 48.5%; margin-right: 3%; margin-top: 3%; } .articles_grid .three_across .item:nth-child(3n) { margin-right: 3%; } .articles_grid .three_across .item:nth-child(2n) { margin-right: 0; } .articles_grid .three_across .item:nth-child(3) { margin-top: 3%; } } @media screen and (min-width: 0px) and (max-width: 600px) { .articles_grid .three_across { max-width: 600px; } .articles_grid .three_across .item { width: 100%; margin: 30px 0 0 0 !important; } .articles_grid .three_across .item:nth-child(1) { margin-top: 0 !important; } } /*- Related -*/ @media screen and (min-width: 601px) and (max-width: 960px) { .articles_grid.related .three_across .item:last-child { display: none; } } /*------------*/ /*--- Articles List ---*/ .articles_list { } .articles_list .item { padding: 24px; background-color: #FFF; margin: 0 0 24px 0; border-radius: 5px; box-shadow: 0 3px 10px 0 rgba(0,0,0,0.15); } .articles_list .item:last-child { margin-bottom: 0; } .articles_list .item .label { float: right; font-size: 14px; color: #54786A; padding: 10px 14px; margin: 0 0 0 10px; background-color: #EEF2F1; border-radius: 4px; } .articles_list .item h4 { font-weight: 500; } .articles_list .item h4 a { color: #C08A62; } .articles_list .item h4 a:hover, .articles_list .item h4 a:active, .articles_list .item h4 a:focus { color: #54786A; } .articles_list .item p { font-size: 16px; margin-bottom: 12px; } .articles_list .item p a { font-weight: 600; color: #C08A62 } .articles_list .item p a:hover, .articles_list .item p a:active, .articles_list .item p a:focus { color: #54786A; } .articles_list .item ul.article_meta { margin: -6px 0 6px 0; } @media screen and (min-width: 0px) and (max-width: 428px) { .articles_list .item { padding: 16px; } } /*------------*/ /*--- Author Profile ---*/ .author_profile { } .author_profile .profile_photo { width: 200px; height: 200px; margin: 30px auto 0 auto; border-radius: 50%; overflow: hidden; } @media screen and (min-width: 0px) and (max-width: 428px) { .author_profile .profile_photo { width: 160px; height: 160px; } } /*------------*/ /*--- Author Strip ---*/ /* .author_strip { margin-top: -33px; } .author_strip .wrap { border-radius: 22px; box-shadow: 2px 2px 16px rgba(0,0,0,0.3); } .author_strip .author { float: left; width: 50%; } .author_strip .author .photo { display: inline-block; width: 66px; height: 66px; background-color: #CCC; border-radius: 0 22px 22px 0; vertical-align: top; overflow: hidden; } .author_strip .author .name { display: inline-block; line-height: 20px; padding: 23px 12px; vertical-align: top; } .author_strip .author .name .role {} .author_strip .meta { float: right; width: 50%; text-align: right; padding: 16px 0; } .author_strip .meta ul { font-size: 0; line-height: 0; } .author_strip .meta ul li { display: inline-block; font-size: 16px; line-height: 34px; font-weight: 600; padding: 0 20px; border-right: 1px solid #54786A; } .author_strip .meta ul li:last-child { border-right: none; } @media screen and (min-width: 0px) and (max-width: 900px) { .author_strip .meta ul li { font-size: 14px; padding: 0 14px; } } @media screen and (min-width: 0px) and (max-width: 700px) { .author_strip .author { width: 100%; } .author_strip .meta { width: 100%; text-align: left; padding: 12px 0; border-top: 2px solid #54786A; } .author_strip .meta ul li { line-height: 22px; } } @media screen and (min-width: 0px) and (max-width: 480px) { .author_strip .author .name { padding: 13px 12px; } .author_strip .author .name .role { display: block; } } */ /*------------*/ /*--- Buttons Only ---*/ .buttons_only { } .buttons_only .text_left .btn { margin-left: 0; margin-right: 8px; } .buttons_only .text_right .btn { margin-left: 8px; margin-right: 0; } /*------------*/ /*--- CTA Block ---*/ .cta_block { text-align: center; overflow: hidden; } .cta_block .buttons { margin: 20px 0 0 0; } .cta_block p { line-height: 1.7em; } .cta_block .item { margin: 0 auto; } .cta_block .desc.small p { font-size: 1em; } .cta_block .desc.medium p { font-size: 1.125em; } .cta_block .desc.large p { font-size: 1.25em; } @media screen and (min-width: 0px) and (max-width: 600px) { .cta_block .desc.medium p { font-size: 1em; } .cta_block .desc.large p { font-size: 1.25em; } } @media screen and (min-width: 0px) and (max-width: 428px) { .cta_block .buttons .btn { display: block; } } /*- Boxed -*/ .cta_block .item.boxed { border-radius: 5px; box-shadow: 0 3px 6px rgba(0,0,0,0.2); } .cta_block .item.boxed .inner_wrap { padding: 30px; } @media screen and (min-width: 0px) and (max-width: 480px) { .cta_block .item.boxed .inner_wrap { padding: 20px; } } /*- Has Photo -*/ .cta_block .item.has_photo { text-align: left; } .cta_block .item.has_photo .photo { position: absolute; top: 0; right: 0; bottom: 0; width: 34%; background: #F9FAFC; background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 0 5px 5px 0; overflow: hidden; } .cta_block .item.has_photo .photo .photo_wrap { display: none; } @media screen and (min-width: 961px) { .cta_block .item.has_photo .inner_wrap { padding-right: 37%; } } @media screen and (min-width: 811px) and (max-width: 960px) { .cta_block .item.has_photo .photo { width: 44%; } .cta_block .item.has_photo .inner_wrap { padding-right: 47%; } } @media screen and (min-width: 0px) and (max-width: 810px) { .cta_block .item { max-width: 540px; } .cta_block .item.has_photo .photo { position: relative; width: 100%; border-radius: 5px 5px 0 0; } .cta_block .item.has_photo .photo .photo_wrap { display: block; } } /*------------*/ /*--- Divide Line ---*/ .divide_line { text-align: center; margin: -6px 0; z-index: 7; } .divide_line .line_left { position: absolute; top: 40%; left: 0; right: calc(50% + 22px); height: 1px; background-color: rgba(51,51,51,0.2); z-index: -1; } .divide_line .line_right { position: absolute; top: 40%; right: 0; left: calc(50% + 22px); height: 1px; background-color: rgba(51,51,51,0.2); z-index: -1; } .divide_line .dot { width: 12px; height: 12px; background-color: #C08A62; margin: 0 auto; border-radius: 3px; vertical-align: top; } /* If Text White */ .text_white .divide_line .line_left, .text_white .divide_line .line_right { background-color: rgba(255,255,255,0.4); } .text_white .divide_line .dots .dot { background-color: rgba(255,255,255,0.15); } .text_white .divide_line .dots .dot.centre_dot { background-color: #54786A; } /*------------*/ /*--- Instagram Feed ---*/ .instagram_feed { } #sb_instagram { width: inherit !important; margin: -20px; } #sb_instagram .sbi_photo_wrap { border-radius: 5px; overflow: hidden; } #sb_instagram #sbi_load .sbi_load_btn { font-size: 18px !important; line-height: 24px; font-weight: 500; padding: 10px 20px !important; border-radius: 5px !important; } @media (max-width: 640px) { #sb_instagram.sbi_width_resp { width: inherit !important; } } /*------------*/ /*--- Mailing List Strip ---*/ .mailing_list { text-align: center; z-index: 6; } .mailing_list .bkgd { border-top: 4px solid #C08A62; } .mailing_list .wrap { max-width: 1100px; padding: 30px; border-radius: 5px; } .mailing_list .the_form { text-align: left; overflow: hidden; } .mailing_list .the_form label { /* display: none; */ line-height: 20px; font-weight: 500; } .mailing_list .the_form label .req { display: none; } .mailing_list .the_form input { border: none; } .mailing_list .the_form .input_block { float: left; width: 26.3%; margin: 0 1% 0 0; } .mailing_list .the_form .submit_block { float: left; width: 18.1%; padding: 26px 0 0 0; margin: 0; } .mailing_list .the_form .submit_block input[type="submit"] { color: #333; background-color: #FFF; } .mailing_list .the_form .submit_block input[type="submit"]:hover, .mailing_list .the_form .submit_block input[type="submit"]:focus { color: #FFF; background-color: #333; } .mailing_list p.privacy { margin: 14px 0 0 0; } @media screen and (min-width: 0px) and (max-width: 1200px) { .mailing_list .wrap { max-width: inherit; border-radius: 0; } } @media screen and (min-width: 661px) and (max-width: 767px) { .mailing_list .the_form .input_block { width: 24.1%; } .mailing_list .the_form .submit_block { width: 24.1%; } } @media screen and (min-width: 0px) and (max-width: 660px) { .mailing_list .the_form .input_block { width: 100%; margin: 0 0 14px 0; } .mailing_list .the_form .submit_block { width: 100%; padding-top: 14px; } } /*------------*/ /*--- Photo Block ---*/ .photo_block { } .photo_block .photo { border-radius: 5px; overflow: hidden; } /*------------*/ /*--- Photo Grid ---*/ .photo_grid { } .photo_grid .item { float: left; } .photo_grid .photo { border-radius: 5px; overflow: hidden; } /*- Two Across -*/ .photo_grid .two_across { overflow: hidden; } .photo_grid .two_across .item { width: 48.5%; margin-top: 20px; margin-right: 3%; } .photo_grid .two_across .item:nth-child(2n) { margin-right: 0; } .photo_grid .two_across .item:nth-child(1), .photo_grid .two_across .item:nth-child(2) { margin-top: 0; } @media screen and (min-width: 0px) and (max-width: 480px) { .photo_grid .two_across .item { width: 100%; margin-top: 20px !important; margin-right: 0; } .photo_grid .two_across .item:nth-child(1) { margin-top: 0 !important; } } /*- Three Across -*/ .photo_grid .three_across .item { width: 31.33%; margin: 3% 3% 0 0; } .photo_grid .three_across .item:nth-child(3n) { margin-right: 0; } .photo_grid .three_across .item:nth-child(1), .photo_grid .three_across .item:nth-child(2), .photo_grid .three_across .item:nth-child(3) { margin-top: 0; } @media screen and (min-width: 481px) and (max-width: 900px) { .photo_grid .three_across .item { width: 47.5%; margin: 5% 5% 0 0; } .photo_grid .three_across .item:nth-child(3n) { margin-right: 5%; } .photo_grid .three_across .item:nth-child(2n) { margin-right: 0; } .photo_grid .three_across .item:nth-child(3) { margin-top: 5%; } } @media screen and (min-width: 0px) and (max-width: 480px) { .photo_grid .three_across .item { width: 100%; margin: 20px 0 0 0 !important; } .photo_grid .three_across .item:nth-child(1) { margin-top: 0 !important; } } /*------------*/ /*--- Places List ---*/ .places_list { } .places_list .section_intro.edge_to_edge { max-width: 1160px; padding-right: 20px; padding-left: 20px; } .places_list .section_intro.wide_width, .places_list .wrap.wide_width { max-width: 920px; } .places_list .section_intro.medium_width, .places_list .wrap.medium_width { max-width: 820px; } /*- Search -*/ .places_list .search_places { display: none; position: relative; width: 100%; } .places_list .show_search .search_places { display: block; } .places_list .search_places input#search_places { height: 48px; font-size: 18px; line-height: 48px; padding: 0 20px 0 50px; background-color: #FFF; border: 2px solid rgba(51,51,51,0.2); border-radius: 5px; } .places_list .search_places input#search_places:active, .places_list .search_places input#search_places:focus { border-color: #C08A62; } .places_list .search_places .search_icon { position: absolute; top: 50%; left: 20px; width: 20px; height: 20px; margin-top: -10px; } .places_list .search_places .search_icon svg { fill: #54786A; } .places_list .search_places #count { position: absolute; top: 50%; right: 10px; font-size: 16px; line-height: 16px; padding: 8px 18px; margin: -16px 0 0 0; background-color: rgba(51,51,51,0.2); border-radius: 5px; } /*- Filtering -*/ .places_list .places_filtering { display: none; text-align: center; margin: 0 0 -5px 0; } .places_list .show_filtering .places_filtering { display: block; } .places_list .show_search .places_filtering { margin-top: 15px; } .places_list .places_filtering button { display: inline-block; font-size: 14px; line-height: 30px; font-weight: 500; color: #FFF; padding: 0 10px; margin: 5px; background-color: #C08A62; border: none; border-radius: 4px; cursor: pointer; } @media (hover: hover) { .places_list .places_filtering button:hover { background-color: #333; } } .places_list .places_filtering button:active { background-color: #333; } .places_list .places_filtering button.active { background-color: #54786A; } /*- Area Group -*/ .places_list .place_area_group { float: left; width: 100%; } /*- Area Titles -*/ .places_list .place_area_title { margin: 50px 0 0 0; } .places_list .place_area_title h3 { margin: 0; } .places_list.no_place_area_titles .place_area_title { display: none; } /*- Item -*/ .places_list .item { position: relative; margin: 30px 0 0 0; border-radius: 5px; box-shadow: 0 3px 6px rgba(0,0,0,0.1); } .places_list .item .anchor { top: -30px; /* width: 10px; height: 10px; background-color: #DDD; */ } /*.places_list .item .photo { float: left; width: 30%; margin: 0 20px 20px 0; }*/ .places_list .item .inner_wrap { padding: 30px; } .places_list .item h4 { margin-bottom: 4px; } .places_list .item p { font-size: 16px; line-height: 1.5em; margin: 0 0 10px 0; } .places_list .item .address { font-weight: 600; } .places_list .item .desc { padding: 14px 0 0 0; margin: 18px 0 0 0; border-top: 1px solid #C08A62; } .places_list .item .place_link { display: inline-block; border-bottom: 1px solid #C08A62; } .places_list .item .tag { display: inline-block; font-size: 12px; line-height: 16px; padding: 4px 6px; margin: 10px 8px 0 0; background-color: #FFF; border-radius: 2px; } .places_list .item .edit_link { position: absolute; top: 10px; right: 10px; padding: 0 8px; opacity: 0.3; } .places_list .item .edit_link:hover { opacity: 1; } .places_list .item.has_link:hover { box-shadow: 0 3px 6px rgba(0,0,0,0.2); } .places_list .item a:hover { color: #333; } .places_list .item a:hover .place_link, .places_list .item a:active .place_link, .places_list .item a:focus .place_link { color: #54786A; border-bottom-color: #54786A !important; } .places_list .item a:hover .photo img, .places_list .item a:active .photo img, .places_list .item a:focus .photo img { transform: scale(1.03); } @media screen and (min-width: 0px) and (max-width: 480px) { .places_list .item .inner_wrap { padding: 20px; } } /* Has Photo */ .places_list .item.has_photo { } .places_list .item.has_photo .photo { float: right; width: 40%; margin: 0 0 15px 15px; border-radius: 0px 5px 0px 5px; overflow: hidden; } .places_list .item.has_photo .photo img { width: 100%; } @media screen and (min-width: 900px) { .places_list .item.has_photo .photo { position: absolute; top: 0; right: 0; bottom: 0; width: 34%; margin: 0; background: #FFF; border-radius: 0 5px 5px 0; overflow: hidden; } .places_list .item.has_photo .photo .photo_wrap, .places_list .item.has_photo .photo p { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .places_list .item.has_photo .photo .photo_wrap img { width: 100%; height: 100%; object-fit: cover; } .places_list .item.has_photo .inner_wrap { padding-right: 37%; } } @media screen and (min-width: 601px) and (max-width: 767px) { .places_list .item.has_photo .photo { width: 50%; } } /* @media screen and (min-width: 961px) { .places_list .item.has_photo .inner_wrap { padding-right: 37%; } } @media screen and (min-width: 601px) and (max-width: 960px) { .places_list .item.has_photo .photo { width: 44%; } .places_list .item.has_photo .inner_wrap { padding-right: 47%; } } */ @media screen and (min-width: 0px) and (max-width: 600px) { .places_list .item { } .places_list .item.has_photo .photo { position: relative; width: 100%; border-radius: 5px 5px 0 0; } .places_list .item.has_photo .photo .photo_wrap, .places_list .item.has_photo .photo p { position: relative; } } /* One Across */ /* Two Across */ .places_list .two_across .item { float: left; width: calc(50% - 15px); margin: 30px 30px 0 0; } .places_list .two_across .item:nth-child(2n of .item) { margin-right: 0; } @media screen and (min-width: 0px) and (max-width: 900px) { .places_list .two_across .item { width: calc(50% - 10px); margin: 20px 20px 0 0; } } @media screen and (min-width: 0px) and (max-width: 660px) { .places_list .two_across .item { float: none; width: 100%; margin: 20px auto 0 auto !important; } } /* Three Across */ .places_list .three_across .item { float: left; width: calc(33.33% - 20px); margin: 30px 30px 0 0; } .places_list .three_across .item:nth-child(3n of .item) { margin-right: 0; } @media screen and (min-width: 0px) and (max-width: 900px) { .places_list .three_across .item { width: calc(50% - 10px); margin: 20px 20px 0 0; } .places_list .three_across .item:nth-child(3n of .item) { margin-right: 20px; } .places_list .three_across .item:nth-child(2n of .item) { margin-right: 0; } } @media screen and (min-width: 0px) and (max-width: 660px) { .places_list .three_across .item { float: none; width: 100%; margin: 20px auto 0 auto !important; } } /*- Map -*/ .places_list .the_map { height: 600px; background-color: #ECECEC; } .places_list .the_map .gm-ui-hover-effect > span { background-color: #FFF !important; } .places_list .the_map .gm-style .gm-style-iw { max-width: 300px; font-weight: 400; text-align: center; padding: 0 !important; background: #FAFAFA; } .places_list .the_map .gm-style .gm-style-iw-tc::after { background: #FAFAFA; } .places_list .the_map .gm-style .gm-style-iw p { font-size: 13px; line-height: 1.3em; padding: 20px; } .places_list .the_map .gm-style .gm-style-iw p a { color: #333; font-weight: 600; border-bottom: 1px solid #C08A62; } .places_list .the_map .gm-style .gm-style-iw p a:hover { color: #54786A; border-bottom-color: #54786A; } .places_list .the_map .gm-style .gm-style-iw .title { display: block; color: #FFF; padding: 10px 20px; background-color: #C08A62; } .places_list .the_map .gm-style .gm-style-iw .title h4 { color: #FFF; margin: 0; } .places_list .the_map .gm-style .gm-style-iw .address { padding: 10px 0; margin: 0 10px; border-bottom: 1px solid #C08A62; } .places_list .the_map .gm-style .gm-style-iw .address p { font-weight: 600; padding: 0; } .places_list .the_map .gm-style .gm-style-iw .desc { padding: 5px 0; margin: 0 10px; } .places_list .the_map .gm-style .gm-style-iw .photo { max-width: 100%; } .places_list .the_map .gm-style .gm-style-iw .photo p { padding: 0; } .places_list .the_map .gm-style .gm-style-iw .photo img { width: 100%; } @media screen and (min-width: 0px) and (max-width: 600px) { .places_list .the_map .gm-style .gm-style-iw p { padding: 10px; } .places_list .the_map .gm-style .gm-style-iw .title { padding: 10px; } /* .places_list .the_map .gm-style .gm-style-iw .address { margin: 0 10px; } .places_list .the_map .gm-style .gm-style-iw .desc { margin: 0 10px; } */ } /*------------*/ /*--- Pull Quote ---*/ .pull_quote { } .pull_quote .side_line { position: absolute; top: 0; bottom: 0; left: 0; width: 4px; background-color: #C08A62; border-radius: 2px; } .pull_quote .quote_text { position: relative; padding: 10px 24px; background-color: #F9F4F1; border-radius: 2px; } .pull_quote .quote_text p { font-size: 20px; font-style: italic; margin-bottom: 12px; } .pull_quote .attribution h6 { font-size: 1em; font-weight: 500; color: #C08A62; margin-bottom: 6px; } @media screen and (min-width: 0px) and (max-width: 428px) { .pull_quote .quote_text { font-size: 18px; } } /*------------*/ /*--- Pull Statement ---*/ .pull_statement { } .pull_statement .side_line { position: absolute; top: 0; bottom: 0; left: 0; width: 4px; background-color: #C08A62; border-radius: 2px; } .pull_statement .statement_text { position: relative; padding: 10px 24px; background-color: #F9F4F1; border-radius: 2px; } .pull_statement .statement_text p { font-size: 20px; font-style: italic; margin-bottom: 12px; } .pull_statement .attribution h6 { font-size: 1em; font-weight: 500; color: #C08A62; margin-bottom: 6px; } @media screen and (min-width: 0px) and (max-width: 428px) { .pull_statement .statement_text { font-size: 18px; } } /*------------*/ /*--- Text and Photo ---*/ .text_and_photo { } .text_and_photo .text { width: 44%; display: table; } .text_and_photo .text .text_wrap { display: table-cell; vertical-align: middle; } .text_and_photo .text .title { padding: 0 0 6px 0; } .text_and_photo .text .title.large_title h3 { font-size: 2.625em; } .text_and_photo .text .title.medium_title h3 { font-size: 1.875em; } .text_and_photo .text .title.small_title h3 { font-size: 1.5em; } .text_and_photo .text .buttons { margin: 20px 0 0 0; } .text_and_photo .text .buttons .btn:first-child { margin-left: 0; } .text_and_photo .text .buttons .btn:last-child { margin-right: 0; } .text_and_photo .photo { position: relative; display: table; width: 50%; } .text_and_photo .photo p { margin: 0; } .text_and_photo .photo img { width: 100%; border-radius: 5px; } .text_and_photo .photo .photo_wrap { display: table-cell; vertical-align: middle; } .text_and_photo .photo .inner_wrap { position: relative; } .text_and_photo .photo .credit { position: absolute; right: 0; bottom: 0; font-size: 0.7em; padding: 6px; background-color: rgba(255,255,255,0.8); border-radius: 5px 0 5px 0; } @media screen and (min-width: 0px) and (max-width: 810px) { .text_and_photo .text { width: 100%; } .text_and_photo .photo { width: 100%; padding-top: 30px; } .text_and_photo .photo .photo_wrap { position: relative; } } @media screen and (min-width: 0px) and (max-width: 520px) { .text_and_photo .text .title.large_title h3 { font-size: 2.2em; } .text_and_photo .text .title.medium_title h3 { font-size: 1.5em; } .text_and_photo .text .title.small_title h3 { font-size: 1.25em; } } /* 50/50 Split - Default */ .text_and_photo.half_width { } /* 1/3 Photo 2/3 Text */ .text_and_photo.third_width .text { width: 61%; } .text_and_photo.third_width .photo { width: 33%; } @media screen and (min-width: 0px) and (max-width: 810px) { .text_and_photo.third_width .text { width: 100%; } .text_and_photo.third_width .photo { width: 100%; } } /* Photo Left */ .text_and_photo.photo_left { } .text_and_photo.photo_left .text { float: right; } .text_and_photo.photo_left .photo { float: left; } /* Photo Right */ .text_and_photo.photo_right { } .text_and_photo.photo_right .text { float: left; } .text_and_photo.photo_right .photo { float: right; } /* Extended Photo */ .text_and_photo.extended_photo { } .text_and_photo.extended_photo .wrap { overflow: visible; } .text_and_photo.extended_photo .text { width: 44%; } .text_and_photo.extended_photo .text .text_wrap { padding: 20px 0; } .text_and_photo.extended_photo .photo { display: none; } .text_and_photo.extended_photo .photo img { border-radius: 0; } .text_and_photo.extended_photo .bkgd_photo { z-index: 1; } .text_and_photo.extended_photo.photo_left .bkgd_photo { right: 50%; } .text_and_photo.extended_photo.photo_right .bkgd_photo { left: 50%; } @media screen and (min-width: 0px) and (max-width: 900px) { .text_and_photo.extended_photo { padding-bottom: 0 !important; } .text_and_photo.extended_photo .bkgd_photo { display: none; } .text_and_photo.extended_photo .photo { display: block; } .text_and_photo.extended_photo .photo .photo_wrap { display: block; } .text_and_photo.extended_photo .text { width: 100%; } .text_and_photo.extended_photo .photo { width: calc(100% + 60px); padding-top: 40px; margin: 0 -30px 0 -30px; } } /*------------*/ /*--- Text Block ---*/ .text_block { } /*------------*/ /*--- Text Blocks Expandable ---*/ .text_blocks_expandable { } .text_blocks_expandable h4 { font-size: 20px; font-weight: 500; margin: 0; } .text_blocks_expandable .toggle { margin: 0 0 16px 0; } .text_blocks_expandable .toggle:last-child { margin-bottom: 0; } .text_blocks_expandable .toggle:hover { border-color: rgba(102,102,102,0.45); } .text_blocks_expandable .toggle-title { position: relative; color: #333; padding: 16px 52px 16px 20px; background-color: #F9FAFC; border-radius: 5px; cursor: pointer; } .text_blocks_expandable .toggle-title .ui-icon { display: none; } .text_blocks_expandable .toggle-title .icon { position: absolute; top: 50%; right: 16px; width: 20px; height: 12px; margin: -4px 0 0 0; } .text_blocks_expandable .toggle-title .icon svg { width: 100%; height: auto; fill: #C08A62; vertical-align: top; } .text_blocks_expandable .toggle-title:hover .icon svg, .text_blocks_expandable .toggle-title:active .icon svg, .text_blocks_expandable .toggle-title:focus .icon svg { fill: #333; } .text_blocks_expandable .toggle-title.ui-state-active { color: #FFF; background-color: #54786A; } .text_blocks_expandable .toggle-title.ui-state-active.has_icon .title_icon svg { fill: #FFF; } .text_blocks_expandable .toggle-title.ui-state-active .icon { margin: -8px 0 0 0; transform: rotate(-180deg); } .text_blocks_expandable .toggle-title.ui-state-active .icon svg { fill: #FFF; } .text_blocks_expandable .toggle-inner { height: 0; padding: 0; } .text_blocks_expandable .toggle-inner.loaded { height: inherit; padding: 16px 20px; } @media screen and (min-width: 0px) and (max-width: 428px) { .text_blocks_expandable h4 { font-size: 18px; } } /*------------*/ /*--- Topics Grid ---*/ .topics_grid { } .topics_grid .item { position: relative; float: left; color: #FFF; background-color: #54786A; border-radius: 5px; box-shadow: 0 3px 10px 0 rgba(0,0,0,0.15); overflow: hidden; } .topics_grid .item .photo { position: absolute; width: 124px; height: 76px; font-size: 0.7em; overflow: hidden; } .topics_grid .item .desc { display: table; height: 100%; min-height: 76px; margin: 0 20px 0 144px; } .topics_grid .item .desc .inner_wrap { display: table-cell; vertical-align: middle; } .topics_grid .item .desc h4 { font-size: 20px; line-height: 22px; font-weight: 500; margin: 0; } .topics_grid .item a { display: block; color: #FFF; background-color: #54786A; } .topics_grid .item a:hover, .topics_grid .item a:active, .topics_grid .item a:focus { background-color: #C08A62; } .topics_grid .item a:hover .photo img, .topics_grid .item a:active .photo img, .topics_grid .item a:focus .photo img { transform: scale(1.03); } @media screen and (min-width: 0px) and (max-width: 428px) { .topics_grid .item .desc h4 { font-size: 18px; } } /*- Three Across -*/ .topics_grid .three_across .item { width: 32%; margin-right: 2%; margin-top: 2%; } .topics_grid .three_across .item:nth-child(3n) { margin-right: 0; } .topics_grid .three_across .item:nth-child(1), .topics_grid .three_across .item:nth-child(2), .topics_grid .three_across .item:nth-child(3) { margin-top: 0; } @media screen and (min-width: 0px) and (max-width: 960px) { .topics_grid .three_across .item { width: 48.5%; margin-right: 3%; margin-top: 3%; } .topics_grid .three_across .item:nth-child(3n) { margin-right: 3%; } .topics_grid .three_across .item:nth-child(2n) { margin-right: 0; } .topics_grid .three_across .item:nth-child(3) { margin-top: 3%; } } @media screen and (min-width: 0px) and (max-width: 600px) { .topics_grid .three_across { max-width: 600px; } .topics_grid .three_across .item { width: 100%; margin: 20px 0 0 0 !important; } .topics_grid .three_across .item:nth-child(1) { margin-top: 0 !important; } } /*------------*/ /*--- Video Block ---*/ .video_block { } .video_block .embedcontainer { border-radius: 5px; overflow: hidden; } /*------------*/ /*--- Videos Grid ---*/ .videos_grid { } .videos_grid .item { float: left; } /*- One Across -*/ .videos_grid .one_across .item { width: 100%; margin-top: 20px; } .videos_grid .one_across .item:nth-child(1) { margin-top: 0; } /*- Two Across -*/ .videos_grid .two_across { overflow: hidden; } .videos_grid .two_across .item { width: 48.5%; margin-top: 20px; margin-right: 3%; } .videos_grid .two_across .item:nth-child(2n) { margin-right: 0; } .videos_grid .two_across .item:nth-child(1), .videos_grid .two_across .item:nth-child(2) { margin-top: 0; } @media screen and (min-width: 0px) and (max-width: 600px) { .videos_grid .two_across .item { width: 100%; margin-top: 20px !important; margin-right: 0; } .videos_grid .two_across .item:nth-child(1) { margin-top: 0 !important; } } /*- Three Across -*/ .videos_grid .three_across .item { width: 31.33%; margin: 3% 3% 0 0; } .videos_grid .three_across .item:nth-child(3n) { margin-right: 0; } .videos_grid .three_across .item:nth-child(1), .videos_grid .three_across .item:nth-child(2), .videos_grid .three_across .item:nth-child(3) { margin-top: 0; } @media screen and (min-width: 601px) and (max-width: 900px) { .videos_grid .three_across .item { width: 47.5%; margin: 5% 5% 0 0; } .videos_grid .three_across .item:nth-child(3n) { margin-right: 5%; } .videos_grid .three_across .item:nth-child(2n) { margin-right: 0; } .videos_grid .three_across .item:nth-child(3) { margin-top: 5%; } } @media screen and (min-width: 0px) and (max-width: 600px) { .videos_grid .three_across .item { width: 100%; margin: 20px 0 0 0 !important; } .videos_grid .three_across .item:nth-child(1) { margin-top: 0 !important; } } /*------------------------------------------------------------------*/ /* 4. Owl Carousel /*------------------------------------------------------------------*/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000} /*- Customise Owl Carousel -*/ .owl-dots { text-align: center; margin: 0 auto; } .owl-dots .owl-dot { display: inline-block; } .owl-dots .owl-dot span { display: block; width: 12px; height: 12px; margin: 5px; background: #004288; border-radius: 50%; } .owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span { background: #54786A; opacity: 1; } .owl-nav { pointer-events: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; -webkit-tap-highlight-color: transparent; } .owl-nav [class*="owl-"] { border-radius: 0; } .owl-nav .owl-prev { pointer-events: auto; float: left; text-indent: -9999px; width: 40px; height: 100%; padding: 0; margin: 0; background-color: transparent; background-repeat: no-repeat !important; background-position: center center !important; overflow: hidden; } .owl-nav .owl-next { pointer-events: auto; float: right; text-indent: -9999px; width: 40px; height: 100%; padding: 0; margin: 0; background-color: transparent; background-repeat: no-repeat !important; background-position: center center !important; transform: rotate(-180deg); overflow: hidden; } .owl-nav .owl-prev:hover { opacity: 0.9; } .owl-nav .owl-next:hover { opacity: 0.9; } /*- Quotes -*/ .owl_quotes .owl-stage-outer { overflow: visible; } .owl_quotes .owl-dots { margin: 20px 0 -20px 0; } /*------------------------------------------------------------------*/ /* 5. AOS /*------------------------------------------------------------------*/ /* AOS v2.1.1 - https://github.com/michalsnik/aos/tree/v2 */ [data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}