/*
Template: thefox
Theme Name: TheFox Child Theme
Theme URI: http://www.thefoxwp.com
Description: <strong>A superflexible and responsive Business Theme by Tranmautritam team</strong> - <br/>Update notifications available on twitter and facebook:<br/> <a href='https://twitter.com/tranmautritam'>Follow me on twitter</a><br/> - <a href='https://www.facebook.com/tranmautritam.designer'>Join the Facebook Group</a> A theme by <a href="http://themeforest.net/user/tranmautritam?ref=tranmautritam">Tranmautritam Team</a>.
Version: 1.50
Author: Tranmautritam Team
Author URI: http://themeforest.net/user/tranmautritam?ref=tranmautritam
License: Themeforest Split Licence
License URI: -
*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

div form.post-password-form {
    margin-top: 120px;
}
/* Text Formatting */
.arrow-right a:after{
    content: '\f105';
    font-family: FontAwesome;
}
p.link a{
    color: #0e314c;
}
p.white.link a{
    color: #fff;
}
p.link a:hover{
    color: #ff6c0c;
}
.line-header .wpb_wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
}
.line-header h2{
    display: inline-block;
    margin-right: 1rem;
}
.line-header .wpb_wrapper:after{
    content: "";
    display: inline-block;
    box-sizing: border-box;
    flex-grow: 1;
    height: 0.375rem;
    border: 1px solid #0e314c;
    border-radius: 2px;
    background: #0e314c;
}
.more-space ul li{
    margin-bottom: 1.5rem;
}
/* Image Formatting */
.vc_box_border_blue{
    background-color: #0e314c!important;
}
/* Menu */
.nav_type_1 ul li > a{
    padding: 32px 16px 33px 16px;
}
.nav_type_1.shrinked_header ul li a{
    padding: 12px 24px 16px 0;
}
.nav_type_1.shrinked_header ul li.sfHover > ul{
    top: 53px!important;
}
.nav_type_1 nav ul li a:hover[title~="Main"]{
    cursor: default;
}
#header_container nav ul ul,
#header_container nav ul ul li{
    width: 180px;
}
#header_container nav ul li li:hover > ul,
#header_container nav ul li li.sfHover > ul,
#header_container nav ul li li li:hover > ul,
#header_container nav ul li li li.sfHover > ul,
#header_container nav ul li li li li:hover > ul,
#header_container nav ul li li li li.sfHover > ul{
    left: 180px!important;
}
.left_side_menu a{
    text-align: left!important;
}
#header_container nav ul li.left_side_menu li.menu-item-has-children > a:after{
    content: "\f105";
    float: right;
}
#header_container nav ul li.left_side_menu:hover ul, #header_container nav ul li.sfHover.left_side_menu ul {
    left: 0;
    right: auto;
}
.left_side_menu ul ul{
    left: 180px!important;
}
@media screen and (min-width: 1034px) and (max-width: 1220px){
    #logo_img img.white_logo{
        max-width: 130px;
    }
    .nav_type_1 ul li > a{
        padding: 32px 12px 33px 12px;
    }
    div#header_container header nav ul ul li a{
        font-size: 14px!important;
    }
    #header_container nav ul li li:hover > ul,
    #header_container nav ul li li.sfHover > ul,
    #header_container nav ul li li li:hover > ul,
    #header_container nav ul li li li.sfHover > ul,
    #header_container nav ul li li li li:hover > ul,
    #header_container nav ul li li li li.sfHover > ul{
        left: 160px!important;
    }
    #header_container nav ul ul,
    #header_container nav ul ul li{
        width: 160px;
    }
    .left_side_menu ul ul{
        left: 160px!important;
    }
}
@media only screen and (min-width: 1034px) and (max-width: 1214px){
    .wrapper{
        width: 100%;
    }
    .wrapper .nav_type_1 ul li a{
        font-size: 12px!important;
    }
    #logo_img{
        margin-left: 18px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1034px){
    #logo_img img.white_logo{
        max-width: 130px;
    }
}
/* Home Page */
.vc_row.vc_row-o-content-middle.equal-iconbox{
    align-items: stretch;
}
.vc_row.vc_row-o-equal-height .wpb_wrapper,
.vc_row.vc_row-o-equal-height .vc_column-inner{
    height: 100%;
}
.icon_box2{
    height: 100%;
}
.text-overlay,
.image-box{
    max-width: 372px;
}
.image-box .wpb_wrapper{
    display: flex;
    flex-direction: column;
}
.image-box .wpb_wrapper .wpb_text_column{
    flex-grow: 1;
}
.text-overlay .wpb_wrapper{
    position: relative;
}
.text-overlay .wpb_wrapper h2{
    position: absolute;
    z-index: 2;
    top: 44%;
    right: 0;
    left: 0;
    color: #fff;
    transition: all 0.2s linear;
}
.text-overlay a{
    display: block;
    text-align: center;
    color: #000;
    font-size: 14px;
}
.text-overlay a span{
    font-family: "Montserrat";
    font-weight: bold;
    font-size: 18px;
}
.text-overlay a:hover{
    cursor: pointer;
}
.text-overlay .wpb_raw_code .wpb_wrapper a{
    padding: 24px 21%;
}
.text-overlay:hover h2{
    color: #ff6c0c;
}
.text-overlay:hover a{
    color: #ff6c0c;
}
.home .icon_box2_left_b{
    position: relative;
    margin: 12px 0 52px 0!important;
    padding: 0;
    background-color: transparent!important;
    border: 0!important;
}
.home .wpb_wrapper > div.icon_box2_left_b:last-child,
.home .wpb_wrapper > a:last-child div.icon_box2_left_b{
    margin-bottom: 0!important;
}
.home .icon_box2_left_b i{
    font-size: 69px;
    transition: all 0.2s linear;
}
.home .icon_box2_left_b:hover i{
    color: #ff6c0c!important;
}
.home .icon_box2_left_b div.icon_circle{
    top: -18%;
    left: 0;
    box-shadow: 0 0 0 0 transparent!important;
    border: 0!important;
    background: transparent!important;
}
.home .icon_box2_left_b h3{
    padding-top: 0;
}
.home .icon_box2_left_b h3,
.home .icon_box2_left_b p{
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding-left: 100px;
    margin-bottom: 0;
}
@media screen and (max-width: 767px), screen and (min-width: 1215px){
    .image-box-box h3 br{
        display: none;
    }
}
@media screen and (max-width: 767px){
    .text-overlay-box,
    .image-box-box{
        flex-direction: column;
        align-items: center;
    }
    #diversity-splash h1{
        font-size: 70px!important;
    }
}
@media screen and (max-width: 340px){
    #diversity-splash h1{
        font-size: 60px!important;
    }
}
/* Staff */
.staff h3 a,
.staff p a{
    color: #0e314c
}
.staff:hover h3 a,
.staff:hover p a{
    color: #ff6c0c;
}
.staff-photo .vc_single_image-wrapper,
.staff-photo .vc_single_image-wrapper img{
    width: 100%;
}
/* Staff Mobile */
@media screen and (max-width: 1033px){
    .staff h3 a{
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    .staff p a{
        font-size: 0.875rem;
        line-height: 1.375rem;
    }
}
@media screen and (max-width: 480px){
    .line-header h2{
        margin-right: 0.5rem;
        font-size: 1.25rem;
        line-height: 2rem;
    }
    .staff h3 a{
        font-size: 1.75rem;
        line-height: 2.25rem;
    }
    .staff p a{
        font-size: 1rem;
        line-height: 1.5rem;
    }
}
/* Staff Legacy/SE mobile */
@media screen and (max-width: 320px){
    .line-header h2{
        margin-right: 0.5rem;
        font-size: 1.125rem;
        line-height: 1.625rem;
    }
}
/* Staff Details */
.staff_extra .rd_si_big_rounded_trend{
    display: flex;
    margin: 0 2rem!important;
    align-items: right!important;
    justify-content: flex-end;
}
.staff_extra .rd_si_big_rounded_trend > div{
    float: none;
    width: auto!important;
    margin-left: 1rem!important;
}
.staff_extra .rd_si_big_rounded_trend > div a{
    width: 5rem;
    height: 5rem;
    line-height: 4rem;
}
.staff_extra .rd_si_big_rounded_trend > div a i.fa{
    margin-top: 0.75rem;
    font-size: 3rem;
}
.staff_extra .rd_si_big_rounded_trend > div a i.fa.fa-twitter{
    margin-top: 1rem;
}
.staff_extra .rd_si_big_rounded_trend > div a:hover{
    background: #ff6c0c!important;
}
@media screen and (max-width: 1033px){
    .staff_extra .rd_si_big_rounded_trend{
        align-items: center;
        justify-content: center;
    }
}
@media screen and (max-width: 480px){
    .staff_extra .rd_si_big_rounded_trend{
        display: flex;
        margin: 0 2rem!important;
    }
    .staff_extra .rd_si_big_rounded_trend{
        text-align: center;
    }
}
/* Process */
@media screen and (max-width: 767px){
    .process-circle{
        margin: 2rem 2rem 0 2rem;
    }
}
/* Specialties */
@media only screen and (min-width: 768px) and (max-width: 1033px){
    div.vc_row-fluid.specialties-lists{
        padding-left: 0!important;
        padding-right: 0!important;
    }
}
@media only screen and (max-width: 767px){
    div.vc_row-fluid.specialties-lists{
        padding-left: 20px!important;
        padding-right: 20px!important;
    }
    div.vc_row-fluid.specialties-lists div.wpb_column.list div.vc_column-inner{
        padding-top: 10px;
        padding-left: 0!important;
    }
    div.wpb_row.get-started a.rd_normal_bt{
        font-size: 22px;
        line-height: 28px;
    }
}
@media only screen and (max-width: 400px){
    div.wpb_row.get-started a.rd_normal_bt{
        font-size: 18px;
        line-height: 24px;
    }
}
/* Media Queries */
@media only screen and (min-width: 768px) and (max-width: 1035px){
    .home .icon_box2_left_b .icon_circle{
        position: absolute;
    }
    .home .icon_box2_left_b h3,
    .home .icon_box2_left_b p{
        text-align: left;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1214px){
    #footer{
        width: 100%!important;
    }
    div.footer_3_col div.wrapper div#footer div.widget_wrap{
        width: 30%!important;
        margin-right: 1.5%!important;
        margin-left: 1.5%!important;
    }
    .widget_wrap:nth-child(3){
        clear: none!important;
    }
}
@media screen and (max-width: 767px){
    div.wpb_row.reorder-columns{
        display: flex;
        flex-direction: column;
    }
    div.wpb_row.reorder-columns div.wpb_column.one{
        order: 1;
    }
    div.wpb_row.reorder-columns div.wpb_column.two{
        order: 2;
    }
}
@media screen and (max-width: 480px){
    .home .text-overlay{
        display: flex!important;
    }
}
.home .grey-box .icon_box2_left_b i{
    color: #0e314c;
}
/* Contact Forms */
.wpcf7 label,
.wpcf7 p{
    color: #fff;
}
.wpcf7 p:last-of-type{
    margin-bottom: 0!important;
}
.wpcf7 p br{
    display: none;
}
.wpcf7-response-output{
    margin-top: 0!important;
    background: rgba(0,0,0,0.7);
    border: 2px solid #a9bb49;
    color: #fff;
    text-align: center;
}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing{
    border: 2px solid #f00;
}
.wpcf7 label.no_dsp{
    margin: 0;
    padding: 0;
    height: 0;
    line-height: 0;
    display: none;
}
.wpcf7 .dark,
.wpcf7 .dark label{
    color: #232323!important;
}
/* Footer */
@media only screen and (min-width: 768px) and (max-width: 1214px){
    .footer_4_col .widget_wrap{
        margin-right: 0!important;
        width: 24.5%!important;
    }
}
/* Social Media */
.thefox_social_widget_icons{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.thefox_social_widget_icons div{
    margin: 0 0 10px 0px!important;
}
.thefox_social_widget_icons div a{
    background: #a9bb49!important;
    border-radius: 60px;
}
.thefox_social_widget_icons div a:hover{
    background: #ff6c0c!important;
}
div.rd_si_big_rounded_trend{
    text-align: center;
}
div.rd_si_big_rounded_trend > div{
    float: none!important;
    width: 11%!important;
}
div.rd_si_big_rounded_trend > div a:hover{
    background: #ff6c0c!important;
}
#connect-social .rd_si_big_rounded_trend i{
    font-size: 72px;
    line-height: 100px;
}
@media screen and (min-width: 768px) and (max-width: 1033px){
    div.rd_si_big_rounded_trend > div{
        width: 16%!important;
    }
}
@media screen and (max-width: 767px){
    div.rd_si_big_rounded_trend > div{
        width: 16%!important;
    }
    div.rd_si_big_rounded_trend > div a{
        width: 60px!important;
        height: 60px!important;
        line-height: 60px!important;
    }
    .rd_si_big_rounded_trend i{
        font-size: 40px!important;
        line-height: 60px!important;
    }
}
@media screen and (max-width: 420px){
    div.rd_si_big_rounded_trend > div{
        width: 22%!important;
    }
}
/* Blog */
.blog .left_posts,
.blog .right_posts,
.single-post .left_posts,
.single-post .right_posts{
    padding-top: 80px!important;
}
.blog-post p{
    margin-bottom: 16px;
}
.post-title h2{
    line-height: 38px;
    font-weight: 400;
}
.post_ctn .entry h2{
    margin-bottom: 25px;
    margin-top: 35px;
}
@media only screen and (min-width: 1380px){
    .blog .wrapper,
    .single-post .wrapper,
    .wrapper{
        width: 1380px!important;
    }
}
@media only screen and (max-width: 767px){
    .blog .left_posts{
        padding-bottom: 0!important;
    }
    .blog .right_sb{
        padding-top: 0!important;
    }
}
/* Diversity */
.blue-boxes h3 a{
    display: block;
    padding: 24px 0 36px;
    color: #fff!important;
}
.blue-boxes:hover h3 a{
    color: #ff6c0c!important;
}
.white-img-link a{
    display: block;
    padding: 8vw 0;
}
.white-img-link a{
    color: #fff;
}
.white-img-link a:hover{
    color: #ff6c0c;
}
@media only screen and (max-width: 767px){
    .white-img-link a{
        padding: 14vw 0;
    }
}
/* Diversity Blog*/
.list-custom-taxonomy-widget h2{
    font-size: 18px;
    margin: 0px 0 31px 0;
    padding: 0px 0 0 26px;
    position: relative;
    font-weight: 700;
}
.list-custom-taxonomy-widget > h2:before {
    content: "";
    width: 14px;
    position: absolute;
    top: 2px;
    left: 0;
    border-top: 7px solid #ff6c0c;
    border-bottom: 7px solid #a9bb49;
}
@media screen and (max-width: 767px){
    a.xlarge_rd_bt.diversity-large-button{
        font-size: 24px!important;
        padding: 16px 10px!important;
    }
}
/* General */
.full-width{
    width: 100%!important;
}
@media screen and (min-width: 1214px){
    .hide_on_full{
        display: none!important;
    }
}
@media screen and (max-width: 767px){
    #to_top{
        display: block!important;
    }
}
.floating-header{
    position: absolute;
    width: 100%;
}
.float-right{
    float: right;
}
.image-box-box,
.text-overlay-box{
    justify-content: center;
}
@media screen and (min-width: 768px){
    .one-thirds-box,
    .two-thirds-box{
        box-sizing: border-box;
    }
    .one-thirds-box{
        max-width: 400px;
    }
    .two-thirds-box{
        max-width: 790px;
    }
}
@media screen and (min-width: 1034px){
    .image-bg-full .vc_column_container{
        padding-top: 4vw!important;
        padding-bottom: 4vw!important;
    }
}
.wpcf7 button[type=submit],
.wpcf7 input[type=submit]{
    display: block;
    width: 100%;
    -webkit-appearance: none!important;
    border-bottom: 0px!important;
    border: 0px!important;
    border-radius: 1px!important;
    border-color: #a9bb49;
    background-color: #a9bb49;
}

