/*
Theme Name: SVX
Theme URI: https://sv.agency
Author: SV
Author URI: https://sv.agency
Description: SV
Version: 0.1.0
Tested up to: 6.4
Requires PHP: 7.4
License: -
License URI: -
Text Domain: sv
Tags:
 *
 * @see https://sv.agency
 * @see ../__AI/CURSOR_TEMPLATE.md
 *
 * SVX WordPress Development Environment:
 * - Site URL: https://wpsvx.local
 * - Admin URL: https://wpsvx.local/wp-admin
 * - Xdebug Port: 9003
 * - PHP Version: 8.2.27
 * - Database: local (MySQL 8.0.35)
 *
 * Development Tools:
 * - SVX LocalDev Plugin: ../wp.svx.wp-content/plugins/wp.plugin.localdev/
 * - Debug Logs: ../wp.svx/logs/
 * - Xdebug Test: https://wpsvx.local/_cursor/xdebug-test.php
 *
 * Cursor Instructions:
 * - Set breakpoints in PHP files
 * - Start debugging with F5 → "Listen for Xdebug"
 * - Test changes immediately in WPLocal environment
 * - Access real-time logs for debugging
 *
 * Repository Context:
 * - Current Repository: wp.theme.svx
 * - Type: Theme
 * - WordPress Core: ../wp.svx/app/public/
 * - Content Directory: ../wp.svx.wp-content/*/


/*------------------------------------------------------------------------------------------
## Svag
-------------------------------------------------------------------------------------------*/
/* all fonts */

/*
@font-face {
	font-family: "Public Sans Roman";
	src: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/85648/PublicSans-Roman-VF.ttf");
}
*/

/*
@media only screen and (min-width : 420px) {
	body {
	  font-size: calc( 15px - 4px );
	}
  }
  @media only screen and (min-width : 720px) {
	body {
	  font-size: calc( 15px - 2px );
	}
  }
  @media only screen and (min-width : 1200px) {
	body {
	  font-size: 15px;
	}
  }
  */

/* Google Fonts moved to functions.php for better performance */


.sv-lottie-overlay h1{
	font-family: 'Dosis',Arial, Helvetica, sans-serif;
}

#brand,
.sv-grid-posts .bloglist h4{
	font-family: 'Poppins',Arial, Helvetica, sans-serif;
}

.brand-hide{display: none;}

header #menu-btn:before,.d-stars:before, .de-pricing-s1 .d-list li:before,
.alignleft .page-link:before, .alignleft a.page-link:before,
.alignright .page-link:after, .alignright a.page-link:after {
	font-family: FontAwesome;
}
.wpcf7-submit,.added_to_cart,.sv-main-button,:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button{
	font-family: Raleway;
}

/* overwritten by theme ------------------------------- */ 

body {
	color: var(--body-color);
	font-size: 16px;
}
h1, h2, h3, h4, h5, h6{
	color: var(--title-color);
}
body.theme-light {
	background-color: white !important;
	color: #000000 !important;
}
body.theme-light h1, body.theme-light h2, body.theme-light h3, body.theme-light h4, body.theme-light h5 {
	color: #000000 !important;
}
body.theme-light footer {
	background: none;
	color: #000;
}
body.theme-light a,body.theme-light footer a,body.theme-light .social-icons i{
	color: #000 !important;
}
body.theme-light a.btn-line-white{
	border-color: #000 !important;
}
body.theme-light .subfooter{
	background: none;
}
header {
	background: rgba(40, 40, 40, 0.9);
	background: var(--secondary-color) !important;
	backdrop-filter: blur(10px);
	display: block;
	/*position: fixed !important;*/
	box-shadow: 4.0px 8.0px 8.0px hsl(0deg 0% 0% / 0.38) !important;
	height: 90px;
	z-index: 9999999999;
}
#mainmenu a{
	background: rgba(40, 40, 40, 0.9);
	background: var(--secondary-color) !important;
	backdrop-filter: blur(10px);
	display: block;
	/*position: fixed !important;*/

}
#logo .logo, .logo-small{
	height: 15px;
}
header .info {
	display: block;
  /*  position: fixed;*/
    padding: 0px;
    width: 100%;
    z-index: 9999999999999999999;
    border-bottom: none;
}
header.autoshow.scrollOff {
	top: -90px;
}
header.autoshow {
	top: -90px;
}
header div#logo, header {
	height: 90px;
}
footer .sv-icon-span, footer .style-svg{max-width: 70px;}
#mainmenu li ul.mega ul, #mainmenu li>ul{
	top: 90px;
	border: none;
}
#mainmenu li li, header.header-mobile #mainmenu li {
	border-bottom: none;
	margin-bottom: -1px !important;
}

#mainmenu li li a{
line-height: 40px !important;
}

