/*
Theme Name: Pincoder Template Theme
Theme URI: https://pincoder.net
Author: Pincoder Inc.
Author URI: https://pincoder.net
Description: This template is use for all project from pincoder inc. It is a customize base website with client specifications and request.
Version: 1.0
Tags: pincoder.net
*/

@font-face {
   font-family: 'MerriweatherSans-SemiBold';
   src: url(assets/fonts/Merriweather_Sans/MerriweatherSans-SemiBold.ttf);
}

@font-face {
   font-family: 'MerriweatherSans-Light';
   src: url(assets/fonts/Merriweather_Sans/MerriweatherSans-Light.ttf);
}

@font-face {
   font-family: 'MerriweatherSans-Regular';
   src: url(assets/fonts/Merriweather_Sans/MerriweatherSans-Regular.ttf);
}

@font-face {
   font-family: 'MerriweatherSans-Bold';
   src: url(assets/fonts/Merriweather_Sans/MerriweatherSans-Bold.ttf);
}
@font-face {
   font-family: 'MerriweatherSans-ExtraBold';
   src: url(assets/fonts/Merriweather_Sans/MerriweatherSans-ExtraBold.ttf);
}

body{
   font-family: 'MerriweatherSans-Regular';
   /* max-width: 1365px;
   margin: 10px auto; */
   width: 100%;
   font-size: 16px;
   /* padding: 0 1em; */
}
h1{
   font-size: 1.8rem;
   font-family: 'MerriweatherSans-Bold';
}
.h2title{
   font-size: 1.3rem;
    margin: 20px 0 5px;
}
/* General Style */
.txt-center{text-align: center;  margin-top: 2em; }
.btn-theme{border-radius: 50px !important; color: white !important; padding: 8px 0 !important; font-size: 16px !important; width: 40%;}
.btn.white{background: white !important; color: black !important}
.btn.themeColor{background: #e28d07 !important; }
.btn-theme:hover{background: #714934 !important}

/*In General Style */

ul{list-style: none; margin: 0; padding: 0;}
p{margin-bottom: .5rem;     line-height: 30px;}
p.noMargin{margin: 0 !important; font-family: 'MerriweatherSans-SemiBold';}
a{color: #1e293b; text-decoration: none}
a:hover{color: #4e3d07;}
.email{overflow-wrap: break-word;}
.alert.sm{
   font-family: 'MerriweatherSans-Regular';
   padding: 5px 10px;
   font-size: 17px;
}
.alert.tiny{
   font-family: 'MerriweatherSans-SemiBold';
   padding: 3px 10px;
   font-size: 12px;
}
.company{font-family: 'MerriweatherSans-Bold';}
.hide{display: none;}
.show{display: block;}
strong{font-family: 'MerriweatherSans-Bold';}
.loader{
   position: absolute;
   background: #6b6340;
   opacity: .5;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   z-index: 999;
   visibility: hidden;
}
.main-content, .services-content .wrapper, .bottom-content, .page-wrapper{width: 100%; max-width: 1365px; margin: 0 auto; }
.header-area, .banner{text-align: center;}
/* Page content */
        .page-container {
            margin: 0 auto;
        }
         .page-header{
            width: 100%;
            margin-bottom: 1em;
         }
        .page-title {
            font-size: 3rem;
            font-weight: 800;
            color: #ffedcf;
            font-family: 'MerriweatherSans-Bold';
            padding: 1rem 0 2rem;
        }
        .longT { /* Custom class for longer titles */
            font-size: 2.5rem;
        }
/* Header Logo Area */
.page-header h1{font-size: 3em;
    color: #714934;
    text-align: center;
    margin-top: 42px;}
.header-area{
   padding: 20px 0;
   padding-bottom: 0;
   text-align: center;
   background-color: #040404;
}
.header-area .logo a{
   display: inline-block; max-width: 336px; text-align: center; width: 100%; margin-left: 2em;
}

.header-area .wrapper{display: inline-block;width: 95%; vertical-align: middle;}

.burgerMenu{display: none}
   .header-area .logo img{width: 220px}

.navigation-header{
   padding-bottom: 0.5em;
   background-image: url('images/nav-bg.png');
   background-position: center;
   background-repeat: no-repeat;
}
   .navigation-header li{ display: inline-block; margin: 5px; vertical-align: middle; }
   .navigation-header li:last-child{margin: 0}
   .navigation-header li a{
      color: black;
      font-family: 'MerriweatherSans-regular';
      display: block;
      font-size: 17px;
      padding: 9px 10px;
      width: 140px;
      margin-top: 6px;
   }
      .navigation-header li#menu-item-25 a{
             width: 100px !important;
      }
      .navigation-header li#menu-item-50 a{
             width: 115px !important;
      }
      .navigation-header li#menu-item-27 a, .navigation-header li#menu-item-24 a{
         width: 120px !important;
      }
      .navigation-header li#menu-item-54 a, .navigation-header li#menu-item-60 a{
         width: 90px !important;
      }
   /* .navigation-header li.logo a{
      background: 0;
      width: auto;
   } */
   .navigation-header li a:hover, .navigation-header li a[aria-current="page"], .menu-item.active > a,
