/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 1.6.2
*/



@media screen and (max-width: 1620px){
/*variabili es var(--nome)*/
:root { 
	/*font size/line height*/
	 --size-p:16px;
	 --size-p-small:14px;
	 --size-p-big:18px;

	 --size-h1: 62px;
	 --lineH-h1: 1.2;
	 --weight-h1: 900;

	 --size-h2: 40px;
	 --lineH-h2: 1.4;
	 --weight-h2: 900;

	 --size-h3: 34px;
	 --lineH-h3: 1.4;
	 --weight-h3: 900;

	 --size-h4: 30px;
	 --lineH-h4: 1.4;
	 --weight-h4: 900;

	 --size-h5: 25px;
	 --lineH-h5: 1.4;
	 --weight-h5: 900;

	 --size-h6: 20px;
	 --lineH-h6: 1.4;
	 --weight-h6: 900;

    /*Elementi*/
	 --w-container:95%;
	 --w-container-stretto:1000px;
	 --width-btn:220px;
	 	 
	 --padding-container: 0 25px;
	 --padding-singolo:25px;

	 --padding-colonne:20px;
	 --space-margin:60px;
	}
}


@media screen and (max-width:1239px){
:root { 
	/*font size/line height*/
	 --size-p:16px;
	 --size-p-small:14px;
	 --size-p-big:18px;

	 --size-h1: 50px;
	 --lineH-h1: 1.4;
	 --weight-h1: 900;

	 --size-h2: 40px;
	 --lineH-h2: 1.4;
	 --weight-h2: 900;

	 --size-h3: 34px;
	 --lineH-h3: 1.4;
	 --weight-h3: 900;

	 --size-h4: 28px;
	 --lineH-h4: 1.4;
	 --weight-h4: 900;

	 --size-h5: 24px;
	 --lineH-h5: 1.4;
	 --weight-h5: 900;

	 --size-h6: 20px;
	 --lineH-h6: 1.4;
	 --weight-h6: 900;

    /*Elementi*/
	 --w-container:100%;
	 --w-container-stretto:1000px;
	 --width-btn:220px;
	 	 
	 --padding-container: 0 60px;
	 --padding-singolo:40px;

	 --padding-colonne:20px;
	 --space-margin:50px;
	}
}

@media screen and (max-width:1023px){
:root { 
	/*font size/line height*/
	 --size-p:16px;
	 --size-p-small:14px;
	 --size-p-big:18px;

	 --size-h1: 42px;
	 --lineH-h1: 1.4;
	 --weight-h1: 900;

	 --size-h2: 36px;
	 --lineH-h2: 1.4;
	 --weight-h2: 900;

	 --size-h3: 32px;
	 --lineH-h3: 1.4;
	 --weight-h3: 900;

	 --size-h4: 26px;
	 --lineH-h4: 1.4;
	 --weight-h4: 900;

	 --size-h5: 24px;
	 --lineH-h5: 1.4;
	 --weight-h5: 900;

	 --size-h6: 20px;
	 --lineH-h6: 1.4;
	 --weight-h6: 900;

    /*Elementi*/
	 --w-container:100%;
	 --w-container-stretto:1000px;
	 --width-btn:220px;
	 	 
	 --padding-container: 0 60px;
	 --padding-singolo:40px;

	 --padding-colonne:20px;
	 --space-margin:50px;
	}
	
	.elenco-articoli-blog article.col-33 {
    width: 50%;
    float: left;
}
}

@media screen and (max-width:767px){
	:root { 
	/*font size/line height*/
	 --size-p:16px;
	 --size-p-small:14px;
	 --size-p-big:18px;

	 --size-h1: 38px;
	 --lineH-h1: 1.4;
	 --weight-h1: 900;

	 --size-h2: 34px;
	 --lineH-h2: 1.4;
	 --weight-h2: 900;

	 --size-h3: 30px;
	 --lineH-h3: 1.4;
	 --weight-h3: 900;

	 --size-h4: 26px;
	 --lineH-h4: 1.4;
	 --weight-h4: 900;

	 --size-h5: 24px;
	 --lineH-h5: 1.4;
	 --weight-h5: 900;

	 --size-h6: 20px;
	 --lineH-h6: 1.4;
	 --weight-h6: 900;

    /*Elementi*/
	 --w-container:100%;
	 --w-container-stretto:100%;
	 --width-btn:200px;
	 	 
	 --padding-container: 0 35px;
	 --padding-singolo:35px;

	 --padding-colonne:20px;
	 --space-margin:40px;
		
		 --h-visore:500px;
		
		
	}
}

