/* CUSTOM FONT EMBED */
@font-face {
    font-family: 'rogers';
    src: url('https://leather.asterius.group/templates/ja_purity_iv/fonts/rogers-webfont.woff') format('woff'),
         url('https://leather.asterius.group/templates/ja_purity_iv/fonts/rogers-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'impact_labelregular';
    src: url('https://leather.asterius.group/templates/ja_purity_iv/fonts/Impact_Label-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'impact_labelreversed';
    src: url('https://leather.asterius.group/templates/ja_purity_iv/fonts/Impact_Label-Reversed-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.stayfront {
    z-index: 50;
}
/* HERO BANNER */
.acm-hero.style-1 .hero-content {
    z-index: 5;
}
/* logo display (mobile) 
div[class="navbar-brand logo-image"] {
    min-width: 40vw;
}

/* MAIN MENU */
div[id="t4-header"] {
    background-color: #cc9966;
}
.not-at-top #t4-header.t4-sticky {
    background-color: #cc9966;
}
.border-bottom {
    border-bottom: 0px solid white !important;
}
.t4-nav-height-sm {
    background-color: #663333;
    outline: 2px dashed white;
    outline-offset: -.5rem;
}
.navbar {
    width: 100%;
}
.navbar-expand-sm .navbar-nav {
    width: 100%;
}
.t4-navbar .nav-item {
    width: 25%;
    margin: auto;
}
.t4-navbar .nav-item > a, .t4-navbar .nav-item > span {
    justify-content: center;
    margin: 0rem 2rem;
}
/* active menu item */
li[class="nav-item current active"] {
    background-color: #666633;
    outline: 2px dashed white;
    outline-offset: -.5rem;    
}
/* Mobile Menu */
.nav-breakpoint-sm .t4-megamenu {
    background-color: #663333;
    outline: 2px dashed white;
    outline-offset: -.5rem;
}

/* breadcrumbs */
.t4-section.t4-breadcrumbs {
    background-color: #cc9966;
    border: 0px solid black;
}

/* section background colors */
.redback {
    background-color: #663333;
}
.greenback {
    background-color: #666633;
}
.tanback {
    background-color: #cc9966;
}

/* INTRO ARTICLE DISPLAY (IN CATEGORY BLOG) */
/* default card style */
div[itemprop=blogPost], .com-content-categories__item {
    background-color: #cc9966;
    outline: 4px dashed black;
    outline-offset: -1rem;
    margin: 1rem;
    padding: 2rem;
    position: relative;
}
.items-row .item {
    padding: 0px;
}
.blog .items-leading .blog-item {
    padding: 0px;
}
/* card style when highlighted */
div[itemprop=blogPost]:hover {
    outline-color: #666633;
    box-shadow: 1px 1px 12px black, -1px -1px 12px black;
}
/* intro content HEADING + INTRO TEXT */
.blog .items-leading .item-content {
    padding: 0px;
}
/* article title */
.items-row .item .item-content .page-header {
    text-align: center;
    position: relative;
    top: -2rem;
    transform: rotate(-6deg);
}
.blog .items-leading .page-header {
    text-align: center;
    position: relative;
    top: -2rem;
    transform: rotate(-6deg);    
}
.page-header a {  
    color: black;
    font-size: 2rem;
}
/* article intro text */
.blog .item-intro {
    color: black;
    padding: 0rem 2rem 2rem 2rem;
    height: 6.5rem;
}
.blog .items-leading .item-intro {
    color: black;
    padding: 0rem 2rem 2rem 2rem;
    height: 6.5rem;    
}
/* article intro image */
.items-row .item .item-image {
    position: relative;
    padding: 4rem;
    margin-bottom: 0px;
    aspect-ratio: 1/1;
}
.blog .items-leading .item-image {
    position: relative;
    padding: 4rem;
    margin-bottom: 0px;
    aspect-ratio: 1/1;
}
/* read more button */
a [class="btn btn-readmore"] {
    position: relative;
    translate: 0rem 20rem;
}
/* leading article */
.blog .items-leading .blog-item {
    position: relative;
}
/* change leading article style for large screens */
@media screen and (min-width: 768px) {
.blog .items-leading .item-content {
    padding: 0;
}
.blog .items-leading .item-image {
    position: relative;
    left: 1rem;
    width: 40%;
    padding: 3rem;
    margin: 0;
}
.blog .items-leading .page-header {
    position: absolute;
    top: 3rem;
    left: 45%;
    transform: rotate(-6deg);
}
.blog .items-leading .item-intro {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50%;
    height: 50%;
    margin: 0px;
    padding: 0rem 2rem 2rem 0rem;
}
}
/* EDIT BUTTON on frontend */ 
div[class="article-aside"] {
    position: absolute;
    top: 1rem;
    left: 1rem;

}

/* PRICING TABLES */
/* text styles */
.excluded {
    color: #663333;
    text-decoration-line: line-through;
}
.available {
    color: black;
    font-weight: bold;
}
.discounted {
    color: #666633;
    font-weight: bold;
}
.included {
    color: green;
    font-weight: bold;
}
/* table styling */
.item-page.layout-default.no-sidebar .top-article-info {
    max-width: 100%;
}
/* accordion open panel styling */
[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="accordions"] > [data-rlta-element="panel"], [data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="tabs"] > [data-rlta-element="panels"] > [data-rlta-element="panel"] {
    background: transparent;
    border: none;
}
/* tab open panel styling */
[data-rlta-element="container"][data-rlta-state="ready"][data-rlta-theme="neutral"][data-rlta-type="tabs"] > [data-rlta-element="button-list"] > [data-rlta-element="button"]:not([data-rlta-state="closed"]) {
    border: 4px solid #666633;
}
/* pricing tier blocks */
.acm-pricing.style-1 .pricing-item {
    background-color: #cc9966;
    outline: 4px dashed black;
    outline-offset: -1rem;
    margin: 0rem;
    padding: 2rem;
    position: relative;
}
/* pricing header image/title 
.acm-pricing.style-1 .pricing-item .header-intro {
    justify-content: center;
}
/* image 
.acm-pricing.style-1 .pricing-item .img-intro {
    width: max-content;
}
/* title */
.acm-pricing.style-1 .pricing-item .pricing-title-info {
    justify-self: right;
    margin: auto;
}
/* Intro Text */
.acm-pricing.style-1 .pricing-item .pricing-desc {
    height: 12rem;
}
/* Pricing */
.acm-pricing.style-1 .pricing-item .pricing-plan-price {
    margin: auto;
    transform: rotate(-30deg);
    background-color: white;
    text-align: center;
}
/* footer menus */
.t4-footer .nav {
    color: #cc9966;
}
.t4-footer .nav > li::before {
    content: "";
}
.t4-footer .nav > li:first-child::before {
    display: inline-block;
}
/* info menu (left) */
div[class="t4-col info-menu col-sm"] nav[class="navbar"] {
    text-align: left;
    justify-content: left;
}
/* login form (center) */
div[class="t4-col login-form col-sm"] {
    text-align: center;
    justify-content: center;
}
div[class="mod-login__remember form-group"] {
    position: absolute;
    z-index: -99;
}
ul[class="mod-login__options list-unstyled"] {
    position: absolute;
    bottom: 10rem;
    z-index: -99;
}
/* footer menu (right) */
div[class="t4-col footer-menu col-sm"] nav[class="navbar"] {
    text-align: right;
    justify-content: right;
}