/**
 * @file
 * Subtheme specific CSS.
 */
@font-face {
    font-family: "iranyekan";
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/iranyekan/woff/iranyekanwebregularfanum.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: "iranyekanextrabold";
    src: url("../fonts/iranyekan/woff/iranyekanwebextraboldfanum.woff") format("woff");
    font-display: swap;
}

@font-face {
    font-family: "suse-regular";
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/suse/suse-regular.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: "suse-bold";
    src: url("../fonts/suse/suse-bold.woff") format("woff");
    font-display: swap;
}

.ms-0,
.me-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.ms-1,
.me-1 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.ms-2,
.me-2 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.ms-3,
.me-3 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.ms-4,
.me-4 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.ms-5.me-5 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.ms-auto,
.me-auto {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.ps-0,
.pe-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.ps-1,
.pe-1 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.ps-2,
.pe-2 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.ps-3,
.pe-3 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.ps-4,
.pe-4 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.ps-5,
.pe-5 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.sticky-offset {
    top: 56px;
}

.navbar {
    --bs-navbar-nav-link-padding-x: 0.75rem;
    --bs-navbar-active-color: var(--bs-white);
}

:root, [data-bs-theme=light] {
    --bs-border-color: #ced2d6 !important;
    --bs-primary-light: #f4c7c7;
    /* --ab-secondary-color: #1e2b59; */
    --ab-secondary-color: #170774;
}

.bg-primary-light {
    background: var(--bs-primary-light);
}

html[dir="ltr"] .me-0 {
    margin-right: 0 !important
}

html[dir="ltr"] .me-1 {
    margin-right: .25rem !important
}

html[dir="ltr"] .me-2 {
    margin-right: .5rem !important
}

html[dir="ltr"] .me-3 {
    margin-right: 1rem !important
}

html[dir="ltr"] .me-4 {
    margin-right: 1.5rem !important
}

html[dir="ltr"] .me-5 {
    margin-right: 3rem !important
}

html[dir="ltr"] .me-auto {
    margin-right: auto !important
}

html[dir="ltr"] .ms-0 {
    margin-left: 0 !important
}

html[dir="ltr"] .ms-1 {
    margin-left: .25rem !important
}

html[dir="ltr"] .ms-2 {
    margin-left: .5rem !important
}

html[dir="ltr"] .ms-3 {
    margin-left: 1rem !important
}

html[dir="ltr"] .ms-4 {
    margin-left: 1.5rem !important
}

html[dir="ltr"] .ms-5 {
    margin-left: 3rem !important
}

html[dir="ltr"] .ms-auto {
    margin-left: auto !important
}

html[dir="ltr"] .pe-0 {
    padding-right: 0 !important
}

html[dir="ltr"] .pe-1 {
    padding-right: .25rem !important
}

html[dir="ltr"] .pe-2 {
    padding-right: .5rem !important
}

html[dir="ltr"] .pe-3 {
    padding-right: 1rem !important
}

html[dir="ltr"] .pe-4 {
    padding-right: 1.5rem !important
}

html[dir="ltr"] .pe-5 {
    padding-right: 3rem !important
}

html[dir="ltr"] .ps-0 {
    padding-left: 0 !important
}

html[dir="ltr"] .ps-1 {
    padding-left: .25rem !important
}

html[dir="ltr"] .ps-2 {
    padding-left: .5rem !important
}

html[dir="ltr"] .ps-3 {
    padding-left: 1rem !important
}

html[dir="ltr"] .ps-4 {
    padding-left: 1.5rem !important
}

html[dir="ltr"] .ps-5 {
    padding-left: 3rem !important
}

html[dir="rtl"] .me-0 {
    margin-left: 0 !important
}

html[dir="rtl"] .me-1 {
    margin-left: .25rem !important
}

html[dir="rtl"] .me-2 {
    margin-left: .5rem !important
}

html[dir="rtl"] .me-3 {
    margin-left: 1rem !important
}

html[dir="rtl"] .me-4 {
    margin-left: 1.5rem !important
}

html[dir="rtl"] .me-5 {
    margin-left: 3rem !important
}

html[dir="rtl"] .me-auto {
    margin-left: auto !important
}

html[dir="rtl"] .ms-0 {
    margin-right: 0 !important
}

html[dir="rtl"] .ms-1 {
    margin-right: .25rem !important
}

html[dir="rtl"] .ms-2 {
    margin-right: .5rem !important
}

html[dir="rtl"] .ms-3 {
    margin-right: 1rem !important
}

html[dir="rtl"] .ms-4 {
    margin-right: 1.5rem !important
}

html[dir="rtl"] .ms-5 {
    margin-right: 3rem !important
}

html[dir="rtl"] .ms-auto {
    margin-right: auto !important
}

html[dir="rtl"] .pe-0 {
    padding-left: 0 !important
}

html[dir="rtl"] .pe-1 {
    padding-left: .25rem !important
}

html[dir="rtl"] .pe-2 {
    padding-left: .5rem !important
}

html[dir="rtl"] .pe-3 {
    padding-left: 1rem !important
}

html[dir="rtl"] .pe-4 {
    padding-left: 1.5rem !important
}

html[dir="rtl"] .pe-5 {
    padding-left: 3rem !important
}

html[dir="rtl"] .ps-0 {
    padding-right: 0 !important
}

html[dir="rtl"] .ps-1 {
    padding-right: .25rem !important
}

html[dir="rtl"] .ps-2 {
    padding-right: .5rem !important
}

html[dir="rtl"] .ps-3 {
    padding-right: 1rem !important
}

html[dir="rtl"] .ps-4 {
    padding-right: 1.5rem !important
}

html[dir="rtl"] .ps-5 {
    padding-right: 3rem !important
}

.node__content {
    margin-top: 0px !important;
}

.highlighted {
    padding-top: 0px;
}

.shadow-btn {
    box-shadow: 0 0rem 1rem rgba(255,255,255,0.7);
}

.shadow-btn.btn-success {
    box-shadow: 0 0rem 1rem rgba(100,200,100,0.7);
}

.shadow-btn.btn-primary {
    box-shadow: 0 0rem 1rem rgba(200,100,100,0.7);
}


#edit-comment-body-0-format,
#toolbar-administration {
    display: none !important;
}