@media screen and (max-width:479px){
:root { 
	/*font size/line height*/
	 --size-p:16px;
	 --size-p-small:14px;
	 --size-p-big:17px;

	 --size-h1: 34px;
	 --lineH-h1: 1.4;
	 --weight-h1: 900;

	 --size-h2: 30px;
	 --lineH-h2: 1.4;
	 --weight-h2: 900;

	 --size-h3: 26px;
	 --lineH-h3: 1.4;
	 --weight-h3: 900;

	 --size-h4: 22px;
	 --lineH-h4: 1.4;
	 --weight-h4: 900;

	 --size-h5: 19px;
	 --lineH-h5: 1.4;
	 --weight-h5: 900;

	 --size-h6: 17px;
	 --lineH-h6: 1.4;
	 --weight-h6: 900;

    /*Elementi*/
	 --w-container:100%;
	 --w-container-stretto:100%;
	 --width-btn:190px;
	 	 
	 --padding-container: 0 30px;
	 --padding-singolo:30px;

	 --padding-colonne:20px;
	 --space-margin:40px;
	
	--h-visore:480px;
	}
}

@media screen and (max-width:374px){
:root { 
	/*font size/line height*/
	 --size-p:16px;
	 --size-p-small:14px;
	 --size-p-big:17px;

	 --size-h1: 32px;
	 --lineH-h1: 1.2;
	 --weight-h1: 900;

	 --size-h2: 28px;
	 --lineH-h2: 1.4;
	 --weight-h2: 900;

	 --size-h3: 26px;
	 --lineH-h3: 1.4;
	 --weight-h3: 900;

	 --size-h4: 22px;
	 --lineH-h4: 1.4;
	 --weight-h4: 900;

	 --size-h5: 19px;
	 --lineH-h5: 1.4;
	 --weight-h5: 900;

	 --size-h6: 17px;
	 --lineH-h6: 1.4;
	 --weight-h6: 900;

    /*Elementi*/
	 --w-container:100%;
	 --w-container-stretto:100%;
	 --width-btn:180px;
	 	 
	 --padding-container: 0 25px;
	 --padding-singolo:25px;

	 --padding-colonne:20px;
	 --space-margin:40px;
	}
}






@media screen and (max-width: 1620px){
/*correzioni tema*/
	.section_wrapper,
	.container,
	.with_aside .content_wrapper{max-width:95%!important;}

}



@media screen and (max-width:1439px){
/*colonne*/	
.row .col-25{width: 50%;}
.row .col-25:nth-child(1n) {padding-top: var(--padding-colonne);padding-bottom: var(--padding-colonne);}
.row .col-25:nth-child(odd) {padding-right: var(--padding-colonne);padding-left:0;}
.row .col-25:nth-child(even) {padding-left:var(--padding-colonne);padding-right:0;}
/*colonne*/	
}


@media screen and (max-width:1239px){
	/*correzioni tema
	#Top_bar {background-color: #ffffff00 !important;}
	.home #Header_wrapper {background-color: #00a4cc00;height:0px!important;}
	.home .sections_group {top: -60px!important; margin-bottom:-60px!important;position: relative;}
	div#Top_bar.is-sticky {   background-color: #ffffff !important;}
	div#Top_bar.is-sticky img {filter: invert(45%) sepia(92%) saturate(1677%) hue-rotate(158deg) brightness(93%) contrast(101%);}

	#Top_bar .logo{margin-left:20px!important;}
	#Top_bar .logo img{margin:0px;}
	#Top_bar a.responsive-menu-toggle{right:20px!important;margin-top:-17px!important;}
*/
	/*righe e colonne*/
	section.fit-dx,
	section.fit-sx{
		max-width:100%!important;
	}
	section.fit-dx:after,
	section.fit-sx:after {
		content:none!important;
	}
	section.fit-dx {left:0px;}
	section.fit-sx {right:0px;}
}

/******************** Emanuele GBS ***************************************/
@media screen and (min-width:1024px) and (max-width:1800px) {
	.btnSlider span {
		line-height: 30px !important;
	}
}
@media screen and (min-width:768px) and (max-width:1200px) {
	.prodotti article:hover h4 {
		top: 35% !important;
	}
	.prodotti article:hover .btnCard {
		top: 60%;
	}
	#newsletter div {
		width: 100%;
    	margin-bottom: 40px;
	}
	#newsletter {
		display: block;
	}
}
@media screen and (min-width:768px) and (max-width:1024px) {
	#menu {  justify-content: flex-end;}
	.infoShop {
		display: block;
	}
	.link-wrap {
		display: flex;
		flex-wrap:wrap!important
	}
	.link-wrap ul{width:50%!important;}
	#infoShop:after {
		margin-top: -25px;
	}
	.infoShop div {
		width: 47%;
		float: left;
		margin-left: 10px;
		margin-right: 10px;
		margin-bottom: 30px;
	}	
		form input {width: 85%;}
}	
@media screen and (max-width:767px){
	#menu {  justify-content: flex-end;}
	#infoShop:after {
		margin-top: -25px;
	}
	.buttonFascia {
		padding: 5px !important;
	}

