﻿:root { --plugin-margin-bottom: 60px; --plugin-margin-bottom-slim: 30px; }

.headslider,
.box-wrapper,
.banner-wrapper,
.pager-wrapper,
.document-wrapper:not(.no-margin),
.paragraph-container,
.tabs-wrapper,
.gallery-wrapper,
.tag-wrapper,
.gmaps-cnt,
.list-document-wrapper,
.related-documents-wrapper,
.menu-sitemap,
.tagscheda-wrapper,
.tag-parent-wrapper:not(:last-child),
.top-searches-wrapper,
.search-wrapper { margin-bottom: var(--plugin-margin-bottom); }

.box-wrapper .titsez h4,
.gallery-wrapper
.gallery-title h4,
.related-document-title h4,
.tag-parent-wrapper .tag-document-title H4,
.search-related-title h4,
.system-search-intro,
.system-slider-title,
.system-search-results-title,
.system-top-header-title,
.card-group-info-title,
.video-sound-slider-title { color: #FFF; margin-bottom: 40px; font-weight: 400; font-size: 3rem; font-family: 'Fjalla One'; text-align: center; }

.system-top-header-notes { font-weight: 200; margin-bottom: 40px; font-size: 1.8rem; line-height: 2.3rem; text-align: center; }

.document-wrapper, .list-document-wrapper, .gallery-wrapper, .pager-wrapper { padding-inline: var(--global-padding-inline); }

.document-wrapper .paragraph-content .paragraph-text .paragraph-abstract iframe[src*="youtube"] { aspect-ratio: 16 / 9; width: 100%; height: auto;/*max-width: 1000px;*/ }

.document-wrapper.paragraph-margin-slim .paragraph-container { margin-bottom: var(--plugin-margin-bottom-slim); }

.footer-menu-wrapper > ul > li > *:not(ul),
.footer-info-title { display: flex; align-items: flex-start; position: relative; color: var(--secondary-color); text-transform: uppercase; font-size: 1.4rem; line-height: 1.8rem; font-weight: 300; letter-spacing: 0.05rem; margin-bottom: 15px; }

/*NEW BUTTONS*/
.btn-std { display: block; font-size: 1.1rem; font-weight: 500; background-color: var(--secondary-color); width: fit-content; margin: 0; padding: 0; padding: 12px 24px; margin-top: 10px; transition: all 0.3s; }
.btn-std svg { height: 20px; fill: #FFF; transition: all 0.3s }
.btn-std.white { background-color: #FFF !important; color: #000 !important }
.btn-std.rounded { border-radius: 8px !important }
.btn-std.pills { border-radius: 50px !important }
.btn-std.full-width { width: 100% !important; text-align: center !important }
/*NEW BUTTONS*/

form.homepage-wrapper .headslider.home .abstract a { margin-inline: auto !important }

/*OLD BUTTONS HOMEPAGE*/
form.homepage-wrapper .headslider.home .abstract a,
.form-wrapper .contactform-buttons-area > input,
.form-wrapper input[type="file"] + label,
.paragraph-abstract > div a.paragraph-btn,
.paragraph-download,
.list-cards-wrapper.band-wrapper .card-item-abstract a { display: inline-block; color: #FFF; font-size: 1.25rem; font-weight: 400; background-color: var(--secondary-color); width: fit-content; margin: 0; padding: 0; letter-spacing: 0.05rem; padding: 20px 50px; padding: 10px 25px; margin-top: 10px; transition: all 0.3s; border: none; cursor: pointer; border-radius: 5px; text-transform: capitalize; }
/*OLD BUTTONS HOMEPAGE*/

/*OLD BUTTONS CART CONTINUE*/
.cart-wrapper-view-btn-next > div button { background-color: var(--primary-color); color: #FFF; padding: 10px 15px; border: 0; box-shadow: none; text-transform: uppercase; border-radius: 5px; cursor: pointer; }
/*OLD BUTTONS CART CONTINUE*/

/*OLD BUTTONS CART MODIFY*/
.cart-wrapper-view-open-step > div:first-child > button,
.cart-wrapper-view h4 button { background-color: var(--primary-color); min-width: 140px; color: #FFF; padding: 8px 10px; border: 0; box-shadow: none; font-size: 0.8rem; cursor: pointer; }
/*OLD BUTTONS CART MODIFY*/

/* Anchor top */
.anchor-top { position: fixed; cursor: pointer; bottom: 30px; right: 30px; width: 45px; height: 45px; border-radius: 100%; background-color: var(--primary-color); z-index: 990; color: #FFF; line-height: 45px; text-align: center; -moz-transform: translateX(200%); -webkit-transform: translateX(200%); -ms-transform: translateX(200%); transform: translateX(200%); transition: 0.3s linear; -moz-transition: 0.3s linear; -webkit-transition: 0.3s linear; -ms-transition: 0.3s linear; }
.anchor-top.show { -moz-transform: translateX(0%); -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); filter: drop-shadow(0 0 3px #FFF); }
html:not(.touch) .anchor-top:hover { background-color: var(--senary-color); transition: 0.3s linear; -moz-transition: 0.3s linear; -webkit-transition: 0.3s linear; -ms-transition: 0.3s linear; }

@media (pointer: fine) { /*NEW BUTTONS*/
    .btn-std:hover { filter: brightness(110%) }

    /*OLD BUTTONS CART*/
    .cart-wrapper-view-btn-next > div button:hover { filter: brightness(110%) }

    form.homepage-wrapper .headslider.home .abstract a:hover,
    .form-wrapper .contactform-buttons-area > input:hover,
    .form-wrapper input[type="file"]:hover + label,
    .paragraph-abstract > div a.paragraph-btn:hover,
    .paragraph-download:hover,
    .list-cards-wrapper.band-wrapper .card-item-abstract a:hover { filter: brightness(110%) }
}

@media (max-width:1600px) {
    .footer-menu-wrapper > ul > li > *:not(ul),
    .footer-info-title { font-size: 1.3rem; line-height: 1.7rem; }
}

@media (max-width:1400px) {
    .box-wrapper .titsez h4,
    .gallery-wrapper
    .gallery-title h4,
    .related-document-title h4,
    .tag-parent-wrapper .tag-document-title H4,
    .search-related-title h4,
    .system-search-intro,
    .system-search-results-title,
    .system-top-header-title,
    .system-slider-title,
    .card-group-info-title,
    .video-sound-slider-title { font-size: 2.7rem; }

    .system-top-header-notes { font-size: 1.6rem; line-height: 2rem; }
}

@media (max-width:1200px) {
    .box-wrapper .titsez h4,
    .gallery-wrapper
    .gallery-title h4,
    .related-document-title h4,
    .tag-parent-wrapper .tag-document-title H4,
    .search-related-title h4,
    .system-search-intro,
    .system-search-results-title,
    .system-top-header-title,
    .system-slider-title,
    .card-group-info-title,
    .video-sound-slider-title { font-size: 2.5rem; margin-bottom: 30px; }
}

@media (max-width:1023px) {
    :root { --plugin-margin-bottom: 50px; --plugin-margin-bottom-slim: 20px; }

    .system-top-header-notes { font-size: 1.5rem; line-height: 1.9rem; }
}

@media (max-width:767px) {
    .box-wrapper .titsez h4,
    .gallery-wrapper
    .gallery-title h4,
    .related-document-title h4,
    .tag-parent-wrapper .tag-document-title H4,
    .search-related-title h4,
    .system-search-intro,
    .system-search-results-title,
    .system-top-header-title,
    .system-slider-title,
    .card-group-info-title,
    .video-sound-slider-title { font-size: 2rem; }

    form.homepage-wrapper .headslider.home .abstract a,
    .form-wrapper .contactform-buttons-area > input,
    .form-wrapper input[type="file"] + label,
    .paragraph-abstract > div a.paragraph-btn,
    .paragraph-download,
    .list-cards-wrapper.band-wrapper .card-item-abstract a { font-size: 1.2rem; padding: 15px 40px; padding: 15px 20px; }
}

@media (max-width:640px) {
    .footer-menu-wrapper > ul > li > *:not(ul),
    .footer-info-title { width: 100%; justify-content: center; }

    .system-top-header-notes { font-size: 1.3rem; line-height: 1.8rem; font-weight: 300; }
}

@media (max-width:480px) {
    :root { --plugin-margin-bottom: 40px; }
    .box-wrapper .titsez h4,
    .gallery-wrapper
    .gallery-title h4,
    .related-document-title h4,
    .tag-parent-wrapper .tag-document-title H4,
    .search-related-title h4,
    .system-search-intro,
    .system-search-results-title,
    .system-top-header-title,
    .system-slider-title,
    .card-group-info-title,
    .video-sound-slider-title { font-size: 1.8rem; margin-bottom: 20px; }

    .system-top-header-notes { font-size: 1.25rem; line-height: 1.6rem; margin-bottom: 20px; }
}
