/*
Theme Name: Sideevents Child
Description: Child theme for Sideevents
Author: Mediactive
Author URI: 
Template: Sideevents
Version: 1.0.0
Text Domain:  Avada
*/

/* Custom CSS pour les toggles des fiches hôtels */

#customtoggle .togglecustom1{
	  float:  left;
	  width:  40%;
	  display: inline-block;
	  color:  #717171;
}
#customtoggle .togglecustom2{
	  display: inline-block;
	  width:  60%;
	  color:  #717171;
}
#customtoggle hr{
	  color: #fff !important;
}
#customtoggle .fusion-column-wrapper.fusion-flex-justify-content-flex-start.fusion-content-layout-column{
    display: inline-block !important;
}
#customtoggle .panel-collapse.collapse.in{
	  background-color: #eee !important;
}
#customtoggle .panel-title.toggle{
	  background-color: #2196d1 !important;
}
.awb-icon-minus::before,
.awb-icon-plus::before {
	  color: #2196d1;
}
.fa-fusion-box.inactive-icon.awb-icon-plus{
	  background-color: #fff !important;

}
/* Media slider bullet */

#customtoggle .flex-control-paging li a {
    background: rgba(255,255,255,.7) !important;
}
#customtoggle .flex-control-paging li a.flex-active {
    background: rgba(255,255,255,1) !important;
}
#customtoggle .fusion-slider-sc .flex-direction-nav a {
  margin: 0 0 !important;
}
@media screen and (max-width: 540px) {
    #customtoggle strong, 
    #customtoggle p, 
    .togglecustom2, 
    .togglecustom1{
        font-size:  13px !important;
    }
}
@media screen and (max-width: 440px) {
	#customtoggle .fusion-column-wrapper.fusion-flex-justify-content-flex-start.fusion-content-layout-column{
	  display: inline-block !important;
	}
}
/* Home Hôtels blocs */
	#homehotels{
		max-width:  1020px;
		margin:  0 auto;
	}
	.homehotels{
        max-width: 316px;
        width: 100%;
        max-height: 316px;
        height: 100%;
    }
    .homehotels::before {
        content: "";
        position: absolute !important;
        left: 50% !important;
        transform: translate(-50%);
        background: rgba(0,0,0,0.2);
        width: 316px;
        height: 316px;
        display: block;
    }
    .figurehotel{
        width: 316px;
        margin-left: 0;
    }

    .contenthotel{
        text-align: center;
        position: relative;
        top: -300px;
    }
    .ratinghotelempty{
        height:  59px;
    }
    h3.namehotel{
        top: 20px;
        position: relative;
        color: white;
        font-size:28px !important;
    }
    h3.namemap{
        font-size: 28px !important;
        top: 95px;
        position: relative;
    }
    .ratinghotel{
        position: relative;
        color: transparent;
    }
    .infohotel {
        width: 50%;
        display: table-cell;
        color: transparent;
        border-right: 1px solid transparent;
        top: 5px;
        position: relative;
    }
    .infohotel h5{
    	color:  transparent !important;
        font-size: 18px !important;
    }
    .infohotel p{
    	position: relative;
		top: -30px;
		color: transparent;
		margin-bottom:  0 !important;
    }
    .homehotels .awb-stars-rating {
        display: grid !important;
    }
    .contenthotel .awb-stars-rating .fa-star.fas.awb-stars-rating-filled-icon,
    .contenthotel .awb-stars-rating .fa-star.fas.awb-stars-rating-empty-icon{
        color: transparent !important;
    }
    .homehotels:hover .infohotel,
    .homehotels:hover .ratinghotel,
    .homehotels:hover .infohotel h5,
    .homehotels:hover .infohotel p{
        color: white !important;
        transition: 0.4s !important;
    }
    .homehotels:hover div:nth-child(4) {
        border-right: 1px solid #fff;
    }
    .homehotels.ratingempty:hover div:nth-child(3) {
        border-right: 1px solid #fff;
    }
    .homehotels:hover .contenthotel .awb-stars-rating .fa-star.fas.awb-stars-rating-filled-icon{
        color:  #fff !important;
        transition:  0.4s !important;
    }
    .homehotels:hover .contenthotel .awb-stars-rating .fa-star.fas.awb-stars-rating-empty-icon{
        color:  #fff !important;
        opacity: 0.3;
        transition:  0.4s !important;
    }
    .contenthotel .awb-stars-rating{
        position: relative;
        top:  30px;
    }
    .homehotels:hover::before{
        transition: 0.4s !important;
        background: rgba(33,150,209,0.7);
    }

@media screen and (min-width: 1059px) and (max-width: 1077px) {
    .homehotels::before {
        left: 54% !important;
    }
}

@media screen and (min-width: 1078px) {
    .homehotels::before {
        left: 53% !important;
    }
}

