File "codevz_fields.css"
Full path: /home/webide/saman-clinic.ir/wp-content/plugins/codevz-plus/admin/codevz_fields.css
File size: 95.84 KB
MIME-type: text/troff
Charset: utf-8
/* Helpers */
.col {display: block;float: left;margin-left: 2%}
.s12 {width: 100%}
.s11 {width: 91.33%}
.s10 {width: 82.66%}
.s9 {width: 74%}
.s8 {width: 65.33%}
.s7 {width: 56.66%}
.s6 {width: 48%}
.s5 {width: 39.33%}
.s4 {width: 30.66%}
.s3 {width: 22%}
.s2 {width: 13.33%}
.s1 {width: 4.666%}
.col:first-child, .col_first {margin-left: 0}
.col_not_first {margin-left: 2%}
.clr:before, .clr:after {content: '\0020';display: block;overflow: hidden;visibility: hidden;width: 0;height: 0}
.clr:after {clear: both}
.righter {float: right}
.lefter {float: left}
.hidden, .hide, i.hide {display: none}
.block {display: block !important}
.noborder {border: 0}
.relative {position: relative !important}
.overflow {overflow: hidden}
.tac {text-align: center !important}
.tal {text-align: left !important}
.tar {text-align: right !important}
.mr0 {margin: 0}
.mr4 {margin-right: 4px}
.mr8 {margin-right: 8px}
.mr10 {margin-right: 10px}
.mr20 {margin-right: 20px}
.ml4 {margin-left: 4px}
.ml8 {margin-left: 8px}
.ml10 {margin-left: 10px}
.ml20 {margin-left: 20px}
.mt10 {margin-top: 10px}
.mt20 {margin-top: 20px}
.mt30 {margin-top: 30px}
.mt40 {margin-top: 40px}
.mt50 {margin-top: 50px}
.mt70 {margin-top: 70px}
.mb10 {margin-bottom: 10px}
.mb20 {margin-bottom: 20px}
.mb30 {margin-bottom: 30px}
.mb40 {margin-bottom: 40px}
.mb50 {margin-bottom: 50px}
.mb70 {margin-bottom: 70px}
.last0:last-child, .first0:first-child {margin: 0}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color: #565660 !important
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #565660 !important
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #565660 !important
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #565660 !important
}
::-ms-input-placeholder { /* Microsoft Edge */
color: #565660 !important
}
::placeholder { /* Most modern browsers support this now. */
color: #565660 !important
}
/* Customize Fields */
.vc_wrapper-param-type-cz_hidden,
.codevz-field-cz_sk_hidden,
.vc_license-activation-notice,
#customize-control-codevz_theme_options-site_color .codevz-alpha-wrap,
#customize-control-codevz_theme_options-site_color_sec .codevz-alpha-wrap,
#customize-control-codevz_theme_options-header_preset,
.codevz-modal-icon .codevz-icon-title,
.elementor-control-container_width,
.elementor-control-container_width_tablet,
.elementor-control-container_width_mobile,
.elementor-control-space_between_widgets,
.elementor-control-space_between_widgets_tablet,
.elementor-control-space_between_widgets_mobile {
display: none !important
}
#wp-admin-bar-codevz_menu > a.ab-item {
color: #00cbff !important
}
#wp-admin-bar-codevz_menu_maintenance > a {
color: #ff6262 !important
}
.codevz-modal-content {
position: relative;
overflow: auto !important;
padding: 15px;
box-sizing: border-box
}
.codevz-field-color_picker .codevz-fieldset > input {
display: none
}
.codevz-field-background fieldset .codevz-field {
margin: 0 1% 0 0 !important;
width: calc(100% / 5 - 1%) !important
}
.codevz-field-background fieldset .codevz-field select {width: 100%}
.codevz-field-slider .codevz-fieldset {
max-width: 160px
}
.codevz-slider {
position: absolute;
left: 4%;
width: 92%;
bottom: -6px;
z-index: 2;
direction: ltr
}
.codevz-slider * {
cursor: pointer !important
}
.customize-control-csf .codevz-slider,
.edit_form_line .codevz-slider {
display: block;
position: relative;
width: calc(100% - 6%);
bottom: auto;
padding: 0;
box-sizing: border-box
}
.codevz-image-inner img {
max-width: 100%
}
.codevz-field-key-margin .customize-control-csf .codevz-slider {
display: block;
width: 90%;
margin: 0 auto;
padding: 0
}
.codevz-field-slider input {position: relative;z-index: 2;display: table-cell;vertical-align: middle;width: 100%;transition: all .2s ease-in-out}
.codevz-field-slider .ui-slider {position: relative;width: 100%;height: 2px;background: #d2d2d2;border-radius: 4px}
.codevz-field-slider .ui-slider-range {background: #111;height: 2px;border-radius: 4px}
.codevz-field-slider .ui-slider-handle {
background: #111 !important;
border: 2px solid #2f2f36 !important;
position: absolute !important;
top: -4px !important;
border-radius: 100% !important
}
.codevz-field-group .codevz-cloneable-item h4 {border-radius: 4px !important}
.codevz-field-group .codevz-cloneable-item h4.ui-state-active {border-radius: 4px 4px 0 0 !important}
.codevz-field-background .codevz-field-color_picker {top: 0 !important}
.codevz-field-codevz_sizes .codevz-field {border: 0 !important;display: inline-block;width: 44%}
#poststuff .codevz-field-codevz_sizes .codevz-field {padding: 5px !important;width: 22%}
.codevz-field-codevz_sizes input {padding-left: 26px}
.codevz-field-codevz_sizes i, .codevz-field-codevz_box_shadow i {color:#c6c6c6;position: absolute;left: 7px;top: 7px;background: rgba(167, 167, 167, 0.1);padding: 7px;width: 6px}
.codevz-metabox .codevz-field-codevz_sizes i {left: 8px;top: 6px;z-index: 3}
.codevz-metabox .codevz-field-codevz_box_shadow i {left: 1px;top: 1px;padding: 5px 10px;width: auto;z-index: 3}
.cz_border_custom_val, .cz_border_custom_val input {display: block !important;max-width: 100%}
.cz_border_custom_val .codevz-slider {display: none !important}
.cz_post_thumb img {border-radius: 20%}
.codevz-field-image_select label {margin: 4px !important}
.codevz-field-image_select label img {
width: 54px !important
}
.wp-customizer .codevz-field-image_select label img,
.codevz-metabox .codevz-field-key-layout label img,
.codevz-metabox .codevz-field-key-sidebar-position label img {
background: none !important;
border: 0 !important;
opacity: .4 !important
}
[data-vc-shortcode="cz_testimonials"] .codevz-field-image_select label img {
width:86px !important
}
.codevz-field-image_select input:checked~img {
opacity: 1 !important
}
.cz_no_drag .codevz-cloneable-item {
position:static !important
}
.cz_no_drag .widget-placeholder {
display:none !important
}
.vc_ui-panel-content-container .codevz-field {
padding: 0
}
.customize-control-csf .codevz-fieldset {
position: static;
max-width: none
}
.codevz-clear-gallery {
height: 34px !important;
line-height: 34px !important
}
.menu-item-settings .codevz-field {
padding: 20px 30px 20px 10px
}
.menu-item-depth-0 .codevz-field-key-as-title {
display: none
}
.menu-item-depth-1 .codevz-field-key-as-title {
display: block
}
.menu-item-depth-2 .codevz-field-key-as-title,
.menu .hidden, .codevz-metabox .codevz-section-title {
display: none !important
}
.codevz-field-group .codevz-cloneable-header-icon {
color: #000;
text-indent: initial !important;
transform: translateY(2px);
padding: 0 2px 0 0;
display: inline-block
}
.wp-customizer .wp-customizer .codevz-field-content {
padding: 0
}
.codevz-field-element-view-on-sticky,
.codevz-field-hide-on-mobile,
.codevz-field-hide-on-tablet,
[id*="fixed_side"] .codevz-field-key-element-visibility-on-sticky,
[id*="fixed_side"] .codevz-field-key-hide-on-mobile,
[id*="fixed_side"] .codevz-field-key-hide-on-tablet {display: none !important}
#sub-accordion-section-codevz_theme_options-header_1 .codevz-field-element-view-on-sticky,
#sub-accordion-section-codevz_theme_options-header_2 .codevz-field-element-view-on-sticky,
#sub-accordion-section-codevz_theme_options-header_3 .codevz-field-element-view-on-sticky,
#sub-accordion-section-codevz_theme_options-footer_1 .codevz-field-hide-on-mobile,
#sub-accordion-section-codevz_theme_options-footer_1 .codevz-field-hide-on-tablet,
#sub-accordion-section-codevz_theme_options-footer_2 .codevz-field-hide-on-mobile,
#sub-accordion-section-codevz_theme_options-footer_2 .codevz-field-hide-on-tablet {
display: block !important
}
.edit_form_line .codevz-slider {bottom: 0px}
.edit_form_line .codevz-field-slider .ui-slider {background: #4e4e541f !important}
.edit_form_line .codevz-field-slider .ui-slider-range {background: #494972 !important}
.edit_form_line .codevz-field-slider .ui-slider-handle {background: #494972 !important;border-color: #fff}
.codevz-metabox .codevz-field-slider .ui-slider {background: #e2e2e2 !important}
.codevz-metabox .codevz-field-slider .ui-slider-range {background: #222}
.codevz-metabox .codevz-field-slider .ui-slider-handle {background: #222 !important;height: 8px !important;width: 8px !important;top: -4px !important}
/* VC Shortcodes Icons */
.elementor-element i[class*="xtra-"]:not(.xtra-search-icon) {
width: 32px;
height: 32px;
display: block;
margin: 0 auto;
text-align: center
}
#cz_2_buttons .czi, .wpb_cz_2_buttons .czi, .xtra-2-buttons {background-image: url(svg/2_buttons.svg) !important}
#cz_360_degree .czi, .wpb_cz_360_degree .czi, .xtra-360-degree {background-image: url(svg/360_degree.svg) !important}
#cz_accordion .czi, .wpb_cz_accordion .czi, #cz_acc_child .czi, .wpb_cz_acc_child .czi, .xtra-accordion {background-image: url(svg/accordion.svg) !important}
#cz_animated_text .czi , .wpb_cz_animated_text .czi, .xtra-animated-text{background-image: url(svg/animated_text.svg) !important}
#cz_banner .czi, .wpb_cz_banner .czi, .xtra-banner {background-image: url(svg/banner.svg) !important}
#cz_before_after .czi, .wpb_cz_before_after .czi, .xtra-before-after {background-image: url(svg/before_after.svg) !important}
#cz_button .czi, .wpb_cz_button .czi, .xtra-button {background-image: url(svg/button.svg) !important}
#cz_carousel .czi, .wpb_cz_carousel .czi, .xtra-carousel {background-image: url(svg/carousel.svg) !important}
#cz_contact_form_7 .czi, .wpb_cz_contact_form_7 .czi, .xtra-cf7 {background-image: url(svg/contact_form_7.svg) !important}
#cz_content_box .czi, .wpb_cz_content_box .czi, .xtra-content-box {background-image: url(svg/content_box.svg) !important}
#cz_countdown .czi, .wpb_cz_countdown .czi, .xtra-countdown {background-image: url(svg/countdown.svg) !important}
#cz_counter .czi, .wpb_cz_counter .czi, .xtra-counter {background-image: url(svg/counter.svg) !important}
#cz_dropcap .czi, .wpb_cz_dropcap .czi {background-image: url(svg/dropcap.svg) !important}
#cz_free_line .czi, .wpb_cz_free_line .czi, .xtra-free-line {background-image: url(svg/free_line.svg) !important}
#cz_free_position_element .czi, .wpb_cz_free_position_element .czi, .xtra-free-position-element {background-image: url(svg/free_position_element.svg) !important}
#cz_gallery .czi, .wpb_cz_gallery .czi, .xtra-gallery {background-image: url(svg/gallery.svg) !important}
#cz_gap .czi, .wpb_cz_gap .czi, .xtra-gap {background-image: url(svg/gap.svg) !important}
#cz_google_map .czi, .wpb_cz_google_map .czi, .xtra-google-map {background-image: url(svg/google_map.svg) !important}
#cz_gradient_title .czi, .wpb_cz_gradient_title .czi, .xtra-gradient-title {background-image: url(svg/gradient_title.svg) !important}
#cz_history_line .czi, .wpb_cz_history_line .czi, .xtra-history-line {background-image: url(svg/history_line.svg) !important}
#cz_hotspot .czi, .wpb_cz_hotspot .czi, .xtra-hotspot {background-image: url(svg/hotspot.svg) !important}
#cz_image .czi, .wpb_cz_image .czi, .xtra-image {background-image: url(svg/image.svg) !important}
#cz_image_hover_zoom .czi, .wpb_cz_image_hover_zoom .czi, .xtra-image-hover-zoom {background-image: url(svg/image_hover_zoom.svg) !important}
#cz_inforgraphic_icons .czi, .wpb_cz_inforgraphic_icons .czi, .cz_login_register .czi {background-image: url(svg/inforgraphic_icons.svg) !important}
#cz_instagram .czi, .wpb_cz_instagram .czi, .xtra-instagram {background-image: url(svg/instagram.svg) !important}
#cz_music_player .czi, .wpb_cz_music_player .czi, .xtra-music-player {background-image: url(svg/music_player.svg) !important}
#cz_news_ticker .czi, .wpb_cz_news_ticker .czi, .xtra-news-ticker {background-image: url(svg/news_ticker.svg) !important}
#cz_next_prev_section .czi, .wpb_cz_next_prev_section .czi {background-image: url(svg/old.svg) !important}
#cz_parallax_group .czi, .wpb_cz_parallax_group .czi, .xtra-parallax-group {background-image: url(svg/parallax_group.svg) !important}
#cz_popup .czi, .wpb_cz_popup .czi, .xtra-popup {background-image: url(svg/popup.svg) !important}
#cz_posts .czi, .wpb_cz_posts .czi, .xtra-posts {background-image: url(svg/posts.svg) !important}
#cz_process_line_vertical .czi, .wpb_cz_process_line_vertical .czi, .xtra-process-line-vertical {background-image: url(svg/process_line_vertical.svg) !important}
#cz_process_road .czi, .wpb_cz_process_road .czi, .xtra-process-road {background-image: url(svg/process_road.svg) !important}
#cz_progress_bar .czi, .wpb_cz_progress_bar .czi, .xtra-progress-bar {background-image: url(svg/progress_bar.svg) !important}
#cz_quote .czi, .wpb_cz_quote .czi, .xtra-quote {background-image: url(svg/quote.svg) !important}
#cz_separator .czi, .wpb_cz_separator .czi {background-image: url(svg/separator.svg) !important}
#cz_separator_2 .czi, .wpb_cz_separator_2 .czi, .xtra-separator {background-image: url(svg/separator_2.svg) !important}
#cz_service_box .czi, .wpb_cz_service_box .czi, .xtra-service-box {background-image: url(svg/service_box.svg) !important}
#cz_show_more_less .czi, .wpb_cz_show_more_less .czi, .xtra-show-more-less {background-image: url(svg/show_more_less.svg) !important}
#cz_social_icons .czi, .wpb_cz_social_icons .czi, .xtra-social-icons {background-image: url(svg/social_icons.svg) !important}
#cz_stylish_list .czi, .wpb_cz_stylish_list .czi, .xtra-stylish-list {background-image: url(svg/stylish_list.svg) !important}
#cz_subscribe .czi, .wpb_cz_subscribe .czi, .xtra-subscribe {background-image: url(svg/subscribe.svg) !important}
#cz_svg .czi, .wpb_cz_svg .czi, .xtra-svg {background-image: url(svg/svg.svg) !important}
#cz_tabs .czi, .wpb_cz_tabs .czi, #cz_tab .czi, .wpb_cz_tab .czi, .xtra-tabs {background-image: url(svg/tabs.svg) !important}
#cz_team .czi, .wpb_cz_team .czi, .xtra-team {background-image: url(svg/team.svg) !important}
#cz_testimonials .czi, .wpb_cz_testimonials .czi, .xtra-testimonials {background-image: url(svg/testimonials.svg) !important}
#cz_timeline .czi, .wpb_cz_timeline .czi, #cz_timeline_item .czi, .wpb_cz_timeline_item .czi, .xtra-timeline {background-image: url(svg/timeline.svg) !important}
#cz_title .czi, .wpb_cz_title .czi, .xtra-title {background-image: url(svg/title.svg) !important}
#cz_twitter .czi, .wpb_cz_twitter .czi, .xtra-twitter {background-image: url(svg/twitter.svg) !important}
#cz_video_popup .czi, .wpb_cz_video_popup .czi, .xtra-video-popup {background-image: url(svg/video_popup.svg) !important}
#cz_working_hours .czi, .wpb_cz_working_hours .czi, .xtra-working-hours {background-image: url(svg/working_hours.svg) !important}
#cz_login_register .czi, .wpb_cz_login_register .czi, .xtra-login-register {background-image: url(svg/login_register.svg) !important}
#cz_particles .czi, .wpb_cz_particles .czi, .xtra-particles {background-image: url(svg/particles.svg) !important}
#cz_get_page_content .czi, .wpb_cz_get_page_content .czi, .xtra-get-page-content {background-image: url(svg/get_page_content.svg) !important}
#cz_text_marquee .czi, .wpb_cz_text_marquee .czi, .xtra-text-marque {background-image: url(svg/text_marquee.svg) !important}
#cz_menu_background .czi, .wpb_cz_menu_background .czi, .xtra-menu-background {background-image: url(svg/menu-background.svg) !important}
.icon .xtra-product,
.icon .xtra-products,
.icon .xtra-product-category,
.icon .xtra-product-categories {background-image: url(svg/woo.svg) !important}
.icon .xtra-logo {background-image: url(svg/logo.svg) !important}
.icon .xtra-menu {background-image: url(svg/menu.svg) !important}
.icon .xtra-offcanvas {background-image: url(svg/offcanvas.svg) !important}
.icon .xtra-search {background-image: url(svg/search.svg) !important}
.icon .xtra-shopping-cart {background-image: url(svg/shopping_cart.svg) !important}
.icon .xtra-wpml {background-image: url(svg/wpml.svg) !important}
.icon .xtra-wishlist {background-image: url(svg/wishlist.svg) !important}
.icon .xtra-banner-group {background-image: url(svg/banner_group.svg) !important}
.icon .xtra-attribute-box {background-image: url(svg/attribute_box.svg) !important}
/* Modal styleKit */
.ui-dialog[aria-describedby="cz_modal_kit"] {
display: none;
overflow: visible;
border-radius: 4px;
right: auto !important;
z-index: 99999 !important;
border: 0
}
[class*="elementor-editor-"]:not(.vc_editor,.elementor-editor-inactive,.wp-editor) .ui-dialog[aria-describedby="cz_modal_kit"] * {
box-sizing: initial
}
.wp-customizer .ui-dialog[aria-describedby="cz_modal_kit"] {
z-index: 999999 !important
}
.wp-customizer .media-modal {
z-index: 5600000 !important
}
#cz_modal_kit {
display: none;
padding: 0 15px 15px;
width: calc(100% - 30px) !important;
background: #2f2f36;
max-height: 760px;
border-radius: 0 0 4px 4px;
position: relative;
border: 0;
overflow: auto
}
#cz_modal_kit::-webkit-scrollbar {
width: 8px
}
#cz_modal_kit::-webkit-scrollbar-thumb {
background: #6c6c6f;
border-radius: 5px
}
#cz_modal_kit::-webkit-scrollbar-track {
background: rgba(78, 78, 84, 0.45);
border-radius: 0
}
.codevz-modal-content::-webkit-scrollbar {
width: 8px
}
.codevz-modal-content::-webkit-scrollbar-thumb {
background: #6c6c6f;
border-radius: 5px
}
.codevz-modal-content::-webkit-scrollbar-track {
background: rgba(78, 78, 84, 0.45);
border-radius: 0
}
#cz_modal_kit .codevz-field-slider input {
text-align: center;
font-size: 14px
}
[class*="elementor-editor-"]:not(.vc_editor,.elementor-editor-inactive,.wp-editor) #cz_modal_kit .codevz-field-slider input {
max-width: calc(100% - 10px)
}
#cz_modal_kit form {
padding: 15px 0 0
}
#cz_modal_kit .codevz-field {
display: none
}
#cz_modal_kit .codevz-field .codevz-field {
display: inline-block !important
}
#cz_modal_kit .hidden {
display: none !important
}
.cz_sk_btn {
position: relative;
width: 100%;
display: inline-block !important;
height: 32px !important
}
#menu-to-edit .cz_sk_btn {
padding: 0 40px !important
}
.cz_sk_btn:after {
position: absolute;
content: "";
width: 12px;
height: 12px;
border-radius: 100%;
top: -6px;
right: -6px;
}
.cz_sk_btn_text {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display: block
}
.cz_sk_free_btn:after {
display: none
}
.active_stylekit:after {
background: #ffae00 !important
}
[aria-describedby="cz_modal_kit"] .ui-dialog-title {
margin-right: 0px !important
}
[aria-describedby="cz_modal_kit"] .ui-dialog-titlebar span {
color: #fff;
float: none;
margin: 0;
cursor: pointer;
white-space: nowrap;
border-radius: 4px 4px 0 0;
padding-top: 1px !important;
transition: all .2s ease-in-out;
}
[aria-describedby="cz_modal_kit"] span.cz_sk_hover {
margin: 0 0 0 15px;
padding: 11px !important;
border-left: 1px solid rgba(255, 255, 255, 0.1);
}
[aria-describedby="cz_modal_kit"] .cz_sk_hover,
[aria-describedby="cz_modal_kit"] .cz_deactive {
opacity: .4
}
[aria-describedby="cz_modal_kit"] .cz_sk_hover:hover,
[aria-describedby="cz_modal_kit"] .cz_sk_hover.cz_active,
[aria-describedby="cz_modal_kit"] .cz_deactive:hover {
opacity: 1
}
[aria-describedby="cz_modal_kit"] .ui-dialog-titlebar {
direction: ltr;
background: none;
height: 40px !important;
font-size: 14px !important;
line-height: 40px;
padding: 0 20px !important;
font-weight: 500;
border-bottom: 1px solid #434343;
cursor: default
}
[aria-describedby="cz_modal_kit"] .ui-dialog {
box-shadow: 0px 2px 40px rgba(0, 0, 0, 0.4) !important
}
[aria-describedby="cz_modal_kit"] .ui-dialog-titlebar-close {
position: static;
background: none !important;
margin: 0 -20px 0 0 !important;
padding: 20px 9px !important;
border: 0 !important;
color: #fff !important;
width: 38px !important;
cursor: pointer;
float: right;
right: auto !important;
top: auto !important;
position: relative !important
}
[class*="elementor-editor-"]:not(.vc_editor,.elementor-editor-inactive,.wp-editor) [aria-describedby="cz_modal_kit"] .ui-dialog-titlebar-close {
padding: 20px 0 !important
}
[aria-describedby="cz_modal_kit"] .ui-dialog-titlebar-close .ui-icon-closethick {
display: none !important
}
[aria-describedby="cz_modal_kit"] .ui-dialog-titlebar-close:before {
position: absolute;
font: normal 20px/1 dashicons;
content: "\f158";
top: 0px;
right: 0px;
font-size: 20px;
text-indent: 0;
padding: 10px;
width: auto;
height: auto;
line-height: 1
}
.vc-composer-icon.fa.fa-eye,
.vc-composer-icon.fa.fa-eye-slash {
font-family: 'Font Awesome 5 Free' !important
}
[aria-describedby="cz_modal_kit"] .ui-resizable-handle {
opacity: 0 !important
}
[aria-describedby="cz_modal_kit"] .ui-dialog-titlebar i {
position: relative;
cursor: pointer;
color: #fff;
float: right;
padding: 13px 10px;
width: 1em;
height: 1em;
line-height: 1em;
text-align: center
}
[aria-describedby="cz_modal_kit"] .ui-dialog-titlebar-close,
[aria-describedby="cz_modal_kit"] .ui-dialog-titlebar .fa-refresh,
[aria-describedby="cz_modal_kit"] .ui-dialog-titlebar .fa-desktop,
[aria-describedby="cz_modal_kit"] .ui-dialog-titlebar .fa-files-o {
border-left: 1px solid rgba(255, 255, 255, 0.1) !important
}
[aria-describedby="cz_modal_kit"] .fa-desktop,
[aria-describedby="cz_modal_kit"] .fa-tablet-alt,
[aria-describedby="cz_modal_kit"] .fa-mobile-alt {
opacity: .3
}
[aria-describedby="cz_modal_kit"] .fa-toggle-on {
opacity: 1
}
[aria-describedby="cz_modal_kit"] .cz_sk_active_tab,
[aria-describedby="cz_modal_kit"] .ui-dialog-titlebar i:hover {
opacity: 1
}
[aria-describedby="cz_modal_kit"] .cz_deactive_tm {
opacity: .1 !important
}
.cz_copied, .cz_paste {
opacity: 1 !important
}
.cz_copied {
color: #ffae00 !important;
}
/* Presets */
.cz_presets {
position: relative;
display: block;
min-height: 100px;
font-family: "Open Sans";
line-height: 1.8;
font-size: 16px
}
.cz_presets h1, .cz_presets h2, .cz_presets h3,
.cz_presets h4, .cz_presets h5, .cz_presets h6 {
line-height: 1.4;
font-weight: bold;
margin: 0 0 10px 0
}
.cz_presets h1 { font-size: 48px }
.cz_presets h2 { font-size: 36px }
.cz_presets h3 { font-size: 24px }
.cz_presets h4 { font-size: 20px }
.cz_presets h5 { font-size: 18px }
.cz_presets h6 { font-size: 16px }
.cz_presets small {
opacity: .8;
display: block;
font-size: .9em;
font-weight: normal;
word-break: break-word;
margin: 4px 0 0
}
.cz_presets [data-shortcode] {
position: relative;
width: 100%;
display: block;
float: none;
cursor: pointer
}
.czcol_2 [data-shortcode] {
width: 48%;
float: left;
}
.cz_presets [data-shortcode] .cz_pre_in {
margin: 0 auto;
width: calc(100% - 22px);
display: table;
padding: 10px;
margin: 0 16px 24px 0;
border-radius: 4px;
transition: all .2s ease
}
.cz_presets [data-shortcode] .cz_pre_in:hover {
background: rgba(167, 167, 167, 0.1)
}
.cz_presets [data-shortcode] input,
.cz_presets [data-shortcode] button {cursor: pointer}
.cz_presets a {text-decoration: none}
.cz_presets [data-shortcode] img {max-width: 100%;height: auto;margin:0 auto;display:table}
.cz_presets .cz_presets_loader,
.cz_presets .cz_presets_loader_after:after,
.cz_template_loader_after:after {
content: '';
position: absolute;
left: 50%;
top: 28%;
width: 26px;
height: 26px;
border: 2px solid rgba(167, 167, 167, 0.3);
font-size: 0 !important;
border-right-color: #494972 !important;
border-radius: 100%;
transform: translate(-50%, -50%);
animation: cz_anim .6s linear infinite
}
.cz_template_loader_after:after {
top: 46%;
left: 46%
}
.cz_presets .cz_presets_loader_after * {opacity: .4}
.cz_presets .cz_presets_loader_after:after {opacity: 1 !important}
.cz_presets input,
.cz_presets textarea {
width: 100%;
padding: 12px;
font-size: 14px;
margin: 0;
color: inherit;
border-radius: 2px;
box-sizing: border-box;
border: 1px solid rgba(167, 167, 167, 0.2)
}
.cz_presets input::-webkit-input-placeholder {color: inherit;opacity: .7}
.cz_presets input:-ms-input-placeholder {color: inherit;opacity: .7}
.cz_presets input::-ms-input-placeholder {color: inherit;opacity: .7}
.cz_presets input:-moz-input-placeholder {color: inherit;opacity: .7}
.cz_presets input::-moz-input-placeholder {color: inherit;opacity: .7}
.cz_presets textarea {
height: 160px;
line-height: 2;
font-size: 14px
}
.cz_presets input[type="date"] {
padding: 9px 12px
}
.cz_presets input:focus,
.cz_presets textarea:focus {
border-color: #4e71fe
}
.cz_presets button,
.cz_presets input[type=submit],
.cz_presets input[type=button] {
display: inline-block;
position: relative;
overflow: hidden;
z-index: 1;
color: #fff;
border: 0;
background: #4e71fe;
border-radius: 2px;
width: auto;
padding: 12px 30px;
text-align: center;
cursor: pointer;
transition: all 200ms ease-in-out
}
.cz_presets button:hover,
.cz_presets input[type=submit]:hover,
.cz_presets input[type=button]:hover {
opacity: .7;
color: #fff
}
.cz_presets [data-presets="cz_team"] .cz_pre_in {
width: calc(100% - 80px);
padding: 30px 40px 20px;
}
/* WPBakery elements */
.compose-mode .vc_element-name .vc_btn-content {
height: auto !important
}
.vc_ui-template-list .vc_ui-control-button .vc_ui-wp-spinner::before,
.vc_ui-wp-spinner::before {
background-color: #0473aa !important;
border-radius: 100%
}
.vc_properties-list select,
.vc_properties-list select option {
transform: none !important;
opacity: 1 !important;
margin: 0 !important;
animation: none !important
}
.vc_cz_parallax > .vc_controls .vc_controls-out-tl,
.vc_cz_acc_child > .vc_controls .vc_controls-out-tl,
.vc_cz_content_box > .vc_controls .vc_controls-out-tl,
.vc_cz_history_line > .vc_controls .vc_controls-out-tl,
.vc_cz_carousel > .vc_controls .vc_controls-out-tl,
.vc_cz_accordion > .vc_controls .vc_controls-out-tl,
.vc_cz_speech_bubble > .vc_controls .vc_controls-out-tl,
.vc_cz_process_line_vertical > .vc_controls .vc_controls-out-tl,
.vc_cz_masonry > .vc_controls .vc_controls-out-tl,
.vc_cz_show_more_less > .vc_controls .vc_controls-out-tl,
.vc_cz_particles > .vc_controls .vc_controls-out-tl {
margin: 31px 0 0 !important
}
.vc_cz_acc_child:nth-child(1) > .vc_controls .vc_controls-out-tl {
left: 220px !important
}
.vc_cz_free_position_element {
margin-top: 26px;
outline: 1px #f00 dashed;
min-width: 100px
}
.vc_cz_content_box .vc_controls-bc {
margin-bottom: 42px
}
.vc_cz_free_position_element,
.vc_cz_hotspot {
width: auto !important;
position: absolute !important;
margin: 0 !important;
min-height: 20px;
}
.vc_cz_free_position_element > .vc_controls .vc_controls-out-tl {
margin: 0 !important
}
.vc_cz_hotspot .vc_controls-cc {
margin: 18px 0 0 0 !important
}
.vc_cz_free_position_element .cz_free_position_element,
.vc_cz_hotspot .cz_hotspot {
position: relative
}
.vc_cz_free_position_element > .vc_controls .vc_control-btn-append,
.vc_cz_popup > .vc_controls .vc_control-btn-clone {
display: none !important
}
.vc_cz_tabs > .vc_controls > .vc_controls-out-tl,
.vc_cz_timeline > .vc_controls > .vc_controls-out-tl,
.vc_cz_particles > .vc_controls .vc_controls-out-tl,
.vc_cz_timeline_item > .vc_controls .vc_controls-out-tl {
top: 0 !important
}
.vc_cz_tab > .vc_controls > .vc_controls-out-tl {
left: 187px !important
}
.vc_cz_popup > .vc_controls .vc_controls-out-tl {
position: fixed;
z-index: 99999999999 !important;
top: 5% !important;
left: 50% !important;
transform: translateX(-50%)
}
.vc_cz_popup .vc_controls > .vc_controls-bc {
z-index: 99999999999 !important
}
.vc_cz_popup > .vc_controls .vc_controls-bc {
z-index: 99999999999;
bottom: 10% !important;
position: fixed;
}
.vc_cz_content_box > .vc_empty-element {
display: block !important
}
.vc_cz_banner .vc_controls-cc,
.vc_cz_before_after .vc_controls-cc {
left: 10px !important;
top: 10px !important;
transform: none !important
}
.vc_ui-panel-window-inner {
box-shadow: 0 0 40px rgba(0,0,0,.2) !important;
border-radius: 4px !important;
overflow: hidden !important
}
.vc_ui-panel-window-inner .vc_ui-panel-content {
margin-top: 0 !important;
min-height: 500px
}
.codevz-field .wp-picker-container {
position: relative;
width: 30px;
height: 30px;
background-color: rgba(241, 241, 241, 0.7);
background-size: 12px 12px;
background-position: 0 0, 30px 30px;
background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.5) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.5) 75%, rgba(0, 0, 0, 0.5)), linear-gradient(45deg, rgba(0, 0, 0, 0.5) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.5) 75%, rgba(0, 0, 0, 0.5));
display: inline-block;
border-radius: 100%
}
.codevz-field .wp-color-result {
box-shadow: none !important;
border-radius: 4px !important
}
.codevz-field input[type=text].wp-color-picker {
margin-top: 0 !important;
line-height: 1.4 !important
}
.codevz-icon-add, .codevz-font-add {
background: #61618a !important;
border: 0 !important;
box-shadow: none !important;
text-shadow: none !important;
}
.codevz-icon-remove, .codevz-font-remove {
box-shadow: none !important;
text-shadow: none !important;
border: 0 !important
}
.vc_edit_form_elements .codevz-icon-remove,
.vc_edit_form_elements .codevz-font-remove {
font-size: 18px;
width: 33px !important;
height: 33px !important;
line-height: 33px !important
}
/* WPBakery 99 */
.vc_col-xs-99 {
box-sizing: border-box;
padding: 0 20px 15px;
margin: 0 0 5px
}
.vc_col-xs-99 .vc_element_label,
.vc_col-xs-99 .wpb_element_label {
width: 30%;
display: inline-block;
vertical-align: top;
padding: 5px 0 0
}
.vc_col-xs-99 .edit_form_line {
width: 70%;
vertical-align: middle;
display: inline-block
}
.vc_media-xs .vc_col-xs-3,
.vc_media-xs .vc_col-xs-4,
.vc_media-xs .vc_col-xs-6 {
padding-top: 15px
}
/* cz_title for VC */
.wpb_el_type_cz_title {
margin: 25px 0 15px !important;
padding: 0 !important
}
.wpb_el_type_cz_title h4 {
position: relative;
display: block;
margin: 0 15px;
border-radius: 4px;
padding: 10px 15px;
color: #2f2f36;
background: rgba(47, 47, 54, 0.09);
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 12px
}
.wpb_el_type_cz_title a {
text-decoration: none
}
.wpb_el_type_cz_title .cz_content_title {
font-size: 14px;
text-transform: unset;
font-weight: normal;
line-height: 26px
}
/* VC Templates */
#wpwrap .vc_templates-template-type-default_templates {
position: relative;
width: calc( 100% / 2 - 2% ) !important;
float: left !important;
background: none !important;
margin: 10px 1%;
padding: 0 !important;
box-shadow: none !important;
border: 0 !important;
text-shadow: none !important;
border-radius: 4px !important;
height: auto !important;
min-height: 50px !important;
line-height: inherit !important;
transition: all .1s ease-in-out !important;
}
.vc_templates-template-type-default_templates:hover {
transform: scale(1.2);
z-index: 999 !important
}
.vc_templates-template-type-default_templates .vc_ui-list-bar-item-trigger {
padding: 0 !important
}
#wpwrap .vc_templates-template-type-default_templates span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: -1
}
#wpwrap .vc_templates-template-type-default_templates img {
width: 100%
}
#wpwrap .vc_templates-template-type-default_templates .vc_ui-list-bar-item {
border: 0 !important;
margin: 0 15px 30px;
box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
transition: all .2s ease-in-out
}
#wpwrap .vc_templates-template-type-default_templates:hover .vc_ui-list-bar-item {
box-shadow: 0px 12px 10px 0px rgba(0, 0, 0, 0.1)
}
.vc_ui-template-list .vc_ui-list-bar-item-trigger {
position: relative;
min-height: 60px;
z-index: 1
}
.vc_templates-template-type-default_templates .vc_ui-list-bar-item-actions,
.vc_ui-template-list .cz_template_loader_after .vc_ui-list-bar-item-trigger:before {
display: none
}
.cz_vc_filters {
margin: 0 -18px
}
.cz_vc_filters li {
border-bottom-right-radius: 50px;
border-top-right-radius: 50px;
cursor: pointer;
font-size: 13px;
font-weight: 400;
margin-right: 20px;
padding: 2px 20px;
color: #111;
position: relative;
}
.cz_vc_filters .cz_active {
background: #0473aa;
color: #fff;
font-weight: 700
}
.cz_vc_filters span {
opacity: 0.4;
padding: 3px 12px;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%)
}
.cz_vc_filters .cz_active span {
opacity: 1
}
.cz_templates_items .cz_active {
display: block !important
}
.cz_templates_items .cz_deactive {
display: none !important
}
/* Google fonts system */
.codevz-modal {
z-index: 9999999999999999 !important
}
.codevz-modal-font a {
position: relative;
width: 21.4%;
display: block;
float: left;
font-size: 24px;
white-space: nowrap;
border: 1px solid #c4c4c4;
text-align: center;
border-radius: 4px;
margin: 10px 0 0 10px;
padding: 25px 10px;
cursor: pointer;
color: #434343;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
transition: all .1s ease-in-out
}
.xtra-search-active.codevz-modal-font a {
padding: 25px 10px 40px
}
.codevz-modal-font a:hover,
.codevz-modal-font a.cz_active_font {
background: #fff !important;
color: #111 !important;
transform: scale(1.05);
z-index: 2
}
.cz_font {
display: none !important
}
.codevz-modal-font a i {
position: absolute;
font-size: 24px;
right: 10px;
bottom: 10px;
opacity: 0;
transition: all .2s ease-in-out
}
.codevz-modal-font a:hover i {
opacity: 1
}
.cz_font_params {
display: none;
position: relative;
float: left;
z-index: 3
}
.cz_font_params > div {
position: absolute;
top: 75px;
left: -164px;
width: 130px;
padding: 14px 14px 8px;
border-radius: 4px;
background: #202023 !important;
border: 1px solid #5b5b5b !important;
box-shadow: 1px 10px 30px rgba(34, 34, 37, 0.3);
z-index: 3
}
.cz_font_params label {
display: block;
text-align: left;
margin: 0 0 10px;
font-size: 14px;
color: #fff;
font-family: "Open Sans";
text-transform: capitalize
}
.cz_font_params label input {
margin-right: 10px !important
}
div.codevz-modal-font a#loadMore_font {
float: none !important;
display: table;
background: #4822ba;
border-color: #130c2a;
color: #fff;
width: auto;
margin: 60px auto 80px;
text-decoration: none;
font-size: 18px !important;
border-radius: 4px;
padding: 4px 30px !important;
font-weight: 500
}
.codevz-modal-content a#loadMore_font.cz_loader {
position: relative;
font-size: 0 !important;
width: 30px !important;
height: 30px !important;
line-height: 30px !important;
padding: 0 !important;
border-radius: 100% !important;
box-shadow: none !important;
background: none !important;
border: 2px solid rgba(167, 167, 167, 0.3) !important;
border-right-color: #fff !important;
transition: none !important;
animation: cz_anim .6s linear infinite !important
}
.codevz-modal-font .codevz-modal-header input[type=text] {
width: 35%;
font-size: 17px;
padding: 8px 10px;
text-align: center;
margin: 0 10px 0;
display: inline-block
}
.codevz-modal-header p {
text-align: left;
color: #c2c2c2
}
.codevz-font-select input {
width: 54% !important;
margin-right: 2% !important;
padding: 5px
}
.codevz-cloneable-content .codevz-font-select input {
width: 42% !important
}
.codevz-font-add {
margin-right: 2% !important
}
.codevz-font-add, .codevz-font-remove {
height: 36px !important;
line-height: 36px !important
}
.xtra-search-active .codevz-modal-content span {
font-size: 12px;
position: absolute;
bottom: 10px;
left: 50%;
opacity: .5;
transform: translateX(-50%);
}
/* Customize Page Override Colors */
.wp-customizer li .codevz-field {
padding: 10px 20px 20px !important;
margin: 0 -12px 12px;
border-bottom: 1px solid #434343 !important;
border-top: 0 !important;
}
#cz_modal_kit .codevz-field {
padding: 0 15px 10px 0;
margin: 0 0 10px 0
}
#cz_modal_kit p {
margin: 0 !important
}
.wp-customizer .codevz-field.codevz-field-notice {
margin-bottom: 0 !important;
margin-top: -24px
}
.wp-customizer .codevz-field-group .codevz-field .codevz-field {
border: 0 !important;
margin-bottom: 0 !important;
padding: 1px !important
}
.wp-customizer .codevz-field-codevz_sizes input {
margin-top: 15px !important
}
.wp-customizer .codevz-field-codevz_box_shadow .codevz-field > input {
margin-top: 20px !important
}
.control-section-csf .customize-control {
margin-bottom: 0 !important
}
#customize-control-blogname label,
#customize-control-blogdescription label {
display: block;
margin: 0 0 16px
}
.wp-full-overlay-sidebar-content,
#customize-sidebar-outer-content,
.wp-full-overlay-sidebar .wp-full-overlay-header,
.wp-customizer .customize-controls-close,
.wp-customizer .customize-info .accordion-section-title,
.wp-customizer .customize-info .customize-panel-description,
.wp-customizer .customize-info .customize-section-description,
.wp-customizer .no-widget-areas-rendered-notice,
.wp-customizer .control-section-themes .accordion-section-title,
.wp-customizer .control-section-themes .accordion-section-title:hover,
.wp-customizer .accordion-section-title,
.expanded .wp-full-overlay-footer,
.wp-full-overlay-footer .devices,
.wp-customizer .customize-themes-panel,
.wp-customizer .theme-browser .theme .theme-actions,
.wp-customizer .theme-browser .theme .theme-name,
.wp-customizer .customize-section-title,
.wp-customizer .customize-panel-back,
.wp-customizer .customize-section-back,
.wp-full-overlay .collapse-sidebar-arrow:before,
.wp-customizer .codevz-field-switcher label span,
.codevz-modal-inner, .codevz-modal-header, .codevz-modal-title,
.codevz-modal a, .codevz-modal a .codevz-icon,
[aria-describedby="cz_modal_kit"],
.customize-inside-control-row,
.wp-customizer .notice,
.wp-customizer div.error,
.wp-customizer div.updated,
.control-panel-themes .customize-themes-full-container,
.customize-preview-header.themes-filter-bar,
.control-panel-themes .customize-themes-section-title,
.wp-customizer .sm-mb-nav-menu-edit,
.wp-customizer #sm-mb-nav-menu-metaboxes .sm-mb-metabox-holder,
.wp-customizer #sm-mb-nav-menu-metaboxes .submit,
.wp-customizer .select2-container--default .select2-selection--multiple,
.wp-customizer #sm-mb-nav-menu-metaboxes .sm-mb-metabox-holder .sm-mb-metabox-title,
.wp-customizer .sm-rwmb-accordion-title,
.wp-customizer .sm-mb-nav-menu-content .sm-rwmb-accordion-title .dashicons,
.wp-customizer .sm-rwmb-meta-box .sm-rwmb-field.sm-rwmb-group-has-toggle>.sm-rwmb-input {
background: #2f2f36 !important
}
#customize-header-actions, .customize-controls-close,
.wp-customizer .customize-info .customize-panel-description,
.wp-customizer .customize-info .customize-section-description,
.wp-customizer .no-widget-areas-rendered-notice,
.wp-customizer .control-section-themes .accordion-section-title,
.wp-customizer .control-section-themes .accordion-section-title:hover,
.wp-customizer .accordion-section-title,
.wp-customizer .customize-info, #accordion-section-themes+.control-section,
.expanded .wp-full-overlay-footer,
.wp-full-overlay-footer .devices button.active,
.wp-full-overlay-footer .devices button.active:before,
.wp-customizer .theme-browser .theme,
.wp-customizer .customize-section-title,
.wp-customizer .customize-panel-back,
.wp-customizer .customize-section-back,
.wp-customizer .accordion-section-title,
.wp-customizer .control-panel-content .control-section:nth-child(2),
.wp-customizer .control-panel-nav_menus .control-section:nth-child(3),
.wp-customizer li .codevz-field + .codevz-field:not(.hidden),
.codevz-modal-header, .codevz-modal-title,
.codevz-modal a, .codevz-modal a .codevz-icon,
.wp-full-overlay-sidebar,
[aria-describedby="cz_modal_kit"] .ui-dialog-titlebar,
#customize-sidebar-outer-content, .customize-inside-control-row,
#customize-controls #customize-notifications-area,
.customize-preview-header.themes-filter-bar,
.control-panel-themes .customize-themes-section-title,
.control-panel-themes #accordion-section-installed_themes,
.wp-customizer .sm-rwmb-meta-box .sm-rwmb-field,
.wp-customizer #sm-mb-nav-menu-metaboxes .submit,
.wp-customizer .select2-container--default .select2-selection--multiple,
.wp-customizer #sm-mb-nav-menu-metaboxes .sm-mb-metabox-holder .sm-mb-metabox-title,
.wp-customizer .sm-rwmb-accordion-title,
.wp-customizer .sm-mb-nav-menu-content .sm-rwmb-accordion-title .dashicons {
border-color: #434343 !important
}
.wp-customizer .control-section.open {
border-bottom: 0 !important
}
.wp-full-overlay-footer .devices button:before,
.customize-control-notifications-container .notification-message {
color: #9f9f9f !important
}
.customize-panel-back, .customize-section-back,
.wp-customizer .accordion-section-title {
border-left-width: 1px !important
}
.wp-customizer .wp-customizer .accordion-section-title:focus:after,
.wp-customizer .wp-customizer .accordion-section-title:hover:after,
.wp-customizer .control-section.open .accordion-section-title:after,
.wp-customizer .control-section:hover>.accordion-section-title:after {
color: #a0a5aa !important;
}
.wp-customizer .customize-controls-close,
.wp-full-overlay .collapse-sidebar-label,
.wp-customizer .customize-info .accordion-section-title,
.wp-customizer .customize-info .customize-panel-description,
.wp-customizer .customize-info .customize-section-description,
.wp-customizer .no-widget-areas-rendered-notice,
.wp-customizer .control-section-themes .accordion-section-title,
.wp-customizer .control-section-themes .accordion-section-title:hover,
.wp-customizer .accordion-section-title,
.wp-customizer .customize-panel-back,
.wp-customizer .customize-section-back,
.wp-customizer h3,
.wp-customizer .codevz-field .codevz-title h4,
.wp-customizer .codevz-cloneable-item h4,
.codevz-modal-title,
.codevz-modal a,
.codevz-modal a .codevz-icon,
[aria-describedby="cz_modal_kit"] h4,
.wp-customizer .codevz-fieldset label,
#sub-accordion-section-static_front_page,
[aria-describedby="cz_modal_kit"],
#customize-outer-theme-controls .accordion-section-content,
#customize-theme-controls .accordion-section-content,
.wp-customizer .notice,
.wp-customizer div.error,
.wp-customizer div.updated,
#available-widgets .widget-title:before,
.customize-control-title,
#customize-controls .description,
#accordion-section-add_menu,
.wp-customizer .sm-rwmb-accordion-title a,
.wp-customizer .sm-mb-nav-menu-content .sm-rwmb-accordion-title .dashicons {
color: #fff !important
}
.wp-customizer .customize-info {
margin-bottom: -1px !important
}
.wp-full-overlay-footer .devices {
box-shadow: none !important
}
.wp-full-overlay-footer .devices button.active {
border-color: #fff !important
}
#customize-controls .button:not(.collapse-sidebar):not(.wp-color-result):not(.codevz-warning-primary),
#customize-controls .button-secondary,
.codevz-field .button:not(.collapse-sidebar):not(.wp-color-result):not(.codevz-warning-primary),
.codevz-field .button-secondary,
.codevz-modal-font a#loadMore_font,
.edit_form_line .cz_sk_btn,
.elementor-control .cz_sk_btn,
.widget-content .cz_sk_btn {
color: #fff !important;
border-color: #2c2c2c !important;
background: #4e4e54 !important;
box-shadow: none !important;
text-shadow: none !important;
font-size: 13px !important;
height: 36px !important;
line-height: 36px !important;
padding: 0px 18px;
max-width: 300px
}
#customize-controls .button.cz_sk_btn{
padding: 0px 18px 0 36px !important
}
#customize-controls .widget-content .button.cz_sk_btn {
padding: 0px 18px !important
}
.codevz-metabox .cz_vdt,
.widget-content .cz_vdt {
display: inline-block;
margin: 10px;
overflow: hidden;
width: 60%;
white-space: nowrap;
text-overflow: ellipsis
}
.edit_form_line .cz_sk_btn,
.elementor-control .cz_sk_btn,
.widget-content .cz_sk_btn,
.edit_form_line .codevz-icon-add,
.edit_form_line .codevz-font-add,
.codevz-field-group .cz_sk_btn {
line-height: 36px !important;
height: 36px !important;
padding: 0 16px
}
.edit_form_line .cz_sk_btn,
.elementor-control .cz_sk_btn,
.widget-content .cz_sk_btn,
.validate .cz_sk_btn,
.codevz-field-group .cz_sk_btn {
line-height: 36px !important;
height: 40px !important;
font-size: 14px;
background: #2f2f36 !important;
padding-left: 40px;
padding-right: 40px;
display: inline-block !important;
width: 42px !important;
min-width: 10px !important;
padding-left: 0px
}
.edit_form_line .cz_sk_btn {
line-height: 35px !important;
height: 35px !important;
padding-right: 34px;
width: 34px !important
}
.elementor-control .cz_sk_btn {
height: 35px !important;
width: 35px !important;
padding: 0 !important;
border-radius: 3px
}
.edit_form_line .cz_sk_btn,
.elementor-control .cz_sk_btn,
#wpbody-content .widget-content .cz_sk_btn,
#wpbody-content .codevz-field-group .cz_sk_btn,
#wpbody-content .codevz-metabox .cz_sk_btn,
#wpbody-content .validate a.cz_sk_btn {
color: transparent !important;
font-size: 0 !important
}
.widget-content .cz_sk_btn,
.codevz-field-group .cz_sk_btn,
.validate .cz_sk_btn {
width: 36px !important
}
.cz_sk > span {
font-size: 12px;
display: inline-block;
vertical-align: middle;
margin: 10px 10px
}
#customize-controls .button-primary-disabled,
#customize-controls .button-primary.disabled,
#customize-controls .button-primary:disabled,
#customize-controls .button-primary[disabled] {
color: #595959 !important;
background: #2f2f36 !important;
border-color: #434343 !important;
box-shadow: none!important;
text-shadow: none !important
}
#customize-controls .accordion-section-title:focus,
#customize-controls .accordion-section-title:hover,
#customize-controls .control-section.open .accordion-section-title,
#customize-controls .control-section:hover>.accordion-section-title {
color: #c7c7eb !important;
background: #4a4a53 !important;
border-left-color: #2f2f36 !important
}
#cz_modal_kit input,
#cz_modal_kit select,
#cz_modal_kit textarea,
#customize-controls input,
#customize-controls select,
#customize-controls textarea,
.codevz-modal input {
border-radius: 3px;
border: 1px solid #434343 !important;
box-shadow: none !important;
text-shadow: none !important;
background-color: #3d3d45 !important;
color: #9999ac !important;
line-height: 1.7
}
#cz_modal_kit textarea,
.codevz-field-key-margin fieldset,
.codevz-field-key-padding fieldset,
.codevz-field-key-border-width fieldset {
direction: ltr;
box-sizing: border-box
}
#cz_modal_kit fieldset {
border: 0
}
.codevz-modal-icon .codevz-icon-search {
padding: 0 12px
}
.wp-customizer .control-section-themes .accordion-section-title:hover {
background: #2f2f36 !important
}
#customize-header-actions .button-primary.save {
background: #4e4e54 !important
}
.codevz-field-slider .ui-slider {
background: rgba(78, 78, 84, 0.5) !important;
border: 0 !important
}
.codevz-field-slider .ui-slider-range {
background: #9f9fc6
}
.codevz-field-slider .ui-slider-handle {
height: 6px !important;
width: 6px !important;
background: #9f9fc6 !important;
top: -4px !important;
transform: translateX(-5px);
margin: 0 !important
}
.codevz-field-switcher label input:checked ~ em {
background: #ffae00 !important;
color: #2f2f36 !important
}
.wp-customizer .codevz-field-group .codevz-cloneable-item > .codevz-cloneable-title,
.wp-customizer .codevz-field-group .codevz-cloneable-item > .codevz-cloneable-content {
border-color: #434343 !important;
background: #28282f !important
}
.wp-customizer .codevz-field-group .codevz-cloneable-item > .codevz-cloneable-content {
padding: 0 !important
}
.wp-customizer .codevz-field-group .codevz-cloneable-item > .codevz-cloneable-title {
padding: 10px 65px 10px 10px !important
}
.wp-customizer .codevz-field-group .codevz-cloneable-helper {
top: 7px !important
}
.codevz-field .wp-color-result,
.codevz-field .wp-color-result:hover,
.codevz-field .wp-color-result:focus {
background: initial;
border: 0 !important;
box-shadow: none !important;
border-radius: 100% !important
}
.wp-picker-container .wp-color-result.button,
.vc_edit_form_elements input.wp-color-picker[type=text] {
height: 29px
}
.codevz-field .wp-picker-container .wp-color-result.button {
height: 30px !important;
width: 30px !important;
margin: 0 !important;
padding: 0 !important;
font-size: 11px !important
}
.codevz-field .wp-color-result:after,
.codevz-field .iris-border,
.codevz-field .codevz-alpha-wrap,
.codevz-field .codevz-cloneable-text > i {
background: #34343e !important;
border-color: #434343 !important;
color: #a0a0b6 !important
}
.codevz-alpha-wrap,
[data-id="both-right"],
[data-id="both-right2"],
[data-id="both-left"],
[data-id="both-left2"] {
display: none !important
}
.codevz-field .wp-picker-active .codevz-alpha-wrap {
width: 100%;
display: block !important;
box-sizing: border-box !important;
padding: 2px 10px 10px
}
.codevz-field-color_picker .codevz-alpha-slider-offset {
width: 180px !important
}
.codevz-field-color_picker .codevz-alpha-slider {
width: 170px !important
}
.codevz-field .iris-strip .ui-slider-handle:before {
border: 0 !important
}
.wp-customizer .codevz-field-group .codevz-field,
.wp-customizer .codevz-field-tabbed .codevz-field,
.wp-customizer .codevz-field-repeater .codevz-field {
padding: 15px !important;
margin: 0 !important
}
.codevz-field-codevz_sizes .codevz-field {
width: 23% !important;
padding: 0 !important;
margin: 0 2% 0 0 !important
}
.codevz-field-group .codevz-field-codevz_sizes .codevz-field {
width: 24% !important
}
.codevz-field-codevz_sizes input,
.codevz-field-codevz_box_shadow input {
text-align: center;
padding-left: 5px !important;
margin-top: 16px !important;
border-radius: 0 0 3px 3px !important;
}
.codevz-field-codevz_sizes i,
.codevz-field-codevz_box_shadow i {
left: 0 !important;
top: -3px !important;
padding: 3px 0 !important;
font-size: 12px !important;
width: 100% !important;
text-align: center !important;
font-style: normal;
opacity: .7;
border-radius: 3px 3px 0 0 !important;
}
.codevz-field-codevz_sizes i{
margin-left:1px;
width: 100% !important
}
.codevz-field-group .codevz-field-codevz_sizes i{
width: 98% !important
}
.wp-customizer .codevz-field-group .codevz-cloneable-header-icon {
color: #b2b2b2 !important
}
.codevz-field-codevz_sizes i.fa-link,
.codevz-field-codevz_sizes i.fa-link {
position: absolute;
right: -4px !important;
top: 17px !important;
left: auto !important;
width: auto !important;
background: none !important;
font-size: 14px !important;
cursor: pointer;
opacity: .4;
color: #c6c6c6
}
.codevz-field-select select {
min-width: 50%;
width: 100%;
-webkit-appearance: none
}
[class*="elementor-editor-"]:not(.vc_editor,.elementor-editor-inactive,.wp-editor) .codevz-field-select select {
padding-left: 5px;
padding-right: 5px;
box-sizing: border-box !important
}
.codevz-metabox .codevz-field-codevz_sizes i.fa-link, {
right: 18px !important;
top: 1px !important;
color: #b4b4b4 !important
}
.codevz-field-group .codevz-field-codevz_sizes i.fa-link,
.codevz-field-group .codevz-field-codevz_box_shadow i.fa-link {
right: 20px !important;
left: auto !important;
top: 20px !important;
width: auto !important
}
.codevz-field-codevz_sizes i.cz_connect {
opacity: 1 !important
}
.codevz-field-background .codevz-field {
padding: 0 !important
}
.codevz-field .codevz-title h4 {
line-height: 30px;
font-weight: 500;
margin: 0 0 10px
}
.codevz-customize-field .codevz-field-color_picker .codevz-title {
width: auto !important;
max-width: 70% !important;
float: left !important
}
.codevz-customize-field .codevz-field-color_picker .codevz-fieldset {
float: right !important
}
#cz_modal_kit .codevz-field-color .codevz-fieldset,
#cz_modal_kit .codevz-field-background-color .codevz-fieldset,
#cz_modal_kit .codevz-field-border-right-color .codevz-fieldset,
#cz_modal_kit .codevz-field-border-color .codevz-fieldset {
float: none !important;
position: relative !important
}
#cz_modal_kit .codevz-field-color .wp-picker-open+.wp-picker-input-wrap,
#cz_modal_kit .codevz-field-background-color .wp-picker-open+.wp-picker-input-wrap,
#cz_modal_kit .codevz-field-border-right-color .wp-picker-open+.wp-picker-input-wrap,
#cz_modal_kit .codevz-field-border-color .wp-picker-open+.wp-picker-input-wrap {
position: static !important;
transform: none !important;
width: auto !important
}
#cz_modal_kit .codevz-field-color .wp-picker-holder,
#cz_modal_kit .codevz-field-background-color .wp-picker-holder,
#cz_modal_kit .codevz-field-border-right-color .wp-picker-holder,
#cz_modal_kit .codevz-field-border-color .wp-picker-holder {
transform: translateX(0) !important
}
#cz_modal_kit .codevz-field-color .wp-picker-container,
#cz_modal_kit .codevz-field-background-color .wp-picker-container,
#cz_modal_kit .codevz-field-border-right-color .wp-picker-container,
#cz_modal_kit .codevz-field-border-color .wp-picker-container {
left: 0 !important
}
.codevz-field-codevz_box_shadow .wp-picker-container {
position: absolute;
top: -11px;
right: 0
}
.codevz-field .wp-picker-holder {
position: absolute;
left: 0;
top: 30px !important;
z-index: 999999999999;
transform: translateX(-81%)
}
.codevz-field .wp-picker-open+.wp-picker-input-wrap {
position: absolute;
left: 0;
top: 2px;
z-index: 9;
width: 113px;
transform: translateX(-98%);
box-shadow: 1px 10px 32px rgba(17, 17, 17, 0.4)
}
.codevz-field .wp-picker-open+.wp-picker-input-wrap {
transform: translateX(32%) !important
}
#wpcontent .codevz-field .wp-picker-open+.wp-picker-input-wrap,
[class*="elementor-editor-"]:not(.vc_editor,.elementor-editor-inactive,.wp-editor) .codevz-field .wp-picker-open+.wp-picker-input-wrap {
width: 141px;
box-shadow: none
}
.customize-control-csf .wp-picker-open+.wp-picker-input-wrap {
transform: translateX(-110%) !important
}
.codevz-field-codevz_box_shadow .wp-picker-open+.wp-picker-input-wrap {
transform: translateX(-110%) !important
}
.codevz-field .wp-picker-holder {
transform: translateX(-28%);
left: 0;
box-shadow: 1px 10px 32px rgba(17, 17, 17, 0.4)
}
#wpcontent .codevz-field .wp-picker-holder {
transform: translateX(0);
box-shadow: none
}
.customize-control-csf .wp-picker-holder {
transform: translateX(-86%)
}
.codevz-modal-content {
height: 550px !important
}
.codevz-modal-icon a .codevz-icon {
font-size: 30px !important;
padding: 21px !important;
width: 29px
}
.codevz-icon i:before {
margin: 0 !important
}
.wp-customizer .codevz-field-group .codevz-field h4,
.wp-customizer .codevz-field-tabbed .codevz-field h4,
.wp-customizer .codevz-field-repeater .codevz-field h4 {
font-size: 14px !important
}
.wp-customizer .wp-color-result:after {display: none !important}
.wp-customizer .button.codevz-warning-primary {
background: #e14d43 !important
}
.wp-customizer .codevz-field-group .button.codevz-warning-primary {
box-shadow: none !important;
margin: 0 !important;
font-size: 12px !important
}
.codevz-text-right .button.codevz-warning-primary {
margin: 10px 0 0 0 !important
}
.codevz-modal-icon a span {
transition: all .1s ease
}
.codevz-modal-icon a:hover span,
.codevz-modal-icon a.cz_active_icon span {
background: #fff !important;
color: #111 !important
}
.wp-customizer .codevz-field-notice .codevz-notice {
padding: 14px 24px !important;
font-size: 16px !important;
line-height: 1.6 !important;
background-color: #484848;
color:#fff;
margin-right: -21px !important;
margin-left: -21px !important;
margin-top: -2px !important
}
.codevz-field-icon .button {
margin: 0 !important;
line-height: 34px;
height: 34px
}
.wp-customizer .codevz-field-icon .button {
padding: 0 10px;
line-height: 36px;
height: 36px
}
.customize-control-widget_form .widget-top,
.wp-customizer .widget-inside,
#available-widgets-filter,
#available-menu-items .item-tpl,
#available-widgets .widget-tpl,
#available-widgets-list,
.wp-customizer .menu-item-bar .menu-item-handle,
.wp-customizer .menu-item-settings {
color: #fff;
background: #232327 !important;
border-color: #45454d !important
}
.attachment-media-view,
.media-widget-preview.media_audio,
.media-widget-preview.media_image {
background: none !important
}
.wp-customizer .wp-full-overlay-sidebar-content::-webkit-scrollbar-track {
background-color: #45454d
}
.wp-customizer .wp-full-overlay-sidebar-content::-webkit-scrollbar {
width: 10px;
background-color: #F5F5F5;
border-radius: 20px
}
.wp-customizer .wp-full-overlay-sidebar-content::-webkit-scrollbar-thumb {
background-color: #656574;
border-radius: 20px
}
.wp-customizer .codevz-field.codevz-text-right {
margin: 0 !important;
border: 0 !important;
padding: 0 10px 10px 0 !important
}
.codevz-icon-loading,
.codevz-font-loading {
position: absolute;
left: 50%;
top: 50%;
width: 40px;
height: 40px;
border: 2px solid rgba(167, 167, 167, 0.3);
font-size: 0 !important;
border-right-color: #fff !important;
border-radius: 100%;
transform: translate(-50%, -50%);
animation: cz_anim .6s linear infinite
}
@keyframes cz_anim {
0% {
transform: translate(-50%, -50%) rotate(0deg)
}
100% {
transform: translate(-50%, -50%) rotate(359deg)
}
}
.codevz-modal-content .codevz-field {
padding: 15px 30px 15px 2px !important
}
.codevz-modal-inner {
width: 1006px !important;
max-width: 98% !important;
height: 660px !important;
top: 50% !important;
position: absolute !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
overflow: hidden !important;
border-radius: 4px
}
.codevz-field-codevz_box_shadow .codevz-field {
width: 20% !important;
display: inline-block;
padding: 0 !important;
margin: 0 2% 0 0 !important
}
#cz_modal_kit .codevz-field {
border: 0 !important
}
.codevz-field-codevz_box_shadow .codevz-field-color_picker {
transform: translateY(10px)
}
.codevz-field-codevz_box_shadow .codevz-field-color_picker {
transform: translateY(10px)
}
.codevz-field-codevz_box_shadow .codevz-field-color_picker {
position: absolute;
right: 0;
top: 10px;
z-index: 99
}
.codevz-field-color_picker input {
margin-top: 0 !important
}
.codevz-field-codevz_box_shadow .codevz-field-color_picker .wp-picker-holder {
transform: translateX(-79%)
}
.codevz-field-codevz_box_shadow .codevz-field-checkbox {
width: 100% !important;
}
.codevz-field-codevz_box_shadow .codevz-field-checkbox label {
vertical-align: bottom !important;
display: inline-block !important;
margin: 0 4px 0 0 !important
}
.codevz-field-codevz_box_shadow .codevz-field-checkbox input {
margin: 8px 0 0 !important;
}
.codevz-field-codevz_box_shadow .codevz-field-checkbox input[type=checkbox]:checked:before {
margin-left: -9px !important
}
#cz_modal_kit fieldset .codevz-field,
#cz_modal_kit .codevz-fieldset .codevz-field {
border-bottom: 0 !important
}
#accordion-panel-codevz_theme_options-general {
margin-top: -15px
}
.cz_style_badge {
position: absolute;
background: #34343e;
font-style: initial;
font-size: 11px;
padding: 4px 6px;
margin-top: -2px;
border-radius: 4px;
right: 14px;
line-height: 1.3;
}
.codevz-metabox .cz_style_badge {
background: #e8e8e8
}
.codevz-metabox .codevz-field-select select {
width: 320px
}
.codevz-field .wp-color-result-text {
display: none !important
}
/* Widgets */
.cz-w2 {
width: 50%;
display: inline-block;
box-sizing: border-box;
margin: 0 !important
}
.cz-w2 .codevz-field {
padding: 0 !important
}
.vc_editor #vc_inline-frame{
float:right
}
body.compose-mode.wp-admin{
background: #555 !important;
overflow: hidden !important
}
/* Inside Stylekit */
.cz_sk_row {
display: none;
position: relative;
padding: 25px 20px 0px;
border: 1px solid #4e4e54;
margin: 10px 10px 30px;
border-radius: 4px
}
.cz_sk_row > h4 {
position: absolute;
top: -29px;
background: #2f2f36;
padding: 2px 10px;
color: #737377 !important;
font-size: 13px
}
[class*="elementor-editor-"]:not(.vc_editor,.elementor-editor-inactive,.wp-editor) .cz_sk_row > h4 {
top: -10px
}
.cz_sk_row h4 i {
font-size: 12px;
line-height: 30px
}
.codevz-field-background .codevz-field {
display: block !important;
width: 100%
}
.cz_hr {
display: block;
width: 100%;
margin: 0 0 20px;
border-bottom: 1px solid #3d3d45 !important
}
.codevz-field-codevz_box_shadow .codevz-field-select {
margin: 12px 0 0 !important
}
.wp-customizer li .codevz-field.codevz-field-cz_sk,
.wp-customizer li .codevz-field.codevz-field-cz_sk_free,
.wp-customizer li .codevz-field.codevz-field-notice,
.wp-customizer .codevz-field-notice .codevz-notice{
border:0 !important
}
.wp-customizer li .codevz-field .codevz-field.codevz-field-cz_sk {
border-bottom: 1px solid #434343 !important
}
.button.button-primary.codevz-cloneable-add i {
background: #fff;
padding: 4px 4px 3px;
border-radius: 2px;
margin: 0 10px 0 -9px;
color: #4e4e54;
font-size: 11px;
}
#customize-theme-controls .accordion-section-content{margin-bottom:10px;}
#cz_modal_kit .codevz-field input.button.wp-picker-clear{
font-size: 11px !important;
height: 25px !important;
line-height: 20px !important;
padding: 0px 6px !important;
margin-left: 6px;
width: 40px
}
#cz_modal_kit .codevz-field.codevz-field-upload .button{
font-size: 11px !important;
height: 29px !important;
line-height: 26px !important;
padding: 0px 12px !important
}
#customize-theme-controls .codevz-field.codevz-field-upload a.button,
#cz_modal_kit .codevz-field.codevz-field-upload a.button{
font-size: 11px !important;
height: 29px !important;
line-height: 26px !important;
padding: 0px 12px !important
}
#customize-save-button-wrapper #save,#customize-save-button-wrapper #publish-settings{
height: 31px !important;
line-height: 26px !important;
padding: 0px 12px !important
}
#customize-save-button-wrapper #publish-settings{
padding: 0px 6px !important
}
.codevz-field-icon .codevz-icon-select .codevz-icon-preview i {
width: 1em;
height: 1em;
line-height: 1em;
font-size: 16px;
padding: 9px;
color: #fff;
margin: 0 0 0 5px;
border-color: #4e4e54;
background: #4e4e54
}
.wp-customizer .codevz-field-group .button.codevz-warning-primary{
height: 36px;
line-height: 36px;
width: 36px;
text-align: center
}
#wpcontent .wp-picker-clear {
height: 29px !important;
line-height: 22px !important
}
#wpcontent #menu-to-edit .wp-picker-clear {
height: 33px !important;
line-height: 18px !important;
}
#menu-to-edit .col {
width: 100% !important;
margin: 0 0 28px !important
}
#menu-to-edit .cz_advance_bg,
[name="box-shadow[mode]"] {
display: none !important
}
#menu-to-edit .cz_bg_advanced {
display: block !important
}
#menu-to-edit .codevz-field-background fieldset .codevz-field {
width: 100% !important
}
#menu-to-edit .codevz-field-content.hidden {
display: none !important
}
.wp-customizer li .codevz-field.codevz-field-cz_sk,
.wp-customizer li .codevz-field.codevz-field-cz_sk_free {
padding: 0 20px !important
}
.wp-customizer li .codevz-field .codevz-field.codevz-field-cz_sk {
padding: 15px !important
}
.codevz-metabox .cz_sk_btn,
#menu-to-edit .cz_sk_btn,
#customize-controls .widget-inside .widget-content .button.cz_sk_btn,
#customize-controls .codevz-field.codevz-field-group .button.cz_sk_btn {
color: transparent !important;
padding-left: 0 !important;
padding-right: 0px !important;
width: 36px !important
}
#customize-controls .codevz-field-group .button.cz_sk_btn {
float: right
}
.cz_show_all_sk .cz_sk_row,
.cz_show_all_sk .codevz-field,
.cz_show_all_sk .cz_hr,
.cz_sk_custom,
.cz_sk_custom .codevz-field {
display: block !important
}
.cz_show_all_sk .cz_sk_content_row,
.cz_show_all_sk .cz_sk_svg_row,
.cz_show_all_sk .cz_sk_indicator_row,
.cz_show_all_sk .cz_sk_shape_row,
.cz_show_all_sk .cz_sk_fx_row,
.cz_show_all_sk .codevz-field-key-border-right-color,
.cz_sk_custom {
display: none !important
}
.codevz-image-inner {
background: none !important;
border: 0 !important
}
.codevz-image-preview .codevz-image-inner {
border: 1px solid #434343 !important
}
.cz_skico {
left: 0;
width: 34px;
height: 34px;
position: absolute;
background: url(sk.png);
border-radius: 4px 0 0 4px;
background-position: 0 -33px
}
.cz_skico_vc {
top: 2px;
left: 3px
}
.edit_form_line .cz_sk_btn .cz_skico_vc {
top: 0;
left: 0
}
.elementor-control .cz_skico {
background-position: 0 0
}
.cz_css_page_body_bg, .cz_css_preloader,.cz_css_woo_products_overall,.czsk_offcanvas{background-position-y:-34px}
.cz_css_page_title,.cz_css_header_container,[class*=cz_css_container_header_],[class*=cz_css_container_footer_],[class*=cz_css_menu_container_header_],
[class*=cz_css_menu_container_footer_],[class*=cz_css_menu_container_fixed_]{background-position-y:-68px}
.cz_css_page_title_inner_row,[class*=cz_css_row_header_],[class*=cz_css_row_footer_],[class*=cz_css_menu_li_header_],[class*=cz_css_menu_li_footer_],[class*=cz_css_menu_li_fixed_]{background-position-y:-102px}
.cz_css_page_title_color,.cz_css_related_posts_sec_title{background-position-y:-136px}
.cz_css_page_title_breadcrumbs_color{background-position-y:-170px}
.cz_css_breadcrumbs_container, .cz_css_breadcrumbs_inner_container, .cz_css_breadcrumbs_inner_container{background-position-y:-204px}
.cz_css_ajax_loader,.czsk_search_ajax{background-position-y:-238px}
.cz_wp_login_body{background-position-y:-272px}
.cz_wp_login_links{background-position-y:-306px}
.cz_wp_login_form,.cz_css_cf7_beside_backtotop_container,.czsk_search_con{background-position-y:-340px}
.cz_wp_login_inputs{background-position-y:-374px}
.cz_wp_login_button{background-position-y:-408px}
.cz_css_body{background-position-y:-442px}
.cz_css_layout_1{background-position-y:-476px}
.cz_css_buttons,.czsk_btn,.cz_css_a,[class*=cz_css_menu_a_header_],[class*=cz_css_menu_a_footer_],[class*=cz_css_menu_a_fixed_]{background-position-y:-510px}
.cz_css_buttons_hover,.cz_css_a_hover,[class*=cz_css_menu_a_hover_header_],[class*=cz_css_menu_a_hover_footer_],[class*=cz_css_menu_a_hover_fixed_]{background-position-y:-544px}
.cz_css_sidebar_primary{background-position-y:-578px}
.cz_css_sidebar_secondary,.cz_css_fixed_side_style{background-position-y:-612px}
.cz_css_widgets{background-position-y:-646px}
.cz_css_widgets_headline{background-position-y:-680px}
.cz_css_widgets_links{background-position-y:-714px}
.cz_css_widgets_links_hover{background-position-y:-748px}
.cz_css_all_img_tags{background-position-y:-782px}
.cz_css_input_textarea{background-position-y:-816px}
.cz_css_input_textarea_focus{background-position-y:-850px}
.cz_css_select,.czsk_search_input{background-position-y:-884px}
.cz_css_select_dropdown{background-position-y:-918px}
.cz_css_lightbox_bg{background-position-y:-952px}
.cz_css_logo_css,.cz_css_logo_2_css{background-position-y:-986px}
.cz_css_logo_hover_tooltip,[class*=cz_css_menu_ul_header_],[class*=cz_css_menu_ul_footer_],[class*=cz_css_menu_ul_fixed_]{background-position-y:-1020px}
.cz_css_social{background-position-y:-1054px}
.cz_css_social_a{background-position-y:-1088px}
.cz_css_social_a_hover{background-position-y:-1122px}
.cz_css_hidden_top_bar,.czsk_hf_elm{background-position-y:-1156px}
.cz_css_hidden_top_bar_handles,.czsk_hf_elm_icon{background-position-y:-1190px}
.cz_css_body_typo{background-position-y:-1224px}
.cz_css_all_headlines{background-position-y:-1258px}
.cz_css_h1{background-position-y:-1292px}
.cz_css_h2{background-position-y:-1326px}
.cz_css_h3{background-position-y:-1360px}
.cz_css_h4{background-position-y:-1394px}
.cz_css_h5{background-position-y:-1428px}
.cz_css_h6{background-position-y:-1462px}
.cz_css_p{background-position-y:-1496px}
.cz_css_footer,.cz_css_overal_footer{background-position-y:-1530px}
.cz_css_footer_row,.cz_css_related_posts_con{background-position-y:-1564px}
.cz_css_footer_widget,.cz_css_related_posts{background-position-y:-1598px}
.cz_css_footer_widget_headlines,.cz_css_related_posts_title{background-position-y:-1632px}
.cz_css_footer_a{background-position-y:-1666px}
.cz_css_footer_a_hover,.cz_css_related_posts_hover{background-position-y:-1700px}
.cz_css_backtotop{background-position-y:-1734px}
.cz_css_backtotop_hover{background-position-y:-1768px}
.cz_css_cf7_beside_backtotop{background-position-y:-1802px}
.cz_css_cf7_beside_backtotop_hover{background-position-y:-1836px}
.cz_css_overall_post{background-position-y:-1870px}
.cz_css_overall_post_hover{background-position-y:-1904px}
.cz_css_post_image,.cz_css_single_fi,.cz_css_woo_products_thumbnails,.cz_css_woo_product_thumbnail{background-position-y:-1938px}
.cz_css_post_image_hover{background-position-y:-1972px}
.cz_css_post_title{background-position-y:-2006px}
.cz_css_post_title_hover{background-position-y:-2040px}
.cz_css_post_meta_overall,.cz_css_related_posts_meta{background-position-y:-2074px}
.cz_css_post_avatar,.cz_css_single_post_avatar,.czsk_avatar{background-position-y:-2108px}
.cz_css_post_author,.cz_css_single_post_author{background-position-y:-2142px}
.cz_css_post_date,.cz_css_single_post_date{background-position-y:-2176px}
.cz_css_post_excerpt,.cz_css_single_title,.cz_css_woo_products_title,.cz_css_woo_product_title,.czsk_search_title{background-position-y:-2210px}
.cz_css_readmore,.cz_css_woo_product_meta_link,[class*=cz_css_menus_separator_header_],[class*=cz_css_menus_separator_footer_],[class*=cz_css_menus_separator_fixed_]{background-position-y:-2244px}
.cz_css_readmore_hover,.cz_css_woo_product_meta_link_hover{background-position-y:-2278px}
.cz_css_readmore_i{background-position-y:-2312px}
.cz_css_readmore_hover_i{background-position-y:-2346px}
.cz_css_pagination_li,.cz_css_woo_products_result_count{background-position-y:-2380px}
.cz_css_pagination_hover{background-position-y:-2414px}
.cz_css_tags_categories{background-position-y:-2448px}
.cz_css_tags_categories_hover{background-position-y:-2482px}
.cz_css_next_prev_con{background-position-y:-2516px}
.cz_css_next_prev_icons{background-position-y:-2550px}
.cz_css_next_prev_icons_hover{background-position-y:-2584px}
.cz_css_next_prev_titles{background-position-y:-2618px}
.cz_css_next_prev_titles_hover,[class*=cz_css_menu_a_hover_before_header_],[class*=cz_css_menu_a_hover_before_footer_],[class*=cz_css_menu_a_hover_before_fixed_]{background-position-y:-2652px}
.cz_css_next_prev_surtitle{background-position-y:-2686px}
.cz_css_related_posts_meta_links,.cz_css_woo_product_meta{background-position-y:-2720px}
.cz_css_woo_products_overall_hover{background-position-y:-2754px}
.cz_css_woo_products_stars,.cz_css_woo_product_stars{background-position-y:-2788px}
.cz_css_woo_products_onsale{background-position-y:-2822px}
.cz_css_woo_products_price,.cz_css_woo_product_price{background-position-y:-2856px}
.cz_css_woo_products_add_to_cart,.czsk_shop_icon{background-position-y:-2890px}
.cz_css_woo_products_add_to_cart_hover,.czsk_shop_content{background-position-y:-2924px}
.cz_css_woo_products_added_to_cart{background-position-y:-2958px}
.cz_css_woo_products_added_to_cart_hover{background-position-y:-2992px}
.cz_css_woo_product_oos{background-position-y:-3026px}
.czsk_menu_icon{background-position-y:-3060px}
.czsk_it,.czsk_offcanvas_icon{background-position-y:-3094px}
.czsk_it_icon{background-position-y:-3128px}
.czsk_search_icon,.czsk_search_icon_in{background-position-y:-3162px}
.czsk_shop_count{background-position-y:-3196px}
.czsk_line{background-position-y:-3230px}
.cz_css_header_1_left,
.cz_css_header_2_left,
.cz_css_header_3_left,
.cz_css_header_4_left,
.cz_css_header_5_left,
.cz_css_footer_1_left,
.cz_css_footer_2_left{background-position-y:-3264px}
.cz_css_header_1_center,
.cz_css_header_2_center,
.cz_css_header_3_center,
.cz_css_header_4_center,
.cz_css_header_5_center,
.cz_css_footer_1_center,
.cz_css_footer_2_center{background-position-y:-3298px}
.cz_css_header_1_right,
.cz_css_header_2_right,
.cz_css_header_3_right,
.cz_css_header_4_right,
.cz_css_header_5_right,
.cz_css_footer_1_right,
.cz_css_footer_2_right{background-position-y:-3332px}
.cz_css_fixed_side_1_top{background-position-y:-3366px}
.cz_css_fixed_side_1_middle{background-position-y:-3400px}
.cz_css_fixed_side_1_bottom{background-position-y:-3434px}
[class*=cz_css_menu_ul_ul_header_],[class*=cz_css_menu_ul_ul_footer_],[class*=cz_css_menu_ul_ul_fixed_]{background-position-y:-3468px}
[class*=cz_css_menu_ul_a_header_],[class*=cz_css_menu_ul_a_footer_],[class*=cz_css_menu_ul_a_fixed_]{background-position-y:-3502px}
[class*=cz_css_menu_ul_a_hover_header_],[class*=cz_css_menu_ul_a_hover_footer_],[class*=cz_css_menu_ul_a_hover_fixed_]{background-position-y:-3536px}
#customize-controls .codevz-field input.button.button-small.wp-picker-clear {
font-size: 10px !important;
padding: 0 7px !important;
line-height: 24px !important;
height: 26px !important;
}
#cz_modal_kit div.col.s12 a.button.cz_advance_bg {
font-size: 10px !important;
padding: 0px 10px !important;
height: 20px !important;
line-height: 20px !important;
margin: 0 auto -40px !important;
background: #2f2f36 !important;
border: none !important;
display: table;
color: #717175 !important;
transition: all .2s ease-in-out
}
#cz_modal_kit div.col.s12 a.button.cz_advance_bg:hover {
color: #fff !important
}
#cz_modal_kit div.col.s12 a.button.cz_advance_bg i {
margin: 0 0 0 5px;
color: #111;
width: 1em;
height: 1em;
line-height: 1em;
background: #717175;
text-align: center;
border-radius: 100px;
padding: 1px;
transition: all .2s ease-in-out
}
#cz_modal_kit div.col.s12 a.button.cz_advance_bg:hover i {
background: #fff !important
}
.cz_advanced_mode {
width: auto !important;
opacity: .5;
}
.cz_advanced_mode i {
padding: 0 0 0 10px !important;
width: auto !important;
height: auto !important
}
.cz_advanced_mode b {
font-size: 12px;
font-weight: normal;
position: relative;
top: -1px
}
.cz_advanced_mode_active {
opacity: 1
}
.codevz-field-image_select label img {
opacity: .6
}
/* Customize section icons */
.customize-pane-parent > .control-section {
position: relative
}
.customize-pane-parent > .control-section > h3 {
padding: 10px 50px
}
.customize-pane-parent > .control-section:before {
font-family: dashicons;
content: "\f139";
padding: 3px;
color: #fff;
z-index: 2;
font-size: 20px;
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
}
#accordion-section-codevz_theme_options-demos:before {content: "\f316"}
#accordion-panel-codevz_theme_options-general:before {content: "\f111"}
#accordion-section-codevz_theme_options-typography:before {content: "\f217"}
#accordion-panel-codevz_theme_options-header:before {content: "\f181"}
#accordion-panel-codevz_theme_options-footer:before {content: "\f325"}
#accordion-panel-codevz_theme_options-posts:before {content: "\f464"}
#accordion-panel-codevz_theme_options-post_type_portfolio:before {content: "\f161"}
#accordion-panel-codevz_theme_options-post_type_product:before {content: "\f174"}
#accordion-panel-codevz_theme_options-post_type_edd:before {content: "\f174"}
#accordion-section-codevz_theme_options-backup_section:before {content: "\f463"}
#accordion-section-title_tagline:before {content: "\f319"}
#accordion-panel-nav_menus:before {content: "\f333"}
#accordion-panel-widgets:before {content: "\f164"}
#accordion-section-static_front_page:before {content: "\f102"}
#accordion-section-custom_css:before {content: "\f540"}
div.cz_sk_row.clr.cz_custom_rtl {
display: none !important
}
.cz_sidebar_cn {
padding: 8px;
display: flex
}
.cz_sidebar_cn input {
flex: 1 1 auto;
padding: 0 12px !important;
height: 34px !important;
line-height: 34px !important
}
.cz-remove-sidebar {
color: red;
position: absolute;
right: 40px;
top: 14px;
color: red !important;
text-decoration: none
}
.cz-remove-sidebar .dashicons {
font-size: 22px;
}
.cz-custom-sidebar {
padding: 6px 12px 20px
}
.cz-custom-sidebar [name="cz_add_sidebar"] {
margin: 0 10px !important
}
.cz-custom-sidebar .sidebar-name {
margin-bottom: 10px
}
.codevz-field-color_picker .codevz-alpha-slider {
background: none;
border: none;
}
.codevz-nav svg {
margin: 0 10px 0 0
}
.color-group .wp-picker-input-wrap label,
.color-group .wp-picker-open+.wp-picker-input-wrap {
position: relative
}
.color-group .button-group.button-small .button,
.color-group .button.button-small {
position: absolute !important;
right: -24px !important
}
.vc_edit_form_elements input.wp-color-picker[type=text] {
width: 80px!important
}
.vc_css-editor .color-group label {
margin-top: 0 !important;
margin-bottom: 0 !important
}
.vc_css-editor .vc_settings .color-group .wp-picker-container .wp-picker-holder {
left: 0px !important
}
.vc_color-picker .wp-picker-holder .vc_alpha-container {
width: 94% !important;
bottom: -51px
}
.codevz-field-textarea textarea {
min-height: 60px !important
}
.cz_vc_disable_flipbox a {
color: #fff;
text-decoration: none;
padding: 20px;
display: block
}
.cz_vc_disable_flipbox {
animation: codevzEditPopup 1.2s linear forwards
}
.cz_vc_disable_flipbox_disabled a {
color: #eeff6b
}
@keyframes codevzEditPopup {
0% {background: #ff7777}
100% {background: transparent}
}
.widget-content .codevz-field:not(.codevz-field-group) .codevz-title {
float: left;
width: 40%;
margin: 5px 0;
}
.widget-content .codevz-field:not(.codevz-field-group) .codevz-fieldset {
margin: 5px 0 5px 40%
}
.wp-customizer .codevz-field-cz_sk .codevz-title,
.wp-customizer .codevz-field-cz_sk_free .codevz-title {
display: none
}
.wp-customizer .widget-content .codevz-field-cz_sk .codevz-title,
.wp-customizer .codevz-field-group .codevz-field-cz_sk .codevz-title,
.wp-customizer .widget-content .codevz-field-cz_sk_free .codevz-title,
.wp-customizer .codevz-field-group .codevz-field-cz_sk_free .codevz-title {
display: block
}
/* Remove this after v3 */
.codevz-field-key-element option[value="hf_elm"] {
display: none
}
/* Video tutorial */
.cz_video_tutorial {
position: absolute;
background: #cce3ee;
color: #00151f;
white-space: nowrap;
right: 34px;
padding: 6px 13px;
font-size: 11px;
border-radius: 4px;
text-decoration: none;
top: -5px
}
.cz_video_tutorial:hover {
background: #fff
}
.cz_video_tutorial i {
color: #bb0000;
font-size: 10px;
margin-right: 5px
}
.codevz-field-switcher .codevz-text-desc {
margin-left: 0
}
.codevz-customize-field .codevz-field-slider > .codevz-fieldset,
.widget-content .codevz-field-slider,
.edit_form_line .codevz-field-slider {
width: 96%
}
.widget-content .codevz-field-slider > .codevz-fieldset > div,
.edit_form_line .codevz-field-slider > div,
.vc_border-radius > .codevz-field-slider {
display: flex;
align-items: center
}
.widget-content .codevz-field-slider > .codevz-fieldset input,
.edit_form_line .codevz-field-slider input {
width: 50%;
text-align: center;
margin-right: 10px
}
.codevz-customize-field .codevz-field-slider > .codevz-fieldset > div .codevz-slider {
margin-top: 6px
}
.widget-content .codevz-slider {
position: static
}
.widget-content .codevz-field-slider .ui-slider {
background: rgba(78, 78, 84, 0.2) !important
}
.widget-content .codevz-field-slider .ui-slider-handle,
.widget-content .codevz-field-slider .ui-slider-range {
background: #4e4e54 !important
}
.codevz_image_select {
position: relative
}
.codevz_image_select > div {
width: 302px;
border: 1px solid #e2e2e2;
border-radius: 4px;
padding: 8px;
display: flex;
align-items: center;
position: relative;
cursor: pointer;
}
.codevz-customize-field .codevz_image_select > div {
border: 1px solid #45454e;
box-sizing: border-box;
width: 99%
}
.codevz_image_select > div img,
.codevz_image_select ul li img {
width: 80px;
max-width: 100%
}
.codevz-metabox .codevz_image_select ul li img {
width: 74px
}
.codevz_image_select > div img {
width: 48px !important
}
.codevz_image_select > div > span {
margin: 0 18px
}
.codevz_image_select > div b {
display: block;
font-size: 12px;
opacity: .5
}
.codevz_image_select > div span span {
font-size: 14px;
font-weight: bold;
padding: 4px 0 0;
display: block
}
.codevz_image_select > div i {
position: absolute;
right: 20px;
font-size: 16px;
opacity: .5
}
.codevz_image_select ul {
display: none;
position: absolute;
margin-top: 5px;
background: #ffffff;
z-index: 99999;
padding: 5px;
width: 308px;
border-radius: 4px;
box-shadow: 0px 4px 12px rgba(17, 17, 17, 0.14);
border: 1px solid #e2e2e2;
}
.codevz-customize-field .codevz_image_select ul {
background: #3d3d44;
box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.2);
border: 1px solid #353535;
box-sizing: border-box;
width: 99%
}
.codevz_image_select ul li {
position: relative;
border: 1px solid transparent;
display: inline-block;
padding: 8px 8px 4px;
margin-bottom: 0px;
cursor: pointer;
opacity: .6;
transition: all .1s ease-in-out;
box-sizing: border-box;
text-align: center;
width: calc(100% / 3 - 2%);
margin: 1%
}
.codevz_image_select ul li:hover,
.codevz_image_select .codevz_on {
background: #ffffff;
opacity: 1;
border-radius: 4px;
border-color: #ffae00
}
.codevz-customize-field .codevz_image_select ul li:hover,
.codevz-customize-field .codevz_image_select .codevz_on {
background: #3d3d44
}
[aria-describedby="cz_modal_kit"] [data-title]:not(.codevz-help) {
position: relative
}
.codevz_image_select ul li:before,
[aria-describedby="cz_modal_kit"] [data-title]:not(.codevz-help):after {
position: absolute;
content: attr(data-title);
top: -27px;
left: 50%;
font-family: Tahoma;
font-style: normal;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 1;
z-index: 99;
color: #fff;
background: #2f2f36;
padding: 8px 12px;
border-radius: 4px;
opacity: 0;
white-space: nowrap;
display: block;
visibility: hidden;
transition: all .2s ease-in-out;
transform: translateX(-50%);
font-weight: 500;
box-shadow: 0 3px 6px rgba(0,0,0,.25)
}
.codevz_image_select ul li:before {
top: -32px
}
.wp-customizer .codevz_image_select ul li:before {
color: #2f2f36;
background: #ffae00
}
.codevz_image_select ul li:hover:before,
[aria-describedby="cz_modal_kit"] [data-title]:not(.codevz-help):hover:after {
opacity: 1;
visibility: visible
}
[aria-describedby="cz_modal_kit"] .ui-dialog-title[data-title]:after {
margin-top: -10px
}
.codevz_image_select ul li:hover:after,
.codevz_image_select .codevz_on:after {
position: absolute;
font-family: "Font Awesome 5 Free";
content: "\f00c";
font-weight: 900;
bottom: 0;
right: 0;
width: 1.2em;
height: 1.2em;
line-height: 1.2em;
padding: 2px 1px 1px 2px;
z-index: 1;
color: #2f2f36;
background: #ffae00;
text-align: center;
border-radius: 4px 0 0 0
}
.codevz_image_select ul .xtra-li-red:hover {
border-color: #ff0404
}
.codevz_image_select ul .xtra-li-red:hover:after {
content: "\f023";
color: #fff;
background: #ff0404
}
.wp-customizer .codevz_image_select ul .xtra-li-red:before {
color: #fff;
background: #ff0404
}
.customize-control-csf .codevz-field-codevz_sizes .codevz-slider {
bottom: -5px
}
.codevz-field-switcher label em {
background-color: rgba(107, 107, 107, 0.4) !important
}
.cz_sk.clr {
display: flex;
align-items: center
}
.sk_btn_preview_image {
display: none;
width: 36px !important;
height: 36px !important;
margin: 0 10px !important;
padding: 0 !important;
background-size: cover !important;
border-radius: 4px !important;
cursor: pointer
}
.elementor-control .sk_btn_preview_image {
float: left
}
.rtl .elementor-control .sk_btn_preview_image {
float: right
}
#customize-controls .sk_btn_preview_image {
position: absolute;
left: 26px;
width: 26px !important;
height: 26px !important;
top: 6px;
margin: 0 !important
}
#customize-controls .control-section .codevz-field-group .codevz-field-cz_sk .codevz-fieldset .sk_btn_preview_image {
left: auto;
right: 60px;
top: 23px;
}
.codevz-field-codevz_box_shadow i {
font-size: 11px !important;
padding: 2px 0 4px !important;
top: -5px !important;
left: 1px !important
}
.cz_sk_shadow_row > .col:nth-child(2) {
position: relative;
z-index: 999
}
.codevz-field-key-border-color {
z-index: 9999
}
.xtra-image-select-3 .codevz-field-image_select label {
width: 30%
}
.xtra-image-select-3 .codevz-field-image_select img {
width: 100% !important
}
a.toplevel_page_xtra-dashboard img {
max-width: 20px
}
.codevz-icon-select {
position: relative
}
.codevz-icon-select .codevz-icon-remove,
.wp-customizer .codevz-field-group .codevz-icon-select .button.codevz-warning-primary.codevz-icon-remove {
position: absolute !important;
border-radius: 100px !important;
overflow: hidden !important;
transform: scale(.5) !important;
font-size: 18px !important;
top: -17px !important;
right: -18px !important;
width: 2em !important;
height: 2em !important;
line-height: 2em !important;
text-align: center !important;
padding: 0 !important;
margin: 0 !important
}
.widget-content .codevz-field .codevz-fieldset a.button.button-primary.codevz-icon-add {
padding: 0 10px !important
}
.s5 .codevz-field .codevz-title,
.s6 .codevz-field .codevz-title {
width: 45%
}
.s5 .codevz-field .codevz-fieldset,
.s6 .codevz-field .codevz-fieldset {
margin-left: 45%
}
#cz_modal_kit .codevz-text-desc {
color: #707074;
font-size: 12px;
display: block
}
[class*="elementor-editor-"]:not(.vc_editor,.elementor-editor-inactive,.wp-editor) #cz_modal_kit .codevz-text-desc {
margin-top: -10px !important
}
.codevz-field-key-text-shadow .xtra-pro {
float: right
}
#cz_modal_kit .codevz-font-select a.button {
font-size: 12px !important
}
.cz_bg_advanced .codevz-field-content {
margin: 0 !important
}
.vc_properties-list .codevz-field-slider input {
padding: 7px 8px
}
[data-vc-shortcode="cz_particles"] .vc_color-picker .wp-picker-holder .vc_alpha-container,
.codevz-metabox-restore,
.post-type-xtra_header_footer #codevz_page_meta,
.elementor-control-sk_icon_con,
[data-vc-shortcode-param-name="sk_icon_con"] {
display: none
}
.control-section-csf .codevz-field-checkbox li {
width: 50%;
float: left
}
.control-section-csf .codevz-field-checkbox.codevz-field-key-disable-features li,
.control-section-csf #customize-control-codevz_theme_options-disable li {
width: 100%;
float: none
}
.codevz-title .codevz-help {
position: static;
opacity: .5;
font-size: 13px;
margin: 0 2px
}
.codevz-title .codevz-help:hover {
opacity: 1
}
.control-section-csf > li[id*="-_css_"] {
width: 50%;
float: left;
clear: none
}
#customize-control-codevz_theme_options-_css_header_container {
width: 100% !important
}
#customize-control-codevz_theme_options-_css_widgets_headline_before .button,
#customize-control-codevz_theme_options-_css_widgets_headline_after .button,
[id*="customize-control-codevz_theme_options-_css_menu_ul_indicator_a_"] .button,
#customize-control-codevz_theme_options-_css_page_title_breadcrumbs_color .button,
#customize-control-codevz_theme_options-_css_cf7_beside_backtotop .button,
#customize-control-codevz_theme_options-_css_related_posts_sec_title_before .button,
#customize-control-codevz_theme_options-_css_related_posts_sec_title_after .button,
#customize-control-codevz_theme_options-_css_woo_products_result_count .button,
#customize-control-codevz_theme_options-_css_woo_product_tab_content .button {
letter-spacing: -.6px
}
.codevz-field-group .codevz-cloneable-wrapper {
min-height: 10px
}
.control-section .codevz-field-select .codevz-title,
.control-section .codevz-field-slider .codevz-title,
.control-section .codevz-field-text .codevz-title,
.control-section .codevz-field-group .codevz-field-cz_sk .codevz-title {
float: left !important;
width: 50% !important
}
.control-section .codevz-field-switcher .codevz-title {
float: left !important;
width: 65% !important
}
.control-section .codevz-field-switcher .codevz-fieldset {
float: right;
margin: 3px 0 !important
}
.control-section .codevz-field-select .codevz-fieldset,
.control-section .codevz-field-slider .codevz-fieldset,
.control-section .codevz-field-text .codevz-fieldset,
.control-section .codevz-field-group .codevz-field-cz_sk .codevz-fieldset {
float: right;
width: 50% !important;
margin: 2px 0 !important
}
.control-section .codevz-field-icon .codevz-title {
float: left !important;
width: 46% !important
}
.control-section .codevz-field-icon .codevz-fieldset {
float: left !important;
width: 54% !important
}
.codevz-field-icon .codevz-icon-select {
float: left;
display: flex;
flex-direction: row-reverse
}
.control-section .codevz-field-icon .codevz-icon-select {
float: none
}
.control-section-csf .customize-control:not(#customize-control-codevz_theme_options-custom_stylekits):last-child .codevz-field {
border: 0 !important;
padding-bottom: 0 !important
}
.wp-customizer .codevz-field-notice .codevz-notice.xtra-notice {
margin-top: 24px !important
}
[class*="elementor-editor-"]:not(.vc_editor,.elementor-editor-inactive,.wp-editor) #cz_modal_kit .codevz-font-select a.button,
[class*="elementor-editor-"]:not(.vc_editor,.elementor-editor-inactive,.wp-editor) #cz_modal_kit .codevz-field.codevz-field-upload .button {
padding: 10px !important;
border-radius: 2px
}
.wp-menu-image img {
max-width: 100%
}
.codevz-field-checkbox ul,
.codevz-field-radio ul {
overflow: initial !important
}
.xtra-awaiting {
color: #fff;
padding: 4px;
width: 1em;
height: 1em;
font-size: 10px;
line-height: 1em;
text-align: center;
border-radius: 10px;
display: inline-block;
margin: 0 10px !important;
background-color: #d63638;
}
.xtra-pro {
position: absolute;
font-size: 10px;
right: -20px;
color: #282828 !important;
line-height: 1em;
padding: 4px 6px;
border-radius: 4px;
border: none;
font-weight: normal;
background: #ffbb00;
display: inline-block;
text-decoration: none;
transition: all .2s ease-in-out
}
.xtra-pro:hover {
transform: scale(1.1)
}
.customize-control-csf .xtra-pro:hover,
#cz_modal_kit .xtra-pro:hover {
background: #fff
}
.xtra-awaiting span,
.xtra-pro span {
margin: 0 !important
}
#adminmenu .xtra-pro {
position: static;
margin: 0 4px;
padding: 3px 6px
}
.codevz-field-content .xtra-pro {
right: 20px;
top: 17px
}
#cz_modal_kit h4 .xtra-pro {
right: -32px
}
.elementor-editor-active #cz_modal_kit h4 .xtra-pro {
top: 0
}
.menu-item .xtra-pro,
.codevz-metabox .xtra-pro {
position: static;
margin-top: 8px
}
.codevz-plus-gopro {
font-weight: bold;
color: #282828 !important;
background: #ffbb00;
padding: 3px 6px;
font-size: 11px;
border-radius: 3px
}
.vc_ui-panel-window-inner .xtra-inactive-notice {
position: absolute;
bottom: 30px;
right: 30px;
z-index: 9
}
.xtra-readonly [name] {
opacity: .4;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.xtra-readonly .codevz-field:not(.codevz-field-key-font-family) h4 {
opacity: .2
}
.xtra-readonly .codevz-text-desc,
.xtra-readonly .button {
opacity: .4
}
.xtra-readonly .codevz-slider,
.xtra-readonly .codevz-field-color_picker {
display: none !important
}
#cz_modal_kit .s4 .codevz-title {
width: 100%
}
#cz_modal_kit .s4 .codevz-fieldset {
margin: 0
}
#cz_modal_kit .codevz-field-key-font-family h4 .xtra-pro {
top: 6px;
right: -12px
}
#cz_modal_kit .codevz-field.codevz-field-key-font-family .codevz-fieldset {
margin-left: 32%
}
.codevz-field-key-text-shadow .xtra-pro {
position: static;
font-style: normal
}
.codevz-field-cz_sk_free .button.cz_sk_btn {
opacity: .5
}
li[id*="customize-control-codevz_theme_options-xtra_control_"] .codevz-field {
padding: 0 !important;
margin: 20px 0 30px !important
}
li[id*="customize-control-codevz_theme_options-xtra_control_"] .xtra-pro {
top: -10px;
right: 50%;
transform: translateX(50%)
}
.xtra-inactive-notice {
color: #333;
display: flex;
background: #fff;
line-height: 1.5;
border-width: 0;
font-size: 15px;
padding: 20px 25px;
border-radius: 5px;
border-style: solid;
margin-bottom: 30px;
border-color: #ffbb00;
border-left-width: 5px;
box-shadow: 0 10px 40px rgba(17, 17, 17, 0.1)
}
.xtra-elementor-raw-pro {
text-align: center;
padding: 15px 0
}
.xtra-elementor-raw-pro > i {
font-size: 50px;
margin: 0 0 30px
}
.xtra-elementor-raw-pro > div {
margin: 0 0 10px;
font-size: 16px;
font-weight: bold
}
.xtra-elementor-raw-pro > p {
margin: 0 0 25px;
opacity: .8
}
.xtra-elementor-raw-pro a {
color: #282828 !important;
background: #ffbb00 !important
}
.xtra-elementor-raw-pro > i img {
width: 52px;
margin: 0 0 20px;
filter: grayscale()
}
.codevz-field label[disabled] {
opacity: .4
}
.elementor-control-type-stylekit_pro .cz_skico,
.codevz-field-cz_sk_free .cz_skico {
background-position: 0 3638px
}
.elementor-control-type-stylekit_pro .cz_sk_btn {
opacity: .4
}
.xtra-image-select-pro {
opacity: .5;
filter: grayscale(1);
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.elementor-panel .elementor-element .icon {
font-size: 32px !important
}
.elementor-editor-active .codevz-field-codevz_sizes i {
width: calc(100% + 2px) !important;
margin-left: 0 !important
}
.elementor-editor-active .codevz-field-codevz_box_shadow i {
padding: 2px .5px 4px !important;
top: -2px !important;
left: 0px !important
}
.elementor-editor-active .codevz-field-codevz_sizes .fa.fa-link,
.elementor-editor-active .codevz-field-codevz_box_shadow .fa.fa-link {
text-align: right !important
}
.wp-customizer .xtra-search-icon {
display: block;
position: absolute;
top: 0;
left: 48px;
width: 45px;
height: 41px;
border: none;
color: #fff !important;
cursor: pointer;
background: #2f2f36;
text-align: center;
padding: 0 2px 0 0;
text-decoration: none;
box-sizing: content-box;
border-top: 4px solid #434343;
border-right: 1px solid #434343;
transition: color .15s ease-in-out,border-color .15s ease-in-out,background .15s ease-in-out;
}
.wp-customizer .xtra-search-icon > i {
padding: 14px
}
.wp-customizer .xtra-search-active .xtra-search-icon,
.wp-customizer .xtra-search-icon:hover {
box-shadow: none;
outline: 1px solid transparent
}
.wp-customizer .xtra-search {
position: absolute;
display: none;
z-index: 99;
left: 0;
top: 45px;
width: 100%;
padding: 20px;
background: #2f2f36;
border: 1px solid #434343;
box-sizing: border-box;
}
.wp-customizer .xtra-search input {
width: 100%;
padding-left: 30px
}
.wp-customizer .xtra-search i {
position: absolute;
top: 50%;
left: 30px;
color: #a4aeb8;
transform: translateY(-50%);
}
.wp-customizer .xtra-search-active .wp-full-overlay-sidebar-content {
top: 117px
}
.wp-customizer .xtra-search-results {
display: none;
margin-bottom: 20px !important
}
.wp-customizer .xtra-search-active .xtra-search,
.wp-customizer .xtra-search-active .xtra-search-results {
display: block
}
.wp-customizer .xtra-search-active .customize-pane-parent:not(.xtra-search-results) {
display: none
}
.wp-customizer .xtra-search-results li:first-child {
color: #fff;
padding: 10px 0;
margin: 0 15px 15px
}
.wp-customizer .xtra-search-results li span {
display: block;
font-size: 12px;
font-weight: 400;
opacity: .9
}
.wp-customizer .codevz-section-disabled {
pointer-events: none
}
.wp-customizer .codevz-section-disabled h3 {
opacity: .7
}
.wp-customizer .accordion-section-title i {
color: #fff;
font-size: 11px;
font-weight: normal;
background: rgba(255, 255, 255, 0.07);
position: absolute;
line-height: 1em;
padding: 4px 10px;
border-radius: 100px;
right: 30px;
top: 12px;
}