/*
Theme Name: Leroux Child
Theme URI: https://leroux.qodeinteractive.com
Description: A child theme of Leroux
Author: Elated Themes
Author URI: https://qodeinteractive.com
Version: 1.0
Text Domain: leroux
Template: leroux
*/


@font-face {
	font-family: 'Px Grotesk';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://campusai.pl/wp-content/uploads/2024/04/Px-Grotesk-Italic.woff2') format('woff2'),
		url('https://campusai.pl/wp-content/uploads/2024/04/Px-Grotesk-Italic.woff') format('woff');
}
@font-face {
	font-family: 'Px Grotesk';
	font-style: italic;
	font-weight: 100;
	font-display: auto;
	src: url('https://campusai.pl/wp-content/uploads/2024/04/Px-Grotesk-Thin-Italic.woff2') format('woff2'),
		url('https://campusai.pl/wp-content/uploads/2024/04/Px-Grotesk-Thin-Italic.woff') format('woff');
}
@font-face {
	font-family: 'Px Grotesk';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://campusai.pl/wp-content/uploads/2024/04/Px-Grotesk-Regular.woff2') format('woff2'),
		url('https://campusai.pl/wp-content/uploads/2024/04/Px-Grotesk-Regular.woff') format('woff');
}
@font-face {
	font-family: 'Px Grotesk';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('https://campusai.pl/wp-content/uploads/2024/04/Px-Grotesk-Italic-1.woff2') format('woff2'),
		url('https://campusai.pl/wp-content/uploads/2024/04/Px-Grotesk-Italic-1.woff') format('woff');
}
@font-face {
	font-family: 'Px Grotesk';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://campusai.pl/wp-content/uploads/2024/04/Px-Grotesk-Black.woff2') format('woff2'),
		url('https://campusai.pl/wp-content/uploads/2024/04/Px-Grotesk-Black.woff') format('woff');
}
@font-face {
	font-family: 'Px Grotesk';
	font-style: italic;
	font-weight: 900;
	font-display: auto;
	src: url('https://campusai.pl/wp-content/uploads/2024/04/Px-Grotesk-Black-Italic.woff2') format('woff2'),
		url('https://campusai.pl/wp-content/uploads/2024/04/Px-Grotesk-Black-Italic.woff') format('woff');
}
@font-face {
	font-family: 'Px Grotesk';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://campusai.pl/wp-content/uploads/2024/04/Px-Grotesk-Light.woff2') format('woff2'),
		url('https://campusai.pl/wp-content/uploads/2024/04/Px-Grotesk-Light.woff') format('woff');
}
@font-face {
	font-family: 'Px Grotesk';
	font-style: italic;
	font-weight: 300;
	font-display: auto;
	src: url('https://campusai.pl/wp-content/uploads/2024/04/Px-Grotesk-Light-Italic.woff2') format('woff2'),
		url('https://campusai.pl/wp-content/uploads/2024/04/Px-Grotesk-Light-Italic.woff') format('woff');
}
@font-face {
	font-family: 'Px Grotesk';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://campusai.pl/wp-content/uploads/2024/04/Px-Grotesk-Bold.woff2') format('woff2'),
		url('https://campusai.pl/wp-content/uploads/2024/04/Px-Grotesk-Bold.woff') format('woff');
}
@font-face {
	font-family: 'Px Grotesk';
	font-style: italic;
	font-weight: bold;
	font-display: auto;
	src: url('https://campusai.pl/wp-content/uploads/2024/04/Px-Grotesk-Bold-Italic.woff2') format('woff2'),
		url('https://campusai.pl/wp-content/uploads/2024/04/Px-Grotesk-Bold-Italic.woff') format('woff');
}

@font-face {
	font-family: 'Px Grotesk Mono';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://campusai.pl/wp-content/uploads/2024/04/Px-Grotesk-Mono-Light.woff2') format('woff2'),
		url('https://campusai.pl/wp-content/uploads/2024/04/Px-Grotesk-Mono-Light.woff') format('woff');
}
@font-face {
	font-family: 'Px Grotesk Mono';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('https://campusai.pl/wp-content/uploads/2024/04/Px-Grotesk-Mono-Italic.woff2') format('woff2'),
		url('https://campusai.pl/wp-content/uploads/2024/04/Px-Grotesk-Mono-Italic.woff') format('woff');
}
@font-face {
	font-family: 'Px Grotesk Mono';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://campusai.pl/wp-content/uploads/2024/04/Px-Grotesk-Mono-Regular.woff2') format('woff2'),
		url('https://campusai.pl/wp-content/uploads/2024/04/Px-Grotesk-Mono-Regular.woff') format('woff');
}
@font-face {
	font-family: 'Px Grotesk Mono';
	font-style: italic;
	font-weight: bold;
	font-display: auto;
	src: url('https://campusai.pl/wp-content/uploads/2024/04/Px-Grotesk-Mono-Bold-Italic.woff2') format('woff2'),
		url('https://campusai.pl/wp-content/uploads/2024/04/Px-Grotesk-Mono-Bold-Italic.woff') format('woff');
}
@font-face {
	font-family: 'Px Grotesk Mono';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://campusai.pl/wp-content/uploads/2024/04/Px-Grotesk-Mono-Bold.woff2') format('woff2'),
		url('https://campusai.pl/wp-content/uploads/2024/04/Px-Grotesk-Mono-Bold.woff') format('woff');
}
@font-face {
	font-family: 'Px Grotesk Mono';
	font-style: italic;
	font-weight: 300;
	font-display: auto;
	src: url('https://campusai.pl/wp-content/uploads/2024/04/Px-Grotesk-Mono-Light-Italic.woff2') format('woff2'),
		url('https://campusai.pl/wp-content/uploads/2024/04/Px-Grotesk-Mono-Light-Italic.woff') format('woff');
}

