/**
 * Home Style
 *
 * @package Internet D2 Savoie
 * @subpackage ID2S
 * @since 1.0
 * @version 1.3.4.0
 */

/* ID2S - Menu 
@media screen and (min-width: 800px) {
	.main-navigation a {padding: 1em 1.25em;}
}*/
@media screen and (max-width: 1024px) {
	.main-navigation a {font-size:90%;padding:1em 0.75em;}
}
@media screen and (max-width: 835px) {
	.main-navigation a {font-size:80%;padding:1em 0.5em;}
}

/* ID2S - Site Branding */
@media screen and (min-width: 48em) {
	.site-description {font-size:0.6em;}
	.site-branding {margin-bottom:1em !important;padding:1em 0 !important;}
	.site-branding-text {z-index:5 !important;}
	#top-social.social-navigation {width:auto;}
	.navigation-top {z-index:auto;}
	.site-navigation-fixed.navigation-top {z-index:2;opacity:0.9;}
	/*.site-navigation-fixed.navigation-top #site-navigation:before{background-image:url('../images/logo-mini.png');background-size:50px 50px;float:left;content:'';display:inline-block;width:50px; height:50px;opacity:0.8;}*/
}
#top-social-menu {float:right;padding-left:1em;}
#top-right {float:right;}
#top-phone {float:left;font-size:1.25em;line-height:1.5em;font-weight:900;color:lightgrey;}
@media screen and (max-width: 768px) {
	#top-left {float:left;}
	#top-right {float:right;}
	#top-right-firstline {/*position:absolute*/;top:0;}
	#top-phone {/*float:right;*/padding-right:1em;}
	#top-social-menu {height:2em;padding-right:0.5em;float:none;padding-bottom:0.5em;}
}
#top-right-firstline {vertical-align:middle;height:auto;}
#exilis73 .custom-logo-link:after {content:'Exilis 73';vertical-align:top;position:absolute;top:20%;}
#epilationlaser73 .custom-logo-link:after {content:'Epilation Laser 73';vertical-align:top;position:absolute;top:20%;}
#medesthetique73 .custom-logo-link:after {content:'Medesthétique 73';vertical-align:top;position:absolute;top:20%;}
#dumas-vidal .custom-logo-link:after {content:'Centre Médical du Louvre';vertical-align:top;position:absolute;top:10%;font-size:2.5em;font-weight:700;line-height:1em;}
/*#id2s .custom-logo-link:after {content:'Internet D2 Savoie développement';vertical-align:top;position:absolute;top:20%;padding-left:25px;text-transform:capitalize;}*/
a.home_phone {color: unset;}
@media screen and (max-width: 1024px) {
	#top-right {text-align:center;}
/*	#top-right-secondline {margin-top:1.5em;margin-bottom:0.5em !important;width:100%;text-align:center;}
	.sav-demo {white-space:nowrap;}
	.site-branding {padding:1em 0 2em 0;}
	#top-phone {position:absolute; top:2.5em;float:right;right:0;}
	#top-right-secondline {width:100%;text-align:center;margin-top:2em;}*/
}

