/*
Theme Name: Outside
Theme URI: https://github.com/outside/theme
Author: Marlène Cotterlaz / Sébastien Chandonay
Author URI: https://www.seb-c.com
Description: Showcasing themeing for Outside Website.
Version: 1.1.62
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: outside
Tags: translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

outside is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/

/**
 * Patch css/styles.css styles
 */
body.admin-bar header nav{
	top: 32px;
}
header nav>ul>li>a{
	position: relative;
}
header nav>ul>li.menu-item-has-children>a::after {
    content: '+';
    position: absolute;
    top: 40%;
    right: 10px;
}
.newsletter,
.newsletter form,
footer .newsletter form{
	position: relative; /* useful for fw-wait during ajax call */
}
.content-search article{
	margin-bottom: 50px;
}
.connexion form input[type=submit].button-small{
	font-size: 0.8em;
}

/**
 * User actions
 */
.user-actions{
	position: fixed;
	right: 0;
	top: 10%;
	z-index: 999;
	padding: 12px;
	background: rgba(255,255,255, 0.8);
	background-color: #fed10a;
	font-size: 11px;
	text-align: right;
	text-transform: uppercase;
	font-weight: bold;
}
.user-actions li{
	padding: 3px 0;
}
.user-actions li.info{
	font-size: 8px;
	text-transform: lowercase;
	font-weight: normal;
	max-width: 90px;
	line-height: 1.2;
	font-style: italic;
}
@media (max-width: 720px) {
	.user-actions{
		top: auto;
		bottom: 0;
	}
}

/**
 * Google Recaptcha
 */
.grecaptcha-badge{
	display: none;
	visibility: hidden;
}
.grecaptcha-info{
	margin-top: 12px;
	font-size: 10px;
	line-height: 14px;
	font-style: italic;
	color: #485d78;
}
.grecaptcha-info a{
	color: #485d78;
	text-decoration: underline;
}

/**
 * Comments
 */
/*
.comments-area{
	max-width: 600px;
	width: 100%;
	margin: 24px auto;
	padding: 50px 130px;
    max-width: 1050px;
    border-top: 1px solid #485d78;
}
.comments-title{
	text-transform: uppercase;
	font-weight: bold;
	margin: 0 0 24px 0;
}
.comment-list {
	padding: 0;
}
.comment-list,
.comment-list .children {
	list-style: none;
}
.comment-list .children {
	margin-left: 24px;
}
.comment-body {
	margin: 0 0 1.8rem;
}
.comment-body footer{
	display: block;
	padding: 0;
	background: none;
}
.comment-author{
	margin: 0;
	padding: 0;
}
.comment-author *{
	font-size: 14px;
}
.comment-author *{
	font-size: 14px;
}
.comment-author img{
	width: auto;
}
.comment-metadata{
	font-size: 10px;
	font-style: italic;
	margin: 0;
}
.comment-content {
	margin: 12px 0 0 0;
	text-align: left;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}
.comment-content p{
	margin: 0 0 12px 0;
}
.comment-body .reply {
	margin: 0 0 24px 0;
}
.comment-awaiting-moderation {
	color: rgba(187, 17, 17, 1);
}
.comment-form p {
	margin: 0.5rem 0;
}
.comments-link {
	font-size: 1rem;
	text-transform: uppercase;
}
*/
.comment-area{
	max-width: 600px;
	width: 100%;
	margin: 24px auto;
	padding: 50px 130px;
    max-width: 1050px;
    border-top: 1px solid #485d78;
    background: #fed10a;
}
.comment-area > h2{
	font-size: 1.8em;
	margin: 0 0 12px 0;
	font-weight: 700;
	text-transform: uppercase;
}
.comment-area .comment-respond .comment-reply-title{
	display: none;
}
.comment-area .comment-respond .logged-in-as{
	display: none;
}
.comment-area .comment-respond .comment-form label{
	display: none;
}
.comment-area .comment-respond .comment-form-comment textarea{
	width: 100%;
	display: block;
}
.comment-area .comment-respond .comment-form input,
.comment-area .comment-respond .comment-form textarea{
	border: none;
	min-height: 24px;
	padding: 12px;
}
.comment-area .comment-respond .comment-form .form-submit{
	margin-top: 12px;
}

