/* -- containers / wrappers -- */
body, html {min-height: 100%; }
body{background-color: #ccc;}
body.bg-full-size{background-size: cover; background-attachment:fixed; background-repeat: none; background-position: 50% 50%}
#wrapper{background-color: #FFF;}
body.full-width #wrapper{width: 100%;}
body.boxed #wrapper{max-width: $box-width;margin: 0 auto; }
body.framed-layout{padding-top: 30px;padding-bottom: 40px;background-color: #555;}
body.boxed{background-color: #555;}
.page-wrapper{padding: 30px 0 30px; @include clearfix();}
.category-page{padding-top: 30px}
.product-page{padding-top: 30px}
.row.container{margin-bottom: 30px!important;}
.row.custom-width{margin-left:auto!important;margin-right:auto!important;}
.nav-dropdown{max-width: $row-width;}
.clearfix {@include clearfix;}
/* remove spacing before footer */
#content > .ux_banner:last-child, #content > .ux-section:last-child, #content > .iosSlider.default:last-child, #content > .ux-block:last-child > .ux-section:last-child, #content > .ux-block:last-child > .iosSlider.default:last-child{margin-bottom: 0!important}
.ux-section-content > .row.container:last-of-type,.ux-section-content > .row.column-slider:last-of-type > .iosSlider{margin-bottom: 0px!important;}
/* -- row - divided style -- */
.row.divided .columns{border-right:1px solid rgba(0,0,0,.05);}
.row.divided .columns:last-child{border:0}
.column-inner{float:left;width:100%;display: block; @include clearfix;}
/* -- row - boxed style -- */
.row.boxed .columns > .column-inner{background-color: #f1f1f1;padding:30px;}
/* -- top divider (shown for white header) -- */
.top-divider{border-top: 1px solid $border-light;position: relative;top:1px;}
/* -- global styles -- */
.uppercase{text-transform: uppercase}
.thin-font{font-weight:normal!important;font-weight: 300!important;}
.normal-font{font-weight:normal!important;}
p:empty{display: none!important}
p.small{font-size: 95%;}
.small-font{font-size: 90%;opacity: 0.9;}
.smaller-font{font-size: 80%;opacity: 0.85;}
.smallest-font{font-size: 70%;opacity: 0.85;}
table{width: 100%}
.box-shadow{-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);}
.drop-shadow{text-shadow:1px 1px 1px rgba(0,0,0,0.3);}
.stick-bottom{bottom:0!important;top:auto;}
.stick-top{top:0!important;bottom:auto;}
.text-pull-inn{max-width: 800px;margin-left:auto;margin-right: auto;text-align: center;}
/* -- social icons -- */
.social-icons{line-height: 100%;}
.social-icons .icon,.yith-wcwl-share li a{position: relative;line-height:16px;font-size: 16px; border:2px solid #ccc; display: inline-block; padding: 8px;margin:0 5px 5px 0; color: #ccc;@include radius(99px);@include single-transition('background-color');}
.social-icons.size-small .icon,
#top-bar .social-icons .icon{line-height:13px;font-size:13px;border:0;padding:0px;margin-right: 5px;margin-bottom: 0px}
.social-icons .icon:hover,.yith-wcwl-share li a:hover{color: #FFF;text-decoration: none;}
.social-icons .icon.icon_facebook:hover,.yith-wcwl-share li a.facebook:hover{background-color:#3a589d;border-color: #3a589d}
.social-icons .icon.icon_twitter:hover,.yith-wcwl-share li a.twitter:hover{background-color:#2478ba; border-color:#2478ba}
.social-icons .icon.icon_email:hover{background-color:#111; border-color:#111}
.social-icons .icon.icon_pintrest:hover,.yith-wcwl-share li a.pinterest:hover{background-color:#cb2320; border-color: #cb2320}
.social-icons .icon.icon_rss:hover{background-color:#fc7600;border-color: #fc7600}
.social-icons .icon.icon_twitter:hover{background-color:#2478ba; border-color:#2478ba}
.social-icons .icon.icon_instagram:hover{background-color:#3b6994; border-color:#3b6994}
.social-icons .icon.icon_vk:hover{background-color:#527498; border-color:#527498}
.social-icons .icon.icon_googleplus:hover,.yith-wcwl-share li a.googleplus:hover{background-color:#dd4e31; border-color:#dd4e31}
.social-icons .icon.icon_linkedin:hover{background-color:#0072b7; border-color:#0072b7}
.social-icons .icon.icon_youtube:hover{background-color:#c33223; border-color:#c33223}
.social-icons .icon.icon_flickr:hover{background-color:#e5086f; border-color:#e5086f}
.social-icons.size-small .icon:hover{color:#000!important;background: none!important;}
#top-bar .social-icons .icon:hover{background-color: transparent !important;text-decoration: none;}
.yith-wcwl-share ul{margin-left: 0!important;}
.yith-wcwl-share li a {font-family: 'icomoon';}
.yith-wcwl-share li a.facebook:before{ content: "\e002"!important;}
.yith-wcwl-share li a.twitter:before{content: "\e001"!important; }
.yith-wcwl-share li a.pinterest:before { content: "\e010"!important;}
.yith-wcwl-share li a.googleplus:before { content: "\e00f"!important;}
.product-page .social-icons{margin-bottom: 30px;}
/* -- social share-row -- */
.social-icons.share-row span.title{font-weight: bold;margin-right: 5px;}
.product-info .social-icons{border-top: 1px dotted $border;padding-top: 25px}
/* -- stars -- */
.star-rating,
.star-rating{text-align: left;font-size:16px;overflow:hidden;position:relative;height:1em;line-height:1em;width:5.4em;font-family:'icomoon';}
.star-rating:before,.woocommerce-page .star-rating:before{content:"\e006 \e006 \e006 \e006 \e006";color:$secondary-color;float:left;top:0;left:0;position:absolute}
.star-rating span{overflow:hidden;float:left;top:0;left:0;position:absolute;padding-top:1.5em;font-weight: normal!important}
.star-rating span:before{content:"\e005 \e005 \e005 \e005 \e005";color:$secondary-color;top:0;position:absolute;left:0}
li.product-small .star-rating{font-size: 80%!important;margin-bottom: 5px;}
li.product-small .text-center .star-rating{margin: 0 auto 5px;}
.product-info .star-rating{margin-bottom: 20px}
.text-center .star-rating{margin: 0 auto;text-align: center;}
/* -- tabbed content -- */
ul.tabs{margin-left: 0!important}
.tabbed-content{@include clearfix;}
.tabbed-content ul.tabs{display: block;width: 100%;overflow: hidden;margin-bottom: 10px;}
.tabbed-content ul.tabs li{list-style: none;display: inline-block;}
.tabbed-content ul.tabs li a{color:#999;font-weight:bold;text-transform:uppercase;margin-right: 25px; font-size: 90%; border-top: 4px solid #fff;padding: 10px 0;display: block;@include single-transition(border);}
.tabbed-content ul.tabs li a:hover{border-color:#777;color: #777;}
.tabbed-content ul.tabs li.active a{border-color:#333;color: #333;}
.tabbed-content.shortcode_tabgroup .tabs{border-top: 2px solid #eee;}
.tabbed-content .entry-content{padding-top: 0}
.shortcode_tabgroup h3{margin-bottom: 15px}
.shortcode_tabgroup.pos_pills h3,.shortcode_tabgroup.pos_center h3{margin-bottom: 30px}
.shortcode_tabgroup_vertical,.shortcode_tabgroup {margin-bottom: 30px}
.tabbed-content .iosSlider,.tabbed-content .product-small{margin-bottom: 0;}
.tabbed-content.pos_pills > h3,.tabbed-content.pos_center > h3{text-align: center;}
.tabbed-content.pos_pills > ul.tabs,.tabbed-content.pos_center > ul.tabs{border: 0;text-align: center;}
.tabbed-content.pos_pills ul.tabs li{border-right: 1px solid rgba(0,0,0,.1);}
.tabbed-content.pos_pills ul.tabs li:last-child{border:0;}
.tabbed-content.pos_pills ul.tabs li a{border:0;padding:5px 10px;@include radius(30px);font-size: 80%;margin:0 15px}
.tabbed-content.pos_pills ul.tabs li.active a{background: $primary-color;color:#FFF;}
.tabbed-content.pos_pills ul.tabs{margin-bottom: 30px;}
/* -- vertical tabs -- */
.vertical-tabs{padding-top: 20px;}
.vertical-tabs ul.tabs-nav{margin-top: 15px;margin-left: 0;z-index:9;border-right:1px solid $border;margin-right: -1px;height: 100%}
.vertical-tabs ul.tabs-nav li{list-style: none;font-size: 90%;text-transform: uppercase;font-weight: bold}
.vertical-tabs ul.tabs-nav li a{border-bottom: 1px solid $border-light;padding: 10px 0;display: block;color:#999;@include single-transition(border);}
.vertical-tabs ul.tabs-nav li.current a,.vertical-tabs ul.tabs-nav li a:hover,.vertical-tabs ul.tabs-nav li.current-menu-item a{color:#333; border-right:4px solid $border;}
.vertical-tabs .tabs-inner {border-left:1px solid $border;padding-left: 40px;}
.vertical-tabs .tabs-inner.active {padding-top: 5px;}
.shortcode_tabgroup_vertical h3{border-bottom: 2px solid #eee;padding-bottom: 15px;margin: 0}
/* -- tab content -- */
.vertical-tabs .tabs-inner,
.tabbed-content .panel {zoom: 1; float:left; visibility: hidden; height: 0; display: block; overflow: hidden; opacity: 0.0; @include single-transition(opacity, 0ms); }
.vertical-tabs .tabs-inner.active,
.tabbed-content .panel.active {margin:15px 0; float:none; line-height: 130%; visibility: visible; height: auto; overflow: visible; opacity: 1.0; @include single-transition(opacity, 300ms); }
/* -- accordian -- */
.accordion_title{padding-bottom: 10px}
.accordion{margin-bottom: 30px}
.accordion .accordion-inner{display: none; padding: 15px 30px 10px;}
.accordion .accordion-title a{ font-size: 110%; line-height: 130%; color:#999; padding:20px 15px;display: block; border-top: 1px solid $border;@include single-transition(border);}
.accordion .accordion-title.active a{color:#333; background-color:#f9f9f9; border-top: 3px solid $border;border-bottom: 1px solid $border-light}
.product-details .accordion-title.active a{background: transparent;border-width:1px}
.large-6 .accordion-title a,.large-5 .accordion-title a,.large-4 .accordion-title a,.large-7 .accordion-title a{font-size: 95%}
.accordion .accordion-title a:before{font-family:'icomoon';content:"\e00c"; font-size: 16px;margin-right: 15px;}
.accordion .accordion-title.active a:before{content:"\e00d";}
/* -- icon styles -- */
.span.icon-instagram{font-size: 16px;}
.search-icon{font-size: 16px!important}
/* -- Avatar + extras -- */
.avatar, .circle{@include radius(999px);}
/* -- quantity box -- */
.quantity{display: inline-block;}
.quantity .input-text.qty{width: 35px;height:41px;padding: 0 5px; text-align: center;}
.quantity.buttons_added{text-align: left;position: relative;white-space:nowrap;vertical-align: top;}
.quantity.buttons_added input{display: inline-block; margin: 0;vertical-align: top;}
.quantity.buttons_added .minus,.quantity.buttons_added .plus{padding: 7px 10px 8px;height:41px; background-color: #fff; border:1px solid #ccc;}
.quantity.buttons_added .minus{border-right: 0}
.quantity.buttons_added .plus{border-left: 0}
.quantity.buttons_added .minus:hover,.quantity.buttons_added .plus:hover{background: #eee;}
.quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0; }
.product-info .quantity{margin-left: 10px;}
/* -- disabled buttons --*/
button[disabled] { background-color: #333!important;opacity: 0.6;}
/* -- message box -- */
.alert-box a.button{margin: 0 15px 0 0; display: inline-block;}
.alert-box ul{margin-bottom: 0}
.alert-box li{list-style: none;}
/* -- woocommerce message --*/
.woocommerce-message{color:$success-color!important;font-size: 120%;position: relative;margin:30px 0}
.woocommerce-message{padding-right: 320px;background: none!important;border:0;}
.woocommerce-message a.button{position: absolute;right:0;font-size: 80%;padding: 10px 20px;margin-top: -8px}
.woocommerce-message:before{ color: #FFF;background: $success-color;@include radius(99px);padding: 3px; font-family: 'icomoon';content: "\e00a";margin-right: 10px}
.single-product .woocommerce-message{margin-bottom: 0}
/* -- scroll to top -- */
#top-link{display:none;background: #111; position:fixed; right:35px;text-align: center; bottom:20%; color:#FFF; font-weight:bold; text-decoration:none;background:#111; width:40px;padding:2px 8px 6px;font-size:32px;opacity: 0.9;z-index: 99;}
#top-link.active{display: block;}
/* -- Global UL / OL -- */
.column-inner > ul, .column-inner > ol, .entry-content > ul,.short-description > ul,.tabs-inner ul, .tabs-inner ol, .accordian-inner ul, .accordian-inner ol,.woocommerce > ul,.woocommerce > ol{margin-left: 20px; }
ul.checkmarks li{margin-bottom: 10px;padding:0 0 15px;border-bottom: 1px dotted $border;line-height: 110%}
ol.commentlist li{list-style: none}
.entry-content ol{margin-left: 20px;}
#content > ul{margin-left: 20px;}
ul li.bullet-checkmark,ul li.bullet-arrow,ul li.bullet-star{list-style: none;font-size: 95%;padding-bottom: 7px}
ul li.bullet-checkmark:before{color:$success-color;font-family: 'icomoon';content: "\e00a"!important; font-size: 80%;padding-right: 10px;}
ul li.bullet-arrow:before{color:$success-color;font-family: 'icomoon';content: "\f105"!important;font-size: 80%;padding-right: 10px;}
ul li.bullet-star:before{color:$success-color;font-family: 'icomoon';content: "\e005"!important; font-size: 80%;padding-right: 10px;}
/* -- Paginations -- */
.pagination-centered{padding-top: 20px;border-top:1px solid $border-light;margin-bottom: 30px;}
ul.page-numbers{line-height: 42px}
ul.page-numbers a,.page-numbers li > span{text-align:center;border:2px solid $primary-color;padding:6px 12px 7px;font-weight: bold;@include single-transition(background);}
ul.page-numbers a:hover{background-color: $primary-color;border-color:$primary-color;color: #FFF;};
ul.page-numbers li > span{color:#FFF;background-color: $primary-color;border-color:$primary-color;}
/* -- section titles -- */
h3.section-title{margin:0 auto 30px; max-width: 1050px; text-transform: uppercase;border-bottom: 3px solid #f1f1f1;}
h3.section-title a{float:right;padding-top: 5px;font-size: 80%}
h3.section-title a:after{font-family: 'icomoon'; content: "\f105"; color:$primary-color;margin-left: 10px}
h3.section-title span{display: inline-block;padding-bottom: 15px;border-bottom: 3px solid $border;margin-bottom: -3px;}
h3.section-title.title_center{text-align: center;margin-bottom: 40px;line-height: 22px}
h3.section-title.title_center span{border:0;background: #FFF;bottom:-12px;position: relative;padding:0 30px}
h3.section-title.title_bold,h3.section-title.title_bold_center{border-width: 3px;margin-top:50px;margin-bottom: 60px;height: 0}
h3.section-title.title_bold span,h3.section-title.title_bold_center span{border: 3px solid #eee;padding:10px 15px;position:relative;top:-25px;left:15px;background-color: #FFF;}
h3.section-title.title_bold a{border: 3px solid #DDD;padding:5px 10px;position:relative;top:-20px; right:15px;background-color: #FFF;}
h3.section-title.title_bold_center{text-align: center;}
h3.section-title.title_bold_center span{left:auto}
h3.section-title.title_divided, h3.section-title.title_divided span{text-align: center;border:0;}
h3.section-title.title_divided a{display: block;float:none;}
/* -- text dividers -- */
.tx-div{display: block;height:3px;background-color:#000;opacity:0.1;margin:15px 0 15px }
.text-center .tx-div{margin:15px auto 15px auto;}
.text-right .tx-div{margin: 15px 0px 15px auto;}
.tx-div.small{width: 30px;}
.tx-div.medium{width: 60px}
.tx-div.full{width:100%;}
/* -- ux image -- */
.ux-img-container img{height: auto;width: 100%;}
/* -- UX BOX model (Used for different shortcodes and elements) -- */
.ux-box .inner{position: relative;}
.ux-box > a{display: block;}
.ux-box .ux-box-image{overflow: hidden;top:0;}
.ux-box .ux-box-image img{min-width:100%;top:0;position: relative;}
.ux-box .ux-box-text{padding: 10px;}
/* -- UX Box Texts -- */
.ux-box a{color:#777}
.ux-box h1, .ux-box h2, .ux-box h3, .ux-box h4, .ux-box h5{line-height: 120%;}
.ux-box p{padding: 0;margin-bottom: 10px;}
.ux-box h4{margin-bottom: 5px;}
.ux-box h4 span{font-size: 90%;}
.ux-box .ux-box-text{font-size: 90%}
.ux-box.text-center .ux-box-text{padding-left: 5px;padding-right: 5px;}
.ux-box .social-icons{margin-bottom: 15px;}
/* - text circle */
.ux-box.ux-text-circle .ux-box-image{margin-left:30px;margin-right: 30px; @include radius(999px);}
.ux-section .ux-text-circle .inner-wrap{padding-top: 30px!important;}
/* - text overlay */
.ux-box.ux-text-overlay{margin-bottom: 0;}
.ux-box.ux-text-overlay .ux-box-text{position: absolute;bottom:5%;left:15px;right:15px;opacity: 0;text-shadow:1px 1px 1px rgba(0,0,0,0.2);@include single-transition(all, 300ms, ease-out);}
.ux-box.ux-text-overlay.team-member .ux-box-text{bottom: 0;}
.ux-box.ux-text-overlay:hover .ux-box-text{opacity: 1;bottom:10%;}
.ux-box.post-item.ux-text-overlay:hover .ux-box-text{opacity: 1;bottom:5px;}
.ux-box.ux-text-overlay .ux-box-image{background-color: $primary-color;}
.ux-box.ux-text-overlay:hover .ux-box-image img{top: 0!important; -webkit-transform: scale(1.05); opacity: 0.3;}
.ux-box.ux-text-overlay .ux-box-text *{color:#FFF!important;}
.ux-box.ux-text-overlay .ux-box-text .tx-div{background-color: rgba(255,255,255,0.3)!important;}
.ux-box.ux-text-overlay .ux-box-text.show-first{opacity: 1;}
.ux-box.ux-text-overlay .show-next{opacity: 0;position: relative; bottom:-10px;}
.ux-box.ux-text-overlay:hover .show-next{opacity: 1;bottom:0;}
/* - blog post overlay */
.ux-box.post-item.ux-text-overlay .ux-box-text{left:30px;right:30px;padding:0 30px;}
.ux-box.post-item.ux-text-overlay .from_the_blog_comments{display: none;}
/* - text bounce */
.ux-box.ux-text-bounce .ux-box-text{background-color: #FFF;position: relative; top:-3px; padding:15px 30px;@include single-transition();}
.ux-box.ux-text-bounce:hover .ux-box-text{top:-15px;background-color: #f9f9f9;}
.ux-box.ux-text-bounce:hover .ux-box-image img{top:-10px;}
/* - text badge */
.ux-box.ux-text-badge .ux-box-text{position: absolute;bottom: 40px;padding: 11px 0 8px;left:0px;right:0px;text-align: center;background-color: #FFF;background-color: rgba(255, 255, 255, 0.9);}
.ux-box.ux-text-badge .ux-box-text span{opacity: 0.5}
.slider .ux-box.ux-text-badge .ux-box-text{left:15px;right:15px;}
.ux-box.ux-text-badge:hover .ux-box-text{background-color: $primary-color;}
.ux-box.ux-text-badge:hover .ux-box-text *{color:#FFF!important;}
/* -- background / sections -- */
.ux-section{padding:30px;position:relative;}
.ux-section .blog_shortcode_text{margin-top: -20px;}
.ux-section .sliderNav.small a,.ux-section #main-content,#main-content .ux-section h3.section-title.title_center span{background-color: transparent!important;background: transparent!important;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
.ux-section h3.section-title.title_center{border:0!important;}
.ux-section h3.section-title.title_center span:before{content:"";border-left:120px solid rgba(0,0,0,0.1);height: 3px;display:inline-block;margin-bottom:5px;margin-right: 30px;}
.ux-section h3.section-title.title_center span:after{content:"";border-left:120px solid rgba(0,0,0,0.1);height: 3px;display:inline-block;margin-bottom:5px;margin-left: 30px;}
.ux-section h3.section-title.title_center span{display:inline-block;line-height: 100%;}
.ux-section .iosSlider .product-small{padding-bottom: 10px!important;}
.ux-section.dark h3.section-title span{border-color:#FFF;}
.ux-section .product-small .info{margin: 0 15px;padding:5px 5px 15px;}
.collapse .row .column, .collapse .row .columns{position: relative; padding-left: 0; padding-right: 0; float: left;}
/* -- section / boxed styles -- */
.ux-section .row.boxed .columns > .column-inner{padding: 20px 30px}
.ux-section .row.boxed .columns > .column-inner,.ux-section .product-small .info,.ux-section .ux-box .inner-wrap{background: #f1f1f1; background: rgba(255,255,255,0.9); -webkit-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);}
.dark .ux-box.ux-text-bounce .ux-box-text,.dark .ux-box.ux-text-bounce:hover.ux-box-text, .dark .row.boxed .columns > .column-inner,.ux-section.dark .product-small .info,.ux-section.dark .ux-box .inner-wrap{background-color: #333; background-color:rgba(0,0,0,0.9);}
.dark .ux-box.ux-text-bounce .inner-wrap{background: none;box-shadow: none;-webkit-box-shadow: none;-moz-box-shadow: none}
/* -- custom select box -- */
.select-wrapper{position: relative;}
.select-wrapper:after {
position:absolute;right:0;;
top: 15px;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.select-wrapper:after {
border-color: rgba(145, 145, 145, 0);
border-top-color: #919191;
border-width: 6px;
right: 8px;
margin-left: -6px;
}
.custom select {
-webkit-appearance: none;
text-transform: uppercase;
font-size: 90%;
color: #333;
line-height: 1;
border: 0;
@include radius(0);
padding-left: 10px;
padding-right: 20px;
height: 34px;
-webkit-appearance: none;
border: 1px solid $border;padding: 5px 8px 4px;position:relative;top:1px;
background: white;
background: -moz-linear-gradient(top, white 0%, #f3f3f3 100%);
background: -webkit-linear-gradient(top, white 0%, #f3f3f3 100%);
background: linear-gradient(to bottom, white);
&:hover{ background: #f1f1f1;
background: -moz-linear-gradient(top, #f1f1f1 0%, #f7f7f7 100%);
background: -webkit-linear-gradient(top, #f1f1f1 0%, #f7f7f7 100%);
background: linear-gradient(to bottom, #f1f1f1 );}
}
/* -- product lightbox --*/
.product-lightbox{background: #FFF; width: 90%;max-width:800px;margin:0 auto;position: relative;}
.product-lightbox form.custom select{visibility: visible;}
.product-lightbox-inner{padding: 30px 30px 10px;font-size: 90%}
.product-lightbox-inner h4.breadcrumb{font-size: 80%}
.product-lightbox-inner .short-description{max-height: 220px;overflow-x:auto}
.product-lightbox .iosSlider.product-gallery-slider{margin-bottom: 0;@include single-transition(height,500ms,ease-out);}
.lightbox-white { position: relative; background: #FFF; padding: 20px; width: auto; max-width: 500px; margin: 20px auto;}
/* -- loading bar --*/
.loading {
z-index:99999;
position: absolute;
top: 50%;
left: 50%;
margin: -14px 0 0 -42px;
padding: 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.loading i{
float: left;
display: block;
width: 10px;
height: 10px;
margin: 0 4px;
background: $primary-color;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
opacity: 0;
-webkit-animation: loadingFade 1.5s infinite;
-moz-animation: loadingFade 1.5s infinite;
animation: loadingFade 1.5s infinite;
}
.dark.loading i{background: #FFF!important}
.loading i:nth-child(0) {
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
animation-delay: 0s;
}
.loading i:nth-child(1) {
-webkit-animation-delay: 0.2s;
-moz-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.loading i:nth-child(2) {
-webkit-animation-delay: 0.4s;
-moz-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.loading i:nth-child(3) {
-webkit-animation-delay: 0.6s;
-moz-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.loading i:nth-child(4) {
-webkit-animation-delay: 0.8s;
-moz-animation-delay: 0.8s;
animation-delay: 0.8s;
}
@-webkit-keyframes loadingFade {
0% { opacity: 0; }
50% { opacity: 1;}
100% { opacity: 0; }
}
@-moz-keyframes loadingFade {
0% { opacity: 0; }
50% { opacity: 1; }
100% { opacity: 0; }
}
@keyframes loadingFade {
0% { opacity: 0; }
50% { opacity: 1; }
100% { opacity: 0; }
}
/* -- edit block links for admins -- */
.ux_block{position: relative;}
.ux_block .edit-link{position: absolute;top:25%;left:0px;z-index: 9999;background:#000; color: #FFF;padding:5px;display: none;}
.ux_block:hover .edit-link{display: block;}
/* -- div fixes -- */
a.lost_password{margin-left: 15px;}
.columns > br, .row > br{display: none!important}
/* -- pre -- */
pre {
border: 1px solid #ddd;
padding: 20px !important;
background: #f1f1f1;
margin-bottom: 30px !important;
margin-top: 20px!important }
/* -- catalogue mode -- */
.catalog-mode-header{padding-top: 15px;text-align: right;float: right;}
.catalog-mode-header > div{display: inline-block;}
.catalog-mode-header input, .catalog-mode-header form,.catalog-mode-header button{margin: 0!important;}
.no-prices span.amount, .no-prices form.cart{display: none!important;}
.catalog-product-text{padding-bottom: 15px;}
.catalog-product-text .accordion{margin: 0}
/* -- woocommerce extra -- */
.woocommerce-info{padding:15px 0px;}
/* -- Home intro -- */
.home-intro{display: block;margin-bottom: -1px;}
.home-intro .iosSlider{margin-bottom: 0!important}
/* -- Column hover effects (NEW) --*/
.col_hover_focus > .column-inner, .col_hover_fade > .column-inner,.col_hover_blur > .column-inner{ @include single-transition(all,200ms,ease-in-out);position: relative;}
.col_hover_focus:hover > .column-inner{opacity: 1!important;}
.col_hover_fade:hover > .column-inner{opacity: 1}
.col_hover_blur > .column-inner{-webkit-filter: blur(3px);}
.col_hover_blur:hover > .column-inner{-webkit-filter: blur(0px);}
/* -- TOOLTIP -- */
.tooltipster-default {
border-radius: 5px;
background-color: #000;
background-color: rgba(0,0,0,0.8);
color: #fff;
}
.tooltipster-default img{
max-width: 200px;
}
.tooltipster-default .tooltipster-content {
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 16px;
padding: 8px 10px;
overflow: hidden;
}
.tooltipster-base {
padding: 0;
font-size: 0;
line-height: 0;
position: absolute;
left: 0;
top: 0;
z-index: 9999999;
pointer-events: none;
width: auto;
overflow: visible;
}
.tooltipster-base .tooltipster-content {
overflow: hidden;
}
.tooltipster-arrow {
display: block;
text-align: center;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
display: block;
width: 0;
height: 0;
position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
border-left: 8px solid transparent !important;
border-right: 8px solid transparent !important;
border-top: 8px solid;
bottom: -8px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
border-left: 9px solid transparent !important;
border-right: 9px solid transparent !important;
border-top: 9px solid;
bottom: -7px;
}
.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
border-left: 8px solid transparent !important;
border-right: 8px solid transparent !important;
border-bottom: 8px solid;
top: -8px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
border-left: 9px solid transparent !important;
border-right: 9px solid transparent !important;
border-bottom: 9px solid;
top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
left: 0;
right: 0;
margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
left: 5px;
}
.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span {
right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
border-top: 4px solid transparent !important;
border-bottom: 4px solid transparent !important;
border-left: 4px solid;
top: 50%;
margin-top: -4px;
right: -4px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
border-top: 9px solid transparent !important;
border-bottom: 9px solid transparent !important;
border-left: 9px solid;
margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
border-top: 8px solid transparent !important;
border-bottom: 8px solid transparent !important;
border-right: 8px solid;
top: 50%;
margin-top: -7px;
left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
border-top: 9px solid transparent !important;
border-bottom: 9px solid transparent !important;
border-right: 9px solid;
margin-top: -8px;
}
.tooltipster-fade {
opacity: 0;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
-ms-transition-property: opacity;
transition-property: opacity;
}
.tooltipster-fade-show {
opacity: 1;
}
/* -- ANIMATION -- */
.show-first,.show-next,.ux-box .ux-box-text, .widget_product_tag_cloud a, .product_list_widget li a, .widget_tag_cloud a,.widget_layered_nav_filters .chosen a ,.ux_logo a,.ux-header-element a,.iosSlider .sliderNav a span,.iosSlider .sliderNav a,.product-page-aside .product,.post-date,.featured_item_text, ul.pinterest-style,.blog-pinterest-style article.type-post, .blog-pinterest-style article.hentry,.cat-count,.cat-title, .cart-icon strong,.cart-icon-handle,strong.cart-name, span.cart-price,.back-image img,.quick-view,.yith-wcwl-add-to-wishlist a,ul.header-nav li a{@include single-transition();}
.featured-item > a{@include single-transition(all,0.2s,ease-out);}
.ux-box .ux-box-image img, .product-thumbnails .thumb img{@include single-transition(all, 400ms, ease-out);}
.banner-bg,.parallax_img_inner,.mfp-bg, .mob-helper,.featured-product .product-bg,.featured-product .product-text,.product-thumbnails .thumb{@include single-transition(opacity);}
/* -- Site wide notice -- */
p.demo_store{margin:0;padding:6px 0 8px 0;text-align: center;color:#999;background-color: #111;}