/*
Theme Name: ADA Experts
Text Domain: adaexperts
Version: 1.0
Requires at least: 4.7
Requires PHP: 5.2.4
Description: 
Author: Jason Kahrim
Author URI: https://managedweb.com/
*/

@import url('//fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i,800,800i&display=swap');

/*== Basic Style
---------------------------------------------------------*/
html {
    scroll-behavior: smooth;
}

:root {
    --basecolor: #000;
    --blue: #1f9fd7;
    --darkblue: #003366;
    --darkblue2: #07507f;
    --lightblue: #20a0d8;
}

body {
    color: var(--basecolor);
    line-height: 1.8;
    font-family: "Open Sans", sans-serif;
}

a {
    color: #20a0d8;
}

a:hover {
    color: inherit;
    text-decoration: none
}

img, object, video, iframe {
    max-width: 100%;
    height: auto;
}



h1, h2, h3, h4 {
    font-weight: 700;
}

p {margin-bottom: 10px}
p+p {margin-top: 20px}

/*== Form Style
---------------------------------------------------------*/
input, select, textarea, [class*="btn"] {
    height: 50px;
    padding: 5px 20px;
    line-height: 36px;
    display: inline-block;
    border-width: 2px;
    border-style: solid;
    vertical-align: baseline;
    border-color: var(--lightblue);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

textarea, select[multiple] {height: auto}

[type="submit"], [class*="btn"] {
    color: #fff;
    font-weight: 700;
    background-color: var(--theme, var(--lightblue));
    transition: all 200ms;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
}

[class*="btn"]:hover {
    color: #fff;
    border-color: var(--theme, var(--lightblue));
}

[class*="btn"].bordered {color: var(--theme); border-color: var(--theme); background-color: transparent}
[class*="btn"].bordered:hover {background-color: var(--theme)}
[type="submit"], .btn-blue {--theme: #1f9fd7; color: #fff; border-color: #fff}

.btn-white {--theme: #fff}
.btn-white:hover {--theme: #fff; color: var(--basecolor);}


[class*="btn"][class*="icon-"]:before {margin-right: 8px}


/*== Helper Style
---------------------------------------------------------*/
[class*="gap"] {clear: both; width: 100%!important; height: var(--gap); flex: 0 0 auto!important}
.gap-20 {--gap: 20px}
.gap-30 {--gap: 30px}
.gap-40 {--gap: 40px}
.gap-60 {--gap: 60px}

.line {
    height: 3px;
    width: 50px;
    display: block;
    flex: 0 0 auto;
    margin-top: 25px;
    margin-bottom: 25px;
    background-color: var(--blue);
}
.line-10 {margin-top: 10px; margin-bottom: 10px}
.line.center {margin-left: auto!important; margin-right: auto!important}

.text-blue {color: var(--blue)!important}
.text-darkblue {color: var(--darkblue)!important}
.text-darkblue2 {color: var(--darkblue2)!important}


/*== Header Style
---------------------------------------------------------*/
.site-header {position: relative; z-index: 99; background-color: #edefef;}
body.home .site-header {color: #fff; background-color: transparent}

.branding {
    max-width: 250px;
    display: inline-block;
    background: url(images/ada-experts.svg) no-repeat;
    background-size: contain;
}

/*.branding img {visibility: hidden; opacity: 0}*/


body.home .site-header .branding {background-image: url(https://adaexperts.com/wp-content/themes/adaexperts/images/ada-experts-white.svg)}

.site-header .header-inner {
    display: flex;
    flex-wrap: wrap;
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
    justify-content: space-between;
}

.site-header a:not([class*="btn"]) {color: #000}

#main-menu {
    color: #000;
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
    text-transform: uppercase;
}

#main-menu li a {color: inherit; display: block; padding: 6px 10px}

.nav-wrapper {font-weight: bold; display: flex; align-items: center; flex-wrap: wrap}
.nav-wrapper .right {margin-left: 50px}
.nav-wrapper .right>*+* {margin-left: 10px}

#btn-mobile {width: 32px; display: none; align-self: center}

#btn-mobile:before, #btn-mobile:after {
    content: "";
    display: block;
    border-style: solid;
    border-width: 5px 0;
    border-color: var(--lightblue);
}

#btn-mobile:before {height: 18px}

#btn-mobile:after {margin-top: 8px; border-width: 0 0 5px 0}

/*== Banner Style
---------------------------------------------------------*/
.banner {
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    margin-top: -150px;
    padding-top: 200px;
    min-height: 600px;
    align-items: center;
    position: relative;
    justify-content: center;
    flex-direction: column;
    background: url(https://adaexperts.com/wp-content/themes/adaexperts/images/ada-bg.jpg) no-repeat center top;
    background-size: cover;
}

.banner:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    background-color: rgba(2, 28, 102, 0.5);
}

.banner>* {position: relative; z-index: 1;}

.banner-content {min-height: 100%; text-align: center}

.btn-banner {height: auto}

/*== Content Style
---------------------------------------------------------*/
#main-content {padding-top: 40px; padding-bottom: 80px}

.section {padding-top: 50px; padding-bottom: 50px}
.section.dark {color: #fff}
.section-header {text-align: center; margin-bottom: 50px}
.section-header .name {font-size: 25px}
.section-header .title {font-size: 60px; font-weight: 800; line-height: 1}


.section.section-about-us {
    color: #fff;
    padding: 0;
    background: url(https://adaexperts.com/wp-content/themes/adaexperts/images/ada-experts-about-bg.jpg);
}

.section.section-about-us>.container {position: relative;}

.section.section-about-us .section-inner {
    position: relative;
    padding-right: 200px;
    padding-bottom: 50px;
    z-index: 4;
}

.section.section-about-us .adaexpert-women {
    position: absolute;
    top: 4px;
    right: -129px;
    bottom: 0;
    z-index: 0;
    text-align: right;
    pointer-events: none;
}

.section.section-about-us .adaexpert-women img {height: 100%; width: auto}

.grid, [class*="grid-"] {
    --column: 3;
    display: grid;
    column-gap: 30px;
    grid-template-columns: repeat(var(--column), 1fr);
}

.grid-2 {--column: 2}

.feature-item {margin-bottom: 30px}

.feature-item .feature-img {width: 100%; display: block; margin-bottom: 20px}
.feature-item .title {font-size: 25px}

article.posts {margin-bottom: 30px}
article.posts.style1 {border: 1px solid #8da3ba}
article.posts .featured-img {width: 100%; display: block}

article.posts .post-title a {color: inherit;}

article.posts .inner {padding: 20px}
article.posts .title {color: var(--darkblue); font-size: 25px}

.section.section-contact {padding-top: 20px; padding-bottom: 20px; text-align: center; background-color: #0c26aa}
.section.section-contact .title {font-size: 50px}

ul.icon-list {margin: 0; padding: 0; min-width: 150px; list-style: none}
ul.icon-list>li+li {margin-top: 3px}
ul.icon-list a {color: inherit}

ul.icon-list>li i.icon {font-size: 20px; text-align: center; vertical-align: middle; margin-right: 5px; min-width: 40px; display: inline-block; min-width: 30px}

.not-found {
    display: flex;
    margin: 30px auto 0;
    text-align: center;
    max-width: 800px;
    font-size: 18px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.not-found .page-title {margin-bottom: 20px;}
.not-found .search-form {margin-top: 20px}

.gform_wrapper form.form-inline {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: center;
}

.gform_wrapper form.form-inline .gform_body,
.gform_wrapper form.form-inline .gform_footer {width: auto; padding: 0; margin: 0 0 20px 0}

.gform_wrapper form.form-inline ul.gform_fields {display: flex}

.gform_wrapper form.form-inline ul.gform_fields>li, .gform_wrapper form.form-inline ul.gform_fields .ginput_container,
.gform_wrapper form.form-inline ul.gform_fields .ginput_container input {margin: 0!important}

.gform_wrapper form.form-inline div.validation_error,
.gform_wrapper form.form-inline ul.gform_fields>li {
    padding: 0!important;
    border: none!important;
    background-color: transparent!important;
}

.gform_wrapper form.form-inline ul.gform_fields>li {margin: 0 15px 10px 0!important}

.gform_wrapper form.form-inline .gfield_error {width: auto}

.gform_wrapper form.form-inline div.validation_error, .gform_wrapper form.form-inline .validation_message {color: #fff; padding: 5px 0 0!important}


/*== Footer Style
---------------------------------------------------------*/
#footer {font-size: 14px; padding: 20px 0; 
    background-color: #edefef;
    border-bottom: 30px solid var(--blue);
}

.footer-inner {display: flex; align-items: center; flex-wrap: wrap}

.vline {
    width: 2px;
    height: 40px;
    flex: 0 0 auto;
    margin: auto 25px;
    display: inline-block;
    background-color: #003265;
}

.footer-inner .logo {max-width: 200px}
.footer-inner .about-adaexperts {display: flex; align-items: center; max-width: 535px}
.footer-inner ul.icon-list {flex: 1 0 auto}

.footer-disclaimer {
    color: #fff;
    padding: 20px 0;
    font-size: 18px;
    text-align: center;
    background-color: #003265;
}

.footer-disclaimer .title {font-size: 25px}

.copyright {
    color: #fff;
    padding: 20px;
    font-size: 20px;
    text-align: center;
    background-color: #0a0a0a;
}

/* Back to Top Button */
#back-to-top {
    width: 2em;
    position: fixed;
    right: 1em;
    bottom: 1em;
    z-index: 1000;
}

.blue-line {
    margin-top: 2rem;
    margin-bottom: 0rem;
    /* border: 0; */
    width: 4%;
    border-top: 2px solid #1f9fd7;
}

@media screen and (max-width: 1204px) { 
    .grid, [class*="grid-"] {--column: 2}
    .footer-inner .about-adaexperts {max-width: none}
	.section.section-about-us .section-inner {padding-right: 0;}
    .section.section-about-us .adaexpert-women {display: none}
	
}



@media screen and (max-width: 1581px) { /*was 991px*/
/*     .section.section-about-us .section-inner {padding-right: 0;} */
    .section.section-about-us .adaexpert-women {
		right: -21px;
	}
	
}

@media screen and (max-width: 767px) {
    #btn-mobile {display: inline-block; float: right; margin-top: 5px}
    .site-header {color: initial!important}
    .site-header .header-inner {display: block}
    .site-header .branding {background-image: url(https://adaexperts.com/images/ada-experts.svg)!important}
    .nav-wrapper {display: none; padding-top: 20px; margin-left: -10px}

    #main-menu {display: block}
    .nav-wrapper .right {margin:  10px 0 0}

    .banner {margin: 0; padding: 0;}

    .btn-banner {line-height: 1.6;}

    .gform_wrapper form.form-inline, .gform_wrapper form.form-inline ul.gform_fields {display: initial}
    .gform_wrapper form.form-inline ul.gform_fields>li {margin-right: 0!important}
    .grid, [class*="grid-"] {--column: 1}
    .footer-inner .about-adaexperts {display: block; text-align: center}
    .footer-inner .about-adaexperts .vline {display: none}
    .footer-inner .logo {margin-bottom: 15px}
    
}