:root {

    /*
    breakpoints
    sm: 575px
    md: 768px
    lg: 992px
    xl: 1200px
    xxl: 1400px
    */

    --custom-background: #FDECF5;
    --custom-light: #FFFFFF;
    --custom-dark: #000000;
    --custom-primary: #E32284;
    --custom-primary-light: #fad7e9;
    --custom-primary-dark: #C40A69;
    --custom-secondary: #542F87;
    --custom-yellow: #FFBA00;
    --custom-purple: #351168;
    --custom-gray: #9C9C9C;
    --custom-gray-light: #E8E8E8;
    --custom-gray-dark: #818181;
    --custom-green: #45CB0B;
    --custom-orange: #BC7605;
    --custom-red: #D72638;


    /* Horizontal padding (left and right) */
    /* Padding side of the screen */
    --padding-xsmall: 1rem;
    --padding-mobile: 3rem;
    --padding-small: 6rem;
    --padding-medium: 12rem;
    --padding-large: 18rem;
    --padding-xlarge: 24rem;
    --padding-xxlarge: 30rem;

    --mt-large: 15vh;
    --mb-large: 15vh;

    /* Vertical padding (top and bottom) */
    --padding-small-vert: 5vh;
    --padding-medium-vert: 10vh;
    --padding-large-vert: 15vh;
    --padding-xlarge-vert: 20vh;
    --padding-xxlarge-vert: 25vh;

    /* Font sizes */
    /* 12px */
    --font-size-sm: 0.75rem;
    /* 14px */
    --font-size-md: 0.875rem;
    /* 18px */
    --font-size-lg: 1.125rem;
    /* 24px */
    --font-size-xl: 1.5rem;
    /* price font size */
    --price-font-size: 2.1rem;
    /* 44px */
    --font-size-2xl: 2.75rem;
    /* 60px */
    --font-size-3xl: 3.75rem;
    /* 20px */
    --font-size-4xl: 1.25rem;
}

body {
    background-color: var(--custom-background);
}

a {
    text-decoration: none;
}

.container-center {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.default-container {
    width: 100%;
    max-width: 1300px;
}

.content-container {
    padding: 10rem var(--padding-small) 0;
}

.about-us-page-top {
    padding: 7.5rem 0 0;
}

.about-us-page-bottom {

}

@media (min-width: 1300px) {
    .default-container {
        padding-left: 0 ;
        padding-right: 0;
    }
    .container-center {
        padding: 0 var(--padding-small);
    }
}

@media (max-width: 992px) {
    .content-container {
        padding: 11rem var(--padding-mobile) 0;
    }
}

@media (max-width: 600px) {
    .about-us-page-top,
    .about-us-page-bottom {
        .wp-block-media-text__content {
            padding: 2rem 0 1rem;
        }
    }
}

@media (max-width: 575px) {
    .content-container {
        padding: 8.5rem var(--padding-xsmall) 0;
    }
}

@media (max-width: 250px) {
    .about-us-page-top {
        padding: 5rem 0 0;
    }
}

.bold {
    font-weight: 700;
}

.font-orbitron {
    font-family: 'Orbitron', sans-serif;
}