/*
Theme Name: TEAM DAMOTA 2018 - BOXE THAI
Theme URI: http://www.boxethai-teamdamota.fr
Description: Theme TEAM DAMOTA 2018 - Boxe thai - K1- Kick boxing - Association de boxe thai à Maisons-Laffitte fondé par José Damota
Author: Raphaël KÜHN - DVISYGN
Author URI: http://www.divisygn.com
Version: 1.0
License: Tous droits réservés - Divisygn (tm)
License URI: license.txt

*/
/*@import url('https://fonts.googleapis.com/css?family=Aldrich');*/
@font-face {
    font-family: "aldrichregular";
    src: url("fonts/aldrich-regular.ttf");
	font-style: normal;
}
html{}
body{font-family: 'aldrichregular', sans-serif;  }
body{position:relative;}

*{-webkit-margin-before:0 !important; -webkit-margin-after: 0 !important; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 0 !important;
}
/******* Mise à jour site janv 2019 ******/
html, body{
  width:100%; height:100%;
  /* Gradient moderne */
  background: linear-gradient(to bottom right, #000000, #FF0000) !important;
  /* Pour compatibilité WebKit ancienne */
  background: -webkit-linear-gradient(to bottom right, #000000, #FF0000) !important;

}
.wp-block-column{
	display: grid;
	grid-auto-flow: row;
	grid-auto-rows: max-content;
	row-gap:10px;
	padding:10px !important;
}
figure{
	width: 100%;
}
.wp-block-image img { width:100%;}
.ditty-ticker{
	max-height: 35px !important;
}
.scroller{
	position:relative;
	width:auto; height:100% !important;
	overflow-x:hidden;
	display:grid;
	grid-auto-flow:row;
}

.footer_responsive{
		width:100%; height:auto; 
		display:grid; 
		box-sizing:border-box;  
		gap:3em 0;
	}

#header-menu-reseaux {
	padding: 30px 10% 80px 10% !important; 
	width: 100% !important;
	display:grid; 
	grid-template-columns: 1fr 6fr;
	box-sizing: border-box;
}
.header_desktop{
	width:100%; height:auto;
	display:grid; 
	grid-auto-flow:row;
		
}
.contact-reseaux{
	width:100%; height:auto;
}
.infos-contact-reseaux{
	color:white;
	width:100%;
	display:grid;
	grid-auto-flow:column;
}
.infos-contact-reseaux *{
	display:grid;
	align-items:center;
}

.discover_style{
		width:100%;
		height:380px;
		background:red; 
		padding:0 20px 0 5px; !important; 
		box-sizing:border-box; 
		color:white;
}
.discover_style div,.discover_style figure, .discover_style iframe{
	height: -webkit-fill-available;
	width: -webkit-fill-available; 
	box-sizing:border-box;
	font-size:1.2em;
	color:white;
}
/*.discover_style figure{height:-webkit-fill-available !important;}*/

.paragraph_title{
	width:50%;
	position: relative;
    display: inline-block !important;
    padding:14px 8px 7px 8px !important;
    letter-spacing: 2px;
    left: 5%;
	height:100%;
	box-sizing:border-box;
}
.paragraph_title span{
	width:100%; 
	height:100%;
	display:grid; place-items:center;
	color:white;
	position:relative;
	z-index:5;
	text-transform:uppercase;
	font-weight:bolder;
	font-size:1.3em;
	
}
.paragraph_title:before{
  content: "";
  width:15px; height:40px;
	background: black;
  position: absolute;
  top: 0;
  left: -11px;
  z-index: 0;
  
  transform: skewX(25deg);
	-webkit-transform: skew(25deg);
	-moz-transform: skew(25deg);
	-o-transform: skew(25deg);
}

.paragraph_title:after{
  	content: "";
  	width:100%; height:120%;
	background-color: red;
  	position: absolute;
  	top: -8%;
  	left: 0;
  	z-index: 0;
  	transform: skewX(25deg);
		-webkit-transform: skew(25deg);
		-moz-transform: skew(25deg);
		-o-transform: skew(25deg);
}

.image_actu{
	width: 100%;
	height: 340px;
	object-fit: cover;
	object-position: 50% 15%;
	font-size:1.2em;
}
.content_actu a{
	color:white; 
	text-decoration:none;
	transition:all 0.5s;
}
.content_actu a:hover{
	background:white !important;
	color:red;
	font-weight:bolder;
}

.test-bg{
  	width:100%; height:100%;
  	position:absolute; top:0;

}

.wpcf7-response-output{
  color:white !important;
}


.menu-left-phone, .display-menu-left{display:none;}

/******* Editeur wordpress ****/
.aligncenter, .aligncenter img{margin:auto; text-align:center; }
.alignleft, .alignleft img{float:left; margin:5px 10px 10px 5px; }
.alignright, alignright img{float:right; margin:5px 5px 10px 10px; }

/************************************* NEWS ********************************************/
mtphr-dnt-wrapper{
z-index:300;
  position:absolute;
  
}
/* Fix bug h3 (+js)  */
.title-news-tickers {
    float: left;
    display: block;
    position: absolute;
    padding: 15px 10px 15px 15px !important;
    background: #222222;
    z-index: 10;
}
.mtphr-dnt-wrapper h3 {
    background-color: #222222;
    font-size: 14px;
    color: white;
    font-weight: lighter;
    z-index: 200;
    border-bottom: 2px solid black;
  margin-top:0 !important;
}

.mtphr-dnt-wrapper h3::after {
    content: "";
    position: absolute;
    right: -45px;
    top: 0;
    width: 0;
    height: 0;
    border-top: 23px solid transparent;
    border-left: 45px solid #222222;
    border-bottom: 23px solid transparent;
}

.mtphr-dnt-tick-container{
  float:left;
  width:100%;
  padding: 14px 0;
	background-color:red;
  color:white;
  z-index:1;
  border-bottom:2px solid black;
}


.mtphr-dnt-tick-container a{
text-decoration:white;
color:white;

}
.mtphr-dnt-tick-contents {
	margin-left: 125px; 
}



/******************************************* 
 				Menu td 
********************************************/
.menutd1{width: 100%;height: 50px;}
.menutd1 .menu{width:100%; z-index:100; }
.menutd1 .menu ul{
	width:100%;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	row-gap:20px;
}
.menutd1 .menu .sub-menu{
    position: absolute;
    width: auto;
    min-height: 40px;
    padding: 10px !important;
    display: none;
    list-style: none;
}
.menutd1 .menu li{  
  position: relative;
  display:inline-block !important;   
  margin:0 8px;
  letter-spacing:2px; 
  left: 5%; 
  cursor:pointer;
  transition:all 0.1s;
}
.menutd1 .menu li:hover > .sub-menu{
 display:block; 
}
.menutd1 .menu .sub-menu li{  
    position: relative;
    display: inline-block !important;
    margin: 7px 8px !important;
    letter-spacing: 2px;
    left: 5%;
    cursor: pointer;
    transition: all 0.1s;
    list-style: none;
}
.menutd1 .menu li:before{
  content: "";
  width:15px; height:40px;
	background: black;
  position: absolute;
  top: 0;
  left: -11px;
  z-index: 0;
  
  transform: skewX(25deg);
	-webkit-transform: skew(25deg);
	-moz-transform: skew(25deg);
	-o-transform: skew(25deg);
}

.menutd1 .menu li:after,.menutd1 .menu .sub-menu li:after{
  content: "";
  width:100%; height:120%;
	background-color: red;
  position: absolute;
  top: -8%;
  left: 0;
  z-index: 0;
  transform: skewX(25deg);
	-webkit-transform: skew(25deg);
	-moz-transform: skew(25deg);
	-o-transform: skew(25deg);
}

.menutd1 .menu a, .menutd1 .menu .sub-menu li a{
	position: relative;
	text-decoration:none; 
  	color:white;
	font-size:13px; 
  	padding: 12px 11px !important;
  	display:block;
	z-index:1;
}
 .menutd1 .menu .sub-menu li a{
   color:white !important;
}

.menutd1 .menu li:hover:after{
  content:"";
  width:100%;
  transition:all 0.3s;
  background-color:white;
}
.menutd1 .menu li:hover a{
  z-index:600;
  color:red;
}
.menutd1 .menu .sub-menu li:hover a{
   color:red !important;
}

.showsubmenu {
    content: "↓";
    position: absolute;
    top: 22px;
    text-align: center;
    border-radius: 10px;
    line-height: 8px;
}





@media screen and (min-width:980px){
	html, body{
		min-width:980px;
	}
	.footer_responsive{
		grid-template-columns: repeat(3, 1fr);
		padding:35px 10% !important; 
	}
	
}



/*********************************************
			Mobile and Tablet
**********************************************/


@media screen and (max-width:890px){
	
	html, body{
		width:100% !important;
		height:auto !important;
		min-width:inherit !important;
	}
	body.no-scroll {
	  overflow: hidden;
	  height: 100vh;
	}
	.scroller{
		box-sizing:border-box;
		display: grid; 
		place-items: center;
		position:relative;
	}
	.menu-left-phone{
	  	display:block;
		width: 100%; height:100%;
	   	position: absolute;
		z-index: 9999999;
		background: #222222;
		box-sizing:border-box;
		overflow:hidden;
		
	}
	.hot_news{
		grid-template-columns: 1fr !important; 
	}
	
	.discover_style{
		height:auto !important;
		padding:0; !important; 
	}
	.discover_style div,.discover_style figure{
		height: auto !important;
		width: auto !important; 
	}
	.discover_style iframe{
		width: 100% !important;
		height: 300px !important;
	}
	
	
	.paragraph_title{
		width:90% !important;
	}
	
	
	.footer_responsive{
		grid-auto-flow: row; 
		gap:3em 0;
		padding:35px 5% !important; 
	}
	.logo_all img{
		width:100% !important; 
		object-fit:cover;
	}
	.last_actu{
		grid-template-columns: 1fr !important;
	}
	.header_desktop{
		display:none;
		
	}
span.title-menu-left {
    color: white;
    font-size: 1.5em;
}
.ico-menu-left:before{
    width: 1.5em;
    float: right;
	font-size:2em;
	color:white;
}

.menu-left-container {
  	/*
	display:grid; 
  	grid-auto-flow: row;
*/
    width: 100%;
    height: 100%;
    padding: 20px !important;
	overflow-y:auto;
	box-sizing:border-box;
}
.menu_php{
	display:grid; 
  	grid-auto-flow: row;
	width: 100%;
    height: auto;
	overflow-y:auto;
}
.align-left-phone{
	width:100%; 
}
.contact{
	height:auto;
	display:grid; 
	grid-auto-flow: row;	
}
.contact_solution, .follow_solution{
	height:auto;
	display:grid; 
	grid-auto-flow: column;
}
.contents-menu-left-1{
	width:100%; height:auto;
	display:grid; place-items:center;
}
	.contents-menu-left-1 a{
		width:100%; height:auto;
		display:grid; place-items:center;
		padding:0 !important;
	}

.contents-menu-left-2{
width:100%; height:auto;
	display:grid; place-items:center;
}
.contents-menu-left-2 a{
	width:100%; height:auto;
		display:grid; place-items:center;
	padding:0 !important;
	}

.d-content{display: contents;}



.menu-left-phone ul {
    height: 100%;
    padding: 30px 0 0 0 !important;
	box-sizing:border-box;
	
}
#infos-phone{
		margin-bottom: 50px;
}
.menu-left-phone ul.sub-menu li a{font-size:40px !important;}
.menu-left-phone li {
    margin-bottom: 20px !important;
    padding: 20px 0 10px 0 !important;
    background: #ff0000;
}
.menu-left-phone a{
	color: white;
    text-decoration: none;
    padding: 20px 15px !important;
    font-size: 1.7em;
}
ul#infos-phone{ 
	}
