@charset "utf-8";

/* CSS Document */


/*
Theme Name: docduf
License: GNU General Public License

*/

@font-face {
  font-family: tfrgtitre;
  src: url(https://www.kiss-husky.com/wp-content/themes/docduf/cardenio.otf);
}

@font-face {
  font-family: dufcorps;
  src: url(https://www.kiss-husky.com/wp-content/themes/docduf/astonpoliz.otf);
}

@font-face {
  font-family: tfrgcorps;
  src: url(https://www.kiss-husky.com/wp-content/themes/docduf/avenirnext.ttf);
}


body {
	width: 100%;
	margin:0;
    background-image: url('https://www.kiss-husky.com/wp-content/uploads/2024/11/fond-site-2024-haut-scaled.jpg');
	background-size:cover;
}

/* HEADER */

.header {
	top: 0;
	left:0;
    width: 100%;
    height: 100px;
    padding: 10px 30px;
	background-color:rgba(167,167,167,0.33);
/*	border-bottom: 3px solid #E14934;*/
	margin: 0;
    box-sizing: border-box;
    position: fixed;
	font-family: 'tfrgtitre';
	z-index:999999;
}

.logoheader {
    padding: 0;
    box-sizing: border-box;
    display: inline-block;
    float: left;
	margin:0px;
}

.photoheader {
    padding: 0;
    width: auto;
    height: 80px;
}
.deguerigny {
	color:#000;
}

.titreheader {
    display: inline-block;
    margin: 5px 0 0 0;
    font-size: 35px;
    line-height: 35px;
    padding: 0;
    height: 80px;
    vertical-align: top;
    font-weight: 100;
    color: #E14933;
}

.menuplusde800 {
	display: inline-block;
    float: right;
	width:fit-content;
	color: black;
}

.menuplusde800 li {
	display: inline-block;
    width: fit-content;
    text-decoration: none;
    padding: 10px 10px;
    vertical-align: middle;
    height: 20px;
    font-family: 'tfrgcorps';
    font-size: 20px;
    letter-spacing: -0.3px;
}

.menuplusde800 li:hover {
color: #E14933;
}

.pageactuelle {
	color: #E14933;
}

.menumoinsde800 {
	display:none;
}

@media (max-width: 1000px) {
	
	.menuplusde800 {
		display:none;
	}
	
	.menumoinsde800 {
		display:inline-block;
		float: right;
        margin: 20px 10px;
	}

	/* Sidenav menu */
	.sidenav {
		height: 100%;
		width: 200px;
		position: fixed;
		z-index: 1;
		top: 0;
		right: -200px;
		background-color:rgb(233,200,192);
	/*box-shadow: 1px 5px 10px grey;*/
		padding-top: 60px;
		transition: right 0.5s ease;
	}

	/* Sidenav menu links */
	.sidenav a {
	  padding: 8px 8px 8px 32px;
	  text-decoration: none;
	  font-size: 25px;
	  color: #818181;
	  display: block;
	  transition: 0.3s;
	}
	
	.sidenav li{
		text-align: right;
		text-decoration: none;
		padding: 10px 20px 10px 0;
		vertical-align: middle;
		height: 20px;
		font-family: 'tfrgcorps';
		font-size: 20px;
	}

	.sidenav a:hover {
	  color: #111;
	}

	.sidenav ul {
	  list-style-type: none;
	  padding: 0;
	  margin: 0;
	}

	/* Active class */
	.sidenav.active {
	  right: 0;
	}

	/* Close btn */
	.sidenav .close {
	  position: absolute;
	  top: 0;
	  right: 25px;
	  font-size: 36px;
	}

	/* Icône burger */
	.burger-icon span {
	  display: block;
	  width: 35px;
	  height: 5px;
	  background-color: black;
	  margin: 6px 0;
	}
}


/* ACCUEIL */

.content {
	max-width:1200px;
	margin: 130px auto;
	padding: 0 30px;
}

.contentaccueil {
	margin: 40px auto;	
}

.slider{
	margin:-30px 0 0 0;
  width: 100%;
  overflow: hidden;
}

.slides{
  width: 500%;
  display: flex;
}

.slides input{
  display: none;
}

.slide{
  width: 20%;
  transition: 1.5s;
}

.slide img{
  width: 100%;
}

.petitslider {
	display:none;
}

/*css for manual slide navigation*/

.navigation-manual{
  position: absolute;
  width: 800px;
  margin-top: -40px;
  display: flex;
  justify-content: center;
	display:none;
}

.manual-btn{
  border: 2px solid #40D3DC;
  padding: 5px;
  border-radius: 10px;
  cursor: pointer;
  transition: 1s;
}

.manual-btn:not(:last-child){
  margin-right: 40px;
}

.manual-btn:hover{
  background: #40D3DC;
}

#radio1:checked ~ .first{
  margin-left: 0;
}

#radio2:checked ~ .first{
  margin-left: -20%;
}

#radio3:checked ~ .first{
  margin-left: -40%;
}

#radio4:checked ~ .first{
  margin-left: -60%;
}

/*css for automatic navigation*/

.navigation-auto{
  position: absolute;
  display: flex;
  width: 800px;
  justify-content: center;
  margin-top: 460px;
	display:none;
}

