/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

#main, #wrapper, section {
	background-color: #000;
}

.home-connections h4, .home-service h4, .home-work h4, .work-posts h4, section.contact-form h4, .footer-block h4 {
	color: #ed6f24;
	letter-spacing: 1px;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 14px;
	margin-bottom: 0;
}

.home-connections h3, .home-about h3, .home-service .tabbed-content li.tab a span, .service-individual h3, .work-posts h3, .clientele-logo h3, .contact-form h3, .blog-featured-title.featured-title .page-title-inner h1, .blog-wrapper h3, .home-service .nav > li > a, .home-clientele h3 {
	font-size: 40px;
	line-height: 1.2;
}

.home-service h3 {
	font-size: 30px;
}

span.orange-text {
	color: #ed6f24;
}

.subpage-banner h1 {
	height: 150px;
	background: url(/wp-content/uploads/2026/04/Ellipse-8.png) center center no-repeat;
	background-size: contain;
	font-size: 40px;
	display: flex;
justify-content: center;
align-items: center;
}
.nav-line-bottom>li>a:before, .nav-line-grow>li>a:before, .nav-line>li>a:before {
	background-color: #ed6f24;
	height: 1px;
}

.home-stat-number, .home-about h5, .home-stat-number h5 {
    font-size: 50px;
    font-weight: 700;
	color: white;
	margin-bottom: 0;
}

.home-stats-hover p{
	font-size: 16px;
	color: #ED6F24;
	
}
.row.home-stats-hover .home-stat-number span {
    color: #ED6F24 !important;
}

.row.home-stats-hover .large-2 {
	flex-basis: 20%;
        max-width: 20%;
}

.home-about-images {
  position: relative;
	
}

.header-button a.button.secondary, .work-posts button.ux-relay__button, .gform_button.button {
	border-color: #ED6F24!important;
	border-width: 1px;
	border-radius: 10px;
}

.work-posts button.ux-relay__button, .gform_button.button {
	background-color: #000 !important;
color: #ED6F24 !important;
/* 	padding: 0 30px; */
}

.work-posts button.ux-relay__button {
	padding-right: 80px;
	background: url(/wp-content/uploads/2026/04/arrow-down-Vector.png) right 15px center no-repeat #000;
	background-size: 15px auto;
	font-size: 13px;
}

.work-posts button.ux-relay__button:hover {
	background: url(/wp-content/uploads/2026/04/orange-hover-Vector-1.png) right 15px center no-repeat #ED6F24 !important;
	background-size: 15px auto !important;
	color: #000 !important;
	box-shadow: none;
}

.work-posts .work-cta a.secondary.is-outline, .gform_button.button, .home-banner a.secondary.is-outline, .home-service a.secondary.is-outline {
	padding-right: 80px;
	background: url(/wp-content/uploads/2026/04/arrow-right-Vector.png) right 15px center no-repeat #000;
	background-size: 15px auto;
	font-size: 13px;
}

.work-posts .work-cta a.secondary.is-outline:hover, .gform_button.button:hover, .home-banner a.secondary.is-outline:hover, .home-service a.secondary.is-outline:hover {
	background: url(/wp-content/uploads/2026/04/orange-hover-Vector.png) right 15px center no-repeat #ED6F24 !important;
	background-size: 15px auto !important;
	color: #000 !important;
	box-shadow: none;
}

.gform_footer {
	text-align: center;
}

a.button {
	border-width: 1px !important;
	font-size: 13px;
}

.about-img-top {
  position: relative;
  z-index: 2;
  transform: translate(60px, 40px); /* second value moves DOWN */
}

.about-img-bottom {
  position: relative;
  margin-top: -100px;
  z-index: 1;
  transform: translate(-40px, 40px); /* move down */
}

/* Optional: smooth edges */
.about-img-top img,
.about-img-bottom img {
  border-radius: 8px;
}