/**
 * Connexion

section.connexion {
    background: rgba(255,255,255, 0.8);
}
section.connexion ul.listing,
section.connexion ul.listing * {
    text-align: left;
}
section.connexion ul.listing ul {
    margin-left: 24px;
}
section.connexion ul.listing li{
	padding: 6px;
	margin: 6px 0;
	background: rgba(0,0,0,0.1);
} */

/**
 * Content Widgets
 */
/** twitter */
twitter-widget{
	width: 100% !important;
}
div.EmbeddedTweet{
	max-width: 100%;
	margin: 0 auto;
}
/** facebook */
.fb-video.fb_iframe_widget{
	width: calc(100% - 50px) !important;
}
.fb-video.fb_iframe_widget span{
	width: 100% !important;
}
.fb-video.fb_iframe_widget span iframe{
	width: calc(100% - 50px) !important;
}
@media only screen and (max-width: 1160px) {
	.fb-video.fb_iframe_widget{
		width: 100% !important;
	}
}
@media only screen and (max-width: 700px) {
	.fb-video.fb_iframe_widget span {
	    padding: 0 30px;
	}
	.fb-video.fb_iframe_widget span iframe{
		width: 100% !important;
	}
}
@media only screen and (max-width: 500px) {
	.wp-block-embed{
		width: 400px !important;
		margin: 0 auto 30px auto !important;
	}
	.wp-block-embed-facebook .fb-post > span{
		width: 400px !important;
	}
}
@media only screen and (max-width: 420px) {
	.wp-block-embed{
		width: 300px !important;
		margin: 0 auto 30px auto !important;
	}
	.wp-block-embed-facebook .fb-post > span{
		width: 300px !important;
	}
}

/**
 * Tarte Au Citron (consentement RGPD)
 */
/* modal de paramétrage des choix */
#tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
	border-color: #000000 !important;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine,
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle,
#tarteaucitron #tarteaucitronServices .tarteaucitronTitle button,
#tarteaucitron #tarteaucitronInfo,
#tarteaucitron #tarteaucitronServices .tarteaucitronDetails {
	background: #000000 !important;
}
#tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronClosePanelCookie,
#tarteaucitron #tarteaucitronClosePanel {
	background: #fed10a !important;
	color: #000000 !important;
	top: 10px !important;
	z-index: 2 !important;
}
#tarteaucitronIcon #tarteaucitronManager img {
	width: 40px !important;
    height: 40px !important;
}
#tarteaucitronRoot .tarteaucitronH1 {
	font-family: 'guardian-semibold', Georgia, serif !important;
	font-size: 1.8em !important;
}
#tarteaucitronRoot div#tarteaucitronInfo {
	font-size: 1.4em !important;
}
#tarteaucitronRoot #tarteaucitron #tarteaucitronPrivacyUrl,
#tarteaucitronRoot #tarteaucitron #tarteaucitronPrivacyUrlDialog {
	background: none !important;
	color: #ffffff !important;
	text-decoration: underline !important;
	font-size: 1em !important;
}
#tarteaucitron #tarteaucitronServices #tarteaucitronAllAllowed.tarteaucitronIsSelected {
	
}
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAllow,
#tarteaucitron #tarteaucitronServices #tarteaucitronServices_mandatory .tarteaucitronLine button.tarteaucitronAllow {
	background-color: #fed10a !important;
	color: #000000 !important;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied .tarteaucitronDeny {
	background-color: #000000 !important;
}
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny,
.tac_activate .tarteaucitronAllow {
	border-radius: 0px !important;
}
.tarteaucitronCheck,
.tarteaucitronCross {
	display: none !important;
}
/* modal lorsqu'aucune configuration n'est faite */
#tarteaucitronRoot #tarteaucitronAlertBig {
	background: rgba(0,0,0,0.8) !important;
	border-radius: 0px !important;
	padding: 12px !important;
}
#tarteaucitronRoot div#tarteaucitronAlertBig:before {
	display: none !important;
}
#tarteaucitronRoot div#tarteaucitronAlertBig button {
	max-width: 300px;
	width: calc(100% - 20px);
	margin: 0 auto 6px auto !important;
	display: block;
}
#tarteaucitronRoot #tarteaucitronAlertBig span#tarteaucitronDisclaimerAlert {
	font-size: 16px;
}
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert,
#tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronDeny {
	background-color: #333333 !important;
	color: #ffffff !important;
}
#tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronAllow {
	background: #fed10a !important;
	color: #000000 !important;
}
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPrivacyUrl {
	margin-top: 24px !important;
	text-decoration: underline !important;
}
#tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigBottom {
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
}
#tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigBottom span#tarteaucitronDisclaimerAlert {
	display: block;
	margin-bottom: 12px;
}
#tarteaucitronRoot div#tarteaucitronAlertBig.tarteaucitronAlertBigBottom button {
	width: calc(100% - 40px);
	margin: 0 auto 6px auto !important;
}
#tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigBottom #tarteaucitronPrivacyUrl {
	margin-top: 12px !important;
}
#tarteaucitronRoot #tarteaucitronAlertBig.tarteaucitronAlertBigBottom span#tarteaucitronDisclaimerAlert {
	font-size: 14px !important;
	text-align: center;
}

