/*
 Description:    Dev stylysheet for Steph
 Author:         Steph Orsini
 Author URI:     https://smittenlabs.co/
 Version:        0.0.16
*/

/*

*/


/* =Theme customization starts here
------------------------------------------------------- */


/* Flex Grid Utility Classes */
.flex-grow-container {
    display: flex!important;
    flex-wrap: nowrap;
}
.flex-grow-container>div {
    display: flex;
    flex-grow: 1;
    width: auto;
    margin-bottom: 0!important;
    justify-content: flex-start;
}
.flex-grow-container>div:last-child {
    justify-content: flex-end;
}




/* Font Utility Classes */
.text-white,
.text-white * {
    color: #FFFFFF!important;
}
.text-gray,
.text-gray * {
    color: #EEEEEE!important;
}
.text-black,
.text-black * {
    color: #000000!important;
}


/* Background Utility Classes */
.background-white,
.background-white * {
    background-color: #FFFFFF!important;
}
.background-gray,
.background-gray * {
    background-color: #EEEEEE!important;
}
.background-black,
.background-black * {
    background-color: #000000!important;
}
.border-white,
.border-white * {
    border-color: #FFFFFF!important;
}
.border-gray,
.border-gray * {
    border-color: #EEEEEE!important;
}
.border-black,
.border-black * {
    border-color: #000000!important;
}



/* Video Links */
.video-link a .et_pb_image_wrap::before {
    background: rgb(0,0,0);
    background: linear-gradient(0deg,rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.2) 50%);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.video-link a .et_pb_image_wrap::after {
    background-color: #D0030A;
    border-radius: 50%;
    color: #FFFFFF;
    content: "\f04b";
    display: block;
    font-family: 'FontAwesome'!important;
    font-size: 26px;
    font-weight: 900;
    height: 66px;
    left: 50%;
    line-height: 66px;
    position: absolute;
    text-align: center;
    text-indent: 2px;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 66px;
    z-index: 2;
}



/* Divi Buttons */
.et_pb_button {
    position: relative;
    z-index: 1;
}




/* brand grid styles */
.brand-blurb .dp-dfg-item {
    border: none;
    display: flex;
    flex-flow: column;
    padding: 0 0 20px 28%;
    position: relative;
}
.brand-blurb .dp-dfg-item .dp-dfg-image {
    order: 1;
}
.brand-blurb .dp-dfg-item .dp-dfg-header {
    order: 2;
}
.brand-blurb .dp-dfg-item .dp-dfg-header .entry-title {
    font-family: mundial, sans-serif;
    font-size: 1.2rem;
    font-weight: 600;
    padding-bottom: 0;
}
.brand-blurb .dp-dfg-item .dp-dfg-custom-content {
    order: 3;
    font-size: 0.9em;
    margin-bottom: 1em;
    position: static;
}
.brand-blurb .dp-dfg-item .read-more-wrapper {
    order: 4;
}
.dp-dfg-custom-field.dp-dfg-cf-logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 23%;
}





/* team grid styles */
.dp-dfg-item.type-team {
    display: flex;
    flex-flow: column;
    padding: 1.5em 0 0.5em;
}
.dp-dfg-item.type-team div {
    padding: 0 1.25em;
}

.dp-dfg-item.type-team .dp-dfg-image {
    order: 3;
}
.dp-dfg-item.type-team .dp-dfg-header {
    order: 1;
}
.dp-dfg-item.type-team .dp-dfg-header .entry-title {
    padding-bottom: 0;
}
.dp-dfg-item.type-team .dp-dfg-custom-content {
    order: 2;
    font-size: 0.9em;
    margin-bottom: 1em;
}
.dp-dfg-item.type-team .read-more-wrapper {
    order: 4;
}




/* single team styles */
body.single-team .et_pb_heading_container {
    margin-bottom: 0!important;
}
body.single-team .et_pb_heading_container h1 {
    margin-top: 15px!important;
}
body.single-team .et_pb_post_content {
    margin: 1vw 0!important;
}





/* Brand Template */
body .et_pb_gallery,
body.parent-pageid-2255 .et_pb_gallery,
#started.et_pb_gallery {
    overflow: visible!important;
}
body .et_pb_gallery .et-pb-controllers,
body.parent-pageid-2255 .et_pb_gallery .et-pb-controllers,
#started.et_pb_gallery .et-pb-controllers {
    display: none!important;
}


