/*
Theme Name: 2022
Description: Codecrafted in -6.273812820957271, 106.7419609260698
Theme URI:   https://www.b-listed.co/
Author: hello@stefanushosea.com
Author URI:  https://stefanushosea.com
Template: twenty22
Version: 4.2.2022
*/

/* Global */
img{user-drag: none; user-select: none;-moz-user-select: none;-webkit-user-drag: none;-webkit-user-select: none;-ms-user-select: none;}
::-moz-selection {
	background-color: #002a46;
	color: #fff;
	text-shadow: none;
}

::selection {
	background-color: #002a46;
	color: #fff;
	text-shadow: none;
}
@media only screen and (min-width: 690px){.forDesktop{display:block !important;} .forMobile{display:none !important;}}
@media only screen and (max-width: 690px){.forDesktop{display:none !important;} .forMobile{display:block !important;}}
.b .grecaptcha-badge, .hide{display: none !important}

.wpb_text_column a, p a, .nectar-fancy-box .inner a, .nectar-fancy-ul a, .nectar_team_member_overlay .team-desc a, .main-content > .row > h1 a, .main-content > .row > h2 a, .main-content > .row > h3 a, .main-content > .row > h4 a, .main-content > .row > h5 a, .main-content > .row > h6 a, .wp-block-quote a{transition: all .5s}
.wpb_text_column a:hover, p a:hover, .nectar-fancy-box .inner a:hover, .nectar-fancy-ul a:hover, .nectar_team_member_overlay .team-desc a:hover, .main-content > .row > h1 a:hover, .main-content > .row > h2 a:hover, .main-content > .row > h3 a:hover, .main-content > .row > h4 a:hover, .main-content > .row > h5 a:hover, .main-content > .row > h6 a:hover, .wp-block-quote a:hover{text-decoration: none}

/* Menu */
#slide-out-widget-area:not(.fullscreen-alt):not(.fullscreen), #slide-out-widget-area-bg.fullscreen, #slide-out-widget-area-bg.fullscreen-split, #slide-out-widget-area-bg.fullscreen-inline-images .nectar-ocm-image-wrap-outer, #slide-out-widget-area-bg.fullscreen-alt .bg-inner, body.material #slide-out-widget-area-bg.slide-out-from-right{background-color: transparent;}
#slide-out-widget-area-bg {
    background-image: linear-gradient(45deg, black, transparent);
	-webkit-backdrop-filter: blur(5px);
	backdrop-filter: blur(5px);
}
.b #slide-out-widget-area.fullscreen-split .left-side {width: 100%;}
@media only screen and (max-width: 690px){
.b #slide-out-widget-area.fullscreen-split .off-canvas-menu-container > ul > li > a{
	font-size: 35px!important;
	line-height: 50px!important;
}}
@media only screen and (max-width: 999px){
body.b #slide-out-widget-area .inner .off-canvas-menu-container .sub-menu li a {
	font-size: 25px!important;
	line-height: 1.5!important;
}
body.b #slide-out-widget-area .inner .off-canvas-menu-container li a {
	font-size: 35px!important;
	line-height: 1.5!important;
}
}

/* Hero */
.hero h1, .hero h2{font-size: 5em;line-height: 1.1;}
.hero h2{margin-bottom: -0.45em;}
.hero h2 .dynamic-words{display: none}
@media only screen and (max-width: 999px){.hero h1,.hero h2{font-size: 3.5em;}}
.hero .nectar-rotating-words-title.element_stagger_words .heading {line-height: .5;}

/* Ready */
#ready h6{letter-spacing: .5em}
#ready h6 strong{font-weight: 700}
.b .nectar-fancy-box[data-style=image_above_text_underline] .text {padding: 1em 10% 0 0;}
.b .nectar-fancy-box[data-style=image_above_text_underline] .text p:first-child{padding: 0 0 .5em}

/* Values */
#values .value{opacity:.6;transition:all .5s}
#values .value:hover{opacity:1}

