/*
 Description:    Dev stylysheet for Dins
 Author:         Dennis Dinsmore
 Author URI:     https://smittenlabs.co/
 Version:        0.0.111
*/



/* Text Module Bullets */
body .et_pb_text ul li {
    margin-bottom: 0.25em;
}


/* Text Module - Floating Image Alignment */
body .et_pb_text img.alignleft {
    margin: 0 30px 10px 0;
}

body .et_pb_text img.alignright {
    margin: 0 0 10px 30px;
}






/* Franchise Tabs */ 
body .franchise_tabs .et_pb_tab_content p {
    font-size: 1.1rem;
    line-height: 1.7em;
}

body .franchise_tabs .et_pb_tab_content p,
body .franchise_tabs .et_pb_tab_content ul {
    padding-bottom: 1.5em !important;
}

body .franchise_tabs .et_pb_tab_content ul li {
    font-size: 1.1rem;
    line-height: 1.7em;
    padding-bottom: 0.25em !important;
}


/* Franchise Base Text */
body .brand_base_text p,
body .brand_base_text ul {
    padding-bottom: 1.5em !important;
}

body .brand_base_text li {
    padding-bottom: 0.25em !important;
}



/* Hubspot Forms */
body .hbspt-form .hs-richtext img {
    display: none !important;
}

body .dark .hbspt-form .hs-richtext {
 color:#000;
}

body .hbspt-form fieldset {
    display: flex;
    justify-content: space-between;
    margin: 0 0 25px 0;
    max-width: 100%;
}

body .hbspt-form .hs_recaptcha {
    margin: 0 0 25px 0;
}

body .hbspt-form fieldset div.hs-form-field {
    padding: 0;
}

body .hbspt-form fieldset.form-columns-1 div.hs-form-field,
body .hbspt-form fieldset.form-columns-1 div.hs-dependent-field {
    width: 100%;
}


body .hbspt-form fieldset.form-columns-2 div.hs-form-field {
    width: 49%;
}

body .hbspt-form fieldset.form-columns-3 div.hs-form-field {
    width: 32%;
}

body .hbspt-form a {
    color: #fff;
    text-decoration: underline;
}


body .hbspt-form fieldset label {
    color: #fff;
    display: block;
    font-weight: 600;
    margin: 0 0 5px 0;
}

body .dark .hbspt-form fieldset label {
    color: #000;
    display: block;
    font-weight: 600;
    margin: 0 0 5px 0;
}

body .hbspt-form legend.hs-field-desc {
    color: #fff;
    display: block;
    font-size: 0.9em;
    font-style: italic;
    line-height: 1.3em;
    margin: 10px 0;
}


body .hbspt-form input.text, 
body .hbspt-form input[type=text],
body .hbspt-form input[type=email],
body .hbspt-form input[type=number],
body .hbspt-form input[type=tel],
body .hbspt-form textarea {
    border: 1px solid #bbb;
    border-radius: 5px;
    padding: 15px;
    width: 100% !important;
}

body .hbspt-form input[type=submit] {
    border-color: RGBA(255,255,255,0);
    border-radius: 16px;
    color: #fff;
    font-size: 1rem;
    font-weight: 700!important;
    background-color: #D0030A;
    
    cursor: pointer;
    padding: 15px 50px;
}

body .hbspt-form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    border: 1px solid #bbb;
    border-radius: 5px;
    padding: 15px;
    width: 100% !important;
}

body .hbspt-form  div.input {
    margin: 0;
    position: relative;
}

body .hbspt-form .hs-fieldtype-select div.input:after {
    content: "\25BC";
    color: #000;
    display: block;
    position: absolute;
    right: 12px;
    top: 12px;
}


body .hbspt-form .inputs-list {
    list-style: none;
    padding: 0 0 15px 0;
}

body .hbspt-form input[type=checkbox] {
    height: 25px !important;
    margin: 0 15px 0 0 !important;
    width: 25px !important;
}

body .hbspt-form .hs-richtext {
    margin-bottom: 15px;
}



body .hbspt-form ul.hs-error-msgs {
    padding-bottom: 0;
    padding-top: 5px;
}

body .hbspt-form ul.hs-error-msgs li {
    color: #fff;
}

body .hbspt-form .hs-error-msg {
    display: block;
    font-style: italic;
    font-weight: 500;
}


body .hbspt-form .legal-consent-container {
    color: #fff;
}


/* Hubspot - Brand Specific */
body .brand-the-swing-bays .hbspt-form input[type=submit] {
    background-color: #000;
}

body .brand-the-swing-bays .hbspt-form .form-columns-0:nth-of-type(1),
body .brand-the-swing-bays .hbspt-form .form-columns-0:nth-of-type(2) {
    display: none;
}


body .brand-konala-franchise .hbspt-form .form-columns-0:nth-of-type(1),
body .brand-konala-franchise .hbspt-form .form-columns-0:nth-of-type(2) {
    display: none;
}

body .brand-konala-franchise .hbspt-form input[type=submit] {
    background-color: #ffcb09;
    color: #000;
}


body .brand-onus .hbspt-form .form-columns-0:nth-of-type(1),
body .brand-onus .hbspt-form .form-columns-0:nth-of-type(2) {
    display: none;
}





