/* **************************************************
 *
 *         Internet D2 Savoie - Default Style 
 *
 * @link https://www.internetd2savoie.fr
 *
 * @package Internet D2 Savoie
 * @subpackage ID2S
 * @since 1.0
 * @version 1.4.2.1
 *
 ************************************************** */
@import url('../../../twentyseventeen/style.css');

/* ID2S - Définition des variables globales */
:root{
	--contact-gris: #aaa;
	--red-morel: #9e3030;
}

/* ID2S 24/08/2024 - Smooth Scroll */
html {scroll-behavior: smooth;}
@media (prefers-reduced-motion: reduce) {
  html{scroll-behavior: auto;}
}
*[id] {scroll-margin-top: 50px} 

/*.single-post:not(.has-sidebar) #primary, .page.page-one-column:not(.twentyseventeen-front-page) #primary, .archive.page-one-column:not(.has-sidebar) .page-header, .archive.page-one-column:not(.has-sidebar) #primary {max-width:1200px;margin-left:0;margin-right:0;}
*/
.ats-align-left {
    text-align: left;
}

.ats-align-center {
    text-align: center;
}

.ats-align-right {
    text-align: right;
}

.ats-layout-boxed #page,
.ats-layout-boxed .site-navigation-fixed {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
}

.site-footer .ats-wrap1 {
    padding-bottom: 0;
}

.site-footer .ats-wrap2 {
    padding-top: 30px;
}

.footer-copyright-container {
    margin-top: -30px;
}

.ats-hide-panel-title .twentyseventeen-panel .entry-header {
    display: none;
}

.ats-hide-panel-title .twentyseventeen-panel .entry-content {
    float: none !important;
    width: 100% !important;
}

@media (max-width: 1170px) {
    .ats-preview.ats-layout-boxed #page,
    .ats-preview.ats-layout-boxed .site-navigation-fixed {
        max-width: 960px;
    }
}

