/*

Theme Name: Pro – Child Theme
Theme URI: https://theme.co/pro/
Author: Themeco
Author URI: https://theme.co/
Description: Make all of your modifications to Pro in this child theme.
Version: 1.0.1
Template: pro

*/

/* enable Flickity by default */
.main-carousel:after {
 content: 'flickity';
 display: none;
}
.main-carousel .flickity-button {
 background: transparent;
}
.main-carousel .flickity-button:focus{
	box-shadow:none;
}
.main-carousel .flickity-prev-next-button {
 width:50px;
 height: 50px;
}
.main-carousel .flickity-button:hover{
	background:none;
}
.main-carousel .flickity-button-icon {
 fill: white;
}
.main-carousel .flickity-button:disabled {
 display: none;
}
.main-carousel .flickity-prev-next-button.previous {
 left: -60px;
}
.main-carousel .flickity-prev-next-button.next {
 right: -60px;
}
.main-carousel .flickity-page-dots {
 bottom: -40px;
}
.main-carousel .flickity-page-dots .dot {
 width: 12px;
 height: 12px;
 opacity: 1;
 background: transparent;
 border: 2px solid white;
}
.main-carousel .flickity-page-dots .dot.is-selected {
 background: white;
}

@media screen and (min-width: 601px ) {
 /* disable Flickity for large devices */
 .main-carousel:after {
   content: '';
 }
}
/*
@media screen and (max-width:978px){
 .carousel-cell {
 width: calc(50% - 15px);
 margin-right:30px;
}
}*/

@media screen and (max-width:600px){
 .carousel-cell {
 width: 65%;
 margin-right:5px;
}

.main-carousel .flickity-prev-next-button.previous {
 left: -45px;
}
.main-carousel .flickity-prev-next-button.next {
 right: -45px;
}
}