vertical-align: baseline;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* remember to define focus styles! */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
#panel-wrap, #custom-lbox {
font-family: 'Open Sans', sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin: 30px 30px 0 20px;
box-shadow: 0 5px 30px rgba(0,0,0,.1);
border-radius: 3px 3px 0 0;
color: rgb(255, 255, 255);
background-color: #6c2eb9;
font-family: 'etbuilder';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
.rtl #epanel-title:before {
.toplevel_page_et_extra_options h1#epanel-title, .toplevel_page_et_divi_options h1#epanel-title {
.rtl.toplevel_page_et_extra_options h1#epanel-title,
.rtl.toplevel_page_et_divi_options h1#epanel-title {
.toplevel_page_et_extra_options #epanel-title:before, .toplevel_page_et_divi_options #epanel-title:before {
#epanel-header .et-defaults-button {
background-color: #7e3bd0;
.rtl #epanel-header .et-defaults-button {
#epanel-header .et-defaults-button:hover {
background-color: #8F42ED;
#epanel-header .et-defaults-button:focus {
#epanel-header .et-defaults-button.epanel-reset:before {
font-family: 'etbuilder';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
#epanel-header .et-defaults-button .label {
background-color: #7e3bd0;
#epanel #epanel-mainmenu {
.rtl #epanel #epanel-mainmenu {
font-family: 'Open Sans', sans-serif;
.rtl #epanel-mainmenu li {
#epanel-mainmenu li.ui-state-active a {
background-color: #8F42ED;
#epanel-mainmenu a:hover{
background-color: #7435c1;
#epanel-mainmenu a:focus {
#epanel-content ul.et-id-tabs {
background-color: #F1F5F9;
#epanel-content ul.et-id-tabs:after {
#epanel-content ul.et-id-tabs li {
.rtl #epanel-content ul.et-id-tabs li {
#epanel-content ul.et-id-tabs a {
-webkit-transition: all 0.3s;
#wrap-general ul.et-id-tabs a:first-of-type {
.rtl #wrap-general ul.et-id-tabs a:first-of-type {
#epanel-content ul.et-id-tabs a:hover {
background-color: #e6ecf2;
#epanel-content ul.et-id-tabs .ui-tabs-active a {
#epanel-content ul.et-id-tabs a:focus {
#epanel-content ul.et-id-tabs li{
#epanel-content ul.et-id-tabs .ui-state-active a:focus {
#epanel-content > .et-content-div {
#epanel-content > .et-content-div[aria-hidden="false"],
#epanel-content .et-tab-content[aria-hidden="false"] {
-webkit-animation: fadeIn .5s 1 cubic-bezier(0.77, 0, 0.175, 1);
-moz-animation: fadeIn .5s 1 cubic-bezier(0.77, 0, 0.175, 1);
-o-animation: fadeIn .5s 1 cubic-bezier(0.77, 0, 0.175, 1);
animation: fadeIn .5s 1 cubic-bezier(0.77, 0, 0.175, 1);
#epanel.et-onload #epanel-content > .et-content-div[aria-hidden="false"],
#epanel.et-onload #epanel-content .et-tab-content[aria-hidden="false"] {
#epanel-content .et-tab-content {
#epanel-content .et-epanel-box {
#epanel-content .et-tab-content .et-epanel-box:last-child {
#epanel .et-epanel-box .et-box-title {
padding: 10px 0px 10px 0;
#epanel .et-epanel-box .et-box-description {
-webkit-transition: opacity .5s;
-moz-transition: opacity .5s;
-webkit-transition-timing-function: ease;
-moz-transition-timing-function: ease;
transition-timing-function: ease;
.rtl #epanel .et-epanel-box .et-box-description {
#epanel .et-epanel-box .et-box-description:before {
font-family: 'ETmodules';
color: rgb(43, 135, 218);
#epanel .et-epanel-box:hover .et-box-description {
#epanel .et-epanel-box div.et-box-title h3 {
#epanel-content .et-epanel-box .et-box-title {
#epanel-content .et-epanel-box .et-box-content {
#epanel-content .et-epanel-box-small-1:not(.et-hidden-option) .et-box-content,
#epanel-content .et-epanel-box-small-2:not(.et-hidden-option) .et-box-content {
#epanel-content .et-box-content--list {
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
#epanel-content .et-box-content .et-box-content--list > * {
#epanel-content .et-panel-box__checkbox-list-label {
#epanel-content .et-epanel-box .et-box-content input,
#epanel-content .et-epanel-box .et-box-content .et-upload-buttons {
.rtl #epanel-content .et-epanel-box .et-box-content input,
.rtl #epanel-content .et-epanel-box .et-box-content .et-upload-buttons{