/*
Theme Name:    Bridge Child
Theme URI:     http://demo.qodeinteractive.com/bridge/
Description:   Bridge Theme
Author:        MC DEV
Author URI:    http://www.merchantcantos.com
Template:      bridge
Version:       1.0.0
License:       GNU General Public License
License URI:   licence/GPL.txt
Tags:          creative, portfolio, multi-purpose, clean, retina, responsive, parallax, mega menu, blog, agency, business, fullscreen, modern, background video, ajax
Text Domain:   bridge-child

*/
/******************************** GLOBAL CSS ********************************/
/* Font definition */
@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=9b0fa8bb-c5b0-4f65-9128-1410f738e7c2");

@font-face {
    font-family: "VAG Rounded LT W01 Bold";
    src: url("fonts/79b059b6-2d21-45e5-8b2a-a96e5b2c027f.eot?#iefix");
    src: url("fonts/79b059b6-2d21-45e5-8b2a-a96e5b2c027f.eot?#iefix") format("eot"),
    url("fonts/1932cf6d-7af4-4bca-8c5d-21dbdb848b41.woff2") format("woff2"),
    url("fonts/a0ae295c-02a9-4bcd-ab23-4a32452e53c5.woff") format("woff"),
    url("fonts/929539b8-d388-43d1-9d5d-8340906d4ab6.ttf") format("truetype"),
    url("fonts/ba6c5c16-fa06-4652-a990-818695edf7f1.svg#ba6c5c16-fa06-4652-a990-818695edf7f1") format("svg");
}

/*-Site-Wide elements-------------------------------------*/

/* Make header border thicker */
header:not(.sticky):not(.scrolled) .header_bottom, header.fixed_top_header .bottom_header {
    border-bottom-width: 3px;
    margin-bottom: -3px;
}

/* Aligning social icons in header with menu */
.header_bottom_right_widget_holder {
    vertical-align: bottom !important;
    padding-bottom: 10px;
}

/*------------------------------------------------------*/
/*-Typography   ----------------------------------------*/
nav:not(.main_menu):not(.mobile_menu) h1,
nav:not(.main_menu):not(.mobile_menu) h2,
nav:not(.main_menu):not(.mobile_menu) h3,
nav:not(.main_menu):not(.mobile_menu) h4,
nav:not(.main_menu):not(.mobile_menu) h5 {
    font-family: "VAG Rounded LT W01 Bold", sans-serif;
}

.main_menu {
    font-family: 'Museo Slab W01', Cambria, Georgia, serif;
}

/*tab focus*/
a:focus:not(:active) {
    outline: 1px dotted #b8b8b8;
    outline-offset: 3px;
}

/* Allowing CMS editors to make text white*/
.white {
    color: #FFF !important;
}

/*highlight colour*/
*::selection {
    background: #737373 !important;
    color: #ffffff !important;
}

::-moz-selection {
    background: #737373 !important;
    color: #ffffff !important;
}

body, body p, .qbutton, .qbutton.medium, #submit_comment, .load_more a, .blog_load_more_button a,
.post-password-form input[type="submit"], input.wpcf7-form-control.wpcf7-submit,
input.wpcf7-form-control.wpcf7-submit:not([disabled]), .woocommerce table.cart td.actions input[type="submit"],
.woocommerce input#place_order, .woocommerce-page input[type="submit"], .woocommerce .button {
    font-family: 'Museo Slab W01', Cambria, Georgia, serif;
    font-weight: 300;
}

h5, .h5, h5 a {
    font-weight: 500;
}

/*------------------------------------------------------*/
/*-General styles  -------------------------------------*/
/* Streamlining vertical spacing throughout the site */
.vc_row:not(.vc_inner) {
    padding-top: 80px;
    padding-bottom: 80px;
}

.q_dropcap {
    margin: 0 18px 0 0;
}

/*------------------------------------------------------*/

/*-Header elements--------------------------------------*/

.slider_content_inner h2 {
    font-family: "VAG Rounded LT W01 Bold", sans-serif;
    max-width: 970px;
    margin-bottom: 40px;
}

