/*
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

HOSTINGER
*/
@import url("../bridge/style.css");

/*
These styles where in the template Custom Code in Qode Options
.q_counter_holder p.counter_text{
margin-top: -3px;
}
.q_counter_holder .counter span.onedigit {
margin-right: -5px;
}
}
.page_not_found{
    padding-top: 50px
}
.side_menu_button {
    padding-right: 16px;
}
*/

:root {
    /*

    Tracey gave me this color to use #485c6a
    Old bg color #faf7f5
    New bg color #f6f6f6

    */

    --dark: #1f1a15;
    --primary: #287094 /* Tracey's color #76acd4 */;
    --primary-5: #476376 /* Paula's color #023246 */;

}

.no-gutters .vc_column-inner {
    padding-left: 0;
    padding-right: 0;
}

@media (min-width: 992px) {
    .cols-lg-reverse div .wpb_column:first-of-type {
        float: right;
    }
}

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

h1 + h2,
h2 + h3,
h3 + h4,
h4 + h5,
h5 + h6 {
    margin-top: 30px;
}

h1 + p,
h2 + p,
h3 + p,
h4 + p,
h5 + p,
h6 + p,
p + p {
    margin-top: 12px;
}


@media (min-width: 992px) {
    h1 + h2 {
        margin-top: 51px;
    }
    h2 + h3 {
        margin-top: 61px;
    }
    h3 + h4 {
        margin-top: 42px;
    }
    h4 + h5 {
        margin-top: 33px;
    }
    h5 + h6 {
        margin-top: 31px;
    }
    h1 + p {
        margin-top: 53px;
    }
    h2 + p,
    h3 + p {
        margin-top: 32px;
    }
    h4 + p {
        margin-top: 23px;
    }
    h5 + p {
        margin-top: 31px;
    }
    h6 + p {
        margin-top: 21px;
    }
    p + p {
        margin-top: 1rem;
    }
}

.img-responsive {
    height: auto;
    max-width: 100%;
    width: 100%;
}

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

.inset-1 {
    padding: 20px 15px 40px;
}

@media (min-width: 768px) {
    .inset-1 {
        padding: 30px 15px 50px;
    }
}

@media (min-width: 992px) {
    .inset-1 {
        padding: 50px 10%;
    }
}

@media (min-width: 1800px) {
    .inset-1 {
        padding: 120px 16% 120px 19%;
    }
}

.inset-2 {
    padding: 20px 15px 0;
}

@media (min-width: 768px) {
    .inset-2 {
        padding: 30px 0 0 15px;
    }
}

@media (min-width: 992px) {
    .inset-2 {
        padding: 50px 0  0 10%;
    }
}

@media (min-width: 1800px) {
    .inset-2 {
        padding: 80px 0 0 19%;
    }
}


.mx-auto {
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
}


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

/* Color overrides */
.separator.small {
    background-color: #303030 !important;
}
.title_holder .separator.small {
    background-color: #fff !important;
}
.qbutton:hover {
    border-color: #000;
}


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


/* Buttons */
.qbutton.white:hover i {
    color: var(--dark);
}

.side_menu_button>a.search_button {
    vertical-align: top;
}


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


/* Forms */
.form--design-consultation {}
.form--design-consultation .form-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.form--design-consultation .form-col {
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    position: relative;
    width: 100%;
}

@media (min-width: 768px) {
    .form--design-consultation .form-col {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }
}
.form--design-consultation label {
    font-size: 14px !important;
}
.form--design-consultation input,
.form--design-consultation select,
.form--design-consultation textarea {
    font-size: 1rem !important;
    line-height: 1.5rem !important;
    margin-bottom: 1rem !important;
    width: 100% !important;
}

.form--design-consultation select:hover {
    cursor: pointer;
}

.form--design-consultation input[type=submit] {
    display: block !important;
    font-size: 20px;
    margin: 1rem auto 0 !important;
    max-width: 300px;
    min-width: 0 !important;
    height: 36px !important;
    line-height: 36px !important;
    padding: .75rem 0 !important;
    position: relative;
    text-align: center !important;
    width: 100% !important;
}

.form--design-consultation .is-invalid {
    border-color: #dc3545 !important;
}

.form--design-consultation .date-warning {
    color: #dc3545;
    display: none;
    font-size: 13px;
    margin: -18px 0 0 8px;
}
.form--design-consultation .date-warning.show {
    display: block;
}


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


