/*!
Theme Name: Ketfa
Theme URI: https://getmasum.com/themes-wp/ketfa/
Author: Themesvila
Author URI: https://www.templatemonster.com/authors/themesvila/
Description: This is a Travel Agency WordPress Theme
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ketfa
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, 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.

Ketfa is based on Underscores https://underscores.me/, (C) 2012-2020 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 https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

# Components

	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/


/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 15px 0 0;
}

dl {
  margin: 0 20px;
}
dd {
	margin-bottom: 12px;
}
table {
	border-bottom: 1px solid #ededed;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 14px;
	line-height: 2;
	margin: 0 0 20px;
	width: 100%;
	text-align: center;
}
caption, th, td {
    font-weight: normal;
    text-align: center;
}
caption {
	font-size: 16px;
	margin: 0;
	padding-top: 0;
}
th {
    font-weight: bold;
    text-transform: uppercase;
}
td {
    border-top: 1px solid #ededed;
    padding: 6px 10px 6px 0;
}
tr{
	 padding: 6px 10px 6px 0;
}
del {
    color: #333;
}
select{
	border: 1px solid #ddd;
	padding: 10px;
}

.wp-block-button{
	margin-bottom: 15px;
}
.wp-block-cover{
	margin-bottom: 15px;
}
.wp-block-cover p:not(.has-text-color),
.wp-block-cover .wp-block-cover-text{
	color: #fff;
}
.post_description.entry-content ul{
	padding-left: 15px;
	list-style-type: inherit;
}
.wp-block-categories-dropdown,
.wp-block-archives-dropdown{
	margin-bottom: 15px;
}

.wp-block-group__inner-container{
	padding: 15px;
}
.post_description.entry-content img{
	height: auto;
}

.entry-content iframe {
	width:100%;
}


.entry-content li > ul, li > ol {
	margin: 0;
}
.entry-content address {
	font-style: italic;
}

.entry-content img {
	max-width:100%;
	height: auto;
	margin-bottom: 15px;
}
.entry-content table {
    border-bottom: 1px solid #ededed;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 14px;
    line-height: 2;
    margin: 0 0 20px;
    width: 100%;
}



.content-area input[type="text"],
.content-area input[type="email"],
.content-area input[type="url"],
.content-area input[type="password"],
.content-area input[type="search"],
.content-area input[type="number"],
.content-area input[type="tel"],
.content-area input[type="range"],
.content-area input[type="date"],
.content-area input[type="month"],
.content-area input[type="week"],
.content-area input[type="time"],
.content-area input[type="datetime"],
.content-area input[type="datetime-local"],
.content-area input[type="color"],
.content-area textarea {
	border: 1px solid #ddd;
	padding: 6px 10px;
	box-shadow: inherit;
	transition: .5s;

}
.content-area textarea{
	height: 120px;
	padding: 10px 10px;
}
.entry-content input[type="text"],
.entry-content input[type="email"],
.entry-content input[type="url"],
.entry-content input[type="password"],
.entry-content input[type="search"],
.entry-content input[type="number"],
.entry-content input[type="tel"],
.entry-content input[type="range"],
.entry-content input[type="date"],
.entry-content input[type="month"],
.entry-content input[type="week"],
.entry-content input[type="time"],
.entry-content input[type="datetime"],
.entry-content input[type="datetime-local"],
.entry-content input[type="color"]{
	height: 45px;
	line-height: 45px;
	padding: 5px 10px;
	border: 1px solid #ddd;
}
.entry-content input[type="text"]:focus,
.entry-content input[type="email"]:focus,
.entry-content input[type="url"]:focus,
.entry-content input[type="password"]:focus,
.entry-content input[type="search"]:focus,
.entry-content input[type="number"]:focus,
.entry-content input[type="tel"]:focus,
.entry-content input[type="range"]:focus,
.entry-content input[type="date"]:focus,
.entry-content input[type="month"]:focus,
.entry-content input[type="week"]:focus,
.entry-content input[type="time"]:focus,
.entry-content input[type="datetime"]:focus,
.entry-content input[type="datetime-local"]:focus,
.entry-content input[type="color"]:focus,
.entry-content textarea:focus{
	border-color: var(--ketfa-secondary);
	box-shadow: inherit;
}
.form-submit #submit,
.entry-content button,
.entry-content input[type="button"],
.entry-content input[type="reset"],
.entry-content input[type="submit"]{
	border: 1px solid var(--ketfa-secondary);
	background: var(--ketfa-secondary);
	padding: 8px 27px;
	cursor: pointer;
	transition: .5s;
	border-radius: 2px;
	color: #fff;
}
.form-submit #submit:hover,
.form-submit #submit:focus,
.entry-content button:hover,
.entry-content input[type="button"]:hover,
.entry-content input[type="reset"]:hover,
.entry-content input[type="submit"]:hover{
	background: #333;
	border-color: #333;
	color: #fff;
}
.post-password-form input[type="submit"]{
	margin-left: 10px;
}
/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

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

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

/*Block Widgets Design*/

.wp-block-search{
	position: relative;
}
.wp-block-search .wp-block-search__button {
	position: absolute;
	right: 0;
	top: 0;
	background-color: var(--ketfa-secondary);
	color: #fff;
	height: 52px;
	border: 1px solid var(--ketfa-secondary);
	padding: 5px 15px;
}
.wp-block-search .wp-block-search__label{
	display: none;
}
.wp-block-search .wp-block-search__input {
	flex-grow: 1;
	min-width: 3em;
	border: 1px solid #ced4da;
	height: 52px;
	line-height: 52px;
	padding: 10px 15px;
}
.wp-block-search__inside-wrapper  .wp-block-search__input:focus{
	border: 1px solid var(--ketfa-secondary)!important;
	box-shadow: inherit;
}
.widget.widget_block{
	padding: 30px;
}
.widget.widget_block h2{
	font-size: 24px;
	text-transform: capitalize;
	color: #333;
}
.widget.widget_block li {
	list-style-type: none;
	padding-top: 14px;
	padding-bottom: 14px;
	font-weight: 500;
	border-bottom: 1px solid #ddd;
	transition: .5s;
	padding-left: 0;
}
.widget.widget_block li:last-child{
	border-bottom: inherit;
}
.widget.widget_block ul,
.widget.widget_block ol{
	padding: 0;
}

