/*
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/

/* Image Size Constraint */

.max150 {
    max-width: 150px;
}

.h100 img {
    max-height: 100px !important;
    width: auto;
}

.h75 img {
    max-height: 75px !important;
    width: auto;
}

/* List Styling */

.page-id-17492 .q_elements_holder li {
    list-style-position: inside !important;
    font-family: Bitter, serif !important;
    text-indent: -1em;
    margin-left: 1em;
}

.page-id-17710 .wpb_text_column li {
    list-style-position: inside !important;
    font-family: Bitter, serif !important;
    text-indent: -1em;
    margin-left: 1em;
}


/* Transitions */

.side_menu a {
    -webkit-transition: all 200ms linear !important;
    -moz-transition: all 200ms linear !important;
    -ms-transition: all 200ms linear !important;
    -o-transition: all 200ms linear !important;
    transition: all 200ms linear !important;
}

/* Remove Margin on Accordian P */

.qode-accordion-content-inner p {
    margin-top: 0;
}

/* Contact Form 7 Customisations */

.wpcf7-form input {
    -webkit-transition: all 0.3s linear !important;
    -moz-transition: all 0.3s linear !important;
    -ms-transition: all 0.3s linear !important;
    -o-transition: all 0.3s linear !important;
    transition: all 0.3s linear !important;
}

span.wpcf7-list-item {
    display: block;
}

/* Text Area Height Control for Contact Form 7 */

.wpcf7-textarea {
    height: 149px !important;
}

.short textarea {
    height: 90px !important;
}

/* Small Text */

.smalloptions {
    font-size: 12px;
}

/* Contact Form Column Edits */

@media screen and (max-width:1000px) {
    .wpcf7-form .three_columns .column1,
    .wpcf7-form .three_columns .column2,
    .wpcf7-form .three_columns .column3 {
        width: 100% !important;
    }
    .wpcf7-form p {
        margin-top: 0px;
    }
}


.simcal-day div {
    min-height: 100px !important;
}

.simcal-event-details p {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.5;
}

.simcal-calendar p {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.2;
}

.simcal-event-details a {
    font-weight: 600;
    color: #16a697;
}



/* Icon text Edit */

.icon_text_inner p {
    margin-top: 0px;
}

/* White Text Class */

.whitetext p,
.whitetext h4,
.whitetext li,
.whitetext a {
    color: white !important;
    list-style-position: outside !important;
}

/* Content Menu Changes */

@media screen and (max-width:780px) {

    .content_menu li:not(:last-child)::after {
        content: ' | ';
        font-size: 15px;
        color: #fff;
    }
}

.content_menu a {
    color: #fff !important;
    padding: 0px 20px 10px 20px !important;
    text-transform: none !important;
    font-size: 15px !important;
}

.content_menu {
    background-color: #666666;
}

/* nav.content_menu {margin-top:-10px;} */

.content_menu .fixed nav {
    top: 90px !important;
}

.content_menu a:hover {
    color: #ccc !important;
}

.content_menu li.active a {
    color: #ccc !important;
}

nav.content_menu:not(.fixed) {
    margin-top: -24px;
}

#negativemargin {
    margin-top: 20px !important;
}



/* Long Button Fix (Add .longbutton to long buttons) */

.longbutton .qbutton {
    max-width: 90%;
    word-wrap: break-word;
    white-space: normal;
    line-height: 1.5;
    height: auto;
    padding-top: 5px;
    padding-bottom: 5px;
}

/* Full-Width Button Fixing */

@media (max-width: 768px) {
    .page-id-16940 .qbutton.big_large_full_width.center {
        width: 100% !important;
        box-sizing: border-box !important;
        -moz-box-sizing: border-box !important;
        -webkit-box-sizing: border-box !important;
    }
}

/* Flow Flow Styling */

.ff-content a {
    font-weight: 300;
}

.ff-content {
    font-weight: 400;
    font-size: 13px !important;
    font-family: 'Roboto', sans-serif;
}

.ff-item h4 > a {
    font-size: 14px !important;
    font-family: 'Roboto', sans-serif;
    letter-spacing: normal;
}


.roundcorners {
    border-radius: 5px;
}

.vertcenter {
    vertical-align: middle;
}

.carousel-inner .item.dark .slider_content .text .qbutton.white:hover {
    color: #333 !important;
}

.flexalign div.section_inner_margin {
    display: flex;
    align-items: center;
}



/* Always show Footer */

footer {
    position: fixed;
    bottom: 0;
}

@media only screen and (max-width: 600px) {
    .four_columns .column1,
    .four_columns .column2,
    .four_columns .column3,
    .four_columns .column4,
    .three_columns .column1,
    .three_columns .column2,
    .three_columns .column3,
    .two_columns_25_75 .column1,
    .two_columns_25_75 .column2,
    .two_columns_33_66 .column1,
    .two_columns_33_66 .column2,
    .two_columns_50_50 .column1,
    .two_columns_50_50 .column2,
    .two_columns_66_33 .column1,
    .two_columns_66_33 .column2,
    .two_columns_75_25 .column1,
    .two_columns_75_25 .column2 {
        width: 25%;
        font-size: 10px;
    }

    .four_columns .column1,
    .footer_top .four_columns .column2,
    .footer_top .four_columns .column3,
    .footer_top .three_columns .column1,
    .footer_top .three_columns .column2,
    .footer_top .two_columns_50_50 .column1 {
        margin: 0px !important;
    }
}

.footer_top .column_inner > div {
    margin: 0px!important;
}

/* Logo Align Mobile */

