/*
 * Child theme styles shared across non-AMP Amasty Blog pages.
 * Loaded via the amasty_blog_listing_pages and amasty_blog_post_page handles.
 */

:root {
    --amblog-accent: #febf2b;
    --amblog-accent-hover: #e2a800;
    --amblog-accent-contrast: #1a1a1a;
    --amblog-ui-color: #000;
    --amblog-ui-hover: #6f5200;
    --amblog-ui-soft: #f6e6ae;
    --amblog-link-hover: #7d5a00;
    --amblog-btn-shadow: 0 12px 24px rgba(254, 191, 43, 0.28);
}

.amblog-btn,
a.amblog-btn,
button.amblog-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 48px;
    padding: 12px 24px;
    border: 1px solid var(--amblog-accent) !important;
    border-radius: 12px !important;
    background: var(--amblog-accent) !important;
    color: var(--amblog-accent-contrast) !important;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    text-decoration: none !important;
    box-shadow: var(--amblog-btn-shadow);
    transition: background-color .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease, transform .2s ease;
    cursor: pointer;
}

.amblog-btn:hover,
.amblog-btn:focus-visible,
a.amblog-btn:hover,
a.amblog-btn:focus-visible,
button.amblog-btn:hover,
button.amblog-btn:focus-visible {
    background: var(--amblog-accent-hover) !important;
    border-color: var(--amblog-accent-hover) !important;
    color: var(--amblog-accent-contrast) !important;
    box-shadow: 0 16px 30px rgba(254, 191, 43, 0.34);
    transform: translateY(-1px);
    text-decoration: none !important;
}

.amblog-btn:focus-visible,
a.amblog-btn:focus-visible,
button.amblog-btn:focus-visible {
    outline: 3px solid rgba(254, 191, 43, 0.35);
    outline-offset: 3px;
}

.amblog-btn:active,
a.amblog-btn:active,
button.amblog-btn:active {
    transform: translateY(0);
    box-shadow: 0 8px 18px rgba(254, 191, 43, 0.24);
}

.amblog-btn[disabled],
.amblog-btn.disabled,
button.amblog-btn[disabled] {
    opacity: 0.6;
    cursor: not-allowed;
    box-shadow: none;
    transform: none;
}

.amblog-link-btn,
a.amblog-link-btn,
button.amblog-link-btn,
.amblog-comments-wrapper a,
.amblog-categories a,
.amblog-tags a,
.amblog-author a {
    color: var(--amblog-accent-contrast) !important;
}

.amblog-link-btn:hover,
.amblog-link-btn:focus-visible,
a.amblog-link-btn:hover,
a.amblog-link-btn:focus-visible,
button.amblog-link-btn:hover,
button.amblog-link-btn:focus-visible,
.amblog-comments-wrapper a:hover,
.amblog-comments-wrapper a:focus-visible,
.amblog-categories a:hover,
.amblog-categories a:focus-visible,
.amblog-tags a:hover,
.amblog-tags a:focus-visible,
.amblog-author a:hover,
.amblog-author a:focus-visible {
    color: var(--amblog-link-hover) !important;
}

.amblog-tag.amblog-tag {
    border-color: var(--amblog-accent) !important;
    background: rgb(254 191 43 / 18%) !important;
    color: #1a1a1a !important;
    font-weight: 400 !important;
    font-size: 13px !important;
}

.amblog-tag.amblog-tag:hover,
.amblog-tag.amblog-tag:focus-visible {
    background: var(--amblog-accent) !important;
    color: var(--amblog-accent-contrast) !important;
    text-decoration: none !important;
}

.amblog-read,
a.amblog-read {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 44px !important;
    padding: 10px 18px !important;
    border: 1px solid var(--amblog-accent) !important;
    border-radius: 12px !important;
    background: rgba(254, 191, 43, 0.14) !important;
    color: #1a1a1a !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    box-shadow: none !important;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease !important;
}