/* Header */
.header_top {
    background-color: var(--primary) !important;
    margin-left: 1%;
    margin-right: 1%;
}

.header_top p {
    color: rgba(255,255,255,.9) !important;
    font-size: .875rem !important;
    text-align: right;
}
.header_top p a {
    color: rgba(255,255,255,.9) !important;
}
.header_top p a:hover {
    color: #fff !important;
    text-decoration: underline;
}

@media only screen and (max-width: 1199px) {
    .q_logo a {
        max-height: 40px !important;
    }
}

@media only screen and (min-width: 1001px) {
    .header_bottom {
        padding: 0 1%;
    }
    header .header_inner_left {
        left: 15px;
    }
    nav.main_menu>ul>li>a {
        padding: 0 4px;
    }
}
@media only screen and (min-width: 1250px) {
    .header_bottom {
        padding: 0 45px;
    }
    header .header_inner_left {
        left: 45px;
    }
}
@media only screen and (min-width: 1350px) {
    nav.main_menu>ul>li>a {
        padding: 0 17px;
    }
}


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

/* Page Titles */
.title h1 {
    text-shadow: 0 1px 8px rgba(0,0,0,.5);
}
@media only screen and (max-width: 1000px) {
    .title h1 {
        margin: 0;
    }
}
@media only screen and (max-width: 600px) {
    .title h1 {
        font-size: 32px !important;
        line-height: 1.5 !important;
    }
}



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

.section-home-customers,
.section-home-products,
.section-home-about,
.section-home-inspiration {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
}
@media screen and (min-width: 768px) {
    .section-home-customers,
    .section-home-products,
    .section-home-about,
    .section-home-inspiration {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
}

@media screen and (min-width: 1200px) {
    .section-home-customers,
    .section-home-products,
    .section-home-about,
    .section-home-inspiration {
        padding-top: 126px !important;
        padding-bottom: 126px !important;
    }
}


/* Section: Home - Hero */
.section-home-hero {
    background-size: cover !important;
    background-position: 100% 100% !important;
    min-height: calc( 100vh - 133px );
}
@media only screen and (max-width: 1023px) {
    .section-home-hero {
        min-height: 400px;
    }

    section.section-home-hero.parallax_section_holder {
        background-attachment: initial;
        background-size: cover !important;
        background-position: 50% 100% !important;
    }
}

/* Section: Home - Customers */
.section-home-customers {
    background-color: #287094;
    background-position: 0 100% !important;
    background-repeat: no-repeat;
    background-size: auto !important;
}
.section-home-customers * {
    color: #fff;
}
.section-home-customers p {
    color: rgba(255,255,255,.9);
}
.section-home-customers .separator.small {
    background-color: rgba(255,255,255,.9) !important;
}


/* Section: Home - Inspiration Gallery */
.section-home-inspiration {
}
.section-home-inspiration h1 {
    color: #fff;
    margin-bottom: 64px !important;
    text-shadow: rgb(0 0 0) 0 0 14px;
}
@media only screen and (min-width: 769px) {
    .section-home-inspiration h1 {
        margin-bottom: 126px !important;
    }
}

.home-inspiration-cards .qode-info-card {
    margin: 64px auto 0;
    max-width: 384px;
}
.home-inspiration-cards .qode-info-card .qode-info-card-text-holder {
    padding: 32px 38px 59px;
}
.home-inspiration-cards .qode-info-card-link-holder a {
    height: 4rem;
    line-height: 4rem;
}
@media only screen and (min-width: 769px) {
    .home-inspiration-cards .qode-info-card {
        margin: 0 auto;
    }
}


/* Section: Home - Products */
.section-home-products .cover_boxes {}
.section-home-products .cover_boxes ul li {
    margin-bottom: 64px!important;
}
.section-home-products .cover_boxes ul li .box h3 {
    font-size: 26px;
    line-height: 30px;
    margin: 16px 0;
    text-transform: none;
}
.section-home-products .cover_boxes .qbutton {
    border-width: 1px;
    font-size: 12px;
    line-height: 36px;
    height: 36px;
    margin-top: 12px;
    padding: 0 1.75rem;
}

@media only screen and (max-width: 768px) {
    .section-home-products .cover_boxes ul li, .cover_boxes ul li .box .thumb {
        width: 255px;
    }
    .section-home-products .cover_boxes ul li .box .box_content {
        width: 275px;
    }
}

@media only screen and (min-width: 769px) {
    .section-home-products .cover_boxes ul li {
        margin-bottom: 8px !important;
    }
}
@media screen and (min-width: 992px) {
    .section-home-products .cover_boxes ul li .box h3 {
        margin: 0 0 16px;
    }
}
@media only screen and (min-width: 1001px) {
    .section-home-products .cover_boxes ul li {
        margin-bottom: 20px !important;
    }
}
@media screen and (min-width: 1201px) {
    .section-home-products .cover_boxes ul li .box h3 {
        margin-top: 15%;
    }
}
@media screen and (min-width: 1300px) {
    .section-home-products .cover_boxes ul li .box,
    .section-home-products .cover_boxes ul li.act {
        width: 650px;
    }
}

/* Section: Home - About */
.section-home-about .q_circle_inner2 {
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.1);
    box-shadow: 0 0 5px rgba(0,0,0,.1);
}
.section-home-about .q_circles_holder:before {
    border-top: 1px dashed grey;
    top: 132px;
}

