/*-------------------------------------------------------
Theme Name: Divi Child Theme
Description: A child theme template for Divi
Template: Divi
Version: 1.0.0
----------------- ADDITIONAL CSS HERE ------------------*/
/* Common CSS */
html,body{font-weight:normal;}
.d_inline_block a{display:inline-block;} 
.red-heading span{color:#DB010A;}
body.custom-background{background-image:url('https://hotbagelsstg.wpenginepowered.com/wp-content/uploads/2025/07/body-bg.svg');background-size:contain !important;background-repeat:repeat-y !important;width:100%;background-attachment:fixed !important;}
.hero_banner{padding-top: 120px;}
.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close{opacity: .7 !important;}
/* Style for text selected by the user */
::selection {
    background: #333; /* Dark gray background */
    color: #fff;      /* White text */
}

/* For older versions of Firefox */
::-moz-selection {
    background: #333; /* Dark gray background */
    color: #fff;      /* White text */
}
/* Navigation */ 
.et_pb_menu .et-menu > li{padding-left: 20px !important;padding-right: 20px !important;}
header .et_pb_menu .et-menu-nav > ul ul{padding:0px !important;}
header .nav li li{padding: 0px !important;width: 100%;}
header .nav li li a{width: 100%;}     
header #mobile_menu1{z-index: -1;padding: 45px 0px 15px 0px;margin-top: 10px;}
header #mobile_menu1 li ul.hide{display:none !important;}
header #mobile_menu1 .menu-item-has-children{position:relative;}
header #mobile_menu1 .menu-item-has-children > a{background:transparent;}
header #mobile_menu1 .menu-item-has-children > a + span{position:absolute;right:0;top:0;padding:5px 10px;font-size: 20px;font-weight:700;cursor:pointer;z-index:3;color:#fff;background:#DB010A;}
header .et_mobile_menu li a{padding:5px 5%!important;font-size:14px !important;} 
header span.menu-closed:before{content:"\4c";display:block;color:inherit;font-size:16px;font-family: ETmodules;}
header span.menu-closed.menu-open:before{content:"\4d";}
header .mobile_nav.opened .mobile_menu_bar::before{content:"\4d";}
header .et_mobile_menu .menu-item-has-children > a{font-weight:600 !important;}
header .sub-menu .sub-menu{margin-top: 20px;}
header li ul.sub-menu a{line-height: 1.3em !important;}

/* Grvity Form CSS */
/* Validation CSS */
.gform_submission_error.hide_summary,.validation_error, .instruction.validation_message,.gform_validation_errors{display:none;}
.gfield_description.validation_message {padding:0 !important;color:#c1272a !important;}
.gform_wrapper .gfield_validation_message, .gform_wrapper .validation_message{background: transparent !important;border: none !important;font-size: 12px !important;}
.gform_wrapper li.gfield.gfield_error{background:none !important;border:none !important;padding-top:0px !important;}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label{margin-top:0px !important;}
.gfield_error input{border:1px solid #c1272a !important;}
.gform-theme--foundation .gfield input.large{height: 65px !important;border:none !important;}
.gfield_select option:first-child{display: none !important;}
/* Grvity Form Common CSS */
.gform_wrapper{margin-bottom:0px !important;}
 body .gform_wrapper ul li.gfield,input{margin-top:0px !important}
.gform_wrapper .gform_footer{padding-top:0px !important;margin-top:0px !important}
.gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type="text"]{margin-bottom:0px !important}
.gform_wrapper textarea{height:120px !important}
.gform_wrapper li{margin-bottom:15px !important} 
.has_first_name label{display:none !important}
.gform_wrapper input,.gform_wrapper textarea,.gform_wrapper select{padding:15px !important;}
input[type="submit"]{padding:12px 30px !important;border:none !important;cursor:pointer;transition:ease-in-out 0.2s;font-weight: 500 !important;text-transform: capitalize !important;border-radius:0px;}
.datepicker{width: 100% !important;}
.gform_wrapper select{-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;}
.ginput_container.ginput_container_select{position: relative;}
.ginput_container_select::before{content: '\f107';font-family: FontAwesome;position: absolute;color: #000;right: 25px;top: 52%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);font-size: 20px;}
.ginput_right.address_country.ginput_address_country.gform-grid-col::before{content: '\f107';font-family: FontAwesome;position: absolute;color: #000;right: 25px;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);font-size: 20px;}

.gfield_required.gfield_required_text{display: none !important;}
.gform-theme--framework select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):where(:not([multiple])):hover{background-image: none !important;}
.gform-theme--framework select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):where(:not([multiple])):focus{background-image: none !important;}
/* style-1 css */ 
.gf-theme-one ul.gform_fields li.gfield{padding-right: 0px !important;}
.gf-theme-one ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half){max-width: calc(100% - 0px) !important;}
.gf-theme-one ::placeholder{color:#555;opacity:1 !important;}
.gf-theme-one input[type="text"], .gf-theme-one input[type="email"], .gf-theme-one input[type="tel"], .gf-theme-one input[type="url"],.theme-one input[type="number"],.theme-one input[type="file"], .gf-theme-one select,.theme--foundation .gfield input.large,.gf-theme-one .gform_wrapper.gravity-theme input[type=number]{color: #555;border: solid 1px #F5F5F5 !important;padding: 12px 15px !important;border-radius: 5px;height: 65px !important;background:#fff;}
.gf-theme-one textarea{color: #555;border: solid 1px #F5F5F5 !important;padding: 12px 15px !important;border-radius: 5px;height: 100px;background:#fff;}
.gf-theme-one h3{font-size: 16px !important;text-transform:uppercase;font-family: 'Londrina Solid',display;font-weight:bold;}
.gf-theme-one h3{margin-bottom:-25px !important;}
.gf-theme-one label.gfield_label.gform-field-label{font-size: 15px !important;font-weight: 500 !important;}
.gf-theme-one .gfield--type-choice .gchoice, .gfield--type-choice .ginput_container_consent{align-items: center;}
.gf-theme-one .ginput_container.ginput_container_consent{position:relative;}
.gf-theme-one .ginput_container.ginput_container_consent input[type="checkbox"]{position: absolute;left: 0px;top: 3px;}
.gf-theme-one  .ginput_container.ginput_container_consent label{font-size: 13px;color: #EDEDED;line-height: 1.5em;padding-left:30px;display:block;}
.gf-theme-one  .ginput_container.ginput_container_consent label a:hover{color:#fff;}
.gf-theme-one .gform_footer.top_label{display: block !important;width: auto;text-align:center;padding-bottom: 0px !important;margin-top: 25px !important;}
.gf-theme-one input[type="submit"]{background: #db010a !important;color: #fff !important;border-radius: 50px !important;padding: 15px 25px !important;position: relative !important;font-weight: bold !important;min-height: auto !important;line-height: normal !important;width: 200px !important;margin:0px auto !important;text-align:center !important;font-size:16px !important;height: 65px !important;line-height: 2em !important;}
.gf-theme-one input[type="submit"]:hover{background: #FFC000 !important;color:#000 !important;}
.gf-theme-one img.gform_ajax_spinner {position:absolute;left:50% !important; top:auto !important; bottom:-10px !important; margin-bottom:-15px;margin-left:-10px;} 
.gf-theme-one .gform_previous_button.gform-theme-button.gform-theme-button--secondary.button{border-radius: 50px !important;}
.gf-theme-one .gform_next_button.gform-theme-button.button{background: #db010a !important;border-radius: 50px !important;padding-left: 25px !important;padding-right: 25px !important;}
.gf-theme-one h3{margin-bottom: 5px !important;font-size: 22px !important;}
.gf-theme-one h4{font-size: 20px;margin-bottom: 0px;}
/* End Grvity Form */

/* Sidebar CSS */
.et_pb_widget_area .et_pb_widget a{font-size: 15px;color:#64727C !important;}
.et_pb_widget_area .et_pb_widget a:hover{color:#DB010A !important;}
.et_pb_widget_area h4.wp-block-heading{margin-bottom: -10px !important;padding-bottom: 0px !important;font-size:20px;}
.et_pb_widget_area h2.wp-block-heading{font-size: 24px !important;padding-bottom: 0px !important;}
.et_pb_widget{margin-bottom:15px !important;}
.et_pb_widget_area_left{border-right: none;padding-right: 0;}
.widget_search input#searchsubmit{width:auto !important;border-radius:5px;color:#fff;line-height:0px !important;padding:10px 20px;}
.widget_search input#s{border-radius:30px;}
.et_pb_widget .wp-block-search__input{border-radius: 5px !important;font-size: 15px !important;height: 50px !important;}
.et_pb_widget .wp-block-search__button{font-size: 16px !important;font-weight: 600 !important;padding: 15px 20px;color: #fff;background: #223645;height: 50px !important;border-radius: 5px;}
.et_pb_widget .wp-block-search__button:hover{background: #DD3333;}
.widgettitle{font-weight: bold;}
.et_pb_title_meta_container{margin-bottom: 25px;}
.search_page .et_pb_searchsubmit{padding: 12px 30px !important;font-weight: 500;}
.search.search-no-results .entry{text-align: center;}  
.more-link{margin-top: 15px !important;display: inline-block;}
 /*END  Sidebar CSS */

/* Footer */
.footer_heading .et_pb_module_heading{padding-bottom: 16px !important;margin-bottom: 15px;}
.footer_heading .et_pb_module_heading::before{content: "";background: #DD3333;padding: 1px 0px;position: absolute;width: 60px;bottom: 0px;border-radius: 30px;height: 0.5px;left: 0px;}
.footer_heading .et_pb_module_heading::after{content: "";background: #DD3333;padding: 1px 0px;position: absolute;width: 20px;bottom: 0px;border-radius: 30px;height: 0.5px;left: 70px;}
#menu-footer-menu{display: flex;flex-direction: row;flex-wrap: wrap;width: 270px;}
#menu-footer-menu li{position: relative;padding-left: 20px;margin-bottom: .3em !important;width: 50%;}
#menu-footer-menu li::before{content: "\f105";font-family: FontAwesome;color: #FFC821 !important;position: absolute;left: 0px;top: 0px;}
#menu-footer-menu a:hover{color:#FFC821 !important;}
#menu-other-links{display: flex;flex-direction: column;flex-wrap: wrap;width: 100%;}
#menu-other-links li{margin-bottom: .3em !important;}
#menu-other-links li{position: relative;padding-left: 20px;margin-bottom: .3em !important;display:block;}
#menu-other-links li::before{content: "\f105";font-family: FontAwesome;color: #FFC821 !important;position: absolute;left: 0px;top: 0px;}
#menu-other-links a:hover{color:#FFC821 !important;}
 
/* Sitemap Page */
.sitemap_links .et_pb_widget.widget_nav_menu{width: 100% !important;margin: 0px !important;padding: 0px !important;}
.sitemap_links #menu-sitemap-menu{display: flex;flex-direction: column;flex-wrap: wrap;column-gap: 15px;}
.sitemap_links .et_pb_widget_area_left{border-right: none !important;padding-right: 0px !important;}
.sitemap_links .et_pb_widget.widget_nav_menu{padding: 0px !important;margin: 0px !important;}
.sitemap_links li{position: relative;padding-left: 20px;margin-bottom: .3em !important;width: 50%;}
.sitemap_links li:last-child{margin-bottom: 0px !important;}
.sitemap_links li::before{content: "\f105";font-family: FontAwesome;color: #DB010A !important;position: absolute;left: 0px;top: 0px;}
.sitemap_links a:hover{color:#DB010A !important;}

/* Home Page : Place an Order Now */
.order_menus .et_pb_column:hover{color:#F6EBEB !important;box-shadow:0px 0px 25px rgba(0, 0, 0, 0.25);}
.order_menus .et_pb_column:hover h3{color:#fff !important;}
.order_menus .et_pb_column a.et_pb_button{color:#E20203 !important;}
.order_menus .et_pb_column:hover a.et_pb_button{color:#fff !important;}
.order_menus .et_pb_column:hover a.et_pb_button:hover{color:#000 !important;}
.order_menus .et_pb_column .et_pb_button[data-icon]:not([data-icon=""])::after{margin-top: 2px;}

/* Custom Tabs */
.cus-tabs-nav{display: flex;flex-direction: row;column-gap: 20px;row-gap: 10px;justify-content: center;margin-bottom: 30px;flex-wrap: wrap;}
.cus-tabs-nav button{border: solid 1px #E2E1E2;padding: 15px;border-radius: 50px;font-size: 16px;color: #141414;font-weight: 500;width: 150px;cursor: pointer;background:transparent !important;}
.cus-tab-button{border: solid 1px #E2E1E2;padding: 15px;border-radius: 50px;font-size: 16px;color: #141414;font-weight: 500;width: 150px;cursor: pointer;} 
.cus-tab-button.active{border-color: #E20203;color: #fff;background-color: #E20203 !important;}
.cus-tab-content{display: none;}
.cus-tab-content.active{display: block;}
.cus-tab-content.active{display: none;display: flex;flex-direction: row;flex-wrap: nowrap;column-gap: 2%;row-gap: 20px;}
.cus-tabs-cols{border: solid 1px #E8E8E8;padding: 25px 20px;text-align: center;border-radius: 20px;width: 32%;font-size: 15px;background:url('https://hotbagelsstg.wpenginepowered.com/wp-content/uploads/2025/07/cus-tab-content-bg-1.svg') no-repeat center bottom;background-size:cover;}
.cus-tab-content h3{font-size: 28px;}
.cus-tabs-cols:hover{background:url('https://hotbagelsstg.wpenginepowered.com/wp-content/uploads/2025/08/cus-tab-content-hoverbg.png') no-repeat center bottom;background-size:cover;box-shadow:0px 0px 25px rgba(0, 0, 0, 0.25);}
.cus-tab-content h3{font-size: 28px;}
.cus-tabs-cols a.cus-tab-btn{margin-top: 20px !important;display: inline-block;font-weight: 500;font-size: 16px;position: relative;margin-bottom: 50px;}
.cus-tabs-cols a.cus-tab-btn::after{content: "\24";font-family: 'ETmodules';position: absolute;right: -20px;top: 2px;}
.cus-tabs-cols:hover{color:#fff;}
.cus-tabs-cols:hover h3{color:#fff;}
.cus-tabs-cols:hover a.cus-tab-btn{color:#fff;}
.cus-tabs-cols:hover a.cus-tab-btn:hover{color:#000;}
.cus-tab-img{max-width: 100%;clear: both;display: block;margin: auto;}

/* Testimonials */
.customers-slider .brb_0{border-radius:20px;border-bottom-left-radius:0px !important;background:#fff;box-shadow: 0px 5px 15px 0px RGBA(0,0,0,0.08);}
.customers-slider .n2-ss-section-main-content.n2-ss-layer-with-background.n2-ss-layer-content{background: transparent !important;}

.moreless-button1,.moreless-button1{background: #db010a;border: none;padding: 20px 15px;font-weight: 500;font-size: 16px;color: #fff;border-radius: 50px;cursor:pointer;margin-top:15px;width:150px;}
.moreless-button1:hover{background: #000000;}
.moreless-button2:hover{background: #000000;}

@media only screen and (max-width:980px)
{ 
	.hero_banner{padding-top: 70px;}
	/* Custom Tabs */
	.cus-tab-content.active{flex-direction: column;flex-wrap: wrap;}
	.cus-tabs-cols{width: 100%;}
	.cus-tab-content h3{font-size: 24px;}
}