#wrapper,#content,section{
	background: none;
}
.sv-lottie-overlay h1{
	margin: 0;
	margin-top: 0px !important;
	text-align: left;
	letter-spacing: inherit;
	text-transform: inherit;
	font-size: calc(1.325rem + .9vw);
	margin-top: 0;
	color: #eceff3;
	display: inline-block;
	font-weight: 500;
	margin-bottom: 30px;
	line-height: 1.2em;
	margin-block-start: 0.83em;
	margin-block-end: 0.83em;
	margin-inline-start: 0px;
	margin-inline-end: 0px;
}
.sv-lottie {
	padding-bottom: 50px !important;
}
.sv-comparison .top {
	padding-top: 20px;
}
.sv-comparison h2{
	margin: 0px !important;
}
.sv-comparison .ribbon{
	line-height: 30px !important;
}
.sv-comparison .bottom i{
	font-size: 30px !important;
	margin-top: 14px;
	float: left;
}
.sv-comparison .bottom ul li > span{
	color: var(--primary-color-1);
}
.sv-comparison .bottom ul li.failed > span,.sv-comparison .bottom li.failed i,.sv-comparison .bottom ul li.failed {
	color: #df5555 !important;
}
.sv-comparison .top img {
	max-height: 40px;
	margin-top: 20px;
}

.modal-dialog h5 {
	color: var(--primary-color-1);
}
.modal-content {
	border: 1px solid rgba(255, 255, 255, 0.2);
}
.modal-header {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.modal-footer{
	border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.de-simple-tab-nav li span{
	background: var(--primary-color-1)
}
.de-simple-tab-nav li span{
	background: var(--primary-color-1)
}
.box-number.square i {
	border-radius: 2px;
}
.project-name {
	font-size: 30px;
	text-transform: uppercase;
	letter-spacing: 10px;
}
#toggle{
	float: right;
	margin-top: 24px;
	height: 36px;
	width: 36px;
	border-radius: 5px;
	color: #000;
	margin-left: 40px;
	font-size: 23px;
	padding: 7px 8px;
}
.container-4 .de-team-list {
	width: 20%;
	float: left;
	position: relative;
}
.case-study-hero img{
	height: auto;
}
.sv-stats.overlap {
	margin-top: -190px;
}
.sv-stats.no-overlap {
	margin-top: 0px;
}
.sv-stats {
	padding: 20px 0px 0px !important;
}


#mainmenu li ul {
	margin-top: -1px;
}


@media (max-width: 992px){


	#mainmenu li li a::before {
		content: '';
		display: inline-block;
		height: 7px;
		width: 10px;
		margin-left: -20px;
		margin-right: 10px;
		background-color: var(--primary-color-1);
	}

	#mainmenu a{
		width: calc( 100% + 70px);
		margin-left: -40px;
		padding-left: 40px;
		box-shadow: 4.0px 8.0px 8.0px hsl(0deg 0% 0% / 0.38) !important;
	}
	#mainmenu li li a{
		width: calc( 100% + 110px);
		margin-left: -80px;
		padding-left: 60px;
	}
}
.theme-light .accordion{
	filter: invert(100%);
	-webkit-filter: invert(100%);
}
/* lottie content overlays - negative margin guesswork :) */
/*@media only screen and (min-width: 480px){
	.sv-lottie-overlay{
		margin-top: -50vw;
	}
	.home .sv-lottie-overlay {
		margin-top: -39vw;
	}
}
@media only screen and (min-width: 768px){
	.sv-lottie-overlay{
		margin-top: -40vw;
	}
	.home .sv-lottie-overlay{
		margin-top: -39vw;
	}
}
*/

