/*
Theme Name: Refive Child
Theme URI: https://refive.ch
Description: A child theme of Refive
Author: Refive
Author URI: https://refive.ch
Version: 1.0
Text Domain: freightexpress
Template: refive
*/

/* General */

h1, h2, h3, h4, h5, h6, p {
	word-wrap: normal;
}

.home-animated-text .qodef-text-marquee {
	background-color:#7A8A99;
}
.gform_required_legend {
	display:none;
}
p.qodef-m-number {
	color:#7A8A99!important;
}
.home-accordion p.qodef-m-text, .home-accordion p.qodef-m-tagline {
    color: #fff!important;
}
.home-accordion .qodef-accordion-info .qodef-m-navigation {
	border-top: 1px solid #fff!important;
	
}
.home-accordion  #ui-id-9, #ui-id-10 > p:nth-child(1){
	border-bottom: 1px solid #fff!important;
}
/* .home-accordion .qodef-accordion-info.qodef-layout--extended-compact .qodef-m-text {
    padding: 22px 22% 28px 39%;
} */
.qodef-m-mark .qodef-svg--minus g path {
	stroke:#fff!important;
}

.qodef-clients-list .qodef-e .qodef-e-bg-holder:after {
	background: #7A8A99;
}

.qodef-text-marquee .qodef-m-arrow-separator {
	transform: none;
}

.qodef-text-marquee .qodef-m-arrow-separator svg {
	display: none;
}
/*
.qodef-text-marquee .qodef-m-arrow-separator:before {
	content: "";
	background-image: url(/wp-content/uploads/2025/02/x-shape.svg);
	background-size: cover;
	height: 35px;
	width: 35px;
	background-repeat: no-repeat;
}
*/
#qodef-page-header .qodef-header-logo-link{
	width: 150px!important;
}
#qodef-page-footer-top-area-inner .qodef-grid-inner .qodef-grid-item {
    border-right: 1px solid #333333 !important;
}
#qodef-page-footer .widget a {
	color: #fff !important;
}
.qodef-opener-icon.qodef-side-area-opener {
    background: #7A8A99 !important;
    color: #fff !important;
}
.qodef-widget-holder.qodef--one {
    height: 100%; /* Ensure it fills the height */
    display: flex; /* Flexbox for alignment */
    align-items: center; /* Center content vertically */
    justify-content: center; /* Center content horizontally */
    padding: 0; /* Remove any internal padding */
    margin: 0; /* Remove extra margin */
    box-sizing: border-box; /* Ensure proper sizing */
    transition: background-color 0.3s ease; /* Smooth background color transition */
}



/* Style for the button */
.header-custom-button {
color: #FFFFFF !important;
    text-decoration: none;
    font-family: "Inter Tight", sans-serif;
    font-size: 17px;
    font-weight: 600;
    padding: 35px 60px;
    border: none;
    background-color: #7A8A99;
    cursor: pointer;
}
#qodef-page-header-inner .qodef-widget-holder, .qodef-header-sticky-inner .qodef-widget-holder {
    border-left: none;
}
a.btn-aktionen {
	margin-right:40px;
    color: #232323;
    text-decoration: none;
    font-family: "Inter Tight", sans-serif;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 5px;
}
.qodef-header-navigation ul li a .qodef-menu-item-text:before {
    content: none !important; /* Remove the icon */
    width: 0 !important; /* Ensure no residual spacing */
    height: 0 !important;
}
/* main nav changes */
/* Default menu item styles */
.qodef-header-navigation ul li a {
    position: relative; /* Enable pseudo-element positioning */
    color: #232323; /* Default black text */
    text-decoration: none; /* Remove underline */
    font-family: "Inter Tight", sans-serif; /* Ensure consistent font */
    font-size: 16px;
    font-weight: 600;
    transition: color 0.3s ease; /* Smooth color change */
    padding-bottom: 5px; /* Create space above the line */
}

/* Hover effect */
.qodef-header-navigation ul li a:hover {
    color: #7A8A99; /* Hover text color */
}

.qodef-header-navigation ul li a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.5px; /* Align with the line, slightly inside */
    height: 2px; /* Adjust the thickness */
    background-color: transparent; /* Invisible by default */
    transition: background-color 0.3s ease, width 0.3s ease; /* Smooth animation */
    width: 0%; /* No line initially */
}

.qodef-header-navigation ul li a:hover::after {
    background-color: #7A8A99; /* Blue-grey line on hover */
    width: 100%; /* Full width on hover */
}

/* Active menu item */
.qodef-header-navigation ul li.current-menu-item a {
    color: #7A8A99; /* Blue-grey active text */
}

.qodef-header-navigation ul li.current-menu-item a::after {
    background-color: #7A8A99; /* Blue-grey line for active item */
    width: 100%; /* Full underline for active item */
}

/* Footer Right Side custom */
/* Wrapper Block */
.footer-custom-block {
    margin: 0 0 30px 0; /* Same bottom margin as others */
}