body .et_pb_gallery .et-pb-slider-arrows,
body.parent-pageid-2255 .et_pb_gallery .et-pb-slider-arrows,
#started.et_pb_gallery .et-pb-slider-arrows {
    position: absolute;
    bottom: -69px;
    right: 0;
    height: 54px;
    width: 118px;
}
body .et_pb_gallery .et-pb-slider-arrows .et-pb-arrow-prev,
body .et_pb_gallery .et-pb-slider-arrows .et-pb-arrow-next,
body.parent-pageid-2255 .et_pb_gallery .et-pb-slider-arrows .et-pb-arrow-prev,
body.parent-pageid-2255 .et_pb_gallery .et-pb-slider-arrows .et-pb-arrow-next,
#started.et_pb_gallery .et-pb-slider-arrows .et-pb-arrow-prev,
#started.et_pb_gallery .et-pb-slider-arrows .et-pb-arrow-next {
    opacity: 1!important;
    height: 54px;
    width: 54px;
    text-align: center;
    line-height: 54px;
    border: 2px solid #D0030A;
    border-radius: 50%;
    margin: 0;
    top: 0;
}
body .et_pb_gallery .et-pb-slider-arrows .et-pb-arrow-prev,
body.parent-pageid-2255 .et_pb_gallery .et-pb-slider-arrows .et-pb-arrow-prev,
#started.et_pb_gallery .et-pb-slider-arrows .et-pb-arrow-prev {
    left: 0!important;
}
body .et_pb_gallery .et-pb-slider-arrows .et-pb-arrow-next,
body.parent-pageid-2255 .et_pb_gallery .et-pb-slider-arrows .et-pb-arrow-next,
#started.et_pb_gallery .et-pb-slider-arrows .et-pb-arrow-next {
    left: unset;
    right: 0!important;
}
body .et_pb_gallery .et-pb-slider-arrows .et-pb-arrow-prev::before,
body .et_pb_gallery .et-pb-slider-arrows .et-pb-arrow-next::before,
body.parent-pageid-2255 .et_pb_gallery .et-pb-slider-arrows .et-pb-arrow-prev::before,
body.parent-pageid-2255 .et_pb_gallery .et-pb-slider-arrows .et-pb-arrow-next::before,
#started.et_pb_gallery .et-pb-slider-arrows .et-pb-arrow-prev::before,
#started.et_pb_gallery .et-pb-slider-arrows .et-pb-arrow-next::before {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
body .et_pb_gallery .et-pb-slider-arrows .et-pb-arrow-prev::before,
body.parent-pageid-2255 .et_pb_gallery .et-pb-slider-arrows .et-pb-arrow-prev::before,
#started .et_pb_gallery .et-pb-slider-arrows .et-pb-arrow-prev::before {
    content: url(/wp-content/themes/fransmart/images/brand-carousel-back.svg);
    left: -2px;
}
body .et_pb_gallery .et-pb-slider-arrows .et-pb-arrow-next::before,
body.parent-pageid-2255 .et_pb_gallery .et-pb-slider-arrows .et-pb-arrow-next::before,
#started  .et_pb_gallery .et-pb-slider-arrows .et-pb-arrow-next::before {
    content: url(/wp-content/themes/fransmart/images/brand-carousel-next.svg);
    left: 0;
}



/* Default Brand Tables */
body .et_pb_text_inner table,
body .et_pb_text_inner table tr,
body.parent-pageid-2255 .et_pb_text_inner table,
body.parent-pageid-2255 .et_pb_text_inner table tr {
    border: none;
}
body .et_pb_text_inner table tr,
body.parent-pageid-2255 .et_pb_text_inner table tr {
    border-style: solid;
    border-width: 0 0 1px 0;
    display: inline-table;
    width: 100%;
    height: auto!important;
}
body .et_pb_text_inner table tr:last-of-type,
body.parent-pageid-2255 .et_pb_text_inner table tr:last-of-type {
    border-width: 0;
}

body .et_pb_text_inner table tr td,
body.parent-pageid-2255 .et_pb_text_inner table tr td {
    border-width: 0;
    padding: 15px 0;
    vertical-align: top;
    height: auto!important;
}
body .et_pb_text_inner table tr td strong,
body.parent-pageid-2255 .et_pb_text_inner table tr td strong {
    font-family: "Red Hat Display", sans-serif;
    font-weight: 700;
}

body .et_pb_text_inner table tr td strong,
body.parent-pageid-2255 .et_pb_text_inner table tr td strong {
    font-size: 1.2em;
}




