/* codeDESIGN - layout_kcm.css */ @charset "utf-8"; /* INSIDE COMPONENT VIEW ONLY */ /* body.com_kickconsentmanager div.component */ /* CUSTOM KCM OVERRIDES */ div.kick-kcm-overlay { /* z-index: 99999; */ } div.kick-kcm-settings { border-top: 1px solid #dfdfdf; } section.kick-kcm-setting-category { background: #222220; border: 1px solid #1c1c1c; } section.kick-kcm-setting-category div.kick-kcm-setting-category__description { margin: 0px 0px 15px 0px; } div.kick-kcm-settings__content__info h2, body.com_kickconsentmanager div.component div.kick-kcm-settings__content__info h2 { font: var(--font-h2_component); font-style: normal; color: var(--ci_color_white); letter-spacing: -1px; margin: 0px 0px 20px 0px; padding: 0px 0px 15px 40px; position: relative; } div.kick-kcm-settings__content__info h2:before, body.com_kickconsentmanager div.component div.kick-kcm-settings__content__info h2:before { content: "\f0ae"; font-family: 'Font Awesome 5 Pro'; font-weight: 100; font-size: 1.0em; color: #74a21c; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: inline-block; position: absolute; left: 0px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } div.kick-kcm-settings__content__info h2:hover:before { color: #74a21c; } div.kick-kcm-settings__content__info__desc a, div.kick-kcm-settings__content__info__desc a:link, div.kick-kcm-settings__content__info__desc a:visited, body.com_kickconsentmanager div.component div.kick-kcm-settings-content_info a, body.com_kickconsentmanager div.component div.kick-kcm-settings-content_infoa:link, body.com_kickconsentmanager div.component div.kick-kcm-settings-content_info a:visited { font-weight: 400; color: var(--ci_color_white); text-decoration: none; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } div.kick-kcm-settings__content__info__desc a:hover, body.com_kickconsentmanager div.component div.kick-kcm-settings-content_info a:hover { color: var(--ci_color_white); text-decoration: underline; } div.kick-kcm-settings__content__links_ { all: revert; } div.kick-kcm-settings__content__links a, div.kick-kcm-settings__content__links a:link, div.kick-kcm-settings__content__links a:visited, div.kick-kcm-settings__content__links span { font: 600 11px/11px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif; color: var(--ci_color_white); text-decoration: none; text-transform: uppercase; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } div.kick-kcm-settings__content__links a:hover { color: var(--ci_color_white); text-decoration: underline; } button.kick-kcm__btn { font: normal 12px/19px 'Open Sans', Arial, Helvetica !important; font-weight: 400 !important; text-transform: uppercase; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } button.kick-kcm__btn.kick-kcm__btn-save:hover { } div.kick-kcm-setting-category__headline { font: var(--font-h3_component); font-style: normal; color: var(--ci_color_white); letter-spacing: 0px; margin: 0px 0px 15px 0px; padding: 0px 0px 15px 0px; position: relative; } div.kick-kcm-setting-category__headline:after { background: #74a21c; bottom: -1px; content: ""; height: 2px; left: 0%; margin: 0px 0px 0px 0px; position: absolute; width: 82px; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; } div.kick-kcm-setting-category__headline:hover:after { background: #74a21c; width: 180px; } div.kick-kcm-expander__headline { font-weight: 500 !important; color: var(--ci_color_white) !important; } /* COMPONENT VIEW */ body.com_kickconsentmanager div.component div.component { margin: 0px 0px 0px 0px; padding: 20px 40px 20px 0px; } body.com_kickconsentmanager div.component section.kick-kcm-setting-category { background: #222220; border: 1px solid #1c1c1c; padding: 20px 20px 20px 20px; } body.com_kickconsentmanager div.component div.kick-kcm-settings-content_info { margin: 0px 0px 30px 0px; padding: 0px 0px 0px 0px; } body.com_kickconsentmanager div.component div.kick-kcm-settings__content { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } body.com_kickconsentmanager div.component div.kick-kcm-settings__content__info { flex: 0 0 calc(100% - 0px); width: calc(100% - 0px); margin-bottom: 0px; } div.kick-kcm-inline-settings { font: normal 14px/22px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif; font-weight: 300; color: var(--ci_color_white); } span.kick-kcm-cpc__switch__info { hyphens: none; -moz-hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; -o-hyphens: none; } body.com_kickconsentmanager div.component span.kick-kcm-cpc__switch__info { /* top: 1px; */ } /* SWITCH BUTTONS */ div.kick-kcm-cpc__switch__bg, div.kick-kcm-cpc__switch__mark { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } /* PLACAHOLDER FOR OPT-IN */ div.kick_gdpr_placeholder { width: 100%; height: 100%; display: inline-block; } div.kick_gdpr_placeholder.kick_gdpr_placeholder_google_maps { background: #232323; position: absolute; } div.kick_gdpr_placeholder.kick_gdpr_placeholder_google_recaptcha { background: #f9f9f9; min-height: 140px; position: relative; z-index: 4; } #contact_form div.kick_gdpr_placeholder.kick_gdpr_placeholder_google_recaptcha { background: #222220; } div.kick_gdpr_placeholder_inner { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.kick_gdpr_placeholder_inner [class^="col-"], div.kick_gdpr_placeholder_inner [class*=" col-"] { padding-left: 0px; padding-right: 0px; } div.kick_gdpr_placeholder.kick_gdpr_placeholder_google_maps div.kick_gdpr_placeholder_content_wrapper { background: #121212; max-width: 400px; margin: 0px 0px 0px 0px; padding: 20px 20px 20px 20px; position: absolute; top: calc(50% - 80px); left: calc(50% - 200px); -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } @media only screen and (max-width: 991px) { div.kick_gdpr_placeholder.kick_gdpr_placeholder_google_maps div.kick_gdpr_placeholder_content_wrapper { max-width: 90%; padding: 20px 20px 20px 20px; top: calc(50% - 60px); left: calc(5%); } } div.kick_gdpr_placeholder.kick_gdpr_placeholder_google_recaptcha div.kick_gdpr_placeholder_content_wrapper { padding: 20px 20px 20px 20px; position: relative; } /* PULSING ICON FOR OPT-IN */ div.kick_gdpr_placeholder_error_icon { color: #ffffff; position: absolute; right: 36px; top: 10px; } #quick_contact_form div.kick_gdpr_placeholder_error_icon { right: 10px; } div.kick_gdpr_placeholder_error_icon i { position: absolute; top: 5px; left: 5px; z-index: 99; font-size: 14px; } div.kick_gdpr_placeholder_error_icon_pulse { background: rgba(255, 82, 82, 1); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; height: 26px; width: 26px; position: absolute; z-index: 98; animation: kick_gdpr_placeholder_error_icon_pulse_animation 2s infinite; } @keyframes kick_gdpr_placeholder_error_icon_pulse_animation { 0% { box-shadow: 0px 0px 0px 0px rgba(255, 82, 82, 0.7); } 70% { box-shadow: 0px 0px 0px 10px rgba(255, 82, 82, 0); } 100% { box-shadow: 0px 0px 0px 0px rgba(255, 82, 82, 0); } } div.kick_gdpr_placeholder_error_icon_ci_colors div.kick_gdpr_placeholder_error_icon_pulse { background: #B8292F; animation: kick_gdpr_placeholder_error_icon_pulse_animation_ci_colors 2s infinite; } @keyframes kick_gdpr_placeholder_error_icon_pulse_animation_ci_colors { 0% { box-shadow: 0px 0px 0px 0px rgba(184, 41, 47, 0.7); } 70% { box-shadow: 0px 0px 0px 10px rgba(184, 41, 47, 0); } 100% { box-shadow: 0px 0px 0px 0px rgba(184, 41, 47, 0); } } div.kick_gdpr_placeholder_title { font: normal 11px/16px 'Open Sans', Arial, Helvetica; font-weight: 600; color: #ffffff; margin: 0px 0px 6px 0px; padding: 0px 0px 0px 0px; } #quick_contact_form div.kick_gdpr_placeholder_title { color: var(--ci_color_black); } div.kick_gdpr_placeholder div.kick_gdpr_placeholder_content { font: normal 11px/16px 'Open Sans', Arial, Helvetica; font-weight: 400; color: #ffffff; } #quick_contact_form div.kick_gdpr_placeholder div.kick_gdpr_placeholder_content { color: var(--ci_color_black); } div.kick_gdpr_placeholder div.kick_gdpr_placeholder_content strong { font-weight: 600; } div.kick_gdpr_placeholder div.kick_gdpr_placeholder_content a, div.kick_gdpr_placeholder div.kick_gdpr_placeholder_content a:link, div.kick_gdpr_placeholder div.kick_gdpr_placeholder_content a:visited { font-weight: 600; color: #74a21c; text-decoration: none; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; cursor: pointer; } div.kick_gdpr_placeholder div.kick_gdpr_placeholder_content a:hover { font-weight: 600; color: var(--ci_color); text-decoration: underline; } /* PLACAHOLDER FOR OPTIN BUTTONS */ div.kick_gdpr_placeholder_buttons { margin: 16px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.kick_gdpr_placeholder_google_recaptcha div.kick_gdpr_placeholder_button { width: 100%; } div.kick_gdpr_placeholder_google_recaptcha div.kick_gdpr_placeholder_button_privacy_settings { display: none; } a.href_button_gdpr_placeholder { background: #74a21c; background-position: center; font: normal 11px/15px 'Open Sans', Arial, Helvetica; font-weight: 300; color: #ffffff !important; margin: 0px 4px 4px 0px; padding: 6px 16px 6px 40px; text-decoration: none !important; text-transform: uppercase; border: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; cursor: pointer; transition: all 0.33s ease-in-out; -moz-transition: all 0.33s ease-in-out; -o-transition: all 0.33s ease-in-out; -webkit-transition: all 0.33s ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; position: relative; display: inline-block; } div.kick_gdpr_placeholder_google_recaptcha a.href_button_gdpr_placeholder { width: 100%; } @media only screen and (max-width: 991px) { a.href_button_gdpr_placeholder { margin: 0px 4px 4px 0px; } } a.href_button_gdpr_placeholder:hover { background: #ffffff; color: #010101 !important; } a.href_button_gdpr_placeholder span { background: var(--ci_color_accent_2_hover); width: 27px; height: 27px; display: inline-block; position: absolute; left: 0px; top: 0px; overflow: hidden; } a.href_button_gdpr_placeholder span::before, a.href_button_gdpr_placeholder span::after { font-family: 'Font Awesome 5 Pro'; font-weight: 100; font-size: 1.2em; position: absolute; left: 8px; top: 6px; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } a.href_button_gdpr_placeholder span::after { left: -32px; } a.href_button_gdpr_placeholder span::before, a.href_button_gdpr_placeholder span::after { content: "\f054"; } a.href_button_gdpr_placeholder:hover > span::before { left: 32px; } a.href_button_gdpr_placeholder:hover > span::after { left: 8px; }