/*
Theme Gutenberg Styles
*/

/* Alignments */
.alignwide {
    margin-left: -10vw;
    margin-right: -10vw;
    max-width: 120vw;
    width: auto;
}

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

@media (max-width: 768px) {
    .alignwide, .alignfull {
        margin-left: 0;
        margin-right: 0;
        max-width: 100%;
        width: 100%;
    }
}

/* Color Palette Classes */
.has-dark-background-color { background-color: #222222; }
.has-text-gray-color { color: #999999; }
.has-text-gray-background-color { background-color: #999999; }
.has-highlight-orange-color { color: #f69b26; }
.has-highlight-orange-background-color { background-color: #f69b26; }
.has-highlight-red-color { color: #a11e09; }
.has-highlight-red-background-color { background-color: #a11e09; }
.has-white-color { color: #ffffff; }
.has-white-background-color { background-color: #ffffff; }
.has-black-color { color: #000000; }
.has-black-background-color { background-color: #000000; }

/* Block Base Styles */
.wp-block-quote, .wp-block-pullquote {
    border-left: 3px solid #cccccc;
    padding-left: 20px;
    background-color: transparent;
    padding: 10px 0 10px 20px;
    margin: 25px 0;
}
.wp-block-quote p, .wp-block-pullquote p {
    font-size: 16px;
    font-style: italic;
    color: #666666;
}

.wp-block-button__link {
    padding: 15px 30px !important;
    background-color: transparent;
    border: 1px solid #999;
    border-radius: 30px;
    text-transform: capitalize;
    font-weight: 400;
    font-size: 14px;
    color: #999;
    transition: all .35s ease-in-out;
}
.wp-block-button__link:hover {
    color: #fff;
    background-image: linear-gradient(to top, #a11e09, #f69b26);
    border-color: transparent;
}

.wp-block-separator {
    border-bottom: 1px solid #333;
    margin: 40px auto;
}