/*
Theme Name: Superdrive GP
Theme URI: https://www.superdrive.io
Template: generatepress
Author: Luca Ottolini
Author URI: https://lucaottolini.com
Version: 1.0.1722253849
Updated: 2024-07-29 20:50:49

*/

:root{
	--padding:40px;
}

.inside-article{
	background-color:#eeeeee!important;
}

.main-navigation:not(.is_stuck){
	padding:12px 0;
	transition:padding .3s;
}

.sd_button_shade:hover{
	box-shadow:0px 0px 15px -6px rgba(0, 0, 0, 0.34);
	transition:box-shadow .4s;
}

@media only screen and (min-width: 1025px) {
.service_hero, section.blade, .contained{
	 max-width: clamp(768px, calc(100vw - 60px), 1440px)!important;
	
}
	
.home_box div{
	max-width:80%;
}	
	
.service_cta{
	border-left:1px solid #eee;
	padding-left:20px;
}
	
section.blade .blade-column-image{
	margin:-30px;
	width:calc(40% + 30px);
}	
}


.read_more_btn{
	position:absolute;
	bottom:20px;
}

.partners_grid {
	display:flex;
	gap:40px!important;
	flex-wrap:nowrap;
}

.partners_grid img{
	padding:20px;
}

.review_content{
	font-style:italic;
}

.flickity-button{
	background-color:transparent!important;
}

.flickity-button-icon path{
	fill:white;
}

.hero_cta a{
	padding:12px 34px!important;
	margin-top:40px;
}

.hero_cta.main a{
	background-color:#eeeeee;
	color:black;
	margin-right:20px;
}

.hero_cta.secondary a{
	background-color:#6EC1E4;
}

#testimonials .flickity-slider .testimonial:not(.is-selected){
	opacity:0;
	transition:.3s opacity;
}

#testimonials .flickity-slider .testimonial.is-selected{
	opacity:1;
	transition:2s opacity;
}

#testimonials button[disabled]{
	display:none!important;
}

section.blade{
	background-color:var(--servicecolor);
	display:flex;
	padding:30px 30px 120px 30px;
	margin:80px auto;
	max-width:1440px;
	border-radius:6px;
	justify-content:space-between;
}

section.blade#pa{
	align-items:top;
}

.postid-15043 section.blade{
	align-items:center;
}

section.blade:nth-child(even){
	flex-direction:row-reverse;
}

.postid-8480 section.blade:nth-child(even){
	flex-direction:row;
}

.postid-8480 section.blade:nth-child(odd){
	flex-direction:row-reverse;
}


section.blade h6,
.service_cta h5
{
	color:var(--servicecolor);
}

section.blade h3,
section.blade h6,
.service_cta h5{
	font-weight:700;
}

.service_cta p{
	font-size:15px;
	text-align:left;
}

.service_cta h5{
	margin-bottom:10px;
	text-align:left;
	
}

.service_cta img{
	max-width:280px;
}

.getintouch{
	cursor:pointer;
}


section.blade .sd_button_shade{
	border:2px solid #eeeeee;
	padding:16px 32px;
	border-radius:100px;
	text-transform:uppercase;
	display:inline-block;;
	margin-top:30px;
	color:black;
}



section.blade .blade-column-image img{
	width:100%;
}

.blade-column.blade-column-content{
	padding:80px;;
	background-color:white;
	width:55%;
	border-radius:6px;
	margin-top:-60px;
}

.service-nav{
	list-style-type:none;
	padding:0;
	margin:0;
	font-size:13px;
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	gap:14px;
}

.sticky {
    transition: background-color 0.3s, width 0.3s; /* Smooth transition for the background color and width */
    width: 100%; /* Ensure the sticky element is full width when it becomes fixed */
}
.sticky.stuck {
    background-color: white; /* Change to white background when stuck */
    position: fixed;
    width: 100%;
    z-index: 9999; /* Ensure it appears above other content */
	box-shadow:0 3px 3px rgba(0,0,0,.15);
}

#mcp img{
	margin-top:-30px;
}

.related_post:hover{
	box-shadow:0 0 15px -6px rgb(0 0 0 / .34)!important;
}
.cs_cats{
	position:absolute!important;
	bottom:12px;
	margin:0 auto;
	width:calc(100% - 20px);
}


.cs_cats a{
	font-size:13px;
	margin-top:8px;
	border-radius:6px;
	line-height:14px!important;
	display:block;
}

.footer_menu{
	margin-bottom:80px;
}

.footer_menu li {
	margin-bottom:14px;
}

.footer_menu li a:not(:hover),
.cs_cats a:not(:hover){
	opacity:.5;
	transition:opacity .6s;
}

.footer_menu li a:before,
section.blade li:before,
.ib-toc-anchors li:before{
	background-image:url(/wp-content/themes/superdrive-gp/img/li.svg);
	content:'';
	display:inline-block;
	width:12px;
	height:12px;
	margin-right:6px;
	background-size:cover;
}

section.blade ul,
.ib-toc-anchors{
	list-style-type:none;
	margin:0 0 20px 0;
	padding:0;
}

.ib-toc-anchors{
	list-style-position:outside;
}

.ib-toc-anchors li{
	position:relative;
	padding-left:20px
}

.ib-toc-anchors li:before{
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	margin:auto;
}


.hero mark {
    position: relative;
    background-color: transparent; 
    color: white; 
    padding: 0;
}

.hero svg {
    position: absolute;
    bottom: -16px; /* Adjust to position the SVG correctly */
    left: -10%;
    width: 120%;
    height: 70px; /* Adjust as necessary */
    stroke: #FFD700;
    stroke-width: 10; /* Adjust the stroke width to make lines thicker */
    fill: transparent;
}

.hero svg path {
    opacity: 0;
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: draw 2s forwards ease-in-out;
}

.hero svg path:nth-of-type(1) {
    animation-delay: 0s; /* First line starts immediately */
}

.hero svg path:nth-of-type(2) {
    animation-delay: 1s; /* Second line starts after 1 second */
}

.wp-block-social-links {
 gap:30px;
	display:flex;
}

.single_post_excerpt{
	margin-bottom:20px;
}

@keyframes draw {
    to {
        opacity: 1;
        stroke-dashoffset: 0;
    }
}

.home section:nth-child(even) .home_box > div{
	float:right;
}

@media only screen and (min-width: 1440px){
	.home_box div{
	max-width:90%;
}
}


@media only screen and (max-width: 768px) {
	
	:root{
		--padding:12px;
	}
	.partners_grid{
		display:flex;
		flex-wrap:nowrap;
		gap:10px!important;
		padding:0 20px;
	}
	.partners_grid img{
		padding:0;
	}
	.partners_grid img{
		width:50%;
	}
	
	h4{
		font-size:18px;
	}
	.hero_cta a{
		min-width:80vw;
		margin:auto;
	}
	
	section.blade{
		flex-direction:column!important;
		margin:20px 10px;
		padding:20px 10px 40px 10px;
	}
	
	.blade-column.blade-column-content{
		width:100%;
		padding:30px;
	}
	.home_hero_ctas a{
		margin-bottom:20px;
	}
	
	.blade-column.blade-column-content{
		margin:0;
	}
	.service_hero{
		margin:20px;
		padding:30px;
	}
	
	.service_cta{
		align-items:center;
	}
	
	.service_cta *{
		text-align:center!important;
	}
	
	footer *{
		text-align:center;
	}
	
	.footer_menu ul{
		align-content:center;
		justify-content:center;
		align-items:center;
	}
	
}