img { max-width: 100%; } figcaption { margin-top: 0.5rem; font-size: 0.875rem; } /* ---------------------- * Loading ---------------------------*/ #loading { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: $px-theme; z-index: 99999; } .load-circle { position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 50px; height: 50px; span { display: inline-block; width: 64px; height: 64px; &:after { content: " "; display: block; width: 46px; height: 46px; margin: 1px; border-radius: 50%; border: 5px solid $px-white; border-color: $px-white transparent $px-white transparent; animation: lds-dual-ring 1.2s linear infinite; } } } @keyframes lds-dual-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* ---------------------- * Section -------------------------*/ .container-large { max-width: 1440px; } .container-extra-large { max-width: 1580px; } .container-small { max-width: 750px; } .section { padding: 100px 0; @include down-lg { padding-top: 80px; padding-bottom: 80px; } @include down-md { padding-top: 40px; padding-bottom: 40px; } } .section-top-up { .container { margin-top: -190px; position: relative; z-index: 1; } } .section-top-up-100 { .container { margin-top: -100px; position: relative; z-index: 1; } } /* ---------------------- * Height width ---------------------------*/ .full-screen { min-height: 100vh; } .screen-85 { min-height: 85vh; } .screen-65 { min-height: 65vh; } .screen-50 { min-height: 50vh; } .w-350px { max-width: 350px; width: 100%; } .w-500px { max-width: 500px; width: 100%; } .max-w-100 { max-width: 100%; } .min-h-350px { min-height: 350px; } .min-h-250px { min-height: 250px; } .min-h-150px { min-height: 150px; } .max-width-auto { max-width: none; @include down-lg { max-width: 100%; } } @media (max-width: 991px) { .full-screen { min-height: 85vh !important; } } /* ---------------------- * Cookie Dialog ---------------------------*/ .herbyCookieConsent { position: fixed; bottom: 0; left: 0; right: 0; padding: 20px; background: $px-white; text-align: center; box-shadow: 0px -5px 10px 0px rgba(0, 0, 0, 0.15); z-index: 9999; p { display: inline; color: $px-dark; } a { text-decoration: underline; color: $px-dark; font-weight: 600; } .herbyBtn { display: inline-block; padding: 4px 10px; vertical-align: middle; margin-left: 15px; line-height: normal; background: $px-theme; font-size: 16px; font-weight: normal; color: $px-white !important; border-radius: 15px; cursor: pointer; } }