/*
Theme Name: Villa Diyafa
Theme URI: http://plandigital.ae/
Author: Team PlanD
Author URI: http://plandigital.ae/
Description: Villa Diyafa Theme is a modernized layout for the website Villa Diyafa — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, red, white, yellow, dark, light, one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: villadiyafa

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * 1.0 - Normalize
 *
 * Normalizing styles have been helped along thanks to the fine work of
 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 */


.copy a, .copy1 a{
    color: #fff;
}
.copy a:hover, .copy1 a:hover{
    text-decoration: none;
}

.languse ul#qtranslate-chooser{
	margin-bottom: 0;
	list-style: none;
}

.qtrans_language_chooser span a{
	text-transform: uppercase;
	text-decoration: none;
}

.qtrans_language_chooser span a:hover{
	text-decoration: none;
}

.qtrans_language_chooser span.active a{
	color: #aa752f;
}
 
.common_page_content{
	width: 100%;
} 

.common_page_content .content_image img{
	float:left; margin:0 20px 0 0;
}

img.single-post{
	float:left; margin:0 20px 0 0;
}

.addtoany_shortcode .addtoany_list a{
	margin: 0 0 0 10px;
	padding: 0;
}

img.hotel-page-image{
	float: right;
}

.subpage_list a {
    color: #aa752f;
    text-decoration: none;
}

.subpage_list a:hover {
    color: #000;
    text-decoration: none;
}

.auto-capitalize{
	text-transform: uppercase;
}

.error{
	border: 1px solid #B50B0B !important;
	color: #b50b0b !important;
}

h3.success-message{
    color: #4b9104;
    font-size: 18px;
    margin-bottom: 20px;
    text-align: center;
}

h3.error-message{
    color: #B50B0B;
    font-size: 18px;
    margin-bottom: 20px;
    text-align: center;
}

p.error-notify{
	color: #B50B0B;
	font-size: 14px;
}

.nav_trigger{
	font-size: 0;
}

div.wpcf7 img.ajax-loader{
	display: none;
}

.map{
	height: 186px;
}

span.wpcf7-not-valid-tip{
	display:none; 
}


#vlightbox1 .vlightbox-photo {
    display: inline-block;
    font-family: Trebuchet,Tahoma,Arial,sans-serif;
    font-size: 11px;
    font-weight: normal;
    margin: 7px 5px;
    opacity: 0.87;
    outline: medium none;
    position: relative;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
}

#vlightbox1 .vlightbox-photo:hover, #vlightbox1 .vlightbox-photo a:hover {
    opacity: 1;
}

.positioned {
    position: relative;
}


.suitTab {
    width: 522px;
    height: 270px;
    top: 0px;
    overflow: hidden;
    left:0px;
    position: absolute;
    z-index: 200;
    background: #c3a05e !important;
    padding: 20px;
}

.credit_list{
    color: #fff;
}

.dinTab {
    width:1024px;
    height: 370px;
    overflow: hidden;
    left:0;
    top: 0;
    position: absolute;
    z-index: 200;
    background: #c3a05e;
    padding: 20px;
    max-width:1024px;
}

.dinTabContent p{
    font-size:18px; color:#FFF !important; line-height:30px;
}

.dinTab ul.dinList {
	height:350px;
	
	overflow:hidden;
}

.dinTab ul.dinList li {
	float: left;
	list-style: none;
	text-align:left;
	width:50%;
    line-height: 25px;
}

ul.dinList li div{
    float: left;
    text-align: left;
    width: 50%;
}


@media (max-width:1200px) {
	.suitTab {width:100%}	
}

@media (max-width:768px) {
    .dinTab, .suitTab { height: auto; }
    .js-tabs .js-tabs_control li {width:45%; float:left; font-size:12px;}
    .dinTab ul.dinList li {width:100%; margin-bottom:10px; line-height:110%}
	.js-tabs .js-tabs_panel {padding-bottom:20px}
	.dinTab ul.dinList {height:auto}
    .emptyBlock{display: none;}
}

@media (min-width:768px) and (orientation:portrait) {
	.dinTab ul.dinList li {width:50%; margin-bottom:10px; line-height:110%}
}

@media (max-width:740px) and (orientation:portrait) {
	.js-tabs .js-tabs_control li {width:45%; float:left; font-size:12px; text-align:left}
	.js-tabs .js-tabs_control button {font-size:18px; padding:5px}
	.suitTab {min-height:350px}
}

