/*!
Theme Name: MeoJewelry
Theme URI: https://www.plaimanas.com/
Author: Plaimanas Industries CO., LTD.
Author URI: https://www.plaimanas.com/
Description: Pornthip Triempetch - Wordpress developer
Version: 1.0.0
Text Domain: meojewelry
Tags: plaimanas,coding agency, digital, branding
*/
#cookie-law-info-bar {
    padding: 28px 0 !important;
	background: rgb(0 0 0 / 95%) !important;
}
#cookie-law-info-bar .container {
	text-align: left;
}
#cookie-law-info-bar .cli-plugin-main-link {
	text-decoration: none;
}
#cookie-law-info-bar .cli_action_button:hover {
    background: #FFF !important;
}
.ribbon-content .desc  p{
	line-height: 40px;
}

.object-fit {
    position: relative;
    display: block;
    overflow: hidden;
}
.object-fit:before {
    content: "";
    display: block;
}
.object-fit > img {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
}
.jewelry-thumb .object-fit:before{
    content: "";
    display: block;
    padding-bottom: 134.78%;
}
.jewelry-thumb figure {
	width: 100%;
	margin: 0;
}
@media (max-width: 767.98px) {
	.section-company-img {
	    height: 265px;
	}
}
.section-hero-fullimg .block-content h1.black {
    color: #000;
}
.header-c-black .logo-main {
    filter: brightness(0);
}
.section-jewelry.white .subtitle,
.section-jewelry.white h1.heading-h2,
.section-jewelry.white .tab-category ul li.active {
    color: #FFF;
}
.section-jewelry.white .tab-category ul li {
/*     color: rgba(255,255,255,.7); */
}
#select_user_to_edit_form {
	display: none !important;
}
footer {
	clear: both;
}


.swiper-jewelry-item .swiper-slide {
/*
	opacity: 0.5;
	transition: all 0.5s;
*/
opacity: 0.5;
transition: all 0.5s;
filter: blur(5px);
}
.swiper-jewelry-item .swiper-slide.current {
	opacity: 1;
	filter: blur(0px);
}

.slider-group.slider-info-group {
	display: none;
}
.section-hero-fullimg .block-content div.white p {
	color: #FFF !important;
}
.section-hero-fullimg .block-content div.black p {
	color: #000 !important;
}
@media (max-width: 767.98px) {
	
	.swiper-jewelry-item .swiper-slide {
	    display: none;
	}
	.swiper-jewelry-item .swiper-slide.current {
	    display: block;
	}
}