/**
Theme Name: Les Oliviers
Author: Gwacamol
Author URI: https://gwacamol.sg
Description: Custom child theme for Les Oliviers compatible with Astra
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: les-oliviers
Template: astra
*/

.wpml-ls-legacy-dropdown-click {width:80px;}
.wpml-ls-legacy-dropdown-click a {border:0 !important;}

.banner-green-box {position:absolute;width:20% !important;display:block !important;height:100vh;background:#9fbeaf;color:#9fbeaf;top:-80px;left:0;}
.banner-brown-box {position:absolute;width:30% !important;display:block !important;height:80vh;background:#c28b76;color:#c28b76;top:0px;left:0;}

.inner-banner .banner-green-box {height:90vh;}
.inner-banner .banner-brown-box {height:60vh;}
.inner-banner.big-brown-box .banner-brown-box {height:65vh;}

.entry-content {text-align:justify;}

.elementor-button-wrapper .elementor-button:hover, .elementor-button-wrapper .elementor-button:focus {color:#c28b76;}

.school-calendar .elementor-image-box-img {padding-top:6px;}
.custom-table table {border:0 !important;}
.custom-table tr th:first-child {border-left:0 !important;}
.custom-table tr th:last-child {border-right:0 !important;}
.custom-table tr td:first-child {border-left:0 !important;}
.custom-table tr td:last-child {border-right:0 !important;}



@media screen and (max-width: 1024px) and (min-width: 768px) {
	.banner-green-box {height:56.8vh;}
	.banner-brown-box {width:50% !important;height:40vh;}
	
	.inner-banner .banner-brown-box {height:30vh;}
	.inner-banner.big-brown-box .banner-brown-box {height:43vh;}
}

@media (max-width: 767px) {
	.banner-green-box {width:30% !important;height:71.6vh;}
	.banner-brown-box {width:60% !important;height:52vh;}
	.inner-banner .banner-brown-box {height:38vh;}
	.inner-banner.big-brown-box .banner-brown-box {height:55vh;}
}

/* IPAD For landscape layouts only */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
	.banner-brown-box {height:50vh;}
	.inner-banner .banner-brown-box {height:40vh;}
	.inner-banner.big-brown-box .banner-brown-box {height:55vh;}
}

/* Mobile For landscape layouts only */
@media only screen and (min-device-width: 320px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
	.banner-green-box {height:155vh;}
	.banner-brown-box {height:110vh;}
	.inner-banner .banner-green-box {height:120vh;}
	.inner-banner .banner-brown-box {height:80vh;}
	.inner-banner.big-brown-box .banner-green-box {height:160vh;}
	.inner-banner.big-brown-box .banner-brown-box {height:110vh;}
}