/*
Theme Name: Specular Child
Template: specular
Description: A Specular child theme for True Reach
Author: orech.io
Version: 1.0.0
*/

/* TOC: 
- Variables
- Utility
- Header
- Footer
- Forms
- Gallery
*/

/* Variables */
:root {
  --dark-blue: #14144c;
  --blue: #1d277b;
  --black: #00002a;
  --mint: #58d8ae;
  --teal: #37A2B0;
  --orange: #E8632F;
  --light-gray: #f4f8fb;
}

/* Utility */
.filter--hard-light .elementor-background-overlay,
.filter--hard-light[data-element_type="container"]:before,
.filter--hard-light .elementor-background-slideshow:before{
  mix-blend-mode: hard-light;
}

/* Typography */
p{
	margin: 0;
}

/* Header */
.search_bar{
  background-color: var(--black);
}
.search_bar input[type="text"],
.search_bar input[type="text"]::placeholder{
  color: white;
}

#header .icon-search{
	color: white !important;
}

#logo img {
  height: 50px;
  margin-top: -25px;
}

#navigation{
	nav .menu > li{
		padding: 0;
	}
	nav .menu > li > a, 
	nav .menu > li.hasSubMenu:after{
  	color: white;
  	text-transform: none;
  	font-weight: 400;
	letter-spacing: 0;
	font-size: 14px;
	padding-left: 18px;
	padding-right: 18px;
  }
  .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) !important;
  }
}

@media(max-width: 979px){
	header .mobile_small_menu:before,
	header .mobile_small_menu:before{
		color: var(--mint) !important;
	}
	header .menu-small{
		background-color: var(--black);
	}
}

/* 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#footer .widget-title{
  color: white;
  font-weight: 400;
  font-size: 17px;
}
footer .codeless_separator .separator{
  background-color: var(--blue) !important;
}
footer .desc,
footer#footer a{
  color: white;
}
footer#footer .widget_nav_menu a{
  font-size: 13px;
}
#copyright{
  background-color: var(--black) !important;
}
@media(min-width: 768px){
  footer .span2 + .span3{
    padding-left: 30px;
  }
}

/* Forms */
.wpcf7 label{
  color: white;
  font-size: 16px;
}
.wpcf7 .wpcf7-submit{
	font-weight: 600;
    line-height: 14px;
	background-color: var(--mint) !important;
	color: var(--black) !important;
	border-radius: 4px;
	border: 0 !important;
	text-transform: none !important;
	padding: 12px 24px;
	letter-spacing: 0 !important;
	font-weight: 600 !important;
	line-height: 1 !important;
}

.wpcf7 .wpcf7-submit:hover,
.wpcf7 .wpcf7-submit:active,
.wpcf7 .wpcf7-submit:focus{
	background-color: var(--teal) !important;
	color: var(--black) !important;
}

/* Gallery */
.gallery img{
	border: 0 !important;
}
.gallery--about .gallery{
	margin: auto;
	align-items: center;
	justify-content: center;
	display: flex;
}
.gallery--about .gallery-item:first-child{
	width: 8% !important;
    margin-right: 0;
    padding-right: 0 !important;
}