/* Agents */
.b .row .team-member[data-style=bio_fullscreen_alt] h5 {line-height: 1.35;}
.b .nectar_team_member_overlay, .b .nectar_team_member_overlay .team_member_picture .team_member_image_bg_cover{background-color: #f1eae2;}
.b .nectar_team_member_overlay .team_member_details .bio-inner .mobile-close{margin-bottom:2em}

@media only screen and (min-width: 1000px){
.b .nectar-scrolling-text.font_size_12vh .nectar-scrolling-text-inner * {
	line-height: 1.1em;
}}

/* Clients */
#clients h6{font-size:15px; line-height: 1.5; font-weight: 600; letter-spacing: 1px;text-transform: uppercase}
#clients p{font-size:12px;line-height: 1.75;text-align: justify}
body #clients p a{text-decoration: none}
body #clients p a:hover{text-decoration: underline}
#clients .client{opacity:.55;transition: all .5s;margin-bottom:1.5em}
#clients .client:hover{opacity:1}

/* Contact */
#contactUs a{text-decoration: none;transition: all .5s}
#contactUs a:hover{opacity: .65}
#contactUs .address{margin-bottom:1.5em}
.copyright{font-size: 12px;line-height: 1.25}

body.b[data-form-style="minimal"] .container-wrap .span_12.light input[type="text"], body.b[data-form-style="minimal"] .container-wrap .span_12.light textarea, body.b[data-form-style="minimal"] .container-wrap .span_12.light input[type="email"], body.b[data-form-style="minimal"] .container-wrap .span_12.light input[type=password], body.b[data-form-style="minimal"] .container-wrap .span_12.light input[type=tel], body.b[data-form-style="minimal"] .container-wrap .span_12.light input[type=url], body.b[data-form-style="minimal"] .container-wrap .span_12.light input[type=search], body.b[data-form-style="minimal"] .container-wrap .span_12.light input[type=date], body.b[data-form-style="minimal"] .container-wrap .span_12.light input[type=number], body.b[data-form-style="minimal"] .container-wrap .span_12.light select{background-color: transparent;border-bottom: 2px solid rgba(255,255,255,.5);}

body.b[data-form-style="minimal"] .container-wrap .span_12.light input[type="text"]:active,body.b[data-form-style="minimal"] .container-wrap .span_12.light input[type="text"]:focus,
body.b[data-form-style="minimal"] .container-wrap .span_12.light textarea:active,body.b[data-form-style="minimal"] .container-wrap .span_12.light textarea:focus,
body.b[data-form-style="minimal"] .container-wrap .span_12.light input[type="email"]:active,body.b[data-form-style="minimal"] .container-wrap .span_12.light input[type="email"]:focus{
	border-bottom-color: rgba(255,255,255,1)
}

body.b[data-form-submit="see-through"] input[type=submit]{border-color: #fff !important;color:#fff !important}
body.b[data-form-submit="see-through"] input[type=submit]:hover, body.b[data-form-submit="see-through"] button[type=submit]:hover, body.b[data-form-submit="see-through"] .container-wrap .span_12.light input[type=submit]:hover{background-color: #fff!important;color:#002a46!important}

.wpcf7-form .nectar-wpcf7-inline-form,.wpcf7-form p,.wpcf7-form .submit{transition:all .5s;}
.wpcf7-form.sent .nectar-wpcf7-inline-form,.wpcf7-form.sent p,.wpcf7-form.sent .submit{display:none;}
.b .wpcf7-response-output{background: none !important;border: none !important;padding: 12vh 0 !important;margin: 0 !important;font-size: 1.75em;font-weight: 600;}
.b .wpcf7-form .wpcf7-not-valid-tip{font-size: 12px}
.b .wpcf7 form.invalid .wpcf7-response-output{display: none}
.b .light .wpcf7 div.wpcf7-response-output,.b div.wpcf7-validation-errors{color: #fff !important}

/* Services */
.unit{width: 100%}
.headline img.unit{max-width:600px;width: 100% !important;padding-right: 3.5em;-webkit-filter:invert(1);filter:invert(1)}
.services h1{font-weight: 400}
.intro .nectar-split-heading{margin-bottom: 0}
.intro .sub h3{font-weight: 700}
@media only screen and (max-width: 999px){.intro .divider-wrap.height_tablet_25px > div {padding-top: 0px!important;}}
@media only screen and (min-width: 690px){.intro .divider-border{display:block;visibility: visible} .intro .divider-vertical{display:none;visibility: hidden}}
@media only screen and (max-width: 690px){.intro .divider-border{display:none;visibility: hidden} .intro .divider-vertical{display:block;visibility: visible}.intro .divider-wrap.height_tablet_25px > div {padding-top: 100px!important;}}

/* Readabler */
body #mdp-readabler-popup .mdp-readabler-subheader h4 {font-size: 20px;}
body #mdp-readabler-accessibility-profiles-box .mdp-readabler-accessibility-profile-item .mdp-readabler-row .mdp-readabler-profile-title {font-size: 16px;}
body #mdp-readabler-accessibility-profiles-box .mdp-readabler-accessibility-profile-item .mdp-readabler-row .mdp-readabler-profile-short {font-size: 12px;}
body .mdp-readabler-action-box .mdp-readabler-action-box-content .mdp-readabler-title {font-size: 14px;}
body #mdp-readabler-popup #mdp-readabler-popup-footer .mdp-readabler-statement {font-size: 12px;}
body .mdp-readabler-statement-content{font-size: 14px}
@media only screen and (max-width: 690px){body .mdp-readabler-statement-content{font-size: 12px}}
@media (prefers-color-scheme: dark){.mdp-readabler-statement-content a{color:#fff !important}
.mdp-readabler-statement-content a:hover{color:#aaf20b !important}}