.single-post #qodef-page-header-inner {
    background: #000;
}

.single-post #qodef-page-inner {
    padding-top: 30px;
}

.toc-container {
    display: none;
}


.blog-right-column .blog-newsletter-right,
.single main ._form._inline-form {
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 10px 10px 10px 10px;
    border-color: var(--e-global-color-primary);
    padding: 20px;
}

.blog-right-column .blog-newsletter-right h3,
.single main ._form._inline-form h3 {
    font-size: 24px;
    margin: 0;
    text-align: center;
}

.blog-right-column .blog-newsletter-right p,
.single main ._form._inline-form p {
    font-size: 16px;
    margin: 0;
    text-align: center;
}


.single-post .toc-container .widget-toc .blog-newsletter-left ._form-label,
.blog-right-column .blog-newsletter-right ._form-label,
.single main ._form._inline-form ._form-label {
    display: none;
}

.single-post .toc-container .widget-toc .blog-newsletter-left ._form-fieldset,
.blog-right-column .blog-newsletter-right ._form-fieldset,
.single main ._form._inline-form ._form-fieldset {
    font-size: 12px;
    line-height: 1.2;
}

.single-post .toc-container .widget-toc .blog-newsletter-left ._row._checkbox-radio,
.blog-right-column .blog-newsletter-right ._row._checkbox-radio,
.single main ._form._inline-form ._row._checkbox-radio {
    display: flex;
    align-items: flex-start;
    margin-bottom: 5px;
}

.single-post .toc-container .widget-toc .blog-newsletter-left ._row._checkbox-radio:last-child,
.blog-right-column .blog-newsletter-right ._row._checkbox-radio:last-child,
.single main ._form._inline-form ._row._checkbox-radio:last-child {
    margin-bottom: 0;
}

.single-post .toc-container .widget-toc .blog-newsletter-left ._row._checkbox-radio input,
.blog-right-column .blog-newsletter-right ._row._checkbox-radio input,
.single main ._form._inline-form ._row._checkbox-radio input {
    margin: 0 5px 0 0;
}

._form-branding {
    display: none;
}
/* .submit */

.single-post .toc-container .widget-toc .blog-newsletter-left ._submit,
.blog-right-column .blog-newsletter-right ._submit,
.single main ._form._inline-form ._submit {
    font-family: 'PX Grotesk Mono', Inter;
    font-size: 14px;
    font-weight: 600;
    border-radius: 0;
    -webkit-appearance: none;
    cursor: pointer;
    font-family: arial, sans-serif;
    font-size: 14px;
    text-align: center;
    background: #ffffff !important;
    border: 0 !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
    color: #173f35 !important;
    padding: 10px !important;
    background: #69E78D !important;
    color: #173F35 !important;
    font-weight: bold;
    padding: 10px 30px !important;
    font-size: 14px;
    font-weight: bold;
    font-family: 'Px Grotesk Mono', Inter;
}

/* .submit:hover */

.single-post .toc-container .widget-toc .blog-newsletter-left ._submit:hover,
.blog-right-column .blog-newsletter-right ._submit:hover,
.single main ._form._inline-form ._submit:hover {
    background-color: #173F35 !important;
    color: #69E78D !important;
}

.single-post .toc-container .widget-toc .blog-newsletter-left ._field-wrapper input[type="text"][name="email"],
#_form_66955B514F5EF_._form_1 input[type="text"],
.blog-right-column .blog-newsletter-right ._field-wrapper input[type="text"][name="email"],
.single main ._form._inline-form ._field-wrapper input[type="text"][name="email"] {
    color: #173f35 !important;
}