#page, #main-wrapper, .region-primary-menu .menu-item a.is-active, .region-primary-menu .menu-item--active-trail a, .sidebar .view-content.row {
    background: #f4f5f7;
}

.site-footer,
body {
    font-family: 'iranyekan', 'iranyekanextrabold';
    font-size: 0.9rem;
    scrollbar-width: thin;
}

.suse,
html[dir="ltr"] .site-footer,
html[dir="ltr"] body {
    font-family: 'suse-regular', 'suse-bold';
}

::-webkit-scrollbar {
    width: 3px;
    height: 3px;
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: var(--bs-primary);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--bs-warning);
}

.text-secondary {
    color: var(--bs-gray-400) !important;
}

.fw-bolder,
.h2,
h2,
.h3,
h3,
.h4,
h4,
.h5,
h5,
.h1,
h1 {
    font-family: 'iranyekanextrabold', 'iranyekan' !important;
}

html[dir="ltr"] .fw-bolder,
html[dir="ltr"] .h2,
html[dir="ltr"] h2,
html[dir="ltr"] .h3,
html[dir="ltr"] h3,
html[dir="ltr"] .h4,
html[dir="ltr"] h4,
html[dir="ltr"] .h5,
html[dir="ltr"] h5,
html[dir="ltr"] .h1,
html[dir="ltr"] h1 {
    font-family: 'suse-bold', 'suse-regular' !important;
}

.h1,
h1 {
    font-size: 1.55rem !important;
}

h2,
.h2 {
    font-size: 1.35rem !important;
}

.h3,
h3 {
    font-size: 1.25rem !important;
}

.h4,
h4 {
    font-size: 1.15rem !important;
}

.h5,
h5 {
    font-size: 1.05rem !important;
}

.h6,
h6 {
    font-size: 0.95rem !important;
}


a {
    text-decoration: none !important;
    color: var(--bs-secondary) !important;
}

.vr {
    opacity: 0.5;
}

.vh-70 {
    height: 70vh;
}

.red-link a {
    color: var(--bs-primary) !important;
}

.text-decoration-underline-hover a:hover,
.field--type-entity-reference a:hover,
.field--name-field-para-text a {
    text-decoration: underline !important;
}

.text-decoration-underline-hover-parent a:hover .underline-on-hover-parent {
    text-decoration: underline !important;
}