/**
 * Button
 
.btn{
	display: inline-block;
	padding: 12px 24px;
	margin: 6px 0;
	background: #fed10a;
	text-align: center;
	min-width: 180px;
	max-width: 300px;
	text-transform: uppercase;
	font-weight: bold;
}
.btn.safe{
	background: #d12c1d;
	color: #fff;
	font-weight: normal;
}*/

/**
 * Abonnement

.part-payer .legal{
 * Information de commande

.order-informations .legal{
	padding: 12px;
	border: 3px solid #777;
	margin: 24px 0;
}
.order-informations .promo-title{
	display: inline-block;
	width: auto;
	padding: 12px 48px;
	background-color: #fed10a;
	margin: 12px 0;
	font-weight: bold;
} */

/****************************************************************/
/****************************************************************/
/** CSS ADITIONNEL de Thibault (report depuis WP le 14/03/2024) */
/****************************************************************/
/****************************************************************/

/* Contact Form 7 Form Background And Border CSS
 -----------------------------------------------*/
 .wpcf7 {
     background: #F4F4F4;
     border: 1px solid #FFF;
     width: auto;
     padding: 20px 20px 20px 50px !important;
 }

/* 
** Contact Form 7 Styles 
*/
.wpcf7-form input[type="text"], 
.wpcf7-form input[type="email"], 
.wpcf7-form input[type="url"], 
.wpcf7-form input[type="password"], 
.wpcf7-form input[type="search"], 
.wpcf7-form input[type="number"], 
.wpcf7-form input[type="tel"], 
.wpcf7-form textarea {
    color: #1f252b;
    width: 100%;
    padding: 12px 16px;
    border-radius: 0;
    border: 0;
}
.wpcf7-form p {
    margin: 0 0 28px;
}
.wpcf7-text:focus, 
.wpcf7-textarea:focus {
    outline: 1px solid rgba(84, 222, 197, 0.9);
    outline-offset: 0;
}
div.wpcf7-mail-sent-ok {
    border: 0;
    background: #5471de;
    color: #fff;
    padding: 18px;
}
div.wpcf7-acceptance-missing,
div.wpcf7-validation-errors {
    border: 0;
    background: #f9443b;
    color: #fff;
    padding: 18px;
}
span.wpcf7-not-valid-tip {
    color: #f9443b;
	  font: verdana;
	  font-size: small;
}

/* 
** Button Styles 
*/
.wpcf7-form .button {
    background-color: #c4c4c4;
    border: 0;
    color: #fff;
    border-radius: 1px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 15px;
    width: auto;
    padding: 20px 42px;
    letter-spacing: 2px;
    font-size: 14px;
}
.wpcf7-form .button:hover {
    cursor: pointer;
    box-shadow: 0px 7px 16px -7px rgba(0, 0, 0, 0.4);
    border: 0;
}