/* Brand Bullets */
body .et_pb_module ul,
body.parent-pageid-2255 .et_pb_module ul {
    break-inside: avoid;
}
body .et_pb_module ul.et_pb_tabs_controls::after,
body.parent-pageid-2255 .et_pb_module ul.et_pb_tabs_controls::after {
    border: none!important;
}
body .et_pb_module ul.et_pb_tabs_controls li,
body.parent-pageid-2255 .et_pb_module ul.et_pb_tabs_controls li {
    margin-right: 30px!important;
}
body .et_pb_module ul.et_pb_tabs_controls li a,
body.parent-pageid-2255 .et_pb_module ul.et_pb_tabs_controls li a {
    padding: 10px 0!important;
}
body .et_pb_module ul.et_pb_tabs_controls li a::after,
body.parent-pageid-2255 .et_pb_module ul.et_pb_tabs_controls li a::after {
    content: "\f061";
    line-height: inherit;
    font-size: inherit!important;
    opacity: 1;
    margin-left: 0.3em;
    left: auto;
    font-family: FontAwesome!important;
    font-weight: 900!important;
}



/* Brand Imgaes */
body .et_pb_text_inner img,
body.parent-pageid-2255 .et_pb_text_inner img {
    border: 2px solid #ffffff;
    border-radius: 15px;
}
body .text-over-image .et_pb_text_inner,
body.parent-pageid-2255 .text-over-image .et_pb_text_inner {
    position: absolute!important;
    bottom: 15px;
    z-index: 1;
}
body .text-over-image::after,
body.parent-pageid-2255 .text-over-image::after {
    background-color: transparent;
    background-image: linear-gradient(0deg, #000000 0%, #00000000 50%);
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    border-radius: 15px;
}
.dipi-title {
    position: absolute;
    top: calc( 100% + 35px );
}
.dipi-star-rating {
    line-height: 1;
    margin-bottom: 25px;
}
.dipi-star-full::before {
}
.dipi-description {
    position: relative;
}

/* Brand Block Quotes  */
body blockquote,
body.parent-pageid-2255 blockquote,
body .brand-template-style blockquote {
    border: none;
    color: #000000;
    font-family: 'Baskerville',serif;
    font-size: 2.25rem;
    line-height: 1.2em;
    text-transform: none;
    padding: 0;
    margin: 0 0 30px;
}
body blockquote *,
body.parent-pageid-2255 blockquote *,
body .brand-template-style blockquote * {
    color: #000000;
    font-family: 'Baskerville',serif;
    font-size: 2.25rem;
    line-height: 1.2em;
    text-transform: none;
}

body .brand_base_text blockquote p {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.dipi-description::before,
body blockquote p::before,
body.parent-pageid-2255 blockquote p::before,
body .brand-template-style blockquote p::before {
    content: "\201C";
    font-size: 1.3em;
    position: absolute;
    top: 20px;
    left: -25px;
    line-height: 0em;
}
.dipi-description::after,
body blockquote p::after,
body.parent-pageid-2255 blockquote p::after,
body .brand-template-style blockquote p::after {
    content: "\201D";
    font-size: 1.2em;
    line-height: 0em;
    position: absolute;
    transform: translateY(20px);
}





body .et_pb_section_1_tb_body .flex-grow-container .et_pb_column,
body.parent-pageid-2255 .et_pb_section_1_tb_body .flex-grow-container .et_pb_column {
    justify-content: space-between;
}


#resources-menu img,
.dipi_blog_slider .dipi-entry-featured-image-url>img.wp-post-image:not(.lazyload),
.dp-dfg-item:not(.team) img.dp-dfg-featured-image {
    aspect-ratio: 16/9;
    -o-object-fit: cover;
    object-fit: cover;
    height: unset !important;
    min-height: unset !important;
    max-height: unset !important;
    width: 100%;
    border: none;
    border-radius: 12px;
}


/* New Brand Microsite Styles */
.brand-navigation .et_pb_column {
    justify-content: unset;
    display: block;
}
.et-db #et-boc .et-l #brand-navigation .fransmart_logo a .et_pb_image_wrap img {
    height: 100px;
    width: auto;
    padding: 10px 0;
}
.et-db #et-boc .et-l #brand-navigation,
.et-db #et-boc .et-l #brand-navigation .et_pb_row {
    padding: 0;
}