.menu-item.current-menu-item > a{
        background: #714934; color: white; border-radius: 30px;
   }

   /* Parent menu item */
   .menu-item {
     position: relative;
   }

   /* Hide sub menu by default */
   .menu-item > .sub-menu {
     display: none;
     position: absolute;
     top: 100%;
     left: 0;
     z-index: 1000;
   }

   /* Show sub menu on hover */
   .menu-item:hover > .sub-menu {
     display: block;
   }
   .sub-menu {
     background: #a47b3a;
     min-width: 200px;
     padding: 10px;
     margin: 0;
     list-style: none;
     box-shadow: 0 8px 20px rgb(0 0 0 / 83%);
     border-radius: 6px;
   }

   .sub-menu li {
      padding: 0;
      width: 100%;
      margin: 0;
   }

   .sub-menu li a {
      padding: 6px 20px;
      text-decoration: none;
      white-space: nowrap;
      width: 100% !important;
      margin: 1px 0;
      font-size: 16px;
   }

   .menu-item > .sub-menu {
     opacity: 0;
     visibility: hidden;
     transform: translateY(10px);
     transition: all 0.2s ease;
   }

   .menu-item:hover > .sub-menu {
     opacity: 1;
     visibility: visible;
     transform: translateY(0);
   }
/* Banner Area*/
   .banner {
      position: relative;
      z-index: -2;
      max-width: 2000px;
      margin: -75px auto 0;
      min-width: 200px;
      height: 100%;
   }
   .banner .wrapper .slogan{ position: absolute; top: 8px; text-align: center; margin: 0 auto; width: 100%; z-index: 1; padding: 7em 5em 0;
    background-color: rgb(10 10 10 / 25%);
    height: 97%;   }
   .banner .wrapper .slogan h3{font-family: 'MerriweatherSans-ExtraBold'; font-size: 50px; color: white; line-height: 1.4em;}
   .banner .wrapper .slogan p{ font-size: 21px; color: white;width: 80%; margin: 0 auto;}
   .banner .wrapper video{
      width: 100%;
      height: 500px;
      object-fit: cover;
      object-position: top;
   }
/* End Banner Area*/

