/*
 Theme Name:   Twenty Seventeen Child Inforoutes
 Theme URI:    https://fff.abbadi.fr/wp-content/themes/twentysixteen-child/
 Description:  Twenty Seventeen Child Theme for needs of Inforoutes
 Author:       SMI 
 Author URI:   https://www.inforoutes.fr/
 Template:     twentyseventeen
 Version:      1.2
 License:      GNU General Public License v2 or later
 License URI:  https://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twentyseventeen-child
*/

/*diminuer l’interval entre la nav principale et l’affichage des articles 
si ces derniers sont choisi pour être afficher en front page*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
21.0 SmiCoMarquage
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/


/*--------------------------------------------------------------
2.0 Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */

/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/

/*--------------------------------------------------------------
4.0 Clearings
--------------------------------------------------------------*/

/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------*/


/* Typography for Arabic Font */


/* Typography for Chinese Font */

/* Typography for Cyrillic Font */

/* Typography for Devanagari Font */

/* Typography for Greek Font */

/* Typography for Gujarati Font */

/* Typography for Hebrew Font */

/* Typography for Japanese Font */

/* Typography for Korean font */

/* Typography for Thai Font */

/* Remove letter-spacing for all non-latin alphabets */


/*--------------------------------------------------------------
6.0 Forms
--------------------------------------------------------------*/

/* Permet d'afficher le label d'une checkbox ou bouton radio à droite et de l'aligner
verticalement avec le centre de la case ou bouton radio */
.listcheckbox-container .nf-field-element li,
.listradio-container .nf-field-element li {
    display: flex;
    word-break: break-word;
    align-items: center;
}

/* Placeholder text color -- selectors need to be separate to work. */


/*--------------------------------------------------------------
7.0 Formatting
--------------------------------------------------------------*/

/*--------------------------------------------------------------
8.0 Lists
--------------------------------------------------------------*/


/*--------------------------------------------------------------
9.0 Tables
--------------------------------------------------------------*/

/*--------------------------------------------------------------
10.0 Links
--------------------------------------------------------------*/

/* Hover effects */

/* Fixes linked images */

/*Links du Flux RSS by mehdiAbbadi*/
.fluxRss{
	position: relative;
	text-align: center;
}
.fluxRss a {
	color : #222222 !important;
	font-size : 0.9em;
	font-family: "Libre Franklin";
  	font-style: normal;
  	font-weight: 600;
}

/*div fluxRss By mehdiAbbadi */

/* for link-image without a border
 * useful for non-square images 
 */
.widget a img.smi-no-box-shadow,
.widget a.smi-no-box-shadow,
.gallery-item a.smi-no-box-shadow,
.gallery-item a.smi-no-box-shadow img,
.entry-content a.smi-no-box-shadow,
.entry-content a img.smi-no-box-shadow
{
	-webkit-box-shadow: none;
	box-shadow: none;
}
/*
 * box-shadow disabled by default now
 */
.widget.widget.widget a img,
.widget.widget.widget a,
.gallery-item.gallery-item.gallery-item a,
.gallery-item.gallery-item.gallery-item a img,
.entry-content.entry-content.entry-content a,
.entry-content.entry-content.entry-content a img
{
	-webkit-box-shadow: none;
	box-shadow: none;
}



/*--------------------------------------------------------------
11.0 Featured Image Hover
--------------------------------------------------------------*/

/*--------------------------------------------------------------
12.0 Navigation
--------------------------------------------------------------*/


/* Hide the menu on small screens when JavaScript is available.
 * It only works with JavaScript.
 */

/* Menu toggle */

/* Display the menu toggle when JavaScript is available. */

/* Dropdown Toggle */

/* Scroll down arrow */

/* "Démarche en lignes" button in small-screen menu, hidden on large screens */
button.smi-demarches-button.smi-demarches-button {
	/* background-color: transparent; */
	background: linear-gradient( to right, rgb(255,0,0), rgb(100,0,0) );
	color: white;
	border-radius: 10px;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	/* color: #222; */
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	line-height: 1.5;
	margin: 1px auto 2px;
	padding: 1em;
	text-shadow: none;
}
/* to avoid the button changing color on hover */
button.smi-demarches-button:hover {
	background-color: transparent;
}