.et-db #et-boc .et-l #brand-navigation .et_pb_row {
    display: flex;
    justify-content: space-between!important;
    width: 96%;
    max-width: 96%;
}
.et-db #et-boc .et-l #brand-navigation .et_pb_row .et_pb_column {
    display: flex;
    width: 100%;
    white-space: nowrap;
}
.et-db #et-boc .et-l #brand-navigation .et_pb_row .et_pb_column:last-child {
    justify-content: flex-end;
}
.et-db #et-boc .et-l #brand-navigation .et_pb_row .et_pb_column ul li.menu-item {
    margin-left: 2vw;
    padding: 0;
}
.et-db #et-boc .et-l #brand-navigation .et_pb_row .et_pb_column ul li.menu-item a {
    padding: 0;
}
.et-db #et-boc .et-l #brand-navigation .et_pb_row .et_pb_column a {
    font-size: 16px!important;
    font-weight: 500!important;
}
@media screen and (max-width: 1299px) {
    .et-db #et-boc .et-l #brand-navigation .et_pb_row .et_pb_column ul li.menu-item {
        margin-left: 1.75vw;
    }
    .et-db #et-boc .et-l #brand-navigation .et_pb_row .et_pb_column a {
        font-size: 15px!important;
    }
}
@media screen and (max-width: 1199px) {
    .et-db #et-boc .et-l #brand-navigation .et_pb_row .et_pb_column ul li.menu-item {
        margin-left: 1.5vw;
    }
    .et-db #et-boc .et-l #brand-navigation .et_pb_row .et_pb_column a {
        font-size: 14px!important;
    }
}
@media screen and (max-width: 1099px) {
    .et-db #et-boc .et-l #brand-navigation .et_pb_row .et_pb_column ul li.menu-item {
        margin-left: 1.25vw;
    }
    .et-db #et-boc .et-l #brand-navigation .et_pb_row .et_pb_column a {
        font-size: 13px!important;
    }
}
@media screen and (max-width: 1000px) {
    .et-db #et-boc .et-l #brand-navigation .et_pb_row .et_pb_column:not(.header-column),
    .et-db #et-boc .et-l #brand-navigation .et_pb_row .et_pb_column:not(.logo-column) {
        display: block;
    }
    html.menu-blur body:before, body.menu-blur:before {
        position: fixed!important;
    }
    .brand-navigation .et_pb_row {
        overflow: visible!important;
    }
    .et-db #et-boc .et-l #brand-navigation .et_pb_row .et_pb_column .et_pb_menu__wrap {
        justify-content: flex-end;
    }
    .et-db #et-boc .et-l #brand-navigation .et_pb_row .et_pb_column .et_pb_menu__menu {
        display: none!important;
    }
    .et-db #et-boc .et-l #brand-navigation .et_pb_row .et_pb_column .et_mobile_nav_menu {
        display: block!important;
    }
    .et-db #et-boc .et-l #brand-navigation .et_pb_row .et_pb_column .et_mobile_nav_menu .mobile_nav {
        position: relative;
        display: block;
        height: 40px;
        width: 40px;
        padding: 10px;
    }
    .et-db #et-boc .et-l #brand-navigation .et_pb_row .et_pb_column .et_mobile_nav_menu .mobile_nav .mobile_menu_bar {
        background-color: #FFFFFF;
    }
    .et-db #et-boc .et-l #brand-navigation .et_pb_row .et_pb_column .et_mobile_nav_menu .mobile_nav .mobile_menu_bar,
    .et-db #et-boc .et-l #brand-navigation .et_pb_row .et_pb_column .et_mobile_nav_menu .mobile_nav .mobile_menu_bar::before,
    .et-db #et-boc .et-l #brand-navigation .et_pb_row .et_pb_column .et_mobile_nav_menu .mobile_nav .mobile_menu_bar::after {
        content: "";
        position: absolute;
        top: 10px;
        left: 10px;
        width: 20px;
        height: 4px;
        background-color: #000000;
        z-index: 100;
    }
    .et-db #et-boc .et-l #brand-navigation .et_pb_row .et_pb_column .et_mobile_nav_menu .mobile_nav .mobile_menu_bar::before {
        top: 8px;
        left: 0;
    }
    .et-db #et-boc .et-l #brand-navigation .et_pb_row .et_pb_column .et_mobile_nav_menu .mobile_nav .mobile_menu_bar::after {
        top: 16px;
        left: 0;
    }
    .et-db #et-boc .et-l #brand-navigation .et_pb_row .et_pb_column .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar {
        height: 0;
    }
    .et-db #et-boc .et-l #brand-navigation .et_pb_row .et_pb_column .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
        height: 0;
    }
    .et-db #et-boc .et-l #brand-navigation .et_pb_row .et_pb_column .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::after {
        top: 8px;
    }
    .et-db #et-boc .et-l #brand-navigation .et_pb_row .et_pb_column .et_mobile_nav_menu .mobile_nav ul.et_mobile_menu {
        border: none;
        box-shadow: none;
        display: block;
        height: 0;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        top: 70px;
        left: unset;
        right: -8px;
        width: 100vw!important;
        padding: 0 15px 15px;
        z-index: 100;
        transition: opacity 0.3s ease-in-out;
    }
    .et-db #et-boc .et-l #brand-navigation .et_pb_row .et_pb_column .et_mobile_nav_menu .mobile_nav ul.et_mobile_menu li {
        list-style: none;
        display: block;
        width: 100%;
        padding: 0;
        margin: 0!important;
    }
    .et-db #et-boc .et-l #brand-navigation .et_pb_row .et_pb_column .et_mobile_nav_menu .mobile_nav ul.et_mobile_menu li a {
        display: block;
        width: 100%;
        border-bottom: 1px solid rgba(0, 0, 0, .09);
        display: block;
        font-size: 14px;
        font-weight: 500;
        margin: 10px 0;
        padding: 10px 0;
        text-transform: uppercase;
    }
    .et-db #et-boc .et-l #brand-navigation .et_pb_row .et_pb_column .et_mobile_nav_menu .mobile_nav ul.et_mobile_menu li a.et_pb_button {
        text-align: center;
    }
    .et-db #et-boc .et-l #brand-navigation .et_pb_row .et_pb_column .et_mobile_nav_menu .mobile_nav ul.et_mobile_menu li a:hover {
        background-color: transparent;
        opacity: 1;
    }
    .et-db #et-boc .et-l #brand-navigation .et_pb_row .et_pb_column .et_mobile_nav_menu .mobile_nav.opened ul.et_mobile_menu {
        height: auto;
        opacity: 1;
    }
}
@media screen and (max-width: 980px) {
    .et-db #et-boc .et-l .brand-navigation .et_pb_row,
    .et-db #et-boc .et-l .brand-navigation .et_pb_row .et_pb_column:not(.header-column),
    .et-db #et-boc .et-l .brand-navigation .et_pb_row .et_pb_column:not(.logo-column) {
        display: block;
        width: 100%;
    }
}


