/*
Theme Name: Devishi Expression
Description: Custom theme for Devishi
*/
/*------------ fonts----------*/
:root{--bs-heading-color:#5d3e2b; --bs-link-hover-color:#5d3e2b; --bs-link-color: #000;--bs-body-color:#555555;}
.navbar{--bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);}
body{font-family: 'Lato', sans-serif; font-size: 1.1vw;line-height: 1.7;/* background: #FDFAF7; */ overflow-X:hidden;transition: transform 0.5s ease-in-out;}
.btn-primary {
--bs-btn-color: #000;
--bs-btn-bg: #fff;
--bs-btn-border-color: #000;
--bs-btn-hover-color: #fff;
--bs-btn-hover-bg: #000;
--bs-btn-hover-border-color: #000;
--bs-btn-focus-shadow-rgb: 49,132,253;
--bs-btn-active-color: #fff;
--bs-btn-active-bg: #000;
--bs-btn-active-border-color: #000;
--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
--bs-btn-disabled-color: #fff;
--bs-btn-disabled-bg: #000;
--bs-btn-disabled-border-color: #000;
--bs-btn-border-radius:0;
}

.logo a{color:#000; font-size:3vw;}
a {text-decoration:none; outline:none; color:var(--bs-nav-link-color);}
a:where(:not(.wp-element-button)):focus{text-decoration:none;}
img{max-width:100%; height:auto;}
.banner-title {font-weight:900; line-height:1.3}
.section-title{ color:#0c2340}
h1{font-size:3vw; font-weight:500;}
h2{font-size:2.5vw; font-weight:500; }
h3{font-size:2.2vw; font-weight:500;}
h4{font-size:1.8vw; font-weight:500; }
h5{font-size:1.5vw; font-weight:500;}
h6{font-size:1.2vw; font-weight:500; }
.bg-dark{background:#0c2340!important;}
.icon-link:after,
.bi:after{font-family: bootstrap-icons;display: inline-block; vertical-align: middle; margin-left:3px; }
/*------------ fonts end----------*/

input:focus,
input:active,
input:-internal-autofill-selected {-webkit-appearance: none; background:transparent;}
input[type=text]:focus {
  background-color: lightblue;
}
.elementor[data-elementor-type='wp-page'] >  .elementor-element:not(.banner),
.elementor[data-elementor-type='single-post'] >  .elementor-element:not(.banner){padding-top:5rem; padding-bottom:5rem; padding-left:2rem; padding-right:2rem;}
.site-header .logo{width:30%;}
.logo a{color: #000;font-size: 3vw;}
.series-section.e-con-inner .elementor-element {width:33.33%;}
.site-footer {background: #000; padding:1rem; text-align:center; color:#fff;}
.bg-color{background:#f8f3f0}
.banner{height:500px; background:#f8f3f0;}
.menuopen{transform: translateX(-85%);overflow:hidden; position:fixed; width:100%;}
.menuopen:after{content:""; width:100%; height:100%; background:#000; opacity:0.8; position:absolute; left:0; top:0;z-index: 0;}
.ham {cursor: pointer;-webkit-tap-highlight-color: transparent;transition: transform 400ms;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;user-select: none;transform: rotate(180deg);}
.elementor-active .hamRotate {transform: rotate(45deg);}
.line {fill:none;transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;stroke:#5d3e2b;stroke-width:3.5;stroke-linecap:round;}
.elementor-active .line{stroke:#000;}
.ham .top {stroke-dasharray: 40 121;}
.ham .bottom {stroke-dasharray: 40 121;}
.elementor-active .ham .top {stroke-dashoffset: -102px;}
.elementor-active .ham .bottom {stroke-dashoffset: -102px;}
.nav-toggle {z-index: 9;border: 0;width: 60px;height: 60px;position: relative;transition: all .3s ease;-moz-transition: all .3s ease;-webkit-transition: all .3s ease;margin-left: auto;}
.series-section.grid-items .item{position:relative;padding:0 1rem 1rem;}
.grid-items .thumb-img {height: calc(100vw*.32); overflow: hidden;}
.grid-items img {object-fit: cover;object-position: center;width: 100%;height: 100%!important;}
.grid-items {display: flex;flex-wrap: wrap;}
.grid-items .item{padding:0 3rem 3rem}
.subtitle {font-size: 1.2vw;color: #000;text-align: center;margin-top: 1rem;}
.about-section.bg1{background:url(../images/stock-photo--abstract-colorful-background-wallpaper-mixing-acrylic-paints-modern-art-marble-texture-1332392021.jpg) no-repeat center top; background-size:cover; position:relative;}
.about-section.bg2{background:url(../images/stock-photo-luxury-art-in-eastern-style-golden-swirl-artistic-design-painter-uses-vibrant-paints-to-create-783201295.jpg) center center; background-size:cover; position:relative;}
.about-section.bg3{background:url(../images/stock-photo-colorful-french-flag-blue-white-red-color-holi-paint-powder-explosion-on-isolated-background-2143676303.jpg) center center; background-size:cover; position:relative;}
.about-section.bg3:before{content: "";background: #262727;opacity: 0.5;width: 100%;height: 100%;position: absolute;top: 0;left: 0;mix-blend-mode: multiply;
z-index: 0;}
.exhibition-section .thumb-img img{background:#fff; padding:1rem; border:1px solid #dee2e6;}
.exhibition-section .subtitle{color:#000;padding: 0 0.5rem; text-align:center;}
.site-footer {background:#000;}
.owl-nav > *{position:absolute; top:50%; margin-top:-50px;}
.owl-nav > .owl-prev{left:0;}
.owl-nav > .owl-next{right:0;}
.owl-nav span{font-size: 50px;width: 50px;height: 50px;text-align: center;display: block;color:#fff;background: #000000; border-radius:100%; line-height: .8;}
.valid-feedback {display: none;width: 100%;margin-top: 0.25rem;font-size: .875em;color: #198754;}
.py-5{padding-top:3rem; padding-bottom:3rem;}
.elementor-nav-menu .sub-menu .nav-link{padding:.5rem!important;}
.elementor-page .fancybox-button, .elementor-page .fancybox-arrow, .elementor-page .fancybox-arrow:hover, .elementor-page .fancybox-arrow:after  {color:#fff; background-color:transparent; border:0;}
.e-loop-item .elementor-widget-image a {display: block;}

@media (min-width: 1200px){
	.navbar-expand-xl .nav-toggle{display: none;}
	.elementor-nav-menu .sub-menu{display: block!important;visibility: hidden!important;transform: translateY(100px)!important;opacity: 0!important;transition: all .3s ease-in-out!important; padding:1rem!important; list-style:none; background:#fff;z-index:1; font-size:inherit!important;}
	.elementor-nav-menu .menu-item-has-children:hover .sub-menu {transform: translateY(0)!important;opacity: 1!important;visibility: visible!important;}
	.grid-items .item{flex: 0 0 auto;width: 33.33333333%;}	
	.banner{height:75vh;}
}

@media (min-width: 768px){
	.elementor-loop-container .e-loop-item:nth-child(odd) > .grid-list {display:flex; flex-direction:row-reverse}
	.elementor-loop-container .e-loop-item:nth-child(odd) .content {padding-right:5rem;}
	.elementor-loop-container .e-loop-item:nth-child(even) .content {padding-left:5rem;}
}

@media (max-width: 1440px) and (min-width: 1366px){
	.elementor[data-elementor-type='wp-page'] >  .elementor-element:not(.banner),
	.elementor[data-elementor-type='single-post'] >  .elementor-element:not(.banner){padding-left:5rem; padding-right:5rem;}
}

@media (max-width: 1024px){
		.elementor-nav-menu--stretch .elementor-nav-menu__container.elementor-nav-menu--dropdown {background:#000!important;position: fixed!important;right: -100%;left: auto!important;transition: all .3s ease-in-out;width: 100%!important;top: 0!important;bottom: 0;padding: 4rem 2rem;max-height:inherit!important;transform: none!important;}
		div .elementor-nav-menu--dropdown a{color:#fff;}
		body .elementor-362 .elementor-element.elementor-element-2b8b73a1 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, body .elementor-362 .elementor-element.elementor-element-2b8b73a1 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:0!important;}
		.elementor-362 .elementor-element.elementor-element-2b8b73a1 .elementor-nav-menu--dropdown a:hover, .elementor-362 .elementor-element.elementor-element-2b8b73a1 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-362 .elementor-element.elementor-element-2b8b73a1 .elementor-nav-menu--dropdown a.highlighted{background:transparent!important;color:#fff!important;}
		.elementor-362 .elementor-element.elementor-element-2b8b73a1 .elementor-nav-menu--dropdown{background:#000!important;}
		.elementor-nav-menu .sub-menu{padding-left:1rem; margin-bottom:1rem;}
}