/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

:root {
    --themecolor: #baa906;
  }

.lang-choice img {
    position: relative;
    display: inline-block;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    top: -2px;
    margin-right: 8px;
    border: 1px solid #FFF;
    background-color: #555;
}
.dark #page-title h1 {
	color: #baa906!important;
  letter-spacing: 0.3rem;
}

/* #header{
	background-color: white!important;
} */

.dark #primary-menu:not(.not-dark) ul ul, .dark #primary-menu:not(.not-dark) ul li .mega-menu-content, #primary-menu.dark ul ul, #primary-menu.dark ul li .mega-menu-content {
    color: #120f0a!important;
    background-color: white!important;
}
.dark #primary-menu:not(.not-dark) ul ul li > a, #primary-menu.dark ul ul li > a {
    color: #120f0a!important;
}
#primary-menu ul li > a {
	color: #120f0a!important;
}
#primary-menu ul li > a:hover {
	color: var(--themecolor)!important;
}
.content, .page-title {
	background-color: #120f0a!important;
}

.dark #header-wrap:not(.not-dark) #primary-menu > ul > li > a {
	color: #120f0a!important;
}

.dark #header-wrap:not(.not-dark) #primary-menu > ul > li > a:hover {
    color: var(--themecolor)!important;
}

.dark #header:not(.transparent-header), #header.dark:not(.transparent-header) {
    background-color: #333;
    border-bottom: 0px!important;
}

.dark #page-title {
    background-color: #120f0a;
    border-bottom-color: #3F3F3F;
}

.dark #copyrights {
    background-color: var(--themecolor)!important;
    color: white;
    text-shadow: none!important;
}

/* #logo {
    margin-bottom: 1rem!important;
    margin-top: 0.5rem!important;
} */


.side-header #logo:not(.nobottomborder):after, .side-header #primary-menu:not(.nobottomborder):after {
   border-bottom: 0px;
}

#page-title h1 {
    text-transform: none;
}

#page-title {
    padding: 1.5rem 0!important;
}

#primary-menu-trigger {
    color: #120f0a;
    font-size: 1.5rem;
}
.dark .portfolio-desc{
    background-color: none!important;
    padding-left: 1rem;
}
.dark .portfolio-desc h3 a {
    color: white!important;
}
.dark .portfolio-desc span {
    color: var(--themecolor)!important;
}
.si-whatsapp:hover,
.si-colored.si-whatsapp { background-color: #25D366 !important; }

.dark .slider-caption h2 {
    /* color: var(--themecolor)!important; */
    text-shadow: 0 1px 0 black;
}
.fancy-title h3 {    
    padding-right: 1rem;
}