/*
    Theme Colours
*/

/* default */
.rd-theme {
    --c-rd: #00A9E0;
}
:root {
	/* dark */
	--c-pri-bg: #232323;
	--c-pri-heading: #D1D1D1;
	--c-pri-text: #C3C3C3;
	--c-pri-border: #F1F1F1; /* form fields */
	--c-pri-field-text: #999;
	--c-pri-field-bg: transparent;
	--c-pri-btn-text: #FFF;
	--c-pri-btn-bg: #232323;
	--c-pri-scrollbar: 255,255,255;
	
	/* darker */
	--c-sec-bg: #1d1d1d;
	--c-sec-heading: #F2F2F2;
	--c-sec-text: #F1F1F1;
	--c-sec-text2: #ddd;
	--c-sec-border: #DDD;
	
	/* darkest */
	--c-tri-bg: #000;
	--c-tri-heading: #FFF;
	--c-tri-text: #fff;
	--c-tri-border: #DDD;
	--c-tri-icon: #fff;
}

/* dark theme */
.rd-theme--dark {
    /* dark */
    --c-pri-bg: #232323;
    --c-pri-heading: #D1D1D1;
    --c-pri-text: #C3C3C3;
    --c-pri-border: #F1F1F1; /* form fields */
    --c-pri-field-text: #999;
    --c-pri-field-bg: transparent;
    --c-pri-btn-text: #FFF;
    --c-pri-btn-bg: #232323;
    --c-pri-scrollbar: 255,255,255;
    
    /* darker */
    --c-sec-bg: #1d1d1d;
    --c-sec-heading: #F2F2F2;
    --c-sec-text: #F1F1F1;
	--c-sec-text2: #ddd;
    --c-sec-border: #DDD;
    
    /* darkest */
    --c-tri-bg: #000;
    --c-tri-heading: #FFF;
    --c-tri-text: #fff;
    --c-tri-border: #DDD;
	--c-tri-icon: #fff;
}

/* light theme */
.rd-theme--light {
    /* light */
    --c-pri-bg: #ebebeb;
    --c-pri-heading: #232323;
    --c-pri-text: #232323;
	--cpri-link: #555;
    --c-pri-border: #DDD;
	--c-pri-scrollbar: 30,30,30;
	--c-pri-btn-text: #232323;
    
    /* lighter */
    --c-sec-bg: #f3f3f3;
    --c-sec-heading: #232323;
    --c-sec-text: #232323;
	--c-sec-text2: #333;
    
    /* lightest */
    --c-tri-bg: #FFF;
    --c-tri-heading: #232323;
    --c-tri-text: #555;
	--c-tri-border: #555;
	--c-tri-icon: #313131;
}


/* footer social icons */
.follow-icons {
    fill: var(--c-rd);
}

/* =============== */
/* Header */
/* =============== */
#header .menu-item a {
	color: var(--c-tri-heading);
}
#header .hamburger svg rect.e {
	fill: var(--c-tri-heading)
}
#header .header-wrapper.stuck #masthead {
	background-color: rgba(var(--c-sec-bg), 0.5);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
}
#masthead.showMenu {
	background-color: var(--c-sec-bg)!important;
	transition: background 0.2s ease-in-out;
	transition-delay: 750ms;
}
.header-logo .reach {
    fill: var(--c-pri-text)
}

#cus-hamburger-menu #Rectangle1,
#cus-hamburger-menu #Rectangle2 {
	fill: var(--c-pri-heading);
}

@media screen and (max-width: 849px) {
	#logo.logo {
		position: relative!important;
		right: -5px!important;
	}
}

#logo.logo {
	position: relative!important;
	right: -8px!important;
}

/* Light Dark mode button */
.rd-theme-switch {
	height: 19px;
	width: 32px;
	border-radius: 100px;
	background-color: var(--c-pri-heading);
	position: relative;
}
.rd-theme-switch:hover {
	cursor: pointer;
}
.rd-theme-switch.inactive > .rd-theme-btn {
	left: calc(100% - 16px);
}
.rd-theme-switch.active > .rd-theme-btn {
	left: 3px;
}
.rd-theme-btn {
	height: 13px;
	width: 13px;
	position: absolute;
	top: 50%;
	transform: translatey(-50%);
	transition: left 0.15s ease-in-out;
}
.rd-theme-btn .moon {
	visibility: hidden;
}
.rd-theme-btn .sun {
	fill: var(--c-pri-bg);
}

/* =============== */
/* Menu */
/* =============== */
#cus-nav-menu #nav-menu-col1,
#cus-nav-menu #nav-menu-col2 {
	background-color: var(--c-pri-bg);
}
#cus-nav-menu-content::after {
	border-left: 30px solid var(--c-pri-bg);
}
#cus-nav-menu *:not(.cus-slider-item-overlay>h4):not(.nav-menu-subtitle a):not(#cus-nav-menu .nav-menu-title) {
	color: var(--c-sec-text2);
}


/* =============== */
/* Slider bars */
/* =============== */
.cus-slider::-webkit-scrollbar-thumb {
  background-color: rgb(var(--c-pri-scrollbar));
}
.cus-slider::-webkit-scrollbar-track-piece {
  background-color: rgba(var(--c-pri-scrollbar), 0.3);
}

