/*
Theme Name: Education Hub
Description: Used to style blocks.
*/

/* Colors */
.has-black-color {
    color: #000000;
}

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

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

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

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

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

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

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

.has-blue-color {
    color: #294a70;
}

.has-blue-background-color {
    background-color: #294a70;
}

.has-dark-blue-color {
    color: #15305b;
}

.has-dark-blue-background-color {
    background-color: #15305b;
}

.has-navy-blue-color {
    color: #00387d;
}

.has-navy-blue-background-color {
    background-color: #00387d;
}

.has-sky-blue-color {
    color: #49688e;
}

.has-sky-blue-background-color {
    background-color: #49688e;
}

.has-light-blue-color {
    color: #6081a7;
}

.has-light-blue-background-color {
    background-color: #6081a7;
}

.has-yellow-color {
    color: #f4a024;
}

.has-yellow-background-color {
    background-color: #f4a024;
}

.has-dark-yellow-color {
    color: #ffab1f;
}

.has-dark-yellow-background-color {
    background-color: #ffab1f;
}

.has-red-color {
    color: #e4572e;
}

.has-red-background-color {
    background-color: #e4572e;
}

.has-green-color {
    color: #54b77e;
}

.has-green-background-color {
    background-color: #54b77e;
}

/* Custom Typography Preset */

.entry-content .has-small-font-size,
.site-main .entry-content .has-small-font-size {
  font-size: 13px;
}

.entry-content .has-normal-font-size,
.site-main .entry-content .has-normal-font-size {
  font-size: 16px;
}

.entry-content .has-large-font-size,
.site-main .entry-content .has-large-font-size {
  font-size: 28px;
}

.entry-content .has-huge-font-size,
.site-main .entry-content .has-huge-font-size {
  font-size: 32px;
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width:767px) {
    .entry-content .has-large-font-size,
    .site-main .entry-content .has-large-font-size {
        font-size: 22px;
    }

    .entry-content .has-huge-font-size,
    .site-main .entry-content .has-huge-font-size {
        font-size: 28px;
    }
}


/* Button */

.wp-block-button .wp-block-button__link {
    border-radius: 0;
    cursor: pointer;
    font-size: 16px;
    line-height: 1.5;
    padding: 9px 21px;
    vertical-align: baseline;
}

.entry-content .wp-block-button:not(.is-style-outline) .wp-block-button__link {
    border: 0;
}

.entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover,
.entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus {
    border: 2px solid;
}

.wp-block-button__link {
    background: #ffab1f;
    color: #fff;
}

.is-style-outline .wp-block-button__link:not(.has-text-color) {
    color: #ffab1f;
}

.wp-block-button__link:hover,
.wp-block-button__link:focus,
.is-style-outline .wp-block-button__link:hover,
.is-style-outline .wp-block-button__link:focus {
    background-color: #294a70;
    color: #fff;
}