.sv-lottie-overlay{
	/*margin-top: -39vw !important;
	*/

	/*
	margin: 0;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-ms-transform: translateY(calc(-50% + 80px));
	transform: translateY(calc(-50% + 80px));
	transform: translateY(calc(-50% + 80px));*/
}
/*.sv-lottie{
	min-height: 30vw;
}
*/
.tool-block {
	height: 422px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: -55PX -60px;
	position: relative;
	padding: 20px 30px;
}
input[name="email_for_non_humans"]{
	margin-right: -1000px;
}
.acf-form-fields{
	display: flex;
	float: right;
}
.acf-field .acf-label{
	display: none;
}
.acf-form-fields input{
	display: block;
	width: 100%;
	padding: .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.acf-button{
	cursor: pointer;
	height: 100%;
	border: solid 1px rgba(255,255,255,.2);
	color: #eceff3;
	color: #fff;
	font-weight: 500;
	font-size: 12px;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	padding: 3px;
	padding-left: 10px;
	padding-right: 10px;
	text-transform: uppercase;
	display: inline-block;
	text-align: center;
	letter-spacing: 2px;
	text-decoration: none;
	background-color: transparent;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.acf-button:hover{
	border-color: var(--primary-color-1);
	background-color: var(--primary-color-1);
	color: #111;
}
.acf-form-submit {
	padding: 0 !important;
}
#sv-newsletter-form {
	width: 230px;
}
/*
.sb-item.sb-youtube .sb-inner {
	height: 300px !important;
}*/
.sboard.sb-metro .sb-item .sb-inner2, .sboard.sb-metro .sb-item .sb-inner3{
padding: 0px;
}

.sboard.sb-metro .sb-item .sb-inner .sb-text{padding: 15px; max-height: 180px;}

.home .sv-lottie{
	padding-bottom: 0px !important;
}
.home .sv-carousel{
	padding-top: 0px;
}
.home .sv-carousel.sv-features {
	padding: 0px 0 90px 0 !important;
}
.home .sv-stat{
	padding-top: 0px !important;
	margin-top: -96px;
}
rs-module-wrap h1{
	line-height: 29px !important;
}
#sv-carousel-block_6185ad540ecc2{
	padding-top: 10px !important;
	padding-bottom: 0px !important;
	margin-bottom: 0px;
}
@media (max-width: 992px){
	#sv-lottie-block_618593c325fe0 {
		padding-top: 0px !important;
	}

#mainmenu li, header.header-mobile #mainmenu li {
	border-bottom: 0px;
	margin-bottom: -1px !important;
}

}
.stat-block::before{
	background-color: #1b1c20 !important;
}
#sv-carousel-block_6185ad540ecc2{
	border-top: 1px solid #1b1c20;
}
.stat-block::before {
	opacity: 0;
}
#toggle{
	display: none;
}
.brand-keyline1{
	height: 6px;
	background-color: var(--primary-color-1);
	width: 100%;
	display: block;
}
#sv-news-block_61884709f2d21{
	padding-top: 0px;
}
#sv-title-block_618a59bc5327f,#sv-title-block_618a5738fa02c{
	padding-bottom: 0px;
}
#sv-carousel-block_618be47608175{
	padding-top: 0px;
}
#sv-title-block_618be65808176{
	padding-bottom: 0px;
}
/* members cards -------------------------------------------------------------------- */
.card-ecosystem {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-color: rgba(27, 28, 32, 0.7);
}
.card-ecosystem-inner h3 {
	font-size: 28px;
	min-height: 65px;
	color: var(--primary-color-1);
}
.card-ecosystem-text {
	height: 110px;
}
.card-ecosystem-btn {
	display: block;
	margin-top: 30px;
}
.card-ecosystem-btn a {
	background: linear-gradient(258.94deg, var(--primary-color-1) 31.81%, var(--primary-color-1) 100%);
	display: inline-block;
	padding: 7px 25px;
	font-size: 14px;
	line-height: 14px;
	text-transform: uppercase;
	color: #000;
	letter-spacing: 0.07em;
}
.card-ecosystem .card-image{
	width: 100%;
	background-size: cover !important;
	background-position: 0 !important;
	height: 150px;
}
.single-feature .sv-wysiwyg{
	padding-top: 0px;
}
.single-feature .post-text,.single-feature p.lead{
	padding: 0px;
}

