/*---------------------------------------------------------------------------------

 Theme Name:   Divi Child
 Theme URI:    http://website.com
 Description:  Divi Child
 Author:       Divi
 Author URI:   http://website.com
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/



.cf_recentposts {
    margin: 0px;
    padding: 0px;
}
.cf_recentposts li {
    list-style: none;
    margin: 0px;
    padding: 0px;
    margin-bottom: 30px;
}
.cf_recentposts li .cf_recentpostdate {
    background: #424242;
    color: #fff;
    float: left;
    max-width: 85px;
    width: 85px;
    text-align: center;
    font-size: 20px;
    line-height: 18px;
    border-radius: 41px;
    padding: 20px;
    padding-bottom: 14px;
    padding-top: 14px;
    margin-top: 15px;
    font-weight: 300 !important;
}

input.hasDatepicker {
    background-size:2% !important;
    
}

#sleepingbag_field {
    margin-bottom:10px;
}
}
.cf_recentposts li .cf_recentpostdate strong {
    font-size: 35px;
    line-height: 36px;
}
.cf_recentposts li .cf_recentpostcontent {
    float: right;
    max-width: 83%;
    width: 100%;
}
.cf_recentposts li .cf_recentpostcontent h4 {
    margin-top: 0px;
}
.cf_recentposts li .cf_recentpostcontent h4 a {
    color: #ffffff !important;
    font-size: 20px;
}
.cf_recentposts li .cf_recentpostcontent a {
    color: #ffffff !important;
}
.cf_recentposts li .cf_recentpostcontent:hover h4 a,
.cf_recentposts li .cf_recentpostcontent:hover a {
    color: #424242 !important;
    text-decoration: underline;
    cursor: pointer;
}

.cf_recentposts li .cf_recentpostcontent:hover h4 a
.cf_recentposts li:hover .cf_recentpostdate {
    background: #ffffff;
 color: #424242 !important;
}

.cf_recentposts li:hover .cf_recentpostdate {
    background: #fff;
 color: #424242 !important;
}

@media only screen and (max-width: 800px) {
.cf_recentposts li .cf_recentpostdate {
        float: none;
        margin: auto;
        margin-bottom: 20px;
    }
    .cf_recentposts li .cf_recentpostcontent {
        float: none;
        max-width: 80%;
        margin: auto;
    }

}

/****************REZDY *******************/
.csale_show {
    display: inline-block;
    width: 29.33%;
    margin: 2%;
    vertical-align: top;
}

.csale-box {
	width:100%;
	display:inline-block;
	min-height:580px;
	background:#fff;
}

.csalecontent {
margin-left:-2%;margin-right:-2%;
}

.csalecategories select {
	border:1px solid #ccc;
	padding:10px;
	color:#000;
	height:auto;
}

.cabinvillasitem, .csale-box  {
	overflow:hidden;
}

.cabinvillasitem, .csale-box {
  box-shadow:0px 0px 10px rgba(0,0,0,.4);
  margin-bottom:20px !important;
}

.cabinvillasitem:hover {

}

.cabinvillasitemimg, .csale-box img  {
  margin-bottom:300px;
}

.csale-box img  {
float:right;
}
.cabinvillasitem h2, .csale-box h2 {
  clear:both;
  background:#fff;
  margin-bottom:0px !important;
  padding:20px;
  padding-bottom:10px;
  text-align:left;
  text-transform:none;
  
  margin-bottom:0px;
}



.cabinvillasitem h4, .csale-box h4 {
background: #fff;margin-top: 0px;margin-bottom:0px;text-align:center;padding-bottom:20px;
font-family:'Roboto' !important;
}

.viewdetailsbg {
position: absolute; background:rgba(255,255,255,.7);height:492px;margin-top:-492px;z-index:9999999999;width:100%;text-align:center;padding-top:210px;
 
 display:none;
 transition: opacity 1s ease-out;
    opacity: 0; 
}

.viewdetailsbg2 {
height:516px;margin-top:-516px;
}

#csalenotice {
text-align:center;
padding:20px;
}