/******************** Emanuele GBS ***************************************/

.col-85, .col-80, .col-75, .col-70, .col-60, .col-50, .col-40, .col-33, .col-30, .col-25, .col-15{
    width:100%!important; 
    padding-right:0px!important; 
    padding-left:0px!important; 
    margin-left:0px; 
    margin-right:0px;}

.col-100{
    padding-right:0px!important; 
    padding-left:0px!important; 
    margin-left:0px; 
    margin-right:0px;}
    
.max50 {max-width: none!important;}

.flex-nowrap {flex-wrap:wrap;}
/*Fine generiche*/

.title-h1,.title-h2,.title-h3,.title-h4,.title-h5,.title-h6 {
    padding-right:0px!important; 
    padding-left:0px!important; 
    margin-left:0px; 
    margin-right:0px;}

.btn,
div.wpcf7 input[type="submit"] {
	line-height:1.4;
	padding: 10px 20px;
	margin: 7.5px 0;
}

/*breadcrumb*/
.breadcrumb span a {
  overflow: hidden;
}
.breadcrumb span a:after {
  content:"";
  background: linear-gradient(90deg, rgb(26 45 67 / 0%) 0%, rgb(26 45 67) 60%);
  display:block!important;
  width:10px; height:14px;
  position:absolute; 
  right:0; 
  top:0;
  transition: all 1000ms ease-in-out;
  transition-delay: 0.25s;
}
.breadcrumb .breadcrumb_last {
  height:14px;
  line-height:14px;
  position:relative;
  margin-left:0px!important;
}
.breadcrumb span a {
  max-width: 3em;
  transition: max-width 1000ms ease-in-out;
  transition-delay: 0.25s;
  text-overflow: ellipsis;
  position:relative;
  display:inline-block;
  overflow:hidden;
  height:14px;
  line-height:14px;
  margin-bottom:-2px;
  margin-right: -5px!important;
}
.breadcrumb span a:hover,
.breadcrumb span a:focus,
.breadcrumb span li:hover a {
    max-width: 1000px;
}
.breadcrumb span a:hover:after {
  background: linear-gradient(90deg, rgb(26 45 67 / 0%) 0%, rgb(26 45 67 / 0%) 60%);
  transition: all 1000ms ease-in-out;
  transition-delay: 0.25s;
}
/*
.breadcrumb span span a:nth-child(1) :before {content:'\e89d';
    font-family: "mfn-icons";
    font-style: normal;
    font-weight: 400;}
  */


/**************************************HOME******************************************/	
section#productos {
    flex-direction: 
    column;width: 100%;}

section#productos article {
    width:100%; 
    margin:0px 0 30px 0;}

section#productos .imgCover {background-size:cover;}


section#news {flex-direction:column;}

section#news article {
    width:100%;
    display: block;
    padding:0;
    margin:0;
    text-align:center;
    float: left;
    position:relative;
}

section#news .imgCover {background-size:cover;}

section#news article h3,
section#news article p {
    float:left;
    width:100%;
    display:block;
    position: relative;
    top: 0;
    text-align:center;
    margin-top:15px;
    margin-bottom: 0;
}
section#news article a.buttonDark {margin: 15px auto;}

/****** PREFOOTER/FOOTER *********/
.txtFooter {flex-direction: column;}
.txtFooter img.float-left {
    float: none;
}
.txtFooter p.align-left.padding70sx {
    padding: 0;
}
	
#newsletter {
    display: flex;
    margin-top: 0px;
}

.formNewsletter form {
    width: 100%;
    float: left;
    display: block;
}
.formNewsletter form input {
    width: 100%;
    float: left;
    display: block;
}
.formNewsletter input[type="submit"] {
    position: relative;
    right: 0;
    top: auto;
    height: 35px;
 }
.formNewsletter p.pForm {
    text-align: left;
    min-height: 40px;
}

#newsletter {
   flex-direction:column;
   flex-wrap:wrap!important;}

#newsletter div { 
	width:100%!important;
	flex-direction:column;
	flex-wrap:wrap!important;
	text-align:center;}

.infoShop, 
.link-wrap {
    display: block;
}

.infoShop .aperto24,
.infoShop .consGratuita,
.infoShop .consCasa,
.infoShop .pagamenti {
	width:calc(50% - var(--padding-colonne)); 
	float:left;
	margin-top:var(--padding-colonne);
	margin-bottom:var(--padding-colonne);
}
.infoShop div:nth-child(odd) {margin-right:var(--padding-colonne);}
.infoShop div:nth-child(even) {margin-left:var(--padding-colonne);}

