/*
 Theme Name:   Auto-école L77
 Description:  Auto-école L77 Corporate theme
 Author:       SiteOrigin / Alexis Domjan
 Template:     siteorigin-corp
 Version:      1.0.0
 Text Domain:  l77
*/


@keyframes rotateBottom {
   0% {
      transform: rotate(0deg);
   }
   100% {
      transform: rotate(-2deg);
   }
}


.l77-bottom {
  /* position: absolute;
   width: 120%;
   height: 200px;
   bottom: -100px;
   left: -100px;
   z-index: 400;
   content: " ";
   overflow: hidden;
   background-size: cover;
   background-color: #f9f9f9;
   transform: rotate(-2deg);
   animation: 0.5s ease-out 0s 1 rotateBottom;*/
}

/*.l77-drawings-bgnd .sow-slider-image-container {
   background-image: url(/wp-content/themes/siteorigin-corp-child/signs-white.svg); 
   background-repeat: no-repeat;
   background-position: 100px 300px;
   background-size: 1600px;
   z-index: 999;
}*/

.l77-tuile1 .sow-features-feature {
   width: 100% !important;
}


.l77-drawings-bgnd {
   position: absolute;
   width: 100%;
   left: 0;
   bottom: -55px;
   padding-top: 34.77%;
   background: url(/wp-content/themes/siteorigin-corp-child/signs-white.svg) no-repeat center top;
   background-size: 100% auto;
   z-index: 100;
}

.sow-hero-buttons .ow-button-base {
   position: relative;
   z-index: 1000;
}

.button {
   background-color: #2e56a7 !important;
   font-size: 1.25em !important;
   border-radius: 8px !important;
   transition: all 0.4s ease;
}

.button:hover {
   background-color: #0e3687 !important;
}

li.description_tab.active {
   box-shadow: 0 2px 0 #2e56a7 !important;
}

.woocommerce-tabs .panel p {
   font-size: 1.25em;
}

.l77-drawings-bgnd > .content {
}

.l77-steps h1 {
}

.l77-steps h1 span {
   color: #6d8dce;
}

.l77-page-banner .sow-slider-image-wrapper {
  padding-top: 200px !important;
}

.l77-step-number p {
    font-family: Montserrat, sans-serif;
    text-align: center;
    font-size: clamp(18px, 1.4vw, 36px) !important;
    border: 3px solid transparent;
    border-radius: 50%; /* Makes it a circle */
    color: black;
    font-weight: 700;
}


.l77-step-text h1 {
   font-size: clamp(24px, 1.2vw, 48px) !important;
}

.textwidget p {
   font-size: 1.25em;
}

.textwidget a {
   color:  #2e56a7;
   text-decoration: underline;
}


/* WooCommerce */

.woocommerce-error li {
   font-size: 1.25em;
   color: #f14c1c;
}

.stock {
   font-size: 1.25em !important;
   color: white !important;
   background-color: #f14c1c !important;
   display: inline-block;
   padding: 3px 8px;
}


/* Panier */
.page-id-10 .sow-icon-container span {
   color: #2d2d2d !important;
}

.main-navigation ul li {
   font-size: 1rem !important;
}

#mobile-navigation li {
   font-size: 13px !important;
}







.wc-block-components-product-name {
   font-size: 1.3em;
   color: #6d8dce;
}


.cours-item p {
   display: inline-block;
   background-color: #2e56a7;
   border-radius: 8px;
   color: white;
   padding: 1rem;
}

.cours-item {
   margin-bottom: 12px;
}

.cours-item a {
   color: white;
   background-color: #f14c1c;
   font-weight: bold !important;
   text-transform: uppercase;
   font-size: 1.1em;
   padding: 1.3rem !important;
   transition: all 0.4s ease;
   border-radius: 8px;
   display: inline-block;
   transition: all 0.4s ease;
   text-decoration: none !important;
}

.cours-item a:hover {
   background-color: #e13c0c;
   color: white;
}

.l77-cours-complet a {
   background-color: rgba(100, 100, 100, 0.3);
   pointer-events: none;
   cursor: default;
}

.l77-prix {
   font-weight: 900;
   font-size: 2.1em;
}

.l77-ticked {
   color: green;
   font-size: 1.2em;
}

.sow-accordion-title {
   font-size: 1.2em;
   font-weight: 700;
}

.textwidget ul {
   font-size: 1.25em;
}

.wc-block-cart span {
   font-size: 1.1em !important;
}

.wc-block-components-product-metadata span {
   font-size: 1.1em !important;
}

.wc-block-cart-items__header span {
   font-size: 1.25em !important;
}

.wc-block-components-button {
   background-color: #2e56a7 !important;
   font-size: 1.25em !important;
   border-radius: 8px !important;
   transition: all 0.4s ease;
   color: white !important;
}

.wc-block-components-button:hover {
   background-color: #0e3687 !important;
}
  

.woocommerce-order-details .order_item a {
   font-size: 1.25em !important;
   color: #2e56a7 !important;
}

.wc-block-components-product-name {
   color: #2e56a7 !important;
}

.wc-block-components-checkout-return-to-cart-button {
   color: #2e56a7 !important;
}

.btn-contact {
   background-color: #2e56a7;
   color: white;
   text-transform: uppercase;
   transition: all 0.4s ease;
}

.btn-contact:hover {
   background-color: #0e3687;
   color: white;
}

#mobile-menu-button svg {
   height: 30px !important;
   width: 35px !important;
}

.sow-slider-image-container h1 {
   font-size: clamp(32px, 6vw, 64px) !important;
}
   
.sow-slider-image-container h3 {
   font-size: clamp(24px, 4vw, 48px) !important;
}

.sow-social-media-button .sow-icon-fontawesome {
   font-size: 2em;
}