/*
Theme Name: Firefront Child
Description: Child Theme for firefront Theme
Author: zozothemes
Version: 1.0
Template: firefront
Tags: one-column, two-columns, right-sidebar, flexible-header, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
Text Domain: zozothemes
*/

/*Custom Style Code Right Here */

/* GLOBAL */

.firefront-content-wrap {
    /* padding-top: 0 !important; */
}

.elementor-slide-description h1{font-size:48px !important;}

.fixed-width a.elementor-button{
	min-width: 225px;
}

.eael-product-list-buttons a.add_to_cart_button{
		min-width: 150px;
	border-radius:10px !important;
}

#breadcrumb li{
white-space: normal;
  word-break: break-word;
}
.wpcf7-submit{line-height:1.1em !important;}

/* LOGO */

.logo-tagline .elementor-heading-title a{
	display:grid;
	grid-template-columns: 1fr 1.5fr;
	align-content:center;
	align-items:center;
	grid-gap:0px;
	
}


.logo-tagline .elementor-heading-title p{
	font-family: "Roboto", Sans-serif !important;
	position: relative;
  	left: 3px;
	top: 1px;
	letter-spacing: 0.1px;
}

.logo-tagline h5{
	font-family:"Balthazar", Sans-serif;
	font-size: 44px;
}

.logo-tagline img{
	width:100px;
}

.logo-tagline .tagline-text{
	font-size:12px;
	position:relative;
	color:#000;
	top: -2px;
	
}


/* MAIN NAVIGATION */

.elementor-nav-menu .sub-arrow .e-font-icon-svg {height: 1.8em;}
/*
body.chrome-browser .elementor-nav-menu .sub-arrow .e-font-icon-svg {position: relative;top: 8px;}
*/

/* top set to 8px from 10px by Sougata */

.main-menu .elementor-nav-menu a{
	text-align:center;
}



/* Full menu item styling */
.elementor-nav-menu > li > a.elementor-item {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  text-align: center;
   white-space: normal;
}

/* Submenu arrow alignment */
.sub-arrow {
  display: flex;
  align-items: flex-end;
  transform: translateY(1px); /* fine-tune as needed */
}





/* HOME HERO */

.hero-btn-1,
.hero-btn-2{
	font-size: 16px !important;	
    font-weight: 600;
	border: 1px solid #632218 !important;
	font-family: "Roboto", Sans-serif !important;

}

.hero-btn-1{
	background: #FFF !important;
	color: #632218 !important;
    margin-right: 12px;
}

.hero-btn-1:hover{
	background-color:#9B1103 !important;
	color: #FFF !important;
}

.swiper-slide-inner{
    width: 100%;
    max-width: 1140px;
    margin: auto;
    padding-left: 0 !important;	
}

.swiper-slide-contents .elementor-slide-heading{
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); 

}

.slider-icon{
position: relative;
    left: 0px;
    height: 14px;
}

.header-cart-icon .elementor-button .elementor-button-icon{
    position: absolute;
    right: 22px;	
}

#elementor-menu-cart__toggle_button{
	background-color:transparent !important;
	position: relative;
    top: -9.5px;
	padding: 0;
	right:-16px;
}

#elementor-menu-cart__toggle_button:hover{
	background-color:transparent !important;
}

.e-search-input,
.e-search-submit{
	height:25px;
}

/* BLOG PAGE */

.single-post .col-md-12,
body.blog .col-md-12{
	width: 100%;
    max-width: 66%;
    margin: auto;
    padding-top: 35px;
}


/* SINGLE POST */


blockquote{
	padding-top:55px;
}

blockquote::before {
    content: "“" !important;
    font-size: 250px !important;
    font-family: "Roboto", Sans-serif !important;
    position: absolute !important;
    left: -16px !important;
    top: -29px !important;
    color: #222 !important;
    z-index: 1 !important;
    opacity: .08 !important;
}

.single-post .top-meta-wrap{display:none;}
.single-post .featured-media{margin-bottom:40px;}


/* CONTACT US */

.eael-contact-form-7 .wpcf7-form p{width:100%;margin-bottom: 0;padding-bottom: 0;}

.wpcf7-form label{font-size:16px;}

.product-checkboxes .wpcf7-form-control,
.mailing-radio .wpcf7-form-control{padding:.0 !important;}

.product-checkboxes .wpcf7-list-item,
.mailing-radio .wpcf7-list-item{display:block !important;}
.product-checkboxes .wpcf7-list-item,
.mailing-radio .wpcf7-list-item{margin:0 !important;}


/* Force each checkbox item to stack vertically */
.product-checkboxes .wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item {
  display: block;
}

/* Optional: make labels full-width and align nicely */
.product-checkboxes .wpcf7-list-item label {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 0;
 margin-bottom: 0 !important;
}

.contact-submit input[type="submit"] {line-height: 1em !important;}

.country-drop-down .form-control{height:auto !important;}
.country-drop-down select {
    border: 1px solid var(--cus-border-color);
}

aside .wpcf7-form{
	padding:40px;
}


aside .wpcf7-form .wpcf7-form-control{padding:10px !important;}

input.wpcf7-form-control.wpcf7-submit{border-radius:10px !important;text-transform: capitalize !important;}