.section-home-about .q_circle_outer::before {
    color: var(--dark);
    content: "";
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 1rem;
    position: relative;
    text-align: center;
}
.section-home-about .q_circle_outer:nth-of-type(1)::before {
    content: "STEP 1";
}
.section-home-about .q_circle_outer:nth-of-type(2)::before {
    content: "STEP 2";
}
.section-home-about .q_circle_outer:nth-of-type(3)::before {
    content: "STEP 3";
}
.section-home-about .q_circle_outer:nth-of-type(4)::before {
    content: "STEP 4";
}

@media only screen and (max-width: 768px) {
    .q_circles_holder .q_circle_outer {
        margin: 0 0 64px;
    }
}


@media screen and (min-width: 992px) {
    .section-home-about .vc_single_image-wrapper {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

}

/* Section: Home - Testimonials */
.section-home-testimonials {
}


/* Section: Home - Brands */
.section-home-brands {
    padding-top: 126px;
    padding-bottom: 126px;
}


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

/* Section: Products - Products */
.section-products-products {
    padding-top: 126px !important;
    padding-bottom: 126px !important;
}


/* Section: Products - Brands */
.section-products-brands {
    padding-top: 126px !important;
    padding-bottom: 126px !important;
}


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

.section-prod-hero {
    padding-top: 126px;
    padding-bottom: 126px;
}
.section-prod-type {
    padding-top: 126px;
}
.section-prod-where {
    padding-top: 126px;
    padding-bottom: 126px;
}
.section-prod-brands {
    padding-top: 126px;
    padding-bottom: 126px;
}

@media only screen and (max-width: 768px) {
    .section-products-products .q_elements_holder.alignment_one_column_center.responsive_mode_from_768 .q_elements_item .q_elements_item_content {
        text-align: left!important;
    }
}

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

/* Section: Gallery */
.section-gallery {
    padding-top: 126px;
    padding-bottom: 126px;
}
.filter_outer {
    margin: 0 0 40px;
}

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

/* Section: About Us */
.section-about-us {
    background-position: 100% 60% !important;
    background-repeat: no-repeat;
    background-size: auto !important;
    padding-top: 126px;
    padding-bottom: 126px;
}

.section-about-us .inset-2 {
    padding-top: 10px!important;
}
div.section-about-community {
    background-position: 0 100% !important;
    background-repeat: no-repeat;
    background-size: auto !important;
    padding-top: 126px;
    padding-bottom: 126px;
}
.section-about-community .inset-1 {
    padding-top: 0;
    padding-bottom: 0;
}
.section-about-team {
    padding-bottom: 126px;
}
.section-about-team .fa-vk:before {
    content: "\f095";
}

.section-about-careers {
    padding-top: 126px;
    padding-bottom: 126px;
}

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

/* Section: Contact */
div.section-contact-hero {
    background-position: 0 100% !important;
    background-repeat: no-repeat;
    background-size: auto !important;
    padding-top: 126px;
    padding-bottom: 126px;
}

.section-contact-hero h5 {
    font-family: 'Work Sans', sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 22px;
    text-transform: none;
}

.section-contact-hero h5::after {
    background: #303030;
    content: "";
    display: block;
    height: 2px;
    margin: 10px 0 20px;
    position: relative;
    width: 22px;
}
.section-contact-hero table td {
    padding: 0;
}

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


/* Section: Booking */
.section-booking {
    padding-top: 126px;
    padding-bottom: 126px;
}

.section-booking .woocommerce-product-gallery,
.section-booking .related.products,
.section-booking .wc-bookings-booking-cost {
    display: none !important;
}
.section-booking .woocommerce .summary {
    float: none;
    margin: 0 auto;
    max-width: 800px;
    width: 100%;
}

.section-booking .woocommerce .product h1.product_title,
.section-booking .woocommerce .product .price,
.section-booking .woocommerce div.product .product_meta,
.section-booking .woocommerce .q_accordion_holder {
    display: none;
}
.section-booking .woocommerce div.product .product_meta {
    margin: 25px 0;
}

.section-booking .wc-bookings-date-picker {
    padding: 0;
}
.section-booking .wc-bookings-date-picker .ui-datepicker th {
    text-align: center;
}

/* Colors */
.section-booking .wc-bookings-date-picker .ui-datepicker td.bookable a,
.section-booking .wc-bookings-booking-form .block-picker li a:hover,
.section-booking .wc-bookings-booking-form .block-picker li a:focus {
    background-color: var(--primary)!important;
}
.section-booking .wc-bookings-date-picker .ui-datepicker td.bookable-range .ui-state-default,
.section-booking .wc-bookings-booking-form .block-picker li a.selected {
    background: var(--primary-5) !important;
    color: #fff;
}

.section-booking .woocommerce button.button {
    display: block;
    margin: 0 auto;
}


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


/* Section: Cart */
.section-cart {
    padding-top: 126px;
    padding-bottom: 126px;
}
.section-cart .woocommerce table.cart thead tr,
.section-cart .woocommerce table.cart tbody tr.cart_item {
    background-color: #fff;
}


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


/* Section: Checkout */
.section-checkout {
    padding-top: 64px;
    padding-bottom: 126px;
}
.section-checkout .woocommerce .woocommerce-info {
    background-color: transparent;
    padding-left: 0;
}
.section-checkout .woocommerce p + p {
    margin-top: 0;
}

.section-checkout #order_review_heading,
.section-checkout .woocommerce-checkout-review-order-table,
.section-checkout .wc_payment_methods
{
    display: none;
}
.section-checkout .woocommerce-terms-and-conditions-wrapper {
    margin-bottom: 1rem;
}


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


/* My Account */

.woocommerce-account table.my_account_bookings {
    background-color: #fff;
    border: 1px solid #ddd;
    width: 100%;
}
.woocommerce-account table.my_account_bookings thead tr {
    border-bottom: 1px solid #ddd;
}
woocommerce-MyAccount-content .woocommerce-Button button {
    margin-top: 1rem;
}

/* don't display unnecessary links */
.woocommerce-MyAccount-navigation-link--orders,
.woocommerce-MyAccount-navigation-link--downloads {
    display: none !important;
}


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


.section-form-page {
    padding-top: 126px;
    padding-bottom: 126px;
}


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


.section-privacy {
    padding-top: 126px;
    padding-bottom: 126px;
}

.section-privacy h2,
.section-privacy h3,
.section-privacy h4 {
    margin-top: 64px;
}

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


/* Footer */
footer {
    margin-top: 1%;
}
.footer_inner {
    padding-top: 0 !important;
}
footer *,
.footer_top a:not(.qbutton) {
    color: rgba(255,255,255,.8) !important;
    font-size: 14px;
}
footer a:hover {
    color: #fff !important;
}
.footer_top h5 {
    color: #fff !important;
    font-size: 24px;
    font-weight: 400;
    line-height: 48px;
    margin: 0 0 22px;
    text-transform: none;
}
.footer_top h5::after {
    background: rgba(255,255,255,.8);
    content: "";
    display: block;
    height: 2px;
    margin: 10px 0 20px;
    position: relative;
    width: 22px;
}
.footer_top table td {
    padding: 0;
}

@media only screen and (max-width: 1024px) {
    .footer_responsive_adv .footer_top .footer_col1,
    .footer_responsive_adv .footer_top .footer_col2,
    .footer_responsive_adv .footer_top .footer_col3,
    .footer_responsive_adv .footer_top .footer_col4,
    .footer_responsive_adv .footer_top .two_columns_50_50 > .column1,
    .footer_responsive_adv .footer_top .two_columns_50_50 > .column2 {
        float: left;
        width: 50%;
    }
}

@media only screen and (max-width: 767px) {
    .footer_responsive_adv .footer_top .footer_col1,
    .footer_responsive_adv .footer_top .footer_col2,
    .footer_responsive_adv .footer_top .footer_col3,
    .footer_responsive_adv .footer_top .footer_col4,
    .footer_responsive_adv .footer_top .two_columns_50_50 > .column1,
    .footer_responsive_adv .footer_top .two_columns_50_50 > .column2 {
        float: none;
        width: 100%;
    }
}

.four_columns .column_inner {
    padding: 0 10px !important;
}
.footer_top .four_columns .column_inner>div,
.footer_top .three_columns .column_inner>div {
    margin: 0 0 10px !important;
}

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


.portfolio-brands .projects_holder article .image_holder,
.portfolio-brands .projects_holder article .portfolio_description {
    padding: 1rem;
}
.portfolio-brands .portfolio_main_holder .item_holder.cursor_change_hover a.portfolio_link_class {
    cursor: pointer !important;
}
.portfolio-brands .portfolio_main_holder article .item_holder.cursor_change_hover:hover .portfolio_shader,
.portfolio-brands .portfolio_slider li.item:hover .item_holder.cursor_change_hover .portfolio_shader {
    opacity: 0 !important;
}

.box-blue {
    border: 1px solid var(--primary);
    display: block;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    padding: 4px;
    position: relative;
    width: 100%;
}
.box-blue > div {
    background: var(--primary);
    padding: 2rem;
}
.box-blue h5 {
    color: #fff !important;
    font-weight: 300;
    text-transform: none;
}


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


@media only screen and (max-width: 600px) {
    .section-about-us,
    .section-about-community,
    .section-about-careers,
    .section-about-careers,
    .section-contact-hero,
    .section-home-brands,
    .section-home-customers,
    .section-home-inspiration,
    .section-home-products,
    .section-gallery,
    .section-products-brands,
    .section-products-products,
    .section-cart,
    .section-checkout {
        padding-top: 64px !important;
        padding-bottom: 64px !important;
    }

    .section-about-us *,
    .section-about-community *,
    .section-about-careers * {
        text-align: left !important;
    }
}


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

/* Assistant Popup */
#assistantPopup {
    inset: auto 10px 50px auto !important
}


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