.stat-inner-wrapper h3 {
	color: var(--primary-color-1) !important;
}
.sv-stat .glide__slide{
	/*background-color: rgba(255, 255, 255, 0.09) !important;
	*/
}
.grad-yellow {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, var(--primary-color-1) 100%) !important;
}
#sv-text-media-block_6165ec0eb4519{
	padding-bottom: 0
}
#sv-text-media-block_619032fb40fd2{
	padding: 0
}
/* ----------------------------------- mobile -------- */
@media only screen and (max-width: 767px) {
	.sv-lottie-overlay{
		margin-top: 50px !important;
		width: 100%;
	}
	/* hp -------------------------------------------------------- */
	#sv-lottie-block_618593c325fe0 {
		min-height: calc( 100vh - 255px ) !important;
	}
	#sv-lottie-block_618593c325fe0 .sv-lottie-overlay {
		margin-top: 40% !important;
	}
	.repeater-hero-sec{
		display: none;
	}
	header {
		position: fixed;
	}
	.footer-left {
		float: left;
		width: 30%;
		margin-bottom: 0px !important;
	}
	.footer-middle{
		display: none;
		margin-bottom: -10px !important;
	}
	.footer-right {
		float: right;
		width: 70%;
		margin-bottom: 0px !important;
	}
	.tl-main{
		padding-right: 20px;
	}
	.sv-title-desc .head-text {
		width: 75%;
	}
	.head-icon {
		float: right !important;
	}
}
#sv-carousel-block_6190532dc2267,#sv-testimonial-block_616ea225d0213{
	padding-top:0px;
}
#sv-lottie-block_617fdc2bda800{
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
}
.projects-box .btn-line {
	position: absolute;
	bottom: 30px;
}
.projects-box .directory-desc {
	line-height: 20px;
	font-size: 14px;
}
/*#sv-carousel-block_618013243ff10 .card-2-btn{
	display: none;
}
#sv-carousel-block_618b950cf2596 .card-2-btn{
	display: none;
}
*/
.sv-members .member-content h3 {
	margin-bottom: 10px !important;
}
.sv-members .member-desig {
	margin-bottom: -10px !important;
}
/* M UPDATES ------------------------- */
@media(min-width: 768px) and (max-width: 991px) {
	section {
		/* padding: 40px 0 40px 0;
		*/
	}
	.sv-timeline .row > div.col-md-6:nth-child(2) {
		width: 100% !important;
		margin-left: 0 !important;
	}
	.sv-grid-text .box-number .number {
		position: relative;
		margin: 0 auto 15px;
	}
	.sv-grid-text .box-number .text {
		/*margin-left: 0;
		text-align: center;
		*/
	}
	.sv-lottie-overlay {
		margin-top: 50px !important;
	}
}
@media(max-width: 767px) {
	/* Homepage Issues */
	.sv-stat .slider__frame {
		padding: 0 15px;
	}
	.sv-title-desc .style-5 .card-header {
		padding-right: 0;
	}
	.sv-title-desc .style-5 .head-icon {
		width: 50px !important;
		float: left !important;
	}
	.head-icon img {
		width: 100%;
	}
	.sv-title-desc .head-text {
		width: 80%;
		float: right;
		margin-left: 10px !important;
	}
	.card-header p {
		font-size: 15px;
		width: 100%;
		line-height: 20px;
	}
	.card.style-5::after {
		width: 40% !important;
	}
	.sv-mailinglist .container {
		padding: 0;
	}
	.sv-mailinglist h2 {
		text-align: center;
	}
	.sv-mailinglist .acf-form-fields {
		float: none;
	}
	.sv-mailinglist h2 > a > img, .sv-mailinglist h2 > img {
		display: block;
		margin: 10px auto 0;
	}
	.sv-mailinglist .container .col-md-12 {
		margin-bottom: 30px;
	}
	/* History Page Responsive CSS */
	.timeline.exp::before {
		display: none;
	}
	.timeline .tl-block {
		margin-top: 0;
		margin-bottom: 50px;
	}
	.timeline .tl-block .tl-time {
		float: none;
		display: inline-block;
	}
	.timeline.exp .tl-block .tl-bar {
		display: none;
	}
	.timeline.exp .tl-message {
		margin-left: 0;
		float: none;
		margin-top: 20px;
	}
	/* Sustainability Page */
	.sv-grid-text .box-number .number {
		position: relative;
		margin: 0 auto 15px;
	}
	.sv-grid-text .box-number .text {
		/* margin-left: 0;
		text-align: center;
		*/
	}
	/* Develop Page */
	.sv-text-media .btn-custom {
		margin-bottom: 10px;
	}
	/* Projects Page */
	.member-content {
		line-height: 16px;
	}
	.member-desig, .member-company {
		line-height: 23px;
	}
	.footer-left {
		float: none;
		width: 100%;
		text-align: center;
	}
	.footer-right {
		float: none;
		width: 100%;
		text-align: center;
	}
	footer {
		padding: 0px 0 0 0;
	}
}
/* M END ------------- */
.page-404 .sv-lottie-overlay {
	margin-top: 200px !important;
	margin-bottom: 200px !important;
}
.card-2 {
	background-size: cover !important;
}
.sv-grid-text h3 {
	white-space: nowrap;
}
/* angga finese ------ */
@media only screen and (max-width: 813px){
	/* iphone 11 downwards */
	h2.style-5 {
		font-size: 38px;
	}
}
/* home */
#sv-text-media-block_61995effbb35e .container {
	margin-top: -120px;
}
#sv-text-media-block_61995effbb35e .container{
	margin-bottom: -100px;
}
.sv-mailinglist {
	margin-top: 70px;
}
.widget {
    padding-bottom: 20px;
}
footer {
	padding: 0px;
	margin: 0 0 0 0;
}
.timeline.exp .tl-block .tl-bar {
	margin-left: 200px;
}
.timeline.exp:before {
	left: 212px !important;
}
#sv-cta-block_616b4adf76ff7{
	margin-top: 80px;
}
@media only screen and (max-width: 767px){
	.feature-template-default #content {
		margin-top: 0px;
	}
}
#menu-btn {
	padding: 4px !important;
}
#wt-cli-accept-all-btn{
	color: #000 !important;
	background-color: var(--primary-color-1) !important;
}
.cli-style-v2 .cli-bar-btn_container .cli-plugin-button{
	color: #fff !important;
	background-color: #1b1c20 !important;
}
/*@media only screen and (min-width: 1200px){
	.sv-lottie-text{
		margin-top: -400px;
	}
}
@media only screen and (min-width: 1400px){
	.sv-lottie-text{
		margin-top: -500px;
	}
}
@media only screen and (min-width: 1600px){
	.sv-lottie-text{
		margin-top: -600px;
	}
}
*/
/* mega menu ------------------------------------------------------- */
/*ul.sub-menu{
	position: fixed !important;
	width: 100% !important;
}
#mainmenu li li{
	float: left;
	width: 33.333%;
	height: 200px;
}
#mainmenu li li a {
	height: 100%;
	width: 100%;
}
*/
.single .sv-lottie-overlay{
	margin-top: 0px;
	margin-bottom: 0px;
}
.single #services-list li a:hover{
	background-color: rgba(1, 1, 1, .27)
}
/* ====== */
.alignleft {
	float: left;
	margin-right: 30px;
}
.alignleft figcaption {
	text-shadow: 0px 0px 5px #000000;
	margin-top: -30px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: right;
}
.alignright {
	float: right;
	margin-left: 30px;
}
.alignright figcaption {
	text-shadow: 0px 0px 5px #000000;
	margin-top: -30px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
}
.page-link {
	border: solid 1px rgba(255,255,255,.2);
	border-color: #111111;
	color: #111111;
	width: 125px;
	text-align: center;
	font-weight: 500;
	font-size: 12px;
	border-radius: 0.25rem!important;
	padding: 3px;
	text-transform: uppercase;
	display: inline-block;
	text-align: center;
	letter-spacing: 2px;
	text-decoration: none;
	background-color: var(--primary-color-1);
}
.alignright .page-link:after, .alignright a.page-link:after {
	-o-transition: .0s;
	-ms-transition: .0s;
	-moz-transition: .0s;
	-webkit-transition: .0s;
	transition: .0s;
	outline: none;
	content: "\f054";
	margin-left: 10px;
	padding-left: 0px;
	margin-top: 1px;
}
.alignleft .page-link:before, .alignleft a.page-link:before {
	-o-transition: .0s;
	-ms-transition: .0s;
	-moz-transition: .0s;
	-webkit-transition: .0s;
	transition: .0s;
	outline: none;
	content: "\f053";
	margin-right: 10px;
	padding-right: 0px;
	margin-top: 1px;
}
.page-link:hover, .page-link:focus{
	background-color: var(--primary-color-1);
	color: #fff !important;
	border-color: #111111;
}
.sv-post-navigation{
	margin-top: 60px;
	padding-bottom: 60px;
}
#sv-title-block_61995ef9bb35d {
	padding-top:90px 
}
@media only screen and (min-width: 993px){
	.language.menu-item{
		background-size: 30%;
		background-repeat: no-repeat;
		background-position-y: center;
		background-position-x: 20px;
		width: 70px;
		background-image: url(/wp-content/themes/wp.theme.svag/img/flags/english.jpg);
		font-size: 0px;
	}
	.es.menu-item a, .es.menu-item a:hover{
		font-size: 10px !important;
		background-size: 15% !important;
		background-repeat: no-repeat !important;
		padding-left: 45px !important;
		background-position-y: 5px !important;
		background-position-x: 5px !important;
		background-image: url(/wp-content/themes/wp.theme.svag/img/flags/spanish.jpg) !important;
	}
	.de.menu-item a, .de.menu-item a:hover{
		font-size: 10px !important;
		background-size: 15% !important;
		background-repeat: no-repeat !important;
		padding-left: 45px !important;
		background-position-y: 5px !important;
		background-position-x: 5px !important;
		background-image: url(/wp-content/themes/wp.theme.svag/img/flags/german.jpg) !important;
	}
	.zh.menu-item a, .zh.menu-item a:hover{
		font-size: 10px !important;
		background-size: 15% !important;
		background-repeat: no-repeat !important;
		padding-left: 45px !important;
		background-position-y: 5px !important;
		background-position-x: 5px !important;
		background-image: url(/wp-content/themes/wp.theme.svag/img/flags/chinese.jpg) !important;
	}
	.ru.menu-item a, .ru.menu-item a:hover{
		font-size: 10px !important;
		background-size: 15% !important;
		background-repeat: no-repeat !important;
		padding-left: 45px !important;
		background-position-y: 5px !important;
		background-position-x: 5px !important;
		background-image: url(/wp-content/themes/wp.theme.svag/img/flags/korean.jpg) !important;
	}
	.ko.menu-item a, .ko.menu-item a:hover{
		font-size: 10px !important;
		background-size: 15% !important;
		background-repeat: no-repeat !important;
		padding-left: 45px !important;
		background-position-y: 5px !important;
		background-position-x: 5px !important;
		background-image: url(/wp-content/themes/wp.theme.svag/img/flags/russian.jpg) !important;
	}
	.en.menu-item a, .en.menu-item a:hover{
		font-size: 10px !important;
		background-size: 15% !important;
		background-repeat: no-repeat !important;
		padding-left: 45px !important;
		background-position-y: 5px !important;
		background-position-x: 5px !important;
		background-image: url(/wp-content/themes/wp.theme.svag/img/flags/english.jpg) !important;
	}
}
.item.communities img{
	width:33%;
	height: 33%;
}
.product .post-text h4 {
	height: 200px !important;
	line-height: 190px !important;
}
.sv-grid-posts .spacer-single{
	margin-right: 25%;
	margin-left: 25%;
}
.sv-users p.position{
	color: var(--primary-color-1) !important;
	margin-bottom: 0px !important;
}
.sv-grid-posts .bloglist h4{
	font-weight: 400;
	font-size: 1.3em !important;
}
.sv-grid-posts .bloglist{
	text-align: center;
}
.sv-grid-icons i.large{
	height: 72px !important;
	min-width: 72px !important;
}
.sv-grid-posts .product .post-text {
	padding: 0px !important;
	padding-bottom: 0px !important;
}
.sv-grid-posts .product .post-text h4 {
	margin-bottom: 0px !important;
}
.sv-users p.description{
	color: #fff !important;
	line-height: 1.3em;
}
.sv-users h3.name{
	color: #fff;
}
.sv-users p.company{
	color: var(--primary-color-1);
}
.sv-users .de-team-list .small-border{
	margin: 10px 0 15px 0;
}
.sv-users{
	padding-top: 20px;
}
.sv-title{
	padding: 0;
}
.btn-line:hover span {
	color: #fff !important;
}