@media screen and (min-width: 1025px) and (max-width: 1059px) {
    h1{
        font-size: 36px !important;
    }
	.homehotels{
        max-width:260px;
        max-height: 260px;
    }
    .contenthotel{
        top: -260px;
    }
    h3.namemap{
        font-size: 22px !important;
    }
    h3.namehotel{
        font-size: 22px !important;
    }
    .infohotel h5{
        font-size: 16px !important;
    }
    .figurehotel{
        width: 260px;
        margin-left: 0;
    }
    .homehotels::before {
         width: 260px;
         height: 260px;
    }
    .infohotel{
		top: 0;
	}
    .namehotel {
        top: -20px;
    }
    .mapdescription {
        width: 60%;
    }
    .mapdescription p {
        font-size: 14px;
    }
}
@media screen and (min-width: 751px) and (max-width: 773px) {
    .homehotels::before {
        left: 48% !important;
        transform: translate(-47%);
    }
}
@media screen and (max-width: 750px) {
    h1{
        font-size: 36px !important;
    }
    .homehotels{
        max-width:260px;
        max-height: 260px;
    }
    .contenthotel{
        top: -260px;
    }
    h3.namemap{
        font-size: 22px !important;
    }
    h3.namehotel{
        font-size: 22px !important;
    }
    .infohotel h5{
        font-size: 16px !important;
    }
    .figurehotel{
        width: 260px;
        margin-left: 0;
    }
    .homehotels::before {
         width: 260px;
         height: 260px;
    }
    .infohotel{
        top: 0;
    }
    .namehotel {
        top: -20px;
    }
    .mapdescription {
        width: 60%;
    }
    .mapdescription p {
        font-size: 14px;
    }
}

@media screen and (min-width: 641px) and (max-width: 655px) {
    .homehotels::before {
        left: 48% !important;
        transform: translate(-47%);
    }
}

@media screen and (max-width: 641px) {
    h1{
        font-size: 22px !important;
    }
}

@media screen and (max-width: 440px) {
    html.avada-is-100-percent-template #main.width-100 {
        padding-left: 0;
        padding-right: 0;
    }
    .homehotels{
        max-width:260px;
        max-height: 260px;
    }
    .contenthotel{
        top: -260px;
    }
    h3.namemap{
        font-size: 22px !important;
    }
    h3.namehotel{
        font-size: 22px !important;
    }
    .infohotel h5{
        font-size: 16px !important;
    }
    .figurehotel{
        width: 260px;
        margin-left: 0;
    }
    .homehotels::before {
         width: 260px;
         height: 260px;
    }
    .infohotel{
        top: 0;
    }
    .namehotel {
        top: -20px;
    }
}

@media screen and (max-width: 380px) {
    .homehotels{
        max-width:200px;
        max-height: 200px;
    }
    .contenthotel {
        top: -220px;
        width: 200px;
        height: 200px;
    }
    h3.namehotel {
        font-size: 18px !important;
        top: 10px;
    }
    .homehotels h5,
    .infohotel p{
        font-size:  12px !important;
    }
    .figurehotel{
        width: 200px;
        margin-left: 0;
    }
    .homehotels::before {
         width: 200px;
         height: 200px;
    }
    .infohotel{
        line-height:2em;
    }
}

@media screen and (max-width: 320px) {
    .homehotels{
        max-width:180px;
        max-height: 180px;
    }
    .contenthotel {
        top: -200px;
        width: 180px;
        height: 180px;
    }
    h3.namehotel {
        font-size: 16px !important;
        top: 10px;
    }
    .homehotels h5,
    .infohotel p{
        font-size:  11px !important;
    }
    .figurehotel{
        width: 180px;
        margin-left: 0;
    }
    .homehotels::before {
         width: 180px;
         height: 180px;
    }
    .infohotel{
        line-height: 2em;
    }
}

/* Map info */

.mapdescription{
  background: #2196d1;
  width: 35%;
  position: absolute;
  bottom: 21px;
  right: 100px;
  display: inline-flex;
}
.hotel-template-default .mapdescription{
  height:  110px;
}
.mapdescription p{
	font-size:  17px;
	line-height: 1.1em;
}
.leaflet-popup-content-wrapper {
  border-radius: 0 !important;
}
.mapdescription .firstbloc, .mapdescription .secondbloc{
	border-right: 1px solid white;
}
.mapdescription div{
	width: 33%;
	padding: 0;
}
.mapdescription div p{
  margin-top: 20px;
}
.constantmarker{
    font-size: 13px !important;
}
.constantmarker b{
    font-size: 16px !important;
}
.leaflet-tooltip-bottom {
    text-align: center;
    border-radius: 0 !important;
    background: #000 !important; 
    color: #fff !important;
    border: none !important;
}
.leaflet-tooltip-bottom::before {
    margin-left: -4px !important;
    border-bottom-color: #000 !important;
}
@media screen and (max-width: 641px) {
    .mapdescription {
        width: 60% !important;
    }
    .mapdescription p {
        font-size: 14px !important;
    }
}
@media screen and (max-width: 540px) {
    .mapdescription {
        width: 90% !important;        
        right: 20px !important;
    }
    .mapdescription p {
        font-size: 12px !important;
    }
}
/* rating text -> invisible */
.awb-stars-rating-text{
	visibility: hidden;
}

