/**
CSS: Custom Blog Styles
**/

/* BLOG-SPECIFIC STYLES */
[data-theme*="blog"] h1 {font-size:3.5rem;margin-bottom:3.75rem;}
[data-theme*="blog"] h2 {font-size:2rem;margin-bottom:2rem;color: #414141}
[data-theme*="blog"] h2:not(:first-child) {padding-top:4.5rem;}
[data-theme*="blog"] h2:first-of-type {padding-top:2.5rem!important;} 
[data-theme*="blog"] h3 {font-size:1.5rem;margin-bottom:1.25rem;}

@media only screen and (max-width: 768px) {
    [data-theme*="blog"] h2:not(:first-child) {padding-top:2.5rem;}
    [data-theme*="blog"] h2 {margin-bottom:1.5rem;}
}

/* REQUEST A DEMO ON BLOG */
.request_demo--block {
    position: relative;
    background-color: #2b46bb;
    border-radius: 0.5rem;
    padding: 1em .8em .3em;
    margin-bottom: 4rem;
}
.request_demo--block p, .request_demo--block a {
    color: white;
    font-size: .95em;
}
.request_demo--block h4 {
    font-size: 1.5em;
    font-weight: bold;
    color: white;
}
.request_demo--block p span {
    display: inline-block;
    line-height: 1.1;
    background-color: #f26178;
    padding: 0 3px;
}
.request_demo--block .btn {
    font-size: 10px;
    padding: 5px 9px;
}

/* BLOG-SPECIFIC STYLES */