.fa-android, .fa-apple {
	color: var(--primary-color-1) !important;
}

.projects-wrapper {
	column-gap: 1rem;
	column-count: 4;
	width: 100%;
	margin: 0 auto;
}
.sv-project{
	display: inline-flex !important;
	box-sizing: border-box !important;
	margin: 0 0.2rem 1rem !important;
	padding: 15px !important;
	transition: all 0.2s ease-out !important;
}
.stat-block .stat-inner-wrapper h3 {
	font-size: 23px !important;
	line-height: 33px;
	font-weight: 700;
	margin-bottom: 5px;
}
.btn-line, a.btn-line, .text-light a.btn-line, .btn-custom{
	min-height: 50px !important;
	line-height: 50px !important;
	border-radius: 0.25rem !important;
	padding-top:0px !important;
	padding-bottom: 0px !important;
	border: 0px !important;
}
.btn-custom:hover{
	color: #fff !important;
}
a.btn-line-white, .de_light a.btn-line-white {
	padding: 10px 25px 10px 25px !important;
}
a.btn-line.black{
	background: var(--primary-color-1) !important;
}
.sv-hero .container .row{
	/* background-image: linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,0));
	*/
}
.sv-hero .container::before {
	display: inline-block;
	width: 150px;
	height: 100%;
	background-image: linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0));
}
.single-feature-title {

	margin-bottom: 60px !important;
}
.sv-hero .container::after{
	display: inline-block;
	width: 150px;
}
.sv-hero .hero-left {
	width: 2000px;
	margin-left: -2012px;
	height: 522px;
	background-image: linear-gradient(270deg, #000000 0%, #000000ab 20%);
	float: left;
	/*background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 1)),url("../../../wp-content/themes/wp.theme.svag/img/overlay.png");
	*/
}
.ss-network-icon{
	background-color: #000 !important;
	outline:0 !important;
	color: var(--primary-color-1) !important;
}
.ss-social-icons-container a{
	background-color: #000000 !important;
	width: 32px;
	height: 34px;
	line-height: 42px;
	font-size: 14px;
}
.ss-social-icons-container a svg{
	height: 32px !important;
}
.single-feature-title {

	margin-bottom: 0px !important;
}
.widget-post a{
	color: var(--primary-color-1) !important;
}
cite{
	font-size: 16px;
	font-style: normal;
	right: 0;
	text-align: right;
	display: block;
	width: 100%;
}
a {
	color: var(--primary-color-1);
	text-decoration: none;
}

a:hover {
	color: var(--body-color);
}
.arrow {
	text-align: center;
	margin: 0;
	margin-top: -35px;
}
.bounce {
	-moz-animation: bounce 2s infinite;
	-webkit-animation: bounce 2s infinite;
	animation: bounce 2s infinite;
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		transform: translateY(0);
	}
	40% {
		transform: translateY(-30px);
	}
	60% {
		transform: translateY(-15px);
	}
}
/*/
/ X-Small devices (portrait phones, less than 576px)// Small devices (landscape phones, 576px and up)// Medium devices (tablets, 768px and up)// Large devices (desktops, 992px and up)// X-Large devices (large desktops, 1200px and up)// XX-Large devices (larger desktops, 1400px and up)*/

