/*!
 *	Default learning slider layout
 */
article.type-lesson { box-sizing: border-box; }

article.type-lesson *, article.type-lesson *:before, *:after { box-sizing: inherit; }

article.type-lesson { display: block; position: relative; margin-left: auto; margin-right: auto; max-width: 1197px; }
@media only screen and (min-width: 768px) { article.type-lesson { padding: 20px 0; } }
article.type-lesson h1 { text-transform: uppercase; font-weight: 500; }

.tutorial-desktop { display: none; }

.tutorial-mobile { display: block; }

@media only screen and (min-width: 768px) { .tutorial-desktop { display: block; }
  .tutorial-mobile { display: none; } }
article.type-lesson .swiper-pagination-progress .swiper-pagination-progressbar { background: #8CD926; }
article.type-lesson .swiper-pagination-bullet { background: #000000; width: 12px; height: 12px; opacity: 0.3; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
article.type-lesson .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #8CD926; width: 18px; height: 18px; opacity: 1; }
article.type-lesson .swiper-scrollbar-drag { background-color: #8CD926; }

article.type-lesson .swiper-button-next { background-image: url("nav-right.png"); }
article.type-lesson .swiper-button-prev { background-image: url("nav-left.png"); }

article.type-lesson .tutorial-mobile .slides { margin-top: 40px; }
article.type-lesson .tutorial-mobile .slides .chapter-wrap { border-top: 4px solid #8CD926; margin-bottom: 20px; padding: 22px; background-color: #ffffff; }
article.type-lesson .tutorial-mobile .slides .chapter-wrap .chapter-title { font-size: 28px; }
article.type-lesson .tutorial-mobile .slides .chapter-wrap p { line-height: 1.5; }

article.type-lesson { padding-left: 20px; padding-right: 20px; }
article.type-lesson .tutorial-desktop { background-color: #ffffff; }
article.type-lesson .swiper-slide { vertical-align: center; /* Small Devices, Tablets */ }
article.type-lesson .swiper-slide .chapter-wrap { padding: 50px 50px 50px; }
article.type-lesson .swiper-slide .chapter-title { margin: 0 0 20px; padding: 0; }
article.type-lesson .swiper-slide .page { display: block; position: relative; padding: 0; vertical-align: top; width: 100%; }
article.type-lesson .swiper-slide .page p { margin-top: 0; }
article.type-lesson .swiper-slide .page.right-page { text-align: center; background-color: transparent; }
article.type-lesson .swiper-slide .page.right-page img { display: inherit; width: auto; margin-top: 10px; }
@media only screen and (min-width: 768px) { article.type-lesson .swiper-slide .page { display: inline-block; }
  article.type-lesson .swiper-slide .page.left-page { width: calc( 50% - 10px ); padding-right: 10px; }
  article.type-lesson .swiper-slide .page.right-page { width: calc( 50% - 10px ); padding-left: 10px; } }

/*# sourceMappingURL=style.css.map */