@media only screen and (max-width: 1024px) {
    .q_logo a {
        left: 0 !important;
    }
    .logo_wrapper {
        left: 0 !important;
    }
}


.side_menu {
    z-index: 9999999;
}

@media screen and (max-width:960px) {
    .qbutton {
        margin-top: 10px !important
    }
}

/* @media only screen and (max-width: 1000px) { .notbold {display:none; } .mobilehide {display:none;} } */

@media screen and (max-width:1000px) {
    nav.content_menu {
        width: 100%;
        padding: 0;
    }
}

nav.content_menu .nav_select_menu {
    border: none;
}

/* Remove Portfolio Navigation Buttons */

.single.single-portfolio_page .portfolio_navigation {
    display: none !important;
}

/* Larger Image */

.largerimage {
    max-width: 250px;
    margin-left: auto;
    margin-right: auto;
}

.smallerimage {
    max-width: 150px;
    margin-left: auto;
    margin-right: auto;
}

/* Left Menu Text + Logo Change */

a.side_menu_button_link::before {
    content: "menu";
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    vertical-align: middle;
    padding: 10px;
    position: relative;
    bottom: 4px;
}

.side_menu_button > a.side_menu_button_link.large {
    width: 100px;
}



.smallerbuttons a {
    line-height: 45px !important;
    height: 45px !important;
}


.side_menu a {
    font-weight: 700;
    text-transform: uppercase;
}


.side_menu li.menuheading a {
    background-color: #16a697 !important;
    padding: 5px !important;
    margin-bottom: 5px;
    color: white;
}

.side_menu li.menuheading a:hover,
.side_menu li.menuheading a:focus {
    background-color: #666 !important;
    color: #eee;
}

.side_menu li.menuheading:hover > a {
    color: #fff !important;
}

.side_menu li.notbold a {
    font-weight: 500 !important;
    font-size: 13px;
    text-transform: none;
    color: #333;
    border-left: 3px solid #eee;
}

li.notbold {
    margin: 0 !important;
}

.side_menu li.notbold a:hover,
.side_menu li.notbold a:focus {
    border-left-color: #333;
    padding-left: 5px;
    font-weight: 700 !important;
}

.side_menu li.notbold:hover > a,
.side_menu li.notbold:focus > a {
    color: #333 !important;
}

.side_menu li.smallnotbold a {
    font-weight: 400 !important;
    text-transform: none;
    color: #666;
    border-left: 2px solid #eee;
}

.side_menu li.smallnotbold a:hover,
.side_menu li.smallnotbold a:focus {
    border-left-color: #666;
    padding-left: 5px;
    font-weight: 700 !important;
}

.side_menu li.smallnotbold:hover > a,
.side_menu li.smallnotbold:focus > a {
    color: #666 !important;
}


li.smallnotbold {
    margin: 0 !important;
    font-size: 11px;
    line-height: 1.8;
    font-style: italic;
}


#menu-side-menu li {
    margin-bottom: 0px;
    margin-top: 10px;
}

.portfolio_single h2 {
    margin-top: 32px !important;
}

.portfolio_single h3 {
    margin-top: 32px !important;
}

#whitetext h1,
#whitetext h2,
#whitetext h3,
#whitetext h4,
#whitetext h5:not(blockquote),
#whitetext p,
#whitetext span,
#whitetext a {
    color: white !important;
}




.cover_boxes ul li .box .box_content {
    top: 0;
}

.cover_boxes ul li .box .qbutton {
    margin-top: 18px;
}


#nav-menu-item-14860 li,
#nav-menu-item-14862 li,
#nav-menu-item-14864 li,
#nav-menu-item-14866 li,
#nav-menu-item-15100 li,
#nav-menu-item-15102 li,
#nav-menu-item-15176 li,
#nav-menu-item-15180 li,
#nav-menu-item-15348 li {
    width: 280px;
}

.drop_down .second .inner .widget {
    padding-bottom: 13px;
}

.drop_down .second .inner .widget a {
    padding: 0px !important;
}

.testimonials_holder .flex-direction-nav a:hover {
    background-color: #f53644;
    border-color: #f53644;
}

.contact_detail .contact_section > h4 {
    display: none;
}

.blog_large_image h2,
.blog_large_image h2 a,
.blog_holder.blog_single article h2,
.blog_holder.blog_single article h2 a {
    font-size: 27px;
}

.blog_small_image h2,
.blog_small_image h2 a {
    font-size: 22px;
}

.q_counter_holder .separator.small,
.portfolio_slider .image_holder .separator {
    width: 65px !important;
}

.q_icon_with_title.circle .icon_holder .fa-stack:hover i:last-child {
    color: #fff !important;
}

.q_pie_chart_holder .tocounter,
.q_counter_holder p.counter_text {
    font-family: Montserrat;
}

.contact_detail .separator.small {
    background-color: #e2e2e2;
}

.filter_holder ul li span {
    font-family: Montserrat;
    font-weight: 300;
    letter-spacing: 0;
    font-size: 13px;
}

.filter_holder ul li.active span,
.filter_holder ul li:hover span {
    color: #f96021 !important;
}

.q_icon_with_title.circle .icon_holder .fa-stack:hover {
    background-color: #c2e6e9;
}

.flex-direction-nav a,
.caroufredsel-direction-nav a {
    box-sizing: initial;
}

.blog_load_more_button a {
    background-color: transparent;
    border-color: #303030;
    color: #303030;
}

.footer_bottom {
    padding: 36px 0;
    font-size: inherit;
}

@media only screen and (max-width: 1100px) {
    .side_menu_button > a,
    .mobile_menu_button span {
        color: #000;
    }
}