@media (max-width:740px) and (orientation:landscape) {
	.dinTab { height: auto; min-height:350px }
	.js-tabs .js-tabs_control li {width:45%; float:left; font-size:12px;}
	.js-tabs .js-tabs_control button {font-size:18px; padding:5px}
	.suitTab {}
}



.select_villa_outer, .select_table_outer{
    text-align: center;
}

.suit_select_container {
    background: #eee3d5 url("images/arrow_down.png") no-repeat scroll 96% 0;
    height: 38px;
    overflow: hidden;
    width: 31%;
    border: medium none;
    margin: 2% 0 2% 0;
    padding: 0;
    display: inline-block;
}

.suit_select_container select {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    color: #666;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    height: 34px;
    line-height: 1;
    padding: 5px 0 0;
    width: 242px;
}

.table_select_container {
    background: #eee3d5 url("images/arrow_down.png") no-repeat scroll 96% 0;
    height: 38px;
    overflow: hidden;
    width: 38%;
    border: medium none;
    margin: 2% 0 2% 0;
    padding: 0;
    display: inline-block;
}

.table_select_container select {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    color: #666;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    height: 34px;
    line-height: 1;
    padding: 5px 0 0;
    width: 305px;
}

p.content_list_title{
    margin: 0 0 2px;
}

.pageListItem li {
    color: #000;
}

ul.sitmemap_menu{
    list-style: none;
    width: 50%;
    float: left;
}


ul.sitmemap_menu li::before {
    color: #aa752f;
    content: "• ";
}

ul.sitmemap_menu li{
    text-align: left;
}


ul.sitmemap_menu li a{
    color: #aa752f;
    font-size: 16px;
}

ul.sitmemap_menu li span{
    color: #aa752f;
    font-size: 16px;
}

ul.sitmemap_menu li ul{
    padding-left: 20px;
}

ul.sitmemap_menu li ul {
   list-style: none;
}

ul.sitmemap_menu li ul li a{
    color: #000;
    font-size: 14px;
}


.footnote {position:absolute; bottom:10px; color:#FFFFFF !important; line-height:100% !important;font-size: 12px !important;}

.footnote span{padding: 0 15px;}

.bookappointment_form .details{
    margin-top: 14px;
}

.photo_back{
    padding: 10px;
    text-align: left;
}
.photo_back a{
    text-decoration: none;
    color: #aa752f;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    text-transform: uppercase;

}

.photo_back a.photo_page{
    float: right;
}

.wpcf7-form p{
    text-align: center !important;
}

.submit_bt{
    display: inline-block;
}

.gal{
    
}

.gal a.photoGal{
    
}
.gal a.CurrentGal{
    
}

.wellnessTab .js-tabs .js-tabs_control button{
    font-size: 17px;
}


.pageListItem a{
    color:#aa752f;
}

h4.popup_notify{
    color: #b50b0b;
    font-size: 13px;
    margin-bottom: 20px;
    margin-top: 0;
    text-align: center;
}

h3.suite_success{
    margin-bottom: 8px;
}

table.content-table{

    width: 100%;
}

table.content-table tr{
    
}

table.content-table tr td{
    text-align: left;
    line-height: 20px;
}

table.content-table tr td.col1{
     width: 25%;
     vertical-align: top;
}

a.album-title-link{
    text-decoration: none;
    color: #aa752f;
}

a.album-title-link:hover{
    text-decoration: none;
}


.coming-image{
    width:100%;
}
.coming-image img{
    margin: 0 auto;
}


.coming-template p.coming-text {
    background: #aa752f none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-family: "Open Sans",sans-serif;
    font-size: 20px;
    height: auto;
    margin: 10px auto;
    padding: 10px 50px;
    text-align: center;
    width: auto;
    margin-top: 30px;
}


.form_box_spa_phone {
    background: #eee3d5 none repeat scroll 0 0;
    border: medium none;
    color: #000;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    height: 38px;
    margin: 2% 0;
    padding: 0 0 0 5px;
    width: 49%;
}

/*french style*/

#site-lang-fr .left_part{
    width: 126px;
}

#site-lang-fr .wellnessTab .js-tabs .js-tabs_control button {
    font-size: 16px;
}

#site-lang-fr button, #site-lang-fr input, #site-lang-fr select, #site-lang-fr textarea{
    text-transform: uppercase;
}