@charset "UTF-8";
.sm-radio-group {
position: relative;
border-radius: 999em;
overflow: hidden;
height: 2.428em;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-align: stretch;
align-items: stretch;
color: rgba(65, 107, 126, 0.7);
font-size: 14px;
-webkit-font-smoothing: antialiased;
font-weight: 600;
line-height: 1.142em;
}
.sm-radio-group > * {
-ms-flex: 1 1 0;
flex: 1 1 0;
}
.sm-radio-group:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border: 0.142em solid #57abd5;
border-radius: 999em;
pointer-events: none;
}
.sm-radio-group input[type="radio"] {
display: none;
}
.sm-radio-group input[type="radio"]:checked + label {
background-color: #57abd5;
color: #ffffff;
}
.sm-radio-group input[type="radio"]:checked + label:before {
content: "";
display: inline-block;
color: inherit;
position: relative;
top: .285em;
margin-right: .45em;
height: .8em;
width: .55em;
border-right: 2px solid;
border-bottom: 2px solid;
-webkit-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
}
.sm-radio-group label {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
cursor: pointer;
transition: all .25s ease;
color: inherit;
}
.sm-radio-group label:hover {
color: #416b7e;
}
.sm-radio-group label:nth-of-type(2) {
border-left: 2px solid #57abd5;
border-right: 2px solid #57abd5;
}
[id="customize-control-sm_coloration_level_control"] .sm-radio-group {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-pack: start;
justify-content: flex-start;
}
[id="customize-control-sm_coloration_level_control"] .sm-radio-group > * {
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
}
[id="customize-control-sm_coloration_level_control"] .sm-radio-group input[type="radio"]:last-of-type:checked + label {
background: linear-gradient(90deg, #3DAAE0 0%, #D557BE 100%);
}
[id="customize-control-sm_coloration_level_control"] .sm-radio-group input[type="radio"]:nth-of-type(1):checked ~ label:last-of-type, [id="customize-control-sm_coloration_level_control"] .sm-radio-group input[type="radio"]:nth-of-type(2):checked ~ label:last-of-type {
margin-right: -33.33%;
}
[id="customize-control-sm_coloration_level_control"] .sm-radio-group label:nth-of-type(1) {
-ms-flex-order: 4;
order: 4;
}
[id="customize-control-sm_coloration_level_control"] .sm-radio-group label:nth-of-type(2) {
-ms-flex-order: 3;
order: 3;
border-left: 2px solid #57abd5;
border-right: 2px solid #57abd5;
}
[id="customize-control-sm_coloration_level_control"] .sm-radio-group label:nth-of-type(3) {
-ms-flex-order: 2;
order: 2;
}
[id="customize-control-sm_coloration_level_control"] .sm-radio-group label:nth-of-type(4) {
-ms-flex-order: 1;
order: 1;
border-left: 2px solid #57abd5;
}
[id="sub-accordion-section-sm_color_palettes_section"].sm-view-customize li.customize-control-sm_switch {
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
padding-top: 42px;
padding-bottom: 42px;
}
[id="sub-accordion-section-sm_color_palettes_section"].sm-view-customize li.customize-control-sm_switch .customize-control-title, [id="sub-accordion-section-sm_color_palettes_section"].sm-view-customize li.customize-control-sm_switch .separator.label {
display: inline-block;
}
.sm-switch {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-pack: start;
justify-content: flex-start;
overflow: hidden;
position: relative;
height: 2.428em;
max-width: 5.5em;
border-radius: 999em;
color: #ffffff;
font-size: 14px;
-webkit-font-smoothing: antialiased;
font-weight: 600;
line-height: 1.142em;
z-index: 10;
}
.sm-switch input[type="radio"] {
display: none;
}
.sm-switch input[type="radio"] + label {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.sm-switch input[type="radio"] + label, .sm-switch input[type="radio"] + label:after {
transition: all 0.2s ease-out;
}
.sm-switch input[type="radio"]:checked + label {
pointer-events: none;
}
.sm-switch input[type="radio"]:nth-of-type(1) + label {
padding-left: 1.214em;
}
.sm-switch input[type="radio"]:nth-of-type(1) + label:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #57abd5;
z-index: -1;
}
.sm-switch input[type="radio"]:nth-of-type(1):not(:checked) + label {
-webkit-transform: translateX(-100%) translateX(2.125em);
transform: translateX(-100%) translateX(2.125em);
}
.sm-switch input[type="radio"]:nth-of-type(1):not(:checked) + label:after {
background: #cccccc;
-webkit-transform: translateX(100%) translateX(-2.125em);
transform: translateX(100%) translateX(-2.125em);
}
.sm-switch input[type="radio"]:nth-of-type(1):not(:checked) + label ~ label {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.sm-switch input[type="radio"]:nth-of-type(1):checked + label ~ label {
-webkit-transform: translateX(-2.4em);
transform: translateX(-2.4em);
}
.sm-switch input[type="radio"]:nth-of-type(1):checked + label ~ label:before {
-webkit-transform: translateX(-100%) translateX(2.125em);
transform: translateX(-100%) translateX(2.125em);
}
.sm-switch input[type="radio"]:nth-of-type(2) + label {
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
padding-right: 1em;
}
.sm-switch input[type="radio"]:nth-of-type(2) + label:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.sm-switch input[type="radio"]:nth-of-type(2) + label:after {
content: "";
display: block;
height: 2.142em;
width: 2.142em;
margin-right: auto;
margin-left: 0.125em;
border-radius: 50%;
background-color: #ffffff;
box-shadow: 1px 2px 2px 0 rgba(23, 21, 21, 0.15);
pointer-events: none;
}
.wp-full-overlay-sidebar *, .wp-full-overlay-sidebar *:before, .wp-full-overlay-sidebar *:after {
box-sizing: border-box;
}
.iris-picker,
.iris-picker * {
box-sizing: content-box;
}
.wp-full-overlay-sidebar-content .accordion-section-content {
overflow: visible;
}
.control-section:not(.control-section-themes) .customize-control {
padding: 0;
width: 100%;
min-height: initial;
}
#customize-header-actions #customize-save-button-wrapper {
margin-top: 7px;
}
.wp-full-overlay-footer .devices button {
float: left;
border-radius: 0;
}
.customize-controls-close {
width: 48px;
height: 44px;
color: #7da9c3;
background: #ffffff;
border-top: none;
border-right-color: #e0e8ef;
}
.customize-controls-close:focus, .customize-controls-close:hover {
background: #f5fcff;
}
.customize-controls-close:before {
top: 0px;
}
#customize-controls .customize-info {
border-bottom-color: #e0e8ef;
}
.customize-panel-back, .customize-section-back {
height: 74px;
color: #7da9c3;
border-right-color: #e0e8ef;
}
.customize-panel-back:hover, .customize-panel-back:focus, .customize-section-back:hover, .customize-section-back:focus {
border-left-color: #f5fcff;
background: #f5fcff;
}
#customize-theme-controls .theme * {
box-sizing: content-box;
}
#customize-theme-controls .accordion-section-content {
padding: 17px;
}
#customize-theme-controls .customize-section-title {
margin-top: -17px;
margin-right: -17px;
}
#customize-theme-controls .control-panel-content .control-section:nth-child(2),
#customize-theme-controls .control-panel-content .control-section:nth-child(3) {
border-top: none;
}
#customize-theme-controls #accordion-section-add_menu {
border-bottom: none;
}
#customize-theme-controls #accordion-section-add_menu .add-menu-toggle {
float: none;
}
#customize-theme-controls .customize-pane-child.open {
height: 100%;
}
#customize-controls .description {
font-size: 12px;
font-weight: 300;
font-style: normal;
line-height: 1.6;
color: #4d7b90;
text-indent: 0;
}
.customize-control-description {
margin-top: 6px;
}
.customize-control {
margin-bottom: 24px;
}
#accordion-section-themes + .control-section {
border-top: none;
}
#customize-controls .panel-meta.customize-info .accordion-section-title {
border-top: none;
height: 74px;
}
.button-controls:after {
content: " ";
display: table;
clear: both;
}
.wp-core-ui .button:not(.theme-details):not(.collapse-sidebar):not(.wp-color-result),
.wp-core-ui .button-primary,
.wp-core-ui .button-secondary {
width: auto;
padding-left: 15px;
padding-right: 15px;
font-weight: 400;
color: #F5FCFF;
text-shadow: none;
border: none;
background: #AED2E5;
box-shadow: 0px 2px 0px 0px #8DBED7;
border-radius: 4px;
}
.wp-core-ui .button:not(.theme-details):not(.collapse-sidebar):not(.wp-color-result):hover,
.wp-core-ui .button-primary:hover,
.wp-core-ui .button-secondary:hover {
color: white;
text-shadow: none;
background: #98C6DD;
box-shadow: 0px 2px 0px 0px #74A7C2;
}
.wp-core-ui #customize-header-actions .button-primary {
background: #73C5EE;
box-shadow: 0px 2px 0px 0px #57ABD5;
}
.wp-core-ui #customize-header-actions .button-primary:hover {
background: #58B0DD;
box-shadow: 0px 2px 0px 0px #3F8AAF;
}
.wp-core-ui #customize-header-actions .button-primary.has-next-sibling {
border-right: 1px solid #57ABD5;
}
.wp-core-ui #customize-header-actions .button-primary:disabled {
color: white !important;
background: #AED2E5 !important;
opacity: 0.7;
box-shadow: 0px 2px 0px 0px #8db5ca !important;
}
.wp-core-ui #customize-header-actions .button-primary:disabled.has-next-sibling {
border-right: none;
}
.wp-core-ui .reset_section,
.wp-core-ui .reset_panel {
width: 100%;
height: 4em;
display: block;
margin: 0px 0 25px;
}
.wp-core-ui .reset_panel {
margin-top: 10px;
}
.separator.label {
display: block;
font-size: 14px;
line-height: 24px;
font-weight: 500;
}
.customize-control-title, .separator.label {
color: #2A3B44;
}
.separator.section:before, .separator.sub-section:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: -18px;
right: -18px;
z-index: -1;
}
.separator.label {
font-weight: 500;
}
.separator.large {
margin-top: 12px;
font-size: 16px;
color: #39474D;
}
.separator.section {
position: relative;
padding: 14px 0;
margin-bottom: 0;
background: none;
border: none;
}
.separator.section[id*="layout"] {
margin-top: 0;
}
.separator.section[id*="layout"]:before {
border: none;
}
.separator.section:before {
border: 1px solid #e0e8ef;
background-color: #ffffff;
box-shadow: 0px 1px 0px 0px #DFE8EF;
}
.separator.sub-section {
position: relative;
padding: 12px 0;
}
.separator.sub-section:before {
border-top: 1px solid #e0e8ef;
border-bottom: 1px solid #e0e8ef;
background-color: #f6fbff;
}
.separator.sub-section + span {
margin-top: 20px;
font-style: normal;
}
.section-navigation-wrapper {
position: relative;
height: 43px;
margin: -15px -12px 0 -12px;
margin-right: -17px;
margin-left: -17px;
}
.section-navigation {
display: -ms-flexbox;
display: flex;
margin-top: -1px;
clear: both;
border-top: 1px solid #e0e8ef;
}
.section-navigation a {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: block;
padding: 12px 0;
color: #3b484e;
background-color: #ffffff;
border-bottom: 1px solid #e0e8ef;
border-right: 1px solid #e0e8ef;
text-align: center;
text-decoration: none;
transition: background-color .15s ease-in-out;
}
.section-navigation a:last-child {
border-right: 0;
}
#customize-controls .customize-info.is-sticky.is-sticky,
#customize-controls .customize-section-title.is-sticky.is-sticky {
top: 40px;
}
#customize-controls .customize-info.is-in-view.is-in-view,
#customize-controls .customize-section-title.is-in-view.is-in-view {
box-shadow: none;
}
#customize-controls .has-nav .customize-info,
#customize-controls .has-nav .customize-section-title {
margin-right: -12px;
}
#customize-controls .customize-section-title.customize-section-title {
border-bottom: 0;
}
.customize-section-description-container.section-meta.has-nav {
margin-bottom: 0;
}
.font-options__wrapper {
position: relative;
}
.font-options__wrapper:after {
content: "";
position: absolute;
top: 90%;
left: 0;
right: 0;
z-index: 0;
display: block;
height: 30px;
}
.font-options__head {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
}
.font-options__head.font-options__head {
-webkit-appearance: none;
text-overflow: ellipsis;
white-space: nowrap;
}
.font-options__font-title {
margin-right: 26px;
margin-left: 10px;
font-size: 12px;
line-height: 20px;
font-weight: 300;
color: #98c6dd;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.font-options__options-list {
position: absolute;
top: calc(100% + 6px);
left: -6px;
right: -6px;
z-index: 2;
display: block;
padding: 10px;
border: 1px solid #dfe8ef;
border-radius: 5px;
background-color: #ffffff;
opacity: 0;
display: none;
transition: opacity .15s linear;
}
.font-options__options-list:last-child {
margin-bottom: 0;
}
.font-options__options-list:before, .font-options__options-list:after {
content: "";
position: absolute;
top: -20px;
right: 25px;
height: 0;
width: 0;
border: solid transparent;
z-index: 10;
}
.font-options__options-list:before {
border-bottom-color: white;
border-width: 10px;
z-index: 11;
}
.font-options__options-list:after {
border-bottom-color: rgba(0, 0, 0, 0.075);
border-width: 12px;
top: -24px;
right: 23px;
}
.customize-control-color .wp-picker-container .wp-picker-open + .wp-picker-input-wrap:after {
content: "";
position: absolute;
bottom: 100%;
right: 12px;
border-collapse: separate;
width: 0;
height: 0;
border-width: 0 9px 9px 9px;
border-style: solid;
border-color: transparent transparent #fff transparent;
}
.font-options__head, .wp-full-overlay-sidebar-content .customize-control input[type=text]:not(#_customize-input-wpcom_custom_css_content_width_control):not(.wp-color-picker),
.wp-full-overlay-sidebar-content .customize-control input[type=checkbox],
.wp-full-overlay-sidebar-content .customize-control input[type=password],
.wp-full-overlay-sidebar-content .customize-control input[type=color],
.wp-full-overlay-sidebar-content .customize-control input[type=date],
.wp-full-overlay-sidebar-content .customize-control input[type=datetime],
.wp-full-overlay-sidebar-content .customize-control input[type=datetime-local],
.wp-full-overlay-sidebar-content .customize-control input[type=email],
.wp-full-overlay-sidebar-content .customize-control input[type=month],
.wp-full-overlay-sidebar-content .customize-control input[type=number],
.wp-full-overlay-sidebar-content .customize-control input[type=radio],
.wp-full-overlay-sidebar-content .customize-control input[type=tel],
.wp-full-overlay-sidebar-content .customize-control input[type=time],
.wp-full-overlay-sidebar-content .customize-control input[type=url],
.wp-full-overlay-sidebar-content .customize-control input[type=week],
.wp-full-overlay-sidebar-content .customize-control input[type=search],
.wp-full-overlay-sidebar-content .customize-control select,
.wp-full-overlay-sidebar-content .customize-control textarea,
.wp-full-overlay-sidebar-content .customize-control input[type="number"].range-value, ul.font-options__options-list .select2-container .select2-selection--single, #customize-theme-controls .select2-container .select2-selection--multiple {
width: 100%;
height: 44px;
padding: 10px 14px;
background: #FFFFFF;
border: 2px solid #B8DAEB;
border-radius: 4px;
font-size: 14px;
line-height: 1.5;
color: #416B7E;
outline: 0;
}
.font-options__head:focus, .wp-full-overlay-sidebar-content .customize-control input[type=text]:focus:not(#_customize-input-wpcom_custom_css_content_width_control):not(.wp-color-picker),
.wp-full-overlay-sidebar-content .customize-control input[type=checkbox]:focus,
.wp-full-overlay-sidebar-content .customize-control input[type=password]:focus,
.wp-full-overlay-sidebar-content .customize-control input[type=color]:focus,
.wp-full-overlay-sidebar-content .customize-control input[type=date]:focus,
.wp-full-overlay-sidebar-content .customize-control input[type=datetime]:focus,
.wp-full-overlay-sidebar-content .customize-control input[type=datetime-local]:focus,
.wp-full-overlay-sidebar-content .customize-control input[type=email]:focus,
.wp-full-overlay-sidebar-content .customize-control input[type=month]:focus,
.wp-full-overlay-sidebar-content .customize-control input[type=number]:focus,
.wp-full-overlay-sidebar-content .customize-control input[type=radio]:focus,
.wp-full-overlay-sidebar-content .customize-control input[type=tel]:focus,
.wp-full-overlay-sidebar-content .customize-control input[type=time]:focus,
.wp-full-overlay-sidebar-content .customize-control input[type=url]:focus,
.wp-full-overlay-sidebar-content .customize-control input[type=week]:focus,
.wp-full-overlay-sidebar-content .customize-control input[type=search]:focus,
.wp-full-overlay-sidebar-content .customize-control select:focus,
.wp-full-overlay-sidebar-content .customize-control textarea:focus,
.wp-full-overlay-sidebar-content .customize-control input[type="number"].range-value:focus, ul.font-options__options-list .select2-container .select2-selection--single:focus, #customize-theme-controls .select2-container .select2-selection--multiple:focus {
border-color: #73C5EE;
box-shadow: none;
}
.font-options__head, .wp-full-overlay-sidebar-content .customize-control select, ul.font-options__options-list .select2-container .select2-selection--single, #customize-theme-controls .select2-container .select2-selection--multiple {
width: 100%;
-webkit-appearance: button;
-moz-appearance: none;
font-weight: 600;
background: white url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE1cHgiIGhlaWdodD0iOXB4IiB2aWV3Qm94PSIwIDAgMTUgOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJDdXN0b21pZnktQ29weS0yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMjU2LjAwMDAwMCwgLTM4Ni4wMDAwMDApIiBmaWxsPSIjOThDNkRFIj4KICAgICAgICAgICAgPGcgaWQ9IkhlYWRlciIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIxLjAwMDAwMCwgNDcuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iQ29udGVudCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAuMDAwMDAwLCA3NS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iVGl0bGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI2LjAwMDAwMCwgMjE5LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iRmllbGQtLS1TZWxlY3QtQ29weSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iU2VsZWN0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMjcuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTI1NC40ODEyLDE4IEwyNTYsMTkuNTE0IEwyNDguNSwyNyBMMjQxLDE5LjUxNCBMMjQyLjUxODgsMTggTDI0OC41LDIzLjk2NzIgTDI1NC40ODEyLDE4IFoiIGlkPSJQYWdlLTEiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat;
background-position: right 16px top 16px;
}
[multiple].font-options__head, .wp-full-overlay-sidebar-content .customize-control select[multiple], ul.font-options__options-list .select2-container [multiple].select2-selection--single, #customize-theme-controls .select2-container [multiple].select2-selection--multiple {
background: white;
}
.wp-full-overlay-sidebar-content .customize-control input[type=text],
.wp-full-overlay-sidebar-content .customize-control textarea {
font-size: 13px;
}
.wp-full-overlay-sidebar-content .customize-control textarea {
height: auto;
}
.wp-full-overlay-sidebar-content .customize-control input[type=checkbox],
.wp-full-overlay-sidebar-content .customize-control input[type=radio] {
width: 22px;
height: 22px;
}
.wp-full-overlay-sidebar-content .customize-control input[type=checkbox]:checked,
.wp-full-overlay-sidebar-content .customize-control input[type=radio]:checked {
background: #73C5EE;
border-color: #5AB9E8;
}
.wp-full-overlay-sidebar-content .customize-control input[type=checkbox]:checked:before,
.wp-full-overlay-sidebar-content .customize-control input[type=radio]:checked:before {
color: white;
margin: -1px 0 0 -2px;
}
.wp-full-overlay-sidebar-content .customize-control .awesome_preset input[type=radio]:checked {
background: transparent;
}
.wp-full-overlay-sidebar-content .customize-control.customize-control-checkbox:not(#customize-control-jetpack_css_mode_control) label:not(:only-of-type),
.wp-full-overlay-sidebar-content .customize-control.customize-control-checkbox:not(#customize-control-jetpack_css_mode_control) > .customize-inside-control-row:not(:only-of-type), .wp-full-overlay-sidebar-content .customize-control.customize-control-radio label:not(:only-of-type),
.wp-full-overlay-sidebar-content .customize-control.customize-control-radio > .customize-inside-control-row:not(:only-of-type) {
margin-left: 30px;
padding-top: 0;
padding-bottom: 0;
display: inline-block;
width: calc(49% - 30px);
text-indent: -6px;
}
.wp-full-overlay-sidebar-content .customize-control.customize-control-checkbox:not(#customize-control-jetpack_css_mode_control) label, .wp-full-overlay-sidebar-content .customize-control.customize-control-radio label {
color: #416B7E;
}
[id*="divider"] + .wp-full-overlay-sidebar-content .customize-control.customize-control-checkbox:not(#customize-control-jetpack_css_mode_control), [id*="divider"] + .wp-full-overlay-sidebar-content .customize-control.customize-control-radio {
margin-top: 0;
}
.wp-full-overlay-sidebar-content .customize-control input[type=radio] {
border-radius: 50%;
}
.wp-full-overlay-sidebar-content .customize-control input[type=radio]:checked:before {
content: none;
}
.customize-control-html + .wp-full-overlay-sidebar-content .customize-control.customize-control-checkbox {
margin-top: -24px;
}
.wp-full-overlay-sidebar-content .customize-control.customize-control-radio label,
.wp-full-overlay-sidebar-content .customize-control.customize-control-radio .customize-inside-control-row {
margin-top: 12px;
}
.wp-full-overlay-sidebar-content .customize-control.customize-control-radio#customize-control-changeset_status .customize-inside-control-row {
margin-top: 0;
text-indent: 0;
}
.wp-full-overlay-sidebar-content .customize-control input[type="range"] {
width: 65%;
}
.wp-full-overlay-sidebar-content .customize-control input[type="range"] {
position: relative;
-webkit-appearance: none;
width: calc(100% - 55px);
height: 22px;
overflow: hidden;
outline: none;
background: none;
}
.wp-full-overlay-sidebar-content .customize-control input[type="range"]:before {
content: " ";
position: absolute;
top: 8px;
left: 0;
height: 6px;
width: 100%;
background: #DFE8EF;
box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
border-radius: 10px;
}
.wp-full-overlay-sidebar-content .customize-control input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
width: 22px;
height: 22px;
background: #27ae60;
position: relative;
z-index: 3;
background: #FFFFFF;
border: 2px solid #B8DAEB;
border-radius: 4px;
}
.wp-full-overlay-sidebar-content .customize-control input[type="range"]::-webkit-slider-thumb:before {
content: "..";
position: absolute;
left: 5px;
top: -5px;
color: #B8DAEB;
font-size: 1em;
letter-spacing: 1px;
}
.wp-full-overlay-sidebar-content .customize-control input[type="range"]::-webkit-slider-thumb:after {
content: " ";
width: calc(100% - 55px);
height: 6px;
position: absolute;
z-index: 1;
right: 20px;
top: 6px;
background: #73C5EE;
}
.wp-full-overlay-sidebar-content .customize-control input[type="number"].range-value {
min-width: 40px;
max-width: 80px;
width: auto;
height: 30px;
top: -5px;
float: right;
padding: 4px 0px 5px 0px;
margin-left: 10px;
font-size: 13px;
line-height: 1;
text-align: center;
}
.wp-full-overlay-sidebar-content .customize-control input[type=number]::-webkit-inner-spin-button,
.wp-full-overlay-sidebar-content .customize-control input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.customize-control-color {
display: block;
}
.customize-control-color .customize-control-title, .customize-control-color .separator.label {
float: left;
}
.customize-control-color .wp-picker-container {
position: relative;
float: right;
top: -3px;
}
.customize-control-color .wp-picker-container .wp-picker-holder {
position: relative;
}
.customize-control-color .wp-picker-container .wp-color-result,
.customize-control-color .wp-picker-container .wp-color-result.button {
top: 0;
height: 30px;
width: 40px;
margin: 0;
padding: 0;
border-radius: 4px;
background: #2ECC71;
border: 2px solid #B8DAEB;
box-shadow: none;
}
.customize-control-color .wp-picker-container .wp-color-result:after,
.customize-control-color .wp-picker-container .wp-color-result .wp-color-result-text,
.customize-control-color .wp-picker-container .wp-color-result.button:after,
.customize-control-color .wp-picker-container .wp-color-result.button .wp-color-result-text {
display: none;
}
.customize-control-color .wp-picker-container .iris-picker {
position: absolute;
top: 40px;
right: 0;
z-index: 1000;
width: 275px !important;
border-top: none;
border-color: #DFDFDE;
border-radius: 0 0 3px 3px;
border: none;
background: white;
}
.customize-control-color .wp-picker-container .iris-picker, .customize-control-color .wp-picker-container .iris-picker * {
box-sizing: content-box;
}
.customize-control-color .wp-picker-container .iris-picker .iris-square {
width: 215px !important;
height: 173px !important;
margin-right: 0;
}
.customize-control-color .wp-picker-container .iris-picker .iris-strip {
float: right;
box-shadow: rgba(0, 0, 0, 0.4) 0 1px 1px inset;
}
.customize-control-color .wp-picker-container .iris-picker .iris-strip .ui-slider-handle {
border-color: #aaa !important;
opacity: 1;
box-shadow: none;
}
.customize-control-color .wp-picker-container .iris-picker .iris-palette {
width: 24px !important;
height: 24px !important;
border-radius: 50px;
box-shadow: rgba(0, 0, 0, 0.4) 0 1px 1px inset;
}
.customize-control-color .wp-picker-container .wp-picker-open + .wp-picker-input-wrap {
position: absolute;
z-index: 1000;
top: 35px;
right: 0;
width: 275px;
padding: 9px 12px;
background: white;
border: none;
border-radius: 3px 3px 0 0;
}
.customize-control-color .wp-picker-container .wp-picker-open + .wp-picker-input-wrap input.wp-color-picker {
float: left;
width: 100px;
font-size: 13px;
text-align: left;
margin: 0;
padding: 6px 12px;
height: auto;
}
.customize-control-color .wp-picker-container .wp-picker-open + .wp-picker-input-wrap input.button {
float: right;
padding: 4px 12px;
height: 30px;
}
.customize-control-font:last-child {
margin-bottom: 150px;
}
#accordion-section-live_css_edit_section .customize-section-title {
margin-top: -13px;
border-bottom: 1px solid #ddd;
}
#accordion-section-live_css_edit_section #css_editor {
top: 70px;
border-top: 10px solid white;
overflow: visible;
}
#accordion-section-live_css_edit_section #css_editor:before {
content: "";
width: 48px;
height: 10px;
display: block;
background: #e8e8e8;
top: -10px;
position: absolute;
z-index: 10000000;
left: 0;
}
#accordion-section-live_css_edit_section .ace_scroller {
padding-left: 10px;
}
.wp-full-overlay.editor_opened {
margin-left: 500px;
}
.wp-full-overlay.editor_opened #customize-controls {
width: 500px;
}
.wp-full-overlay.editor_opened.collapsed #customize-controls {
width: 300px;
}
.customize-control-media .current,
.customize-control-site_icon .current,
li#customize-control-site_logo .current {
margin-bottom: 10px;
min-height: 44px;
background: #F5FCFF;
border: 2px solid #B8DAEB;
border-radius: 4px;
}
.customize-control-media .current .container, .customize-control-media .current span,
.customize-control-site_icon .current .container,
.customize-control-site_icon .current span,
li#customize-control-site_logo .current .container,
li#customize-control-site_logo .current span {
border: none;
}
.customize-control-media .inner, .customize-control-media .current span,
.customize-control-site_icon .inner,
.customize-control-site_icon .current span,
li#customize-control-site_logo .inner,
li#customize-control-site_logo .current span {
font-size: 13px;
color: #98C6DD;
}
.customize-control-media .inner,
.customize-control-site_icon .inner,
li#customize-control-site_logo .inner {
line-height: 1.4;
}
.customize-control-media .thumbnail-image,
.customize-control-site_icon .thumbnail-image,
li#customize-control-site_logo .thumbnail-image {
padding: 14px;
text-align: center;
}
.customize-control-media .thumbnail-image img,
.customize-control-site_icon .thumbnail-image img,
li#customize-control-site_logo .thumbnail-image img {
width: auto;
}
.customize-control-media .actions,
.customize-control-site_icon .actions,
li#customize-control-site_logo .actions {
margin-bottom: 0;
}
.customize-control-typography select, .customize-control-typography select {
margin-bottom: 10px;
}
.customize-control-typography .description, .customize-control-typography .description {
margin-top: -3px;
}
.customize-control-typography ul li, .customize-control-typography ul li {
width: 100%;
margin: 0;
}
.default-preset-button {
background-color: #F5F6F6;
float: right;
padding: 1px 8px;
border-radius: 3px;
border: 1px solid #CBCBCB;
margin-right: 4px;
font-family: "Open Sans",sans-serif;
font-size: 13px;
}
.customize-control-preset .description {
margin-right: 5px;
font-style: normal;
}
.customify_preset.radio_buttons .customify_radio_button {
border: none;
display: inline-block;
padding: 2px;
margin: 3px;
position: relative;
overflow: hidden;
height: auto;
}
.customify_preset.radio_buttons .customify_radio_button input[type="radio"] {
opacity: 0;
width: 100%;
height: 100%;
position: absolute;
z-index: 9999;
}
.customify_preset.radio_buttons .customify_radio_button input[type="radio"]:checked + label {
background-color: #ebebeb;
}
.customify_preset.radio_buttons .customify_radio_button input[type="radio"]:checked + label:before {
content: '>';
color: inherit;
}
.customify_preset.radio_buttons .customify_radio_button input[type="radio"]:checked + label:after {
content: '<';
color: inherit;
}
.customify_preset.radio_buttons .customify_radio_button input[type="radio"]:checked:before {
opacity: 0;
}
.customify_preset.radio_buttons .customify_radio_button label {
position: relative;
z-index: 999;
border-left: 4px solid;
}
.customify_preset .awesome_preset {
width: 45%;
position: relative;
display: inline-block;
text-align: center;
color: white;
margin-top: 5px;
margin-bottom: 25px;
transition: all 0.2s;
}
.customify_preset .awesome_preset:hover {
opacity: 0.9;
}
.customify_preset .awesome_preset:before {
content: '';
position: absolute;
top: 1px;
left: 1px;
right: 1px;
bottom: 1px;
border: 1px solid #FFF;
background: transparent;
opacity: .5;
border-radius: 4px;
z-index: 5;
}
.customify_preset .awesome_preset .preset-wrap .preset-color {
height: 128px;
border-radius: 4px 4px 0 0;
padding: 17px 0 27px;
}
.customify_preset .awesome_preset .preset-wrap .preset-color .first-font {
display: inline-block;
width: 100%;
font-size: 55px;
line-height: 1;
}
.customify_preset .awesome_preset .preset-wrap .preset-color .secondary-font {
display: inline-block;
width: 100%;
font-size: 20px;
line-height: 1;
margin-top: 8px;
}
.customify_preset .awesome_preset .preset-wrap .preset-name {
position: relative;
font-size: 11px;
text-transform: UPPERCASE;
border-radius: 0 0 4px 4px;
padding: 1px;
}
.customify_preset .awesome_preset .preset-wrap .preset-name:before {
content: '';
position: absolute;
border-color: inherit;
border: 10px solid;
border-left-color: transparent;
border-right-color: transparent;
border-top: transparent;
top: -10px;
border-bottom-color: inherit;
left: 40%;
}
.customify_preset .awesome_preset:nth-child(odd) {
margin-right: 7%;
}
.customify_preset .awesome_preset input[type=radio] {
height: 100%;
width: 100%;
position: absolute;
border: 0;
box-shadow: none;
color: #006505;
background-color: transparent;
border-radius: 0;
margin: 0;
display: inline-block;
top: 0;
left: 0;
z-index: 10;
}
.customify_preset .awesome_preset input[type=radio]:checked:before {
position: absolute;
height: 25px;
width: 25px;
top: -13px;
right: -14px;
background: #FFF;
z-index: 1;
}
.customify_preset .awesome_preset input[type=radio]:checked:after {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
content: '';
position: absolute;
width: 26px;
height: 26px;
border-radius: 50%;
top: -5px;
right: -5px;
z-index: 10;
background: #73C5EE url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjEzcHgiIGhlaWdodD0iOXB4IiB2aWV3Qm94PSIwIDAgMTMgOSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDxkZWZzPjwvZGVmcz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJDdXN0b21pZnktQ29weSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIxLjAwMDAwMCwgLTQwOC4wMDAwMDApIiBmaWxsPSIjRkZGRkZGIj4KICAgICAgICAgICAgPGcgaWQ9IkhlYWRlciIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTIxLjAwMDAwMCwgNDcuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iQ29udGVudCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAuMDAwMDAwLCA3NS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iRmllbGQtLS1DaGVja2JveC1Db3B5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNy4wMDAwMDAsIDI0OS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9IkNoZWNrYm94IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMzAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTAuMDM4NDk1LDE2IEwxNy4xMTYxMzc1LDguOTIxNDg3NiBMMTUuMTk0NjQ5OCw3IEwxMC4wMzg0OTUsMTIuMTU1MDY3NCBMNi45MjE0ODc2LDkuMDM4OTI5OTcgTDUsMTAuOTYwNDE3NiBMMTAuMDM4NDk1LDE2IFoiIGlkPSJQYWdlLTEiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+) no-repeat;
background-position: center center;
}
.customify_radio_image {
display: inline-block;
}
.customify_radio_image label {
display: block;
float: left;
margin-right: 10px;
position: relative;
}
.customify_radio_image label input[type=radio] {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
visibility: hidden;
}
.customify_radio_image label input[type=radio] img {
cursor: pointer;
border: 2px solid transparent;
}
.customify_radio_image label input[type=radio]:checked + img {
border: 3px solid #73C5EE;
}
.customify_ace_editor {
display: block;
min-height: 200px;
border: 1px solid #ddd;
}
.customize-control-custom_background .hide {
display: none;
}
.customize-control-custom_background .upload_button_div {
margin: 10px 0;
}
.customize-control-custom_background .upload_button_div > * {
margin-right: 10px;
}
.customize-control-custom_background .preview_screenshot {
text-align: center;
margin: 10px 0;
}
.customize-control-custom_background .preview_screenshot img {
border: 2px solid #ccc;
}
#customify_import_demo_data_button {
width: 70%;
text-align: center;
padding: 10px;
display: inline-block;
height: auto;
margin: 0 15% 10% 15%;
}
.import_step_note {
margin: 5px;
width: 100%;
display: inline-block;
}
.import_step_note:before {
content: "\1F449";
}
.import_step_note.success:before {
content: "\1F44D";
}
.import_step_note.failed:before {
content: "\274C";
}
#customize-header-actions {
background: #ffffff;
border-color: #e0e8ef;
}
.wp-full-overlay-sidebar,
.customize-themes-panel,
#customize-sidebar-outer-content {
background: #F7F9FA;
border-right: 1px solid #e0e8ef;
}
.outer-section-open #customize-controls .wp-full-overlay-sidebar-content,
.attachment-media-view, .media-widget-preview.media_audio, .media-widget-preview.media_image {
background: #F7F9FA;
}
#customize-theme-controls #accordion-section-menu_locations {
border-bottom: 1px solid #e0e8ef;
}
#customize-controls #accordion-section-themes > .accordion-section-title {
font-weight: 600;
border-bottom: 1px solid #e0e8ef;
}
#customize-controls #accordion-section-themes > .accordion-section-title:hover {
background: #fff;
}
#customize-controls .panel-meta.customize-info {
border-bottom-color: #e0e8ef;
}
#customize-theme-controls .control-section .accordion-section-title {
font-weight: 400;
border-top: 1px solid #e0e8ef;
border-bottom: none;
}
#customize-theme-controls .control-section:last-of-type > .accordion-section-title {
border-bottom: 1px solid #e0e8ef;
}
#customize-theme-controls .customize-section-title {
border-top: 1px solid #e0e8ef;
border-bottom: 1px solid #e0e8ef;
}
#customize-controls .control-section .accordion-section-title:focus, #customize-controls .control-section .accordion-section-title:hover, #customize-controls .control-section.open .accordion-section-title, #customize-controls .control-section:hover > .accordion-section-title {
color: #056184;
background: #f5fcff;
border-left-color: #f5fcff;
}
.wp-customizer {
/* SECTION: NAV MENUS */
}
.wp-customizer .menu-item-edit-active .menu-item-handle, .wp-customizer .section-open .menu-item-settings, .wp-customizer .menu-item-bar .menu-item-handle:hover {
border-color: #e0e8ef;
}
.wp-customizer .section-open .menu-item-settings {
background: #f5fcff;
}
.wp-customizer .control-section-nav_menu .menu-location-settings {
border-top-color: #e0e8ef !important;
}
[data-balloon] {
position: relative;
}
[data-balloon]::before {
opacity: 0;
pointer-events: none;
transition: all .18s ease-out;
background: rgba(17, 17, 17, 0.9);
border-radius: 4px;
color: #fff;
content: attr(data-balloon);
font-size: 12px;
padding: .5em 1em;
position: absolute;
white-space: nowrap;
z-index: 10;
}
[data-balloon]::after {
background: no-repeat url('data:image/svg+xml;utf8,');
background-size: 100% auto;
width: 18px;
height: 6px;
opacity: 0;
pointer-events: none;
transition: all .18s ease-out;
content: '';
position: absolute;
z-index: 10;
}
[data-balloon]:hover::before, [data-balloon]:hover::after {
opacity: 1;
pointer-events: auto;
}
[data-balloon][data-balloon-pos="up"]::before {
bottom: 100%;
left: 50%;
margin-bottom: 11px;
-webkit-transform: translate3d(-50%, 10px, 0);
transform: translate3d(-50%, 10px, 0);
-webkit-transform-origin: top;
transform-origin: top;
}
[data-balloon][data-balloon-pos="up"]::after {
bottom: 100%;
left: 50%;
margin-bottom: 5px;
-webkit-transform: translate3d(-50%, 10px, 0);
transform: translate3d(-50%, 10px, 0);
-webkit-transform-origin: top;
transform-origin: top;
}
[data-balloon][data-balloon-pos="up"]:hover::before {
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
[data-balloon][data-balloon-pos="up"]:hover::after {
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
[data-balloon][data-balloon-pos='down']::before {
left: 50%;
margin-top: 11px;
top: 100%;
-webkit-transform: translate3d(-50%, -10px, 0);
transform: translate3d(-50%, -10px, 0);
}
[data-balloon][data-balloon-pos='down']::after {
background: no-repeat url('data:image/svg+xml;utf8,');
background-size: 100% auto;
width: 18px;
height: 6px;
left: 50%;
margin-top: 5px;
top: 100%;
-webkit-transform: translate3d(-50%, -10px, 0);
transform: translate3d(-50%, -10px, 0);
}
[data-balloon][data-balloon-pos='down']:hover::before {
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
[data-balloon][data-balloon-pos='down']:hover::after {
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
[data-balloon][data-balloon-pos='left']::before {
margin-right: 11px;
right: 100%;
top: 50%;
-webkit-transform: translate3d(10px, -50%, 0);
transform: translate3d(10px, -50%, 0);
}
[data-balloon][data-balloon-pos='left']::after {
background: no-repeat url('data:image/svg+xml;utf8,');
background-size: 100% auto;
width: 6px;
height: 18px;
margin-right: 5px;
right: 100%;
top: 50%;
-webkit-transform: translate3d(10px, -50%, 0);
transform: translate3d(10px, -50%, 0);
}
[data-balloon][data-balloon-pos='left']:hover::before {
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
[data-balloon][data-balloon-pos='left']:hover::after {
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
[data-balloon][data-balloon-pos='right']::before {
left: 100%;
margin-left: 11px;
top: 50%;
-webkit-transform: translate3d(-10px, -50%, 0);
transform: translate3d(-10px, -50%, 0);
}
[data-balloon][data-balloon-pos='right']::after {
background: no-repeat url('data:image/svg+xml;utf8,');
background-size: 100% auto;
width: 6px;
height: 18px;
left: 100%;
margin-left: 5px;
top: 50%;
-webkit-transform: translate3d(-10px, -50%, 0);
transform: translate3d(-10px, -50%, 0);
}
[data-balloon][data-balloon-pos='right']:hover::before {
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
[data-balloon][data-balloon-pos='right']:hover::after {
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
[data-balloon][data-balloon-length='small']::before {
white-space: normal;
width: 80px;
}
[data-balloon][data-balloon-length='medium']::before {
white-space: normal;
width: 150px;
}
[data-balloon][data-balloon-length='large']::before {
white-space: normal;
width: 260px;
}
[data-balloon][data-balloon-length='xlarge']::before {
white-space: normal;
width: 380px;
}
@media screen and (max-width: 768px) {
[data-balloon][data-balloon-length='xlarge']::before {
white-space: normal;
width: 90vw;
}
}
[data-balloon][data-balloon-length='fit']::before {
white-space: normal;
width: 100%;
}
/* ==========================================================================
#FEEDBACK MODAL
========================================================================== */
body.modal-open {
overflow: hidden;
}
body.modal-open #style-manager-user-feedback-modal .modal {
overflow-x: hidden;
overflow-y: auto;
visibility: visible;
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
#style-manager-user-feedback-modal {
height: 100%;
}
#style-manager-user-feedback-modal .modal {
position: relative;
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
opacity: 0;
visibility: hidden;
overflow: hidden;
outline: 0;
transition: all .3s ease;
-webkit-transform: translate(0, -10%);
transform: translate(0, -10%);
font-family: 'Galano Grotesque Alt', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
font-weight: 400;
font-size: 16px;
line-height: 1.7;
}
#style-manager-user-feedback-modal .modal-dialog {
position: relative;
width: auto;
margin: 10px;
text-align: left;
}
#style-manager-user-feedback-modal .modal-content {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
background-color: #fff;
background-clip: padding-box;
border: none;
border-radius: 4px;
box-shadow: 0 4px 4px 0 rgba(42, 54, 52, 0.1), 0 8px 8px 0 rgba(42, 54, 52, 0.1), 0 16px 16px 0 rgba(42, 54, 52, 0.1), 0 16px 32px 0 rgba(42, 54, 52, 0.1), 0 32px 64px 0 rgba(42, 54, 52, 0.1), 0 64px 128px 0 rgba(42, 54, 52, 0.1);
outline: 0;
}
#style-manager-user-feedback-modal .modal-content p {
color: #000;
}
#style-manager-user-feedback-modal .modal-content p a {
font-weight: 500;
color: #9660C6;
border-bottom: 1px solid #9660C6;
}
#style-manager-user-feedback-modal .modal-content > form {
margin-bottom: 20px;
}
#style-manager-user-feedback-modal .modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
}
.modal-open #style-manager-user-feedback-modal .modal-backdrop {
opacity: 0.8;
visibility: visible;
}
#style-manager-user-feedback-modal .modal-header {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 30px 48px 10px 48px;
}
#style-manager-user-feedback-modal .modal-header .close.button {
top: -10px;
}
#style-manager-user-feedback-modal .modal-header .close.icon {
opacity: 0.5;
}
#style-manager-user-feedback-modal .modal-header .close:hover {
opacity: 1;
}
#style-manager-user-feedback-modal .modal-title {
margin-bottom: 10px;
line-height: 1.5;
}
#style-manager-user-feedback-modal .modal-title.modal-title--small {
font-weight: 500;
}
#style-manager-user-feedback-modal .modal-body {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 30px 30px 0 30px;
}
#style-manager-user-feedback-modal .modal-body.full {
padding: 0;
}
#style-manager-user-feedback-modal .modal-body.full .box {
padding-top: 0;
padding-bottom: 0;
margin-top: 0;
}
#style-manager-user-feedback-modal .modal-body.full + .modal-footer.full .box {
padding-top: 18px;
}
#style-manager-user-feedback-modal .modal-footer {
padding: 30px;
text-align: center;
}
#style-manager-user-feedback-modal .modal-footer .box .button:last-child {
margin-bottom: 0;
}
#style-manager-user-feedback-modal .modal-footer.full {
padding: 0;
}
#style-manager-user-feedback-modal .modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
#style-manager-user-feedback-modal .modal-state {
display: none;
}
#style-manager-user-feedback-modal .modal-state:checked + .modal {
opacity: 1;
visibility: visible;
}
#style-manager-user-feedback-modal .modal-state:checked + .modal .modal__inner {
top: 0;
}
@media (min-width: 576px) {
#style-manager-user-feedback-modal .modal-dialog {
max-width: 655px;
margin: 30px auto;
}
#style-manager-user-feedback-modal .modal-sm {
max-width: 300px;
}
}
@media (min-width: 576px) {
#style-manager-user-feedback-modal .modal-lg {
max-width: 800px;
}
}
#style-manager-user-feedback .modal-body .box {
position: relative;
-ms-flex-direction: column;
flex-direction: column;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-align: center;
align-items: center;
margin: 20px 0;
padding: 16px 52px;
border-radius: 4px;
}
#style-manager-user-feedback .modal-body .box > * {
width: 100%;
}
#style-manager-user-feedback .modal-body p {
font-size: 16px;
margin-bottom: 20px;
}
#style-manager-user-feedback .modal-body textarea {
width: 100%;
margin: 0;
padding: 11px 18px;
border: 1px solid #dddddd;
border-radius: 4px;
box-shadow: none;
font-family: 'Galano Grotesque Alt', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
font-size: 16px;
line-height: 26px;
color: #473850;
}
#style-manager-user-feedback .modal-title {
margin-top: 0;
margin-bottom: 34px;
font-family: 'Galano Classic', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
font-weight: 600;
font-size: 28px;
line-height: 1.4;
text-align: center;
}
#style-manager-user-feedback .button {
text-decoration: none;
cursor: pointer;
-webkit-font-smoothing: antialiased;
position: relative;
transition-duration: .2s;
transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
transition-property: -webkit-transform,background,background-color,color,box-shadow;
transition-property: transform,background,background-color,color,box-shadow;
display: inline-block;
padding: 15px 50px;
border-radius: 2px;
font-family: "Galano Classic", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
font-size: 16px;
line-height: 23px;
font-weight: 600;
text-align: center;
background-color: #9660c6;
color: #ffffff;
border-radius: 4px;
box-shadow: none;
height: auto;
width: 100%;
margin-top: 20px;
}
#style-manager-user-feedback .button:hover {
background-color: #9660c6;
color: #ffffff;
-webkit-transform: scale(1.05) translateY(-3px);
transform: scale(1.05) translateY(-3px);
box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.7);
}
#style-manager-user-feedback .second-step {
margin-top: 18px;
}
#style-manager-user-feedback .thanks-step,
#style-manager-user-feedback .error-step {
text-align: center;
}
#style-manager-user-feedback .thanks-step .modal-title,
#style-manager-user-feedback .error-step .modal-title {
margin-bottom: 0;
}
#style-manager-user-feedback .thanks-step p:last-child,
#style-manager-user-feedback .error-step p:last-child {
margin-bottom: 10px;
}
.scorecard {
display: -ms-flexbox;
display: flex;
-ms-flex-align: baseline;
align-items: baseline;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
color: #9660C6;
font-family: "Galano Classic", -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
font-size: 18px;
font-weight: 600;
text-align: center;
}
.scorecard > label {
font-size: 20px;
}
.scorecard > label span {
display: block;
width: 46px;
border: 2px solid #9660C6;
line-height: 46px;
border-radius: 100%;
background: #FFF;
transition: all 0.25s ease;
}
.scorecard > label input[type="radio"] {
display: none;
}
.scorecard > label span:hover,
.scorecard > label input[type="radio"]:checked ~ span {
background: #9660C6;
color: #FFF;
}
.font-options__wrapper .font-options__options-list {
border-color: #B8DAEB;
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
}
.font-options__wrapper .font-options__option {
margin-bottom: 12px;
}
.font-options__wrapper .font-options__option label {
display: block;
margin-bottom: 6px;
}
.font-options__wrapper [type=checkbox]:checked ~ .font-options__options-list {
opacity: 1;
display: block;
}
input.customify_font_tooltip {
display: none;
}
ul.font-options__options-list .select2-container {
width: 100% !important;
}
ul.font-options__options-list .select2-container .select2-selection--single {
-webkit-appearance: initial;
}
ul.font-options__options-list .select2-container .select2-selection--single .select2-selection__arrow {
display: none;
}
ul.font-options__options-list .select2-container--default .select2-selection--single .select2-selection__rendered {
color: inherit;
line-height: initial;
}
.select2-container.select2-container--open {
z-index: 99999999;
}
#customize-theme-controls .select2-container {
width: 100% !important;
}
#customize-theme-controls .select2-container .select2-selection--multiple {
-webkit-appearance: initial;
padding: 4px 8px 4px;
height: auto;
background: none;
}
#customize-theme-controls .select2-container .select2-selection--multiple .select2-selection__arrow {
display: none;
}
#customize-theme-controls .select2-container .select2-selection--multiple .select2-selection__rendered {
padding: 0;
display: -ms-flexbox;
display: flex;
}
#customize-theme-controls .select2-container .select2-selection--multiple .select2-selection__rendered .select2-search--inline {
-ms-flex: 1;
flex: 1;
}
#customize-theme-controls .select2-container .select2-selection--multiple .select2-selection__rendered .select2-search--inline .select2-search__field[class] {
min-width: 100%;
border-width: 0;
margin-top: 3px !important;
}
#customize-theme-controls .select2-container .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
padding: 3px 7px;
margin-right: 6px;
margin-top: 0px;
border-color: #e0e8ef;
background-color: #f6fbff;
}
#customize-theme-controls .select2-container .select2-search--inline .select2-search__field {
height: 29px;
min-width: 9em;
margin-top: 0;
}
.select2-container--default .select2-results__option[aria-selected=true][class] {
background: transparent;
opacity: 0.3;
pointer-events: none;
}
.select2-container .select2-dropdown {
border-color: #e0e8ef;
}
#customize-theme-controls .widget-content .accordion-container {
margin-left: -10px;
margin-right: -10px;
margin-top: 20px;
margin-bottom: 10px;
}
#customize-theme-controls .widget-content .accordion-container .accordion-section .accordion-section-content {
position: relative;
left: 0;
max-height: 0;
padding-top: 0;
padding-bottom: 0;
overflow: hidden;
transition: all .4s ease;
color: #416B7E;
}
#customize-theme-controls .widget-content .accordion-container .accordion-section .accordion-section-content p:first-child {
margin-top: 0;
}
#customize-theme-controls .widget-content .accordion-container .accordion-section .accordion-section-content p:last-child {
margin-bottom: 0;
}
#customize-theme-controls .widget-content .accordion-container .accordion-section .accordion-section-title {
color: #39474D;
}
#customize-theme-controls .widget-content .accordion-container .accordion-section .accordion-section-title:after {
content: "\f142";
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
#customize-theme-controls .widget-content .accordion-container .accordion-section.open {
border-bottom: none;
}
#customize-theme-controls .widget-content .accordion-container .accordion-section.open .accordion-section-content {
max-height: 100%;
padding-top: 17px;
padding-bottom: 17px;
}
#customize-theme-controls .widget-content .accordion-container .accordion-section.open .accordion-section-title {
border-bottom: 1px solid;
}
#customize-theme-controls .widget-content .accordion-container .accordion-section.open .accordion-section-title:after {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
#customize-theme-controls .widget-content .accordion-container label.customize-control-title, #customize-theme-controls .widget-content .accordion-container label.separator.label {
cursor: default;
}
.widget .widget-content > p input[type=checkbox],
.widget .widget-content > p input[type=radio] {
margin-bottom: 3px;
margin-top: 3px;
}
.widget .widget-content small {
margin-top: 5px;
display: block;
}
#available-widgets [class*=pixelgrade] .widget .widget-title:before,
#available-widgets [class*=featured-posts] .widget .widget-title:before,
#available-widgets [class*=categories-image-grid] .widget .widget-title:before {
content: "\f538";
color: #9660c6;
}
#available-widgets [class*=pixelgrade-featured-posts-slideshow] .widget .widget-title:before {
content: "\f233";
}
#available-widgets [class*=pixelgrade-featured-posts-carousel] .widget .widget-title:before {
content: "\f169";
}
#available-widgets [class*=featured-posts-grid] .widget .widget-title:before {
content: "\f180";
}
#available-widgets [class*=featured-posts-list] .widget .widget-title:before {
content: "\f164";
}
#available-widgets [class*=categories-image-grid] .widget .widget-title:before {
content: "\f163";
}
#available-widgets [class*=pixelgrade-promo-box] .widget .widget-title:before {
content: "\f488";
}
.ui-tooltip {
z-index: 999999;
}
.wp-customizer .widget-conditional .condition-control:after {
content: " ";
display: table;
clear: both;
}
.wp-customizer .widget-conditional .selection {
padding-right: 50px;
padding-left: 28px;
padding-bottom: 19px;
margin-left: 0;
margin-right: 0;
margin-bottom: 10px;
border-bottom: 1px solid #cbcfd4;
}
.wp-customizer .widget-conditional .condition:last-child .selection {
border: 0;
}
.wp-customizer .widget-conditional select {
max-width: 100%;
width: 170px;
}
.wp-customizer .widget-conditional .condition-top select {
width: 130px;
}
.pix_customizer_setting .customize-inside-control-row {
position: relative;
width: 100% !important;
margin-left: 0 !important;
text-indent: 0 !important;
background-size: cover;
background-position: 50% 50%;
height: 64px;
border-radius: 5px;
overflow: hidden;
}
.pix_customizer_setting .customize-inside-control-row:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 10;
pointer-events: none;
box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2);
}
.pix_customizer_setting .customize-inside-control-row:hover:before {
box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.4);
}
.pix_customizer_setting .customize-inside-control-row:hover .palette__item {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
.pix_customizer_setting .customize-inside-control-row:hover label {
left: 10px;
}
.pix_customizer_setting .customize-inside-control-row input {
opacity: 0;
}
.pix_customizer_setting .customize-inside-control-row input:checked + label .preview__letter--checked {
display: inline-block;
vertical-align: middle;
}
.pix_customizer_setting .customize-inside-control-row input:checked + label .preview__letter {
display: none;
}
.pix_customizer_setting .customize-inside-control-row label {
position: absolute;
display: -ms-flexbox;
display: flex;
z-index: 2;
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 0 10px;
margin-top: 0 !important;
-ms-flex-align: center;
align-items: center;
transition: all .3s ease;
}
.pix_customizer_setting .customize-inside-control-row .palette {
position: absolute;
display: -ms-flexbox;
display: flex;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
transition: all .2s ease;
}
.pix_customizer_setting .customize-inside-control-row .palette__item {
-ms-flex: 1;
flex: 1;
-webkit-transform: translateY(100%);
transform: translateY(100%);
transition: all .3s ease;
}
.pix_customizer_setting .customize-inside-control-row .palette__item:nth-child(1) {
transition-delay: 0s;
}
.pix_customizer_setting .customize-inside-control-row .palette__item:nth-child(2) {
transition-delay: 0.05s;
}
.pix_customizer_setting .customize-inside-control-row .palette__item:nth-child(3) {
transition-delay: 0.1s;
}
.pix_customizer_setting .customize-inside-control-row .palette__item:nth-child(4) {
transition-delay: 0.15s;
}
.pix_customizer_setting .customize-inside-control-row .palette__item:nth-child(5) {
transition-delay: 0.2s;
}
.pix_customizer_setting .customize-inside-control-row .palette__item:nth-child(6) {
transition-delay: 0.25s;
}
.pix_customizer_setting .customize-inside-control-row .palette__item:nth-child(7) {
transition-delay: 0.3s;
}
.pix_customizer_setting .customize-inside-control-row .palette__item:nth-child(8) {
transition-delay: 0.35s;
}
.pix_customizer_setting .customize-inside-control-row .palette__item:nth-child(9) {
transition-delay: 0.4s;
}
.pix_customizer_setting .customize-inside-control-row .palette__item:nth-child(10) {
transition-delay: 0.45s;
}
.pix_customizer_setting .customize-inside-control-row .preview__letter,
.pix_customizer_setting .customize-inside-control-row .preview__letter--checked {
display: inline-block;
padding: 3px;
border-radius: 2px;
color: white;
margin-right: 5px;
min-height: 26px;
min-width: 26px;
text-align: center;
background-position: center center;
background-repeat: no-repeat;
background-size: 15px 15px;
font-style: normal;
vertical-align: baseline;
}
.pix_customizer_setting .customize-inside-control-row .preview__letter--checked {
display: none;
}
[id*="sm_current_color_palette_control"] .customize-inside-control-row .palette__item[class] {
-webkit-transform: none;
transform: none;
}
[id*="sm_current_color_palette_control"] .variation-control {
display: -ms-flexbox;
display: flex;
}
.label__inner {
color: #000000;
background: #F5F6F1;
padding: 7px 12px 7px 7px;
z-index: 2;
border-radius: 3px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}
.picker {
position: relative;
top: 0;
left: 50%;
width: 80%;
max-width: 3em;
margin-top: auto;
margin-bottom: auto;
border-radius: 50%;
overflow: hidden;
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
.colors .picker > i {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2);
border-radius: 50%;
pointer-events: none;
z-index: 20;
}
.picker:before,
.picker:after {
content: "";
display: block;
background: currentColor;
border-radius: 50%;
}
.picker:before {
padding-top: 100%;
}
.picker:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.fill {
overflow: hidden;
}
.color:first-child .fill {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.color:last-child .fill {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.label {
margin-right: auto;
}
#customize-theme-controls [id*="sm_current_color_palette_control"] {
display: block;
width: auto;
}
#customize-theme-controls [id*="sm_current_color_palette_control"] .color-palette-container {
background: white;
}
#customize-theme-controls [id*="sm_current_color_palette_control"] .color-palette-container .description {
margin-bottom: 15px;
}
#customize-theme-controls [id*="sm_current_color_palette_control"] .description.c-color-palette__notification {
padding-top: 19px;
margin-bottom: 0;
font-size: inherit;
font-weight: bold;
}
.c-color-palette__fields {
position: relative;
}
.c-color-palette .iris-picker {
position: absolute;
top: 100%;
left: 0;
z-index: 100;
margin-top: 1em;
border: 0;
box-shadow: black 0 3px 12px -4px;
}
.c-color-palette .iris-picker .iris-square-handle {
border-color: transparent;
left: -6px;
top: -6px;
}
.c-color-palette .iris-picker .iris-square-handle:after {
position: absolute;
bottom: 0;
right: 0;
left: 0;
top: 0;
border: 2px solid white;
}
.c-color-palette .iris-picker .iris-square-value {
box-shadow: none !important;
}
.colors {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 3em;
}
.color {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex: 1 1 0;
flex: 1 1 0;
overflow: hidden;
transition: -ms-flex-positive 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
transition: flex-grow 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.color.hidden {
display: -ms-flexbox;
display: flex;
-ms-flex-positive: 0;
flex-grow: 0;
transition: -ms-flex-positive 0.3s cubic-bezier(0.6, -1, 0.74, 0.05);
transition: flex-grow 0.3s cubic-bezier(0.6, -1, 0.74, 0.05);
}
.color.hidden .picker {
opacity: 0;
transition: opacity .2s ease-out;
}
.color .picker {
transition: opacity .3s ease-in-out, border-color .3s ease-in-out;
cursor: pointer;
}
.color.inactive .picker {
opacity: 0.2;
}
.color.inactive .picker:hover {
opacity: 1;
}
input.c-color-palette__input[class] {
margin-top: 1em;
}
#customize-control-sm_toggle_advanced_settings_control {
margin-bottom: 0;
opacity: 0;
}
#customize-control-sm_toggle_advanced_settings_control button {
width: 100%;
}
@-webkit-keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 100% {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
#customize-theme-controls #sub-accordion-panel-style_manager_panel .customize-panel-description,
#customize-theme-controls #sub-accordion-panel-theme_options_panel .customize-panel-description {
display: block;
}
#customize-theme-controls li#accordion-panel-style_manager_panel h3.accordion-section-title:before {
position: relative;
float: right;
content: "";
color: #aed2e5;
font-family: dashicons;
padding: 1px;
margin-right: 28px;
font-size: 17px;
-webkit-font-smoothing: antialiased;
}
#customize-theme-controls li#accordion-panel-style_manager_panel h3.accordion-section-title:before {
font-size: 18px;
color: #f8bc30;
}
#customize-theme-controls li#accordion-section-sm_color_palettes_section h3.accordion-section-title:before {
position: relative;
float: right;
content: "";
color: #aed2e5;
font-family: dashicons;
padding: 1px;
margin-right: 28px;
font-size: 17px;
-webkit-font-smoothing: antialiased;
}
#customize-theme-controls li#accordion-section-sm_color_palettes_section h3.accordion-section-title {
border-top: none;
}
#customize-theme-controls li#accordion-section-sm_font_palettes_section h3.accordion-section-title:before {
position: relative;
float: right;
content: "";
color: #aed2e5;
font-family: dashicons;
padding: 1px;
margin-right: 28px;
font-size: 17px;
-webkit-font-smoothing: antialiased;
}
#customize-theme-controls li#accordion-section-sm_color_palettes_section h3.accordion-section-title:before,
#customize-theme-controls li#accordion-section-sm_font_palettes_section h3.accordion-section-title:before {
padding: 3px;
margin-right: 5px;
margin-top: -2px;
}
#customize-theme-controls li#accordion-panel-theme_options_panel h3.accordion-section-title:before {
position: relative;
float: right;
content: "";
color: #aed2e5;
font-family: dashicons;
padding: 1px;
margin-right: 28px;
font-size: 17px;
-webkit-font-smoothing: antialiased;
}
#customize-theme-controls li#accordion-panel-theme_options_panel h3.accordion-section-title {
border-bottom: 1px solid #ddd;
border-left: none;
border-right: none;
margin: 0 0 15px 0;
}
#customize-theme-controls li[id$="[general]"],
#customize-theme-controls li[id$="[footer_section]"] {
border-bottom: 1px solid #ddd;
border-left: none;
border-right: none;
margin: 0 0 15px 0;
}
#customize-theme-controls li[id$="[general]"] h3.accordion-section-title {
border-top: none;
}
.color .disc {
display: block;
overflow: hidden;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 15;
pointer-events: none;
opacity: 0;
transition: opacity .3s ease-in-out;
}
.color .disc:after {
content: "";
-webkit-filter: blur(6px) saturate(0.7) brightness(1.1);
filter: blur(6px) saturate(0.7) brightness(1.1);
display: block;
width: 200%;
height: 200%;
padding-top: 100%;
position: absolute;
top: -50%;
left: -50%;
-webkit-transform: scale(1);
transform: scale(1);
background-image: linear-gradient(330deg, transparent 50%, #ff8100 0), linear-gradient(300deg, transparent 50%, #ff5800 0), linear-gradient(270deg, transparent 50%, #c92323 0), linear-gradient(240deg, transparent 50%, #cc42a2 0), linear-gradient(210deg, transparent 50%, #9f49ac 0), linear-gradient(180deg, transparent 50%, #306cd3 0), linear-gradient(150deg, transparent 50%, #179067 0), linear-gradient(120deg, transparent 50%, #0eb5d6 0), linear-gradient(90deg, transparent 50%, #50b517 0), linear-gradient(60deg, transparent 50%, #ede604 0), linear-gradient(30deg, transparent 50%, #fc0 0), linear-gradient(0deg, transparent 50%, #feac00 0);
background-clip: content-box,content-box,content-box,content-box,content-box,content-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;
}
.color.altered .disc {
opacity: 1;
}
.customize-control-color .wp-picker-container .iris-picker .iris-palette-container {
display: -ms-flexbox;
display: flex;
width: 215px;
}
.customize-control-color .wp-picker-container .iris-picker .iris-palette {
width: auto !important;
height: auto !important;
-ms-flex: 1 1 0;
flex: 1 1 0;
float: none;
}
.customize-control-color .wp-picker-container .iris-picker .iris-palette:after {
content: "";
display: block;
padding-top: 100%;
}
.c-color-palette {
padding: 30px 20px 18px;
}
[id="customize-control-sm_current_color_palette_control"][id] {
margin-bottom: 0;
}
[id="customize-control-sm_current_color_palette_control"][id] ~ .customize-control {
background-color: #FFFFFF;
margin-bottom: 0;
padding: 24px 20px 0;
}
#customize-control-sm_dark_color_primary_slider_control,
#customize-control-sm_dark_color_secondary_slider_control,
#customize-control-sm_dark_color_tertiary_slider_control {
display: none !important;
}
.sm_color_matrix {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -15px;
}
.sm_color_matrix > * {
display: grid;
grid-auto-rows: 2px;
grid-auto-columns: 2px;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
padding-top: 15px;
padding-left: 15px;
}
.sm_color_matrix > * > * {
background-color: currentColor;
border-radius: 50%;
border: 1px solid #ccc;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
.sm_color_matrix > * > :nth-child(1) {
grid-area: 16 / 12 / span 12 / span 12;
}
.sm_color_matrix > * > :nth-child(2) {
grid-area: 26 / 24 / span 4 / span 4;
}
.sm_color_matrix > * > :nth-child(3) {
grid-area: 13 / 24 / span 4 / span 4;
}
.sm_color_matrix > * > :nth-child(4) {
grid-area: 8 / 8 / span 8 / span 8;
}
.sm_color_matrix > * > :nth-child(5) {
grid-area: 32 / 8 / span 4 / span 4;
}
.sm_color_matrix > * > :nth-child(6) {
grid-area: 30 / 16 / span 8 / span 8;
}
.sm_color_matrix > * > :nth-child(7) {
grid-area: 4 / 20 / span 8 / span 8;
}
.sm_color_matrix > * > :nth-child(8) {
grid-area: 17 / 26 / span 8 / span 8;
}
.sm_color_matrix > * > :nth-child(9) {
grid-area: 22 / 2 / span 8 / span 8;
}
.sm_color_matrix > * > :nth-child(10) {
grid-area: 28 / 11 / span 2 / span 2;
}
.sm_color_matrix > * > :nth-child(11) {
grid-area: 9 / 31 / span 6 / span 6;
}
.sm_color_matrix > * > :nth-child(11) {
grid-area: 26 / 30 / span 9 / span 9;
}
.sm_color_matrix > * > :nth-child(12) {
grid-area: 17 / 7 / span 4 / span 4;
}
.sm_color_matrix > * > :nth-child(13) {
grid-area: 19 / 36 / span 6 / span 6;
}
.sm_color_matrix > * > :nth-child(14) {
grid-area: 12 / 18 / span 2 / span 2;
}
.sm_color_matrix > * > :nth-child(n+15) {
display: none;
}
.sm-tabs {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 16px;
text-align: center;
border-bottom: 1px solid #DFE8EF;
}
.sm-tabs__item {
padding: 12px 0;
margin-bottom: -1px;
-ms-flex-preferred-size: 31%;
flex-basis: 31%;
font-size: 14px;
color: #416B7E;
opacity: 0.7;
border-bottom: 3px solid transparent;
cursor: pointer;
transition: all 0.2s ease;
}
.sm-tabs__item:not(.sm-tabs__item--active):hover {
color: #2A3B44;
border-bottom-color: #E2E4E7;
opacity: 1;
}
.sm-tabs__item--active {
color: #2A3B44;
border-bottom-color: #57ABD5;
opacity: 1;
}
[id="sub-accordion-section-sm_color_palettes_section"] {
display: -ms-flexbox !important;
display: flex !important;
-ms-flex-direction: column;
flex-direction: column;
padding: 12px 0 0 !important;
overflow: hidden;
}
[id="sub-accordion-section-sm_color_palettes_section"] #customize-control-sm_color_palette_control {
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-positive: 1;
flex-grow: 1;
overflow-y: scroll;
margin-bottom: 0;
padding-top: 12px;
}
[id="sub-accordion-section-sm_color_palettes_section"] > * {
-ms-flex-positive: 0;
flex-grow: 0;
padding: 0 12px;
}
[id="sub-accordion-section-sm_color_palettes_section"] [id="customize-control-sm_current_color_palette_control"] ~ * {
display: none !important;
}
[id="sub-accordion-section-sm_color_palettes_section"] [id="customize-control-sm_palettes_description_control"] span,
[id="sub-accordion-section-sm_color_palettes_section"] [id="customize-control-sm_filters_description_control"] span,
[id="sub-accordion-section-sm_color_palettes_section"] [id="customize-control-sm_customize_description_control"] span {
margin: 0;
}
[id="sub-accordion-section-sm_color_palettes_section"].sm-view-palettes [id="customize-control-sm_palettes_description_control"],
[id="sub-accordion-section-sm_color_palettes_section"].sm-view-palettes [id="customize-control-sm_color_palette_control"] {
display: block !important;
}
[id="sub-accordion-section-sm_color_palettes_section"].sm-view-filters [id="customize-control-sm_filters_description_control"],
[id="sub-accordion-section-sm_color_palettes_section"].sm-view-filters [id="customize-control-sm_palette_filter_control"] {
display: block !important;
}
[id="sub-accordion-section-sm_color_palettes_section"].sm-view-customize [id="customize-control-sm_customize_description_control"],
[id="sub-accordion-section-sm_color_palettes_section"].sm-view-customize [id="customize-control-sm_coloration_level_control"],
[id="sub-accordion-section-sm_color_palettes_section"].sm-view-customize [id="customize-control-sm_color_diversity_control"],
[id="sub-accordion-section-sm_color_palettes_section"].sm-view-customize [id="customize-control-sm_shuffle_colors_control"],
[id="sub-accordion-section-sm_color_palettes_section"].sm-view-customize [id="customize-control-sm_dark_mode_control"] {
display: block !important;
}
[id="sub-accordion-section-sm_color_palettes_section"] [id="customize-control-sm_spacing_bottom_control"][id] {
display: block !important;
min-height: 24px;
-ms-flex-positive: 1;
flex-grow: 1;
}
[id="customize-control-sm_color_palette_control"] .customize-control-title, [id="customize-control-sm_color_palette_control"] .separator.label,
[id="customize-control-sm_color_palette_control"] .customize-control-description {
display: none;
}
.customize-control-radio[class][id="customize-control-sm_palette_filter_control"] > .customize-inside-control-row:not(:only-of-type) {
display: block;
width: auto;
}
.color[class*="sm_color"][class*="_connected"], .color[class*="sm_dark"][class*="_connected"], .color[class*="sm_light"][class*="_connected"] {
display: none;
}
.c-color-palette__colors {
position: relative;
}
.c-color-palette canvas, .c-color-palette svg {
max-width: 100%;
height: auto;
}
.c-color-palette__fields {
position: absolute;
top: 100%;
left: 0;
right: 0;
z-index: 100;
}
[id="sub-accordion-section-sm_color_palettes_section"] > .customize-section-description-container {
margin-bottom: 0;
border-bottom: 1px solid #DFE8EF;
}
.sm-palette-filter .colors {
width: auto;
height: auto;
padding: 10px 10px;
border-radius: 999em;
}
.sm-palette-filter .picker:after {
box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.2);
}
.sm-palette-filter > label {
position: relative;
display: block;
margin: 0 0 10px;
}
.sm-palette-filter > label:hover .filter-label {
opacity: 1;
}
.sm-palette-filter > input {
display: none;
}
.sm-palette-filter .filter-label {
position: absolute;
top: 0;
left: 0;
z-index: 10;
width: 100%;
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
opacity: 0;
transition: opacity .2s ease-out;
}
.sm-palette-filter .filter-label span {
position: relative;
z-index: 20;
}
.sm-palette-filter .filter-label:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 10;
width: 100%;
height: 100%;
background-color: #ffffff;
box-shadow: #d6e0e5 0 0 0 1px;
border-radius: 999em;
}
.sm-palette-filter > input:checked + label .filter-label:after {
background-color: #f7f9fa;
box-shadow: none;
}
.sm-palette-filter > input:checked + label .colors {
background-color: #f7f9fa;
box-shadow: #57ABD5 0 0 0 2px;
}
.customize-control-sm_palette_filter .customize-control-title, .customize-control-sm_palette_filter .separator.label {
display: none;
}
#customize-control-sm_font_palette_control ~ .customize-control {
display: none !important;
}
.pix_customizer_setting .font_palette[class][class] .customize-inside-control-row {
height: auto;
padding-top: 52%;
background-color: white;
border-radius: 6px;
overflow: hidden;
}
.pix_customizer_setting .font_palette[class][class] .customize-inside-control-row:before {
border: 1px solid #DFE8EF;
border-radius: 6px;
}
.pix_customizer_setting .font_palette[class][class] .customize-inside-control-row:before, .pix_customizer_setting .font_palette[class][class] .customize-inside-control-row:hover:before {
box-shadow: 0 1px 0 0 #B8DAEB;
}
.pix_customizer_setting .font_palette[class][class] .customize-inside-control-row input {
display: none;
}
.pix_customizer_setting .font_palette[class][class] .customize-inside-control-row label {
border-radius: 6px;
left: 0;
}
.pix_customizer_setting .font_palette[class][class] .customize-inside-control-row input + label {
border: 2px solid transparent;
}
.pix_customizer_setting .font_palette[class][class] .customize-inside-control-row input:checked + label {
border-color: #57ABD5;
}
.pix_customizer_setting .font_palette[class][class] .customize-inside-control-row .label__inner {
display: none;
}