/* Theme Name: holiday_barn Description: holiday_barn 2019 Author: Helium Studio Author URI: http://heliumstudio.com/ */ /* =================================================== */ /* ==================== Style CSS ==================== */ /* =================================================== */ /* Glossary - Reset - Form reset - Forms - General Layout - Navigation - Front Page - News - Single - Issues - Footer - Responsive queries - Fonts */ /* ==================== HTML5 Boilerplate ==================== */ 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,img,ins,kbd,q,s,samp,small,strike,strong,sub,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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}body{line-height:1}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent} .sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important} /* ========================================== Gravity Reset ========================================== */ .gform_wrapper { width: 100%; } .gform_wrapper .ginput_complex.ginput_container.has_first_name.has_middle_name.no_last_name span, .gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span, .gform_wrapper .ginput_complex.ginput_container.no_first_name.has_middle_name.has_last_name span { width: 48.5% !important; } .gfield_required { display: none!important;} .gform_wrapper .field_sublabel_above .ginput_complex label, .gform_wrapper .field_sublabel_above .gfield_time_hour label, .gform_wrapper .field_sublabel_above .gfield_time_minute label, .gform_wrapper .field_sublabel_above .gfield_time_ampm label, .gform_wrapper .field_sublabel_above .gfield_date_month label, .gform_wrapper .field_sublabel_above .gfield_date_day label, .gform_wrapper .field_sublabel_above .gfield_date_year label, .gform_wrapper .field_sublabel_above .instruction { display: none; } .gform_wrapper .ginput_complex label, .gform_wrapper .gfield_time_hour label, .gform_wrapper .gfield_time_minute label, .gform_wrapper .gfield_time_ampm label, .gform_wrapper .gfield_date_month label, .gform_wrapper .gfield_date_day label, .gform_wrapper .gfield_date_year label, .gform_wrapper .instruction { display: none!important; } .gform_wrapper .top_label .gfield_label { font-size: 12px; color: #777777; } body .gform_wrapper .top_label div.ginput_container { position: relative; } .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { padding: 0 15px!important; line-height: 26px; line-height: 1.2rem; outline: none; } .gform_wrapper textarea { padding: 15px!important; outline: none; border: none; } .gform_wrapper ul.gform_fields li.gfield span.name_first, .gform_wrapper ul.gform_fields li.gfield span.name_middle, .gform_wrapper ul.gform_fields li.gfield span.name_last { padding: 0!important; } .gform_wrapper .ginput_complex .ginput_full input[type=text], .gform_wrapper .ginput_complex .ginput_full input[type=url], .gform_wrapper .ginput_complex .ginput_full input[type=email], .gform_wrapper .ginput_complex .ginput_full input[type=tel], .gform_wrapper .ginput_complex .ginput_full input[type=number], .gform_wrapper .ginput_complex .ginput_full input[type=password] { width: 100%!important; } .gform_wrapper .field_sublabel_above .ginput_complex label, .gform_wrapper .field_sublabel_above .gfield_time_hour label, .gform_wrapper .field_sublabel_above .gfield_time_minute label, .gform_wrapper .field_sublabel_above .gfield_time_ampm label, .gform_wrapper .field_sublabel_above .gfield_date_month label, .gform_wrapper .field_sublabel_above .gfield_date_day label, .gform_wrapper .field_sublabel_above .gfield_date_year label, .gform_wrapper .field_sublabel_above .instruction { margin: 0!important; } .gform_wrapper li.field_sublabel_above .ginput_complex input[type=text] { margin-bottom: 15px!important;} .gform_wrapper .top_label .gfield_description { display: none;} /* ------------------------------------------ Name Styles ------------------------------------------ */ .gform_wrapper div.ginput_container_name span { margin-right: 0px; } .gform_wrapper .top_label div.ginput_complex.ginput_container.gf_name_has_1, .gform_wrapper .top_label div.ginput_complex.ginput_container.gf_name_has_2, .gform_wrapper .top_label div.ginput_complex.ginput_container.gf_name_has_3 { width: 100%; } .gform_wrapper .ginput_complex.ginput_container.has_first_name span.name_first, .gform_wrapper .ginput_complex.ginput_container.has_first_name span.name_first { margin-right: 2.5%!important; } /* ------------------------------------------ Checkbox + Radio Styles ------------------------------------------ */ .gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li { position: relative!important; float: left!important; width: auto!important; margin: 0px 35px 30px 0!important } .gform_wrapper .gfield_checkbox li input, .gform_wrapper .gfield_checkbox li input[type=checkbox], .gform_wrapper .gfield_radio li input[type=radio] { margin-top: 0!important; position: absolute; top: 0px; left: 0px; } .gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label { margin: 0 0 0 24px!important; max-width: 100%!important; } .gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked+label, .gform_wrapper ul.gfield_radio li input[type=radio]:checked+label { font-weight: normal!important; } /* ------------------------------------------ Select Field Styles ------------------------------------------ */ .gform_wrapper ul.gform_fields li.gfield div.ginput_complex span.ginput_left select, .gform_wrapper ul.gform_fields li.gfield div.ginput_complex span.ginput_right select, .gform_wrapper ul.gform_fields li.gfield select, .gform_wrapper .ginput_complex.ginput_container_address .ginput_right select { height: 49px; -webkit-appearance: none; margin: 0!important; border-radius: 0; color: #777777; width: 100% !important; padding: 0 0 0 15px; border: none; background: transparent; outline: none; z-index: 20; position: relative; } .gform_wrapper ul.gform_fields li.gfield .ginput_container.ginput_container_select, .gform_wrapper .ginput_complex.ginput_container_address .ginput_right { position: relative; background-color: #ffffff; } .gform_wrapper ul.gform_fields li.gfield .ginput_container.ginput_container_select::after, .gform_wrapper .ginput_complex.ginput_container_address .ginput_right.address_state::after, .gform_wrapper .ginput_complex.ginput_container_address .ginput_right.address_country::after { content: ""; position: absolute; z-index: 10; right: 20px; top: 28px; width: 0; height: 0; border-style: solid; border-width: 6px 6px 0 6px; border-color: #cccccc transparent transparent transparent; pointer-events: none; } /* ------------------------------------------ Address Styles ------------------------------------------ */ .gform_wrapper .ginput_complex.ginput_container_address .ginput_right { margin-right: 0!important; padding-right: 0!important; } .gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right { width: 49.5%!important; margin: 0!important; padding: 0!important; } .gform_wrapper .ginput_complex .ginput_left {margin-right: 1%!important} .gform_wrapper .ginput_complex.ginput_container input {border: none!important;} .gform_wrapper .ginput_complex.ginput_container span { display: inline-block; width: 100%; margin-bottom: 10px!important; } .gform_wrapper .ginput_complex .ginput_left input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]), .gform_wrapper .ginput_complex .ginput_right input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]), .gform_wrapper .ginput_complex .ginput_right select, .gform_wrapper .ginput_complex input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]), .gform_wrapper .ginput_complex select { line-height: 49px; line-height: 4.9rem; } body .gform_wrapper .ginput_complex.ginput_container_address span.ginput_right+span.ginput_left {padding-right: 0!important} /* ------------------------------------------ Submit Button Styles ------------------------------------------ */ .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] { border: none; background-color: #8C488B; color: #ffffff; padding: 15px 30px!important; margin-right: 0!important; font-size: 16px!important; font-size: 1.6rem!important; outline: none; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.25); box-shadow: 0 2px 5px rgba(0,0,0,.25); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type=submit]:hover, .gform_wrapper .gform_page_footer input.button:hover, .gform_wrapper .gform_page_footer input[type=submit]:hover { -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.5); box-shadow: 0 2px 5px rgba(0,0,0,.5); } /* ------------------------------------------ Error Styles ------------------------------------------ */ .gform_wrapper div.validation_error { display: none!important;} .gform_wrapper li.gfield_error div.ginput_complex.ginput_container label, .gform_wrapper li.gfield_error ul.gfield_checkbox, .gform_wrapper li.gfield_error ul.gfield_radio { color: #d70000 !important; } .gform_wrapper .gfield_description.validation_message, .gform_wrapper .top_label .gfield_description.validation_message { height: auto !important; } .gform_wrapper .gfield_error .gfield_label { color: #c32222 !important;} body .gform_wrapper li.gfield.gfield_error, body .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { background-color: transparent !important; margin-bottom: 0!important; padding: 0; border-top: none !important; border-bottom: none !important; } .gform_wrapper .gfield_description.validation_message, .gform_wrapper .top_label .gfield_description.validation_message { padding: 0 !important; } .gform_wrapper .gfield_description+.gform_wrapper .gfield_description.validation_message, .gform_wrapper .ginput_container+.gfield_description.validation_message { margin: 0 !important; } .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { padding-bottom: 0 !important; padding-top: 0 !important; } body .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) { max-width: 100%!important; } .gform_wrapper ul.gform_fields li.gfield {padding-right: 0!important} body .gform_wrapper .top_label .gfield_error {width: 100%!important;} .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label { margin-top: 8px!important; } .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea { -webkit-box-shadow: 0px 2px 0px #d70000; box-shadow: 0px 2px 0px #d70000; border-bottom: none!important; } .gform_wrapper .gfield_error input[type=email], .gform_wrapper .gfield_error input[type=number], .gform_wrapper .gfield_error input[type=password], .gform_wrapper .gfield_error input[type=tel], .gform_wrapper .gfield_error input[type=text], .gform_wrapper .gfield_error input[type=url], .gform_wrapper .gfield_error select, .gform_wrapper .gfield_error textarea, .gform_wrapper li.gfield_error.field_sublabel_above .ginput_complex input[type=text] { margin-bottom: 0px!important; } /*Toggle on to Remove Labels*/ /*.gform_wrapper .top_label .gfield_label { display: none!important;}*/ @media only screen and (max-width: 541px) { .gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right { width: 100%!important;} .gform_wrapper .ginput_complex .ginput_left { margin-right: 0!important; width: 100% !important; } } @media only screen and (max-width: 568px) { .gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li { float: none!important; width: 100%!important; margin: 0 0 10px 0!important; } } /* don't show spinner */ body img.gform_ajax_spinner { display: none !important; } /* Holiday Barn form styling */ /* Layout */ #wpadminbar { display: none !important; } html.chrome { margin-top: 0px !important; } body { color: #111111; font-family: 'Lato', sans-serif, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 16px; line-height: 26px; top: 0px; } h1, h2, h3, h4, h5, h6 { font-weight: 300; } h1 { font-size: 44px; line-height: 60px; margin-bottom: 30px; } h2 { font-size: 32px; line-height: 40px; margin-bottom: 8px; } h3 { font-size: 26px; line-height: 36px; } img { display: block; position: relative; width: 100%; height: auto; } #hb { display: inline; width: auto; } p { margin-bottom: 8px; } p a { color: rgba(0, 104, 168, 1); text-decoration: none; } p em { font-style: italic; } p strong, b { font-weight: 700; } div { -webkit-box-sizing: border-box; box-sizing: border-box; } div > p:last-of-type { margin-bottom: 0px; } sup {vertical-align: 3px;} .row { display: block; position: relative; width: 100%; } .row.narrow { max-width: 1162px; margin: 0 auto; } .row.full { } #wrapper { display: block; position: relative; width: 100%; height: auto; overflow-x: hidden; z-index: 1; } .col-2, .col-3, .col-4, .col-5, .col-6 { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; width: 100%; height: auto; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; } .col-2 > div, .col-2 > li, .col-3 > div, .col-3 > li, .col-4 > div, .col-4 > li, .col-5 > div, .col-5 > li, .col-6 > div, .col-6 > li { display: block; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin: 15px; } .col-2 > div, .col-2 > li { -ms-flex-preferred-size: calc(50% - 16px); flex-basis: calc(50% - 16px); max-width: calc(50% - 16px); } .col-2 > div:nth-of-type(2n+1), .col-2 > li:nth-of-type(2n+1) { margin-left: 0px; } .col-2 > div:nth-of-type(2n+2), .col-2 > li:nth-of-type(2n+2) { margin-right: 0px; } .col-3 > div, .col-3 > li { -ms-flex-preferred-size: calc((100% / 3) - 31px); flex-basis: calc((100% / 3) - 31px); max-width: calc((100% / 3) - 31px); } .col-3 > div:nth-of-type(3n+1), .col-3 > li:nth-of-type(3n+1) { margin-left: 0px; } .col-3 > div:nth-of-type(3n+3), .col-3 > li:nth-of-type(3n+3) { margin-right: 0px; } .col-4 > div, .col-4 > li { -ms-flex-preferred-size: calc(25% - 31px); flex-basis: calc(25% - 31px); max-width: calc(25% - 31px); } .col-4 > div:nth-of-type(4n+1), .col-4 > li:nth-of-type(4n+1) { margin-left: 0px; } .col-4 > div:nth-of-type(4n+4), .col-4 > li:nth-of-type(4n+4) { margin-right: 0px; } .col-5 > div, .col-5 > li { -ms-flex-preferred-size: calc(20% - 31px); flex-basis: calc(20% - 31px); max-width: calc(20% - 31px); } .col-5 > div:nth-of-type(5n+1), .col-5 > li:nth-of-type(5n+1) { margin-left: 0px; } .col-5 > div:nth-of-type(5n+5), .col-5 > li:nth-of-type(5n+5) { margin-right: 0px; } .col-6 > div, .col-6 > li { -ms-flex-preferred-size: calc((100% / 6) - 31px); flex-basis: calc((100% / 6) - 31px); max-width: calc((100% / 6) - 31px); } .col-6 > div:nth-of-type(6n+1), .col-6 > li:nth-of-type(6n+1) { margin-left: 0px; } .col-6 > div:nth-of-type(6n+6), .col-6 > li:nth-of-type(6n+6) { margin-right: 0px; } .col-2 .col-2, .col-2 .col-3, .col-2 .col-4, .col-2 .col-5, .col-2 .col-6, .col-3 .col-2, .col-3 .col-3, .col-3 .col-4, .col-3 .col-5, .col-3 .col-6, .col-4 .col-2, .col-4 .col-3, .col-4 .col-4, .col-4 .col-5, .col-4 .col-6, .col-5 .col-2, .col-5 .col-3, .col-5 .col-4, .col-5 .col-5, .col-5 .col-6, .col-6 .col-2, .col-6 .col-3, .col-6 .col-4, .col-6 .col-5, .col-6 .col-6 { display: -webkit-box; display: -ms-flexbox; display: flex; } .col-2-text { -webkit-columns: 2 280px; -moz-columns: 2 280px; columns: 2 280px; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } .icon { display: inline-block; position: relative; width: 36px; height: 36px; margin: 0px 15px 15px 0px; } .block-intro h2 { font-size: 40px; line-height: 40px; text-transform: uppercase; margin-bottom: 30px; } .block-intro p { font-size: 24px; line-height: 30px; } @-webkit-keyframes slideUp { 0% { -webkit-transform: translateY(40px); transform: translateY(40px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes slideUp { 0% { -webkit-transform: translateY(40px); transform: translateY(40px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } .page-feature { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; width: 100%; height: auto; min-height: 700px; overflow: hidden; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 0; -webkit-animation: slideUp 1s ease-in-out .5s forwards 1; animation: slideUp 1s ease-in-out .5s forwards 1; } .page-template-page-form .page-feature { display: none; } .page-feature .banner-video { display: block; position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%, 0px); -ms-transform: translate(-50%, 0px); transform: translate(-50%, 0px); z-index: 1; width: auto; min-width: 100%; height: auto; min-height: 100%; } .page-feature .header-title-wrap { display: block; position: relative; max-width: 75%; z-index: 2; text-align: center; color: #fff; opacity: 0; -webkit-animation: slideUp .75s ease-in-out .75s forwards 1; animation: slideUp .75s ease-in-out .75s forwards 1; } .page-feature .header-title-wrap h1 { display: inline-block; position: relative; width: auto; height: auto; padding: 10px; color: #fff; font-size: 100px; line-height: 100px; font-weight: 400; text-shadow: 0px 0px 10px rgba(0,0,0,0.5); overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; /* This is the dangerous one in WebKit, as it breaks things wherever */ word-break: break-all; /* Instead use this non-standard one: */ word-break: break-word; /* Adds a hyphen where the word breaks, if supported (No Blink) */ -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } .home .page-feature .header-title-wrap h1 { margin-bottom: 0px; } .page-feature .header-title-wrap h2 { padding: 0px 30px; font-size: 28px; line-height: 35px; font-weight: 300; text-shadow: 0px 0px 10px rgba(0,0,0,0.5); } .page-feature .header-title-wrap h2 a { color: #fff; } .page-feature .overlay { display: block; position: absolute; width: 100%; height: 100%; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,.3); } #content .row.narrow { margin: 0px auto; max-width: 1280px; padding: 30px 0px; } .button { display: inline-block; position: relative; margin: 30px auto; width: auto; height: auto; padding: 15px 20px; border-radius: 6px; background: rgba(87, 193, 216, 1); border: 1px solid #ffffff; color: #fff; font-weight: 300; font-size: 18px; line-height: 24px; text-align: center; text-decoration: none; text-transform: uppercase; -webkit-transition: color .25s ease-in-out, background .25s ease-in-out; -o-transition: color .25s ease-in-out, background .25s ease-in-out; transition: color .25s ease-in-out, background .25s ease-in-out; } .button:hover { background: #fff; color: rgba(87, 193, 216, 1); border: 1px solid #57C1D8; } a.button.solid { border: 1px solid #fff; color: #2E526B; background: #fff; -webkit-transition: color .25s ease-in-out, background .25s ease-in-out; -o-transition: color .25s ease-in-out, background .25s ease-in-out; transition: color .25s ease-in-out, background .25s ease-in-out; } a.button.solid:hover { background: #2E526B; color: #fff; } .button.outline { border: 1px solid #2E526B; color: #2E526B; background: rgba(255, 255, 255, 0); -webkit-transition: color .25s ease-in-out, background .25s ease-in-out; -o-transition: color .25s ease-in-out, background .25s ease-in-out; transition: color .25s ease-in-out, background .25s ease-in-out; } .button.outline.light { border: 1px solid #fff; color: #fff; } .button.outline.light:hover { background: #fff; color: #0068A8; } .read-more { display: inline-block; position: relative; margin-top: 15px; color: #297bc8; font-size: 12px; font-weight: 700; text-transform: uppercase; -webkit-transition: color .25s ease-in-out; -o-transition: color .25s ease-in-out; transition: color .25s ease-in-out; } .read-more:hover { color: #323232; text-decoration: none; } a.no-text { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 2; } a.email { font-weight: 700; } a.email, a.phone, a.fax { display: inline-block; position: relative; margin-right: 10px; padding-left: 20px; color: #fff; text-decoration: none; -webkit-transition: color .25s ease-in-out; -o-transition: color .25s ease-in-out; transition: color .25s ease-in-out; } a.email:before, a.phone:before, a.fax:before { content: ''; display: block; position: absolute; width: 15px; height: 15px; top: 2px; left: 0; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: bottom right; -ms-transform-origin: bottom right; transform-origin: bottom right; -webkit-transition: -webkit-transform .25s ease-in-out; transition: -webkit-transform .25s ease-in-out; -o-transition: transform .25s ease-in-out; transition: transform .25s ease-in-out; transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out; } a.email:before { content: url('images/icon_mail.svg'); } a.phone:before { content: url('images/icon_phone.svg'); } a.fax:before { content: url('images/icon_fax.svg'); } a.email:hover, a.phone:hover, a.fax:hover { color: rgba(0, 104, 168, 1); } a.email:hover:before, a.phone:hover:before, a.fax:hover:before { -webkit-transform: rotate(10deg); -ms-transform: rotate(10deg); transform: rotate(10deg); } .social-link { display: block; position: relative; width: 30px; height: 30px; } .social-link.fb { content: url('images/icon-social-fb.svg'); } .social-link.li { content: url('images/icon-social-li.svg'); } .social-link.tw { content: url('images/icon-social-tw.svg'); } section > h2 { color: #2E526B; width: 100%; text-align: center; margin-bottom: 30px; text-transform: uppercase; letter-spacing: 4px; } .animsition-overlay-slide { z-index: 9000; background: #fff; } /* overlays */ .fancybox-overlay { background: rgba(0, 104, 168, .9); } .fancybox-opened .fancybox-skin { margin-left: auto; margin-right: auto; padding: 60px !important; background: #fff; -webkit-box-shadow: none; box-shadow: none; border-radius: 0px; border-top: 10px solid #57C1D8; } .fancybox-opened.fancybox-type-iframe .fancybox-skin { background: none; border: none; } .fancybox-opened .fancybox-skin .fancybox-inner { max-width: 900px; } .fancybox-overlay .fancybox-close { background: url('images/icon_modal-close.svg'); top: 0px; right: -60px; } .fancybox-overlay .fancybox-type-iframe .fancybox-close { top: 60px; } .fancybox-inner > div { padding: 0px 20px; } .fancybox-inner strong { font-weight: 700; } .fancybox-inner em { font-style: italic; } .fancybox-inner ul, .fancybox-inner ol { margin-left: 20px; } .fancybox-inner ul { list-style: disc; } .fancybox-inner ol { list-style: lower-latin; } /* Navigation */ @-webkit-keyframes slideDown { 0% { -webkit-transform: translateY(-40px); transform: translateY(-40px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes slideDown { 0% { -webkit-transform: translateY(-40px); transform: translateY(-40px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } header { display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; position: fixed; top: 0; z-index: 100; width: 100%; max-width: 100%; opacity: 0; background: rgb(0,0,0); background: -o-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0)), to(rgba(0,0,0,1))); background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); -webkit-transition: background .5s ease-in-out; -o-transition: background .5s ease-in-out; transition: background .5s ease-in-out; -webkit-animation: slideDown .75s ease-in-out 1.5s forwards 1; animation: slideDown .75s ease-in-out 1.5s forwards 1; } .blog header, .single-post header, .single-event header, .search-results header { background: none; } #container-header { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; z-index: 10; width: 100%; height: 127px; -webkit-transition: height .5s ease-in-out; -o-transition: height .5s ease-in-out; transition: height .5s ease-in-out; } header .alert { display: flex; position: relative; width: 100%; height: auto; flex-wrap: wrap; color: #fff; } header .alert a { display: block; position: relative; flex-basis: 50%; min-width: 50%; flex-grow: 1; height: auto; margin: 0px; padding: 9px 30px 5px 30px; color: #fff; font-weight: 400; text-decoration: none; text-align: center; } header .alert a p { font-size: 14px; line-height: 14px; text-align: center; } header .alert a b { font-weight: 700; text-transform: uppercase; } header .alert a:nth-of-type(odd) { background: rgba(132, 191, 65, 1); text-align: right; } header .alert a:nth-of-type(even) { background: #90539B; text-align: left; } header .logo, header .logo a, header .logo img { display: block; position: relative; width: auto; height: auto; } header .logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 15px 10px 15px 40px; height: 100%; } header .logo a, header .logo img { width: auto; height: 100%; } header #main, header .menu-main-menu-container { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; flex: 1; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } header .menu { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; flex: 1; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-line-pack: center; align-content: center; padding: 45px 20px 0px 30px; } nav li, nav a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; position: relative; color: #fff; font-weight: 700; text-decoration: none; text-transform: uppercase; font-size: 16px; line-height: 18px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .menu-item { padding: 20px 0px; } nav a { margin: 0px 15px; padding: 5px 0px; -webkit-transition: color .25s ease-in-out; -o-transition: color .25s ease-in-out; transition: color .25s ease-in-out; } nav a:hover { color: rgba(255, 255, 255, .8); } #menu-main-menu > li { -webkit-animation-name: slideInBottom; animation-name: slideInBottom; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; } nav > div > ul > li > a:hover { color: #57C1D8; } /* submenu styling */ .menu-item-has-children > a { padding-right: 30px; } .menu-item-has-children > a:before { content: ''; background: url('images/icon_menu-arrow-down.svg') no-repeat center center; background-size: cover; display: block; position: absolute; top: 5px; right: 0; width: 20px; height: 20px; -webkit-transition: top .25s ease-in-out; -o-transition: top .25s ease-in-out; transition: top .25s ease-in-out; } .menu-item-has-children > a:hover:before { top: 10px; } .sub-menu { display: block; position: absolute; width: auto; min-width: 240px; height: auto; top: 82px; padding: 10px 15px; visibility: hidden; background: #57C1D8; -webkit-box-shadow: 0px 0px 11px 0px rgba(0,0,0, .25); box-shadow: 0px 0px 11px 0px #000000; border-radius: 2px; pointer-events: none; opacity: 0; -webkit-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; } .scrolled .sub-menu { top: 82px; } .sub-menu > li:first-of-type { /* display: none; */ } .menu-item-has-children:hover .sub-menu { visibility: visible; pointer-events: all; opacity: 1; } /* .menu-item-has-children:hover .sub-menu:before { visibility: visible; } */ .sub-menu .menu-item { width: 100%; padding: 0px; } .sub-menu a { width: 100%; margin: 0px; padding: 10px 15px; color: #fff; background: rgba(0,0,0, 0); -webkit-transition: background .25s ease-in-out; -o-transition: background .25s ease-in-out; transition: background .25s ease-in-out; } .sub-menu a:hover { background: rgba(0,0,0, .1); } .menu-item.current-menu-item > a { color: #57C1D8; } .sub-menu .menu-item.current-menu-item > a { color: #fff; background: rgba(0,0,0, .1); } a.button.reservations { font-size: 15px; line-height: 15px; font-weight: 700; padding: 20px 20px 20px 45px; background: #8C488B; border-radius: 6px; -ms-flex-item-align: start; align-self: flex-start; margin-right: 40px; margin-top: 58px; min-width: inherit; -webkit-transition: padding .25s ease-in-out; -o-transition: padding .25s ease-in-out; transition: padding .25s ease-in-out; } .blog a.button.reservations, .single-post a.button.reservations, .single-event a.button.reservations, .search-results a.button.reservations { background: rgba(87, 193, 216, 1); } a.button.reservations:before { content: url('images/icon-calendar.svg'); display: block; position: absolute; width: 20px; height: 20px; left: 15px; top: 15px; -webkit-transition: top .25s ease-in-out; -o-transition: top .25s ease-in-out; transition: top .25s ease-in-out; } a.button.reservations:hover { color: #fff; background: #662364; cursor: pointer; } #main-nav-trigger { display: none; } /* scrolled styling */ header.scrolled, .page-template-page-form header { background: rgba(0, 104, 168, 1); } .scrolled .sub-menu { padding-top: 10px; -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1); } .scrolled .menu-item-has-children .sub-menu:before { top: 1px; } .scrolled a.button.reservations { padding: 15px 20px 15px 50px; margin: 59px 40px 23px auto; background: rgba(87, 193, 216, 1); } .scrolled a.button.reservations:before { top: 11px; } #nav-phone { display: block; position: absolute; top: 0px; right: 40px; padding: 10px 20px; background: rgba(0,0,0,.25); border-radius: 0 0 5px 5px; } #nav-phone a.phone { color: #57C1D8; font-weight: 400; text-transform: uppercase; font-size: 14px; line-height: 14px; margin: 0px; padding: 0px 10px; } #nav-phone a.phone:before { display: none; } /* blocks */ /* front page */ .button-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 60px; } .home .page-feature .header-title-wrap h2 { font-size: 34px; line-height: 40px; font-weight: 400; } /* the content */ section#post-content { font-size: 16px; line-height: 24px; } .single section#post-content { max-width: 800px; margin: 0 auto; } .page-template-page-form section#post-content { padding-top: 175px; } section#post-content h1, section#post-content h2, section#post-content h3, section#post-content h4, section#post-content h5, section#post-content h6 { display: block; margin: 15px 0px; text-transform: uppercase; } section#post-content h1, section#post-content h2 { font-size: 24px; line-height: 30px; } section#post-content h3, section#post-content h4 { font-size: 20px; line-height: 24px; } section#post-content h1, section#post-content h3, section#post-content h5 { font-weight: 700; } section#post-content h2:first-of-type { text-align: center; color: #84BF41; font-size: 40px; line-height: 40px; margin-bottom: 30px; margin-top: 0px; } .single-post section#post-content h2:first-of-type { margin: 15px 0px; color: #222222; font-size: 24px; line-height: 30px; text-align: left; } section#post-content p { text-align: center; } .single-post section#post-content, .single-post section#post-content p { text-align: left; } section#post-content p strong { font-weight: 400; } section#post-content p em { font-style: italic; } section#post-content ul, section#post-content ol { margin-left: 30px; } section#post-content ul { list-style: disc; } section#post-content ol { list-style: decimal; } section#post-content img { margin: 30px auto 30px 0px; width: auto; } section#post-content quote { padding-left: 30px; border-left: 2px solid rgba(0,0,0, .15); } section#post-content .aligncenter { margin: auto; } section#post-content .alignright { float: right; padding-left: 10px; } section#post-content .alignleft { float: left; padding-right: 10px } /* Alternating row */ .alt-row { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; margin: 0px 0px 90px 0px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: start; align-content: flex-start; } .home .alternating.row.full { padding-top: 60px; } .alt-row .img-wrap { display: block; width: 60%; height: auto; position: relative; -ms-flex-item-align: start; align-self: flex-start; -webkit-box-sizing: border-box; box-sizing: border-box; opacity: 0; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: opacity 1s ease-in-out, -webkit-transform 1s ease-in-out; transition: opacity 1s ease-in-out, -webkit-transform 1s ease-in-out; -o-transition: opacity 1s ease-in-out, transform 1s ease-in-out; transition: opacity 1s ease-in-out, transform 1s ease-in-out; transition: opacity 1s ease-in-out, transform 1s ease-in-out, -webkit-transform 1s ease-in-out; } .alt-row.visible .img-wrap { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .alt-row .img-wrap:before { content: ''; display: block; position: relative; float: left; height: 0px; padding-bottom: 60%; } .alt-row .img-wrap:after { content: ""; display: table; clear: both; } .alt-row .text-wrap { -ms-flex-preferred-size: calc(40% - ((100% - 1280px) / 2) ); flex-basis: calc(40% - ((100% - 1280px) / 2) ); margin-right: calc((100% - 1280px) / 2); padding: 60px; color: #fff; opacity: 0; -webkit-transform: translate(-100%, 40px); -ms-transform: translate(-100%, 40px); transform: translate(-100%, 40px); -webkit-transition: opacity 1s ease-in-out, -webkit-transform 1s ease-in-out; transition: opacity 1s ease-in-out, -webkit-transform 1s ease-in-out; -o-transition: opacity 1s ease-in-out, transform 1s ease-in-out; transition: opacity 1s ease-in-out, transform 1s ease-in-out; transition: opacity 1s ease-in-out, transform 1s ease-in-out, -webkit-transform 1s ease-in-out; } .alt-row.visible .text-wrap { opacity: 1; -webkit-transform: translate(-40px, 40px); -ms-transform: translate(-40px, 40px); transform: translate(-40px, 40px); } .alt-row .text-wrap h3 { margin-bottom: 30px; font-size: 38px; line-height: 38px; text-transform: uppercase; font-weight: 700; } .alt-row #events.text-wrap h3 { /* font-size: 20px; text-transform: uppercase; */ margin-bottom: 30px; } .alt-row .text-wrap p a { color: #fff; font-weight: 700; text-decoration: none; } .alt-row .text-wrap ul, .alt-row .text-wrap ol { margin-left: 20px; } .alt-row .text-wrap ul { list-style: disc; } .alt-row .text-wrap ol { list-style: upper-latin; } .alt-row #events.text-wrap .event { display: block; position: relative; margin-bottom: 15px; } .alt-row #events.text-wrap .event p { font-size: 15px; margin-bottom: 3px; } .alt-row #events.text-wrap .event p.event-title { font-size: 20px; font-weight: 700; transition: color .25s ease-in-out; } .alt-row #events.text-wrap .event:hover p.event-title { color: rgba(0, 104, 168, 1); } .alt-row #events.text-wrap .event .event-link { display: block; position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; } .alt-row .text-wrap .button.outline.tour, .alt-row .text-wrap .button.outline.alt-modal { font-size: 12px; font-weight: 700; padding: 5px 10px 5px 30px; margin: 30px 10px 0px 0px; } .alt-row .text-wrap .button.outline.alt-modal { padding-left: 10px; } .alt-row .text-wrap .button.outline.tour:before { content: url('images/icon_tour-button-icon-w.svg'); display: block; position: absolute; width: 20px; height: 20px; top: 7px; left: 7px; } .alt-row .text-wrap .button.outline.tour:hover:before { content: url('images/icon_tour-button-icon-blue.svg'); } .row.alternating > div:nth-of-type(even) .img-wrap { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -webkit-transform: translate(100%); -ms-transform: translate(100%); transform: translate(100%); } .row.alternating > div:nth-of-type(even).visible .img-wrap { -webkit-transform: translate(0px); -ms-transform: translate(0px); transform: translate(0px); } .row.alternating > div:nth-of-type(even) .text-wrap { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-right: 0px; margin-left: calc((100% - 1280px) / 2); -webkit-transform: translate(100%, 40px); -ms-transform: translate(100%, 40px); transform: translate(100%, 40px); } .row.alternating > div:nth-of-type(even).visible .text-wrap { -webkit-transform: translate(40px, 40px); -ms-transform: translate(40px, 40px); transform: translate(40px, 40px); } .row.alternating > div:nth-of-type(4n+1) .text-wrap { background: rgba(0, 104, 168, .9); } .row.alternating > div:nth-of-type(4n+2) .text-wrap { background: rgba(132, 191, 65, .9); } .row.alternating > div:nth-of-type(4n+3) .text-wrap { background: rgba(87, 193, 216, .9); } .row.alternating > div:nth-of-type(4n+4) .text-wrap { background: rgba(219, 62, 56, .9); } /* alt-modal */ .alt-modal h2 { color: #8C488B; font-weight: 400; } .alt-modal .content { margin-top: 30px; -webkit-columns: 2 300px; -moz-columns: 2 300px; columns: 2 300px; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } /* modal form styling */ .reserve-modal { display: block; position: fixed; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; overflow-y: auto; opacity: 0; pointer-events: none; color: #fff; background: rgba(87, 193, 216, 1); -webkit-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; } .reserve-modal.open { opacity: 1; pointer-events: all; } #reserve-modal-close { display: block; position: absolute; top: 30px; right: 30px; width: 30px; height: 30px; padding: 0px; z-index: 101; } #reserve-modal-close img { width: 100%; height: 100%; } .reserve-modal > div { display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; padding: 120px 0px; } .row.narrow.reserve-modal-wrap { display: grid; grid-template-columns: 1fr; } #modal-locations { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 50px; } @media only screen and (max-width: 960px) { #modal-locations { grid-template-columns: 1fr; grid-gap: 10px; } } #reserve-form > h3, .reserve-modal #locations-contact > h3 { font-size: 50px; line-height: 60px; margin-bottom: 30px; } #reserve-form { margin-top: 0px; } #reserve-form ul.gform_fields, #auction-basket-form ul.gform_fields { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; } #reserve-form .top_label .gfield_label, #auction-basket-form .top_label .gfield_label { display: none; } #reserve-form .gsection, #auction-basket-form .gsection, .gform_wrapper .gform_body .gsection { border: none; padding-bottom: 0px; margin: 30px 0px 10px 0px; } section#post-content .gform_wrapper .gform_body .gsection h2 { font-size: 24px; line-height: 30px; padding: 30px !important; } #reserve-form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), #auction-basket-form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), #reserve-form textarea.large, #auction-basket-form textarea.large, #post-content textarea.large, #reserve-form ul.gform_fields li.gfield div.ginput_complex span.ginput_left select, #auction-basket-form ul.gform_fields li.gfield div.ginput_complex span.ginput_left select, #reserve-form ul.gform_fields li.gfield div.ginput_complex span.ginput_right select, #auction-basket-form ul.gform_fields li.gfield div.ginput_complex span.ginput_right select, #reserve-form ul.gform_fields li.gfield select, #auction-basket-form ul.gform_fields li.gfield select, #reserve-form .ginput_complex.ginput_container_address .address_state input, #auction-basket-form .ginput_complex.ginput_container_address .address_state input { -ms-flex-preferred-size: 100%; flex-basis: 100%; height: 60px; background: rgba(8,70,109, .32); border: none !important; color: #fff; font-size: 16px; line-height: 20px; } #reserve-form ul.gform_fields li.gfield select:focus { background: rgba(8,70,109, 1); } /* Change Autocomplete styles in Chrome*/ #content input:-webkit-autofill, #content input:-webkit-autofill:hover, #content input:-webkit-autofill:focus, #content textarea:-webkit-autofill, #content textarea:-webkit-autofill:hover, #content textarea:-webkit-autofill:focus, #content select:-webkit-autofill, #content select:-webkit-autofill:hover, #content select:-webkit-autofill:focus, #content input:-internal-autofill-selected, #content input:-internal-autofill-selected:hover, #content input:-internal-autofill-selected:focus, #content input:-internal-autofill-previewed, #content input:-internal-autofill-previewed:hover, #content input:-internal-autofill-previewed:focus { background: rgb(232, 240, 254) !important; border: none; -webkit-text-fill-color: #707070 !important; /* -webkit-box-shadow: 0 0 0px 1000px #000 inset; */ /* transition: background-color 5000s ease-in-out 0s; */ color: -internal-light-dark-color(black, black) !important; } /* reserve & auction form autofills */ #reserve-form input:-webkit-autofill, #reserve-form input:-webkit-autofill:hover, #reserve-form input:-webkit-autofill:focus, #reserve-form textarea:-webkit-autofill, #reserve-form textarea:-webkit-autofill:hover, #reserve-form textarea:-webkit-autofill:focus, #reserve-form select:-webkit-autofill, #reserve-form select:-webkit-autofill:hover, #reserve-form select:-webkit-autofill:focus, #auction-basket-form input:-webkit-autofill, #auction-basket-form input:-webkit-autofill:hover, #auction-basket-form input:-webkit-autofill:focus, #auction-basket-form textarea:-webkit-autofill, #auction-basket-form textarea:-webkit-autofill:hover, #auction-basket-form textarea:-webkit-autofill:focus, #auction-basket-form select:-webkit-autofill, #auction-basket-form select:-webkit-autofill:hover, #auction-basket-form select:-webkit-autofill:focus { background: transparent !important; color: #fff; -webkit-text-fill-color: #fff; box-shadow: 0 0 0 30px #3892ae inset !important; -webkit-box-shadow: 0 0 0 30px #3892ae inset !important; } #post-content textarea.large, #post-content textarea.medium { color: #707070; background: #E9E9E9; } #reserve-form textarea.large, #auction-basket-form textarea.large { height: 180px; } .gform_wrapper ul.gform_fields li.gfield { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-top: 0px; } body #reserve-form .top_label div.ginput_container { margin-top: 15px; } body #reserve-form ul.gform_fields > li:first-of-type div.ginput_container { margin-top: 0px; } #field_1_5, #field_1_11 { -ms-flex-preferred-size: calc(50% - 10px); flex-basis: calc(50% - 10px); } #field_1_5 { margin-right: 20px; } .gform_wrapper ul.gform_fields li.gfield .ginput_container .ginput_container_date, .gform_wrapper .top_label input.large.datepicker, .gform_wrapper .top_label input.medium.datepicker, .gform_wrapper .top_label input.small.datepicker { width: 100% !important; max-width: inherit; } #reserve-form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::-webkit-input-placeholder, #auction-basket-form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::-webkit-input-placeholder, #reserve-form textarea.large::-webkit-input-placeholder, #auction-basket-form textarea.large::-webkit-input-placeholder { color: rgba(255,255,255,.6); } #reserve-form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::-moz-placeholder, #auction-basket-form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file])::-moz-placeholder, #reserve-form textarea.large::-moz-placeholder, #auction-basket-form textarea.large::-moz-placeholder { color: rgba(255,255,255,.6); } #reserve-form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):-ms-input-placeholder, #auction-basket-form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):-ms-input-placeholder, #reserve-form textarea.large:-ms-input-placeholder, #auction-basket-form textarea.large:-ms-input-placeholder { color: rgba(255,255,255,.6); } #reserve-form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):-moz-placeholder, #auction-basket-form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):-moz-placeholder, #reserve-form textarea.large:-moz-placeholder, #auction-basket-form textarea.large:-moz-placeholder { color: rgba(255,255,255,.6); } #post-content .gform_wrapper ul li.field_description_below div.ginput_container_checkbox, #post-content .gform_wrapper ul li.field_description_below div.ginput_container_radio { margin-top: 0px; margin-bottom: 0px; } #post-content div.ginput_container_checkbox li:after, #post-content .gform_wrapper div.ginput_container_radio li:after { content: ""; clear: both; display: table; } #reserve-form .gfield_radio li, #reserve-form .gfield_checkbox li { width: calc(33.333333% - 36px) !important; } /* Hide the original radios and checkboxes */ #reserve-form .gfield_radio li input[type=radio], #reserve-form .gfield_checkbox li input[type=checkbox], #auction-basket-form .gfield_radio li input[type=radio], #auction-basket-form .gfield_checkbox li input[type=checkbox], #post-content .gfield_radio li input[type=radio], #post-content .gfield_checkbox li input[type=checkbox] { /* Hide the input, but have it still be clickable */ opacity: 0; float: left; width: 18px !important; position: absolute; top: 0px; left: 0px; height: 20px; width: 20px; margin: 0px !important; } #reserve-form .gfield_radio li input[type=radio] + label, #reserve-form .gfield_checkbox li input[type=checkbox] + label, #auction-basket-form .gfield_radio li input[type=radio] + label, #auction-basket-form .gfield_checkbox li input[type=checkbox] + label, #post-content .gfield_radio li input[type=radio] + label, #post-content .gfield_checkbox li input[type=checkbox] + label { margin: 0px !important; clear: none; font-size: 16px; line-height: 20px; /* Left padding makes room for image */ padding: 0px 0 0px 30px; /* Make look clickable because they are */ cursor: pointer; background: url('images/icon_circle-outline-blue.svg') left top no-repeat; background-size: 18px; } #post-content .gfield_radio li input[type=radio] + label { background: url('images/icon_circle-outline-grey.svg') left top no-repeat; background-size: 18px; } #reserve-form .gfield_checkbox li input[type=checkbox] + label, #auction-basket-form .gfield_checkbox li input[type=checkbox] + label { background: url('images/icon_box-unchecked.svg') left top no-repeat; background-size: 18px; } #post-content .gfield_checkbox li input[type=checkbox] + label { background: url('images/icon_box-grey-outline.svg') left top no-repeat; background-size: 18px; } /* Change from unchecked to checked graphic */ #reserve-form .gfield_radio li input[type=radio]:checked + label, #auction-basket-form .gfield_radio li input[type=radio]:checked + label { background: url('images/icon_circle-full-w.svg') left top no-repeat; background-size: 18px; } #post-content .gfield_radio li input[type=radio]:checked + label { background: url('images/icon_circle-outline-fill-grey.svg') left top no-repeat; background-size: 18px; } #reserve-form .gfield_checkbox li input[type=checkbox]:checked + label, #auction-basket-form .gfield_checkbox li input[type=checkbox]:checked + label { background: url('images/icon_box-checked.svg') left top no-repeat; background-size: 18px; } #post-content .gfield_checkbox li input[type=checkbox]:checked + label { background: url('images/icon_box-grey-check.svg') left top no-repeat; background-size: 18px; } body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html.disclaimer { display: block; position: absolute; right: 0; bottom: -90px; width: 60%; line-height: 20px; text-align: right; } /* dropdowns */ #reserve-form .gform_wrapper ul.gform_fields li.gfield .ginput_container.ginput_container_select, #auction-basket-form .gform_wrapper ul.gform_fields li.gfield .ginput_container.ginput_container_select, #reserve-form .gform_wrapper .ginput_complex.ginput_container_address .ginput_right, #auction-basket-form .gform_wrapper .ginput_complex.ginput_container_address .ginput_right { background: none !important; } #reserve-form .gform_wrapper ul.gform_fields li.gfield .ginput_container.ginput_container_select option, #auction-basket-form .gform_wrapper ul.gform_fields li.gfield .ginput_container.ginput_container_select option, #reserve-form .gform_wrapper .ginput_complex.ginput_container_address .ginput_right option, #auction-basket-form .gform_wrapper .ginput_complex.ginput_container_address .ginput_right option { color: rgba(255,255,255, .6) !important; } #reserve-form .gform_wrapper ul.gform_fields li.gfield .ginput_container.ginput_container_select::after, #auction-basket-form .gform_wrapper ul.gform_fields li.gfield .ginput_container.ginput_container_select::after, #reserve-form .gform_wrapper .ginput_complex.ginput_container_address .ginput_right.address_state::after, #auction-basket-form .gform_wrapper .ginput_complex.ginput_container_address .ginput_right.address_state::after, #reserve-form .gform_wrapper .ginput_complex.ginput_container_address .ginput_right.address_country::after, #auction-basket-form .gform_wrapper .ginput_complex.ginput_container_address .ginput_right.address_country::after { content: url('images/icon_arrow-dropdown-w.svg') !important; display: block; position: absolute; width: 20px; height: 20px; right: 15px; top: 20px; z-index: 21; border: none !important; } #reserve-form .gform_wrapper ul.gform_fields li.gfield .ginput_container.ginput_container_select option.gf_placeholder, #auction-basket-form .gform_wrapper ul.gform_fields li.gfield .ginput_container.ginput_container_select option.gf_placeholder, #reserve-form .gform_wrapper .ginput_complex.ginput_container_address .ginput_right.address_state option.gf_placeholder, #auction-basket-form .gform_wrapper .ginput_complex.ginput_container_address .ginput_right.address_state option.gf_placeholder, #reserve-form .gform_wrapper .ginput_complex.ginput_container_address .ginput_right.address_country option.gf_placeholder, #auction-basket-form .gform_wrapper .ginput_complex.ginput_container_address .ginput_right.address_country option.gf_placeholder { color: rgba(255,255,255, .6) !important; opacity: .6 !important; } /* input */ .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] { padding: 15px 40px; -webkit-box-shadow: none; box-shadow: none; border-radius: 8px; font-family: 'Lato', sans-serif, Helvetica, Arial, sans-serif; font-size: 20px !important; font-weight: 700; -webkit-transition: color .25s ease-in-out, background .25s ease-in-out; -o-transition: color .25s ease-in-out, background .25s ease-in-out; transition: color .25s ease-in-out, background .25s ease-in-out; margin-right: 20px; } .gform_wrapper .gform_page_footer input.button.gform_previous_button, .gform_wrapper .gform_footer input.button.gform_previous_button { background: #fff; color: #8C488B; } .gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type=submit]:hover, .gform_wrapper .gform_page_footer input.button:hover, .gform_wrapper .gform_page_footer input[type=submit]:hover { cursor: pointer; background: rgba(87, 193, 216, 1); -webkit-box-shadow: none; box-shadow: none; } #reserve-form .gform_wrapper .gform_footer input.button, #reserve-form .gform_wrapper .gform_footer input[type=submit], #auction-basket-form .gform_wrapper .gform_page_footer input.button, #auction-basket-form .gform_wrapper .gform_page_footer input[type=submit] { background: #fff; color: #8C488B; } #reserve-form .gform_wrapper .gform_footer input.button:hover, #reserve-form .gform_wrapper .gform_footer input[type=submit]:hover, #auction-basket-form .gform_wrapper .gform_page_footer input.button:hover, #auction-basket-form .gform_wrapper .gform_page_footer input[type=submit]:hover { cursor: pointer; color: #fff; background: #8C488B; -webkit-box-shadow: none; box-shadow: none; } .reserve-modal #locations-contact { -ms-flex-preferred-size: 100%; flex-basis: 100%; color: #fff; } #modal-locations .location { margin-bottom: 10px; background-color: #79ccdd; padding: 40px; } @media only screen and (max-width: 960px) { .reserve-modal .row.narrow { padding: 20px; } #modal-locations .location { padding: 20px; } } @media only screen and (max-width: 660px) { #modal-locations .phone { font-size: 25px !important; line-height: 26px !important; } #modal-locations a.button.solid { font-size: 16px; line-height: 16px; padding: 10px 15px; margin: 10px 0; } #modal-locations .day { flex-direction: column; text-align: left; align-items: baseline; line-height: 15px; margin-bottom: 10px; } } #modal-locations h6 { margin-bottom: 10px; color: #EAEA87; font-weight: 400; font-size: 24px; line-height: 24px; } #modal-locations .phone { display: block; margin-bottom: 10px; color: #fff; font-size: 33px; line-height: 33px; text-decoration: none; padding-left: 0px; } #modal-locations .phone:before { display: none; } .day { display: -webkit-box; display: -ms-flexbox; display: flex; } #modal-locations .day .day-title, #modal-locations .day .times, #modal-locations .day .close-message { -ms-flex-preferred-size: 50%; flex-basis: 50%; margin-bottom: 5px; } .day .times, .day .close-message { text-align: right; } /* exceptions */ .gform_wrapper .radio-check .gfield_label { display: block !important; position: relative !important; color: #fff; text-transform: uppercase; font-size: 14px; margin-top: 20px; } /* #auction-basket-form .top_label #field_2_2 .gfield_label, #reserve-form .top_label #field_1_12 .gfield_label, #reserve-form .top_label #field_1_13 .gfield_label, #reserve-form .top_label #field_1_8 .gfield_label, .top_label #field_1_14 .gfield_label, .top_label #field_5_94 .gfield_label, .top_label #field_5_95 .gfield_label, .top_label #field_5_96 .gfield_label, .top_label #field_5_97 .gfield_label, .top_label #field_5_99 .gfield_label, .top_label #field_5_101 .gfield_label, .top_label #field_6_16 .gfield_label, .top_label #field_6_17 .gfield_label, .top_label #field_6_24 .gfield_label, .top_label #field_6_42 .gfield_label, .top_label #field_7_47 .gfield_label, .top_label #field_7_11 .gfield_label, .top_label #field_7_14 .gfield_label, .top_label #field_7_17 .gfield_label, .top_label #field_7_20 .gfield_label, .top_label #field_7_23 .gfield_label, .top_label #field_7_26 .gfield_label, .top_label #field_7_30 .gfield_label, .top_label #field_7_31 .gfield_label, .top_label #field_7_32 .gfield_label, .top_label #field_7_33 .gfield_label, .top_label #field_7_34 .gfield_label, .top_label #field_7_35 .gfield_label, .top_label #field_7_36 .gfield_label, .top_label #field_7_37 .gfield_label, .top_label #field_7_38 .gfield_label, .top_label #field_7_39 .gfield_label, .top_label #field_7_40 .gfield_label, .top_label #field_7_41 .gfield_label, .top_label #field_7_42 .gfield_label, .top_label #field_7_43 .gfield_label, .top_label #field_7_44 .gfield_label, .top_label #field_7_45 .gfield_label, .top_label #field_7_46 .gfield_label, .top_label #field_8_8 .gfield_label, .top_label #field_9_8 .gfield_label { display: block !important; position: relative !important; color: #fff; text-transform: uppercase; font-size: 14px; } #auction-basket-form .top_label #field_2_2 .gfield_label, #reserve-form .top_label #field_1_13 .gfield_label, #reserve-form .top_label #field_1_8 .gfield_label, .top_label #field_1_14 .gfield_label, .top_label #field_5_94 .gfield_label, .top_label #field_5_95 .gfield_label, .top_label #field_5_96 .gfield_label, .top_label #field_5_97 .gfield_label, .top_label #field_5_99 .gfield_label, .top_label #field_5_101 .gfield_label, .top_label #field_6_16 .gfield_label, .top_label #field_6_17 .gfield_label, .top_label #field_6_24 .gfield_label, .top_label #field_6_42 .gfield_label, .top_label #field_7_47 .gfield_label, .top_label #field_7_11 .gfield_label, .top_label #field_7_14 .gfield_label, .top_label #field_7_17 .gfield_label, .top_label #field_7_20 .gfield_label, .top_label #field_7_23 .gfield_label, .top_label #field_7_26 .gfield_label, .top_label #field_7_30 .gfield_label, .top_label #field_7_31 .gfield_label, .top_label #field_7_32 .gfield_label, .top_label #field_7_33 .gfield_label, .top_label #field_7_34 .gfield_label, .top_label #field_7_35 .gfield_label, .top_label #field_7_36 .gfield_label, .top_label #field_7_37 .gfield_label, .top_label #field_7_38 .gfield_label, .top_label #field_7_39 .gfield_label, .top_label #field_7_40 .gfield_label, .top_label #field_7_41 .gfield_label, .top_label #field_7_42 .gfield_label, .top_label #field_7_43 .gfield_label, .top_label #field_7_44 .gfield_label, .top_label #field_7_45 .gfield_label, .top_label #field_7_46 .gfield_label, .top_label #field_8_8 .gfield_label, .top_label #field_9_8 .gfield_label { margin-top: 20px; } */ .top_label #field_7_46 .gfield_label, .top_label #field_8_8 .gfield_label, .top_label #field_9_8 .gfield_label { } .gform_wrapper ul.gfield_radio .gchoice_5_99_0 li { width: 100% !important; } /* front page */ .alt-row .text-wrap#events { background: rgba(87, 193, 216, .9); } #ig-feed { opacity: 0; -webkit-transform: translateY( 40px); -ms-transform: translateY( 40px); transform: translateY( 40px); -webkit-transition: opacity 1s ease-in-out, -webkit-transform 1s ease-in-out; transition: opacity 1s ease-in-out, -webkit-transform 1s ease-in-out; -o-transition: opacity 1s ease-in-out, transform 1s ease-in-out; transition: opacity 1s ease-in-out, transform 1s ease-in-out; transition: opacity 1s ease-in-out, transform 1s ease-in-out, -webkit-transform 1s ease-in-out; } #ig-feed.visible { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } #ig-profile { display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; padding: 40px 90px; background: #57C1D8; border: 8px solid #fff; color: #fff; text-decoration: none; font-size: 45px; } #sb_instagram .sb_instagram_header, #sb_instagram #sbi_load { display: none; } /* icon row */ .icon-row.row.full { background: #57C1D8; padding: 30px 0px 45px 0px; } .row-items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .row-items > div, .row-items > li { position: relative; -ms-flex-preferred-size: calc((100% / 6) - 61px ); flex-basis: calc((100% / 6) - 61px ); max-width: calc((100% / 6) - 61px ); margin: 30px; } #services.icon-row.row.full .row.narrow { padding: 0px; } #content .icon-row .block-intro.row.narrow { color: #fff; text-align: center; padding: 60px 60px 0px 60px; } /* #content .icon-row .row.narrow { margin: 0px auto; } */ @-webkit-keyframes slideInBottom { from { -webkit-transform: translate(0, 25%); transform: translate(0, 25%); opacity: 0; } to { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; } } .icon-item { text-align: center; margin-bottom: 30px; color: #fff; -webkit-animation-name: slideInBottom; animation-name: slideInBottom; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; } .icon-item .icon { display: block; width: 60px; height: 60px; margin: 15px auto; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-transform .25s ease-in-out; transition: -webkit-transform .25s ease-in-out; -o-transition: transform .25s ease-in-out; transition: transform .25s ease-in-out; transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out; } .icon-item:hover .icon { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } .icon-item img { width: 100%; height: auto; margin: 0 auto 0 auto; } .icon-item h6, .icon-item p { font-weight: 300; font-size: 16px; line-height: 20px; } .icon-item h6 { text-transform: uppercase; font-weight: 400; } .icon-item p { margin: 15px auto; } .icon-item a { display: block; position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; } /* video row */ section.video { opacity: 0; -webkit-transform: translateY(60px); -ms-transform: translateY(60px); transform: translateY(60px); -webkit-transition: opacity 1s ease-in-out, -webkit-transform 1s ease-in-out; transition: opacity 1s ease-in-out, -webkit-transform 1s ease-in-out; -o-transition: opacity 1s ease-in-out, transform 1s ease-in-out; transition: opacity 1s ease-in-out, transform 1s ease-in-out; transition: opacity 1s ease-in-out, transform 1s ease-in-out, -webkit-transform 1s ease-in-out; } section.video.visible { opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); background: #000; } .videowrapper { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; width: 100%; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: rgba(0,0,0, .35); } .videowrapper > a { display: block; position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; } section.video:before { content: ''; display: block; position: relative; float: left; height: 0px; padding-bottom: 60%; } section.video:after { content: ""; display: table; clear: both; } .videowrapper iframe, .videowrapper video { display: block; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; } .videowrapper h2 { display: block; position: relative; /* margin-top: 120px;*/ padding: 0px 30px; color: #fff; font-size: 50px; line-height: 50px; text-align: center; text-transform: uppercase; } /* .videowrapper h2:before { content: url('images/icon_video-play-w.svg'); display: block; position: absolute; width: 120px; height: 120px; top: -150px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }*/ /* CTA row */ #activities { padding: 0px; background: rgba(216, 216, 216, .25); text-align: center; } #content #activities .block-intro { padding-bottom: 0px; } #activities .block-intro h2, #booking-info .block-intro h2 { color: #84BF41; } #content #activities .cta-row.row.narrow { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 30px 0px; } .cta-item .cta-img { border-radius: 50%; margin-bottom: 10px; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: -webkit-box-shadow .5s ease-in-out, -webkit-transform .25s ease-in-out; transition: -webkit-box-shadow .5s ease-in-out, -webkit-transform .25s ease-in-out; -o-transition: box-shadow .5s ease-in-out, transform .25s ease-in-out; transition: box-shadow .5s ease-in-out, transform .25s ease-in-out; transition: box-shadow .5s ease-in-out, transform .25s ease-in-out, -webkit-box-shadow .5s ease-in-out, -webkit-transform .25s ease-in-out; } .cta-item:hover .cta-img { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.25); box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.25); } .cta-item > a { display: block; position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; } .cta-item .cta-img:before { content: ''; display: block; position: relative; float: left; height: 0px; padding-bottom: 100%; } .cta-item .cta-img:after { content: ""; display: table; clear: both; } .cta-item p { line-height: 20px; font-weight: 700; color: #57C1D8; } #booking-info { padding:60px; text-align: center; } #booking-info .block-intro p { font-size: 16px; line-height: 20px; } #booking-info ul li { margin-bottom: 10px; } #booking-info .row.full .fancybox-modal { padding: 15px 40px; border-radius: 8px; border: #84BF41 2px solid; color: #84BF41; font-weight: 700; text-transform: uppercase; text-decoration: none; -webkit-transition: color .25s ease-in-out, background .25s ease-in-out; -o-transition: color .25s ease-in-out, background .25s ease-in-out; transition: color .25s ease-in-out, background .25s ease-in-out; } #booking-info .row.full .fancybox-modal:hover { color: #fff; background: #84BF41; } /* Section — Callouts */ #callouts { display: -webkit-box; display: -ms-flexbox; display: flex; color: #fff; } #callouts .callout { display: block; position: relative; -ms-flex-preferred-size: 50%; flex-basis: 50%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; min-height: 500px; padding: 120px 60px 150px 60px; } #callouts.col-count-2 .callout, #callouts.col-count-3 .callout { text-align: left; } #callouts > div:nth-of-type(1n) { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } #callouts > div:nth-of-type(2n) { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } #callouts > div:after { content: ''; display: block; position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background: rgba(140, 72, 139, .8); } #callouts > div:nth-of-type(2n):after { background: rgba(132, 191, 65, .8); } #callouts .callout h4, #callouts .callout div, #callouts .callout a.button { display: block; position: relative; z-index: 2; } #callouts.col-count-1 .callout h4, #callouts.col-count-1 .callout div { max-width: 800px; text-align: center; margin-left: auto; margin-right: auto; } #callouts .callout h4 { font-size: 36px; line-height: 45px; margin-bottom: 20px; text-transform: uppercase; } #callouts .callout > div a { color: #fff; text-decoration: underline; } #callouts .callout .button.outline { position: absolute; bottom: 60px; left: 60px; margin: 0px; } #callouts.col-count-1 .callout a.button { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .callout-modal h2, .cta-modal h2 { color: rgb(140, 72, 139); } .callout-modal .content { display: block; position: relative; margin: 30px 0px; -webkit-columns: 2 250px; -moz-columns: 2 250px; columns: 2 250px; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } .callout-modal .content p { -webkit-column-break-inside: avoid; page-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid; } /* slideshow */ /* ========================================== Gallery Slider ========================================== */ .gallery-slider.row.full { padding: 60px 0 80px; background-color: #ffffff; border: none; overflow: hidden!important; } .slides { display: block; position: relative; width: 100%; height: auto; } .slides li { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .alt-row #home-blog-slides.slides li .text-wrap { background: rgba(219, 62, 56, .9) !important; } .gallery-slider .flex-control-nav { display: block; position: absolute; top: 130px; z-index: 5; right: 60%; width: auto; height: auto; bottom: inherit; opacity: 0; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: opacity .5s .5s ease-in-out, -webkit-transform .5s .5s ease-in-out; transition: opacity .5s .5s ease-in-out, -webkit-transform .5s .5s ease-in-out; -o-transition: transform .5s .5s ease-in-out, opacity .5s .5s ease-in-out; transition: transform .5s .5s ease-in-out, opacity .5s .5s ease-in-out; transition: transform .5s .5s ease-in-out, opacity .5s .5s ease-in-out, -webkit-transform .5s .5s ease-in-out; } .gallery-slider.visible .flex-control-nav { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; } .row.alternating > div:nth-of-type(odd) .flex-control-nav { left: calc(60% + 15px); right: auto; } .flex-control-paging li a { background: rgba(255, 255, 255, 0); border: 1px solid #fff; width: 20px; height: 20px; -webkit-transition: background .25s ease-in-out, border .25s ease-in-out; -o-transition: background .25s ease-in-out, border .25s ease-in-out; transition: background .25s ease-in-out, border .25s ease-in-out; -webkit-box-shadow: none; box-shadow: none; } .flex-control-paging li a:hover { background: rgba(255, 255, 255, .5); } .flex-control-paging li a.flex-active { background: rgba(255, 255, 255, 1); border: 1px solid #fff; } /* history block */ .page-id-35 #content .row.narrow.history { padding: 0px; } .page-id-35 #content .row.narrow.history .block-intro { text-align: center; z-index: 2; margin: 0 auto; padding: 60px 0px 60px 0px; background: #fff; } .page-id-35 #content .row.narrow.history .block-intro h2 { color: #57C1D8; } .row.history { padding-top: 0px; } .row.history:after { content: ''; position: absolute; top: 0; left: 50%; width: 0px; height: 100%; border-right: 1px dashed rgba(219, 39, 126, 1); z-index: 1; } .history-item { display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 2; margin-bottom: 60px; } .history-item .img-wrap { -ms-flex-preferred-size: calc(50% - 40px); flex-basis: calc(50% - 40px); margin-right: 40px; z-index: 1; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; -webkit-transition: opacity 1s ease-in-out, -webkit-transform 1s ease-in-out; transition: opacity 1s ease-in-out, -webkit-transform 1s ease-in-out; -o-transition: transform 1s ease-in-out, opacity 1s ease-in-out; transition: transform 1s ease-in-out, opacity 1s ease-in-out; transition: transform 1s ease-in-out, opacity 1s ease-in-out, -webkit-transform 1s ease-in-out; } .history-item.visible .img-wrap { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .history-item .text-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-preferred-size: calc(50% - 40px); flex-basis: calc(50% - 40px); margin-left: 40px; -ms-flex-line-pack: center; align-content: center; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); opacity: 0; -webkit-transition: opacity 1.5s ease-in-out, -webkit-transform 1.5s ease-in-out; transition: opacity 1.5s ease-in-out, -webkit-transform 1.5s ease-in-out; -o-transition: transform 1.5s ease-in-out, opacity 1.5s ease-in-out; transition: transform 1.5s ease-in-out, opacity 1.5s ease-in-out; transition: transform 1.5s ease-in-out, opacity 1.5s ease-in-out, -webkit-transform 1.5s ease-in-out; } .history-item.visible .text-wrap { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .history-item .year { position: absolute; top: 0; left: 50%; z-index: 2; opacity: 0; padding: 10px 30px; background: rgba(219, 39, 126, .9); color: #fff; font-weight: 400; -webkit-transition: opacity 1.25s ease-in-out; -o-transition: opacity 1.25s ease-in-out; transition: opacity 1.25s ease-in-out; } .history-item.visible .year { opacity: 1; } .history-item .text-wrap h3, .history-item .text-wrap > div { -ms-flex-preferred-size: 100%; flex-basis: 100%; } .history-item .text-wrap h3 { color: #0068A8; margin-bottom: 15px; } .history-item .img-wrap:before { content: ''; display: block; position: relative; float: left; height: 0px; padding-bottom: 100%; } .history-item .img-wrap:after { content: ""; display: table; clear: both; } .history > div:nth-of-type(even) .img-wrap { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-right: 0px; margin-left: 40px; } .history > div:nth-of-type(even) .img-wrap { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .history > div:nth-of-type(even).visible .img-wrap { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .history > div:nth-of-type(even) .text-wrap { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-left: 0px; margin-right: 40px; } .history > div:nth-of-type(even) .text-wrap { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .history > div:nth-of-type(even).visible .text-wrap { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .history > div:nth-of-type(even) .year { right: 50%; left: inherit; } .history > div:last-of-type { -ms-flex-wrap: wrap; flex-wrap: wrap; } .history > div:last-of-type .year { left: 50%; right: inherit; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .history > div:last-of-type .img-wrap { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin: 0px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .history > div:last-of-type .img-wrap:before { padding-bottom: 60%; } .history > div:last-of-type .text-wrap { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin: 0px; padding: 30px; background: #fff; text-align: center; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } /* Awards block */ #awards, #posts-grid { padding: 60px 0px; background: rgba(215,215,215, .25); } #content #awards .block-intro.row.narrow { text-align: center; padding: 60px 60px 0px 60px; } #awards .block-intro h2 { color: #8C488B; font-weight: 700; margin-bottom: 0px; } #awards .posts-grid { background: none; } .posts-grid .post { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 20px 20px 40px 20px; background: #fff; border-top: 10px solid #DB277E; color: #111111; -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0); box-shadow: 0px 0px 7px 0px rgba(0,0,0,0); -webkit-transition: -webkit-box-shadow .5s ease-in-out; transition: -webkit-box-shadow .5s ease-in-out; -o-transition: box-shadow .5s ease-in-out; transition: box-shadow .5s ease-in-out; transition: box-shadow .5s ease-in-out, -webkit-box-shadow .5s ease-in-out; } .posts-grid .post:hover { -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.25); box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.25); } .visible .col-3.posts-grid > div { -webkit-animation-name: slideInBottom; animation-name: slideInBottom; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; } .posts-grid .post h6, .posts-grid .post div { -ms-flex-preferred-size: 100%; flex-basis: 100%; } .posts-grid .post h6 { color: #0068A8; font-size: 24px; line-height: 29px; } .posts-grid .post .date { font-weight: 700; text-transform: uppercase; font-size: 12px; line-height: 16px; margin-bottom: 20px; } #awards .posts-grid .post .date { text-align: left; } .posts-grid .post .date, .posts-grid .post .category { display: inline-block; -ms-flex-preferred-size: 50%; flex-basis: 50%; margin-bottom: 15px; line-height: 16px; } .posts-grid .post .date { text-align: right; } .posts-grid .post > a { display: block; position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; } /* blog */ .blog .page-feature, .single-post .page-feature, .single-event .page-feature { background: #8C488B !important; min-height: inherit; z-index: 2; padding-top: 120px; } .blog #content .page-feature .row.narrow, .single-post #content .page-feature .row.narrow, .single-event .page-feature #content .page-feature .row.narrow { margin: 0px auto; /* padding: 180px 0px 0px 0px; */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .blog .page-feature h1, .single-post .page-feature h1, .single-event .page-feature h1, .search-results .page-feature h1, .blog .page-feature h2, .single-post .page-feature h2, .single-event .page-feature h2, .search-results .page-feature h2 { text-shadow: none; } .blog .page-feature .overlay, .single-post .page-feature .overlay, .single-event .page-feature .overlay, .search-results .page-feature .overlay { display: none; } .blog .page-feature .text-wrap, .blog .page-feature .img-wrap, .single-post .page-feature .text-wrap, .single-post .page-feature .img-wrap { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: inherit; margin: 0px; } .blog .page-feature .img-wrap, .single-post .page-feature .img-wrap { z-index: 2; -webkit-transform: translate(-100%, 60px) !important; -ms-transform: translate(-100%, 60px) !important; transform: translate(-100%, 60px) !important; } .blog .page-feature .alt-row.visible .img-wrap, .single-post .page-feature .alt-row.visible .img-wrap { -webkit-transform: translate(0px, 60px) !important; -ms-transform: translate(0px, 60px) !important; transform: translate(0px, 60px) !important; } .nav-links { display: flex; } .nav-previous a, .nav-next a { color: #0068A8; } .nav-previous a:hover, .nav-next a:hover { color: #0068A8; } .blog .img-wrap > a, .single-post > a { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .single-post .a2a_kit { display: block; position: relative; margin-top: 30px; } .addtoany_list a:not(.addtoany_special_service)>span { vertical-align: middle; } .a2a_kit .a2a_button_facebook:after, .a2a_kit .a2a_button_twitter:after, .a2a_kit .a2a_button_linkedin:after { content: ''; display: inline-block; position: relative; vertical-align: middle; margin-left: 5px; margin-right: 10px; color: rgba(255,255,255, .6); font-size: 12px; font-weight: 400; } .a2a_kit .a2a_button_facebook:after { content: 'SHARE'; } .a2a_kit .a2a_button_twitter:after { content: 'TWEET'; } .a2a_kit .a2a_button_linkedin:after { content: 'SHARE'; } .blog .alternating > div:nth-of-type(4n+1) { background: #0068A8; } .blog .alternating > div:nth-of-type(4n+2) { background: #84BF41; } .blog .alternating > div:nth-of-type(4n+3) { background: #57C1D8; } .blog .alternating > div:nth-of-type(4n+4) { background: #8C488B; } #post-list .blog-post .row.narrow { margin: 0px auto; padding: 60px 0px 0px 0px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #post-list > div:nth-of-type(even) .alt-row .img-wrap, #post-list > div:nth-of-type(even) .alt-row .text-wrap { -ms-flex-preferred-size: 50%; flex-basis: 50%; width: 50%; } .blog .row.alternating > div:nth-of-type(4n+4) .text-wrap { background: none; } #post-list > div:nth-of-type(odd) .alt-row .img-wrap { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin: 0; -webkit-transform: translate(-100%, 60px); -ms-transform: translate(-100%, 60px); transform: translate(-100%, 60px); } #post-list > div:nth-of-type(odd) .alt-row .text-wrap { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin: 0; -webkit-transform: translate(100%, 0px); -ms-transform: translate(100%, 0px); transform: translate(100%, 0px); } #post-list > div .alt-row .text-wrap, #post-list > div .alt-row .img-wrap { margin: 0; -ms-flex-preferred-size: 50%; flex-basis: 50%; } #post-list > div .alt-row .text-wrap { -webkit-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); transform: translate(-100%, 0); } #post-list > div:nth-of-type(even) .alt-row .img-wrap { -webkit-transform: translate(100%, 60px); -ms-transform: translate(100%, 60px); transform: translate(100%, 60px); } .blog .page-feature .img-wrap, .single-post .page-feature .img-wrap, #post-list > div .alt-row .img-wrap, #post-list > div:nth-of-type(even) .alt-row.visible .img-wrap { border-radius: 50%; -webkit-transform: translateY(60px); -ms-transform: translateY(60px); transform: translateY(60px); z-index: 2; } .blog-post .alt-row.visible .text-wrap, #post-list > div:nth-of-type(even) .alt-row.visible .text-wrap, #post-list > div:nth-of-type(odd) .alt-row.visible .text-wrap { -webkit-transform: translate(0px); -ms-transform: translate(0px); transform: translate(0px); } .blog-post .alt-row.visible .img-wrap, #post-list > div:nth-of-type(even) .alt-row.visible .img-wrap, #post-list > div:nth-of-type(odd) .alt-row.visible .img-wrap { -webkit-transform: translate(0px, 60px); -ms-transform: translate(0px, 60px); transform: translate(0px, 60px); } .blog-post .alt-row .img-wrap:before { content: ''; display: block; position: relative; float: left; height: 0px; padding-bottom: 100%; } .alt-row .img-wrap:after { content: ""; display: table; clear: both; } .blog-post .alt-row .img-wrap .bg-circle { display: block; position: absolute; width: calc(100% + 120px); height: calc(100% + 120px); z-index: 2; top: -60px; left: -60px; border-radius: 50%; border: 60px solid rgba(255, 255, 255, .05); -webkit-transition: width .25s ease-in-out, height .25s ease-in-out, top .25s ease-in-out, left .25s ease-in-out, border .25s ease-in-out; -o-transition: width .25s ease-in-out, height .25s ease-in-out, top .25s ease-in-out, left .25s ease-in-out, border .25s ease-in-out; transition: width .25s ease-in-out, height .25s ease-in-out, top .25s ease-in-out, left .25s ease-in-out, border .25s ease-in-out; } .blog-post .alt-row .img-wrap a:hover .bg-circle { width: calc(100% + 140px); height: calc(100% + 140px); top: -70px; left: -70px; border: 70px solid rgba(255, 255, 255, .05); } .blog-post .category { display: inline-block; position: absolute; top: 60px; right: 0px; padding: 10px 20px; background: rgba(219,39,126, .9); color: #fff; font-weight: 400; text-transform: uppercase; } .single-post .blog-post .category { position: relative; top: inherit; right: inherit; margin-bottom: 20px; vertical-align: middle; } .single-post .blog-post .date { display: inline-block; vertical-align: middle; margin-left: 20px; margin-bottom: 20px; opacity: .6; } #post-list > div:nth-of-type(odd) .category { right: inherit; left: 0px; } #post-list > div:nth-of-type(4n+1) .category { background: rgba(87, 193, 216, .9); } #post-list > div:nth-of-type(4n+2) .category { background: rgba(140, 72, 139, .9); } .blog-post .text-wrap a { color: #fff; text-decoration: none; } .blog-post .text-wrap h1, .blog-post .text-wrap h2 { font-weight: 100; font-size: 60px; line-height: 64px; } #blog-pagination.row.narrow { margin: 0px auto; padding: 0px 60px; text-align: center; } #blog-pagination.row.narrow a, #blog-pagination.row.narrow span { display: inline-block; position: relative; width: 40px; height: 40px; margin: 0px 2px; padding: 10px 5px; border-radius: 50%; background: rgba(87, 193, 216, .5); text-decoration: none; color: rgba(87, 193, 216, 1); text-align: center; font-size: 20px; line-height: 20px; -webkit-transition: color .25s ease-in-out, background .25s ease-in-out; -o-transition: color .25s ease-in-out, background .25s ease-in-out; transition: color .25s ease-in-out, background .25s ease-in-out; } #blog-pagination.row.narrow a:hover { color: #fff; background: rgba(87, 193, 216, 1); } #blog-pagination.row.narrow a.next { background: rgba(87, 193, 216, 0); color: rgba(87, 193, 216, 1); } #blog-pagination.row.narrow span.current { color: #fff; background: rgba(87, 193, 216, 1); } #content #search-box.row.narrow { width: 80%; max-width: 1160px; margin: 0 auto; padding: 120px 0px 0px 0px; } #search-box form { display: block; position: relative; width: 100%; } #search-box .search-field { width: 100%; z-index: 1; background: #E9E9E9; border: none !important; height: 60px; padding: 15px 60px 15px 15px !important; color: #707070; font-family: 'Lato', sans-serif, Helvetica, Arial, sans-serif; font-weight: 300; font-size: 16px; } #search-box input.search-field:focus { border-bottom: 2px solid rgba(0, 104, 168, 1) !important; outline: none !important; } #search-box input.search-field::-webkit-search-decoration, #search-box input.search-field::-webkit-search-cancel-button, #search-box input.search-field::-webkit-search-results-button, #search-box input.search-field::-webkit-search-results-decoration { -webkit-appearance:none; } #search-box .search-submit { position: absolute; height: 60px; width: 60px; top: 0; right: 0; background-color: rgba(255,255,255,0); background: url('images/icon_search-blue.svg') no-repeat center center; background-size: 30px 30px; border: none; content: ''; color: rgba(255,255,255, 0); } #search-box h1 { color: #ffffff; margin: auto; text-align: center; margin-top: 40px; } /* single event */ .single-event .page-feature { background: #0068A8 !important; } .single-event .page-feature .text-wrap { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: inherit; } .single-event .page-feature h1 { text-shadow: none; } .single-event #event-content.row.narrow { text-align: left; } .single-event #event-content.row.narrow h2, .single-event #event-content.row.narrow p { text-align: left; } .single-event #event-content.row.narrow .date { display: inline-block; margin-bottom: 5px; margin-right: 20px; font-weight: 700; } .event-post-content { margin: 30px 0px; padding: 30px 0px; border-top: 1px solid rgba(0,0,0,.1); border-bottom: 1px solid rgba(0,0,0,.1); } .event-post-content a { color: rgba(0, 104, 168, 1); text-decoration: none; } .single-event #event-content.row.narrow .location { padding-bottom: 30px; } .single-event #event-content.row.narrow .location p { margin-bottom: 0px; } .single-event #event-content.row.narrow .location .loc-name { font-weight: 700; } .single-event .page-feature .location { margin-top: 20px; } .single-event .page-feature .location p { margin-bottom: 2px; margin-bottom: 2px; line-height: 20px; } .single-event .acf-map.event { min-height: 500px; } /* team member */ /* .page-id-178 section#post-content h2:first-of-type { margin-bottom: 0px; } */ #posts-grid.team { background: #fff; padding-top: 0px; } #content #posts-grid.team .row.narrow { /* padding: 0px; */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .team-member { overflow-x: hidden; background: #57C1D8; } .team-member .img-wrap { display: block; position: relative; -webkit-transition: -webkit-transform .5s ease-in-out; transition: -webkit-transform .5s ease-in-out; -o-transition: transform .5s ease-in-out; transition: transform .5s ease-in-out; transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out; } .team-member .img-wrap:hover { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .team-member .img-wrap:before { content: ''; display: block; position: relative; float: left; height: 0px; padding-bottom: 100%; } .team-member .img-wrap:after { content: ""; display: table; clear: both; } .team-member .text-wrap { padding: 40px 20px; color: #fff; background: #57C1D8; } .team-member .text-wrap a { display: block; color: #fff; text-decoration: none; } .team-member .text-wrap h6 { font-size: 20px; line-height: 24px; font-weight: 700; text-transform: uppercase; margin-bottom: 5px; } .team-member .text-wrap .title { font-style: italic; margin-bottom: 20px; } .team-member .text-wrap .email { font-weight: 700; } .team-member .text-wrap .email, .team-member .text-wrap .phone { position: relative; padding-left: 20px; -webkit-transition: color .25s ease-in-out; -o-transition: color .25s ease-in-out; transition: color .25s ease-in-out; } .team-member .text-wrap .email:before, .team-member .text-wrap .phone:before { content: ''; display: block; position: absolute; width: 15px; height: 15px; top: 2px; left: 0; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: bottom right; -ms-transform-origin: bottom right; transform-origin: bottom right; -webkit-transition: -webkit-transform .25s ease-in-out; transition: -webkit-transform .25s ease-in-out; -o-transition: transform .25s ease-in-out; transition: transform .25s ease-in-out; transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out; } .team-member .text-wrap .email:before { content: url('images/icon_mail.svg'); } .team-member .text-wrap .phone:before { content: url('images/icon_phone.svg'); } .team-member .text-wrap .email:hover, .team-member .text-wrap .phone:hover { color: rgba(0, 104, 168, 1); } .team-member .text-wrap .email:hover:before, .team-member .text-wrap .phone:hover:before { -webkit-transform: rotate(10deg); -ms-transform: rotate(10deg); transform: rotate(10deg); } .team-member a.fancybox-modal { display: block; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; } #content #more-team .row.narrow.block-intro { padding: 0px 60px; } #more-team .block-intro h2 { color: #84BF41; text-align: center; font-weight: 400; } #content #more-team .row.narrow#team-list { margin-top: 0px; padding-top: 0px; } .additional-team-members { width: 100%; } .additional-team-members tbody > tr { border-bottom: 1px solid white; } .additional-team-members tbody > tr:nth-of-type(odd) { background: rgba(233,233,233, 1); } .additional-team-members tbody > tr:nth-of-type(even) { background: rgba(233,233,233, .25); } .additional-team-members tbody > tr td { padding: 30px 40px; vertical-align: top; } .additional-team-members td.name { font-weight: 700; text-transform: uppercase; } .additional-team-members td a.email { color: #57C1D8; } .additional-team-members td a.email:before { content: url('images/icons_mail-grey-outline.svg'); } .additional-team-members td a.phone { color: #707070; } .additional-team-members td a.phone:before { content: url('images/icons_phone-grey-outline.svg'); } /* Location */ .single-hb_location .page-feature { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; z-index: auto; } .single-hb_location .page-feature .location-header { position: absolute; width: calc(100% - 180px); left: 90px; bottom:90px; text-align: left; z-index: 4; } .page-feature .header-title-wrap.location-header h1 { padding: 10px 0px; } .single-hb_location .page-feature .location-header span, .single-hb_location .page-feature .location-header a { font-size: 22px; line-height: 30px; } .single-hb_location .page-feature .location-header span.segment-city:after { content: ","; display: inline; position: relative; } .single-hb_location .page-feature .location-header a { color: #fff; text-decoration: none; margin-top: 5px; } .single-hb_location .page-feature .location-header a.email:before, .single-hb_location .page-feature .location-header a.phone:before, .single-hb_location .page-feature .location-header a.fax:before { top: 0px; } .page-feature .location-header .segment-street_name:after { content: "\A"; display: block; } section.map { margin: 0px; height: auto; min-height: 50vh; z-index: auto; } .map #reserve-form { display: block ; position: absolute; width: calc(50% - 60px); height: auto; padding: 60px 40px; z-index: 2; right: 60px; top: -350px; color: #fff; background: rgba(87, 193, 216, 1); display: none; visibility: hidden; } .map #reserve-form #gform_wrapper_1 { display: block !important; } /* .map #reserve-form #field_1_8 { display: none; } */ .map .gform_wrapper .gform_footer input.button, .map .gform_wrapper .gform_footer input[type=submit], .map .gform_wrapper .gform_page_footer input.button, .map .gform_wrapper .gform_page_footer input[type=submit] { color: #066097; } .map .gform_wrapper .gform_footer input.button:hover, .map .gform_wrapper .gform_footer input[type=submit]:hover, .map .gform_wrapper .gform_page_footer input.button:hover, .map .gform_wrapper .gform_page_footer input[type=submit]:hover { color: #fff; background: #066097; } #location-hours-services.row.full { padding: 0px 0px; margin: 0px; background: rgba(216,216,216, .25); } #location-hours-services .row.narrow { margin: 0 auto; } #location-hours-services .row.narrow.col-2 > div:nth-of-type(2n+1), #location-hours-services .row.narrow.col-2 > div:nth-of-type(2n+2) { -ms-flex-preferred-size: calc(50% - 31px); flex-basis: calc(50% - 31px); max-width: calc(50% - 31px); } #location-hours-services .row.narrow.col-2 > div:nth-of-type(2n+1) { margin-right: 30px; } #location-hours-services .row.narrow.col-2 > div:nth-of-type(2n+2) { margin-left: 30px; } #location-hours-services p { color: #979797; } #location-hours-services h3 { color: #066097; font-size: 35px; line-height: 40px; margin-bottom: 20px; } .hours-section-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .day .day-title { -ms-flex-preferred-size: 65%; flex-basis: 65%; } .day .times, .day .close-message { -ms-flex-preferred-size: 35%; flex-basis: 35%; } .hours-section-header > h3, .hours-section-header > div { -ms-flex-preferred-size: 50%; flex-basis: 50%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-bottom: 20px; } .hours-section-header > div { text-align: right; color: #57C1D8; } .hours-section .days-list { margin-bottom: 45px; width: 100%; } .hours-section .days-list td { padding: 5px 15px; } .hours-section .days-list tr:nth-of-type(odd) { background: #fff; } #services-list li { position: relative; margin-bottom: 15px; -webkit-transition: color .25s ease-in-out; -o-transition: color .25s ease-in-out; transition: color .25s ease-in-out; } #services-list h5 { font-weight: 700; text-transform: uppercase; } #services-list li .services-list-link { display: block; position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; } #services-list li:hover { color: rgba(87, 193, 216, 1); } /* Calendar */ .em-calendar-wrapper, .em-calendar { width: 100%; } table.fullcalendar td { width: calc(100% / 7); text-align: left; padding: 10px 15px; border: 1px solid rgba(216,216,216, .25); border-collapse: collapse; } table.fullcalendar thead td { text-align: center; } table.fullcalendar a { text-decoration: none; color: rgba(0, 104, 168, 1); } table.fullcalendar ul a { color: rgba(87, 193, 216, 1); font-weight: 700; -webkit-transition: color .25s ease-in-out; -o-transition: color .25s ease-in-out; transition: color .25s ease-in-out; } table.fullcalendar a:hover { color: rgba(0, 104, 168, 1); } table.em-calendar td.eventless-today, table.em-calendar td.eventful-today { background: rgba(216,216,216, .25); } table.em-calendar td.eventful a, table.em-calendar td.eventful-today a { color: rgba(0, 104, 168, 1); } table.em-calendar td.eventful ul li a, table.em-calendar td.eventful-today ul li a { color: rgba(87, 193, 216, 1); } table.em-calendar td.eventful a:hover, table.em-calendar td.eventful-today a:hover { color: rgba(0, 104, 168, 1); } table.em-calendar tbody tr { height: 150px; color: rgba(0, 104, 168, 1); } section#post-content table.em-calendar tbody tr ul { list-style: none; margin-left: 0px; } section#post-content table.em-calendar tbody tr ul li { margin-bottom: 5px; } table.em-calendar tbody tr.days-names { height: 45px; } /* Giving Back */ #content .row.narrow.org-list { -webkit-columns: 240px 3; -moz-columns: 240px 3; columns: 240px 3; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; text-align: center; padding: 0px 0px 60px 0px; } #community-support .block-intro h2, #community-events .block-intro h2, #auction-baskets .block-intro h2 { text-align: center; } #community-support .block-intro h2 { color: #84BF41; } #content #community-events .block-intro { padding: 60px 30px 0px 30px; } #community-events .block-intro h2 { color: #8c478b; } #community-support .block-intro p, #auction-baskets .block-intro p { font-size: 18px; line-height: 24px; text-align: center; } #community-events { margin: 0px; background: rgba(215,215,215, .25); } #content #community-events .block-intro + div { padding: 0px 0px 30px 0px; } #community-events #events.col-3 { padding: 30px 0px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #community-events .posts-grid .post .date { text-align: left; } #community-events .posts-grid .post .date.time { text-align: right; } .org-item { display: block; position: relative; margin-bottom: 10px; -webkit-column-break-inside: avoid; page-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid; } .org-item a { text-decoration: none; color: #707070; } .org-item a h6 { font-weight: 700; } #auction-baskets { margin: 0px; background: #8c478b; color: #fff; text-align: center; } #content #auction-baskets { padding-bottom: 30px; } .page-id-88 .fancybox-overlay { background: rgba(87, 193, 216, 1); } .page-id-88 .fancybox-opened .fancybox-skin { background: none; border: none; color: #fff; text-align: center; } /* Single */ /* Careers listing */ #careers-and-info-wrap { background: #ececec; } #careers-and-info-wrap > .row.narrow { display: flex; flex-wrap: wrap; } #careers-list { display: block; position: relative; flex-basis: 60%; flex-grow: 1; } #careers-list h2 { margin-bottom: 20px; color: rgba(0, 104, 168, 1); } #careers-list .filter-wrap { display: inline-block; position: relative; width: auto; height: auto; } #careers-list .filter-wrap:after { content: ""; display: block; position: absolute; top: 12px; right: 20px; z-index: 20; color: rgba(87, 193, 216, 1);; font-family: 'Font Awesome 5 Pro'; font-style: normal; font-weight: 400; font-size: 15px; line-height: 18px; pointer-events: none; } #careers-list .filters-select { margin-bottom: 20px; padding: 10px 40px 10px 20px; border: 1px solid #bdbdbd; appearance: none; -webkit-appearance: none; color: #797979; font-family: 'Lato', sans-serif, Helvetica, Arial, sans-serif; font-size: 15px; line-height: 18px; } #careers-and-info-wrap .sidebar { padding-left: 60px; flex-basis: 40%; } #careers-and-info-wrap .sidebar > div { display: block; position: relative; margin-bottom: 40px; } #careers-and-info-wrap .sidebar > div:last-of-type { margin-bottom: 0px; } #careers-and-info-wrap .sidebar h3 { font-size: 18px; line-height: 18px; font-weight: 600; text-transform: uppercase; margin-bottom: 10px; } .benefits-wrap { padding: 30px; background: #8abf17; border-radius: 5px; color: #fff; } .benefits-wrap p, .benefits-wrap li { font-size: 15px; line-height: 19px; } .benefits-wrap ul { margin-left: 15px; list-style: disc; margin-bottom: 15px; } .employee-quotes-block { text-align: center; } .employee-quotes-block h3 { color: rgba(87, 193, 216, 1); } .employee-quotes-block blockquote { display: block; position: relative; width: 100%; text-align: center; color: rgba(0, 104, 168, 1); font-size: 32px; line-height: 36px; font-weight: 100; font-style: italic; padding-top: 30px; } .employee-quotes-block .flex-control-nav { z-index: 3; top: 30px; } .employee-quotes-block .flex-control-paging li a { width: 15px; height: 15px; border: 1px solid rgba(87, 193, 216, 1); background: #fff; } .employee-quotes-block .flex-control-paging li a.flex-active { background: rgba(87, 193, 216, 1); } .posts-list .post.career { display: block; position: relative; width: 100%; padding: 15px 50px 15px 20px; background: #fff; -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0); box-shadow: 0px 0px 7px 0px rgba(0,0,0,0); margin-bottom: 5px; text-align: left; -webkit-transition: color .25s ease-in-out, background .25s ease-in-out, border .25s ease-in-out, -webkit-box-shadow .5s ease-in-out; transition: color .25s ease-in-out, background .25s ease-in-out, border .25s ease-in-out, -webkit-box-shadow .5s ease-in-out; -o-transition: color .25s ease-in-out, background .25s ease-in-out, box-shadow .5s ease-in-out, border .25s ease-in-out; transition: color .25s ease-in-out, background .25s ease-in-out, box-shadow .5s ease-in-out, border .25s ease-in-out; transition: color .25s ease-in-out, background .25s ease-in-out, box-shadow .5s ease-in-out, border .25s ease-in-out, -webkit-box-shadow .5s ease-in-out; } .posts-list .post.career:after { content: ""; display: block; position: absolute; top: 50%; right: 20px; z-index: 1; color: #979797; font-family: 'Font Awesome 5 Pro'; font-style: normal; font-weight: 400; font-size: 15px; line-height: 18px; transform: translate(0, -50%); transition: transform .25s ease-in-out; } .posts-list .post.career:hover:after { transform: translate(5px, -50%); } .post.career > h6 { display: block; margin-bottom: 7px; color: #0e66ad; text-transform: none; font-size: 20px; line-height: 24px; font-weight: 400; font-style: normal; -webkit-transition: color .25s ease-in-out, background .25s ease-in-out; -o-transition: color .25s ease-in-out, background .25s ease-in-out; transition: color .25s ease-in-out, background .25s ease-in-out; } .post.career .position-schedule { margin-bottom: 2px; } .post.career .position-schedule, .post.career .position-schedule h6 { display: inline; position: relative; color: #979797; font-size: 16px; line-height: 20px; font-style: italic; -webkit-transition: color .25s ease-in-out, background .25s ease-in-out; -o-transition: color .25s ease-in-out, background .25s ease-in-out; transition: color .25s ease-in-out, background .25s ease-in-out } .post.career .position-schedule { display: block; } .post.career:hover { -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,.15); box-shadow: 0px 0px 7px 0px rgba(0,0,0,.15); } /* career modal */ .page-id-12424 .fancybox-close { background: url('images/icon_close-no-circ-blue.svg'); top: 20px; right: 20px; } .career-modal { padding: 0px 20px; } .career-modal > div { margin: 15px 0px } .career-modal > div > h5 { margin: 15px 0px; font-weight: 700; } .career-modal > div ul { list-style: disc; margin-left: 20px; margin-bottom: 20px; } .career-modal .button.solid { display: block; background: #8C488B; margin: 60px auto; max-width: 300px; } .fancybox-inner .position-schedule, .single-career .position-schedule { display: inline-block; position: relative; margin: 10px 20px 10px 0px; } .fancybox-inner .position-schedule h6, .single-career .position-schedule h6 { font-weight: 700; } #content #career-apply.row.narrow { text-align: center; padding: 0px 30px 30px 30px; } #content #career-apply.row.narrow .button { margin-top: 0px; } /* single career */ section#post-content.career p { text-align: left; } /* Career Apply */ #post-content ul.gform_fields li.gfield { position: relative !important; margin-bottom: 30px; } #post-content .top_label .gfield_label { display: block; position: relative !important; top: inherit !important; left: 15px; z-index: 21; color: #979797; font-size: 10px; line-height: 10px; text-transform: uppercase; } #post-content .top_label div.ginput_complex.ginput_container.gf_name_has_1, #post-content .top_label div.ginput_complex.ginput_container.gf_name_has_2, #post-content .top_label div.ginput_complex.ginput_container.gf_name_has_3, #post-content .top_label .ginput_complex.ginput_container.ginput_container_email { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } #post-content .ginput_complex.ginput_container.has_first_name.has_middle_name.no_last_name span, #post-content .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span, #post-content .ginput_complex.ginput_container.no_first_name.has_middle_name.has_last_name span, #post-content .ginput_complex.ginput_container span { -ms-flex-preferred-size: 49.5%; flex-basis: 49.5%; } #post-content .ginput_complex.ginput_container span:last-of-type { margin-bottom: 0px !important; } #post-content .ginput_complex.ginput_container.has_first_name span.name_first, #post-content .ginput_complex.ginput_container.has_first_name span.name_first { margin-right: 1% !important; width: inherit !important; } #post-content ul.gform_fields li.gfield div.ginput_complex span.ginput_left select, #post-content ul.gform_fields li.gfield div.ginput_complex span.ginput_right select, #post-content ul.gform_fields li.gfield select, #post-content .ginput_complex.ginput_container_address .ginput_right select, #post-content input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), #post-content textarea.large { background: #E9E9E9; border: none !important; height: 60px; padding: 25px 15px 5px 15px !important; line-height: 26px; width: 100%; } #post-content .top_label .gfield_label + .ginput_complex, #post-content .gform_wrapper .top_label div.ginput_container { margin-top: 0px !important; } #post-content .top_label .gfield_label + .ginput_container > select:first-of-type, #post-content .top_label .gfield_label + .ginput_complex.ginput_container_address span:first-of-type, #post-content .top_label .gfield_label + .ginput_container > span:first-of-type, #post-content .top_label .gfield_label + .ginput_container > input:first-of-type, #post-content .top_label .gfield_label + .ginput_complex.ginput_container_address span:first-of-type + .ginput_right, #post-content .top_label .gfield_label + .ginput_container span:first-of-type + .ginput_right, #post-content .top_label .gfield_label + .ginput_container span:first-of-type + .name_last, #post-content textarea.large { margin-top: -20px !important; } #post-content .gform_wrapper ul.gform_fields li.gfield .ginput_container.ginput_container_select { margin-top: 0px; } body #post-content .top_label .gfield_label + .ginput_container_fileupload, body #post-content .top_label .gfield_label + .ginput_container_textarea { margin-top: 10px !important; } #post-content textarea.large { height: 180px; } #post-content .ginput_complex.ginput_container_address .address_city input, #post-content ul.gform_fields li.gfield .ginput_complex.ginput_container_address span.address_state select, #post-content .ginput_complex.ginput_container_address .address_zip input { padding: 15px 15px 15px 15px !important; } #post-content .ginput_complex.ginput_container_address .address_zip { width: 100% !important; margin-right: 0px; } #post-content ul.gform_fields li.gfield .ginput_container.ginput_container_select::after, #post-content .ginput_complex.ginput_container_address .ginput_right::after { z-index: 21; } #post-content .ginput_container_date input { width: 100%; } #post-content .gform_wrapper .gfield_time_ampm label, #post-content .gform_wrapper .gfield_date_month label, #post-content .gform_wrapper .gfield_date_day label, #post-content .gform_wrapper .gfield_date_year label { display: block !important; } #post-content .ginput_container_date:before { content: url('images/icon-calendar-grey.svg'); display: block; position: absolute; width: 20px; height: 20px; top: 0px !important; right: 15px; } #post-content .gf_progressbar_title { font-size: 12px; margin: 20px auto !important; display: block; position: relative; text-align: center; } .gform_wrapper .gf_progressbar:after { -webkit-box-shadow: none; box-shadow: none; } #post-content .gf_progressbar { padding: 0px; -webkit-box-shadow: none; box-shadow: none; background: #066097; } #post-content .gf_progressbar_percentage { text-shadow: none; background: #84BF41; } /* Corona alert page */ .page-id-12763 #content section#post-content p { text-align: left; } .page-id-12763 section#post-content h2:first-of-type { text-align: left; } /* .pagination { display: flex; position: relative; margin-top: 60px; } .pagination > div { flex-basis: auto; box-sizing: border-box; padding: 20px; background: #f1f1f1; margin-left: 0; } .pagination > div a { color: #323232; font-weight: 700; text-decoration: none; } .pagination > div a:hover { } .pagination .nav-previous { text-align: right; margin-right: 0; margin-left: auto; } */ #footer > section { opacity: 0; -webkit-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; } #footer > section.visible { opacity: 1; } #footer-quotes { display: block; position: relative; padding: 120px; background: #0068A8; } #footer-quotes .slides:after { content: ""; clear: both; display: table; } #footer-quotes .slides li { -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: center; color: #fff; } #footer-quotes .slides li > div, #footer-quotes .slides li > quote, #footer-quotes .slides li > p { -ms-flex-preferred-size: 100%; flex-basis: 100%; } .stars { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -ms-flex-line-pack: center; align-content: center; } .stars .star { content: url('images/icon-star.svg'); display: inline-block; position: relative; width: 20px; height: 20px; } #footer-quotes .slides li > div { opacity: 0; -webkit-transform: translateY( 40px); -ms-transform: translateY( 40px); transform: translateY( 40px); -webkit-transition: opacity 1s ease-in-out, -webkit-transform .5s ease-in-out; transition: opacity 1s ease-in-out, -webkit-transform .5s ease-in-out; -o-transition: opacity 1s ease-in-out, transform .5s ease-in-out; transition: opacity 1s ease-in-out, transform .5s ease-in-out; transition: opacity 1s ease-in-out, transform .5s ease-in-out, -webkit-transform .5s ease-in-out; } #footer-quotes.visible .slides li > div { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } #footer-quotes .slides li > quote { font-size: 36px; line-height: 45px; font-weight: 300; margin-top: 30px; opacity: 0; -webkit-transform: translateY( 40px); -ms-transform: translateY( 40px); transform: translateY( 40px); -webkit-transition: opacity 1s ease-in-out, -webkit-transform 1s ease-in-out; transition: opacity 1s ease-in-out, -webkit-transform 1s ease-in-out; -o-transition: opacity 1s ease-in-out, transform 1s ease-in-out; transition: opacity 1s ease-in-out, transform 1s ease-in-out; transition: opacity 1s ease-in-out, transform 1s ease-in-out, -webkit-transform 1s ease-in-out; } #footer-quotes.visible .slides li > quote { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } #footer-quotes .slides .quote-name { font-family: 'Cedarville Cursive', cursive; font-size: 35px; line-height: 45px; margin-top: 30px; opacity: 0; -webkit-transform: translateY( 40px); -ms-transform: translateY( 40px); transform: translateY( 40px); -webkit-transition: opacity 1s ease-in-out, -webkit-transform 1.5s ease-in-out; transition: opacity 1s ease-in-out, -webkit-transform 1.5s ease-in-out; -o-transition: opacity 1s ease-in-out, transform 1.5s ease-in-out; transition: opacity 1s ease-in-out, transform 1.5s ease-in-out; transition: opacity 1s ease-in-out, transform 1.5s ease-in-out, -webkit-transform 1.5s ease-in-out; } #footer-quotes.visible .slides .quote-name { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } #footer-info { padding: 40px 0px 30px 0px; } #footer-info .menu, #footer-info #footer-locations { padding-right: 60px; } .footer-location { padding-right: 20px; } .footer-location .segment-city:before { content: ''; display: block; width: 100%; } .footer-location .segment-city:after { content: ','; display: inline-block; position: relative; } /* #footer-menu { -ms-flex-preferred-size: 35% !important; flex-basis: 35% !important; max-width: 35% !important; margin-right: 0px !important; } #footer-info .menu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; max-height: 90px; } #footer-info .menu .menu-item { padding: 0px; } #footer-info .menu a { display: block; position: relative; margin-right: 35px; padding: 2px 10px; color: #0068A8; font-size: 13px; line-height: 20px; font-weight: 500; text-decoration: none; -webkit-transition: color .25s ease-in-out; -o-transition: color .25s ease-in-out; transition: color .25s ease-in-out; } #footer-info .menu a:hover { color: rgba(87, 193, 216, 1); } */ #footer-info #footer-locations { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 35%; flex-basis: 35%; margin: 15px 0px; max-width: inherit; padding-right: 30px; border-right: 1px solid rgba(151, 151, 151, .3); } #footer-info #footer-locations .footer-location { -ms-flex-preferred-size: 50%; flex-basis: 50%; font-size: 13px; line-height: 20px; } #footer-info #footer-locations .footer-location h6 { margin-bottom: 5px; } #footer-info #footer-locations .footer-location h6 { text-transform: uppercase; font-weight: 700; } #footer-info #footer-locations .footer-location a { display: block; text-decoration: none; color: #0068A8; padding: 0px; -webkit-transition: color .25s ease-in-out; -o-transition: color .25s ease-in-out; transition: color .25s ease-in-out; } #footer-info #footer-locations .footer-location a:hover { color: rgba(87, 193, 216, 1); } #footer-info #footer-locations .footer-location a.phone { padding-left: 0px; } #footer-info #footer-locations .footer-location a.phone:before { content: ''; display: none; } #footer-info a.phone:before { content: url('images/icons_phone-grey-outline.svg'); } /* footer .hours { -ms-flex-preferred-size: 35% !important; flex-basis: 35% !important; max-width: 35% !important; margin-right: 0px !important; } */ footer .hours { padding: 0px 30px 0px 30px; flex-basis: 45%; } footer .hours h6 { font-size: 13px; line-height: 20px; text-transform: uppercase; font-weight: 700; margin-bottom: 5px; } footer .hours .hours-section .days-list { margin-bottom: 10px; } footer .hours .hours-section .days-list td { font-size: 13px; line-height: 20px; padding: 0px 15px; } footer .hours .hours-section .days-list td.day-title { padding-left: 0px; flex-basis: 50%; } footer .day .times { flex-basis: 50%; } footer .hours .note { font-size: 13px; line-height: 20px; } #footer-logo { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-preferred-size: 20%; flex-basis: 20%; margin: 15px 0px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } #footer-logo img { width: 220px; } #soc-copy { padding-top: 15px; border-top: 1px solid rgba(151, 151, 151, .3); } .social-link { display: inline-block; position: relative; margin: 5px; border: 1px solid #57C1D8; border-radius: 50%; height: auto; width: auto; padding: 5px; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: background .25s ease-in-out, border .25s ease-in-out, -webkit-transform .25s ease-in-out; transition: background .25s ease-in-out, border .25s ease-in-out, -webkit-transform .25s ease-in-out; -o-transition: background .25s ease-in-out, transform .25s ease-in-out, border .25s ease-in-out; transition: background .25s ease-in-out, transform .25s ease-in-out, border .25s ease-in-out; transition: background .25s ease-in-out, transform .25s ease-in-out, border .25s ease-in-out, -webkit-transform .25s ease-in-out; } .social-link:hover { background: #0068A8; border: 1px solid #0068A8; -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } .social-link img { display: block; position: relative; width: 30px; height: 30px; } #copyright { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: right; font-size: 12px; } @media only screen and (max-width: 1500px) { #content .blog-post .row.narrow, .blog #content .page-feature .blog-post .row.narrow { padding: 60px; } } @media only screen and (max-width: 1340px) { .alt-row .text-wrap { -ms-flex-preferred-size: 40%; flex-basis: 40%; margin-right: 0px; padding: 60px; } .row.alternating > div:nth-of-type(even) .text-wrap { margin-left: 0px; } .gallery-slider .flex-control-nav { top: 120px; } .reserve-modal #locations-contact { -ms-flex-preferred-size: 100%; flex-basis: 100%; padding-left: 0px; } #reserve-form .gfield_radio li, #reserve-form .gfield_checkbox li { width: calc(50% - 36px) !important; } /* modals */ .fancybox-overlay .fancybox-type-inline .fancybox-close { background: url('images/icon_close-no-circ-blue.svg'); right: 20px; top: 20px; } #content .row.narrow { padding: 60px 60px; } #content .row.narrow.org-list { padding: 0px 60px 60px 60px; } #location-hours-services.row.full, .page-id-35 #content .row.narrow.history { padding: 0px 60px; } /* single-location */ .day .day-title, .day .times, .day .close-message { -ms-flex-preferred-size: 50%; flex-basis: 50%; } .row-items { -ms-flex-wrap: wrap; flex-wrap: wrap; } .row-items > div, .row-items > li { -ms-flex-preferred-size: calc((100% / 4) - 61px ); flex-basis: calc((100% / 4) - 61px ); max-width: calc((100% / 4) - 61px ); } .home .row-items > div, .home .row-items > li { -ms-flex-preferred-size: calc((100% / 6) - 61px ); flex-basis: calc((100% / 6) - 61px ); max-width: calc((100% / 6) - 61px ); } #content .blog-post .row.narrow, .blog #content .page-feature .blog-post .row.narrow { padding: 60px 120px; } } @media only screen and (max-width: 1280px) { .row.narrow { padding-left: 60px; padding-right: 60px; } #footer > section.narrow.visible { padding: 0px 30px; } } @media only screen and (max-width: 1160px) { #main-nav-trigger { display: block; position: absolute; top: 70px; right: 20px; width: 30px; height: 30px; } #main-nav-trigger .far { display: block; position: absolute; width: 30px; height: 30px; top: 0px; right: 0px; color: #fff; font-size: 30px; text-align: center; } #main-nav-trigger .far#open { opacity: 0; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: opacity .15s ease-in-out, -webkit-transform .15s ease-in-out; transition: opacity .15s ease-in-out, -webkit-transform .15s ease-in-out; -o-transition: transform .15s ease-in-out, opacity .15s ease-in-out; transition: transform .15s ease-in-out, opacity .15s ease-in-out; transition: transform .15s ease-in-out, opacity .15s ease-in-out, -webkit-transform .15s ease-in-out; } #main-nav-trigger .far#closed { opacity: 1; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: opacity .15s ease-in-out, -webkit-transform .15s ease-in-out; transition: opacity .15s ease-in-out, -webkit-transform .15s ease-in-out; -o-transition: transform .15s ease-in-out, opacity .15s ease-in-out; transition: transform .15s ease-in-out, opacity .15s ease-in-out; transition: transform .15s ease-in-out, opacity .15s ease-in-out, -webkit-transform .15s ease-in-out; } .visible #main-nav-trigger .far#open { opacity: 1; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .visible #main-nav-trigger .far#closed { opacity: 0; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } header #main { display: block; position: absolute; -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; left: 0px; top: 120px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0px 0px 0px; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); pointer-events: none; max-height: calc(100vh - 120px); min-height: calc(100vh - 120px); background: rgba(0, 104, 168, 1); overflow-y: auto; -webkit-transition: -webkit-transform .25s ease-in-out; transition: -webkit-transform .25s ease-in-out; -o-transition: transform .25s ease-in-out; transition: transform .25s ease-in-out; transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out; } header .visible #main { pointer-events: all; -webkit-transform: translateX(-0%); -ms-transform: translateX(-0%); transform: translateX(-0%); } header .menu-main-menu-container { background: rgba(0, 104, 168, 1); } #container-header { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-transition: background .15s ease-in-out; -o-transition: background .15s ease-in-out; transition: background .15s ease-in-out; padding-top: 45px; height: 120px; } #container-header.visible { background: rgba(0, 104, 168, 1); } header.scrolled #container-header { height: 120px; } header .menu { padding-top: 0px; } header #menu-main-menu { display: block; } nav > div > ul > li > a:hover { color: #fff; } header nav li, header nav a { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; } header .menu-item { padding: 0px; } header nav a { padding: 20px 20px; margin: 0px; text-transform: none; } a.button.reservations, .scrolled a.button.reservations { margin-right: 70px; margin-top: 15px; margin-bottom: auto; padding: 15px 20px 15px 50px; } a.button.reservations:before { top: 12px; } header #menu-main-menu .sub-menu { padding-top: 0px; box-shadow: none; -webkit-box-shadow: none; } .menu-item-has-children .sub-menu:before { top: -9px; } #menu-main-menu li.menu-item-has-children:before { content: url('images/menu-icon-arrow.svg'); display: block; position: absolute; width: 48px; height: 48px; top: 8px; right: 30px; visibility: visible; font-size: 0px; -webkit-transition: -webkit-transform .25s ease-in-out; transition: -webkit-transform .25s ease-in-out; -o-transition: transform .25s ease-in-out; transition: transform .25s ease-in-out; transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out; } .menu-item-has-children > a:before { display: none; } #menu-main-menu li > ul { position: relative; top: inherit; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; } #menu-main-menu li:hover > ul { visibility: hidden; } #menu-main-menu li:hover > ul { visibility: hidden; } #menu-main-menu li.sub-menu-visible.menu-item-has-children:before { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } #menu-main-menu li.menu-item-has-children > ul { display: none; background: #08466D; } header #menu-main-menu li.sub-menu-visible > a { border-bottom: none; } #menu-main-menu li.sub-menu-visible { background: #08466D; } #menu-main-menu li.sub-menu-visible > ul { display: block; visibility: visible; opacity: 1; } header #menu-main-menu > li { padding: 0px 30px; } .scrolled .sub-menu { -webkit-box-shadow: none; box-shadow: none; } .sub-menu > li:first-of-type { display: block; } header #menu-main-menu > li > a { font-size: 24px; font-weight: 300; border-bottom: 1px solid rgba(151, 151, 151, .25); } header #menu-main-menu > li:last-of-type > a { border-bottom: none; } header #menu-main-menu > li .sub-menu a { color: #57C1D8; } .sub-menu .menu-item.current-menu-item a { color: #fff !important; background: none; } .sub-menu .menu-item { background: inherit; } .selected-item { padding: 20px 40px; } #nav-phone { display: block; width: 100%; top: 0px; right: 0px; left: 0px; } #nav-phone a.phone { width: calc(50% - 2px); text-align: center; border-right: 1px solid rgba(255,255,255, .15); color: #fff; font-weight: 400; text-transform: uppercase; } #nav-phone a.phone span { display: none; } #nav-phone a.phone:before { content: url('images/icon_phone-green.svg'); display: inline-block; position: relative; margin-right: 5px; } #nav-phone a:last-of-type { border-right: none; } .page-feature .header-title-wrap h1 { font-size: 60px; line-height: 80px; } .reserve-modal .row.narrow { -ms-flex-wrap: wrap; flex-wrap: wrap; } #reserve-form, .reserve-modal #locations-contact { -ms-flex-preferred-size: 100%; flex-basis: 100%; padding-left: 0px; } #container { margin-top: 0px; } .single-blog #content { margin-top: 72px; } #content #intro .row.narrow { padding: 60px; } .col-3 > div, .col-3 > li, .col-4 > div, .col-4 > li, .col-5 > div, .col-5 > li, .col-6 > div, .col-6 > li { -ms-flex-preferred-size: calc((100% / 2) - 16px); flex-basis: calc((100% / 2) - 16px); max-width: calc((100% / 2) - 16px); } .col-3 > div:nth-of-type(3n+1), .col-3 > li:nth-of-type(3n+1), .col-4 > div:nth-of-type(4n+1), .col-4 > li:nth-of-type(4n+1), .col-5 > div:nth-of-type(5n+1), .col-5 > li:nth-of-type(5n+1), .col-6 > div:nth-of-type(6n+1), .col-6 > li:nth-of-type(6n+1) { margin-left: inherit; } .col-3 > div:nth-of-type(3n+3), .col-3 > li:nth-of-type(3n+3), .col-4 > div:nth-of-type(4n+4), .col-4 > li:nth-of-type(4n+4), .col-5 > div:nth-of-type(5n+5), .col-5 > li:nth-of-type(5n+5), .col-6 > div:nth-of-type(6n+6), .col-6 > li:nth-of-type(6n+6) { margin-right: inherit; } .col-3 > div:nth-of-type(2n+1), .col-3 > li:nth-of-type(2n+1), .col-4 > div:nth-of-type(2n+1), .col-4 > li:nth-of-type(2n+1), .col-5 > div:nth-of-type(2n+1), .col-5 > li:nth-of-type(2n+1), .col-6 > div:nth-of-type(2n+1), .col-6 > li:nth-of-type(2n+1) { margin-left: 0px; margin-right: 30px; } .col-3 > div:nth-of-type(2n+2), .col-3 > li:nth-of-type(2n+2), .col-4 > div:nth-of-type(2n+2), .col-4 > li:nth-of-type(2n+2), .col-5 > div:nth-of-type(2n+2), .col-5 > li:nth-of-type(2n+2), .col-6 > div:nth-of-type(2n+2), .col-6 > li:nth-of-type(2n+2) { margin-right: 0px; margin-left: 0px; } .alt-row .text-wrap h3 { font-size: 20px; line-height: 25px; } .row-items { -ms-flex-wrap: wrap; flex-wrap: wrap; } .row-items > div, .row-items > li, .home .row-items > div, .home .row-items > li { -ms-flex-preferred-size: calc((100% / 3) - 61px ); flex-basis: calc((100% / 3) - 61px ); max-width: calc((100% / 3) - 61px ); } /* modals */ .fancybox-opened.fancybox-type-iframe .fancybox-skin .fancybox-inner { /* padding: 0px 60px; */ } .fancybox-overlay .fancybox-opened.fancybox-type-iframe .fancybox-close { right: 0px; top: 60px; } /* home page */ .videowrapper h2 { font-size: 38px; line-height: 38px; } /* single-location */ .map #reserve-form { position: relative; width: 100%; top: inherit; right: inherit; } #location-hours-services.row.full { padding: 0px 60px; } #location-hours-services .row.narrow.col-2 > div:nth-of-type(2n+1), #location-hours-services .row.narrow.col-2 > div:nth-of-type(2n+2) { margin: 0px 0px 20px 0px; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: inherit; } /* history */ .history-item.visible .text-wrap { padding: 60px 0px; } /* blog */ .blog-post .alt-row.visible .text-wrap { max-width: inherit; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-left: 0px; } #post-list > div:nth-of-type(odd) .alt-row.visible .text-wrap { padding-left: 60px; padding-right: 0px; } .blog-post .text-wrap h2 { font-size: 40px; line-height: 45px; } .image-block.col-3 > div { padding-top: 50%; } footer .form .gform_wrapper .ginput_complex.ginput_container.has_first_name.has_middle_name.no_last_name span, footer .form .gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span, footer .form .gform_wrapper .ginput_complex.ginput_container.no_first_name.has_middle_name.has_last_name span, #gform_wrapper_1 #field_1_3, #gform_wrapper_1 #field_1_4 { width: 100% !important; margin-right: 0px !important; } .row.narrow, footer .row.narrow, #footer-soc { padding-left: 60px; padding-right: 60px; } #footer-logo { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: inherit; margin: 0px 0px 60px 0px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #footer-menu, #footer-locations { -ms-flex-preferred-size: 50% !important; flex-basis: 50% !important; max-width: 50% !important; } /* #footer-menu { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } */ #footer-locations { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } footer .hours { -ms-flex-preferred-size: 50% !important; flex-basis: 50% !important; max-width: 50% !important; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } @media only screen and (max-width: 960px) { #careers-list, #careers-and-info-wrap .sidebar { flex-basis: 100%; padding-left: 0px; } #careers-list { margin-bottom: 55px; } footer .hours, #footer-info #footer-locations { -ms-flex-preferred-size: 100% !important; flex-basis: 100% !important; max-width: 100% !important; border-right: none; padding: 0px; margin-top: 30px; padding-top: 30px; border-top: 1px solid rgba(151, 151, 151, .3); } footer .hours-section .days-list tr { border-bottom: 1px solid rgba(151, 151, 151, .2); } footer #footer-nav { max-width: inherit; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-right: 0px; padding: 30px 0px; border-top: rgba(255, 255, 255, .2) 1px solid; } } @media only screen and (max-width: 860px) { .alt-row { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0px 40px; } .alt-row .img-wrap, .alt-row .text-wrap { -ms-flex-preferred-size: 100%; flex-basis: 100%; } .alt-row.visible .text-wrap { -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); } .row.alternating > div:nth-of-type(even) .img-wrap { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .row.alternating > div:nth-of-type(even) .text-wrap { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .row.alternating > div:nth-of-type(even).visible .text-wrap { -webkit-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); } .gallery-slider.row.full { padding: 0px 40px; } .gallery-slider .flex-control-nav, .row.alternating > div:nth-of-type(odd) .flex-control-nav { left: 60px; right: inherit; top: 30px; } #ig-profile { padding: 30px 60px; font-size: 35px; } /* history */ .row.history:after { left: 60px; } .history-item .img-wrap, .history > div:nth-of-type(even) .img-wrap { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -ms-flex-item-align: start; align-self: flex-start; margin-left: 20px; } .history > div .text-wrap, .history > div:nth-of-type(even) .text-wrap, .history-item.visible .text-wrap { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-left: 40px; margin-right: 0px; padding: 30px 0px; } .history > div:nth-of-type(even) .text-wrap { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .history > div:nth-of-type(even).visible .text-wrap { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .history > div:nth-of-type(even) .img-wrap { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .history > div:nth-of-type(even).visible .img-wrap { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .history > div .year, .history > div:nth-of-type(even) .year { left: 0px; right: inherit; } .history > div:last-of-type .year { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } /* blog */ .blog .page-feature, .single-post .page-feature, .single-event .page-feature { padding-top: 210px; } #content #search-box.row.narrow { padding: 60px 0px 120px 0px; } #content .blog-post .row.narrow, .blog #content .page-feature .blog-post .row.narrow { padding: 0px 60px 60px 60px; } .blog-post .alt-row.visible .text-wrap, .blog-post .alt-row.visible .img-wrap, #post-list > div:nth-of-type(odd) .alt-row.visible .text-wrap, #post-list > div:nth-of-type(odd) .alt-row.visible .img-wrap, #post-list > div:nth-of-type(even) .alt-row.visible .text-wrap, #post-list > div:nth-of-type(even) .alt-row.visible .img-wrap { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: inherit; } .blog-post .alt-row.visible .img-wrap, #post-list > div:nth-of-type(odd) .alt-row.visible .img-wrap, #post-list > div:nth-of-type(even) .alt-row.visible .img-wrap { -ms-flex-preferred-size: calc(100% - 120px); flex-basis: calc(100% - 120px); max-width: calc(100% - 120px); -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; left: 60px; top: -90px; } .blog-post .alt-row.visible .text-wrap, #post-list > div:nth-of-type(odd) .alt-row.visible .text-wrap, #post-list > div:nth-of-type(even) .alt-row.visible .text-wrap { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding: 60px 0px; } .blog-post .category, #post-list > div:nth-of-type(odd) .category { top: auto; bottom: 0px; left: -60px; right: auto; } .single-post .blog-post .category { left: 0px; } /* Team */ .additional-team-members tbody > tr { display: block; padding: 30px 40px; } .additional-team-members tbody > tr td { display: block; width: 100%; padding: 0px; } #callouts { -ms-flex-wrap: wrap; flex-wrap: wrap; } #callouts .callout { -ms-flex-preferred-size: 100%; flex-basis: 100%; } } @media only screen and (max-width: 768px) { .row.narrow, #content .row.narrow, footer .row.narrow { padding: 60px 20px; margin-top: 0px; } .col-2 > div, .col-2 > li, .col-3 > div, .col-3 > li, .col-4 > div, .col-4 > li, .col-5 > div, .col-5 > li, .col-6 > div, .col-6 > li, .col-2 > div:nth-of-type(2n+1), .col-2 > li:nth-of-type(2n+1), .col-2 > div:nth-of-type(2n+2), .col-2 > li:nth-of-type(2n+2) { margin-left: 0px !important; margin-right: 0px !important; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .icon-row.row.full { padding: 0px; } .page-feature .header-title-wrap { position: relative; bottom: inherit; width: 100%; max-width: inherit; } .page-feature .header-title-wrap h1 { display: block; width: 100%; font-size: 40px; line-height: 50px; } .home .page-feature .header-title-wrap h2, .page-feature .header-title-wrap h2 { font-size: 18px; line-height: 24px; } /* home page */ .videowrapper h2 { margin-top: 60px; } .videowrapper h2:before { height: 60px; width: 60px; top: -80px; } .single .page-header > h1 { font-size: 40px; line-height: 50px; } .gallery-slider .flex-viewport { left: 0; margin-left: 0; } .gallery-slider .slides li img, .gallery-slider .slides li > div { max-width: 50%; } #booking-info { padding: 60px 30px; } table.em-calendar tbody tr.days-names { display: none; } table.em-calendar thead, table.em-calendar tbody tr { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; height: auto; } table.em-calendar thead tr { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } table.em-calendar thead tr td { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; -ms-flex-preferred-size: 33.33333%; flex-basis: 33.33333%; } table.fullcalendar td { width: 100%; min-height: 100px; } /* Careers */ #career-tabs .tab-links li { display: block; margin: 10px 0px; text-align: left; } #footer-quotes { padding: 60px; } #footer-quotes .slides li > quote { font-size: 20px; line-height: 30px; } #footer-quotes .slides .quote-name { font-size: 25px; line-height: 35px; } footer .updates { padding-top: 720px; margin-bottom: 240px; } footer .updates .form { position: absolute; left: 0px; right: 0px; bottom: -240px; border-radius: 0px; width: 100%; } footer #info .col-3 > div:nth-of-type(3n+1) { border-right: none; } footer #address { padding: 30px 0px; } #copyright { text-align: left; } } @media only screen and (max-width: 640px) { header .alert a { flex-basis: 100%; } header .logo { padding: 15px 5px 15px 20px; } a.button.reservations, .scrolled a.button.reservations { font-size: 13px; padding: 13px 15px; } a.button.reservations:before { content: ''; display: none; } #reserve-form .gfield_radio li, #reserve-form .gfield_checkbox li { width: 100% !important; } body #post-content .top_label .gfield_label + .ginput_complex.ginput_container_address span:first-of-type + .ginput_right, body #post-content .top_label .gfield_label + .ginput_container span:first-of-type + .ginput_right, body #post-content .top_label .gfield_label + .ginput_container span:first-of-type + .name_last { margin-top: 0px !important; } body #post-content .ginput_complex.ginput_container.has_first_name.has_middle_name.no_last_name span, body #post-content .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span, body #post-content .ginput_complex.ginput_container.no_first_name.has_middle_name.has_last_name span, body #post-content .ginput_complex.ginput_container span { -ms-flex-preferred-size: 100% !important; flex-basis: 100% !important; max-width: inherit !important; width: 100% !important; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: inherit; margin-right: 0px !important; margin-left: 0px !important; } .form .gform_wrapper .ginput_complex.ginput_container.has_first_name.has_middle_name.no_last_name span, .form .gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span, .form .gform_wrapper .ginput_complex.ginput_container.no_first_name.has_middle_name.has_last_name span, #gform_wrapper_1 #field_1_3, #gform_wrapper_1 #field_1_4, .gform_wrapper ul.gfield_checkbox > li, .gform_wrapper ul.gfield_radio > li { width: 100% !important; -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: inherit; margin-right: 0px !important; } body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html.disclaimer { position: relative; right: inherit; bottom: inherit; width: 100%; margin-top: 30px; } #post-content .top_label .gfield_label { position: relative; top: inherit; } body #post-content ul.gform_fields li.gfield div.ginput_complex span.ginput_left select, body #post-content ul.gform_fields li.gfield div.ginput_complex span.ginput_right select, body #post-content ul.gform_fields li.gfield select, body #post-content .ginput_complex.ginput_container_address .ginput_right select, body #post-content input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), body #post-content textarea.large { padding-top: 25px !important; } #gform_wrapper_4 .top_label div.ginput_complex.ginput_container.gf_name_has_1, #gform_wrapper_4 .top_label div.ginput_complex.ginput_container.gf_name_has_2, #gform_wrapper_4 .top_label div.ginput_complex.ginput_container.gf_name_has_3, #gform_wrapper_4 .top_label .ginput_complex.ginput_container.ginput_container_email { -ms-flex-wrap: wrap; flex-wrap: wrap; } #post-content .top_label div.ginput_complex.ginput_container.gf_name_has_1, #post-content .top_label div.ginput_complex.ginput_container.gf_name_has_2, #post-content .top_label div.ginput_complex.ginput_container.gf_name_has_3, #post-content .top_label .ginput_complex.ginput_container.ginput_container_email { -ms-flex-wrap: wrap; flex-wrap: wrap; } #gform_wrapper_4 .ginput_complex.ginput_container.has_first_name.has_middle_name.no_last_name span, #gform_wrapper_4 .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span, #gform_wrapper_4 .ginput_complex.ginput_container.no_first_name.has_middle_name.has_last_name span, #gform_wrapper_4 .ginput_complex.ginput_container span { width: 100% !important; max-width: inherit; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-right: 0px !important; } .single-hb_location .page-feature { min-height: 450px; } .page-feature .header-title-wrap.location-header h1 { margin-bottom: 10px; } .single-hb_location .page-feature .location-header span, .single-hb_location .page-feature .location-header a { font-size: 18px; line-height: 24px; } #reserve-form > h3, .reserve-modal #locations-contact > h3 { font-size: 24px; line-height: 30px; } #field_1_5, #field_1_11 { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin: 0px; } .gallery-slider .slides li img, .gallery-slider .slides li > div { max-width: inherit; -ms-flex-preferred-size: 100%; flex-basis: 100%; padding: 40px; } .gallery-slider .slides li > div { padding-top: 0px; } .alt-row.visible .text-wrap, .alt-row #home-blog-slides.slides li .text-wrap, .alt-row .text-wrap#events { padding: 30px; } #location-hours-services.row.full { padding: 0px; } .row-items > div, .row-items > li, .home .row-items > div, .home .row-items > li { -ms-flex-preferred-size: calc((100% / 2) - 61px ); flex-basis: calc((100% / 2) - 61px ); max-width: calc((100% / 2) - 61px ); } #ig-profile { position: relative; width: 100%; top: inherit; left: inherit; -webkit-transform: translate(0%, 0%); -ms-transform: translate(0%, 0%); transform: translate(0%, 0%); text-align: center; } /* History */ .history-item { -ms-flex-wrap: wrap; flex-wrap: wrap; } .history-item .img-wrap, .history-item.visible .text-wrap { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-right: 0px !important; } .history-item.visible .text-wrap { margin-left: 0px; padding-left: 20px; } .history > div:last-of-type .text-wrap { text-align: left; } footer .col-2 .locations.col-2 > div { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: inherit !important; margin: 0px 0px 30px 0px !important; } #footer-info #footer-locations { -ms-flex-wrap: wrap; flex-wrap: wrap; } #footer-info #footer-locations .footer-location { -ms-flex-preferred-size: 100%; flex-basis: 100%; padding-right: 0px; margin: 10px 0px; } } @media only screen and (max-width: 541px) { #ig-profile { font-size: 18px; padding: 20px; } } @media only screen and (max-width: 490px) { .blog-post .alt-row.visible .img-wrap, #post-list > div:nth-of-type(odd) .alt-row.visible .img-wrap, #post-list > div:nth-of-type(even) .alt-row.visible .img-wrap { -ms-flex-preferred-size: calc(100% - 60px); flex-basis: calc(100% - 60px); max-width: calc(100% - 60px); -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; left: 30px; top: -90px; } section#post-content h2:first-of-type { font-size: 24px; line-height: 30px; } .blog-post .alt-row .img-wrap .bg-circle { width: calc(100% + 60px); height: calc(100% + 60px); top: -30px; left: -30px; } .single-hb_location .page-feature .location-header { width: calc(100% - 60px); left: 30px; bottom: 30px; } #callouts .callout { padding: 60px 30px 150px 30px; } #callouts .callout h4 { font-size: 26px; line-height: 35px; } #callouts .callout .button.outline { left: 30px; } .fancybox-opened .fancybox-skin { padding: 60px 20px !important; } } @media only screen and (max-width: 400px) { header .logo { padding: 15px 0px 10px 10px; } h1, .videowrapper h2 { font-size: 30px; line-height: 48px; margin-bottom: 30px; } a.button.reservations, .scrolled a.button.reservations { font-size: 12px; padding: 13px 9px !important; margin-right: 55px; } #main-nav-trigger { right: 10px; } li.news-item, .single .page-header { -ms-flex-wrap: wrap; flex-wrap: wrap; } .news-item .post-summary, .single .page-header > h1 { -ms-flex-preferred-size: 100%; flex-basis: 100%; padding-left: 0px; margin-top: 10px; } .block-intro h2 { font-size: 24px; line-height: 30px; } .block-intro p { font-size: 18px; line-height: 24px; } .row-items > div, .row-items > li { -ms-flex-preferred-size: calc(100% - 61px ); flex-basis: calc(100% - 61px ); max-width: calc(100% - 61px ); } #content .icon-row .block-intro.row.narrow { padding: 60px 30px; } #location-hours-services.row.full, .page-id-35 #content .row.narrow.history { padding: 0px 30px; } #footer-quotes { padding: 30px 0px; } .row.history:after { left: 30px; } footer a p { word-break: break-word; max-width: calc(100% - 47px); } } @media only screen and (max-width: 355px) { a.button.reservations, .scrolled a.button.reservations { font-size: 9px; padding: 13px 9px !important; } } /* ==================== FONTS ==================== */ @font-face { font-family: 'Font Awesome 5 Pro'; font-style: normal; font-weight: 300; src: url("fonts/fa-light-300.eot"); src: url("fonts/fa-light-300.eot?#iefix") format("embedded-opentype"), url("fonts/fa-light-300.woff2") format("woff2"), url("fonts/fa-light-300.woff") format("woff"), url("fonts/fa-light-300.ttf") format("truetype"), url("fonts/fa-light-300.svg#fontawesome") format("svg"); } @font-face { font-family: 'Font Awesome 5 Pro'; font-style: normal; font-weight: 400; src: url("fonts/fa-regular-400.eot"); src: url("fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("fonts/fa-regular-400.woff2") format("woff2"), url("fonts/fa-regular-400.woff") format("woff"), url("fonts/fa-regular-400.ttf") format("truetype"), url("fonts/fa-regular-400.svg#fontawesome") format("svg"); } @font-face { font-family: 'Font Awesome 5 Pro'; font-style: normal; font-weight: 900; src: url("fonts/fa-solid-900.eot"); src: url("fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("fonts/fa-solid-900.woff2") format("woff2"), url("fonts/fa-solid-900.woff") format("woff"), url("fonts/fa-solid-900.ttf") format("truetype"), url("fonts/fa-solid-900.svg#fontawesome") format("svg"); }