body .brand-brooklyn-dumpling-shop .hbspt-form input[type=submit] {
    background-color: #e8cd63 !important;
    color: #000000;
}

body .brand-brooklyn-dumpling-shop .form-columns-0:nth-of-type(1) {
    display: none;
}

body .brand-cilantro-taco-grill .hbspt-form input[type=submit] {
    background-color: #0e6a38 !important;
    color: #ffffff;
}

body .brand-cilantro-taco-grill .form-columns-0:nth-of-type(1),
body .brand-cilantro-taco-grill .form-columns-0:nth-of-type(2) {
    display: none;
}

body .brand-curry-up-now .hbspt-form input[type=submit] {
    background-color: #c72966 !important;
    color: #ffffff;
}

body .brand-curry-up-now .form-columns-0:nth-of-type(1) {
    display: none;
}

body .brand-glo30 .hbspt-form input[type=submit] {
    background-color: #2a3376 !important;
    color: #ffffff;
}

body .brand-glo30 .form-columns-0:nth-of-type(1),
body .brand-glo30 .form-columns-0:nth-of-type(2) {
    display: none;
}

body .brand-ikes-love-sandwiches .hbspt-form input[type=submit] {
    background-color: #ab51c8 !important;
    color: #ffffff;
}

body .brand-ikes-love-sandwiches .form-columns-0:nth-of-type(1) {
    display: none;
}

body .brand-jars .hbspt-form input[type=submit] {
    background-color: #e43030 !important;
    color: #ffffff;
}

body .brand-jars .form-columns-0:nth-of-type(1),
body .brand-jars .form-columns-0:nth-of-type(2) {
    display: none;
}

body .brand-paymore .hbspt-form input[type=submit] {
    background-color: #3d9320 !important;
    color: #ffffff;
}

body .brand-paymore .form-columns-0:nth-of-type(1),
body .brand-paymore .form-columns-0:nth-of-type(2) {
    display: none;
}

body .brand-rise-biscuits-chicken .hbspt-form input[type=submit] {
    background-color: #f15e28 !important;
    color: #ffffff;
}

body .brand-rise-biscuits-chicken .form-columns-0:nth-of-type(1),
body .brand-rise-biscuits-chicken .form-columns-0:nth-of-type(2) {
    display: none;
}

body .brand-schmackarys .hbspt-form input[type=submit] {
    background-color: #c47f46 !important;
    color: #ffffff;
}

body .brand-taffers-tavern-food-and-spirits .hbspt-form input[type=submit] {
    background-color: #8f4336 !important;
    color: #ffffff;
}

body .brand-taffers-tavern-food-and-spirits .form-columns-0:nth-of-type(1),
body .brand-taffers-tavern-food-and-spirits .form-columns-0:nth-of-type(2) {
    display: none;
}

body .brand-the-halal-guys .hbspt-form input[type=submit] {
    background-color: #ba1b46 !important;
    color: #ffffff;
}

body .brand-the-halal-guys .form-columns-0:nth-of-type(1),
body .brand-the-halal-guys .form-columns-0:nth-of-type(2) {
    display: none;
}


/* Hubspot Form - Styling Classes */
body .button_black .hbspt-form input[type=submit] {
    background-color: #000;
}


/* Mega Menu - Body Blur */
html.menu-blur body #main-content,
body.menu-blur #main-content {
    filter: blur(4px);
    transition: all 0.35s ease-in-out;
}

html.menu-blur body:before,
body.menu-blur:before {
    background-color: #000000;
    content: "";
    height: 100%;
    opacity: 0.4;
    position: absolute;
    top: 0;
    transition: all 0.35s ease-in-out;
    width: 100%;
    z-index: 1;
}



/* More Brands - Dropdown Mega Menu */
body .more_brands_row {
    opacity: 0;
    top: 52px;
    visibility: hidden;
    transition: all 0.35s ease-in-out;
}

body .more_brands_row.open {
    opacity: 1;
    visibility: visible;
}

body .more_brands_row .widget_nav_menu {
    margin-bottom: 25px !important;
}


