/*
 Theme Name:   feteducitron Child
 Theme URI:    https://www.feteducitron.com
 Description:  Un thème simple basé sur bootstrap 3 pour le site de la Fête du Citron®.
 Author:       Nicolas Sartore
 Author URI:   https://www.feteducitron.com
 Template:     feteducitron
 Version:      1.0.0
*/

@import url("../feteducitron/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */

.mashsb-container {
    padding-left: 38%!important;
}
.display-2 {
    text-transform: uppercase;
	font-size: 2.9rem!important;}
	
	@media all and (device-width: 320px) and (device-height: 568px) and (orientation: portrait) {
h2 {
    font-size: 25px;
}
}
	
.mbr-cards .card-title {
    text-transform: uppercase;}
	
.nav-tabs .nav-item.open .nav-link, .nav-tabs .nav-item.open .nav-link:focus, .nav-tabs .nav-item.open .nav-link:hover, .nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover {
    background-color: #fff;
    border-color: #ddd #ddd transparent;
    color: #f28281!important;
}

.col-md-4:nth-child(4n+1){
    clear: left;
}

#msg-box5-2j H3 {
    color: #3d8eb9;
}

.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
.nav-dropdown-sm {
    margin-left: 0!important;}
	

.navbar-dropdown .navbar-brand::before {
    margin-left: 5%!important;
	}
.navbar-dropdown .navbar-brand {

    padding: 0!important;}
	
	.navbar-dropdown .mbr-table-cell {
    height: 3.625rem!important;
}
	
#ext_menu-2w .navbar, #ext_menu-2w .nav-dropdown-sm, #ext_menu-2w .nav-dropdown-sm .link[aria-expanded="true"], #ext_menu-2w .nav-dropdown-sm .dropdown-menu {
	  background: rgba(242, 130, 129, .9)!important;
	 }

#ext_menu-2w .navbar-toggler {
 margin-right: 5%; }
 
 a.flag {margin:5px;}
 
	.btn-danger-outline {
background-color: #f28281!important;

}
	.btn-danger:hover {
background-color: #d9534f!important;

}

a.btn {color:white!important;}
a:visited.btn {color:white!important;}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.extTabs1 .tab-pane {text-align:left;}

