:root {
  --dark-blue: #14144c;
  --blue: #1d277b;
  --black: #00002a;
  --mint: #58d8ae;
  --teal: #37A2B0;
  --orange: #E8632F;
  --light-gray: #f4f8fb;
}
/* TOC: 
- Universal
- Utility
- Header
- Slider
- Buttons
- Textbar
- Separators
- Service Boxes
- CTA Section
- Footer
*/

/* Universal */
h1, h2, h3, h4, h5, h6, .portfolio_single ul.info li .title, .skill_title{
	color: var(--black);
}
p{
	font-size: 18px;
	line-height: 1.6;
	font-weight: 300;
	color: var(--black);
}
.block_title.column_title h2{
	color: var(--black);
}

/* Utility */
.filter--hard-light .elementor-background-overlay{
	mix-blend-mode: hard-light;
}

/* Header */
header#header > .container{
	background-color: var(--dark-blue);
}
.search_bar{
	background-color: var(--black);
}
.search_bar input[type="text"],
.search_bar input[type="text"]::placeholder{
	color: white;
}
#logo img {
	height: 50px;
	margin-top: -25px;
}
.header_11 nav li > a:hover, .header_11 nav li.current-menu-item > a, .header_11 nav li.current-menu-parent > a, .header_10 nav li > a:hover, .header_10 nav li.current-menu-item > a, .header_10 nav li.current-menu-parent > a, .header_9 nav li > a:hover, .header_9 nav li.current-menu-item > a, .header_9 nav li.current-menu-parent > a, .header_8 nav li > a:hover, .header_8 nav li.current-menu-item > a, .header_8 nav li.current-menu-parent > a, .header_7 nav li > a:hover, .header_7 nav li.current-menu-item > a, .header_7 nav li.current-menu-parent > a, .header_6 nav li > a:hover, .header_6 nav li.current-menu-item > a, .header_6 nav li.current-menu-parent > a, .header_5 nav li > a:hover, .header_5 nav li.current-menu-item > a, .header_5 nav li.current-menu-parent > a, .header_3 nav li > a:hover, .header_3 nav li.current-menu-item > a, .header_3 nav li.current-menu-parent > a, .header_2 nav li > a:hover, .header_2 nav li.current-menu-item > a, .header_2 nav li.current-menu-parent > a, .codeless_slider .swiper-slide .buttons.colors-light a.colored:hover *, .services_steps .icon_wrapper i, .testimonial_carousel .item .param span, .services_large .icon_wrapper i, .animated_counter i, .services_medium.style_1 i, .services_small dt i, .single_staff .social_widget li a:hover i, .single_staff .position, .list li.titledesc dl dt i, .list li.simple i, .page_parents li a:hover, #portfolio-filter ul li.active a, .content_portfolio.fullwidth #portfolio-filter ul li.active a, a:hover, .header_1 nav li.current-menu-item > a, .blog-article h1 a:hover, .blog-article.timeline-style .content .quote i, .header_1 nav li.current-menu-item:after, .header_1 nav li > a:hover, .header_1 nav li:hover:after, header#header .header_tools > a:hover, footer#footer a:hover, aside ul li:hover:after, .highlights{
	color: var(--mint);
}
nav .menu > li > a, nav .menu > li.hasSubMenu:after, header#header .header_tools .vert_mid > a:not(#trigger-overlay), header#header .header_tools .cart .cart_icon{
	color: white;
}

/* Slider */
.codeless_slider .bg-overlay{
	background: linear-gradient(135deg, #14144c 0%, #37a2b0 100%) !important;
	mix-blend-mode: hard-light;
}
.codeless_slider .nav-thumbflip .icon-wrap{
	background-color: var(--dark-blue);
}
.codeless_slider .nav-thumbflip .text{
	background-color: var(--blue);
}
@media(min-width: 767px){
	.codeless_slider h1{
		margin-left: -15px !important;	
	}
}

/* Buttons */
.btn-bt.business{
	background-color: var(--blue);
}
.btn-bt.business:hover,
.btn-bt.business:active{
	background-color: var(--dark-blue);
}


/* Textbar */
.textbar h2{
	color: var(--black);
}

/* Separators */
.codeless_separator .separator{
	background-color: #7cd5b1 !important;
}

/* Service Boxes */
.services_medium p{
	color: white;
}
.services_small_group{
	display: flex;
	flex-wrap: wrap;
	row-gap: 30px;
}
.services_small i:before{
	color: var(--mint);
}
.services_small .content{
	font-size: 16px;
	font-weight: 300;
	color: var(--black);
}
.services_small a:hover,
.services_small a:active{
	text-decoration: underline;
	color: var(--blue);
}

/* CTA Section */
.cta_section{
	background-color: var(--dark-blue);
	position: relative;
	h2{
		color: white !important;
	}
	p{
		color: white;
		text-align: center;
		font-size: 24px;
	}
	.btn-wrapper{
		width: 100%;
		display: flex;
		justify-content: center;
	}
	.btn-bt{
		background-color: var(--mint) !important;
		color: var(--dark-blue);
	}
	.btn-bt:hover,
	.btn-bt:active{
		color: var(--dark-blue);
		background-color: var(--teal) !important;
	}
}

/* Footer */
footer p{
	color: white;
	font-size: 16px;
	letter-spacing: 1px;
}
footer p i{
	width: 25px;
}
footer p i:before{
	color: var(--mint);
}
footer .textwidget{
	color: white;
	font-size: 15px;
	line-height: 1.4;
	font-weight: 300;
}
footer#footer .inner{
	background-color: var(--black);
}
footer .codeless_separator .separator{
	background-color: var(--blue) !important;
}
footer .desc,
footer#footer a{
	color: white;
}
#copyright{
	background-color: var(--black) !important;
}
@media(min-width: 768px){
	footer .span2 + .span3{
		padding-left: 30px;
	}
}