.field--name-field-para-text a:hover {
    color: #6e6e6e !important;
    text-decoration: none !important;
}

.node__content {
    font-size: 0.91rem;
}

.field--type-entity-reference a {
    font-size: 0.85rem;
}

.paragraph--type--para-text .field--name-field-media-image .field__item img {
    padding: 0.75rem;
}

.sidebar .block {
    padding: 0;
}

.btn {
    font-size: 0.9rem;
}

.btn-sm {
    font-size: 0.75rem;
}

.btn-lg {
    font-size: 1.25rem;
}

.btn {
    border: none !important;
}

.small {
    font-size: 0.75rem;
}

.text-formatted {
    text-align: justify;
}

i.bi {
    display: flex;
}

.dark-divider {
    border-color: #404040 !important;
}

#navbar-main,
#header {
    color: var(--bs-white) !important;
    background-color: var(--bs-black) !important;
    z-index: 1024;
}

#navbar-main {
    padding: 0;
    border-bottom: 1px solid #404040;
    width: 100%;
    z-index: 3000;
}

/* .main-nav .navbar-nav {
    height: 100%;
} */

.main-nav li.nav-item {
    display: flex;
    align-items: center;
}

.main-nav li.nav-item::after {
    content: ' ';
    display: flex;
    width: 1px;
    height: 20%;
    background-color: var(--bs-gray-600);
}

.main-nav li.nav-item:last-child::after {
    display: none;
}

.main-nav li.nav-item a {
    display: flex;
    align-items: center;
    height: 100%;
}

#main-wrapper {
    margin-top: 0px;
}

.site-footer .content a,
.text-white .card-title,
.text-white a,
#header a {
    color: var(--bs-white) !important;
}

.btn-primary {
    --bs-btn-color: var(--bs-white);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-disabled-color: var(--bs-white);
    background-color: var(--bs-primary) !important;
}

