/*
Theme Name: Modena
Description: Modena Motorsport 2025
Author: DRK
Author URI: http://ma19.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

/* Fonts */

/* poppins-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins thin';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/poppins-v23-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/poppins-v23-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins bold';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/poppins-v23-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* hind-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Hind';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/hind-v17-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* hind-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Hind regular';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/hind-v17-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* hind-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Hind';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/hind-v17-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

.gdpr-preferences {
  display: none;
}

.detail-label {
  display: none !important;  
}

.detail-container .detail-value {
    padding: 0px;
}


/* Timeline */

.ctl-wrapper .ctl-title {
  padding-bottom: 0px !important;
}

.ctl-labels {
  display: none !important;
}
.timeline-main-title h2 {
  text-transform: none;
  margin-top: 0px;
  margin-bottom: 27px;
}
.ctl-story.ctl-story-left .ctl-title,
.ctl-story.ctl-story-left .ctl-description {
  text-align: right !important; 
}

.ctl-story-left .ctl-media.small {
    max-width: 100% !important;
    justify-content: right !important;
}

.ctl-story-right .ctl-media.small {
    max-width: 100% !important;
    justify-content: left !important;
}

.ctl-wrapper .cool-timeline-wrapper:not(.ctl-horizontal-wrapper) .ctl-media.small~.ctl-description {
    max-width: 100% !important;
    padding: 0 18px !important; 
}

.ctl-description h2 {
  margin-top: 0px !important;
}

.ctl-wrapper .ctl-description p {
  color: rgba(255,255,255, 0.7) !important;
}

/* Links */
.uncode_text_column a {
  margin: 0;
  display: inline-block;
  font-weight: 600;
}

.uncode_text_column a:hover {
  color: #ffcc00 !important;

}
.uncode_text_column a:after {
  display: block;
  content: "";
  border-bottom: solid 1px #ffcc00;
  transform: scaleX(0);
  transition: transform 250ms ease-in-out;
}

.uncode_text_column a:hover:after {
  transform: scaleX(1);
}
.uncode_text_column a:after {
  transform-origin: 0% 50%;
}



.btn-link:before {
  content: "";
  text-decoration: none;
  transition: transform 0.4s cubic-bezier(0.25, 0.45, 0.4, 1);
  position: absolute;
  width: 100%;
  height: 0.075em;
  background: currentColor;
  top: 120%;
  left: 0;
  pointer-events: none;
}

.btn-link:before {
  transform-origin: 0% 50%;
  transform: scale3d(1, 1, 1);
}
.btn-link:hover:before {
  transform-origin: 100% 50%;
  transform: scale3d(0, 1, 1);
}

.btn-link:hover,
.btn-link:active {
  color: #0b0b0b !important;
}


/* Mobile */

  /* Modify mobile gutter */
.main-container .row-container .single-h-padding {
  padding-left: 18px;
  padding-right: 18px;
}

@media (max-width: 959px) {
    .menu-container .logo-container {
        position: relative;
        padding: 27px 9px 27px 18px !important;
    }
    
   .menu-smart li.trp-language-switcher-container {
      padding-top: 27px;
    }
    
    .menu-smart i.fa-dropdown {
      display: none;
    }
    
    .mobile-menu-button {
      padding: 0 18px;
    }
    
    .ctl-wrapper .timeline-main-title {
      text-align: left !important;
      padding-left: 9px;
    }
    
    .ctl-wrapper .ctl-vertical-wrapper .ctl-media.small {
        padding: 15px 15px !important;
    }
    
    .ctl-story.ctl-story-left .ctl-title, .ctl-story.ctl-story-left .ctl-description {
        text-align: left !important;
    }
    
    .footer .footer-center .uncell {
      padding: 27px 18px;
    }
    
    .menu-mobile-default .menu-smart a {
        padding: 9px 27px 9px 18px;
    }
}


/* Lightbox */
.lg-backdrop.in {
    opacity: 1;
}

.lg-toolbar .lg-icon {
   font-size: 20px;
 }

.lg-next, 
.lg-prev {
   font-size: 30px;
 }

/* Page Navigation */

.row-navigation-content-block {
  background: #191b1e;
}

.border-color-prif-color {
    border-color: #000 !important;
}

.vc_custom_1750352692214 .row-parent {
  padding: 18px 32px !important;
}

.vc_custom_1750352692214 {
  border-style: none !important;
  border-top-width: 1px;
  border-bottom-width: 1px;
}

/* Gallery */
.owl-dots-outside .owl-dots {
    padding: 9px;
    bottom: -49px;
}

/* Menu */
.menu-dark .menu-smart > li.active > a, 
.menu-dark .menu-smart > li a.active,
.menu-dark .menu-smart > li.active > a, 
.menu-dark .menu-smart > li a:hover,
.menu-dark .menu-smart > li.current-menu-ancestor > a, 
.menu-dark .menu-smart > li.wpml-ls-current-language > a, 
.menu-dark .menu-smart > li.current-menu-item:not(.menu-item-type-custom) > a, 
.menu-dark .menu-smart > li.current-menu-parent > a {
    color: #ffcc00 !important;
}

/* Product Portfolio Filter */ 
.isotope-filters.menu-dark .menu-smart a:hover {
  color: rgba(255,204,0, 1 )
}

/* Footer */
footer .footer-center {
    padding-top: 90px;
    padding-bottom: 27px;
}

.site-info {
  text-transform: uppercase;
}

footer .footer-last p {
    font-size: 15px;
}

@media (min-width: 960px) {
    .footer-scroll-top.footer-scroll-higher {
        bottom: 22px;
    }
}