/*
Theme Name: OT-catch-box
Description: Theme enfant de Catch Box
Author: Philippe DUCOTE
Author URI: https://outreterre.org
Template: catch-box
Version: 0.1.0
*/

/****************************************************************
 *		LARGEUR DE LA PAGE										*
 ****************************************************************/

/* No Sidebar One Column */
.one-column .site {
	width: 90%;				/* catch-box : 740px */
}
/* Smaller than standard 1024px (devices and browsers) ----------- */
@media screen and (max-width: 1024px) {
	.one-column .site {
		width: 90%;			/* catch-box : 730px */
	}
}
/* iPad Portrait and other Smaller then standard 960 (devices and browsers) ----------- */
@media screen and (max-width: 960px) {
	.one-column .site {
		width: 95%;			/* catch-box : 720px */
	}
}
/* Smaller then standard 767 (devices and browsers) ----------- */
@media screen and (max-width: 767px) {
	.one-column .site {
		width: 95%;			/* catch-box : 600px */
	}
}
@media screen and (max-width: 640px) {
	.one-column .site {
		width: 100%;			/* catch-box : 460px */
	}
}

/* Smaller then standard 479px (devices and browsers) ----------- */
@media screen and (max-width: 479px) {
	.one-column .site {
		width: 100%;			/* catch-box : 100% */
	}
}

/****************************************************************
 *		Ligne de titre de la page : logo à gauche du titre		*
 ****************************************************************/
#site-logo {
    line-height: 0;
	float: left;
}
#hgroup {
	display: inline-block;
	margin-top: 20px;
}

/****************************************************************
 *		Séparer l'en-tête du corps de la page					*
 ****************************************************************/

.site {
	background: none;
}	
.filler {
	height: 30px;
}

/****************************************************************
 *		Pas de bordures sous les widgets 						*
 ****************************************************************/
 
.widget, .widget-title {			/* Les widgets */
	border-bottom: none;
}	

/****************************************************************
 *		Positionner les icones de partage sur les réseaux sociaux*
 ****************************************************************/
.post-9 .entry-header, .post-11 .entry-header {
	position: relative;
 }
.post-9 .heateor_sss_sharing_container, .post-11 .heateor_sss_sharing_container {
	position: absolute;
	top: 40px;
	right: 20px;
 }
.post-362 .heateor_sss_sharing_container {
	position: absolute;
	top: 40px;
	right: 20px;
	z-index: 3;
}
.post-297 .heateor_sss_sharing_container, .post-299 .heateor_sss_sharing_container {
	position: absolute;
	top: 40px;
	right: 20px;
	visibility: hidden !important;
}
/****************************************************************
 *		Page d'accueil : titre des images dans l'image			*
 ****************************************************************/

#menu-images .widget {
	position: relative;
}

#menu-images .widget-title {
	position: absolute;
	color: white;
	position: absolute;
	top: 25%;
	left: 50%;
	transform: translate(-50%, 0%);
}	

#pres-activites {
	text-align: justify;
}

/****************************************************************
 *	Conférences : Calendrier : Tableau calé en haut du widget	*
 *							   et confs passées grisées			*
 ****************************************************************/

.posts-table-wrapper {
	margin-top: 0 !important;
}

.posts-table-wrapper table {
	width: 99% !important;
}

.col-conf_sujet {
	line-height: 1.5;
}

#cycle-en-cours .past-event {
	background-color: #efefef !important;
}

.col-conf_date_Ymd {
	display : none !important;
}

/****************************************************************
 *	Revue : présentation : peu d'espace après le 1er §			*
 ****************************************************************/

 p {
	margin-bottom: 10px; 
 }
 
/****************************************************************
 *	Cartes : Calendrier : Taille icône téléchargement			*
 ****************************************************************/

.col-conf_cartes img {
	max-width: 24px;
}
.col-conf_cartes {
	text-align: center !important;
}
.col-conf_video_link, .col-conf_pdf_link {
	text-align: center !important;
}
 