/* Séparateurs liens menu */
#menu-item-135 a::after{
	content: '|';
	margin-left:  30px;
    color: #717171 !important;
}
#menu-item-135 a:hover:after{
    color: #717171 !important;
}
#menu-item-16 a:hover:before{
    color: #717171 !important;
}
#menu-item-16 a::before{
	content: '|';
	margin-right:  30px;
    color: #717171 !important;
}
.background-active.transition-left{
    visibility: hidden;
}
/* Menu Mobile */
@media screen and (max-width: 640px) {
    .fusion-body .fusion-menu-element-wrapper[data-count="0"] .fusion-menu-element-list {
        justify-content: center !important;
    }
}
@media screen and (max-width: 382px) {
    .fusion-menu-element-wrapper {
      font-size: 14px !important;
    }
    #menu-item-135 a::after{
        margin-left:  10px;
    }
    #menu-item-16 a::before{
        margin-right:  10px;
    }
    .fusion-body .fusion-menu-element-wrapper[data-count="0"] .fusion-menu-element-list > li {
        margin-left: 5px !important;
        margin-right: 5px !important;
    }
    .fusion-tb-header .img-responsive.wp-image-17{
        max-width: 67% !important;
    }
}
/* H1 Hôtels Posts */
@media screen and (max-width: 640px) {
    body.hotel-template-default h1{
        margin-top: 200px;
        font-size: 28px !important;
    }
}
/* Rating GlobalMap */ 
.maphotels div[aria-label="Rating: 5.00 out of 5"] i.fa-star:nth-child(1),
.maphotels div[aria-label="Rating: 5.00 out of 5"] i.fa-star:nth-child(2),
.maphotels div[aria-label="Rating: 5.00 out of 5"] i.fa-star:nth-child(3),
.maphotels div[aria-label="Rating: 5.00 out of 5"] i.fa-star:nth-child(4),
.maphotels div[aria-label="Rating: 5.00 out of 5"] i.fa-star:nth-child(5),
.maphotels div[aria-label="Rating: 4.00 out of 5"] i.fa-star:nth-child(1),
.maphotels div[aria-label="Rating: 4.00 out of 5"] i.fa-star:nth-child(2),
.maphotels div[aria-label="Rating: 4.00 out of 5"] i.fa-star:nth-child(3),
.maphotels div[aria-label="Rating: 4.00 out of 5"] i.fa-star:nth-child(4),
.maphotels div[aria-label="Rating: 3.00 out of 5"] i.fa-star:nth-child(1),
.maphotels div[aria-label="Rating: 3.00 out of 5"] i.fa-star:nth-child(2),
.maphotels div[aria-label="Rating: 3.00 out of 5"] i.fa-star:nth-child(3),
.maphotels div[aria-label="Rating: 2.00 out of 5"] i.fa-star:nth-child(1),
.maphotels div[aria-label="Rating: 2.00 out of 5"] i.fa-star:nth-child(2),
.maphotels div[aria-label="Rating: 1.00 out of 5"] i.fa-star:nth-child(1){
    color: #2196D1 !important;
}
.maphotels div[aria-label="Rating: 4.00 out of 5"] i.fa-star:nth-child(5),
.maphotels div[aria-label="Rating: 3.00 out of 5"] i.fa-star:nth-child(4),
.maphotels div[aria-label="Rating: 3.00 out of 5"] i.fa-star:nth-child(5),
.maphotels div[aria-label="Rating: 2.00 out of 5"] i.fa-star:nth-child(3),
.maphotels div[aria-label="Rating: 2.00 out of 5"] i.fa-star:nth-child(4),
.maphotels div[aria-label="Rating: 2.00 out of 5"] i.fa-star:nth-child(5),
.maphotels div[aria-label="Rating: 1.00 out of 5"] i.fa-star:nth-child(2),
.maphotels div[aria-label="Rating: 1.00 out of 5"] i.fa-star:nth-child(3),
.maphotels div[aria-label="Rating: 1.00 out of 5"] i.fa-star:nth-child(4),
.maphotels div[aria-label="Rating: 1.00 out of 5"] i.fa-star:nth-child(5){
    color: var(--awb-color7) !important;
}
.maphotels .awb-stars-rating.awb-stars-rating-1{
    left: 50%;
    position: relative;
    transform: translate(-14%);
}

@media screen and (max-width: 540px) {
    .maphotels .awb-stars-rating.awb-stars-rating-1{
        left: 40%;
    }
}

/* Page Contact */
@media screen and (max-width: 640px) {
    .fontsizemobile p{
        font-size:  14px !important;
    }
}