File Editor

Directories:

Files:

Create New File

Edit File: theme-customizer-controls-styles.css

h1, h2, h3, h4, h5, h6 { text-decoration: none !important; font-style: normal !important; text-transform: none !important; letter-spacing: 0px !important; font-family: "Open Sans",sans-serif !important;}
.customize-control-image .actions { margin-bottom: 0; }
.customize-control { margin-bottom: 0; }

.customize-control.customize-control-checkbox .customize-inside-control-row { margin-left: 0; padding-top: 0; padding-bottom: 0; }
.customize-control-nav_menu_auto_add input { display: block; float: left; margin-top: 7.5px !important; margin-bottom: 7.5px !important; }
.customize-control-nav_menu_auto_add input label { margin-left: 0; }

.preview-tablet #customize-preview.wp-full-overlay-main, .preview-mobile #customize-preview.wp-full-overlay-main { background-color: rgba(0, 0, 0, 0); max-width: 100%; max-height: 100%; text-align: center; }
#customize-preview iframe { position: relative; }

#customize-preview.wp-full-overlay-main.iframe-ready.et_divi_phone, #customize-preview.wp-full-overlay-main.iframe-ready.et_divi_tablet { -webkit-box-shadow: inset 0px 0px 300px -86px rgba(0,0,0,1);
-moz-box-shadow: inset 0px 0px 300px -86px rgba(0,0,0,1);
box-shadow: inset 0px 0px 300px -86px rgba(0,0,0,1); text-align: center; background-color: #3F3F3F; }
#customize-preview.et_divi_phone iframe, #customize-preview.et_divi_tablet iframe { box-sizing: border-box; -webkit-box-sizing: border-box; height: 80%; border-radius: 20px; -webkit-border-radius: 20px; border: 10px solid #d7d7d7; margin-top: 10%; width: 90%; max-width: 479px !important; box-shadow: 0 0 100px rgba(0,0,0,.8); -webkit-box-shadow: 0 0 100px rgba(0,0,0,.8); -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; -moz-animation: zoomIn .6s; -webkit-animation: zoomIn .6s; -o-animation: zoomIn .6s; animation: zoomIn .6s; }
#customize-preview.et_divi_tablet iframe, .preview-tablet #customize-preview iframe { max-width: 793px !important; }
.preview-mobile #customize-preview iframe { max-width: 479px !important; }

#customize-preview.et_divi_phone iframe::-webkit-scrollbar, #customize-preview.et_divi_tablet iframe::-webkit-scrollbar { width: 5px !important; }
#customize-preview.et_divi_phone iframe::-webkit-scrollbar-track, #customize-preview.et_divi_tablet iframe::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0.3) !important;  width: 20px !important; background-color: #d7d7d7; }
#customize-preview.et_divi_phone iframe::-webkit-scrollbar-thumb, #customize-preview.et_divi_tablet iframe::-webkit-scrollbar-thumb { -webkit-border-radius: 0 !important; border-radius: 0 !important; background: #3F3F3F !important; }
#customize-preview.et_divi_phone iframe::-webkit-thumb:window-inactive, #customize-preview.et_divi_tablet iframe::-webkit-thumb:window-inactive { background: #d7d7d7 !important; }

#customize-header-actions { z-index:100000; }