.amblog-read:hover,
.amblog-read:focus-visible,
a.amblog-read:hover,
a.amblog-read:focus-visible {
    background: var(--amblog-accent) !important;
    border-color: var(--amblog-accent) !important;
    color: var(--amblog-accent-contrast) !important;
    transform: translateY(-1px) !important;
    text-decoration: none !important;
}

.amblog-read:focus-visible,
a.amblog-read:focus-visible {
    outline: 3px solid rgba(254, 191, 43, 0.35) !important;
    outline-offset: 3px !important;
}

.amblog-btn:after,
.amblog-btn:before,
a.amblog-btn:after,
a.amblog-btn:before,
button.amblog-btn:after,
button.amblog-btn:before,
.amblog-link-btn:after,
.amblog-link-btn:before,
a.amblog-link-btn:after,
a.amblog-link-btn:before,
button.amblog-link-btn:after,
button.amblog-link-btn:before,
.amblog-read:after,
.amblog-read:before,
a.amblog-read:after,
a.amblog-read:before,
.amblog-tag.amblog-tag:after,
.amblog-tag.amblog-tag:before {
    display: none !important;
    content: none !important;
}

.amblog-button,
.amblog-button > .amblog-count:not(:empty),
.amblog-button > .amblog-icon,
.amblog-link-btn > .amblog-icon,
.amblog-btn .amblog-icon,
.amblog-svg.comment,
.amblog-svg.comment svg,
.amblog-svg.comment path {
    color: var(--amblog-ui-color) !important;
    fill: var(--amblog-ui-color) !important;
}

.amblog-button:hover,
.amblog-button:focus-visible,
.amblog-button:hover > .amblog-count:not(:empty),
.amblog-button:focus-visible > .amblog-count:not(:empty),
.amblog-button:hover > .amblog-icon,
.amblog-button:focus-visible > .amblog-icon,
.amblog-link-btn:hover > .amblog-icon,
.amblog-link-btn:focus-visible > .amblog-icon,
.amblog-svg.comment:hover,
.amblog-svg.comment:hover svg,
.amblog-svg.comment:hover path {
    color: var(--amblog-ui-hover) !important;
    fill: var(--amblog-ui-hover) !important;
}

body[class*='amblog-index-'] .amblog-ref,
body[class*='amblog-index-'] .amblog-ref:hover,
body[class*='amblog-index-'] .ampost-link,
body[class*='amblog-index-'] .ampost-link:active,
body[class*='amblog-index-'] .ampost-link:visited,
body[class*='amblog-index-'] .amblog-post-title .post-title:hover,
body[class*='amblog-index-'] .amblog-element-block .amblog-headline:hover,
body[class*='amblog-index-'] .amblog-element-block .amblog-link:hover,
body[class*='amblog-index-'] .amblog-button,
body[class*='amblog-index-'] .amblog-button:hover,
body[class*='amblog-index-'] .amblog-button:focus,
body[class*='amblog-index-'] .amblog-link-btn,
body[class*='amblog-index-'] .amblog-link-btn:hover,
body[class*='amblog-index-'] .amblog-link-btn:focus {
    color: var(--amblog-ui-color) !important;
}

body[class*='amblog-index-'] .ampost-link:hover,
body[class*='amblog-index-'] .amblog-post-title .post-title:focus-visible,
body[class*='amblog-index-'] .amblog-element-block .amblog-headline:focus-visible,
body[class*='amblog-index-'] .amblog-element-block .amblog-link:focus-visible,
body[class*='amblog-index-'] .amblog-button:hover,
body[class*='amblog-index-'] .amblog-button:focus-visible,
body[class*='amblog-index-'] .amblog-link-btn:hover,
body[class*='amblog-index-'] .amblog-link-btn:focus-visible {
    color: var(--amblog-ui-hover) !important;
}