.logo-slider {
  overflow: hidden;
  width: 100%;
  background: transparent;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

/* Track container */
.logo-track {
  display: flex;
  width: max-content;
}

/* Duplicate groups */
.logo-group {
  display: flex;
  gap: 80px;
  align-items: center;
}

/* Logos */
.logo-group img {
  height: 50px;
  width: auto;
  opacity: 0.8;
  transition: opacity .3s ease;
}

.logo-group img:hover {
  opacity: 1;
}

/* Animation */
.logo-track-right {
  animation: scrollRight 25s linear infinite;
}

.logo-track-left {
  animation: scrollLeft 25s linear infinite;
}

@keyframes scrollLeft {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

@keyframes scrollRight {
  from { transform: translateX(-50%); }
  to { transform: translateX(0); }
}

.custom-tabs {
    display: flex;
    gap: 100px;
	margin-left: 60px;
}

.custom-tabs2 {
    display: flex;
    gap: 100px;
	margin-right: 60px;
}

.tab-link {
    position: relative;
    text-decoration: none;
    color: white;
    font-weight: 600;
    font-size: 18px;   /* bigger text */
    padding-bottom: 6px;
    transition: color .3s ease;
}

/* underline line */
.tab-link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0%;
    height: 2px;
    background: #ED6F24;
    transition: width .3s ease;
}

/* hover effect */
.tab-link:hover::after {
    width: 100%;
}

/* optional: active state */
.tab-link.active::after {
    width: 100%;
}


        .ticker-container {
            position: relative;
            background: #000;
            overflow: hidden;
            width: 100%;
        }

        .ticker-wrapper {
            position: relative;
            overflow: hidden;
            height: 300px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: sans-serif;
        }

        .ticker {
            position: absolute;
            white-space: nowrap;
            font-weight: 300;
            font-size: 38px;
            width: 100%;
            padding: 0;
            display: flex;
            align-items: center;
        }

        .inner-ticker {
            display: flex;
            flex-direction: row;
            width: max-content;
            animation: homeTickerScroll 80s linear infinite;
        }

        .ticker span {
            display: inline-block;
            margin: 0 25px;
            color: #FFF;
        }

        .ticker-black {
            background: #000;
            z-index: 2;
            left: 0;
            box-shadow: 0 0 50px rgba(0, 0, 0, 0.8);
            border-top: 1px solid rgba(255, 255, 255, 0.1);
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        }

        .ticker-orange {
            background: #ff6a00;
            z-index: 1;
            transform: rotate(-6deg);
            left: 0;
            width: 100vw;
        }

        .ticker-black .ticker-plan {
            color: #ff6a00;
        }

.ticker-orange .ticker-create {
	color: #000;
}

        @keyframes homeTickerScroll {
            from {
                transform: translateX(0);
            }

            to {
                transform: translateX(-50%);
            }
        }


/* Full post page background */
.blog-wrapper.blog-single.page-wrapper,
.blog-wrapper.blog-single.page-wrapper .row,
.blog-wrapper.blog-single.page-wrapper .large-10.col,
.blog-wrapper.blog-single.page-wrapper .article-inner {
    background-color: black !important;  /* change to your color */
}

/* Optional: text color for readability */
.blog-wrapper.blog-single.page-wrapper .entry-content,
.blog-wrapper.blog-single.page-wrapper .entry-title,
.blog-wrapper.blog-single.page-wrapper .entry-header-text,
.blog-wrapper.blog-single.page-wrapper p {
    color: white !important;  /* dark gray text */
}
.gs_logo_single {
    width: auto !important;
    padding: 0 10px !important;
}

.gs_logo_single img{
    max-height:70px !important;
    width:auto !important;
}
.gs_logo_area {
    background-color: #000 !important;  /* black background */
    padding: 20px 0;                    /* optional vertical padding */
}
/* logo container */
.sp-logo-carousel .sp-lc-logo{
    width:auto !important;
    padding:0 10px !important;
    display:flex;
    align-items:center;
    justify-content:center;
	border: 1px solid black !important;
}

/* logo image */
.sp-logo-carousel .sp-lc-image{
    max-height:70px !important;
    width:auto !important;
}

/* background section */
.sp-logo-carousel{
    background-color:#000 !important;
	
    padding:20px 0;

}

/* Default tab text white */
.work-posts .tabbed-content li.tab a span {
    color: #fff; /* default text */
    transition: color 0.3s;
	padding: 0 50px;
	font-weight: 700;
	font-size: 20px;
}

/* Active tab text orange and line */
.work-posts .tabbed-content li.tab.active a span, .work-posts .tabbed-content li.tab a:hover span {
    color: rgb(237, 111, 36);
} 

.work-posts .nav-line-bottom>li>a:before {
	background-color: #FFF;
	opacity: 1 !important;
}

.work-posts .nav-line-bottom>li.active>a:before, .work-posts .nav-line-bottom>li:hover>a:before, .work-posts .nav-line-grow>li.active>a:before, .work-posts .nav-line-grow>li:hover>a:before, .work-posts .nav-line>li.active>a:before, .work-posts .nav-line>li:hover>a:before {
	background-color: rgb(237, 111, 36);
	opacity: 1 !important;
}

.work-posts .col-inner ul li.tab {
	margin-right: 0 !important;
}

.work-posts .col.post-item > .col-inner, .work-posts .col.post-item > .col-inner .box {
	height: 100%;
}

.work-posts .col.post-item > .col-inner .box .box-text {
	height: calc(100% - 180px);
	background: linear-gradient(45deg, #000000 62%, #5b5b5b 100%);
padding-bottom: 80px;
}

.work-posts .col.post-item > .col-inner .box .box-text h5 a {
	color: rgb(237, 111, 36);
	font-size: 16px;
	margin-bottom: 50px;
}

.work-posts .col.post-item > .col-inner .box .box-text .is-divider {
	display: none;
}

.work-posts .col.post-item > .col-inner .box .box-text a.button.secondary.is-outline {
	background-color: rgb(237, 111, 36);
	position: absolute;
	bottom: 15px;
	right: 15px;
	color: #000;
	background-image: url(/wp-content/uploads/2026/04/down-right-arrow-3.png);
	background-size: 20px auto;
	text-indent: -999999px;
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0;
}

/* Make "Our Services" heading orange */
h4.uppercase{
    color: rgb(237, 111, 36);
}


.service-individual h4 {
	font-weight: 500;
}

.gform_wrapper.gravity-theme .gfield input.large, .gform_wrapper.gravity-theme .gfield select.large, .gform_wrapper.gravity-theme .gfield textarea.large {
	background: #1a1717;
	border: 1px solid #ff6a00;
	color: #FFF;
}

body .gform_wrapper .gfield button.iti__selected-country {
	padding-right: 10px !important;
border-right: 1px solid #ff6a00 !important;
max-height: 38px !important;
min-height: 36px;
}

body .gform_wrapper .gfield .iti input.iti__tel-input, body .gform_wrapper .gfield .iti input.iti__tel-input[type=tel], body .gform_wrapper .gfield .iti input.iti__tel-input[type=text] {
	padding-left: 90px !important;
}

body .gform_wrapper .gfield .iti--inline-dropdown .iti__dropdown-content {
	background: #1a1717;
}

.gform_wrapper.gravity-theme .gfield_label {
	font-weight: 500;
}

.blog-featured-title.featured-title .page-title-inner {
	min-height: 80vh !important;
}

.blog-featured-title.featured-title .page-title-inner > .flex-col {
	width: 100%;
	text-align: left;
}

.blog-featured-title.featured-title .page-title-inner .is-divider {
	display: none;
}

.blog-wrapper h3 {
	color: #FFF;
}

.blog-wrapper .large-10 {
flex-basis: 100%;
max-width: 100%;
}

.footer-block .ux-logo-link {
padding: 0 0 15px !important;
}

.home-connections p strong {
	font-size: 18px;
}

.home-connections .section-content {
	background: url(/wp-content/uploads/2026/04/Vector-1.png) bottom 80px left no-repeat;
		background-size: 100px auto;
}

.home-service .tabbed-content .nav-vertical {
	width: 40%;
}

.home-service .nav-vertical+.tab-panels {
	border-left: 0;
}

.home-service .nav-vertical.nav-line>li>a:before {
	display: none;
}

.home-service .nav-vertical.nav-line>li>a {
	font-weight: 700;
	padding-left: 30px;
	color: #FFF;
	opacity: 1;
}

.home-service .nav-vertical.nav-line>li.active>a, .home-service .nav-vertical.nav-line>li:hover>a {
	color: #ff6a00;
}

.home-service .nav-vertical>li+li {
	border-color: #ff6a00;
}

.home-service .tabbed-content img {
	margin-bottom: 15px;
}

.home-works .slider-nav-reveal .flickity-prev-next-button.previous, .home-works .slider-nav-reveal .flickity-prev-next-button.next {
	display: none;
}

.home-works .slider-nav-light .flickity-page-dots .dot {
	opacity: 1;
	border-radius: 0;
	background: #FFF;
	width: 30px;
	height: 2px;
}

.home-works .slider-nav-light .flickity-page-dots .dot.is-selected {
	background: #ff6a00;
}

.logo-carousel-free {
  position: relative;
  overflow: hidden;
}

/* LEFT gradient (black → transparent) */
.logo-carousel-free::before {
  content: "";
    position: absolute;
    top: 0;
    background: linear-gradient(to right, black, transparent);
    z-index: 71232;
    width: 10vw;
    height: 100%;
	left: 0;
}


/* RIGHT gradient (black → transparent) */
.logo-carousel-free::after {
  content: "";
    position: absolute;
    top: 0;
    background: linear-gradient(to left, black, transparent);
    z-index: 71232;
    width: 10vw;
    height: 100%;
	right: 0;
}

p.gform_required_legend {
	display: none;
}

@media screen and (max-width: 48em) {

.home-connections h3, .home-about h3, .home-service .tabbed-content li.tab a span, .service-individual h3, .work-posts h3, .clientele-logo h3, .contact-form h3, .blog-featured-title.featured-title .page-title-inner h1, .blog-wrapper h3, .home-service .nav > li > a, .home-clientele h3 {
	font-size: 30px;
}

.home-service h3 {
	font-size: 24px;
}
	
	.home-service .tabbed-content .nav-vertical {
		width: 100%;
		flex-flow: row;
	}
	
	.home-service .nav-vertical>li+li {
		border-top: 0;
		border-color: #FFF;
	}
	
	.home-service .nav-vertical.nav-line>li>a {
		padding-left: 0;
	}
	
	.home-service .nav-vertical>li {
		border-bottom: 1px solid #FFF;
		border-color: #FFF;
	}
	
	.home-service .nav-vertical>li.active {
		border-bottom: 1px solid #ff6a00;
	}
	
	.ticker {
		font-size: 24px;
		height: 200px;
	}
	
	.ticker span {
		margin: 0 10px;
	}

	.work-posts .tabbed-content .nav, .tabbed-content .tab-panels {
		flex-flow: row;
		        align-items: end;
	}
	
	.work-posts .tabbed-content li.tab a span {
		font-size: 16px;						
		padding: 0 10px;
	}
	
	.header-button .button {
		font-size: 20px;
	}
}