/* custom checkbox styling for contact form 7 checkbox */
span.wpcf7-list-item {
	display: inline-block;
	margin: 0;
}
.wpcf7 .wpcf7-list-item {
	display: block;
	margin-bottom: 10px;
}
.wpcf7-checkbox label {
	position: relative;
	cursor: pointer;
}
.wpcf7-checkbox input[type=checkbox] {
	/*position: relative;*/
	position: absolute;
	visibility: hidden;
	width: 20px;
	height: 20px;
	top: 0;
	left: 0;
}
.wpcf7-checkbox input[type=checkbox] + span {
	/* border: 3px solid red; */
}
.wpcf7-checkbox input[type=checkbox] + span:before {
	display: block;
	position: absolute;
	content: '';
	border-radius: 0;
	height: 20px;
	width: 20px;
	top: 0px;
	left: 0px;
	border: 1px solid #000;
}
.wpcf7-checkbox input[type=checkbox] + span:after {
	display: block;
	position: absolute;
	content: "\2713";
	height: 20px;
	width: 20px;
	top: 0;
	left: 0;
	visibility: hidden;
	font-size: 18px;
	text-align: center;
	line-height: 26px;
}
.wpcf7-checkbox input[type=checkbox]:checked + span:before {
	background: transparent;
}
.wpcf7-checkbox input[type=checkbox]:checked + span:after {
	visibility: visible;
}
.wpcf7-list-item-label {
	margin-left: 40px;
	display: inline-block;
}


/* Labels CF7 CSS Styles */

.wpcf7-form label {
	color: #6B6B6B;
	font-size: medium;
	font-style: italic;
	font-weight: light;
	font-family: arial;
}

/* File Upload Button CF7 CSS Styles */

.wpcf7 input[type=file] {
	background:#fff;
	color: #000;
	border-radius: 1px;
	text-align: center;
	margin-bottom: 14px;
	width: 100%;
	padding: 10px 20px;
	letter-spacing: 2px;
	font-size: 12px;
}

/* Apply entry-content styles to the group block */
.wp-block-group {
	background: #FAF3E8;
	border-radius: 8px;
	padding-bottom: 20px;
	padding-left: 40px;
	padding-right: 40px;
	padding-top:20px;
}

.embedresize {
	max-width: 100%;
	margin: auto;
}

.embedresize div {
	position: relative;
	height: 0;
	padding-bottom: 56.25%;
}

.embedresize iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* bloc texte beige */
.texte-beige {
	background: #FAF3E8;
	padding: 2em;
	font-family: arial, sans-serif;
	border: 1px solid #FAF3E8;
	border-radius: 8px;
}

/* texte intro page */
.texte-intro {
	font-family:'guardian-semibold', Georgia, serif
}

/* titre page */
.article-page h1 {
	padding: 100px 20px 0;
	width: 100%;
	max-width: 100%;
	font-size: 6em;
	font-weight: 500;
	text-align: center;
}

/* Gallerie films */
.roundedimage figure img {
	border-radius:8px;
	padding:2px;
	-webkit-filter: grayscale(0%);
	filter: brightness(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.roundedimage figure:hover img {
	-webkit-filter:brightness(0.6);
	filter: brightness(0.6);
}

/* archive description*/
.main-content-archive .archive-header .archive-header-container .archive-description {
	font-size: 16px;
	word-spacing: 1px;
	color: #222;
}

.intro #intro .embedresize iframe,
.exit .quizz .embedresize iframe,
.alreadyplayed #intro .embedresize iframe, 
.identityset #intro .embedresize iframe, 
#notabene .embedresize iframe, 
#message_intro .embedresize iframe, 
.fancybox_body .embedresize iframe, 
#comments .embedresize iframe, 
#description .embedresize iframe, 
.alreadyplayed .embedresize iframe, 
#adserver .embedresize iframe {
	max-width: none !important;
}