AlkantarClanX12
Current Path : /home/thanudqk/public_html/wp-content/plugins/thegem-elements/inc/gdpr/assets/css/ |
Current File : //home/thanudqk/public_html/wp-content/plugins/thegem-elements/inc/gdpr/assets/css/public.css |
.gdpr-consent-bar { position: fixed; left: 0; right: 0; bottom: 0; top: auto; background-color: rgba(24,24,40,0.93); z-index: 9999; display: none; } .gdpr-consent-bar.bottom { bottom: 0; top: auto; } .gdpr-consent-bar.top { bottom: auto; top: 0; } .gdpr-consent-bar-box { display: flex; align-items: center; justify-content: space-between; padding: 10px 44px; min-height: 50px; } .gdpr-consent-bar-text { font-family: 'Source Sans Pro'; font-weight: 400; font-size: 14px; color: #ffffff; line-height: 22px; padding-right: 40px; } .gdpr-consent-bar-buttons { display: flex; align-items: center; } .btn-gdpr-agreement { height: 30px; border: 2px solid #ffffff; border-radius: 15px; color: #ffffff; font-family: 'Montserrat'; font-weight: 700; font-size: 14px; line-height: 27px; text-transform: uppercase; background: none; padding: 0 18px; white-space: nowrap; -webkit-transition: all 250ms; transition: all 250ms; } .btn-gdpr-agreement:hover { background-color: #ffffff; color: #181828; } .btn-gdpr-preferences-open { font-family: 'Source Sans Pro'; font-size: 14px; line-height: 22px; font-weight: 400; color: #00bcd4; background: none; border: none; margin-right: 22px; padding: 0; white-space: nowrap; -webkit-transition: all 250ms; transition: all 250ms; } .btn-gdpr-preferences-open:hover { color: #ffffff; } .gdpr-privacy-preferences { position: fixed; left: 0; right: 0; bottom: 0; top: 0; background-color: rgba(57,61,80,0.8); z-index: 9999; display: none; } .gdpr-privacy-preferences-box { height: 90%; width: 90%; max-width: 930px; max-height: 680px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #ffffff; z-index: inherit; } .gdpr-privacy-preferences-box > form { height: 100%; position: relative; display: flex; flex-direction: column; } .btn-gdpr-privacy-preferences-close { padding: 0; margin: 0; background: none; border: none; color: #99a9b5; position: absolute; right: 10px; top: 10px; z-index: inherit; } .btn-gdpr-privacy-preferences-close:before { font-family: 'thegem-icons'; font-style: normal; font-size: 28px; content: '\e619'; line-height: 1; } .gdpr-privacy-preferences-header { width: 100%; position: relative; flex: none; padding: 25px 35px 15px; } .gdpr-privacy-preferences-title { font-family: 'Montserrat UltraLight'; font-size: 24px; color: #3c3950; line-height: 38px; text-transform: uppercase; position: relative; padding-left: 48px; } .gdpr-privacy-preferences-title:before { content: '\e669'; font-family: 'thegem-icons'; font-style: normal; color: #00bcd4; font-size: 32px; line-height: 1; position: absolute; left: -5px; top: 5px; } .gdpr-privacy-preferences-body { flex: 1 1 100%; padding: 0 45px 0 35px; overflow: hidden; overflow-y: auto; } .gdpr-privacy-preferences-text { font-family: 'Source Sans Pro'; font-size: 14px; line-height: 23px; font-weight: 400; color: #5f727f; } .gdpr-privacy-preferences-consents { padding: 20px 0; position: relative; } .gdpr-privacy-preferences-consent-item { display: flex; font-family: 'Source Sans Pro'; font-size: 14px; line-height: 23px; font-weight: 400; padding: 10px 0; align-items: center; min-height: 55px; border-bottom: 1px solid #dfe5e8; } .gdpr-privacy-preferences-consent-item:last-child { border-bottom: none; } .gdpr-privacy-consent-param { width: 100%; display: flex; align-items: center; } .gdpr-privacy-consent-title { flex: 0 0 170px; font-weight: 300; font-size: 19px; color: #5f727f; } .gdpr-privacy-consent-description { color: #99a9b5; width: 100%; } .gdpr-privacy-consent-value { flex: 0 0 100px; display: flex; justify-content: flex-end; } .gdpr-privacy-consent-value input { display: block; } .thegem-gdpr-field { display: flex; align-items: flex-start; padding: 10px 0; } .thegem-gdpr-field label { margin-bottom: 0; line-height: 26px; } .wpcf7-form .wpcf7-thegemgdpr .wpcf7-list-item .checkbox-sign, .thegem-gdpr-field .checkbox-sign { flex: 0 0 auto; margin-right: 10px; width: 26px; height: 26px; border: 1px solid #dfe5e8; } .wpcf7-form .wpcf7-thegemgdpr .wpcf7-list-item .checkbox-sign:before, .thegem-gdpr-field .checkbox-sign:before { font-size: 21px; margin-left: -10px; } .wpcf7-form .wpcf7-thegemgdpr .wpcf7-list-item { display: flex; align-items: flex-start; } .wpcf7-form .wpcf7-thegemgdpr .wpcf7-list-item .wpcf7-list-item-label { line-height: 26px; } .gdpr-privacy-consent-always-active { text-transform: uppercase; color: #5f727f; } .gdpr-privacy-checkbox { display: block; position: relative; padding: 0; margin: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .gdpr-privacy-checkbox input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .gdpr-privacy-checkbox .gdpr-privacy-checkbox-check { display: block; position: relative; width: 40px; height: 24px; background-color: #b6c6c9; border-radius: 12px; } .gdpr-privacy-checkbox .gdpr-privacy-checkbox-check:after { content: ''; position: absolute; left: 4px; width: 16px; height: 16px; top: 50%; margin-top: -8px; -webkit-transition: all 0.3s; transition: all 0.3s; border-radius: 50%; box-shadow: 2px 4px 6px rgba(0,0,0,0.2); background-color: #ffffff; } .gdpr-privacy-checkbox input:checked ~ .gdpr-privacy-checkbox-check { background-color: #00bcd4; } .gdpr-privacy-checkbox input:checked ~ .gdpr-privacy-checkbox-check:after { border-color: #00bcd4; left: 20px; } .gdpr-privacy-preferences-footer { width: 100%; flex: none; padding: 30px 45px 30px 40px; background-color: #f0f3f2; display: flex; align-items: center; justify-content: space-between; flex-direction: row-reverse; } .gdpr-privacy-preferences-footer-links a { font-family: 'Source Sans Pro'; font-weight: 400; font-size: 14px; line-height: 22px; color: #00bcd4; margin-right: 20px; } .gdpr-privacy-preferences-footer-links a:hover { color: #494c64; } .btn-gdpr-privacy-save-preferences { height: 30px; white-space: nowrap; border-radius: 15px; border: 2px solid #00bcd4; color: #00bcd4; background-color: #f0f3f2; text-transform: uppercase; font-family: 'Montserrat'; font-size: 14px; font-weight: 700; line-height: 27px; padding: 0 18px; -webkit-transition: all 250ms; transition: all 250ms; } .btn-gdpr-privacy-save-preferences:hover { background-color: #00bcd4; color: #f0f3f2; } .gem-gdpr-no-consent-wrap { background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; } .gem-gdpr-no-consent-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.5); display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } .gem-gdpr-no-consent-notice-text { padding: 20px; text-align: center; color: #ffffff; font-family: 'Source Sans Pro'; font-size: 14px; white-space: pre-line; } .gem-gdpr-no-consent-notice-text .btn-gdpr-preferences { font-weight: bold; color: #ffffff; text-decoration: underline; } .gem-gdpr-no-consent-notice-text [class^="gem-consent-icon-"] { font-style: normal; display: block; line-height: 1; margin-bottom: 5px; font-size: 40px; } .gem-gdpr-no-consent-notice-text .gem-consent-icon-youtube:before { content: '\e610'; font-family: 'thegem-socials'; } .gem-gdpr-no-consent-notice-text .gem-consent-icon-vimeo:before { content: '\e609'; font-family: 'thegem-socials'; } .gem-gdpr-no-consent-notice-text .gem-consent-icon-google-maps:before { content: '\e624'; font-family: 'thegem-icons'; font-style: normal; } .vc_video-bg-container .gem-gdpr-no-consent-wrap, .page-title-block .gem-gdpr-no-consent-wrap, .vc_map_responsive .gem-gdpr-no-consent-wrap, .video-block .gem-gdpr-no-consent-wrap { position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .page-title-block .gem-gdpr-no-consent-wrap ~ .container { position: relative; z-index: 1; } .page-title-block .gem-gdpr-no-consent-inner { align-items: flex-start; } .page-title-block .gem-gdpr-no-consent-notice-text { vertical-align: top; } .page-title-block .gem-gdpr-no-consent-notice-text [class^="gem-consent-icon-"] { display: inline-block; margin-bottom: 0; font-size: 20px; margin-right: 10px; top: 4px; position: relative; } .vc_video-bg-container .gem-gdpr-no-consent-wrap { z-index: 1; } @media (max-width: 768px) { .gdpr-consent-bar-box { flex-direction: column; padding: 20px; } .gdpr-consent-bar-text { padding-right: 0; } .gdpr-consent-bar-buttons { width: 100%; justify-content: space-between; margin-top: 8px; } } @media (max-width: 688px) { .gdpr-privacy-preferences-body { padding: 0 30px; } .gdpr-privacy-consent-param { flex-wrap: wrap; } .gdpr-privacy-consent-title { flex: none; } .gdpr-privacy-consent-description { font-size: 12px; line-height: 18px; } .gdpr-privacy-preferences-footer { padding: 20px 30px; flex-direction: column; justify-content: center; } .btn-gdpr-privacy-save-preferences, .gdpr-privacy-preferences-footer-links { width: 100%; } .gdpr-privacy-preferences-footer-links { display: flex; justify-content: space-between; align-items: center; margin-top: 10px; } .gdpr-privacy-preferences-footer-links a { margin-right: 0; } }