body .more_brands_row button.close_icon {
    background-image: url(/wp-content/themes/fransmart/images/icon-close-x.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    display: block;
    height: 25px;
    position: absolute;
    right: 25px;
    top: 25px;
    width: 25px;
    z-index: 100;
  }





/* Brand Sticky Nav */
body #brand-sticky-nav .et_pb_column {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}



/* Franchise Carousel - Top and Bottom Divi Carousels */
body .franchise_carousel.top .dipi-carousel-wrapper {
    align-items: flex-end;
}

body .franchise_carousel.bottom .dipi-carousel-wrapper {
    align-items: flex-start;
}

body .franchise_carousel .dipi-carousel-wrapper .dipi_carousel_child {
    height: inherit;
    position: relative;
    transition: all 0.35s ease-in-out;
}

/* 
body .franchise_carousel .dipi-carousel-wrapper .dipi_carousel_child:after {
    background-color: #64bc46;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    opacity: 0;
    top: 0;
    transition: all 0.35s ease-in-out;
    width: 100%;
    z-index: 5;
}

body .franchise_carousel .dipi-carousel-wrapper .dipi_carousel_child:hover:after {
    opacity: 0.92;
}

body .franchise_carousel .dipi-carousel-wrapper .dipi_carousel_child:hover .dipi-carousel-item-title {
    color: #ffffff !important;
    transition: all 0.25s ease-in-out;
    position: relative;
    z-index: 10;
} 
*/


body .franchise_carousel .dipi-carousel-wrapper .dipi_carousel_child.paymore:after {
    background-color: #64bc46;
}

body .franchise_carousel .dipi-carousel-wrapper .dipi_carousel_child.cilantro:after {
    background-color: #25b354;
}

body .franchise_carousel .dipi-carousel-wrapper .dipi_carousel_child.schmackarys:after {
    background-color: #3f2010;
}

body .franchise_carousel .dipi-carousel-wrapper .dipi_carousel_child.halalguys:after {
    background-color: #da2027;
}


body .franchise_carousel .dipi-carousel-wrapper .dipi_carousel_child.glo30:after {
    background-color: #151345;
}

body .franchise_carousel .dipi-carousel-wrapper .dipi_carousel_child.rise:after {
    background-color: #e04911;
}

body .franchise_carousel .dipi-carousel-wrapper .dipi_carousel_child.taffers:after {
    background-color: #30302f;
}




/* Resource Grid */
body .resource_grid .dp-dfg-item {
    background-color: transparent;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

body .resource_grid .dp-dfg-layout-grid .dp-dfg-image {
    margin-left: 0;
    order: 1;
    width: 100%;
}

body .resource_grid .dp-dfg-featured-image {
    margin-bottom: 10px;
    order: 1;
    width: 100%;
}

body .resource_grid .dp-dfg-meta {
    margin: 0 0 5px 0;
    order: 2;
    padding: 0 !important;
    width: 100%;
}

body .resource_grid .dp-dfg-header {
    margin: 0 0 5px 0;
    max-width: 375px;
    order: 3;
    padding: 0 !important;
}


body .resource_grid .dp-dfg-skin-default .dp-dfg-filters ul {
    background-color: #000;
    border-radius: 50px;
    justify-content: flex-start;
    padding: 10px 5px;
}

body .resource_grid .dp-dfg-skin-default .dp-dfg-filter a.dp-dfg-filter-link {
    border-radius: 50px;
    padding: 15px 30px;
    margin: 0 5px;
}

body .resource_grid .dp-dfg-skin-default .dp-dfg-filter a.dp-dfg-filter-link:hover {
    background-color: #fff;
    color: #000 !important;
}


body .resource_grid .dp-dfg-skin-default .dp-dfg-filter a.dp-dfg-filter-link.active {
    background-color: #fff;
}





/* Featured Resources */
body .featured_resource_grid .dp-dfg-item {
    background-color: transparent;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

body .featured_resource_grid .dp-dfg-layout-grid .dp-dfg-image {
    margin-left: 0;
    order: 1;
}

body .featured_resource_grid .dp-dfg-featured-image {
    border: 7px solid #000;
    border-radius: 16px;
    max-height: 17vw;
    margin-bottom: 15px;
    order: 1;
    width: auto;
}

body .featured_resource_grid .dp-dfg-meta {
    margin: 5px 0;
    order: 2;
    padding: 0 !important;
}

body .featured_resource_grid .dp-dfg-header {
    margin: 5px 0;
    max-width: 375px;
    order: 3;
    padding: 0 !important;
}






/* Hero Row - Red */
body .hero_row_red {
    position: relative;
}

body .hero_row_red:before {
    background-image: url(/wp-content/themes/fransmart/images/testimonial-bg-left.svg);
    background-repeat: no-repeat;
    background-size: contain;
    content: " ";
    display: block;
    left: 0;
    height: 100%;
    position: absolute;
    top: 0;
    width: 50%;
}

body .hero_row_red:after {
    background-image: url(/wp-content/themes/fransmart/images/testimonial-bg-right.svg);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: contain;
    content: " ";
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    visibility: visible;
    width: 50%;
}






/* 
body .featured_resource_grid .resource-category-podcast:after {
    content: "I am a podcast!";
}
/*



/* Franchise Hero - Section */
body .franchise_hero::before {
    bottom: -160px;
    content: url(/wp-content/themes/fransmart/images/hero-franchise-dots-left.svg);
    left: -70px;
    position: absolute;
}


body .franchise_hero::after {
    content: url(/wp-content/themes/fransmart/images/hero-franchise-dots-right.svg);
    position: absolute;
    right: -70px;
    top: -160px;
}



/* Two Column Bullets - Text Module */
body .two_column_bullets ul {
    columns: 300px 2;
}



body .franchise_service_blurb .et_pb_blurb_description a:after {
    color: #D0030A;
    content: "$";
    display: inline-block;
    font-size: inherit!important;
    font-family: ETmodules!important;
    font-weight: 400!important;
    left: 5px;
    line-height: inherit;
    position: relative;
    top: 2px;
}




/* Testimonial Video Popup - Divi Blurb */
body .et_pb_blurb.video_testimonial .et_pb_image_wrap:before {
    content: url(/wp-content/themes/fransmart/images/icon-play-video.svg);
    display: block;
    left: 42%;
    position: absolute;
    top: 25%;
}

body .et_pb_blurb.video_testimonial .et_pb_blurb_container {
    display: flex;
    flex-wrap: wrap;
}

body .et_pb_blurb.video_testimonial .et_pb_module_header {
    font-family: "mundial", sans-serif;
    font-size: 1rem;
    font-weight: 600;
    margin: 0 0 50px 25px;
    order: 2;
}

body .et_pb_blurb.video_testimonial .et_pb_blurb_description {
    order: 1;
    margin: 0 0 25px 0;
    padding: 0 0 0 25px;
}

body .et_pb_blurb.video_testimonial .et_pb_blurb_description:before {
    content: "“";
    left: 0;
    position: absolute;
}






/* Process Coursel */ 
body .process_carousel .dipi_carousel_child:before {
    color: #D03503;
    content: "STEP";
    display: block;
    font-family: "mundial", sans-serif;
    font-weight: 600;
    padding: 35px 0;
    text-align: left;
    width: 90%;
}


body .process_carousel .dipi_carousel_child_0:before {
    content: "STEP ONE";
}
body .process_carousel .dipi_carousel_child_1:before {
    content: "STEP TWO";
}
body .process_carousel .dipi_carousel_child_2:before {
    content: "STEP THREE";
}
body .process_carousel .dipi_carousel_child_3:before {
    content: "STEP FOUR";
}
body .process_carousel .dipi_carousel_child_4:before {
    content: "STEP FIVE";
}
body .process_carousel .dipi_carousel_child_5:before {
    content: "STEP SIX";
}
body .process_carousel .dipi_carousel_child_6:before {
    content: "STEP SEVEN";
}
body .process_carousel .dipi_carousel_child_7:before {
    content: "STEP EIGHT";
}
body .process_carousel .dipi_carousel_child_8:before {
    content: "STEP NINE";
}
body .process_carousel .dipi_carousel_child_9:before {
    content: "STEP TEN";
}


body .process_carousel .dipi-carousel-child-wrapper {
    padding: 3vw 3vw;
}

body .process_carousel .dipi_carousel_child .dipi-carousel-item-content {
    padding: 0;
}

body .process_carousel .dipi_carousel_child .dipi-carousel-image {
    margin: auto 0 25px 0;
}

body .process_carousel .dipi_carousel_child .dipi-carousel-item-title {
    /* max-width: 420px; */
    text-align: left;
}

body .process_carousel .dipi_carousel_child .dipi-carousel-item-desc,
body .process_carousel .dipi_carousel_child .dipi-carousel-item-desc p {
    text-align: left;
}

body .process_carousel .dipi_carousel_child .dipi-carousel-image img {
    max-height: 185px;
    width: auto;
}

body .process_carousel .swiper-button-prev {
    border: 2px solid #D0030A;
    border-radius: 50%;    
    bottom: -115px;
    left: 0 !important;
    padding: 25px !important;
    top: auto;
}

body .process_carousel .swiper-button-prev:after {
    content: url(/wp-content/themes/fransmart/images/brand-carousel-back.svg);
    position: relative;
    top: -5px;
}


body .process_carousel .swiper-button-next {
    border: 2px solid #D0030A;
    border-radius: 50%;
    bottom: -115px;
    padding: 25px !important;
    left: 70px;
    top: auto;
}

body .process_carousel .swiper-button-next:after {
    content: url(/wp-content/themes/fransmart/images/brand-carousel-next.svg);
    position: relative;
    top: -5px;
}


/* Top Franchise Coursel */ 
body .top_franchise_carousel .dipi_carousel_child:before {
    color: #D03503;
    content: "STEP";
    display: block;
    font-family: "mundial", sans-serif;
    font-weight: 600;
    padding: 35px 0;
    text-align: left;
    width: 90%;
}


body .top_franchise_carousel .dipi_carousel_child_0:before {
    content: "FRANCHISE ONE";
}
body .top_franchise_carousel .dipi_carousel_child_1:before {
    content: "FRANCHISE TWO";
}
body .top_franchise_carousel .dipi_carousel_child_2:before {
    content: "FRANCHISE THREE";
}
body .top_franchise_carousel .dipi_carousel_child_3:before {
    content: "FRANCHISE FOUR";
}
body .top_franchise_carousel .dipi_carousel_child_4:before {
    content: "FRANCHISE FIVE";
}
body .top_franchise_carousel .dipi_carousel_child_5:before {
    content: "FRANCHISE SIX";
}
body .top_franchise_carousel .dipi_carousel_child_6:before {
    content: "FRANCHISE SEVEN";
}
body .top_franchise_carousel .dipi_carousel_child_7:before {
    content: "FRANCHISE EIGHT";
}
body .top_franchise_carousel .dipi_carousel_child_8:before {
    content: "FRANCHISE NINE";
}
body .top_franchise_carousel .dipi_carousel_child_9:before {
    content: "FRANCHISE TEN";
}


body .top_franchise_carousel .dipi-carousel-child-wrapper {
    padding: 3vw 3vw;
}

body .top_franchise_carousel .dipi_carousel_child .dipi-carousel-item-content {
    padding: 0;
}

body .top_franchise_carousel .dipi_carousel_child .dipi-carousel-image {
    margin: auto 0 25px 0;
}

body .top_franchise_carousel .dipi_carousel_child .dipi-carousel-item-title {
    /* max-width: 420px; */
    text-align: left;
}

body .top_franchise_carousel .dipi_carousel_child .dipi-carousel-item-desc,
body .top_franchise_carousel .dipi_carousel_child .dipi-carousel-item-desc p {
    text-align: left;
}

body .top_franchise_carousel .dipi_carousel_child .dipi-carousel-image img {
    max-height: 185px;
    width: auto;
}

body .top_franchise_carousel .swiper-button-prev {
    border: 2px solid #D0030A;
    border-radius: 50%;    
    bottom: -115px;
    left: 0 !important;
    padding: 25px !important;
    top: auto;
}

body .top_franchise_carousel .swiper-button-prev:after {
    content: url(/wp-content/themes/fransmart/images/brand-carousel-back.svg);
    position: relative;
    top: -5px;
}


body .top_franchise_carousel .swiper-button-next {
    border: 2px solid #D0030A;
    border-radius: 50%;
    bottom: -115px;
    padding: 25px !important;
    left: 70px;
    top: auto;
}

body .top_franchise_carousel .swiper-button-next:after {
    content: url(/wp-content/themes/fransmart/images/brand-carousel-next.svg);
    position: relative;
    top: -5px;
}



/* Brand Tables - Portable */
body .brand-table .et_pb_text_inner table,
body .brand-table .et_pb_text_inner table tr {
	border: none;
}
body .brand-table .et_pb_text_inner table tr {
	border-style: solid;
	border-width: 0 0 1px 0;
	display: inline-table;
	width: 100%;
}
body .brand-table .et_pb_text_inner table tr:last-of-type {
	border-width: 0;
}

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

body .brand-table .et_pb_text_inner table tr td strong {
	font-size: 1.2em;
}





/* Testimonial Carousel */
body .testimonial_carousel .dipi-testimonial-text {
    padding-left: 25px;
    position: relative;
}

body .testimonial_carousel .dipi-testimonial-text:before {
    content: "“";
    left: 0;
    position: absolute;
}

body .testimonial_carousel .dipi-testimonial-name {
    padding-left: 25px;
}

body .testimonial_carousel .dipi-company-name {
    padding-left: 25px;
}

body .testimonial_carousel .dipi-testimonial-main .swiper-container:before {
    background-image: url(/wp-content/themes/fransmart/images/testimonial-bg-left.svg);
    background-repeat: no-repeat;
    background-size: contain;
    content: " ";
    display: block;
    left: 0;
    height: 100%;
    position: absolute;
    top: 0;
    width: 50%;
}

body .testimonial_carousel .dipi-testimonial-main .swiper-container:after {
    background-image: url(/wp-content/themes/fransmart/images/testimonial-bg-right.svg);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: contain;
    content: " ";
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
}



/* Podcast Resource Section */
body .podcast_resource_section .resource_column {
    border-left: 1px solid #DCDCDC;
    padding: 0 0 0 5vw;
}



/* Blog Resource Carousel */
body .resource_carousel .dipi-carousel-button-wrapper {
    display: flex;
    justify-content: flex-start;
}

body .resource_carousel .swiper-button-prev {
    border: 2px solid #D0030A;
    border-radius: 50%;    
    bottom: -75px;
    left: 0 !important;
    padding: 25px !important;
    top: auto;
}

body .resource_carousel .swiper-button-prev:after {
    content: url(/wp-content/themes/fransmart/images/brand-carousel-back.svg);
    position: relative;
    top: -12px;
}


body .resource_carousel .swiper-button-next {
    border: 2px solid #D0030A;
    border-radius: 50%;
    bottom: -75px;
    padding: 25px !important;
    left: 70px;
    top: auto;
}

body .resource_carousel .swiper-button-next:after {
    content: url(/wp-content/themes/fransmart/images/brand-carousel-next.svg);
    position: relative;
    top: -12px;
}


/* Logo Carousel */
body .logo_carousel .dipi_carousel_child .et_pb_module_inner {
    align-items: center;
    display: flex;
    justify-content: center;
    height: 100%;
}

body .logo_carousel .dipi-carousel-child-wrapper .dipi-carousel-image img {
    filter: saturate(0);
    max-height: 60px;
    transition: filter 0.15s ease-in-out;
    width: auto;
}

body .logo_carousel .dipi-carousel-child-wrapper .dipi-carousel-image img:hover {
    filter: saturate(1);
}




/* Franchise Blurb */
body .franchise_blurb .et_pb_blurb_content {
    display: flex;
}

body .franchise_blurb .et_pb_main_blurb_image {
    margin: auto;
    width: 50% !important;
}

body .franchise_blurb .et_pb_blurb_container {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    padding-left: 60px;
    width: 60% !important;
}

body .franchise_blurb .et_pb_blurb_container .et_pb_module_header {
    position: relative;
    width: 100%;
}

body .franchise_blurb .et_pb_blurb_container .et_pb_module_header:before {
    content: "“";
    left: -25px;
    position: absolute;
    top: 0;
}

body .franchise_blurb .et_pb_blurb_container .et_pb_module_header:after {
    content: "”";
}


body .franchise_blurb .et_pb_blurb_container .et_pb_blurb_description {
    width: 100%;
}

body .entry-content .franchise_blurb table,
body .entry-content .franchise_blurb tr {
    border: none !important;
}

body .entry-content .franchise_blurb tr td {
    border: none !important;
    padding: 5px 0;
}




/* Brand Carousel */
body .featured_brand_carousel .dipi-carousel-button-wrapper {
    display: flex;
    justify-content: flex-start;
}

body .featured_brand_carousel .swiper-button-prev {
    border: 2px solid #D0030A;
    border-radius: 50%;    
    bottom: -100px;
    left: auto !important;
    padding: 25px !important;
    right: 65px;
    top: auto;
}

body .featured_brand_carousel .swiper-button-prev:after {
    content: url(/wp-content/themes/fransmart/images/brand-carousel-back.svg);
    position: relative;
    top: -3px;
}


body .featured_brand_carousel .swiper-button-next {
    border: 2px solid #D0030A;
    border-radius: 50%;
    bottom: -100px;
    padding: 25px !important;
    right: 0 !important;
    top: auto;
}

body .featured_brand_carousel .swiper-button-next:after {
    content: url(/wp-content/themes/fransmart/images/brand-carousel-next.svg);
    position: relative;
    top: -3px;
}



/* Mega Menu - Focus Links */
body.dipi-mobile-cta-button header #mega-menu-section #menu-primary-menu li a.dipi-cta-button:focus  {
	color: #fff !important; 
}

body.dipi-mobile-cta-button header #mega-menu-section #menu-primary-menu li a.dipi-cta-button:hover:focus  {
	color: #970005 !important; 
}

body header #mega-menu-section #menu-primary-menu li a:focus {
    background-image: url(/wp-content/themes/fransmart/images/nav-arrow-down-red.svg);
    /*color: #d0030a !important; */
	color: #970005 !important; 
}