body[class*='amblog-index-'] .amblog-search-suggest .amblog-suggest:hover {
    background: var(--amblog-ui-color) !important;
    color: #ffffff !important;
}

body[class*='amblog-index-'] .amblog-search-suggest.-live-active {
    border-color: var(--amblog-ui-color) !important;
}

body[class*='amblog-index-'] .amblog-comments-wrapper .amblog-comment.-active,
body[class*='amblog-index-'] .amblog-comments-wrapper .amblog-comment.-reply {
    border-color: var(--amblog-ui-soft) !important;
}

.amblog-form-search {
    position: relative;
}

.amblog-form-search .amblog-form-container {
    position: relative;
}

.amblog-form-search .amblog-btn {
    position: absolute !important;
    top: 50% !important;
    right: 16px !important;
    width: 18px !important;
    min-height: 18px !important;
    height: 18px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    opacity: 0.72;
    transform: translateY(-50%) !important;
}

.amblog-form-search .amblog-btn:hover,
.amblog-form-search .amblog-btn:focus-visible {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    opacity: 1;
    transform: translateY(-50%) !important;
}

.amblog-form-search .amblog-btn:before,
.amblog-form-search .amblog-btn:after {
    display: block !important;
    content: '' !important;
    position: absolute;
}

.amblog-form-search .amblog-btn:before {
    top: 0;
    left: 0;
    width: 11px;
    height: 11px;
    border: 2px solid #1a1a1a;
    border-radius: 50%;
}

.amblog-form-search .amblog-btn:after {
    right: 3px;
    bottom: 5px;
    width: 7px;
    height: 2px;
    border-radius: 999px;
    transform: rotate(45deg);
    transform-origin: center;
    left: auto !important;
    top: auto !important;
}
 :root {
    --container-max-width: 1460px;
    --border-radius: 20px;
}
 .page-main {
    max-width: var(--container-max-width) !important;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    text-transform: capitalize;
}
.amblog-element-block:not(.widget)>div:not(.amblog-overlay), .amblog-element-block.widget, .amblog-grid-list .list-item, .amblog-post-container, .amblog-tags.amblog-widget-container, .amblog-post-container .amblog-widget-container:not(.widget)>div:not(.amblog-overlay), .amblog-post-container .amblog-widget-container.widget, .amblog-grid-list .slick-slide .amblog-item, .amblog-grid-list .slick-slide .amblog-item .amblog-widget-container:not(.widget)>div:not(.amblog-overlay), .amblog-grid-list .slick-slide .amblog-item .amblog-widget-container.widget {
    border-radius: var(--border-radius);
    background: #f3f3f3;
}
img, object, video, embed {
    border-radius: var(--border-radius);
}
body[class*='amblog-index-'] .page-title-wrapper {
    margin-top: 0;
}
body[class*='amblog-index-'] .page-title {
    font-size: clamp(32px, 4vw, 48px) !important;
    line-height: 1.1 !important;
    margin-bottom: 0;
}

body[class*='amblog-index-'] .page-main input[type="text"],
body[class*='amblog-index-'] .page-main input[type="password"],
body[class*='amblog-index-'] .page-main input[type="url"],
body[class*='amblog-index-'] .page-main input[type="tel"],
body[class*='amblog-index-'] .page-main input[type="search"],
body[class*='amblog-index-'] .page-main input[type="number"],
body[class*='amblog-index-'] .page-main input[type*="date"],
body[class*='amblog-index-'] .page-main input[type="email"],
body[class*='amblog-index-'] .page-main select,
body[class*='amblog-index-'] .page-main textarea,
body[class*='amblog-index-'] .page-main .amblog-input {
    min-height: 52px !important;
    padding: 14px 16px !important;
    border: 1px solid rgba(26, 26, 26, 0.14) !important;
    border-radius: 12px !important;
    background: #ffffff !important;
    color: #1a1a1a !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
    box-shadow: none !important;
}

