/* 
Theme Name: MITC_CourseBuilder
Version: 1.0
Template: course-builder
Author:PleasureCreation
 */

:root {
  --thim-mobile-menu-hamburger-color: white !important;
}

.course-short-description {
  display: none !important;
}

span.course-price::after {
  content: '（税込/4ヶ月分一括）' !important;
  color: var(--thim-body-primary-color) !important;
}

.lp-landing .sticky-sidebar .info-bar .price-box .course-price::after {
  content: '（税込/4ヶ月分一括）' !important;
  color: rgb(255, 255, 255) !important;
}

.thim-related-course
  .owl-stage-outer
  .wrapper-course-thumbnail
  .course-price::after {
  content: '（税込/4ヶ月分一括）' !important;
  color: var(--thim-body-primary-color) !important;
}

@media (max-width: 768px) {
  .site-header {
    background-color: #e4007f !important;
  }
}

@media (max-width: 1024px) {
  .responsive header#masthead.affix-top:not(.palette-transparent) {
      background: #e4007f !important;
  }
}

@media (max-width: 768px) {
  .responsive #home-main-content {
      padding-top: 77px !important;
  }
}

header#masthead.template-layout-2.affix .header-v2.style2 .width-navigation .main-menu>li span.icon-toggle {
  color: white !important;
}

header#masthead.template-layout-2 .header-v2.style2 .thim-search-wrapper input[type=search] {
  width: 282px;
  font-size: 16px;
  font-weight: 400;
  padding-right: 0;
  color: white !important;
  letter-spacing: 0.4px;
  padding-left: 40px;
}

header#masthead.template-layout-2 .header-v2.style2 .thim-search-wrapper input[type=search]::placeholder {
  color: white !important;
}

.thim-search-wrapper form:after {
  color: #ffffff !important;
}

.page-title .main-top .content .text-title h1{
  color: #dcdcdc !important;
}

.page-title.layout-2 .main-top .content .text-description {
  color: #dcdcdc !important;
}

@media (max-width: 768px) {
  .responsive.single-lp_course header#masthead.template-layout-2~#main-content .page-title .main-top .banner-description {
      font-size: 14px !important;
  }
}

footer#colophon.custom .footer .widgettitle:after, footer#colophon.custom .footer .widget-title:after {
  border-bottom-color: #edca7e !important;
}


footer#colophon.custom .footer .widget-title:after, footer#colophon.custom .footer .widgettitle:after {
  content: "";
  width: 25px;
  border-bottom: 2px solid #fff;
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
}


footer#colophon.custom .footer .widget-title, footer#colophon.custom .footer .widgettitle {
  position: relative;
  padding-bottom: 14px;
  margin-bottom: 36px;
}

footer#colophon a:hover {
  color: white !important;
}