Current File : /home/kelaby89/public_html/wp/wp-content/themes/nexio/css/admin.css |
/* Theme-specific font icons
-----------------------------------------------------------------*/
[class^="icon-"]:before,
[class*=" icon-"]:before {
font-size: inherit;
line-height: inherit !important;
font-weight: inherit;
font-style: inherit;
display: inline-block;
vertical-align: middle;
width: auto;
margin: 0;
}
/* Media crop
-----------------------------------------------------------------*/
.media-frame-content .crop-content > img + div + div {
min-height: 10px;
}
/* New editor area
-----------------------------------------------------------------*/
/* Notices
-----------------------------------------------------------------*/
.nexio_admin_notice {
display: block;
overflow: hidden;
position: relative;
padding-top: 1em;
padding-bottom: 1em;
}
.nexio_admin_notice .nexio_notice_image {
float: left;
margin-right: 2em;
}
.nexio_admin_notice .nexio_notice_image img {
max-height: 135px;
width: auto;
}
.nexio_admin_notice .nexio_notice_title {
margin: 0;
}
.nexio_admin_notice .nexio_notice_title a {
text-decoration: none;
}
.nexio_admin_notice.nexio_rate_notice .nexio_notice_title:after {
display: inline-block;
vertical-align: top;
content: '\f155\f155\f155\f155\f155';
font-family: 'dashicons';
margin-left: 0.5em;
color: #ffcc00;
font-size: 1em;
}
.nexio_admin_notice .nexio_notice_text {
margin: 1em 0;
}
.nexio_admin_notice p {
margin: 0 0 0.1em;
}
.nexio_admin_notice .nexio_notice_text_info {
margin-top: 0.5em;
font-style: italic;
}
.nexio_admin_notice .dashicons {
font-size: 1em;
width: inherit;
height: inherit;
line-height: inherit;
text-align: center;
display: inline-block;
vertical-align: top;
margin-top: -2px;
}
.nexio_admin_notice .dashicons:before {
font-size: 1.2em;
line-height: inherit;
}
.nexio_admin_notice .button + .button {
margin-left: 0.3em;
}
/* Admin messages
-----------------------------------------------------------------*/
.nexio_admin_messages {
margin-bottom: 1em;
}
.nexio_admin_messages .nexio_admin_message_item {
margin: 0.5em 20px 0.5em 0;
}
.nexio_skin_code {
width: 100%;
}
/* Custom fields
-----------------------------------------------------------------*/
/* Buttons */
.nexio_button,
form input[type="button"].nexio_button,
form input[type="submit"].nexio_button {
display: inline-block;
vertical-align: top;
text-decoration: none;
font-size: 15px;
line-height: 24px;
padding: 10px 30px;
height: auto;
background-color: #f7f7f7;
border: 1px solid #d8d8d8;
border-bottom-width: 2px;
color: #555d66;
cursor: pointer;
-webkit-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
-webkit-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
-ms-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
}
.nexio_button:focus,
form input[type="button"].nexio_button:focus,
form input[type="submit"].nexio_button:focus,
.nexio_button:hover,
form input[type="button"].nexio_button:hover,
form input[type="submit"].nexio_button:hover {
background-color: #eeeeee;
border-color: #999999;
color: #555d66;
}
.nexio_button:focus,
form input[type="button"].nexio_button:focus,
form input[type="submit"].nexio_button:focus {
outline: 0;
box-shadow: 0 0 0 3px #bfe7f3;
}
.nexio_button[disabled],
form input[type="button"].nexio_button[disabled],
form input[type="submit"].nexio_button[disabled] {
background-color: #eeeeee !important;
color: #aaaaaa !important;
border-color: #e8e8e8 !important;
}
.nexio_button:before,
form input[type="button"].nexio_button:before,
form input[type="submit"].nexio_button:before,
.nexio_button:after,
form input[type="button"].nexio_button:after,
form input[type="submit"].nexio_button:after {
font-family: "trx_addons_icons";
display: inline-block;
vertical-align: middle;
margin-top: -1px;
font-size: 1.2em;
line-height: 0;
color: inherit;
}
.nexio_button:before,
form input[type="button"].nexio_button:before,
form input[type="submit"].nexio_button:before {
margin-right: 0.3em;
}
.nexio_button:after,
form input[type="button"].nexio_button:after,
form input[type="submit"].nexio_button:after {
margin-left: 0.3em;
}
.nexio_button_small,
form input[type="button"].nexio_button_small,
form input[type="submit"].nexio_button_small {
font-size: 14px;
line-height: 20px;
padding: 5px 15px;
}
.nexio_button_small:before,
form input[type="button"].nexio_button_small:before,
form input[type="submit"].nexio_button_small:before,
.nexio_button_small:after,
form input[type="button"].nexio_button_small:after,
form input[type="submit"].nexio_button_small:after {
font-size: 1em;
}
.nexio_button_accent,
a.nexio_button.nexio_button_accent,
form input[type="button"].nexio_button_accent,
form input[type="submit"].nexio_button_accent {
background-color: #11a0d2;
border-color: #006b8f;
color: #fff;
}
.nexio_button_accent:focus,
a.nexio_button.nexio_button_accent:focus,
form input[type="button"].nexio_button:focus,
form input[type="submit"].nexio_button:focus,
.nexio_button_accent:hover,
a.nexio_button.nexio_button_accent:hover,
form input[type="button"].nexio_button:hover,
form input[type="submit"].nexio_button:hover {
background-color: #0280ac;
border-color: #004c65;
color: #fff;
}
@media (max-width: 1023px) {
.nexio_button,
form input[type="button"].nexio_button,
form input[type="submit"].nexio_button {
font-size: 13px;
line-height: 20px;
padding: 8px 20px;
}
.nexio_button_small,
form input[type="button"].nexio_button_small,
form input[type="submit"].nexio_button_small {
font-size: 12px;
line-height: 18px;
padding: 4px 10px;
}
}
/* Single and Range Slider */
.nexio_range_slider {
font-family: inherit;
font-size: 1em;
line-height: inherit;
margin-top: 7px;
margin-bottom: 20px;
border: none !important;
}
.nexio_range_slider_value {
display: inline-block;
vertical-align: top;
width: 58px !important;
margin-right: 10px !important;
text-align: right;
}
input[type="number"].nexio_range_slider_value {
padding-right: 0;
}
.nexio_range_slider_units {
display: inline-block;
vertical-align: top;
margin-top: 7px;
margin-left: -8px;
width: 24px;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.nexio_range_slider_value + .nexio_range_slider {
display: inline-block;
vertical-align: top;
width: calc(100% - 72px);
}
.nexio_range_slider_units + .nexio_range_slider {
display: inline-block;
vertical-align: top;
width: calc(100% - 92px);
}
.nexio_range_slider_value[data-type="range"] {
width: 80px !important;
}
.nexio_range_slider_value + .nexio_range_slider[data-range="true"] {
width: calc(100% - 102px);
}
.nexio_range_slider_units + .nexio_range_slider[data-range="true"] {
width: calc(100% - 122px);
}
.nexio_range_slider_label {
font-size: 12px;
line-height: 1em;
position: absolute;
z-index: 1;
top: 12px;
}
.nexio_range_slider_label_min {
left: 0;
color: #9099a2;
}
.nexio_range_slider_label_avg {
display: none;
left: 50%;
color: #9099a2;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.nexio_range_slider_label_max {
right: 0;
color: #9099a2;
}
.nexio_range_slider_label_cur {
color: #555d66;
left: 0;
bottom: auto;
top: -2em;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.nexio_range_slider_value ~ .nexio_range_slider .nexio_range_slider_label_cur {
display: none;
}
div.nexio_range_slider.ui-slider {
position: relative;
text-align: left;
background: #c2c6cb;
border: none;
-webkit-border-radius: 2px;
-ms-border-radius: 2px;
border-radius: 2px;
}
div.nexio_range_slider.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 16px;
height: 16px;
line-height: 16px;
text-align: center;
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: none;
-ms-box-shadow: none;
box-shadow: none;
cursor: default;
-ms-touch-action: none;
touch-action: none;
border: none;
background: #11a0d2;
}
div.nexio_range_slider.ui-slider .ui-slider-handle:hover,
div.nexio_range_slider.ui-slider .ui-slider-handle:focus,
div.nexio_range_slider.ui-slider .ui-slider-handle.ui-state-active {
outline: 0;
width: 18px;
height: 18px;
line-height: 18px;
text-align: center;
top: -7px;
margin-left: -7px;
}
div.nexio_range_slider.ui-slider .ui-slider-handle:hover:after,
div.nexio_range_slider.ui-slider .ui-slider-handle:focus:after,
div.nexio_range_slider.ui-slider .ui-slider-handle.ui-state-active:after {
display: none;
content: ' ';
position: absolute;
z-index: 1;
top: -4px;
left: -4px;
pointer-events: none;
width: 22px;
height: 22px;
line-height: 22px;
text-align: center;
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 8px, white 8px, white 10px, #6c7781 11px);
/* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 8px, white 8px, white 10px, #6c7781 11px);
/* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 8px, white 8px, white 10px, #6c7781 11px);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
div.nexio_range_slider.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
display: block;
border: 0;
background-position: 0 0;
background: #11a0d2;
-webkit-border-radius: 2px;
-ms-border-radius: 2px;
border-radius: 2px;
}
div.nexio_range_slider.ui-slider.ui-state-disabled .ui-slider-handle,
div.nexio_range_slider.ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit;
}
div.nexio_range_slider.ui-slider-horizontal {
height: 4px;
}
div.nexio_range_slider.ui-slider-horizontal .ui-slider-handle {
top: -6px;
margin-left: -6px;
}
div.nexio_range_slider.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
div.nexio_range_slider.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
div.nexio_range_slider.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
div.nexio_range_slider.ui-slider-horizontal .nexio_range_slider_scale {
display: none;
position: absolute;
z-index: 1;
top: 5px;
left: 0;
width: 100%;
height: 8px;
}
div.nexio_range_slider.ui-slider-horizontal .nexio_range_slider_scale > span {
display: block;
width: 1px;
height: 50%;
background-color: #e0e2e5;
position: absolute;
z-index: 1;
top: 0;
left: 0;
}
div.nexio_range_slider.ui-slider-horizontal .nexio_range_slider_scale > span:nth-child(1) {
left: 0%;
}
div.nexio_range_slider.ui-slider-horizontal .nexio_range_slider_scale > span:nth-child(2) {
left: 10%;
}
div.nexio_range_slider.ui-slider-horizontal .nexio_range_slider_scale > span:nth-child(3) {
left: 20%;
}
div.nexio_range_slider.ui-slider-horizontal .nexio_range_slider_scale > span:nth-child(4) {
left: 30%;
}
div.nexio_range_slider.ui-slider-horizontal .nexio_range_slider_scale > span:nth-child(5) {
left: 40%;
}
div.nexio_range_slider.ui-slider-horizontal .nexio_range_slider_scale > span:nth-child(6) {
left: 50%;
}
div.nexio_range_slider.ui-slider-horizontal .nexio_range_slider_scale > span:nth-child(7) {
left: 60%;
}
div.nexio_range_slider.ui-slider-horizontal .nexio_range_slider_scale > span:nth-child(8) {
left: 70%;
}
div.nexio_range_slider.ui-slider-horizontal .nexio_range_slider_scale > span:nth-child(9) {
left: 80%;
}
div.nexio_range_slider.ui-slider-horizontal .nexio_range_slider_scale > span:nth-child(10) {
left: 90%;
}
div.nexio_range_slider.ui-slider-horizontal .nexio_range_slider_scale > span:nth-child(11) {
left: 100%;
}
div.nexio_range_slider.ui-slider-horizontal .nexio_range_slider_scale > span:nth-child(1),
div.nexio_range_slider.ui-slider-horizontal .nexio_range_slider_scale > span:nth-child(6),
div.nexio_range_slider.ui-slider-horizontal .nexio_range_slider_scale > span:nth-child(11) {
height: 100%;
}
div.nexio_range_slider.ui-slider-horizontal .nexio_range_slider_scale > span:nth-child(11) {
left: auto;
right: 0;
}
div.nexio_range_slider.ui-slider-vertical {
width: 10px;
height: 100px;
}
div.nexio_range_slider.ui-slider-vertical .ui-slider-handle {
left: -5px;
margin-left: 0;
margin-bottom: -8px;
}
div.nexio_range_slider.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
}
div.nexio_range_slider.ui-slider-vertical .ui-slider-range-min {
bottom: 0;
}
div.nexio_range_slider.ui-slider-vertical .ui-slider-range-max {
top: 0;
}
/* Icons selector */
.nexio_list_icons_selector {
display: inline-block;
font-size: 18px;
width: 36px;
height: 36px;
line-height: 36px;
text-align: center;
-webkit-border-radius: 2px;
-ms-border-radius: 2px;
border-radius: 2px;
border: 1px solid #e0e2e5;
background-size: 24px;
background-position: center;
background-repeat: no-repeat;
cursor: pointer;
margin-top: -3px;
}
.nexio_list_icons_selector:not([class*="icon-"]):not([class*="image-"]):before,
.nexio_list_icons span.none:before {
content: '\e8ad';
font-family: "fontello";
color: #ced3d8;
line-height: inherit !important;
}
.nexio_list_icons_selector[class*="icon-"]:before {
color: #6c7781;
}
.nexio_list_icons_selector:hover {
background-color: #edeff0;
}
.nexio_list_icons_selector:focus {
outline: 0;
border: 1px solid #11a0d2;
-webkit-box-shadow: 0 0 0 1px #11a0d2;
-ms-box-shadow: 0 0 0 1px #11a0d2;
box-shadow: 0 0 0 1px #11a0d2;
}
input[type="text"] + .nexio_list_icons_selector {
font-size: 14px;
font-style: normal;
width: 26px;
height: 26px;
line-height: 26px;
text-align: center;
position: absolute;
z-index: 2;
bottom: 1px;
right: 1px;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
background-size: 18px;
border: none;
border-left: 1px solid #e0e2e5;
}
.nexio_list_icons {
display: none;
position: absolute;
z-index: 1000;
width: 400px;
max-width: 100%;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding: 12px;
background-color: #fff;
border: 1px solid #e0e2e5;
max-width: 100%;
-webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.07);
-ms-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.07);
box-shadow: 0 3px 20px rgba(0, 0, 0, 0.07);
}
.nexio_list_icons:before {
content: ' ';
display: block;
width: 8px;
height: 8px;
line-height: 8px;
text-align: center;
border: 1px solid #e0e2e5;
border-top-color: transparent;
border-right-color: transparent;
background-color: #fff;
position: absolute;
z-index: 1;
top: -6px;
left: 15px;
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
}
.nexio_list_icons_wrap {
width: 100%;
overflow-x: hidden;
overflow-y: visible;
}
.nexio_list_icons_inner {
height: 270px;
margin-right: -17px;
overflow-x: hidden;
overflow-y: scroll;
}
.nexio_list_icons input[type="text"].nexio_list_icons_search {
display: block;
font-size: 13px;
width: 100% !important;
height: auto;
padding: 9px;
margin-bottom: 12px;
border-color: #e0e2e5;
}
.nexio_list_icons input[type="text"].nexio_list_icons_search:focus {
border-color: #11a0d2;
}
.nexio_list_icons span {
display: inline-block;
vertical-align: top;
font-size: 18px;
width: 44px;
height: 44px;
line-height: 44px;
text-align: center;
margin: 0 1px 1px 0;
border: 1px solid transparent;
color: #6c7781;
background-color: #fff;
background-size: 24px;
background-position: center;
background-repeat: no-repeat;
cursor: pointer;
-webkit-border-radius: 2px;
-ms-border-radius: 2px;
border-radius: 2px;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.nexio_list_icons span:focus {
outline: none;
border-color: #6c7781;
}
.nexio_list_icons span:before,
.nexio_list_icons_selector:before {
margin: 0 !important;
vertical-align: top !important;
}
.nexio_list_icons span:hover,
.nexio_list_icons span.nexio_list_active {
background-color: #f4f6f6;
}
.nexio_list_icons span.nexio_list_hidden {
display: none;
}
.nexio_options_item_icon .nexio_list_icons_selector {
right: 0;
}
/* Menu icons */
.menu-item-settings .description-thin {
position: relative;
}
.menu-item-settings .field-css-classes {
width: 97%;
}
.menu-item-settings .field-css-classes input.edit-menu-item-classes {
padding-right: 2em;
}
.menu-item-settings .nexio_list_icons_selector {
top: auto;
bottom: 2px;
-webkit-transform: none;
-ms-transform: none;
transform: none;
background-color: #fff;
}
/* Checklist */
.nexio_checklist {
max-height: 21em;
overflow-x: hidden;
overflow-y: auto;
}
.nexio_checklist .nexio_checklist_item_label {
display: block;
width: 100%;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: background-color 0.3s ease;
-ms-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
}
.nexio_checklist .nexio_checklist_item_label:hover {
background-color: #f5f7f7;
}
.nexio_checklist_horizontal .nexio_checklist_item_label {
display: inline-block;
vertical-align: top;
width: 33.3333%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding-right: 1em;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.nexio_checklist .nexio_checklist_item_label img {
display: inline-block;
vertical-align: middle;
width: auto;
height: 2.5em;
}
.nexio_checklist.nexio_sortable .nexio_checklist_item_label {
padding: 6px 2.5em 6px 6px;
border: none;
position: relative;
}
.nexio_checklist.nexio_sortable .nexio_checklist_item_label + .nexio_checklist_item_label {
border-top: 1px solid #e0e2e5;
}
.nexio_checklist.nexio_sortable .nexio_checklist_item_label:after {
content: '\e8ba';
font-family: "fontello";
font-size: 19px;
color: #c2c6cb;
display: block;
width: 16px;
height: 16px;
line-height: 16px;
text-align: center;
position: absolute;
z-index: 1;
top: 50%;
right: 12px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: color 0.3s ease;
-ms-transition: color 0.3s ease;
transition: color 0.3s ease;
}
.nexio_checklist.nexio_sortable .nexio_checklist_item_label:hover:after {
color: #6c7781;
}
/* Theme Options & Meta boxes
-----------------------------------------------------------------*/
.edit-post-meta-boxes-area #poststuff h2.hndle,
.interface-interface-skeleton__sidebar #eg-meta-box .postbox-header {
border-bottom: none;
}
.edit-post-meta-boxes-area #poststuff [id^="nexio_override_options_"] .inside,
.edit-post-meta-boxes-area #poststuff #trx_addons_meta_box .inside {
border-bottom: none;
}
.edit-post-meta-boxes-area #poststuff .postbox,
.edit-post-meta-boxes-area #poststuff [id^="nexio_override_options_"],
.edit-post-meta-boxes-area #poststuff #trx_addons_meta_box,
.edit-post-meta-boxes-area #poststuff #secondary_image {
margin-top: 2em;
-webkit-box-shadow: none;
-ms-box-shadow: none;
box-shadow: none;
}
.edit-post-meta-boxes-area #poststuff #secondary_image .inside {
margin: 13px 0 0 0;
}
.edit-post-meta-boxes-area #poststuff [id^="nexio_override_options_"] > h2,
.edit-post-meta-boxes-area #poststuff #trx_addons_meta_box > h2 {
background-color: transparent !important;
color: #23282d !important;
border: 2px solid #e0e2e5;
-webkit-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
font-size: 18px;
margin-bottom: 1em;
-webkit-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
-ms-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
}
.edit-post-meta-boxes-area #poststuff [id^="nexio_override_options_"] > h2:hover,
.edit-post-meta-boxes-area #poststuff #trx_addons_meta_box > h2:hover {
border-color: #ced3d9;
}
.edit-post-meta-boxes-area #poststuff [id^="nexio_override_options_"] .nexio_tabs > ul.ui-tabs-nav > li,
.edit-post-meta-boxes-area #poststuff #trx_addons_meta_box .trx_addons_tabs > ul.ui-tabs-nav > li {
background: #f3f4f4;
}
.edit-post-meta-boxes-area #poststuff [id^="nexio_override_options_"] .nexio_tabs > ul.ui-tabs-nav > li:hover,
.edit-post-meta-boxes-area #poststuff #trx_addons_meta_box .trx_addons_tabs > ul.ui-tabs-nav > li:hover {
background: #e7e8e8;
}
.edit-post-meta-boxes-area #poststuff [id^="nexio_override_options_"] > .hndle > span:before,
.edit-post-meta-boxes-area #poststuff [id^="nexio_override_options_"] > h2 > span:before,
.edit-post-meta-boxes-area #poststuff #trx_addons_meta_box > .hndle > span:before,
.edit-post-meta-boxes-area #poststuff #trx_addons_meta_box > h2 > span:before {
content: '\e961';
font-family: "fontello";
display: inline-block;
vertical-align: top;
margin: -2px 0.5em 0 0;
font-style: normal;
font-size: 1.15em;
padding: 0;
color: #11a0d2;
}
.edit-post-meta-boxes-area #poststuff #trx_addons_meta_box > .hndle > span:before,
.edit-post-meta-boxes-area #poststuff #trx_addons_meta_box > h2 > span:before {
content: '\e984';
}
.edit-post-meta-boxes-area #poststuff [id^="nexio_override_options_"] > button,
.edit-post-meta-boxes-area #poststuff #trx_addons_meta_box > button {
position: relative;
z-index: 1;
margin-top: 0.5em;
}
.edit-post-meta-boxes-area #poststuff #eg-meta-box h2 {
margin-left: 0 !important;
margin-right: 0 !important;
}
.nexio_hidden {
display: none;
}
/* Header: Title and Buttons
-----------------------------------------------------------------*/
.nexio_options {
font-size: 13px;
}
.nexio_options_header {
overflow: hidden;
margin: 1em 20px 0 0;
padding: 1em 0;
-webkit-position: sticky;
position: -webkit-sticky;
position: sticky;
z-index: 1000;
top: 32px;
}
@media (min-width: 601px) {
.nexio_options_header.sticky {
background-color: #fff;
border-bottom: solid 1px #e0e2e5;
-webkit-box-shadow: 0px 10px 20px -10px rgba(0, 0, 0, 0.12);
-ms-box-shadow: 0px 10px 20px -10px rgba(0, 0, 0, 0.12);
box-shadow: 0px 10px 20px -10px rgba(0, 0, 0, 0.12);
padding: 1em 1.5em;
margin: 0 0 0 -20px;
}
}
.nexio_options_title {
font-size: 20px;
line-height: 1.5em;
font-weight: 500;
margin: 0;
float: left;
}
.nexio_options .nexio_options_button {
display: inline-block;
vertical-align: top;
border: 1px solid #dedede;
border-bottom-width: 2px;
background-color: #f7f7f7;
color: #555d66;
padding: 8px 14px;
text-decoration: none;
white-space: nowrap;
-webkit-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
-webkit-transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
-ms-transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}
.nexio_options .nexio_options_button:focus {
color: #555d66;
outline: none;
box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);
}
.nexio_options .nexio_options_button:before {
font-family: "fontello";
display: inline-block;
vertical-align: middle;
margin: -1px 0.3em 0 0;
font-size: 1.2em;
line-height: 0;
color: #555d66;
}
.nexio_options .nexio_options_button:hover {
color: #333;
border-color: #ccc;
background-color: #ececec;
}
.nexio_options .nexio_options_button:hover:before {
color: #333;
}
.nexio_options .nexio_options_button_accent {
border-color: #006b8f;
background-color: #11a0d2;
color: #fff;
}
.nexio_options .nexio_options_button_accent:focus {
color: #fff;
}
.nexio_options .nexio_options_button_accent:before,
.nexio_options .nexio_options_button_accent:hover:before {
color: #fff;
}
.nexio_options .nexio_options_button_accent:hover {
border-color: #004c65;
background-color: #0280ac;
color: #fff;
}
.nexio_options_buttons {
float: right;
text-align: right;
}
.nexio_options_buttons .nexio_options_button_reset:before {
content: '\e80e';
}
.nexio_options_buttons .nexio_options_button_export:before {
content: '\e95a';
}
.nexio_options_buttons .nexio_options_button_import:before {
content: '\e959';
}
@media (max-width: 783px) {
.nexio_options_header {
top: 46px;
}
.nexio_options_buttons a {
font-size: 12px;
padding: 6px 8px;
}
.nexio_options_buttons a:before {
display: none;
}
}
@media (max-width: 600px) {
.nexio_options_header {
top: 0px;
position: static;
}
.nexio_options_title,
.nexio_options_buttons {
float: none;
text-align: left;
}
.nexio_options_buttons {
margin: 0.75em 0;
}
.nexio_options_buttons a {
margin-bottom: 0.5em;
}
}
/* Tabs
-----------------------------------------------------------------*/
div.nexio_tabs {
border: none !important;
background: none !important;
font-size: 1.069em !important;
padding: 0 !important;
}
div.nexio_tabs > ul.ui-tabs-nav {
position: relative;
z-index: 1;
background: none;
border: none;
padding: 0;
margin: 0;
}
div.nexio_tabs > ul.ui-tabs-nav > li {
position: static;
display: inline-block;
margin: 0;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border: 1px solid #dee0e3;
border-bottom: none;
background-image: none;
background: #ebeced;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: background-color 0.3s ease;
-ms-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
}
div.nexio_tabs > ul.ui-tabs-nav > li:hover {
background-image: none;
background: #e1e2e3;
}
div.nexio_tabs > ul.ui-tabs-nav > li + li {
margin-left: -1px;
}
div.nexio_tabs > ul.ui-tabs-nav > li > a.ui-tabs-anchor {
display: block;
padding: 15px;
text-decoration: none;
-webkit-box-shadow: none !important;
-ms-box-shadow: none !important;
box-shadow: none !important;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
float: none !important;
}
div.nexio_tabs > ul.ui-tabs-nav > li.ui-state-active {
margin-bottom: 0 !important;
padding-bottom: 0 !important;
border-top: 3px solid #11a0d2;
}
div.nexio_tabs > ul.ui-tabs-nav > li.ui-state-active > a.ui-tabs-anchor {
position: relative;
top: 1px;
background-color: #ffffff;
color: #23282d;
padding-top: 13px;
}
div.nexio_tabs > ul.ui-tabs-nav > li > a {
color: #23282d;
font-weight: 600;
-webkit-transition: color 0.3s ease, background-color 0.3s ease;
-ms-transition: color 0.3s ease, background-color 0.3s ease;
transition: color 0.3s ease, background-color 0.3s ease;
}
div.nexio_tabs > ul.ui-tabs-nav > li > a > i[class*="dashicons-"],
div.nexio_tabs > ul.ui-tabs-nav > li > a > i[class*="icon-"] {
display: inline-block;
vertical-align: middle;
font-size: 1.5em;
font-style: normal;
line-height: 0.67em;
margin: 0 0.5em 0 0;
color: #9099a2;
}
div.nexio_tabs > ul.ui-tabs-nav > li > a > i[class*="dashicons-"]:before,
div.nexio_tabs > ul.ui-tabs-nav > li > a > i[class*="icon-"]:before {
display: inline-block;
vertical-align: top;
width: 1em;
height: 1em;
line-height: 1em;
text-align: center;
line-height: 1em !important;
margin: 0;
}
div.nexio_tabs > ul.ui-tabs-nav > li > a > i[class*="dashicons-"]:before {
font-family: "dashicons";
}
div.nexio_tabs .nexio_tabs_section {
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding: 3.5em;
border: 1px solid #dee0e3;
background-color: #fff;
}
div.nexio_tabs_section + .nexio_tabs_section {
display: none;
}
/* Tabs in meta boxes */
.edit-post-meta-boxes-area .postbox > .inside .nexio_tabs {
margin: 0 -14px;
}
/* Tabs vertical: use media (min-width: 320px) to enable its on any screen */
@media (min-width: 320px) {
div.nexio_tabs_vertical {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
div.nexio_tabs_vertical > ul.ui-tabs-nav {
width: 190px;
-webkit-flex-shrink: 0;
-ms-flex-shrink: 0;
flex-shrink: 0;
}
div.nexio_tabs_vertical > ul.ui-tabs-nav > li {
display: block;
width: 100%;
float: none;
border-bottom: 1px solid #dee0e3 !important;
border-right: none;
-webkit-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
div.nexio_tabs_vertical > ul.ui-tabs-nav > li + li {
margin: 0;
border-top: 0;
}
div.nexio_tabs_vertical > ul.ui-tabs-nav > li > a.ui-tabs-anchor {
display: block;
width: 100%;
padding: 13px;
text-overflow: ellipsis;
overflow: hidden;
}
div.nexio_tabs_vertical > ul.ui-tabs-nav > li.ui-state-active {
border-left: 3px solid #11a0d2;
}
div.nexio_tabs_vertical > ul.ui-tabs-nav > li.ui-state-active:first-child {
border-top: 1px solid #dee0e3;
}
div.nexio_tabs_vertical > ul.ui-tabs-nav > li + li.ui-state-active {
border-top: none;
}
div.nexio_tabs_vertical > ul.ui-tabs-nav > li.ui-state-active > a.ui-tabs-anchor {
top: auto;
left: 1px;
padding-top: 13px;
padding-left: 10px;
}
div.nexio_tabs_vertical .nexio_tabs_section {
width: calc(100% - 210px);
min-height: 33vh;
-webkit-flex-shrink: 0;
-ms-flex-shrink: 0;
flex-shrink: 0;
}
/* Subtabs */
div.nexio_tabs_vertical > ul.ui-tabs-nav > li.nexio_tabs_title_super {
position: relative;
}
div.nexio_tabs_vertical > ul.ui-tabs-nav > li.nexio_tabs_title_super > a.ui-tabs-anchor {
padding-right: 2em;
}
div.nexio_tabs_vertical > ul.ui-tabs-nav > li.nexio_tabs_title_super:after {
content: '\e859';
font-family: "trx_addons_icons";
font-size: 10px;
font-weight: 600;
position: absolute;
z-index: 1;
top: 50%;
right: 12px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
div.nexio_tabs_vertical > ul.ui-tabs-nav > li.nexio_tabs_title_super.ui-state-active:after {
content: '\e857';
}
div.nexio_tabs_vertical > ul.ui-tabs-nav > li.nexio_tabs_title_sub {
display: none;
background: #fafafa;
border-bottom: none !important;
height: auto !important;
}
div.nexio_tabs_vertical > ul.ui-tabs-nav > li.nexio_tabs_title_sub > a.ui-tabs-anchor {
color: #555d66;
}
div.nexio_tabs_vertical > ul.ui-tabs-nav > li.nexio_tabs_title_sub > a.ui-tabs-anchor > i[class*="icon-"] {
font-size: 1em;
margin-top: -2px;
}
div.nexio_tabs_vertical > ul.ui-tabs-nav > li.nexio_tabs_title_sub > a.ui-tabs-anchor,
div.nexio_tabs_vertical > ul.ui-tabs-nav > li.nexio_tabs_title_sub.ui-state-active > a.ui-tabs-anchor {
top: auto;
left: auto;
padding: 0.6em 0.6em 0.6em 2.95em;
font-weight: normal;
}
div.nexio_tabs_vertical > ul.ui-tabs-nav > li.nexio_tabs_title_super + li.nexio_tabs_title_sub > a.ui-tabs-anchor {
padding-top: 1.2em;
}
div.nexio_tabs_vertical > ul.ui-tabs-nav > li.nexio_tabs_title_sub.ui-state-active {
border-left: 1px solid #dee0e3 !important;
}
div.nexio_tabs_vertical > ul.ui-tabs-nav > li.nexio_tabs_title_sub.ui-state-active > a.ui-tabs-anchor {
background-color: #fafafa;
color: #11a0d2;
font-weight: 600;
}
div.nexio_tabs_vertical > ul.ui-tabs-nav > li.nexio_tabs_title_sub:hover {
display: none;
background: #f0f0f0;
}
/* Vertical tabs in meta boxes */
.edit-post-meta-boxes-area .postbox > .inside div.nexio_tabs_vertical .nexio_tabs_section {
width: calc(100% - 190px);
padding: 0.5em 2em;
}
}
@media (min-width: 320px) and (max-width: 767px) {
div.nexio_tabs_vertical > ul.ui-tabs-nav {
width: 120px;
font-size: 12px;
}
div.nexio_tabs_vertical .nexio_tabs_section {
width: calc(100% - 130px);
}
div.nexio_tabs_vertical > ul.ui-tabs-nav > li > a.ui-tabs-anchor {
padding: 8px;
}
div.nexio_tabs_vertical > ul.ui-tabs-nav > li.ui-state-active > a.ui-tabs-anchor {
padding-top: 8px;
padding-left: 5px;
}
div.nexio_tabs_vertical > ul.ui-tabs-nav > li.nexio_tabs_title_sub > a.ui-tabs-anchor,
div.nexio_tabs_vertical > ul.ui-tabs-nav > li.nexio_tabs_title_sub.ui-state-active > a.ui-tabs-anchor {
padding-left: 1.3em;
}
div.nexio_tabs .nexio_tabs_section {
padding: 1.5em;
}
div.nexio_tabs > ul.ui-tabs-nav > li > a > i[class*="dashicons-"],
div.nexio_tabs > ul.ui-tabs-nav > li > a > i[class*="icon-"] {
font-size: 1em;
}
}
/* Tabs inside other tabs */
div.ui-tabs div.ui-tabs > div.ui-tabs-panel {
background-color: #fafafa;
}
div.ui-tabs div.ui-tabs > ul.ui-tabs-nav > li.ui-state-active > a.ui-tabs-anchor {
background-color: #fafafa;
}
/* Accordion groups */
div.nexio_accordion {
padding: 0 !important;
}
div.nexio_accordion + .nexio_accordion,
.nexio_options_item + .nexio_options_batch {
padding: 1.5em 0 !important;
}
div.nexio_accordion_title,
div.ui-accordion .nexio_accordion_title.ui-accordion-header {
padding: 0.8em 1em;
color: #fff;
background: #bbb;
margin: 0;
margin-top: 1px;
cursor: pointer;
-webkit-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
}
div.ui-accordion .nexio_accordion_title.ui-accordion-header.ui-state-active {
background: #888;
}
div.ui-accordion .nexio_accordion_title.ui-accordion-header .ui-icon {
display: inline-block;
vertical-align: top;
text-indent: 0;
margin-right: 0.8em;
}
div.ui-accordion .nexio_accordion_title.ui-accordion-header .ui-icon:before {
content: '\e929';
font-family: 'fontello';
}
div.nexio_accordion_title.ui-accordion-header.ui-state-active .ui-icon:before {
content: '\e92c';
}
div.ui-accordion .nexio_accordion_content {
border: 1px solid #e7e9ec;
padding: 1em 2em;
}
/* Field set */
.nexio_options_group {
position: relative;
padding: 1.5em 0 0.5em;
}
.nexio_options_group_title {
margin: 0.5em 0;
font-size: 1.15em;
position: relative;
}
.nexio_options_group_description {
color: #9099a2;
margin: 0 0 0.5em;
}
.nexio_options_group_fields {
position: relative;
}
.nexio_options_group_title + .nexio_options_group_fields,
.nexio_options_group_description + .nexio_options_group_fields {
margin-top: 2em;
}
.nexio_options_fields_set {
border-top: 1px dotted #ddd;
padding: 0.5em 0;
margin-top: 0.5em;
}
.nexio_options_clone {
position: relative;
padding-left: 4em;
padding-right: 10em;
}
.nexio_options_clone_control {
position: absolute;
z-index: 1;
top: 4em;
left: 0;
width: 38px;
height: 38px;
line-height: 38px;
text-align: center;
-webkit-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #c2c6cb;
cursor: pointer;
background-color: #fff;
background-position: center;
background-repeat: no-repeat;
background-size: 16px 16px;
text-align: center;
color: #c2c6cb;
-webkit-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
-ms-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
}
.nexio_options_clone_control:hover {
color: #6c7781;
border-color: #6c7781;
}
.nexio_options_clone_control:focus {
outline: 0;
border-color: #11a0d2;
-webkit-box-shadow: 0 0 0 1px #11a0d2;
-ms-box-shadow: 0 0 0 1px #11a0d2;
box-shadow: 0 0 0 1px #11a0d2;
}
.nexio_options_clone_control [class*="icon-"]:before {
font-family: "fontello";
font-size: 19px;
vertical-align: top;
}
.nexio_options_clone_control_move {
cursor: grab;
border-color: transparent !important;
background-color: transparent !important;
}
.nexio_options_clone.ui-sortable-helper .nexio_options_clone_control_move {
cursor: grabbing;
}
.nexio_options_clone_control_add {
left: auto;
right: 54px;
color: #6c7781;
}
.nexio_options_clone_control_delete {
left: auto;
right: 0;
color: #6c7781;
}
.nexio_options_clone_placeholder {
background-color: #ecfbff;
border: 2px dashed #87c9e1;
}
.nexio_options_clone.ui-sortable-helper {
background-color: #ffffff;
-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
}
.nexio_options_clone_buttons {
text-align: center;
margin: 1em 0 2em;
}
/* Sortable fields */
.nexio_sortable .nexio_sortable_item {
padding: 0.5em 1em;
border: 1px dotted #e7e9ec;
cursor: grab;
}
.nexio_sortable .nexio_sortable_placeholder {
background-color: #ecfbff;
border: 2px dashed #87c9e1 !important;
min-height: 3em;
}
.nexio_sortable .nexio_sortable_item.ui-sortable-helper {
background-color: #ffffff;
-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.1);
cursor: grabbing;
}
@media (max-width: 782px) {
#wpbody .nexio_options select {
font-size: 1em;
line-height: 1.7em;
height: 31px;
}
}
/* Theme Options info */
.nexio_options_info {
margin: 0 20px 20px 0;
}
.nexio_options_asterisk {
position: relative;
top: -0.5em;
display: inline-block;
vertical-align: baseline;
font-size: 0.75em;
font-weight: normal;
line-height: 1.25em;
}
.nexio_options_asterisk:before {
content: '\2732';
color: #9099a2;
display: inline-block;
vertical-align: top;
border-bottom: 1px dotted #9099a2;
}
/* Responsive options */
.nexio_options_item_responsive .nexio_options_item_title {
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.nexio_options_item_responsive .nexio_options_responsive_buttons {
margin: 0 0 0 0.5em;
white-space: nowrap;
width: 1.75em;
height: 1.75em;
line-height: 1.75em;
text-align: center;
overflow: hidden;
display: inline-block;
vertical-align: top;
}
.nexio_options_item_responsive .nexio_options_responsive_buttons.opened {
overflow: visible;
}
.nexio_options_item_responsive .nexio_options_responsive_buttons.opened .nexio_options_responsive_buttons_wrap {
z-index: 2;
background-color: #fff;
-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}
.nexio_options_item_responsive .nexio_options_responsive_buttons_wrap {
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
position: relative;
z-index: 1;
}
.nexio_options_item_responsive [class*="nexio_options_responsive_button_"] {
text-decoration: none;
color: inherit;
width: 1.75em;
height: 1.75em;
line-height: 1.75em;
text-align: center;
text-align: center;
}
.nexio_options_item_responsive [class*="nexio_options_responsive_button_"]:before {
margin: 0;
}
.nexio_options_item_responsive [class*="nexio_options_responsive_button_"]:focus {
outline: 1px dotted #333;
-webkit-box-shadow: none;
-ms-box-shadow: none;
box-shadow: none;
}
.nexio_options_item_responsive [name^="nexio_options_field_"][data-responsive] {
display: none;
}
.nexio_options[data-responsive="desktop"] .nexio_options_item_responsive .nexio_options_responsive_buttons_wrap {
top: 0em;
}
.nexio_options[data-responsive="desktop"] .nexio_options_item_responsive .nexio_options_responsive_buttons.opened .nexio_options_responsive_button_desktop {
color: #11a0d2;
}
.nexio_options[data-responsive="desktop"] .nexio_options_item_responsive [name^="nexio_options_field_"][data-responsive="desktop"] {
display: block;
}
.nexio_options[data-responsive="laptop"] .nexio_options_item_responsive .nexio_options_responsive_buttons_wrap {
top: -1.75em;
}
.nexio_options[data-responsive="laptop"] .nexio_options_item_responsive .nexio_options_responsive_buttons.opened .nexio_options_responsive_button_laptop {
color: #11a0d2;
}
.nexio_options[data-responsive="laptop"] .nexio_options_item_responsive [name^="nexio_options_field_"][data-responsive="laptop"] {
display: block;
}
.nexio_options[data-responsive="tablet"] .nexio_options_item_responsive .nexio_options_responsive_buttons_wrap {
top: -3.5em;
}
.nexio_options[data-responsive="tablet"] .nexio_options_item_responsive .nexio_options_responsive_buttons.opened .nexio_options_responsive_button_tablet {
color: #11a0d2;
}
.nexio_options[data-responsive="tablet"] .nexio_options_item_responsive [name^="nexio_options_field_"][data-responsive="tablet"] {
display: block;
}
.nexio_options[data-responsive="mobile"] .nexio_options_item_responsive .nexio_options_responsive_buttons_wrap {
top: -5.25em;
}
.nexio_options[data-responsive="mobile"] .nexio_options_item_responsive .nexio_options_responsive_buttons.opened .nexio_options_responsive_button_mobile {
color: #11a0d2;
}
.nexio_options[data-responsive="mobile"] .nexio_options_item_responsive [name^="nexio_options_field_"][data-responsive="mobile"] {
display: block;
}
/* Columns */
[class*="nexio_column-"] {
display: inline-block;
vertical-align: top;
padding-right: 20px;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.nexio_column-1_2 {
width: 50%;
}
.nexio_column-1_3 {
width: 33.3333%;
}
.nexio_column-2_3 {
width: 66.6667%;
}
.nexio_column-1_4 {
width: 25%;
}
.nexio_column-2_4 {
width: 50%;
}
.nexio_column-3_4 {
width: 75%;
}
.nexio_column-1_5 {
width: 20%;
}
.nexio_column-2_5 {
width: 40%;
}
.nexio_column-3_5 {
width: 60%;
}
.nexio_column-4_5 {
width: 80%;
}
@media (max-width: 1279px) {
.nexio_column-1_4,
.nexio_column-3_4,
.nexio_column-1_5,
.nexio_column-2_5,
.nexio_column-3_5,
.nexio_column-4_5 {
width: 50%;
}
}
@media (max-width: 1023px) {
.nexio_options_item[class*="column-"],
.nexio_column-1_2,
.nexio_column-1_3,
.nexio_column-2_3,
.nexio_column-1_4,
.nexio_column-2_4,
.nexio_column-3_4,
.nexio_column-1_5,
.nexio_column-2_5,
.nexio_column-3_5,
.nexio_column-4_5 {
width: 100%;
padding-right: 0 !important;
}
}
[class*="nexio_column-"] .nexio_options_item_title {
display: block;
text-align: left;
float: none;
width: auto;
height: 1.7em;
overflow: hidden;
padding-right: 0;
margin-right: 0;
white-space: nowrap;
text-overflow: ellipsis;
}
[class*="nexio_column-"] .nexio_options_item_data {
text-align: left;
float: none;
width: auto;
min-width: 0;
max-width: none;
display: block;
}
.nexio_options_item[class*="nexio_column-"] {
border-width: 0 !important;
}
/* Single option: Common rules */
.nexio_options_item {
padding: 1.65em 0 2em;
}
.nexio_options_item_compact {
padding: 0.25em 0;
}
.nexio_options_item_info + .nexio_options_item_compact {
padding-top: 1.65em;
}
.nexio_options_item[class*="column-"] {
padding: 1.25em 2em 1.25em 0;
}
.nexio_options_item:not(.nexio_options_item_info):not(.nexio_options_item_compact) + .nexio_options_item:not(.nexio_options_item_info):not(.nexio_options_item_compact) {
border-top: 1px solid #e7e9ec;
}
.nexio_options_item:after {
content: ' ';
}
.nexio_new_row_before,
.nexio_options_item:after {
display: block;
width: 100%;
height: 0;
clear: both;
}
.nexio_options_item_title {
display: inline-block;
vertical-align: top;
margin: 0.4em 0.5em 0.5em 0;
width: 240px;
padding-right: 30px;
position: relative;
font-size: 1em;
line-height: 1.35em;
color: #555d66;
}
.nexio_options_item_title_override {
cursor: help;
}
.nexio_options_item_data {
display: inline-block;
vertical-align: top;
width: calc(100% - 250px);
min-width: 248px;
max-width: 700px;
}
.nexio_options_item_text_editor .nexio_options_item_data {
max-width: 800px;
}
.nexio_options_item_text_editor iframe {
min-height: 200px;
}
.nexio_options_item_field {
position: relative;
max-width: 42%;
}
.nexio_options_item_slider .nexio_options_item_field {
max-width: 60%;
}
.nexio_options_item_map .nexio_options_item_field,
.nexio_options_item_media .nexio_options_item_field,
.nexio_options_item_audio .nexio_options_item_field,
.nexio_options_item_video .nexio_options_item_field,
.nexio_options_item_image .nexio_options_item_field,
.nexio_options_item_icon .nexio_options_item_field,
.nexio_options_item_choice .nexio_options_item_field,
.nexio_options_item_radio .nexio_options_item_field,
.nexio_options_item_textarea .nexio_options_item_field,
.nexio_options_item_text_editor .nexio_options_item_field,
.nexio_options_item_presets .nexio_options_item_field,
.nexio_options_item_checklist .nexio_options_item_field_horizontal {
max-width: 100%;
}
@media (max-width: 1279px) {
.nexio_options_item_field,
.nexio_options_item_slider .nexio_options_item_field {
max-width: 100%;
}
}
@media (max-width: 1023px) {
.nexio_options_item_title {
width: 190px;
}
.nexio_options_item_data {
width: calc(100% - 230px);
}
}
@media (max-width: 767px) {
.nexio_options_item_title,
.nexio_options_item_data {
width: 100%;
margin-right: 0;
padding-right: 0;
display: block;
}
}
[class*="nexio_column-"] .nexio_options_item_field {
max-width: none !important;
}
#side-sortables .nexio_tabs_vertical .nexio_tabs_section {
width: 100%;
}
#side-sortables .nexio_options_item_title {
float: none;
text-align: left;
}
#side-sortables .nexio_options_item_data {
float: none;
width: 100%;
min-width: 0;
padding-left: 0;
}
#side-sortables .nexio_options_item_field {
max-width: none;
}
#side-sortables .nexio_options_item {
padding: 1em 0;
}
.nexio_options_item_description {
font-size: 1em;
line-height: 1.35em;
font-weight: normal;
font-style: italic;
margin-top: 0.5em;
color: #9099a2;
}
.nexio_options_item * {
-webkit-box-sizing: border-box !important;
-ms-box-sizing: border-box !important;
box-sizing: border-box !important;
}
.nexio_options_item textarea, .nexio_options_item input {
padding: 2px 8px 4px;
margin: 0;
}
.nexio_options_item select {
padding: 2px 26px 4px 8px;
margin: 0;
text-overflow: ellipsis;
}
.nexio_options_item input[type="text"],
.nexio_options_item input[type="password"],
.nexio_options_item input[type="date"],
.nexio_options_item input[type="datetime"],
.nexio_options_item input[type="month"],
.nexio_options_item input[type="week"],
.nexio_options_item input[type="number"],
.nexio_options_item input[type="search"],
.nexio_options_item input[type="email"],
.nexio_options_item input[type="tel"],
.nexio_options_item input[type="url"],
.nexio_options_item textarea,
.nexio_options_item select,
.nexio_options_item .select2-container {
width: 100%;
height: 31px;
line-height: 25px;
border: 1px solid #8d96a0;
box-shadow: none;
background-color: #fff;
color: #23282d;
outline: none;
-webkit-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.nexio_options_item textarea {
height: 9em;
}
.nexio_options_item input[type="text"]:focus,
.nexio_options_item input[type="password"]:focus,
.nexio_options_item input[type="date"]:focus,
.nexio_options_item input[type="datetime"]:focus,
.nexio_options_item input[type="month"]:focus,
.nexio_options_item input[type="week"]:focus,
.nexio_options_item input[type="number"]:focus,
.nexio_options_item input[type="search"]:focus,
.nexio_options_item input[type="email"]:focus,
.nexio_options_item input[type="tel"]:focus,
.nexio_options_item input[type="url"]:focus,
.nexio_options_item textarea:focus,
.nexio_options_item select:focus,
.nexio_options_item .select2-container:focus {
outline: none;
border-color: #11a0d2;
-webkit-box-shadow: 0 0 0 1px #11a0d2;
-ms-box-shadow: 0 0 0 1px #11a0d2;
box-shadow: 0 0 0 1px #11a0d2;
}
/* Info block */
.nexio_options_item_info {
padding: 0 0 2.1em;
border-bottom: 1px solid #e7e9ec;
position: relative;
}
.nexio_options_item_info:not(:first-child) {
padding-top: 4.75em;
}
.nexio_options_item_info .nexio_options_item_title,
.nexio_options_item_info .nexio_options_item_data {
float: none;
width: 100%;
}
.nexio_options_item_info .nexio_options_item_title {
text-align: left;
margin: 0;
font-size: 20px;
line-height: 1.5em;
font-weight: 600;
}
.nexio_options_item_info .nexio_options_item_description {
color: #9099a2;
font-size: 1em;
font-style: normal;
margin-top: 0.5em;
}
/* Checkbox and Checklist */
.nexio_options_item_checkbox .nexio_options_item_label,
.nexio_options_item_checklist .nexio_checklist_item_label {
line-height: 28px;
padding-left: 2px;
}
.nexio_options_item_checkbox input[type="checkbox"],
.nexio_options_item_checklist input[type="checkbox"] {
display: inline-block;
vertical-align: middle;
margin-right: 0.5em;
width: 16px;
height: 16px;
line-height: 16px;
text-align: center;
-webkit-border-radius: 1px;
-ms-border-radius: 1px;
border-radius: 1px;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
border: 2px solid #6c7781;
background-color: #fff;
position: relative;
top: -1px;
z-index: 2;
-webkit-transition: background-color 0.3s ease, border-color 0.3s ease;
-ms-transition: background-color 0.3s ease, border-color 0.3s ease;
transition: background-color 0.3s ease, border-color 0.3s ease;
box-shadow: none;
}
.nexio_options_item_checkbox input[type="checkbox"]:focus,
.nexio_options_item_checklist input[type="checkbox"]:focus {
outline: 0;
-webkit-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
}
.nexio_options_item_checkbox input[type="checkbox"]:focus:after,
.nexio_options_item_checklist input[type="checkbox"]:focus:after {
content: ' ';
display: block;
position: absolute;
z-index: 1;
top: -3px;
left: -3px;
width: 18px;
height: 18px;
line-height: 18px;
text-align: center;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #6c7781;
}
.nexio_options_item_checkbox input[type="checkbox"]:checked,
.nexio_options_item_checklist input[type="checkbox"]:checked {
border-color: #11a0d2;
background-color: #11a0d2;
}
.nexio_options_item_checkbox input[type="checkbox"]:checked:before,
.nexio_options_item_checklist input[type="checkbox"]:checked:before {
content: '\f147';
font-family: 'dashicons';
opacity: 1;
color: #fff;
width: 12px;
height: 12px;
line-height: 12px;
text-align: center;
position: absolute;
z-index: 3;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
margin: 0 0 0 -3px;
font-size: 18px;
-webkit-transition: opacity 0.3s ease;
-ms-transition: opacity 0.3s ease;
transition: opacity 0.3s ease;
}
.nexio_options_item_checkbox input[type="checkbox"]:checked:focus:after,
.nexio_options_item_checklist input[type="checkbox"]:checked:focus:after {
position: absolute;
z-index: 1;
top: -4px;
left: -4px;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
border-width: 2px;
}
.nexio_options_item_checkbox .nexio_options_item_description {
margin-top: 0.2em;
}
.nexio_options_item_checklist .nexio_options_item_description {
margin-top: 0.5em;
}
/* Switch */
.nexio_options_item_switch .nexio_options_item_label {
line-height: 25px;
}
.nexio_options_item_switch input {
display: none !important;
}
.nexio_options_item_switch .nexio_options_item_caption {
display: none;
margin-left: 0.5em;
}
.nexio_options_item_switch .nexio_options_item_holder {
display: inline-block;
vertical-align: middle;
width: 35px;
height: 21px;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
.nexio_options_item_switch .nexio_options_item_holder:focus {
outline: 0;
}
.nexio_options_item_switch .nexio_options_item_holder_back {
display: block;
width: 35px;
height: 11px;
-webkit-border-radius: 6px;
-ms-border-radius: 6px;
border-radius: 6px;
margin-top: 5px;
background-color: #c2c6cb;
}
.nexio_options_item_switch .nexio_options_item_holder_handle {
display: block;
width: 21px;
height: 21px;
line-height: 21px;
text-align: center;
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
z-index: 1;
top: 0;
left: 0;
background-color: #6c7781;
-webkit-transition: background-color 0.3s ease, transform 0.3s ease;
-ms-transition: background-color 0.3s ease, transform 0.3s ease;
transition: background-color 0.3s ease, transform 0.3s ease;
}
.nexio_options_item_switch .nexio_options_item_holder_handle:after {
content: ' ';
position: absolute;
z-index: -1;
top: 0;
left: 0;
display: block;
width: 21px;
height: 21px;
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
background-color: #6c7781;
-webkit-transition: background-color 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
-ms-transition: background-color 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
transition: background-color 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
opacity: 0;
}
.nexio_options_item_switch .nexio_options_item_holder:hover .nexio_options_item_holder_handle:after,
.nexio_options_item_switch .nexio_options_item_holder:focus .nexio_options_item_holder_handle:after {
content: ' ';
opacity: 0.2;
-webkit-transform: scale(1.9524, 1.9524);
-ms-transform: scale(1.9524, 1.9524);
transform: scale(1.9524, 1.9524);
}
.nexio_options_item_switch input:checked + .nexio_options_item_holder .nexio_options_item_holder_handle {
background-color: #11a0d2;
-webkit-transform: translateX(14px);
-ms-transform: translateX(14px);
transform: translateX(14px);
}
.nexio_options_item_switch input:checked + .nexio_options_item_holder .nexio_options_item_holder_handle:after {
background-color: #11a0d2;
}
/* Radio */
.nexio_options_item_radio .nexio_options_item_label {
display: inline-block;
vertical-align: top;
line-height: 28px;
margin: 0 1em 0 0;
}
.nexio_options_item_radio input,
.nexio_options input[type="radio"] {
display: none !important;
}
.nexio_options_item_radio .nexio_options_item_holder,
.nexio_options input[type="radio"] + .nexio_options_item_holder {
display: inline-block;
vertical-align: middle;
margin-right: 0.5em;
width: 16px;
height: 16px;
line-height: 16px;
text-align: center;
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
background-color: #6c7781;
position: relative;
top: -1px;
-webkit-transition: background-color 0.3s ease;
-ms-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
}
.nexio_options_item_radio .nexio_options_item_holder:before,
.nexio_options input[type="radio"] + .nexio_options_item_holder:before {
content: ' ';
display: block;
width: 12px;
height: 12px;
line-height: 12px;
text-align: center;
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
position: absolute;
z-index: 2;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background-color: #fff;
-webkit-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box;
}
.nexio_options_item_radio .nexio_options_item_holder:focus,
.nexio_options input[type="radio"] + .nexio_options_item_holder:focus {
outline: 0;
}
.nexio_options_item_radio .nexio_options_item_holder:focus:after,
.nexio_options input[type="radio"] + .nexio_options_item_holder:focus:after {
content: ' ';
display: block;
position: absolute;
z-index: 1;
top: -1px;
left: -1px;
width: 18px;
height: 18px;
line-height: 18px;
text-align: center;
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
background-color: #6c7781;
}
.nexio_options_item_radio input:checked + .nexio_options_item_holder,
.nexio_options input[type="radio"]:checked + .nexio_options_item_holder {
background-color: #11a0d2;
}
.nexio_options_item_radio input:checked + .nexio_options_item_holder:before,
.nexio_options input[type="radio"]:checked + .nexio_options_item_holder:before {
width: 6px;
height: 6px;
line-height: 6px;
text-align: center;
}
.nexio_options_item_radio input:checked + .nexio_options_item_holder:focus:before,
.nexio_options input[type="radio"]:checked + .nexio_options_item_holder:focus:before {
border: 5px solid #11a0d2;
}
.nexio_options_item_radio input:checked + .nexio_options_item_holder:focus:after,
.nexio_options input[type="radio"]:checked + .nexio_options_item_holder:focus:after {
position: absolute;
z-index: 1;
top: -2px;
left: -2px;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
}
.nexio_options_item_radio .nexio_options_item_description {
margin-top: 0.2em;
}
/* Choice */
.nexio_options_item_choice .nexio_options_item_data {
max-width: 740px;
}
.nexio_options_override .nexio_options_item_choice .nexio_options_item_data {
max-width: none;
}
.nexio_list_choice_rows_separator {
display: block;
width: 100%;
height: 0;
}
.customize-control-field-wrap .nexio_list_choice_rows_separator {
display: none;
}
.nexio_list_choice_item {
display: inline-block;
vertical-align: top;
margin-right: 20px;
cursor: pointer;
}
.nexio_list_choice_item_icon {
display: block;
padding: 2px;
border: 1px solid #c2c6cb;
margin: 1px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
-webkit-transition: border-color 0.3s ease;
-ms-transition: border-color 0.3s ease;
transition: border-color 0.3s ease;
position: relative;
}
.nexio_list_choice_item.nexio_list_active .nexio_list_choice_item_icon:before {
content: '\f147';
font-family: 'dashicons';
font-size: 17px;
line-height: 17px;
position: absolute;
z-index: 1;
top: 0;
right: 0;
width: 1em;
height: 1em;
line-height: 1em;
text-align: center;
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
background-color: #fff;
color: #38bb7a;
}
.nexio_list_choice_item_icon > img {
max-width: 100%;
height: auto;
vertical-align: top;
background-color: #fff;
}
.nexio_list_choice_item_title {
display: block;
margin: 5px 0 10px;
color: #9099a2;
font-weight: 600;
max-width: 120px;
-webkit-transition: color 0.3s ease;
-ms-transition: color 0.3s ease;
transition: color 0.3s ease;
}
.nexio_list_choice_item:hover .nexio_list_choice_item_icon,
.nexio_list_choice_item:focus .nexio_list_choice_item_icon {
border-color: #6c7781;
}
.nexio_list_choice_item:hover .nexio_list_choice_item_title,
.nexio_list_choice_item:focus .nexio_list_choice_item_title {
color: #23282d;
}
.nexio_list_choice_item.nexio_list_active .nexio_list_choice_item_icon {
border: 2px solid #11a0d2;
margin: 0;
}
.nexio_list_choice_item.nexio_list_active .nexio_list_choice_item_title {
color: #11a0d2;
margin-top: 4px;
}
.nexio_list_choice_item:focus {
outline: none;
}
.nexio_list_choice_item:focus .nexio_list_choice_item_icon {
-webkit-box-shadow: 0 0 0 3px #def6ff;
-ms-box-shadow: 0 0 0 3px #def6ff;
box-shadow: 0 0 0 3px #def6ff;
}
/* Color */
.nexio_options_item_color .wp-picker-holder,
.nexio_options_item_color .wp-picker-holder * {
-webkit-box-sizing: content-box !important;
-ms-box-sizing: content-box !important;
box-sizing: content-box !important;
}
.nexio_options_item_color .nexio_options_item_description {
margin-top: 0.5em;
}
.nexio_options_item_color.nexio_options_item_with_globals .nexio_options_item_field {
padding-left: 38px;
}
.nexio_options_item_color.nexio_options_item_with_globals .wp-picker-container.wp-picker-active {
position: absolute;
z-index: 1;
top: -6px;
left: 32px;
}
.nexio_options_item_color .nexio_color_selector_globals {
display: inline-block;
vertical-align: top;
margin-left: -38px;
margin-right: 0.5em;
position: relative;
}
.nexio_options_item_color .nexio_color_selector_globals .nexio_color_selector_globals_button {
display: flex;
align-items: center;
justify-content: center;
width: 31px;
height: 31px;
line-height: 31px;
text-align: center;
-webkit-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
background-color: #fff;
border: 1px solid #8d96a0;
outline: none;
cursor: pointer;
}
.nexio_options_item_color .nexio_color_selector_globals .nexio_color_selector_globals_button svg {
width: 25px;
height: 25px;
}
.nexio_options_item_color .nexio_color_selector_globals .nexio_color_selector_globals_button svg, .nexio_options_item_color .nexio_color_selector_globals .nexio_color_selector_globals_button svg path {
stroke: #23282d;
}
.nexio_options_item_color .nexio_color_selector_globals.nexio_color_selector_globals_active .nexio_color_selector_globals_button {
background-color: #def6ff;
}
.nexio_options_item_color .nexio_color_selector_globals.nexio_color_selector_globals_active .nexio_color_selector_globals_button svg, .nexio_options_item_color .nexio_color_selector_globals.nexio_color_selector_globals_active .nexio_color_selector_globals_button svg path {
stroke: #0280ac;
}
.nexio_options_item_color .nexio_color_selector_globals .nexio_color_selector_globals_list {
display: none;
position: absolute;
z-index: 1;
top: 100%;
left: 0;
margin-top: 2px;
width: 28em;
max-width: 80vw;
max-height: 28vh;
overflow-y: auto;
overflow-x: hidden;
font-size: 12px;
background-color: #fff;
border: 1px solid #8d96a0;
-webkit-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
-ms-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}
.nexio_options_item_color .nexio_color_selector_globals.nexio_color_selector_globals_list_opened .nexio_color_selector_globals_list {
display: block;
}
.nexio_options_item_color .nexio_color_selector_globals .nexio_color_selector_globals_list_item {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0.25em 1em;
cursor: pointer;
-webkit-transition: background-color 0.3s ease;
-ms-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
}
.nexio_options_item_color .nexio_color_selector_globals .nexio_color_selector_globals_list_item:hover {
background-color: #f8f8f9;
}
.nexio_options_item_color .nexio_color_selector_globals .nexio_color_selector_globals_list_item.nexio_color_selector_globals_list_item_active {
background-color: #def6ff;
}
.nexio_options_item_color .nexio_color_selector_globals .nexio_color_selector_globals_list_item .nexio_color_selector_globals_list_item_left {
display: flex;
align-items: center;
justify-content: flex-start;
margin-right: 0.5em;
flex-shrink: 0;
}
.nexio_options_item_color .nexio_color_selector_globals .nexio_color_selector_globals_list_item .nexio_color_selector_globals_list_item_color {
display: inline-block;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
-webkit-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
border: 1px solid rgba(128, 128, 128, 0.5);
margin-right: 0.5em;
}
.nexio_options_item_color .nexio_color_selector_globals .nexio_color_selector_globals_list_item .nexio_color_selector_globals_list_item_name {
display: inline-block;
vertical-align: top;
color: #23282d;
}
.nexio_options_item_color .nexio_color_selector_globals .nexio_color_selector_globals_list_item .nexio_color_selector_globals_list_item_value {
display: inline-block;
vertical-align: top;
color: #23282d;
flex-shrink: 0;
color: #aaa;
}
/* Text editor */
.nexio_options_item_text_editor .wp-switch-editor {
height: auto;
}
/* Media, audio, video */
.nexio_options_item_media .nexio_media_selector_preview > .nexio_media_selector_preview_image,
.nexio_options_item_audio .nexio_media_selector_preview > .nexio_media_selector_preview_image,
.nexio_options_item_video .nexio_media_selector_preview > .nexio_media_selector_preview_image {
background-image: none;
overflow: visible;
}
.nexio_options_item_media .nexio_media_selector_preview > .nexio_media_selector_preview_image:after,
.nexio_options_item_audio .nexio_media_selector_preview > .nexio_media_selector_preview_image:after,
.nexio_options_item_video .nexio_media_selector_preview > .nexio_media_selector_preview_image:after {
margin: -1.25em -1.25em 0 0;
}
/* Media selector
----------------------------------------- */
.nexio_media_selector_preview {
display: none;
margin-right: -2.3333%;
}
.nexio_media_selector_preview.nexio_media_selector_preview_with_image {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
}
.nexio_media_selector_preview img {
display: inline-block;
vertical-align: top;
width: auto;
height: auto;
max-width: 100%;
max-height: 150px;
}
.nexio_media_selector_preview > img,
.nexio_media_selector_preview > .nexio_media_selector_preview_image {
margin: 0 2.3333% 1.3333% 0;
position: relative;
}
.nexio_media_selector_preview > .nexio_media_selector_preview_image {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-basis: 31%;
-ms-flex-basis: 31%;
flex-basis: 31%;
cursor: pointer;
border: 2px solid #fff;
-webkit-transition: border-color 0.3s ease;
-ms-transition: border-color 0.3s ease;
transition: border-color 0.3s ease;
background-image: url(../images/transparent.png);
background-position: left top;
background-repeat: repeat;
background-size: 12px 12px;
overflow: hidden;
max-height: 150px;
}
.nexio_media_selector_preview_single {
max-width: none;
}
.nexio_media_selector_preview_single > .nexio_media_selector_preview_image {
-webkit-flex-basis: initial;
-ms-flex-basis: initial;
flex-basis: initial;
}
.nexio_media_selector_preview > .nexio_media_selector_preview_image:focus {
outline: 0;
border-color: #6c7781;
}
.nexio_media_selector_preview > .nexio_media_selector_preview_image > a {
padding: 0.3em 0.5em;
}
.nexio_media_selector_preview > .nexio_media_selector_preview_image:before {
content: ' ';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(15, 16, 17, 0.5);
opacity: 0;
pointer-events: none;
-webkit-transition: background-color 0.3s ease, opacity 0.3s ease;
-ms-transition: background-color 0.3s ease, opacity 0.3s ease;
transition: background-color 0.3s ease, opacity 0.3s ease;
}
.nexio_media_selector_preview > .nexio_media_selector_preview_image:focus:before,
.nexio_media_selector_preview > .nexio_media_selector_preview_image:hover:before {
opacity: 1;
}
.nexio_media_selector_preview > .nexio_media_selector_preview_image:after {
content: '\e916';
font-family: "fontello";
font-size: 10px;
display: block;
position: absolute;
z-index: 1;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 2.5em;
height: 2.5em;
line-height: 2.5em;
text-align: center;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
/*
color: $field_border_color;
background-color: #f7f7f7;
*/
color: #fff;
opacity: 0;
-webkit-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, opacity 0.3s ease;
-ms-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, opacity 0.3s ease;
transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease, opacity 0.3s ease;
}
.nexio_media_selector_preview > .nexio_media_selector_preview_image:focus:after,
.nexio_media_selector_preview > .nexio_media_selector_preview_image:hover:after {
/*
color: $field_outline_color;
background-color: #ebebeb;
*/
opacity: 1;
}
input[type="button"].nexio_media_selector {
font-size: 14px;
line-height: 30px;
height: 32px;
padding: 0 20px;
}
/* Inherit state */
.nexio_options_inherit_lock {
position: absolute;
z-index: 1;
top: -3px;
right: 2px;
display: block;
width: 27px;
height: 27px;
line-height: 27px;
text-align: center;
color: #6c7781;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
border: 2px solid #6c7781;
cursor: pointer;
-webkit-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
-ms-transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
transition: color 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
font-weight: normal;
font-size: 0.9286em;
}
.nexio_options_inherit_lock:before {
content: '\e97b';
font-family: "fontello";
padding: 0;
margin: -3px 0 0;
display: inline-block;
vertical-align: top;
}
.nexio_options_inherit_off .nexio_options_inherit_lock {
color: #fff;
border: none;
background-color: #11a0d2;
width: 23px;
height: 23px;
line-height: 23px;
text-align: center;
right: 4px;
top: -1px;
}
.nexio_options_inherit_off .nexio_options_inherit_lock:before {
content: '\e97c';
margin-top: -1px;
}
.nexio_options_inherit_lock:focus {
outline: 0;
-webkit-box-shadow: 0 0 0 3px #def6ff;
-ms-box-shadow: 0 0 0 3px #def6ff;
box-shadow: 0 0 0 3px #def6ff;
}
.nexio_options_inherit_cover {
position: absolute;
z-index: 3;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #e7e9ec;
background-image: url(../images/stripe-black.png);
bottom: -1px;
cursor: pointer;
}
.nexio_options_inherit_label {
position: absolute;
z-index: 1;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: inline-block;
vertical-align: top;
font-size: 18px;
line-height: 1em;
font-weight: 600;
color: #23282d;
}
.nexio_options_wait:before {
font-family: 'fontello';
content: '\e82d' !important;
display: inline-block;
vertical-align: top;
margin-top: 0.4em !important;
width: 1em;
height: 1em;
line-height: 1em;
text-align: center;
-webkit-animation: spin 2s infinite linear;
-ms-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
}
.nexio_options_inherit_on .nexio_options_item_field > *:not(.nexio_options_inherit_cover) {
visibility: hidden;
}
.nexio_options_inherit_on .nexio_options_group_fields {
max-height: 8em;
overflow: hidden;
}
/* PRO only */
.nexio_options_pro_only {
position: relative;
}
.nexio_options_pro_only.customize-control-wrap {
padding: 0.8em;
}
.nexio_options_pro_only.customize-control-wrap > *:not(.nexio_options_pro_only_cover):not(.customize-control-title):not(.customize-control-description) {
display: none;
}
.nexio_options_pro_only .nexio_options_item_field > *:not(.nexio_options_pro_only_cover) {
visibility: hidden;
}
.nexio_options_pro_only .nexio_options_pro_only_lock {
cursor: default;
color: #e7e9ec;
border-color: #e7e9ec;
}
.nexio_options_pro_only .nexio_options_pro_only_cover {
cursor: default;
background-color: #f8f8f9;
}
.nexio_options_pro_only .nexio_options_pro_only_cover .nexio_options_pro_only_label {
white-space: nowrap;
text-decoration: none;
color: #0280ac;
}
.nexio_options_pro_only .nexio_options_pro_only_cover .nexio_options_pro_only_label:hover {
text-decoration: underline;
color: #11a0d2;
}
.nexio_options_pro_only.customize-control-wrap .nexio_options_pro_only_cover {
background-color: rgba(220, 220, 220, 0.75);
}
/* Color scheme editor
-------------------------------------------------- */
.nexio_scheme_editor {
margin-bottom: 1em;
}
.nexio_scheme_editor_scheme {
margin-bottom: 10px;
padding-right: 105px;
position: relative;
}
.nexio_scheme_editor_controls {
position: absolute;
z-index: 1;
top: 1px;
right: 0;
bottom: 0;
}
.nexio_scheme_editor_control {
display: inline-block;
vertical-align: top;
width: 31px;
height: 31px;
line-height: 29px;
text-align: center;
margin-left: 2px;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #ccc;
-webkit-border-radius: 2px;
-ms-border-radius: 2px;
border-radius: 2px;
background-color: #f7f7f7;
color: #666;
cursor: pointer;
-webkit-transition: color 0.3s ease, background-color 0.3s ease;
-ms-transition: color 0.3s ease, background-color 0.3s ease;
transition: color 0.3s ease, background-color 0.3s ease;
}
.nexio_scheme_editor_control:hover {
background-color: #eee;
color: #333;
}
@media (max-width: 782px) {
.nexio_scheme_editor_control {
height: 35px;
line-height: 33px;
}
}
.nexio_scheme_editor_control:before {
font-family: 'fontello';
font-size: 1.15em;
}
.nexio_scheme_editor_control_reset:before {
content: '\e80e';
}
.nexio_scheme_editor_control_copy:before {
content: '\f0c5';
}
.nexio_scheme_editor_control_delete:before {
content: '\e8da';
}
.nexio_scheme_editor_type {
margin: 1.5em 0;
}
.nexio_scheme_editor_type .nexio_scheme_editor_row {
border: none;
}
.nexio_scheme_editor_type label + label {
margin-left: 1em;
}
.nexio_scheme_editor_type .nexio_scheme_editor_description {
font-style: italic;
font-size: 0.9em;
}
.nexio_scheme_editor_header,
.nexio_scheme_editor_row {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.nexio_scheme_editor_row {
margin-top: 8px;
}
.nexio_scheme_editor_header_cell,
.nexio_scheme_editor_row_cell {
display: inline-block;
vertical-align: middle;
min-width: 50px;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.nexio_scheme_editor_row_cell_color {
margin-left: 6px;
text-align: center;
}
.nexio_scheme_editor_header_cell:first-child,
.nexio_scheme_editor_row_cell:first-child {
min-width: 120px;
text-transform: capitalize;
}
.nexio_scheme_editor_row_cell_span {
min-width: 280px;
}
.nexio_scheme_editor_header_cell {
font-weight: bold;
text-align: center;
}
.customize-control-wrap .nexio_scheme_editor_header_cell,
.customize-control-wrap .nexio_scheme_editor_row_cell {
min-width: 40px;
}
.customize-control-wrap .nexio_scheme_editor_header_cell:first-child,
.customize-control-wrap .nexio_scheme_editor_row_cell:first-child {
min-width: 70px;
}
.customize-control-wrap .nexio_scheme_editor_row_cell_span {
min-width: 100px;
}
@media (max-width: 767px) {
.nexio_scheme_editor_header_cell,
.nexio_scheme_editor_row_cell {
min-width: 35px;
}
.nexio_scheme_editor_header_cell:first-child,
.nexio_scheme_editor_row_cell:first-child {
min-width: 100px;
}
.nexio_scheme_editor_row_cell_span {
min-width: 180px;
}
}
.nexio_scheme_editor_row_hidden {
display: none !important;
}
/* Options presets
-------------------------------------------------- */
.nexio_options_item .nexio_options_presets_list,
.nexio_options_item .nexio_options_presets_apply,
.nexio_options_item .nexio_options_presets_add,
.nexio_options_item .nexio_options_presets_delete {
display: inline-block;
vertical-align: top;
margin-right: 0.5em;
}
.nexio_options_item .nexio_options_presets_list {
width: 40%;
}
.nexio_options_item .nexio_options_presets_apply,
.nexio_options_item .nexio_options_presets_add,
.nexio_options_item .nexio_options_presets_delete {
width: 28px;
height: 28px;
line-height: 28px;
text-align: center;
line-height: 24px;
padding: 0;
font-size: 12px;
}
.nexio_options_item_hidden {
display: none !important;
}
/* ColorPickers
-----------------------------------------------------------------*/
/* Internal */
.iColorPickerTable .iColorPicker_moreColors {
background-image: url(../images/colorpicker-morecolors.png);
background-repeat: no-repeat;
display: inline-block;
margin-left: 0.5em;
width: 1em;
height: 1em;
line-height: 1em;
text-align: center;
vertical-align: middle;
box-shadow: none !important;
}
/* Tiny ColorPicker */
.cp-color-picker {
z-index: 1000;
background-color: #ddd;
}
/* Spectrum ColorPicker */
div.sp-replacer {
border: none;
background: none;
padding: 0;
}
div.sp-replacer .sp-preview {
margin-right: 0;
width: 28px;
height: 28px;
background-image: none;
border: none;
}
div.sp-replacer .sp-preview-inner {
border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
-webkit-transition: border-color 0.3s ease;
-ms-transition: border-color 0.3s ease;
transition: border-color 0.3s ease;
}
div.sp-replacer .sp-preview-inner:hover {
border-color: rgba(0, 0, 0, 0.5);
}
div.sp-replacer .sp-dd {
display: none;
}
.nexio_scheme_editor div.sp-replacer .sp-preview {
width: 48px;
}
.customize-control-wrap div.sp-replacer .sp-preview {
width: 40px;
}
div.sp-container {
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);
-webkit-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
overflow: visible;
}
div.sp-container:before {
content: ' ';
display: block;
width: 7px;
height: 7px;
line-height: 7px;
text-align: center;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.15);
border-right-color: transparent;
border-bottom-color: transparent;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
z-index: 1;
top: -6px;
left: 10px;
}
div.sp-container .sp-picker-container, div.sp-container .sp-palette-container {
padding: 14px;
margin: 0;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
div.sp-container .sp-picker-container {
border: none;
width: 238px;
}
div.sp-container .sp-dragger {
width: 12px;
height: 12px;
line-height: 12px;
text-align: center;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
margin: 5px 0 0 5px;
z-index: 2;
}
div.sp-container .sp-color {
border: none;
-webkit-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
right: 15%;
-webkit-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
}
div.sp-container .sp-color:before {
content: ' ';
display: block;
position: absolute;
z-index: 1;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
pointer-events: none;
}
div.sp-container .sp-clear {
left: 90.5%;
bottom: auto;
height: 26px;
background-size: 90%;
border-color: rgba(0, 0, 0, 0.2);
cursor: pointer;
}
div.sp-container .sp-hue {
border: none;
left: 90.5%;
-webkit-border-radius: 2px;
-ms-border-radius: 2px;
border-radius: 2px;
border: 1px solid rgba(0, 0, 0, 0.15);
}
div.sp-container .sp-hue .sp-slider {
border: 1px solid rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
left: -3px;
right: -3px;
height: 11px;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
margin-top: 3px;
opacity: 1;
}
div.sp-container .sp-initial {
margin-bottom: 8px;
border: none;
-webkit-border-radius: 2px;
-ms-border-radius: 2px;
border-radius: 2px;
position: relative;
}
div.sp-container .sp-initial:before {
content: ' ';
display: block;
position: absolute;
z-index: 2;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-border-radius: 2px;
-ms-border-radius: 2px;
border-radius: 2px;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
div.sp-container .sp-initial span {
height: 30px;
}
div.sp-container .sp-initial .sp-clear-display {
background-color: #fff !important;
}
div.sp-container .sp-initial .sp-clear-display + .sp-clear-display {
display: none;
}
div.sp-container .sp-initial .sp-thumb-el > span {
position: absolute;
z-index: 1;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
div.sp-container .sp-input-container {
width: 140px;
margin-bottom: 8px;
}
div.sp-container .sp-input-container input[type="text"] {
border: 1px solid #e0e2e5;
box-shadow: none;
background-color: #fff;
color: #23282d;
outline: none;
font-size: 10px !important;
-webkit-border-radius: 2px;
-ms-border-radius: 2px;
border-radius: 2px;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
div.sp-container .sp-choose {
background: #11a0d2;
border: 1px solid rgba(0, 0, 0, 0.15);
color: #fff;
padding: 7px 1.5em;
-webkit-transition: background 0.3s ease;
-ms-transition: background 0.3s ease;
transition: background 0.3s ease;
font-family: unset;
font-size: 12px;
}
div.sp-container .sp-choose:hover {
background: #0280ac;
}
div.sp-container .sp-cancel {
color: #9099a2 !important;
-webkit-transition: color 0.3s ease;
-ms-transition: color 0.3s ease;
transition: color 0.3s ease;
margin-right: 12px;
}
div.sp-container .sp-cancel:hover {
color: #d93f3f !important;
}
@media (max-width: 767px) {
div.sp-replacer .sp-preview {
width: 35px;
height: 21px;
}
}
/* TGMA
-----------------------------------------------------------------*/
#setting-error-tgmpa {
display: block;
}
.tgmpa_line_template {
display: block;
margin: 0.5em 0.5em 0 0;
clear: both;
}
.tgmpa_version {
float: right;
padding: 0em 1.5em 0.5em 0;
}
.tgmpa_column_version {
min-width: 32px;
text-align: right;
float: right;
}
.tgmpa_column_version_colored {
color: #ff0000;
font-weight: bold;
}
.tgmpa_column_version_colored_2 {
color: #71C671;
font-weight: bold;
}
.tgmpa_header {
font-size: 23px;
line-height: 29px;
font-weight: 400;
margin: 0;
padding: 9px 15px 4px 0;
}
.tgmpa_update_php {
width: 100%;
height: 98%;
min-height: 850px;
padding-top: 1px;
}
.tgmpa_actions_row {
color: #888;
}
/* Get PRO Version
---------------------------------------------------------- */
/* Table */
.nexio_theme_panel_table_row {
width: 100%;
border-bottom: 1px solid #ddd;
overflow: hidden;
}
.nexio_theme_panel_table_row:last-child {
border-bottom: none;
}
.nexio_theme_panel_table_row > div {
padding: 2em 0;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
float: left;
}
.nexio_theme_panel_table_head > div {
font-size: 1.1538em;
font-weight: bold;
text-align: center;
}
.nexio_theme_panel_table_row > div + div {
padding: 2em 1em;
text-align: center;
}
.nexio_theme_panel_table_info {
width: 70%;
}
.nexio_theme_panel_table_check {
width: 15%;
text-align: center;
}
@media (max-width: 767px) {
.nexio_theme_panel_table_head .nexio_theme_panel_table_info {
display: none;
}
.nexio_theme_panel_table_info {
width: 100%;
padding-top: 0;
}
.nexio_theme_panel_table_check {
width: 50%;
padding-top: 0;
}
}
.nexio_theme_panel_table_info_title {
margin-top: 0;
margin-bottom: 0.3em;
}
.nexio_theme_panel_table_check .dashicons {
font-size: 2em;
line-height: 1em;
width: 1em;
height: 1em;
}
.nexio_theme_panel_table_check .dashicons:before {
font-size: 1em;
}
.nexio_theme_panel_table_check .dashicons-yes:before {
color: #00aa00;
}
.nexio_theme_panel_table_check .dashicons-no:before {
color: #aa0000;
}
/* Button */
.trx_addons_theme_panel_theme_inactive .nexio_pro_link {
margin-top: 1em;
}
.nexio_theme_panel_table_check .nexio_pro_link {
margin-top: 0;
}
/* Form */
.nexio_pro_form_wrap {
display: none;
position: fixed;
z-index: 10001;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
/* admin sidemenu have 9990 */
background-color: rgba(0, 0, 0, 0.5);
}
.nexio_pro_form {
position: absolute;
z-index: 10010;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
opacity: 0;
margin-top: 50px;
width: 460px;
padding: 4em;
border: 1px solid #ddd;
background-color: #fff;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
}
@media (max-width: 479px) {
.nexio_pro_form {
width: 300px;
}
}
.customize-control-wrap .nexio_pro_form_wrap,
.nexio_options_item_field .nexio_pro_form_wrap {
display: block;
position: static;
background-color: transparent;
}
.customize-control-wrap .nexio_pro_form_wrap .nexio_pro_form,
.nexio_options_item_field .nexio_pro_form_wrap .nexio_pro_form {
position: static;
opacity: 1;
width: 100%;
padding: 1.5em;
margin-top: 2em;
background-color: transparent;
-webkit-transform: none;
-ms-transform: none;
transform: none;
-webkit-box-shadow: none;
-ms-box-shadow: none;
box-shadow: none;
}
.nexio_options_item_field .nexio_pro_form_wrap .nexio_pro_form {
margin-top: 0;
}
.nexio_options_item.nexio_options_item_get_pro_version .nexio_options_item_field {
max-width: 70%;
}
.nexio_pro_close {
display: none;
/* Hide in Customizer */
}
.nexio_pro_close:after {
content: '\e875';
display: inline-block;
font-family: 'trx_addons_icons';
font-size: 1.25em;
line-height: inherit;
margin-left: 0.3em;
}
.nexio_pro_close:hover {
color: #000;
}
.trx_addons_theme_panel_theme_inactive .nexio_pro_close {
display: inline-block;
padding: 1.2em;
position: absolute;
z-index: 1;
top: 0;
right: 0;
cursor: pointer;
color: #888;
text-transform: uppercase;
}
.nexio_pro_title {
margin-top: 0;
color: #333;
}
.nexio_pro_link_get {
color: #0088bb;
border-bottom: 1px solid #0088bb;
text-decoration: none;
-webkit-transition: color 0.3s ease, border-color 0.3s ease;
-ms-transition: color 0.3s ease, border-color 0.3s ease;
transition: color 0.3s ease, border-color 0.3s ease;
}
.nexio_pro_link_get:hover {
color: #008800;
border-color: #008800;
}
.nexio_pro_field {
border: 1px solid #ddd;
background-color: #f7f7f7;
padding: 2em;
}
.nexio_pro_field + .nexio_pro_field {
margin-top: 20px;
}
.nexio_pro_step_title {
margin-top: 0;
font-size: 1em;
line-height: 1.2em;
text-transform: uppercase;
color: #888;
}
.nexio_pro_label {
display: block;
margin: 1em 0;
font-weight: bold;
color: #333;
}
.nexio_pro_field input[type="text"] {
display: block;
width: 100%;
padding: 0.5em 1em;
box-sizing: border-box;
margin-bottom: 1em;
}
.nexio_pro_upgrade {
display: block;
width: 100%;
box-sizing: border-box;
text-align: center;
}
.nexio_pro_upgrade_process {
display: inline-block;
line-height: inherit;
margin-left: 0.3em;
}
/*# sourceMappingURL=admin.css.map */