/* Theme Name: Theme URI: Description: Bespoke Theme developed by Adrian @ AlphaWebServices.net Author: Adrian Jones Version: 1.0 License: License URI: Tags: */ @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap'); * {margin: 0; border: 0; padding: 0; outline: 0; box-sizing: border-box;} p, a, h1, h2, h3, h4, h5, small, li, textarea, input, label, td, tr, .gform_confirmation_message, div, .uabb-adv-accordion-content p {font-family: 'Poppins', sans-serif;} .clear {clear: both;} a {text-decoration: none;} html {overflow-y: scroll; background-color: #fff; scroll-behavior: smooth;} ul {list-style-type: none;} img.alignright {float:right; margin:0 0 1em 1em} img.alignleft {float:left; margin:0 1em 1em 0} img.aligncenter {display: block; margin-left: auto; margin-right: auto} .alignright {float:right; } .alignleft {float:left; } .aligncenter {display: block; margin-left: auto; margin-right: auto} img {max-width: 100%; max-height: 100%;} .wrapper {width: 1300px; margin: 0 auto; position: relative;} .wrapper:after {content: ""; display: block; clear: both;} .section {padding: 80px 0;} .centered {text-align: center;} .flex {display: flex;} .align-center {align-items: center;} .align-bottom {align-items: flex-end;} .justify-between {justify-content: space-between;} .justify-center {justify-content: center;} body {padding: 30px;} #header.homeHead {height: 850px; position: relative;} #header.innerHead {height: 700px; position: relative;} #header.innerHead > .wrapper {top: -150px; height: 100%; display: flex; align-items: center; justify-content: center;} #header img.cornerHouse {position: absolute; top: -30px; right: -30px; height: 115px; z-index: 2;} #header .logo {position: absolute; top: -30px; left: -100px; width: 350px; background: #ed6c4b; padding: 25px; z-index: 2;} #header .logo:before {content: ""; display: block; padding-top: 72%;} #header .logo img {} #header.homeHead .overlay {padding: 40px 0 0 25%; color: #333334;} #header.innerHead .menu {text-align: center; padding: 30px 0 30px; position: relative; z-index: 1;} #header .menu > li {position: relative; display: inline-block; vertical-align: top;} #header .menu > li + li {margin-left: 30px;} #header .menu > li > a {color: #333334; font-weight: 700;} #header .menu > li > ul {position: absolute; display: none; top: 100%; left: -15px; z-index: 999;} #header .menu > li > ul > li {padding: 8px 0;} #header .menu > li > ul > li > a {display: block; padding: 0 15px; white-space: nowrap;} #header .menu > li.active > a {} #header .menu > li:hover a {} #header .menu > li:hover > ul {display: block;} #header .menu > li.menu-item-has-children > a:after {content: "\f0d7"; font-family: 'Font Awesome 5 Free'; font-weight: 900; padding-left: 7px;} #header.homeHead .overlay h2 {font-size: 46px; margin-top: 50px; line-height: 1.2; position: relative;} #header.homeHead .overlay h3 {font-size: 40px; font-weight: 300; line-height: 1.1;} #header.homeHead .overlay p {font-size: 22px;} #header.homeHead .overlay ul:not(.menu) {margin-top: 30px;} #header.homeHead .overlay ul:not(.menu) li {display: inline-block;} #header.homeHead .overlay ul:not(.menu) li + li {margin-left: 15px;} #header.homeHead .overlay ul:not(.menu) li a {display: block; border: 2px solid #333334; color: #333334; font-weight: 700; padding: 12px 30px;} #header.homeHead .overlay ul:not(.menu) li a:hover {border-color: #fff; background: #fff; color: #333334;} #header.homeHead .headQuotes {position: absolute; bottom: 0; left: 0; right: 0; padding: 20px 0; background: rgba(25,132,140,0.8); color: #fff;} #header.homeHead .headQuotes .flex {justify-content: space-between;} #header.homeHead .headQuotes .flex > div {width: 25%;} #header.homeHead .headQuotes .flex > div p {font-size: 22px;} #header.homeHead .headQuotes .flex > div p + p {margin-top: 5px;} #header.homeHead .headQuotes .flex > div p span {font-size: 18px;} #header.homeHead .headQuotes .ti-widget.ti-goog .ti-widget-container {margin-bottom: 0;} #header.homeHead .headQuotes .ti-widget.ti-goog .ti-rating-text {color: #fff;} #header.homeHead .headQuotes .ti-widget.ti-goog .ti-review-content {} #header.innerHead .overlay {color: #333334; padding-bottom: 20px; max-width: 60%;} #header.innerHead .overlay h2 {font-size: 46px; line-height: 1.2;} #header.innerHead .overlay h3 {font-size: 40px; font-weight: 300; line-height: 1.1;} #header.innerHead .overlay p {font-size: 22px;} #header.innerHead .overlay ul:not(.menu) {margin-top: 30px;} #header.innerHead .overlay ul:not(.menu) li {display: inline-block;} #header.innerHead .overlay ul:not(.menu) li + li {margin-left: 15px;} #header.innerHead .overlay ul:not(.menu) li a {display: block; border: 2px solid #333334; color: #333334; font-weight: 700; padding: 12px 30px;} #header.innerHead .overlay ul:not(.menu) li a:hover {background: #fff; color: #333334;} #header.innerHead .title {position: absolute; bottom: 0; left: 0; right: 0; height: 120px; background: rgba(25,132,140,0.8);} #header.innerHead .title h1 {text-align: center; line-height: 120px; color: #fff;} .homeIntro {background: #19848c; color: #fff;} .homeIntro h2 {font-size: 36px; margin-bottom: 30px;} .homeIntro p {font-size: 20px; margin: 0 150px;} .homeIntro p + p {margin-top: 20px;} .homeIntro p a {color: #ed6c4b; font-weight: bold;} .homeIntro ul.introButtons {margin-top: 20px;} .homeIntro ul.introButtons li {display: inline-block; margin: 0 15px;} .homeIntro ul.introButtons li a {display: block; border: 2px solid #fff; color: #fff; font-weight: 700; padding: 12px 50px;} .homeIntro ul.introButtons li a:hover {background: #fff; color: #333334;} .whatWeDo {color: #333334;} .whatWeDo h2 {font-size: 36px; margin-bottom: 30px;} .whatWeDo .flex {justify-content: space-between;} .whatWeDo .flex > div {width: 31%; border: 4px solid #ed6c4b; display: flex; align-items: center; justify-content: center; position: relative;} .whatWeDo .flex > div:before {content: ""; display: block; padding-top: 100%;} .whatWeDo .flex > div img {max-width: 50%; margin-bottom: 50px;} .whatWeDo .flex > div p {position: absolute; bottom: 30px; left: 40px; right: 40px;} .homeFAQ {background: #ed6c4b; color: #333334;} .homeFAQ h2 {font-size: 36px; margin-bottom: 30px;} .homeFAQ .faqInner {width: 75%; margin: 0 auto 40px; text-align: left;} .homeFAQ .faqInner .question {background: #fff; height: 70px; padding: 0 25px; cursor: pointer; position: relative;} .homeFAQ .faqInner > div + div {margin-top: 20px;} .homeFAQ .faqInner .question p {line-height: 70px; font-size: 22px; font-weight: 500;} .homeFAQ .faqInner .question i {position: absolute; right: 25px; top: 0; line-height: 70px; font-size: 24px;} .homeFAQ .faqInner .answer p {padding-left: 25px; font-style: italic; color: #ffffff;} .homeFAQ a.button {display: inline-block; border: 2px solid #333334; background: #333334; color: #fff; font-weight: 700; padding: 12px 50px; margin-top: 40px;} .homeFAQ a.button:hover {background: #fff; border-color: #fff; color: #333334;} .homeNews {background: #f5f5f5; color: #333334;} .homeNews h2 {font-size: 36px; margin-bottom: 30px;} .homeNews .posts > div {width: 32%;} .homeNews .posts > div + div {margin-left: 2%;} .homeNews .posts .post .img {background-color: #fff;} .homeNews .posts .post .img:before {content: ""; display: block; padding-top: 50%;} .homeNews .posts .post .postText {padding: 25px; text-align: left;} .homeNews .posts .post .postText a {color: #333334;} .homeNews .posts .post .postText h3 {font-size: 22px;} .homeNews .posts .post .postText p {font-size: 14px;} .homeNews .posts .post .postText p.date {margin-bottom: 20px;} .homeNews.blog-index .posts {flex-wrap: wrap;} .homeNews.blog-index .posts > div {margin-bottom: 40px; margin-left: 2%;} .homeNews.blog-index .posts > div:nth-of-type(3n+1) {margin-left: 0;} .innerpage.rows .fwContent p:last-of-type > a {display: inline-block; border: 2px solid #333334; color: #333334; font-weight: 700; padding: 12px 50px; margin-top: 20px;} .innerpage.rows .fwContent p:last-of-type > a:hover {background: #fff; border-color: #fff;} .innerpage.rows .splitRow .leftContent, .innerpage.rows .splitRow .rightContent {width: 55%;} .innerpage.rows .splitRow .leftContent p:last-of-type > a, .innerpage.rows .splitRow .rightContent p:last-of-type > a {display: inline-block; border: 2px solid #333334; color: #333334; font-weight: 700; padding: 12px 50px; margin-top: 20px;} .innerpage.rows .splitRow .leftContent p:last-of-type > a:hover, .innerpage.rows .splitRow .rightContent p:last-of-type > a:hover {background: #333334; color: #fff;} .innerpage.rows .splitRow .rightImg, .innerpage.rows .splitRow .leftImg {width: 35%; position: relative; overflow: visible;} .innerpage.rows .splitRow .rightImg:after, .innerpage.rows .splitRow .leftImg:after {content: ""; display: block; height: 50px; width: 50px; background: rgba(255,212,91,0.8); position: absolute; bottom: -15px; right: -15px;} .content h1 {color: #333334; margin-bottom: 30px; font-size: 40px;} .content h2 {color: #333334; margin-bottom: 25px; font-size: 36px;} .content h3 {color: #333334; margin-bottom: 20px; font-size: 28px;} .content h4 {color: #333334; margin-bottom: 15px; font-size: 24px;} .content h5 {color: #333334; margin-bottom: 15px; font-size: 18px;} .content p {line-height: 150%; color: #333334;} .content p + p {margin-top: 20px;} .content a {font-weight: bold; color: #ef7a5d;} .content ul {margin: 0 0 20px 30px;} .content ul li {color: #333334; padding: 8px 0; list-style-type: disc;} .content ol {margin: 0 0 20px 30px;} .content ol li {color: #333334; padding: 8px 0; list-style-type: decimal;} .content .fl-pricing-table li {list-style-type: none;} #more_posts {display: block; max-width: 250px; background: #000; color: #fff; border-radius: 2px; text-align: center; font-size: 17px; font-weight: 600; cursor: pointer; text-transform: uppercase; padding: 12px 0; margin: 60px auto 0; border-radius: 5px; -webkit-border-radius: 5px;} .postButton {} .postButton a {display: inline-block; border: 2px solid #333334; background: #333334; color: #fff; font-weight: 700; padding: 12px 50px; margin-top: 40px;} .postButton a:hover {background: #fff; border-color: #fff; color: #333334;} #footer .strip {background: #363636; padding: 25px 0;} #footer .strip .left {width: 70%;} #footer .strip .left img {display: inline-block; max-height: 75px; margin-right: 50px;} #footer .strip .social {width: 30%; text-align: right;} #footer .strip .social li {display: inline-block; width: 42px; height: 42px; background: #fff; text-align: center; line-height: 44px; border-radius: 40px;} #footer .strip .social li + li {margin-left: 10px;} #footer .strip .social li a {display: block; color: #333334;} #footer .bottom {background: #2a2a2a; color: #fff;} #footer .bottom p + p {margin-top: 20px;} #footer .bottom a {color: #ed6c4b; font-weight: 700;} .innerpage .gform_wrapper {margin-top: 40px;} .innerpage .gform_wrapper .gfmc-container {column-gap: 150px;} .innerpage .gform_wrapper .gfmc-container > div {position: relative;} .innerpage .gform_wrapper .gfmc-container > div + div:before {content: ""; display: block; height: 100%; border-left: 4px solid #e96745; position: absolute; top: 0; left: -73px;} .innerpage .gform_wrapper .gfield_label {color: #333334; font-weight: 400!important;} .innerpage .gform_wrapper .gfield_label .gfield_required {display: none;} .gform_wrapper input, .gform_wrapper textarea, .gform_wrapper select {border: 1px solid #c9c9c9;} .innerpage .gform_wrapper .gform_footer {justify-content: flex-end;} .innerpage .gform_wrapper .gform_footer .button {display: inline-block; border: 2px solid #333334; color: #333334; background: transparent; font-weight: 700; padding: 12px 50px; cursor: pointer; font-size: 16px;} .innerpage .gform_wrapper .gform_footer .button:hover {background: #333334; color: #fff;} .gform_wrapper div.validation_error, .gform_wrapper .ginput_container + .gfield_description.validation_message {display: none;} .gform_wrapper li.gfield.gfield_error.gfield_contains_required, .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {margin: 0!important; padding: 0!important;} .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {border: 0!important; background-color: transparent!important;} .gform_wrapper li.gfield.gfield_error.gfield_contains_required {padding-left: 0!important;} #leave-box {display: none; position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0,0,0,0.5); z-index: 99999;} #leave-box > div {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background: #fff; padding: 40px; text-align: center;} #leave-box > div ul {margin-top: 50px;} #leave-box > div ul li {display: inline-block; margin: 0 20px;} #leave-box > div button {display: inline-block; color: #1a46a0; padding: .75rem 1.625rem .875rem !important; margin-left: 20px; border: 1px solid #1a46a0; border-radius: 6px; -webkit-border-radius: 6px; font-size: 16px; font-weight: normal; transition: transform .1s; background: transparent; cursor: pointer;} #leave-box > div button:hover {background: #1a46a0; color: #fff; transform: scale(1.05);} @media all and (max-width : 1600px) { #header .logo {width: 300px; left: -30px;} } @media all and (max-width : 1400px) { body {padding: 15px;} #header .logo {left: 15px;} #header.homeHead .overlay {padding-left: 27%;} #header.innerHead .menu {padding-left: 27%; text-align: left;} } @media all and (max-width : 1330px) { .wrapper {width: auto; padding-left: 15px; padding-right: 15px;} #header.homeHead {height: 730px;} #header.homeHead .overlay {padding-left: 340px;} #header.homeHead .overlay h2 {font-size: 36px;} #header.homeHead .overlay p {font-size: 32px;} #header.homeHead .headQuotes .flex > div {width: 30%;} .whatWeDo .flex > div img {margin-bottom: 70px;} #header.innerHead .menu {padding-left: 340px;} #header.innerHead > .wrapper {display: block;} #header.innerHead .overlay {padding: 170px 0 0 340px; text-align: left;} } @media all and (max-width : 1160px) { .whatWeDo .flex > div img {max-width: 40%;} #header.innerHead > .wrapper {top: 0;} } @media all and (max-width : 992px) { #header.homeHead {height: 630px;} #header.innerHead {height: 450px;} #header img.cornerHouse {top: -20px; height: 90px;} #header .logo {width: 250px;} #header.homeHead .overlay {padding-left: 275px;} #header.innerHead .overlay {padding: 92px 0 0 275px;} #header.homeHead .overlay h2, #header.innerHead .overlay h2 {font-size: 28px;} #header.homeHead .overlay p, #header.innerHead .overlay p {font-size: 26px;} #header.homeHead .overlay ul:not(.menu), #header.innerHead .overlay ul:not(.menu) {margin-top: 20px;} #header.homeHead .overlay ul:not(.menu) li + li, #header.innerHead .overlay ul:not(.menu) li + li {margin-left: 10px;} #header.homeHead .overlay ul:not(.menu) li a, #header.innerHead .overlay ul:not(.menu) li a {padding: 12px 20px;} #header.homeHead .headQuotes .flex > div p {font-size: 16px;} .homeIntro p {margin: 0;} .whatWeDo .flex > div {flex-direction: column; padding: 40px 5px 20px;} .whatWeDo .flex > div img {margin: 0 0 40px; max-width: 50%;} .whatWeDo .flex > div p {position: static;} .whatWeDo .flex > div:before {display: none;} .homeFAQ .faqInner {width: auto;} } @media all and (max-width : 768px) { #header img.cornerHouse {display: none;} #header .logo {position: static; width: 75%; display: inline-block;} #header .logo:before {display: none;} #header.homeHead {text-align: center; height: auto; padding-bottom: 250px;} #header.innerHead {text-align: center; height: auto; padding-bottom: 200px;} #header.homeHead .overlay {padding-left: 0; padding-top: 0;} #header.innerHead .overlay {padding-left: 0; padding-top: 80px; text-align: center;} #header.innerHead .title h1 {font-size: 26px;} .whatWeDo .flex {display: block;} .whatWeDo .flex > div {width: auto; flex-direction: row; justify-content: space-between; padding: 20px;} .whatWeDo .flex > div img {margin-bottom: 0; max-height: 100px;} .whatWeDo .flex > div p {padding-left: 40px;} .whatWeDo .flex > div + div {margin-top: 15px;} .homeNews .flex {flex-wrap: wrap;} .homeNews .posts > div {width: 75%;} .homeNews .posts > div + div {margin-left: 0; margin-top: 20px;} .homeNews.blog-index .posts > div {margin-left: 0;} #footer .strip .flex {display: block;} #footer .strip .left {width: auto; text-align: center;} #footer .strip .social {width: auto; text-align: center; margin-top: 20px;} } @media all and (max-width : 576px) { #header.homeHead {padding-bottom: 200px;} #header.homeHead .overlay ul:not(.menu) li, #header.innerHead .overlay ul:not(.menu) li {display: block;} #header.homeHead .overlay ul:not(.menu) li a, #header.innerHead .overlay ul:not(.menu) li a {display: inline-block; width: 75%;} #header.homeHead .overlay ul:not(.menu) li + li, #header.innerHead .overlay ul:not(.menu) li + li {margin-left: 0; margin-top: 10px;} #header.homeHead .headQuotes .flex {display: block;} #header.homeHead .headQuotes .flex > div {width: auto;} #header.homeHead .headQuotes .flex > div + div {display: none;} .section {padding-top: 50px; padding-bottom: 50px;} .homeIntro h2, .whatWeDo h2, .homeFAQ h2, .homeNews h2 {font-size: 28px;} .homeIntro p {font-size: 16px;} .homeNews .posts > div {width: 100%;} .homeFAQ .faqInner .question {height: auto; padding: 15px 25px;} .homeFAQ .faqInner .question p {font-size: 16px; padding-right: 30px; line-height: normal;} .homeFAQ .faqInner .question i {top: 15px; line-height: normal;} #footer .strip .left img {display: block; margin: 0 auto;} #footer .strip .left img.footbadge {margin-top: 20px;} }