/* =============== */
/* Forms */
/* =============== */
.contact-form-call label textarea,
.contact-form-call label input { color:var(--c-tri-border)!important; border-color:var(--c-tri-border)!important; }
input[type="submit"]:not(.is-form) { background:#000; color:#FFF; }

/* =============== */
/* Buttons */
/* =============== */
.button.primary {
	color: var(--c-tri-text)!important;
}
.button.white:not(.no-change-btn.button.white) {
	color: var(--c-pri-btn-text)!important;
}

/* =============== */
/* Footer */
/* =============== */
#footer p span.small { color:rgb(120, 120, 120); }

.footer-cus-sec i {
	color: var(--c-tri-icon)!important;
}

/* =============== */
/* Global */
/* =============== */
body, html {
	background-color: var(--c-pri-bg)!important;
}
.c-pri {
	transition: background 0.1s ease-in-out;
    background-color:var(--c-pri-bg)!important;
    color:var(--c-pri-text);
}
.c-pri h1, .c-pri h2:not(.gsap-grid-overlay .text-box-content h2):not(.banner .text-box-content h2):not(.box-text .post-title):not(.project-card-title), .c-pri h3:not(.banner .text-box-content h3):not(.box-text .post-title), .c-pri h4:not(.banner .text-box-content h4):not(.box-text .post-title), .c-pri h5:not(.banner .text-box-content h5):not(.box-text .post-title), .c-pri-heading {
	transition: color 0.1s ease-in-out;
    color:var(--c-pri-heading)!important;
} 
.c-pri .text, .c-pri p:not(.box-text .from_the_blog_excerpt), .c-pri ul>li {
	transition: color 0.1s ease-in-out;
    color:var(--c-pri-text)!important;
}

.c-pri-col > .col-inner {
	transition: background 0.1s ease-in-out;
    background-color:var(--c-pri-bg)!important;
}

.c-sec {
	transition: background 0.1s ease-in-out;
    background-color:var(--c-sec-bg)!important;
    color:var(--c-sec-text)!important;
}
.c-sec h1, .c-sec h2:not(.box-text .post-title):not(.outline-text), .c-sec h3:not(.cursor-glow-content h3):not(.box-text .post-title):not(.banner .text h3), .c-sec h4:not(.box-text .post-title):not(.cus-slider-item-overlay h4):not(.highlight), .c-sec h5:not(.box-text .post-title) {
	transition: color 0.1s ease-in-out;
    color:var(--c-sec-heading)!important;
} 
.c-sec .text, .c-sec p:not(.box-text .from_the_blog_excerpt), .c-sec .text a:not(.open-video), .c-sec ul>li {
	transition: color 0.1s ease-in-out;
    color:var(--c-sec-text)!important;
}
.c-sec-col > .col-inner {
	transition: background 0.1s ease-in-out;
    background-color:var(--c-sec-bg)!important;
}

.c-tri {
	transition: background 0.1s ease-in-out;
    background-color:var(--c-tri-bg)!important;
    color:var(--c-tri-text)!important;
}
.c-tri h1, .c-tri h2:not(.ignore-c), .c-tri h3, .c-tri h4, .c-tri h5 {
	transition: color 0.1s ease-in-out;
    color:var(--c-tri-heading)!important;
} 
.c-tri .text, .c-tri p, .c-tri ul>li {
	transition: color 0.1s ease-in-out;
    color:var(--c-tri-text)!important;
}

.c-pri p a,
.c-sec p a,
.c-tri p a{
	transition: color 0.1s ease-in-out;
	color: var(--cpri-link)!important;
}

.row-dashed .col:before, .row-solid .col:before {
	border-left-color: var(--c-tri-border);
}

body section #sb_instagram.sbi_palette_custom_1 .sbi_caption {
	color:var(--c-tri-text)!important;
}

.is-border {
	border-color: var(--c-tri-border)!important;
}

.c-pri .wpsm_progress .wpsm_progress-title,
.c-pri .wpsm_progress .wpsm_progress-value {
	color: var(--c-pri-text)!important;
}

.rd-theme--light .dark a:hover {
	color: var(--c-rd);
}

.rd-theme--light .slider-nav-light .flickity-prev-next-button .arrow, 
.rd-theme--light .slider-nav-light .flickity-prev-next-button svg {
	fill: var(--cpri-link);
}

.google-rev-slider .flickity-slider .col-inner {
	background-color: var(--c-pri-bg)!important;
}

.accordion-item .accordion-title.active,
.accordion-item .accordion-title.active i.icon-angle-down {
	color: var(--c-pri-text)!important;
}

.accordion-item .accordion-title.active:hover,
.accordion-item .accordion-title.active:hover i.icon-angle-down {
	color: var(--c-rd)!important;
}


/* =============== */
/* Home */
/* =============== */
.scroll-title,
.scroll-title a{
	color: var(--c-tri-text)!important;
}
#scroll-down::before {
	background-color: var(--c-tri-text)
}

.gsap-grid-overlay {
	background-color: var(--c-sec-bg)!important;
}