/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/

/*Add your own styles here:*/

.my_darker_image {
    filter: brightness(80%) contrast(110%);  /* Adjust values as needed */
}

.my_columns {
    column-count: 2;
    column-gap: 2.8em;
}

/* For tablet and below (1024px and smaller) */
@media screen and (max-width: 1024px) {
    .my_columns {
        column-count: 1; /* Switch to single column layout */
    }
}

/* contact page */
.contact_section a {
	color: #FFFFFF!important;
}


.contact_section a:hover {
	color: #c5a153!important;
}

.contact_section .vc_column_container {
	margin-bottom: 0!important;
	margin-top: 0!important;
}

.my_service_link a {
	color: #FFFFFF!important;
}

.my_project_accordeon button {
	background-color: var(--color-satin-sheen-gold-2)!important;
}

.my_project_accordeon .w-tabs-section {
	margin-top: 0.4rem!important;
	margin-bottom: 0.4rem!important;
}

.my_project_accordeon .w-tabs-section-title, .my_project_accordeon .w-tabs-section-control {
	color: #FFFFFF!important;
}

/* wpml language selector style */

.my_own_language_dd .language-dropdown-container {
            display: inline-block!important;
            position: relative!important;
        }
        /* Positioning for the Font Awesome icon */
        .my_own_language_dd .language-dropdown-container {
            position: relative!important;
        }
        .my_own_language_dd .language-dropdown-container .fa-angle-down {
            color: var(--color-white)!important;
            position: absolute!important;
            right: 3px!important;
            top: 50%!important;
            transform: translateY(-50%)!important;
            pointer-events: none!important;
            font-family: 'fontawesome'!important;
        }
        /* Styling for the dropdown elements */
        .my_own_language_dd .language-dropdown {
            border: none!important;
            background: transparent!important;
            color: var(--color-white)!important;
            cursor: pointer!important;
            outline: none!important;
            -webkit-appearance: none!important;
            -moz-appearance: none!important;
            appearance: none!important;
            border-radius: 0!important; /* Explicitly remove border radius */
        }
        .my_own_language_dd .language-dropdown option {
            background-color: var(--color-prussian-blue)!important;
            color: var(--color-white)!important;
            border: none!important;
            border-radius: 0!important;
            padding: 8px!important; /* Add more padding for options */
        }
        .my_own_language_dd .language-dropdown option:hover,
        .my_own_language_dd .language-dropdown option:focus {
            background-color: var(--color-satin-sheen-gold-2)!important;
            color: var(--color-white)!important;
        }
        /* Remove browser default styling */
        .my_own_language_dd .language-dropdown::-ms-expand {
            display: none!important;
        }
        .my_own_language_dd  select.language-dropdown {
            -webkit-appearance: none!important;
            -moz-appearance: none!important;
            appearance: none!important;
        }

.my-footer a {
	color: #FFFFFF!important;
}


.my-footer a:hover {
	color: #c5a153!important;
}

.my-spezial-row {
  	display: flex!important;
  	flex-direction: row!important; /* This ensures the row itself flows LTR */
	direction: ltr!important;
}

/* Normal LTR columns */
.my-first-column,
.my-second-column,
.my-third-column {
  /* Basic styling for all columns */
 direction: ltr!important;
}

.my_own_language_dd a:hover {
	color: #153050!important;
}

/* 1. Center the grid item itself */
.my-own-grid .w-grid-list {
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center; /* ✅ centers content horizontally */
}

/* 2. Reset conflicting absolute positioning */
.my-project-grid-wrapper {
  position: static !important;        /* ✅ remove absolute positioning */
  display: flex !important;           /* ✅ enable flex centering */
  justify-content: center !important; /* ✅ center inner content horizontally */
  align-items: center !important;     /* ✅ center inner content vertically */
  text-align: center !important;
  padding: 1rem;
  box-sizing: border-box;
}

.my-project-grid-wrapper {
  background-size: 100% !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  transition: background-size 0.4s ease-in-out;
}

.my-project-grid-wrapper:hover {
  background-size: 110%!important;
}

.my-project-grid-wrapper::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.2); /* soft dark overlay */
  border-radius: 50%;
  z-index: 1;
}

.my-project-grid-wrapper > * {
  position: relative;
  z-index: 2;
}

.my-project-grid-wrapper__title:hover {
	color: var(--color-satin-sheen-gold-2)!important;
}

.with_collapsible_content>.toggle-links>button {
    color: #FFFFFF!important;
}
.no-touch .with_collapsible_content>.toggle-links>button:hover  {
    color: #c5a153!important;
}