.viewdetailsbgcsale{
position:relative;width:auto;height:492px;margin-top:-492px;text-align:center;padding-top:210px;background:rgba(255,255,255,.7); display:none;
 transition: opacity 1s ease-out;
    opacity: 0; 
}
.viewdetailsbg button, .viewdetailsbgcsale button {
padding:10px;background:#0066cc;color:#fff;font-size:18px;border-radius:5px;border:none;padding-left:25px;padding-right:25px;

 margin-top:-300px;
}

.cabinvillasitem:hover .viewdetailsbg, .csale-box:hover .viewdetailsbgcsale {
	display:block;
opacity: 1;
}

.cabinvillasitem:hover .viewdetailsbg button, .csale-box:hover .viewdetailsbgcsale button {
margin-top:0px;

}

.csale-box:hover .viewdetailsbgcsale button {
margin-right:-150px;
cursor:pointer;
}

.csale_hide {
display:none;
}

.viewdetailsbg button:hover {
background:#0080ff;
}


.rezdy_thumb {
	
}

.rezdy_excerpt {
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	background:#fff !important;
	color:#424242 !important;
}

.contentlist li {
margin-bottom:0px !important;
}

.rezdy_thumb h3 {
	font-size:25px !important;
	color:#fff !important;
	font-weight:bold !important;
	text-align:right !important;
	padding-right:20px !important;
	padding-top:40px;
	display:inline-block !important;
	width:100% !important;
	margin-top:210px !important;
	margin-bottom:0px !important;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}

article.rezdyitem {
	width:100% !important; 
	margin-left:2% !important;
	max-width:68% !important;
	float:left;
}

.rezdy_sidebar {
	width:100% !important;
	margin-left:2% !important;
	max-width:28% !important;
	float:right;
}

#tourcategorieslist ul li {
	display:inline-block;
}

#tourcategorieslist ul li a {
	color:#fff;
	padding-left:20px;
	padding-right:20px;
}

#tourcategorieslist {
	text-align:center;
}

.rezdybannerpic {
	background:#f6f6f6;
	padding:2.5%;
	display:none;
	margin-bottom:30px;
}

.rezdy_iframe_content {
display:none;
}

.rezdybannerpic img {
	width:100%;
}
.rezdygallery {
text-align:center;
	margin-bottom:30px;
	background:#f6f6f6;
	padding:20px;
}

.rezdygallery .image-gallery li {
    display: inline-block;
    padding: 10px 10px 10px 10px !important;
    margin: 0;
	width:25%;
}

.rezdygallery .image-gallery {
padding-left:10px !important;
	padding-right:10px;

}
.rezdygallery .image-gallery li img {
		width:100%;
}

.rezdygallery .popup {
	left:0px !important;
}

.single-rezdyitem .post-content h1 {
	margin-top:10px;
	margin-bottom:10px;
}
/************ END REZDY *******************/


#headerscroll {
    width: 100%;
    text-align: center;
}
#headerscroll a {
    background-color: #448aff;
    background-image: url(./images/arrowdown.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 25% 18%;
    border-radius: 23px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
    font-size: 0;
    padding: 23px;
    position: absolute;
    margin: auto;
    margin-top: -80px;
    height: 46px;
    width: 46px;
    margin-left: -22px;
}
#headerscroll a:hover {
    background-color: #2962ff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
.headerscroll2 {
    float: right;
    margin-right: 22px !important;
}
.headerscroll2 a {} #bannerimage img {
    height: 500px;
}

.gform_footer input[type="submit"], #gform_submit_button_1, .woocommerce-button, .checkout-button, .woocommerce_checkout_place_order , #place_order {
    border-radius: 0px !important;
    padding: 15px 20px !important;
    font-size: 16px !important;
    background: #00c853 !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    border:none !important;
}

.woocommerce span.onsale, .woocommerce-page span.onsale {
  
    background: #fdb128 !important;
}

@media only screen and (max-width: 800px) {
  #headerscroll {
        margin-left: -20px;
        padding-bottom: 20px;
        text-align: center;
    }
    .headerscroll2 {
        float: none !important;
        margin-right: 0px !important;
        margin: auto !important;
        text-align: center;
    }
    
    
    #headerscroll a {
        margin-left:0px;
    }
    
    .csale_show {
        display:block;
        width:100%;
        margin:0px;
    }
    
    .callhide {
        display:none;
    }
}