@media screen and (min-width: 1280px) {

    .single-post #qodef-page-inner {
        width: 100%;
        grid-column-gap: 4rem;
        grid-row-gap: 4rem;
        grid-template-rows: auto auto;
        grid-template-columns: minmax(360px, 1fr) 660px minmax(0, 1fr);
        grid-auto-columns: 1fr;
        display: grid;
        padding-top: 50px;
    }

    .single-post .toc-container {
        height: 100%;
        justify-content: flex-end;
        display: flex;
        position: relative; /* Ensure the container is a positioning context */
    }
    .single-post .toc-container .widget-toc {
        position: sticky;
        top: 120px; /* Adjust as needed */
        visibility: hidden; /* Initially hidden, will be controlled by JS */
        background: white;
        padding: 10px;
        max-height: 80vh;
        transition: visibility 0.3s ease-in-out;
        margin: 0;
        width: 320px; /* Take full width of the container */
    }
    
    /* Style adjustments for the sticky TOC */
    .single-post .toc-container .widget-toc h2 {
        margin-top: 0;
        padding-top: 0;
        font-size: 20px; /* Adjust as needed */
        text-align: center;
    }
    
    .single-post .toc-container .widget-toc nav {
        margin-bottom: 0;
        font-size: 14px; /* Adjust as needed */
    }
    
    /* Adjust list padding for tighter layout */
    .single-post .toc-container .widget-toc nav ol {
        padding-left: 20px;
    }


    .single-post .toc-container .widget-toc nav ol li {
        margin-bottom: 12px;
        color: #585f63;
    }

    .single-post .toc-container .widget-toc nav ol li a {
        color: #585f63;
    }

    .single-post .toc-container .widget-toc .blog-newsletter-left,
    .blog-right-column .blog-newsletter-right  {
        background-color: #FFFFFF;
        border-style: solid;
        border-width: 10px 10px 10px 10px;
        border-color: var(--e-global-color-primary);
        padding: 20px;
    }

    .single-post .toc-container .widget-toc .blog-newsletter-left h3,
    .blog-right-column .blog-newsletter-right h3 {
        font-size: 18px;
        margin: 0;
        text-align: center;
    }

    .single-post .toc-container .widget-toc .blog-newsletter-left p,
    .blog-right-column .blog-newsletter-right p {
        font-size: 14px;
        margin: 0;
        text-align: center;
    }

    .blog-right-column {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        height: 100%;
        position: relative;
    }

    .blog-right-column .banner-container {
        position: sticky;
        top: 120px;
        background: white;
        padding: 10px;
        max-height: 80vh;
        transition: visibility 0.3s ease-in-out;
        margin: 0;
        width: 320px;
    }

    .campus-custom-single-header {
        background: #173F35;
        margin-top: 80px;
        padding: 50px 0;
        min-height: 45vh;
        display: flex;
    }

    .campus-custom-single-header .qodef-content-grid {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .campus-custom-single-header .qodef-content-grid .title {
        width: 60%;
    }

    .campus-custom-single-header .qodef-content-grid .title h1 {
        color: var(--e-global-color-primary);    
        font-size: 65px;
        line-height: 70px;
        letter-spacing: -0.04em;
    }

    .campus-custom-single-header .qodef-content-grid .cover-image {
        width: 30%;
        position: relative;
    }

    .campus-custom-single-header .qodef-content-grid .cover-image::before, 
    .campus-custom-single-header .qodef-content-grid .cover-image::after {
        content: '';
        display: block;
        position: absolute;
        width: 45px;
        height: 45px;
        background: #69E78C;
        right: 0;
        top: 0;
    }

    .campus-custom-single-header .qodef-content-grid .cover-image::after {
        right: -45px;
        top: -45px;
    }

    
}

@media screen and (min-width: 1280px) and (max-width: 1480px) {
    .single-post #qodef-page-inner {
        width: 100%;
        grid-column-gap: 2rem;
        grid-row-gap: 4rem;
        grid-template-rows: auto;
        grid-template-columns: minmax(300px, 1fr) 580px minmax(0, 1fr);
        grid-auto-columns: 1fr;
        display: grid;
        padding-top: 50px;
    }
}

.accordion-item {
    margin-bottom: 30px;
}

.accordion-header {
    cursor: pointer;
    padding: 10px 20px;
    background: #0038C9;
    position: relative;
}

.accordion-header h4 {
    margin: 0;
    font-size: 16px;
    color: #B8D4FF;
    font-family: 'PX GROTESK MONO' !important;
}

.accordion-header:before {
    content: '';
    width: 15px;
    height: 15px;
    background: #fff;
    position: absolute;
    top: 0;
    right: 0;
}

.accordion-header:after {
    content: '';
    width: 15px;
    height: 15px;
    background: #0038C9;
    position: absolute;
    top: -15px;
    right: -15px;
    transition: 0.2s all ease;
}
.accordion-header.active:after {
    top: 0;
    right: 0;
}

.accordion-body {
    padding: 15px;
    display: none;
    background: #B8D4FF;
    font-family: 'PX GROTESK MONO' !important;
    line-height: 1.4;
}