/* Events */
.mr_events{
    padding-top: 64px!important;
    padding-left: 32px;
    padding-right: 32px;
}

/* Event List */
.motus_events_list h3.vc_custom_heading{
    margin-bottom: 35px;
    font-size: 30px;
    font-weight: 400;
    line-height: 38px;
}

.motus_events_list h3.upcoming{
    margin-bottom: 4px;
}

.motus_events_list h4{
    margin-bottom: 35px;
    font-size: 24px;
    line-height: 32px;
}

@media screen and (max-width: 767px){
    .mr_events .large_rd_bt{
        font-size: 18px;
    }

    .mr_events .panelists .wpb_column{
        margin-bottom: 35px;
    }

    .mr_events .panelists .wpb_column:last-child{
        margin-bottom: 0;
    }

    .motus_events_list .tf_btn_pos{
        text-align: center;
    }

    .motus_events_list .vc_single_image-wrapper{
        margin-bottom: 35px;
    }
}

@media screen and (max-width: 320px){
    .mr_events .large_rd_bt{
        font-size: 14px;
    }
}

/* Theme General */
.mr_green_bt{
    display: inline-block;
    padding: 1rem 1.25rem;
    background: #a9bb49;
    border: 1px solid #d8d8d8;
    color: #0e314c;
    font-size: 1rem;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.2s linear;
}
.mr_green_bt:hover{
    background: #ff6c0c;
    color: #0e314c;
}
@media screen and (max-width: 460px){
    .mr_green_bt{
        display: block;
        width: 100%;
    }
}