/*
Theme Name: Zodiac Astrology
Description: Used to style Gutenberg Blocks.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Blocks - General Styles
# Blocks - Common Blocks
# Blocks - Formatting
# Blocks - Layout Elements
# Blocks - Widgets
# Blocks - Colors
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Blocks - General Styles
--------------------------------------------------------------*/
.no-sidebar .alignfull {
    margin-left: calc(-100vw / 2 + 100% / 2);
    margin-right: calc(-100vw / 2 + 100% / 2);
    max-width: 100vw;
}

.no-sidebar .alignwide {
    margin-left: calc(-96vw / 2 + 100% / 2);
    margin-right: calc(-96vw / 2 + 100% / 2);
    max-width: 96vw;
}

.alignfull.wp-block-cover,
.alignwide.wp-block-cover {
    width: auto;
}

/* 768px */
@media screen and (min-width: 48em) {
    .no-sidebar .alignfull {
        margin-left: calc(-92vw / 2 + 100% / 2);
        margin-right: calc(-92vw / 2 + 100% / 2);
        max-width: 92vw;
    }

    .no-sidebar.fluid-layout .alignfull {
        margin-left: calc(-100vw / 2 + 100% / 2);
        margin-right: calc(-100vw / 2 + 100% / 2);
        max-width: 100vw;
    }

    .no-sidebar .alignwide {
        margin-left: calc(-88vw / 2 + 100% / 2);
        margin-right: calc(-88vw / 2 + 100% / 2);
        max-width: 88vw;
    }
}

/* 1024px */
@media screen and (min-width: 64em) {
    .no-sidebar .alignwide {
        margin-left: -120px;
        margin-right: -120px;
        max-width: 1280px;
    }

    .no-sidebar.full-width-layout .alignwide {
        margin-left: -40px;
        margin-right: -40px;
        max-width: 1600px;
    }
}


p.has-drop-cap:not(:focus)::first-letter {
    float: left;
    font-size: 102px;
    font-size: 6.375rem;
    line-height: 0.6;
    margin: 10px 14px -3px -3px;
}

.has-huge-font-size {
    font-size: 42px;
    font-size: 2.625rem;
    line-height: 1.15;
}

.has-large-font-size {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 1.2833;
}

.has-normal-font-size {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5555;
}

.has-small-font-size {
    font-size: 13px;
    font-size: 0.8125rem;
    font-weight: 400;
    line-height: 1.75;
}

.has-huge-font-size,
.has-large-font-size,
.has-normal-font-size,
.has-small-font-size {
    margin-bottom: 14px;
    margin-top: 35px;
}

/* 768px */
@media screen and (min-width: 64em) {
    .has-huge-font-size {
        font-size: 46px;
        font-size: 2.875rem;
    }

    .has-large-font-size {
        font-size: 39px;
        font-size: 2.4375rem;
    }
}

/* 1024px */
@media screen and (min-width: 64em) {
    .has-huge-font-size {
        font-size: 48px;
        font-size: 3rem;
    }

    .has-large-font-size {
        font-size: 46px;
        font-size: 2.875rem;
    }

    .has-normal-font-size {
        font-size: 18px;
        font-size: 1.125rem;
    }
}

/* 1366px */
@media screen and (min-width: 85.375em) {
    .has-huge-font-size {
        font-size: 64px;
        font-size: 4rem;
    }

    .has-large-font-size {
        font-size: 53px;
        font-size: 3.3125rem;
    }
}

/* 1600px */
@media screen and (min-width: 100em) {
    .has-huge-font-size {
        font-size: 90px;
        font-size: 5.6255rem;
    }

    .has-large-font-size {
        font-size: 60px;
        font-size: 3.75rem;
    }

    .has-huge-font-size,
    .has-large-font-size,
    .has-normal-font-size,
    .has-small-font-size {
        margin-bottom: 21px;
        margin-top: 42px;
    }
}

/*--------------------------------------------------------------
# Blocks - Colors
--------------------------------------------------------------*/

.has-white-color {
    color: #fff;
}

.has-white-background-color {
    background-color: #fff;
}

.has-black-color {
    color: #000;
}

.has-black-background-color {
    background-color: #000;
}

.has-dark-gray-color {
    color: #333;
}

.has-dark-gray-background-color {
    background-color: #333;
}

.has-gray-color {
    color: #eee;
}

.has-gray-background-color {
    background-color: #eee;
}

.has-light-gray-color {
    color: #f6f6f6;
}

.has-light-gray-background-color {
    background-color: #f6f6f6;
}

.has-blue-color {
    color: #1fb125;
}

.has-blue-background-color {
    background-color: #1fb125;
}


p.has-drop-cap:not(:focus)::first-letter {
    font-size: 5em;
    margin-top: 0.075em;
}

blockquote:before {
    display: none;
}

blockquote {
    margin: 0 0 15px 0;
    position: relative;
    padding-left: 20px;
}

.entry-content ul,
.entry-content ol {
    padding-left: 20px;
    margin-left: 0;
}

/*.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    clear: both;
}

.single .entry-content h2 {
    font-size: 20px;
    margin-bottom: 20px;
}*/

/*@media screen and (max-width: 767px) {
    .single .entry-content {
        margin-bottom: 50px;
    }
}*/