/* Main Content */
.main-content .wrapper{margin-top: 1.5em;}
   .main-content .wrapper .left{width: 100%;  display: inline-block; }
   .main-content .wrapper .left.content-1{ max-width: 660px; margin: 20px 20px 0 0; text-align: right;}
   .main-content .wrapper .left.content-2{max-width: 670px; padding: 4em 3em; background-image: url(images/box-content-2.png); background-size: 103%; background-repeat: no-repeat; background-position: right; background-position-x: right; margin-left: 12px;}
      .main-content .wrapper .left.content-1 img, .main-content .wrapper .right.content-2 img{width: 89%; object-fit: none; object-position: right;}
      /* {width: 89%; object-fit: none; object-position: right;} */
   .main-content .wrapper .right{width: 100%;  display: inline-block; vertical-align: top; position: relative;}
   .main-content .wrapper .right.content-1{max-width: 660px; padding:3em; background-image: url('images/box-content.png');background-size: 117%; background-repeat: no-repeat;}
   .main-content .wrapper .right.content-2{max-width: 650px; margin: 20px 0 0 20px; text-align: left;}
      .main-content .wrapper h3{font-family: 'MerriweatherSans-bold'; color: white; font-size: 35px; text-align: center; margin: 0 auto;}
      .main-content .wrapper p{font-family: 'MerriweatherSans-regular'; font-size: 16px;line-height: 2; text-align: center; padding: 20px 10px;}
   .services-content{background-image: url(images/services-bg.jpg); background-repeat: no-repeat; background-position: center; width: 100%; background-size: cover; }
   .main-content .wrapper .left.content-2 p{font-size: 15px; padding: 14px 1px;}
      .services-content .wrapper{padding: 1em;}
      .services-content .service-desc{width:100%; max-width: 1000px; background: white; padding: 1em 3em 0; text-align: center; border-radius: 3em; margin: 0 auto;}
         .services-content .service-desc h3{font-family: 'MerriweatherSans-bold'; font-size: 35px;
    color: #1a1811; }
         .services-content .service-desc p{font-family: 'MerriweatherSans-regular'; font-size: 18px}
         .services-content .service-list{margin-top: 2em;}
            .services-content .service-list ul{text-align: center;}
               .services-content .service-list ul li{display: inline-block; width: 418px; vertical-align: top; margin: 5px; padding: 2rem; text-align: center; cursor: pointer;}
                  .services-content .service-list ul li:nth-child(odd){background-image: url(images/services/service-bg-dark.png); background-repeat: no-repeat;}
                     .services-content .service-list ul li:nth-child(odd):hover{background-image: url(images/services/service-bg.png);}
                  .services-content .service-list ul li:nth-child(even){background-image: url(images/services/service-bg.png);background-repeat: no-repeat;}
                     .services-content .service-list ul li:nth-child(even):hover{background-image: url(images/services/service-bg-dark.png);}
                  .services-content .service-list ul li img{width: 220px; border-radius: 100%; height: 220px; object-fit: cover;object-position: top;}
                  .services-content .service-list ul li h4{font-family: 'MerriweatherSans-semibold'; padding: 20px 0 10px; font-size: 22px; color: #e28d07;}
                  .services-content .service-list ul li p{color: white;}

/* Footer */
footer {
   background: #1a1811;
}
footer .contact-section{ padding: 2em; color: white;max-width: 1365px; margin: 10px auto;}
   footer .nav-section h3, footer .contact-section h3{font-family: 'MerriweatherSans-bold'; color: #e28d07; font-size: 28px;}
   footer .contact-section p{padding-bottom: 15px;}
   footer .contact-section a{color: white}
   footer .contact-section a:hover{color: #e7d78d;}
   footer .nav-section{background-color: #906d34;padding: 10px 0;}
   footer .navigation-footer ul{text-align: center;}
   footer .navigation-footer ul li{    display: inline-block; margin: 5px; vertical-align: middle;}
      footer .navigation-footer ul li a{color: black; font-family: 'MerriweatherSans-regular'; display: block; font-size: 15px; padding: 10px 20px; width: 160px; margin-top: 6px;}
      footer .navigation-footer a:hover, footer .navigation-footer a[aria-current="page"]{background: #714934; color: white; border-radius: 30px;}

footer p:first-child{margin-top: 3px}
footer p{
   font-family: 'MerriweatherSans-Light';
   margin: 0;
}
footer .copyright{
   font-family: 'MerriweatherSans-Light';
   font-size: 14px; text-align: center; color: #3a3114;
}
/* Form Container */
.of-container{width: 100%; max-width: 1200px; margin: 0 auto; background: #ffffff; padding: 1em 2em; border-radius: 10px; margin-top: 1em; border: 1px solid #c6c6c6;}
.pin-col-2{width: 49% !important; display: inline-block; vertical-align: middle; }
.wpforms-field span.required{color:red;}
.wpforms-field label{
   font-family: 'MerriweatherSans-SemiBold';
   font-size: 16px;
   margin-bottom: 10px;
   display: block;
}
.wpforms-field input, .wpforms-field textarea, .wpforms-field select{border-radius: .7em !important; border-color: #b1b1b1 !important; padding: 10px 1em !important; font-size: 20px !important; width: 97% !important; height: 55px !important; border: 1px solid}
 .wpforms-field textarea{height: AUTO !important;}
div.wpforms-container-full .wpforms-form label.wpforms-error, div.wpforms-container-full .wpforms-form em.wpforms-error{
   position: absolute !important;
   bottom: -5px !important;
   right: 2em !important;
}

input.privacy-policy, input[type="radio"]{display: inline-block; width: 35px !important; padding: 0 !important; height: 21px !important; vertical-align: middle;}
input[type="radio"]{width: 22px !important; vertical-align: top;}
.input-option{ display: inline-block; vertical-align: middle; padding: 0 20px;}
.input-option label{display: inline-block; vertical-align: bottom;}
/* Page Style */

   .page-content.services .wp-block-columns .wp-block-column-is-layout-flow h5{font-family: 'MerriweatherSans-bold'; color: white; font-size: 25px;}
   .page-content.services .wp-block-columns .wp-block-column-is-layout-flow p{font-family: 'MerriweatherSans-regular'; color: white; font-size: 18px;}


   /* Pinterest Masonry Layout Logic */
   .masonry-container {
      column-gap: 1rem;
   }

   .gallery-item {
       break-inside: avoid;
       margin-bottom: 1.5rem;
       display: block;
   }

   .gallery-item:hover .overlay {
       opacity: 1;
   }