/* Hustle */
.hustle-ui .hustle-icon-close:before {
    content: "f00d";
}
.hustle-ui.module_id_2 {
    padding-left: 0;
    padding-right: 0;
}
.hustle-ui .hustle-info {
    padding-left: 15px;
    padding-right: 15px;
}


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

/* Photo Gallery Live - Filter */
.filter_outer {
    display: table;
    height: 37px;
    margin: 0 0 40px !important;
    position: relative;
    text-align: center;
    width: 100%;
}
.filter_holder {
    display: table-cell;
    vertical-align: middle;
}
.filter_holder ul {
    display: inline-block;
    list-style: none;
}
.filter_holder ul li {
    cursor: pointer;
    display: block;
    margin: 0;
    float: left;
    text-align: center;
}
.filter_holder ul li a {
    display: inline-block;
    padding: 0 22px;
    position: relative;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 600;
}
.filter_holder ul li a:hover {
    color: #287094 !important;
}
@media only screen and (max-width: 600px) {
    .filter_holder ul li {
        display: inline-block;
        float: none;
        vertical-align: middle;
    }

    .filter_holder ul li a {
        padding: 0 10px;
    }
}


/* Photo Gallery Live */
.bwg_container {
    margin: 0 auto;
}

.bwg_container .search_line {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    margin-bottom: 48px !important;
    min-height: auto !important;
}
.bwg_container .search_line > div {
    margin: 0 auto !important;
}
.bwg_thumbnail.bwg_container .search_line .bwg_order_cont,
.bwg_thumbnail.bwg_container .search_line .search_tags_container {
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 100%;
    text-align: center;
    width: 25%;
}
div[class^=bwg-container-] {
    max-width: calc( 100% - 8px ) !important;
}

@media (max-width: 767px) {
    .element_from_bottom > div,
    .element_from_fade > div,
    .element_from_left > div,
    .element_from_right > div,
    .element_from_top > div {
        opacity: 1;
    }
}