body[class*='amblog-index-'] .page-main textarea,
body[class*='amblog-index-'] .page-main .amblog-input.-textarea {
    min-height: 140px !important;
    resize: vertical;
}

body[class*='amblog-index-'] .page-main input[type="text"]:focus,
body[class*='amblog-index-'] .page-main input[type="password"]:focus,
body[class*='amblog-index-'] .page-main input[type="url"]:focus,
body[class*='amblog-index-'] .page-main input[type="tel"]:focus,
body[class*='amblog-index-'] .page-main input[type="search"]:focus,
body[class*='amblog-index-'] .page-main input[type="number"]:focus,
body[class*='amblog-index-'] .page-main input[type*="date"]:focus,
body[class*='amblog-index-'] .page-main input[type="email"]:focus,
body[class*='amblog-index-'] .page-main select:focus,
body[class*='amblog-index-'] .page-main textarea:focus,
body[class*='amblog-index-'] .page-main .amblog-input:focus {
    border-color: var(--amblog-accent) !important;
    box-shadow: 0 0 0 4px rgba(254, 191, 43, 0.18) !important;
    outline: none !important;
}

@media (max-width: 768px) {
.navigation, .ox-megamenu, .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-main, .page-wrapper>.page-bottom, .block.category.event, .top-container {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
}
.amblog-aside-right .amblog-element-block{
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
.amblog-aside-right .amblog-element-block .-accordion{
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
}
.amblog-aside-right .amblog-title {
    padding: 10px 0 !important;
    left: 15px;
}
#amblog-sidebar-search-title{
    left: 0 !important;
}
.amblog-aside-right .amblog-post-container .amblog-widget-container,.amblog-aside-right .amblog-grid-list .slick-slide .amblog-item .amblog-widget-container,.amblog-aside-right .amblog-sidebar-heading-container,.amblog-aside-right .amblog-empty, .amblog-aside-right .amblog-sidebar-heading-container  {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding-bottom: 0 !important;
}
.amblog-aside-right .amblog-element-block .amblog-empty, .amblog-aside-right .amblog-post-container .amblog-widget-container .amblog-empty, .amblog-aside-right .amblog-grid-list .slick-slide .amblog-item .amblog-widget-container .amblog-empty {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0px !important;
}
.amblog-aside-right .amblog-post-container .amblog-widget-container .amblog-list, .amblog-aside-right .amblog-grid-list .slick-slide .amblog-item .amblog-widget-container .amblog-list {
    border: none;
    background: transparent !important;
    margin: 0 !important;
    box-shadow: none !important;
}
.amblog-aside-right .amblog-post-container .amblog-tags, .amblog-aside-right .amblog-grid-list .amblog-tags, .amblog-aside-right .amblog-grid-list .slick-slide .amblog-item .amblog-tags {
    padding: 0 !important;
}
.amblog-aside-right .amblog-form-search.amblog-item {
    padding: 0 !important;
}
.mgz-element-column > .mgz-element-inner {
    padding: 0px;
}
.magezon-builder {
    margin-top: 20px;
}
.amblog-grid-list .amblog-dates>*:last-child, .amblog-post-container .amblog-dates>*:last-child, .amblog-container-list .amblog-dates>*:last-child, .amblog-grid-list .slick-slide .amblog-item .amblog-dates>*:last-child {
    margin-bottom: 10px;
}
.amblog-element-block .amblog-date, .amblog-post-container .amblog-widget-container .amblog-date, .amblog-element-block .amblog-views, .amblog-element-block .amblog-minread, .amblog-grid-list .slick-slide .amblog-item .amblog-widget-container .amblog-date {
    margin-top: 0px !important;
}


.amblog-post-container .amblog-content {
    color: #363636 !important;
}
.amblog-svg.-classic {
    fill: #000 !important;
}
body[class*='amblog-index-'] .page-title {
    max-width: 100% !important;
    padding: 0 !important;
}