/*
Theme Name: ExS Pro Child
Theme URI: https://exsthemewp.com/demo/
Template: exs-pro
Author: the ExS team
Author URI: https://exsthemewp.com/about/
Description: ExS theme is a fastest and smallest multipurpose Gutenberg compatible highly customizable theme without 3rd party dependencies. It is designed to have 100% Google Page and LightHouse speed. It has an extra small size of CSS (70kB) and JS (3kB) assets, 100% SEO optimised and valid code and it is 100% mobile friendly. It also has a WooCommerce and Easy Digital Downloads (EDD) plugin support so it will be perfect solution for your online store and e-commerce business. bbPress extended support makes ExS theme perfect for your forum. BuddyPress and Ultimate member support will help to create your social network with ExS theme. WP Job manager and Simple Job Board support will help you to create your job board. The Events Calendar advanced support will help you to create your events site. LearnPress plugin advanced support will help you to create a online courses and online school site. It has unlimited color options, headers and footers layouts, 15+ blog layouts, separate layouts for each category and many more super useful features that you can set up directly in your Customizer with live preview. ExS theme has builtin multiple page templates to perfectly work with any page builder such as Elementor, Beaver Builder, WPBackery, Brizy etc. ExS uses WordPress starter content feature so you can setup your pages immediately after WordPress and theme installation by simply going to Customizer and publish your changes. Theme Demo: https://exsthemewp.com/demo/.
Tags: blog,e-commerce,news,buddypress,custom-background,custom-colors,custom-logo,custom-menu,custom-header,editor-style,featured-images,footer-widgets,full-width-template,sticky-post,theme-options,threaded-comments,block-patterns,block-styles,wide-blocks,left-sidebar,right-sidebar,one-column,two-columns,grid-layout,microformats,post-formats,translation-ready
Version: 2.5.8.1751269522
Updated: 2025-06-30 07:45:22

*/

/* Bullet list color */
li::marker {
    color: #e62938;
}

/* Accesibility toggler */
.onetap-container-toggle .onetap-toggle img.design-size1 {
  width: 44px !important;    /* Sets the icon width to exactly 40px */
  height: 44px !important;   /* Sets the icon height to exactly 40px */
	right: 15px !important;
}

/* Meta icons scroll on mobile */
@media screen and (max-width: 1199px) {
    .social-links {
        padding-bottom: 5em;
        margin-bottom: 5em;
    }
}

/* Hide topline on mobile */
@media (max-width: 800px) {
  .topline {
    display: none;
  }
}

/* CTA rond */
.cta-button {
	background: linear-gradient(to right, #e62938, #e62938);
	background-size: 0% 100%;
	background-position: left;
	background-repeat: no-repeat;
	color: #e62938;
	border: 3px solid #e62938;
	padding: 5px 5px;
	margin-top: 25px;
	font-size: 1.2rem;
	font-weight: 700;
	font-family: 'Didact Gothic', Arial, sans-serif;
	border-radius: 50px;
	cursor: pointer;
	transition: all 0.3s ease;
	box-shadow: 0 4px 15px rgba(230, 41, 56, 0.2);
	text-transform: uppercase;
	letter-spacing: 1px;
	position: relative;
}

.cta-button:hover {
	color: #333;
	transform: translateY(-2px);
	box-shadow: 0 6px 25px rgba(230, 41, 56, 0.8);
	background-size: 100% 100%;
}

.cta-button:active {
	transform: translateY(0);
}

/* Paragraphe banner */
.date-padding {
    padding-bottom: clamp(3.5rem, 6vw, 8rem);
    font-weight: thin;
    line-height: 1.1;
    letter-spacing: -0.02em;
    font-size: clamp(1.5rem, 2vw, 3rem);
}

/* Hero style */
.hero-h1 {
    font-size: clamp(3.5rem, 8vw, 6rem);
    font-weight: thin;
    line-height: 1.1;
    letter-spacing: -0.02em;
}

/* Banner full width */
.full-cover {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    position: relative;
    padding-top: clamp(12.5rem, 3vw, 15.625rem);
}

/* Mobile only - full viewport height */
@media (max-width: 768px) {
    .full-cover {
        height: 100vh;
    }
}

/* Scroll down icon - Mobile only */
@media (max-width: 768px) {
    .scroll-down {
        position: absolute;
        bottom: 3vh;
        left: 50%;
        transform: translateX(-50%);
        z-index: 9;
        pointer-events: auto;
        cursor: pointer;
        transition: opacity 0.3s ease;
    }
    
    .scroll-down:hover {
        opacity: 0.8;
    }
    
    .mouse {
        width: 30px;
        height: 50px;
        border: 2px solid #e62938;
        border-radius: 30px;
        position: relative;
    }
    
    .mouse::before {
        content: '';
        width: 6px;
        height: 6px;
        position: absolute;
        top: 8px;
        left: 50%;
        transform: translateX(-50%);
        background-color: #e62938;
        border-radius: 50%;
        opacity: 1;
        animation: wheel 2s infinite;
    }
    
    @keyframes wheel {
        to {
            opacity: 0;
            top: 30px;
        }
    }
}

/* Desktop - hide scroll down icon */
@media (min-width: 769px) {
    .scroll-down {
        display: none;
    }
}

/* Theme tweaks */
#to-top {
    right: 15px;
    bottom: -60px;
}

#to-top.visible {
    bottom: 15px;
    right: 15px;
}

.top-nav .nav-btn#nav_close {
    right: 20px;
    top: 20px;
}

.container-fluid .top-nav {
    padding: 0 clamp(1em, 5vw, 3em) 0 2em;
}

.logo.px {
    padding: 1.5em 1.5em 0.2em clamp(1em, 5vw, 5em);
}

/* Font optimization */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

.section {
    padding-left: 100em !important;
    padding-right: 100em !important;
}