.mbr-footer-content .mbr-footer p a, .mbr-footer ul li a {
  color:7e9b9f!important}
  
 
  .mbr-flag {
    bottom: 25px;
    position: fixed;
    right: 140px;
    text-align: right;
    z-index: 5000;
}
@media (max-width: 991px) {
.mbr-flag {
    bottom: 25px;
}
}
@media (max-width: 320px) {
.mbr-flag {
    bottom: 21px;
}
}
@media all and (device-width: 320px) and (device-height: 568px) and (orientation: portrait) {
.mbr-flag {
    bottom: 25px;
}
}
.extTabs1 li a.active {
    background-color: #90a878!important;}
	
	.nav-tabs .nav-item.open .nav-link, .nav-tabs .nav-item.open .nav-link:focus, .nav-tabs .nav-item.open .nav-link:hover, .nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover {
    background-color: #fff;
    border-color: #ddd #ddd transparent!important;
    color: #ffffff!important;
}

.extTabs1 ul.nav-tabs li a:hover {
    background-color: #90a878!important;
    color: #ffffff;
    transition: background 0.35s ease 0s;
}

.alert-message
{
    margin: 20px 0;
    padding: 20px;
    border-left: 3px solid #eee;
}
.alert-message h4
{
    margin-top: 0;
    margin-bottom: 5px;
}
.alert-message p:last-child
{
    margin-bottom: 0;
}
.alert-message code
{
    background-color: #fff;
    border-radius: 3px;
}
.alert-message-success
{
    background-color: #F4FDF0;
    border-color: #3C763D;
}
.alert-message-success h4
{
    color: #3C763D;
}
.alert-message-danger
{
    background-color: #fdf7f7;
    border-color: #d9534f;
}
.alert-message-danger h4
{
    color: #d9534f;
}
.alert-message-warning
{
    background-color: #fcf8f2;
    border-color: #f0ad4e;
}
.alert-message-warning h4
{
    color: #f0ad4e;
}
.alert-message-info
{
    background-color: #f4f8fa;
    border-color: #5bc0de;
}
.alert-message-info h4
{
    color: #5bc0de;
}
.alert-message-default
{
    background-color: #EEE;
    border-color: #B4B4B4;
}
.alert-message-default h4
{
    color: #000;
}
.alert-message-notice
{
    background-color: #FCFCDD;
    border-color: #BDBD89;
}
.alert-message-notice h4
{
    color: #444;
}
a.white {color:#f0f0f0!important;font-family: "Montserrat",sans-serif;}
a:visited.white {color:#f0f0f0!important;font-family: "Montserrat",sans-serif;}

.border { 
border-style: solid;
border-color: white;
border-width: 2px;
}
.tablepress-id-1 .row-7 odd td {
	background-color: #ff0000!important;
}
#breadcrumbs a {color: #8e908f;}

.filet-point{border-top: 1px dotted #ddd;}

.wcs-filters--switches .wcs-switcher__switch {
    background-color: #5081e3!important;}
	
.wcs-filters .wcs-filter:checked + span {
    background-color: #50ba69!important;}
	
.wcs-timetable__container.wcs-timetable--with-filters.wcs-timetable--filters-left .wcs-filters__container {
 
    margin-top: 15px;}
	
.wcs-timetable__agenda .wcs-timetable__agenda-nav li.active::after {
color: #5081e3;}
.wcs-timetable__agenda .wcs-timetable__agenda-nav li.active {
color: #5081e3;}

.wcs-timetable__timeline .wcs-day__title {
    background-color: #2c66a1;
    color: rgba( 255,255,255,1);}
	
	.wcs-timetable__timeline::before {
    color: #8793;}
	
	.wcs-timetable--countdown .wcs-class__countdown-time {
    font-size: 470%;
}
.titre-visites  {
    text-transform: uppercase;
	font-size: 0.8rem!important;
	margin-top:-30px;}
	
	h1.visites  {text-transform: uppercase;
	font-size: 2rem!important;
	margin-top:30px;
	margin-bottom:30px;
	font-weight:bold;}
	
	.card {
  background: #fff;
  display: inline-block;
  width: 95%;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.card:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.date1 {
      position: absolute;
      top: 20px;
      right: 140px;
      z-index: 1;
	  border-radius:50%;
	  border:3px solid white;
	  border-color:#ffffff;
	  display:inline-block;
      width: 55px;
      height: 55px;
      padding: 12.5px 0;
      font-weight: 700;
      text-align: center;

	  }
	  .date2 {
      position: absolute;
      top: 20px;
      right: 80px;
      z-index: 1;
	  border-radius:50%;
	   border:3px solid white;
	  border-color:#ffffff;
	  display:inline-block;
      width: 55px;
      height: 55px;
      padding: 12.5px 0;
      font-weight: 700;
      text-align: center;
	  }
	  .date3 {
      position: absolute;
      top: 20px;
      right: 20px;
      z-index: 1;
	  border-radius:50%;
	   border:3px solid white;
	  border-color:#ffffff;
	  display:inline-block;
      width: 55px;
      height: 55px;
      padding: 12.5px 0;
      font-weight: 700;
      text-align: center;

	  }
      .day {
        font-size: 14px;
      }
      .month {
        font-size: 12px;
        text-transform: uppercase;
      }
     .slogan {
      position: absolute;
      margin-top:-40px;
      left: 0;
      padding: 10px 15px;
      font-size: 14px;
      font-weight: 600;
      text-transform: uppercase;
	  color:#fff;
    }
	a.slogan {color:#fff}
	
	@font-face {
    font-family: 'GoboldRegular';
    src: url('https://www.fete-du-citron.com/wp-content/themes/feteducitron-child/font/gobold_regular.eot?#iefix') format('embedded-opentype'), 
         url('https://www.fete-du-citron.com/wp-content/themes/feteducitron-child/font/gobold_regular.woff') format('woff'),
         url('https://www.fete-du-citron.com/wp-content/themes/feteducitron-child/font/gobold_regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
.img-circle {
    border-radius: 50%;
}
.mbr-slider .carousel-indicators li, .mbr-slider .carousel-indicators .active {

    border-radius: 50%;

}
