/*
Theme Name: Photo Gallery Pro
Description: Photo Gallery Pro WordPress Theme is the perfect choice for building Photo Gallery Pro website. This theme is packed with features designed to help you promote your business and attract new customers. With its clean and modern design, the Photo Gallery Pro WordPress Theme will make a lasting impression on your visitors. The WordPress Photo Gallery Pro theme can be used for any website. It’s a sleek, minimalist, contemporary theme that incorporates the latest technology. The industrial theme features an elegant and chic design that will help your site stand out among the rest of your competitors.
Author: wpelemento
Theme URI: https://preview.wpelemento.com/photo-gallery/
Author URI: https://www.wpelemento.com/
Version: 0.0.1
Tested up to: 6.0.3
Requires PHP: 7.4
Text Domain: photo-gallery-pro
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: education, portfolio, blog, wide-blocks, one-column, two-columns, right-sidebar, left-sidebar, grid-layout, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, editor-style, theme-options, threaded-comments
Elementor Wptheme WordPress Theme has been created by wpelemento(https://www.wpelemento.com), 2023.
Elementor Wptheme WordPress Theme is released under the terms of GNU GPL
*/

@import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@100..900&display=swap');

html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  overflow-x: hidden;
  font-family: "League Spartan", serif;
}
html {
  overflow-x: hidden;
}
.bkr_container {
  max-width: 1350px;
  width: 100%;
  padding-left:20px;
  padding-right: 20px;
  margin: 0 auto;
}
h1,h2,h3,h4,h5,h6 {
	font-family: "League Spartan", serif ;
  margin-bottom: 0;
}
p {
  font-family: "League Spartan", serif ;
  margin-bottom: 0;
}
a {
  text-decoration: none;
}
ul, ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
img {
  max-width: 100% !important;
}
.sticky-header {
  position: fixed;
  width: 100%;
  z-index: 999 !important;
  top: 0;
  left: 0;
  right: 0;
  padding: 0px 0px;
  animation: slideDown 0.75s ease-out;
  background-color: #FFF;
  box-shadow: 0px 2px 6px #CCBABAF2;
}
@keyframes slideDown {  
  0% {
    transform: translateY(-100%);
  }
  100% {
      transform: translateY(0);
  }
}


/*=============== Photo Gallery Start ===============*/

/*=============== Top Banner Section Start ==============*/