/* Mega Menu - Own a Franchise Active Top Links */
body.page-id-21447 header #mega-menu-section #menu-primary-menu li.own-franchise-menu a,
body.page-id-21512 header #mega-menu-section #menu-primary-menu li.own-franchise-menu a {
    background-image: url(/wp-content/themes/fransmart/images/nav-arrow-down-red.svg);
    color: #d0030a !important;
}

/* Mega Menu - Own a Franchise Your Business Links */
body.page-id-21448 header #mega-menu-section #menu-primary-menu li.franchise-business-menu a,
body.page-id-2194 header #mega-menu-section #menu-primary-menu li.franchise-business-menu a {
    background-image: url(/wp-content/themes/fransmart/images/nav-arrow-down-red.svg);
    color: #d0030a !important;
}



/* Mega Menu - Desktop */
@media (min-width: 1001px) {

    header #mega-menu-section .mega_menu_nav_row {
        justify-content: space-between;
    }

    header #mega-menu-section .logo_column {
        margin: 0 !important;
        width: 13% !important;
    }    

    header #mega-menu-section .nav_column {
      display: flex;
      justify-content: flex-end;
      margin: 0 !important;
      width: 87% !important;
    }
    
    header #mega-menu-section .fransmart_logo {
        margin: 0 !important;
    }

    header #mega-menu-section .et_pb_widget_area {
      align-items: center;
      display: flex;
      justify-content: flex-end;    
      margin-bottom: 0 !important;
      margin-right: 0;
    }
  
    header #mega-menu-section .widget_nav_menu,
    body header .mega-menu .widget_nav_menu {
      margin: 0 !important;
      width: 100%;
    }
  
    /**/
    header #mega-menu-section #menu-primary-menu {
      align-items: center;
      display: flex;
      min-width: 960px;
      justify-content: flex-end;
    }
    
  
    header #mega-menu-section #menu-primary-menu li {
      margin-bottom: 0;
      margin-left: 1vw;
    }
  
    header #mega-menu-section #menu-primary-menu li a {
        background-image: url(/wp-content/themes/fransmart/images/nav-arrow-down-black.svg);
        background-repeat: no-repeat;
        background-position: right center;
        display: block;
        font-size: 13px;
        padding: 0 20px 0 0;
    }
    
    header #mega-menu-section #menu-primary-menu li a:hover {
        background-image: url(/wp-content/themes/fransmart/images/nav-arrow-down-red.svg);
    }

    body.dipi-mobile-cta-button header #mega-menu-section #menu-primary-menu li a.dipi-cta-button {
        background-image: none;
    }
  
  }
  
  
  body:not(.wp-admin) header .mega-menu {
    opacity: 0;
    visibility: hidden;
  }
  
  
  body header .mega-menu {
    position: absolute;
    transition: all 0.35s ease-in-out;
    width: 100%;
  }
  
  body header .mega-menu .close {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 50px;
    justify-content: center;
    position: absolute;
    right: 50px;
    top: 15px;
    width: 40px;
    z-index: 1000;
}