.carousel-inner .slider_content .text .qbutton:not(.white) {
    margin: 10px 9px 0 0;
    padding: 6px 44px !important;
    letter-spacing: 0 !important;
    font-size: 17px !important;
    color: #FFF !important;
    background: #da2c69 !important;
    border: 2px solid #da2c69 !important;
}

.carousel-inner .slider_content .text .qbutton:not(.white):focus,
.carousel-inner .slider_content .text .qbutton:not(.white):hover {
    color: #da2c69 !important;
    background: #FFF !important;
    border-color: #FFF !important;
}

/* Social Icons */
.q_social_icon_holder a span {
    color: #FFF !important;
    background: #da2c69 !important;
    border: 1px solid #da2c69 !important;
}

.q_social_icon_holder a span i {
    color: #FFF !important;
}

.q_social_icon_holder a:hover span,
.q_social_icon_holder a:focus span {
    background: #FFF !important;
}

.q_social_icon_holder a:hover span i,
.q_social_icon_holder a:focus span i {
    color: #da2c69 !important;
}

/* default theme styles below */
.cf7_custom_style_1 input.wpcf7-form-control.wpcf7-text {
    text-align: center;
}

div.wpcf7 img.ajax-loader {
    display: block;
    margin: 0 auto;
}

.q_icon_with_title.tiny .icon_text_holder {
    padding: 0 22px 0 30px;
}

.carousel-inner h2.with_title_border span {
    padding: 0.3em 0.5em;
}

header.fixed_hiding.centered_logo .side_menu_button {
    height: 60px;
}

/** MANT-352 iPhone Safari automatically scales up on landscape mode - below line disables this
  * @See https://stackoverflow.com/questions/2710764/preserve-html-font-size-when-iphone-orientation-changes-from-portrait-to-landsca
  */
nav.main_menu > ul > li > a {
    -webkit-text-size-adjust: 100%;
}

header:not(.with_hover_bg_color) nav.main_menu > ul > li:hover > a {
    opacity: 1;
}

/*------------------------------------------------------*/
/*-Footer elements--------------------------------------*/
.footer_bottom .text_widget {
    color: #676666;
    font-family: sans-serif;
    font-size: 12px;
}

.footer_top .three_columns > .column2 > .column_inner {
    padding: 0;
}

.footer_top .three_columns > .column2 > .column_inner > div {
    margin: 0;
}

/*------------------------------------------------------*/

/*-Homepage styles -------------------------------------*/
/* 2 column module */
.two_column_module.vc_row {
    padding-top: 0;
    padding-bottom: 0;
}

.two_column_module .q_elements_item_content {
    text-align: center;
    max-width: 560px;
    margin: 70px auto;
    padding-left: 70px;
    padding-right: 70px;
}

.two_column_module .q_elements_item_content h2 {
    font-family: "VAG Rounded LT W01 Bold", sans-serif;
    font-size: 20px !important;
    line-height: 1.1;
    margin-bottom: 20px;
}

.two_column_module .q_elements_item:first-child .q_elements_item_content {
    margin-left: auto;
}

/* latest posts styling */
.latest_post_two_holder .small.separator.left {
    display: none;
}

.latest_post_two_holder .latest_post_two_info {
    border: none !important;
}

.testimonials_holder .flex-direction-nav li {
    margin-top: 54px;
}

.comments .comment .text .comment_date {
    font-size: 13px;
    font-weight: 600;
    color: #303030;
}

.comments .comment .text .text_holder {
    margin: 13px 0 0;
}

.comment_holder .comment {
    padding: 34px 25px 37px;
    background-color: #f9f9f9
}

.blog_holder article .post_text .post_text_inner {
    padding: 35px 36px 41px;
}

.blog_holder article .post_more .qbutton.small {
    height: 45px;
    line-height: 45px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 13px;
}

/*------------------------------------------------------*/
@media only screen and (max-width: 300px) {
    .q_social_icon_holder {
        display: block;
    }
}

