/*!
 Theme Name:   Drone Media Child
 Theme URI:    http://drone-media.ancorathemes.com/
 Description:  Drone Media - Fully Responsive and Mobile Friendly theme
 Author:       AncoraThemes
 Author URI:   http://ancorathemes.com/
 Template:     drone-media
 Version:      1.0
 Tags:         light, inheritable theme-options
 Text Domain:  drone-media
*/
/* Upcomming courses */
.courses-wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  .courses-wrapper .course-img-wrapper {
    background-color: #000;
    position: relative; }
    .courses-wrapper .course-img-wrapper img {
      filter: grayscale(100%) contrast(1) blur(0);
      mix-blend-mode: screen;
      transition: filter 0.3s; }
    .courses-wrapper .course-img-wrapper::before {
      content: '';
      background-color: #1e3448;
      height: 100%;
      left: 0;
      mix-blend-mode: color-dodge;
      position: absolute;
      right: 0;
      top: 0;
      width: 100%;
      z-index: 1;
      transition: background-color 0.3s; }
  .courses-wrapper .course:hover .course-img-wrapper img {
    filter: grayscale(0%) contrast(1) blur(0); }
  .courses-wrapper .course:hover .course-img-wrapper::before {
    background-color: transparent; }
  .courses-wrapper .course {
    position: relative;
    flex-basis: 31.6%;
    margin-bottom: 25px;
    max-width: 370px;
    height: 571px;
    background-color: #ebebeb; }
  .courses-wrapper .course-texts {
    width: 100%;
    box-sizing: border-box;
    padding: 25px 38px 22px 20px;
    height: 209px;
    display: block;
    overflow: hidden; }
  .courses-wrapper h4 {
    text-transform: none;
    letter-spacing: -0.2px;
    line-height: 48px;
    text-align: center; }
  .courses-wrapper p {
    text-align: justify;
    line-height: 24px;
    letter-spacing: -0.1px; }
  .courses-wrapper .book-button {
    background-color: #d72323;
    color: #fff;
    position: absolute;
    bottom: 68px;
    display: block;
    width: 246px;
    height: 50px;
    max-width: 90%;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 50px;
    text-align: center;
    margin: 0 auto;
    left: 50%;
    margin-left: -123px; }
    .courses-wrapper .book-button:hover {
      color: #fff;
      background-color: #c11f1f; }
  .courses-wrapper .price-wrapper {
    position: absolute;
    text-align: center;
    bottom: 24px;
    width: 100%;
    left: 0;
    text-align: center; }
  .courses-wrapper .price {
    font-size: 28px;
    letter-spacing: 0;
    line-height: 1em;
    color: #000;
    font-weight: 600;
    display: inline-block; }
  .courses-wrapper .special-offer-course::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 34%;
    padding-bottom: 35%;
    display: block;
    background-image: url("img/special-offer.png");
    background-size: contain;
    background-position: right top;
    background-repeat: no-repeat; }
  .courses-wrapper .special-offer-course .price-regular {
    color: #717070;
    font-weight: 400;
    padding-right: 0.3em;
    text-align: right;
    box-sizing: border-box; }
    .courses-wrapper .special-offer-course .price-regular span {
      position: relative;
      display: inline-block;
      width: auto; }
      .courses-wrapper .special-offer-course .price-regular span::after {
        content: "";
        position: absolute;
        left: 0;
        width: calc( 100% + 2px );
        top: 50%;
        transform: rotateZ(-20deg);
        height: 2px;
        background-color: #717070; }
      .courses-wrapper .special-offer-course .price-regular span.price-length-1::after {
        transform: rotateZ(-26deg); }
      .courses-wrapper .special-offer-course .price-regular span.price-length-2::after {
        transform: rotateZ(-23deg); }
      .courses-wrapper .special-offer-course .price-regular span.price-length-2::after {
        transform: rotateZ(-20deg); }
      .courses-wrapper .special-offer-course .price-regular span.price-length-3::after {
        transform: rotateZ(-17deg); }
      .courses-wrapper .special-offer-course .price-regular span.price-length-4::after {
        transform: rotateZ(-14deg); }
      .courses-wrapper .special-offer-course .price-regular span.price-length-5::after {
        transform: rotateZ(-11deg); }
  .courses-wrapper .special-offer-course .price-offer {
    left: auto;
    right: 0;
    padding-left: 0.3em;
    text-align: left; }

@media screen and (max-width: 1441px) {
  .courses-wrapper .course-texts {
    height: 230px;
    padding: 25px 25px 22px 20px; } }
@media screen and (max-width: 1262px) {
  .courses-wrapper .course {
    height: 520px; }
  .courses-wrapper .course-texts {
    height: 200px;
    padding: 25px 20px 22px 20px; }
  .courses-wrapper h4 {
    line-height: 40px; }
  .courses-wrapper p {
    line-height: 20px; } }
@media screen and (max-width: 960px) {
  .courses-wrapper .course {
    height: 510px; }
  .courses-wrapper .course-texts {
    height: 220px; }
  .courses-wrapper .price-wrapper {
    bottom: 14px;
    font-size: 24px; }
  .courses-wrapper .book-button {
    bottom: 50px;
    width: calc( 100% - 40px );
    height: 45px;
    line-height: 45px;
    max-width: 100%;
    font-size: 15px;
    left: 20px;
    margin-left: 0; } }
@media screen and (min-width: 768px) {
  .courses-wrapper .course:last-of-type:nth-child(3n+1) {
    margin-left: auto;
    margin-right: auto; }
  .courses-wrapper .course:nth-last-child(2):nth-child(3n+1) {
    margin: 0 1.3% 0 auto; }
  .courses-wrapper .course:nth-last-child(1):nth-child(3n+2) {
    margin: 0 auto 0 1.3%; } }
@media screen and (max-width: 767px) {
  .courses-wrapper .course {
    flex-basis: calc( 50% - 10px );
    margin-bottom: 20px; }
    .courses-wrapper .course:last-of-type:nth-child(odd) {
      margin-left: auto;
      margin-right: auto; } }
@media screen and (max-width: 639px) {
  .courses-wrapper .course-texts {
    height: 260px; } }
@media screen and (max-width: 479px) {
  .courses-wrapper {
    display: block; }
    .courses-wrapper .course {
      margin-bottom: 20px;
      height: auto;
      padding-bottom: 90px; }
    .courses-wrapper .course-texts {
      height: auto; } }

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