/* Mega Menu - Desktop */
@media (min-width: 1100px) {

    header #mega-menu-section #menu-primary-menu li {
        margin-left: 1.5vw;
    }

    header #mega-menu-section #menu-primary-menu li a {
        font-size: 14px;
    }

}

/* Mega Menu - Large Desktop */
@media (min-width: 1200px) {

    header #mega-menu-section #menu-primary-menu li {
        margin-left: 1.75vw;
    }

    header #mega-menu-section #menu-primary-menu li a {
        font-size: 15px;
    }

}

/* Mega Menu - Large Desktop */
@media (min-width: 1300px) {

    header #mega-menu-section #menu-primary-menu li {
        margin-left: 2vw;
    }

    header #mega-menu-section #menu-primary-menu li a {
        font-size: 16px;
    }

}





body header .mega-menu button.close_icon {
    background-color: transparent;
    background-image: url(/wp-content/themes/fransmart/images/icon-close-x-red.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border: none;
    cursor: pointer;
    display: block;
    height: 25px;
    position: absolute;
    right: 25px;
    top: 25px;
    width: 25px;
    z-index: 100;
  }

  body header .mega-menu.open {
    opacity: 1;
    visibility: visible;
  }
  
  body #mega-menu-section button.burger {
    background-color: transparent;
    background-image: url(/wp-content/themes/fransmart/images/burger-red.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border: none;
    cursor: pointer;
    display: block;
    height: 20px;
    position: absolute;
    right: 25px;
    top: 30px;
    width: 20px;
  
    display: none;
    z-index: 100;
  }
  
  body #mega-menu-section button.burger.open {
    background-image: url(/wp-content/themes/fransmart/images/icon-close-bar-red.svg);
  }
  




