/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/ 
/* 
    Theme Name: Eternal Essence
    Version: 1.0
*/

/*@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');*/
/*@font-face {*/
/*    font-family: '33535gillsansmt';*/
/*    src: url('fonts/custom-fonts/33535gillsansmt.eot');*/
/*    src: local('33535gillsansmt'), url('fonts/custom-fonts/33535gillsansmt.woff') format('woff'), url('fonts/custom-fonts/33535gillsansmt.ttf') format('truetype');*/
/*}*/
/*@font-face {*/
/*    font-family: 'arialregular';*/
/*    src: url('fonts/custom-fonts/arial-webfont.woff2') format('woff2'),*/
/*        url('fonts/custom-fonts/arial-webfont.woff') format('woff');*/
/*    font-weight: normal;*/
/*    font-style: normal;*/

/*}*/



body{
    
    background-color: #f8f5e9;
    color:#000000;
}
p{
    line-height:24px !important;
}
a,a:hover{
    text-decoration: none;
    color:#000000;
}
/*a[href^="mailto"]:hover{
    opacity:0.75;
}*/
/*h1,h2,h3,h4,h5,h6,.parallax-title,#slider-1-slide-1-layer-0{*/
/*    font-family: '33535gillsansmt' !important;*/
/*}*/

h1{
    line-height:1;
}
/* Global CSS Start */
.margin-top-40{
    margin-top:40px;
}
.margin-bottom-40{
    margin-bottom:40px;
}
.margin-top-60{
    margin-top:60px;
}
.margin-bottom-60{
    margin-bottom:60px;
}
.margin-top-20{
    margin-top:20px;
}
.margin-bottom-20{
    margin-bottom:20px;
}
.margin-top-30{
    margin-top:30px;
}
.font-small{
    font-size: 14px;
}
.bg-white{
    background:#ffffff;
}
.color-white{
    color:#ffffff;
}
.color-gold{
    color:#E8C752;
}
/* Global CSS End */

/* Common CSS Start */
.border-bottom-gold{
    border-bottom:4px solid #E8C752;
}
.btn-border{
    border:1px solid #E8C752;
    padding:7px 25px;
    display: inline-block;
}
.btn-border:hover{
    background:#E8C752;
    color:#f8f5e9;
}

.btn-white{ 
    padding: 10px 35px;
    display: inline-block;
    font-weight: 600;
    transition: all 0.5s;
    background: #ffffff;
    color:#212529;
    border:1px solid #ffffff;
}
.btn-white:hover{
    border:1px solid #ffffff;
    color:#ffffff;
    background: transparent;
}
.btn-gold{ 
    padding: 10px 35px;
    display: inline-block;
    font-weight: 600;
    transition: all 0.5s;
    background: #E8C752;
    color:#ffffff;
    border:1px solid #E8C752;
}
.btn-gold:hover{
    border:1px solid #E8C752;
    color:#E8C752;
    background: transparent;
}

/* Common CSS End */

/* Bootstrap Overwrite Start */
@media(max-width:767px){
    .container{
        padding-left:30px;
        padding-right:30px;
    }
}

/* Bootstrap Overwrite End */




/* Header Start */
.nav-link{
    position:relative;
    display:block;
}
.dropdown-toggle{
    padding-right:25px !important;
}
.dropdown-toggle::after {
   /* background: url(images/arrow-01.svg) no-repeat;
    width: 15px;
    height: 14px;
    border: none;
    position: absolute;
    top: 14px;
    right: 0px;*/
    border: none;
    content: '\f107';
    display: inline-block;
    font-family: FontAwesome;
    font-size: 14px;
    margin-left: 10px;
    vertical-align: top;
    color:#E8C752;
    margin-top: 2px;
}
.dropdown-menu a{
    font-size:14px;
}
.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link:hover{
    color:#E8C752;
}
.navbar-dark .navbar-nav .nav-link,.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .show>.nav-link{
    color:#231f20;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #E8C752;
    background-color: transparent;
}

.dropdown-menu{
    border:none;
}

@media (min-width: 992px){
    #menu-main-menu > li{
        margin-right:10px;
    }
    /*#menu-main-menu {
       float: right;
    }*/

    #bs-example-navbar-collapse-1 {
        flex-grow: 50%;
    }
    #menu-main-menu{
        margin-left:auto;
        margin-right:auto;
    }
}
@media (max-width: 991px){
    .navbar>.container {
        display: block !important;
    }
    .navbar-toggler {
        margin-top: 5%;
        background: #E8C752;
        margin-right:15px;
        float:right !important;
    }
    .navbar>.container {
        display: block !important;
    }
    .navbar-toggler:focus{
        outline:none;
    }
}



/* Header End */

/* Home Start */
.top-title-block{
    position:relative;  
    display:block;
    color:#000000;
}
.top-title-block:hover{
    color:#E8C752
}

.top-title-block-bg{
    position:relative;
    width:100%;
}
.top-title-block-title{
    text-align:center;
    padding:7px 0;
    background:rgba(255,255,255,0.9);
    position: absolute;
    width: calc(100% - 30px);
    top:50%;
    margin-top:-20px;
    margin-left:15px;
    font-weight: 600;
}
/* Home End */

/* Parallax Start */
.parallax{
    background: url(../images/parallax-bg.jpg) no-repeat;
    padding: 100px 0;
    background-attachment: fixed;
    background-position: center center;
}
.parallax-main-title{
    font-size: 20px;
    font-weight: 700;
}
.parallax-title{
    font-size:71px;
    font-weight:700;
    letter-spacing:2px;
}
.parallax-content{
    font-size:23px;
    font-weight:700;
}
@media(min-width:901px){
    .parallax{
        background-size: 100%;
    }
}
@media(max-width:900px){
    .parallax{
        background-size: auto 100% !important;
    }
}
.parallax-faq{
    background: url(images/eternal-essence-about-us-03.jpg) no-repeat;
    padding: 100px 0;
    background-attachment: fixed;
    background-position: center center;
}