.top-banner-para p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.top-zoom-icon .elementor-icon {
  background-color: #323232;
  width: 50px;
  height: 50px;
  align-items: center;
  display: inline-flex;
  justify-content: center;
}
.main-title h2 {
  position: relative;
  width: max-content;
  margin: 0 auto;
}
.main-title h2::before {
  content: '';
  position: absolute;
  height: 2px;
  width: 375px;
  top: 50%;
  background: linear-gradient(225deg, #323232 0%, #FFFFFF 100%);
  transform: translate(-390px, 0px);
}
.main-title h2::after {
  content: '';
  position: absolute;
  height: 2px;
  width: 375px;
  top: 50%;
  background: linear-gradient(90deg, #323232 0%, #FFFFFF 100%);
  transform: translate(15px, 0px);
}

/*=============== Top Banner Section End ==============*/


/*=============== My Bio Section Start ==============*/

.my-bio-left-col-content {
  box-shadow: 55px 0px #323232;
  z-index: 2;
}
.my-bio-left-col-content-para {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 12;
  -webkit-box-orient: vertical;
}

/*=============== My Bio Section End ==============*/

/*=============== My Lookbook Section Start ==============*/

.my-lookbook-gallery .eael-filter-gallery-container .eael-filterable-gallery-item-wrap .fg-item-title {
  padding-bottom: 15px;
}
.my-lookbook-gallery .gallery-item-caption-wrap .gallery-item-hoverer-bg {
  position: absolute;
  left: 5%;
  top: 5%;
  right: 5%;
  bottom: 5%;
  height: 90%;
  width: 90%;
  content: "";
  background: #000;
  opacity: unset;
  margin: 0 auto;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}
.my-lookbook-gallery .gallery-item-caption-over {
  padding: 25px;
}

/*=============== My Lookbook Section End ==============*/

/*=============== Cinematic Video Section Start ==============*/

.cinematic-section .elementor-custom-embed-image-overlay {
  height: 665px;
}
.elementor-video-container .elementor-video-landscape iframe {
  width: 65% !important;
}
.elementor-video-container .dialog-type-lightbox {
  bottom: unset !important;
  top: 0 !important;
}
body.admin-bar .dialog-type-lightbox {
  position: fixed !important;
}

/*=============== Cinematic Video Section End ==============*/

/*=============== Award Winning Section Start ==============*/

.cinematic-section .elementor-widget-video .elementor-wrapper {
  aspect-ratio: unset;
}


/*=============== Award Winning Section End ==============*/


/*=============== Award Winning Photograph Section Start ==============*/

.award-winning-photograph-section .pp-post {
  display: flex;
}
.award-winning-photograph-section .pp-post-title {
  position: relative;
}
.award-winning-photograph-section .pp-post-title::before {
  content: '';
  position: absolute;
  left: 0;
  width: 6px;
  height: 6px;
  background-color: #FFF;
  border-radius: 50%;
  transform: translate(-12px, 6px);
}
.award-winning-photograph-section .pp-post-author {
  display: flex;
  align-items: center;
  gap: 5px;
}
.award-winning-photograph-section .pp-post-author svg {
  font-size: 18px;
}
.award-winning-photograph-section .pp-post-thumbnail {
  position: relative;
  width: 70%;
  height: 520px;
}
.award-winning-photograph-section .pp-post-content-wrap {
  width: 30%;
  align-items: center;
  display: flex
}
.award-winning-photograph-section .pp-post-thumbnail img {
  height: 100%;
}
.award-winning-photograph-section .pp-post-content {
  background-color: #323232;
  padding: 25px 35px;
  margin-left: -50px;
  z-index: 2;
}
.award-winning-photograph-section .pp-post-excerpt p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 17;
  -webkit-box-orient: vertical;
}
.award-winning-photograph-section .pp-slider-arrow.elementor-swiper-button-prev, .award-winning-photograph-section .pp-slider-arrow.elementor-swiper-button-next {
  width: 38px;
  height: 38px;
}
.award-winning-photograph-section .pp-slider-arrow {
  top: 42%;
}
.award-winning-photograph-section .elementor-swiper-button-next {
  right: unset !important;
  left: 0;
  transform: translate(-60px, 35px);
}
.award-winning-photograph-section-content {
  position: relative;
}
.award-winning-photograph-section-bottom {
  position: absolute;
  right: 0;
  bottom: 0;
}


/*=============== Award Winning Photograph Section End ==============*/



/*========== Return to Top Start ============*/

#return-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #9B9B9B;
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 999;
  cursor: pointer;
}
#return-to-top div {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
#return-to-top:hover {
  background-color: #000000;
}

/*========== Return to Top End ============*/

/*============= Preloader Start =============*/

.spinner-loading-box {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  z-index: 999999;
  background: #F3F3F3;
  justify-content: center;
  align-items: center;
  display: flex;
}
.demo {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.spinner-loading-box img{
  max-width: 200px !important;
}
.spinner-loading-box img, .ets-theme-header-section :is(.ets-topabr-address, .ets-topabr-email) li{
  width: 100%;
}

.loader {
  width: 60px;
  aspect-ratio: 1;
  color: #323232;
  background:
    linear-gradient(currentColor 0 0) 100%  0,
    linear-gradient(currentColor 0 0) 0  100%;
  background-size: 50.1% 50.1%;
  background-repeat: no-repeat;
  animation:  l7-0 1s infinite steps(1);
}
.loader::before,
.loader::after {
  content:"";
  position: absolute;
  inset: 0 50% 50% 0;
  background: currentColor;
  transform: scale(var(--s,1)) perspective(150px) rotateY(0deg);
  transform-origin: bottom right; 
  animation: l7-1 .5s infinite linear alternate;
}
.loader::after {
  --s:-1,-1;
}
@keyframes l7-0 {
  0%  {transform: scaleX(1)  rotate(0deg)}
  50% {transform: scaleX(-1) rotate(-90deg)}
}
@keyframes l7-1 {
  49.99% {transform:scale(var(--s,1)) perspective(150px) rotateX(-90deg) ;filter:grayscale(0)}
  50%    {transform:scale(var(--s,1)) perspective(150px) rotateX(-90deg) ;filter:grayscale(0.8)}
  100%   {transform:scale(var(--s,1)) perspective(150px) rotateX(-180deg);filter:grayscale(0.8)}
}


/*============ Preloader End =============*/