/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        0.0.1
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */
body{font-size:16px}
a:hover{color:#8f0e85}
h1,.h1{font-size:34px}
h1,.h1,h2,.h2{font-weight:800}
h3,h4,h5,h6{font-weight:700}
.custom-blurb{font-weight:400}
.custom-blurb h3{margin-bottom:15px}
.et_pb_button,.cobb-outline-button,.gform_wrapper.gravity-theme .gform_footer button, .gform_wrapper.gravity-theme .gform_footer input, .gform_wrapper.gravity-theme .gform_page_footer button, .gform_wrapper.gravity-theme .gform_page_footer input{
    font-size:16px;
    font-weight:500;
    padding:15px;
    line-height:1.6em!important
}
.et_pb_button:hover,.et_pb_module .et_pb_button:hover{padding:15px}
.cobb-outline-button,.gform_wrapper.gravity-theme .gform_footer button, .gform_wrapper.gravity-theme .gform_footer input, .gform_wrapper.gravity-theme .gform_page_footer button, .gform_wrapper.gravity-theme .gform_page_footer input{
    border-radius:4px;
    border:1px solid #33999B;
    transition: all 300ms ease 0ms;
    display:inline-block
}
.cobb-outline-button:hover,.gform_wrapper.gravity-theme .gform_footer button:hover,.gform_wrapper.gravity-theme .gform_footer input:hover,.gform_wrapper.gravity-theme .gform_page_footer button:hover,.gform_wrapper.gravity-theme .gform_page_footer input:hover{background-color:#1E085B;border-color:#1E085B;color:#fff}
.vivian{background-position:12% center!important;background-size:auto 128%}
.et_pb_no_thumb:before,.et_pb_blog_grid .et_pb_image_container img{height:252px}
.et_pb_no_thumb:before{
    content:'';
    background-color:#FC8686;
    background-image:url("//picsum.photos/512/512?random=1&blur=2");
    background-size:cover;
    background-position:center;
    display:block;
    margin:-19px -19px 40px -19px;
}
.et_pb_blog_grid .et_pb_image_container img{object-fit:cover}
.et-custom-read-more-text .et_pb_post a.more-link{
    font-weight:500;
    padding-top:15px;
    padding-bottom:15px
}

/* Remove sidebar */
#sidebar{display:none}
/* Remove thin line */
#main-content .container:before{background:none}

.clip-path-top{
    --full-width: 100vw;
    --magic-number: 0.09719;
    --clip-padding: calc(var(--full-width) * var(--magic-number));
    position: relative;
    margin-top: calc( ( var(--clip-padding) * -1 ) - 2px );
    padding: calc( ( var(--clip-padding) * 2 ) - ( var(--clip-padding) - var(--skew-padding) ) ) 0 4em;
    clip-path: polygon( 0% calc(var(--clip-padding) * 2), 0% 0%, 270% 100%, 0% 100% );
    -webkit-clip-path: polygon( 0% calc(var(--clip-padding) * 2), 0% 0%, 270% 100%, 0% 100% )
}
.cobb-blurb .et_pb_blurb_container{padding:0 15px 40px;margin:auto}
.blurb-ks .et_pb_blurb_container{max-width:395px}
.blurb-w .et_pb_blurb_container{max-width:470px}
.blurb-li .et_pb_blurb_container{max-width:486px}
.cobb-blurb .cobb-outline-button{margin-top:30px;width:100%;max-width:407px}
.cobb-simple-button:after,.et-custom-read-more-text .et_pb_post a.more-link:after{
    background-image:url(img/ic_trending_flat_24px.png);
    background-size:contain;
    background-position:left center;
    width:32px;
    height:10px;
    content:''!important;
    position: relative;
    top: -3px;
    margin-left: .5em!important;
    display: inline-block;
    transition: all .4s ease;
    right:0
}
.cobb-simple-button:hover:after,.et-custom-read-more-text .et_pb_post a.more-link:hover:after{right:-0.5em}
.gform_wrapper.gravity-theme input[type=color],.gform_wrapper.gravity-theme input[type=date],.gform_wrapper.gravity-theme input[type=datetime-local],.gform_wrapper.gravity-theme input[type=datetime],.gform_wrapper.gravity-theme input[type=email],.gform_wrapper.gravity-theme input[type=month],.gform_wrapper.gravity-theme input[type=number],.gform_wrapper.gravity-theme input[type=password],.gform_wrapper.gravity-theme input[type=search],.gform_wrapper.gravity-theme input[type=tel],.gform_wrapper.gravity-theme input[type=text],.gform_wrapper.gravity-theme input[type=time],.gform_wrapper.gravity-theme input[type=url],.gform_wrapper.gravity-theme input[type=week],.gform_wrapper.gravity-theme select,.gform_wrapper.gravity-theme textarea{
    color:#505050;
    line-height:1.22em;
    border-radius:4px;
    border-color:#505050;
    padding:14px;
}
#gform_wrapper_1 .gform_footer{text-align:center}
.gform_wrapper.gravity-theme .gform_footer button,.gform_wrapper.gravity-theme .gform_footer input,.gform_wrapper.gravity-theme .gform_page_footer button,.gform_wrapper.gravity-theme .gform_page_footer input{
    width:100%;
    max-width:407px;
    display:inline-block;
    border-radius:4px;
    color:#33999B;
    background-color:transparent
}

.menu-footer-container{
    -webkit-column-count:2;
    -moz-column-count:2;
    column-count:2;
}
.menu-footer-container ul li:first-child{margin-top:0px}
.wp-block-buttons .wp-block-button a.wp-block-button__link {
    font-size: inherit;
    font-weight: 500;
    line-height: 1.23em;
    padding: 15px;
    display: inline-block;
    width: 100%;
    max-width: 213px;
    text-align: center;
}
.wp-block-buttons .wp-block-button a.wp-block-button__link:hover{
    background:#4D1195!important;
}
.single-arrow-bullets.et_pb_text ul{
    list-style-type:none;
    padding-left: 0;
}
.single-arrow-bullets.et_pb_text ul>li{
    position:relative;
    padding-left: 1em;
}
.single-arrow-bullets.et_pb_text ul>li:before{
    content: '> ';
    position: absolute;
    left: 0;
    top: .1em;
}
.footer-contact .fwidget {
    margin-bottom:0!important;
    float:none
}
.footer-contact .wp-block-buttons{display:block}
.footer-contact .wp-block-buttons .wp-block-button a.wp-block-button__link {
    margin-top: 20px;
    margin-bottom: 30px;
}
.copyright .et_pb_text_inner a:last-child {
    margin-left: 30px;
}

.gform_confirmation_wrapper {
    color: #fff;
    padding: 30px 15px 40px;
    background-image: linear-gradient(130deg,#fc8686 0%,#8f0e85 50%);
    border-radius: 4px;
}
.gform_confirmation_wrapper * {color:inherit}

/* Media Queries
----------------- */
@media screen and (min-width:641px){
    .gform_wrapper.gravity-theme input[type=color],.gform_wrapper.gravity-theme input[type=date],.gform_wrapper.gravity-theme input[type=datetime-local],.gform_wrapper.gravity-theme input[type=datetime],.gform_wrapper.gravity-theme input[type=email],.gform_wrapper.gravity-theme input[type=month],.gform_wrapper.gravity-theme input[type=number],.gform_wrapper.gravity-theme input[type=password],.gform_wrapper.gravity-theme input[type=search],.gform_wrapper.gravity-theme input[type=tel],.gform_wrapper.gravity-theme input[type=text],.gform_wrapper.gravity-theme input[type=time],.gform_wrapper.gravity-theme input[type=url],.gform_wrapper.gravity-theme input[type=week],.gform_wrapper.gravity-theme select,.gform_wrapper.gravity-theme textarea{font-size:18px}
    .gform_wrapper.gravity-theme .gform_fields{grid-row-gap:25px}
    .gform_wrapper.gravity-theme .gform_footer,.gform_wrapper.gravity-theme .gform_page_footer{margin-top:25px}
    .menu-footer-container{
        -webkit-column-count:3;
        -moz-column-count:3;
        column-count:3;
    }
}
@media screen and (min-width:768px){
    h1,.h1{font-size:56px}
    h2,.h2{font-size:42px}
    h3,h4,h5{font-size:32px}
    h6{font-size:24px}
    .vivian{background-position:left center!important}
    .et_pb_button,.cobb-outline-button,.gform_wrapper.gravity-theme .gform_footer button,.gform_wrapper.gravity-theme .gform_footer input,.gform_wrapper.gravity-theme .gform_page_footer button,.gform_wrapper.gravity-theme .gform_page_footer input{font-size:20px}
    .menu-footer-container{
        -webkit-column-count:5;
        -moz-column-count:5;
        column-count:5;
    }
}
@media screen and (min-width:981px){
    body{font-size:18px}
    .btn-menu-item>a{border:1px solid;border-radius:4px}
    #navigation-menu .et_pb_menu__menu>nav>ul>li{-ms-flex-align:center;align-items:center}
    #navigation-menu  .et-menu>li{padding-left:20px;padding-right:20px}
    #navigation-menu .et-menu>li.btn-menu-item{padding-right:11px}
    .et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li.btn-menu-item>a{padding:9px 1.75vw;min-width:100px;display:block;text-align:center}
    .et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li.btn-menu-item>a:hover,.et_pb_menu--with-logo .et_pb_menu__menu>nav>ul>li.btn-menu-item>a:focus{opacity:1;background:#1E085B;border-color:#1E085B;color:#fff;}
    .custom-blurb{font-size:22px}
    .et_pb_button,.cobb-outline-button,.gform_wrapper.gravity-theme .gform_footer button,.gform_wrapper.gravity-theme .gform_footer input,.gform_wrapper.gravity-theme .gform_page_footer button,.gform_wrapper.gravity-theme .gform_page_footer input{font-size:26px;padding-left:40px;padding-right:40px}
    .et_pb_button:after,.et_pb_button:before{font-size:40px}
    .et_pb_button:hover,.et_pb_module .et_pb_button:hover{padding-left:40px;padding-right:40px}
    .vivian{background-position:18% center!important}
    .why-hire.vivian{background-position:15% center!important}
    #left-area{width:100%;padding-right:0px !important}
    .menu-footer-container{
        -webkit-column-count:4;
        -moz-column-count:4;
        column-count:4;
    }
}
@media screen and (min-width:981px) and (max-width:1199px){
    .why-hire.vivian{padding-top:200px!important}  
    .why-hire.vivian .et_pb_top_inside_divider{height:200px!important;background-size:100% 200px!important} 
    .why-hire.vivian .et_pb_column{padding-top:0;padding-bottom:0}
}
@media screen and (min-width:1200px){
    body{font-size:21px}
    #navigation-menu  .et-menu>li{padding-left:24px;padding-right:24px}
    #navigation-menu ul li a{font-size:21px}
    .banner-title h1{font-size:70px}
    .banner-title h2,.dual-heading h2{font-size:54px}
    .custom-blurb h3{font-size:42px}
}
@media screen and (min-width:1280px){
    .vivian{background-position:14% center!important}
    .why-hire.vivian{background-position:17% center!important}
}
@media screen and (min-width:1366px){
    .vivian{background-position:12% center!important}
    .why-hire.vivian{background-position:16% center!important}
}
@media screen and (min-width:1440px){
    .cw40{width:40%!important}
    .vivian{background-position:10% center!important}
    .why-hire.vivian{background-position:15% center!important}
    .menu-footer-container{
        -webkit-column-count:5;
        -moz-column-count:5;
        column-count:5;
    }
}
@media screen and (min-width:1600px){
    .vivian{background-position:left center!important}
    .why-hire.vivian{background-position:12% center!important}
}
@media screen and (max-width: 980px) {
    /*** wrap row in a flex box ***/
    .custom_row{
        display:-webkit-box;
        display:-moz-box;
        display:-ms-flexbox;
        display:-webkit-flex;
        display:flex;
        -webkit-flex-wrap:wrap; /* Safari 6.1+ */
        flex-wrap:wrap
    }
    /*** custom classes that will designate the order of columns in the flex box row ***/
    .first-on-mobile{
        -webkit-order:1;
        order:1
    }
    .second-on-mobile{
        -webkit-order:2;
        order:2
    }
    .third-on-mobile{
        -webkit-order:3;
        order:3
    }
    .fourth-on-mobile{
        -webkit-order:4;
        order:4
    }
    /*** add margin to last column ***/
    .custom_row .et_pb_column:last-child{margin-bottom:30px}
}