.navigation-auto div{
  border: 2px solid #40D3DC;
  padding: 5px;
  border-radius: 10px;
  transition: 1s;
}

.navigation-auto div:not(:last-child){
  margin-right: 40px;
}

#radio1:checked ~ .navigation-auto .auto-btn1{
  background: #40D3DC;
}

#radio2:checked ~ .navigation-auto .auto-btn2{
  background: #40D3DC;
}

#radio3:checked ~ .navigation-auto .auto-btn3{
  background: #40D3DC;
}

#radio4:checked ~ .navigation-auto .auto-btn4{
  background: #40D3DC;
}


    

/*Events*/

/*.em.em-list .em-item {
    width: 100% !important ;
    display: grid !important ;
    grid-template-columns: minmax(0, 320px) calc(100% - 320px) !important ;
    padding: 0px !important ;
    background-color: #fff !important ;
    color: black !important ;
	border: 1px solid var(--main-border-color) !important ;
    box-shadow: rgba(99, 99, 99, .2) 0 2px 8px 0; !important ;
}

h2 {
	text-transform: uppercase !important ;
	font-family: tfrgcorps !important ;
}

.em.em-item .em-item-image, .em.em-list .em-item .em-item-image {
    min-width: 320px !important ;
    width: 100% !important ;
    height: 320px !important ;
    overflow: hidden !important ;
}

.em.em-item .em-item-image img, .em.em-list .em-item .em-item-image img {
    width: auto !important ;
    padding: 0 10px 0 0 !important ;
    border: 0 !important ;
    margin: 0 !important ;
    height: 320px !important ;
}

.em.pixelbones img {
    border-style: none !important ;
}

.em.em-list .em-item .em-item-info {
    border-left: none !important ;
    padding: 25px !important ;
	height: fit-content !important;
    margin: auto 0 !important;
}

.em.em-list .em-item .em-item-info h3.em-item-title {
    font-size: 30px !important ;
    line-height: 45px !important ;
    font-weight: 400 !important ;
    clear: none !important ;
    margin: 0 0 7px !important ;
    padding: 0 !important ;
    text-decoration: none !important ;
    color: #E14933 !important ;
    font-family: 'tfrgtitre' !important ;
	text-overflow: ellipsis !important ;
    overflow: hidden !important ;
    white-space: nowrap !important ;
}

.em.pixelbones a {
    color: #E14933 !important ;
    background-color: transparent !important ;
    -webkit-box-shadow: none !important ;
    box-shadow: none !important ;
}

.em.em-list .em-item .em-item-info .em-item-meta, .em.em-list-widget .em-item {
    margin-bottom: 20px !important ;
    display: flex !important ;
    flex-direction: row !important ;
    flex-wrap: wrap !important ;
    font-weight: bold !important ;
    text-transform: uppercase !important ;
}

@media (max-width: 1000px) {
	
	.em.em-list .em-item .em-item-info .em-item-desc {
		font-size: 16px !important ;
		margin: 10px 0 !important ;
	}
	
	.em.em-list .em-item .em-item-info .em-item-meta, .em.em-list-widget .em-item {
    	margin-bottom: 10px !important;
	}

	.em-item-info {
		border:none !important ;
	}
	
	.em.em-list .em-item .em-item-info {
		border-left: none !important;
		padding: 20px !important;
	}
}*/

@media (max-width: 800px) {
	
	.petitslider{
	display:block;
}	
	.grandslider {
		display:none;
	}
	
/*	.em-item-desc {
		display:none !important;
	}
	.em.em-list .em-item .em-item-info h3.em-item-title {
		font-size: 30px !important ;
		text-overflow: clip !important ;
		overflow: visible !important ;
		white-space: normal !important ;
	}
}*/

@media (max-width: 600px) {
	
	.header {
		padding: 10px;

	}
	    .titreheader {
        display: inline-block;
        margin: 17px 0 0 0;
        font-size: 25px;
        line-height: 25px;
        padding: 0;
        height: 75;
        vertical-align: top;
        width: 250px;
    }

/*	.em.em-list .em-item {
		grid-template-columns: 100% !important ;
		grid-template-rows: min-content max-content !important ;
	}

	.em-item-info {
		border-top:none !important ;
	}

	.em.em-item .em-item-image img, .em.em-list .em-item .em-item-image img {
		width: auto !important;
		padding: 0 10px 0 0 !important;
		border: 0 !important;
		margin: 0 !important;
		height: auto !important;
		transform: translate3d(-20%, -10%, -17px)!important;
	}

	.em.em-item .em-item-image, .em.em-list .em-item .em-item-image {
		min-width: 100% !important;
		width: 100% !important;
		height: 320px !important;
		overflow: hidden !important;
	}
	
	.em.em-list .em-item .em-item-info h3.em-item-title {
		font-size: 30px !important ;
		text-overflow: clip !important ;
		overflow: visible !important ;
		white-space: normal !important ;
	}
	.em-item-desc {
		display:block !important;
	}
}	

*/

@media (max-width: 400px) {

	.titreheader {
		display: inline-block;
		margin: 8px 0 0 0;
		font-size: 20px;
		line-height: 22px;
		padding: 0;
		height: 75;
		vertical-align: top;
		width: 125px;
	}
}