@media only screen and (max-width: 700px) {
    .title.title_size_large h1 span {
        font-size: 35px;
    }

    .title.title_size_large h1 {
        letter-spacing: 7px;
        line-height: 0.7em;
    }

    .subtitle {
        display: none;
    }

    .title.title_size_medium h1 {
        font-size: 22px;
        line-height: 1.2em !important;
        letter-spacing: 5px;
    }
}

@media screen and (max-width: 1000px) {
    /*  MANT-351 Ensure blog items in latest-posts module cover 100% width on mobile*/
    .latest_post_two_holder.three_columns > ul > li {
        width: 100%;
    }

    /* MANT-344 Stack the social icons on tablet */
    .footer_bottom_columns.three_columns {
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

    /* MANT-344 Ensure three columns sit under one another */
    .footer_bottom_columns.three_columns > .column1,
    .footer_bottom_columns.three_columns > .column2,
    .footer_bottom_columns.three_columns > .column3 {
        width: 100%;
    }

    /* MANT-344 Ensure text-content is centered*/
    .footer_bottom_columns.three_columns > .column1 .footer_bottom,
    .footer_bottom_columns.three_columns > .column2 .footer_bottom,
    .footer_bottom_columns.three_columns > .column3 .footer_bottom {
        text-align: center;
    }

    /* MANT-344 Hide the last unused column*/
    .footer_bottom_columns.three_columns > .column3 {
        display: none;
    }

    .title.title_size_large h1 span {
        font-size: 40px;
        display: block;
    }

    .title.title_size_large h1 {
        line-height: 1.5em !important;
        letter-spacing: 10px;
    }

    .subtitle {
        font-size: 22px;
        line-height: 1.6em;
    }

    .title.title_size_medium h1 {
        font-size: 35px;
        line-height: 1.2em !important;
        letter-spacing: 7px;
    }

}

@media screen and (max-width: 1305px) and (min-width: 1001px) {
    nav.main_menu > ul > li > a {
        padding: 0 13px;
        font-size: 14px;
    }

    nav.main_menu ul li:first-child a {
        padding-left: 0;
    }

    nav.main_menu ul li:last-child a {
        padding-right: 0;
    }

}

@media screen and (max-width: 1015px) and (min-width: 1001px) {
    nav.main_menu > ul > li > a {
        padding: 0 13px;
        font-size: 13px;
    }
}

@media screen and (min-width: 768px) {
    .two_column_module .q_elements_item_content h2 {
        font-size: 24px !important;
        line-height: 1.1;
        margin-bottom: 40px;

    }
}

/* Make logo smaller to give more space between line and logo*/
@media screen and (min-width: 1000px) {

    /* Image Left module */
    .vc_row.section.image_left > .section_inner > div {
        display: flex;
        -webkit-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .q_logo a img {
        max-height: 80px;
    }

    /* Aligning menu with logo */
    nav.main_menu {
        height: 100px;
    }

    .main_menu > ul {
        margin-top: 62px !important;
    }

    .two_column_module .q_elements_item_content h2 {
        font-size: 36px !important;
        line-height: 1.2;
        margin-bottom: 60px;
    }
}

@media only screen and (min-width: 1001px) {

    /* MANT-351 vertically align the post meta info with the other posts in the same row */
    .latest_post_two_holder > ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        flex-wrap: wrap;

    }

    /* MANT-351 vertically align the post meta info with the other posts in the same row */
    .latest_post_two_holder .latest_post_two_inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    /* MANT-351 Vertically align post meta to bottom of box */
    .latest_post_two_holder .latest_post_two_info {
        margin-top: auto;
    }

    /* MANT-351 Ensure blog-grid items are always the same height */
    .latest_post_two_holder.three_columns > ul > li {
        flex: 33.333333%;
        width: 33.333333%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

    /* MAIN-317 Sub-navigation too close to menu-items */
    header.transparent.with_border:not(.sticky) .drop_down .second {
        top: 110%;
    }

    header.fixed_hiding.centered_logo .header_inner_left {
        margin: 14px 0;
    }
}