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} .gform_wrapper { width: 100%; }
.gform_wrapper .ginput_complex.ginput_container.has_first_name.has_middle_name.no_last_name span,
.gform_wrapper .ginput_complex.ginput_container.has_first_name.no_middle_name.has_last_name span,
.gform_wrapper .ginput_complex.ginput_container.no_first_name.has_middle_name.has_last_name span {
width: 48.5% !important;
}
.gfield_required { display: none!important;}
.gform_wrapper .field_sublabel_above .ginput_complex label,
.gform_wrapper .field_sublabel_above .gfield_time_hour label,
.gform_wrapper .field_sublabel_above .gfield_time_minute label,
.gform_wrapper .field_sublabel_above .gfield_time_ampm label,
.gform_wrapper .field_sublabel_above .gfield_date_month label,
.gform_wrapper .field_sublabel_above .gfield_date_day label,
.gform_wrapper .field_sublabel_above .gfield_date_year label,
.gform_wrapper .field_sublabel_above .instruction {
display: none;
}
.gform_wrapper .ginput_complex label,
.gform_wrapper .gfield_time_hour label,
.gform_wrapper .gfield_time_minute label,
.gform_wrapper .gfield_time_ampm label,
.gform_wrapper .gfield_date_month label,
.gform_wrapper .gfield_date_day label,
.gform_wrapper .gfield_date_year label,
.gform_wrapper .instruction {
display: none!important;
}
.gform_wrapper .top_label .gfield_label {
font-size: 12px;
color: #777777;
}
.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 { display: none;} .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;
} .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;
} .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;
} .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} .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: #19d315;
color: #ffffff;
padding: 15px 30px!important;
margin-right: 0!important;
font-size: 16px!important;
font-size: 1.6rem!important;
outline: none;
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,.25);
box-shadow: 0 2px 5px rgba(0,0,0,.25);
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.gform_wrapper .gform_footer input.button:hover,
.gform_wrapper .gform_footer input[type=submit]:hover,
.gform_wrapper .gform_page_footer input.button:hover,
.gform_wrapper .gform_page_footer input[type=submit]:hover {
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,.5);
box-shadow: 0 2px 5px rgba(0,0,0,.5);
} .gform_wrapper div.validation_error { display: none!important;}
.gform_wrapper li.gfield_error div.ginput_complex.ginput_container label,
.gform_wrapper li.gfield_error ul.gfield_checkbox,
.gform_wrapper li.gfield_error ul.gfield_radio {
color: #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 {
border: 2px solid #d42027 !important;
color: #d42027 !important;
}
.gform_wrapper .top_label .gfield_description.validation_message {
display: block;
color: #d42027;
line-height: 16px;
padding-top: 5px !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;
} @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;
}
} body img.gform_ajax_spinner {
display: none !important;
} .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: 2px solid #f1f1f1 !important;
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: 60px;
font-weight: 200;
}
.entry-content .gform_wrapper .top_label .gfield_label {
display: none;
}
.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%;
} 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: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.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;
}
.gform_wrapper ul.gfield_checkbox > li,
.gform_wrapper ul.gfield_radio > li {
display: inline-block;
position: relative;
margin: 30px 30px 10px 0px !important;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-preferred-size: calc(50% - 31px);
flex-basis: calc(50% - 31px);
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
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: 25px;
-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: 400;
font-size: 36px;
content: '\f0c8';
display: inline;
position: absolute;
top: -16px;
left: -22px;
color: #acacac;
}
.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: #323232;
}
.gform_wrapper ul.gfield_radio li input[type=radio]:checked + label:before {
content: '\f192';
color: #323232;
} .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: 15px 20px !important;
background: #2A868B;
border: none;
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
font-family: 'Lato', sans-serif;
font-weight: 200;
color: #fff;
font-weight: 400;
font-size: 18px !important;
line-height: 18px !important;
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;
} html.chrome {
margin-top: 0px !important;
}
body {
color: #222222;
font-family: 'Lato', sans-serif;
font-weight: 300;
font-size: 16px;
line-height: 26px;
top: 0px;
}
body p {
font-size: 16px;
line-height: 26px;
}
body a {
color: #053C67;
text-decoration: none;
}
a.no-text {
font-size: 0px !important;
line-height: 0px !important;
}
#wrapper {
overflow-x: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 400;
}
h1 {
font-size: 48px;
line-height: 60px;
margin-bottom: 30px;
}
h2 {
font-size: 22px;
line-height: 30px;
margin-bottom: 8px;
}
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: #2A868B;
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: 30px 0px 60px 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;
}
.col-2 > div,
.col-2 > li,
.col-3 > div,
.col-3 > li,
.col-4 > div,
.col-4 > li,
.col-5 > div,
.col-5 > li,
.col-6 > div,
.col-6 > li {
display: block;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
margin: 15px;
}
.col-2 > div,
.col-2 > li {
-ms-flex-preferred-size: calc(50% - 16px);
flex-basis: calc(50% - 16px);
max-width: calc(50% - 16px);
}
.col-2 > div:nth-of-type(2n+1),
.col-2 > li:nth-of-type(2n+1) {
margin-left: 0px;
}
.col-2 > div:nth-of-type(2n+2),
.col-2 > li:nth-of-type(2n+2) {
margin-right: 0px;
}
.col-3 > div,
.col-3 > li {
-ms-flex-preferred-size: calc((100% / 3) - 31px);
flex-basis: calc((100% / 3) - 31px);
max-width: calc((100% / 3) - 31px);
}
.col-3 > div:nth-of-type(3n+1),
.col-3 > li:nth-of-type(3n+1) {
margin-left: 0px;
}
.col-3 > div:nth-of-type(3n+3),
.col-3 > li:nth-of-type(3n+3) {
margin-right: 0px;
}
.col-4 > div,
.col-4 > li {
-ms-flex-preferred-size: calc(25% - 31px);
flex-basis: calc(25% - 31px);
max-width: calc(25% - 31px);
}
.col-4 > div:nth-of-type(4n+1),
.col-4 > li:nth-of-type(4n+1) {
margin-left: 0px;
}
.col-4 > div:nth-of-type(4n+4),
.col-4 > li:nth-of-type(4n+4) {
margin-right: 0px;
}
.col-5 > div,
.col-5 > li {
-ms-flex-preferred-size: calc(20% - 31px);
flex-basis: calc(20% - 31px);
max-width: calc(20% - 31px);
}
.col-5 > div:nth-of-type(5n+1),
.col-5 > li:nth-of-type(5n+1) {
margin-left: 0px;
}
.col-5 > div:nth-of-type(5n+5),
.col-5 > li:nth-of-type(5n+5) {
margin-right: 0px;
}
.col-6 > div,
.col-6 > li {
-ms-flex-preferred-size: calc((100% / 6) - 31px);
flex-basis: calc((100% / 6) - 31px);
max-width: calc((100% / 6) - 31px);
}
.col-6 > div:nth-of-type(6n+1),
.col-6 > li:nth-of-type(6n+1) {
margin-left: 0px;
}
.col-6 > div:nth-of-type(6n+6),
.col-6 > li:nth-of-type(6n+6) {
margin-right: 0px;
}
.col-2 .col-2,
.col-2 .col-3,
.col-2 .col-4,
.col-2 .col-5,
.col-2 .col-6,
.col-3 .col-2,
.col-3 .col-3,
.col-3 .col-4,
.col-3 .col-5,
.col-3 .col-6,
.col-4 .col-2,
.col-4 .col-3,
.col-4 .col-4,
.col-4 .col-5,
.col-4 .col-6,
.col-5 .col-2,
.col-5 .col-3,
.col-5 .col-4,
.col-5 .col-5,
.col-5 .col-6,
.col-6 .col-2,
.col-6 .col-3,
.col-6 .col-4,
.col-6 .col-5,
.col-6 .col-6 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.col-2-text {
-webkit-columns: 2 280px;
-moz-columns: 2 280px;
columns: 2 280px;
-webkit-column-gap: 30px;
-moz-column-gap: 30px;
column-gap: 30px;
}
.animsition-overlay-slide {
z-index: 2000;
background: #053C67;
} body.login {
background: #053C67;
} @-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);
}
} .page-feature {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
width: 100%;
height: auto;
min-height: 600px;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 35px 90px;
-webkit-animation: .75s ease-out 0s 1 pageFeatLoad;
animation: .75s ease-out 0s 1 pageFeatLoad;
}
.home.page-feature {
min-height: 800px;
}
.page-feature h1 {
color: #053C67;
font-weight: 700;
font-size: 34px;
line-height: 36px;
text-transform: uppercase;
-webkit-animation: 1s ease-out 0s 1 pageFeatLoad;
animation: 1s ease-out 0s 1 pageFeatLoad;
margin-bottom: 0px;
}
.home .page-feature h1 {
color: #2A868B;
font-weight: 900;
font-size: 60px;
line-height: 72px;
}
.page-feature #feature-info-wrap {
display: block;
position: relative;
width: 100%;
height: auto;
padding: 90px 120px 90px 60px;
background: rgb(255,255,255);
background: -o-linear-gradient(right, rgba(255,255,255,0) 30%, rgba(255,255,255,0.8) 51%, rgba(255,255,255,0.9) 100%);
background: -webkit-gradient(linear, right top, left top, color-stop(30%, rgba(255,255,255,0)), color-stop(51%, rgba(255,255,255,0.8)), to(rgba(255,255,255,0.9)));
background: linear-gradient(270deg, rgba(255,255,255,0) 30%, rgba(255,255,255,0.8) 51%, rgba(255,255,255,0.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}
.page-feature #feature-info-wrap * {
width: 50%;
}
.home .page-feature {
padding: 75px 90px 210px 90px;
}
.home .page-feature #feature-info-wrap {
padding: 60px 90px;
}
#feature-info-wrap .text {
margin-top: 30px;
font-weight: 400;
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 #feature-info-wrap a {
width: auto;
} .alt-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.alt-row > div {
display: block;
position: relative;
-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;
-ms-flex-item-align: start;
align-self: flex-start;
}
.alt-row .img-wrap:before {
content: '';
display: block;
position: relative;
float: left;
height: 0px;
width: 100%;
padding-bottom: 100%;
}
.alt-row .img-wrap:after {
content: "";
display: table;
clear: both;
}
.alt-row .img-wrap .thumb {
display: block;
position: absolute;
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 .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: 0px 60px 60px 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: #2A868B;
-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: #2A868B;
}
.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 { }
.alt-section > div:nth-of-type(odd) .text-wrap { }
.alt-section > div:nth-of-type(even) .img-wrap {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.alt-section > div:nth-of-type(even) .text-wrap {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.alt-row .blog-link {
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
} #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;
} #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;
}
.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;
}
.page-template-default #content .entry-content h2 {
margin-bottom: 30px;
padding-left: 0px;
padding-right: 0px;
color: #2A868B;
font-size: 46px;
line-height: 50px;
font-weight: 300;
text-align: left;
}
.page-template-default #content .entry-content h3,
.page-template-default #content .entry-content h4 {
color: #2A868B;
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;
}
.sidebar {
-ms-flex-preferred-size: calc(100% / 6);
flex-basis: calc(100% / 6);
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.page-content .sidebar a {
display: block;
position: relative;
margin-bottom: 30px;
color: #505050;
font-weight: 400;
font-size: 16px;
line-height: 20px;
text-decoration: none;
text-transform: uppercase;
}
.page-content .sidebar .current_page_item a {
color: #05C3DE;
}
.page-content .row.narrow {
margin: 0px auto;
padding: 60px 0px;
max-width: 1250px;
}
.page-content .page-header {
margin-bottom: 30px;
border-bottom: 12px solid #f1f1f1;
}
a.button {
display: inline-block;
position: relative;
margin: 30px auto;
padding: 15px 20px;
background: #2A868B;
color: #fff;
font-weight: 400;
font-size: 18px;
line-height: 18px;
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;
}
a.button:hover {
color: #fff;
background: #00477F;
}
a.button.outline {
border: 1px solid #2A868B;
color: #2A868B;
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 {
background: #2A868B;
color: #fff;
}
a.button.light {
background: #fff;
color: #00477F;
}
a.button.light:hover {
background: #00477F;
color: #fff;
}
.read-more {
display: inline-block;
position: relative;
margin-top: 15px;
color: #297bc8;
font-size: 12px;
font-weight: 400;
text-transform: uppercase;
-webkit-transition: color .25s ease-in-out;
-o-transition: color .25s ease-in-out;
transition: color .25s ease-in-out;
}
.read-more:hover {
color: #323232;
text-decoration: none;
} .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;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
height: 100%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-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: 30px;
border-right: 1px solid rgba(255,255,255,0);
background: rgba(255,255,255,0);
color: #053C67;
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:hover {
cursor: pointer;
background: rgba(255,255,255,.5);
}
.flex-control-nav li:last-of-type {
border-right: none !important;
}
.flex-control-nav li.flex-active {
background: rgba(255,255,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: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
-ms-flex-line-pack: flex-start;
align-content: flex-start;
}
.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: #2A868B;
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;
} #provider .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;
}
#provider .text-wrap {
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
padding-right: 60px;
}
#provider .text-wrap h2 {
margin-bottom: 30px;
color: #053C67;
font-size: 36px;
line-height: 40px;
font-weight: 300;
}
p.provider-signup {
font-weight: 400;
}
p.provider-signup a {
font-weight: 300;
}
#provider .img-wrap {
-ms-flex-preferred-size: 66.66666%;
flex-basis: 66.66666%;
}
#provider .img-wrap img {
display: block;
position: relative;
width: 100%;
max-width: 100%;
height: auto;
} .the-content {
text-align: center;
}
.the-content ul {
margin-top: 60px;
text-align: left;
list-style: disc;
-webkit-columns: 300px 2;
-moz-columns: 300px 2;
columns: 300px 2;
-webkit-column-gap: 40px;
-moz-column-gap: 40px;
column-gap: 40px;
}
.the-content ul li {
margin-bottom: 15px;
} header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
top: 0;
z-index: 100;
width: 100%;
background: #053C67;
-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%;
max-width: 1460px;
margin: 0 auto;
}
header .logo,
header .logo a,
header .logo img {
display: block;
position: relative;
width: auto;
height: auto;
}
header .logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 15px 20px;
height: auto;
width: auto;
}
header .logo a {
width: auto;
height: auto;
}
header .logo img {
position: relative;
top: 0;
left: 0;
width: auto;
height: 90px;
-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: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
width: 100%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
header .menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
width: 100%;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-line-pack: center;
align-content: center;
margin-right: 75px;
}
nav li, nav a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
color: #fff;
font-weight: 300;
text-decoration: none;
text-transform: uppercase;
font-size: 16px;
line-height: 18px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.menu-item {
padding: 20px 0px;
}
.menu-item a:after {
content: '';
display: block;
position: absolute;
font-size: 0px;
width: 0px;
height: 2px;
left: 50%;
right: 0px;
bottom: 0px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background: rgba(42, 133, 139, 0);
-webkit-transition: width .25s ease-in-out, background .25s ease-in-out;
-o-transition: width .25s ease-in-out, background .25s ease-in-out;
transition: width .25s ease-in-out, background .25s ease-in-out;
}
.menu-item a:hover:after {
background: rgba(42, 133, 139, 1);
width: 100%;
}
nav a {
margin: 40px 30px;
padding: 5px 0px;
-webkit-transition: color .25s ease-in-out;
-o-transition: color .25s ease-in-out;
transition: color .25s ease-in-out;
}
.current-menu-item a:after,
.current_page_parent a:after {
content: '';
display: block;
position: absolute;
width: 100%;
height: 2px;
left: 50%;
right: 0px;
bottom: 0px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background: #2A868B;
}
nav a:hover {
color: rgba(255,255,255, .8);
}
nav a:hover:after {
width: 100%;
} .sub-menu {
display: block;
position: absolute;
width: auto;
min-width: 240px;
height: auto;
top: 143px;
padding: 5px 0px 0px 0px;
visibility: hidden;
pointer-events: none;
}
.menu-item-has-children:hover .sub-menu {
visibility: visible;
pointer-events: all;
} .sub-menu .menu-item {
width: 100%;
background: #2A868B;
-webkit-transition: background .25s ease-in-out;
-o-transition: background .25s ease-in-out;
transition: background .25s ease-in-out;
padding: 0px;
}
.sub-menu .menu-item:hover {
background: #e8e7e6;
}
.sub-menu a {
width: 100%;
margin: 0px;
padding: 15px;
color: #fff;
}
.sub-menu a:hover {
background: #226f73;
} header#container-header .goog-te-gadget {
color: #fff!important;
}
header#site-header-sub .goog-te-gadget {
color: #0092a0!important;
}
.goog-te-gadget .goog-te-combo {
margin: 0;
}
select.goog-te-combo {
background: transparent;
border: none;
height: 28px;
margin: 0 !important;
border: none;
color: #cccccc !important;
width: 100% !important;
padding: 5px 10px 5px 20px;
font-size: 12px !important;
font-size: 1.1rem;
}
header#container-header select.goog-te-combo {
color: #053C67 !important;
}
.skiptranslate.goog-te-gadget {
color: #053C67 !important;
}
#google_translate_element {
position: absolute;
z-index: 10;
top: 5;
padding: 0;
}
#google_translate_element .goog-te-gadget-simple {
padding: 0;
}
#google_translate_element img {
margin: 0;
display: none;
}
a.VIpgJd-ZVi9od-l4eHX-hSRGPd {
display: none;
}
#:0.targetLanguage {
position: relative;
}
label[for="trans"] {
content: "";
font-family: "Font Awesome 5 Pro";
font-size: 15px;
display: block;
position: absolute;
font-weight: 300;
color: rgb(40, 159, 156);
right: 15px;
top: 12px;
z-index: 2;
}
a.goog-logo-link {
display: none;
}
.goog-te-banner-frame.skiptranslate {
display: none !important;
}
body {
top: 0px !important;
} div#userwayAccessibilityIcon {
margin-top: 5px;
}
.menu-item.donate {
padding: 0px;
}
.menu-item.donate a {
margin-left: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 100%;
margin: 0px 0px 0px 15px;
padding: 5px 35px;
color: #fff;
background: #2A868B;
-webkit-transition: background .25s ease-in-out, color .25s ease-in-out;
-o-transition: background .25s ease-in-out, color .25s ease-in-out;
transition: background .25s ease-in-out, color .25s ease-in-out;
}
.menu-item.donate a:hover {
background: #fff;
color: #2A868B;
}
#main-nav-trigger {
display: none;
}
.cart-link {
display: block;
position: relative;
width: auto;
height: auto;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: right;
margin: 10px 10px 10px auto;
}
.cart-link a {
display: inline-block;
position: relative;
padding: 5px 10px 5px 32px;
border-radius: 4px;
background: #2A868B;
color: #fff;
font-weight: 400;
-webkit-transition: background .25s ease-in-out;
-o-transition: background .25s ease-in-out;
transition: background .25s ease-in-out;
}
.cart-link a:before {
content: '';
background: url(//macularhope.org/wp-content/themes/macHope/images/macular-icons_cart.png) no-repeat left center;
background-size: 16px;
display: block;
position: absolute;
width: 16px;
height: 100%;
top: 0;
left: 10px;
}
.cart-link a:hover {
background: #053C67;
} header.scrolled {
background: #00205B;
}
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
}
header.scrolled .logo #logo-horz {
opacity: 1;
top: 10px;
}
header .logo #logo-stack {
opacity: 1;
z-index: 1000;
}
header.scrolled .logo #logo-stack {
opacity: 0;
}
.scrolled .sub-menu {
padding-top: 10px;
-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);
box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.1);
}
.scrolled .menu-item-has-children .sub-menu:before {
top: 1px;
}
.posts-grid {
background: #efefef;
}
.posts-grid .post {
display: block;
position: relative;
border-top: 10px #053C67 solid;
background: #fff;
-webkit-box-shadow: 0px 0px 4px 5px rgba(0,0,0,0.05);
box-shadow: 0px 0px 4px 5px rgba(0,0,0,0.05);
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-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: 10px #2A868B 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 .text-wrap {
padding: 20px;
}
.posts-grid .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;
}
.posts-grid .post:hover h2 {
color: #2A868B;
}
.posts-grid .post a {
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
} .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;
}
#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;
}
section#featured-posts {
background: #EFEFEF;
}
#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;
}
#featured-wrap #feat-posts,
#featured-wrap #feat-events {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
#featured-wrap #feat-posts {
-ms-flex-preferred-size: 66.66666%;
flex-basis: 66.66666%;
}
#featured-wrap #feat-events {
-ms-flex-preferred-size: 33.33333%;
flex-basis: 33.33333%;
}
#featured-wrap > div > h3 {
padding: 20px;
color: #2A868B;
font-size: 46px;
line-height: 50px;
font-weight: 300;
}
.feat-posts-list li {
display: block;
position: relative;
-ms-flex-preferred-size: calc(50% - 40px);
flex-basis: calc(50% - 40px);
margin: 20px;
overflow: hidden;
-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;
}
li .thumb {
display: block;
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
li:hover .thumb {
-webkit-transform: scale(1.15);
-ms-transform: scale(1.15);
transform: scale(1.15);
}
.feat-posts-list li a {
display: block;
position: relative;
z-index: 2;
width: 100%;
height: 100%;
margin: 0px;
padding: 20px;
color: #fff;
text-decoration: none;
background: rgb(0,0,0);
background: -o-linear-gradient(bottom, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 100%);
background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, rgba(0,0,0,0)), to(rgba(0,0,0,1)));
background: linear-gradient(0deg, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
#featured-posts .feat-posts-list li:before {
content: '';
display: block;
position: relative;
float: left;
height: 0px;
padding-bottom: 100%;
}
#featured-posts .feat-posts-list li:after {
content: "";
display: table;
clear: both;
}
.feat-posts-list li a p {
text-transform: uppercase;
font-size: 14px;
letter-spacing: 1px;
}
.feat-posts-list li a h5 {
font-size: 24px;
line-height: 28px;
font-weight: 300;
}
.feat-posts-list li:first-of-type {
-ms-flex-preferred-size: calc(100% - 40px);
flex-basis: calc(100% - 40px);
}
#featured-posts .feat-posts-list li:first-of-type:before {
content: '';
display: block;
position: relative;
float: left;
height: 0px;
padding-bottom: 50%;
}
#featured-posts .feat-posts-list li:first-of-type:after {
content: "";
display: table;
clear: both;
}
.events-list > li {
display: block;
position: relative;
padding-left: 20px;
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;
-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;
}
.events-list > li:hover {
background: rgba(255,255,255, 1);
}
.events-list > li > a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: #222222;
text-decoration: none;
padding: 20px 20px 20px 0px;
border-bottom: 1px solid #979797;
-webkit-transition: border .25s ease-in-out;
-o-transition: border .25s ease-in-out;
transition: border .25s ease-in-out;
}
.events-list > li:hover > a {
border-bottom: 1px solid rgba(255,255,255,0);
}
.events-list .date {
text-align: center;
color: #2A868B;
padding: 0px 20px 0px 0px;
}
.events-list .date .month {
text-transform: uppercase;
font-size: 14px;
font-weight: 400;
}
.events-list .date .day {
font-size: 25px;
line-height: 25px;
}
.events-list h5 {
color: #053C67;
font-size: 20px;
line-height: 28px;
}
.events-list .location {
font-size: 14px;
line-height: 18px;
margin-top: 5px;
}
.more-link {
display: inline-block;
position: relative;
padding: 20px;
color: #2A868B;
font-weight: 400;
text-decoration: none;
text-transform: uppercase;
} .the-content h2,
section > h2 {
color: #2A868B;
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;
} .home .blog .row.narrow {
padding: 60px 20px;
}
.home .blog .row.narrow > h2 {
margin-bottom: 40px;
font-size: 30px;
line-height: 36px;
font-weight: 300;
}
.home .blog.posts-grid .post {
background: none;
box-shadow: none;
border-top: none;
}
.home .blog.posts-grid .post .text-wrap {
padding: 0px;
}
.home .blog.posts-grid .post .text-wrap .date {
font-weight: 600;
}
.home .blog.posts-grid .text-wrap h2 {
color: #2A868B;
font-size: 22px;
line-height: 28px;
font-weight: 400;
}
.home .blog.posts-grid .text-wrap h2 a {
color: #2A868B;
font-weight: 400;
}
.home .blog .more-blog {
font-weight: 500;
} #event-archive .post,
#feat-post > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
#event-archive #posts-grid {
background: #EFEFEF;
}
#event-archive .events-list .post {
padding-top: 30px;
border-top: 1px solid #979797;
-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;
}
#event-archive .events-list > div:first-of-type,
#event-archive .events-list > div:nth-of-type(2) {
border-top: none;
}
#event-archive .post .text-wrap,
#event-archive .post .img-wrap,
#feat-post.post .text-wrap,
#feat-post.post .img-wrap {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
#event-archive .post h2,
#feat-post.post h2 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
margin: 0px;
padding: 0px;
color: #053C67;
font-weight: 400;
text-align: left;
font-size: 30px;
line-height: 36px;
}
#event-archive .post h2,
#event-archive .post .date,
#event-archive .post .location,
#event-archive .post .excerpt,
#feat-post.post h2,
#feat-post.post .date,
#feat-post.pos .location,
#feat-post.post .excerpt {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
margin-bottom: 10px;
}
#event-archive .post .date,
#event-archive .post .date p,
#feat-post.post .date,
#feat-post.post .date p {
color: #222222;
font-style: italic;
font-size: 20px;
line-height: 24px;
text-align: left;
}
#feat-post.post .date {
color: #2A868B;
}
#event-archive .post .location,
#feat-post.post .location {
margin-bottom: 20px;
font-weight: 400;
}
#event-archive .post .location p,
#feat-post.post .location p {
margin-bottom: 0px;
}
#event-archive .post .location .location-link,
#feat-post.post .location .location-link {
margin-left: 10px;
}
#event-archive .post a.more {
color: #053C67;
font-weight: 400;
}
#event-archive #events-pagination.row.narrow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding-top: 0px;
}
#event-archive #events-pagination .page-numbers {
display: none;
}
#event-archive #events-pagination .page-numbers.next,
#event-archive #events-pagination .page-numbers.prev {
display: inline-block;
position: relative;
margin: 30px auto;
padding: 15px 20px;
background: #2A868B;
color: #fff;
font-weight: 400;
font-size: 18px;
line-height: 18px;
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;
}
#event-archive #events-pagination .page-numbers.next:hover,
#event-archive #events-pagination .page-numbers.prev:hover {
background: #00477F;
}
#event-archive #events-pagination .page-numbers.next {
margin-left: 0px;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
#event-archive #events-pagination .page-numbers.prev {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
margin-right: 0px;
} .single #feat-post { background: #efefef;
z-index: 2;
}
.single #feat-post > .row.narrow {
padding: 60px 120px;
}
.single #feat-post h2,
.single #feat-post .date {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
margin: 0 auto;
}
.single #feat-post .text-wrap {
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
}
.single #feat-post h2,
.single #feat-post .date {
margin-bottom: 10px;
}
.single #feat-post h2 {
font-size: 52px;
line-height: 60px;
font-weight: 300;
}
.single #feat-post .date,
.single #feat-post .date p {
color: #2A868B;
font-style: normal;
padding-bottom: 15px;
}
.single #feat-post h6 {
font-weight: 400;
text-transform: uppercase;
}
.single #feat-post .location p {
font-weight: 300;
}
.single #feat-post .img-wrap {
-ms-flex-preferred-size: 60%;
flex-basis: 60%;
-ms-flex-item-align: start;
align-self: flex-start;
}
.single #feat-post .contact {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.single #feat-post .contact .phone,
.single #feat-post .contact .email,
.single #feat-post .contact .register {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding: 5px;
}
.single #feat-post .contact .phone,
.single #feat-post .contact .email {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.single #feat-post .contact .register,
.single #feat-post .contact .register p {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
font-weight: 400;
font-size: 20px;
}
.single #feat-post .contact .register {
padding-top: 15px;
}
.single article {
z-index: 1;
}
.single #content .entry-content > h2:first-of-type {
color: #2A868B;
font-weight: 400;
text-align: left;
font-size: 22px;
line-height: 28px;
} h2.blog {
font-size: 30px;
line-height: 35px;
margin: 10px 0;
font-weight: 100 !important;
}
.text-wrap.blog {
padding: 40px;
margin-bottom: 20px;
}
.sharethis-inline-share-buttons {
text-align: right;
float: right;
}
p.date {
font-size: 14px;
text-transform: uppercase;
} .single #single-page-title {
background: #fff;
color: #444444;
}
.single #single-page-title .row.narrow {
padding-bottom: 0px;
}
.single #single-page-title h1 {
color: #032845;
text-transform: none;
font-weight: 300;
margin-bottom: 0px;
}
.single .entry-content.row.narrow {
padding: 30px 120px 60px 120px;
}
.single.single-post #single-page-title .row.narrow {
padding: 60px 120px 30px 120px;
}
.single .entry-content .post-img {
display: block;
position: relative;
padding-bottom: 30px;
}
.single .entry-content figure {
display: block;
position: relative;
padding-top: 30px;
padding-bottom: 30px;
}
.entry-content img {
width: auto;
max-width: 100%;
}
.entry-content p {
display: block;
position: relative;
padding-bottom: 20px;
}
.entry-content a,
.text-wrap a {
font-weight: 700;
}
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
padding-top: 15px;
padding-bottom: 10px;
}
.entry-content ol,
.entry-content ul,
.text-wrap ol,
.text-wrap ul {
margin: 10px 0px 10px 20px;
list-style-position: outside;
}
.entry-content ul,
.text-wrap ul {
list-style: disc;
}
.entry-content ol,
.text-wrap ol {
list-style: decimal;
}
.entry-content h3 + ul,
.entry-content h4 + ul,
.entry-content h5 + ul,
.entry-content h6 + ul {
margin-top: 0px;
}
#related-posts {
background: #efefef;
}
#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: 'Open Sans', 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;
}
#comments h3 {
padding-bottom: 10px;
color: #053C67;
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: #053C67;
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: 0px;
background: none;
outline: none;
border: 1px solid #006DB7;
color: #006DB7;
font-family: 'Open Sans', 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: 0px;
background: #053C67;
outline: none;
border: 2px solid #053C67;
color: #fff;
font-family: 'Open Sans', 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: #053C67;
} #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: #2A868B;
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 {
background: #efefef;
}
#contact-page .col-2 > div:first-of-type {
-ms-flex-preferred-size: 70%;
flex-basis: 70%;
max-width: 70%;
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: 30px;
}
#contact-page .sidebar p {
margin-top: 20px;
margin-bottom: 0px;
}
#contact-page .location div p:first-of-type {
margin-top: 0px;
} #team {
background: #EFEFEF;
}
#team-list.row.narrow,
#board-list.row.narrow {
max-width: 930px;
}
.row.narrow.staff-list {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.row.narrow#team-list {
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.staff-list > li {
margin: 15px !important;
}
.team-member {
display: block;
position: relative;
margin: 30px auto;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition: height .5s ease-in-out;
-o-transition: height .5s ease-in-out;
transition: height .5s ease-in-out;
text-align: center;
-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;
}
#directors-list.row.narrow {
padding-bottom: 0px;
}
.team-member .team-img {
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
}
.team-img:before {
content: '';
display: block;
position: relative;
float: left;
height: 0px;
padding-bottom: 120%;
}
.team-img:after {
content: "";
display: table;
clear: both;
}
.team-member .text-wrap h3 {
margin-top: 15px;
margin-bottom: 0px;
color: #053C67;
font-size: 18px;
line-height: 24px;
font-weight: 400;
}
.team-member .text-wrap .job-title {
margin-bottom: 30px;
color: #767676;
font-style: italic;
}
.team-member .team-bio {
}
.team-member .team-bio + a {
display: block;
position: relative;
text-decoration: none;
color: #05C3DE;
line-height: 36px;
}
.team-member .team-bio + a span {
display: inline-block;
line-height: 36px;
vertical-align: middle;
}
.team-member .team-bio + a span.icon {
font-size: 36px;
}
.team-member .team-bio + a span.button-text {
margin-top: 3px;
margin-left: 5px;
}
a.fancybox.team-bio {
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.fancybox-wrap {
width: 100% !important;
height: 100vh !important;
max-width: 1080px !important;
max-height: 100vh !important;
left: 50% !important;
top: 0 !important;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
margin: 0 auto;
}
.fancybox-overlay {
background: #053C67;
}
.fancybox-opened .fancybox-skin {
padding: 30px !important;
-webkit-box-sizing: border-box !important;
box-sizing: border-box !important;
background: rgba(255,255,255, 0);
-webkit-box-shadow: none;
box-shadow: none;
}
.fancybox-outer,
.fancybox-inner {
width: 100% !important;
height: calc(100vh - 60px) !important;
max-height: calc(100vh - 60px);
}
.fancybox-wrap .team-modal {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
color: #fff !important;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.fancybox-wrap .team-modal .team-img {
display: block;
position: relative;
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
}
.fancybox-wrap .team-modal .text-wrap {
display: block;
position: relative;
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
padding: 0px 72px 30px 30px;
}
.fancybox-wrap .team-modal h2 {
font-size: 32px;
font-weight: 300;
}
.fancybox-wrap .team-modal .job-title {
margin-bottom: 20px;
font-style: italic;
}
.fancybox-wrap .fancybox-close {
position: fixed !important;
background: url(//macularhope.org/wp-content/themes/macHope/images/macular-icons_close.png) no-repeat center center;
background-size: contain;
width: 36px;
height: 36px;
top: 72px;
right: 48px;
bottom: auto;
left: auto;
}
.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;
}
#pdf-list,
#financial-reports {
background: #efefef;
}
#pdf-list.row.narrow {
padding-top: 0px;
}
#pdf-list .pdf-group {
-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;
}
#financial-reports: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;
}
.pdf-group {
display: block;
position: relative;
padding: 30px;
background: #fff;
-webkit-box-shadow: 0px 0px 4px 5px rgba(0,0,0,0.05);
box-shadow: 0px 0px 4px 5px rgba(0,0,0,0.05);
text-align: center;
}
.pdf-group .icon-wrap {
display: block;
margin: 30px auto;
width: 60px;
height: auto;
}
.pdf-group h3 {
margin-bottom: 20px;
color: #053C67;
font-size: 30px;
line-height: 36px;
}
.pdf-group a {
display: block;
} #locations h3,
#locations .location {
margin-bottom: 20px;
}
.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;
}
.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,
.pagination > div span {
display: inline-block;
position: relative;
text-align: center;
width: 45px;
max-width: 45px;
height: 45px;
color: #053C67;
font-weight: 400;
font-size: 18px;
font-weight: 400;
text-decoration: none;
-webkit-transition: color .25s ease-in-out;
-o-transition: color .25s ease-in-out;
transition: color .25s ease-in-out;
padding: 10px;
}
.pagination > div a.prev,
.pagination > div a.next {
width: 120px;
max-width: inherit;
}
.pagination > div a:hover {
color: #2A868B;
}
.pagination > div span.current {
background: #053C67;
color: #fff;
border-radius: 50%;
max-width: 45px;
} #join-ctas {
background: #EFEFEF;
text-align: center;
}
section#join-ctas > h2:first-of-type {
margin-bottom: 0px;
font-size: 22px;
line-height: 30px;
font-weight: 400;
}
#join-ctas .row.narrow {
padding-top: 15px;
}
#join-ctas a.button {
margin: 30px 15px 0px 15px;
}
#network-logos .slide-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
}
#network-logos .slide-wrap .logo-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
-ms-flex-preferred-size: calc((100% / 3) - 31px);
flex-basis: calc((100% / 3) - 31px);
margin: 15px;
max-width: 240px;
max-height: 100px;
-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;
}
#network-logos .slide-wrap .logo-wrap img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%
}
#network-logos .slide-wrap .logo-wrap a {
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
#network-logos .flex-direction-nav {
pointer-events: none;
height: auto;
}
#network-logos .flex-direction-nav li {
pointer-events: all;
}
#network-logos .flex-direction-nav a:before,
#network-logos .flex-direction-nav a.flex-next:before {
font-family: sans-serif;
}
#network-logos .flex-direction-nav .flex-prev,
#network-logos .flex-direction-nav .flex-next {
opacity: .15;
width: 0;
height: 0;
border-top: 20px solid transparent;
border-bottom: 20px solid transparent;
-webkit-transition: opacity .25s ease-in-out;
-o-transition: opacity .25s ease-in-out;
transition: opacity .25s ease-in-out;
}
#network-logos .flex-direction-nav .flex-prev {
left: 20px;
border-right: 20px solid black;
}
#network-logos .flex-direction-nav .flex-prev:hover,
#network-logos .flex-direction-nav .flex-next:hover {
opacity: .5;
}
#network-logos .flex-direction-nav .flex-next {
right: 20px;
border-left: 20px solid black;
}
.flex-direction-nav a {
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.woocommerce #wrapper {
background: #efefef;
position: relative;
}
.woocommerce #container:after {
content: '';
display: table;
clear: both;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
margin: 15px;
}
.woocommerce.page-template-default #content .entry-content h2 {
font-size: 20px;
line-height: 26px;
margin-bottom: 0px;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
color: #053C67;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce ul.products li.product .button,
.woocommerce button.button.alt,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
background: #053C67;
color: #fff;
margin-top: 5px;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce button.button.alt:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
background: #2A868B;
color: #fff;
cursor: pointer;
}
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled] {
background: #bdbdbd;
color: #8e8e8e;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
margin: 5px 10px 0 0;
height: 36px;
width: 120px !important;
}
.woocommerce .woocommerce-breadcrumb {
margin-top: 10px;
}
.woocommerce div.product .product_title {
color: #053C67;
font-weight: 200;
margin-bottom: 10px;
}
.woocommerce div.product p.price {
margin-bottom: 10px;
}
.woocommerce-product-details__short-description {
margin-bottom: 20px;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
border: 2px solid #efefef !important;
padding: 15px 20px !important;
-webkit-box-sizing: border-box !important;
box-sizing: border-box !important;
border-radius: 2px;
font-family: 'Lato', sans-serif;
font-size: 16px;
line-height: 16px;
height: 60px;
font-weight: 200;
}
.woocommerce-checkout .col2-set {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.woocommerce-checkout .col-1,
.woocommerce-checkout .col-2 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
float: none;
} section#newsletter {
background: #2d9ada;
}
section#newsletter .form,
#newsletter .form .gform_wrapper form,
#newsletter .form .gform_wrapper .gform_fields,
#newsletter .gform_wrapper .gform_footer {
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-bottom: 0px;
}
#newsletter .gform_wrapper .top_label .gfield_description.validation_message {
color: #fff;
}
section#newsletter .form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 30px 60px;
}
#newsletter .form p,
#newsletter .form .gform_wrapper {
display: inline-block;
}
#newsletter .form p {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
margin-right: 20px;
color: #fff;
font-weight: 700;
text-transform: uppercase;
}
#newsletter .gform_wrapper .gform_footer {
width: auto;
-ms-flex-negative: 1;
flex-shrink: 1;
}
#newsletter .form .gform_wrapper form,
#newsletter .form .gform_wrapper .gform_fields {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#newsletter .form .gform_wrapper .gform_body {
-webkit-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2;
}
#newsletter .gform_wrapper ul.gform_fields li.gfield {
-ms-flex-preferred-size: calc(50% - 20px);
flex-basis: calc(50% - 20px);
margin-right: 20px;
margin-top: 0px;
}
#newsletter .gform_wrapper .top_label div.ginput_container {
margin-top: 0px;
}
#newsletter .form .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
width: 100%;
height: 78px;
}
#newsletter .form .gform_wrapper .gform_footer input.button,
#newsletter .gform_wrapper .gform_footer input[type=submit] {
height: 78px;
margin-top: 0px !important;
margin-bottom: 0px !important;
background: #093b69;
}
#newsletter .form .gform_wrapper .gform_footer input.button:hover,
#newsletter .gform_wrapper .gform_footer input[type=submit]:hover {
background: #fff;
color: #093b69;
}
.gform_confirmation_wrapper {
padding-top: 10px;
color: #fff;
font-weight: 500;
font-size: 24px;
line-height: 30px;
}
footer {
display: block;
position: relative;
background: #053C67;
color: #fff;
font-size: 14px;
line-height: 14px;
}
footer .row.narrow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 60px 0px;
margin: 0px auto;
}
footer #copy.row.narrow {
padding-top: 0px;
}
footer a,
footer p {
font-size: 14px;
line-height: 18px;
}
footer a {
display: block;
color: #fff;
text-decoration: none;
margin-top: 0px;
}
footer p {
display: inline-block;
}
footer .logo {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding-right: 40px;
}
footer .location {
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
}
footer .location,
footer .certifications {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2;
}
footer .certifications {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
}
footer .certifications > a,
footer .certifications > img {
display: inline-block;
position: relative;
height: 80px;
width: auto;
margin: 10px;
vertical-align: middle;
}
footer .certifications a img {
display: block;
height: 80px;
width: auto;
margin:0px;
}
footer .location > div {
padding-right: 20px;
}
#copy {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#copyright {
-webkit-box-flex: 2;
-ms-flex-positive: 2;
flex-grow: 2;
text-align: center;
}
footer #copyright a {
display: inline;
}
#footer-social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
width: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 30px;
padding-bottom: 15px;
border-top: 1px solid rgba(255,255,255, .35);
}
.social-link {
display: block;
position: relative;
margin: 10px;
width: 30px;
height: 30px;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
opacity: 1;
-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:before {
content: '';
display: block;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.social-link.fb {
background-image: url(//macularhope.org/wp-content/themes/macHope/images/icon-social-fb.svg);
}
.social-link.tw {
background-image: url(//macularhope.org/wp-content/themes/macHope/images/icon-social-tw.svg);
}
@media only screen and (max-width: 1300px) {
.row.narrow,
.page-content .row.narrow,
footer .row.narrow {
padding: 30px 60px 60px 60px;
}
footer #copy.row.narrow {
padding: 0px 60px 60px;
}
.home .blog .row.narrow {
padding: 60px 80px;
}
section#newsletter .form {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-top: 60px;
}
#newsletter .form p {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
} }
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 1000px) {
header {
height: auto;
}
#main-nav-trigger {
display: block;
position: absolute;
top: 24px;
right: 64px;
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: block;
position: absolute;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
width: 100%;
left: 0px;
top: 90px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0px 0px 0px;
background: #053C67;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
pointer-events: none;
max-height: calc(100vh - 60px);
overflow-y: auto;
-webkit-transition: -webkit-transform .25s ease-in-out;
transition: -webkit-transform .25s ease-in-out;
-o-transition: transform .25s ease-in-out;
transition: transform .25s ease-in-out;
transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
}
header .visible #main {
pointer-events: all;
-webkit-transform: translateX(-0%);
-ms-transform: translateX(-0%);
transform: translateX(-0%);
}
.menu-main-menu-container, header #main { }
#container-header {
padding: 10px;
-ms-flex-wrap: wrap;
flex-wrap: wrap; height: 90px;
}
header #menu-main-menu {
display: block;
}
header .logo {
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;
margin: 0px;
height: 100%;
padding: 0px 20px;
margin-top: 10px;
}
header .logo a {
height: auto;
}
header .logo img {
position: relative;
height: 50px;
}
nav li, nav a {
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.menu-item {
padding: 0px;
}
nav a {
padding: 15px 20px;
margin: 0px;
}
.menu-item.donate a {
margin: 0px;
padding: 15px 20px;
}
#menu-main-menu .sub-menu {
padding-top: 0px;
}
.menu-item-has-children .sub-menu:before {
top: -9px;
}
#menu-main-menu li.menu-item-has-children:before {
content: url(//macularhope.org/wp-content/themes/macHope/images/menu-icon-arrow.svg);
display: block;
position: absolute;
width: 48px;
height: 48px;
font-size: 0px;
top: 0px;
right: 0px;
background: rgba(255, 255, 255, .05);
visibility: visible;
font-size: 0px;
-webkit-transition: -webkit-transform .25s ease-in-out;
transition: -webkit-transform .25s ease-in-out;
-o-transition: transform .25s ease-in-out;
transition: transform .25s ease-in-out;
transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
}
#menu-main-menu li > ul {
position: relative;
top: inherit;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
#menu-main-menu li:hover > ul {
visibility: hidden;
}
#menu-main-menu li:hover > ul {
visibility: hidden;
}
#menu-main-menu li.sub-menu-visible.menu-item-has-children:before {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
#menu-main-menu li.menu-item-has-children > ul {
display: none;
}
#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;
}
.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;
padding: 60px;
}
.home .page-feature {
padding: 60px 60px 120px 60px;
}
.flexslider-controls {
height: 60px;
margin-top: -60px;
}
.flex-control-nav li {
padding: 15px;
font-size: 18px;
line-height: 22px;
}
.home .page-feature h1 {
font-size: 48px;
line-height: 48px;
}
#container { }
.row.narrow {
padding-left: 60px;
padding-right: 60px;
} #content #intro .row.narrow {
padding: 60px;
}
.col-3 > div,
.col-3 > li,
.col-4 > div,
.col-4 > li,
.col-5 > div,
.col-5 > li,
.col-6 > div,
.col-6 > li {
-ms-flex-preferred-size: calc((100% / 2) - 16px);
flex-basis: calc((100% / 2) - 16px);
max-width: calc((100% / 2) - 16px);
}
.col-3 > div:nth-of-type(3n+1),
.col-3 > li:nth-of-type(3n+1),
.col-4 > div:nth-of-type(4n+1),
.col-4 > li:nth-of-type(4n+1),
.col-5 > div:nth-of-type(5n+1),
.col-5 > li:nth-of-type(5n+1),
.col-6 > div:nth-of-type(6n+1),
.col-6 > li:nth-of-type(6n+1) {
margin-left: inherit;
}
.col-3 > div:nth-of-type(3n+3),
.col-3 > li:nth-of-type(3n+3),
.col-4 > div:nth-of-type(4n+4),
.col-4 > li:nth-of-type(4n+4),
.col-5 > div:nth-of-type(5n+5),
.col-5 > li:nth-of-type(5n+5),
.col-6 > div:nth-of-type(6n+6),
.col-6 > li:nth-of-type(6n+6) {
margin-right: inherit;
}
.col-3 > div:nth-of-type(2n+1),
.col-3 > li:nth-of-type(2n+1),
.col-4 > div:nth-of-type(2n+1),
.col-4 > li:nth-of-type(2n+1),
.col-5 > div:nth-of-type(2n+1),
.col-5 > li:nth-of-type(2n+1),
.col-6 > div:nth-of-type(2n+1),
.col-6 > li:nth-of-type(2n+1) {
margin-left: 0px;
}
.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;
}
.woocommerce .woocommerce-breadcrumb {
padding-left: 20px;
}
nav.woocommerce-breadcrumb a {
display: inline-block;
width: auto;
padding: 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%;
}
.donation-cta {
-ms-flex-preferred-size: 100% !important;
flex-basis: 100% !important;
max-width: inherit !important;
margin: 0px 0px 30px 0px !important;
}
#content #quotes .row.narrow {
padding: 0px 60px;
}
#provider .text-wrap {
-ms-flex-preferred-size: 45%;
flex-basis: 45%
}
#provider .img-wrap {
-ms-flex-preferred-size: 55%;
flex-basis: 55%;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
width: calc(50% - 31px);
-ms-flex-preferred-size: calc(50% - 31px);
flex-basis: calc(50% - 31px);
max-width: calc(50% - 31px);
-ms-flex-negative: 1;
flex-shrink: 1;
}
#contact-page .col-2 > div:first-of-type,
#contact-page .sidebar {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: inherit;
margin: 15px 0px !important;
}
#contact-page .col-2 > div:first-of-type {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
#contact-page .sidebar {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
padding: 0px;
}
#newsletter .form .gform_wrapper .gform_fields {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#newsletter .gform_wrapper ul.gform_fields .ginput_recaptcha {
margin-top: 20px;
}
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;
}
}
@media only screen and (max-width: 768px) {
.row.narrow,
#content .row.narrow,
footer .row.narrow,
.single.single-post #single-page-title .row.narrow,
.home .blog .row.narrow {
padding: 60px 30px;
margin-top: 0px;
}
.col-2 > div,
.col-2 > li,
.col-3 > div,
.col-3 > li,
.col-4 > div,
.col-4 > li,
.col-5 > div,
.col-5 > li,
.col-6 > div,
.col-6 > li,
.col-2 > div:nth-of-type(2n+1),
.col-2 > li:nth-of-type(2n+1),
.col-2 > div:nth-of-type(2n+2),
.col-2 > li:nth-of-type(2n+2) {
margin-left: 0px !important;
margin-right: 0px !important;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.alt-row {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.alt-row > div {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.alt-section > div:nth-of-type(even) .img-wrap {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.alt-section > div:nth-of-type(even) .text-wrap {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.alt-row .text-wrap {
padding: 30px 0px 0px 0px;
}
.page-feature {
background-position: top right !important;
}
.flexslider-controls {
margin-top: 0px;
height: auto;
}
#content .flex-control-nav.row.narrow {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0px;
}
.flex-control-nav li {
background: #efefef;
}
.tab-slider .slide {
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.tab-slider .text-wrap h2 {
font-size: 26px;
line-height: 30px;
}
#provider .text-wrap,
#provider .img-wrap {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
.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;
}
#content .row.narrow#pdf-list {
padding-top: 0px;
}
#network-logos .slide-wrap .logo-wrap {
-ms-flex-preferred-size: calc((100% / 2) - 31px);
flex-basis: calc((100% / 2) - 31px);
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
margin: 15px !important;
}
section#newsletter .form {
padding: 30px;
}
#newsletter .form .gform_wrapper form {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#newsletter .gform_wrapper ul.gform_fields li.gfield {
-ms-flex-preferred-size: calc(50% - 11px);
flex-basis: calc(50% - 11px);
padding-bottom: 20px;
}
#newsletter .gform_wrapper ul.gform_fields > li:last-of-type {
margin-right: 0px;
}
#newsletter .form .gform_wrapper .gform_fields {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#newsletter .gform_wrapper ul.gform_fields li.gfield {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
margin-right: 0px;
}
footer .logo {
max-width: 50%;
padding-bottom: 30px;
}
footer .location {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
}
@media only screen and (max-width: 640px) {
.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;
}
.page-feature,
.home .page-feature {
padding: 30px;
-ms-flex-line-pack: start;
align-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.page-feature #feature-info-wrap,
.home .page-feature #feature-info-wrap {
background: rgba(255,255,255,.9);
padding: 30px;
}
.page-feature #feature-info-wrap * {
width: 100%;
}
.home .page-feature h1 {
font-size: 36px;
line-height: 36px;
}
.home #feature-info-wrap .text {
margin-top: 10px;
font-size: 18px;
line-height: 22px;
}
#content .row.narrow.slides {
padding-top: 30px;
padding-bottom: 30px;
}
.flex-control-nav li {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
border-right: 0px;
border-bottom: 1px solid #979797;
}
.tab-slider .slide {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.tab-slider .slide .img-wrap,
.tab-slider .slide .text-wrap {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
margin-right: 0px;
}
.tab-slider .text-wrap {
margin-top: 20px;
padding-right: 0px;
}
.feat-posts-list li {
-ms-flex-preferred-size: calc(100% - 40px);
flex-basis: calc(100% - 40px);
}
#featured-posts .feat-posts-list li:before {
padding-bottom: 50%;
}
#provider .row.narrow {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#provider .text-wrap,
#provider .img-wrap {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding-right: 0px;
padding-top: 15px;
}
#provider .text-wrap {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
#provider .img-wrap {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
#event-archive #events-pagination {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#event-archive #events-pagination .page-numbers.next,
#event-archive #events-pagination .page-numbers.prev {
display: block;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.fancybox-overlay-fixed {
overflow-y: hidden !important;
}
.fancybox-wrap {
position: fixed !important;
width: inherit !important;
height: inherit !important;
max-width: 1080px !important;
max-height: 100vh !important;
left: inherit !important;
top: inherit !important;
overflow-y: scroll !important;
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
margin: 0 auto;
}
.fancybox-skin {
overflow-y: scroll !important;
}
.fancybox-outer,
.fancybox-inner {
width: 100% !important;
height: auto !important;
max-height: inherit;
}
.fancybox-wrap .team-modal {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.fancybox-wrap .team-modal .team-img,
.fancybox-wrap .team-modal .text-wrap {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.fancybox-wrap .team-modal .text-wrap {
padding: 30px 0px;
}
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) {
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
width: calc(100% - 31px);
-ms-flex-preferred-size: calc(100% - 31px);
flex-basis: calc(100% - 31px);
max-width: inherit;
-ms-flex-negative: 1;
flex-shrink: 1;
}
header .alert p, header .alert a {
padding: 5px;
line-height: 20px;
}
#network-logos .slide-wrap .logo-wrap {
-ms-flex-preferred-size: calc((100%) - 31px);
flex-basis: calc((100%) - 31px);
}
footer .certifications {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
footer .certifications > a {
text-align: center;
}
}
@media only screen and (max-width: 460px) {
#container-header {
height: 90px;
}
header .logo {
width: calc(100% - 90px);
padding: 0px;
}
h1 {
font-size: 30px;
line-height: 36px;
margin-bottom: 30px;
}
.page-feature {
min-height: 400px;
}
#featured-posts .feat-posts-list li:before {
padding-top: 75%;
}
.feat-posts-list li:first-of-type,
.feat-posts-list li {
margin: 20px 0px;
flex-basis: 100%;
max-width: 100%;
}
#featured-wrap > div > h3 {
padding: 20px 0px;
font-size: 26px;
line-height: 30px;
}
footer .logo {
max-width: 75%;
}
footer .location {
flex-wrap: wrap;
}
footer .location > div {
flex-basis: 100%;
}
} @font-face {
font-family: 'Font Awesome 5 Pro';
font-style: normal;
font-weight: 300;
src: url(//macularhope.org/wp-content/themes/macHope/fonts/fa-light-300.eot);
src: url(//macularhope.org/wp-content/themes/macHope/fonts/fa-light-300.eot?#iefix) format("embedded-opentype"),
url(//macularhope.org/wp-content/themes/macHope/fonts/fa-light-300.woff2) format("woff2"),
url(//macularhope.org/wp-content/themes/macHope/fonts/fa-light-300.woff) format("woff"),
url(//macularhope.org/wp-content/themes/macHope/fonts/fa-light-300.ttf) format("truetype"),
url(//macularhope.org/wp-content/themes/macHope/fonts/fa-light-300.svg#fontawesome) format("svg");
}
@font-face {
font-family: 'Font Awesome 5 Pro';
font-style: normal;
font-weight: 400;
src: url(//macularhope.org/wp-content/themes/macHope/fonts/fa-regular-400.eot);
src: url(//macularhope.org/wp-content/themes/macHope/fonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),
url(//macularhope.org/wp-content/themes/macHope/fonts/fa-regular-400.woff2) format("woff2"),
url(//macularhope.org/wp-content/themes/macHope/fonts/fa-regular-400.woff) format("woff"),
url(//macularhope.org/wp-content/themes/macHope/fonts/fa-regular-400.ttf) format("truetype"),
url(//macularhope.org/wp-content/themes/macHope/fonts/fa-regular-400.svg#fontawesome) format("svg");
}
@font-face {
font-family: 'Font Awesome 5 Pro';
font-style: normal;
font-weight: 900;
src: url(//macularhope.org/wp-content/themes/macHope/fonts/fa-solid-900.eot);
src: url(//macularhope.org/wp-content/themes/macHope/fonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),
url(//macularhope.org/wp-content/themes/macHope/fonts/fa-solid-900.woff2) format("woff2"),
url(//macularhope.org/wp-content/themes/macHope/fonts/fa-solid-900.woff) format("woff"),
url(//macularhope.org/wp-content/themes/macHope/fonts/fa-solid-900.ttf) format("truetype"),
url(//macularhope.org/wp-content/themes/macHope/fonts/fa-solid-900.svg#fontawesome) format("svg");
}