/*
Theme Name: Doll'art by Yann Dehais VF
Author: Orianne Cielat
Description: A theme designed for Doll'art creations website
Tested up to: 6.2
Requires PHP: 8.1
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dollart
*/

/* FONTS */
@font-face {
    font-family: "Special Elite";
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url('assets/fonts/SpecialElite-Regular.woff2') format('woff2');
}
@font-face {
    font-family: "Averia Serif Libre";
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url('assets/fonts/AveriaSerifLibre-Regular.woff2') format('woff2');
}
@font-face {
    font-family: "Raleway";
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url('assets/fonts/Raleway-Regular.woff2') format('woff2');
}
:root {
    --main-orange: #EF9838;
    --body-font: 500 18px/1.4 'Raleway', sans-serif;
    --special-font: 400 18px/1.4 'Special Elite', sans-serif;
}
/* RESET */
* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    scroll-behavior: smooth;
}
ul, ol {
    list-style: none;
}
a {
    text-decoration: none;
    color: black;
    display: block;
    text-align: center;
}
img {
    width: 100%;
	height: 100%;
    vertical-align: bottom;
}
main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
}
section.dlt_section {
    width: 100%;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
section.dlt_section:not(.dlt_category_page) > * {
    padding: 1rem 0;
}
footer {
    width: 100%;
}
.dlt_wrap {
    max-width: 1600px;
}
h2 {
    text-align: center;
    font-size: 2.8rem;
    padding: .5rem 0 2rem;
    font-family: 'Special Elite', sans-serif;
    width: 100%;
}
h3 {
    font-family: 'Special Elite', sans-serif;
    font-size: 1.5rem;
    padding-bottom: 1rem;
    width: 100%;
}
/* SCROLL */
/* For Chrome, Edge, Safari */
*::-webkit-scrollbar,
*.scroller::-webkit-scrollbar {
    width: 6px;
    background: black;
    color: black;
}
*::-webkit-scrollbar-track,
*.scroller::-webkit-scrollbar-track {
    background: black;
}
*::-webkit-scrollbar-thumb,
*.scroller::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background: var(--main-orange);
}
/* For Firefox */
.scroller {
    scrollbar-width: thin;
    scrollbar-color: black black;
}

/* RESPONSIVE */
@media screen and (max-width: 1050px) {
    h2 {
        font-size: 2.4rem;
    }
}
@media screen and (max-width: 950px) {
    h2 {
        font-size: 2.3rem;
        padding: .5rem 0 1rem;
    }
}
@media screen and (max-width: 650px) {
    h2 {
        font-size: 2.1rem;
    }
}
@media screen and (max-width: 480px) {
    h2 {
        font-size: 1.5rem;
    }
}