/*
Theme Name: Hestia Child
Theme URI: https://themeisle.com/themes/hestia/
Template: hestia
Author: ThemeIsle
Author URI: https://themeisle.com
Description: Hestia is a modern WordPress theme for professionals. It fits creative business, small businesses (restaurants, wedding planners, sport/medical shops), startups, corporate businesses, online agencies and firms, portfolios, ecommerce (WooCommerce), and freelancers. It has a multipurpose one-page design, widgetized footer, blog/news page and a clean look, is compatible with: Flat Parallax Slider, Photo Gallery, Travel Map and Elementor Page Builder . The theme is responsive, WPML, Retina ready, SEO friendly, and uses Material Kit for design.
Tags: blog,custom-logo,portfolio,e-commerce,rtl-language-support,post-formats,grid-layout,one-column,two-columns,custom-background,custom-colors,custom-header,custom-menu,featured-image-header,featured-images,flexible-header,full-width-template,sticky-post,theme-options,threaded-comments,translation-ready,editor-style,footer-widgets,left-sidebar,right-sidebar,wide-blocks
Version: 2.5.6.1580657386
Updated: 2020-02-02 16:29:46

*/
.header-filter::before {
    background-color:rgba(0,0,0,0.1);
}
.home .feature-box {
	position:relative;
	top:20px;
	max-width:245px;
}
.hestia-features .hestia-info {
	background-color:#e4f9fc;
	border: 6px double #ABE5F7;
}
.hestia-features .hestia-title {
	color:#258CAB;
}
.hestia-features h5.description {
	color:#000;
}
label {
	font-size:14px;
}
.hestia-title {
	color:#258CAB;
}
/*Titre Dernière actualité au milieu*/

.has-accent-color.has-text-color {
	text-align:center; 
}

/*animation*/

.big-title-slider-content.text-center.col-sm-8.col-sm-offset-2 {
    transition: .5s;
    animation: title-slider 8s;
}
#carousel-hestia-generic .hestia-title {
	transition: .5s;
	animation: caroussel-slider 8s;
}
.hestia-title {
	color:#258CAB;
}
@keyframes title-slider {

from {
    transform:translateY(250px);
    opacity:0;
}
to {
    transform:translateY(0);
    opacity:1;
}
}
.sub-title {
	transition: .5s;
	animation: subtitle-slider 8s
}

@keyframes subtitle-slider {
	
	from{
		font-size: 33px;
		color:#1493C2;
	}
	to {
		font-size:20px;
		color:#FFF;
	}
}
@keyframes caroussel-slider {
	from {
		color:#1493C2;
	}
	to {
		color:#FFF;
	}
}
/*tableau activités du mois*/

th, td {
    border: 1px solid #333;
    padding: 5px;
    text-align: center;
}
.events-table tbody 
tr:hover{
background-color: #a4ddf9;
}
.event-time {
	background-color:  #a4ddf9;
}
.event-description {
	background-color:  #a4ddf9;
}
.event-erxcept {
	background-color:  #a4ddf9;
}
.booking-button {
	background-color:  #a4ddf9;
}
.btn {
	background-color:#36BFF3;
}
/*activités du mois - Partie politique de confidentialité*/

.em-booking-form p.input-field-data_privacy_consent label {
	display: block;
	width:80%;
}
#em-booking-submit.em-booking-submit {
	width:250px;
	font-size:10px;
}
/*footer*/

.footer.footer-black.footer-big {
	background: #14AECD;
}

/*media queries*/

@media screen and (max-width:1187px)
{
	.date {
		font-size:14px;
		width:120px;
	}
	.name a {
		text-align:left;
		font-size:14px;
		
	}
	.description p {
		text-align:left;
		font-size: 14px;
		padding: 10px;
	}
	.inscription {
		width:150px;
	}
}
@media screen and (max-width:768px)
{
	.navbar .navbar-nav li {
		z-index:2
	}
	.hestia-features .hestia-info {
		border:none;
		background-color:#FFF;
	}
	}
@media screen and (max-width:595px)
{
	th {
		display:none; 
	}
	tbody, tr, td {
		display:block; 
		width: auto !important;
	}
}