/* Sofa Woo Products Carousel plugin stylesheet */
/* included to both Admin and frontend */

/* general styles */
.owl-carousel .owl-stage-outer { margin-bottom: 20px; }
.owl-controls { text-align: center; line-height: 0; }
.owl-dots { display: inline-block !important; line-height: 0; padding: 5px; }
.owl-dots .owl-dot { display: inline-block; }
.owl-carousel .owl-controls .owl-dot, 
.owl-carousel .owl-controls .owl-nav .owl-next, 
.owl-carousel .owl-controls .owl-nav .owl-prev { cursor: pointer; }
.owl-dots .owl-dot span { border-radius: 30px; display: block; height: 10px; margin: 5px 7px; transition: opacity 200ms ease 0s; width: 10px; }
.owl-dots .owl-dot.active { cursor: default !important; }
.owl-controls .owl-nav [class*="owl-"] { background-color: #F0F0F0; color: #fff; cursor: pointer; display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; -webkit-transition: 0.2s ease-in-out all; -moz-transition: 0.2s ease-in-out all; -o-transition: 0.2s ease-in-out all; transition: 0.2s ease-in-out all; }
.owl-controls .owl-nav .owl-prev { float: left; }
.owl-controls .owl-nav .owl-next { float: right; }
.owl-controls .owl-nav .owl-prev:hover, .owl-controls .owl-nav .owl-next:hover { opacity: 0.5; }
.sofa-woo-no-items-in-carousel { border: 1px solid #F63; color: #F63; font-weight: 600; padding: 20px; margin: 20px 0; }

/* controls prev/next customization */
/* 1. position */
.owl-nav.position-centered { position: absolute; height: 0; top: 50%; margin-top: -6%; line-height: 1; min-width: 100%; z-index: 25; zoom: 1; }
.owl-nav.position-bottom { position: absolute; height: 0; bottom: 30px; line-height: 0; min-width: 100%; z-index: 25; zoom: 1; }
.owl-nav.position-bottom-no-dots { display: inline-block; z-index: 25; zoom: 1; }
.owl-nav.position-bottom-no-dots .owl-prev { margin-right: 2px; }
.owl-nav.position-bottom-no-dots .owl-next { margin-left: 2px; }
/* 2. colors */
.owl-controls .owl-nav .owl-prev.chevron-white { background: url('../images/chevron-white.png') no-repeat scroll 0 0; }
.owl-controls .owl-nav .owl-next.chevron-white { background: url('../images/chevron-white.png') no-repeat scroll -30px 0; }
.owl-controls .owl-nav .owl-prev.chevron-black { background: url('../images/chevron-black.png') no-repeat scroll 0 0; }
.owl-controls .owl-nav .owl-next.chevron-black { background: url('../images/chevron-black.png') no-repeat scroll -30px 0; }

/* control dots */
/* 1. background */
.owl-dots.dots-bg-dark { background-color: rgba( 0, 0, 0, 0.05 ); }
.owl-dots.dots-bg-light { background-color: rgba( 255, 255, 255, 0.2 ); }
.owl-dots.dots-bg-none { background-color: transparent; }
/* 2. dots color */
.owl-dots.all-owl-dots-black .owl-dot span { background-color: #000; }
.owl-dots.all-owl-dots-white .owl-dot span { background-color: #FFF; }
.owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span { opacity: 0.5; }

/* admin styles only */
p.swpc-copy-paste { font-size: 1.6rem; font-weight: 600; margin: 0; padding: 3px 10px; background-color: rgba( 200, 220, 125, 0.15 ); display: inline-block; border-radius: 4px; }
#products_carousel_preview .owl-carousel .item { background: url('../images/stripes.png') repeat scroll 0 0; height: 15rem; padding: 1rem; border: 1px solid rgba( 0, 0, 0, 0.1 ); }
#products_carousel_preview .owl-carousel .item h4 { text-align: center; height: 100%; line-height: 15rem; margin: 0; }
#products_carousel_preview .owl-nav.position-centered { margin-top: -2%; }

/* general layouts smaller than 480px, iPhone and older mobiles */
@media only screen and (max-width : 480px){

}

/*------------------------------------------------*/
/* portrait layouts smaller than 600px, most mobiles */
@media only screen and (max-width : 600px){

} 
 
/* Tablets between 601 and 1024px */ 
/*------------------------------------------------*/ 
@media only screen and (max-width: 768px) {

}