/****************************************************************
 *	Login form : rendre visible le texte "Cliquez ici pour		*
 *				 accepter les cookies et activer ce contenu		*
 ****************************************************************/
 #ur-recaptcha-node {
	width: 350px !important;
	max-width: 350px !important;
 }
 
 .ur-frontend-form.login {
	padding: 20px !important; 
 }
 
 .cmplz-blocked-content-notice {
	top: 0 !important;
	left: 80px;
	width: 260px !important;
	max-width: 260px !important
 }
 
/****************************************************************
 *	Espace membre												*
 ****************************************************************/

.user-registration-MyAccount-content {
	text-align: left !important;
}
.user-registration-MyAccount-content .user-registration-profile-header {
	text-align: center;
}
.user-registration-message {
	font-size: 24px;
	font-weight: bold;
	background-color: rgba(174, 77, 27, 0.29);
	border-top-color: #ae3f1b;
	color: #0b0b0b;
}
.user-registration-message a {
	font-weight: bold;
}
/****************************************************************
 *	Formulaire d'inscription : ordre des champs					*
 *  nav-index = invalid property pour Firefox					*
 *  + tasser le texte vers le haut								*
 ****************************************************************

.prenom				{ nav-index: 1; }
.nom				{ nav-index: 2; }
.adr-mail			{ nav-index: 3; }
.adr-mail-confirm	{ nav-index: 4; }
.mot-de-passe		{ nav-index: 5; }
.mot-de-passe-confirm { nav-index: 6; }
.statut				{ nav-index: 7; }
.naissance			{ nav-index: 8; }
.telephone			{ nav-index: 9; }
.mode-pmt			{ nav-index: 10; }
.adr-lgn1			{ nav-index: 11; }
.adr-lgn2			{ nav-index: 12; }
.code-postal		{ nav-index: 13; }
.commune			{ nav-index: 14; }
.pays				{ nav-index: 15; }
.bio				{ nav-index: 16; }
***/
.post-297 .user-registration, .post-297 .entry-content, .post-297 .widget {
	margin: 0 !important;
	padding: 0 !important;
}
 
/****************************************************************
 *	Les Nouvelles d'Outre Terre									*
 ****************************************************************/

.mailpoet_archive_date {
	font-size: 1em;
	color: #D63219;
	display: inline-block;
	width: 100px;
}
.mailpoet_archive_subject {
	margin-left: 10px;
	font-size: 1.1em;
}

#OT_Nouvelles_Abonnt {
	background: url(https://7t0zydblmrw.preview.infomaniak.website/wp-content/uploads/2019/08/planisphere_eclairci.jpg) center / auto repeat, #ffffff;
	color: #7d604c;
	text-align: left;
	border: solid 4px #eeb790;
	border-radius: 20px;
	width: 50%;
	margin: auto;
}
#OT_Nouvelles_Abonnt h2 {
	padding: 0 0 0 20px;
	margin: 10px 0 10px 0;
	width: 90%;
}
#OT_Nouvelles_Abonnt p {
	padding: 0 0 0 20px;
	margin: 0 0 20px 0;
	width: 90%;
}
#OT_Nouvelles_Abonnt input {
	width:100%;
	box-sizing:border-box;
	background-color:#ffffff;
	border-style:solid;
	border-radius:4px !important;
	border-width:0px;
	border-color:#313131;
	padding:12px;
	margin: 0 auto 0 0;
	font-family:'Libre Franklin';
	font-size:13px;
	font-weight: bold;
	line-height:1.5;
	height:auto;
	color:#fdb7ac;
}
#OT_Nouvelles_Abonnt .sib-default-btn {
	width: 100%;
	box-sizing: border-box;
	background-color: #a53625;
	border-style: solid;
	border-radius: 40px !important;
	border-width: 0px;
	padding: 12px;
	margin: 0 auto 0 0;
	font-family: 'Ubuntu';
	font-size: 20px;
	line-height: 1.5;
	height: auto;
	color: #fff;
	border-color: transparent;
	font-weight: bold;
}
#OT_Nouvelles_Abonnt .ot-brevo-form-footer {
	font-weight: bold;
}