.logo {
    background: var(--bs-black);
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo img {
    padding: 5px;
}

.site-footer .content {
    color: var(--bs-white);
    font-size: 0.9rem;
}

.offcanvas {
    position: fixed !important;
    width: 100% !important;
    bottom: -1px;
    overflow-y: scroll;
    direction: ltr;
    background: var(--bs-black) !important;
}

.offcanvas>.container-fluid {
    direction: rtl;
}

.offcanvas>.container-fluid:lang(en) {
    direction: ltr;
}

.navbar-expand-lg .offcanvas {
    width: 100% !important;
}

.offcanvas-start {
    display: none;
}

.offcanvas-start.show {
    display: flex;
    z-index: 2000;
}

.offcanvas-backdrop.show {
    opacity: 1;
}

.scrolled .d-none-sticky {
    display: none !important;
}

.scrolled .logo img {
    width: 85px;
    height: auto;
    transition: 0.2s;
}

.news-card img,
.field--name-field-news-img.field--type-entity-reference {
    margin: 0;
    padding-bottom: 0.4rem;
}

.field--name-field-news-img.field--type-entity-reference img.image-style-max-1300x1300 {
    width: 100%;
    height: auto;
}

.horizontal-card-small {
    font-size: 0.85rem;
}

.news-cat-card,
.news-card {
    display: flex;
    flex-wrap: wrap;
    font-size: 0.94rem;
}

.news-cat-card img,
.horizontal-card-small img,
.news-card img,
.horizontal-card img,
.sidebar-card img,
.field--name-field-news-img.field--type-entity-reference img.image-style-max-325x325 {
    width: 100%;
    height: auto;
    aspect-ratio: 16/10;
    object-fit: cover;
}

.news-cat-card img {
    aspect-ratio: 1;
    border-radius: 100%;
}

.twitter-card img {
    width: 100%;
    height: auto;
}

.twitter-wrapper-body {
    max-height: 550px;
    overflow-y: auto;
}

.image-icon {
    position: absolute;
    right: 1.5rem;
    bottom: 1.75rem;
}

.block-title {
    position: relative;
    font-size: 0.95rem;
}

.block-title::before {
    content: '';
    display: block;
    top: 0;
    position: absolute;
    background-color: var(--bs-primary);
    height: 4px;
    width: 16px;
}

.block-title-big {
    position: relative;
}

.block-title-big::before {
    content: '';
    display: block;
    top: 0;
    position: absolute;
    background-color: var(--bs-primary);
    height: 6px;
    width: 50px;
}

.gazeta-block-title-side,
.gazeta-block-title {
    background: url(/themes/custom/puya/images/sep.png) repeat-x center;
    text-align: center;
}

.bg-black .gazeta-block-title-side {
    background: url(/themes/custom/puya/images/sep-white4.png) repeat-x center;
}

.gazeta-block-title-side>div,
.gazeta-block-title > div {
    text-align: center;
    background: var(--bs-primary);
    display: inline-block;
    color: var(--bs-white);
    padding: 0.5rem 1.5rem;
    position: relative;
}

.gazeta-block-title-side {
    text-align: unset;
}

.gazeta-block-title-side>div::after {
    content: ' ';
    position: absolute;
    top: 0;
    left: -10px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 0 13px 10px;
    border-color: transparent transparent var(--bb-primary-dark) transparent;
}


.gazeta-block-title-black > div {
    background: var(--bs-black);
}

.sidebar-card a,
.simple-card a {
    display: block;
}


.media-wrapper video {
    height: 360px;
    max-width: 100%;
    max-height: 75vh;
    background-color: var(--bs-black);
}

video {
    max-width: 100%;
    height: auto;
}

.media-wrapper .field--name-field-media-oembed-video {
    text-align: center;
}

.media-wrapper .field--name-field-media-oembed-video .media-oembed-content {
    aspect-ratio: 16/9;
    width: auto;
    max-width: 100%;
    min-height: 360px;
    max-height: 75vh;
}

.podcast-card audio,
.media-wrapper audio,
.media-wrapper video,
.media-wrapper .field--name-field-media-audio-file,
.media-wrapper .field--name-field-media-video-file,
.media-wrapper .contextual-region,
.media-wrapper .field__item {
    width: 100% !important;
}

.field--name-field-media-oembed-video .media-oembed-content {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    object-fit: contain;
}

.media-wrapper .contextual-region {
    display: flex;
    justify-content: center;
    align-items: center;
}

.border-bottom-last-child-none-inner .inner-child:last-child .border-bottom,
.border-bottom-n5-none .border-bottom:nth-child(5n+0),
.border-bottom-last-child-none .border-bottom:last-child,
.sidebar-block-wrapper .border-bottom:last-child {
    border-bottom: none !important;
}

.border-bottom-last-child-none-inner .inner-child .border-bottom {
    border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important;
}

.border-bottom-last-child-none-inner .inner-child:last-child .border-bottom {
    border-bottom: none !important;
}

.has-number {
    counter-reset: css-counter 0;
}

.has-number-from-5 {
    counter-reset: css-counter 5;
}

.has-number-from-5>div,
.has-number>div,
.has-number>a {
    counter-increment: css-counter 1;
}

.has-number-from-5>div:before,
.has-number>div:before,
.has-number>a:before {
    content: counter(css-counter) " ";
    font-size: 1.75rem;
    color: var(--bs-primary);
}

/* .front-head-wrapper {
    background: #f4f4f4;
} */

.front-same-height {
    max-height: 190vh;
    overflow-y: auto;
}

/**
* carousel
**/
.carousel-inner {
    display: flex;
    align-items: center;
    direction: rtl;
}

.carousel-inner .field--type-image {
    margin: 0 !important;
}

.carousel-item.active {
    display: flex;
    justify-content: center;
    align-items: center;
}

.carousel-item .field--type-image img {
    margin: 0 !important;
}

.carousel-item img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 70vh;
    object-fit: contain;
}



#frontCarousel .carousel-item img {
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: unset;
    aspect-ratio: 16/10;
    object-fit: cover;
}

#frontCarousel .carousel-indicators {
    margin-bottom: 7rem;
}

#frontCarousel .carousel-text {
    height: 100px;
    overflow: hidden;
}

#videoCarousel .carousel-item img {
    width: 100%;
}

#videoCarousel .carousel-text {
    height: 80px;
    overflow-y: auto;
}

#shopCarousel {
    background: var(--ab-secondary-color);
}

.shop-carousel-card {
    display: flex;
    width: 100%;
    padding: 3rem;
    color: var(--bs-white);
}