/* Title with SVG Icon */
.footer-custom-block .qodef-widget-title {
    font-family: "Inter Tight", sans-serif; /* Match other titles */
    font-size: 20px; /* Same size as others */
    font-weight: 600; /* Bold weight like others */
    color: #FFFFFF; /* White text for title */
    display: flex; /* Flexbox for SVG and text alignment */
    align-items: center; /* Vertically center SVG and text */
    margin: 0 0 30px 0; /* Consistent spacing below the title */
    position: relative; /* Ensure pseudo-element alignment works */
}

/* SVG Icon Before the Title */
.footer-custom-block .qodef-widget-title::before {
    content: "";
    background-image: url('/wp-content/themes/your-theme-path/assets/img/decoration.svg'); /* Replace with the correct path to the SVG */
    width: 18.99px; /* Exact width from reference */
    height: 18.99px; /* Exact height from reference */
    background-repeat: no-repeat;
    position: relative; /* Align properly with title text */
    margin-right: 11px; /* Same spacing as "Rechtliches" */
    margin-top: -6px; /* Adjust positioning for perfect alignment */
    display: inline-block; /* Ensure inline alignment */
}
.qodef-service-list .qodef-e-number-holder {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-basis: 27.4%;
    font-family: "Inter Tight", sans-serif;
    font-size: 120px;
    line-height: 1;
    font-weight: 700;
    background-image: repeating-linear-gradient(
        transparent 0,
        transparent 5px,
        #FFFFFF 5px,
        #FFFFFF 10px
    ); /* Striped effect in white */
    -webkit-background-clip: text; /* Clip the gradient to the text */
    color: transparent; /* Makes the text transparent to reveal gradient */
    position: relative;
    bottom: -31px; /* Adjust position as needed */
}
.qodef-theme-button, button[type=submit], input[type=submit] {
    font-family: "Inter Tight", sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 20px;
    position: relative;
    display: inline-flex;
    vertical-align: middle;
    width: auto;
    margin: 0;
    text-decoration: none;
    text-transform: capitalize;
    border-radius: 5em;
    outline: 0;
    transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out;
    box-shadow: none;
    background-image: none;
    opacity: 1;
    padding: 14px 39px;
    color: #FFFFFF; /* White text */
    background-color: #7A8A99; /* Your desired blue color */
    border: 1px solid #7A8A99; /* Match the button color */
    cursor: pointer;
}
.gform_button_select_files  {
	 font-family: "Inter Tight", sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 20px;
    position: relative;
    display: inline-flex;
    vertical-align: middle;
    width: auto;
    margin: 0;
    text-decoration: none;
    text-transform: capitalize;
    border-radius: 5em;
    outline: 0;
    transition: color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out;
    box-shadow: none;
    background-image: none;
    opacity: 1;
    padding: 5px 15px;
    color: #FFFFFF; /* White text */
    background-color: #7A8A99; /* Your desired blue color */
    border: 1px solid #7A8A99; /* Match the button color */
    cursor: pointer;
}
.ginput_container_textarea .textarea {
	border: none;
    border-bottom: 1px solid #d1d1d1;
}

/* Hover Effect */
.qodef-theme-button:hover, button[type=submit]:hover, input[type=submit]:hover {
    background-color: #5F717F; /* Slightly darker blue for hover */
    border-color: #5F717F; /* Match the hover background */
    color: #FFFFFF; /* Ensure text remains white on hover */
}
.qodef-mobile-header-opener {
    font-size: 20px;
    color: #fff; /* Textfarbe bleibt weiß */
    padding: 0 28px;
    height: 100%;
    align-items: center;
    display: flex !important;
    justify-content: center;
    background: #7A8A99; /* Euer Blauton */
}
.qodef-mobile-header-navigation ul li a .qodef-menu-item-text:before {
    display: none !important; /* Entfernt nur das rote Icon */
}
.qodef-button.qodef-layout--filled.qodef-html--link {
    color: #7A8A99 !important; /* Blau als Textfarbe */
    background-color: #FFFFFF !important; /* Weißer Hintergrund */
    border: 1px solid #7A8A99 !important; /* Blaue Umrandung */
}

@media screen and (max-width: 880px) {
	.qodef-service-list .qodef-e-number {
		margin-bottom:50px;
	}
}
@media screen and (min-width:1100px) {
	.aktionen-point {
		display:none;
	}
	.button-mobile-menu {
		display:none;
	}
}
.button-mobile-menu {
	background-color: #FFFFFF !important;
    border: 1px solid #7A8A99 !important;
	font-family: "Inter Tight", sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    text-transform: capitalize;
    border-radius: 5em;
    outline: 0;
    transition: color .2s ease-out, background-color .2s ease-out, border-color .2s ease-out;
    opacity: 1;
    padding: 14px 39px!important;
	width:200px!important;
	margin-top:10px!important;
}
li.button-mobile-menu a {
	color:#7A8A99 !important;
}

/* Responsive */
@media screen and (min-width: 1025px) and (max-width: 1200px) {
	sr7-slide .slider-2-shapex {
		left: 30px !important;
		height: 120px !important;
		width: 120px !important;
	}
	
	sr7-slide .slider-2-title {
		left: 200px !important;
        font-size: 56px !important;
        line-height: 1.3em !important;
        max-width: 670px;
	}
}