@media only screen and (max-width: 767px){
	
}
@media only screen and (max-width: 1399px){
	
}
@media only screen and (max-width: 1199px){
	
}
@media only screen and (max-width: 959px){
	
}
@media only screen and (max-width: 767px){
	

}
@media only screen and (max-width: 579px){
	
	
	
	.hide-on-mobile{
		display: none;
	}

	.text-right text-clip{
		line-height: 16px;
		text-size: calc( 15px - 4px );
	}
}
.glide__arrow.glide__arrow--left,.glide__arrow.glide__arrow--right{
	background-color: #111 !important;
}



.timeline .tl-block .tl-time {
	width: 160px;
	margin-top: -19px;
}
.timeline .tl-block .tl-time h4 {
	font-size: 15px;
}
.timeline .tl-message {
	margin-top: -25px;
}
.home .aioseo-breadcrumbs{
	margin-top: -10px !important;
}
body.page-template---publicviewsrevslider-page-template-php{
	margin: 0 !important;
}
.modal-svag-small {
	margin: 0 auto !important;
	max-width: 800px !important;
	max-height: 500px !important;
}
.btn-line .svag-btn-1{
	color: #fff;
}
.modal-dialog {
}
.svag-modal-close{
	position: absolute;
	bottom: 0;
}
.sv.call-to-action a{
	color: #222;
}
.sboard.sb-metro .sb-item .sb-thumb img {
/*	margin-bottom: -30px;
	margin-top: -30px;*/
}
.sboard.sb-metro .sb-item .sb-title a{
	color: var(--primary-color-1) !important;
	font-size: 14px !important;
}

