.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.wpml-ls-legacy-list-vertical{display:table;max-width:100%;border:1px solid transparent;border-bottom:0}.wpml-ls-legacy-list-vertical>ul{position:relative;padding:0;margin:0!important;list-style-type:none}.wpml-ls-legacy-list-vertical .wpml-ls-item{padding:0;margin:0;list-style-type:none}.wpml-ls-legacy-list-vertical a{display:block;text-decoration:none;border-bottom:1px solid transparent;padding:5px 10px;line-height:1}.wpml-ls-legacy-list-vertical a span{vertical-align:middle}.wpml-ls-legacy-list-vertical .wpml-ls-flag{display:inline;vertical-align:middle}.wpml-ls-legacy-list-vertical .wpml-ls-flag+span{margin-left:.4em}.rtl .wpml-ls-legacy-list-vertical .wpml-ls-flag+span{margin-left:0;margin-right:.4em}.wpml-ls-legacy-list-vertical.wpml-ls-statics-footer{margin-bottom:30px}.wpml-ls-menu-item .wpml-ls-flag{display:inline;vertical-align:baseline}.wpml-ls-menu-item .wpml-ls-flag+span{margin-left:.3em}.rtl .wpml-ls-menu-item .wpml-ls-flag+span{margin-left:0;margin-right:.3em}ul .wpml-ls-menu-item a{display:flex;align-items:center}body{font-family:"Helvetica Neue",Helvetica,Geneva,Arial,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em}h1,h2,h3{font-weight:300}h4,h5,h6{font-weight:400}.page-wrapper{left:0;right:0}header a,header div{color:rgba(0,0,0,.9)}header{position:relative;opacity:1;overflow:hidden;height:54px;z-index:4}header a.header-center{display:block;margin-left:auto;margin-right:auto;text-align:center;width:68%}.site-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;font-size:150%;font-weight:400;font-style:normal;line-height:2.25}header img{max-height:44px;position:relative;max-width:100%}.landscape header img,.portrait header img{top:4px}.drop-down #menu{display:none;position:absolute;top:54px;z-index:3;right:0;left:0}#menu-toggle{position:absolute;bottom:0;left:0;right:auto}#menu-toggle.menu-right{position:absolute;bottom:0;left:auto;right:0}#menu-toggle:after{content:"\e80a";display:block;font:110% wptouch-icons,sans-serif;padding:18px}#search-toggle{position:absolute;bottom:0;left:0;right:auto}#search-toggle.search-right{position:absolute;bottom:0;left:auto;right:0}#search-toggle:after{content:"\e809";display:block;font:110% wptouch-icons,sans-serif;padding:18px}#menu-toggle.touched:after,#search-toggle.touched:after{color:rgba(0,0,0,.3)}.login-link{padding-left:12px}.login-link i{margin-right:5px}#wptouch-search-inner{background-color:rgba(0,0,0,.1);text-align:center;padding:5px}#wptouch-search-inner input[type=text]{width:70%;-webkit-appearance:none;padding:4px;background-color:rgba(255,255,255,.9);font-size:90%;border-style:none;border-radius:2px}#wptouch-search-inner input[type=text]:focus{background-color:#fff}#wptouch-search-inner input[type=submit]{border-radius:2px;border:1px solid rgba(0,0,0,.2);padding:1px 10px 4px;-webkit-appearance:none;background-color:rgba(255,255,255,.1);color:rgba(0,0,0,.8);font-size:95%;vertical-align:bottom}#search-dropper{overflow:hidden;max-height:0;-webkit-transition:max-height 330ms ease-in-out}#search-dropper.toggled{max-height:60px}.touched{background-color:rgba(0,0,0,.1)}.page-wrapper .wptouch-custom-showcase{margin:-1px auto -10px}.list-view .flickity-page-dots{margin-bottom:35px}.list-view .flickity-page-dots .dot{width:15px;height:2px;margin-right:0;margin-left:0;border-radius:0;background-color:#fff;opacity:.4}.list-view .flickity-page-dots .dot.is-selected{opacity:1}.list-view .carousel.list-carousel{box-shadow:inset rgba(0,0,0,.1) 0 0 24px;height:220px;margin-top:0;margin-bottom:0;position:relative;visibility:hidden}.list-view .carousel.list-carousel.flickity-enabled{visibility:visible}.list-view .list-carousel .carousel-cell{height:100%;width:100%;max-width:none!important;overflow:hidden}.list-view .list-carousel .carousel-cell img{position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);min-width:120%;max-width:120%;min-height:100%;width:auto;height:auto;z-index:-1;overflow:hidden}.list-view .carousel.list-carousel h2{text-shadow:rgba(0,0,0,.6) 0 0 10px;position:absolute;bottom:35%;font-size:180%;font-weight:600;width:90%;color:#fff;text-align:center;margin-left:auto;margin-right:auto;overflow:hidden;text-overflow:ellipsis;left:0;right:0;line-height:150%}.list-view .list-carousel .post-meta{text-shadow:rgba(0,0,0,.6) 0 0 10px;position:absolute;font-size:75%;font-weight:600;display:inline-block;bottom:25%;z-index:1;color:#fff;margin-left:auto;margin-right:auto;width:90%;right:0;left:0;text-transform:uppercase;text-align:center}.loop-link{display:block;position:relative;min-height:80px;padding-top:10px;padding-bottom:10px}.loop-link i.arrow{font-size:34px;position:absolute;right:3%;top:50%;margin-top:-18px}.loop-link .post-meta{color:rgba(0,0,0,.5);display:block;font-size:70%;margin-left:88px;padding-top:10px;text-transform:uppercase}.loop-link .post-meta.comments{margin-left:88px}#content .loop-link h2{display:inline-block;width:65%;font-size:130%;line-height:130%;margin:0 0 0 4px;padding-bottom:10px;overflow:hidden;font-weight:400;font-style:normal;padding-top:10px}.loop-link img.post-thumbnail{width:64px;height:64px;margin:12px 10px 0;z-index:1;float:left}.loop-link .date-circle,.related .date-circle{position:relative;font-size:215%;line-height:110%;display:block;float:left;margin:12px 10px 0;width:62px;height:48px;border:1px solid rgba(0,0,0,.1);z-index:1;padding-top:14px;text-align:center;overflow:hidden;color:rgba(0,0,0,.7)}.related .date-circle{font-size:175%;height:36px;float:none;margin:0;line-height:100%;position:absolute;top:3px;width:50px}.loop-link .date-circle .month,.related .date-circle .month{text-transform:uppercase;font-size:40%;position:absolute;top:-1px;right:0;left:0;letter-spacing:-1px}.loop-link .date-circle .day,.related .date-circle .day{position:absolute;top:18px;right:0;left:0;font-size:80%;letter-spacing:-1px}.loop-link .bottom-border{border-bottom:1px solid rgba(0,0,0,.15);display:block;position:absolute;bottom:0;left:88px;right:0}.no-thumbs.loop-link .bottom-border{left:40px}#content .no-thumbs.loop-link h2,.no-thumbs.loop-link .post-meta{margin-left:40px}.flickity-view>h2{font-weight:400;padding-left:15px}.carousel{height:350px;margin-top:20px;margin-bottom:40px}.carousel-cell{height:100%;width:90%;max-width:400px}.carousel-cell img{height:auto;min-height:100%;width:92%;min-width:92%;padding:0;margin:0 0 0 20px}.carousel-cell a{max-height:230px;overflow:hidden;display:block}.carousel h2{letter-spacing:-.02em;display:-webkit-box;width:85%;margin-left:20px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.carousel .post-meta{text-transform:capitalize;font-size:80%;display:inline-block;margin-left:20px;margin-top:5px}.slider-latest-only.blog .wptouch-showcase{-webkit-backdrop-filter:blur(5px);position:absolute;top:55px;z-index:1;left:0;right:0;background-color:rgba(0,0,0,.3);min-height:auto!important;height:50px;margin-bottom:0}.slider-latest-only.blog.wptouch-multiads .wptouch-showcase{height:auto;margin-top:-1px;padding-top:20px}.slider-latest-only.blog header{background-color:rgba(0,0,0,.2)!important;-webkit-backdrop-filter:blur(20px) saturate(150%)!important;margin-bottom:-54px}.slider-latest-only.blog header h1,.slider-latest-only.blog header>.tappable{color:#fff!important}.slider-latest-only.blog #search-dropper{background-color:rgba(0,0,0,.2)!important;-webkit-backdrop-filter:blur(20px) saturate(150%)!important;position:fixed;position:-webkit-sticky;top:54px;z-index:3;right:0;left:0}.slider-latest-only.blog .carousel{margin:0 auto}.slider-latest-only.blog .carousel-cell{height:100%;width:100%;max-width:none!important;position:relative;overflow:hidden}.slider-latest-only.blog .carousel-cell img{position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);min-width:200%;min-height:100%;width:auto;height:auto;z-index:-1;overflow:hidden}.slider-latest-only.blog .carousel h2{text-shadow:rgba(0,0,0,.6) 0 0 10px;position:absolute;bottom:130px;font-size:220%;width:90%;color:#fff}.slider-latest-only.blog .carousel .post-meta{text-shadow:rgba(0,0,0,.6) 0 0 6px;color:#fff;position:absolute;bottom:80px;font-size:90%;text-transform:uppercase}.crumb-path{background-image:-webkit-gradient(radial,50% 0,0,50% 0,400,to(rgba(0,0,0,0)),from(rgba(255,255,255,.5)));z-index:2;text-align:left;opacity:.9}.crumb-path p{font-size:80%;padding:6px 12px;margin:0}.crumb-path p span{display:inline-block;width:65%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.landscape .crumb-path p span{width:78%}.ios7 .crumb-path{position:-webkit-sticky;top:0}.sharing-options.style-default.share-top a{font-size:80%;font-weight:400;font-style:normal}.sharing-options+.nav-controls{margin-bottom:-11px}.nav-controls{background-color:rgba(0,0,0,.05);font-size:90%;font-weight:700;border-top:1px solid rgba(0,0,0,.05);border-bottom:1px solid rgba(0,0,0,.05);padding:10px 20px;text-align:center;margin:-1px 0;color:rgba(0,0,0,.7)}.nav-controls div{display:inline-block;width:49%;vertical-align:top;float:left}.nav-controls a:before{margin-right:3px}.nav-controls a{font-weight:400;font-style:normal;display:block}.nav-controls a.prev-post{padding-right:8px}.nav-controls .previous{text-align:left;word-wrap:break-word}.nav-controls .next{text-align:right;word-wrap:break-word;float:right}.nav-controls a:after{margin-left:3px}.post-page-content{color:rgba(0,0,0,.7);font-size:100%;line-height:165%;padding-bottom:50px;padding-left:20px;padding-right:20px;overflow:hidden;word-wrap:break-word}.post-page-content .post-page-thumbnail,.post-page-content .sharing-options{margin-left:-20px;margin-right:-20px}.post-page-content .wp-caption{max-width:300px!important;width:auto!important}.post-page-content img.aligncenter{margin-left:-20px;margin-right:-20px;padding:0!important;border:none!important}.post-page-content table{max-width:100%;overflow:scroll}.post-page-content ol,.post-page-content ul{margin-left:-5px;margin-right:-5px;list-style-type:circle}.post-page-content ol{list-style-type:decimal}.post-page-content li{margin-left:10;margin-right:10;padding-right:0;padding-left:0}.wptouch-shortcode-webapp-mobile,.wptouch-shortcode-webapp-only{margin-top:15px;padding-left:20px;padding-right:20px;overflow:hidden;display:block}.comment-body a,.post-page-content p a{border-bottom-style:dotted;border-bottom-width:1px}.post-page-content .post-thumbnail{margin:0 0 -8px;padding:0;min-width:100%;height:auto}.post-page-head-area .post-author,.post-page-head-area .post-date-comments{font-size:75%;color:rgba(0,0,0,.8);font-weight:600;margin-right:10px;margin-left:10px}.post-page-content .cat-tags{margin-left:20px;margin-right:20px;font-size:90%;margin-top:15px;text-align:left}.post-page-head-area.bauhaus{text-align:center;padding-top:40px;padding-bottom:40px;overflow:hidden;text-shadow:none;text-transform:capitalize;position:relative;overflow:hidden;z-index:0}.post-page-head-area.bauhaus .post-page-thumbnail{position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);min-width:200%;min-height:100%;width:auto;height:auto;z-index:-1;overflow:hidden;opacity:.4}.post-page-head-area.bauhaus .post-title{color:rgba(0,0,0,.8);letter-spacing:-.02em;font-size:180%;font-weight:400;margin:0!important;padding:10px 12px;word-wrap:break-word}.post-page-content blockquote{border-left:3px solid rgba(0,0,0,.2);margin-left:30px;margin-right:30px;padding-left:10px}.post-page-content .wptouch-showcase{padding:15px 0;margin-right:auto!important;display:block;clear:both;margin-left:0!important}#content .wptouch-showcase,.bottom-content-showcase .wptouch-showcase,.top-content-showcase .wptouch-showcase{margin-left:-15px;margin-right:-15px}.related-posts{padding-top:0;background-color:rgba(255,255,255,.5);padding:15px;border-top:1px solid rgba(0,0,0,.1);color:rgba(0,0,0,.7)}.related-posts ul li{position:relative;list-style-type:none;margin:0 0 20px}.related-posts h3{padding-bottom:10px;margin-top:0;margin-bottom:0;font-size:1.6em}.related-posts li p{margin-top:5px;font-size:95%;line-height:140%}.related-posts li.has-thumb a,.related-posts p{padding-left:60px;display:block;overflow:hidden}.related-posts .has-thumb img{position:absolute;width:50px;height:50px;top:3px;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px}.related-posts li a{display:block;padding-left:62px}.no-com-bubbles #slider .comments-number,.no-com-bubbles .loop-link .comments{display:none}#comments{color:rgba(0,0,0,.7);background-color:rgba(255,255,255,.3);border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:20px}#respond,#responses{margin-left:15px;margin-right:15px}#respond{padding-top:20px}.comment{margin-left:15px;padding-right:15px}.comment-author,.comment-body,.comment-time{margin-left:65px}.comment-author{font-weight:700;font-size:95%}.comment-time{font-size:75%;color:rgba(0,0,0,.4)}#comments .comment-avatar{width:54px;height:54px;-webkit-border-radius:150px;border-radius:150px;border:1px solid rgba(255,255,255,.5);float:left;right:2px;position:relative;overflow:hidden}#comments .comment-avatar img{width:100%;height:auto}.comment .comment-body{font-size:90%;padding-bottom:15px;word-wrap:break-word}.comment .comment-body a{word-wrap:break-word}.comment .comment-body:after{content:'';display:block;border-bottom:1px solid rgba(0,0,0,.15);margin-right:-15px}#comments blockquote{margin-left:0;padding-left:10px}#comments .load-more-comments-wrap a{font-size:95%}form#commentform input,form#commentform textarea{-webkit-border-radius:2px;border-radius:2px}form#commentform input{margin-right:5px}form#commentform button#submit,form#commentform input#submit{-webkit-border-radius:2px;border-radius:2px}form#commentform label{display:block;margin-bottom:5px}.search span.select-wrap{display:block;margin-top:25px}.search span.select-wrap .search-select{margin-left:auto;margin-right:auto;display:inline-block;background-color:transparent;-webkit-appearance:none;padding:4px;border-style:none;font-size:100%}.search span.select-wrap i.wptouch-icon-caret-down{content:"\e844";font:110% wptouch-icons,sans-serif;position:relative;z-index:2;top:1px;right:2px}.no-results{text-align:center;display:block;margin-top:25px;margin-bottom:25px}.load-more-comments-wrap a,.load-more-link{padding-top:20px;padding-bottom:20px;font-weight:400;font-style:normal}#switch{margin-top:15px;margin-bottom:-15px}.page-wrapper .footer{margin-top:25px;font-size:75%}.footer,a.back-to-top{font-size:80%;color:rgba(0,0,0,.5);font-weight:400;font-style:normal}.circles #slider img.clone{-webkit-border-radius:225px;border-radius:225px}.circles .loop-link .date-circle,.circles .related .date-circle{-webkit-border-radius:100px;border-radius:100px}.circles .loop-link img.post-thumbnail{-webkit-border-radius:150px;border-radius:150px}.landscape.circles #slider img.clone{width:250px;height:250px;-webkit-border-radius:225px;border-radius:225px;left:-30px;top:12px}.landscape.circles #slider .comments-number{left:130px;top:15px}.roundsquares #slider .comments-number{left:85px;top:0}.roundsquares #slider img.clone{left:-85px;-webkit-border-radius:30px;border-radius:30px}.landscape.roundsquares #slider img.clone{left:0}.landscape.roundsquares #slider .comments-number{left:160px}.roundsquares .loop-link .date-circle{-webkit-border-radius:14px;border-radius:14px}.roundsquares .comment-avatar,.roundsquares .loop-link img.post-thumbnail,.roundsquares .related img.wp-post-image{-webkit-border-radius:14px;border-radius:14px}.dark-body .loop-link .post-meta{color:rgba(255,255,255,.4)}.dark-header #menu-toggle.touched:after,.dark-header #search-toggle.touched:after{color:rgba(255,255,255,.3)}.dark-header #wptouch-search-inner input[type=submit]{color:rgba(255,255,255,.9)}.dark-header .loop-link .date-circle,.dark-header .related .date-circle{color:rgba(255,255,255,.8)}.dark-header header a,.dark-header header div{color:rgba(255,255,255,.9)}.dark-body .back-to-top,.dark-body .footer,.dark-body .post-page-content{color:rgba(255,255,255,.8)}.dark-body .loop-link .bottom-border{border-bottom:1px solid rgba(255,255,255,.15)}.dark-body .sharing-options a{border-top-color:rgba(0,0,0,.1);border-bottom-color:rgba(0,0,0,.1);text-shadow:none}.dark-post-head .post-page-head-area .archive-text,.dark-post-head .post-page-head-area .post-title,.dark-post-head .post-page-head-area select{color:rgba(255,255,255,.9)}.dark-post-head .post-page-head-area .post-author,.dark-post-head .post-page-head-area .post-date-comments{color:rgba(255,255,255,.75);text-shadow:rgba(0,0,0,.6) 0 0 10px}.dark-body #comments{color:rgba(255,255,255,.7);background-color:rgba(0,0,0,.05);border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1)}.dark-body .comment-time{color:rgba(255,255,255,.4)}.dark-body .comment .comment-body:after{border-bottom:1px solid rgba(255,255,255,.1)}.dark-body .comment-avatar{border:1px solid rgba(0,0,0,.1)}.dark-body .related-posts{background-color:rgba(0,0,0,.2)}.dark-post-head form#commentform button#submit{color:rgba(255,255,255,.8)}.ios7.smartphone.web-app-mode #menu{padding-top:20px}.drop-down.ios7.smartphone.web-app-mode #menu{position:fixed;top:74px;overflow:auto;padding-top:0;-webkit-overflow-scrolling:touch}.ios7.web-app-mode.has-fixed header{-webkit-backdrop-filter:blur(20px) saturate(150%);position:-webkit-sticky;padding-top:20px;top:0}.ios7.web-app-mode .crumb-path{position:-webkit-sticky;top:74px}.ios7.web-app-mode #search-dropper{position:-webkit-sticky;top:74px;z-index:3}.off-canvas .wptouch-login-wrap{text-align:center;font-size:70%}.wptouch-menu li.lang-item span{border:none;box-shadow:none;float:left;padding:0 15px}.wptouch-menu li.lang-item img{height:auto;width:auto;top:2px;padding-right:0}.wptouch-menu li.lang-item span:before{content:'';border:none}.sb-callout-ctn {
width: 370px;
min-height: 200px;
overflow: auto;
background: #fff;
box-shadow: 0px 1px 5px 0px #0000000B, 0px 4px 12px 0px #0000000F, 0px 8px 23px 0px #00000013, 0px 14px 41px 0px #00000017, 0px 26px 77px 0px #0000001B;
}
.sb-callout-ctn[data-type="frontend"] {
position: fixed;
bottom: 25px;
right: 20px;
z-index: 1;
}
.sb-callout-ctn[data-type="backend"] {
position: fixed;
bottom: 85px;
right: 20px;
z-index: 99999;
}
.sb-callout-ctn[data-type="side-menu"],
body.wp-admin.index-php li .sb-callout-ctn[data-type="side-menu"],
body.instagram-feed_page_sbi-feed-builder .sb-callout-ctn[data-type="side-menu"] {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
}
body:not([class*="page_sbi-feed-builder"]) .wp-menu-name:hover > .sb-callout-ctn[data-type="side-menu"],
body:not([class*="page_sbi-feed-builder"]) .wp-has-current-submenu:hover .sb-callout-ctn[data-type="side-menu"],
body.wp-admin.index-php .wp-menu-name .sb-callout-ctn[data-type="side-menu"] {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
}
.sb-callout-ctn[data-type="side-menu"] {
position: absolute;
left: 100%; top: -100px;
z-index: 999999;
}
.sb-callout-ctn[data-position="bottom"] {
bottom: 0px;
top: unset;
}
.sb-callout-ctn .sb-fs {
width: 100%;
float: left;
position: relative;
box-sizing: border-box;
}
.sb-callout-top-heading {
padding: 10px 15px;
border-bottom: 1px solid #E6E6EB;
display: flex;
align-items: center;
column-gap: 10px;
}
.sb-callout-top-heading strong {
color: #141B38 !important;
font-size: 15px;
}
.sb-callout-only-visible {
font-size: 10px;
display: none;
align-items: center;
column-gap: 5px;
text-transform: uppercase;
color: #0068A0 !important;
background: #D6F4FF !important;
padding: 2px 8px;
border-radius: 4px;
line-height: 21px
}
[data-type="frontend"] .sb-callout-top-heading {
align-items: flex-start;
}
[data-type="frontend"] .sb-callout-top-heading > svg {
width: 25px;
margin-top: 10px;
height: auto;
}
[data-type="frontend"] .sb-callout-only-visible {
display: inline-flex;
}
.sb-callout-top-dismiss {
position: absolute;
width: 16px;
height: 20px;
right: 12px;
top: 10px;
cursor: pointer;
color: #2C324C !important;
}
.sb-callout-top-dismiss:before,
.sb-callout-top-dismiss:after {
content: '';
position: absolute;
width: 14px;
height: 2px;
left: 1px;
top: 8px;
background: currentColor;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.sb-callout-top-dismiss:after {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.sb-callout-progress {
padding: 35px 25px;
padding-bottom: 45px;
display: flex;
align-items: center;
justify-content: center;
column-gap: 20px;
}
.sb-callout-progress-radial {
width: 71px;
height: 71px;
flex-shrink: 0;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
color: #0068A0 !important;
font-weight: 600;
font-size: 17px;
}
.sb-callout-progress-radial span {
position: relative;
z-index: 9;
}
.sb-callout-progress-radial svg {
position: absolute;
width: 71px;
height: 71px;
}
.sb-progress-svg {
--size: 71px;
--half-size: calc(var(--size) / 2);
--stroke-width: 5px;
--radius: calc((var(--size) - var(--stroke-width)) / 2);
--circumference: calc(var(--radius) * pi * 2);
--dash: calc((var(--progress) * var(--circumference)) / 100);
animation: progress-animation 0s linear 0s 1 forwards;
}
.sb-progress-svg circle {
cx: var(--half-size);
cy: var(--half-size);
r: var(--radius);
stroke-width: var(--stroke-width);
fill: none;
}
.sb-progress-svg .sb-progress-svg-bg {
stroke: #0096CC;
stroke-width: calc(var(--stroke-width) - 1px);
}
.sb-progress-svg .sb-progress-svg-fg {
transform: rotate(-90deg);
transform-origin: var(--half-size) var(--half-size);
stroke-dasharray: var(--dash) calc(var(--circumference) - var(--dash));
transition: stroke-dasharray 0s linear 0s;
stroke: #9ce5ff;
stroke-width: var(--stroke-width)
}
@property --progress {
syntax: "<number>";
inherits: false;
initial-value: 0;
}
@keyframes progress-animation {
from {
--progress: 0;
}
to {
--progress: var(--percent);
}
}
.sb-callout-progress-text {
display: flex;
flex-direction: column;
}
.sb-callout-progress-text strong {
color: #141B38 !important;
font-size: 16px;
}
.sb-callout-progress-text span {
color: #696D80 !important;
font-size: 13px;
margin-top: 5px;
line-height: 1.5em;
}
.sb-callout-plugins {
padding: 10px 0px;
background: #F9F9FA !important;
}
.sb-callout-plugin-item {
padding: 5px 15px;
display: flex;
align-items: center;
font-size: 14px;
font-weight: 400;
color: #434960 !important;
column-gap: 10px
}
#adminmenu .sb-callout-plugin-item a:not(.sb-callout-item-btn) {
display: flex !important;
color: inherit !important;
justify-content: center;
align-items: center;
column-gap: 7px;
line-height: unset !important;
background: unset !important;
}
#adminmenu .sb-callout-plugin-item a:not(.sb-callout-item-btn):after {
display: none;
}
.sb-callout-item-checkbox {
width: 17px;
height: 17px;
position: relative;
flex-shrink: 0;
border-radius: 50px;
border: 2px solid #9295A6 !important;
}
.sb-callout-plugin-item[data-done="true"] {
color: #141B38 !important;
font-weight: 600;
}
.sb-callout-plugin-item[data-done="true"] .sb-callout-item-checkbox {
background-color: #0096CC !important;
border-color: #0096CC !important;
color: #fff !important;
}
.sb-callout-plugin-item[data-done="true"] .sb-callout-item-checkbox:after {
content: '';
position: absolute;
width: 9px;
height: 4px;
border-left: 2px solid currentColor;
border-bottom: 2px solid currentColor;
-webkit-transform: rotate(-39deg);
transform: rotate(-39deg);
left: 3px;
top: 4px;
}
.sb-callout-item-btn {
display: flex !important;
background-color: #0068A0 !important;
color: #fff !important;
font-size: 10px !important;
height: 32px !important;
font-weight: 600 !important;
padding: 10px 11px !important;
position: relative !important;
margin-left: auto !important;
border-radius: 3px !important;
text-decoration: none !important;
line-height: unset !important;
align-items: center !important;
justify-content: center !important;
cursor: pointer !important;
}
.sb-callout-item-btn.sb-callout-item-btn-grey {
background: #F3F4F5 !important;
color: #141B38 !important;
border: 1px solid #D0D1D7 !important;
}
.sb-callout-item-btn:after {
content: '' !important;
position: absolute !important;
width: 5px !important;
height: 5px !important;
right: 14px !important;
top: 12px !important;
border-right: 2px solid currentColor !important;
border-bottom: 2px solid currentColor !important;
-webkit-transform: rotate(-45deg) !important;
transform: rotate(-45deg) !important;
}
.sb-callout-bottom-btns {
display: flex !important;
justify-content: flex-start !important;
padding: 20px 20px !important;
column-gap: 10px !important;
padding-bottom: 5px !important;
}
.sb-callout-bottom-btns .sb-callout-item-btn {
margin-left: unset !important;
flex-grow: 1 !important;
text-align: center !important;
font-size: 11px !important;
height: 15px !important;
cursor: pointer;
}
[data-type="frontend"] .sb-callout-bottom-btns .sb-callout-item-btn {
padding: 7px 11px !important;
height: unset !important;
}
[data-type="dashboard"] .sb-callout-bottom-btns .sb-callout-item-btn {
padding: 10px 11px !important;
}
.sb-callout-bottom-btns .sb-callout-item-btn:after {
right: 18px !important;
top: 14px !important;
}
#adminmenu .sb-callout-ctn a:hover {
box-shadow: unset !important;
} .sb-callout-ctn[data-type="dashboard"] {
width: 100% !important;
box-sizing: border-box !important;
background: unset !important;
box-shadow: unset !important;
}
.sb-callout-ctn[data-type="dashboard"] .sb-callout-top {
display: none !important;
}
#sb_dashboard_widget .inside {
padding: 0px !important;
}
.sb-callout-top > a {
background: unset !important;
color: inherit;
}
.sb-callout-ctn > a {
display: none !important;
}
.sb-callout-plugin-item .sb-callout-item-btn {
padding: 0 26px !important;
}
@media (max-width: 1200px) {
.sb-callout-ctn[data-type="frontend"],
.sb-callout-ctn[data-type="backend"],
.sb-callout-ctn[data-type="side-menu"] {
display: none !important;
}
}@media screen and ( min-width: 782px ){
body.admin-bar .mobmenu, body.admin-bar .mobmenu-panel, .show-nav-left.admin-bar .mobmenu-overlay, .show-nav-right.admin-bar .mobmenu-overlay {
top: 32px!important;
}
body.admin-bar .mobmenu-search-holder {
top: 82px!important;
}
}
@media screen and ( max-width: 782px ){
body.admin-bar .mobmenu, body.admin-bar .mobmenu-panel, .show-nav-left.admin-bar .mobmenu-overlay, .show-nav-right.admin-bar .mobmenu-overlay {
top: 46px!important;
}
body.admin-bar .mob-menu-header-banner {
top: 0px!important;
}
body.admin-bar .mobmenu-search-holder {
top: 96px!important;
}
body.admin-bar  .mob-menu-slideout .mobmenu-search-holder {
top: 50px!important;
}
}
@media screen and ( max-width: 479px ) {
.mob-menu-overlay .mobmenu-content {
padding-top: 5%;
}
}
@media screen and ( max-width: 782px ) {
.mob-menu-overlay .mobmenu-content {
padding-top: 10%;
}
}
@media only screen and (min-width:1025px){
.mob_menu, .mobmenu-panel, .mobmenu, .mobmenu-cart-panel, .mobmenu-footer-menu-holder, .mobmenu-right-panel, .mobmenu-left-panel  {
display: none!important;
}
}
@media only screen and (max-width:1024px) {
.mobmenur-container i {
color: #FFF;
}
.mobmenul-container i {
color: #FFF;
}
.mobmenul-container img {
max-height:  40px;
float: left;
}
.mobmenur-container img {
max-height:  40px;
float: right;
}
.mob-expand-submenu i {
font-size: 25px;
}
#mobmenuleft li a , #mobmenuleft li a:visited, .mobmenu-content h2, .mobmenu-content h3, .show-nav-left .mob-menu-copyright, .show-nav-left .mob-expand-submenu i {
color: #666;
}
.mob-cancel-button {
font-size: 30px!important;
} .mobmenu-content #mobmenuleft .sub-menu  .sub-menu li a:hover {
color: #ccc;
} .mobmenu-content #mobmenuleft .sub-menu .sub-menu li:hover {
background-color: #666;
}
.mobmenu-content #mobmenuleft li:hover, .mobmenu-content #mobmenuright li:hover  {
background-color: #666;
}
.mobmenu-content #mobmenuright li:hover  {
background-color: #666 ;
} .mobmenu-content #mobmenuright .sub-menu .sub-menu li:hover {
background-color: #666;
} .mobmenu-content #mobmenuright .sub-menu  .sub-menu li a:hover {
color: #ccc;
}
.mobmenu-content #mobmenuleft .sub-menu {
background-color: #3a3a3a ;
margin: 0;
color: #fff ;
width: 100%;
position: initial;
height: 100%;
}
.mob-menu-left-bg-holder {
opacity: 1;
background-attachment: fixed ;
background-position: center top ;
-webkit-background-size:  cover;
-moz-background-size: cover;
background-size: cover;
}
.mob-menu-right-bg-holder { 
opacity: 1;
background-attachment: fixed ;
background-position: center top ;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size:  cover;
}
.mobmenu-content #mobmenuleft .sub-menu a {
color: #fff ;
}
.mobmenu-content #mobmenuright .sub-menu  a {
color: #fff ;
}
.mobmenu-content #mobmenuright .sub-menu .sub-menu {
background-color: inherit;
}
.mobmenu-content #mobmenuright .sub-menu {
background-color: #3a3a3a ;
margin: 0;
color: #fff ;
position: initial;
width: 100%;
}
#mobmenuleft li:hover a, #mobmenuleft li:hover i {
color: #FFF;
}
#mobmenuright li a , #mobmenuright li a:visited, .show-nav-right .mob-menu-copyright, .show-nav-right .mob-expand-submenu i {
color: #666 ;
}
#mobmenuright li a:hover {
color: #FFF ;
}
.mobmenul-container {
top: 10px;
margin-left: 5px;
margin-top: 0px;
height: 50px;
float: left;
}
.mobmenur-container {
top: 10px;
margin-right: 5px;
margin-top: 0px;
}
.mob-menu-logo-holder {
margin-top:   0px;
text-align:   center;
margin-left:  0;
margin-right: 0;
height:       50px;
}
.mob-menu-header-holder {
width:  100% ;
background-color: #111111 ;
height: 50px ;
position:fixed;
}
body.mob-menu-overlay, body.mob-menu-slideout, body.mob-menu-slideout-over, body.mob-menu-slideout-top {
padding-top: 50px;
}
.mobmenul-container, .mobmenur-container{
position: absolute; 
}
.mobmenu-left-panel {
background-color:#F7F7F7;;
width:  270px;  
}
.mobmenu-right-panel {
background-color:#F7F7F7;		width:  270px; 
}
.show-nav-left .mobmenu-overlay, .show-nav-right .mobmenu-overlay, .show-mob-menu-search .mobmenu-overlay  {
background: rgba(0,0,0,0.83);
}
.mob-menu-slideout-top .mobmenu-overlay {
display:none!important;
}
.mob-menu-slideout.show-nav-left .mobmenu-push-wrap, .mob-menu-slideout.show-nav-left .mob-menu-header-holder {
-webkit-transform: translateX(270px);
-moz-transform: translateX(270px);
-ms-transform: translateX(270px);
-o-transform: translateX(270px);
transform: translateX(270px);
}
.mob-menu-slideout.show-nav-right .mobmenu-push-wrap, .mob-menu-slideout.show-nav-right .mob-menu-header-holder {
-webkit-transform: translateX(-270px);
-moz-transform: translateX(-270px);
-ms-transform: translateX(-270px);
-o-transform: translateX(-270px);
transform: translateX(-270px);
}
.mob-menu-slideout-top .mobmenu-panel {
width:  100%;
height: 100%;
z-index: 1;
position: fixed;
left: 0px;
top: 0px;
max-height: 100%;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.mob-menu-slideout-top.show-nav-left .show-panel, .mob-menu-slideout-top.show-nav-right .show-panel  {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
z-index: 300000;
}
.mob-menu-slideout-over.show-nav-left .mobmenu-left-panel {
overflow: hidden;
}
.show-nav-left .mobmenu-panel.show-panel , .show-nav-right .mobmenu-panel.show-panel {
z-index: 300000;
} .mob-menu-slideout .mobmenu-panel, .mob-menu-slideout-over .mobmenu-panel, .mob-menu-slideout .mobmenu-cart-panel, .mob-menu-slideout-over .mobmenu-cart-panel {
position: fixed;
top: 0;
height: 100%;
overflow-y: auto;
overflow-x: auto;
z-index: 10000;
opacity: 1;
} .mobmenu .headertext { 
color: #FFF ;
text-decoration: none;
}
.headertext span {
position: initial;
line-height: 50px;
}
.mobmenu-search-holder {
top: 50px;
}  body.mob-menu-overlay, body.mob-menu-slideout, body.mob-menu-slideout-over, body.mob-menu-slideout-top  {
overflow-x: hidden;
}
.mobmenu-left-panel li a, .leftmbottom, .leftmtop{
padding-left: 10%;
padding-right: 10%;
}
.mobmenu-content li > .sub-menu li {
padding-left: calc(10*1%);
}
.mobmenu-right-panel li, .rightmbottom, .rightmtop{
padding-left: 10%;
padding-right: 10%;
}
.mobmenul-container i {
line-height: 30px;
font-size: 30px;
float: left;
}
.left-menu-icon-text {
float: left;
line-height: 30px;
color: #222;
}
.mobmenu-left-panel .mobmenu-display-name {
color: #666;
}
.right-menu-icon-text {
float: right;
line-height: 30px;
color: #222;
}
.mobmenur-container i {
line-height: 30px;
font-size: 30px;
float: right;
}
.nav, .main-navigation, .genesis-nav-menu, #main-header, #et-top-navigation, .site-header, .site-branding, .ast-mobile-menu-buttons, .storefront-handheld-footer-bar, .hide {
display: none!important;
}
.mob-standard-logo {
display: inline-block;
height:50px!important;	}
.mob-retina-logo {
height:50px!important;	}
.mobmenu-content #mobmenuleft > li > a:hover {
background-color: #666;
}
.mobmenu-content #mobmenuright > li > a:hover {
background-color: #666;
}
.mobmenu-left-panel .mob-cancel-button {
color: #666;
}
.mobmenu-right-panel .mob-cancel-button {
color: #666;
}	
}
.mob-menu-logo-holder > .headertext span,.mobmenu input.mob-menu-search-field {
font-family:Dosis;
font-size:20px;
font-weight:inherit;
font-style:normal;
letter-spacing:normal;
text-transform:none;
}
.left-menu-icon-text {
font-family:Dosis;
font-size:inherit;
font-weight:inherit;
font-style:normal;
line-height:1.5em;
letter-spacing:normal;
text-transform:none;
}
#mobmenuleft .mob-expand-submenu,#mobmenuleft > .widgettitle,#mobmenuleft li a,#mobmenuleft li a:visited,#mobmenuleft .mobmenu-content h2,#mobmenuleft .mobmenu-content h3,.mobmenu-left-panel .mobmenu-display-name, .mobmenu-content .mobmenu-tabs-header li {
font-family:Dosis;
font-size:inherit;
font-weight:inherit;
font-style:normal;
line-height:1.5em;
letter-spacing:normal;
text-transform:none;
}
.right-menu-icon-text {
font-family:Dosis;
font-size:inherit;
font-weight:inherit;
font-style:normal;
line-height:1.5em;
letter-spacing:normal;
text-transform:none;
}
#mobmenuright li a,#mobmenuright li a:visited,#mobmenuright .mobmenu-content h2,#mobmenuright .mobmenu-content h3,.mobmenu-left-panel .mobmenu-display-name {
font-family:Dosis;
font-size:inherit;
font-weight:inherit;
font-style:normal;
line-height:1.5em;
letter-spacing:normal;
text-transform:none;
}