#shopCarousel .carousel-item img {
    max-height: 100%;
    aspect-ratio: 1;
    object-fit: contain;
    max-width: 100%;
    width: 380px;
}

.product-card-cover {
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    background-image: linear-gradient(to bottom right, rgba(0,0,0,0), rgba(0,0,0,0.75));
}

.product-card-body {
    bottom: 0;
}

.product-card img {
    width: 100%;
    height: auto;
    aspect-ratio: 1;
    object-fit: cover;
}

.field--name-field-product-img img {
    width: 100%;
    height: auto;
}

.front-video-player {
    margin-bottom: 0.5rem;
}

.search-form input.form-control {
    color: var(--bs-secondary);
}

.search-form {
    margin: 1.5rem 0;
    position: relative;
}

.search-form .form-type-textfield,
.search-form .js-form-item-title {
    width: 100%;
}

.search-form .form-control {
    border-radius: 0;
    min-width: 100%;
    height: 50px;
}

.search-form .btn {
    font-size: 1.5rem;
    padding: 0.5rem;
    border-radius: 0;
}

.search-form form .form-actions {
    align-self: flex-end;
    position: absolute;
    z-index: 0;
    left: 5px;
    top: 5px;
    bottom: 5px;
}

html[dir="ltr"] .search-form form .form-actions {
    left: unset;
    right: 5px;
}

.field--name-field-product-cat-main,
.field--name-attribute-attr-type,
.search-form .form-actions,
.search-form .js-form-item {
    margin: 0 !important;
}


.ticker-wrap {
    width: 100%;
    height: 47px;
    margin: 0 auto 1rem auto;
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    z-index: 1;
    background: #fff;
}

.ticker-title {
    padding: 0.5rem;
    background: var(--bs-primary);
    color: var(--bs-white);
    z-index: 1;
    display: flex;
    align-items: center;
    position: relative;
    margin-right: -1px;
}

.ticker-title::after {
    content: ' ';
    position: absolute;
    top: -14px;
    left: -16px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 0 70px 20px;
    border-color: transparent transparent var(--bs-primary) transparent;
    transform: rotate(0deg);
}

.ticker {
    display: inline-block;
    align-items: center;
    border-bottom: 5px solid #5580e0;
    position: relative;
}

.ticker::before {
    content: ' ';
    position: absolute;
    bottom: -10px;
    right: 12px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 0 21px 7px;
    border-color: transparent transparent var(--bs-white) transparent;
    transform: rotate(0deg);
    z-index: 0;
}

.item-collection-1 {
    position: relative;
    right: 0%;
    left: unset;
    animation: marquee 60s linear infinite;
    align-items: center;
}

html[dir="ltr"] .item-collection-1 {
    right: unset;
    left: 0%;
    animation: marquee-ltr 60s linear infinite;
}

.ticker .item {
    display: inline-block;
    margin: 0 3rem;
    padding: 0 0.75rem;
    position: relative;
}

.ticker a::before {
    content: ' ';
    width: 7px;
    height: 7px;
    border-radius: 100%;
    display: block;
    background: var(--bs-primary);
    position: absolute;
    right: 0;
    bottom: 4px;
}

html[dir="ltr"] .ticker a::before {
    right: unset;
    left: 0;
}

.breadcrumbs {
    display: flex;
}

.btn-outline-primary,
.btn-outline-primary.show,
.btn-outline-primary:active,
.btn-outline-primary:hover {
    background: var(--bs-gray-100) !important;
    color: var(--bs-primary) !important;
}

.header .btn-outline-primary {
    background: unset !important;
    color: var(--bs-gray-400) !important;
}

.header .btn-outline-primary:hover {
    background: var(--bs-gray-100) !important;
    color: var(--bs-primary) !important;
}

.btn-outline-primary,
.social-button,
.btn#shareButton {
    border: 1px solid !important;
}

.social-button {
    padding: 0.5rem;
    display: inline-flex;
}

.btn-outline-primary.rounded-circle.dropdown-toggle::after{
    display: none;
}

.social-button-menu {
    border: none;
    min-width: unset;
    background: none;
}

.drop-social {
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    z-index: 1;
}

