/*
 * Style sheet for various classes generated by Gutenberg editor
 */

.has-orange-background-color {
    background-color: #e4761e;
}
.has-orange-color {
    color: #e4761e;
}
.has-yellow-background-color {
    background-color: #FEBE10;
}
.has-yellow-color {
    color: #FEBE10;
}
.has-blue-background-color {
    background-color: #007FA3;
}
.has-blue-color {
    color: #007FA3;
}
.has-deep-blue-background-color {
    background-color: #003B5C;
}
.has-deep-blue-color {
    color: #003B5C;
}
.has-dark-blue-background-color {
    background-color: #002A3A;
}
.has-dark-blue-color {
    color: #002A3A;
}
.has-green-background-color {
    background-color: #8F993E;
}
.has-green-color {
    color: #8F993E;
}
.has-mid-green-background-color {
    background-color: #67823A;
}
.has-mid-green-color {
    color: #67823A;
}
.has-dark-green-background-color {
    background-color: #5B6236;
}
.has-dark-green-color {
    color: #5B6236;
}


.has-hc-green-background-color {
    background-color: #0e6a40;
}
.has-hc-green-color {
    color: #0e6a40;
}
.has-hc-pink-background-color {
    background-color: #c91177;
}
.has-hc-pink-color {
    color: #c91177;
}
.has-hc-orange-background-color {
    background-color: #d77b37;
}
.has-hc-orange-color {
    color: #d77b37;
}
.has-hc-yellow-background-color {
    background-color: #f5bf45;
}
.has-hc-yellow-color {
    color: #f5bf45;
}
.has-hc-blue-background-color {
    background-color: #0e6aae;
}
.has-hc-blue-color {
    color: #0e6aae;
}
.has-hc-gray-background-color {
    background-color: #343434;
}
.has-hc-gray-color {
    color: #343434;
}

.has-red-background-color {
    background-color: #B3272F;
}
.has-red-color {
    color: #B3272F;
}
.has-deep-red-background-color {
    background-color: #A4343A;
}
.has-deep-red-color {
    color: #A4343A;
}
.has-mud-red-background-color {
    background-color: #76232F;
}
.has-mud-red-color {
    color: #76232F;
}
.has-white-background-color {
    background-color: #ffffff;
}
.has-white-color {
    color: #ffffff;
}
.has-grey-1-background-color {
    background-color: #f8f8f8;
}
.has-grey-1-color {
    color: #f8f8f8;
}
.has-grey-2-background-color {
    background-color: #eeeeee;
}
.has-grey-2-color {
    color: #eeeeee;
}
.has-grey-3-background-color {
    background-color: #dddddd;
}
.has-grey-3-color {
    color: #dddddd;
}
.has-med-grey-1-background-color {
    background-color: #b4b4b4;
}
.has-med-grey-1-color {
    color: #b4b4b4;
}
.has-med-grey-2-background-color {
    background-color: #888888;
}
.has-med-grey-2-color {
    color: #888888;
}
.has-med-grey-3-background-color {
    background-color: #707372;
}
.has-med-grey-3-color {
    color: #707372;
}
.has-dark-grey-1-background-color {
    background-color: #54585A;
}
.has-dark-grey-1-color {
    color: #54585A;
}
.has-dark-grey-2-background-color {
    background-color: #222222;
}
.has-dark-grey-2-color {
    color: #222222;
}
.has-black-background-color {
    background-color: #000000;
}
.has-black-color {
    color: #000000;
}

/* Font sizes for the editor */
.site-container .has-small-font-size,
.has-small-font-size {
    font-size: 14px !important;
    line-height: 20px;
    letter-spacing: 0.07px;
}
.site-container .has-regular-font-size ,
.has-regular-font-size {
    font-size: 16px !important;
    line-height: 22px;
    letter-spacing: 0.08px;
}
.site-container .has-large-font-size ,
.has-large-font-size {
    font-size: 18px !important;
    line-height: 24px;
    letter-spacing: 0.09px;
}
.site-container .has-intro-font-size ,
.has-intro-font-size {
    font-size: 20px !important;
    line-height: 26px;
    letter-spacing: 0.1px;
}
.site-container .has-small-font-size,
.has-small-font-size ,
.site-container .has-regular-font-size ,
.has-regular-font-size ,
.site-container .has-large-font-size ,
.has-large-font-size ,
.site-container .has-intro-font-size ,
.has-intro-font-size 
{
    max-width: 600px;
    width: 100%;
}
.has-text-align-center
{
    margin-left: auto;
    margin-right: auto;
}
.has-text-align-left
{
    margin-left: 0;
    margin-right: auto;
}
.has-text-align-right
{
    margin-left: auto;
    margin-right: 0;
}
@media only screen and (min-width: 768px) 
{

        .site-container .has-small-font-size,
        .has-small-font-size ,
        .site-container .has-regular-font-size ,
        .has-regular-font-size ,
        .site-container .has-large-font-size ,
        .has-large-font-size ,
        .site-container .has-intro-font-size ,
        .has-intro-font-size 
        {
            width: 60%;
        }

}