/* Mega Menu - Tablet and DOWN */
@media (max-width: 1000px) {

    header #mega-menu-section .logo_column {
        margin-bottom: 0;
    }

    header #mega-menu-section .nav_column {
        background-color: #fff;
        left: -6%;
        opacity: 0;
        padding: 15px 5%;
        position: absolute;
        top: 70px;
        transition: all 0.35s ease-in-out;
        visibility: hidden;
        width: 112% !important;
        z-index: 200;
    }

    header #mega-menu-section .nav_column.open {
        margin-left: 0;
        opacity: 1;
        visibility: visible;
    }

    body #mega-menu-section button.burger {
        display: block;
    }

    body header .mega-menu button.close_icon { 
        right: 25px;
        top: 20px;
    }

    body #mega-menu-section .menu-mega-menu-primary-container {
        padding: 0 15px 15px;
    }

    header #mega-menu-section .et_pb_widget_area {
        margin: 0 !important;
    }

    header #mega-menu-section .widget_nav_menu,
    body header .mega-menu .widget_nav_menu {
        margin: 0 !important;
        width: 100%;
    }

    header #mega-menu-section #menu-primary-menu li a {
        border-bottom: 1px solid rgba(0,0,0,.09);
        color: #002068;
        display: block;
        font-size: 14px;
        font-weight: 500;
        margin: 10px 0;
        padding: 10px 0;
        text-transform: uppercase;
    }  

    header #mega-menu-section #menu-primary-menu li a:after {
        content: url(/wp-content/themes/fransmart/images/nav-arrow-down-black.svg);
        display: inline-block;
        left: 5px;
        position: relative;
        top: 0;
        transform: rotate(-90deg);
    }  

    body.dipi-mobile-cta-button header #mega-menu-section #menu-primary-menu li a.dipi-cta-button {
		background-color: #D0030A !important;
    }

    body header .mega-menu i.close {
        /* background-image: url(/wp-content/themes/fransmart/images/nav-arrow-down-black.svg); */
        /* background-image: url(/wp-content/themes/fransmart/images/icon-x-close.svg); */
        background-size: contain;
        content: "x";
        height: 25px;
        left: 5%;
        right: auto;
        top: 3%;
        /* transform: rotate(-90deg); */
        width: 25px;
    }

    body header .mega-menu {
        z-index: 100;
    }

    body header .mega-menu.open {
        opacity: 1;
        visibility: visible;
        z-index: 1000;
    }
