/*
Theme Name: Fuerteventuragolfvillas test 2
Description: Theme for Fuerteventuragolfvillas.
Author: Alex Willis
Version: 1.0
*/

/*body { margin:10px 0px 10px 0px; background-color: #006666; float: none; }*/
body { margin:10px 0px 10px 0px; background-color: #003366; float: none; }

.text {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px}

table
{
	text-align: left;
	margin: 0;
	padding: 0;
	max-width: 750px;
	border-collapse: collapse; border-spacing: 0;
}

th, td { padding: 0; }

a, a:visited
{
	text-decoration: none;
	color: #003399;
}

a:hover { color: #4081C1; }

#links a
{
	color: #DEFFFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	font-family: "Tahoma", "Arial", "Times New Roman";
	display: inline-block;
	white-space: nowrap;
	padding: 8px !important;
	margin: 0 !important;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
	
	display: block;
	width: 44%;
	text-align: left;
	float: left;
}

.menutd a, .menutd2 a
{
	color: #DEFFFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	font-family: "Tahoma", "Arial", "Times New Roman";
	padding: 8px !important;
	margin: 0 0 0 20px !important;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}

.top-links
{
	display: none;
}

.awesome-weather-header
{
	height: 34px !important;
}

a, img {
    border:none;
    outline:none;
}

.hidden
{
	position:absolute;
	clip: rect(1px 1px 1px 1px); /* IE6 & 7 */
	clip: rect(1px, 1px, 1px, 1px);
}

#links a:hover, .menutd a:hover, .menutd2 a:hover
{
	color: #88E8C4;
}

.image_table
{
	max-width: 1000px;
}

table{border-collapse:separate}


.titletext {
    background-color: #054575;
    border-radius: 5px;
    text-align: center;
}

.headingtext
{
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	margin: 5px 0;
}

.footerspan
{
	display: inline-block;
	margin: 0 8px;
}

.gallery-item
{
	font-size: 10px;
}

.gallery-icon img
{
	border: none !important;
	width: 150px;
	height: auto;
}

.fa
{
	font-size: 14px !important;
}

.sideimage
{
	width: 150px;
	height: 100px;
}

.mobileheader
{
    color: white;
    font-family: Arial;
    font-size: 24px;
	font-weight: 700;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.navicon
{
	position: absolute; right: 10px; bottom: 14px;
}

/*#owl-homebanner
{
	width: 380px;
}*/

.content_td
{
	max-width: 380px;
}

/*#testimonials-carousel
{
	
	border-bottom: 4px solid #bfe4ff;
	background-color: #dff4ff;
}*/



.carousel-caption
{
	padding: 0 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11.5px;
}

.carousel-caption p:first-child
{
	margin-top: 5px;
}



.owl-controls
{
	text-align: center;
}

.owl-dot
{
	display: inline-block;
	margin: 5px;
	background-color: #4181c1;
	background-size: 12px 12px;
	height: 12px;
	width: 12px;
	border-radius: 20px;
	behavior: url(css/PIE/PIE.htc);
}

.owl-dot:hover, .owl-dot.active
{
	/*background: url(images/button-hover.png) no-repeat;
	background-size: 12px 12px;*/
	
	background-color: #054575;
}

.icontable
{
	width: 100%;
	max-width: 300px;
	margin: 0 auto;
	padding-left: 20px;
}


input[type=checkbox]:not(old),
input[type=radio   ]:not(old){
  width: 2em;
  margin: 0;
  padding: 0;
  font-size: 1em;
  opacity: 0;
  cursor: pointer;
}

input[type=checkbox]:not(old) + label,
input[type=radio   ]:not(old) + label{
  display: inline-block;
  margin-left: -2em;
  line-height: 1.5em;
  color: #fff;
  background-color: #4181c1;
  padding: 3px 8px;
  border-radius: 5px;
  font-weight: bold;
  cursor: pointer;
}

input[type=radio]:not(old):checked + label {
	background-color: #2161a1;
	color: #88e8c4;
}

.footerspan { font-size: 10px; }

/*.bluebutton
{
	background-color: #4181c1;
	padding: 3px;
	color: #fff;
	border-radius: 5px;
	border: none;
	margin: 0; 
	font-weight: bold;
	cursor: pointer;	
}

.bluebutton:hover
{
	background-color: #2161a1;
	padding: 3px;
	color: #88e8c4;
	border-radius: 5px;	
}*/



.menutable
{
	background: url('https://www.villasinfuerteventura.co.uk/wp-content/themes/fvg_test_s/images/side5.jpg');
	background-size: 100% auto;
	background-repeat: no-repeat;
	width: 184px;
}

.menutd
{
	height:26px;
}

.menutd2
{
	height:22px;
}

.callustd
{
	height:240px;
	font-size: 14px;
	color: white;
	padding-left: 8px;
}

.icontable td
{
	padding: 1px 0;
}

/* media css doesnt work on older browsers, jquery and css classes are used instead */
.jcss1
{
	position:absolute;
	clip: rect(1px 1px 1px 1px); /* IE6 & 7 */
	clip: rect(1px, 1px, 1px, 1px);
	width: 0px;
}

.jcss2
{
	width: 0px;
}

.jcss3
{
	display:none;
	width:0;
	height:0;
	opacity:0;
	visibility: collapse;
}

.jcss4
{
	width: 0px;
	display:none;
}

.jcss5
{
	text-align: center;
}

.jcss6
{
	width:100%;
	overflow-x:hidden;
}

.jcss7
{
	margin:0px;
	width:100%;
	overflow-x:hidden;
}

.jcss8{ overflow-x:hidden; }

.jcss9
{
	position:absolute;
	clip: rect(1px 1px 1px 1px); /* IE6 & 7 */
	clip: rect(1px, 1px, 1px, 1px);
	display:none;
}

.check_avail
{
	background-color: #bfe4ff;
	padding: 4px;
	border-radius: 5px;
	border: 1px solid #61c1e1;
	color: #052675;
}
.check_avail > form > p
{
	margin: 0;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
}
.check_avail > form > p:nth-child(2)
{
	font-size: 10px;
}
.check_avail > form > div
{
	display: inline-block;
	text-align: center;
	margin: 0 2% 10px;
	position: relative;
}
.check_avail > form > div > p
{
	margin: 0; 
	font-weight: bold;
}

#searcherror
{
	margin: 0 2% 10px;
	text-align: center;
	font-size: 12px;
}

.datetext
{
	width: 60px
}

.bluebutton
{
	background-color: #4181c1;
	padding: 3px;
	color: #fff;
	border-radius: 5px;
	border: none;
	margin: 0; 
	font-weight: bold;
	cursor: pointer;	
}

.bluebutton:visited
{
	color: #fff;	
}

.bluebutton:hover
{
	background-color: #2161a1;
	padding: 3px;
	color: #88e8c4;
	border-radius: 5px;	
}

.fa-absolute
{
	position: absolute;
	right: 0;
	bottom: 4px;
	pointer-events: none;
}

#check_in, #check_out
{
	width: 100%;
	text-align: center;
	cursor: pointer;
	color : transparent;
    text-shadow : 0 0 0 #000;
}

#children, #adults, #infants
{
	/*text-align: center;*/
	width: 40px;
	max-width: 40px;
}

input[type=number]{
    width: 40px;
} 


.ui-widget
{
	font-size: 0.95em !important;
}

.searchresult
{
	width: 100%;
	padding: 5px;
	border-radius: 3px;
	border: 1px solid #bfe4ff;
	background-color: #f4fcff;	
	margin: 18px 0;
	color: #001645;
}
.searchresult p
{
	margin: 5px 0;
	font-weight: bold;
	text-align: center;
}

.searchresult input
{
	float: right;
	margin-top: -4px;
}

.searchbooked
{
	width: 100%;
	padding: 5px;
	border-radius: 3px;
	border: 1px solid #dddddd;
	background-color: #f4f4f4;	
	margin: 18px 0;
	color: #001645;
}
.searchbooked p
{
	margin: 5px 0;
	font-weight: bold;
	text-align: center;
}

.searchbooked input
{
	float: right;
	margin-top: -4px;
}

.bookingform
{
    border-collapse: separate;
    border-spacing: 2px;
	width: 100%;
}
.bookingform td:nth-child(1)
{
	font-weight: bold;
}

.bookingform input[type=text]
{
	width: 250px;
	border: 1px solid #4181c1;
}
.bookingform textarea
{
	width: 99.5%;
	border: 1px solid #4181c1;
	resize: none;
}

.error
{
	border: 1px solid #ff2222 !important;
}

#weathertable
{
	border-left:1px solid #000;
	padding-left:5px;
	color: #fff;
}

.errortext
{
	color: red;
}

.border_right { border-right: 1px solid #000; }

.left_sidebar { 
	background-image: url(https://www.villasinfuerteventura.co.uk/wp-content/themes/fvg_test_s/images/left-line.gif);
	background-position: left top;
	background-size: 100% auto;
}

.cal_seldate a
{
	border: 2px solid #2e7ebe !important;
	color: #2e6e9e !important;
	background: #bfe4ff !important;
}

.cal_middate a
{
	border: 1px solid #2e7ebe !important;
	
	background: #dbe9ff !important;
}

a.ui-state-hover
{
	background: #bfe4ff !important;
}

.inline
{
	display: inline-block;
}

.inlinebold
{
	display: inline-block;
	font-weight: bold;
}

#wpc-weather.wpc-xs {
    padding: 5px;
	margin: 20px 0;
}

#wpc-weather {
    padding: 10px;
	margin: 0px;
}

.now
{
	background-color: #4e95db;
	border-radius: 5px 5px 0 0;
	padding: 0 5px;
}

.forecast .first
{
	background-color: #4a8cce;
	padding: 0 5px;
}

.forecast .second
{
	background-color: #4e95db;
	padding: 0 5px;
}

.forecast .third
{
	background-color: #4a8cce;
	padding: 0 5px;
	border-radius: 0 0 5px 5px;
}

.rightcaption
{
	display: block;
	width: 50%;
	text-align: center;
	font-size: 7px;
	float: right;
}

.img_half
{
	width:50%;
	height: auto;
}

.emaillink
{
	color: #88E8C4;
	font-size: 11px;
}

.emaillink:hover
{
	color: #88E8C4;
}

.imagetd
{
    height: 105px;
}



.sprite {
	background-image: url('https://www.villasinfuerteventura.co.uk/wp-content/themes/fvg_test_s/images/aw/sprites.gif');
	background-repeat: no-repeat;
	height: 14px;	
}

.sprite-stars {
	background-position: 0px 0px;
	width: 82px;

}

.sprite-separator {
	background-position: -82px 0px;
	width: 16px;
}

.sprite-wm {
	background-position: -98px 0px;
	width: 16px;
}


.sprite-bbq {
	background-position: -114px 0px;
	width: 16px;
}

.sprite-cp {
	background-position: -130px 0px;
	width: 16px;
}

.sprite-ht {
	background-position: -146px 0px;
	width: 16px;
}

.sprite-towel {
	background-position: -162px 0px;
	width: 16px;
}

.sprite-group {
	background-position: -178px 0px;
	width: 12px;
}

.sprite-ac {
	background-position: -190px 0px;
	width: 13px;
}

.sprite-pool {
	background-position: -203px 0px;
	width: 15px;
}



/*mobile rules*/
@media screen and (max-width: 750px) {
	.non_mobile
	{
		position:absolute;
		clip: rect(1px 1px 1px 1px); /* IE6 & 7 */
		clip: rect(1px, 1px, 1px, 1px);
		width: 0px;
		display:none;
	}
	
	.non_mobile img
	{
		width: 0px;
	}
	
	.non_mobile td
	{
		display:none;
        width:0;
        height:0;
        opacity:0;
        visibility: collapse;
	}
	
	.non_mobile tr
	{
		width: 0px;
		display:none;
	}
	
	.border_right { border-right: 0px; }

	.titletext
	{
		text-align: center;
	}
	
	html
	{
		width:100%;
		overflow-x:hidden;
	}
	
	body
	{
		margin:0px;
		width:100%;
		overflow-x:hidden;
	}
	
	table{ overflow-x:hidden; }
	
	.footerspan
	{
		display: block;
		margin: 12px 0;
	}
	
	.sideimage, .img_half
	{
		max-width: 300px !important; 
		height: auto;
		width: 100% !important;
	}
	
	.content_td
	{
		max-width: 100%;
	}
}

/* non mobile rules */
@media screen and (min-width: 751px) {
	.mobile_only
	{
		position:absolute;
		clip: rect(1px 1px 1px 1px); /* IE6 & 7 */
		clip: rect(1px, 1px, 1px, 1px);
		display:none;
	}
}

@media screen and (min-width: 1200px)
{
	.h_img
	{
		width: 1125px;
		height: auto;
	}
	
	.r_table { width: 1125px; }
	
	table { max-width: 1125px; }
	
	.left_sidebar { width: 276px; }
	
	.left_sidebar_img{ 
		width: 276px;
		height: auto;
	}
	
	.right_sidebar { width: 240px; }
	
	.border_right { border-right: 2px solid #000; }
	
	body, .text, .headingtext, .bluebutton  { font-size: 16px; }
	
	#check_in, #check_out, #children, #adults, #infants, .bookingform input, .bookingform select, .carousel-caption  { font-size: 15px; }
	
	.footer, .footerspan { font-size: 13px; }
	
	.sideimage
	{
		width: 225px;
		height: 150px;
	}
	
	
	.size-medium {
		width: 400px;
		height: auto;
	}

	.img_half
	{
		width:50%;
		height: auto;
	}
	
	.icontable {
		max-width: 450px;
		padding-left: 60px;
	}
	
	.searchimg { height: 160px; }
	
	#weathertable { padding-left: 40px; }
	
	#bookingcell { width: 180px; }
	
	.menutable { width: 276px; }
	
	.menutd { height:38px; }

	.menutd2 { height:37px; }
	
	.imagetd { height: 160px; }
	
	.menutd a, .menutd2 a
	{
		font-size: 13px;
		margin: 0 0 0 30px !important;
	}
	
	.emaillink { font-size: 14px; }
	
	.callustd
	{
		font-size: 20px;
		padding-left: 12px;
	}
}

@media screen and (max-width: 600px) {
	.img_half
	{
		margin-top: 10px;
	}

	.rightcaption
	{

		width: 300px;
		float: none;
	}
}

@media screen and (max-width: 480px) {
	.image_table img {
		width: 90px;
		height: auto;
	}
	
	.gallery-icon img
	{
		width: 90%;
		height: auto;
	}
	
	.mobileheader
	{
		font-size: 4.8vw;
	}
	
	.navicon
	{
		right: 5px; bottom: 10px;
	}
	
	.bookingform input[type=text]
	{
		width: 99.5%;
	}
	
	.owl-dot
	{
		margin: 7px;
	}
	
	.owl-dots
	{
		margin-top: 4px;
	}
}

@media screen and (max-width: 360px) {
	.searchimg
	{
		height: 95px;
	}
}