span.et_divi_reset_slider { width: 16px; height: 16px; margin-left: 5px; display: inline-block; position: relative;}
span.et_divi_reset_slider:after { font-family: 'ETmodules'; content: '\e61f'; font-size: 16px; line-height: 1em; color: #D4D4D4; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: background .5s; -moz-transition: background .5s; transition: background .5s;}
span.et_divi_reset_slider:hover:after { color: #A7A7A7; }
label { font-size: 12px; position: relative; }

input, select, input[type=checkbox], input[type=text] { width: 100%; margin-left: 0; border-radius: 4px; border: none; box-shadow: none; background: #f4f4f4; padding: 5px 10px; font-size: 14px; color: #32373c; }
.menu-item-settings input, .menu-item-settings select, .menu-item-settings input[type=checkbox], .menu-item-settings input[type=text] { background: #ffffff; }
input:focus, select:focus { box-shadow: none !important; outline: none !important; background: #eaeaea; -webkit-transition: background .5s; -moz-transition: background .5s; transition: background .5s; }
.et_filter_text {  background-color: #f4f4f4 !important; border: none !important; }
.wp-full-overlay-header input { width: auto; }
input[type=range] { -webkit-transition: background .5s; -moz-transition: background .5s; transition: background .5s; -webkit-appearance: none; background-color: #f4f4f4; height: 5px; width: 165px; padding: 0; }
input[type="range"]:focus { box-shadow: none !important; outline: none !important; }
input[type="range"]:hover { background-color: #CAEBFF; }
input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; background-color: #2e86b9; width: 15px; height: 15px; border-radius: 15px; -webkit-border-radius: 15px; }
input[type="range"]::-moz-range-track { border: inherit; background: transparent; }
input[type="range"]::-ms-track { border: inherit; color: transparent; background: transparent; }
input[type="range"]::-ms-fill-lower,
input[type="range"]::-ms-fill-upper { background: transparent; }
input[type="range"]::-ms-tooltip { display: none; }
input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; width: 15px; height: 15px; border: none; border-radius: 15px; background-color: #2e86b9; }
input[type="range"]::-moz-range-thumb { width: 15px; height: 15px; border: none; border-radius: 15px; background-color: #2e86b9; }
input[type="range"]::-ms-thumb { width: 15px; height: 15px; border-radius: 15px; border: 0; background-color: #2e86b9; }
.customize-control input.et-pb-range-input { width: 60px; text-align: center; margin-left: 4px; border-radius: 4px; border: none; box-shadow: none; background: #F4F4F4; padding: 3px; font-size: 11px; font-weight: 800; color: #555; -moz-appearance:textfield; }
.customize-control input.et-pb-range-input:hover,
.customize-control input.et-pb-range-input:focus { background: #eaeaea; transition: background .5s; }

input.et-pb-range-input::-webkit-outer-spin-button,
input.et-pb-range-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

input[type=checkbox] { margin-right: 10px; margin-top: 0; width: 25px; height: 25px; }
input[type=checkbox]:checked:before { color: #2E86B9; float: none; margin: -4px 0 0 -5px; }

.customize-control-title { margin-top: 15px; text-transform: uppercase; font-size: 12px;}
.customize-control-range .customize-control-title { margin-bottom: -8px; }
.customize-control-checkbox,
.customize-control-nav_menu_auto_add > label,
.customize-control-nav_menu_auto_add .customize-inside-control-row { font-weight: 600; font-size: 12px; text-transform: uppercase; border: 1px solid #EEEEEE; background-color: #FDFDFD; margin-left: 0 !important; margin-bottom: -1px !important; padding: 6px 10px; border-radius: 2px; box-sizing: border-box; -webkit-box-sizing: border-box; }
.customize-control-checkbox label { padding: 0; margin-left: 0; }
.customize-control button.button { width: 100%; border: none; box-shadow: none; background-color: #2E86B9; color: #fff; height: 30px; }
.customize-control button.button:hover { color: #fff; background-color: #186EA0; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; }
.customize-control button.remove-button { margin-bottom: 10px; }
.customize-control select, .customize-control-text input { background: #FDFDFD; border: 1px solid #eee; height: 35px; }
.customize-control-image .inner { line-height: 30px; top: 0; }
.customize-control-image .current .container { min-height: 30px; }
.wp-color-result { width: 100%; box-sizing: border-box; padding: 0 0 0 40px; box-shadow: inset 0 0 1px rgba(0,0,0,.5) !important; -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.5) !important; border: none; height: 30px; border-radius: 4px; margin: 0; }
.wp-color-result:after, .wp-core-ui .button.wp-color-result .wp-color-result-text { background-color: rgba(0,0,0,.2); color: #fff; height: 30px; line-height: 30px; border: none; box-shadow: none; font-size: 12px; border-radius: 0 4px 4px 0; padding: 0 15px; }
.wp-color-result:hover, .wp-color-result:focus:after, .wp-color-result:hover:after { color: #fff; border: none; }
.wp-picker-container .iris-picker { margin: 15px 0 0 0; }
.wp-picker-container .iris-square, .wp-picker-container .iris-palette-container { margin-left: -1px; }
.wp-picker-container, .wp-picker-input-wrap { width: 100%; border-radius: 4px; overflow: hidden; }
.wp-picker-container input[type=text].wp-color-picker, .wp-core-ui .wp-picker-default, .wp-core-ui .wp-picker-clear { width: 45% !important; vertical-align: bottom; margin-top: 10px; }
.wp-core-ui .wp-picker-default, .wp-core-ui .wp-picker-clear { margin-left: 10%; }
.wp-core-ui button.wp-color-result + .wp-picker-input-wrap input[type=text].wp-color-picker { width: 100% !important; }
.wp-core-ui button.wp-color-result + .wp-picker-input-wrap > label { width: 45%; }
.wp-customizer .wp-picker-active .wp-picker-input-wrap .wp-picker-default, .wp-customizer .wp-picker-active .wp-picker-input-wrap .wp-picker-clear { display: inline-block !important; margin-left: 10%; }
.wp-customizer .wp-color-result:after { background-color: rgba(0,0,0,.2); color: #fff; height: 30px; line-height: 30px; content: attr(title); display: block; font-size: 12px; border-radius: 0 4px 4px 0; padding: 0 15px; position: relative; right: 0; text-align: center; top: 0; text-transform: capitalize; font-weight: 400; z-index: 9; }
.wp-customizer .wp-color-result-text { display: none; }
.wp-color-result.wp-picker-open:after { content: attr(data-current); }

.wp-core-ui .wp-picker-container .wp-color-result.button { height: 30px !important; border-radius: 3px; padding: 0 0 0 40px !important; }
.wp-core-ui .color-alpha { z-index: 1; border-radius: 3px; }
.wp-full-overlay-sidebar-content { z-index: 10000; }
.wp-full-overlay-sidebar-content::-webkit-scrollbar, .et-pb-main-settings::-webkit-scrollbar, ul.et_font_icon::-webkit-scrollbar, .accordion-section-content::-webkit-scrollbar { width: 5px !important; }
.wp-full-overlay-sidebar-content::-webkit-scrollbar-track, .et-pb-main-settings::-webkit-scrollbar-track, ul.et_font_icon::-webkit-scrollbar-track, .accordion-section-content::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0.3) !important;  width: 20px !important; }
.wp-full-overlay-sidebar-content::-webkit-scrollbar-thumb, .et-pb-main-settings::-webkit-scrollbar-thumb, ul.et_font_icon::-webkit-scrollbar-thumb, .accordion-section-content::-webkit-scrollbar-thumb { -webkit-border-radius: 0 !important; border-radius: 0 !important; background: #d8d8d8 !important; }
.wp-full-overlay-sidebar-content::-webkit-thumb:window-inactive, .et-pb-main-settings::-webkit-scrollbar-thumb:window-inactive, ul.et_font_icon::-webkit-scrollbar-thumb:window-inactive, .accordion-section-content::-webkit-scrollbar-thumb:window-inactive { background: #fff !important; }

#customize-control-et_divi-disable_custom_footer_credits { margin-top: 15px; }
#customize-control-et_divi-boxed_layout { margin-top: 20px; }
li#customize-control-et_divi-header_style { margin-bottom: 20px; }

.accordion-section-content li.customize-control:first-of-type, .accordion-section-content li.customize-control:first-of-type .customize-control-title { margin-top: 0 !important; }
.accordion-section-content { padding: 20px; background-color: #fff !important; border-bottom: 1px solid #dddddd; }

li#customize-control-et_divi-use_sidebar_width{ margin-top: 15px !important; }
li#customize-control-et_divi-et_pb_sidebar-remove_border{ margin-top: 20px !important; }

/* ET_Select_Image */
.et_select_image_options { display: none; background: #eee; padding: 5px 0; height: 196px; overflow: auto; }
  .et_filter_text { position: relative; }
  .et_filter_text:before { content: ''; width: 0; height: 0; border-color: #ccc transparent; border-style: solid; border-width: 6px 6px 0; position: absolute; top: 18px; right: 8px; z-index: 1; }
  .et_select_image_options, .et_filter_text { background: #fff; border: 1px solid #dfdfdf; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
  .et_filter_text, .et_select_image_options li { display: block; padding: 5px 10px; text-indent: -9999px; background-repeat: no-repeat; height: 30px; background-image: url(images/all-fonts.png); margin-bottom: 0; }
  .et_google_font_custom_select { text-decoration: none; color: #555d66; }
  .et_google_font_custom_select:hover { color: #555d66; }
  .et_google_font_custom_select .et_filter_text { text-indent: 0; background-image: none; }
  .et_select_image_active, .et_select_image_options li:hover { background-color: #effbff; }

/* ET_Select_Image + footer columns */
.et_filter_text.et_si_4_column,
.et_select_image_options.et_si_et_divi_footer_columns_ .et_si_4_column{
  background: url( ../images/footer-layouts.png ) center -10px no-repeat;
}
.et_filter_text.et_si_3_column,
.et_select_image_options.et_si_et_divi_footer_columns_ .et_si_3_column{
  background: url( ../images/footer-layouts.png ) center -60px no-repeat;
}

.et_filter_text.et_si_2_column,
.et_select_image_options.et_si_et_divi_footer_columns_ .et_si_2_column{
  background: url( ../images/footer-layouts.png ) center -110px no-repeat;
}

.et_filter_text.et_si_1_column,
.et_select_image_options.et_si_et_divi_footer_columns_ .et_si_1_column{
  background: url( ../images/footer-layouts.png ) center -160px no-repeat;
}

.et_filter_text.et_si_1_4__3_4_column,
.et_select_image_options.et_si_et_divi_footer_columns_ .et_si_1_4__3_4_column{
  background: url( ../images/footer-layouts.png ) center -210px no-repeat;
}

.et_filter_text.et_si_3_4__1_4_column,
.et_select_image_options.et_si_et_divi_footer_columns_ .et_si_3_4__1_4_column{
  background: url( ../images/footer-layouts.png ) center -260px no-repeat;
}

.et_filter_text.et_si_1_3__2_3_column,
.et_select_image_options.et_si_et_divi_footer_columns_ .et_si_1_3__2_3_column{
  background: url( ../images/footer-layouts.png ) center -310px no-repeat;
}

.et_filter_text.et_si_2_3__1_3_column,
.et_select_image_options.et_si_et_divi_footer_columns_ .et_si_2_3__1_3_column{
  background: url( ../images/footer-layouts.png ) center -360px no-repeat;
}

.et_filter_text.et_si_1_4__1_2_column,
.et_select_image_options.et_si_et_divi_footer_columns_ .et_si_1_4__1_2_column{
  background: url( ../images/footer-layouts.png ) center -410px no-repeat;
}

.et_filter_text.et_si_1_2__1_4_column,
.et_select_image_options.et_si_et_divi_footer_columns_ .et_si_1_2__1_4_column{
  background: url( ../images/footer-layouts.png ) center -460px no-repeat;
}

.et_filter_text.et_si_1_5__3_5_column,
.et_select_image_options.et_si_et_divi_footer_columns_ .et_si_1_5__3_5_column{
  background: url( ../images/footer-layouts.png ) center -510px no-repeat;
}

.et_filter_text.et_si_3_5__1_5_column,
.et_select_image_options.et_si_et_divi_footer_columns_ .et_si_3_5__1_5_column{
  background: url( ../images/footer-layouts.png ) center -560px no-repeat;
}

.et_filter_text.et_si_5_column,
.et_select_image_options.et_si_et_divi_footer_columns_ .et_si_5_column{
  background: url( ../images/footer-layouts.png ) center -610px no-repeat;
}

.et_filter_text.et_si_3_5__2_5_column,
.et_select_image_options.et_si_et_divi_footer_columns_ .et_si_3_5__2_5_column{
  background: url( ../images/footer-layouts.png ) center -660px no-repeat;
}

.et_filter_text.et_si_2_5__3_5_column,
.et_select_image_options.et_si_et_divi_footer_columns_ .et_si_2_5__3_5_column{
  background: url( ../images/footer-layouts.png ) center -710px no-repeat;
}

.et_filter_text.et_si_6_column,
.et_select_image_options.et_si_et_divi_footer_columns_ .et_si_6_column{
  background: url( ../images/footer-layouts.png ) center -760px no-repeat;
}

.et_filter_text.et_si_1_2__1_6_column,
.et_select_image_options.et_si_et_divi_footer_columns_ .et_si_1_2__1_6_column{
  background: url( ../images/footer-layouts.png ) center -810px no-repeat;
}

.et_filter_text.et_si_1_6__1_2_column,
.et_select_image_options.et_si_et_divi_footer_columns_ .et_si_1_6__1_2_column{
  background: url( ../images/footer-layouts.png ) center -860px no-repeat;
}

.et_filter_text.et_si_1_4_1_2_1_4_column,
.et_select_image_options.et_si_et_divi_footer_columns_ .et_si_1_4_1_2_1_4_column{
  background: url( ../images/footer-layouts.png ) center -910px no-repeat;
}

.et_filter_text.et_si_1_5_3_5_1_5_column,
.et_select_image_options.et_si_et_divi_footer_columns_ .et_si_1_5_3_5_1_5_column{
  background: url( ../images/footer-layouts.png ) center -960px no-repeat;
}

.et_select_image_options.et_si_et_divi_footer_columns_ li:hover{
  background-color: #effbff;
}

/* ET_Font_Style */
span.et_font_style { margin-left: 0; border-radius: 4px; border: none; box-shadow: none; background: #f4f4f4; padding: 6px 0; float:left; width: 23.5%; margin-right: 2%; text-align: center;  font-size: 14px; color: #32373c; }
span.et_font_style:last-of-type { margin-right: 0; }
input.et_font_style_checkbox { display: none; }
span.et_font_style { display: inline-block; cursor: pointer; }
span.et_font_style.et_font_style_checked { background: #2e86b9; }
span.et_font_style:before,
span.et_font_style.et_font_style_checked:before { font-family: 'ETmodules'; font-size: 24px; line-height: 40px; display: inline-block; vertical-align: middle; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
span.et_font_style:before { color: #B7B7B7; }
span.et_font_style.et_font_style_checked:before { color: #FFF; margin: 0; }
span.et_font_style.et_font_value_bold:before,
span.et_font_style.et_font_style_checked.et_font_value_bold:before { content: "\e622"; }
span.et_font_style.et_font_value_italic:before,
span.et_font_style.et_font_style_checked.et_font_value_italic:before { content: "\e623"; }
span.et_font_style.et_font_value_underline:before,
span.et_font_style.et_font_style_checked.et_font_value_underline:before { content: "\e621"; }
span.et_font_style.et_font_value_uppercase:before,
span.et_font_style.et_font_style_checked.et_font_value_uppercase:before { content: "\e624"; }

/* Icon Picker styles */
ul.et_font_icon { position: relative; height: 120px; overflow: scroll; min-width: 260px; width: 100%; }
.et_font_icon li:before { font-family: 'ETmodules'; content: attr(data-icon); speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; }
.et_font_icon li { font-size: 16px; display: inline-block; background: #F4F4F4; padding: 10px; margin: 0; cursor: pointer; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.et_font_icon .et_active { background-color: #2E86B9; color: #FFF; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }

/* Hide Widgets Panel in Modules Customizer */
.et_modules_customizer_option_set #accordion-panel-widgets { display: none !important; }

/* Hide Nav Menus Panel in Modules Customizer */
.et_modules_customizer_option_set #accordion-panel-nav_menus { display: none !important; }

.et_hidden_section { display: none !important; }

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
  0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); }
  60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); }
  80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); }
  100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}
@-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
  0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }
  20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
  40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); }
  60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); }
  80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); }
  100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}

@-webkit-keyframes zoomIn {
  0% { opacity: 0; -webkit-transform: scale3d(.7, .7, .7); transform: scale3d(.7, .7, .7); }
  50% { opacity: 1; }
}

@keyframes zoomIn {
  0% { opacity: 0; -webkit-transform: scale3d(.7, .7, .7); transform: scale3d(.7, .7, .7); }
  50% { opacity: 1; }
}
/* End Animate.css */

File Editor

Directories:

Files:

Create New File

Edit File: theme-customizer-controls-styles.css

Rename File