/* hide the extra menu item on small screens (as it is displayed under the "menu" button anyway) */
.menu-item.smi-demarches-button {
	display: none;
}

/* hides down arrow in menu */
nav.main-navigation ul.menu li.menu-item.menu-item-has-children a svg.icon-angle-down {
	display: none;
}

/* hides up arrow on menu hover */
nav.main-navigation ul.menu li.menu-item:hover::before,
nav.main-navigation ul.menu li.menu-item:hover::after {
	display: none;
}

/* hides scrolldown arrow in menu */
nav.main-navigation a.menu-scroll-down {
	display: none;
}

/* custom background color of menu items */
[class*="titre-menu-"] {
	background-color: var(--titre-menu-background-color) !important;
}

.main-navigation [class*="titre-menu-"] .sub-menu li {
	background: var(--titre-menu-background-color) !important;
}

.titre-menu-taupe {
	--titre-menu-background-color: #A99D75;
}

.titre-menu-vert {
	--titre-menu-background-color: #1C9A97;
}

.titre-menu-vert2 {
	--titre-menu-background-color: #778c4a;
}

.titre-menu-vert3 {
	--titre-menu-background-color: #B4CC5C;
}

.titre-menu-bleu {
	--titre-menu-background-color: #5C739B;
}

.titre-menu-bleu2 {
	--titre-menu-background-color: #5AC9F1;
}

.titre-menu-bleu3 {
	--titre-menu-background-color: #6EBEC9;
}

.titre-menu-violet {
	--titre-menu-background-color: #B09BD3;
}

.titre-menu-jaune {
	--titre-menu-background-color: #F5C36E;
}

.titre-menu-jaune2 {
	--titre-menu-background-color: #FDC435;
}

.titre-menu-orange {
	--titre-menu-background-color: #F2904D;
}

.titre-menu-rouge {
	--titre-menu-background-color: #EE756D;
}

.titre-menu-blanc {
	--titre-menu-background-color: #ffffff;
}

/*--------------------------------------------------------------
13.0 Layout
--------------------------------------------------------------*/


/*--------------------------------------------------------------
13.1 Header
--------------------------------------------------------------*/


/* Site branding */

/* 
 * Should stop the branding from blocking the menu on small screens,
 * doesn't block the background
 * BUT it DOES block the branding
 
div.custom-header {
 	overflow: hidden;
}

The following should just put the nav menu above the branding */

div.navigation-top {
	z-index: 4;
}

.custom-logo-link-float-right {
	float: right;
	margin-left: 2em;
}
.site-branding-text-right {
	float: right;
	text-align: right;
}
.twentyseventeen-front-page .smi_2017child_branding_logo_vertical_top,
.twentyseventeen-child-full-header .smi_2017child_branding_logo_vertical_top {
	top: 3em;
}

.twentyseventeen-front-page .site-branding.smi_2017child_branding_logo_vertical_top,
.twentyseventeen-child-full-header .site-branding.smi_2017child_branding_logo_vertical_top {
	vertical-align: top;
}

/* For browsers that support 'object-fit' */


/* Hides div in Customizer preview when header images or videos change. */


/* Header full size */

.twentyseventeen-child-full-header .custom-header .custom-header-media .wp-custom-header img {
	position: fixed;
}


.twentyseventeen-child-full-header .custom-header .custom-header-media.custom-header-media.custom-header-media {
	position: relative;
	height: 1200px;
	height: 90vh;
	max-height: 100%;
	overflow: hidden;
}

.twentyseventeen-child-full-header .custom-header .site-branding {
	position: absolute;
	bottom: 0;
	width: 100%;
}


/*--------------------------------------------------------------
13.2 Front Page
--------------------------------------------------------------*/

