/*
Theme Name: Alpha Center for Divorce
Author: time4design
*/
/* --------------------------------------------------------------------------------------------------------------------- */
/* CUSTOM CSS DESIGN ENGINE CREATED BY THE TEAM AT T4D
TIME4DESIGN.COM -- INFO@TIME4DESIGN.COM -- Smart Ideas -- Smart Choices -- Business Success
CALL 215.766.7885
Last updated 09/23
www.time4design.com
/* --------------------------------------------------------------------------------------------------------------------- */
.su-accordion {font-family: 'Fira Sans', sans-serif;font-weight:400;}
/* ---------------------------------------------------------------------- */
/* GENERAL DEFAULTS
/* ---------------------------------------------------------------------- */
#responsive-menu-pro-button {}
::-moz-selection { background: #fce5b6; color: #295a1b; text-shadow: none; }
::selection { background: #fce5b6; color: #295a1b; text-shadow: none; }
.gde-link { display:none;}
/* general links */
a {color: #0f4b91;text-decoration: none;}
a:link {color: #0f4b91;text-decoration: none;}
a:hover {text-decoration:none;}
a:active {color: #0f4b91;text-decoration: none;}
/* transitions */
header,
nav,
a,
img,
li {
transition: .7s all;
-moz-transition: .7s all;
-webkit-transition: .7s all;
-o-transition: .7s all;
}
/* Scroll bar */
body::-webkit-scrollbar {
width: 1em;
}
body::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
body::-webkit-scrollbar-thumb {
background-color: darkgrey;
outline: 1px solid slategrey;
}
p {color: #000000;
/* font-family: 'Fira Sans', sans-serif;*/
font-family: "Inter", sans-serif;
}
.textwidget p {padding:0;margin: 0;}
/* Box sizing. */
* {box-sizing:border-box;}
* { border:0; margin:0;padding:0;outline:none;}
/* Responsive images */
img{ max-width:100%; padding:0; margin:0;}
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.rightfloat {float:right; }
.leftfloat {float:left;}
.textright {text-align:right;}
.fifty {width: 50%;text-align:left;}
.breaker {clear:both;}
.tagging {font-family: 'Fira Sans', sans-serif; font-weight:400;font-size:14px; }
.centered { margin: 0 auto; text-align:center; }
.right { margin: 0 auto; text-align:right; }
.seperator {padding:0;margin: 30px 0 30px 0; width: 100%;background:none;clear:both;border: 1px solid #efefef;}
.divider-line-grey {padding:0;margin: 0px 0 0px 0px;border-top: 1px solid #eeeeee;width:100%;clear:both;}
.divider-line-white {padding:0;margin: 0px 0 0px 0px;border-top: 10px solid #ffffff;width:100%;clear:both;}
.crumbs {background: #f1f1f1; padding:20px 0 20px 115px;margin: 10px 0px 10px 0px;color: #ffffff; font-weight:400;font-family: 'Fira Sans', sans-serif;}
.crumbs a {color: #003ca6;text-decoration: none;font-family: 'Fira Sans', sans-serif;}
.crumbs a:link {color: #003ca6;text-decoration: none;}
.crumbs a:hover {text-decoration:none;}
.crumbs a:active {color: #003ca6;text-decoration: none;}
.newsmenu {padding:0;margin: 0px 0px 20px 0px;color: #ee4c53; font-weight:400;text-align:center;}
.show { display:inherit;}
.hide { display:none;}
.spacer {clear:both;height:40px;}
.sr-only {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}
.callout {clear:both;background-color: #689bff; clear:both;margin-top:30px;margin-bottom:30px;padding: 0px 0px 0px 0px; color: #ffffff;font-family: 'Fira Sans', sans-serif; font-weight:400;text-align:center;}
.callout p {color: #ffffff;font-family: 'Fira Sans', sans-serif; font-weight:400;padding: 0px 20px 20px 20px;}
.callout a {color: #ffffcc;font-weight:400;}
.callout a:link {color: #ffffcc;text-decoration: none;}
.callout a:hover {color: #ffffcc;text-decoration:none;}
.callout a:active {color: #ffffff;text-decoration: none;}
.page-styles .callout ul { color: #ffffff;background-image: none;background-position: left top;background-repeat: no-repeat;padding: 20px 0 20px 0;margin: 0px 0 0 0;clear:both;font-family: 'Fira Sans', sans-serif;text-align:left;font-size: 16px;}
.page-styles .callout li:before {text-align:left;font-family: 'FontAwesome'; content: '\f15b';margin:0 10px 0 0px; color:#ffffff;font-size: 16px;}
.page-styles .callout ul li {color: #ffffff;text-align:left;margin: 0px 0px 10px 0px;padding: 0px 15px 0px 30px;cursor: default;background-position: 0 0px;background-repeat: no-repeat;background-image:none;list-style-type: none;font-size: 16px;font-family: 'Fira Sans', sans-serif;line-height:32px;font-weight:400;}
.page-styles .callout ul li ul {color: #ffffff;text-align:left;margin: 0px 0 0px 0px; padding: 0px 0px 0px 0px;}
.page-styles .callout ul li ul li {color: #ffffff;text-align:left;margin: 0px 0 0px 10px;padding: 10px 0px 0px 30px;cursor: default;background-position: 0 10px;background-image:none;background-repeat: no-repeat;list-style-type: none;font-size: 16px;font-family: 'Fira Sans', sans-serif;}
.grid-1 blockquote {
background: #f9f9f9;
border-left: 10px solid #ccc;
margin: 0.5em 10px;
padding: 0.5em 10px;
font-weight:400;
padding-bottom:25px;
quotes: "\201C""\201D""\2018""\2019";
}
.grid-1 blockquote:before {
color: #ccc;
content: open-quote;
font-size: 4em;
line-height: 0.1em;
margin-right: 0.25em;
vertical-align: -0.4em;
}
.grid-1 blockquote h3 {
display: inline;
font-weight:400;
}
.grecaptcha-badge {display: none;}
.social-off { display:inherit;}
.search-toggle{display:none;}
.upper {text-transform:uppercase;}
.lighten {opacity: 0.7; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s;filter: alpha(opacity=70); /* For IE8 and earlier */}
.lighten:hover {opacity: 1.0; -webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s;filter: alpha(opacity=100); /* For IE8 and earlier */}
.blackwhite:hover {-webkit-filter: grayscale(1); filter: grayscale(1);}
/* ---------------------------------------------------------------------- */
/* TYPOGRAPHICS & COLOR
/* ---------------------------------------------------------------------- */
.white { color: #ffffff; padding:0;margin:0;}
.black { color: #000000; padding:0;margin:0;}
.grey { color: #efefef; padding:0;margin:0;}
.red { color: #0f4b91; padding:0;margin:0;}
.blue { color: #003ca6; padding:0;margin:0;}
.green { color: #295a1b; padding:0;margin:0;}
.lime { color: #d5ffcd; padding:0;margin:0;}
.yellow { color: #fdefd3; padding:0;margin:0;}
.white-bg { background-color: #ffffff; }
.black-bg { background-color: #000000; }
.blue-bg { background-color: #003ca6; }
.green-bg { background-color: #295a1b; }
.lime-bg { background-color: #d5ffcd; }
.yellow-bg { background-color: #fdefd3; }
.grey-bg { background-color: #f1f1f1;}
.dark-grey-bg { background-color: #e3e3e3;}
.silver-bg { background-color: #eeeeee; }
.red-bg { background-color: #0f4b91; }
.sun-bg {background: url('images/rays-bg.png') center center no-repeat;background-size: cover;}
.sunshine-bg {
background-color: #fce5b6;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 800'%3E%3Cdefs%3E%3CradialGradient id='a' cx='400' cy='400' r='50%25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='1' stop-color='%23fce5b6'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='400' cy='400' r='70%25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='1' stop-color='%23f7cf7d'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='800' height='800'/%3E%3Cg fill-opacity='.8'%3E%3Cpath fill='url(%23b)' d='M998.7 439.2c1.7-26.5 1.7-52.7 0.1-78.5L401 399.9c0 0 0-0.1 0-0.1l587.6-116.9c-5.1-25.9-11.9-51.2-20.3-75.8L400.9 399.7c0 0 0-0.1 0-0.1l537.3-265c-11.6-23.5-24.8-46.2-39.3-67.9L400.8 399.5c0 0 0-0.1-0.1-0.1l450.4-395c-17.3-19.7-35.8-38.2-55.5-55.5l-395 450.4c0 0-0.1 0-0.1-0.1L733.4-99c-21.7-14.5-44.4-27.6-68-39.3l-265 537.4c0 0-0.1 0-0.1 0l192.6-567.4c-24.6-8.3-49.9-15.1-75.8-20.2L400.2 399c0 0-0.1 0-0.1 0l39.2-597.7c-26.5-1.7-52.7-1.7-78.5-0.1L399.9 399c0 0-0.1 0-0.1 0L282.9-188.6c-25.9 5.1-51.2 11.9-75.8 20.3l192.6 567.4c0 0-0.1 0-0.1 0l-265-537.3c-23.5 11.6-46.2 24.8-67.9 39.3l332.8 498.1c0 0-0.1 0-0.1 0.1L4.4-51.1C-15.3-33.9-33.8-15.3-51.1 4.4l450.4 395c0 0 0 0.1-0.1 0.1L-99 66.6c-14.5 21.7-27.6 44.4-39.3 68l537.4 265c0 0 0 0.1 0 0.1l-567.4-192.6c-8.3 24.6-15.1 49.9-20.2 75.8L399 399.8c0 0 0 0.1 0 0.1l-597.7-39.2c-1.7 26.5-1.7 52.7-0.1 78.5L399 400.1c0 0 0 0.1 0 0.1l-587.6 116.9c5.1 25.9 11.9 51.2 20.3 75.8l567.4-192.6c0 0 0 0.1 0 0.1l-537.3 265c11.6 23.5 24.8 46.2 39.3 67.9l498.1-332.8c0 0 0 0.1 0.1 0.1l-450.4 395c17.3 19.7 35.8 38.2 55.5 55.5l395-450.4c0 0 0.1 0 0.1 0.1L66.6 899c21.7 14.5 44.4 27.6 68 39.3l265-537.4c0 0 0.1 0 0.1 0L207.1 968.3c24.6 8.3 49.9 15.1 75.8 20.2L399.8 401c0 0 0.1 0 0.1 0l-39.2 597.7c26.5 1.7 52.7 1.7 78.5 0.1L400.1 401c0 0 0.1 0 0.1 0l116.9 587.6c25.9-5.1 51.2-11.9 75.8-20.3L400.3 400.9c0 0 0.1 0 0.1 0l265 537.3c23.5-11.6 46.2-24.8 67.9-39.3L400.5 400.8c0 0 0.1 0 0.1-0.1l395 450.4c19.7-17.3 38.2-35.8 55.5-55.5l-450.4-395c0 0 0-0.1 0.1-0.1L899 733.4c14.5-21.7 27.6-44.4 39.3-68l-537.4-265c0 0 0-0.1 0-0.1l567.4 192.6c8.3-24.6 15.1-49.9 20.2-75.8L401 400.2c0 0 0-0.1 0-0.1L998.7 439.2z'/%3E%3C/g%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover;}
.fields-bg {
/* background-color: #9ac592;
/* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpolygon fill='%239fd295' points='800 100 0 200 0 800 1600 800 1600 200'/%3E%3Cpolygon fill='%23a5de9b' points='800 200 0 400 0 800 1600 800 1600 400'/%3E%3Cpolygon fill='%23ace8a1' points='800 300 0 600 0 800 1600 800 1600 600'/%3E%3Cpolygon fill='%23b5f0aa' points='1600 800 800 400 0 800'/%3E%3Cpolygon fill='%23bef7b4' points='1280 800 800 500 320 800'/%3E%3Cpolygon fill='%23c9fcc0' points='533.3 800 1066.7 800 800 600'/%3E%3Cpolygon fill='%23d5ffcd' points='684.1 800 914.3 800 800 700'/%3E%3C/g%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover;
background:url('/wp-content/uploads/site-banner.jpg');*/
}
.circle-bg {background-color: #adadad;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 800'%3E%3Cg %3E%3Ccircle fill='%23adadad' cx='400' cy='400' r='600'/%3E%3Ccircle fill='%23bababa' cx='400' cy='400' r='500'/%3E%3Ccircle fill='%23c7c7c7' cx='400' cy='400' r='400'/%3E%3Ccircle fill='%23d4d4d4' cx='400' cy='400' r='300'/%3E%3Ccircle fill='%23e1e1e1' cx='400' cy='400' r='200'/%3E%3Ccircle fill='%23efefef' cx='400' cy='400' r='100'/%3E%3C/g%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover;}
.details-bg { background-color: #f1f1f1; padding:20px; margin:0 0 0 0;}
.video-bg { background-color: #f1f1f1; padding:1px; margin:0 0 60px 0;}
.profile-bg {background-color: #d9d9d9;padding:40px; margin: 0 0 30px 0;}
.nextstep-bg {background-size: cover;}
.footer-bg { background: url('images/footer-bg.jpg') center center repeat;background-size: cover;}
.callout-box { background-color: #ffffff; padding:50px 50px 50px 50px;border: 3px solid #d6d6d6;}
.callout-box img { margin-top:-140px;}
.cover-bg {background-size: cover;background-attachment: fixed;padding:30px 0 10px 0px;}
.subpage-bg {background-size:100% auto}
.news-box { background-color: #ffffff; margin:10px; padding:150px 150px 150px 150px;}
.subpage-box {margin-top:-150px;padding:50px 50px 50px 50px;border: 0px solid #d6d6d6;}
.reasons-box { margin:10px;padding:150px 150px 150px 150px;background-color:#efefef;}
.reasons-box .position{ margin-top:-65px;}
.testimonials-box {padding:50px 50px 50px 50px;background-color:#efefef;text-align:center;font-family: 'Fira Sans', sans-serif;font-size: 18px;line-height:35px;}
.testimonials-box .position{ margin-top:-65px;text-align:center;}
.testimonials-box p { color: #000000;font-family: 'Fira Sans', sans-serif;font-size: 18px;}
h1 { font-size: 45px; font-family: 'Fira Sans', serif; font-weight:400;padding:0 0 0px 0px;margin:0;line-height:65px;}
h2 { font-size: 40px;font-family: 'Fira Sans', sans-serif;font-weight:400;padding:0 0 0px 0px;margin:0;line-height:65px;}
h3 { font-size: 35px;font-family: 'Fira Sans', sans-serif; font-weight:400;padding:0px 0 0px 0px;margin:0;line-height:45px;}
h4 { font-size: 30px;font-family: 'Fira Sans', sans-serif; font-weight:400;padding:0 0 0px 0px; margin:0;line-height:45px;}
h5 { font-size: 20px;font-family: 'Fira Sans', sans-serif; font-weight:400;padding:0px 0 0px 0px;line-height:32px;}
h5.alert-banner { font-size: 18px;font-family: 'Fira Sans', sans-serif; font-weight:400;padding:0px 0 0px 0px;line-height:32px;}
h6 { font-size: 16px;font-family: 'Fira Sans', sans-serif; font-weight:400;margin:0 0 0px 0;line-height:32px;}
.tagline { display: table; text-align: center; padding:10px 15px 10px 15px;margin: 0px auto 0px auto; color: #ffffff;font-family: 'Fira Sans', sans-serif; font-weight:400;font-size: 18px; background: rgba(103, 154, 255, 0.5); line-height:28px;letter-spacing: 0.0625em;}
.links { padding:0px 10px 0px 0px;}
.blog-posts img {min-width:100%}
/* Circle Effect*/
.circle { border: 3px solid #0f4b91;border-radius: 50%;display: inline-block;background-color:#ffffff; margin:0 auto 0 auto;text-align:center;padding:10px;position: relative;}
/*.circle:hover {background-color:#fdefd3;}*/
.circle img {border-radius: 50%; display: block;}
.position {margin-top:-90px;}
.office-position {margin-top:-60px;float:right; }
/* Alignments
/* ---------------------------------------------------------------------- */
.wp-caption {border: 0px solid #ddd;text-align: left;padding-top: 0px;margin: 0px;border-radius: 0px;width:100%}
.wp-caption img {margin: 0;padding: 0;padding-right: 0px;border: 0 none;width: 100%;}
.wp-caption p.wp-caption-text {font-size: .80em;line-height: 25px;padding: 10px 5px;margin: 0;color: #ffffff; text-align:center;}
.alignright {float:right;clear:both;display: inline;margin: 0px 0 20px 20px; padding:0px; }
.alignleft {display: inline;float: left;margin: 5px 20px 20px 0px;padding:0px; }
.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;margin-top:25px;margin-bottom:25px;padding:0px; border: 0px solid #dad8d8; }
/* Buttons
/* ---------------------------------------------------------------------- */
.cta-button {
display: inline-block;width:100%;margin:0;
/*padding: 10px;border:3px solid #ffffff;text-align: center;color: #ffffff; color: #ffffff!important; text-transform:uppercase;outline: none;font-size:18px;font-family: 'Fira Sans', sans-serif; font-weight:500;background-color: #295a1b;text-decoration: none;vertical-align: middle;*/
}
.cta-button:hover,.cta-button:active {
/* color: #295a1b; color: #295a1b!important;text-decoration: none;background-color: #ffffff;*/
}
.button {
display: inline-block;margin:0;
/* padding: 10px 20px 10px 20px;border:0px solid #ffffff;text-align: center;color: #ffffff; text-transform:uppercase;outline: none;font-size:20px;font-family: 'Fira Sans', sans-serif; font-weight:400;text-decoration: none;margin:2px;background-color: #0f4b91;vertical-align: middle;border:3px solid #0f4b91;*/
}
.button:link {/*color: #ffffff;*/ }
.button:hover,.cta-button:active {/*color: #0f4b91; text-decoration: none;background-color: #ffffff;*/}
@media only screen and (max-width: 479px) {.cta-button { width: 80%;font-size:15px;padding: 17px;margin:5px;} .button { font-size:20px;}}
@media only screen and (min-width: 480px) and (max-width: 767px) {.cta-button {width: 80%;font-size:17px;padding: 16px;margin:5px;} .button { font-size:20px;}}
@media all and (min-width: 600px) { .cta-button {width: 70%; font-size:18px;margin:5px; } .button { font-size:13px;} }
@media only screen and (min-width: 1010px) { .cta-button { width: 40%; font-size:18px;margin:10px;} .button { font-size:16px;}}
@media only screen and (min-width: 1240px) { .cta-button {width: 45%; font-size:22px;margin:10px;} .button { font-size:16px;}}
/* Lists
/* ---------------------------------------------------------------------- */
#top-list{list-style: none;padding:5px 0 0 0;float:right;}
#top-list li{display: inline;padding: 0 5px 0 5px;border-right: 1px solid #ffffff;}
#top-list li:last-child{border-right: 0px solid #ffffff;}
#top-list a {color:#ffffff;font-size:17px;font-family: 'Fira Sans', sans-serif;text-decoration:none;padding: 0 5px 0 5px; font-weight:400;}
#top-list a:hover {text-decoration:none;color:#ffffcc;font-family: 'Fira Sans', sans-serif;}
/*.page-styles ul { background-image: none;background-position: left top;background-repeat: no-repeat;padding: 10px 0 10px 0;margin: 0px 0 0 0;clear:both;font-family: 'Fira Sans', sans-serif;}
.page-styles li:before {font-family: 'FontAwesome'; content: '\f101';margin:0 10px 0 0px; color:#0f4b91;}
.page-styles ul li {margin: 0px 0px 10px 0px;padding: 0px 15px 0px 15px;cursor: default;background-position: 0 0px;background-repeat: no-repeat;background-image:none;list-style-type: none;font-size: 18px;font-family: 'Fira Sans', sans-serif;line-height:30px;font-weight:400;}
.page-styles ul li ul {margin: 0px 0 0px 0px; padding: 0px 0px 0px 0px;}
.page-styles ul li ul li {margin: 0px 0 0px 10px;padding: 10px 0px 0px 30px;cursor: default;background-position: 0 10px;background-image:none;background-repeat: no-repeat;list-style-type: none;font-size: 18px;font-family: 'Fira Sans', sans-serif;}*/
.page-styles ul { padding: 0 0 10px 0;margin: 0 0 0 0;font-family: 'Fira Sans', sans-serif;}
.page-styles ul li {font-size:18px;font-weight:400; margin: 0px 0px 10px 30px;padding: 0px 10px 0px 10px;cursor: default;list-style-type: circle; line-height:28px;}
.page-styles ul li ul {margin: 0px 0 0px 0px; padding: 0px 0px 0px 0px;}
.page-styles ul li ul li {margin: 0px 0 0px 10px;padding: 10px 0px 0px 30px;cursor: default;list-style-type: none;}
.page-styles ol { background-image: none;background-position: left top;background-repeat: no-repeat;padding: 10px 0 10px 0;margin: 0px 0 0 0;clear:both;font-family: 'Fira Sans', sans-serif;}
.page-styles ol li {margin: 0px 0px 10px 40px;padding: 0px 0px 0px 0px;cursor: default;background-position: 0 0px;background-repeat: no-repeat;font-size: 18px;font-family: 'Fira Sans', sans-serif;line-height:26px;font-weight:400;}
.page-styles ol li ul {margin: 0px 0 0px 0px; padding: 0px 0px 0px 0px;}
.page-styles ol li ul li {margin: 0px 0 0px 10px;padding: 10px 0px 0px 30px;cursor: default;background-position: 0 10px;font-size: 13px;font-family: 'Fira Sans', sans-serif;}
ul.list-four{ background-image: none;background-position: left top;background-repeat: no-repeat;padding: 10px 0 10px 0;margin: 0px 0 0 0;clear:both;}
ul.list-four li {margin: 0px 0 10px 10px;padding: 0px 0px 0px 30px;cursor: default;background-position: 0 0px;background-repeat: no-repeat;background-image: none;list-style-type: none;font-size: 18px;font-family: 'Source Sans Pro', sans-serif;}
/*ul.list-four li {margin: 0px 0 10px 10px;padding: 0px 0px 0px 30px;cursor: default;background-position: 0 0px;background-repeat: no-repeat;background-image: url("/images/bullet.png");list-style-type: none;font-size: 18px;font-family: 'Source Sans Pro', sans-serif;}*/
ul.list-four li ul {margin: 0px 0 0px 0px; padding: 0px 0px 0px 0px;}
ul.list-four li ul li {margin: 0px 0 0px 10px;padding: 10px 0px 0px 30px;cursor: default;background-position: 0 10px;background-image: none;background-repeat: no-repeat;list-style-type: none;font-size: 18px;font-family: 'Fira Sans', sans-serif;}
/*ul.list-four li ul li {margin: 0px 0 0px 10px;padding: 10px 0px 0px 30px;cursor: default;background-position: 0 10px;background-image: url("/images/bullet.png");background-repeat: no-repeat;list-style-type: none;font-size: 18px;font-family: 'Fira Sans', sans-serif;}*/
ul.fa2-ul {padding: 0px 0 0px 0;margin: 0px 0 0 0;clear:both; }
ul.fa2-ul li { margin: 0px 0 10px 0px; cursor: default;background-position: 0 0px; display: inline; list-style-type: none; padding: 5px;}
ul.fa2-ul li a {color:#295a1b;font-size:30px;}
ul.fa2-ul li :hover {color:#003ca6; background:#003ca6-webkit-transition: background 1s;
-moz-transition: background 1s;
-ms-transition: background 1s;
-o-transition: background 1s;
transition: background 1s;}
ul.fa2-ul li ul {margin: 10px 0 0px 0px; padding: 0px 0px 0px 0px;}
ul.fa2-ul li ul li {margin: 0px 0 0px 0px;padding: 0px 0px 0px 0px;cursor: default;}
ul.social-ul {float:right;padding: 0px 0 0px 0;margin: 0px 0 0 0;clear:both; }
ul.social-ul li { margin: 0px 0 0px 0px; cursor: default;background-position: 0 0px; display: inline; list-style-type: none; padding: 5px;}
ul.social-ul li a {color:#ffffff;font-size:18px;}
ul.social-ul li :hover {color:#ffffcc; background:#ffbbd3-webkit-transition: background 1s;
-moz-transition: background 1s;
-ms-transition: background 1s;
-o-transition: background 1s;
transition: background 1s;}
ul.social-ul li ul {margin: 0px 0 0px 0px; padding: 0px 0px 0px 0px;}
ul.social-ul li ul li {margin: 0px 0 0px 0px;padding: 0px 0px 0px 0px;cursor: default;}
ul.list-sub {margin:0px 0 40px 0;}
ul.list-sub li {list-style: none;font-family: 'Fira Sans', sans-serif;text-decoration:none;text-align:left;color:#34679a;width:100%;padding: 10px 20px 10px 20px;margin:10px 0 0 0;border: 0px solid #0f4b91;background-color:#e3e3e3;}
ul.list-sub li:hover {text-decoration:none;background-color: #ffd889; }
ul.list-sub a:hover{text-decoration:none;background-color: #ffd889; }
ul.list-sub li.current_page_item ,
ul.list-sub li.current-menu-item ,
ul.list-sub li.current-menu-parent {color:#ffffff;background-color:#ffd889;}
ul.list-sub a.current_page_item {color:#ffffff;background-color:#ffd889;}
ul.list-sub .current_page_item a {color:#ffffff;background-color:#ffd889;}
ul.list-sub current_page_item {color:#ffffff;background-color:#ffd889;}
ul.list-sub li ul li {text-align:left;color:#ffffff;width:100%;font-size: 18px;padding: 10px 20px 10px 20px;margin:10px 0 0 0;border: 0px solid #0f4b91;}
/*menu-automotive-container*/
/* Header
/* ---------------------------------------------------------------------- */
body {background-color:#ffffff; width: 100%;height: 100%;margin: 0 auto;padding:0;}
header {padding:15px 0px 0px 0px;margin: 0px auto;height: 100px;}
.header-content {padding:0 15px 0px 15px;margin: 0px auto;-webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease;-o-transition: all .2s ease; transition: all .2s ease;height:113px;}
.top-nav {clear:both;background-color: #295a1b;color:#ffffff;padding:0 0px 0px 0px;margin: 0px auto;height: 60px;-webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease;-o-transition: all .2s ease; transition: all .2s ease;}
.stickme {position: fixed;display:block;
/*z-index:90000000;*/
}
.fixed-header {position: fixed;top: 0;left: 0; width: 100%;}
div#header-holder { margin: 0px auto 0px auto;width: 100%;padding: 0px 0 0px 0;background-color:#EBF0F8; }
#menu-main-menu-container {z-index:99999999999999999999;}
.wprmenu_bar, #menu_title {z-index:99999999999999999999;}
#logo-container {float:left; padding:0px 0 0px 0px; margin: 0px 10px 0px 10px;}
#logo {background: url('/wp-content/uploads/logo-1.png') center center no-repeat;width:480px;height:80px;display:block;-webkit-transition: all .2s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease;-o-transition: all .3s ease; transition: all .3s ease; }
/* Sections
/* ---------------------------------------------------------------------- */
.angle {background: url('images/bg-angle.png') center bottom no-repeat;background-size: cover;bottom:0;}
.main-graphic { padding:0px 0 0 0; margin: 0 auto 0px auto; max-width:100%;background-color:#ffffff;}
.sub-main-graphic { padding:0px 0 0 0; }
.frame {height: inherit; }
.banner-content-wrap {height: inherit; }
.banner { position: relative;background-size: cover;background-repeat: no-repeat; }
.banner .frame {
height: inherit; }
.banner .banner-content-wrap {
height: inherit; }
.banner h1,
.banner.banner-standard h3,
.banner.banner-blog h3 {
color: #ffffff;font-size: 40px; font-family: 'Fira Sans', sans-serif; font-weight:400;margin:0;line-height:55px;padding-top: 0;}
.banner h3,
.banner.banner-standard h1,
.banner.banner-blog h2 {
color: #ffffff;
font-size: 40px; font-family: 'Fira Sans', sans-serif;
font-weight:500;padding:170px 0 0px 0px;margin:0;
line-height:55px;}
.banner .cattitle {color: #ffffff;
font-size: 20px; font-family: 'Fira Sans', sans-serif;
font-weight:500;padding:170px 0 0px 0px;margin:0;
line-height:55px;}
.banner p { color:#ffffff;font-size: 18px;}
.banner-full {height: 600px;background-position: center left; }
.banner-full:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0px 0 600px 300px;
/*background-color: rgba(15, 75, 145, 0.8);*/
/*border-color: rgba(15, 75, 145, 0.8) transparent transparent transparent; }*/
border-color: transparent transparent transparent rgba(15, 75, 145, 0.7); }
.banner-full .second-overlay {
position: absolute;
top: 0;
left: 0;
width: 30%;
height: 100%;
background-color: rgba(77, 157, 69, 0.8); }
.banner-full .second-overlay:after {
content: '';
position: absolute;
right: -300px;
top: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 600px 300px 0 0;
border-color: rgba(77, 157, 69, 0.8) transparent transparent transparent; }
.banner-full .banner-content-wrap {
position: relative; }
.banner-full .banner-content {
height: inherit;
display: table;
text-align: left;
width: 20%;
margin:0 0 0 115px;
position: relative;
z-index: 2; }
.banner-full .banner-content .banner-content-details {
display: table-cell;
vertical-align: middle; }
.banner-subpage {height: 200px;background-position: center left; }
.banner-subpage:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0px 0 200px 300px;
/*background-color: rgba(15, 75, 145, 0.8);*/
/*border-color: rgba(15, 75, 145, 0.8) transparent transparent transparent; }*/
border-color: transparent transparent transparent rgba(15, 75, 145, 0.7); }
.banner-subpage .second-overlay {
position: absolute;
top: 0;
left: 0;
width: 30%;
height: 100%;
background-color: rgba(77, 157, 69, 0.8); }
.banner-subpage .second-overlay:after {
content: '';
position: absolute;
right: -300px;
top: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 200px 300px 0 0;
border-color: rgba(77, 157, 69, 0.8) transparent transparent transparent; }
.banner-subpage .banner-content-wrap {
position: relative; }
.banner-subpage .banner-content {
height: inherit;
display: table;
text-align: left;
width: 20%;
margin:0 0 0 115px;
position: relative;
z-index: 2; }
.banner-subpage .banner-content .banner-content-details {
display: table-cell;
vertical-align: middle; }
/* ---------------------------------------------------------------------- */
/* Menu Design
/* ---------------------------------------------------------------------- */
.menucontainer {clear:both; border: 0px solid #f85259; float:right; margin:0px 0 0 0;padding:10px 0 0 0px;}
#mainmenu { width:100%; clear:both; margin: 0 auto;}
#mainmenu .menu-header, div.menu {border: 0px solid #c3c3c3;}
div.menu ul {margin: 0;padding: 0px 0px 0px 0;line-height: 100%; }
#mainmenu .menu-header ul, {margin: 0;padding: 0px 0px 0px 0;line-height: 100%;}
#mainmenu .menu-header li, div.menu li {margin: 0 0px 0 0px;padding: 0 0px 0px 0;float: left;position: relative;list-style: none;font-family: 'Fira Sans', sans-serif;font-weight:600;}
#mainmenu a {font-size: 16px; font-weight:600; color: #000000;text-decoration: none;display: block;padding: 15px 20px;
/*border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;*/
}
#mainmenu ul li:last-child { margin: 0px 0px 0px 0px; color: #f85259;color: #0f4b91!important;}
/*#mainmenu ul li:last-child a { color: #ee4c53;color: #ee4c53!important;}
#mainmenu ul li:last-child a:link { color: #ee4c53;color: #ee4c53!important;}
#mainmenu ul li:last-child a:hover { color: #0f4b91;color: #0f4b91!important;}*/
#mainmenu ul li:first-child { margin: 0px 0px 0px -20px;}
#mainmenu li:hover > a {color: #0f4b91;
/* border-left: 1px solid #333332; border-right: 1px solid #333332;*/
}
#mainmenu ul ul {display: none;position: absolute;top: 30px;left: -50px;float: left;z-index: 99999; -webkit-background-clip: padding-box; background-clip: padding-box; }
#mainmenu ul ul li {min-width: 200px;text-transform:none;line-height: 20px;}
#mainmenu ul ul li:last-child { margin: 0px 0px 0px 0px;}
#mainmenu ul ul li:first-child { margin: 0px 0px 0px 0px;}
#mainmenu ul ul li:first-child { margin: 0px 0px 0px 0px;padding-top:20px;background-color:#ffffff;}
#mainmenu ul ul:last-child { margin: 0px 0px 0px 0px;padding-bottom:20px;background-color:#ffffff;}
#mainmenu ul ul ul {left: 100%;top: 0px; }
#mainmenu li ul {
position:absolute;
left:0;
top:40px;
z-index:1;
max-height:0;
overflow:hidden;
-webkit-transform:perspective(400) rotate3d(1,0,0,-90deg);
-webkit-transform-origin:20% 0;
-webkit-transition:350ms;
-moz-transition:350ms;
-o-transition:350ms;
transition:350ms;
}
#mainmenu ul > li:hover ul {
max-height:1000px;
-webkit-transform:perspective(400) rotate3d(0,0,0,0);
}
#mainmenu ul ul a {background: rgba(255, 255, 255, 0.7); width: 100%;height: auto;float: left;font-size: 16px;color: #000000; margin:0;padding: 10px 10px 10px 10px;border:0;font-family: 'Fira Sans', sans-serif;font-weight:600;border-left: 0px solid #333332; border-right: 0px solid #333332;text-align:center;}
#mainmenu ul ul :hover > a {border-bottom: 0px solid #fff;color: #fff;color: #fff!important;background-color:#0f4b91;width: 100%;height: auto;padding: 10px 10px 10px 10px;background-position: 10% 50%;background-repeat: no-repeat;border-left: 0px solid #333332; border-right: 0px solid #333332;}
#mainmenu ul li:hover > ul {display: block;}
#mainmenu ul li.current_page_item > a,
#mainmenu ul li.current-menu-item > a,
#mainmenu ul li.current-menu-parent > a {
color: #0f4b91; color: #0f4b91!important;
/* border-left: 1px solid #333332; border-right: 1px solid #333332;*/
}
* html #mainmenu ul li.current_page_item a,
* html #mainmenu ul li.current-menu-ancestor a,
* html #mainmenu ul li.current-menu-item a,
* html #mainmenu ul li.current-menu-parent a,
* html #mainmenu ul li a:hover {
color: #0f4b91; color: #0f4b91!important;border: solid 0px #46ab3e;background-color:#0f4b91;
}
/*onstate - perm*/
#mainmenu ul ul li.current_page_item > a,
#mainmenu ul ul li.current-menu-item > a,
#mainmenu ul ul li.current-menu-parent > a {color: #295a1b;min-width: 200px;height: auto;color: #295a1b!important; background-position: 10% 50%;background-repeat: no-repeat;}
/* ---------------------------------------------------------------------- */
/* T4D Custom Flex Box
/* ---------------------------------------------------------------------- */
.row-flex-two {
margin: 20px auto;
max-width: 1280px;
display: flex;
flex-wrap: wrap;
}
.row-flex-two .col{
border: 0px dashed gray;
flex: 1 1 400px;
height:400px;
text-align: center;
margin: 10px;
flex-basis: 20%;
justify-content: space-between;
flex-direction: column;
}
/* Featured Only */
.row-flex-three {
margin: 0px auto;
max-width: 1280px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.row-flex-three div {
-webkit-box-flex: 1;
flex: 1 1 380px;
-ms-flex: 1 1 360px;
height:490px;
text-align: center;
padding: 20px;
}
.row-flex-three a {color: #0f4b91;text-decoration: none;}
.row-flex-three .a:link {color: #0f4b91;text-decoration: none;}
.row-flex-three a:hover {color: #4d9d45;}
.row-flex-three a:active {color: #0f4b91;text-decoration: none;}
.row-flex-three h3 {font-size: 30px;font-weight:500;line-height:45px;}
.row-flex-three h6 {font-weight:400;line-height:25px;}
/*Alpha Difference Only*/
.row-flex-three-difference {
margin: 20px auto;
max-width: 1280px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border: 0px solid #0f4b91;
}
.row-flex-three-difference .col {
-webkit-box-flex: 1;
flex: 1 1 300px;
-ms-flex: 1 1 300px;
height:auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
flex-basis: 33%;
-ms-flex-preferred-size: 30%;
padding:20px;
}
.row-flex-three-difference .col a {color: #0f4b91;text-decoration: none;}
.row-flex-three-difference .col .a:link {color: #0f4b91;text-decoration: none;}
.row-flex-three-difference .col a:hover {color: #0f4b91;}
.row-flex-three-difference .col a:active {color: #0f4b91;text-decoration: none;}
.row-flex-three-difference h3 {font-size: 30px;font-weight:500;line-height:45px;}
/*Alpha Locations Only*/
.row-flex-three-locations {
margin: 20px auto;
max-width: 1280px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border: 0px solid #0f4b91;
}
.row-flex-three-locations .col {
-webkit-box-flex: 1;
-ms-flex: 1 1 300px;
flex: 1 1 300px;
height:auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
flex-basis: 33%;
-ms-flex-preferred-size: 28%;
padding:20px;
}
.row-flex-three-locations .col a {text-decoration: none;}
.row-flex-three-locations .col .a:link {text-decoration: none;}
.row-flex-three-locations .col a:hover {}
.row-flex-three-locations .col a:active {text-decoration: none;}
.row-flex-three-locations h3 {font-size: 30px;font-weight:500;line-height:45px;}
.row-flex-three-locations .col p {line-height:15px;}
/*Alpha Experience Only*/
.row-flex-three-experience {
margin: 20px auto;
max-width: 1280px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border: 0px solid #0f4b91;
}
.row-flex-three-experience .col {
-webkit-box-flex: 1;
-ms-flex: 1 1 300px;
flex: 1 1 300px;
height:auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
flex-basis: 33%;
-ms-flex-preferred-size: 30%;
padding:20px;
}
.row-flex-three-experience h3 {font-size: 30px;font-weight:500;line-height:45px;}
.row-flex-many {
margin: 20px auto;
max-width: 1280px;
display: flex;
flex-wrap: wrap;
}
.row-flex-many div{
border: 0px dashed gray;
flex: 1 1;
text-align: center;
margin: 10px;
flex-basis: 30%;
justify-content: space-between;
flex-direction: column;
}
.row-flex-forms {
margin: 5px auto;
max-width: 1280px;
display: flex;
flex-wrap: wrap;
}
.row-flex-forms div{
border: 0px dashed gray;
flex: 1 1;
text-align: center;
margin: 10px;
flex-basis: 48%;
justify-content: space-between;
flex-direction: column;
}
.index-items { background-color: #ffffff; padding:10px 20px 30px 20px;margin:0;border: 1px solid #0f4b91; height:200px;}
.index-items #content { height: 10em; display: flex;align-items: center;justify-content: center;text-align:center;
-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease;-o-transition: all .5s ease; transition: all .5s ease;}
.index-items:hover { background-color: #c3c3c3;color: #ffffff;color: #ffffff!important; -webkit-transition: all .8s ease; -moz-transition: all .8s ease; -ms-transition: all .8s ease;-o-transition: all .8s ease; transition: all .8s ease;}
.index-items p:hover { color: #ffffff;color: #ffffff!important; -webkit-transition: all .8s ease; -moz-transition: all .8s ease; -ms-transition: all .8s ease;-o-transition: all .8s ease; transition: all .8s ease;}
.circle-position { margin-top:-45px;margin-bottom:185px; }
/* ---------------------------------------------------------------------- */
/* T4D Custom Responsive Grids
/* ---------------------------------------------------------------------- */
.col-container {
display: table; /* Make the container element behave like a table */
width: 100%; /* Set full-width to expand the whole page */
}
.grid-full-row { clear:both; width: 100%; margin: 0px auto 0 auto;padding: 45px 0px 45px 0px; }
.grid-1 { border: 0px solid #000000; margin: 0px auto 0px auto; padding: 0px 10px 0px 10px; width: 100%;}
.grid-1 p {margin-bottom:1.1em; font-size: 18px;font-weight:400; line-height:32px;}
.grid-1b { border: 0px solid #000000; margin: 0px auto 0px auto; padding: 0px 10px 0px 10px; width: 100%;}
.grid-1b p {margin-bottom:1.2em; font-size: 16px;font-weight:400; line-height:28px;}
.alignright-featured {padding:15px 15px 15px 15px;margin:0px 15px 15px 0px;height:auto;float:left; background: #ececec; width:100%; }
.alignright-featured img {float:left; padding:0px 15px 0px 0px;}
.grid-0 {float: left; border:0px solid #000; margin:0 0 0 0; width: 100%; border: 0px solid #000000; padding:0 0 0 0;}
.grid-0 p {margin-bottom:1.2em; line-height:28px;font-family: 'Fira Sans', sans-serif;font-size: 16px;font-weight:400;}
.grid-0 .alignright-featured p {line-height:20px;font-family: 'Fira Sans', sans-serif;font-size: 13px;}
.grid-0 .alignright-featured h4 { font-size: 16px;font-family: 'Fira Sans', sans-serif; font-weight:400;padding:0 0 10px 0px; margin:0;}
.grid-crumb { border: 0px solid #000000; margin: 0px 0px 0px 0; padding: 10px 0px 0px 40px; width: 100%;}
.content-featured-banner { width:100%; height:auto; margin:0px 0px 0px 0px; padding:0 0 0 0px;}
.banner { padding: 0px 30px 0px 0px;}
.grid-2 {float: left; border: 0px solid #F0F; width: 50%; margin:0px 0 0px 0px;border: 0px solid #9d9d9d;}
.grid-2 p {margin:0 0 0 0;padding: 0 0px 10px 0px;line-height:32px;font-family: 'Fira Sans', sans-serif;font-size:17px;font-weight:400;}
.grid-2 a {text-decoration: none;}
.grid-2 hover {text-decoration: none;}
.grid-3 { float: left; width: 20%; border: 0px solid #000000;padding:0px 10px 0 10px;-webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease;-o-transition: all .2s ease; transition: all .2s ease;}
.grid-3 p {margin-top:1.1em;line-height:28px;font-family: 'Fira Sans', sans-serif; font-size: 16px;font-weight:400;}
.grid-4 {float: right; width: 65%; margin:0px 0 0 0px;}
.grid-4 p {margin:0;padding: 0px 0px 0px 0px;margin-bottom:1.1em; line-height:32px;font-family: 'Fira Sans', sans-serif; font-size: 18px;font-weight:400;}
.grid-4 a {text-decoration: none;}
.grid-4 hover {text-decoration: none;}
.grid-5 {width: 35%; margin:0px 0 0 0px;border: 0px solid #9d9d9d;}
.grid-5 p {margin:0;padding: 0 0px 10px 0px;line-height:28px;font-family: 'Fira Sans', sans-serif; font-size: 16px;font-weight:400;}
.grid-5 a {text-decoration: none;}
.grid-5 hover {text-decoration: none;}
.grid-5 img {min-width:100%;}
.grid-6 { float: left; width: 25%; border: 1px solid #d5d5d5;margin:0 0 0 0px;}
.grid-6 p {margin-bottom:1.2em; line-height:32px;font-family: 'Fira Sans', sans-serif;font-size: 18px;font-weight:400;}
.grid-6b { float: right; width: 25%; border: 0px solid #d5d5d5;margin:0 0 0 0px;}
.grid-6b p {margin-bottom:1.2em; line-height:32px;font-family: 'Fira Sans', sans-serif;font-size: 18px;font-weight:400;}
.grid-7 { float: left; width: 16%; border: 0px solid #d5d5d5;margin:0px 15px 10px 15px;}
.grid-7 p {margin-bottom:1.2em; line-height:24px;font-family: 'Fira Sans', sans-serif;font-size: 18px;font-weight:400;}
.grid-8 { float: left; width: 10%; border: 1px solid #d5d5d5;margin:10px 15px 10px 15px;}
.grid-8 p {margin-bottom:1.2em; line-height:24px;font-family: 'Fira Sans', sans-serif;font-size: 18px;font-weight:400;}
.grid-10 { float: left; width: 20%; border: 0px solid #d5d5d5;margin:0 0 0 0px;}
.grid-11 {float: left; width: 80%; border: 0px solid #d5d5d5;padding:0 20px 0 20px;}
.grid-top {float: left; width: 50%; margin:18px 0 0 0px;border: 0px solid #9d9d9d;}
.grid-top p {line-height:24px;font-family: 'Fira Sans', sans-serif;font-size: 19px;font-weight:600;color:#ffffff;}
.grid-top a {color:#ffffff;font-size:18px;padding:5px;}
.grid-top a:hover {color:#ffffcc; background:#ffbbd3-webkit-transition: background 1s;
-moz-transition: background 1s;
-ms-transition: background 1s;
-o-transition: background 1s;
transition: background 1s;}
.rfloat {float:right; }
.lfloat {float:left;}
.news-c {background-color: #eeeeee; padding:20px 20px 0px 20px;}
.news-1 {float: left; width: 30%; border: 0px solid #000000; padding:0 20px 0 0;}
.news-2 {float: left; width: 70%; border: 0px solid #000000; padding:0px 0 0 30px;}
.news-1 img {border: 1px solid #d9d9d9;padding:0 0 0 0;margin:0 0 0 0;}
.author-1 {float: left; width: 20%; border: 0px solid #000000; padding:0 20px 0 0;}
.author-2 {float: left; width: 80%; border: 0px solid #000000; padding:0px 0 0 10px;}
.author-1 img {border: 1px solid #d9d9d9;padding:0 0 0 0;margin:0 0 0 0;}
/* Footer
/* ---------------------------------------------------------------------- */
.footercontainer { clear:both; width: 100%; margin: 0px auto 0px auto;}
.footer { padding:70px 0 70px 0px; margin: 0px auto 10px auto;}
.footer p { padding:0 0 0px 0px; margin: 0 0 0px 0px; font-family: 'Fira Sans', sans-serif; font-weight:400;color:#000000;font-size: 16px;}
.footer h5 {font-family: 'Fira Sans', sans-serif; font-weight:400;color:#003ca6;padding:0 0 15px 0;}
.footer a {color: #000000;text-decoration: none;}
.footer .a:link {color: #000000;text-decoration: none;}
.footer a:hover {color: #000000;}
.footer a:active {color: #000000;text-decoration: none;}
.footer li:before {content: '';}
.time4design { clear:both;width: 100%; }
.time4design .finish { color: #ffffff;text-align:center; margin: 0 auto;padding: 20px 0px 20px 0px;font-size:13px; font-family: 'Fira Sans', sans-serif;font-weight:400;line-height:26px; }
.time4design .finish a { text-decoration:none;color: #ffffff; }
.time4design .finish p { text-decoration:none; color: #ffffff;}
.site-footer {
background: #eef4fa !important;
}
.bottom-footer {
background: #fff !important;
}
/* ---------------------------------------------------------------------- */
/* Contact Page Elements
/* ---------------------------------------------------------------------- */
.input-block { float: left; margin: 0 0px 0px 0px;}
div.wpcf7 {clear:both;margin:0px;padding: 0;width: 100%; box-sizing: border-box; }
.wpcf7 input, .search-site input {
display: block;
font-family: 'Fira Sans', sans-serif;margin: 10px 0 10px 0px;padding: 10px 0px 10px 10px;width:100%;color: #000000;background:#ffffff;border: 1px solid #003ca6;font-weight:400;font-size:20px;}
.wpcf7 input:focus, .search-site input:focus {
color: #000000;background:#ffffff;border: 1px solid #003ca6;font-family: 'Fira Sans', sans-serif;font-weight:400;font-size:20px;
}
.wpcf7 textarea {display: block;font-family: 'Fira Sans', sans-serif;margin:0 0px 10px 0px;padding: 10px 0px 10px 10px;width: 100%;height: 150px;color: #000000;background:#ffffff;border: 1px solid #003ca6;font-weight:400;font-size:20px;}
.wpcf7 select {display: block;font-family: 'Fira Sans', sans-serif;margin:0 0px 10px 0px;padding: 10px 0px 10px 10px;width: 100%;color: #000000;background:#ffffff;border: 1px solid #34679a;font-weight:400;font-size:20px;}
.wpcf7 textarea:focus {color: #000000;background:#ffffff;border: 1px solid #003ca6;font-family: 'Fira Sans', sans-serif;font-weight:400;font-size:20px;}
.wpcf7 p { font-family: 'Fira Sans', sans-serif; font-size:20px;margin: 10px 0 20px 0;font-weight:400;}
.wpcf7-not-valid-tip {font-family: 'Fira Sans', sans-serif; }
submit{
width:50%;
/* margin:20px 0 20px 0;
padding: 30px;
color: #ffffff;color: #ffffff !important;
background:#003ca6; background:#003ca6 !important;
border: 3px solid #ffffff;
text-align: center;
outline: none;
font-size:22px;
font-family: 'Fira Sans', sans-serif;
font-weight:400;
text-decoration: none;
text-transform:uppercase;
vertical-align: middle;*/
}
.wpcf7-submit {
width:50%;
/* margin:20px 0 20px 0;
padding: 30px;
color: #ffffff;color: #ffffff !important;
background:#003ca6;background:#003ca6 !important;
border: 3px solid #ffffff;
text-align: center;
outline: none;
font-size:22px;
font-family: 'Fira Sans', sans-serif;
font-weight:400;
text-decoration: none;
text-transform:uppercase;
vertical-align: middle;*/
}
.wpcf7-submit:hover, .wpcf7-submit:active {
/* background-color: #ffffff;color: #003ca6; color: #003ca6!important;text-decoration: none;background:#ffffff !important;*/
}
.wpcf7 .wpcf7-validation-errors{
border:none;
background-color:#003ca6;
margin:0;
padding:10px;
color:#ffffff;
width:100%;
text-align:center;
font-family: 'Fira Sans', sans-serif;
font-weight:400;
font-size:22px;
}
.wpcf7 .wpcf7-mail-sent-ok{
border:none;
background-color:#003ca6;
color:#ffffff;
margin:0;
padding:10px;
width:100%;
text-align:center;
font-family: 'Fira Sans', sans-serif;
font-weight:400;
font-size:22px;
}
div.wpcf7-response-output {
border:none;
background-color:#003ca6;
color:#ffffff;
margin:0;
padding:10px;
width:100%;
text-align:center;
font-family: 'Fira Sans', sans-serif;
font-weight:400;
font-size:22px;
}
.wpcf7 .wpcf7-response-output {
border:none;
background-color:#003ca6;
color:#ffffff;
margin:0;
padding:10px;
width:100%;
text-align:center;
font-family: 'Fira Sans', sans-serif;
font-weight:400;
font-size:22px;
}
/* ---------------------------------------------------------------------- */
/* MISC
/* ---------------------------------------------------------------------- */
.trackable_sharing { padding:20px 0 0 0; }
.lof-navigator-wrapper { position: absolute;border: 0px solid #000000;margin-bottom:4px;}
img#wpstats { display: none; }
/* ---------------------------------------------------------------------- */
/* RESPONSIVE MQ
/* ---------------------------------------------------------------------- */
/* Mobile Portrait Size */
@media only screen and (max-width: 479px) {
/* GENERAL DEFAULTS
/* ---------------------------------------------------------------------- */
.tagline {display:none;}
.cover-bg {background-image:none; background-image:none!important; background:#4f7ba7;}
.subpage-box {margin-top:-10px;padding:10px 10px 10px 10px;}
.crumbs {padding:20px 0 20px 25px;margin: 10px 0px 10px 0px;font-size:12px;}
h5.alert-banner { font-size: 16px;line-height:32px;}
/* Header
/* ---------------------------------------------------------------------- */
.top-nav {height: 90px;}
#logo {background: url('images/logo-mobile.png') center center no-repeat;width:70px;height:70px;}
.stickme {position:inherit;}
.header-pages { height:130px; background-color:#000000;}
.header-pages h1 { font-size: 30px; font-family: 'Fira Sans', sans-serif; font-weight:400;margin:0px 0 0px 0px;}
.featured-titles-white h2 span { background-color:transparent; }
.featured-titles-grey h2 span { background-color:transparent; }
.callout-quote {text-align:center;}
.banner h3,
.banner.banner-standard h1,
.banner.banner-blog h2 { font-size: 32px; padding:20px 0 0px 0px;}
.banner .cattitle { font-size: 20px; padding:20px 0 0px 0px;}
.banner h1,
.banner.banner-standard h3,
.banner.banner-blog h3 {font-size: 32px; }
.banner-full {background-image: none !important; height: auto; }
.banner-full:after { display: none; }
.banner-full .banner-content {width: 100%;padding: 0px 0 0px 0; margin:0 0 0 0px;}
.banner-full .banner-content .banner-content-details {vertical-align: middle;text-align:center;padding: 0 0px 20px 20px }
.banner-content-details p{display:none; }
.banner-full .second-overlay {width: 100%; background-color: rgba(77, 157, 69, 1.0); }
.banner-full .second-overlay:after {display: none; }
.banner-subpage {background-image: none !important; height: auto; }
.banner-subpage:after { display: none; }
.banner-subpage .banner-content {width: 100%;padding: 0px 0 0px 0; margin:0 0 0 0px;}
.banner-subpage .banner-content .banner-content-details {vertical-align: middle;text-align:center;padding: 0 0px 20px 20px }
.banner-subpage .second-overlay {width: 100%; }
.banner-subpage .second-overlay {width: 100%; background-color: rgba(77, 157, 69, 1.0); }
.banner-subpage .second-overlay:after {display: none; }
/* Menu Design
/* ---------------------------------------------------------------------- */
.menucontainer {display:none;}
.secondmenu {display:none;}
#top-list{padding:15px 0 0 0;float:none;text-align:center;}
#top-list li{padding: 0 5px 0 5px; display:inline-table;}
#top-list li:first-child{border-right: 0px solid #000000;}
#top-list a {font-size:13px;font-weight:500;}
/* Slides Design
/* ---------------------------------------------------------------------- */
.alignright {margin: 0px 0px 0px 0px;clear:both;}
.alignright img {width:100%;}
/* Grids
/* ---------------------------------------------------------------------- */
.grid-0 { width: 100%;padding:0px 0px 0 0px; }
.grid-1 { max-width:100%; padding:0 25px 0 25px; border: 0px solid #000000; margin:0;}
.grid-1 p {font-size:17px;}
.grid-1b { max-width:98%; border: 0px solid #000000; margin:0;padding:0;}
.grid-1-banner { width:100%; height:auto; margin:2px 0px 2px 0px; padding:20px 10px 20px 10px;}
.grid-2 {width: 100%; margin:0px 0 30px 0px;}
.grid-3 {width: 100%; margin:0px 0 0 0;border: 0px solid #9d9d9d;padding:20px 10px 20px 10px;}
.grid-4 {width: 100%; border-right: 0px solid #d5d5d5;}
.grid-5 {width: 100%; border: 0px solid #000000;padding:15px;}
.grid-6 {width: 100%; border: 0px solid #000000;padding-top:25px;}
.grid-6b {width: 100%; border: 0px solid #000000;text-align:center;}
.grid-7 {width: 100%; margin:10px 0px 10px 0px; border: 0px solid #ffffff;}
.grid-8 {width: 100%; margin:10px 0px 10px 0px; }
.grid-10 { float: left; width: 100%; }
.grid-11 {float: left; width: 100%; }
.grid-top {width: 100%;}
.response{display:none;}
.rfloat {float:none; text-align:center;display:none}
.lfloat {float:none;text-align:center;}
.row-flex-two .col {flex-basis: 100%; -ms-flex-preferred-size: 100%; margin:50px 0 50px 0;}
.row-flex-three-locations .col {flex-basis: 100%; -ms-flex-preferred-size: 100%; }
.row-flex-three-experience .col {flex-basis: 100%; -ms-flex-preferred-size: 100%; }
.row-flex-three-difference .col {flex-basis: 100%; -ms-flex-preferred-size: 100%; }
.news-1 {float: left; width: 100%; border: 0px solid #000000; padding: 0 0 0 0;}
.news-2 {float: left; width: 100%; border: 0px solid #000000;padding: 0 0 0 0;}
.news-1 img{min-width:100%;}
.author-1 {float: left; width: 100%; border: 0px solid #000000; padding: 0 0 0 0;}
.author-2 {float: left; width: 100%; border: 0px solid #000000;padding: 0 0 0 0;}
.author-1 img{min-width:100%;}
.time4design {padding:0px 20px 0px 20px;}
.time4design .finish p { text-align:center; line-height:28px;}
}
/* Mobile Landscape */
@media only screen and (min-width: 480px) and (max-width: 767px) {
/* GENERAL DEFAULTS
/* ---------------------------------------------------------------------- */
.cover-bg {background-image:none!important; background-color:#4f7ba7;}
.subpage-box {margin-top:-10px;padding:10px 10px 10px 10px;}
.tagline {display:none;}
.crumbs {padding:20px 0 20px 25px;margin: 10px 0px 10px 0px;font-size:15px;}
h5.alert-banner { font-size: 16px;line-height:32px;}
/* Header
/* ---------------------------------------------------------------------- */
.header-content {padding:0 15px 0px 15px;border:0px solid #c3c3c3;}
#logo {background: url('/wp-content/uploads/logo-1.png') center center no-repeat;width:400px;height:71px;}
.stickme {position:inherit;}
.callout-quote {text-align:center;}
.featured-titles-white h2 span { background-color:transparent; }
.featured-titles-grey h2 span { background-color:transparent; }
.banner h3,
.banner.banner-standard h1,
.banner.banner-blog h2 { font-size: 32px; padding:30px 0 0px 0px;}
.banner .cattitle { font-size: 20px; padding:30px 0 0px 0px;}
.banner h1,
.banner.banner-standard h3,
.banner.banner-blog h3 {font-size: 32px; }
.banner-full {background-image: none !important; height: auto; }
.banner-full:after { display: none;}
.banner-full .banner-content {width: 100%;padding: 0px 0 20px 0; margin:0 0 0 0px;}
.banner-full .banner-content .banner-content-details {vertical-align: middle;text-align:center;padding: 0 0px 20px 20px }
.banner-content-details p{display:inherit;}
.banner-full .second-overlay {width: 100%; background-color: rgba(77, 157, 69, 1.0); }
.banner-full .second-overlay:after {display: none; }
.banner-subpage {background-image: none !important; height: auto; }
.banner-subpage:after { display: none;}
.banner-subpage .banner-content {width: 100%;padding: 0px 0 20px 0; margin:0 0 0 0px;}
.banner-subpage .banner-content .banner-content-details {vertical-align: middle;text-align:center;padding: 0 0px 20px 20px }
.banner-subpage .second-overlay {width: 100%; }
.banner-subpage .second-overlay {width: 100%; background-color: rgba(77, 157, 69, 1.0); }
.banner-subpage .second-overlay:after {display: none; }
/* Menu Design
/* ---------------------------------------------------------------------- */
.menucontainer {display:none;}
.secondmenu {display:none;}
#top-list{padding:15px 0 0 0;float:none;text-align:center;}
#top-list li{padding: 0 5px 0 5px; display:inline-table;}
#top-list li:first-child{border-right: 0px solid #000000;}
#top-list a {font-size:13px;font-weight:500;}
/* Grids
/* ---------------------------------------------------------------------- */
.grid-0 { width: 100%;padding:0px 0px 0 0px; }
.grid-1 { max-width:100%; padding:0 25px 0 25px; border: 0px solid #000000;}
.grid-1b { max-width:98%; border: 0px solid #000000;}
.grid-1-banner { width:100%; height:auto; margin:2px 0px 2px 0px; padding:20px 10px 20px 10px;}
.grid-2 {width: 100%; margin:0px 0 30px 0px;}
.grid-3 {width: 100%;padding:20px 10px 20px 10px;}
.grid-3 img{ min-width:100%; padding:0; margin:0}
.grid-4 {width: 100%;border-right: 0px solid #d5d5d5;}
.grid-5 {width: 100%; border: 0px solid #000000;padding:15px;}
.grid-6 {width: 100%; border: 0px solid #000000;padding-top:25px;}
.grid-6 .portrait img{ max-width:100%; padding:0; margin:0}
.grid-6b {width: 100%; border: 0px solid #000000;text-align:center;}
.grid-7 {width: 45%; margin:10px 10px 10px 10px; }
.grid-8 {width: 45%; margin:10px 10px 10px 10px; }
.grid-10 { float: left; width: 40%; }
.grid-11 {float: left; width: 60%; }
.grid-top {width: 100%;}
.response{display:none;}
.rfloat {float:none; text-align:center;display:none}
.lfloat {float:none;text-align:center;}
.news-1 {float: left; width: 100%; border: 0px solid #000000; padding: 0 0 0 0;}
.news-2 {float: left; width: 100%; border: 0px solid #000000;padding: 0 0 0 0;}
.news-1 img{min-width:100%;}
.author-1 {float: left; width: 100%; border: 0px solid #000000; padding: 0 0 0 0;}
.author-2 {float: left; width: 100%; border: 0px solid #000000;padding: 0 0 0 0;}
.author-1 img{min-width:100%;}
.row-flex-two .col {flex-basis: 100%; -ms-flex-preferred-size: 100%; margin:50px 0 50px 0;}
.row-flex-three-locations .col {flex-basis: 50%; -ms-flex-preferred-size: 50%; }
.row-flex-three-experience .col {flex-basis: 100%; -ms-flex-preferred-size: 100%; }
.row-flex-three-difference .col {flex-basis: 50%; -ms-flex-preferred-size: 50%; }
.row-flex-three-news .col {flex-basis: 100%; -ms-flex-preferred-size: 50%;}
.time4design {padding:0px 20px 0px 20px;}
.time4design .finish p { text-align:center;}
}
/* Tablet Portrait */
@media only screen and (min-width: 768px) and (max-width: 1010px) {
/* Header
/* ---------------------------------------------------------------------- */
.subppage-design {background-size:800px auto}
#logo {background: url('/wp-content/uploads/logo-1.png') center center no-repeat;width:400px;height:71px;}
.stickme {position:inherit;}
.top-nav {clear:both;padding:0 0px 0px 0px;margin: 0px auto;}
.crumbs {padding:20px 0 20px 25px;margin: 10px 0px 10px 0px;}
.banner h3,
.banner.banner-standard h1,
.banner.banner-blog h2 { padding:20px 0 0px 0px;}
.banner .cattitle { padding:20px 0 0px 0px;}
.banner-full {height: 400px; }
.banner-full .banner-content {width: 100%;padding: 0px 0 0px 0; margin:0 0 0 0px;}
.banner-full .banner-content .banner-content-details {vertical-align: middle;text-align:center;padding: 0 0px 20px 20px }
.banner-full .second-overlay {width: 100%; }
.banner-full .second-overlay:after {display:none;}
.banner-full:after {border-width: 0px 0 400px 300px;}
.banner-subpage {height: 200px; }
.banner-subpage .banner-content {width: 100%;padding: 0px 0 0px 0; margin:0 0 0 0px;}
.banner-subpage .banner-content .banner-content-details {vertical-align: middle;text-align:center;padding: 0 0px 20px 20px }
.banner-subpage .second-overlay {width: 100%; }
.banner-subpage .second-overlay:after {display:none;}
.banner-subpage:after {border-width: 0px 0 200px 200px;}
/* Menu Design
/* ---------------------------------------------------------------------- */
.menucontainer {display:none;}
/* Grids
/* ---------------------------------------------------------------------- */
.grid-0 { width: 100%; padding:0px 0px 0 0px;}
.grid-1 { max-width:100%; padding:0 25px 0 25px; border: 0px solid #000000;}
.grid-1b { max-width:98%; border: 0px solid #000000;}
.grid-2 {width: 100%; margin:0px 0 30px 0px;}
.grid-3 {width: 33%;}
.grid-3 img{ min-width:100%;}
.grid-4 {width: 100%;border-right: 0px solid #d5d5d5;}
.grid-5 {width: 30%; border: 0px solid #000000;padding:15px;}
.grid-6 {width: 100%; border: 0px solid #000000;padding:25px;}
.grid-6 .portrait img{ max-width:100%; padding:0; margin:0}
.grid-6b {width: 100%; border: 0px solid #000000;padding:0px;text-align:center;}
.grid-7 {width: 30%; margin:10px 10px 10px 10px; }
.grid-8 {width: 22%; margin:10px 10px 10px 10px; }
.grid-10 { float: left; width: 20%; }
.grid-11 {float: left; width: 80%; }
.grid-top {width: 100%;}
.response{display:none;}
.time4design {padding:0px 20px 0px 20px;}
.time4design .finish p { text-align:center;}
}
/*
DESKTOP
*/
@media only screen and (min-width: 1010px) {
/* Header
/* ---------------------------------------------------------------------- */
header {max-width:1000px;border:0px solid #c3c3c3;}
.header-pages { height:300px; background-color:#ffffff;}
.header-pages h1 { font-size: 75px; font-family: 'Fira Sans', sans-serif; font-weight:400;margin:0px 0 0px 0px;}
#logo {background: url('/wp-content/uploads/logo-1.png') center center no-repeat;display:block;position:absolute;width:400px;height:71px;}
.stickme {position:inherit;}
.top-nav {clear:both;padding:0 0px 0px 0px;margin: 0px auto;}
.banner-subpage .banner-content { width:40%; }
.banner h3,
.banner.banner-standard h1,
.banner.banner-blog h2 { margin-top:-20px;padding:0px 0 0px 0px;}
.banner .cattitle { margin-top:-20px;padding:0px 0 0px 0px;}
.banner-full {height: 400px; }
.banner-full:after { border-width: 0px 0 400px 300px;}
.banner-full .second-overlay:after {border-width: 400px 300px 0 0;}
.banner-subpage {height: 200px; padding:10px 0 0px 0px;}
.banner-subpage:after { border-width: 0px 0 200px 200px;}
.banner-subpage .second-overlay:after {border-width: 200px 300px 300px 0px;}
.details-bg {margin:0 0 0 60px;}
.video-bg {margin:0 0 60px 60px;}
/* Menu Design
/* ---------------------------------------------------------------------- */
#mainmenu a {padding: padding: 15px 20px;font-size: 15px;}
.menucontainer {clear:both; border: 0px solid #f85259; float:right; margin:0px auto 0 auto;}
#mainmenu { width:auto; clear:both; margin: 0 auto;}
/* ---------------------------------------------------------------------- */
/* Grids
/* ---------------------------------------------------------------------- */
.grid-0 { width: 100%; }
.grid-1 { max-width:1000px; padding:0 35px 0 35px; border: 0px solid #000000;}
.grid-1b { max-width:1000px; border: 0px solid #000000; }
.grid-2 {width: 50%; padding:0 0 0 0px;}
.grid-3 {width: 33%;}
.grid-4 {width: 70%;padding:15px;}
.grid-5 {width: 30%; border: 0px solid #000000;padding:15px;}
.grid-6 {width: 25%; border: 0px solid #000000;padding:15px;}
.grid-6b {width: 25%; border: 0px solid #000000;padding:15px;}
.grid-7 {width: 14%; margin:10px 12px 10px 12px; }
.grid-8 {width: 10%; margin:10px 12px 10px 12px; }
.grid-10 { float: left; width: 20%; }
.grid-11 {float: left; width: 80%; }
.grid-top {width: 100%;}
.response{display:none;}
}
@media only screen and (min-width: 1240px) {
/* Header
/* ---------------------------------------------------------------------- */
header {max-width:1280px;border:0px solid #c3c3c3;}
.header-pages { height:300px; background-color:#ffffff;}
.header-pages h1 { font-size: 75px; font-family: 'Fira Sans', sans-serif; font-weight:400;margin:0px 0 0px 0px;}
.header-content {max-width:1350px;border:0px solid #c3c3c3;}
#logo {background: url('/wp-content/uploads/logo-1.png') center center no-repeat;width:400px;height:71px;display:block;position:absolute;border: 0px solid #000;}
.rfloat {float:right; }
.lfloat {float:left;}
.main-graphic { padding:100px 0 0 0; } /* .main-graphic { padding:100px 0 0 0; }*/
.sub-main-graphic { padding:100px 0 0 0; } /* .sub-main-graphic { padding:100px 0 0 0; }*/
.banner h3,
.banner.banner-standard h1,
.banner.banner-blog h2 { margin-top:-30px;padding:350px 0 0px 0px;}
.banner .cattitle { margin-top:-30px;padding:350px 0 0px 0px;}
.banner-full {height: 500px; }
.banner-full:after { border-width: 0px 0 500px 300px;}
.banner-full .second-overlay:after {border-width: 500px 300px 0 0;}
.banner-subpage h3,
.banner.banner-standard h1,
.banner.banner-blog h2 { margin-top:0px;padding:60px 0 0px 0px;}
.banner-subpage {height: 300px; padding:0 0 0px 0px;}
.banner-subpage:after {border-width: 0px 0 300px 300px;}
.banner-subpage .second-overlay:after { border-width: 300px 300px 0 0;}
.details-bg {margin:0 0 0 60px;}
.video-bg {margin:0 0 60px 60px;}
.stickme {position:fixed;}
/* Menu Design
/* ---------------------------------------------------------------------- */
#mainmenu a {padding: padding: 15px 20px;font-size: 16px;}
/* Grids
/* ---------------------------------------------------------------------- */
.grid-0 { width: 100%; }
.grid-1 { max-width:1280px; padding:0 25px 0 25px; border: 0px solid #000000;}
.grid-1b { max-width:1280px; border: 0px solid #000000; margin-top:-120px; background-color:#ffffff; padding-left:100px; padding-right:100px;}
.grid-2 {width: 50%; border: 0px solid #9d9d9d;padding:0 0 0 0px;}
.grid-3 {width: 33.3%;-webkit-transition: all .2s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease;-o-transition: all .3s ease; transition: all .3s ease; }
.grid-4 {width: 70%; padding:15px;}
.grid-5 {width: 30%; border: 0px solid #000000;padding:15px;}
.grid-6 {width: 25%; border: 0px solid #000000;padding:15px;}
.grid-6b {width: 25%; border: 0px solid #000000;padding:15px;}
.grid-7 {width: 14.2%; margin:10px 15px 10px 15px; }
.grid-8 {width: 10%; margin:10px 15px 10px 15px; }
.grid-10 {float: left; width: 20%; }
.grid-11 {float: left; width: 80%; }
.grid-top {width: 50%;}
.response{display:inherit;}
}
/*
PRINT STYLESHEET
*/
@media print {
html { moznomarginboxes mozdisallowselectionprint}
body {background-color: #ffffff;}
* { text-shadow: none !important; filter:none !important; -ms-filter: none !important; font-size:1.0em;} /* Black prints faster: h5bp.com/s */
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; }
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.9cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h1, h2, h3 { page-break-after: avoid; }
.menucontainer, .social-ul, .print-off, .search_form3, .wpcf7, .doublelines,.button, .printhide {display:none;}
.main-graphic, {display:none;}
.grid-3 { width: 100%; }
.grid-4 { width: 100%; }
.grid-6 {display:none;}
.grid-0 { width: 100%; text-align:center;}
.footercontainer {display:none;}
.time4design {display:none;}
#header-holder {display:none;}
}
/* ==========================================================================
PATH-TO-A-BRIGHTER-FUTURE HERO BANNER
========================================================================== */
/* --------------------------------------------------------------------------
1. VARIABLES
Brand colors used throughout. Adjust here to update everything at once.
-------------------------------------------------------------------------- */
.path-hero {
--navy: #1B3A6B;
--green: #5CA83B;
--green-dark: #4E9430;
}
/* --------------------------------------------------------------------------
2. CONTAINER
The outer wrapper: sets up the row, its height, and clips the photo
layer to its bounds.
-------------------------------------------------------------------------- */
.path-hero {
position: relative;
display: flex;
min-height: 90vh !important;
overflow: hidden;
box-sizing: border-box;
background: #ffffff;
font-family: 'Poppins', 'Helvetica Neue', Arial, sans-serif;
}
/* --------------------------------------------------------------------------
3. PHOTO LAYER
Full-bleed background image, positioned behind everything else.
-------------------------------------------------------------------------- */
.path-hero .hero-photo {
position: absolute;
inset: 0;
background-image: url('/wp-content/uploads/AdobeStock_1846300258.webp');
background-size: cover;
background-position: center right -350px;
}
/* --------------------------------------------------------------------------
4. FADE OVERLAY
White-to-transparent gradient so the photo dissolves into the text
panel rather than having a hard edge.
-------------------------------------------------------------------------- */
.path-hero .hero-fade {
position: absolute;
inset: 0;
background: linear-gradient(
to right,
#ffffff 0%,
#ffffff 30%,
rgba(255, 255, 255, 0.85) 42%,
rgba(255, 255, 255, 0) 60%
);
}
/* --------------------------------------------------------------------------
5. CONTENT PANEL
Positions the text block above the photo/fade layers and constrains
its width so it doesn't run under the photo.
-------------------------------------------------------------------------- */
.path-hero .hero-content {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
justify-content: center;
max-width: 560px;
padding: 56px 40px 56px 0;
box-sizing: border-box;
}
/* --------------------------------------------------------------------------
6. TYPOGRAPHY — HEADLINE
-------------------------------------------------------------------------- */
.path-hero h1 {
margin: 0;
padding: 0;
font-size: 44px;
line-height: 1.15;
font-weight: 700;
color: var(--navy);
}
/* --------------------------------------------------------------------------
7. DIVIDER
Short green rule under the headline.
-------------------------------------------------------------------------- */
.path-hero .hero-divider {
width: 90px;
height: 4px;
background: var(--green);
border-radius: 2px;
margin: 22px 0 24px;
}
/* --------------------------------------------------------------------------
8. TYPOGRAPHY — BODY COPY
-------------------------------------------------------------------------- */
.path-hero p {
margin: 0 0 32px;
padding: 0;
font-size: 20px;
line-height: 1.7;
font-weight: 600;
color: var(--navy);
max-width: 460px;
}
/* --------------------------------------------------------------------------
9. BUTTON / CTA
-------------------------------------------------------------------------- */
.path-hero .hero-cta {
display: inline-block;
align-self: flex-start;
padding: 16px 34px;
background: var(--green);
color: #ffffff !important;
font-size: 16px;
font-weight: 600;
text-decoration: none !important;
border-radius: 999px;
box-shadow: 0 6px 16px rgba(92, 168, 59, 0.35);
transition: background 0.2s ease, transform 0.2s ease;
}
.path-hero .hero-cta:hover {
background: var(--green-dark);
transform: translateY(-1px);
}
/* --------------------------------------------------------------------------
10. RESPONSIVE
Below 900px, stack the photo above the text instead of side-by-side.
-------------------------------------------------------------------------- */
@media (max-width: 900px) {
.path-hero {
min-height: unset;
}
.path-hero .hero-fade {
background: linear-gradient(
to bottom,
#ffffff 0%,
#ffffff 55%,
rgba(255, 255, 255, 0.85) 68%,
rgba(255, 255, 255, 0) 100%
);
}
.path-hero .hero-content {
max-width: 100%;
min-height: 420px;
padding: 40px 24px;
}
.path-hero h1 {
font-size: 32px;
}
.path-hero .hero-photo {
background-size: 100%;
background-position: bottom;
}
.path-hero .hero-content {
justify-content: flex-start;
}
}
/* --------------------------------------------------------------------------
11. DESKTOP HEIGHT
Trims 1 inch (96px) off the top and bottom of the hero on desktop to
reduce white space around the centered text.
-------------------------------------------------------------------------- */
@media (min-width: 901px) {
.path-hero {
min-height: calc(90vh - 192px) !important;
}
}
/* ==========================================================================
WHY ALPHA DIVORCE EXPERTS MATTER SECTION
Paste this whole file into Appearance > Customize > Additional CSS.
Pair with why-experts.html.
========================================================================== */
/* --------------------------------------------------------------------------
1. VARIABLES
-------------------------------------------------------------------------- */
.why-experts {
--navy: #1B3A6B;
--green: #5CA83B;
--green-dark: #4E9430;
--navy-dark: #142B52;
}
/* --------------------------------------------------------------------------
2. CONTAINER
Two real flex siblings: the text panel and the photo panel. Neither
is absolutely positioned over the other, so resizing one genuinely
resizes the other, and the text always sits on solid white.
-------------------------------------------------------------------------- */
.why-experts {
display: flex;
align-items: center;
min-height: 680px;
box-sizing: border-box;
background: #ffffff;
font-family: 'Poppins', 'Helvetica Neue', Arial, sans-serif;
}
/* --------------------------------------------------------------------------
3. PHOTO PANEL
flex: 1 means this panel automatically takes up whatever width the
text panel doesn't use — shrink .why-content below and this panel
grows to fill the rest. Swap the URL for your own uploaded photo.
-------------------------------------------------------------------------- */
.why-experts .why-photo-wrap {
position: relative;
flex: 1;
min-width: 0;
overflow: hidden;
}
.why-experts .why-photo {
position: absolute;
inset: 0;
/* Replace this URL with the one from your WP media library once uploaded */
background-image: url('/wp-content/uploads/AdobeStock_937857468.webp');
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}
/* --------------------------------------------------------------------------
4. FADE OVERLAY
Scoped to the photo panel only — it can never bleed under the text,
because it's confined to an element that starts exactly where the
text panel ends, at any screen width.
-------------------------------------------------------------------------- */
.why-experts .why-fade {
position: absolute;
inset: 0;
background:
linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 22%),
linear-gradient(to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 18%),
linear-gradient(to top, #ffffff 0%, rgba(255, 255, 255, 0) 18%);
}
/* --------------------------------------------------------------------------
5. CONTENT PANEL
A fixed-ish width via flex-basis, with its own solid white
background — this is what actually controls how much room the
photo panel gets. Lower flex-basis = more visible photo.
-------------------------------------------------------------------------- */
.why-experts .why-content {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
justify-content: center;
flex: 0 0 40%;
background: #ffffff;
padding: 56px 40px 56px 64px;
box-sizing: border-box;
}
/* --------------------------------------------------------------------------
6. TYPOGRAPHY — HEADLINE (H2)
-------------------------------------------------------------------------- */
.why-experts h2 {
margin: 0;
padding: 0;
font-size: 25px;
line-height: 1.2;
font-weight: 700;
color: var(--navy);
}
/* --------------------------------------------------------------------------
7. DIVIDER
-------------------------------------------------------------------------- */
.why-experts .why-divider {
width: 70px;
height: 4px;
background: var(--green);
border-radius: 2px;
margin: 16px 0 20px;
}
/* --------------------------------------------------------------------------
8. TYPOGRAPHY — BODY PARAGRAPHS
-------------------------------------------------------------------------- */
.why-experts p {
margin: 0 0 16px;
padding: 0;
font-size: 1.1rem;
line-height: 1.65;
font-weight: 500;
color: var(--navy);
}
/* --------------------------------------------------------------------------
9. TYPOGRAPHY — SUBHEADING (H3) + INTRO LINE
-------------------------------------------------------------------------- */
.why-experts h3 {
margin: 12px 0 6px;
padding: 0;
font-size: 19px;
line-height: 1.3;
font-weight: 700;
color: var(--navy);
}
.landingpage .why-experts h3 {
font-size: 19px;
}
.why-experts .why-intro {
margin: 0 0 12px;
font-weight: 500;
}
/* --------------------------------------------------------------------------
10. TWO-COLUMN BULLET LISTS
-------------------------------------------------------------------------- */
.why-experts .why-lists {
display: flex;
gap: 32px;
margin-bottom: 28px;
}
.why-experts .why-lists ul {
margin: 0;
padding: 0;
list-style: none;
flex: 1;
}
.why-experts .why-lists li {
position: relative;
padding-left: 16px;
margin-bottom: 8px;
font-size: 14px;
font-weight: 600;
color: var(--navy);
}
.why-experts .why-lists li::before {
content: "•";
position: absolute;
left: 0;
color: var(--navy);
}
/* --------------------------------------------------------------------------
11. BUTTONS
-------------------------------------------------------------------------- */
.why-experts .why-buttons {
display: flex;
gap: 16px;
flex-wrap: wrap;
}
.why-experts .btn {
display: inline-block;
padding: 14px 28px;
font-size: 15px;
font-weight: 600;
text-decoration: none !important;
border-radius: 999px;
transition: background 0.2s ease, transform 0.2s ease;
}
.why-experts .btn-green {
background: var(--green);
color: #ffffff !important;
box-shadow: 0 6px 16px rgba(92, 168, 59, 0.35);
}
.why-experts .btn-green:hover {
background: var(--green-dark);
transform: translateY(-1px);
}
.why-experts .btn-navy {
background: var(--navy);
color: #ffffff !important;
box-shadow: 0 6px 16px rgba(27, 58, 107, 0.35);
}
.why-experts .btn-navy:hover {
background: var(--navy-dark);
transform: translateY(-1px);
}
/* --------------------------------------------------------------------------
12. RESPONSIVE
Below 900px, stack the photo above the text and collapse the
bullet lists to a single column.
-------------------------------------------------------------------------- */
@media (max-width: 900px) {
.why-experts {
flex-direction: column;
min-height: unset;
}
.why-experts .why-photo-wrap {
flex: none;
order: -1;
height: 260px;
}
.why-experts .why-fade {
background: linear-gradient(
to bottom,
#ffffff 0%,
rgba(255, 255, 255, 0) 25%
);
}
.why-experts .why-content {
flex-basis: auto;
padding: 40px 24px;
}
.why-experts h2 {
font-size: 28px;
}
.why-experts .why-lists {
flex-direction: column;
gap: 4px;
}
}
.alpha-benefits {
--alpha-blue: #172184;
--alpha-divider: #cbd1df;
--alpha-background: #f7f8fc;
width: 100%;
padding: 55px 30px;
background-color: var(--alpha-background);
box-sizing: border-box;
}
.alpha-benefits *,
.alpha-benefits *::before,
.alpha-benefits *::after {
box-sizing: border-box;
}
.alpha-benefits__heading {
max-width: 1100px;
margin: 0 auto 55px;
color: var(--alpha-blue);
font-size: clamp(28px, 3vw, 42px);
font-weight: 700;
line-height: 1.2;
text-align: center;
}
.alpha-benefits__grid {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
width: 100%;
max-width: 1280px;
margin: 0 auto;
}
.alpha-benefit {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
min-width: 0;
padding: 0 35px;
color: var(--alpha-blue);
text-align: center;
}
/* Vertical divider between columns */
.alpha-benefit + .alpha-benefit {
border-left: 1px solid var(--alpha-divider);
}
.alpha-benefit__icon {
display: flex;
align-items: center;
justify-content: center;
width: 88px;
height: 88px;
margin: 0 auto 22px;
color: var(--alpha-blue);
}
.alpha-benefit__icon svg {
display: block;
width: 100%;
height: 100%;
fill: none;
stroke: currentColor;
stroke-width: 2.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.alpha-benefit__icon--family {
width: 100px;
height: 88px;
}
.alpha-benefit__icon--family svg {
overflow: visible;
stroke-width: 2.6;
}
.alpha-benefit h3 {
margin: 0 0 14px;
color: var(--alpha-blue);
font-size: 19px;
font-weight: 700;
line-height: 1.3;
}
.alpha-benefit p {
margin: 0;
color: var(--alpha-blue);
font-size: 17px;
font-weight: 500;
line-height: 1.55;
}
/* Tablet */
@media (max-width: 900px) {
.alpha-benefits__grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.alpha-benefit {
padding: 35px 25px;
}
.alpha-benefit + .alpha-benefit {
border-left: 0;
}
.alpha-benefit:nth-child(even) {
border-left: 1px solid var(--alpha-divider);
}
.alpha-benefit:nth-child(n + 3) {
border-top: 1px solid var(--alpha-divider);
}
}
/* Mobile */
@media (max-width: 600px) {
.alpha-benefits {
padding: 45px 20px;
}
.alpha-benefits__heading {
margin-bottom: 25px;
}
.alpha-benefits__grid {
grid-template-columns: 1fr !important;
}
.alpha-benefit {
padding: 35px 15px;
border-left: 0 !important;
}
.alpha-benefit + .alpha-benefit {
border-top: 1px solid var(--alpha-divider);
}
.alpha-benefit__icon {
width: 78px;
height: 78px;
}
.alpha-benefit p {
font-size: 16px;
}
}
/* ========================================
ALPHA CENTER FOOTER
======================================== */
.footercontainer {
--footer-blue: #0647a8;
--footer-green: #16a43a;
--footer-background: #eef4fb;
--footer-text: #080808;
width: 100%;
max-width: 1520px;
margin: 0 auto;
padding: 34px 38px 36px;
background-color: var(--footer-background);
color: var(--footer-text);
box-sizing: border-box;
}
.footercontainer *,
.footercontainer *::before,
.footercontainer *::after {
box-sizing: border-box;
}
/* Main four-column layout */
.footer-grid {
display: grid;
grid-template-columns:
minmax(300px, 1.25fr)
minmax(260px, 0.95fr)
minmax(300px, 1.1fr)
minmax(280px, 1fr);
gap: 55px;
align-items: start;
}
/* Reset unwanted theme spacing */
.footercontainer p {
margin-top: 0;
}
.footercontainer ul {
margin: 0;
padding: 0;
list-style: none;
}
.footercontainer a {
color: inherit;
text-decoration: none;
}
.footercontainer h5 {
margin: 0 0 30px;
color: #000;
font-size: 28px;
font-weight: 700;
line-height: 1.15;
}
.footercontainer h5 strong {
font-weight: inherit;
}
/* ========================================
COLUMN 1: LOGO, SOCIAL, BBB
======================================== */
.footer-col-1 > p:first-child {
margin: 8px 0 20px;
}
.footer-col-1 > p:first-child img {
display: block;
width: 100%;
max-width: 375px;
height: auto;
margin: 0;
}
.footer-col-1 > p:last-child {
margin: 20px 0 0;
}
.footer-col-1 > p:last-child img {
display: block;
width: 100%;
max-width: 235px;
height: auto;
margin: 0;
}
/* Social media row */
.footer-social {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
}
.footer-social li {
margin: 0;
padding: 0;
}
.footer-social a {
display: flex;
align-items: center;
justify-content: center;
width: 49px;
height: 49px;
border-radius: 50%;
background-color: var(--footer-green);
color: #fff;
font-size: 29px;
line-height: 1;
transition:
transform 0.2s ease,
background-color 0.2s ease;
}
/* Remove
tags WordPress added inside links */
.footer-social br {
display: none;
}
.footer-social i {
display: block;
margin: 0;
padding: 0;
color: #fff;
line-height: 1;
}
.footer-social a:hover,
.footer-social a:focus-visible {
background-color: var(--footer-blue);
transform: translateY(-2px);
}
/* ========================================
COLUMN 2: QUICK LINKS
======================================== */
.footer-quick-links ul {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
column-gap: 35px;
row-gap: 22px;
}
.footer-quick-links li {
margin: 0;
padding: 0;
font-size: 19px;
font-weight: 700;
line-height: 1.25;
}
.footer-quick-links a {
display: inline-block;
color: #090909;
transition: color 0.2s ease;
}
.footer-quick-links a:hover,
.footer-quick-links a:focus-visible {
color: var(--footer-blue);
text-decoration: underline;
text-underline-offset: 3px;
}
/* ========================================
COLUMN 3: CONTACT INFORMATION
======================================== */
.footer-contact li {
position: relative;
margin: 0 0 20px;
padding-left: 36px;
color: #080808;
font-size: 19px;
font-weight: 700;
line-height: 1.45;
}
.footer-contact li:last-child {
margin-bottom: 0;
}
.footer-contact li i {
position: absolute;
top: 2px;
left: 0;
width: 24px;
color: var(--footer-green);
font-size: 23px;
text-align: center;
}
.footer-contact a {
color: #080808;
}
.footer-contact a:hover,
.footer-contact a:focus-visible {
color: var(--footer-blue);
text-decoration: underline;
text-underline-offset: 3px;
}
/* ========================================
COLUMN 4: NEWSLETTER
======================================== */
.footer-col-4 > p {
display: none;
}
#robly_embed_signup,
#robly_embed_signup form,
#robly_embed_signup .wpcf7 {
margin: 0;
padding: 0;
background: transparent;
}
#robly_embed_signup form > br,
#robly_embed_signup form > p,
#robly_embed_signup .clearfix {
display: none;
}
#robly_embed_signup h5 {
margin: 0 0 21px;
font-size: 21px;
font-weight: 700;
line-height: 1.25;
}
.robly_field_group {
margin-bottom: 18px;
}
.robly_field_group label {
display: block;
margin: 0 0 4px;
color: #080808;
font-size: 17px;
font-weight: 700;
line-height: 1.25;
}
.robly_field_group .asterisk {
color: #080808;
}
.robly_field_group input[type="text"],
.robly_field_group input[type="email"] {
display: block;
width: 100%;
height: 48px;
margin: 0;
padding: 8px 12px;
border: 2px solid var(--footer-blue);
border-radius: 0;
background-color: transparent;
color: #111;
font: inherit;
box-shadow: none;
appearance: none;
}
.robly_field_group input:focus {
border-color: var(--footer-green);
outline: 2px solid rgba(22, 164, 58, 0.2);
outline-offset: 1px;
}
#robly_embed_signup input[type="submit"] {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 126px;
height: 39px;
margin: -3px 0 0;
padding: 7px 25px;
border: 0;
border-radius: 30px;
background-color: var(--footer-green);
color: #fff;
font-size: 17px;
font-weight: 700;
line-height: 1;
text-align: center;
cursor: pointer;
transition:
background-color 0.2s ease,
transform 0.2s ease;
}
#robly_embed_signup input[type="submit"]:hover,
#robly_embed_signup input[type="submit"]:focus-visible {
background-color: var(--footer-blue);
transform: translateY(-1px);
}
/* ========================================
TABLET
======================================== */
@media (max-width: 1200px) {
.footer-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 55px 65px;
}
.footer-col-1 > p:first-child img {
max-width: 400px;
}
}
/* ========================================
SMALL TABLET
======================================== */
@media (max-width: 750px) {
.footercontainer {
padding: 40px 25px;
}
.footer-grid {
grid-template-columns: 1fr;
gap: 48px;
}
.footercontainer h5 {
margin-bottom: 22px;
}
.footer-col-1 > p:first-child {
margin-bottom: 35px;
}
.footer-col-1 > p:last-child {
margin-top: 35px;
}
.footer-col-1 > p:first-child img {
max-width: 400px;
}
.footer-quick-links ul {
max-width: 500px;
}
}
/* ========================================
MOBILE
======================================== */
@media (max-width: 480px) {
.footercontainer {
padding: 35px 20px;
}
.footer-quick-links ul {
grid-template-columns: 1fr;
row-gap: 17px;
}
.footer-social {
gap: 8px;
}
.footer-social a {
width: 44px;
height: 44px;
font-size: 25px;
}
.footer-contact li {
font-size: 17px;
}
.footercontainer h5 {
font-size: 25px;
}
}
/* ========================================
QUICK LINKS SPACING
======================================== */
.footer-quick-links ul {
grid-template-columns: 1fr 1fr;
column-gap: 52px;
row-gap: 14px;
}
.footer-quick-links li {
font-size: 18px;
line-height: 1.2;
}
/* Keep multi-line links tighter */
.footer-quick-links a {
line-height: 1.15;
}
/* ========================================
CONTACT ICON + TEXT ALIGNMENT
======================================== */
.footer-contact ul {
display: flex;
flex-direction: column;
gap: 14px;
}
.footer-contact li {
display: grid;
grid-template-columns: 28px minmax(0, 1fr);
column-gap: 12px;
align-items: start;
margin: 0;
padding: 0;
font-size: 18px;
line-height: 1.35;
}
/* Override the absolute positioning */
.footer-contact li i {
position: static;
display: flex;
align-items: center;
justify-content: center;
width: 28px;
min-width: 28px;
height: 28px;
margin: -2px 0 0;
font-size: 22px;
line-height: 1;
}
/* Phone icons need slightly more breathing room */
.footer-contact li .fa-phone {
margin-top: -3px;
}
/* Envelope alignment */
.footer-contact li .fa-envelope {
margin-top: 0;
}
/* Address icon alignment */
.footer-contact li .fa-map-marker {
margin-top: 0;
}
/*
Because the address contains
tags directly inside the ,
make the icon occupy the first grid column and all text use the second.
*/
.footer-contact li i + a {
align-self: center;
}
.footer-contact li:last-child {
display: block;
position: relative;
padding-left: 40px;
}
.footer-contact li:last-child i {
position: absolute;
top: 0;
left: 0;
}
/* ========================================
SOCIAL ICON SPACING
======================================== */
.footer-social {
gap: 14px;
}
.footer-social a {
width: 54px;
height: 54px;
}
/* ========================================
DESKTOP COLUMN REFINEMENT
======================================== */
@media (min-width: 1201px) {
.footer-grid {
grid-template-columns:
minmax(330px, 1.2fr)
minmax(330px, 1fr)
minmax(350px, 1.15fr)
minmax(360px, 1.1fr);
gap: 70px;
}
.footer-col-2,
.footer-col-3,
.footer-col-4 {
min-width: 0;
}
}
.footer-contact li:last-child {
display: grid;
grid-template-columns: 28px minmax(0, 1fr);
column-gap: 12px;
align-items: start;
margin: 0;
padding: 0;
}
.footer-contact li:last-child i {
position: static;
width: 28px;
min-width: 28px;
margin-top: 0;
}
.footer-contact li:last-child {
line-height: 1.45;
}
.footer-contact li.footer-address {
display: grid;
grid-template-columns: 28px minmax(0, 1fr);
column-gap: 12px;
align-items: start;
margin: 0;
padding: 0;
}
.footer-contact li.footer-address i {
position: static;
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
margin: -1px 0 0;
}
.footer-address__text {
min-width: 0;
white-space: normal;
word-break: normal;
overflow-wrap: normal;
line-height: 1.45;
}
.footer-address__text strong {
display: inline;
}
@media (min-width: 1201px) {
.footer-grid {
grid-template-columns:
minmax(330px, 1.15fr)
minmax(330px, 1fr)
minmax(390px, 1.2fr)
minmax(360px, 1.1fr);
gap: 60px;
}
}
.banner.banner-subpage,
.banner.banner-full{
display:flex;
align-items:center;
min-height:420px;
position:relative;
overflow:hidden;
}
.banner.banner-subpage .frame,
.banner.banner-full .frame{
width:100%;
max-width:1280px;
margin:0 auto;
position:relative;
z-index:2;
}
.banner.banner-subpage .hero-content,
.banner.banner-full .hero-content{
max-width:760px;
}
.banner.banner-subpage .hero-category,
.banner.banner-full .hero-category{
display:block;
margin-bottom:18px;
color:#39a935;
font-size:20px;
font-weight:700;
text-transform:uppercase;
letter-spacing:.08em;
}
.banner.banner-subpage h1,
.banner.banner-full h1{
margin:0;
color:#fff;
font-size:64px;
line-height:1.08;
}
.banner.banner-subpage .hero-divider,
.banner.banner-full .hero-divider{
width:90px;
height:4px;
margin-top:30px;
background:#39a935;
}
.banner.banner-subpage,
.banner.banner-full {
position: relative;
min-height: 500px;
overflow: hidden;
}
.banner.banner-subpage {
/*background-image: url("/wp-content/uploads/alpha-webpage-banner-2000x500-1.png") !important; */
background-size: cover;
background-position: center right;
background-repeat: no-repeat;
}
.banner.banner-full {
background-size: cover;
background-position: center center;
}
.banner .second-overlay {
position: absolute;
inset: 0;
background: linear-gradient(
90deg,
rgba(8, 49, 102, .82) 0%,
rgba(8, 49, 102, .62) 35%,
rgba(8, 49, 102, .18) 70%,
rgba(8, 49, 102, 0) 100%
);
}
.banner .frame {
position: relative;
z-index: 2;
max-width: 1280px;
margin: 0 auto;
height: 100%;
}
.banner-content-wrap {
display: flex;
align-items: center;
min-height: 500px;
}
.banner-content-details {
max-width: 760px;
}
.banner .cattitle {
display: block;
margin-bottom: 18px;
color: #59b33d;
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .08em;
}
.banner h1 {
margin: 0;
color: #fff;
font-size: clamp(42px, 5vw, 70px);
line-height: 1.08;
font-weight: 700;
}
.banner h1::after {
content: "";
display: block;
width: 90px;
height: 4px;
margin-top: 28px;
background: #59b33d;
}
/* Interior hero structure */
.banner.banner-subpage {
position: relative;
min-height: 320px;
overflow: hidden;
isolation: isolate;
}
/* Homepage photo */
.banner.banner-subpage .hero-photo {
position: absolute;
inset: 0;
z-index: 0;
/*background-image: url("/wp-content/uploads/AdobeStock_1846300258.webp");*/
background-repeat: no-repeat;
background-position: center right;
background-size: cover;
}
/* Dark blue fade over the left side */
.banner.banner-subpage .hero-fade {
position: absolute;
inset: 0;
z-index: 1;
pointer-events: none;
background: linear-gradient(
90deg,
rgba(4, 51, 111, 0.96) 0%,
rgba(4, 51, 111, 0.86) 18%,
rgba(4, 51, 111, 0.62) 35%,
rgba(4, 51, 111, 0.22) 55%,
rgba(4, 51, 111, 0) 72%
);
}
/* Keep text above the photo and fade */
.banner.banner-subpage .frame {
position: relative;
z-index: 2;
width: 100%;
max-width: 1280px;
min-height: 320px;
margin: 0 auto;
padding: 0 40px;
}
.banner.banner-subpage .hero-content {
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
max-width: 760px;
min-height: 320px;
padding: 45px 0;
}
.banner.banner-subpage .hero-category {
display: block;
margin-bottom: 18px;
color: #44ae37;
font-size: 22px;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.banner.banner-subpage h1 {
margin: 0;
color: #fff;
font-size: clamp(46px, 4vw, 76px);
font-weight: 700;
line-height: 1.08;
text-shadow: none;
}
.banner.banner-subpage .hero-divider {
width: 115px;
height: 5px;
margin-top: 38px;
background: #48b842;
}
.banner.banner-subpage h1::after {
display: none !important;
content: none !important;
}
@media (max-width: 700px) {
.banner.banner-subpage,
.banner.banner-subpage .frame,
.banner.banner-subpage .hero-content {
min-height: 500px;
}
.banner.banner-subpage .frame {
padding: 0 22px;
}
.banner.banner-subpage .hero-fade {
background: linear-gradient(
90deg,
rgba(4, 51, 111, 0.94) 0%,
rgba(4, 51, 111, 0.82) 55%,
rgba(4, 51, 111, 0.38) 100%
);
}
.banner.banner-subpage h1 {
font-size: clamp(38px, 11vw, 54px);
}
}
/* =========================================
ALPHA BENEFITS — LAYOUT HARD RESET
Put this at the VERY BOTTOM of the CSS
========================================= */
.why-you-need-us,
.why-you-need-us *,
.why-you-need-us *::before,
.why-you-need-us *::after {
box-sizing: border-box;
}
.why-you-need-us {
width: 100% !important;
max-width: 100% !important;
position: relative;
background: #f5f7fc !important;
padding: 60px 40px 70px !important;
}
.why-you-need-us .alpha-benefits {
display: block !important;
width: 100% !important;
max-width: 1280px !important;
margin: 0 auto !important;
padding: 0 !important;
position: static !important;
float: none !important;
}
.why-you-need-us .alpha-benefits__heading {
display: block !important;
width: 100% !important;
max-width: 1000px !important;
margin: 0 auto 40px !important;
padding: 0 !important;
position: static !important;
text-align: center !important;
}
/* GRID RESET */
.why-you-need-us .alpha-benefits__grid {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
grid-template-rows: auto !important;
column-gap: 20px !important;
row-gap: 20px !important;
gap: 20px !important;
align-items: stretch !important;
justify-items: stretch !important;
align-content: normal !important;
justify-content: normal !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
position: static !important;
float: none !important;
transform: none !important;
}
/* CARD HARD RESET */
.why-you-need-us .alpha-benefits__grid > .alpha-benefit {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: flex-start !important;
position: relative !important;
top: auto !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
float: none !important;
clear: none !important;
width: auto !important;
min-width: 0 !important;
max-width: 100% !important;
height: auto !important;
min-height: 250px !important;
margin: 0 !important;
padding: 30px 20px !important;
transform: none;
background: #fff;
border: 1px solid #d7deeb;
border-radius: 12px;
text-align: center;
box-shadow: none;
transition:
transform .25s ease,
box-shadow .25s ease,
background-color .25s ease,
border-color .25s ease;
}
/* HOVER */
.why-you-need-us .alpha-benefits__grid > .alpha-benefit:hover {
transform: translateY(-4px) !important;
background: #f4f7fd !important;
border-color: #8aa9da !important;
box-shadow:
0 12px 24px rgba(5, 43, 105, .10),
0 3px 8px rgba(5, 43, 105, .06) !important;
}
/* ICON */
.why-you-need-us .alpha-benefit__icon {
display: flex !important;
align-items: center !important;
justify-content: center !important;
position: static !important;
float: none !important;
width: 76px !important;
height: 76px !important;
min-width: 76px !important;
min-height: 76px !important;
margin: 0 0 20px !important;
padding: 0 !important;
background: #f2f5fb;
border-radius: 50%;
}
.why-you-need-us .alpha-benefit__icon svg {
display: block !important;
width: 52px !important;
height: 52px !important;
margin: 0 !important;
padding: 0 !important;
fill: none;
stroke: #073b88;
stroke-width: 2.5;
stroke-linecap: round;
stroke-linejoin: round;
}
/* TEXT */
.why-you-need-us .alpha-benefit h3 {
width: 100% !important;
margin: 0 0 14px !important;
padding: 0 !important;
position: static !important;
text-align: center !important;
}
.why-you-need-us .alpha-benefit p {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
position: static !important;
text-align: center !important;
}
/* TABLET */
@media (max-width: 900px) {
.why-you-need-us {
padding: 50px 25px !important;
}
.why-you-need-us .alpha-benefits__grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
/* MOBILE */
@media (max-width: 600px) {
.why-you-need-us {
padding: 40px 18px !important;
}
.why-you-need-us .alpha-benefits__grid {
grid-template-columns: minmax(0, 1fr) !important;
}
.why-you-need-us .alpha-benefits__heading br,
.why-you-need-us .alpha-benefit p br {
display: none;
}
}
.alpha-benefits__grid > p:empty {
display: none !important;
}
/* ========================================
COMPREHENSIVE DIVORCE GUIDANCE
======================================== */
.alpha-guidance-section,
.alpha-guidance-section *,
.alpha-guidance-section *::before,
.alpha-guidance-section *::after {
box-sizing: border-box;
}
/* ========================================
FULL-WIDTH SECTION
======================================== */
.alpha-guidance-section {
width: 100%;
max-width: none;
position: relative;
background: #f5f7fc;
padding: 60px 40px 70px;
}
.alpha-guidance {
width: 100%;
max-width: 1280px;
margin: 0 auto;
}
/* ========================================
HEADING
======================================== */
.alpha-guidance__heading {
margin: 0 auto 15px;
text-align: center;
color: #052b69;
font-family: Georgia, "Times New Roman", serif;
font-size: 38px;
font-weight: 700;
line-height: 1.15;
}
/* ========================================
INTRO TEXT
======================================== */
.alpha-guidance__intro {
margin: 0 auto 35px;
text-align: center;
color: #173a70;
font-size: 17px;
line-height: 1.5;
}
/* ========================================
REMOVE WORDPRESS-ADDED PARAGRAPHS
======================================== */
.alpha-guidance__grid > p,
.alpha-guidance__grid > br {
display: none !important;
}
/* ========================================
GRID
12 columns lets us center cards 9 + 10
======================================== */
.alpha-guidance__grid {
display: grid !important;
grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
gap: 18px;
width: 100%;
margin: 0;
padding: 0;
}
/* ========================================
CARDS
Each card spans 3 of 12 columns
======================================== */
.alpha-guidance-card {
grid-column: span 3;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
min-width: 0;
min-height: 250px;
margin: 0 !important;
padding: 25px 20px 24px;
background: #fff;
border: 1px solid #d7deeb;
border-radius: 12px;
text-align: center;
text-decoration: none !important;
transition:
transform .25s ease,
box-shadow .25s ease,
background-color .25s ease,
border-color .25s ease;
}
/* ========================================
HOVER
======================================== */
.alpha-guidance-card:hover {
transform: translateY(-4px);
background: #f4f7fd;
border-color: #8aa9da;
box-shadow:
0 12px 24px rgba(5, 43, 105, .10),
0 3px 8px rgba(5, 43, 105, .06);
text-decoration: none !important;
}
/* ========================================
ICON CIRCLE
======================================== */
.alpha-guidance-card__icon {
display: flex;
align-items: center;
justify-content: center;
width: 72px;
height: 72px;
flex: 0 0 72px;
margin: 0 0 16px;
padding: 0;
background: #f2f5fb;
border-radius: 50%;
transition:
transform .25s ease,
background-color .25s ease;
}
.alpha-guidance-card:hover .alpha-guidance-card__icon {
transform: scale(1.03);
background: #e9effa;
}
/* ========================================
SVG ICONS
======================================== */
.alpha-guidance-card__icon svg {
display: block;
width: 48px;
height: 48px;
margin: 0;
padding: 0;
fill: none;
stroke: #073b88;
stroke-width: 2.2;
stroke-linecap: round;
stroke-linejoin: round;
}
/* ========================================
CARD HEADINGS
======================================== */
.alpha-guidance-card h3 {
width: 100%;
margin: 0 0 12px;
padding: 0 0 12px;
border-bottom: 1px solid #e8edf5;
color: #052b69;
font-family: Georgia, "Times New Roman", serif;
font-size: 17px;
font-weight: 700;
line-height: 1.3;
text-align: center;
text-decoration: none !important;
}
/* ========================================
CARD DESCRIPTION
======================================== */
.alpha-guidance-card p {
width: 100%;
margin: 0;
padding: 0;
color: #173a70;
font-size: 14px;
line-height: 1.5;
text-align: center;
text-decoration: none !important;
}
/* ========================================
PREVENT INHERITED LINK STYLING
======================================== */
.alpha-guidance-card,
.alpha-guidance-card:hover,
.alpha-guidance-card:focus,
.alpha-guidance-card:active,
.alpha-guidance-card h3,
.alpha-guidance-card p {
text-decoration: none !important;
}
/* ========================================
CENTER CARDS 9 + 10
======================================== */
/* Card 9 */
.alpha-guidance-card:nth-last-of-type(2) {
grid-column: 4 / span 3;
}
/* Card 10 */
.alpha-guidance-card:last-of-type {
grid-column: 7 / span 3;
}
/* ========================================
TABLET
======================================== */
@media screen and (max-width: 1000px) {
.alpha-guidance-section {
padding: 50px 25px 60px;
}
.alpha-guidance__heading {
font-size: 34px;
}
.alpha-guidance__grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.alpha-guidance-card,
.alpha-guidance-card:nth-last-of-type(2),
.alpha-guidance-card:last-of-type {
grid-column: auto !important;
}
}
/* ========================================
MOBILE
======================================== */
@media screen and (max-width: 600px) {
.alpha-guidance-section {
padding: 40px 18px 50px;
}
.alpha-guidance__heading {
font-size: 30px;
}
.alpha-guidance__intro {
font-size: 16px;
}
.alpha-guidance__intro br {
display: none;
}
.alpha-guidance__grid {
grid-template-columns: 1fr !important;
gap: 16px;
}
.alpha-guidance-card,
.alpha-guidance-card:nth-last-of-type(2),
.alpha-guidance-card:last-of-type {
grid-column: auto !important;
min-height: 0;
}
}
.landingpage .alpha-guidance-section h3 {
font-size: 20px;
}
.path-hero .hero-content {
left: max(
30px,
calc((100vw - 1280px) / 2 + 30px)
) !important;
}
/* Full-width section */
.the-alpha-difference {
width: 100%;
margin: 0;
padding: 0;
background: #fff;
}
/* Full-width two-column layout */
.the-alpha-difference .why-experts {
display: flex;
align-items: stretch;
width: 100%;
max-width: none;
margin: 0;
min-height: 680px;
}
/* ========================================
LEFT CONTENT
Aligns with a centered 1280px container
======================================== */
.the-alpha-difference .why-content {
flex: 0 0 50%;
/*
* Left edge follows the 1280px container.
* 30px minimum gutter on smaller screens.
*/
padding-left: max(
30px,
calc((100vw - 1280px) / 2)
);
padding-right: 55px;
padding-top: 60px;
padding-bottom: 60px;
display: flex;
flex-direction: column;
justify-content: center;
box-sizing: border-box;
}
/* ========================================
RIGHT IMAGE
Goes all the way to viewport edge
======================================== */
.the-alpha-difference .why-photo-wrap {
flex: 0 0 50%;
min-width: 0;
margin: 0;
padding: 0;
}
.the-alpha-difference .why-photo-frame {
position: relative;
width: 100%;
height: 100%;
min-height: 680px;
margin: 0;
padding: 0;
overflow: hidden;
}
.the-alpha-difference .why-photo-img {
display: block;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
object-fit: cover;
object-position: center;
}
/* Fade from text into image */
.the-alpha-difference .why-fade {
position: absolute;
inset: 0;
background: linear-gradient(
to right,
#fff 0%,
rgba(255,255,255,.85) 8%,
rgba(255,255,255,0) 25%
);
pointer-events: none;
}
/* ========================================
TABLET / MOBILE
======================================== */
@media screen and (max-width: 900px) {
.the-alpha-difference .why-experts {
flex-direction: column;
min-height: 0;
}
.the-alpha-difference .why-content {
flex: none;
width: 100%;
padding: 50px 25px;
}
.the-alpha-difference .why-photo-wrap {
flex: none;
width: 100%;
}
.the-alpha-difference .why-photo-frame {
min-height: 350px;
}
.the-alpha-difference .why-fade {
background: linear-gradient(
to bottom,
#fff 0%,
rgba(255,255,255,0) 25%
);
}
}
/* ==========================================================================
INTERIOR PAGE ALIGNMENT — LARGE SCREENS
Lines up the logo, page title, breadcrumbs and page body on one left
edge: 25px inside the centered 1280px container. The breadcrumbs used a
fixed 115px from the screen edge, so they now track the container.
========================================================================== */
@media only screen and (min-width: 1240px) {
#logo-container {
margin-left: 25px;
}
.banner.banner-subpage .frame {
padding-left: 25px;
padding-right: 25px;
}
.crumbs {
padding-left: calc(max(0px, (100% - 1280px) / 2) + 25px);
padding-right: calc(max(0px, (100% - 1280px) / 2) + 25px);
}
}
/* Tablet: body text sits 25px from the screen edge (.grid-1 padding). */
@media only screen and (min-width: 768px) and (max-width: 1009px) {
#logo-container {
margin-left: 25px;
}
.banner.banner-subpage .frame {
padding-left: 25px;
padding-right: 25px;
}
.crumbs {
padding-left: 25px;
padding-right: 25px;
}
}
/* Small laptop: header and body use a centered 1000px column with 35px
of padding, so line the title and breadcrumbs up to that column. */
@media only screen and (min-width: 1010px) and (max-width: 1239px) {
#logo-container {
margin-left: 35px;
}
.banner.banner-subpage .frame {
padding-left: calc(max(0px, (100% - 1000px) / 2) + 35px);
padding-right: calc(max(0px, (100% - 1000px) / 2) + 35px);
}
.crumbs {
padding-left: calc(max(0px, (100% - 1000px) / 2) + 35px);
padding-right: calc(max(0px, (100% - 1000px) / 2) + 35px);
}
}
/* Phone: match the 25px body text inset. */
@media only screen and (max-width: 767px) {
#logo-container {
margin-left: 25px;
}
.banner.banner-subpage .frame {
padding-left: 25px;
padding-right: 25px;
}
}