.sboard .sb-info{
	display: none !important;
}
.sboard .sb-item .sb-inner{
	min-height: inherit !important;
	/*height: 85px !important;*/
}
#sv-wysiwyg-block_8f65af7dfbeb39947a24881b9e399243 .sboard.sb-metro .sb-item .sb-thumb img {
	/* margin-bottom: -30px;
	*/
	/* margin-top: -30px;
	*/
	margin-left: -48px;
	width: 132%;
	max-width: 2000px;
}
.d-stars:before {
	display: block;
	content: "\f005 \f005 \f005 \f005 \f005";
}
.d-stars:before, .de-pricing-s1 .d-list li:before {
	color: var(--primary-color);
}
.sv-news a .post-text p{
	color: var(--body-color) !important;
}
p.sv-lead{
	font-size: 21px;
}
.sv-no-padding{
	padding: 0px !important;
}
.sv-center-bg{
	background-position: center !important;
}
.text-yellow{
	color: var(--primary-color-1) !important;
}
.card .zmdi{
	color: var(--primary-color-1) !important;
}
.no-bottom{
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
}
.no-top{
	margin-top: 0px !important;
	padding-top: 0px !important;
}
.svag-rev-slider-wrapper{
	z-index: 0;
}

.sv-cta .sv-cta-200{
    height: 200px !important;
}

.sv-wysiwyg  h2{
	margin-left: -15px;
}



.woocommerce #content table.cart img, .woocommerce table.cart img, .woocommerce-page #content table.cart img, .woocommerce-page table.cart img {
	min-width: 90px;
}

.woocommerce table.shop_table td{
	width: 20% !important;
}

header div#logo{display:inline-table;height:90px;}



#toggle,
#menu-btn,
#mainmenu{

	
	-webkit-transition:0s;
	-moz-transition:0s;
	-ms-transition:0s;
	-o-transition:0s;
	transition:0s;
	
	
	transition-timing-function: ease-in-out;
	transition-duration: 0s;
	transition-delay: 500ms;
	transition-property:opacity 1s linear !important;
	

	visibility: visible !important;
	opacity: 1 !important;
	
}

.menu-item,
#logo{

	
	-webkit-transition:.3s;
	-moz-transition:.3s;
	-ms-transition:.3s;
	-o-transition:.3s;
	transition:.3s;
	
	
	transition-timing-function: ease-in-out;
	transition-duration: 1s;
	transition-delay: 500ms;
	transition-property:opacity 1s linear !important;
	

	visibility: visible !important;
	opacity: 1 !important;
	
}

.main-menu, #mainmenu{height: 90px !important; margin-bottom: 0px !important; top: 0px !important;}




/* ------- frontend.css -------------- */

/*------------------------------------------------------------------------------------------
## Login Page Styling
-------------------------------------------------------------------------------------------*/
body.login {
	background-color: #000 !important;
}
		
