/* * Prefixed by https://autoprefixer.github.io * PostCSS: v7.0.29, * Autoprefixer: v9.7.6 * Browsers: last 4 version */ /* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.26, autoprefixer: v9.7.3) */ /* Theme Name: ACA Description: ACA 2020 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} .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;} body *:focus, a:focus { -webkit-box-shadow: 0px 0px 3px 2px #00A7FF !important; box-shadow: 0px 0px 4px 3px #00A7FF !important; outline: none !important; } .focus-aria { -webkit-box-shadow: 0px 0px 4px 2px #00A7FF !important; box-shadow: 0px 0px 4px 2px #00A7FF !important; } .visually-hidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .asw-widget { z-index: 9; position: absolute; bottom: 0; left: 0; } .wcc-btn-revisit-wrapper { z-index: 9 !important; } /* ========================================== Gravity Reset ========================================== */ .gform_wrapper { width: 100%; } .gform-body.gform_body, .gform_footer.top_label { max-width: 1040px; margin: auto !important; } .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; } .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: #333333; } .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: 45px; line-height: 4.5rem; 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.validation_message { display: block; color: #d42027; } .gform_legacy_markup_wrapper .gform_validation_errors>h2 { font-size: 16px !important; font-weight: 700 !important; line-height: unset !important; color: #790000 !important; margin: 0 !important; padding: 0 !important; margin-left: 25px !important; } /* .wpfd-single-file.wpfd-file-type-png .wpfd-single-file--icon, .wpfd-single-file.wpfd-file-type-png .wpfd-icon-placeholder { background-image: none !important; background-color: #e30000 !important; } .wpfd-single-file.wpfd-file-type-png .svg_placeholder svg.preview-svg { background-color: #e30000 !important; } .wpfd-single-file.wpfd-file-type-png .svg_placeholder #iconBackground rect { fill: #e30000 !important; }*/ /* ------------------------------------------ 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: 0 35px 15px 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::after { content: ""; position: absolute; z-index: 10; right: 20px; top: 22px; width: 0; height: 0; border-style: solid; border-width: 6px 6px 0 6px; border-color: #cccccc transparent transparent transparent; } /* ------------------------------------------ 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: #00A7FF; color: #ffffff; padding: 15px 30px!important; margin-right: 0!important; font-size: 16px!important; font-size: 1.6rem!important; outline: none; -webkit-box-shadow: none; box-shadow: none; border-radius: 0px; -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); } body .gform_wrapper .gform_ajax_spinner { width: 50px; } /* ------------------------------------------ Error Styles ------------------------------------------ */ .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: #d42027 !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 #d42027; box-shadow: 0px 2px 0px #d42027; 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*/ @media only screen and (max-width: 641px) { .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;} } @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; } } /* ACA form styling */ .form .gform_wrapper .gsection, .form .gform_wrapper li.gfield.field_description_below+li.gsection, #gform_fields_1 { margin-top: 60px !important; } .form .gform_wrapper h2.gsection_title { font-size: 48px; line-height: 60px; } /*.form .gform_wrapper .top_label .gfield_label { display: none; }*/ .form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .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, .gform_wrapper textarea, .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { border: none; padding: 15px 20px !important; -webkit-box-sizing: border-box !important; box-sizing: border-box !important; border-radius: 2px; font-size: 16px; line-height: 16px; height: 50px; font-weight: 200; font-family: 'Montserrat', sans-serif; } .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: 1% !important; } .gform_wrapper textarea { height: inherit; } #gform_wrapper_1 .ginput_container_email input, #gform_wrapper_1 .ginput_container_phone input { width: 100%; } /* checkboxes/radio */ body .gform_wrapper ul li.field_description_below div.ginput_container_checkbox ul, body .gform_wrapper ul li.field_description_below div.ginput_container_radio ul { display: block; columns: 3 200px; column-gap: 30px; } .gform_wrapper.gf_browser_chrome .gfield_checkbox li input, .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox], .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] { -webkit-appearance: none !important; } .entry-content .gform_wrapper #field_1_12 .gfield_label { display: block; margin-top: 30px; color: #002344; text-transform: uppercase; font-size: 16px; line-height: 18px; } .gform_wrapper ul.gfield_checkbox > li, .gform_wrapper ul.gfield_radio > li { display: block; position: relative; margin: 10px 10px 10px 0px !important; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100% !important; overflow: visible !important; } .gform_wrapper ul.gfield_checkbox li label, .gform_wrapper ul.gfield_radio li label { display: block; position: relative; width: auto; margin-top: 5px; margin-left: 0px; padding-left: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; } .gform_wrapper ul.gfield_checkbox li input[type=checkbox] + label:before, .gform_wrapper ul.gfield_radio li input[type=radio] + label:before { font-family: "Font Awesome 5 Pro"; font-weight: 700; font-size: 19px; content: '\f0c8'; display: inline; position: absolute; top: -4px; left: -22px; color: #fff; } .gform_wrapper ul.gfield_checkbox li input[type=checkbox] + label:before { content: '\f0c8'; } .gform_wrapper ul.gfield_radio li input[type=radio] + label:before { content: '\f111'; } .gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked + label:before { content: '\f14a'; color: #00A7FF; } .gform_wrapper ul.gfield_radio li input[type=radio]:checked + label:before { content: '\f192'; color: #00A7FF; } /* submit */ .form .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .form .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] { display: inline-block; position: relative; min-width: 200px; margin: 30px auto !important; padding: 20px 40px !important; background: #00A7FF; border-radius: 0px; border: none; outline: none; -webkit-box-shadow: none; box-shadow: none; font-family: 'Montserrat', sans-serif; font-weight: 200; color: #fff; font-weight: 400; font-size: 14px !important; line-height: 14px !important; font-weight: 700; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; -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; } .form .gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type=submit]:hover, .form .gform_wrapper .gform_page_footer input.button:hover, .gform_wrapper .gform_page_footer input[type=submit]:hover { cursor: pointer; background: #00477F; -webkit-box-shadow: none; box-shadow: none; } #gform_wrapper_1.gform_wrapper .gform_footer { margin-top: 0px; padding-top: 0px; } /* Layout */ /* #wpadminbar { display: none !important; } */ html.chrome { margin-top: 0px !important; } body { color: #222222; font-family: 'Montserrat', sans-serif; font-weight: 300; font-size: 15px; line-height: 24px; top: 0px; overflow-x: hidden; background-color: #eeeeee; } body p { font-size: 15px; line-height: 24px; } body a { color: #006DB7; text-decoration: none; } a.no-text { font-size: 0px !important; line-height: 0px !important; opacity: 0; } .post a.no-text { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; } li.no-wrap > a, .no-wrap:not(.menu-item) { white-space: nowrap; } /* #wrapper { margin-top: 72px; } */ h1, h2, h3, h4, h5, h6 { font-weight: 400; } h1 { font-size: 48px; line-height: 60px; margin-bottom: 30px; } h2, h3 { color: #D5363D; } h2 { font-weight: 200; font-size: 36px; line-height: 40px; } body img { display: block; position: relative; width: 100%; /* height: auto;*/ } p { margin-bottom: 8px; } strong, b { font-weight: 700; } em { font-style: italic; } p a { color: #006DB7; text-decoration: none; font-weight: 400; -webkit-transition: color .25s ease-in-out; -o-transition: color .25s ease-in-out; transition: color .25s ease-in-out; } p a:hover { color: #053C67; } div { -webkit-box-sizing: border-box; box-sizing: border-box; } div > p:last-of-type { margin-bottom: 0px; } section { -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); -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.row.full { opacity: 0; } section.row.full.visible { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .row { display: block; position: relative; width: 100%; } .row.narrow { max-width: 1250px; padding: 40px 0px 20px 0px; margin: 0 auto; } .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; justify-content: center; } .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: 10px; } .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) - 21px); flex-basis: calc((100% / 3) - 21px); max-width: calc((100% / 3) - 21px); } .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% - 23px); flex-basis: calc(25% - 23px); max-width: calc(25% - 23px); } .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% - 30px); flex-basis: calc(20% - 30px); max-width: calc(20% - 30px); } .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) - 26px); flex-basis: calc((100% / 6) - 26px); max-width: calc((100% / 6) - 26px); } .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; } .animsition-overlay-slide { z-index: 2000; background: #053C67; } /* .animsition-overlay-slide:after { content: ''; background: url(//americancanoe.org/wp-content/themes/ACA/images/macular-logo1-rev.png) no-repeat center center; background-size: 200px 60px; display: block; position: relative; width: 100%; height: 100%; } */ body.login { background: #053C67; } /* animations */ @-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; } } @-webkit-keyframes pageFeatLoad { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes pageFeatLoad { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } /* ================= Flexible page builder ================= */ .page-template-default main#content > section:last-of-type { padding-bottom: 3rem; } #content > .flex-content { background: #EEEEEE; } .block-title.row.narrow { padding-bottom: 0px; } .block-title + .row.narrow { padding-top: 20px; } .block-title h2 { font-weight: 200; font-size: 36px; line-height: 40px; } .block-intro { flex-basis: 100%; } /* update */ .row.update * { /* text-align: center; */ } .block-title.update h2 { margin-bottom: 20px; } /* text & image */ .text_and_image.row.narrow { display: flex; flex-wrap: wrap; align-content: flex-start; align-items: flex-start; } .text_and_image .img-wrap { display: block; position: relative; flex-basis: 40%; } .text_and_image .img-wrap .thumb { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .text_and_image .img-wrap:before { content: ''; display: block; position: relative; float: left; height: 0px; padding-bottom: 100%; } .text_and_image .img-wrap:after { content: ""; display: table; clear: both; } .text_and_image.right .img-wrap { order: 2; } .text_and_image.left .img-wrap { order: 1; } .text_and_image .text-wrap { flex-basis: 60%; } .text_and_image .text-wrap h2 { margin-bottom: 20px; } .text_and_image.right .text-wrap { order: 1; padding-right: 40px; } .text_and_image.left .text-wrap { order: 2; padding-left: 40px; } .text-wrap ul { list-style: disc; margin: 10px 0px 10px 20px; } .text-wrap ol { margin-left: 20px; margin-top: 10px; list-style-type:decimal; } /* tabs list */ .row.default + .flex-content > .tabs { padding-top: 30px; } .row.default + .flex-content > .tabs > .js-tabs { margin-top: 5px; } .block-title.tabs, .flex-content.tabs { background: #eee; } .js-tabs { margin-top: 30px; } .tabs__list { display: flex; position: relative; flex-wrap: wrap; } .tabs__list li.tabs__item { display: inline-block; position: relative; text-align: center; margin: 0px 8px 0px 0px; height: auto; width: auto; box-sizing: border-box; } .tabs__list li.tabs__item:first-of-type { margin-left: 0px; } .tabs__list li.tabs__item:last-of-type { margin-right: 0px; } .tabs__list li.tabs__item a { display: block; position: relative; box-sizing: border-box; padding: 20px 25px; background: #00A7FF; color: #fff; text-align: center; text-transform: uppercase; font-weight: 200; transition: all .25s ease-in-out; } .tabs__list li.tabs__item a[aria-selected="true"] { background: #fff; color: #112F52; font-weight: 700; } .tabs__content { background: #fff; padding: 40px; width: 100%; } .tabs__content .text-wrap { display: flex; position: relative; flex-wrap: wrap; justify-content: space-between; grid-column-gap: 20px; } .tabs__content .text-wrap > div { flex-basis: calc(50% - 20px); flex-grow: 1; } .tabs__content .text-wrap p { margin-top: 5px; } .tabs__content .text-wrap p:first-of-type { margin-top: 0px; } ul.tab-links { display: block; position: relative; column-span: all; columns: 2 300px; column-gap: 40px; list-style: disc; margin-top: 20px; color: #112F52; } ul.tab-links li { padding-bottom: 5px; margin-left: 15px; } ul.tab-links a { color: #112F52; font-weight: 700; text-transform: uppercase; } /* team-members */ .team_members ul.member-list { width: 100%; max-width: 100%; list-style: none; margin: 0; padding: 0; display: -ms-grid; display: grid; grid-gap: 1rem; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -webkit-box-align: center; -ms-flex-align: center; align-items: start; } @media (min-width: 576px) { .team_members ul.member-list { grid-gap: 1rem; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } } @media (min-width: 992px) { .team_members ul.member-list { grid-gap: 1.5rem; -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; } } .team_members ul.member-list li { width: 100%; height: 100%; text-align: center; list-style: none; margin: 0; padding: 0; background-color: #FFF } .team_members ul.member-list li img { width: 100%; max-width: 100%; height: auto; } .team_members ul.member-list li div { padding: 1rem; } .team_members ul.member-list li div span { display: block; font-style: italic; color: #222; } .team_members ul.member-list li div span.name { font-style: normal; font-weight: bold; color: #00529c; text-transform: uppercase; } /* FAQ / accordion */ .faq__header { display: block; position: relative; appearance: none !important; background: none !important; border: none !important; width: 100%; text-align: left; padding: 10px 0px 10px 40px; margin: 0px; color: #112F52; font-family: 'Montserrat', sans-serif; font-size: 20px; line-height: 28px; font-weight: 500; } .faq__header:active, .faq__header:focus { box-shadow: none !important; } .faq__header:before { content: ""; display: block; position: absolute; left: 0; top: 10px; font-family: 'Font Awesome 5 Pro'; color: #112F52; font-size: 24px; line-height: 28px; transition: all .25s ease-in-out; } .faq__header[aria-expanded="true"]:before { content: ""; transform: rotate(180deg); } .faq__panel .faq__title { display: none; } .faq__panel { padding: 0px 0px 20px 40px; } .faq h2 { margin-bottom: 20px; } /* expand items */ .expand-item { display: flex !important; position: relative; flex-wrap: wrap; align-items: flex-start; align-content: flex-start; background: #fff; padding-bottom: 0px; } .expand-item .img-wrap, .expand-item .text-wrap, .expand-item .read-more { display: block; position: relative; flex-basis: 100%; min-width: 100%; } .expand-item .text-wrap { padding: 30px 30px 60px 30px; background: #fff; align-self: stretch; } .expand-item .text-wrap > .text-wrap { padding: 0px; } .expand-item .text-wrap h3 { color: #112F52; font-weight: 500; font-size: 20px; line-height: 24px; padding-bottom: 5px; } .expand-item-modal { background: #fff; } .expand-item .img-wrap, .expand-item-modal .img-wrap { display: block; position: relative; width: 100%; height: auto; margin: 0px; padding: 0px; background: #fff; } .expand-item .img-wrap .thumb, .expand-item-modal .img-wrap .thumb { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .expand-item .img-wrap.logo .thumb, .expand-item-modal .img-wrap.logo .thumb { width: calc(100% - 60px); height: calc(100% - 30px); top: 30px; left: 30px; } .expand-item .img-wrap:before, .expand-item-modal .img-wrap:before { content: ''; display: block; position: relative; float: left; height: 0px; } .expand-item .img-wrap:after, .expand-item-modal .img-wrap:after { content: ""; display: table; clear: both; } .expand-item .img-wrap.photo:before, .expand-item-modal .img-wrap.photo:before { padding-bottom: 70%; } .expand-item .img-wrap.logo:before, .expand-item-modal .img-wrap.logo:before { padding-bottom: 30%; } .col-3 .expand-item .img-wrap.logo:before, .col-4 .expand-item .img-wrap.logo:before { padding-bottom: 50%; } .expand-item .read-more { position: absolute; bottom: 0; left: 0; padding: 0px 30px 30px 30px; color: #0071AD; font-size: 14px; line-height: 16px; transition: color .25s ease-in-out; background: #ffffff; align-self: flex-end; } .expand-item .read-more:hover, .expand-item .read-more:hover:before { color: #112F52; } .col-1 .expand-item { padding-bottom: 0px; } .col-1 .expand-item:after { content: ""; display: block; position: absolute; width: calc(100% - 60px); left: 30px; bottom: 0; border-bottom: 1px solid #979797; } .col-1 .expand-item:last-of-type:after { border-bottom: none; } .col-1 .expand-item .img-wrap, .col-1 .expand-item .text-wrap { min-width: inherit; } .col-1 .expand-item .img-wrap { flex-basis: 30%; width: 30%; } .col-1 .expand-item .text-wrap { flex-basis: 70%; flex-grow: 2; padding-bottom: 30px; align-self: stretch; } .col-1 .expand-item .read-more { position: relative; bottom: inherit; left: inherit; padding: 20px 30px 0 0; } .col-1 .expand-item .text-wrap + .read-more { padding-top: 0px; } .col-1 .expand-item .text-wrap + .read-more:before { top: 0px; } .col-1 .expand-item .read-more:before { top: 20px; left: 0px; } body .fancybox-overlay { background: rgba(0, 64, 128, 0.9); } .expand-item-modal { display: flex; position: relative; flex-wrap: wrap; align-content: flex-start; align-items: flex-start; padding: 60px 80px; border-top: 4px solid #00A7FF; } .expand-item-modal .text-wrap { flex-basis: 65%; flex-grow: 1; } .expand-item-modal h3 { font-size: 40px; line-height: 44px; } .expand-item-modal ul { list-style: disc; margin-left: 20px; margin-bottom: 10px; } .expand-item-modal .img-wrap { flex-basis: 30%; margin-left: 5%; } body .fancybox-close { background: url(//americancanoe.org/wp-content/themes/ACA/images/icon-close-circle-white.svg) no-repeat center center; background-size: contain; top: 0px; right: -50px; } /* video */ /* map */ .block-title.row.narrow + .map { padding-top: 30px; } .flex-content .acf-map { border: none; } /* CTA */ .cta-photo { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; } .cta-content-wrap { display: flex; flex-wrap: wrap; align-content: center; align-items: center; min-height: 700px; z-index: 2; } .cta-content-wrap.L { justify-content: flex-start; } .cta-content-wrap.R { justify-content: flex-end; } .cta-content { display: block; position: relative; width: 40%; padding: 50px; background: rgba(0, 167, 255, 0.85); color: #fff; } .cta-content h2, .cta-content p { color: #fff; } .cta-content h2 { font-size: 42px; line-height: 48px; } .cta-content a.button { margin-bottom: 0px; } /* video */ .vid-wrap { position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%; height: auto; } .vid-wrap iframe, .vid-wrap object, .vid-wrap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .vid-list-item h5 { margin: 5px 0px; } /* tabs */ .tabs__content[aria-hidden=true] { display: none; } [role="tab"].tab { opacity: .6; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } [aria-selected="true"].tab { opacity: 1; font-size: 1.7em; width: 1.7em; height: 1.7em; } .invisible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* accordion */ .js-accordion__panel[aria-hidden=true] { display: none; } /* section - page feature */ .page-feature .page-feature-wrap { display: block; position: relative; width: 100%; height: 100%; } section.page-feature { display: flex; position: relative; align-content: center; align-items: center; justify-content: center; height: auto; min-height: 600px; max-height: 70vh; opacity: 1 !important; -webkit-transform: translateY(0px) !important; -ms-transform: translateY(0px) !important; transform: translateY(0px) !important; -webkit-animation: .75s ease-out 0s 1 pageFeatLoad; animation: .75s ease-out 0s 1 pageFeatLoad; color: #fff; } @media only screen and (max-width: 768px) { section.page-feature { min-height: fit-content; padding: 80px 0; } } .page-feature-wrap { display: block; position: relative; height: auto; text-align: center; z-index: 2; } .page-feature-wrap h1, .page-feature-wrap .page-parent { text-transform: uppercase; color: #fff; text-shadow: 0px 0px 15px rgba(0,0,0,0.5); font-weight: 700; } .page-feature-wrap h1 { margin-bottom: 0px; font-size: 50px; line-height: 50px; -webkit-animation: 1s ease-out 0s 1 pageFeatLoad; animation: 1s ease-out 0s 1 pageFeatLoad; } .page-feature-wrap .page-parent { font-size: 18px; line-height: 24px; -webkit-animation: 1.25s ease-out 0s 1 pageFeatLoad; animation: 1.25s ease-out 0s 1 pageFeatLoad; } .page-feature-wrap .page-subtitle { font-size: 22px; line-height: 28px; max-width: 800px; margin: 20px auto 0px auto; } .page-feature .header-vid-wrap { display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow: hidden; } .page-feature .header-vid-wrap video { display: block; position: absolute; width: auto; min-width: 100%; max-width: 150%; height: auto; min-height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); } .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); } /* single/default */ .entry-content img.page-icon { display: block; position: relative; width: 100px; height: auto; margin: 60px auto 30px auto; } .title-child-page { text-align: center; color: #006DB7; font-size: 45px; line-height: 56px; } #comment-section .row.narrow { padding-top: 0px; } #commentform p label { display: block; position: relative; } #commentform p { margin-bottom: 15px; } #commentform p input[type="text"], .comment-form-comment textarea { display: block; position: relative; height: 50px; width: 100%; padding: 10px 15px; border-radius: 2px; border: 1px solid #d8d8d8 !important; box-shadow: none !important; outline: none !important; font-family: 'Montserrat', sans-serif; font-weight: 300; } .comment-form-comment textarea { height: auto; } #commentform p input[type="text"]:active, .comment-form-comment textarea:active, #commentform p input[type="text"]:focus, .comment-form-comment textarea:focus { border: 1px solid #006DB7 !important; } #commentform p input[type="checkbox"] + label { display: inline-block; } .entry-content img.size-large { max-width: 75%; } .entry-content img.size-medium { max-width: 50%; } .entry-content img.size-thumbnail { max-width: 25%; } .entry-content img.alignright { margin-right: 0px; margin-left: auto; } .entry-content img.alignleft { margin-left: 0px; margin-right: auto; } .entry-content img.aligncenter { margin-left: auto; margin-right: auto; } #comments h3 { padding-bottom: 10px; color: #006DB7; font-size: 24px; line-height: 28px; font-weight: 300; } #comments-list .comment { padding: 30px; margin-top: 15px; } #comments-list .even.comment { background-color: #f5f5f5; } #comments-list .odd.comment { background-color: #f0f0f0; } #comments .avatar { display: inline-block; width: 63px; height: 63px; } #comments .fn { vertical-align: top; padding-left: 15px; color: #974778; font-weight: 700; font-style: normal; } #comments-list .comment .says, #comments-list .comment .commentmetadata { display: none; } #comments-list .comment .comment-body > p { margin-left: 78px; } #comments-list .comment .comment-body > p:first-of-type { margin-top: -30px; } #comments-list .comment .comment-body em { display: block; margin-top: -35px; margin-left: 78px; } #comments-list .comment .reply a { display: inline-block; position: relative; margin-top: 15px; padding: 7px 15px; border-radius: 8px; background: none; outline: none; border: 1px solid #006DB7; color: #006DB7; font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 16px; font-weight: 700; 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; } .comment-respond { display: block; position: relative; margin-top: 90px; } .comment-reply-title small { position: absolute; display: inline-block; right: 0px; vertical-align: bottom; text-align: right; } #cancel-comment-reply-link { font-size: 14px; } #comments .logged-in-as { font-size: 12px; opacity: .6; } #comments .submit { padding: 20px 40px; border-radius: 8px; background: #006DB7; outline: none; border: 2px solid #006DB7; color: #fff; font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 16px; font-weight: 700; 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; } #comments .submit:hover { cursor: pointer; background: #fff; color: #006DB7; } /* section - alternating */ .alt-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .alt-row > div { -ms-flex-preferred-size: calc(50%); flex-basis: calc(50%); -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .alt-row .img-wrap { overflow: hidden; } .alt-row .img-wrap:before { content: ''; display: block; position: relative; float: left; height: 0px; padding-bottom: 70%; } .alt-row .img-wrap:after { content: ""; display: table; clear: both; } .alt-row .img-wrap .thumb { display: block; position: relative; width: 100%; height: 100%; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -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; } .alt-row:hover .img-wrap .thumb { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .alt-row .text-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: left; padding: 60px; } #content .alt-row .text-wrap > h2, .alt-row .text-wrap > p, .alt-row .text-wrap > div { -ms-flex-preferred-size: 100%; flex-basis: 100%; text-align: left; margin: 0px 0px 10px 0px; padding: 0px; } #content .alt-row .text-wrap > h2 { color: #053C67; -webkit-transition: color .25s ease-in-out; -o-transition: color .25s ease-in-out; transition: color .25s ease-in-out; } #content .alt-row:hover .text-wrap > h2 { color: #006DB7; } .alt-row .text-wrap > p.subtitle { margin-bottom: 10px; color: #00205B; font-size: 18px; line-height: 18px; font-weight: 400; text-transform: uppercase; } .alt-row .text-wrap > a.button { margin: 30px auto 0px 0px; } .alt-section > div:nth-of-type(odd) .img-wrap { /* margin-right: 30px; */ } .alt-section > div:nth-of-type(odd) .text-wrap { /* margin-left: 30px; */ } .alt-section > div:nth-of-type(even) .img-wrap { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; /* margin-left: 30px; */ } .alt-section > div:nth-of-type(even) .text-wrap { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; /* margin-right: 30px; */ } .alt-row .blog-link { display: block; position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; } /* section - endorsements */ #endorsements { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 500px; background: #05C3DE; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } #endorsements quote { color: #fff; font-size: 33px; line-height: 40px; font-weight: 200; } #endorsements .quote-author { margin-top: 10px; color: #00205B; font-size: 22px; line-height: 30px; } /* single page layout */ #page-title.row.full { background: #032845; color: #fff; font-size: 33px; line-height: 40px; font-weight: 200; text-transform: uppercase; } #page-title .row.narrow { padding: 30px 60px; } #page-title h1 { font-size: 33px; margin-bottom: 0px; } #single-page-title .row.narrow { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #single-page-title .date { display: inline-block; width: auto; } #single-page-title .a2a_kit { display: inline-block; margin: 0 0 0 auto; } #single-page-title h1 { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-top: 15px; } .page-content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .page-content .entry-content { -ms-flex-preferred-size: calc( (100% / 6) * 5); flex-basis: calc( (100% / 6) * 5); -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; /* padding-left: 40px;*/ } .entry-content video { display: block; position: relative; width: 100%; max-width: 100%; height: auto; margin: 30px 0px; } .entry-content img { width: auto; max-width: 100%; } .page-template-default #content .entry-content h2 { margin-bottom: 10px; padding: 0px; color: #006DB7; font-size: 46px; line-height: 50px; font-weight: 300; text-align: left; } .page-template-default #content .entry-content h3 { padding: 0px; color: #222222; font-size: 20px; line-height: 28px; font-weight: 300; text-align: left; padding-bottom: 20px; } /* .page-template-default #content .entry-content h3, .page-template-default #content .entry-content h4 { color: #006DB7; font-size: 20px; line-height: 28px; } .page-template-default #content .entry-content h4 { color: #053C67; } .page-template-default #content .entry-content h5 { color: #053C67; } */ .page-template-default #content .entry-content strong, .page-template-default #content .entry-content b { font-weight: 700; } .page-template-default #content .entry-content em { font-style: italic; } /* icons row */ #ctas, #goals, .icon-list { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 60px 0px 90px 0px; } #ctas { padding: 0px; background-color: #fff; color: #112F52; } #ctas > h2, .icon-list > h2 { /* margin-bottom: 30px; */ font-weight: 300; font-size: 46px; line-height: 50px; color: #112F52; } /* #ctas.D > h2 { color: #fff; } #ctas.L > h2 { color: #ffffff; } .page-id-17 #goals { background: #F2F2F2; } */ .icon-intro.row.narrow { padding-top: 90px; padding-bottom: 0px; } .icon-intro h2 { font-size: 30px; line-height: 32px; font-weight: 600; } .icon-intro p { color: #333; font-size: 18px; line-height: 26px; } .icon-row, .icon-row .icon { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .icon-row.row.narrow { padding: 0px 60px 90px 60px; } .icon-row > h2 { -ms-flex-preferred-size: 100%; flex-basis: 100%; text-align: center; } .icon-row li { margin: 15px !important; padding: 0px 30px; -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; -webkit-animation-play-state: paused; animation-play-state: paused; } .icon-row li a { position: relative; display: block; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; } .icon-row .icon img { display: block; position: relative; width: 80px; height: 80px; margin: 20px auto; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(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; } .icon-row .icon a:hover img { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } .D .icon-row .icon p { font-size: 18px; line-height: 24px; } .D .icon-row .icon p { color: #fff; } .L .icon-row .icon p { color: #fff; } .icon-row .title { color: #112F52; text-transform: uppercase; font-size: 15px; line-height: 18px; font-weight: 600; } .icon-row.light .title { color: #006DB7; } .icon-row.light .text { color: #444444; font-size: 16px; line-height: 20px; } .filtered-posts { background: #eee; } .sidebar h2 + p { color: #444444; padding-bottom: 10px; font-size: 14px; line-height: 18px; } .row .sidebar > div:first-of-type h2 { margin-top: 0px; } /* =========================================================== */ /* == Events Post Filter Section ==============================*/ /* =========================================================== */ .row .sidebar .filter-group { margin-bottom: 10px; color: #112F52; } .filter-group .col-3 { justify-content: flex-start; } div#stuff-filters { background-color: #e5e5e5; padding: 0 20px; } /* Customize the label (the container) */ section#resources .row.narrow.posts-grid { padding: 30px 0 !important; } .row .filter-group label { display: block; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin: .25rem 0 .5rem; font-size: .85rem; line-height: 1.2; text-transform: uppercase; font-weight: 900; letter-spacing: 0.05em; } .row .filter-group label:focus { outline: blue; } /* Input fields */ .filter-group select { padding: 1em 2em 1em 1.5em; border: none; font-size: 1em; font-family: 'Montserrat', sans-serif; color: #666666; background: url(//americancanoe.org/wp-content/themes/ACA/images/menu-icon-arrow.svg) 97% center / 2rem no-repeat; background-color: #ffffff; -webkit-appearance: none; overflow: hidden; } /* Filter controls (buttons) */ button.filter-button-group.button { min-width: 9rem; margin-top: .25em; margin-right: 1rem; background: #00a7ff; color: #fff; font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-size: .9em; border: none !important; } button.filter-button-group.button:hover, button.filter-button-group.button:focus { cursor: pointer; background: #112F52; color: #fff; } #clear-filters { display: inline-block; position: relative; width: auto; height: auto; border: none !important; box-shadow: none; background: none; color: #00a7ff; font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 16px; transition: color .25s ease-in-out; } #clear-filters:hover { cursor: pointer; color: #112F52; } @media only screen and (min-width: 640px) { .filter-group .filter-col { flex-basis: 100%; max-width: 100%; } } @media only screen and (min-width: 1024px) { .filter-group .col-3 { display: grid; grid-auto-flow: column; justify-content: flex-start; } .filter-group .filter-col { max-width: none; } } @media only screen and (min-width: 1240px) { [id="stuff-filters"] { display: flex; } [id="stuff-filters"] .filter-buttons { display: flex; align-items: flex-end; } button.filter-button-group.button { margin-left: 20px; margin-bottom: 21px; } #clear-filters { margin-bottom: 33px; } } .row section.posts { -ms-flex-preferred-size: 100%; flex-basis: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; overflow-y: hidden; } #toggle-view.button { min-width: auto; margin-left: 0; } #toggle-view .fa-th-large { display: none; } #toggle-view .fa-bars { display: inline-block; } #toggle-view.list-mode .fa-th-large { display: inline-block; } #toggle-view.list-mode .fa-bars { display: none; } section#resources #blog-posts .post { position: relative !important; top: inherit !important; left: inherit !important; width: calc(25% - 21px); min-width: calc(25% - 21px); max-width: calc(25% - 21px); height: auto; -webkit-animation-name: none !important; animation-name: none !important; } section#resources.list #blog-posts .post { width: 100%; min-width: 100%; max-width: 100%; height: auto; overflow: hidden; } section#resources.list #blog-posts .post a { width: auto; height: auto; } section#resources.list #blog-posts .post .text-wrap { display: grid; grid-template-columns: 50% 50%; grid-gap: 1rem; align-items: center; } section#resources.list #blog-posts .post .text-wrap .date { grid-row: 1; grid-column: 1 / 4; } section#resources.list #blog-posts .post .text-wrap .location { grid-row: 2; grid-column: 1 / 4; } section#resources.list #blog-posts .post .text-wrap h5 { grid-row: 3; grid-column: 1 / 4; } section#resources.list #blog-posts .post .text-wrap em { grid-row: 4; grid-column: 1 / 4; } @media screen and (min-width: 768px) { section#resources.list #blog-posts .post .text-wrap { display: grid; grid-template-columns: 25% 25% 50%; grid-column-gap: 1rem; grid-row-gap: .125rem; align-items: start; } section#resources.list #blog-posts .post .text-wrap .date { padding-top: 0; grid-row: 1; grid-column: 1; } section#resources.list #blog-posts .post .text-wrap .location { grid-row: 1; grid-column: 2; margin-bottom: 0; line-height: 24px; } section#resources.list #blog-posts .post .text-wrap h5 { grid-row: 1; grid-column: 3; margin-bottom: 3px; } section#resources.list #blog-posts .post .text-wrap em { grid-row: 2; grid-column: 3; } } @media all and (min-width: 1200px) { section#resources.list #blog-posts .post .text-wrap { grid-template-columns: 20% 20% 60%; } } @media all and (min-width: 1600px) { section#resources.list #blog-posts .post .text-wrap { grid-template-columns: 15% 15% 70%; } } /* Grid-list toggle */ /* View Create two equal columns that floats next to each other */ .column { float: left; width: 25%; padding: 10px; } /* Clear floats after the columns */ .row:after { content: ""; display: table; clear: both; } /* list with icons */ .icon-list-item.row.narrow { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; padding: 60px 0px; } #icons-list > div:nth-of-type(odd) { background: #F5F5F5; } .icon-list-item .img-wrap { display: block; position: relative; -ms-flex-preferred-size: 100px; flex-basis: 100px; height: auto; } .icon-list-item .text-wrap { display: block; position: relative; -ms-flex-preferred-size: calc(100% - 100px); flex-basis: calc(100% - 100px); padding-left: 40px; overflow: hidden; } .icon-list-item .text-wrap .text { -webkit-transition: max-height .5s ease-in-out; -o-transition: max-height .5s ease-in-out; transition: max-height .5s ease-in-out; } .icon-list-item h2 { color: #006DB7; font-size: 34px; line-height: 40px; } .icon-list-item h3 { color: #4E84A3; } .icon-list-item .read-more, .icon-list-item .read-less { display: block; position: relative; background: #fff; padding: 5px 0px; color: #0B4A72; font-size: 14px; font-weight: 500; -webkit-transition: color .25s ease-in-out; -o-transition: color .25s ease-in-out; transition: color .25s ease-in-out; } #icons-list > div:nth-of-type(odd) .read-more, #icons-list > div:nth-of-type(odd) .icon-list-item .read-less { background: #F5F5F5; } .icon-list-item .read-more:hover, .icon-list-item .read-less:hover { color: #4E84A3; } .icon-list-item .read-more .icon, .icon-list-item .read-less .icon { content: url(//americancanoe.org/wp-content/themes/ACA/images/ACA-icon_arrow.svg); display: inline-block; position: relative; width: 15px; height: 15px; margin-left: 5px; top: 3px; } .icon-list-item .read-less .icon { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } /* Accordion */ .accordion-prefix-class__panel[aria-hidden=true] { display: none; } #accordion .row.narrow { padding-top: 0px; } #accordion button { display: block; position: relative; width: 100%; height: auto; margin-top: 20px; margin-bottom: 0px; padding: 20px 90px 20px 30px; color: #fff; font-size: 22px; line-height: 22px; text-transform: uppercase; text-align: left; background: #974778; outline: none !important; border: none !important; } #accordion h2 { display: none; } .js-accordion__panel { top: 5px; } .js-accordion__panel ul { list-style: disc; margin-left: 20px; margin-bottom: 10px; margin-top: 10px; } .js-accordion__panel ol { list-style: decimal; margin-left: 20px; margin-bottom: 10px; margin-top: 10px; } .js-accordion__panel .courses a { display: inline; position: relative; padding: 0px 5px; } .js-accordion__panel .courses a:after { content: ""; display: block; position: absolute; width: 1px; height: 15px; top: 2px; right: 0px; background: rgba(35, 35, 46, 0.5); } .js-accordion__panel .courses a:last-of-type:after { display: none; } /* .js-accordion__header { border-bottom: 1px solid #ffffff !important; } */ /* .accordion > h2:first-of-type { margin-top: 0px; } */ /* .accordion > h2:after { content: url(//americancanoe.org/wp-content/themes/ACA/images/menu-icon-arrow.svg); display: block; position: absolute; width: 30px; height: 30px; top: 20px; right: 20px; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -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; } .accordion > h2[aria-selected="true"] { outline: none !important; } .accordion > h2[aria-selected="true"]:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } */ #accordion .text { display: block; position: relative; width: 100%; padding: 30px; background: #F5F5F5; } #accordion .text ul, #accordion .text li, #accordion .text p { margin-bottom: 20px; } #accordion .text ul, #accordion .text ul ul { padding-left: 20px; } #accordion .text ul { list-style: disc; } #accordion .text ul ul { list-style: circle; } #accordion .text h3 { color: #974778; font-weight: 700; margin-bottom: 10px; } .page-content .row.narrow { margin: 0px auto; padding: 40px 0px 0px; max-width: 1250px; } .page-content .page-header { margin-bottom: 30px; border-bottom: 12px solid #f1f1f1; } a.button, button.button { display: inline-block; position: relative; margin: 30px auto; padding: 15px 20px; border-radius: 0px; background: #006DB7; color: #fff; font-weight: 200; font-size: 16px; line-height: 16px; text-decoration: none; text-transform: none; letter-spacing: 1px; -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; } .row.narrow.entry-content .button { margin: 5px 0; } a.button:hover, button.button:hover { color: #fff; background: #00477F; } a.button.outline { border: 1px solid #006DB7; color: #006DB7; 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; } a.button.outline:hover, button.button.outline:hover { background: #006DB7; color: #fff; } a.button.light, button.button.light { background: #fff; color: #C32032; } a.button.light:hover, button.button.light:hover { background: #C32032; color: #fff; } /* sliders */ .flexslider-controls { /* display: block; position: relative; width: 100%; height: 120px; margin-top: -120px; background: rgba(255,255,255,.7); */ } .flex-control-nav.row.narrow { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; width: 100%; height: 100%; bottom: inherit; margin: 0px auto; padding: 0px; } .flex-control-nav li { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; height: 100%; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0px; padding: 5px; border-right: none !important; background: rgba(255,255,255,0); font-size: 22px; line-height: 24px; font-weight: 300; -webkit-transition: background .5s ease-in-out, border .5s .5s ease-in-out; -o-transition: background .5s ease-in-out, border .5s .5s ease-in-out; transition: background .5s ease-in-out, border .5s .5s ease-in-out; -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; -webkit-animation-play-state: paused; animation-play-state: paused; } /* .flex-control-nav li { border-right: 1px solid #979797; } */ .flex-control-paging li a { width: 15px !important; height: 15px; border-radius: 50%; background: rgba(0, 167, 255, 0.5); border: none !important; box-shadow: none !important; } .flex-control-nav li:hover { cursor: pointer; background: rgba(0, 167, 255, 0.75); } .flex-control-paging li a.flex-active { background: rgba(0, 167, 255, 1); } .tab-slider .slide, .quote-slider .slide { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; max-width: 1280px; height: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; } .tab-slider .slide { padding: 30px 0px 60px 0px; } .tab-slider .slide .img-wrap, .tab-slider .text-wrap { display: block; -ms-flex-preferred-size: 50%; flex-basis: 50%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .tab-slider .slide .img-wrap { margin-right: 60px; -ms-flex-preferred-size: calc(50% - 60px); flex-basis: calc(50% - 60px); } .tab-slider .slide .img-wrap:before { content: ''; display: block; position: relative; float: left; height: 0px; padding-bottom: 100%; } .tab-slider .slide .img-wrap:after { content: ""; display: table; clear: both; } .tab-slider .text-wrap { padding-right: 60px; } .tab-slider .text-wrap h2 { color: #006DB7; font-weight: 300; font-size: 46px; line-height: 50px; } #quotes .row.narrow { padding: 0px 60px; } .quote-slider { margin-top: 60px; } .quote-slider:before { content: ''; display: block; position: absolute; width: 50%; height: 1px; left: 50%; top: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background: #979797; } .quote-slider .slide { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 100px 0px 80px 0px; } .quote-slider .slide blockquote, .quote-slider .slide .author { display: block; -ms-flex-preferred-size: 100%; flex-basis: 100%; color: #053C67; text-align: center; font-size: 28px; line-height: 34px; } .quote-slider .slide blockquote { font-style: italic; } .quote-slider .slide .author { margin-top: 30px; color: #0567B3; } /* block - Where We Help */ #where-we-help { background: #006DB7; } #where-we-help .row.narrow { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 60px; } #where-we-help .text-wrap { -ms-flex-preferred-size: 100%; flex-basis: 100%; } #where-we-help .text-wrap h2, #where-we-help .text-wrap p { margin-bottom: 30px; color: #fff; font-size: 42px; line-height: 46px; font-weight: 200; } #where-we-help .text-wrap p { color: #F2CEE2; font-size: 44px; line-height: 48px; } /* block - Partners */ #partners.dark { background: #0B4A72; } #partners .row.narrow { padding: 0px; } #partners.dark h2, #partners.dark p { color: #fff; } #partners.light h2 { color: #006DB7; font-size: 25px; text-transform: uppercase; letter-spacing: 2px; } #partners .icon-row .icon img { width: 100%; max-width: 240px; height: auto; } /* Block - the content */ /* Navigation */ header { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; top: 10; z-index: 100; width: 100%; -ms-flex-line-pack: end; align-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; background: #fff; -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5); -webkit-transition: background .5s ease-in-out; -o-transition: background .5s ease-in-out; transition: background .5s ease-in-out; } header.alert { -ms-flex-wrap: wrap; flex-wrap: wrap; } #container-header { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; z-index: 10; width: 100%; padding: 0px 0px; max-width: 1250px; margin: 0 auto; height: 145px; } header .logo, header .logo a, header .logo img, footer .logo, footer .logo a, footer .logo img { display: block; position: relative; height: auto; width: 110px; } header .logo, footer .logo { margin: 15px 20px 15px 0px; height: auto; width: 130px; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } header .logo a, footer .logo a { width: 100%; height: 100%; } header .logo img, footer .logo img { position: relative; top: 0; left: 0; width: 130px; height: auto; -webkit-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; } header .alert { -ms-flex-preferred-size: 100%; flex-basis: 100%; background: #FDC700; text-align: center; padding: 10px 30px; z-index: 11; } header .alert p, header .alert a { display: inline-block; position: relative; margin: 0px; padding: 10px 5px; color: #053C67; } header .alert p.alert-title { font-weight: 400; } header #main, header .menu-main-menu-container { display: flex; position: relative; width: 100%; flex-wrap: wrap; } header .menu { display: flex; position: relative; width: 100%; justify-content: flex-end; align-content: center; margin-right: 0px; } nav li, nav a { display: inline-flex; position: relative; color: #112F52; font-weight: 700; font-size: 14px; line-height: 15px; text-decoration: none; text-transform: uppercase; align-items: center; } .menu-item { padding: 0px 0px 9px; } nav a { color: #112F52; margin: 0px 7px; padding: 5px 15px; -webkit-transition: color .25s ease-in-out; -o-transition: color .25s ease-in-out; transition: color .25s ease-in-out; } nav li:last-of-type a { margin-right: 0px; } nav a:hover { color: #00A7FF; } #menu-main-menu > li.menu-item-has-children:after { content: ""; position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%); width: auto; height: auto; color: #112F52; font-family: 'Font Awesome 5 Pro'; font-size: 13px; line-height: 13px; font-weight: 400; opacity: 0; transition: opacity .15s ease-in-out, bottom .15s ease-in-out; } #menu-main-menu > li.menu-item-has-children:hover:after { opacity: 1; bottom: 5px; } .screen-reader { display: block; position: absolute; top: 5px; left: 40px; font-size: 12px; line-height: 12px; max-height: 0px; width: 0px; overflow: hidden; transition: width .5s ease-in-out, max-height .5s ease-in-out; } .screen-reader.focus-aria { max-height: 50px; width: 200px; box-shadow: none !important; -webkit-box-shadow: none !important; } /* submenu styling */ .sub-menu { display: block; position: fixed; width: auto; min-width: calc(100% - 120px); height: auto; top: 145px; left: 50%; transform: translateX(-50%); z-index: 11; columns: 3 200px; column-gap: 60px; column-rule: 1px solid rgba(255,255,255, .15); padding: 30px; background: #00A7FF; visibility: hidden; pointer-events: none; } .sub-menu .sub-menu { position: relative; top: inherit; left: inherit; width: 100%; columns: 1 200px; transform: translateX(0); padding: 0px 0px 5px 0px; } .menu-item-has-children:hover .sub-menu, .menu-item-has-children:focus .sub-menu, .menu-item-has-children:focus-within .sub-menu { visibility: visible; pointer-events: all; } .menu-item-has-children .sub-menu:before { /* content: url(//americancanoe.org/wp-content/themes/ACA/images/menu-icon-submenu-arrow.svg); */ display: block; position: absolute; width: 18px; height: 9px; top: -4px; left: 15px; visibility: hidden; 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:hover .sub-menu:before { visibility: visible; } .sub-menu .menu-item { display: block; position: relative; break-inside: avoid; width: 100%; background: rgba(255, 255, 255, 0); -webkit-transition: color .25s ease-in-out; -o-transition: color .25s ease-in-out; transition: color .25s ease-in-out; padding: 0px; } .sub-menu .menu-item:hover { color: #974778; } .sub-menu > .menu-item:last-of-type { border-bottom: none; } .sub-menu a { display: block; position: relative; width: 100%; margin: 0px; padding: 10px 15px; color: #fff; text-transform: none; font-weight: 600; line-height: 18px; } .sub-menu .sub-menu a { padding: 5px 25px; font-weight: 400; line-height: 18px; } .sub-menu .sub-menu a:first-of-type { padding-top: 0px; } .sub-menu .sub-menu .sub-menu a { padding: 5px 35px; /*adjusted for third levels*/ font-weight: 400; line-height: 18px; } .sub-menu a:hover { color: rgba(255,255,255, .8); } #menu-secondary-header-menu { display: flex; position: relative; background: #EEEEEE; } #menu-secondary-header-menu li { display: inline-block; padding: 0px; margin: 0px; position: relative; } #menu-secondary-header-menu li a { display: block; position: relative; margin: 0px; padding: 12px 20px 13px 40px; color: #666666; font-size: 13px; line-height: 13px; text-transform: none; font-weight: 400; } #menu-secondary-header-menu li a:before { content: ""; position: absolute; top: 13px; left: 20px; width: auto; height: auto; color: #00A7FF; font-family: 'Font Awesome 5 Pro'; font-size: 13px; line-height: 13px; font-weight: 300; } #menu-secondary-header-menu li.estore a:before { content: ""; } #menu-secondary-header-menu li.donate a:before { content: ""; } #menu-secondary-header-menu li.login a:before { content: ""; } #menu-secondary-header-menu li.contact a:before { content: ""; } a.search-modal-trigger { display: inline-block; position: relative; background: #00A7FF; margin: 0px; padding: 10px; } a.search-modal-trigger.mobile { display: none; } a.search-modal-trigger i { color: #fff; font-family: 'Font Awesome 5 Pro'; font-weight: 200; font-size: 18px; } /* Google Translate */ a.VIpgJd-ZVi9od-l4eHX-hSRGPd { display:none; } .goog-te-banner-frame.skiptranslate { display: none !important; } body { top: 0px !important; } .goog-te-gadget .goog-te-combo { margin: 0; } select.goog-te-combo, select.goog-te-combo { background-color: #eeeeee; font-family: 'Montserrat', sans-serif; border: none; height: 38px; margin: 0 !important; border: none; width: 100% !important; padding: 5px 10px; color: #666666 !important; font-size: 13px; line-height: 13px; text-transform: none; font-weight: 200; width: 220px !important; } select.goog-te-combo { color: #666666 !important; } select.goog-te-combo:after { position: absolute; right: 18px; top: 50%; transform: translateY(-50%); font-family: "Font Awesome 5 Pro"; content: "\f107"; font-size: 16px; z-index: 20; } #google_translate_element { z-index: 10; top: 0; padding: 0; margin-right: 1px; display: inline-block; position: relative; } #google_translate_element .goog-te-gadget-simple { padding: 0; } #google_translate_element img { margin: 0; } #:0.targetLanguage { position: relative; } a.goog-logo-link { display: none; } .goog-logo-link { display:none !important; } .goog-te-gadget{ color: transparent !important; height: 0; } /* modals */ body .fancybox-opened .fancybox-skin { background: none; box-shadow: none; } #search-modal { display: flex; flex-wrap: wrap; align-content: center; align-items: center; height: 100%; } #search-modal h1, #search-modal .search-form, #search-modal .menu-footer-menu-container { flex-basis: 100%; width: 100%; display: block; position: relative; } #search-modal h1 { font-weight: 700; color: #fff; } #search-modal .menu-footer-menu-container { margin-top: 30px; } .fancybox-skin #menu-footer-menu { columns: 3 200px; column-gap: 30px; } .fancybox-skin #menu-footer-menu li a { color: #fff; text-transform: uppercase; } /* search */ .search-form input[type="search"] { width: 100%; padding: 30px; background: #fff; border-radius: 0px; outline: none; border: none; color: #666666; height: 80px; font-size: 28px; line-height: 30px; text-transform: none; font-family: 'Montserrat', sans-serif; } .search-form input::-webkit-input-placeholder { color: #666666; font-size: 28px; line-height: 30px; text-transform: none; } .search-form input::-moz-placeholder { color: #666666; font-size: 28px; line-height: 30px; text-transform: none; } .search-form input:-ms-input-placeholder { color: #666666; font-size: 28px; line-height: 30px; text-transform: none; } .search-form input::-ms-input-placeholder { color: #666666; font-size: 28px; line-height: 30px; text-transform: none; } .search-form input::placeholder { color: #666666; font-size: 28px; line-height: 30px; text-transform: none;; } .search-form input.search-field::-webkit-search-decoration, .search-form input.search-field::-webkit-search-cancel-button, .search-form input.search-field::-webkit-search-results-button, .search-form input.search-field::-webkit-search-results-decoration { -webkit-appearance:none; } .search-form .search-submit { position: absolute; height: 80px; width: 80px; top: 0; right: 0; background-color: rgba(255,255,255,0); background: url(//americancanoe.org/wp-content/themes/ACA/images/icon_search-blue.svg) no-repeat center center; background-size: 45px 45px; border: none; content: ''; color: rgba(255,255,255, 0); } /* search results */ #search-results { background: #eee; } #search-results .search-form { display: block; position: relative; width: 100%; height: auto; margin-bottom: 10px; } main .search-form input[type="search"] { width: 100%; } .search-entry-title { display: block; position: relative; padding-bottom: 15px; font-weight: 400; } .post.search-result { display: block; position: relative; padding: 20px 30px; background: rgba(255, 255, 255, 0); -webkit-transition: background .25s ease-in-out; -o-transition: background .25s ease-in-out; transition: background .25s ease-in-out; margin: 10px 0; background: rgba(255, 255, 255, .25); } .post.search-result:hover { color: #00A7FF; background: rgba(255, 255, 255, .5); } .post.search-result h2 { font-size: 32px; line-height: 38px; font-weight: 300; color: #112F52; } .post.search-result .hidden { display: block; position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; color: rgba(255,255,255,0); } .post-type { text-transform: uppercase !important; color: #00A7FF; font-weight: 500; font-size: 14px; } #main-nav-trigger { display: none; } /* secondary menu */ #secondary-nav { display: -webkit-box; display: -ms-flexbox; display: flex; align-items: flex-start; position: relative; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; width: 100%; height: auto; } /* scrolled styling */ header.scrolled { position: fixed; top: 0; left: 0; background: #fff; } header.scrolled #container-header { } header .logo #logo-horz { opacity: 0; height: 40px; top: -140px; -webkit-transition: top .5s .25s ease-in-out; -o-transition: top .5s .25s ease-in-out; transition: top .5s .25s ease-in-out } .posts-grid { /* background: #efefef; */ justify-content: space-between; } .posts-grid .post { display: block; flex-basis: calc(25% - 15px); max-width: calc(25% - 15px); min-width: calc(25% - 15px); margin: 7px 0px 20px !important; padding: 0px; border-top: 5px #00A7FF solid; background: #fff; -webkit-transition: border .25s ease-in-out, -webkit-transform .25s ease-in-out; transition: border .25s ease-in-out, -webkit-transform .25s ease-in-out; -o-transition: transform .25s ease-in-out, border .25s ease-in-out; transition: transform .25s ease-in-out, border .25s ease-in-out; transition: transform .25s ease-in-out, border .25s ease-in-out, -webkit-transform .25s ease-in-out; -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; -webkit-animation-play-state: paused; animation-play-state: paused; } .posts-grid .post:hover { border-top: 5px #112F52 solid; -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); } .posts-grid .post .img-wrap { display: block; position: relative; overflow: hidden; } .posts-grid .post .img-wrap:before { content: ''; display: block; position: relative; float: left; height: 0px; padding-bottom: 75%; } .posts-grid .post .img-wrap:after { content: ""; display: table; clear: both; } .posts-grid .post .img-wrap .thumb { display: block; position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; } .posts-grid .date { font-weight: 700; color: #112F52; } .posts-grid .text-wrap { padding: 30px; } .posts-grid .post .location { color: #0071AD; font-style: italic; } .posts-grid .post h5 { color: #444444; font-size: 22px; line-height: 28px; -webkit-transition: color .25s ease-in-out; -o-transition: color .25s ease-in-out; transition: color .25s ease-in-out; } .posts-grid .post:hover h5 { color: #112F52; } .posts-grid .post > a { display: block; position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; } .posts-grid .post .date, .posts-grid .post .date p, .posts-grid .post .date a { color: #112F52; margin-bottom: 0px; font-size: 16px; line-height: 18px; text-transform: uppercase; } .posts-grid .post .date { display: inline-block; padding-top: 10px; padding-bottom: 0px; font-size: 12px; color: #fff; } .posts-grid .post .location { margin-bottom: 20px; } .posts-grid .post .date + h2, .posts-grid .post .event-type + h2 { margin-top: 15px; } .posts-grid .post.event-post { padding: 0px 0px 75px 0px; border-top: none; padding-bottom: 75px; } .post.event-post .register-link { position: absolute; bottom: 30px; left: 30px; margin-bottom: 0px; } .posts-grid .post.event-post h2 { margin-bottom: 15px; font-size: 24px; line-height: 28px; font-weight: 300; } .posts-grid .post .event-type { display: block; padding: 20px 30px; background: #0B4A72; color: #fff; text-transform: uppercase; } .posts-grid .event-post.c .event-type { background: #974778; } .posts-grid .post.event-post .date { padding-bottom: 10px; } .posts-grid .post.event-post .date p { color: #0B4A72; font-size: 14px; line-height: 18px; text-transform: uppercase; font-weight: 700; } .posts-grid .post.blog-post { border-top: none; min-width: calc((100% / 2) - 15px); max-width: calc((100% / 2) - 15px); -webkit-animation-name: none !important; animation-name: none !important; } .posts-grid .post.blog-post .img-wrap:before { padding-bottom: 60%; } .posts-grid .post.blog-post .text-wrap { position: relative; width: 100%; height: auto; padding: 30px; background: #fff; color: #112F52; min-height: 100px; } .posts-grid .blog-post .text-wrap h2 { margin-top: 0px; /* padding-bottom: 10px; */ color: #112F52; font-size: 26px; line-height: 30px; font-weight: 200; } #related-posts .posts-grid .post.blog-post { position: relative !important; left: auto !important; top: auto !important; height: auto; min-width: calc((100% / 3) - 21px); max-width: calc((100% / 3) - 21px); margin: 10px; -webkit-transform: translateX(0px) !important; -ms-transform: translateX(0px) !important; transform: translateX(0px) !important; } #related-posts .posts-grid { height: auto !important; padding-top: 0px; } /* front page */ .home .page-feature h1 #small-text, .home .page-feature h1 #large-text { display: block; position: relative; } .home .page-feature h1 #small-text { font-size: 36px; line-height: 40px; } .home .page-feature h1 #large-text { font-weight: 200; font-size: 70px; line-height: 84px; } #featured-posts { background: #EEEEEE; } #feat-news > h2, #feat-events > h2 { font-size: 36px; line-height: 40px; font-weight: 100; margin-bottom: 15px; margin-right: 20px; } #feat-news { flex-basis: 55%; min-width: 55%; } #feat-slider { display: block; position: relative; flex-basis: 45%; } #featured-wrap .news-list { padding-right: 40px; } #featured-wrap .news-list a { display: block; width: 100%; } #featured-wrap .news-list li { padding: 25px 0px; border-bottom: 1px dashed #979797; } #featured-wrap .news-list li:last-of-type { border-bottom: none; } #featured-wrap .news-list li .date { color: #0071AD; text-transform: uppercase; font-weight: 700; padding-bottom: 5px; } #featured-wrap .news-list li h5 { color: #112F52; font-weight: 200; font-size: 24px; line-height: 28px; } #featured-wrap .news-list .more-link { display: block; position: relative; margin-top: 20px; color: #112F52; font-weight: 700; text-transform: uppercase; } #feat-slider .slide { width: 100%; height: 100%; background: #fff; border-top: 4px solid #00A7FF; } #feat-slider .slide .text-wrap { padding: 30px; } #feat-slider .slide .cats { display: block; position: relative; padding-bottom: 5px; color: #112F52; font-weight: 700; text-transform: uppercase; } #feat-slider .slide h5 { color: #0071AD; font-size: 30px; line-height: 36px; font-weight: 700; padding-bottom: 5px; } #feat-slider .slide .more-link { display: block; position: relative; margin-top: 20px; color: #112F52; } #feat-slider .slide .img-wrap { display: block; position: relative; width: 100%; height: auto; } #feat-slider .slide .thumb { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; } #feat-slider .slide .img-wrap:before { content: ''; display: block; position: relative; float: left; height: 0px; padding-bottom: 70%; } @media only screen and (max-width: 1040px) { #feat-slider .slide .text-wrap { padding-top: 80px; } #feat-slider { padding-top: 30px; } } #feat-slider .slide .img-wrap:after { content: ""; display: table; clear: both; } #feat-slider .flex-control-nav { display: flex; position: relative; justify-content: flex-end; z-index: 2; top: 410px; right: 25px; } #feat-events { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; padding-bottom: 30px; } #feat-events > a { margin-bottom: 15px; min-width: 200px; text-align: right; } .home #events-list { background: #EEEEEE; } #featured-wrap #feat-news .more-link, #events-list .more-link { font-weight: 600; text-transform: uppercase; color: #112F52; } #FAQ.row.full { overflow-x: hidden !important; } #intro.row { display: block; position: relative; width: 100%; height: auto; margin-top: 0px; padding-bottom: 80px; text-align: center; } #content #intro .row.narrow { margin: 0 auto; padding: 60px 0px; } #intro .row.narrow h2 { color: #00205B; font-size: 34px; line-height: 42px; font-weight: 200; margin-bottom: 30px; } #intro .row.narrow p { font-size: 24px; line-height: 30px; font-weight: 200; } #featured-posts .feat-posts-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } #featured-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: start; align-content: flex-start; } @media only screen and (max-width: 1040px) { #featured-wrap { flex-direction: column; } } #ig-feed .block-title h2 { text-align: center; font-weight: 600; font-size: 22px; line-height: 28px; text-transform: uppercase; margin: 40px 0; } #ig-feed .social-list { justify-content: center; } #ig-feed .social-link { border: 1px solid #112F52; } #sbi_mod_link, #sbi_mod_error { float: none !important; } /* main page content */ .the-content h2, section > h2 { color: #006DB7; font-size: 46px; line-height: 50px; font-weight: 300; text-align: center; padding: 30px 30px 0px 30px; } section > h2:first-of-type { padding-top: 60px; } /* single event, single post */ .single-aca_events { background: #EEEEEE; } .single-aca_events #single-page-title { background: none; } .single-aca_events .entry-content.row.narrow { display: flex; flex-wrap: wrap; background: #fff; border-top: 5px solid #00A7FF; padding-top: 60px; padding-left: 60px; padding-right: 60px; margin-bottom: 60px; } body .addtoany_list a:not(.addtoany_special_service)>span { border-radius: 50%; padding: 5px; } #event-info { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; height: auto; } #event-info h1, #event-info .location { flex-basis: 100%; min-width: 100%; } #event-info h1 { color: #C32032; font-weight: 200; font-size: 42px; line-height: 48px; } #event-info .date p { color: #112F52; margin-bottom: 10px; font-size: 16px; line-height: 18px; text-transform: uppercase; font-weight: 700; } #event-info .location { color: #00A7FF; font-style: italic; font-size: 20px; line-height: 24px; } .single-aca_events .entry-content .text-wrap { flex-basis: 55%; flex-grow: 1; } .single-aca_events .contact-header { display: block; font-weight: 700; text-transform: uppercase; font-size: .95em; } .single-aca_events .entry-content .acf-map { flex-basis: 40%; margin-left: 5%; height: 400px; min-height: inherit; border: none; } /* single blog post */ /* .single #single-page-title { background: #fff; color: #444444; } */ body:not(.single-aca_events).single #single-page-title .row.narrow { max-width: 800px; padding-bottom: 0px; } .single #single-page-title h1 { color: #C32032; text-transform: none; font-weight: 200; margin-bottom: 30px; } .single-post #single-page-title .date { order: 2; } .single-post #single-page-title .a2a_kit { order: 3; } .single-post #single-page-title h1 { order: 1; } /* .single.single-post #single-page-title { padding: 0px 30px 30px 30px; } */ .single-post #container { background: #eee; } .single-post .entry-content.row.narrow { max-width: 800px; padding-top: 0px; } .single .entry-content .post-img, .single .entry-content figure { display: block; position: relative; padding-top: 30px; padding-bottom: 30px; } .single .entry-content .post-img { width: 100%; height: auto; padding-top: 0px; /* float: right; max-width: 550px; padding-top: 0px; padding-left: 30px; */ } .entry-content p { display: block; position: relative; padding-bottom: 20px; /* These are technically the same, but use both */ 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; } .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { padding-top: 30px; padding-bottom: 15px; } .entry-content ol, .entry-content ul { margin: 0px 0px 20px 20px; list-style-position: outside; } .entry-content ul { list-style: disc; } .entry-content ol { list-style: decimal; } #related-posts { background: #efefef; } .single-post #related-posts { background: #eeeeee; } #related-posts .date { color: #00A7FF; margin-bottom: 0px; } /* Donate */ /* #donate-now h2 { color: #00477F; font-size: 36px; line-height: 42px; } .donation-cta { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; position: relative; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 30px 30px 150px 30px; background: #006DB7; color: #fff; text-align: center; } .donation-cta .icon-wrap { display: block; position: relative; width: 60px; height: auto; margin: 30px auto; } .donation-cta .text-wrap { -ms-flex-preferred-size: 100%; flex-basis: 100%; -ms-flex-item-align: start; align-self: flex-start; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .donation-cta h3 { font-size: 30px; line-height: 36px; } .donation-cta .cta { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; width: calc(100% - 60px); height: 120px; -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; vertical-align: middle; right: 30px; bottom: 30px; left: 30px; } .donation-cta .phone { color: #fff; font-size: 30px; } .donation-cta .cta .address p { margin-bottom: 0px; } #give-list .give-way { margin-bottom: 20px; -webkit-column-break-inside: avoid; page-break-inside: avoid; -moz-column-break-inside: avoid; break-inside: avoid; text-align: center; } */ /* Contact */ .page-id-26 { background: #eee; } .page-id-26 .row.narrow { /* -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; padding: 60px 0px; max-width: 800px; */ } .page-id-26 .the-content { text-align: center; } /* #contact-page .row.narrow h3 { -ms-flex-preferred-size: 100%; flex-basis: 100%; color: #974778; font-size: 50px; line-height: 60px; padding-bottom: 20px; font-weight: 300; } */ .page-id-26 .gform_wrapper h3.gform_title { padding: 0px; text-transform: uppercase; text-align: center; font-size: 28px; line-height: 32px; } #contact-page .entry-content .gform_wrapper .top_label .gfield_label { display: block; color: #0B4A72; font-weight: 400; font-size: 16px; } #contact-page .col-2 > div:first-of-type { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; margin-top: 0px; } #contact-page .gform_wrapper, #contact-page #gform_fields_1, #contact-page .gform_wrapper ul.gform_fields li.gfield#field_1_9 { margin-top: 0px !important; } #contact-page .sidebar { -ms-flex-preferred-size: calc(100% / 6); flex-basis: calc(100% / 6); padding-left: 0px; } #contact-page .sidebar p { margin-top: 20px; margin-bottom: 0px; } #contact-page .location div p:first-of-type { margin-top: 0px; } /* About page */ /* Team */ #team { background: #fff; } #team .block-title { text-align: center; } #team .block-title h2 { padding: 0px; text-transform: uppercase; text-align: center; font-size: 28px; line-height: 32px; font-weight: 700; } #team > p { padding: 30px 30px 0px 30px; font-size: 24px; line-height: 28px; text-align: center; } .posts-grid .team-member { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; /* margin: 30px auto; */ -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; justify-content: space-between; -webkit-transition: transform .25s ease-in-out; -o-transition: transform .25s ease-in-out; -webkit-transition: -webkit-transform .25s ease-in-out; transition: -webkit-transform .25s ease-in-out; transition: transform .25s ease-in-out; transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out; background: none; border-top: 5px solid #112F52; -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; -webkit-animation-play-state: paused; animation-play-state: paused; } .posts-grid .team-member:hover { -webkit-transform: translate(0px); -ms-transform: translate(0px); transform: translate(0px); } .posts-grid .team-member .text-wrap { display: block; position: relative; width: 100%; text-align: left; padding: 10px 0px; } .team-member .text-wrap .name { margin-bottom: 5px; color: #002344; font-size: 16px; line-height: 20px; font-weight: 700; } .team-member .text-wrap p, .team-member .text-wrap div { display: block; width: 100%; height: auto; padding-bottom: 0px; margin-bottom: 0px; word-wrap: break-word; } .team-member .text-wrap .title, .team-member .text-wrap .department { font-style: italic; font-size: 16px; line-height: 20px; font-weight: 300; } .team-member .text-wrap .email a { color: #00A7FF; } .entry-content .col-2 { margin: 30px 0px; } .img-wrap.square { margin-bottom: 10px; } .img-wrap.square:before { content: ''; display: block; position: relative; float: left; height: 0px; padding-bottom: 100%; } .img-wrap.square:after { content: ""; display: table; clear: both; } .text-wrap h3 { margin-bottom: 5px; } /* page - news */ #intro-posts { background: #eee; } #intro-posts .post { background: #fff; } #intro-posts .post .text-wrap { padding: 30px; } #intro-posts .post .text-wrap .date, #more-news .post .text-wrap .date { color: #112F52; margin-bottom: 10px; font-size: 16px; line-height: 18px; text-transform: uppercase; } #intro-posts .post .text-wrap h2, #more-news .post .text-wrap h2 { color: #00A7FF; font-size: 26px; line-height: 30px; } #intro-posts .post .img-wrap { display: block; position: relative; width: 100%; height: auto; } #intro-posts .post .img-wrap:before { content: ''; display: block; position: relative; float: left; height: 0px; padding-bottom: 70%; } #intro-posts .post .img-wrap:after { content: ""; display: table; clear: both; } #intro-posts .post .img-wrap .thumb { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .pagination { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 30px 60px; } #blog-pagination { padding-top: 0px; text-align: center; } .pagination > div { -ms-flex-preferred-size: 50%; flex-basis: 50%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px; } .pagination > div a, .isotope-pager > a, .pagination > div span { display: inline-block; position: relative; text-align: center; width: 45px; max-width: 45px; height: 45px; font-weight: 400; font-size: 18px; font-weight: 400; text-decoration: none; -webkit-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; padding: 10px; background: none; border: 1px solid rgba(0, 167, 255, 0.5); color: #00A7FF; border-radius: 50%; margin-right: 10px; } .isotope-pager { text-align: center; } .isotope-pager > a { margin: 5px; } .isotope-pager > a:hover { background: #00A7FF; } .isotope-pager > a.current-page { background: #00A7FF; color: #fff; border: 1px solid #00A7FF; } .pagination > div a.prev, .pagination > div a.next { /* max-width: inherit; */ } .pagination > div a:hover { color: #fff; background: #00A7FF; border: 1px solid #00A7FF; } .pagination > div span.current { background: #00A7FF; border: 1px solid #00A7FF; color: #fff; border-radius: 50%; max-width: 45px; } footer { display: block; position: relative; background: #fff; font-size: 14px; line-height: 14px; } #signup { background: #00A7FF; color: #fff; } #signup .row.narrow { display: flex; flex-wrap: wrap; align-content: center; align-items: center; padding: 60px; } #signup h3, #signup #mc_signup { display: inline-flex; color: #fff; } #signup h3 { padding-right: 20px; font-weight: 700; font-size: 32px; line-height: 36px; } #signup #mc_signup { flex-grow: 2; } #signup .gform_wrapper form { display: flex; position: relative; } #signup .gform_wrapper .gform_body { flex-basis: calc(100% - 210px); } #signup .gform_wrapper .top_label .gfield_label { display: none; } #signup .gform_wrapper .top_label div.ginput_container, #signup .gform_wrapper ul.gform_fields li.gfield { margin: 0px !important; } #signup .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) { background: rgba(68, 68, 68, 0.2); border: none !important; color: #fff; height: 55px; width: 100%; } #input_2_2::-webkit-input-placeholder { color: #fff; } /* WebKit browsers */ #input_2_2::-moz-placeholder { color: #fff ; } /* Mozilla Firefox 4 to 18 */ #input_2_2::-moz-placeholder { color: #fff ; } /* Mozilla Firefox 19+ */ #input_2_2:-ms-input-placeholder { color: #fff; } /* Internet Explorer 10+ */ #signup .gform_wrapper .gform_footer { padding: 0px; margin: 0px; width: auto; } #signup .gform_wrapper .gform_footer input[type=submit] { margin: 0px 0px 0px 10px !important; background: #112F52; font-weight: 200; border-radius: 0px; } #footer-wrap { } #footer-content, #footer-additional-info { display: flex; position: relative; justify-content: space-between; } #footer-content { padding-bottom: 30px; align-items: flex-start; } footer .address p, footer .address a { color: #666; font-size: 12px; line-height: 17px; font-weight: 400; } #menu-footer-menu-1 { columns: 3 150px; column-gap: 20px; } #menu-footer-menu-1 a { color: #666666; font-size: 12px; line-height: 16px; font-weight: 700; text-transform: uppercase; } .social-list { display: flex; justify-content: flex-end; align-content: flex-start; align-items: flex-start; } .social-link { display: block; position: relative; margin: 0px 10px 10px 10px; width: 30px; height: 30px; padding: 3px; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; border: 1px solid #666666; border-radius: 50%; -webkit-transition: opacity .3s ease-in-out, -webkit-transform .25s ease-in-out; transition: opacity .3s ease-in-out, -webkit-transform .25s ease-in-out; -o-transition: transform .25s ease-in-out, opacity .3s ease-in-out; transition: transform .25s ease-in-out, opacity .3s ease-in-out; transition: transform .25s ease-in-out, opacity .3s ease-in-out, -webkit-transform .25s ease-in-out; } .social-link:hover { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); opacity: .8; } .social-link .icon { display: block; position: relative; width: 100%; height: 100%; } #footer-additional-info { justify-content: flex-end; align-items: center; padding-top: 30px; border-top: 1px solid #9B9B9B; } footer #orgs { display: flex; position: relative; flex-wrap: wrap; flex-grow: 1; } footer .org { display: block; position: relative; } footer .org > img, footer .org > div { display: inline-block; position: relative; vertical-align: middle } footer .org > img { max-width: 100px; height: auto; margin-right: 10px; } footer .org > div { max-width: 300px; color: #666; font-size: 12px; line-height: 14px; font-weight: 700; } #footer-additional-info > a, #footer-additional-info > p { color: #666; font-size: 12px; line-height: 14px; font-weight: 400; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; } #footer-additional-info .privacy { margin-left: 30px; } @media only screen and (max-width: 1300px) { #container-header { padding-left: 60px; padding-right: 60px; } .row.narrow, .page-content .row.narrow, .icon-list-item.row.narrow, footer .row.narrow { padding: 60px 60px 60px; } .row.has-sidebar, .row.narrow.posts-grid { padding: 60px; } #secondary-nav .search-form { margin-right: 75px; } footer #copy.row.narrow { padding: 0px 60px 60px; } #feat-slider .slide .img-wrap { height: 340px; } #feat-slider .flex-control-nav { top: 360px; } } @media only screen and (max-width: 1180px) { nav a { padding: 5px 10px; } } @media only screen and (max-width: 1000px) { header { height: auto; } header .menu { align-content: flex-start !important; } nav#main { overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none; } nav#main::-webkit-scrollbar { display: none; } #main-nav-trigger { display: block; position: absolute; top: 15px; right: 10px; width: 36px; height: 36px; } #main-nav-trigger .far { display: block; position: absolute; width: 36px; height: 36px; 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: flex; position: absolute; width: 100%; left: 0; top: 60px; box-sizing: border-box; padding: 0; flex-wrap: wrap; background: #00A7FF; box-shadow: 0px 5px 5px 0px rgba(0,0,0,0); color: #fff; transform: translateX(-100%); pointer-events: none; overflow-y: hidden; /* will be overridden on .visible */ max-height: 100vh; height: 100vh; transition: all .25s ease-in-out, all .25s ease-in-out; } header .visible #main { pointer-events: all; transform: translateX(0%); box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.25); overflow-y: auto; -webkit-overflow-scrolling: touch; } .menu-main-menu-container { order: 1; } #container-header { padding: 10px; flex-wrap: wrap; height: 60px; } header #menu-main-menu { display: block; } header .logo { display: flex; align-content: center; align-items: center; margin: 0px; height: 100%; padding: 0px 3px; } header .logo a { height: auto; } header .logo img { position: relative; height: 50px; width: auto; } nav li, nav a { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; } .menu-item { padding: 0px; } nav a, .sub-menu a { padding: 15px 20px; margin: 0px; color: #fff; } .sub-menu a:hover { color: #fff; } nav a:hover { color: rgba(255,255,255, .8); } #menu-main-menu > li.menu-item-has-children:hover:after { display: none; } .menu-item.donate a { margin: 0px; padding: 15px 20px; } #menu-main-menu .sub-menu { padding-top: 0px; columns: 1 200px; column-gap: 0px; padding: 0px; } #menu-main-menu li.sub-menu-visible > ul { background: rgba(255, 255, 255, .05); border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; } .menu-item-has-children:hover .sub-menu:before, .sub-menu:after { display: none; } .menu-item-has-children .sub-menu:before { top: -9px; } .sub-menu .menu-item { background: rgba(255, 255, 255, .0); } .sub-menu .sub-menu a:first-of-type, .sub-menu .sub-menu a:last-of-type { padding-top: 5px; padding-bottom: 5px; } #menu-main-menu li.menu-item-has-children:before { content: ""; font-family: 'Font Awesome 5 Pro'; display: inline-block; color: #ffffff; font-size: 25px; line-height: 10px; position: absolute; text-align: center; height: auto; width: 45px; right: 0px; background: rgba(255, 255, 255, .05); visibility: visible; -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; padding: 17px 0; } #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.menu-item-has-children > ul { display: none; } #menu-main-menu li.sub-menu-visible > ul { display: block; visibility: visible; } #menu-main-menu li > ul li a, header .scrolled #menu-main-menu li > ul li a { padding-left: 40px; } #menu-secondary-header-menu { flex-wrap: wrap; align-self: flex-start; align-items: flex-start; align-content: flex-start; height: 100%; } #menu-secondary-header-menu li { height: auto; flex-basis: 100%; } #secondary-nav { order: 2; background: #eee; border-top: none; flex-direction: column; display: flex; } .menu-secondary-header-menu-container { height: 100vh; margin-top: 40px; } #secondary-nav a.search-modal-trigger { display: none; } a.search-modal-trigger.mobile { display: inline-block; position: absolute; top: 12px; right: 53px; background: none; } a.search-modal-trigger.mobile i { font-size: 24px; color: #00A7FF; } a.search-modal-trigger i { font-size: 24px; } #secondary-nav .search-form { margin: 15px; flex-grow: 2; width: auto; } #secondary-nav .search-form input[type="search"] { width: 100%; background: #e2f5fc; } /* End Nav */ #header-social { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin: 15px; padding: 0px; border-top: none; } #header-social a.social-link { width: 30px; height: 30px; padding: 0px; } .posts-grid .post, section#resources #blog-posts .post { flex-basis: calc(50% - 15px); max-width: calc(50% - 15px); min-width: calc(50% - 15px); } .page-feature, .home .page-feature { -ms-flex-line-pack: end; align-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .page-feature .header-vid-wrap video { max-width: inherit; max-height: 150%; } .page-feature-wrap .slide { padding: 240px 30px 30px 30px; min-height: 700px; } .feature-info-wrap { -ms-flex-preferred-size: 75%; flex-basis: 75%; } .home .page-feature h1 { font-size: 48px; line-height: 48px; } body .fancybox-close { right: 0px; } /* flexible content */ .cta-content { flex-basis: 60%; } .row.narrow { padding-left: 15px; padding-right: 15px; } #content #intro .row.narrow { padding: 60px; } .entry-content img.size-large { max-width: 100%; } .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: 10px; } .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: 10px; } .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), .filter-group .filter-col { margin-left: 0px; } .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; } #featured-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } #featured-wrap #feat-posts, #featured-wrap .feat-events { -ms-flex-preferred-size: 100%; flex-basis: 100%; } #related-posts .posts-grid .post.blog-post { flex-basis: calc((100% / 2) - 31px); max-width: calc((100% / 2) - 31px); } #event-info h1 { font-size: 36px; line-height: 42px; } .single-aca_events .entry-content .acf-map { flex-basis: 100%; margin-left: 0px; } footer .social-list { margin-top: 30px; } footer .social-list > a:first-of-type { margin-left: 0px; } footer .row.narrow { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 60px 60px 30px 60px; } footer .logo { -ms-flex-preferred-size: 10%; flex-basis: 10%; } footer .certifications { -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-top: 30px; padding-top: 30px; border-top: 1px solid rgba(255,255,255, .35); } footer #copy.row.narrow { padding-top: 0px; } #footer-additional-info { justify-content: flex-start; } footer #orgs { flex-basis: 100%; margin-bottom: 20px; } #google_translate_element { width: 100%; } select.goog-te-combo, select.goog-te-combo { width: 98% !important; padding-left: 16px; } } @media only screen and (max-width: 880px) { .menu-footer-menu-container { flex-basis: 100%; margin-top: 30px; } .tabs__content .text-wrap > div { flex-basis: 100%; } } @media only screen and (max-width: 768px) { .page-feature-wrap.bar .feature-info-wrap h1 { font-size: 34px; line-height: 40px; } .row.narrow, #content .row.narrow, footer .row.narrow { margin: 0px; padding: 40px 15px; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-top: 0px; width: 100%; max-width: inherit; } #content .block-title.row.narrow, .block-title.row.narrow { padding-bottom: 0px; } .block-title + .row.narrow, #content .block-title + .row.narrow { padding-top: 20px; } section > h2:first-of-type { padding-top: 30px; font-size: 34px; line-height: 40px; } /* flexible content */ .text_and_image { flex-wrap: wrap; justify-content: center; } .text_and_image .img-wrap { } .text_and_image .text-wrap { padding-top: 30px; flex-basis: 100%; } .text_and_image.right .img-wrap, .text_and_image.left .img-wrap { order: 1; } .text_and_image.right .text-wrap, .text_and_image.left .text-wrap { order: 2; padding-left: 0px; padding-right: 0px; } .text_and_image .text-wrap h2 { text-align: center; } .js-tabs { margin-top: 0px; } .tabs__list li.tabs__item { display: block; width: 100%; margin: 0px; } .tabs__list li.tabs__item a[aria-selected="true"] { border: 2px solid #112F52; } .single .page-header > h1 { font-size: 30px; line-height: 48px; } #feat-post { -ms-flex-wrap: wrap; flex-wrap: wrap; } #feat-post.post .text-wrap, #feat-post.post .img-wrap { -ms-flex-preferred-size: 100%; flex-basis: 100%; } #feat-post.post .img-wrap { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding-bottom: 0px; } #feat-post.post .text-wrap { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .entry-content img.size-medium, .entry-content img.size-thumbnail { max-width: 100%; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { margin: 15px !important; } #footer-wrap { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } footer .logo { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; max-width: 50%; margin: 0px; padding-bottom: 30px; } #footer-wrap #footer-content { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; -ms-flex-preferred-size: 100%; flex-basis: 100%; } #menu-footer-menu { padding-bottom: 15px; } } @media only screen and (max-width: 640px) { .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%; } section#resources #blog-posts .post { flex-basis: 100%; min-width: 100%; max-width: 100%; } .posts-grid .post { margin: 0 0 5px 0 !important; } .posts-grid .post .date { padding-top: 2px; font-size: 13px; } .posts-grid .post .location { font-size: 14px; line-height: 18px; } .posts-grid .post h5 { font-size: 18px !important; line-height: 20px !important; } .posts-grid .post .location { margin-bottom: 5px !important; } .posts-grid .text-wrap { padding: 20px !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; } .search-form input[type="search"], .search-form input::placeholder { font-size: 22px; line-height: 24px; } .search-form input[type="search"] { padding: 20px 25px; height: 60px; } .search-form .search-submit { height: 60px; width: 60px; background-size: 30px 30px; } .page-feature .feature-info-wrap, .home .page-feature .feature-info-wrap, #signup .row.narrow { padding: 60px 30px; } .page-feature .feature-info-wrap * { width: 100%; } .page-feature h1 { margin-bottom: 10px; font-size: 36px; line-height: 40px; } .home .page-feature h1 { font-size: 36px; line-height: 36px; } .home .feature-info-wrap .text { font-size: 18px; line-height: 22px; } .posts-grid .post { flex-basis: 100%; max-width: 100%; min-width: 100%; } .feat-posts-list li { -ms-flex-preferred-size: calc(100% - 20px); flex-basis: calc(100% - 20px); } #featured-posts .feat-posts-list li:before, #featured-posts .feat-posts-list li:first-of-type:before { padding-bottom: 100%; } .icon-list-item.row.narrow { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .icon-list-item .img-wrap { margin-bottom: 30px; } .icon-list-item .text-wrap { -ms-flex-preferred-size: 100%; flex-basis: 100%; padding-left: 0px; } #related-posts .posts-grid .post.blog-post { flex-basis: 100%; max-width: 100%; } .posts-grid .team-member .img-wrap { -ms-flex-preferred-size: 40%; flex-basis: 40%; min-width: 40%; } /* flexible content */ .block-title h2, .cta-content h2, #signup h3 { font-size: 24px; line-height: 30px; } .text_and_image .img-wrap { flex-basis: 60%; } .cta-content { flex-basis: 100%; } #signup .gform_wrapper form { flex-wrap: wrap; } #signup .gform_wrapper .gform_body { flex-basis: 100%; } #signup .gform_wrapper .gform_footer { width: 100%; } #signup .gform_wrapper .gform_footer input[type=submit] { margin: 0px !important; } /* home */ #feat-events > a { flex-basis: 100%; 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; } } @media only screen and (max-width: 540px) { .page-feature-wrap .slide { min-height: 640px; } .feature-info-wrap { -ms-flex-preferred-size: 100%; flex-basis: 100%; } #menu-secondary-header-menu { flex-basis: 100%; } #menu-secondary-header-menu li { flex-grow: 1; height: auto; } a.search-modal-trigger { display: block; flex-basis: 100%; background: rgba(0, 64, 128, 1); } } @media only screen and (max-width: 460px) { #container-header { height: 60px; } h1 { font-size: 30px; line-height: 36px; margin-bottom: 30px; } .posts-grid .team-member { -ms-flex-wrap: wrap; flex-wrap: wrap; } .posts-grid .team-member .img-wrap, .posts-grid .team-member .text-wrap { -ms-flex-preferred-size: 100%; flex-basis: 100%; min-width: 100%; } /* flexible content */ .text_and_image .img-wrap { flex-basis: 100%; } .page-feature .help-box { padding: 30px; } footer .logo { max-width: 75%; } } /* fixes sticky header issue */ body.logged-in > div#container-header { margin-top: 32px !important; } /* ==================== FONTS ==================== */ @font-face { font-family: 'Font Awesome 5 Pro'; font-style: normal; font-weight: 300; src: url(//americancanoe.org/wp-content/themes/ACA/fonts/fa-light-300.eot); src: url(//americancanoe.org/wp-content/themes/ACA/fonts/fa-light-300.eot?#iefix) format("embedded-opentype"), url(//americancanoe.org/wp-content/themes/ACA/fonts/fa-light-300.woff2) format("woff2"), url(//americancanoe.org/wp-content/themes/ACA/fonts/fa-light-300.woff) format("woff"), url(//americancanoe.org/wp-content/themes/ACA/fonts/fa-light-300.ttf) format("truetype"), url(//americancanoe.org/wp-content/themes/ACA/fonts/fa-light-300.svg#fontawesome) format("svg"); } @font-face { font-family: 'Font Awesome 5 Pro'; font-style: normal; font-weight: 400; src: url(//americancanoe.org/wp-content/themes/ACA/fonts/fa-regular-400.eot); src: url(//americancanoe.org/wp-content/themes/ACA/fonts/fa-regular-400.eot?#iefix) format("embedded-opentype"), url(//americancanoe.org/wp-content/themes/ACA/fonts/fa-regular-400.woff2) format("woff2"), url(//americancanoe.org/wp-content/themes/ACA/fonts/fa-regular-400.woff) format("woff"), url(//americancanoe.org/wp-content/themes/ACA/fonts/fa-regular-400.ttf) format("truetype"), url(//americancanoe.org/wp-content/themes/ACA/fonts/fa-regular-400.svg#fontawesome) format("svg"); } @font-face { font-family: 'Font Awesome 5 Pro'; font-style: normal; font-weight: 900; src: url(//americancanoe.org/wp-content/themes/ACA/fonts/fa-solid-900.eot); src: url(//americancanoe.org/wp-content/themes/ACA/fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(//americancanoe.org/wp-content/themes/ACA/fonts/fa-solid-900.woff2) format("woff2"), url(//americancanoe.org/wp-content/themes/ACA/fonts/fa-solid-900.woff) format("woff"), url(//americancanoe.org/wp-content/themes/ACA/fonts/fa-solid-900.ttf) format("truetype"), url(//americancanoe.org/wp-content/themes/ACA/fonts/fa-solid-900.svg#fontawesome) format("svg"); } @font-face { font-family: 'Font Awesome 5 Brands'; font-style: normal; font-weight: 400; src: url(//americancanoe.org/wp-content/themes/ACA/fonts/fa-brands-400.eot); src: url(//americancanoe.org/wp-content/themes/ACA/fonts/fa-brands-400.eot?#iefix) format("embedded-opentype"), url(//americancanoe.org/wp-content/themes/ACA/fonts/fa-brands-400.woff2) format("woff2"), url(//americancanoe.org/wp-content/themes/ACA/fonts/fa-brands-400.woff) format("woff"), url(//americancanoe.org/wp-content/themes/ACA/fonts/fa-brands-400.ttf) format("truetype"), url(//americancanoe.org/wp-content/themes/ACA/fonts/fa-brands-400.svg#fontawesome) format("svg"); }.personal { background-color: #00529c; color: #fff; } .personal .inner { display: -ms-grid; display: grid; -ms-grid-columns: 100%; grid-template-columns: 100%; } @media (min-width: 768px) { .personal .inner { grid-gap: 1.5rem; -ms-grid-columns: 50% 50%; grid-template-columns: 50% 50%; } } @media (min-width: 992px) { .personal .inner { grid-gap: 2rem; ms-grid-columns: 40% 60%; grid-template-columns: 40% 60%; } } @media (min-width: 1200px) { .personal .inner { grid-gap: 3rem; ms-grid-columns: 35% 65%; grid-template-columns: 35% 65%; } } .personal .inner h3 { color: #fff; font-weight: 600; font-size: 1.5rem; margin-bottom: 1rem; } .personal .inner .photo { grid-row: 1; grid-column: 1; padding-bottom: 1.5rem; } @media (min-width: 768px) { .personal .inner .photo { padding-bottom: 0; } } .personal .inner .photo img { width: 100%; max-width: 100%; } @media (min-width: 768px) { .personal .inner .photo img { margin-top: -5rem; } } .personal .inner .stats { grid-row: 2; grid-column: 1; } @media (min-width: 768px) { .personal .inner .stats { grid-row: 1; grid-column: 2; } } .personal .inner .stats table { width: 100%; border: none; } .personal .inner .stats table tr td { padding: .35rem 0; border-top: 1px solid #009df4; } .personal .inner .stats table tr td strong { text-transform: uppercase; } .personal .inner .stats table tr td:first-of-type { padding-right: 1rem; width: 5%; } @media (min-width: 768px) { .personal .inner .stats table tr td:first-of-type { padding-right: 1.5rem; } } @media (min-width: 992px) { .personal .inner .stats table tr td:first-of-type { padding-right: 2rem; } } @media (min-width: 1200px) { .personal .inner .stats table tr td:first-of-type { padding-right: 2.5rem; } } .personal .inner .stats table tr:first-of-type td { border-top: none; } .quote { background-color: #eeeeee; } .quote .inner { text-align: center; color: #d42027; font-size: 2.5rem; line-height: 1.3; } .quote .inner * { font-size: 2rem; line-height: 1.1; } @media (min-width: 768px) { .quote .inner { font-size: 3rem; } .quote .inner * { font-size: 2.5rem; } } .facts { text-align: center; } .facts h3 { color: #00529c; text-align: center; margin-bottom: 1.5rem; font-weight: 500; font-size: 1.75rem; line-height: 1.1; text-transform: uppercase; } .facts .inner { /* display: -ms-grid; display: grid;*/ -ms-grid-columns: 100%; grid-template-columns: 100%; margin-left: auto; margin-right: auto; text-align: left; } @media (min-width: 992px) { .facts .inner { width: 90%; grid-gap: 2rem; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } } @media (min-width: 1200px) { .facts .inner { width: 80%; } } .facts .inner ol { list-style: decimal; margin: 0 0 0 1rem; padding: 0; } .facts .inner ol li { padding: .35rem 0 .35rem 1rem; margin: 0; } .sponsors { background-color: #fff; } .sponsors h3 { color: #00529c; text-align: center; margin-bottom: 1.5rem; font-weight: 500; font-size: 2rem; line-height: 1.1; text-transform: uppercase; overflow: hidden; } .sponsors ul { width: 100%; max-width: 100%; list-style: none; margin: 0; padding: 0; display: -ms-grid; display: grid; grid-gap: 2.5rem; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 992px) { .sponsors ul { grid-gap: 3.5rem; -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; } } @media (min-width: 1200px) { .sponsors ul { grid-gap: 4rem; } } .sponsors ul li { margin: 0; padding: 0; } .sponsors ul li a { text-decoration: none; } .sponsors ul li a:active, .sponsors ul li a:focus, .sponsors ul li a:hover { text-decoration: none; } .sponsors ul li a img { width: 100%; max-width: 100%; height: auto; } .news { background-color: #fff; } .news h3 { color: #d42027; margin-bottom: 1.5rem; font-weight: 400; font-size: 1.75rem; line-height: 1.1; } .news .inner { display: -ms-grid; display: grid; -ms-grid-columns: 100%; grid-template-columns: 100%; margin-left: auto; margin-right: auto; text-align: left; } @media (min-width: 992px) { .news .inner { grid-gap: 2rem; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } } .news .inner ul { list-style: none; margin: 0; padding: 0; } .news .inner ul li { padding: 0; margin: 0 0 .75rem 0; } .news .inner ul li .date { color: #009df4; font-weight: 600; } .news .inner ul li a { font-size: 1.25rem; color: #00529c; } .news .inner ul li a:active, .news .inner ul li a:focus, .news .inner ul li a:hover { color: #002a50; text-decoration: underline; } .bio { text-align: center; } .bio h3 { color: #00529c; text-align: center; margin-bottom: 1.5rem; font-weight: 500; font-size: 1.75rem; line-height: 1.1; text-transform: uppercase; } .bio h4 { font-weight: 500; padding-top: .5rem; margin-bottom: .25rem; } .bio .inner { margin-left: auto; margin-right: auto; text-align: left; } .gallery ul { list-style: none; margin: 0; padding: 0; display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .gallery ul li { width: 100%; position: relative; overflow: hidden; max-height: 300px; } .gallery ul li img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; } @media (min-width: 576px) { .gallery ul li { max-height: 400px; } .gallery ul li.half { width: 50%; max-height: 300px; } } @media (min-width: 992px) { .gallery ul li { max-height: 500px; } .gallery ul li.half { max-height: 300px; } } @media (min-width: 1200px) { .gallery ul li { max-height: 600px; } .gallery ul li.half { max-height: 400px; } } .results { background-color: #00529c; color: #fff; } .results ul { list-style: none; margin: 0; padding: 0; } @media (min-width: 576px) { .results ul { display: -ms-flexbox; display: -webkit-box; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .results ul li { width: 100%; text-align: center; list-style: none; margin: 0; padding: 1rem; } .results ul li .icon { color: #009df4; margin-bottom: 1rem; font-size: 3rem; text-align: center; } .results ul li .icon img { width: auto; margin: 0 auto; max-width: 48px; height: auto; } .results ul li h4 { color: #fff; padding-top: 0; margin-bottom: .25rem; text-transform: uppercase; font-size: 1.25rem; } @media (min-width: 576px) { .results ul li { width: 50%; padding: 1.5rem; } } @media (min-width: 1200px) { .results ul li { width: 25%; padding: 2rem; } } .results .results-link { text-align: center; font-weight: 600; font-size: 1.25rem; text-transform: uppercase; } .results .results-link a { color: #fff; text-decoration: underline; } .results .results-link a:active, .results .results-link a:focus, .results .results-link a:hover { color: rgba(255, 255, 255, 0.8); text-decoration: underline; } .gear { background-color: #fff; } .gear h3 { color: #00529c; text-align: center; margin-bottom: 1.5rem; font-weight: 500; font-size: 2rem; line-height: 1.1; text-transform: uppercase; } .gear ul { width: 100%; max-width: 100%; list-style: none; margin: 0; padding: 0; display: -ms-grid; display: grid; grid-gap: 1rem; -ms-grid-columns: 1fr; grid-template-columns: 1fr; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (min-width: 576px) { .gear ul { -ms-grid-columns: 1fr 1fr; grid-auto-rows: 1fr; grid-template-columns: repeat(2, 1fr); } } @media (min-width: 992px) { .gear ul { -ms-grid-columns: 1fr 1fr 1fr; grid-gap: 1.5rem; grid-template-columns: repeat(3, 1fr); } } .gear ul li { margin: 0; padding: 0; border: 1px solid #000; height: 100%; } .gear ul li a { text-decoration: none; display: block; padding: 1.5rem; text-align: center; color: #222222; } .gear ul li a img { width: auto; height: auto; max-width: 200px; max-height: 200px; margin: 0 auto 1rem auto; } .gear ul li a .name, .gear ul li a .price { color: #222222; } .gear ul li a:active, .gear ul li a:focus, .gear ul li a:hover { text-decoration: none; } .gear ul li a:active .name, .gear ul li a:active .price, .gear ul li a:focus .name, .gear ul li a:focus .price, .gear ul li a:hover .name, .gear ul li a:hover .price { color: #000; } .gear .store { padding-top: 1.5rem; text-align: center; } .gear .store .button { text-transform: uppercase; font-weight: 500; } /*# sourceMappingURL=team-member.css.map *//** * Smash Balloon design tokens — local plugin mirror. * * Single source of truth for design tokens used by Instagram Feed Pro. * Mirrored verbatim from `@smashballoons/tokens` v0.4.0 (npm). To bump * the snapshot: copy the relevant slice of `dist/tokens.css` from the * package and update the `Mirror version` line below. Consumer CSS * references the aliases at the bottom of this file and does not need * to be touched when values change. * * Future migration: when sb-common centralizes token distribution, the * `Package mirror` block can be replaced with an @import / wp_enqueue * of the official package without breaking the alias contract below. * * Mirror version: @smashballoons/tokens@0.4.0 * Slice scope: fg + focus + opacity-disabled + duration (semantic * layer required by SMASH-1378 a11y PRs). Extend in * follow-up PRs as new tokens (border, bg, motion) are * adopted. */ :root { /* ===== Package mirror — @smashballoons/tokens@0.4.0 ===== */ /* Color primitives referenced by the semantic layer below. */ --sb-color-gray-600: #4a5565; --sb-color-gray-700: #364153; --sb-color-wp-light-blue-600: #007ca8; /* Duration primitives — referenced directly by consumer transitions and overridden by the reduced-motion @media block below. */ --sb-duration-75: 75ms; --sb-duration-100: 100ms; --sb-duration-150: 150ms; --sb-duration-200: 200ms; --sb-duration-300: 300ms; --sb-duration-500: 500ms; --sb-duration-700: 700ms; --sb-duration-1000: 1000ms; /* Opacity */ --sb-opacity-disabled: 0.5; /* Semantic foreground */ --sb-fg-muted: var(--sb-color-gray-700); --sb-fg-subtle: var(--sb-color-gray-600); /* Semantic focus */ --sb-focus-ring: var(--sb-color-wp-light-blue-600); /* ===== Plugin-local aliases (stable consumer-site names) ===== Bump the package values above; consumers reference these aliases and do not need to be renamed. Drop an alias here when a follow-up PR migrates its usage sites to the package name directly. */ --sb-text-secondary: var(--sb-fg-muted); --sb-text-tertiary: var(--sb-fg-subtle); } /* Reduced-motion override — zeroes every duration token so any consumer transition that uses `var(--sb-duration-*)` inherits the override automatically. Transforms / @keyframes still need an explicit `prefers-reduced-motion: no-preference` wrap at the consumer site. */ @media (prefers-reduced-motion: reduce) { :root { --sb-duration-75: 0.01ms; --sb-duration-100: 0.01ms; --sb-duration-150: 0.01ms; --sb-duration-200: 0.01ms; --sb-duration-300: 0.01ms; --sb-duration-500: 0.01ms; --sb-duration-700: 0.01ms; --sb-duration-1000: 0.01ms; } }#sb_instagram{width:100%;margin:0 auto;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#sb_instagram #sbi_images,#sb_instagram.sbi_fixed_height{-webkit-box-sizing:border-box;-moz-box-sizing:border-box}#sb_instagram:after,.sbi_lb-commentBox:after,.sbi_lb-data:after,.sbi_lb-dataContainer:after,.sbi_lb-outerContainer:after{content:"";display:table;clear:both}#sb_instagram.sbi_fixed_height{overflow:hidden;overflow-y:auto;box-sizing:border-box}#sb_instagram #sbi_images{box-sizing:border-box;display:grid;width:100%;padding:12px 0}#sb_instagram .sbi_header_link{-webkit-box-shadow:none;box-shadow:none}#sb_instagram .sbi_header_link:hover,.sbi_lightbox a img{border:none}#sb_instagram #sbi_images .sbi_item{display:inline-block;width:100%;vertical-align:top;zoom:1;margin:0!important;text-decoration:none;opacity:1;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s}#sb_instagram #sbi_images .sbi_item.sbi_transition{opacity:0}#sb_instagram.sbi_col_1 #sbi_images,#sb_instagram.sbi_col_1.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(1,1fr)}#sb_instagram.sbi_col_2 #sbi_images,#sb_instagram.sbi_col_2.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(2,1fr)}#sb_instagram.sbi_col_3 #sbi_images,#sb_instagram.sbi_col_3.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(3,1fr)}#sb_instagram.sbi_col_4 #sbi_images,#sb_instagram.sbi_col_4.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(4,1fr)}#sb_instagram.sbi_col_5 #sbi_images,#sb_instagram.sbi_col_5.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(5,1fr)}#sb_instagram.sbi_col_6 #sbi_images,#sb_instagram.sbi_col_6.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(6,1fr)}#sb_instagram.sbi_col_7 #sbi_images,#sb_instagram.sbi_col_7.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(7,1fr)}#sb_instagram.sbi_col_8 #sbi_images,#sb_instagram.sbi_col_8.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(8,1fr)}#sb_instagram.sbi_col_9 #sbi_images,#sb_instagram.sbi_col_9.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(9,1fr)}#sb_instagram.sbi_col_10 #sbi_images,#sb_instagram.sbi_col_10.sbi_disable_mobile #sbi_images{grid-template-columns:repeat(10,1fr)}#sb_instagram #sbi_load .sbi_load_btn,#sb_instagram .sbi_photo_wrap{position:relative}#sb_instagram .sbi_photo{display:block;text-decoration:none}#sb_instagram .sbi_photo img{width:100%;height:inherit;object-fit:cover;scale:1;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out;vertical-align:middle}#sb_instagram .sbi_no_js img,#sb_instagram br,#sb_instagram p:empty,#sb_instagram.sbi_no_js .sbi_load_btn,#sb_instagram.sbi_no_js .sbi_photo img{display:none}#sb_instagram a,#sb_instagram a:active,#sb_instagram a:focus,#sb_instagram a:hover,.sbi_lightbox a:active,.sbi_lightbox a:focus,.sbi_lightbox a:hover{outline:0}#sb_instagram img{display:block;padding:0!important;margin:0!important;max-width:100%!important;opacity:1!important}#sb_instagram .sbi_link{display:none;position:absolute;bottom:0;right:0;width:100%;padding:10px 0;background:rgba(0,0,0,.5);text-align:center;color:#fff;font-size:12px;line-height:1.1}#sb_instagram .sbi_link a{padding:0 6px;text-decoration:none;color:#fff;font-size:12px;line-height:1.1;display:inline-block;vertical-align:top;zoom:1}#sb_instagram .sbi_link .sbi_lightbox_link{padding-bottom:5px}#sb_instagram .sbi_link a:focus,#sb_instagram .sbi_link a:hover{text-decoration:underline}#sb_instagram .sbi_photo_wrap:focus .sbi_link,#sb_instagram .sbi_photo_wrap:hover .sbi_link{display:block}#sb_instagram svg:not(:root).svg-inline--fa{height:1em;display:inline-block}#sb_instagram .sbi_type_carousel .sbi_playbtn,#sb_instagram .sbi_type_carousel .svg-inline--fa.fa-play,#sb_instagram .sbi_type_video .sbi_playbtn,#sb_instagram .sbi_type_video .svg-inline--fa.fa-play,.sbi_type_carousel .fa-clone{display:block!important;position:absolute;z-index:1;color:rgba(255,255,255,.9);font-style:normal!important;text-shadow:0 0 8px rgba(0,0,0,.8)}#sb_instagram .sbi_type_carousel .sbi_playbtn,#sb_instagram .sbi_type_video .sbi_playbtn{z-index:2;top:50%;left:50%;margin-top:-24px;margin-left:-19px;padding:0;font-size:48px}#sb_instagram .sbi_type_carousel .fa-clone{right:12px;top:12px;font-size:24px;text-shadow:0 0 8px rgba(0,0,0,.3)}#sb_instagram .sbi_type_carousel .svg-inline--fa.fa-play,#sb_instagram .sbi_type_video .svg-inline--fa.fa-play,.sbi_type_carousel svg.fa-clone{-webkit-filter:drop-shadow(0px 0px 2px rgba(0,0,0,.4));filter:drop-shadow(0px 0px 2px rgba(0, 0, 0, .4))}#sb_instagram .sbi_loader{width:20px;height:20px;position:relative;top:50%;left:50%;margin:-10px 0 0 -10px;background-color:rgba(0,0,0,.5);border-radius:100%;-webkit-animation:1s ease-in-out infinite sbi-sk-scaleout;animation:1s ease-in-out infinite sbi-sk-scaleout}#sbi_load p{display:inline;padding:0;margin:0}#sb_instagram #sbi_load .sbi_loader{position:absolute;margin-top:-11px;background-color:#fff;opacity:1}@-webkit-keyframes sbi-sk-scaleout{0%{-webkit-transform:scale(0)}100%{-webkit-transform:scale(1);opacity:0}}@keyframes sbi-sk-scaleout{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:0}}#sb_instagram .fa-spin,#sbi_lightbox .fa-spin{-webkit-animation:2s linear infinite fa-spin;animation:2s linear infinite fa-spin}#sb_instagram .fa-pulse,#sbi_lightbox .fa-pulse{-webkit-animation:1s steps(8) infinite fa-spin;animation:1s steps(8) infinite fa-spin}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.sbi-screenreader{text-indent:-9999px!important;display:block!important;width:0!important;height:0!important;line-height:0!important;text-align:left!important;overflow:hidden!important}#sb_instagram .sb_instagram_header,.sb_instagram_header{overflow:hidden;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:12px 0}#sb_instagram .sb_instagram_header a,.sb_instagram_header a{transition:color .5s;text-decoration:none}.sb_instagram_header.sbi_header_outside{float:none;margin-left:auto!important;margin-right:auto!important;display:flex}.sbi_no_avatar .sbi_header_img{background:#333;color:#fff;width:50px;height:50px;position:relative}.sb_instagram_header .sbi_header_hashtag_icon{opacity:0;position:absolute;width:100%;top:0;bottom:0;left:0;text-align:center;color:#fff;background:rgba(0,0,0,.75)}.sbi_no_avatar .sbi_header_hashtag_icon{display:block;color:#fff;opacity:.9;-webkit-transition:background .6s linear,color .6s linear;-moz-transition:background .6s linear,color .6s linear;-o-transition:background .6s linear,color .6s linear;transition:background .6s linear,color .6s linear}.sbi_no_avatar:hover .sbi_header_hashtag_icon{display:block;opacity:1;-webkit-transition:background .2s linear,color .2s linear;-moz-transition:background .2s linear,color .2s linear;-o-transition:background .2s linear,color .2s linear;transition:background .2s linear,color .2s linear}@media all and (min-width:480px){#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img,#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img img,.sb_instagram_header.sbi_medium .sbi_header_img,.sb_instagram_header.sbi_medium .sbi_header_img img{width:80px;height:80px;border-radius:50%}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3,.sb_instagram_header.sbi_medium .sbi_header_text h3{font-size:20px}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio,#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info,.sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio,.sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info{font-size:14px}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio,#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info,#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3,.sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio,.sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info,.sb_instagram_header.sbi_medium .sbi_header_text h3{line-height:1.4}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_img,#sb_instagram .sb_instagram_header.sbi_large .sbi_header_img img,.sb_instagram_header.sbi_large .sbi_header_img,.sb_instagram_header.sbi_large .sbi_header_img img{width:120px;height:120px;border-radius:50%}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text h3,.sb_instagram_header.sbi_large .sbi_header_text h3{font-size:28px}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio,#sb_instagram .sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info,.sb_instagram_header.sbi_large .sbi_header_text .sbi_bio,.sb_instagram_header.sbi_large .sbi_header_text .sbi_bio_info{font-size:16px}}#sb_instagram .sb_instagram_header .sbi_header_img,.sb_instagram_header .sbi_header_img{position:relative;width:50px;height:50px;overflow:hidden;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:50%}#sb_instagram .sb_instagram_header .sbi_header_img_hover,.sb_instagram_header .sbi_header_img_hover{opacity:0;position:absolute;width:100%;top:0;bottom:0;left:0;text-align:center;color:#fff;background:rgba(0,0,0,.75);z-index:2;transition:opacity .4s ease-in-out}#sb_instagram .sb_instagram_header .sbi_header_hashtag_icon .sbi_new_logo,#sb_instagram .sb_instagram_header .sbi_header_img_hover .sbi_new_logo,.sb_instagram_header .sbi_header_hashtag_icon .sbi_new_logo,.sb_instagram_header .sbi_header_img_hover .sbi_new_logo{position:absolute;top:50%;left:50%;margin-top:-12px;margin-left:-12px;width:24px;height:24px;font-size:24px}#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_hashtag_icon .sbi_new_logo,.sb_instagram_header.sbi_medium .sbi_header_hashtag_icon .sbi_new_logo{margin-top:-18px;margin-left:-18px;width:36px;height:36px;font-size:36px}#sb_instagram .sb_instagram_header.sbi_large .sbi_header_hashtag_icon .sbi_new_logo,.sb_instagram_header.sbi_large .sbi_header_hashtag_icon .sbi_new_logo{margin-top:-24px;margin-left:-24px;width:48px;height:48px;font-size:48px}#sb_instagram .sb_instagram_header .sbi_header_img_hover i{overflow:hidden}#sb_instagram .sb_instagram_header .sbi_fade_in,.sb_instagram_header .sbi_fade_in{opacity:1;transition:opacity .2s ease-in-out}#sb_instagram .sb_instagram_header a:focus .sbi_header_img_hover,#sb_instagram .sb_instagram_header a:hover .sbi_header_img_hover,#sb_instagram.sbi_no_js #sbi_images .sbi_item.sbi_transition,.sb_instagram_header a:focus .sbi_header_img_hover,.sb_instagram_header a:hover .sbi_header_img_hover,.sbi_lb-nav a.sbi_lb-next:hover,.sbi_lb-nav a.sbi_lb-prev:hover{opacity:1}#sb_instagram .sb_instagram_header .sbi_header_text,.sb_instagram_header .sbi_header_text{display:flex;gap:20px;justify-content:flex-start;align-items:center}#sb_instagram .sb_instagram_header.sbi_large .sbi_feedtheme_header_text,.sb_instagram_header.sbi_large .sbi_feedtheme_header_text{gap:8px}.sb_instagram_header.sbi_medium .sbi_feedtheme_header_text{gap:4px}.sbi_feedtheme_header_text{display:flex;justify-content:flex-start;align-items:flex-start;flex:1;flex-direction:column;gap:4px}#sb_instagram .sb_instagram_header h3,.sb_instagram_header h3{font-size:16px;line-height:1.3;margin:0;padding:0}#sb_instagram .sb_instagram_header p,.sb_instagram_header p{font-size:13px;line-height:1.3;margin:0;padding:0}#sb_instagram .sb_instagram_header .sbi_header_text img.emoji,.sb_instagram_header .sbi_header_text img.emoji{margin-right:3px!important}#sb_instagram .sb_instagram_header .sbi_header_text.sbi_no_bio .sbi_bio_info,.sb_instagram_header .sbi_header_text.sbi_no_bio .sbi_bio_info{clear:both}#sb_instagram #sbi_load{float:left;clear:both;width:100%;text-align:center;opacity:1;transition:.5s ease-in}#sb_instagram #sbi_load .fa-spinner{display:none;position:absolute;top:50%;left:50%;margin:-8px 0 0 -7px;font-size:15px}#sb_instagram #sbi_load .sbi_load_btn,#sb_instagram .sbi_follow_btn a,.et-db #et-boc .et-l .et_pb_module .sbi_follow_btn a{display:inline-block;vertical-align:top;zoom:1;padding:7px 14px;margin:5px auto 0;background:#333;text-decoration:none;line-height:1.5}#sb_instagram .sbi_load_btn .sbi_btn_text,#sb_instagram .sbi_load_btn .sbi_loader{opacity:1;transition:.1s ease-in}#sb_instagram .sbi_hidden{opacity:0!important}#sb_instagram #sbi_load .sbi_load_btn,#sb_instagram .sbi_follow_btn a{border:none;color:#fff;font-size:13px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;transition:.1s ease-in}.sbi_lb-nav a.sbi_lb-next,.sbi_lb-nav a.sbi_lb-prev{width:50px;padding-left:10px;padding-right:10px;opacity:.5;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s}#sb_instagram .sbi_follow_btn{display:inline-block;vertical-align:top;zoom:1;text-align:center}#sb_instagram .sbi_follow_btn.sbi_top{display:block;margin-bottom:5px}#sb_instagram .sbi_follow_btn a{background:#408bd1;color:#fff}#sb_instagram #sbi_load .sbi_load_btn:focus,#sb_instagram #sbi_load .sbi_load_btn:hover{outline:0;box-shadow:inset 0 0 20px 20px rgba(255,255,255,.25)}#sb_instagram .sbi_follow_btn a:focus,#sb_instagram .sbi_follow_btn a:hover{outline:0;box-shadow:inset 0 0 10px 20px #359dff}#sb_instagram #sbi_load .sbi_load_btn:active,#sb_instagram .sbi_follow_btn a:active{box-shadow:inset 0 0 10px 20px rgba(0,0,0,.3)}#sb_instagram .sbi_follow_btn .fa,#sb_instagram .sbi_follow_btn svg{margin-bottom:-1px;margin-right:7px;font-size:15px}#sb_instagram .sbi_follow_btn svg{vertical-align:-.125em}#sb_instagram #sbi_load .sbi_follow_btn{margin-left:5px}#sb_instagram .sb_instagram_error{width:100%;text-align:center;line-height:1.4}#sbi_mod_error{display:none;border:1px solid #ddd;background:#eee;color:#333;margin:10px 0 0;padding:10px 15px;font-size:13px;text-align:center;clear:both;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}#sbi_mod_error br{display:initial!important}#sbi_mod_error p{padding:5px 0!important;margin:0!important;line-height:1.3!important}#sbi_mod_error ol,#sbi_mod_error ul{padding:5px 0 5px 20px!important;margin:0!important}#sbi_mod_error li{padding:1px 0!important;margin:0!important}#sbi_mod_error span{font-size:12px}#sb_instagram.sbi_medium .sbi_photo_wrap .svg-inline--fa.fa-play,#sb_instagram.sbi_medium .sbi_playbtn{margin-top:-12px;margin-left:-9px;font-size:23px}#sb_instagram.sbi_medium .sbi_type_carousel .sbi_photo_wrap .fa-clone{right:8px;top:8px;font-size:18px}#sb_instagram.sbi_small .sbi_photo_wrap .svg-inline--fa.fa-play,#sb_instagram.sbi_small .sbi_playbtn{margin-top:-9px;margin-left:-7px;font-size:18px}#sb_instagram.sbi_small .sbi_type_carousel .sbi_photo_wrap .fa-clone{right:5px;top:5px;font-size:12px}@media all and (max-width:640px){#sb_instagram.sbi_col_3 #sbi_images,#sb_instagram.sbi_col_4 #sbi_images,#sb_instagram.sbi_col_5 #sbi_images,#sb_instagram.sbi_col_6 #sbi_images{grid-template-columns:repeat(2,1fr)}#sb_instagram.sbi_col_10 #sbi_images,#sb_instagram.sbi_col_7 #sbi_images,#sb_instagram.sbi_col_8 #sbi_images,#sb_instagram.sbi_col_9 #sbi_images{grid-template-columns:repeat(4,1fr)}#sb_instagram.sbi_width_resp{width:100%!important}}#sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo_wrap{box-sizing:border-box;position:relative;overflow:hidden}#sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo_wrap:before{content:"";display:block;padding-top:100%;z-index:-300}#sb_instagram.sbi_no_js #sbi_images .sbi_item .sbi_photo{position:absolute;top:0;left:0;bottom:0;right:0}#sb_instagram #sbi_images .sbi_js_load_disabled .sbi_imgLiquid_ready.sbi_photo,#sb_instagram #sbi_images .sbi_no_js_customizer .sbi_imgLiquid_ready.sbi_photo{padding-bottom:0!important}#sb_instagram #sbi_mod_error .sb_frontend_btn{display:inline-block;padding:6px 10px;background:rgba(0,0,0,.1);text-decoration:none;border-radius:5px;margin-top:10px;color:#444}#sb_instagram #sbi_mod_error .sb_frontend_btn:hover{background:rgba(0,0,0,.15)}#sb_instagram #sbi_mod_error .sb_frontend_btn .fa{margin-right:2px}#sb_instagram.sbi_palette_dark,#sbi_lightbox.sbi_palette_dark_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer,#sbi_lightbox.sbi_palette_dark_lightbox .sbi_lightbox_tooltip,#sbi_lightbox.sbi_palette_dark_lightbox .sbi_share_close,.sbi_header_outside.sbi_header_palette_dark{background-color:rgba(0,0,0,.85);color:rgba(255,255,255,.75)}#sb_instagram.sbi_palette_dark .sbi_caption,#sb_instagram.sbi_palette_dark .sbi_meta,#sbi_lightbox.sbi_lb-comments-enabled.sbi_palette_dark_lightbox .sbi_lb-commentBox p,#sbi_lightbox.sbi_palette_dark_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-details .sbi_lb-caption,#sbi_lightbox.sbi_palette_dark_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-number,.sbi_header_palette_dark,.sbi_header_palette_dark .sbi_bio{color:rgba(255,255,255,.75)}#sb_instagram.sbi_palette_dark .sbi_expand a,#sbi_lightbox.sbi_lb-comments-enabled.sbi_palette_dark_lightbox .sbi_lb-commentBox .sbi_lb-commenter,#sbi_lightbox.sbi_palette_dark_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-details a,#sbi_lightbox.sbi_palette_dark_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-details a p,.sbi_header_palette_dark a{color:#fff}#sb_instagram.sbi_palette_light,#sbi_lightbox.sbi_palette_light_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer,#sbi_lightbox.sbi_palette_light_lightbox .sbi_lightbox_tooltip,#sbi_lightbox.sbi_palette_light_lightbox .sbi_share_close,.sbi_header_outside.sbi_header_palette_light{color:rgba(0,0,0,.85);background-color:rgba(255,255,255,.75)}#sb_instagram.sbi_palette_light .sbi_caption,#sb_instagram.sbi_palette_light .sbi_meta,#sbi_lightbox.sbi_lb-comments-enabled.sbi_palette_light_lightbox .sbi_lb-commentBox p,#sbi_lightbox.sbi_palette_light_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-details .sbi_lb-caption,#sbi_lightbox.sbi_palette_light_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-number,.sbi_header_palette_light,.sbi_header_palette_light .sbi_bio{color:rgba(0,0,0,.85)}#sb_instagram.sbi_palette_light .sbi_expand a,#sbi_lightbox.sbi_lb-comments-enabled.sbi_palette_light_lightbox .sbi_lb-commentBox .sbi_lb-commenter,#sbi_lightbox.sbi_palette_light_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-details a,#sbi_lightbox.sbi_palette_light_lightbox .sbi_lb-outerContainer .sbi_lb-dataContainer .sbi_lb-details a p,.sbi_header_palette_light a{color:#000}@media all and (max-width:800px){#sb_instagram.sbi_tab_col_10 #sbi_images{grid-template-columns:repeat(10,1fr)}#sb_instagram.sbi_tab_col_9 #sbi_images{grid-template-columns:repeat(9,1fr)}#sb_instagram.sbi_tab_col_8 #sbi_images{grid-template-columns:repeat(8,1fr)}#sb_instagram.sbi_tab_col_7 #sbi_images{grid-template-columns:repeat(7,1fr)}#sb_instagram.sbi_tab_col_6 #sbi_images{grid-template-columns:repeat(6,1fr)}#sb_instagram.sbi_tab_col_5 #sbi_images{grid-template-columns:repeat(5,1fr)}#sb_instagram.sbi_tab_col_4 #sbi_images{grid-template-columns:repeat(4,1fr)}#sb_instagram.sbi_tab_col_3 #sbi_images{grid-template-columns:repeat(3,1fr)}#sb_instagram.sbi_tab_col_2 #sbi_images{grid-template-columns:repeat(2,1fr)}#sb_instagram.sbi_tab_col_1 #sbi_images{grid-template-columns:1fr}}@media all and (max-width:480px){#sb_instagram.sbi_col_10 #sbi_images,#sb_instagram.sbi_col_10.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_3 #sbi_images,#sb_instagram.sbi_col_3.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_4 #sbi_images,#sb_instagram.sbi_col_4.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_5 #sbi_images,#sb_instagram.sbi_col_5.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_6 #sbi_images,#sb_instagram.sbi_col_6.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_7 #sbi_images,#sb_instagram.sbi_col_7.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_8 #sbi_images,#sb_instagram.sbi_col_8.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_col_9 #sbi_images,#sb_instagram.sbi_col_9.sbi_mob_col_auto #sbi_images,#sb_instagram.sbi_mob_col_1 #sbi_images{grid-template-columns:1fr}#sb_instagram.sbi_mob_col_2 #sbi_images{grid-template-columns:repeat(2,1fr)}#sb_instagram.sbi_mob_col_3 #sbi_images{grid-template-columns:repeat(3,1fr)}#sb_instagram.sbi_mob_col_4 #sbi_images{grid-template-columns:repeat(4,1fr)}#sb_instagram.sbi_mob_col_5 #sbi_images{grid-template-columns:repeat(5,1fr)}#sb_instagram.sbi_mob_col_6 #sbi_images{grid-template-columns:repeat(6,1fr)}#sb_instagram.sbi_mob_col_7 #sbi_images{grid-template-columns:repeat(7,1fr)}#sb_instagram.sbi_mob_col_8 #sbi_images{grid-template-columns:repeat(8,1fr)}#sb_instagram.sbi_mob_col_9 #sbi_images{grid-template-columns:repeat(9,1fr)}#sb_instagram.sbi_mob_col_10 #sbi_images{grid-template-columns:repeat(10,1fr)}}#sb_instagram #sbi_images .sbi_item.sbi_num_diff_hide{display:none!important}body:after{content:url(//americancanoe.org/wp-content/plugins/instagram-feed/img/sbi-sprite.png);display:none}.sbi_lightboxOverlay{position:absolute;top:0;left:0;z-index:99999;background-color:#000;opacity:.9;display:none}.sbi_lightbox{position:absolute;left:0;width:100%;z-index:100000;text-align:center;line-height:0;font-weight:400}.sbi_lightbox .sbi_lb-image{display:block;height:auto;max-width:inherit;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;object-fit:contain}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-image{-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;-ms-border-radius:3px 0 0 3px;-o-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px}.sbi_lb-outerContainer{position:relative;background-color:#000;width:250px;height:250px;margin:0 auto 5px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px}.sbi_lb-container-wrapper{height:100%}.sbi_lb-container{position:relative;top:0;left:0;width:100%;height:100%;bottom:0;right:0}.sbi_lb-loader{position:absolute;width:100%;top:50%;left:0;height:20px;margin-top:-10px;text-align:center;line-height:0}.sbi_lb-loader span{display:block;width:14px;height:14px;margin:0 auto;background:url(//americancanoe.org/wp-content/plugins/instagram-feed/img/sbi-sprite.png) no-repeat}.sbi_lb-container>.nav{left:0}.sbi_lb-nav a{position:absolute;z-index:100;top:0;height:90%;outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.sbi_lb-next,.sbi_lb-prev{height:100%;cursor:pointer;display:block}.sbi_lb-nav a.sbi_lb-prev{left:-70px;float:left;transition:opacity .2s}.sbi_lb-nav a.sbi_lb-next{right:-70px;float:right;transition:opacity .2s}.sbi_lb-nav span{display:block;top:55%;position:absolute;left:20px;width:34px;height:45px;margin:-25px 0 0;background:url(//americancanoe.org/wp-content/plugins/instagram-feed/img/sbi-sprite.png) no-repeat}.sbi_lb-nav a.sbi_lb-prev span{background-position:-53px 0}.sbi_lb-nav a.sbi_lb-next span{left:auto;right:20px;background-position:-18px 0}.sbi_lb-dataContainer{margin:0 auto;padding-top:10px;width:100%;font-family:"Open Sans",Helvetica,Arial,sans-serif;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-outerContainer{position:relative;padding-right:300px;background:#fff;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-container-wrapper{position:relative;background:#000}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-dataContainer{width:300px!important;position:absolute;top:0;right:-300px;height:100%;bottom:0;background:#fff;line-height:1.4;overflow:hidden;overflow-y:auto;text-align:left}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-commentBox{display:block!important;width:100%;margin-top:20px;padding:4px}#sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-number{padding-bottom:0}#sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-caption{width:100%;max-width:100%;margin-bottom:20px}#sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-caption .sbi_caption_text{display:inline-block;padding-top:10px}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-comment{display:block!important;width:100%;min-width:100%;float:left;clear:both;font-size:12px;padding:3px 20px 3px 0;margin:0 0 1px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-commenter{font-weight:700;margin-right:5px}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-commentBox p{text-align:left}.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-dataContainer{box-sizing:border-box;padding:15px 20px}.sbi_lb-data{padding:0 4px;color:#ccc}.sbi_lb-data .sbi_lb-details{width:85%;float:left;text-align:left;line-height:1.1}.sbi_lb-data .sbi_lb-caption{float:left;font-size:13px;font-weight:400;line-height:1.3;padding-bottom:3px;color:#ccc;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;-moz-hyphens:auto;hyphens:auto}.sbi_lb-data .sbi_lb-caption a{color:#ccc;font-weight:700;text-decoration:none}.sbi_lb-commenter:hover,.sbi_lb-data .sbi_lb-caption .sbi_lightbox_username:hover p,.sbi_lb-data .sbi_lb-caption a:hover{color:#fff;text-decoration:underline}.sbi_lb-data .sbi_lb-caption .sbi_lightbox_username{float:left;width:100%;color:#ccc;padding-bottom:0;display:block;margin:0 0 5px}#sbi_lightbox.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-number,#sbi_lightbox.sbi_lightbox.sbi_lb-comments-enabled .sbi_lightbox_action a,#sbi_lightbox.sbi_lightbox.sbi_lb-comments-enabled .sbi_lightbox_action a:hover,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-commenter,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-commenter:hover,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data .sbi_lb-caption,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data .sbi_lb-caption .sbi_lightbox_username p,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data .sbi_lb-caption .sbi_lightbox_username:hover p,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data .sbi_lb-caption a,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lb-data .sbi_lb-caption a:hover,.sbi_lightbox.sbi_lb-comments-enabled .sbi_lightbox_username{color:#333}.sbi_lightbox .sbi_lightbox_username img{float:left;border:none;width:32px;height:32px;margin-right:10px;background:#666;-moz-border-radius:40px;-webkit-border-radius:40px;border-radius:40px}.sbi_lightbox_username p{float:left;margin:0;padding:0;color:#ccc;line-height:32px;font-weight:700;font-size:13px}.sbi_lb-data .sbi_lb-number{display:block;float:left;clear:both;padding:5px 0 15px;font-size:12px;color:#999}.sbi_lb-data .sbi_lb-close{display:block;float:right;width:30px;height:30px;font-size:18px;color:#aaa;text-align:right;outline:0;opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.sbi_lb-data .sbi_lb-close:hover{cursor:pointer;opacity:1;color:#fff}.sbi_lb-nav{top:0;left:0;width:100%;z-index:10;height:auto}.sbi-feed-block-cta,.sbi-feed-block-cta-img-ctn{width:100%!important;position:relative!important}.sbi_lightbox .sbi_owl-item:nth-child(n+2) .sbi_video{position:relative!important}.sbi_lb-container{padding:0}.sbi-feed-block-cta{border:1px solid #e8e8eb!important;border-radius:2px!important;text-align:center!important}.sbi-feed-block-cta-img-ctn{float:left!important;display:flex!important;justify-content:center!important;align-items:center!important;margin-top:50px!important;margin-bottom:35px!important}.sbi-feed-block-cta-img{width:65px!important;height:65px!important;position:relative!important;border:2px solid #dcdde1!important;border-radius:16px!important;-webkit-transform:rotate(-3deg)!important;transform:rotate(-3deg)!important;display:flex!important;justify-content:center!important;align-items:center!important}.sbi-feed-block-cta-img span svg{float:left!important}.sbi-feed-block-cta-img>*{-webkit-transform:rotate(3deg)!important;transform:rotate(3deg)!important}.sbi-feed-block-cta-logo{position:absolute!important;right:-15px!important;bottom:-19px!important;z-index:1!important}.sbi-feed-block-cta-heading{font-size:19px!important;padding:0!important;margin:0 0 30px!important;display:inline-block!important;width:100%!important;font-weight:700!important;line-height:1.4em!important}.sbi-feed-block-cta-btn{background:#0068a0!important;border-radius:2px!important;padding:8px 20px 8px 38px!important;cursor:pointer!important;color:#fff!important;position:relative!important;margin-bottom:30px!important}.sbi-feed-block-cta-btn:after,.sbi-feed-block-cta-btn:before{content:''!important;position:absolute!important;width:2px!important;height:12px!important;background:#fff!important;left:20px!important;top:14px!important}.sbi-feed-block-cta-btn:after{-webkit-transform:rotate(90deg)!important;transform:rotate(90deg)!important}.sbi-feed-block-cta-desc{display:flex!important;justify-content:center!important;align-items:center!important;padding:20px!important;background:#f9f9fa!important;border-top:1px solid #e8e8eb!important;margin-top:35px!important;flex-direction:column!important}.sbi-feed-block-cta-desc strong{color:#141b38!important;font-size:16px!important;font-weight:600!important;margin-bottom:8px!important}.sbi-feed-block-cta-desc span{color:#434960!important;font-size:14px!important;line-height:1.5em!important;padding:0 20%!important}.sbi-feed-block-cta-desc span a,.sbi-feed-block-cta-selector span a{text-transform:capitalize!important;text-decoration:underline!important;font-weight:600!important}.sbi-feed-block-cta-selector{width:100%!important;padding:0 20%!important;display:flex!important;justify-content:center!important;align-items:center!important;flex-direction:column!important;margin-bottom:45px!important}.sbi-feed-block-cta-feedselector{border:1px solid #d0d1d7!important;padding:8px 16px!important;margin-bottom:15px!important;max-width:100%!important;min-width:400px!important}.sbi-feed-block-cta-selector span{color:#2c324c!important}.sbi-feed-block-cta-selector span a:after{color:#2c324c!important;margin-left:2px!important;font-weight:400!important;text-decoration-color:#fff!important}.sbi-feed-block-cta-selector span a:first-of-type:after{content:','!important}.sbi-feed-block-cta-selector span a:nth-of-type(2):after{content:'or'!important;margin-left:5px!important;margin-right:2px!important}.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_facebook_feed::before,.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_instagram_feed::before,.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_twitter_feed::before,.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_youtube_feed::before{content:''!important;height:16px!important;font-variant:normal!important;background-position:center center!important;background-repeat:no-repeat!important}.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_facebook_feed::before{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.9056 18.109H13.4056V17.609H12.9056V18.109ZM9.79722 18.109H9.29722V18.609H9.79722V18.109ZM9.79722 14.5601V14.0601H9.29722V14.5601H9.79722ZM12.9056 14.5601V15.0601H13.4056V14.5601H12.9056ZM20.2604 7.32764H20.7604V6.90407L20.3426 6.83444L20.2604 7.32764ZM20.2604 10.3503V10.8503H20.7604V10.3503H20.2604ZM16.7237 14.5601H16.2237V15.0601H16.7237V14.5601ZM20.1258 14.5601L20.6199 14.6367L20.7094 14.0601H20.1258V14.5601ZM19.5751 18.109V18.609H20.0035L20.0692 18.1857L19.5751 18.109ZM16.7237 18.109V17.609H16.2237V18.109H16.7237ZM27.0523 14.5601H26.5523L26.5523 14.5612L27.0523 14.5601ZM17.0803 26.6136L16.9877 26.1222L17.0803 26.6136ZM12.5489 26.6139L12.6411 26.1225L12.5489 26.6139ZM14.8147 1.79797C7.80749 1.79797 2.07703 7.51685 2.07703 14.5601H3.07703C3.07703 8.06849 8.36042 2.79797 14.8147 2.79797V1.79797ZM2.07703 14.5601C2.07703 20.7981 6.54984 25.9974 12.4567 27.1053L12.6411 26.1225C7.19999 25.1019 3.07703 20.3097 3.07703 14.5601H2.07703ZM13.4056 26.3139V18.109H12.4056V26.3139H13.4056ZM12.9056 17.609H9.79722V18.609H12.9056V17.609ZM10.2972 18.109V14.5601H9.29722V18.109H10.2972ZM9.79722 15.0601H12.9056V14.0601H9.79722V15.0601ZM13.4056 14.5601V11.8556H12.4056V14.5601H13.4056ZM13.4056 11.8556C13.4056 10.4191 13.8299 9.36825 14.5211 8.67703C15.2129 7.98525 16.2305 7.59512 17.5314 7.59512V6.59512C16.0299 6.59512 14.7346 7.04939 13.814 7.96992C12.893 8.891 12.4056 10.2204 12.4056 11.8556H13.4056ZM17.5314 7.59512C18.1724 7.59512 18.8342 7.65119 19.3401 7.70823C19.592 7.73664 19.8029 7.76502 19.9504 7.78622C20.0241 7.79681 20.0818 7.8056 20.1208 7.81167C20.1402 7.81471 20.155 7.81706 20.1647 7.81863C20.1695 7.81941 20.1731 7.82 20.1754 7.82037C20.1765 7.82056 20.1773 7.82069 20.1778 7.82077C20.178 7.82081 20.1782 7.82083 20.1782 7.82084C20.1783 7.82085 20.1783 7.82085 20.1783 7.82085C20.1783 7.82085 20.1783 7.82085 20.1783 7.82085C20.1782 7.82084 20.1782 7.82084 20.2604 7.32764C20.3426 6.83444 20.3426 6.83443 20.3425 6.83443C20.3425 6.83442 20.3424 6.83441 20.3424 6.83441C20.3423 6.83439 20.3422 6.83437 20.342 6.83435C20.3418 6.8343 20.3414 6.83425 20.341 6.83417C20.3401 6.83403 20.3389 6.83383 20.3373 6.83357C20.3342 6.83307 20.3298 6.83234 20.3241 6.83142C20.3127 6.82958 20.2962 6.82695 20.2749 6.82362C20.2323 6.81698 20.1707 6.8076 20.0927 6.7964C19.9369 6.774 19.7157 6.74425 19.4521 6.71453C18.927 6.65532 18.2243 6.59512 17.5314 6.59512V7.59512ZM19.7604 7.32764V10.3503H20.7604V7.32764H19.7604ZM20.2604 9.85033H18.7185V10.8503H20.2604V9.85033ZM18.7185 9.85033C17.851 9.85033 17.1997 10.1241 16.7742 10.6148C16.3604 11.0922 16.2237 11.7025 16.2237 12.2594H17.2237C17.2237 11.8495 17.3257 11.5053 17.5298 11.2699C17.7224 11.0477 18.0684 10.8503 18.7185 10.8503V9.85033ZM16.2237 12.2594V14.5601H17.2237V12.2594H16.2237ZM16.7237 15.0601H20.1258V14.0601H16.7237V15.0601ZM19.6317 14.4834L19.081 18.0323L20.0692 18.1857L20.6199 14.6367L19.6317 14.4834ZM19.5751 17.609H16.7237V18.609H19.5751V17.609ZM16.2237 18.109V26.3135H17.2237V18.109H16.2237ZM17.1728 27.105C20.0281 26.5671 22.618 25.068 24.5079 22.8512L23.7469 22.2025C22.0054 24.2452 19.6188 25.6266 16.9877 26.1222L17.1728 27.105ZM24.5079 22.8512C26.4793 20.5388 27.5591 17.5977 27.5523 14.559L26.5523 14.5612C26.5586 17.3614 25.5636 20.0715 23.7469 22.2025L24.5079 22.8512ZM27.5523 14.5601C27.5523 7.51685 21.8218 1.79797 14.8147 1.79797V2.79797C21.2689 2.79797 26.5523 8.06849 26.5523 14.5601H27.5523ZM16.2237 26.3135C16.2237 26.8064 16.6682 27.2 17.1728 27.105L16.9877 26.1222C17.119 26.0975 17.2237 26.2006 17.2237 26.3135H16.2237ZM12.4567 27.1053C12.9603 27.1998 13.4056 26.8073 13.4056 26.3139H12.4056C12.4056 26.2001 12.5107 26.098 12.6411 26.1225L12.4567 27.1053Z' fill='%232b87da' /%3E%3Cpath d='M12.9056 18.1088H13.4056V17.6088H12.9056V18.1088ZM9.79724 18.1088H9.29724V18.6088H9.79724V18.1088ZM9.79724 14.5599V14.0599H9.29724V14.5599H9.79724ZM12.9056 14.5599V15.0599H13.4056V14.5599H12.9056ZM20.2604 7.32749H20.7604V6.90392L20.3426 6.83429L20.2604 7.32749ZM20.2604 10.3502V10.8502H20.7604V10.3502H20.2604ZM16.7237 14.5599H16.2237V15.0599H16.7237V14.5599ZM20.1258 14.5599L20.6199 14.6366L20.7094 14.0599H20.1258V14.5599ZM19.5751 18.1088V18.6088H20.0035L20.0692 18.1855L19.5751 18.1088ZM16.7237 18.1088V17.6088H16.2237V18.1088H16.7237ZM13.4056 26.366V18.1088H12.4056V26.366H13.4056ZM12.9056 17.6088H9.79724V18.6088H12.9056V17.6088ZM10.2972 18.1088V14.5599H9.29724V18.1088H10.2972ZM9.79724 15.0599H12.9056V14.0599H9.79724V15.0599ZM13.4056 14.5599V11.8554H12.4056V14.5599H13.4056ZM13.4056 11.8554C13.4056 10.4189 13.8299 9.3681 14.5212 8.67688C15.2129 7.9851 16.2305 7.59497 17.5314 7.59497V6.59497C16.0299 6.59497 14.7346 7.04924 13.814 7.96977C12.893 8.89085 12.4056 10.2202 12.4056 11.8554H13.4056ZM17.5314 7.59497C18.1724 7.59497 18.8342 7.65103 19.3401 7.70808C19.592 7.73648 19.803 7.76487 19.9504 7.78607C20.0241 7.79666 20.0819 7.80545 20.1208 7.81152C20.1402 7.81455 20.155 7.81691 20.1647 7.81848C20.1695 7.81926 20.1731 7.81984 20.1754 7.82022C20.1765 7.8204 20.1773 7.82054 20.1778 7.82061C20.178 7.82065 20.1782 7.82068 20.1783 7.82069C20.1783 7.8207 20.1783 7.8207 20.1783 7.8207C20.1783 7.8207 20.1783 7.82069 20.1783 7.82069C20.1782 7.82069 20.1782 7.82068 20.2604 7.32749C20.3426 6.83429 20.3426 6.83428 20.3425 6.83427C20.3425 6.83427 20.3424 6.83426 20.3424 6.83425C20.3423 6.83424 20.3422 6.83422 20.3421 6.8342C20.3418 6.83415 20.3414 6.83409 20.341 6.83402C20.3401 6.83387 20.3389 6.83367 20.3374 6.83342C20.3343 6.83291 20.3298 6.83219 20.3241 6.83127C20.3127 6.82943 20.2962 6.82679 20.2749 6.82347C20.2324 6.81683 20.1707 6.80745 20.0927 6.79624C19.9369 6.77385 19.7158 6.7441 19.4522 6.71438C18.927 6.65516 18.2244 6.59497 17.5314 6.59497V7.59497ZM19.7604 7.32749V10.3502H20.7604V7.32749H19.7604ZM20.2604 9.85018H18.7185V10.8502H20.2604V9.85018ZM18.7185 9.85018C17.8511 9.85018 17.1997 10.1239 16.7743 10.6146C16.3604 11.092 16.2237 11.7024 16.2237 12.2592H17.2237C17.2237 11.8493 17.3257 11.5052 17.5298 11.2697C17.7224 11.0476 18.0684 10.8502 18.7185 10.8502V9.85018ZM16.2237 12.2592V14.5599H17.2237V12.2592H16.2237ZM16.7237 15.0599H20.1258V14.0599H16.7237V15.0599ZM19.6317 14.4833L19.081 18.0322L20.0692 18.1855L20.6199 14.6366L19.6317 14.4833ZM19.5751 17.6088H16.7237V18.6088H19.5751V17.6088ZM16.2237 18.1088V26.366H17.2237V18.1088H16.2237ZM16.4146 26.1752H13.2148V27.1752H16.4146V26.1752ZM16.2237 26.366C16.2237 26.2606 16.3092 26.1752 16.4146 26.1752V27.1752C16.8615 27.1752 17.2237 26.8129 17.2237 26.366H16.2237ZM12.4056 26.366C12.4056 26.8129 12.7679 27.1752 13.2148 27.1752V26.1752C13.3202 26.1752 13.4056 26.2606 13.4056 26.366H12.4056Z' fill='%232b87da'/%3E%3C/svg%3E%0A")}.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_instagram_feed::before{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='1' width='22' height='22' rx='6' stroke='%232b87da' stroke-width='1.5'/%3E%3Ccircle cx='12' cy='12' r='5' stroke='%232b87da' stroke-width='1.5'/%3E%3Ccircle cx='18.5' cy='5.75' r='1.25' fill='%232b87da'/%3E%3C/svg%3E%0A")}.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_twitter_feed::before{background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 29 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.8762 6.78846C27.9345 6.7065 27.8465 6.60094 27.7536 6.63936C27.0263 6.93989 26.26 7.15757 25.4698 7.29241C25.3632 7.31061 25.3082 7.16347 25.3956 7.09969C26.2337 6.48801 26.8918 5.63649 27.2636 4.63802C27.2958 4.55162 27.2014 4.47574 27.1212 4.52123C26.1605 5.06618 25.1092 5.45524 24.0054 5.68842C23.971 5.69568 23.9354 5.68407 23.9113 5.65844C22.9264 4.60891 21.5545 4 19.9999 4C17.0624 4 14.6624 6.4 14.6624 9.3625C14.6624 9.74071 14.702 10.109 14.7724 10.4586C14.7855 10.5235 14.7342 10.5842 14.6681 10.5803C10.3227 10.3231 6.45216 8.2421 3.84135 5.09864C3.79681 5.04501 3.71241 5.0515 3.67879 5.11257C3.26061 5.8722 3.02493 6.75115 3.02493 7.675C3.02493 9.41548 3.84362 10.9704 5.13417 11.9317C5.2141 11.9913 5.17327 12.12 5.07385 12.1129C4.32811 12.0597 3.63173 11.835 3.00827 11.5171C2.99303 11.5094 2.97493 11.5204 2.97493 11.5375V11.5375C2.97493 13.9896 4.6205 16.0638 6.86301 16.7007C6.96452 16.7295 6.96588 16.8757 6.86218 16.8953C6.25772 17.0096 5.63724 17.0173 5.0289 16.9176C4.95384 16.9052 4.89095 16.9762 4.91633 17.0479C5.26967 18.0466 5.91213 18.9192 6.7637 19.5537C7.58576 20.1661 8.56481 20.5283 9.58351 20.6001C9.67715 20.6067 9.71634 20.7266 9.64124 20.7829C7.78574 22.1744 5.52424 22.9237 3.19993 22.9125C2.91864 22.9125 2.63736 22.9015 2.35608 22.8796C2.25034 22.8714 2.20189 23.0116 2.29272 23.0664C4.58933 24.4509 7.27959 25.25 10.1499 25.25C19.9999 25.25 25.4124 17.075 25.4124 9.9875C25.4124 9.76833 25.4124 9.5598 25.4026 9.34228C25.4011 9.30815 25.4168 9.27551 25.4445 9.2555C26.3819 8.57814 27.1984 7.74079 27.8762 6.78846Z' stroke='%232b87da' stroke-width='1.25' stroke-linejoin='round'/%3E%3C/svg%3E%0A")}.et-db #et-boc .et-l .et-fb-modules-list ul>li.sb_youtube_feed::before{background-image:url("data:image/svg+xml,%3Csvg width='27' height='20' viewBox='0 0 27 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 13.3267C11 13.4037 11.0834 13.4518 11.15 13.4133L17.3377 9.83658C17.4043 9.79808 17.4043 9.70192 17.3377 9.66342L11.15 6.08673C11.0834 6.0482 11 6.0963 11 6.17331V13.3267ZM25.45 3.7125C25.6125 4.3 25.725 5.0875 25.8 6.0875C25.8875 7.0875 25.925 7.95 25.925 8.7L26 9.75C26 12.4875 25.8 14.5 25.45 15.7875C25.1375 16.9125 24.4125 17.6375 23.2875 17.95C22.7 18.1125 21.625 18.225 19.975 18.3C18.35 18.3875 16.8625 18.425 15.4875 18.425L13.5 18.5C8.2625 18.5 5 18.3 3.7125 17.95C2.5875 17.6375 1.8625 16.9125 1.55 15.7875C1.3875 15.2 1.275 14.4125 1.2 13.4125C1.1125 12.4125 1.075 11.55 1.075 10.8L1 9.75C1 7.0125 1.2 5 1.55 3.7125C1.8625 2.5875 2.5875 1.8625 3.7125 1.55C4.3 1.3875 5.375 1.275 7.025 1.2C8.65 1.1125 10.1375 1.075 11.5125 1.075L13.5 1C18.7375 1 22 1.2 23.2875 1.55C24.4125 1.8625 25.1375 2.5875 25.45 3.7125Z' stroke='%232b87da' stroke-width='1.25' stroke-linejoin='round'/%3E%3C/svg%3E%0A")}.et-db #et-boc .et-l .et_pb_module .sbi_follow_btn a{border:none;color:#fff;font-size:13px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.et-db #et-boc .et-l .et_pb_module .sbi-feed-block-cta-btn:after,.et-db #et-boc .et-l .et_pb_module .sbi-feed-block-cta-btn:before{top:10px!important}