/*
Theme Name: Composante - Défaut
Theme URI: https://oceanwp.org/
Description: Le thème enfant des composantes par défaut.
Author: Unicaen
Author URI: https://www.unicaen.fr/
Template: oceanwp
Version: 1.0
*/

/* --- COULEURS --- */
:root {

	--coul-gris-composante:96, 122, 141; 	/* gris bleu composante contrast ok #607A8D contrast ratio 4.5 */
	/* 117, 141, 154; 	/* gris bleu composante charte #758d9a contrast ratio 3.48 */
	--coul-gris-composante-darker:76, 97, 112; /* gris bleu composante foncé #4C6170 contrast ratio 4.5 */
	--coul-quaternaire-site:25, 25, 25; 	/* si cette variable est définie dans la css du site alors cette valeur sera écrasée */
}
/*		--H1--*/
h1,
.blog h1,
.single-post h1,
.single-tribe_events h1.tribe-events-single-event-title{
	color: rgb(var(--coul-gris-composante));
}
/*		--H3--*/
.page-template-default h3::before,
.post-template-default h3::before,
.page-template-page-1-colonne h3::before,
#tribe-events-content .tribe_events h3::before,
h3::before{
	color: rgb(var(--coul-secondaire-site));
}
/*		--H5--*/
h5,
.blog h5,
.single-post h5,
.single-tribe_events h5{
	color: rgb(var(--coul-gris-composante));
}

.wp-block-group.mise-en-avant .wp-block-group__inner-container h2,
.page-template-home-page #content .entry .wp-block-group.mise-en-avant .wp-block-group__inner-container h2{
  color: rgb(var(--coul-gris-composante));
 }
 .wp-block-group.mise-en-avant, .wp-block-media-text.mise-en-avant{
 	border-left-color: rgb(var(--coul-gris-composante));
 }
/*	--- fond-colore -- */
.wp-block-group.mise-en-avant.fond-colore,
.wp-block-group.fond-colore,
p.fond-colore,
.wp-block-columns.fond-colore{
	background-color: rgb(var(--coul-tertiaire-site), var(--alpha1));
}

/*--BOUTONS--*/
	/*Page d'accueil*/
.page-template-home-page .entry > .wp-block-getwid-button-group > .wp-block-getwid-button-group__wrapper > .wp-block-button{
	background-color: rgb(var(--coul-gris-composante));
}
.page-template-home-page .wp-block-getwid-button-group > .wp-block-getwid-button-group__wrapper > .wp-block-button:hover{
	background-color: rgb(var(--coul-gris-composante-darker));
}
	/*Plein*/
.wp-block-getwid-button-group .wp-block-button__link,
#tribe-events-content .wp-block-getwid-button-group .wp-block-button__link,
#tribe-events-content .tribe-block__event-website a{
	background-color: rgb(var(--coul-gris-composante));
	color: #FFFFFF;
}
.wp-block-getwid-button-group .wp-block-button__link:hover,
#tribe-events-content .wp-block-getwid-button-group .wp-block-button__link:hover,
#tribe-events-content .tribe-block__event-website a:hover{
	background-color: rgb(var(--coul-gris-composante-darker));
}
	/*Contour*/
.wp-block-getwid-button-group .wp-block-button.is-style-outline .wp-block-button__link{
	background-color: rgba(var(--coul-gris-composante), var(--alpha1));
	color: rgb(var(--coul-gris-composante));
	border: 2px solid rgb(var(--coul-gris-composante));
}
.wp-block-getwid-button-group .wp-block-button.is-style-outline a.wp-block-button__link.lien_externe::after{
	color: rgb(var(--coul-gris-composante));
}
.wp-block-getwid-button-group .wp-block-button.is-style-outline a.wp-block-button__link.lien_externe:hover:after{
	color: #FFFFFF;
}
.wp-block-getwid-button-group .is-style-outline .wp-block-button__link:hover{
	background-color: rgb(var(--coul-gris-composante));
	color: #FFF;
}
	/* The event calendar */
/* bouton Chercher dans la vue complète */
.tribe-common .tribe-common-c-btn,
.tribe-common a.tribe-common-c-btn {
    background-color: rgb(var(--coul-gris-composante));
}
.tribe-common .tribe-common-c-btn:hover,
.tribe-common a.tribe-common-c-btn:hover {
    background-color: rgb(var(--coul-gris-composante-darker));
}

/*-- BODY --*/
body{
    background-image: unset;
    background: linear-gradient(135deg,
    	rgb(var(--coul-quaternaire-site)) 3.5%,
    	#fff 3.5%,
    	#fff 46.5%,
    	rgb(var(--coul-quaternaire-site)) 46.5%,
    	rgb(var(--coul-quaternaire-site)) 53.5%,
    	#fff 53.5%,
    	#fff 96.5%,
    	rgb(var(--coul-quaternaire-site)) 96.5%);
	background-size: 7px 7px;
	background-position: 50px 50px;
}
.tribe-events .tribe-events-c-search__button, .tribe-events button.tribe-events-c-search__button{
	background-color: rgb(var(--coul-gris-composante));
	color: #FFFFFF;
}
/*-- HEADER --	*/
#header-container-no-logged,
#header-container-logged{
	border-bottom: none;
}

header ul.dropdown-menu > li > ul:not(.megamenu) > li a.menu-link:hover,
.dropdown-menu ul li a.menu-link:hover{
	border-color: rgb(var(--coul-tertiaire-site));
}