/* Fix issue with bullet points getting hidden */
.twentyseventeen-panel {
	overflow: visible;
}

/*--------------------------------------------------------------
13.3 Regular Content
--------------------------------------------------------------*/


/*--------------------------------------------------------------
13.4 Posts
--------------------------------------------------------------*/

/* Post Landing Page */


/* Aligned blockquotes */



/* Blog landing, search, archives */

/* More tag */

/* Single Post */

/*
 * Fix featured image + large header
 */
div.single-featured-image-header {
	position: relative;
	border-bottom: none;
}


/* Makes page wider when there is no sidebar */
.page.page-one-column:not(.has-sidebar) #primary {
	max-width: unset;
}
.single-post:not(.has-sidebar) #primary {
	max-width: unset;
}
.page.page-one-column .panel-content .wrap {
	max-width: unset;
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
}



/* Entry footer */

/* Post Formats */

/* Post Navigation */

/*--------------------------------------------------------------
13.5 Pages
--------------------------------------------------------------*/


/* 404 page */


/*--------------------------------------------------------------
13.6 Footer
--------------------------------------------------------------*/


/* Footer widgets */

/* Social nav */
.social-navigation {
    width: 100%;
    text-align: center;
    }

/* Site info */


/*--------------------------------------------------------------
14.0 Comments
--------------------------------------------------------------*/



/*--------------------------------------------------------------
15.0 Widgets
--------------------------------------------------------------*/

/* widget forms */

/* widget lists */


/* Widget lists of links */

/* widget markup */

/* Text widget */


/* RSS Widget */

.widget_rss li .rsswidget {
	font-size: 14px;
	font-size: 0.9rem;
	font-weight: 500;
	line-height: 1.4;
}

.widget_rss .rss-date,
.widget_rss li cite {
	color: #767676;
	display: block;
	font-size: 10px;
	font-size: 0.625rem;
	font-style: normal;
	font-weight: 800;
	letter-spacing: 0.18em;
	line-height: 1.5;
	text-transform: uppercase;
}

/* Contact Info Widget */


/* Gravatar */


/* Recent Comments */


/* Recent Posts widget */

/* Search */


/* Tag cloud widget */

/* Calendar widget */



/*--------------------------------------------------------------
16.0 Media
--------------------------------------------------------------*/



/* Make sure embeds and iframes fit their containers. */

/* Media Elements */

/* Audio Player */

/* Playlist Color Overrides: Light */

/* Playlist Color Overrides: Dark */



/* Playlist Style Overrides */


/* SVG Icons base styles */

/*--------------------------------------------------------------
16.1 Galleries
--------------------------------------------------------------*/

// Centrer les images de lageurs inégales dans les galleries
.gallery .gallery-item {
	text-align: center;
}

/* --------------------------------------------------*/
/* Centrer la légende d'une image - galerie d'images */

/* Nécessaire pour centrer la légende par rapport à l'image */
figure.gallery-item .gallery-icon {
	text-align: center;
}

figure.gallery-item figcaption {
	text-align: center;
	font-style: normal;
	padding-right: 0;
}

/* -------------------------------------------------------*/
/* Centrer la légende d'une image - hors galerie d'images */
figure figcaption {
	text-align: center;
	font-style: normal;
}

/* Site avec éditeur Gutemberg */
/* Pour centrer la légende par rapport à l'image et non au conteneur parent */
/* similaire avec ce qui est fait par la classe is-resized */
figure.wp-block-image {
	display: table;
}

figure.wp-block-image figcaption {
	display: table-caption;
	caption-side: bottom;
}

/*--------------------------------------------------------------
17.0 Customizer
--------------------------------------------------------------*/


/* Used for placeholder text */

/* Show borders on the custom page panels only when the front page sections are being edited */

/* Add some space around the visual edit shortcut buttons. */

/* Ensure that placeholder icons are visible. */

/*--------------------------------------------------------------
18.0 SVGs Fallbacks
--------------------------------------------------------------*/
/* Social Menu fallbacks */

/* Show screen reader text in some cases */