@media screen and (min-width: 30em) {
    .ats-widget-area-advanced .widget-column {
        float: left !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .ats-widget-area-advanced .widget-column:first-child {
        padding-left: 0 !important;
    }

    .ats-widget-area-advanced .widget-column:last-child {
        padding-right: 0 !important;
    }
}

@media screen and (max-width: 48em) {
    .ats-widget-area-advanced .widget-column {
        width: 100% !important;
    }
}
@media screen and (min-width: 48em) {
	aside.widget-area {
	    display: flex;
		justify-content: space-between;
	}
	.site-footer .widget-column.footer-widget-1 {
		float: unset;
		width: var(--id2s-widget1-width) !important;
	}
	.site-footer .widget-column.footer-widget-2 {
		float: unset;
		width: var(--id2s-widget2-width);
	}
	.site-footer .widget-column.footer-widget-3 {
		float: unset;
		width: var(--id2s-widget3-width);
	}
	.site-footer .widget-column.footer-widget-4 {
		float: unset;
		width: var(--id2s-widget4-width);
	}

}
/* ID2S - Largeur du site 
@media screen and (min-width: 30em){
	.page-one-column .panel-content .wrap {
		max-width: 1200px
	}
}*/
/* ID2S - Largeur du site */
/*.page.page-one-column:not(.twentyseventeen-front-page) #primary {width:auto;}*/
@media screen and (min-width: 30em){
	.page-one-column .panel-content .wrap {	max-width: 1300px;}
	.wrap {max-width: 1300px;}
	.has-sidebar #secondary {width:24%;}
	.has-sidebar:not(.error404) #primary {width:70%}
}
.single-post:not(.has-sidebar) #primary, .page.page-one-column:not(.twentyseventeen-front-page) #primary, .archive.page-one-column:not(.has-sidebar) .page-header, .archive.page-one-column:not(.has-sidebar) #primary {max-width: 1300px;}

/* ID2S - Menu Footer */

.site-footer .site-info {
	margin-left: 0 !important;
	width:auto !important;
	float: right !important
}
.legal {text-align:center; padding: 0.7em 0 0;}
.legal ul:before {
	content:"[ "
}
.legal ul:after {
	content:" ]"
}
.legal li, .legal ul {
	display:inline;
}
.legal li:before {
  content: " | ";
}
.legal li:first-child:before {
  content: normal;
  content: ""; /* pour Safari */
}
.copyright {float:left;padding: 0.7em 0 0;}
.copyright a {color:#9e3030;}

@media screen and (max-width:900px) and (min-width:768px) {
	.footer-copyright-container {font-size:85% !important;}
	.site-footer .site-info {font-size:inherit;}
}
@media screen and (max-width:767px) {
	.social-navigation {text-align:right;}
	.copyright, .site-footer .site-info, .design-par, .legal {float:none !important;text-align:center;}
	.design-par:hover span, #light .design-par:hover span{display:none !important;}
}
/* ID2S - Aligner le menu à droite */
ul#top-menu {
    text-align: -webkit-right;
    text-align: right;
}
/* ID2S - Custo Language Sub-menu */
@media screen and (min-width: 48em){
	.main-navigation ul ul a {
		padding: 0.75em 2.75em 0.75em 1.25em;
		width: auto;
		white-space: nowrap;
	}
	li.pll-parent-menu-item .lang-item img {position:absolute;}
	li.pll-parent-menu-item .lang-item a {height:2em;}
}
/* ID2S - Noir & Blanc liens de partage */
.sd-social-icon .sd-content ul li[class*=share-] a {
    background-color: #6D6F71 !important;
}
/*ID2S - Affichage du slogan sous le logo */
.site-branding p.site-description {color:#6D6F71; text-transform:uppercase;padding-top:0.5em;}

/* ID2S - Personnalisation A Propos */
.about-tab h1 {text-align:center; margin-top:-2em; font-weight:bold;}
@media screen and (max-width: 1024px) {
	.about-tab h1 {margin-top:0 !important;}
}
.about-tab li {font-size:1.5em;line-height:3em;}
.about-tab li i {font-size:2em;color: #6D6F71;}

/* ID2S - Personalisation formulaire de contact */
::-webkit-input-placeholder { /* WebKit browsers */
color: #aaa;
font-style:italic;
opacity: 0.6;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #aaa;
font-style:italic;
opacity: 0.6;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #aaa;
font-style:italic;
opacity: 0.6;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #aaa;
font-style:italic;
opacity: 0.6;
}
/* ID2S - utilisation font dancing */
.dancing {font-family:'Dancing',cursive;}

/* ID2S - Pour des liens hypertexte clean */
a.nodeco {box-shadow:none !important;text-decoration:none !important;}

/* ID2S - Boutons */
a.bouton {padding:0.5em;border:1px solid;box-shadow: 5px 5px 5px -1.5px rgba(15, 15, 15, 1) !important;-moz-box-shadow:5px 5px 5px -1.5px rgba(15, 15, 15, 1) !important;-webkit-box-shadow:5px 5px 5px -1.5px rgba(15, 15, 15, 1) !important;}
a.bouton:hover {box-shadow: 1px 2px 5px -1.5px rgba(15, 15, 15, 1) !important;-moz-box-shadow:1px 2px 5px -1.5px rgba(15, 15, 15, 1) !important;-webkit-box-shadow:1px 2px 5px -1.5px rgba(15, 15, 15, 1) !important;}

/* ID2S - EU Cookie Law */
.pea_cook_wrapper {
 width: 100%;
 background-color:rgba(0, 0, 0, 0.5) !important
}
.pea_cook_wrapper.pea_cook_bottomcenter {
 left:0 !important;
 bottom:0 !important;
 margin:0 !important;
}
.pea_cook_wrapper.pea_cook_topleft {
 left:0 !important;
 top:0 !important;
}
.pea_cook_more_info_popover_inner{
 min-height:100px;
 background-color: rgba(0, 0, 0, 0.7) !important;
}
/* ID2S - Social menu */
#menu-social-networks span.screen-reader-text {
    display: none;
}

/* ID2S - Personnalisation page actualités */
.blog img.attachment-twentyseventeen-featured-image.size-twentyseventeen-featured-image.wp-post-image {max-height:10em; width:auto; float:left; padding:0 1.5em 1.5em 0;}

/* ID2S - 26/10/2023 - Amélioration page 404 */
section.error-404.not-found {margin-top:20vh;}