.link-wrap ul{
	width:100%; 
	margin-bottom:30px;
	text-align:center;
}
}




@media screen and (max-width:480px){
			header{    background-size: cover!important;}
	
/****** PREFOOTER/FOOTER *********/
.infoShop, 
.link-wrap {
    display: block;
}

.infoShop .aperto24,
.infoShop .consGratuita,
.infoShop .consCasa,
.infoShop .pagamenti {
	width:100%; 
	float:left;
	margin-top:var(--padding-colonne);
	margin-bottom:var(--padding-colonne);
}
.infoShop div:nth-child(odd),
.infoShop div:nth-child(even) {margin-left:0; margin-right:0}
}














/*header provvisorio*/

@media screen and (max-width:1239px)and (min-width:768px){
	/*correzioni tema*/
	#Top_bar {background-color: #ffffff !important;}
	.home #Header_wrapper {background-color: #00a4cc00;height:0px!important;}
	.home .sections_group {top: -60px!important; margin-bottom:-60px!important;position: relative;}
	div#Top_bar.is-sticky {   background-color: #ffffff !important;}
	div#Top_bar.is-sticky img {filter: invert(45%) sepia(92%) saturate(1677%) hue-rotate(158deg) brightness(93%) contrast(101%);}

	#Top_bar .logo{margin-left: 0px!important;max-width: 100px!important;}
	#Top_bar .logo img{margin:0px;}
	#Top_bar a.responsive-menu-toggle{right: 0px!important;margin-top:-17px!important;}

	/*righe e colonne*/
	section.fit-dx,
	section.fit-sx{
		max-width:100%!important;
	}
	section.fit-dx:after,
	section.fit-sx:after {
		content:none!important;
	}
	section.fit-dx {left:0px;}
	section.fit-sx {right:0px;}

#Top_bar .responsive-menu-toggle, #Header_creative .creative-menu-toggle, #Header_creative .responsive-menu-toggle {
    color: #1d1e1b!important;
    background: transparent;
}

.icon-menu-fine:before {
    content: '\e960';
    color: #1d1e1b!important;
    font-weight: 900;
}
.top_bar_right {
    display: none;
}

.top_bar_left.clearfix {
    width: 100%!important;
}

#Side_slide {
    background-color: #ffffff;
    border-color: #ffffff;
}
div#Action_bar .contact_details {
    text-align: center!important;
    width: 100%;
}
}

@media screen and (max-width:767px){
.icon-menu-fine:before {
    content: '\e960';
    color: #1d1e1b!important;
    font-weight: 900;
}
#Top_bar .logo img{width: 80px!important;}
a#logo {
    text-align: left;
}
#Top_bar .logo #logo, #Top_bar .logo .custom-logo-link {
    padding: 0!important;
    margin: 15px 10px;}

.top_bar_right {
    display: none;
}
#Side_slide {
    background-color: #ffffff;
    border-color: #ffffff;
}
	
	
	.products{    flex-direction: column;}

		.logo{left:0!important;right:0!important;margin:auto;height:100px}
		main{padding-top:0}
		ul#main-menu{display:none}
		nav#menu{min-height:70px}
		.btn{display:block}
		.textIntro{padding:20px}
		.products p.margBtm30 {padding: 20px;}
		.products article{width:100%;margin-bottom:20px}
		.col1F{width:100%;text-align:center}
		.col2F{width:100%;text-align:center}
		h1{font-size:40px;line-height:40px;}
		.instagram_gallery img{width:100%!important}
		
		.col1F img.allSX{float:none}
		.col1F p{text-align:center;padding:0}
		.col2F p{text-align:center;border-left:none;padding:0}
		form {  padding: 20px;}
		.mc-field-group.col-50,.mc-field-group.col-25{float: none;width: 100%!important;}
		form textarea {   width: 90%;}
		form input,input#mce-ZIPCODE,input#mce-PROVINCE {width: 90%;}
		.clear.mc-field-group.input-group.margTop70{margin-top: 0;}
		label.txtPrivacy {    float: right;    width: 90%;    font-size: 13px;}
	
		
		form {  padding: 20px;}
		.mc-field-group.col-50,.mc-field-group.col-25{float: none;width: 100%!important;}
		form textarea {   width: 90%;}
		form input,input#mce-ZIPCODE,input#mce-PROVINCE {width: 90%;}
		.clear.mc-field-group.input-group.margTop70{margin-top: 0;}
		label.txtPrivacy {    float: right;    width: 90%;    font-size: 13px;}
}