/*Shawn bug fix */
body header #mega-menu-section #menu-primary-menu li a:focus {
    background-image: none;
}


}
  



/* Mobile Menu - Logo Home Link */
#menu-primary-menu li.menu-item-home {
    display: none;
}

body #mobile_menu li.menu-item-home a {
    border-radius: 0;
    /* content: url(/wp-content/); */
    display: block;
    margin: auto;
    max-width: 300px;
}

body #mobile_menu li.menu-item-has-children {
    border-bottom: 1px solid #ffffff !important;
}

body #mobile_menu li:nth-last-of-type(2) {
}

body .et_mobile_menu li > .sub-menu {
    margin-bottom: 25px;
}

body .et_mobile_menu li > .sub-menu > li {
    margin-bottom: 0 !important;
}

body .et_mobile_menu li.menu-item-has-children > a, 
body .et-menu li.menu-item-has-children > a,
body .et_mobile_menu li > .sub-menu > li > a {
    font-family: bilo,sans-serif;
    font-size: 16px !important;
    margin-bottom: 0 !important;
}

html body.dipi-collapse-submenu-mobile .et-l--header .et_mobile_menu li .sub-menu:before, 
body .et_mobile_menu li > .sub-menu:before {
    height: 0 !important;
}

html body.dipi-collapse-submenu-mobile .et-l--header .et_mobile_menu li .sub-menu:after, 
body .et_mobile_menu li > .sub-menu:after {
    height: 0 !important;
}

body .et_mobile_menu .dipi-cta-button-menu-item {
    margin-top: 50px;
}