/*--------------------------------------------------------------
19.0 Media Queries
--------------------------------------------------------------*/

	/*
	navigation-top-top is added to navigation-top when the navbar is above the header image rather than under
	So we need to align the div with the top of the parent rather than the bottom
	Put it out of the @media because we want it like this regardless of the screen size
	*/

	.navigation-top.navigation-top-top {
		bottom: auto; /* for IE */
		bottom: unset;
		top: 0;
		position: fixed;
		z-index: 7;
		width:100%;
		margin: 0 auto;
	}
	.admin-bar .navigation-top.navigation-top-top {
		top: 32px;
	}

/* Adjust positioning of edit shortcuts, override style in customize-preview.css */
@media screen and (min-width: 20em) {

}

@media screen and (min-width: 30em) {
	/* Typography */

	/* Fix image alignment */
	
	/* Site Branding */
	
	/* Front Page */

	/* Blog Index, Archive, Search */
	
	/* Site Footer */

	/* Gallery Columns */

}

@media screen and (min-width: 48em) {

	/* Typography */

	/* Layout */

	/* Site Branding */

    .site-title {
		font-size: 46px;
		font-size: 3rem;
	}

	.site-description {
		font-size: 16px;
		font-size: 1rem;
	}

/*SMI modification hauteur du bandeau avec image sur toutes les pages homis accueil(pour la page defini en Accueil, voir ci-dessus)*/
	/*.custom-header{
		max-height: 325px;
		height: 325px;
	}*/


	/* Navigation */



	/* Main Navigation */

	/* "Démarche en lignes" button in small-screen menu, hidden on large screens */
	button.smi-demarches-button.smi-demarches-button {
		display: none;
	}
	/* "Démarche en lignes" item menu hidden in small-screen menu, displayed on large screens */
	.menu-item.smi-demarches-button {
		display: inline-block;
		border-radius: 10px;
		background: linear-gradient( to right, rgb(255,0,0), rgb(100,0,0) );
	}
	/* increase specificity by repeating the classes */
	.menu-item.menu-item.smi-demarches-button.smi-demarches-button a {
		color: white;
	 }

	/* Scroll down arrow */
	
	/* Front Page */

	/*SMI modification
	Avant : 
	.twentyseventeen-front-page.has-header-image .custom-header-media,
	.twentyseventeen-front-page.has-header-video .custom-header-media,
	.home.blog.has-header-image .custom-header-media,
	.home.blog.has-header-video .custom-header-media {
		height: 1200px;
		height: 100vh;
		max-height: 100%;
		overflow: hidden;
	}

	Après:*/

	.twentyseventeen-front-page.has-header-image .custom-header-media,
	.twentyseventeen-front-page.has-header-video .custom-header-media,
	.home.blog.has-header-image .custom-header-media,
	.home.blog.has-header-video .custom-header-media {
		height: 1200px;
		height: 90vh;
		max-height: 100%;
		overflow: hidden;
	}

	.twentyseventeen-front-page.has-header-image .custom-header-media:before,
	.twentyseventeen-front-page.has-header-video .custom-header-media:before,
	.home.blog.has-header-image .custom-header-media:before,
	.home.blog.has-header-video .custom-header-media:before {
		height: 33%;
	}

/*SMI modification
Previous y
.admin-bar.twentyseventeen-front-page.has-header-image .custom-header-media,
	.admin-bar.twentyseventeen-front-page.has-header-video .custom-header-media,
	.admin-bar.home.blog.has-header-image .custom-header-media,
	.admin-bar.home.blog.has-header-video .custom-header-media {
		height: calc(100vh - 32px);
	}
Next
*/
	.admin-bar.twentyseventeen-front-page.has-header-image .custom-header-media,
	.admin-bar.twentyseventeen-front-page.has-header-video .custom-header-media,
	.admin-bar.home.blog.has-header-image .custom-header-media,
	.admin-bar.home.blog.has-header-video .custom-header-media {
		height: calc(70vh - 32px);
	}

	/* With panel images 100% of the screen height, we're going to fix the background image where supported to create a parallax-like effect. */
	
	/* Front Page - Recent Posts */

	/* Posts */
		/*SMI 2em au lieu de 5.5*/
	.site-content {
		padding: 2em 0 0;
	}


	/* Blog, archive, search */

	/* Entry content */

	/* without sidebar */
	
	/* with sidebar */

	/* blog and archive */

	/* Post formats */

	/* Pages */

	/* 404 page */

	/* Comments */
	
	/* Posts pagination */

	/* Secondary */

	/* Widgets */

	/* Footer */

 

	/* Gallery Columns */
	
}