.acf-section-column_content .et_pb_row {
    width: 90%!important;
    max-width: 2560px!important;
}
/* Laptop and DOWN */
@media (max-width: 1300px) { 

}


/* Laptop and DOWN */
@media (max-width: 1100px) { 


}

/* Tablet and DOWN */
@media (max-width: 980px) { 

    /* Brand Block Quotes  */
    body blockquote,
    body.parent-pageid-2255 blockquote,
    body .brand-template-style blockquote {
        font-size: 1.9rem;
        margin: 0 0 25px;
    }
    body blockquote *,
    body.parent-pageid-2255 blockquote *,
    body .brand-template-style blockquote * {
        font-size: 1.9rem;
    }

    body .et_pb_section_1_tb_body .flex-grow-container .et_pb_column,
    body.parent-pageid-2255 .et_pb_section_1_tb_body .flex-grow-container .et_pb_column {
        justify-content: center;
    }

}

/* Mobile Down */
@media (max-width: 767px) {

    body .et_pb_module ul.et_pb_tabs_controls li,
    body.parent-pageid-2255 .et_pb_module ul.et_pb_tabs_controls li {
        margin-right: 0px!important;
    }


    /* Default Brand Tables */
    body .et_pb_text_inner table tr,
    body.parent-pageid-2255 .et_pb_text_inner table tr {
        padding: 15px 0;
        display: flex;
        flex-wrap: wrap;
    }

    body .et_pb_text_inner table tr td,
    body.parent-pageid-2255 .et_pb_text_inner table tr td {
        padding: 2px 0;
        text-align: left !important;
        width: 100% !important;
    }

    body .et-l--header .et_pb_column_0_tb_header,
    body.parent-pageid-2255 .et-l--header .et_pb_column_0_tb_header {
        justify-content: center;
    }

}


@media (max-width: 625px) {
    
}


/* Mobile Down */
@media screen and (max-width: 480px) {


}


/* quick fix to hubspot input on .acf-section for new brand microsite */
.acf-section.theme-dark input:not([type=submit]),
.acf-section.theme-dark select,
.acf-section.theme-dark textarea {
    color: #000!important;
}

/* quick fix to logo wall on .acf-section for new brand microsite */

.et-db #et-boc .et-l .acf-section-logo_bar.theme-light .owl-carousel .owl-item img {
    -webkit-filter: brightness(0%) contrast(200%) saturate(0) invert(0);
    filter: brightness(0%) contrast(200%) saturate(0) invert(0);
}