/* Divi Footer */
footer .widget_nav_menu {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

footer #menu-row li {
    margin-bottom: 0;
}

footer #menu-row li a {
    display: block;
    padding: 10px 0;
}


footer #legal-menu ul.menu {
    display: flex;
}

footer #legal-menu ul.menu li {
    margin-left: 1vw;
}

footer #legal-menu ul.menu li:before {
    content: "\2022";
    margin-right: 1vw;
}



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


    footer #menu-row .et_pb_column {
        margin: 0;
        width: 25% !important;
    }

    footer #menu-row .et_pb_column:first-of-type {
        margin-bottom: 50px;
        /* width: 100% !important; */
    }


    footer #copyright-social-row .et_pb_column {
        display: flex;
        margin: 0;
        width: 100% !important;
    }

    footer #copyright-social-row ul.et_pb_social_media_follow {
        margin: 10px 0 0 -10px;
        text-align: center;
    }


}

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


    /* Franchise Tabs */ 
    body .franchise_tabs .et_pb_tab_content p,
    body .franchise_tabs .et_pb_tab_content ul li {
        font-size: 1rem;
    }


    /* Resource Grid */
    body .resource_grid .dp-dfg-skin-default .dp-dfg-filters ul {
        border-radius: 16px;
        justify-content: center;
        padding: 10px 5px;
    }

    body .resource_grid .dp-dfg-skin-default .dp-dfg-filters ul li {
        width: 100%;
    }

    body .resource_grid .dp-dfg-skin-default .dp-dfg-filter a.dp-dfg-filter-link {
        border-radius: 8px;
        text-align: center;
    }   



    /* Podcast Resource Section */
    body .podcast_resource_section .resource_column {
        border: none;
        border-top: 1px solid #DCDCDC;
        margin: 5vh 0 0 0;
        padding: 5vh 0 0 0;
    }


    /* Franchise Blurb */
    body .franchise_blurb .et_pb_blurb_content {
        flex-wrap: wrap;
    }
    
    body .franchise_blurb .et_pb_main_blurb_image {
        margin-bottom: 25px;
        width: 100% !important;
    }
    
    body .franchise_blurb .et_pb_blurb_container {
        padding-left: 25px;
        width: 100% !important;
    }
    
    body .franchise_blurb .et_pb_blurb_container .et_pb_module_header {
        margin-bottom: 3vw;
    }

    body .franchise_blurb .et_pb_image_wrap {
        display: flex;
        justify-content: center;
        margin-bottom: 25px;
    }


    /* Two Column Bullets - Text Module */
    body .two_column_bullets ul {
        columns: auto;
    }


    /* Featured Resources */
    body .featured_resource_grid .dp-dfg-item {

    }

    body .featured_resource_grid .dp-dfg-layout-grid .dp-dfg-image {
        width: 100%;
    }

    body .featured_resource_grid .dp-dfg-featured-image {
        height: auto;
        max-height: none;
        width: 100%;
    }

    body .featured_resource_grid .dp-dfg-meta {
        width: 100%;
    }

    body .featured_resource_grid .dp-dfg-header {
        width: 100%;
    }    



    footer #menu-row .et_pb_column {
        margin-bottom: 25px;
        width: 100% !important;
    }

    footer #menu-row .et_pb_column:first-of-type {
        margin-bottom: 25px;
    }

    footer #legal-menu ul.menu {
        flex-wrap: wrap;
    }

    footer #legal-menu ul.menu li {
        width: 100%;
    }
    
    footer #legal-menu ul.menu li:before {
        display: none;
    }

    footer #copyright-social-row .et_pb_column {
        justify-content: center;
    }    

    footer #copyright {
        margin-bottom: 15px !important;
    }


    /* Brand Sticky Nav */
    body #brand-sticky-nav .et_pb_column {
        justify-content: center;
    }    

}

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

    /* Text Module - Floating Image Alignment */
    body .et_pb_text img.alignleft,
    body .et_pb_text img.alignright {
        margin: 0 0 15px 0;
        float: none;
        width: 100%;
    }


    /* Franchise Tabs */ 
    body .franchise_tabs .et_pb_tab_content p {
        font-size: 0.9rem;
    }

    body .franchise_tabs .et_pb_tab_content ul li {
        font-size: 0.9rem;
    }    


    /* Testimonial Video Popup - Divi Blurb */
    body .et_pb_blurb.video_testimonial .et_pb_image_wrap:before {
        left: 32%;
    }

    body .et_pb_blurb.video_testimonial .et_pb_blurb_description {
        order: 1;
        margin: 25px 0 25px 0;
        padding: 0 0 0 25px;
    }

}


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


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

    /* Franchise Blurb */
    body .entry-content .franchise_blurb tr {
        display: flex;
        flex-wrap: wrap;
        width: 200%;
    }

    body .entry-content .franchise_blurb tr td {
        display: block;
        width: 100% !important;
    }


    /* Franchise CTA - Two Column */
    body .franchise_cta_2_col .et_pb_column_1_2:first-of-type {
        margin-bottom: 15px !important;
        margin-right: 15px !important;
    }

    body .franchise_cta_2_col .et_pb_column_1_2:last-of-type {
        margin-left: 15px !important;
        margin-top: 0 !important;
    }



}