/*
 Theme Name:   DiscoLexique
 Theme URI:    https://www.onokaa.com
 Description:  DiscoLexique, actualité musicale
 Author:       Onokaa SAS
 Author URI:   https://www.onokaa.com
 Template:     onokaa
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

/*--------------------------------------------------------------
	0. Global
--------------------------------------------------------------*/
body, html{height: 100%; font-family: "Open Sans", sans-serif; background-color: #fff /*#f2e3cf*/; color: #333333;}
body{margin: 0; padding: 0;}

@media (max-width: 767px) {
	.grid{display: inline-block; width: 100%;}
	.grid > div{width: 100%; margin-left: 0;}
	.grid.has-gutter-xl > * + *, .grid--reverse.has-gutter-xl > * + *{ margin-left: 0;}
}

@media (min-width: 576px){
	.grid.has-gutter-xl > .item-first {
		margin-left: 0;
	}
	.grid.has-gutter-xl > .onk_img.img-right{margin-left: calc(4rem - 0.01px)};
}

::selection {
 color: #fff;
 background: #374850 ;
}


h1, h2, h3, h4, h5,
.h1-like, .h2-like, .h3-like, .h4-like, .h5-like {
    font-family: "Montserrat";
    font-weight: normal;
    margin: 0;
    padding: 0;
}

h1, .h1-like{font-size: 3.2rem; line-height: 4rem; text-transform: uppercase; font-weight: 500;}
h2, .h2-like{font-size: 2.5rem; font-weight: 700; position: relative; margin-bottom: 1rem; font-family: 'Montserrat'; color: #F25B3E;text-transform:uppercase;}
h3, .h3-like {font-family: 'Montserrat';color: #19CCC9;font-weight: 700; margin: 15px 0px;}
h4, .h4-like{font-size: 2.4rem; font-weight: 700;}

/*
@media (min-width: 768px) {
	h1, .h1-like{font-size: 4rem; line-height: 5rem;}
	h2, .h2-like{font-size: 4rem; line-height: 4.5rem;}	
}
@media (min-width: 992px) {
	h1, .h1-like{font-size: 4.6rem; line-height: 5rem;}
	h2, .h2-like{font-size: 4.6rem; line-height: 5rem;}
}
@media (min-width: 1200px) {
	h1, .h1-like{font-size: 5.2rem; line-height: 5.6rem;}
	h2, .h2-like{font-size: 5rem; line-height: 5.2rem;}
}
*/


a{color:#634986;}
p{text-align: justify;}
section{padding-top: 50px;}
section.onk_title{padding-bottom: 10px; text-align: center;}
section.onk_title + section { padding-top: 0; }
.btn, #searchsubmit{background: #BE8E57; color: #fff; border-radius: 0; border-style: inherit; padding: 12px 20px; transition: 0.5s; cursor: pointer;}
.btn:hover, #searchsubmit:hover{background: #17283B; color: #fff;}

form fieldset{padding: 0;}
[type="color"],
[type="date"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="search"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"],
select,
textarea {
	display: inline-block;
    padding: 5px 10px;
    font-size: 1.4rem;
    line-height: 1.5;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d4d4d4;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}


table{}
table tr td, table tr th{padding: 10px 20px;}
table thead th, table.tablepress tfoot th, table.tablepress thead th{background-color: #BE8E57; color: #fff; text-align: center;}
table tr:nth-child(even) td{background-color: #f2e3cf;}
table tbody tr td{text-align: center;}
table tbody tr td:first-child{font-weight: bold; text-align: left;}
.tablepress-table-description{font-style: italic; font-size: 1.2rem;}

ul.breadcrumb{width: auto; margin: 5px auto 0; display: inline-block; padding: 3px 10px; background-color: rgba(242, 227, 207, 0.1);}
ul.breadcrumb > li{display: inline-block; margin-right: 10px; font-size: 1.2rem; color: #f2e3cf;}
ul.breadcrumb > li:after{content:'/'; margin-left: 10px;}
ul.breadcrumb > li:last-child:after{display: none;}
ul.breadcrumb > li:before{display: none;}
ul.breadcrumb > li > a{color: #f2e3cf; text-decoration: none;}

.hide{display: none; }

.aligncenter{text-align:center;}

.box_images .box_images_item{min-height: 350px;}


/**
/*	Table price
**/
.table-price tr td{text-align: center;}
.table-price tr.row-2 td{background: #17283B; color: #fff;}



/**
/*	Formulaires forbidable
**/
.frm_forms label{
    font-weight: bold;
    text-align: left;
    margin: 0;
    padding: 0 0 3px 0;
    width: auto;
    display: block;
}
.frm_forms .form-field { margin-bottom: 15px;}
.frm_forms .form-field input, .frm_forms .form-field textarea{width: 100%; }
.frm_forms .frm_required {color: #B94A48; font-weight: bold;}
.frm_forms .frm_checkbox label,
.frm_forms .frm_radio label {font-size: 1.4rem; font-weight: normal;}
.frm_forms .frm_description{font-size: 1.2rem; color: #666666;}
.frm_forms .frm_submit .frm_button_submit{background-color: #374850; color: #fff; padding: 1.5rem 2rem; border-radius: 0;text-transform: uppercase; font-size: 1.4rem; margin: 20px 0;}

/* Formulaire de contact */
.frm_error_style, .frm_message{background-color: #D9534F; color: #fff; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 1rem; padding: 1rem 1rem; margin-top: 0.75em; border-radius: 3px;}
.frm_error{color: #D9534F; font-style: italic; font-size: 1.2rem; font-weight: 700;}
.frm_message{background-color: #5CB85C;}

/* Slick */
/* Arrows */
.slick-prev,
.slick-next
{
	border-radius: 0;
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 30px;
    height: 30px;
    margin-top: -10px;
    padding: 0;
    cursor: pointer;
	z-index: 10;
    color: transparent;
    border: none;
    outline: none;
    background: rgba(22,25,33,0.4);
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: rgba(22,25,33,0.8);
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'FontAwesome';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev{ left: 25px;}
.slick-prev:before{ content: "\f104";}
.slick-next{ right: 25px;}
.slick-next:before{ content: "\f105";}

/**
*	Header
**/
header{position: fixed; left: 0; z-index: 99; width: 100%; background-color: #ffffff; top: -50px; -webkit-transition:0.5s; transition:0.5s; }
header.active-topbar{top: 0;}
header *{color: #fff;}
header a:hover{color: #be8e57;}
header .grid > *, header .grid--reverse > *{flex: auto;}
@media (min-width: 576px){
	header {top:-30px;}
}
@media (min-width: 768px) { 
	header{position: absolute; }
}

header #topbar{min-height: 50px;padding: 5px 0; font-size: 0.8em; width: 100%; position: relative;}
header #show-topbar{width: 100%; text-align: center; display: inline-block; position: absolute; top: 40px;}
header #show-topbar i{font-size: 2.4rem;}
header #topbar .grid > div{width: 100%; display: inline-block; text-align: center;}
header #topbar .widget_text a{margin-right: 15px;}
header #topbar .widget_text i{margin-right: 2px;}
header #topbar .widget_icl_lang_sel_widget{text-align: right; float: right;}
header #topbar .widget_icl_lang_sel_widget .wpml-ls-legacy-list-horizontal{padding: 0; border: 0}
header #topbar .widget_icl_lang_sel_widget .wpml-ls-legacy-list-horizontal a{padding: 2px 10px;}
header #topbar .widget_icl_lang_sel_widget .wpml-ls-legacy-list-horizontal a:last-child{padding-right: 0;}
header #topbar p,header #topbar em{text-align:right;color:#374850;}


@media (min-width: 576px){
	header #show-topbar{top: 21px}
	header #topbar{min-height: 0; display: inline-block; text-align: inherit;}
	header #topbar .grid > div{width: auto; display: inline-block; text-align: inherit;}
	header #topbar .widget_icl_lang_sel_widget{text-align: right !important;}
	header #topbar strong{color:#374850}
}
@media (min-width: 768px) { 
	header{top: 0;}
	header #topbar{display: inline-block;}
	header #show-topbar{display: none;}
}

header #navbar{padding: 20px 15px; height: 100px;}
header #navbar >.grid{height: 100%}

header #navbar .logo{height: 100%; width: auto; display: inline-block;}
header #navbar .logo img{max-height: 100%;}

header #navbar #main-menu{text-align: right; padding: 16px 0; display: none;}
header #navbar #main-menu > ul{list-style: none;}
header #navbar #main-menu > ul > li{position:relative;display: inline-block; text-transform: uppercase; font-size: 1.6rem; padding: 0 3px; letter-spacing: 1px;text-align:center;vertical-align:top;}
header #navbar #main-menu > ul > li:last-child{padding-right: 0;}
header #navbar #main-menu > ul > li a{ padding-bottom: 5px; border-bottom: 2px solid transparent;color:#5c605f;text-decoration:none;font-size:1.5rem;font-weight:bold;}
header #navbar #main-menu > ul > li a:hover, header #navbar #main-menu > ul > li.current-menu-item a { color: #374850;}


/* Sous menus */
header #navbar #main-menu li.menu-item-has-children{transition: 0.5s; -webkit-transition:0.5s;}
header #navbar #main-menu li.menu-item-has-children:after{ content: "\f107"; margin-left: 2px; font-family: "FontAwesome"}
header #navbar #main-menu li.menu-item-has-children.menu-hover, header #navbar #main-menu li.menu-item-has-children.menu-hover > a{color: #96d116;}

header #navbar #main-menu ul.sub-menu{visibility: hidden; opacity: 0; z-index:-1;  background-color: #fff; padding: 0; margin: 0; list-style: none; position: absolute; min-width: 200px; top: auto; right: 0;left:0; z-index: 999;    
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,.09);
    -khtml-box-shadow: 0 2px 3px rgba(0,0,0,.09);
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,.09);
    -ms-box-shadow: 0 2px 3px rgba(0,0,0,.09);
    -o-box-shadow: 0 2px 3px rgba(0,0,0,.09);
    box-shadow: 0 2px 3px rgba(0,0,0,.09);
	transform: translateY(-2em);
	transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}
header #navbar #main-menu .wpml-ls-item ul.sub-menu{min-width: 50px;}


header #navbar #main-menu li.menu-item-has-children.menu-hover ul.sub-menu {visibility: visible; /* shows sub-menu */
  opacity: 1;
  z-index: 1;
  transform: translateY(0%);
  transition-delay: 0s, 0s, 0.3s; /* this removes the transition delay so the menu will be visible while the other styles transition */}
  
header #navbar #main-menu ul.sub-menu > li{
	list-style: none;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
	width: 100%;
	font-weight: normal;
	text-transform: none;
	text-align: left;
	position: relative;
	padding: 0 12px;
	font-size: 1.4rem;
	transition: 0.5s;
	-webkit-transition:0.5s;
}
header #navbar #main-menu ul.sub-menu > li:hover{background: #eee;}
header #navbar #main-menu ul.sub-menu > li a{color: #666; border-bottom: 1px solid #eee; padding: 12px 0; display: inline-block; width: 100%;}
header #navbar #main-menu ul.sub-menu > li a *{color: #666}


@media (min-width: 1200px) { 
header #navbar #main-menu > ul > li{font-size: 1.8rem; padding: 0 8px;}
}


header #navbar #hamburger-area{display: inline-block; width: auto; float: right;}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before{background-color: #fff; height: 3px;}

@media (min-width: 768px) { 
	header.sticky{position: fixed; top: -30px;}
	header #navbar{padding: 15px 0px; height: 91px;}
	header.sticky #navbar{height: 100px;}
	header #navbar #main-menu{display: inline-block;}
	header.sticky #navbar #main-menu{padding: 20px 0;}
	header #navbar #hamburger-area{display: none;}
}

#mobile-menu{background: #2D2534; color: #fff;}
#mobile-menu.mm-menu .mm-navbars_top{border: 0;}
#mobile-menu.mm-menu .mm-navbar a{color: #fff;}
#mobile-menu.mm-menu .mm-navbar img{height: 100%;}
#mobile-menu.mm-menu .mm-navbar.mm-navbar_has-btns{position: absolute;}

#mobile-menu.mm-menu .mm-btn{width: 60px; height: 60px;}
#mobile-menu.mm-menu .mm-btn:after, #mobile-menu.mm-menu .mm-btn:before{border-color: #fff; width: 20px; height: 20px;}
#mobile-menu.mm-menu .mm-btn:after{right: 46px; }

#mobile-menu.mm-menu.mm-menu_opened{z-index: 999}

/**
*	Header pages intérieures
**/

#header{position: relative; padding: 0; height: 300px; background: #161921;}
@media (min-width: 768px) { 
	#header{height: 400px;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	#header {height: 350px;}
}

#header > article{text-align: center; color: #fff; height: 100%; width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; display: table; position: relative;}
#header > article .header-overlay{
	background: #161921;
    bottom: 0;
    left: 0;
    opacity: 0.35;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
#header > article .header-content{position: relative; z-index: 2; color: #fff; display: table-cell; vertical-align: middle; padding: 100px 10% 0; width: 100%;}
#header > article .header-content:before{content:"";height:250px;width:250px;right:10%;border:solid #f2f2f2;position:absolute;z-index:-1;top:85px;border-width:140px;transform: rotate(45deg);}

#header > article h1{color: #fff; position:relative;}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
	#header > article .header-content{padding: 140px 20% 0;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

}

/*--------------------------------------------------------------
	2. Carousel
--------------------------------------------------------------*/
#main_slider{position: relative; padding: 0;background:#F8F6F3;}
#main_slider .sy-slider {
  /* Style the actual content */
  position: relative;
  padding: 0;
  height: 350px;
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
	#main_slider .sy-slider{height: 400px;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	#main_slider .sy-slider {height: 500px;}
}
.home #main_slider .sy-slider { height: 60vh; min-height: 60%;}

.sy-controls li.sy-next, .sy-controls li.sy-prev{width: 50px; min-width: 50px; right: 25px;}
.sy-controls li.sy-prev{right: 76px; left: auto;}
#main_slider .sy-slider .sy-controls li a:after{background-color: #161921; border-radius: 0; left: 0; top: auto; bottom: 25px; height: 50px; width: 50px; font-size: 4rem; font-weight: normal; line-height: 50px; margin-left: 0; font-family: "FontAwesome"; background-image: none; color: #fff;}
#main_slider .sy-slider .sy-controls li.sy-prev a:after{content:"\f104"; }
#main_slider .sy-slider .sy-controls li.sy-next a:after{content:"\f105"; right: 0; margin-right:0; left: auto;}

#main_slider .sy-slider .sy-slide{height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; display: table;}
#main_slider .sy-slider .slide-overlay{
    bottom: 0;
    left: 0;
    opacity: 0.35;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
#main_slider .sy-slider .slide-content{width: 100%; height: 100%; z-index: 2; position: relative; display: table-cell; vertical-align: middle; padding: 50px 20% 0;}
.home #main_slider .sy-slider .slide-content{padding: 0 20%;}

#main_slider .sy-slider .slide-content h2{
	color: #fff;
	margin-bottom: 0;
	font-size: 4rem;
	line-height: 1.2;
	text-transform: uppercase;
}
#main_slider .sy-slider .slide-content h2:after{display: none;}
#main_slider .sy-slider .slide-content p{
	color: #fff;
	font-style: italic;
	text-align: center;
	margin-bottom: 1.5rem; 
}
#main_slider .sy-slider .slide-content .btn{text-transform: uppercase}

#main_slider #slide-main-content{position: absolute; top: 0; left: 0; z-index: 10; height: 100%; width: 100%; text-align: left;}
#main_slider #slide-main-content > .slide-content{display: table; height: 100%; position: relative; width: 100%;}
#main_slider #slide-main-content > .slide-content > div{display: table-cell; vertical-align: middle; padding: 50px 10% 0;}
#main_slider #slide-main-content h1{color: #443B70;font-weight: 700;text-align: center;}
#main_slider #slide-main-content .btn{margin-top: 25px;}

#main_slider .box-num{background:#D8EBED;margin-top:30px;display:block;padding:20px 30px;}
#main_slider .box-num h2{margin:0;}
#main_slider .box-num p{margin:10px 0px;}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
	#main_slider .sy-slider .slide-content p{font-size: 1.8rem;}
	#main_slider #slide-main-content h1{width:100%;text-align:center;font-size:3.5rem;}
	#main_slider .box-num{text-align:center;}
	#main_slider .box-num{}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	#main_slider .sy-slider .slide-content h2,
	#main_slider .sy-slider .slide-content .h2{font-size: 5.2rem;line-height: 6rem;}
	
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 1200px) { 
	
	#main_slider #slide-main-content h1{text-align:left;padding-top:70px;}
	#main_slider .box-num{margin-top:0px;}
	#main_slider .box-num p{text-align:center;}
}

/*--------------------------------------------------------------
	Main content
--------------------------------------------------------------*/

article.post{padding-bottom:70px}

.main-content{background:#f2f2f2;padding-bottom:50px; position: relative;z-index:1000;}
aside{padding-top:50px;}
aside.q2w3-fixed-widget-container > div.widget_text:not(.q2w3-widget-clone-leftbar){z-index: 99;}

.nums-voyance{background: #fff;margin-top: 50px;padding: 20px 0px;-webkit-box-shadow: 0 0 40px 5px #CFCFCF;box-shadow: 0 0 40px 5px #CFCFCF;}

/* Commentaires */
.comment-form label{display:block;}
.comment-form textarea,
.comment-form input{width:100%}
.comment-form input.submit{background:#374850;border:1px solid #2D2534;color:#fff;padding:5px 8px;width:30%;margin:0 auto;cursor:pointer;}

/* Sidebar */
.box-tel{background:#fff;position:relative;-webkit-box-shadow: 0 0 40px 5px #CFCFCF;box-shadow: 0 0 40px 5px #CFCFCF;margin-bottom:30px;}
	.box-tel-header{width:100%;height:100px;background:url(assets/images/bg-box-tel.jpg);position:relative;}
		.ribbon {width: 130px;height: 130px;overflow: hidden;position: absolute;z-index:0}
		.ribbon::before,
		.ribbon::after {position: absolute;z-index: -1;content: '';display: block;border: 5px solid #4A326C;}
		.ribbon span {position: absolute;display: block;width: 225px;padding: 10px 0;background-color: #374850;box-shadow: 0 5px 10px rgba(0,0,0,.1);color: #fff;font-family: 'Montserrat';font-weight:700;text-shadow: 0 1px 1px rgba(0,0,0,.2);text-transform: uppercase;text-align: center;}

		/* top right*/
		.ribbon-top-right {top: -9px;right: -7px;}
		.ribbon-top-right::before,
		.ribbon-top-right::after {border-top-color: transparent;border-right-color: transparent;}
		.ribbon-top-right::before {top: 0;left: 4px;}
		.ribbon-top-right::after {bottom: 4px;right: -2px;}
		.ribbon-top-right span {left: -25px;top: 30px;transform: rotate(45deg);}
	
	.box-tel-profil{display:block;position:absolute;border: 2px solid #311232;bottom:-85px; left: 50%;transform: translate(-50%, -50%);width:100px;height:100px;background:red;border-radius:50%;background:url(assets/images/portrait-voyant.jpg);}
	.box-tel-content{padding:50px 20px 20px 20px;}
	.box-tel-content .img{margin:15px 0px;}

.cta-sidebar{background:#fff;margin-bottom:30px;padding:15px 20px;overflow:hidden;}
.cta-sidebar:hover{-webkit-box-shadow: 0 0 40px 5px #CFCFCF;box-shadow: 0 0 40px 5px #CFCFCF;}
.cta-sidebar img{float:left;}
.cta-sidebar a{text-decoration:none;display:block;font-size:1.8rem;font-family: 'Montserrat';font-weight:700;color:#2D2534;padding:14px 0px 0px 15px;float:left;}
.cta-sidebar a:hover{color:#374850;}
.cta-sidebar.discover a{padding-top:24px;}	

.widget_nav_menu{background:#fff;margin-bottom:30px;padding:15px 20px;}
.widget_nav_menu li{margin-bottom:10px;}

.recent-posts-widget-with-thumbnails a{text-decoration:none;}
.recent-posts-widget-with-thumbnails{background:#fff;padding:20px;}
.recent-posts-widget-with-thumbnails h2{font-size:2rem;}
.rpwwt-post-title{font-weight:bold;font-size:1.5rem;margin-bottom:3px;display:block;}
.rpwwt-post-excerpt{font-size:1.4rem;}

/*#temoignages .inner{background:#E2E2E2;padding:20px 0px;margin-top:30px;}*/
#temoignages h2{background:#E2E2E2;padding:20px 15px;margin:0;text-align:center;}
#temoignages .box_container {background:#E2E2E2;padding-bottom:20px;}
#temoignages article{text-align:center;}
#temoignages .review-content{padding:0 60px;}
.review-author .fa-star:before{color:#fcc000;}

/* Comments
--------------------------------------------------------------*/
#comments{clear:both;margin-top:20px;}
#comments a{text-decoration:none;}
#comments .comment-list {
    list-style: none;
    padding-left: 0px;
}
	#comments .comment {
		list-style: none;
		margin-bottom: 25px;
	}
	#comments .comment .avatar {
		width: 50px;
		float: left;
		margin-top: 5px;
	}
	#comments .comment .comment-wrapper {
		margin-left:75px;
		position: relative;
	}
	#comments .comment .comment-wrapper .comment-meta cite{
		font-weight:bold;
		font-style:inherit;
		font-size: 1.5rem;
		margin-right: 10px;
	}
	#comments .comment time,
	#comments .comment-edit-link{
		font-size:1.3rem;
		color:#7d7d7d;
		margin-right:10px;
	}
	#comments .comment-content{
		margin-top:10px;
	}
	
/*--------------------------------------------------------------
	Archive
--------------------------------------------------------------*/
#post-list article{margin-bottom: 50px;background:#f5f5f5; border: 1px solid #dcdcdc;}
#post-list article .post-content{padding:10px;}
#post-list article .post-thumbnail{display: block; width: 100%; margin-bottom: 10px; height: 300px;}
#post-list article .post-thumbnail > a{font-size: 0; height: 100%; width: 100%; display: block; background-repeat: no-repeat; background-size: cover; background-position: center center;}
#post-list article h3 > a{display: block; margin:0;font-size:2rem;text-decoration:none;}
#post-list article .excerpt{display: block; width: 100%; text-align: justify;}
#post-list article .btn{border: 0; padding: 0; background: none; color: #BE8E57; float: right; text-transform: uppercase;}
#post-list article .btn > i{margin-right: 10px;}
#post-list article .btn:hover{background: none;}
	
/*--------------------------------------------------------------
	Related posts
--------------------------------------------------------------*/
.crp_related {clear:both;padding-top:30px;}
	
/*--------------------------------------------------------------
	ACF Elements
--------------------------------------------------------------*/
.onk_section_withbg{text-align: center; padding: 50px 0; position: relative; z-index: 1;}
.onk_section_withbg:after{content:''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(242,227,207,0.65);}
.onk_section_withbg *{color: #161921}
.onk_section_withbg .btn{color: #fff;}
.onk_section_withbg > div{position: relative; z-index: 2;}
.onk_section_withbg h2{text-transform: none; margin-bottom: 65px;}
.onk_section_withbg h2:after, .onk_section_withbg .h2-like:after{height: 2px; margin: auto;}
.onk_section_withbg p{text-align: center;}
.onk_section_withbg .btn{margin-top: 40px;}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
	.onk_section_withbg#col-left:after{width: 50%;}
	.onk_section_withbg#col-left > div{width: 50%; padding: 50px 100px;}
}



.box_container.with_bg{color: #fff; text-align: center; font-size: 2rem; position: relative; z-index:1; margin-bottom: 50px;}
.box_container.with_bg .box_content{z-index: 2; position: relative; width: 100% ;height: 100%; padding: 200px 5%; background: rgba(22,25,33,0.5);-webkit-transition:0.5s; transition:0.5s; text-shadow: 1px 1px #737373}
.box_container.with_bg .box_content:hover{background: rgba(22,25,33,0.1);}
.box_container.with_bg a{width: 100%; height: 100%; color: #fff; text-decoration: none; position: relative;}
.box_container.with_bg p{text-align: center;}
.box_container.with_bg h3{font-size: 4rem; color: #fff;}

.grid .box_content a.btn{background-color: transparent; color: inherit; border: 1px solid #737373; margin-top: 25px; margin-bottom: 25px;}
.grid .box_content a.btn:hover{background-color: #f2e3cf;}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
	.box_container.with_bg{margin-bottom: 0;}
	.box_container.with_bg h3{font-size: 3.2rem;}
	.grid .box_content a.btn{margin-bottom: 0;}
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	.box_container.with_bg h3{font-size: 5rem;}
}

.onk_section_img_txt + .onk_section_img_txt{margin-top: -100px;}
.onk_section_img_txt .onk_img{margin-bottom: 50px;}
.onk_section_img_txt .full_size .onk_img{height: 300px; margin-bottom: 0;}
.onk_section_img_txt .full_size .onk_txt > div{padding: 25px; text-align: center; margin-bottom: 25px;}
.onk_section_img_txt .full_size .onk_txt h3{font-size: 1.4rem; margin-bottom: 15px; letter-spacing: 2px;}
.onk_section_img_txt .full_size .onk_txt h2{margin-bottom: 7.5rem;}
.onk_section_img_txt#onk_rooms .full_size .onk_txt h2:after{position: absolute; top: auto; bottom: -2.5rem;}
.onk_section_img_txt .full_size .onk_txt h2:after{position: relative; top: 25px; display: block; height: 2px; margin: auto; bottom: 0;}
.onk_section_img_txt .full_size .onk_txt p{text-align: center;}
.onk_section_img_txt .full_size .onk_txt a{border: 1px solid #737373; margin-top: 0.5rem; padding: 10px 20px; margin-top: 25px; display: inline-block;}
.onk_section_img_txt .full_size .onk_txt a:hover{background: #f2e3cf;}
.onk_section_img_txt#onk_rooms .full_size .onk_txt a:hover{background: #17283B;}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
	.onk_section_img_txt .onk_img{margin-bottom: 0px;}
	.onk_section_img_txt .full_size .onk_img{height: auto;}
	.onk_section_img_txt .full_size .onk_txt > div{padding: 50px; margin-bottom: 0;}
	.onk_section_img_txt .full_size .onk_txt p{}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	.onk_section_img_txt .full_size .onk_txt > div{padding: 100px;}
	.onk_section_img_txt .full_size .onk_txt p{font-size: 1.8rem; line-height: 3.2rem;}
}

#onk_rooms.onk_section_img_txt{}
#onk_rooms.onk_section_img_txt .onk_img .slick-list,
#onk_rooms.onk_section_img_txt .onk_img .slick-track{height: 100%;}
#onk_rooms.onk_section_img_txt .onk_img .room_photo{background-size: cover; background-position: center center; position: relative; display: inline-block; height: 100%; width: 100%;}


.onk_google_map{padding: 0;}
#infobox_content h3{margin-bottom: 15px;}


/*--------------------------------------------------------------
	404
--------------------------------------------------------------*/
.error404 #searchform{text-align: center; margin-top: 25px;}




/*--------------------------------------------------------------
	Footer
--------------------------------------------------------------*/
footer{background: #D8EBED; padding: 50px 0; color: #fff;}
footer a{text-decoration: none;}
footer i.fa{font-size: 3rem;}
footer .grid > div{margin-bottom: 50px;}
footer .grid > div:last-child{margin-bottom: 0;}
footer .grid > div:first-child, footer .grid > div:first-child p {text-align: center;}
footer .grid > div:nth-child(2) {text-align: center;}
footer .grid > div:nth-child(3), footer .grid > div:nth-child(3) p {text-align: right;}

footer .gallery{height: 100%;}
footer .gallery-item{display: table; height: 100%;}
footer .gallery-item .gallery-icon{display: table-cell; height: 100%; vertical-align: middle;}
footer .gallery-item .gallery-icon img{border: 0 !important; width: auto; max-height: 65px;}

@media (min-width: 768px) { 
	footer .grid > div{margin-bottom: 0;}
	footer .grid > div:first-child, footer .grid > div:first-child p {text-align: left;}
}

#footer-menu{padding: 15px 0px 5px 0; background: #10181b; color: #C4C9CF;}
#footer-menu .grid > div{text-align: center; margin-bottom: 10px;}
#footer-menu ul{list-style: none;}
#footer-menu ul > li{display: inline-block;}
#footer-menu ul > li:after{content: "|"; position: relative; display: inline-block; margin: 0 10px;}
#footer-menu ul > li:last-child:after{display: none;}
#footer-menu a{text-decoration: none; color: #fff;}
#footer-menu .prevention{font-style:italic;margin:20px 0px;text-align:center;color:#9e9e9e;}
@media (min-width: 768px) { 
	#footer-menu .grid > div{text-align: inherit; margin-bottom: 0px;}
	#footer-menu .grid > div.txtright{text-align: right;}
}


/*--------------------------------------------------------------
	TarteAuCitron
--------------------------------------------------------------*/
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize{background: #374850; font-size: 14px; color:#fff;}
#tarteaucitronRoot #tarteaucitronAlertBig {background: #2D2534;}
#tarteaucitronRoot #tarteaucitron .tarteaucitronBorder{border-color: #2D2534;}
#tarteaucitronRoot #tarteaucitronPercentage {background: #374850;}
#tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronMainLine{
	background: #2D2534;
    border: 3px solid #2D2534;
    border-left: 9px solid #2D2534;
    border-top: 5px solid #2D2534;}
#tarteaucitronRoot #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronClosePanelCookie, 
#tarteaucitronRoot #tarteaucitron #tarteaucitronClosePanel,
#tarteaucitronRoot #tarteaucitronAlertSmall #tarteaucitronCookiesListContainer #tarteaucitronCookiesList .tarteaucitronTitle, 
#tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronTitle, 
#tarteaucitronRoot #tarteaucitron #tarteaucitronInfo, 
#tarteaucitronRoot #tarteaucitron #tarteaucitronServices .tarteaucitronDetails{background: #2D2534;}


/*--------------------------------------------------------------
	Plan du site
--------------------------------------------------------------*/
ul.sitemap{list-style: none;}
ul.sitemap li{font-weight: bold; font-size: 1.6rem; text-transform: uppercase;}
ul.sitemap li:before{content: "\f105"; color: #98C6BC; font-family: "FontAwesome"; margin-right: 5px;}
ul.sitemap > li{margin-bottom: 1.5rem;}
ul.sitemap .children{padding-left: 3rem; list-style: none;}

#sb_instagram{margin-top:30px;}