/*
 Theme Name:   OOm Elementor Child
 Theme URI:    https://oom.com.sg
 Description:  Child theme for OOm Elementor
 Author:       Your Name
 Author URI:   https://oom.com.sg
 Template:     oom-elementor
 Version:      1.0.0
*/


html, body {
	overflow-x: hidden;
}

.menu-main-menu-container {
	display: none;
}

.menu-main-menu-container.mm-spn {
	display: block;
}

.oom-parent-box > .e-con-inner {
	width: 90%;
    margin: auto;
    min-width: 1024px;
}

/** Hide Default Arrows **/
.swiper-button-next::after, 
.swiper-button-prev::after {
	content: ""!important;
}
.swiper-button-next,
.swiper-button-prev {
	background-image: none;
}

.swiper-button-next:after, 
.swiper-button-prev:after {
	display: none;
}

/** Custom Display Ratings/Stars **/
.fa-star.checked {
	color: #F4D174;
}

.fa-star {
	color: #808080;
}

/** Cover Spin Loading **/
#oom-cover-spin {
	position:fixed;
	width:100%;
	left:0;right:0;top:0;bottom:0;
	background-color: rgba(255,255,255,0.7);
	z-index:9999;
	display:none;
}

#oom-cover-spin::after {
	content:'';
	display:block;
	position:absolute;
	left:calc(50% - 22px);
	top:calc(50% - 22px);
	width:44px;
	height:44px;
	border-style:solid;
	border-color:black;
	border-top-color:transparent;
	border-width: 4px;
	border-radius:50%;
	-webkit-animation: spin .8s linear infinite;
	-moz-animation: spin .8s linear infinite;
	animation: spin .8s linear infinite;
}

@-webkit-keyframes spin {
	from {-webkit-transform:rotate(0deg);}
	to {-webkit-transform:rotate(360deg);}
}

@keyframes spin {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}

/** Responsive **/
@media (max-width: 1920px) {

}

@media (max-width: 1440px) {

}

@media (max-width: 1280px) {

}

@media (max-width: 1024px) {
	.oom-parent-box > .e-con-inner{
		width: 100%;
		margin: auto;
		min-width: unset;
	}
}

/*
* Surface Pro
*/
@media (max-width: 912px) {

}

/*
* iPad Air
*/
@media (max-width: 820px) {

}

/*
* iPad 9th
*/
@media (max-width: 810px) {

}

/*
* iPad Mini
*/
@media (max-width: 768px) {

}

@media (max-width: 480px) {

}

@media (max-width: 414px) {

}

@media (max-width: 375px) {

}

@media (max-width: 360px) {

}

@media (max-width: 320px) {

}