#contact-form textarea {
	height: 150px;
}


/* Admin Menu */

#navigation {
	padding: 10px 0 0px;
}
.customize-support #navigation {
	padding: 33px 0 0px;
}
.customize-support #navigation.navbar-fixed {
	padding-top: 27px;
}




/* ***************** ADD IE ***************** */
/* DIVERS */
.left{ text-align: left; }
.right{ text-align: right; }
.center{ text-align: center; }
.margin_top5{ margin-top: 5px !important; }
.margin_top10{ margin-top: 10px !important; }

.site-logo{ margin: 5px 0; }
.site-logo img{ height: 80px; }

/* NAVIGATION DU COMPTE UTILISATEUR */
.ketfa-header-layout{
	align-items: center;
}
.ketfa-brand-area{
	display: flex;
	align-items: center;
	min-height: 90px;
}
.ketfa-brand-area .site-logo{
	flex: 0 0 auto;
	width: auto;
}
.ketfa-brand-area .site-logo a{
	display: block;
}
.ketfa-header-greeting{
	margin-left: 15px;
	padding-left: 15px;
	border-left: 1px solid #e1e5eb;
}
.ketfa-header-greeting .ketfa-account-label{
	display: block;
	color: var(--ketfa-primary);
	font-family: 'Josefin Sans', sans-serif;
	font-size: 15px;
	font-weight: 700;
	white-space: nowrap;
}
.ketfa-header-greeting .ketfa-account-label strong{
	color: var(--ketfa-secondary);
}

/* TITRE DE PAGE SANS BANDEAU IMAGE */
.page-title-bar .page-title-content{
	padding-top: 145px;
}
.page-title-bar .section-blog-title{
	color: var(--ketfa-primary);
	font-size: 36px;
	margin-bottom: 0;
}

/* MON PROFIL */
/* .wp-pwd.hide-if-js, #pw-weak {
    display: none;
} */

.blog-section .post_description.ketfa-profile-section{
	max-width: 650px;
	margin: 10px 0 40px;
	padding: 0;
}
.ketfa-profile-form-card{
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
}
.ketfa-profile-form h3{
	margin: 0 0 24px;
	color: var(--ketfa-primary);
	font-size: 24px;
	line-height: 1.3;
}
.ketfa-profile-fields{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 22px;
}
.ketfa-profile-field + .ketfa-profile-field{
	margin-top: 0;
}
.ketfa-profile-field .form-label{
	display: block;
	margin-bottom: 8px;
	color: #303746;
	font-size: 15px;
	font-weight: 600;
}
.ketfa-profile-field .form-label span{
	color: #7c8593;
	font-size: 13px;
	font-weight: 400;
}
.ketfa-profile-form .form-control{
	display: block;
	width: 100%;
	height: 48px;
	padding: 0 14px;
	border: 1px solid #d8dee7;
	border-radius: 6px;
	background: #fff;
	box-shadow: none;
	color: #303746;
	font-size: 15px;
	transition: border-color .2s ease, box-shadow .2s ease;
}
.ketfa-profile-form .form-control::placeholder{
	color: #9aa3b1;
}
.ketfa-profile-form .form-control:focus{
	border-color: var(--ketfa-secondary);
	box-shadow: 0 0 0 3px rgba(66, 198, 193, .12);
	outline: 0;
}
.ketfa-profile-form .form-control.is-invalid{
	border-color: #dc3545;
}
.ketfa-profile-field small{
	display: block;
	margin-top: 6px;
	color: #7c8593;
	font-size: 12px;
}
.ketfa-profile-form-actions{
	margin-top: 24px;
}
.ketfa-profile-form .ketfa-profile-submit{
	min-height: 44px;
	padding: 10px 18px;
	border-radius: 6px;
	font-size: 15px;
	font-weight: 600;
}

@media (max-width: 575px){
	.ketfa-profile-form-card{
		padding: 0;
	}
	.ketfa-profile-fields{
		grid-template-columns: 1fr;
		gap: 20px;
	}
	.ketfa-profile-form .ketfa-profile-submit{
		width: 100%;
	}
}



/* MENU PRINCIPAL */
#main-menu ul li{ margin-left: 20px; }
#main-menu ul li a{ line-height: 30px 0 0 0; }
#main-menu ul li.current_page_item > a,
#main-menu ul li.current-menu-item > a{
	position: relative;
	border-bottom-color: transparent;
	color: var(--ketfa-secondary);
}
#main-menu ul li.current_page_item > a::after,
#main-menu ul li.current-menu-item > a::after{
	position: absolute;
	right: 0;
	bottom: 16px;
	left: 0;
	height: 2px;
	border-radius: 2px;
	background: var(--ketfa-secondary);
	content: '';
}
#main-menu ul li.menu_connect span{ display: none; }
#navigation.navbar-fixed #main-menu ul li.current_page_item > a,
#navigation.navbar-fixed #main-menu ul li.current-menu-item > a{
	border-bottom-color: transparent;
	color: var(--ketfa-secondary);
}
#navigation.navbar-fixed #main-menu ul li.current_page_item > a::after,
#navigation.navbar-fixed #main-menu ul li.current-menu-item > a::after{
	bottom: 13px;
}
#navigation.navbar-fixed #main-menu ul li a { padding: 30px 0 22px; }
#main-menu ul li.ketfa-logout-item{ margin-left: 16px; }
#main-menu ul li a.ketfa-logout-link,
#navigation.navbar-fixed #main-menu ul li a.ketfa-logout-link{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: auto;
	height: auto;
	margin-top: 0;
	padding: 24px 0 26px;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: #333;
}
#navigation.navbar-fixed #main-menu ul li a.ketfa-logout-link{ padding: 30px 0 22px; }
#main-menu ul li a.ketfa-logout-link:hover,
#main-menu ul li a.ketfa-logout-link:focus,
#navigation.navbar-fixed #main-menu ul li a.ketfa-logout-link:hover,
#navigation.navbar-fixed #main-menu ul li a.ketfa-logout-link:focus{
	border: 0;
	background: transparent;
	color: var(--ketfa-secondary);
}
#main-menu .ketfa-logout-link i{ font-size: 16px; }
#main-menu .ketfa-logout-text{ display: none; }
#navigation.navbar-fixed { padding-top: 5px; }
.navbar-fixed { opacity: 1; }