#menus-container{
	background-color: #fff;
}
#logo-container{
	height: unset;
	padding: 10px 0;
}
#logo-container .lien-unicaen{
	padding-bottom: 5px;
}
#logo-container .lien-unicaen a{
	display: block;
	font-size: 12px;
	color: #404040;
	text-decoration: none;
	border-bottom: 1px solid #fff;
	font-family: 'Ubuntu', sans serif;
	font-weight: bold;
	letter-spacing: 0.1rem;
	text-transform: uppercase;
	line-height: 1.75rem;
	border-bottom: 2px solid #FFFFFF;
}
#logo-container .lien-unicaen a:hover{
	border-bottom: 2px solid #404040;
}
#site-navigation .main-menu.dropdown-menu > li > a.menu-link{
	color: #000;
}
#menu-barre_sup_fr li > a,
#top-bar-nav li.menu-item-has-children{
	border-color: #FFFFFF;
}
#menu-barre_sup_fr ul.sub-menu li > a{
	border-color: #FFFFFF;
}
#top-bar.container{
	padding-bottom: 10px;
}
#top-bar-content{
	margin-top: 0px;
}
#top-bar-content #s{
	background-color: #FFFFFF;
}
#menu-barre_sup_fr .menu-item i.icon:hover{
	background-color: rgb(var(--coul-gris-darker));
}
#site-navigation-wrap > nav > ul > li{
	border-color: #FFF;
}
.dropdown-menu ul.sub-menu.megamenu{
	margin-top: 3px;
	/* comme le souligné du niveau 1 est de couleur maintenant il se voit dans le dropdown*/
}

/* AGENDA FILTRE */
#agenda_filtre .tribe-events-event-category {
    color: rgb(var(--coul-gris-composante));
}
#agenda_filtre .tribe-events-event-meta {
    border-bottom-color: rgb(var(--coul-tertiaire-site));
}

/* Boucle de requête */
.wp-block-query ul.wp-block-post-template{
	margin-left: 0;
}
.wp-block-query h2{
	font-size: 1.75rem;
    position: unset;
    font-weight: normal;
}
.wp-block-query h2::after{
	display:none;
}



/*	FOOTER	*/
#footer-widgets .footer-box.col-1 .widget_media_image img{
	height: 53px !important;
}
#footer-widgets .footer-box.col{
	align-items: center;
}
#footer-widgets .wp-block-image{
	margin-bottom: 0;
}
#footer-widgets .footer-box.col p{
	margin-top: 0;
	min-width: unset;
}
.footer-widgets-inner.container{
    justify-content: space-evenly;
}
/*#footer-widgets .footer-box.col p.call-to-action.outline a{
	border-color: rgb(var(--coul-gris-composante));
	color: rgb(var(--coul-gris-composante));
	background: linear-gradient(to left, #FFFFFF 50%, rgb(var(--coul-secondaire-site)) 50%) right;
}*/

/* HOME PAGE */
.page-template-home-page #content .entry > .wp-block-advgb-columns{
	padding-left: 20px !important;
	padding-right: 20px !important;
}
.page-template-home-page div.tribe-events-widget-events-list {
    padding-right: 0px !important;
}
.page-template-home-page #content > .single-page-article > .entry p.accueil-voir-plus.has-agenda > a {
    margin-right: 20px;
}



/*FOOTER*/
#footer-widgets .footer-box.col-1 .widget_media_image .logo-unicaen img{
	height: 80px !important;
}
#footer-widgets .footer-box.col-1 .widget_media_image .logo-marianne img{
	height: 104px !important;
}
#footer-widgets .footer-box.col-1 .widget_media_image img{
	margin: 0px;
}


/*	RESPONSIVE	*/
@media screen and (max-height: 800px){
	.page-template-home-page .wp-block-getwid-section__wrapper{
		min-height: 20vw !important;
	}
}
@media screen and (max-width: 800px){
	.page-template-home-page .wp-block-getwid-section__wrapper{
		min-height: 40vh !important;
	}
}
@media screen and (max-width: 1660px){
	#header-container-no-logged,
	#header-container-logged {
	    padding: 0px 0px 0px 20px;
	}
}

@media screen and (max-width: 1470px){
	#header-container-logged {
	    padding: 0 5px;
	}
	#logo-container{
		padding-left: 10px;
	}
	#site-header.minimal-header{
		margin-top: 1.5em;
	}
}

@media screen and (max-width: 1200px){
	#site-header.minimal-header{
		margin-top: 0;
	}
	.wp-block-advgb-columns.advgb-columns-wrapper .advgb-columns-container .advgb-columns.mbl-layout-stacked>.advgb-column{
		flex-basis: unset !important;
	}
	.wp-block-advgb-columns.advgb-columns-wrapper .advgb-columns-container .advgb-columns.advgb-columns-2>.advgb-column{
		flex-grow: 1;
	}
	.wp-block-advgb-columns.advgb-columns-wrapper .advgb-columns-container .advgb-columns {
    	flex-wrap: wrap;
	}
	.advgb-columns.mbl-layout-stacked .advgb-column {
    	width: 100% !important;
	}
}
@media screen and (max-width: 1010px){
	#footer-widgets .footer-widgets-inner .footer-box.col-1 .widget_media_image{
		margin: 0px 0px 0px 5vw;
	}
	#footer-widgets .footer-widgets-inner .footer-box.col-2 > div,
	 #footer-widgets .footer-widgets-inner .footer-box.col-3 > div{
		margin-left: 6vw;
	}
}

@media screen and (max-width: 420px){
	#footer-widgets .footer-widgets-inner .footer-box.col-1{
		flex-direction: row;
	}
}