/* ID2S - Top Lang Menu */
.lang-select select {text-transform: uppercase; line-height: 1; height: 1.5em; color: #fff !important;  background-color: rgba(0,0,0,0.5) !important; border: none; padding: 0 0 0 0.5em; position: fixed;right:0;}
.lang-select.dark select {color: #000 !important;  background-color: rgba(255,255,255,0.5) !important;}
@media screen and (max-width: 48em) {
	.lang-select select {position: fixed;right:0;top:0;}
}

/* ID2S - Ajout du logo dans le menu fixé */
.navigation-top .fixed-logo .custom-logo-link, .navigation-top .fixed-logo a{
 display:none;
}
.site-branding .fixed-logo .custom-logo-link, .site-branding .fixed-logo a{
 display:none;
}
.site-navigation-fixed .fixed-logo .custom-logo-link {
 float:left;
 display:block;
 position:relative;
 width:50px; 
 height:50px;
}
.site-navigation-fixed .fixed-logo .site-title a {
 display:block;
 position:relative;
 color:#000;
}
.site-navigation-fixed .fixed-logo h1.site-title {
	font-size:1.5rem;
	height:50px;
	width:auto;
	float:left;
	align-content: center;
}
.site-navigation-fixed .fixed-logo .custom-logo-link:before {
	content:'';
	width:50px;
	height:50px;
	position:absolute;
	/*box-shadow: 0 0 8px 1px black;*/
}
.site-navigation-fixed .fixed-logo .custom-logo-link:after { display:none;}
.site-navigation-fixed .fixed-logo .custom-logo-link img{
 /*width:50px; */
 height:50px;
 opacity:0.8;
}
.navigation-top #site-navigation {
 clear:none;
 /*float:left;*/
}
/*--*/
#top-social.social-navigation .icon {height:15px;width:15px;top:5px;}
#top-social.social-navigation a {height:25px;width:25px;margin: 0 0.3em 0.3em 0;background-color:lightgrey;}
.main-navigation li {z-index:10;}
#top-right-secondline {margin-bottom:3em;float:right;}
.sav-demo {background-color:lightgrey;padding:0.2em 0.5em 0.2em 0;border:1px solid lightgrey;}
.sav-demo i, .sav-demo svg {color:lightgrey;background-color:#fff;padding:0 0.3em; line-height:inherit;}
.sav-demo-text {color:#fff;font-size:80%;}
/*.sav-demo .pointe {background-color:lightgrey;color:#fff;padding:0;margin-left:0.3em;}*/
.sav-demo-text:before {content: '\f0da';color:#fff;font-family:FontAwesome;vertical-align:inherit;}
.custom-header {margin-bottom:unset !important;}
/* ID2S - Front Page Blog excerpt */
@media screen and (min-width: 48em) {
	.twentyseventeen-front-page .panel-content .recent-posts article {border: 1px solid #000;font-size: 65%;float: left;margin: 1%;max-width:31.33%}
	.twentyseventeen-front-page .has-sidebar .panel-content .recent-posts article {max-width: 48%;}
	.twentyseventeen-front-page .panel-content .recent-posts article .entry-header, .twentyseventeen-front-page .panel-content .recent-posts article .entry-summary {padding: 0 10px;}
	.twentyseventeen-front-page .panel-content .recent-posts article .entry-header {margin-bottom:0;}
	.twentyseventeen-front-page .panel-content .recent-posts article .entry-title a {font-size:0.5em;font-weight:bold;line-height:0.5em;}
	.twentyseventeen-front-page .panel-content .recent-posts article .entry-meta a {font-size: 60%;}
	.twentyseventeen-front-page.page-one-column .entry-header {margin-bottom:2em;}
	.twentyseventeen-front-page .panel-content .wrap {padding-top:3em;padding-bottom:2.5em;}
}
.twentyseventeen-front-page .page .entry-title {text-align:center;}
/* ID2S - Custo Accueil pour slider */
.id2s_accueil .panel-content .wrap .entry-header {display:none;}
.id2s_accueil .panel-content .wrap{
	padding: 0 !important;
    margin: 0 !important;
    width: 100%;
    max-width: 100%;
    height: auto;
}

/* ID2S - Style Section */
h2.entry-title {font-size:150% !important;color:grey !important;padding:1em 0;}
.panel-content.etablissements {background-color:#f3f3f3;}
.panel-content.equipes {color:#fff;background-color:#241e20;}
.panel-content.equipes h2.entry-title {color:#fff !important;}
.panel-content.fournisseurs {background-color:#f1f1f1;}
/* Section Réseaux Sociaux */
.socnet .wrap {padding: 0 !important;}
.panel-content.socnet {background-color:#9e3030;}
.panel-content.socnet h2.entry-title {color:#fff !important;padding:1em 0 0 0;}
.socnet nav.social-navigation {width: 100%;text-align: center;}
.socnet .social-navigation a {height: 80px;width: 80px;border: #fff 3px solid;background: transparent;color: #fff;box-shadow:none;}
.socnet .social-navigation a:hover {background: rgba(0,0,0,.1);opacity:0.9;}
.socnet .social-navigation .icon {height: 48px;width: 48px;top: 14px;}

/* ID2S - Footer */
@media screen and (min-width: 48em){
	.site-footer {margin-top: 0;}
}
/* ID2S - Carousel */
.wcp-carousel-main-wrap .slick-track img {width:auto !important; max-height:100px;margin:auto;}
a.rpc-title {font-weight:600;}

/* ID2S - Front page portfolio */
.front-port-content {display:flex;flex-flow:row wrap;text-align:center;justify-content:space-around;}
.front-port-tittle {margin: 5px 0;font-weight: 600;}
.front-port-img {
	position:relative;
	height:150px;
	width:250px;
	margin:0 auto;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

.front-port-img img {
	position:absolute;
	top:50%;
	transform: translateY(-50%) translateX(-50%);
	max-height:150px;
	max-width:250px;
	-webkit-transition: opacity 2s ease-in-out;
	-moz-transition: opacity 2s ease-in-out;
	-o-transition: opacity 2s ease-in-out;
	transition: opacity 2s ease-in-out;
	outline:5px solid #fff;
}
@media screen and (max-width: 649px) {
	#front-portfolio {min-width:98%;}
}
@media screen and (min-width: 650px) {
	#front-portfolio {min-width:48%;}
}
@media screen and (min-width: 1024px) {
	#front-portfolio {min-width:32%;}
}


/*.front-port-img img.apres {
	display:none;
}
.front-port-img img.apres:hover {
	display:inline-flex;
}*/
.front-port-img img.avant:hover {
  opacity:0;
}
.front-port-img img.avant:before {
	content:"Avant";
	display:block;
	height:1em;
}
/*
@keyframes front-port-img-right-inOut {
	0% {opacity:1;}
	45% {opacity:1;}
	55% {opacity:0;}
	100% {opacity:0;}
}

.front-port-img img.apres {
animation-name: front-port-img-right-inOut;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 3s;
animation-direction: alternate;
}*/

/* Page Template HomeHalf */
.display_desktop {display:none !important;}
.display_mobile{display:block !important;}
@media screen and (min-width: 1024px){
	.display_desktop{display:flex !important}
	.display_mobile{display:none !important;}
}
.homehalf .wrap {max-width : 100% !important;margin: 0 !important;padding:0 !important;}
.homehalf h2.entry-title {font-size:200% !important;}
.homehalf .entry-content {display:flex;}
.homehalf-container {margin:0;padding:0;position:relative;display:block;background-position: center left;background-size:60vw auto;background-repeat: no-repeat;width:100vw;text-align:justify;}
.homehalf-container p:first-child {padding-top:1.5em;}
.homehalf-container p:last-child {padding-bottom:1.5em;}
.homehalf-container p {padding-right:3em;}
.homehalf-container h2 {clear:initial;}
.half-bkg-left {width:60%;height:100%;position:relative;display:block;shape-outside: polygon(0 0, 100% 0, 75% 100%, 0 100%);shape-margin:1.5em;float:left;visibility:hidden;}
.half-content-right {margin:0;width:100%; height:100%;display:block;position:relative;clip-path: polygon(60% 0, 100% 0, 100% 101% , 45% 101%);}

.homehalf-container p, .homehalf-container h2 {
	animation: right-in 4s;
	-moz-animation: right-in 4s; /* Firefox */
	-webkit-animation: right-in 4s; /* Safari et Chrome */
	-o-animation: right-in 4s; /* Opera */
}
.homehalf-container {
	animation: fadein 4s;
	-moz-animation: fadein 4s; /* Firefox */
	-webkit-animation: fadein 4s; /* Safari et Chrome */
	-o-animation: fadein 4s; /* Opera */
}
@keyframes right-in {
	from {
		transform: translateX(100vw);
	}
	to {
		transform: translateX(0vw);
	}
}
@-moz-keyframes right-in { /* sur Firefox */
	from {
		transform: translateX(100vw);
	}
	to {
		transform: translateX(0vw);
	}
}
@-webkit-keyframes right-in { /* sur Safari et Chrome */
	from {
		transform: translateX(100vw);
	}
	to {
		transform: translateX(0vw);
	}
}
@-o-keyframes right-in { /* sur Opera */
	from {
		transform: translateX(100vw);
	}
	to {
		transform: translateX(0vw);
	}
}
@keyframes fadein {
	from {
		opacity:0;
	}
	to {
		opacity:1;
	}
}
@-moz-keyframes fadein { /* sur Firefox */
	from {
		opacity:0;
	}
	to {
		opacity:1;
	}
}
@-webkit-keyframes fadein { /* sur Safari et Chrome */
	from {
		opacity:0;
	}
	to {
		opacity:1;
	}
}
@-o-keyframes fadein { /* sur Opera */
	from {
		opacity:0;
	}
	to {
		opacity:1;
	}
}