/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/



/*Add your own styles here:*/

/*** MEDIA QUERIES - HOME PICTURES ***/

@media screen and (max-width: 768px) {
#fotos-desktop { display: none !important; }
#fotos-mobile { display: block !important; }
#social-section { display: none !important; }
#testimonials { display: none !important; }
#welcome { display: none !important; }
}

@media screen and (min-width: 769px) {
#fotos-desktop { display: block !important; }
#fotos-mobile { display: none !important; }
}

#fotos-mobile p {
font-size: 12px;
line-height: 13px;
}

/*** BOOKING ***/

#booking_form_div1 > div.bk_calendar_frame.months_num_in_row_.cal_month_num_1 {
width: 95% !important;
margin-bottom: 20px;
}

/***.booking_form_div {
margin-left: 15% !important;
}***/

.booking_form .control-group {
display: inline-block;
margin: 20px 10px 0 0 !important;
}

.btn {
background-color: #7dc616;
color: white;
border: 0;
border-radius: 0;
padding: 6px 20px;
text-transform: uppercase;
}

.btn:hover {
background-color: #366e72;
cursor:pointer;
}

/*** CONTACT FORM 7 CSS ***/

#responsive-form {
	max-width:960px /*-- change this to get your desired form width --*/;
	margin:0 auto;
        width:100%;
}

.form-row {
	width: 100%;
}

.column-third, .column-half, .column-full {
	float: left;
	position: relative;
	padding: 0.65rem;
	width:100%;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="number"], {
	width: 100%;
	padding: 8px;
	border: 1px solid #ccc;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	      box-sizing: border-box
}
.wpcf7 input[type="text"]:focus{
	background: #fff;
}
.wpcf7-submit{
	float: right;
	background: #CA0002;
	color: #fff;
	text-transform: uppercase;
	border: none;
	padding: 8px 20px;
	cursor: pointer;
}
.wpcf7-submit:hover{
	background: #ff0000;
}
span.wpcf7-not-valid-tip{
	text-shadow: none;
	font-size: 12px;
	color: #fff;
	background: #ff0000;
	padding: 5px;
}
div.wpcf7-validation-errors { 
	text-shadow: none;
	border: transparent;
	background: #f9cd00;
	padding: 5px;
	color: #9C6533;
	text-align: center;
	margin: 0;
	font-size: 12px;
}
div.wpcf7-mail-sent-ok{
	text-align: center;
	text-shadow: none;
	padding: 5px;
	font-size: 12px;
	background: #59a80f;
	border-color: #59a80f;
	color: #fff;
	margin: 0;
}

fieldset {
border: 0 !important;
}

/**---------------- Media query ----------------**/
@media only screen and (min-width: 48em) { 
	.column-half{
		width: 50%;
	}

        .column-third {
                width: 33%;
        }
}