.social-button-menu>.d-flex.flex-column {
    height: 55vh;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.dropdown-menu.social-button-menu.show {
    transform: translate(0px, -60px) !important;
}

.dropdown-menu {
    --bs-dropdown-bg: var(--bs-black);
    --bs-dropdown-link-hover-bg: var(--bs-gray-100);
    --bs-dropdown-link-hover-color: var(--bs-primary) !important;
    --bs-dropdown-font-size: 0.85rem
}

#header .nav-item a:hover,
#header .dropdown-item:hover a {
    color: var(--bs-primary) !important;
}

.dropdown-menu[data-bs-popper] {
    right: unset;
    left: 0;
}

html[dir="ltr"] .dropdown-menu[data-bs-popper] {
    left: unset;
    right: 0;
}

div#block-puya-twitterblock {
    width: 100%;
    overflow: auto;
    max-width: 100%;
}

.twitter-timeline.twitter-timeline-rendered {
    width: 100% !important;
}

.interview-cards {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
}

.interview-card {
    width: 100px;
    margin: 0.5rem;
}

.interview-card img {
    width: 95px;
    height: auto;
    aspect-ratio: 1;
    border-radius: 100%;
}

.interview-card-title {
    padding-top: 0.25rem;
    font-size: 0.85rem;
}

figure {
    padding: 0 1rem;
}

figcaption {
    padding: 0 1rem;
}

/**
/* Login register form
**/

.path-user .tabs {
    display: none;
}

.path-user .main-content>section.section form,
.page-user-password .main-content>section.section form,
.page-user-register .main-content>section.section form,
.page-user-login .main-content>section.section form {
    max-width: 600px;
    margin: 100px auto;
    border: 1px solid var(--bs-primary-light);
    background: var(--bs-white);
    padding: 0rem;
    border-radius: 1rem 1rem 1rem 1rem;
    overflow: hidden;
    width: 100%;
}

form#user-form,
form#user-pass,
form#user-register-form,
form#user-login-form {
    padding: 2rem 3rem;
}

.user-pre-login,
.user-pre-register {
    background: var(--bs-primary);
    padding: 1rem;
    margin-top: 1rem;
    border-radius: 1rem 1rem 1rem 1rem;
}

.user-pass-reset {
    padding: 0.5rem;
}

.user-pre-register {
    margin-top: 0;
}

.comment__content::after,
.comment__content::before {
    top: 30px;
}

.comment-forbidden {
    color: var(--bs-black) !important;
}

.comment-forbidden a {
    color: var(--bs-primary) !important;
}

.field--name-field-comment>.js-comment>.comment__content {
    width: 100%;
}

.menu-toggle {
    background: none;
    border: none;
    color: var(--bs-white);
}

/* Transition */
@keyframes marquee {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(100%)
    }
}

@keyframes swap {

    0%,
    50% {
        right: 0%;
    }

    50.01%,
    100% {
        right: 100%;
    }
}

@keyframes marquee-ltr {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-100%)
    }
}

@keyframes swap-ltr {

    0%,
    50% {
        left: 0%;
    }

    50.01%,
    100% {
        left: 100%;
    }
}


/**
* alpha front page
**/
.alpha-horizontal-card img,
.alpha-card img,
#alphaFrontCarousel .carousel-item img {
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: unset;
    aspect-ratio: 16/10;
    object-fit: cover;
}

.alpha-hovertitle-card-text {
    background: #2044c7;
    background: linear-gradient(0deg,rgba(32, 68, 199, 1) 0%, rgba(32, 68, 199, 0.74) 30%, rgba(32, 68, 199, 0.74) 70%, rgba(32, 68, 199, 0) 100%)
}

.alpha-horizontal-card-text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 1.4;
    max-height: 3rem;
}

.border-bottom-dashed {
    border-bottom: var(--bs-border-width) dashed var(--bs-border-color) !important;
}


/**
* Responsive
**/
@media (max-width: 767.98px) {
    .btn-cover {
        height: unset;
    }

    .btn-cover .views-element-container {
        margin-bottom: 128px;
    }

    .front-head .img-fluid>img {
        aspect-ratio: 1;
    }

    #custCarousel .carousel-item img {
        aspect-ratio: 1;
    }

    .carousel-indicators img {
        display: none;
    }
}

@media print {

    header,
    footer,
    .highlighted,
    .sidebar,
    .news-ticker,
    .main-content .node__content .views-element-container {
        display: none !important;
    }
}