/* BLOG */
.blog-section .post_description{ margin-top: 0px; }
.blog-section .post_description a, .blog-section .blog-text a{ color: var(--ketfa-secondary); text-decoration: underline; }
.blog-section .post_description a:hover, .blog-section .blog-text a:hover{ text-decoration: none; }
.blog-section .post_description .elementor .elementor-widget-text-editor ul{ margin-left: 30px; margin-bottom: 25px; }

a.gallery-btn{ color: #FFF !important; text-decoration: none !important; }
a.gallery-btn:hover{ text-decoration: none !important; }

/* FORMULAIRE DE CONNEXION */
.page-id-387 .elementor-widget-sina_login_form .sina-form{
	width: 100%;
	max-width: 430px;
	margin: 0 auto;
}
.page-id-387 .elementor-387 .elementor-element.elementor-element-a593974 .sina-login-form{
	text-align: left;
}
.page-id-387 .elementor-387 .elementor-element.elementor-element-a593974 .sina-input-field{
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 48px;
	margin: 0 0 16px;
	padding: 0 14px;
	border: 1px solid #d8dee7;
	border-radius: 6px;
	background: #fff;
	box-shadow: none;
	color: #303746;
	font-size: 15px;
	line-height: 48px;
	transition: border-color .2s ease, box-shadow .2s ease;
}
.page-id-387 .elementor-387 .elementor-element.elementor-element-a593974 .sina-input-field::placeholder{
	color: #9aa3b1;
	opacity: 1;
}
.page-id-387 .elementor-387 .elementor-element.elementor-element-a593974 .sina-input-field:focus{
	border-color: var(--ketfa-secondary);
	box-shadow: 0 0 0 3px rgba(66, 198, 193, .12);
	outline: 0;
}
.page-id-387 .elementor-387 .elementor-element.elementor-element-a593974 .sina-login-remember-wrap{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 9px;
	margin-top: 2px;
	color: #4f5867;
	font-size: 14px;
	text-align: left;
}
.page-id-387 .elementor-387 .elementor-element.elementor-element-a593974 .sina-login-remember{
	width: 17px;
	height: 17px;
	margin: 0;
	accent-color: var(--ketfa-secondary);
}
.page-id-387 .elementor-387 .elementor-element.elementor-element-a593974 .sina-login-remember-wrap label{
	margin: 0;
	cursor: pointer;
}
.page-id-387 .elementor-387 .elementor-element.elementor-element-a593974 .sina-login-btn{
	display: block;
	width: 100%;
	min-height: 44px;
	margin: 20px 0 14px;
	padding: 10px 18px;
	border: 1px solid var(--ketfa-secondary);
	border-radius: 6px;
	background: var(--ketfa-secondary);
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.4;
	transition: background-color .2s ease, border-color .2s ease;
}
.page-id-387 .elementor-387 .elementor-element.elementor-element-a593974 .sina-login-btn:hover,
.page-id-387 .elementor-387 .elementor-element.elementor-element-a593974 .sina-login-btn:focus{
	border-color: var(--ketfa-primary);
	background: var(--ketfa-primary);
	color: #fff;
}
.page-id-387 .elementor-widget-sina_login_form .sina-error-text{
	margin: 0;
	color: #dc3545;
	font-size: 13px;
	line-height: 1.45;
	text-align: left;
}
.page-id-387 .elementor-element-d57a04f p{
	margin: 0;
}
.page-id-387 .elementor-element-d57a04f a{
	color: var(--ketfa-primary);
	font-size: 13px;
	text-decoration: underline;
	text-underline-offset: 3px;
}
.page-id-387 .elementor-element-d57a04f a:hover,
.page-id-387 .elementor-element-d57a04f a:focus{
	color: var(--ketfa-secondary);
	text-decoration: none;
}

/* FORMULAIRE DE CONTACT */
.ketfa-private-contacts{
	margin: 0 0 32px;
	padding: 26px;
	border: 1px solid #dbe2ea;
	border-left: 4px solid var(--ketfa-secondary);
	border-radius: 8px;
	background: #f7f9fc;
}
.ketfa-private-contacts-title{
	margin: 0 0 18px;
	color: var(--ketfa-primary);
	font-size: 22px;
	line-height: 1.3;
}
.ketfa-private-contact-list{
	display: grid;
	grid-template-columns: 1fr;
	gap: 18px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.ketfa-private-contact-list li{
	padding: 17px 18px;
	border: 1px solid #e1e6ed;
	border-radius: 6px;
	background: #fff;
	color: #4f5867;
	line-height: 1.7;
}
.ketfa-private-contact-list strong{ color: #303746; }
.ketfa-private-contact-list a,
.ketfa-private-contact-list a:link,
.ketfa-private-contact-list a:visited{
	color: var(--ketfa-primary) !important;
	font-weight: 600;
	text-decoration: underline !important;
	text-decoration-color: var(--ketfa-secondary) !important;
	text-underline-offset: 3px;
}
.ketfa-private-contact-list a:hover,
.ketfa-private-contact-list a:focus{
	color: #167d79 !important;
	text-decoration-color: currentColor !important;
}
.page-id-688 .wpcf7-form{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px 22px;
	width: 100%;
}
.page-id-688 .wpcf7-form > p{
	margin: 0;
}
.page-id-688 .wpcf7-form > p:nth-of-type(n+3),
.page-id-688 .wpcf7-response-output{
	grid-column: 1 / -1;
}
.page-id-688 .wpcf7-form > p > label{
	display: block;
	width: 100%;
	margin: 0;
	color: #303746;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.4;
}
.page-id-688 .wpcf7-form-control-wrap{
	display: block;
	margin-top: 8px;
}
.page-id-688 .wpcf7 input[type="text"],
.page-id-688 .wpcf7 input[type="email"],
.page-id-688 .wpcf7 textarea{
	display: block;
	width: 100%;
	padding: 0 14px;
	border: 1px solid #d8dee7;
	border-radius: 6px;
	background: #fff;
	box-shadow: none;
	color: #303746;
	font-size: 15px;
	transition: border-color .2s ease, box-shadow .2s ease;
}
.page-id-688 .wpcf7 input[type="text"],
.page-id-688 .wpcf7 input[type="email"]{
	height: 48px;
}
.page-id-688 .wpcf7 textarea{
	height: 140px;
	padding-top: 12px;
	padding-bottom: 12px;
	resize: vertical;
}
.page-id-688 .wpcf7 input[type="text"]:focus,
.page-id-688 .wpcf7 input[type="email"]:focus,
.page-id-688 .wpcf7 textarea:focus{
	border-color: var(--ketfa-secondary);
	box-shadow: 0 0 0 3px rgba(66, 198, 193, .12);
	outline: 0;
}
.page-id-688 .wpcf7 .wpcf7-not-valid{
	border-color: #dc3545;
}
.page-id-688 .wpcf7 .wpcf7-not-valid-tip{
	margin-top: 6px;
	font-size: 12px;
}
.page-id-688 .wpcf7 label.rgpd{
	font-size: 13px;
	font-weight: 400;
	line-height: 1.55;
}
.page-id-688 .wpcf7 label.rgpd > .wpcf7-form-control-wrap{
	margin-top: 0;
}
.page-id-688 .wpcf7 .wpcf7-list-item{
	margin: 0;
}
.page-id-688 .wpcf7 label.rgpd .wpcf7-list-item label{
	display: grid;
	grid-template-columns: 18px minmax(0, 1fr);
	align-items: start;
	gap: 10px;
	cursor: pointer;
}
.page-id-688 .wpcf7 label.rgpd input[type="checkbox"]{
	width: 18px;
	height: 18px;
	margin: 2px 0 0;
	accent-color: var(--ketfa-secondary);
}
.page-id-688 .wpcf7-form > p:nth-of-type(6){
	margin-top: -8px;
	font-size: 13px;
}
.page-id-688 .wpcf7 .wpcf7-submit{
	display: inline-block;
	min-height: 44px;
	padding: 10px 18px;
	border: 1px solid var(--ketfa-secondary);
	border-radius: 6px;
	background: var(--ketfa-secondary);
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	transition: background-color .2s ease, border-color .2s ease;
}
.page-id-688 .wpcf7 .wpcf7-submit:hover,
.page-id-688 .wpcf7 .wpcf7-submit:focus{
	border-color: var(--ketfa-primary);
	background: var(--ketfa-primary);
	color: #fff;
}
.page-id-688 .wpcf7 .wpcf7-spinner{
	margin-right: 0;
}
.page-id-688 .wpcf7 .wpcf7-response-output{
	margin: 0 !important;
	padding: 11px 14px !important;
	border-radius: 6px;
	font-size: 14px;
}

@media (max-width: 767px){
	.page-id-688 .wpcf7-form{
		grid-template-columns: 1fr;
	}
	.page-id-688 .wpcf7-form > p{
		grid-column: 1;
	}
	.page-id-688 .wpcf7 .wpcf7-submit{
		width: 100%;
	}
}

/* FIX PAGE ACCUEIL */
.single-counter { padding: 30px 20px; }

/* FIX TOUR GALLERY */
.dialog-lightbox-widget { display: none !important; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder { cursor: auto !important;}
.mfp-close { cursor: pointer !important; }

/* POPUP */
.magnific_popup{ background-color: rgba(0, 0, 0, .6); width: 100%; height: 100%; position: fixed; z-index: 100000; display: none; top: 0; }
.popup_container{ position: relative; background: #FFF; width: 90%; top: 80px; max-width: 450px; margin: auto; text-align: center; padding-bottom: 20px; }
.popup_container .title h3{ font-size: 18px; padding: 30px 0 20px 0; }
.popup_container .bouton_popup{ font-size: 18px; margin: 0 10px; padding: 6px; border-radius: 4px; color: #FFF; display: inline-block; }
.popup_container .bouton_popup.bouton_oui{ background: var(--ketfa-secondary); width: 80px; }
.popup_container .bouton_popup.bouton_non{ background: #d6d6d6; width: 80px; }
.popup_container .closer{ color: #FFF; background: var(--ketfa-secondary); height: 20px; width: 20px; position: absolute; top: 5px; right: 5px; text-align: center; border-radius: 200px; font-size: 10px; cursor: pointer; line-height: 20px; }
@keyframes popup_fadein{
    from{ transform: scale(.5, .5); }
    to{ transform: scale(1, 1); }
}
@keyframes popup_fadeout{
    from{ transform: scale(1, 1); }
    to{ transform: scale(.5, .5); }
}


/* PAGE MON COMPTE */
#blog-section .accueil_compte .blog_image::before{ opacity: 0; }
#blog-section .accueil_compte .ketfa-video-card:hover .blog_image::before{ opacity: .22; }

.accueil_compte .ketfa-video-card{
	display: flex;
	margin-bottom: 32px;
}
.accueil_compte .ketfa-video-card-inner{
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	width: 100%;
	overflow: hidden;
	border: 1px solid rgba(38, 48, 105, .1);
	border-radius: 14px;
	background: #fff;
	box-shadow: 0 8px 24px rgba(38, 48, 105, .08);
	transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.accueil_compte .ketfa-video-card:hover .ketfa-video-card-inner{
	border-color: rgba(66, 198, 193, .45);
	box-shadow: 0 16px 34px rgba(38, 48, 105, .15);
	transform: translateY(-5px);
}
.accueil_compte .ketfa-video-card .blog_image{
	flex: 0 0 auto;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	background: #eef1f5;
}
.accueil_compte .ketfa-video-card .blog_image::before{ pointer-events: none; }
.accueil_compte .ketfa-video-card .blog-photo{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .45s ease;
}
.accueil_compte .ketfa-video-card:hover .blog-photo{ transform: scale(1.025); }
.accueil_compte .ketfa-video-card .single_blog{
	display: flex;
	flex: 1 1 auto;
	margin-bottom: 0;
	overflow: visible;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}
.accueil_compte .ketfa-video-card .blog-text{
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	justify-content: space-between;
	width: 100%;
	padding: 21px 22px 23px;
}
.accueil_compte h2{
	position: relative;
	margin-bottom: 28px;
	padding-bottom: 12px;
	color: var(--ketfa-primary);
	font-size: 1.7rem;
}
.accueil_compte h2::after{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 42px;
	height: 3px;
	border-radius: 3px;
	background: var(--ketfa-secondary);
	content: '';
}
.videos_publiees h3,
.videos_directes h3{
	display: inline-flex;
	align-self: center;
	width: fit-content;
	margin-bottom: 17px;
	padding: 6px 11px;
	border-radius: 999px;
	background: rgba(66, 198, 193, .13);
	color: var(--ketfa-primary);
	font-family: 'Roboto', sans-serif;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .04em;
	line-height: 1.4;
	text-transform: uppercase;
}

.videos_publiees .blog-text {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.videos_publiees .titre_video h4,
.videos_directes .titre_video h4 {
	margin-bottom: 12px;
	font-size: 18px;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 700;
	max-height: 3.1rem;
	line-height: 1.45;
	overflow: hidden;
	text-overflow: ellipsis;
	color: var(--ketfa-primary);
}
.videos_directes .blog-text > span{
	display: inline-flex;
	align-items: center;
	align-self: center;
	gap: 6px;
	margin-bottom: 8px;
	color: #5e6674;
	font-size: 14px;
}
.videos_directes .blog-text > span i{ color: var(--ketfa-secondary); }
.videos_publiees .description_video p {
	display: -webkit-box;
	max-height: 5.2rem;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	color: #626b78;
	line-height: 1.7;
}
.videos_directes .description_video p{
	display: -webkit-box;
	max-height: 5.2rem;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	color: #626b78;
	line-height: 1.7;
}
.videos_directes .ketfa-direct-actions{
	margin-top: auto !important;
	padding-top: 18px;
}
.videos_directes .bouton_inscription{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 9px;
}
.videos_directes .ketfa-direct-action-label{
	flex: 0 0 100%;
	margin-bottom: 2px;
	color: var(--ketfa-primary);
	font-size: 14px;
	font-weight: 700;
}
#blog-section .accueil_compte .videos_directes .bouton_inscription .gallery-btn{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin-top: 0;
	padding: 10px 15px;
	border: 1px solid var(--ketfa-primary);
	border-radius: 7px;
	background: var(--ketfa-primary);
	color: #fff !important;
	font-weight: 600;
}
#blog-section .accueil_compte .videos_directes .bouton_inscription .gallery-btn:hover,
#blog-section .accueil_compte .videos_directes .bouton_inscription .gallery-btn:focus{
	border-color: var(--ketfa-secondary);
	background: var(--ketfa-secondary);
	color: var(--ketfa-primary) !important;
}
.videos_directes .ketfa-unsubscribe-link{
	display: block;
	width: fit-content;
	margin: 12px auto 0;
	font-size: 13px;
}
.videos_directes .ketfa-registration-mode{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	margin-bottom: 10px;
	color: var(--ketfa-primary);
	font-weight: 700;
}
#blog-section .accueil_compte a.visionner_video{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	padding: 10px 18px;
	border: 1px solid var(--ketfa-primary);
	border-radius: 7px;
	background: var(--ketfa-primary);
	color: #fff;
	font-weight: 600;
	text-decoration: none;
	transition: background-color .25s ease, border-color .25s ease, color .25s ease;
}
#blog-section .accueil_compte a.visionner_video:hover,
#blog-section .accueil_compte a.visionner_video:focus{
	border-color: var(--ketfa-secondary);
	background: var(--ketfa-secondary);
	color: var(--ketfa-primary);
}
.videos_publiees > .center{ flex: 0 0 100%; margin-top: 4px; }


/* PAGE TOUTES LES VIDEOS */
.all_videos div.elementor {
	padding: 30px 30px 0 30px;
}
.all_videos .post_description > .un_theme {
	padding: 40px;
}
.un_theme:nth-child(even) {
	background-color: #f5f7f9;
}
.un_theme h2 {
	position: relative;
	margin-bottom: 30px;
	padding-bottom: 11px;
	color: var(--ketfa-primary);
	font-size: 1.7rem;
}
.un_theme h2::after{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 42px;
	height: 3px;
	border-radius: 3px;
	background: var(--ketfa-secondary);
	content: '';
}
.un_theme .ketfa-video-grid{
	row-gap: 26px;
}
.un_theme .ketfa-all-video-card{
	display: flex;
}
.un_theme .ketfa-all-video-card-inner{
	position: relative;
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	overflow: hidden;
	border: 1px solid #e1e6ec;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 6px 18px rgba(38, 48, 105, .07);
	transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.un_theme .ketfa-all-video-card:hover .ketfa-all-video-card-inner{
	border-color: rgba(66, 198, 193, .6);
	box-shadow: 0 12px 25px rgba(38, 48, 105, .12);
	transform: translateY(-3px);
}
#blog-section .all_videos .blog_image::before{
	pointer-events: none;
	opacity: 0;
}
#blog-section .all_videos .ketfa-all-video-card:hover .blog_image::before{
	opacity: .2;
}
.un_theme .ketfa-all-video-card .blog_image{
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	background: #eef1f5;
	overflow: hidden;
}
.un_theme .ketfa-all-video-card .blog-photo{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .4s ease;
}
.un_theme .ketfa-all-video-card:hover .blog-photo{
	transform: scale(1.025);
}
.un_theme .deja_vue{
	top: 12px;
	right: 12px;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 5px 9px;
	border-radius: 20px;
	background: rgba(255, 255, 255, .94);
	box-shadow: 0 2px 8px rgba(0, 0, 0, .12);
	color: var(--ketfa-primary);
	font-size: 11px;
	font-weight: 600;
}
.un_theme .deja_vue i{
	color: var(--ketfa-secondary);
}
.un_theme .without-video-image .deja_vue{
	position: static;
	align-self: flex-end;
	margin: 14px 16px 0;
	background: #f4f6f8;
	box-shadow: none;
}
.un_theme .ketfa-all-video-card .single_blog{
	display: flex;
	flex: 1 1 auto;
	height: auto !important;
	margin: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
}
.un_theme .blog-text {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	width: 100%;
	padding: 21px 22px 23px;
	text-align: left;
}
.un_theme .titre_video h3 {
	display: -webkit-box;
	min-height: 3.15rem;
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	color: var(--ketfa-primary);
	font-family: 'Josefin Sans', sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.45;
}
.un_theme .description_video p {
	display: -webkit-box;
	max-height: 5.2rem;
	margin-bottom: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	color: #626b78;
	font-size: 15px;
	line-height: 1.7;
}
.un_theme .blog-text > .margin_top10:last-child{
	margin-top: auto !important;
	padding-top: 18px;
}
#blog-section .all_videos a.visionner_video{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	padding: 10px 17px;
	border: 1px solid var(--ketfa-secondary);
	border-radius: 6px;
	background: transparent;
	color: var(--ketfa-primary);
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}
#blog-section .all_videos a.visionner_video:hover,
#blog-section .all_videos a.visionner_video:focus{
	border-color: var(--ketfa-secondary);
	background: var(--ketfa-secondary);
	color: var(--ketfa-primary);
}

/* PAGE PAGINATION */
.un_theme .pagination {
	display: flex;
	justify-content: center;
	gap: 5px;
}
.un_theme .pagination a {
	text-decoration: none;
}
.un_theme .pagination a, .un_theme .pagination span {
	padding: 3px 12px;
	background-color: #e5e5e5;
	font-weight: 500;
	color: #000;
}
.un_theme:nth-child(even) .pagination a, .un_theme:nth-child(even) .pagination span {
    background-color: #fff;
}
.un_theme .pagination a:hover {
	background-color: var(--ketfa-secondary);
}
.un_theme .pagination span.current {
	color: #333333;
	background-color: var(--ketfa-secondary);
}
.un_theme .pagination a i, .un_theme .pagination span i {
	font-weight: 600;
}
.un_theme .pagination :first-child {
	border-radius: 5px 0 0 5px;
}
.un_theme .pagination :last-child {
	border-radius: 0 5px 5px 0;
}
.un_theme {
    scroll-margin-top: 85px; /* Décalage de l'ancre */
}


/* PAGE QUESTIONNAIRE */
.blog-section .post_description.ketfa-questionnaire-section{
	margin: 10px 0 40px;
	padding: 0;
}
.questionnaire h3{
	margin: 0 0 24px;
	color: var(--ketfa-primary);
	font-size: 24px;
	line-height: 1.3;
}
.questionnaire .acf-form{
	width: 100%;
	max-width: none;
	margin: 0;
}
.questionnaire .acf-fields{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 22px 26px;
	border: 0;
}
.questionnaire .acf-fields > .acf-field,
.questionnaire .acf-fields > .acf-field:nth-child(odd),
.questionnaire .acf-fields > .acf-field:nth-child(even){
	display: block;
	width: auto !important;
	margin: 0;
	padding: 0;
	border: 0;
}
.questionnaire .acf-field .acf-label{
	min-height: 0;
	margin: 0 0 8px;
}
.questionnaire .acf-field .acf-label label{
	margin: 0;
	color: #303746;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.4;
}
.questionnaire .acf-field .acf-required{
	color: var(--ketfa-secondary);
}
.questionnaire .acf-input input[type="text"],
.questionnaire .acf-input input[type="email"],
.questionnaire .acf-input input[type="number"],
.questionnaire .acf-input input[type="tel"],
.questionnaire .acf-input input[type="url"],
.questionnaire .acf-input input[type="password"],
.questionnaire .acf-input select,
.questionnaire .acf-input textarea{
	width: 100%;
	border: 1px solid #d8dee7;
	border-radius: 6px;
	background: #fff;
	box-shadow: none;
	color: #303746;
	font-size: 15px;
	transition: border-color .2s ease, box-shadow .2s ease;
}
.questionnaire .acf-input input[type="text"],
.questionnaire .acf-input input[type="email"],
.questionnaire .acf-input input[type="number"],
.questionnaire .acf-input input[type="tel"],
.questionnaire .acf-input input[type="url"],
.questionnaire .acf-input input[type="password"],
.questionnaire .acf-input select{
	height: 48px;
	padding: 0 14px;
}
.questionnaire .acf-input textarea{
	min-height: 105px;
	padding: 12px 14px;
	resize: vertical;
}
.questionnaire .acf-input input:focus,
.questionnaire .acf-input select:focus,
.questionnaire .acf-input textarea:focus{
	border-color: var(--ketfa-secondary);
	box-shadow: 0 0 0 3px rgba(66, 198, 193, .12);
	outline: 0;
}
.questionnaire .acf-radio-list,
.questionnaire .acf-checkbox-list{
	display: flex;
	flex-wrap: wrap;
	gap: 8px 20px;
	margin: 0;
	padding: 4px 0 0;
}
.questionnaire .acf-radio-list li,
.questionnaire .acf-checkbox-list li{
	margin: 0;
}
.questionnaire .acf-radio-list label,
.questionnaire .acf-checkbox-list label{
	color: #4f5867;
	font-size: 14px;
}
.questionnaire input[type="radio"],
.questionnaire input[type="checkbox"]{
	accent-color: var(--ketfa-secondary);
}
.questionnaire .acf-form-submit{
	margin: 24px 0 0;
	text-align: left;
}
.questionnaire .acf-form-submit input{
	min-height: 44px;
	padding: 10px 18px;
	border: 1px solid var(--ketfa-secondary);
	border-radius: 6px;
	background: var(--ketfa-secondary);
	color: #fff;
	font-size: 15px;
	font-weight: 600;
	transition: all .2s ease;
}
.questionnaire .acf-form-submit input:hover,
.questionnaire .acf-form-submit input:focus{
	border-color: var(--ketfa-primary);
	background: var(--ketfa-primary);
	color: #fff;
}

/* ACCUEIL USER CONNECTÉ */
.bouton_inscription .gallery-btn:nth-child(2n+0){ margin-top: 7px; }

/* LISTING DES VIDEOS */
.deja_vue{ position: absolute; top: 4px; right: 11px; color: #36af00; }

#blog-section {
	padding: 60px 0;
}
/* FOOTER */
.footer{
	position: relative;
	padding: 0;
	border-top: 4px solid var(--ketfa-secondary);
	background:
		radial-gradient(circle at 88% 5%, rgba(66, 198, 193, .16), transparent 30%),
		linear-gradient(135deg, #20285a 0%, var(--ketfa-primary) 55%, #1d2552 100%);
	color: rgba(255, 255, 255, .78);
	font-size: 15px;
}
.footer a{ color: rgba(255, 255, 255, .9) !important; }
.footer .footer-top{ margin-bottom: 0; padding: 56px 0 52px; border-bottom: 0; }
.footer .footer-top .row{ align-items: flex-start; row-gap: 35px; }
.footer .footer-column{ height: 100%; text-align: left; }
.footer .footer-top [class*="col-"] + [class*="col-"] .footer-column{
	padding-left: 44px;
	border-left: 1px solid rgba(255, 255, 255, .14);
}
.footer .footer-logo-link{
	display: inline-flex;
	margin-bottom: 22px;
	padding: 8px;
	overflow: hidden;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 12px 28px rgba(10, 17, 50, .28);
}
.footer .footer-logo{
	display: block;
	width: 112px;
	height: 112px;
	object-fit: contain;
}
.footer .footer-description{
	max-width: 330px;
	margin-bottom: 0;
	color: rgba(255, 255, 255, .74);
	line-height: 1.75;
}
.footer .footer-title{
	display: block;
	margin-bottom: 22px;
	color: var(--ketfa-secondary);
	font-family: 'Josefin Sans', sans-serif;
	font-size: 17px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: .06em;
	text-transform: uppercase;
}
.footer .footer-title::after{
	display: block;
	width: 34px;
	height: 2px;
	margin-top: 10px;
	border-radius: 2px;
	background: var(--ketfa-secondary);
	content: '';
}
.footer .footer-links,
.footer .footer-social-links{ margin: 0; padding: 0; list-style: none; }
.footer .footer-links li a,
.footer .footer-social-links li a{ color: rgba(255, 255, 255, .9) !important; }
.footer .footer-links li{ line-height: 1.5; }
.footer .footer-links li:not(:last-child){ margin-bottom: 8px; }
.footer .footer-links a{
	display: inline-flex;
	align-items: center;
	gap: 9px;
	padding: 4px 0;
	text-decoration: none;
}
.footer .footer-links a::before{
	color: var(--ketfa-secondary);
	font-size: 21px;
	line-height: 0;
	content: '\203A';
}
.footer .footer-links a,
.footer .footer-contact a{ transition: color .2s ease, transform .2s ease, background-color .2s ease; }
.footer .footer-links a:hover,
.footer .footer-links a:focus,
.footer .footer-contact a:hover,
.footer .footer-contact a:focus{ color: var(--ketfa-secondary) !important; }
.footer .footer-links a:hover,
.footer .footer-links a:focus{ transform: translateX(4px); }
.footer a:focus-visible{ outline: 2px solid var(--ketfa-secondary); outline-offset: 4px; }
.footer .footer-contact address{
	margin-bottom: 22px;
	color: rgba(255, 255, 255, .78);
	font-style: normal;
	line-height: 1.85;
}
.footer .footer-contact address strong{ color: #fff; }
.footer .footer-contact-people{
	margin: 0;
	padding: 0;
	color: rgba(255, 255, 255, .78);
	line-height: 1.65;
	list-style: none;
}
.footer .footer-contact-people li:not(:last-child){ margin-bottom: 12px; }
.footer .footer-contact-people strong{ color: #fff; }
.footer .footer-column.footer-contact .footer-contact-people a,
.footer .footer-column.footer-contact .footer-contact-people a:link,
.footer .footer-column.footer-contact .footer-contact-people a:visited{
	color: #fff !important;
	font-weight: 600;
	text-decoration: underline !important;
	text-decoration-color: var(--ketfa-secondary) !important;
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}
.footer .footer-column.footer-contact .footer-contact-people a:hover,
.footer .footer-column.footer-contact .footer-contact-people a:focus{
	color: var(--ketfa-secondary) !important;
	text-decoration-color: #fff !important;
}
.footer .footer-social-links{ display: flex; flex-wrap: wrap; gap: 10px; }
.footer .footer-social-links li{ line-height: 1; }
.footer .footer-social-links a{
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 9px 12px;
	border: 1px solid rgba(66, 198, 193, .45);
	border-radius: 999px;
	background: rgba(66, 198, 193, .08);
	font-size: 14px;
}
.footer .footer-social-links a:hover,
.footer .footer-social-links a:focus{
	background: rgba(66, 198, 193, .18);
	color: #fff !important;
}
.footer .footer-social-links i{ color: var(--ketfa-secondary); }

/* BACK TO TOP */
.topcontrol {
	box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.36);
}

/* RESPONSIVE */
/*
BREAK POINT
X-Small 			None 	<576px
Small 				sm 		≥576px
Medium 				md 		≥768px
Large 				lg 		≥992px
Extra large 		xl 		≥1200px
Extra extra large 	xxl 	≥1400px
*/

@media (max-width: 1399px) {
	/*body{ background: green; }*/
}

@media (max-width: 1199px) {
	/*body{ background: blue; }*/
}

@media (max-width: 991px) {
	/*body{ background: red; }*/

	/* MENU */
	#navigation.site-navigation .header_right nav ul{ text-align: center; margin-top: 15px; }
	#navigation.site-navigation #main-menu ul li{ margin-left: 10px; }
	#navigation.site-navigation .header_right nav ul li a{ padding: 0; }
	.ketfa-header-greeting{ margin-left: 10px; padding-left: 10px; }
	.ketfa-header-greeting .ketfa-account-label{ font-size: 13px; }

	/* FOOTER */
	.footer .footer-top{ padding: 46px 0; }
	.footer .footer-top [class*="col-"] + [class*="col-"] .footer-column{ padding-left: 28px; }
	.footer .footer-top,
	.footer .footer-column{ text-align: left; }
}

@media (min-width: 768px) and (max-width: 991px) {
	/* MENU */
	#navigation.navbar-fixed #main-menu ul li a { padding: 0; }
}

@media (max-width: 767px) {
	/*body{ background: pink; }*/

	.questionnaire .acf-fields{
		grid-template-columns: 1fr;
		gap: 20px;
	}
	.questionnaire .acf-form-submit input{
		width: 100%;
	}

	.videos_publiees .single_blog{ height: auto !important; }
	.videos_directes .single_blog{ height: auto !important; }
	.single_blog .blog_image img{ width: 100%; }

	.banner_overlay{ padding: 150px 0 50px; }
	.page-title-bar .page-title-content{ padding-top: 130px; }
	.page-title-bar .section-blog-title{ font-size: 30px; }
	.slicknav_nav{ background-color: var(--ketfa-primary); }
	#navigation #mobile_menu li.current-menu-item > a,
	#navigation #mobile_menu li.current_page_item > a{
		color: var(--ketfa-secondary);
		font-weight: 700;
	}
	#navigation #mobile_menu .slicknav_nav a{
		text-align: right;
	}
	#navigation #mobile_menu li.ketfa-logout-item{
		margin: 0;
		padding: 0;
	}
	#navigation #mobile_menu li.ketfa-logout-item > .ketfa-logout-link{
		display: block;
		width: auto;
		height: auto;
		margin: 2px 5px;
		padding: 0;
		text-align: right;
	}
	#navigation #mobile_menu .ketfa-logout-text{ display: inline; }

	/* FOOTER */
	.footer .footer-top{ padding: 42px 0; }
	.footer .footer-top .row{ row-gap: 30px; }
	.footer .footer-top [class*="col-"] + [class*="col-"] .footer-column{
		padding-top: 30px;
		padding-left: 0;
		border-top: 1px solid rgba(255, 255, 255, .14);
		border-left: 0;
	}
	.footer .footer-logo{ width: 100px; height: 100px; }
	.footer .footer-description{ max-width: none; }

	.un_theme { scroll-margin-top: 80px; }
	.all_videos .post_description > .un_theme { padding: 30px 22px; }
	.un_theme .single_blog { height: auto; }
	.un_theme .titre_video h3 { max-height: 4.5em; }
	.videos_publiees .titre_video h4 { max-height: 4.5em; }
	#blog-section .all_videos a.visionner_video { width: 100%; }
	
	.visionner_video { padding: 8px 10px; }
}

@media (min-width: 576px) and (max-width: 991px) {
	.home .single_blog {
		height: auto;
	}
	.home .single_blog .blog_image {
		width: 100%;
		margin-right: 0;
		margin-bottom: 24px;
	}
	.home .single_blog .blog-text {
		padding: 0 15px;
	}
}

@media (max-width: 575px) {
	.un_theme .description_video p { max-height: 9.8rem; }
	.videos_publiees .description_video p { max-height: 9.8rem; }
	.un_theme .pagination a, .un_theme .pagination span { padding: 3px 10px; }

	.home .right-blog .blog-text { padding: 0 15px; } /* Card actualités page d'accueil */
}

@media (min-width: 991px) {
	.home .single_blog .blog-text .post-meta { margin-top: 10px; margin-bottom: 10px; }
}

.grecaptcha-badge { visibility: hidden; }
