/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

img {
	vertical-align: middle;
}

label {
	color: #444;
	font-size: 1rem;
}

.elementor-kit-6 .close-button {
	padding: 0;
    background: none;
    border: none;
    color: #444;
    font-size: 32px;
}

.hfe-nav-menu {
	display: none;
}

.site-navigation ul.menu li a {
	padding-left: 10px;
	padding-right: 10px;
}

.site-navigation ul.menu li a:hover,
.site-navigation ul.menu li.current-menu-item a,
.site-navigation ul.menu li.current_page_item a {
	color: #008000;
}

.site-navigation-toggle-holder .site-navigation-toggle {
	background: none;
}

.eicon-menu-bar {
	font-family: FontAwesome !important;
	font-style: normal !important;
}

.eicon-menu-bar:before {
    content: "\f0c9";
}

.site-navigation-toggle-holder.elementor-active .site-navigation-toggle i:before {
    content: "\f00d";
}

.comments-area a, .page-content a {
    text-decoration: none;
}

.page-header {
	padding: 30px 0 46px;
	text-align: center;
}

.page-header h1 {
	margin: 0;
	text-transform: uppercase;
}

body:not(.elementor-page) .page-content {
	padding-bottom: 20px;
}

.blog-grid, .villa-grid {
    display: flex;
	flex-wrap: wrap;
    margin: 0 -15px;
}

.blog-post, .villa-grid .villa-post {
	display: flex;
	flex: 0 0 33.3333%;
    padding: 0 15px 30px;
}

.blog-post {
	flex: 0 0 50%;
}

.blog-post .post, .villa-post .villa-item {
	background: #fff;
}

.img-holder {
	text-align: center;
}

.blog-post .text-holder, .villa-post .text-holder {
	padding: 16px 28px 16px 28px;
}

.post .post-meta {
	color: #3b3b3b;
	list-style: none;
	margin: 0;
	padding: 0 0 15px;
}

.blog-post .post .post-meta {
	padding: 15px 28px 0;
}

.villa-grid .villa-location, .villa-grid .villa-property {
	font-weight: 600;
	list-style: none;
	margin: 0 0 5px;
	padding-left: 0;
}

.villa-grid .villa-property li {
	color: #3b3b3b;
	display: inline-block;
	margin: 0 12px 0 0;
}

.comments-area {
	margin: 30px 0;
}

.row {
    margin-left: -15px;
    margin-right: -15px;
}

.row:before, .row:after {
	content: "";
	display: table;
}

.row:after {
	clear: both;
}

.col-md-4, .col-md-6, .col-md-8 {
	position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

@media (min-width: 992px) {
	.col-md-4, .col-md-6, .col-md-8 {
		float: left;
	}
	
    .col-md-8 {
        width: 66.66666667%;
    }
	
	.col-md-6 {
        width: 50%;
    }
	
	.col-md-4 {
        width: 33.33333333%;
    }
}

.villa-gallery {
	margin: 0 0 30px;
}

.flexslider {
	background: none;
	border: none;
	margin: 0;
}

#carousel.flexslider {
	margin: 6px 0 0;
}

.flex-direction-nav a:before {
	font-size: 26px;
}