/* Parallax End */








/* Footer Start */
.theme-footer{
    background-color:#f8f5e9;
    padding-top: 60px;
    padding-bottom:0px;
}
.social-icons-strip {
    padding:0;
    list-style-type:none;
    margin-top:20px;
}
.social-icons-strip li{
    display: block;
    width: 40px;
    height: 40px;
    float:left;
    margin-right: 10px;
    text-align: center;
}
.social-icons-strip li a{
    color:#ffffff;
    border:1px solid #E8C752;
    background:#E8C752;
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}
.social-icons-strip li a i{
    font-size: 20px;
    margin-top: 10px;
}
.social-icons-strip li a:hover{
    border:1px solid #E8C752;
    background:transparent;
    color:#E8C752;
}
.theme-footer a{
    color:#000000;
}
.theme-footer a:hover{
    color:#E8C752;
}
#to-top {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    padding: 10px 15px;
    background: #E8C752;
    float: right;
    position: fixed;
    bottom: 40px;
    right: 2%;
    color: #fff;
    border: 1px solid #E8C752;
    transition: all .35s;
    transition-property: all;
    transition-duration: 0.35s;
    transition-timing-function: initial;
    transition-delay: initial;
}
#to-top i{
    font-size:22px;
}
.custom-hidden{
    display: none;
}
.custom-visible {
    display: inherit !important;
}
.theme-footer .btn-gold{
    color:#ffffff;
}
.theme-footer .btn-gold:hover{
    color:#E8C752;
}
.footer-menu #menu-useful-links{
    padding-left:0;
    list-style-type:none;
}
/* Footer End */

@media(min-width:767px){
    .text-right-767-up{
        text-align:right;
    }
}
/* Animation Start */
.animation-box {
    display: block;
    overflow: hidden;
}
.animation-box:hover > img {
    transform: scale(1.1);
}
.animation-box > img{
    transition: transform .2s;
}

/* Animation End */


/* Conatct Page Start */
*:focus{
    outline:none;
}
.content-box{
    position:relative;
    padding-left:70px;
}
.content-box .icon-box{
    position: absolute;
    left: 0;
}
.icon-box{
    background:#E8C752;
    text-align:center;
    height:60px;
    width:60px;
    border-radius:50%;
}

.icon-box i{
    color: #ffffff;
    margin-top: 15px;
}

.contact-form input[type="text"], .contact-form input[type="email"],.contact-form textarea{
    width:100%;
    padding: 7px 15px;
    border-radius: 4px;
    border:1px solid #000000;
}
.contact-form textarea{
    min-height: 200px;
}

/* Contact Page End */

/* FAQ Start */
.accordion-box{
    border-top:1px solid #E8C752;
}
.accordion-btn{
    border:none;
    background:none;
    position: relative;
    padding: 20px 30px 20px 0;
    font-size:20px;
    outline: none;   
    display: block;
    cursor: pointer;
    width:100%;
    text-align:left;
    color:#000000;
}
.accordion-btn:focus{
    outline: none
}
.accordion-btn .accordion-arrow{
    position: absolute;
    right: 15px;
    top: 22px;
    display: block;
}
.accordion-btn.collapsed .accordion-arrow{
    transform: rotate(0deg);
}
.accordion-btn .accordion-arrow{
    transform: rotate(180deg);
}

.solid-contact-panel{
    background:#E8C752;
    padding-top:60px;
    padding-bottom:60px;
}
.solid-contact-panel .btn-gold{
    background:#ffffff;
    color:#E8C752;
}
/* FAQ End */
/* About Us start */
.content-card{
    background:#f2f4f5;
    padding:57px 15px 40px 15px;
    text-align: center;
}
.content-title-box{
    background:#f2f4f5;
    padding:40px 30px;
    min-height: 296px;
}
@media(min-width:1200px){ 
 .content-card, .content-title-box{
        min-height:315px;
    }
}
@media(min-width:992px) and (max-width:1199px){
    .content-card,.content-title-box{
        min-height:325px;
    }
}
@media(min-width:768px) and (max-width:991px){
    .content-card,.content-title-box{
        min-height:377px;
    }
}

/* About Us End */
.img-zoom{
    border-radius:8px;
}
a.img-zoom {
    display: block;
    overflow: hidden;
}
a.img-zoom img {
    transition: transform .2s;
}
a.img-zoom:hover img {
    transform: scale(1.1);
}

.legal{
    padding:0;
    list-style-type:none;
    /*text-align: center;*/
}
.legal li{
    display:inline;
}
.legal li a{
   /*color:#E8C752;*/
   font-size:14px;
}
nav a{
    text-transform:uppercase;
}
/* WOOCOMMERCE CSS START */

.ee-product-gallery img{
    max-width:100%;
}

.ee-product-gallery{
    float: left;
    /*margin-right: 10px;*/
    /*margin-top: 10px;*/
}
.ee-product-gallery figure > div{
    float: left;
    margin-right: 10px;
    margin-top: 10px;
}

/* WOOCOMMERCE CSS END */

h1 {
    font-size: 2.5em !important;
}
h5, h5 p{
    font-size:20px !important;
    font-weight:500 !important;
    line-height:24px !important;
}
.text-center a{
    color:#000000 !important;
}

.h4, h4 {
    font-size: 1.5rem !important;
}
.h3, h3 {
    font-size: 1.75rem !important;
}
.parallax h3{
    color:#ffffff;
}
.contact-form input[type="text"],.contact-form input[type="email"]{
    width:100%;
}
h6 {
    font-size: 1rem !important;
}