@media screen and ( min-width: 67em ) {

	/* Layout */

	/* Navigation */
	
	/* Sticky posts */

	/* Pagination */

	/* Comments */
}

@media screen and ( min-width: 79em ) {
}

@media screen and ( max-width: 48.875em ) and ( min-width: 48em ) {
}

/*--------------------------------------------------------------
20.0 Print
--------------------------------------------------------------*/

@media print {

	/* Hide elements */

	/* Font sizes */

	
	/* Layout */

	
	/* Site Branding */


	/* Posts */


	/* Colors */
}

/*--------------------------------------------------------------
21.0 SmiCoMarquage
--------------------------------------------------------------*/

/*template Page smi comarquage*/

#pagesmicomarquage{
	width: 100%; 
	float: none;
}

.smicontentcomarquage input[type="text"]{
	display:initial;
}

@media screen and (max-width:515px) {
	#cm-content #co-home-menu > li > h2 a{
		font-size:0.7em;
		word-wrap: normal;
		}
	#cm-content #co-home-menu .co-home-sousmenu{
		display:none;
	}
	
	#comarquage .monsp{
		display:none;
	}
}

/*--------------------------------------------------------------
22.0 Smi Modification css plugin events 
--------------------------------------------------------------*/
.event_data > address:nth-child(3) div{
	max-height:280px;
}

/*--------------------------------------------------------------
23.0 Smi Plan du site
--------------------------------------------------------------*/
.smiTitreSitemap{
	margin: 0 0 0;
	padding: 0em 0 0;
}

/*--------------------------------------------------------------
24.0 Plugin Event post sur le widget agenda
Pour compléter il faut mettre directement le style dans le head
Html, le tout décorer par du php et variant en fonction du lacouleur de fond
--------------------------------------------------------------*/

.eventpost_cal_bt{
	background-color: transparent !important; 
	color : black!important;
}

/*--------------------------------------------------------------
25.0 logoAmrf
--------------------------------------------------------------*/
/*diminuer l'espace entre les widget*/
.site-footer .widget-area {
    padding-bottom: 0em;
	padding-top: 0em;
}

.site-footer .wrap aside.widget-area div.widget-column section.widget.widget_nav_menu{
	padding-bottom: 1em;
}
.espaceAmrf{
	margin-bottom: 1em;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.logoAmrf{
	max-width:150px!important; 
	max-height : 100px!important;
}

/*Media query pour le logoAMRF*/
@media only screen and (max-width: 800px) { 
		.logoAmrf{
		max-height : 4em!important;
	}
}

/*--------------------------------------------------------------
26.0 diminuer le z-index des éléments du calendrier de réservation pour les menus puissent passer dessus
--------------------------------------------------------------*/
.datepick-days-cell span{
	z-index : 0!important;
}

.datepick-days-cell a{
	z-index : 0!important;
}

.datepick-inline .calendar-links .datepick-next{
	z-index : 2!important;
}

.datepick-inline .calendar-links .datepick-prev{
	z-index : 2!important;
}

/* 
 * 27.0 Smi Modification css article/page
 * centrer diaporama et iframe dans les pages et articles
 */

article .easingslider-container {
	margin: auto;
}
article .easingslider-container .easingslider-item {
	height: 100%!important;
}
article iframe {
	display: block;
	margin: auto;
}

.event_list a[href*="#event_list"] {
	cursor: default;
}