.property-holder {
    margin: 0 0 34px;
    padding: 8px 0 0;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

.villa-amenities, .villa-infos {
	background: #fff;
	margin: 0 0 30px;
	padding: 8px 30px 16px;
}

.villa-amenities ul {
	flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    display: flex;
	margin: 0;
	padding: 0;
}

.property-holder li, .villa-amenities ul li {
    display: inline-block;
	font-weight: 600;
    margin: 0 15px 8px 0;
    list-style: none;
    color: #555;
}

.villa-amenities ul li {
	-webkit-box-align: center;
    align-items: center;
    display: flex;
	font-weight: normal;
	margin: 0;
	padding-bottom: 4px;
	padding-right: 8px;
	width: 33.33%;
}

.villa-amenities ul li .fa {
	margin-right: 3px;
}

.villa-detail {
	background: #fff;
	margin: 0 0 30px;
	padding: 25px 30px;
}

.villa-infos ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.sidebar .widget {
	background: #fff;
	margin: 0 0 30px;
	padding: 30px;
}

.sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.rpwwt-widget ul li {
	margin: 0;
}

.widget_categories ul li:before {
	content: "\f114";
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	margin-right: 10px;
}

.sidebar ul li a {
	color: #7a7a7a;
}

.sidebar ul li a span {
  color: #000;
}

.profile-info {
	margin: 0 0 30px;
}

.profile-info img {
	border-radius: 50%;
	float: left;
	margin: 7px 15px 0 0;
	width: 56px;
}

.profile-info .info-box {
	overflow: hidden;
	margin: 0 0 10px;
}

.profile-info .info-box a {
	display: inline-block;
	margin: 0 5px 0 0;
	vertical-align: top;
}

.profile-info .info-box img {
	margin: 1px 0 0 0;
	width: 22px;
}

.profile-info ul {
	font-weight: 600;
	list-style: none;
	margin: 0;
	padding: 0;
}

.profile-info ul li {
	margin-bottom: 10px;
}

.profile-info .fa {
	font-size: 24px;
}

.info-box .fa-facebook-square {
	color: #1877f2;
}

.info-box .fa-envelope {
	color: #4285F4;
}

.contact-form label {
	color: #3b3b3b;
	font-weight: 500;
	margin: 0 0 5px;
}

.hfe-nav-menu__layout-horizontal {
	width: 100% !important;
}

.tabs-full-wrap {
	margin: 0 0 30px;
}

.ui-tabs.ui-tabs-vertical .ui-tabs-nav {
    float: left;
    width: 25%;
    margin: 0;
}

.ui-tabs.ui-tabs-vertical .ui-tabs-nav li {
    clear: left;
    width: 100%;
    margin: 0;
    border-bottom: 1px solid #e0e0e0;
    position: relative;
    z-index: 2;
}

.ui-tabs.ui-tabs-vertical .ui-tabs-nav li a {
    display: block;
    background: none;
    border: none;
	color: #444;
    width: 100%;
    box-sizing: border-box;
    text-transform: uppercase;
    font-size: 17px;
    padding: 20px 15px;
    margin: 0;
}

.ui-tabs.ui-tabs-vertical .ui-tabs-nav li a:hover {
    background: none;
    color: #008000;
    cursor: pointer;
}

.ui-tabs.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active a {
    position: relative;
    background: #008000;
    border-radius: 0;
    color: #fff;
}

.ui-tabs.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active a:after {
    position: absolute;
    top: 0;
    right: -15px;
    content: "";
    width: 0;
    height: 0;
    border-top: 31px solid transparent;
    border-bottom: 31px solid transparent;
    border-left: 15px solid #008000;
}

.ui-tabs.ui-tabs-vertical .ui-tabs-nav li a i {
    margin-right: 10px;
    text-align: center;
    width: 27px;
}

.ui-tabs.ui-tabs-vertical .ui-tabs-panel {
    float: left;
    width: 75%;
    border-radius: 0;
    position: relative;
    left: -1px;
    box-sizing: border-box;
	padding: 0 0 30px 30px;
}

.ui-tabs-panel .tab-content {
	background: #fff;
    padding: 20px;
}

.tab-content ul {
	list-style: none;
	padding: 0;
}

.wpcf7-spinner {
	display: block;
}

.book-note h5 {
	color: #005CB5;
}

table {
	font-size: 1em;
}

thead td, thead th {
	text-align: center;
}

.page-pagination {
	padding: 0 0 30px;
	text-align: center;
}

ul.page-numbers {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.page-numbers li {
	display: inline-block;
	padding: 0 5px;
}

ul.page-numbers li a, ul.page-numbers li span {
	border: 1px solid #008000;
	color: #008000;
	display: inline-block;
	line-height: 20px;
	min-width: 32px;
	padding: 5px;
	text-align: center;
}

ul.page-numbers li a:hover,ul.page-numbers li span {
	background: #008000;
	color: #fff;
}

.mobile-nav {
	background: #56658D;
	display: none;
	width: 100%;
	border-radius: 0;
	color: #fff;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 9999999;
	padding: 0;
	margin: 0;
	box-shadow: 0 4px 10px 0 #000;
}

.mobile-nav ul {
	align-items: center;
  	justify-content: center;
}

.mobile-nav .fa {
	display: block;
	margin: 0 0 5px;
}

.mobile-nav a {
	color: #fff !important;
	font-size: 16px;
	padding: 5px 15px;
}

.tool-container.tool-top.toolbar-primary {
	position: fixed !important;
	left: 10px !important;
	top: 10px !important;
	opacity: 1 !important;
	display: block !important;
}

#glt-translate-trigger, .tool-container.tool-top .arrow {
	display: none;
}

@media only screen and (min-width:992px) and (max-width:1199px) {
	.home .blog-grid, .home .villa-grid {
		margin: 0;
	}
}

@media only screen and (min-width:768px) and (max-width:991px) {
	.home .blog-grid, .home .villa-grid {
		margin: 0;
	}
	
	.blog-post, .villa-grid .villa-post {
		flex: 0 0 50%;
	}
}

@media only screen and (max-width:767px) {
	.home .blog-grid, .home .villa-grid {
		margin: 0;
	} 
	
	.blog-post, .villa-grid .villa-post {
		flex: 0 0 100%;
	}
	
	.page-header .entry-title, .site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*="elementor-page-"]) .site-main {
		padding: 0 15px;
	}
	
	.ui-tabs.ui-tabs-vertical .ui-tabs-nav {
        width: 100%;
    }
	
	.ui-tabs.ui-tabs-vertical .ui-tabs-panel {
		border: none;
		padding: 30px 0 0;
        width: 100%;
    }
	
	.mobile-nav {
		display: block;
	}
}