﻿/*
Theme Name: Neve Child for Spectrums Software
Template: neve
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: neve
*/

/*Colors
#23a8e1
#5a5b5d*/

/*General*/
.ss-divider:after{
	content: '';
	width: 100%;
	height: 40px;
	position: absolute;
	left: 0;
	bottom: 0;
	background-image: url(images/ss-divider.svg);
	z-index: 1;
	background-size: 250px auto;
	background-position: bottom left;
	background-repeat: repeat-x;
}

.builder-item--primary-menu .nav-menu-primary > .primary-menu-ul li.current-menu-item > a:before,
.ss-title .elementor-headline-plain-text:before,
.ss-title2 .elementor-headline-dynamic-text:before{
	content: '';
	width: 18px;
	height: 18px;
	position: absolute;
	left: 0;
	margin-left: -8px;
	top: 50%;
	margin-top: -24px;
	background-image: url(images/menu-top-icon.svg);
	background-repeat: no-repeat;
	background-size: contain;
}
.ss-title .elementor-headline-plain-text,
.ss-title2 .elementor-headline-dynamic-text{
	position: relative;
}
.ss-title2 .elementor-headline-dynamic-text{
	margin-left: 10px;
}
.ss-title .elementor-headline-plain-text:before{
	width: 30px;
	height: 30px;
	margin-left: -15px;
    margin-top: -30px;
}
.ss-title2 .elementor-headline-dynamic-text:before{
	width: 20px;
	height: 20px;
	margin-left: -8px;
    margin-top: -24px;
}
.elementor-button-link,
.elementor-slide-button{overflow:hidden; position: relative;}
.elementor-button-link:before,
.elementor-slide-button:before{
	content: '';
	width: 0;
	height: 100px;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.07);
	transition: all .5s ease-in;
	z-index: 1;
}
.elementor-slide-button:before{
	background:#23a8e1;
	opacity: .3;
}
.elementor-button-link:hover:before,
.elementor-slide-button:hover:before{
	width: 100%;
}
.elementor-button-link .elementor-button-content-wrapper{
	position: relative;
	z-index: 9;
}
/*logo*/
.builder-item--logo .site-logo img{height: 70px;}

/*Header*/
body.home .header {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 999;
	border-bottom: 1px solid rgba(255,255,255,.08);
}
/* body.home.admin-bar .header {
	top: 32px;
} */
body.home .header .light-mode,
body.home .header .nv-navbar{
	background: rgba(255,255,255,.7);
}
@media only screen and (min-width: 768px) {
	.header.fixed{
		position: fixed !important;
		box-shadow: 0 0 1px rgba(0,0,0,0.2);
		-webkit-animation: fadeInDown 0.5s ease;
		animation: fadeInDown 0.5s ease;
		z-index: 999;
		width: 100%;
	}
	body.home.admin-bar .header.fixed{
		top: 32px;
	}
}
@-webkit-keyframes fadeInDown {
0%   {-webkit-transform: translateY(-100%);}
100% {-webkit-transform: translateY(0);}
} 

@keyframes fadeInDown {
0%   {-ms-transform: translateY(-100%); transform: translateY(-100%);}
100% {-ms-transform: translateY(0); transform: translateY(0);}
}
.header.fixed .light-mode,
.header.fixed .nv-navbar{
	background: rgba(255,255,255,.9) !important;
}
.header.fixed .builder-item--primary-menu .primary-menu-ul > li > a{
	height: 70px;
}
.header.fixed .builder-item--logo .site-logo img{
	height: 50px;
}

#header-menu-sidebar .builder-item--primary-menu .nav-ul li a{
	min-height: 65px;
}
.header-menu-sidebar-inner .nav-ul li{
	padding: 0 20px;
}

/*Services*/
.services .elementor-icon-box-wrapper:before{
	content: '';
	width: 100%;
	height: 100%;
	background: #23a8e1;
	opacity: .8;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
}
.services .elementor-icon-box-icon{
	text-align: center;
	z-index: 1;
	position: relative;
}
.services .elementor-icon-box-content{
	background: #fff;
	padding: 30px 30px 70px 30px;
	z-index: 1;
	position: relative;
}

.partners .elementor-swiper{
	padding: 60px 0;
}

/*Contact Tabs*/
.contact-tabs .elementor-tab-title{
	box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.2);
	background: #f0f0f0;
	margin-bottom: 30px;
	padding: 30px 20px;
	border-radius: 1px;
	font-weight: 300;
}
.contact-tabs .elementor-tab-title.elementor-active{
	background-color: #23a8e1;
	color: #fff;
	font-weight: bold;
}
.contact-tabs .elementor-tab-title a{
	position: relative;
}
.contact-tabs.elementor-widget-tabs .elementor-tab-content{
	padding-top: 0;
}
/*Services Tab*/
.service-tabs .elementor-tab-title{
	box-shadow: 0px 2px 3px 0px rgba(50, 50, 50, 0.2);
	background: #f0f0f0;
	margin-bottom: 30px;
	padding: 30px 20px;
	border-radius: 1px;
	font-weight: 300;

}
.service-tabs .elementor-tab-title a{
	display: block; 
	text-align: center; 
	margin:0 auto;
	position: relative;
}
.service-tabs .elementor-tab-title:first-child:after{
	content: '';
    width: 2px !important;
    height: 100% !important;
    position: absolute;
    right: -3px;
    top: 0;
    background: #5a5b5d;
    left: auto !important;
}
.service-tabs.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title{
	display: inline-flex;
    width: 49%;
}
.service-tabs .elementor-tab-title.elementor-active{
	background-color: #23a8e1;
	color: #fff;
	font-weight: bold;
}
.service-tabs .elementor-tab-title.elementor-active a:before,
.contact-tabs .elementor-tab-title.elementor-active a:before{
	content: '';
	width: 18px;
	height: 18px;
	position: absolute;
	left: 0;
	margin-left: -8px;
	top: 50%;
	margin-top: -24px;
	background-image: url(images/menu-top-icon-light.svg);
	background-repeat: no-repeat;
	background-size: contain;
}


/*Footer*/

#nav_menu-2.widget ul li{
	width: 45%;
	display: inline-block;
}
#custom_html-2{margin-bottom: 0; padding-bottom: 0;}
.zoom-social-icons-widget{margin-left: 25px !important;}
footer #menu-mainmenu li a{font-weight: 600;}
a:hover{text-decoration: none;}

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */
  	.builder-item{
  		margin-top: 0;
  		margin-bottom: 0;
  	}
  	.row .primary-menu-ul>li{padding: 0;}
  	.footer--row .footer--row-inner, .footer--row .footer--row-inner .container .row
  	{
		align-items: start;
	}
}

@media only screen and (max-width: 767px) {
	.footer-top-inner, 
	.footer-bottom-inner{
		padding: 30px 15px;
	}
}


.scroll-to-top {
  position: fixed;
  bottom: 30px;
  right: 20px;
  display: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  align-items: center;
  justify-content: center;
  border-radius: 1px;
  padding: 10px 10px;
  color: #ffffff;
  background-color: #23a8e1;
  z-index: 100000; }
  .scroll-to-top:hover {
    cursor: pointer; }

@media (min-width: 960px) {
  .scroll-to-top {
    display: flex; } }

