/*
Theme Name: Scarlett Financial
Theme URI: https://proximatesolutions.com/professional-web-design-portfolio/
Author: Proximate Solutions
Author URI: https://proximatesolutions.com/
Description: Wordpress theme designed for Scarlett Financial with Blog Integration.
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: scarlettfinancial
Tags: one-column, two-columns, custom-menu, featured-images, left-sidebar, right-sidebar
*/
:root{
  --primary-color: #14283c;
  --primary-hov-color: #102030;
  --secondary-color: #aa4146;
  --gotham-book: 'Gotham-Book';
  --gotham-light: 'Gotham-Light';
  --gotham-medium: 'Gotham-Medium';
  --gotham-bold: 'Gotham-Bold';
  --roboto-light: 'Roboto-Light';
  --nexa-light: 'Nexa-Light';
}
body {font-family: var(--gotham-light); color: #000; font-size:18px; line-height: 1.3;}
img {max-width:100%; height:auto;}
a {color:var(--secondary-color); transition:all linear 0.2s; text-decoration: none;}
a:hover, a:focus {text-decoration:nonze; outline:0; color:#444;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-family: var(--gotham-bold);}
.sec_heading {margin: 0 0 40px; text-align: center;}
.sec_heading_left {margin: 0 0 40px;}
.form-group {margin: 0 0 20px;}
.form-control {border-radius: 10px;}

label { margin:0;}
.alignleft { float:left; margin:0 15px 10px 0;}
.alignright { float:right; margin:0 0 10px 15px;}
.aligncenter { text-align:center; margin:0 auto 10px; display:block;}
.alignnone { float:none;}
.wp-caption { border:1px solid #ddd; text-align:center; background-color:#f3f3f3; margin-bottom:1rem; padding:4px; max-width:100%; border-radius:4px; -webkit-border-radius:4px;}
.wp-caption img { margin:0; padding:0; border:0;}
.wp-caption p.wp-caption-text { font-size:12px; padding:0 5px; margin:0;}
.sticky {}
.gallery-caption {}
.bypostauthor {}
.clear { clear:both;}
.clear1 { clear:both; padding:1px 0 0;}
.clear5 { clear:both; padding:3px 0 2px;}
.clear10 { clear:both; padding:5px 0;}
.mrb-10 { margin:0 10px 10px 0;}
.br-0 { border-radius:0; -webkit-border-radius:0;}
.navigation { overflow:hidden;}

.btn {border-radius: 50px;}
.btn-light {background:#fff; color:var(--secondary-color);}
.btn-primary {background:var(--primary-color); border-color:var(--primary-color);}
.btn-primary:hover,.btn-primary:focus {background:var(--primary-hov-color); border-color:var(--primary-hov-color);}
.btn-outline-primary {border-color:var(--primary-color); color:var(--primary-color);}
.btn-outline-primary:hover,.btn-outline-primary:focus {background:var(--primary-color); color: #fff; border-color:var(--primary-color);}
.btn-gradient { background: rgb(117,0,23); /* Old browsers */
  background: -moz-linear-gradient(45deg, rgba(117,0,23,1) 22%, rgba(170,65,70,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, rgba(117,0,23,1) 22%,rgba(170,65,70,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, rgba(117,0,23,1) 22%,rgba(170,65,70,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#750017', endColorstr='#aa4146',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.btn_styled {padding:10px 40px;}
.btn_styled1 {padding:6px 25px;}
.divider {border-bottom: 2px solid #ddd; padding:0 0 70px; margin: 0 0 70px;}
.modal-dialog {border-radius: 0;}
section {padding:80px 0;}
section .container {position: relative;}
@media(min-width:1200px){
.container {max-width: 1000px;}
header .container {max-width: 1100px;}
}
header {background:#14283c; padding:75px 0 50px;}
.logo {max-width: 280px;}
.menubar {}
#menu{position:relative;}
#menu ul{list-style:none;margin:0;padding:0; text-align: right;}
#menu ul li{display:inline-block;position:relative;}
#menu ul li a{color:#f1f1f1; padding:0 12px 0 10px; display:block;text-decoration:none;position:relative; text-transform: uppercase; -webkit-transition:all .3s linear;transition:all .3s linear; font-size:14px; border-right:1px solid rgba(255,255,255,0.50);}
#menu ul > li:last-child > a {border-right: 0;}
#menu li > a:after { content: '\f107'; font-family:'FontAwesome'; margin-left:5px; }
#menu li > a:only-child:after { margin-left: 0; content: ''; }
#menu ul li a:hover,#menu ul li.active a,#menu ul li.current_page_item>a,#menu ul li.current-menu-ancestor>a,#menu ul li.current-menu-item>a,#menu ul li.current-menu-parent>a{color: #fff; font-family:var(--gotham-medium);}
#menu li.active ul li a{color:#fff;background:#000}
#menu li.active ul li a:hover{color:#fff;background:#333}
#menu li>ul{position:absolute;left:0;top:100%;z-index:999;min-width:220px;white-space:nowrap;}
#menu ul li.active ul li a { background:#fff; color:#333;}
#menu li>ul li{background:#fff;border-bottom:1px solid rgba(0,0,0,0.09);display:block;position:relative; margin:0; text-align:left;}
#menu li>ul li:hover{background:#333;border-bottom:1px solid rgba(0,0,0,0.09)}
#menu li>ul li a{color:#333;font-size:13px; padding:10px 15px;  border-right:0;}
#menu li>ul li a:hover{color:#fff;text-decoration:none}
#menu li ul li.current_page_item>a,#menu li ul li.current-menu-ancestor>a,#menu li ul li.current-menu-item>a,#menu li ul li.current-menu-parent>a{background: #333;color:#fff}
#menu>li{border-left:1px solid #999}
#menu>li:first-child,#menu>li.has-submenu+li{border-left:0}
#menu li>ul>li>ul{position:absolute;left:100%;top:0;transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s;visibility:hidden;opacity:0}
#menu li>ul>li:hover>ul{visibility:visible;opacity:1;display:block}
#menu li>ul{transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s;visibility:hidden;opacity:0}
#menu li:hover>ul{visibility:visible;opacity:1}
#menu li>ul li a{padding:0 23px;transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s}
#menu li:hover>ul li a{padding:10px 23px}
#menu li>ul li:hover a {color:#fff;}
#menu li>ul li:hover ul li a {color:#000;}
#menu li>ul li ul li a:hover {color:#ff9e00;}
@keyframes menu_sticky {
  0%   {margin-top:-240px;}
  50%  {margin-top: -90px;}
  100% {margin-top: 0;}
}
.menubar.sticky {  margin:0;  position: fixed;  background:rgba(255,255,255,1); top:0; left:0; width:100%; z-index:99999; animation-name:menu_sticky; animation-duration: 0.60s; animation-timing-function:ease-out;  box-shadow:0 0 5px 0px rgba(0, 0, 0, 0.49); -webkit-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.49);}


.chat_btn, .logout_btn {position: absolute; right:5%; top:50%; transform: translateY(-50%); border-radius: 50%; color:#fff; border-radius: 50px; border:2px solid #fff; text-align: center; padding:10px 30px; z-index: 10; transition: none;}
.chat_btn img, .logout_btn img {max-width:24px; vertical-align: top; margin:2px 4px 0 0;}
.chat_btn:hover, .chat_btn:focus, .logout_btn:hover, .logout_btn:focus {background: rgba(255,255,255,0.20); color:#fff;}
.chat_btn.active {background:var(--primary-color); color:#fff; position: fixed; top:20px; transform: none;}
.chat_btn.active:hover, .chat_btn.active:focus {background: var(--secondary-color);}

.home_banner {padding:100px 0; background:var(--primary-color); position: relative;}
.home_banner:before {position: absolute; left:0; top:0; right:0; bottom:0; content:"";
  background: -moz-linear-gradient(left, rgba(0,0,0,0) -30%, rgba(170,65,60,0.65) 100%);
  background: -webkit-linear-gradient(left, rgba(0,0,0,0) -30%,rgba(170,65,60,0.65) 100%);
  background: linear-gradient(to right, rgba(0,0,0,0) -30%,rgba(170,65,60,0.65) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6aa413c',GradientType=1 ); /* IE6-9 */}
.home_banner .container {position: relative;}
.banner_img {position: relative; padding:0 50px 0 0;}

.heroswiper {
    height: 330px;
    width: 400px;
}

.banner_img img {position: relative; z-index: 2;}
.banner_bg {position: absolute; top:-70px; right:0; z-index: 1;}
.banner_img .banner_bottom_layer {width:150px; height:90px;
  background: -moz-linear-gradient(left, rgba(20,40,60,0.89) 0%, rgba(16,33,49,0.89) 18%, rgba(0,0,0,0) 100%);
  background: -webkit-linear-gradient(left, rgba(20,40,60,0.89) 0%,rgba(16,33,49,0.89) 18%,rgba(0,0,0,0) 100%);
  background: linear-gradient(to right, rgba(20,40,60,0.89) 0%,rgba(16,33,49,0.89) 18%,rgba(0,0,0,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e314283c', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */ content:""; position: absolute; bottom:-20px; left:-15px;}

.banner_caption {color:#fff;}
.big_text {font-size:35px; font-family: var(--gotham-bold); line-height: 1; margin: 0 0 20px;}
.banner_caption p {margin: 0 0 50px;}
.banner_caption .btn {margin-right:10px;}

.typography_banner { position: relative; height: 320px;background-size: cover !important; background-position: center !important;}
.typography_banner:before {  content: '';  position: absolute; left: 0;  top: 0; width: 100%;height: 100%; background: #362e3ddb;}
.typography_banner h2 {color: white; text-align: center;}
.rust  {color: #be4a51;}

.services_sec {background-size: cover; background-position: center; background-repeat: no-repeat; position: relative;}
.services_sec:before {position: absolute; left:0; right:0; top:0; bottom:0; content:""; background:rgba(255,255,255,0.90);}

ul.services_list {padding:0; margin: 0; list-style: none; text-align: center; font-family: var(--roboto-light);}
ul.services_list li {display: inline-block; margin:0 5px 15px;}
ul.services_list li a {padding:6px 25px; background: var(--primary-color); color:#fff; border-radius: 50px; display: block;}
ul.services_list li a:hover {background:var(--primary-hov-color);}


.sec_heading_left ul li, .sec_heading_left ol li {font-size: 18px; font-weight: 600; line-height: 1.5;}
.sec_heading_left ul li+li, .sec_heading_left ol li+li{margin-top: 10px;}
.testimonials_heading {margin:0 0 60px;}

.review_box {text-align: center; padding:0 15px;}
.review_box .testi_img {border-radius: 50%; overflow:hidden; margin: 0 0 20px;aspect-ratio: 1 / 1;}
.review_box .testi_img img { object-fit: cover; height: 100%;}
.testi_contents .author_title {font-family: var(--gotham-medium); margin: 0 0 5px;}

.review_box .author_name { font-style: italic; color: #999;}
.review_box .author_name a { color: #999;}
.review_box .author_name a:hover { color: #aa4146;}
.testi_contents p {font-size: 16px;}
.star_rating {margin:0 0 10px;}
.star_rating span {display: inline-block;}
.star_rating span img {width: 22px !important;}


.footer-socials.flex {padding: 0 0 20px; display: flex;gap: 20px;justify-content: center;}
.footer-socials a { color: white; text-transform: uppercase;  letter-spacing: 1px; font-size: 12px;}

.footer_sec {background: var(--primary-color); color: #fff; text-align: center; position: relative;}
.footer_sec:before {position: absolute; left:0; top:0; right:0; bottom:0; content:"";
  background: -moz-linear-gradient(left, rgba(0,0,0,0) -30%, rgba(170,65,60,0.65) 100%);
  background: -webkit-linear-gradient(left, rgba(0,0,0,0) -30%,rgba(170,65,60,0.65) 100%);
  background: linear-gradient(to right, rgba(0,0,0,0) -30%,rgba(170,65,60,0.65) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6aa413c',GradientType=1 ); /* IE6-9 */}
.footer_contact_btn {margin: 0 0 15px;}
.footer_contact_btn .btn {width: 230px; padding:6px 30px; font-size: 20px;}
.footer_sec .footer_contact_btn:last-child {margin: 0;}


.gfield input, .gfield select, .gfield textarea {  background: #ececec; border: 0; border-radius: 20px; padding:11px 20px !important;}
.gform_button {background: var(--secondary-color);padding: 9px 30px;border: 0; border-radius: 20px; color: white;}
.gfield_label {font-size: 13px !important; text-transform: uppercase; letter-spacing: 0px;}
.ginput_container_time { min-width: 25%;}
:focus-visible { outline: 2px solid var(--secondary-color);}

footer {background: var(--primary-color); color: #fff; text-align: center; position: relative; padding:70px 0 0; font-size: 14px;}
footer .container {position: relative;}

.footer_logo_icon {padding:0 0 70px;}
ul.footer_links {padding:0 0 50px; margin:0; list-style: none; text-transform: uppercase; }
ul.footer_links li {display: inline-block; position: relative;}
ul.footer_links li:before {content:"|"; padding:0 14px 0 10px;}
ul.footer_links li a {color:#bbb;}
ul.footer_links li:first-child:before {display: none;}
ul.footer_links li a:hover {color:#fff; }
ul.footer_links li.current-menu-item a {color:#fff; font-family: var(--gotham-medium);}

.location_wrap h6 {color:#fff; font-family: var(--gotham-medium); font-size: 14px;}
.location_wrap p {font-size:12px; margin: 0 0 5px;color:#bbb;}
.location_wrap p a {color:#bbb;}
.location_wrap p a:hover {color:#fff;}

ul.footer_bottom_links {padding:70px 0 0; margin:0; list-style: none;}
ul.footer_bottom_links li {display: inline-block; position: relative;}
ul.footer_bottom_links li:before {content:"|"; padding:0 14px 0 10px;}
ul.footer_bottom_links li:first-child:before {display: none;}
ul.footer_bottom_links li a {color:#888;}
ul.footer_bottom_links li.current-menu-item a, ul.footer_bottom_links li a:hover {color:#fff;}

.footer_bottom {background: #fff; padding:15px 0; margin: 70px 0 0; color: #777;}
.footer_bottom img {vertical-align: text-bottom;}

.modal-body {padding:45px 30px;}
.modal-body .form-group {margin: 0 0 30px;}
.modal-body .form-group .form-control {min-height: 50px; padding:10px 20px;}

.wpcf7-not-valid-tip { display:none;}
.wpcf7-not-valid { border:1px solid #F00 !important;}
.wpcf7-checkbox.wpcf7-not-valid { border:none;}
.wpcf7-checkbox.wpcf7-not-valid input[type=checkbox] { outline:1px solid #F00;}
span.wpcf7-list-item { display:block; margin:0;}
span.wpcf7-list-item.first { margin:0;}
.wpcf7 form .wpcf7-response-output { margin:10px 0; padding:8px 12px 10px 12px; border:none !important;}
.wpcf7 form.invalid .wpcf7-response-output { background:#ffc107; color:#fff;}
.wpcf7 form.sent .wpcf7-response-output { background:#28a745; color:#fff;}

.testi_desc p { margin:0;}
.testi_short p { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.advisor_testimonials .testi_img {max-width: 180px; margin: 0 auto 20px;}
.advisor_testimonials_content {text-align:left; padding-left: 25px;}
.advisor_testimonials_content .work_name {font-size:32px; font-family: var(--gotham-bold); margin: 0 0 15px; min-height: 84px;}
.advisor_testimonials_content p {margin: 0 0 40px; display: -webkit-box; overflow: hidden; min-height: 69px; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.advisor_testimonials_content .btn {padding:6px 25px;}
.advisortesti_modal .modal-content {border-radius: 0;}
.advisortesti_modal .modal-body {padding:80px; position: relative;}
.advisortesti_modal .btn-close {position: absolute; top:10px; right:10px; width:28px; height:28px; line-height: 28px; border-radius:0; opacity: 1;}
.advisortesti_modal .btn-close:before {position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); content:"\f00d"; font-family: FontAwesome; color: #fff;}
.advisortesti_modal .advisor_testimonials_content .work_name {font-size:30px;}
.advisortesti_modal .advisor_testimonials_content p {display:block; overflow: hidden; -webkit-box-orient: inherit; -webkit-line-clamp:inherit; min-height: inherit;}

.socials .button { background: white; padding: 7px 20px; border-radius: 30px;font-size: 14px;}

input.error, textarea.error, select.error { border:1px solid #F00 !important;}
input[type=checkbox].error { outline:1px solid #F00 !important;}
label.error { display:none !important;}