.login form .input {
    background: #181818;
    border: solid #2b2b2b;
	text-align: center;
}
		
.login form input[type='password'] {
    font-family: Verdana !important;
    letter-spacing: 0.125em !important;
	font-size: 10px !important;
	color: #fff !important;
	text-align: center  !important;
}
		
.login form .input:focus {
    outline: none !important;
    border:1px solid #eab300 !important;
    box-shadow: 0 0 10px #eab300 !important;
}
		
.login #login_error {
    border-left-width: 0px !important;
    border-bottom-width: 20px !important;
    border-bottom: solid #eab300 !important;
    border-top: solid #eab300 !important;
    background-color: #000 !important;
    text-align: center !important;
    color: #fff !important;
}
		
.login label {
    text-align: center !important;
    display: block !important;
}
		
.login h1 a {
	background-size: contain !important;
	background-position: center center !important;
    height: 150px !important;
	width: 260px !important;
    background-image: url(../img/sv-logo.png); 
	margin: auto !important;
}
		
#loginform {
    background: #000; 
    border: 0; 
    color: #eab300;
}

.wp-core-ui .button-primary {
    background-color: #eab300; 
    width: 100% !important;
}

.wp-core-ui .button-primary:hover, 
.wp-core-ui .button-primary:active, 
.wp-core-ui .button-primary:focus {
    border-color: #eab300; 
    background-color: #CC9800; 
    box-shadow: none !important;
}

/* Footer Contact Information Styles */
.footer-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
}

.footer-right a {
    display: flex;
    align-items: center;
    color: inherit;
    text-decoration: none;
    transition: color 0.3s ease;
}

.footer-right a:hover {
    color: var(--primary-color-1, #007cba);
}

.footer-right a i {
    margin-right: 8px;
    font-size: 1.1em;
}

.footer-right .contact-text {
    font-size: 0.9em;
    white-space: nowrap;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .footer-right {
        gap: 8px;
    }
    
    .footer-right a {
        font-size: 0.9em;
        margin: auto;
    }
    
    .footer-right a i {
        margin-right: 6px;
    }
}

@media (max-width: 480px) {
    .footer-right {
        gap: 6px;
    }
    
    .footer-right a {
        font-size: 0.8em;
    }
    
    .footer-right .contact-text {
        font-size: 0.8em;
    }
}

/* URL Parameter Controls for Hiding Sections */
/* Hide header when ?header=0 */
body.hide-header header {
    display: none !important;
}

/* Hide hero section when ?hero=0 */
body.hide-hero .sv-hero {
    display: none !important;
}

/* Hide footer when ?footer=0 */
body.hide-footer footer {
    display: none !important;
}

/* Hide sidebar when ?sidebar=0 */
body.hide-sidebar .sv-sidebar {
    display: none !important;
}

/* Make main content full width when sidebar is hidden */
body.hide-sidebar .sv-main {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

/* Adjust container padding when header is hidden */
body.hide-header .container {
    padding-top: 0 !important;
}

/* Adjust section padding when header is hidden */
body.hide-header section {
    padding-top: 0 !important;
}

/* Show main content only - hide all other sections */
body.hide-header.hide-hero.hide-footer.hide-sidebar .sv-main {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin: 0 !important;
    padding: 20px !important;
}

/* Remove container padding when showing main only */
body.hide-header.hide-hero.hide-footer.hide-sidebar .container {
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
}

/* Remove section padding when showing main only */
body.hide-header.hide-hero.hide-footer.hide-sidebar section {
    padding: 0 !important;
    margin: 0 !important;
}

/* Hide hero content section when showing main only (for popups) */
body.hide-header.hide-hero.hide-footer.hide-sidebar .row .col-12.sv-flexed {
    display: none !important;
}

/* Revolution Slider Mobile Fixes */
@media (max-width: 768px) {
}

/* Mobile H1 Font Size Adjustments */
@media (max-width: 768px) {
    h1.slogan_big,
    h1.title,
    h1.title.s2,
    h1.title.s3 {
        font-size: 24px !important;
        line-height: 1.3 !important;
    }
    
    /* Mobile Padding Adjustments */
    .padding-bottom-90 {
        padding-bottom: 30px !important;
    }
    
    .padding-top-90 {
        padding-top: 30px !important;
    }
    
    /* Mobile SV Text Media Margin */
    .sv-text-media.sv-image {
        margin-top: 30px !important;
    }
    
    
    /* Mobile SV Title Margin */
    .sv-title {
        margin-bottom: 0px !important;
    }
    
    /* Mobile H2 Font Size */
    .h2, h2 {
        font-size: calc(1rem + .9vw) !important;
    }
    
    /* Mobile Logo Height */
    #logo .logo, .logo-small {
        height: 24px !important;
    }
}

.sv-modal .modal-body {
	padding: 0px !important; 
	}