/*
Theme Name: hestia-enfant-lydie
Template: hestia

Desciption: Thème enfant d'hestia crée pour mieux organiser le site internet d'Hauteville
Author: Lydie Blanc
Author URL: http://www.lunarismagus.fr
Version: 1.0.0
*/

@import url("../hestia/style.css");

@import url('https://fonts.googleapis.com/css?family=Abril+Fatface|Artifika');
/* Police d'écriture */

font-family: 'Artifika', serif;
font-family: 'Abril Fatface', cursive;


h1 {
	font-family: 'Abril Fatface', cursive !important;
	color: #003300;
}

h2, h3, h4, h5, h6 {
	font-family: 'Artifika', serif !important;
	color: #003300;
}

.carousel h2.title {
	font-family: 'Abril Fatface', cursive !important;
	color: #86EFBB;
}

body{
	font-family: 'Artifika', serif !important;
	color: #000000;
}

p{
	font-family: 'Artifika', serif !important;
	color: #000000;
}

a {
	color: #006666;
}
a:visited {
	color: #66CC00;
}
a:hover {
	color: #33CC99;
}

.container h2.title ul li b {
    color: #86EFBB;
}


/* Icone home */
.homeaccueil {
	background: transparent url(home.png) no-repeat left;
}

/* RECHERCHE */
li.search-menu {
	position: relative;
}

li.search-menu a {
	outline: 0;
}

li.search-menu a::before,
li.search-menu a::after {
	display: none !important;
}

li.search-menu.default form {
	max-width: 300px;
}

li.search-menu.dropdown form {
	display: none;
	min-width: 300px;
	max-width: 100%;
	position: absolute;
	left: 0;
	top: -3px;
	z-index: 9;
	color: #00CC99;
}

li.search-menu.full-width-menu form,
li.search-menu.sliding form {
	min-width: 0 !important;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 10%;
	width: 0;
	z-index: 9;

}

li.search-menu.full-width-menu.active-search {
	bottom: 20%;
	position: absolute;
	right: 0;
	width: 100%;
}

li.search-menu.full-width-menu.active-search a > svg {
	display: none;
}

li.search-menu form .screen-reader-text {
	display: none;
}

li.search-menu form label {
	margin: 0;
	padding: 0;
	color: #00CC99;
}

@media screen and ( max-width: 910px ) {
	li.search-menu form {
		left: 0;
		min-width: 50%;
		right: auto;
	}

	li.search-menu.full-width-menu.active-search {
		position: relative;
	}
}

.form-control {
	color: #00CC99;
	background: black;
}
.datenaissance {
	color: #CA404F !important;
}
#button #buttons .buttons .button .card .header-primary, .card .content-primary  {
    background-color: #CCFFFF;
    color: white;
}
.category-display-label {
    display: none;
}
.category-display {
    display: none;
}
tr:hover {
   background: #CCFF66;
}

/* Les 2 tableaux évènements */

@media all and (max-device-width: 600px) {
    table, thead, tbody, th, td, tr {
        display: block;
       position: relative;
   }
  #em_wp-submit {
       min-width: 50%; }
   li.search-menu form {
		left: 0;
		min-width: 50%;
		right: auto;
	}

	li.search-menu.full-width-menu.active-search {
		position: relative;
	}
}

/* Événement formulaire de réservation pour commentaire passer de 100 à 120px */
.em-booking-form label {
    display: inline-block;
    width: 120px;
}

/* Séparateur d'article */
.listing-item {
        border: 1px solid #000000; 
		margin: 5px;
}

/* bordure de message du formulaire contact */
#corpsmessage {
    border-color: #000000;
	border: 1px solid;
	background: #CCFFFF;
}
textarea {
    border-color: #000000;
	border: 1px;
    border-radius: 1px;
	background: #CCFFFF;
}
.display-posts-listing .alignleft {
    float: right;
    margin: 5px 5px 5px 5px;
}
.row {
	float: center;
}

.navbar.navbar-color-on-scroll li.active a, .navbar.navbar-color-on-scroll li.active.btn a {
    color: #33CCCC;
}
.navbar .navbar-nav > li > a {
    color: #33CCCC;
}
.button {
	background: #CCFFCC;
}