/* COLORS
  BLUE: #6ca4be
  BLUE HOVER: #3e6f85
  ORANGE: #fca11f
  BLACK: #2a2a2a
  GREY: #e3e9ec

*/

/* FONTS */
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@700&family=Open+Sans&display=swap');



/* GENERAL */
body {
  color: #6ca4be;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
}

.content {
  padding-top: 35px;
  padding-bottom: 50px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'M PLUS Rounded 1c', sans-serif;
}

h1 {
  font-size: 34px;
}

h2 {
  font-size: 30px;
}

h3 {
  font-size: 28px;
}

h4 {
  font-size: 26px;
}

h5 {
  font-size: 24px;
}

h6 {
  font-size: 22px;
}

a {
  color: #6ca4be;
  transition: 300ms all;
}

a:hover {
  transition:  300ms all;
  color: #6ca4be;
}

.btn {
  text-transform: capitalize;
  padding: 10px 15px;
}

.btn-primary {
  background-color: #6ca4be;
  border-color: #6ca4be;
}

.btn-primary:hover {
  background-color: #3e6f85;
  border-color: #3e6f85;
}

.btn-orange {
  background-color: #fca11f;
  border-color: #fca11f;
  color: #fff;
}

.btn-orange:hover {
  background-color: #bd7207;
  border-color: #bd7207;
  color: #fff;
}

.table .thead-primary th {
    color: #fff;
    background-color: #6ca4be;
    border-color: #6ca4be;
}

.bg-grey {
  background-color: #e3e9ec;
}

.border-bottom-orange {
  border-bottom: 3px solid #fca11f;
}

.out-of-stock {
  display: none;
}

 /* HEADER */
 .toolbar {
   background-color: #6ca4be;
   padding: 8px 0px;
   font-size: 12px;
   color: #fff;
 }

 .toolbar .link {
   color: #fff;
   text-decoration: none;
   text-transform: uppercase;
   float: right;
 }

 .navigation-bar {
   padding: 12px 0px;
   background-color: #fff;
 }

 .navigation-bar .logo {

 }

 .navigation-bar .logo img {
   height: 85px;
 }

 .navigation-bar .navigation {
   float: right;
   margin-top: 14px;
 }

 .navigation-bar ul {
   list-style-type: none;
   margin: 0px;
 }

 .navigation-bar ul li {
   display: inline-block;
 }

 .navigation-bar ul li a {
   color: #6ca4be;
   padding: 10px 15px;
   text-transform: capitalize;
 }

 .navigation ul li a:hover {

 }

 .logo {
   width: 255px;
   height: auto;
 }

 .mobile-menu-icon-open {
   float: right;
   padding-top: 5px;
   font-size: 32px;
   color: #6ca4be;
 }

 .mobile-menu-icon-close {
   float: right;
   padding-top: 15px;
   padding-right: 25px;
   font-size: 36px;
   color: #fff;
 }

 .navigation-mobile {
   width: 80%;
   height: 100%;
   position: absolute;
   top: 0;
   right: 0;
   background-color: #2a2a2a;
   color: #fff;
   z-index: 999;
   display: none;
 }

  .navigation-mobile ul {
    padding-top: 30px;
    width: 100%;
  }

  .navigation-mobile ul li {
    display: block;
  }

  .navigation-mobile ul li a {
    display: block;
    padding: 15px 0px;
    color: #fff;
  }

 /* HOME */
.home-intro {
  margin-top: 100px;
  margin-bottom: 100px;
}

.home-about {
  background-color: #6ca4be;
  color: #fff;
  border-radius: 7px;
  margin-top: 100px;
  margin-bottom: 100px;
  padding: 35px;
}

.home-about img {
  border-radius: 7px;
}

.home-about .text-col {
  padding-top: 25px;
  padding-bottom: 25px;
}

.home-courses {
  margin-top: 100px;
  margin-bottom: 100px;
}

.home-courses .title {
  font-size: 21px;
  margin-top: 25px;
  text-align: center;
}

.home-slideshow {
  margin-top: 100px;
  margin-bottom: 100px;
}

/* SINGLE PRODUCT */

.single-product .product-image img {
  width: 100%;
  height: auto;
}

.single-product .product-price {
  font-size: 24px;
}

.single-product .preview-video iframe {
  height: 350px;
  width: 100%;
}

.single-product .summary-points {
  background-color: #e3e9ec;
  padding: 25px;
  border-radius: 7px;
}

.single-product .summary-points .title {
  font-size: 24px;
}

.single-product .summary-points ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

.single-product .summary-points ul li {
  margin-top: 15px;
  font-size: 17px;
}

.single-product .what-learn {

}

.single-product .inside-course {

}

/* WOOCOMMERCE CHECKOUT */

.woocommerce form .form-row .required {
    color: grey;
    font-size: 10px;
}

.woocommerce form .form-row label, .woocommerce-page form .form-row label {
    display: block;

}

.woocommerce .woocommerce-input-wrapper {
  width: 100%;
}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background: #ccc9cb;
}

/* MY ACCOUNT */
.woocommerce-my-acount-nav {
  background-color: #6ca4be;
  color: #fff;
}

.woocommerce-my-acount-nav .navbar-nav .nav-link {
  color: #fff;
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.woocommerce-MyAccount-navigation-link--customer-logout {
  display: none;
}

/* Login Form */

#login-course label {
  width: 100%;
}

#login-course #user_login,  #login-course #user_pass {
  display: block;
  width: 225px;
  padding: .375rem .75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

#login-course #wp-submit {
  background-color: #53b34f;
  padding: 15px;
  border: none;
  border-radius: 5px;
  color: #fff;
  transition: all 300ms;
}

#login-course #wp-submit:hover {
  background-color: #3f913c;
  transition: all 300ms;
}


/* COURSES FRONTEND */

.course-price {
  font-size: 24px;
  margin-top: 15px;
}

/* FOOTER */
footer {
  background-color: #6ca4be;
  padding: 25px 0px;
  color: #fff;
}

.footer-courses ul {
  padding-left: 0px;
}

.footer-courses ul li {
  list-style-type: none;
}

.footer-courses ul li a {
  color: #fff;
}



 /* RESPONSIVE */
 /* Extra large devices (large desktops) */
 @media only screen and (max-width: 1200px) {

}

 /* Large devices (desktops) */
 @media only screen and (max-width: 992px) {

}

 /* Medium devices (tablets / mobile) */
 @media only screen and (max-width: 768px) {
   h1 {
     font-size: 28px;
   }

   h2 {
     font-size: 26px;
   }

   h3 {
     font-size: 24px;
   }

   h4 {
     font-size: 22px;
   }

   h5 {
     font-size: 20px;
   }

   h6 {
     font-size: 18px;
   }

   .home-intro {
    margin-top: 50px;
    margin-bottom: 100px;
  }

  .logo {
    width: 80%;
    height: auto;
  }

  .mobile-menu-icon-open {
    padding-top: 6%;
  }

   .home-cursus-slider .carousel-item .col-text {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .course-columns .course-col {
    margin-bottom: 40px;
  }

  .course-columns .course-col:last-child {
    margin-bottom: 0px;
  }

  .course-columns .title {
    margin-bottom: 40px;
  }

  .course-columns {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .course-columns .button {
    margin-top: 40px;
    padding: 20px 30px;
  }

 }

 /* Medium devices (tablets / mobile)  MIN WIDTH!!!*/
 @media only screen and (min-width: 768px) {

 }

 /* Small devices (landscape phones) */
 @media only screen and (max-width: 576px) {

 }