ul#infos-phone li{ 
  color: white; 
  font-size: 1.7em;
  list-style:none; 
  padding: 20px 15px !important;
}
ul#infos-phone a{ 
  color: white;
  text-decoration: none;
  font-size: 1.2em;
}
  
  .display-menu-left {
	width:100%;
    height: 60px;
    z-index: 99999;
	display: grid; 
	grid-auto-flow: column;
	grid-template-columns: 1fr 6fr;
	align-items: center;
	gap:0 20px;
	 padding:10px 5% !important;
	  box-sizing:border-box;
	  background-color:#880808;
}
  .display-menu-left span:before{
	  font-size: 1.8em !important;
	  color: white;
	}
  
  .menu-title{
    font-size: 1.5rem;
    color: white;
}
  
  .showme{margin-left:0 !important;}
  /*.menu-left-phone{
	  margin-left:-960px; 
	  transition:all 0.2s linear;
	}
	*/
  .menu-top-fixed{display:none;}
  .title-news-tickers{display:none;}
  #mtphr-dnt-37{height:130px !important;}
  .mtphr-dnt-wrapper{height: 100% !important;}
  .mtphr-dnt-tick-container{float:none !important; height:auto !important; width: 100%; height:100% !important; padding:0 !important;}
  .mtphr-dnt-tick-contents {width: 300vw !important; height:auto !important; margin:0 !important; display:flex; flex-direction:row;}
  .mtphr-dnt-rotate .mtphr-dnt-tick, .mtphr-dnt-scroll .mtphr-dnt-tick{position:relative !important; width:100%; height:100% !important; display:flex; align-items:center; justify-content:center; }
  .mtphr-dnt-tick.mtphr-dnt-default-tick.mtphr-dnt-clearfix{padding:15px !important;font-size:1.5em; width:100% !important;}
  
  #header-menu-reseaux {
	  	width: 100% !important;
	  grid-template-columns:inherit;

}
  #header-menu-reseaux img:first-child{
	  /*width:1100px !important;*/
	}
  .infos-contact-reseaux .wpb_wrapper{padding:0 !important;}
  #header-menu-reseaux .wpb_column:nth-child(2){display:none !important;}
  
  #evenements .vc_row, #ban-accueil .vc_row{padding:0 !important;}
  .bandeau-title-l,.bandeau-title-r {position: relative; width: auto !important;padding: 28px 40px !important;font-size: 56px !important;
  }
  .bandeau-title-l:before, .bandeau-title-l:after{display:none;}
  .bandeau-title-r:before, .bandeau-title-r:after{display:none;}
  
  #champions h2{font-size:70px !important;}
  div#medias h2 {font-size: 46px !important;}
  .vc_btn3.vc_btn3-color-danger.vc_btn3-style-modern { font-size: 46px !important;}
  #localisation {padding:0 5% !important;}
  #localisation p span{font-size:52px !important;}
  

  
  div#footer h2{font-size:58px !important;}
  div#footer p {font-size: 36px !important;}
  div#footer a, div#footer .vc_btn3 {font-size: 36px !important;}
  /*div#footer img{min-width:800px !important;}*/
}

@media screen and (max-device-height: 600px){}


@media screen and (max-device-height: 950px){}


@media screen and (max-device-height: 1100px){}


@media screen and (max-device-height: 1200px){}

}