.connect-with-dotybelt .wpcf7-submit{
	width: 120px !important;
}

aside .wpcf7-form .connect-with-dotybelt .wpcf7-form-control{
    padding: 0 !important;
}


/* MEDIA */




@media (max-width: 1400px) {
  /* Hide the desktop menu */
	/*
	body.chrome-browser .elementor-nav-menu .sub-arrow .e-font-icon-svg {position: relative;top: -2px;} 
	*/
	/* top set to -2px from 0px by Sougata */
	
	.main-menu .elementor-nav-menu .hide-br br{display:none;}

	.menu-mini-cart #elementor-menu-cart__toggle_button{display:none;}
	.menu-mini-cart{display:none;}	
	
	.menu-div{align-items: end;}
	.menu-div .elementor-nav-menu--burger{position: relative;top: -2px;align-self: end;}
  	.elementor-nav-menu--main {display: none !important; }
 
  /* Show hamburger icon */
  .elementor-menu-toggle {
    display: flex !important;
    justify-content: center;
    align-items: center;
  }

  /* Show the dropdown */
  .elementor-nav-menu--dropdown.elementor-nav-menu__container {
    display: block !important;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #fff; /* change as needed */
    z-index: 9999;
	  box-shadow: 0px 3px 60px 0px rgba(0, 0, 0, 0.16) !important;
  }

  .elementor-nav-menu--dropdown ul {
    /*display: block;*/
    margin: 0;
    padding: 0;
  }

  .elementor-nav-menu--dropdown li {
    display: block;
  }

  .elementor-nav-menu--dropdown li a {
    color: #000; /* change as needed */
    text-decoration: none;
  }
	
.elementor-nav-menu--dropdown {
  z-index: 99999 !important;
}
	
	
	
	.elementor-nav-menu > li > a.elementor-item{justify-content: left !important;text-align: left !important;padding-left: 20px !important;}

	  /* Force the dropdown panel to be half width */
  .elementor-nav-menu--dropdown.elementor-nav-menu__container {
	width: 50vw !important;
    max-width: 50vw !important;
    left: auto !important;
    right: -10px !important;
    overflow-y: auto;
  }

  /* Optional: make sure the close button remains visible */
  .elementor-menu-toggle {
    z-index: 9999;
    position: relative;
  }
	
	.elementor-nav-menu--dropdown.elementor-nav-menu__container .elementor-sub-item {
		  font-size: 13px !important;
		  text-transform: capitalize !important;
		  padding-top: 8px !important;
		  padding-bottom: 8px !important;
		  justify-content: left !important;
    	  padding-left: 20px !important;
		    text-align: left !important;
		}
	
	  /* Sub-menu only */
	  .elementor-nav-menu--dropdown ul.sub-menu {
		background-color: rgba(255, 255, 255, 0.1) !important;
	  }	
	
	
	
	
	
	
}


@media only screen and (max-width: 1200px) {
	.swiper-slide-inner{padding:0 30px !important;}
	
}

@media only screen and (max-width: 1024px) {
	body .firefront-content-wrap {padding: 10px 15px !important;}
	.elementor-slide-heading br {display:none;}
	.swiper-slide-bg{background: url('/wp-content/uploads/2025/06/harry-pic-768x540-Tablet.jpg') no-repeat !important;background-size: auto;
    background-size: cover !important;}
	.elementor-nav-menu--burger{position: relative;left:0px;}
	#elementor-menu-cart__toggle_button{right:-9px;}
	.elementor-slide-description h1{font-size:40px !important;}	
	.page-id-7 .col-md-12,
	.page-id-8 .col-md-12,
	.single-product .col-md-12{padding-left:30px !important;padding-right:30px !important;}
	

	
}


@media only screen and (max-width: 767px) {
	/*body.is-iphone .elementor-nav-menu .sub-arrow .e-font-icon-svg {position: relative;top: 10px;}*/

	#elementor-menu-cart__toggle_button{top: -9px;}
	/*.elementor--v-position-middle .swiper-slide-inner{align-items: end !important;}*/
	.elementor-slide-description{position: relative;top: 70px;}
	.elementor-slide-description h1{font-size:25pxportant;}
	
	.single-post .col-md-12, body.blog .col-md-12{max-width: 100%;}
	 .single-post article {padding-left:20px;padding-right:20px;}
	#wpj-jtoc{margin-top:0 !important;}
	

	
}

@media only screen and (max-width: 500px) {
	.hero-btn-1,.hero-btn-2{padding: 15px 20px 15px 20px !important;}
	.swiper-slide-bg{background: url('/wp-content/uploads/2025/06/harry-pic-480x540-Phone-v2.jpg') no-repeat !important;background-size: auto;
    background-size: cover !important;}
}


@media only screen and (max-width: 400px) {
	.logo-tagline img{margin-left: 10px;}
	.logo-tagline .tagline-text{font-size: 9.5px;margin-left: 7px;}
	.logo-tagline h5{font-size: 36px;}	
	 .hero-btn-1, .hero-btn-2 {padding: 10px 15px 10px 15px !important;font-size: 14px !important;}
}

@media only screen and (max-width: 350px) {
	 .hero-btn-1, .hero-btn-2 {padding: 10px 14px 10px 14px !important;font-size: 12px !important;}

}