/*
 Theme Name:   Eduma Child
 Theme URI:    http://educationwp.thimpress.com/
 Description:  Eduma Child Theme
 Author:       ThimPress
 Author URI:   http://thimpress.com
 Template:     eduma
 Version:      1.0.0
 Text Domain:  eduma-child
*/

/*****************************************/
/**************** General ****************/
/*****************************************/
html {
  font-family: "new-zen", "fot-tsukuardgothic-std", sans-serif;
  /* 文字のアンチエイリアス（MacのChrome/Safariで特に効果大） */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Windows でもより滑らかに見える */
  text-rendering: optimizeLegibility;
  /* 自動的にカーニング（字間の調整）を有効化 */
  font-kerning: normal;
  /* 字形がより美しく整う最適化（対応ブラウザで有効） */
  font-feature-settings: "liga", "kern";
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
div,
span,
button,
/* input,
textarea, */
select {
  font-family: inherit;
}
.entry-tag-share .thim-social-share .heading,
.thim-social-share li.heading {
  font-family: "new-zen", "fot-tsukuardgothic-std", sans-serif !important;
}
/* all text inputs */
input[type="text"],
input[type="email"],
input[type="password"],
textarea {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #222;
  padding: 0.5rem;
  box-sizing: border-box;
}
a {
  text-decoration: none !important;
}
a:hover,
a:focus,
a:active {
  text-decoration: none !important;
}
.error {
  font-weight: 700;
  background-color: unset !important;
}

.elementor-column {
  min-height: 0 !important;
}

/* H1 title moving background*/
h1.title,
.sub-header-container .sub-heading,
h2.elementor-heading-title {
  font-weight: 900;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: url("image/AdobeStock_776809012.jpeg");
  background-size: contain;
  background-attachment: unset;
  background-position: 0%;
  font-size: 134px;
  animation: clouds-moving infinite 220s;
  animation-fill-mode: forwards;
  animation-play-state: running;
  animation-timing-function: linear;
  text-align: center;
}
@keyframes clouds-moving {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.sub-heading p {
  height: auto;
  line-height: normal;
}
h2,
.entry-content h2,
.site-title a,
.site-footer a {
  font-weight: 700;
}
input {
  border-radius: 3px;
}

.text-copyright {
  text-align: center;
}
.form-control {
  padding: 4px 8px;
}
/*breadcrums*/
.breadcrumbs-wrapper #breadcrumbs a {
  margin-right: 0px;
}

/*****************************************/
/*************** Blog Page ***************/
/*****************************************/
/*Display Blog Page desction*/
.blog-switch-layout.blog-grid article .entry-meta {
  margin: 0 auto;
  text-align: center;
}
.blog-switch-layout.blog-grid article .entry-meta,
.blog-switch-layout.blog-grid article .readmore,
.blog-switch-layout.blog-grid article .entry-summary {
  display: block !important;
}
.blog-switch-layout.blog-grid article .entry-grid-meta .date {
  display: none !important;
}
.blog-switch-layout.blog-grid article .entry-title {
  font-size: 1.2em !important;
  height: 25px !important;
  margin: 20px 10px !important;
}
.single article .entry-header {
  display: flex;
  align-items: flex-end; /* push content to the right */
  flex-direction: column; /* stack title and meta vertically */
}
article .entry-header .entry-meta li {
  border-right: none;
}
.blog-switch-layout.blog-grid article .readmore {
  text-align: center;
  padding-bottom: 20px;
}
.blog-switch-layout.blog-grid article .readmore a {
  border-radius: 3px;
  font-size: 14px;
  font-weight: 700;
  background-color: #fffcf9;
  color: #ff7f3b;
  border: 1px solid #ff7f3b;
}
.blog-switch-layout.blog-grid article .entry-header {
  margin-bottom: 10px !important;
}

.blog-switch-layout.blog-grid article .entry-content {
  background-color: rgba(255, 255, 255, 0.5);
}
.blog-switch-layout.blog-grid article {
  border: 0 !important;
}
.entry-navigation-post {
  border: none !important;
}

/*****************************************/
/*************** WooCommerce *************/
/*****************************************/

/*Thank you page "custom_thank_you_content" button centering */
.mugwort-botton-wrap {
  align-items: center;
  justify-content: center;
}

/*****************************************/
/************** Learn Press **************/
/*****************************************/

/*****************************************/
/*********** Course List Page ************/
/*****************************************/
.lp-courses-bar {
  display: none;
}
.learn-press .course-payment .course-price .course-item-price .free,
.learn-press .thim-course-landing-button .course-price .course-item-price .free,
.thim-course-content .course-meta > *.course-price .course-item-price .free {
  color: #7bbf60 !important;
}
/*header h1 margin*/
.lp-archive-courses .learn-press-courses-header h1 {
  margin-bottom: 20px !important;
}
.thim-course-grid .course-item .thim-course-content {
  border: 0;
  background-color: rgba(255, 255, 255, 0.5);
}
.thim-course-grid .course-item .thim-course-content .course-title {
  margin: 20px 0 10px;
}
.thim-course-grid .course-item:hover {
  box-shadow: none;
}
.thim-course-grid .course-item .thim-course-content .course-title a:hover {
  color: inherit;
}
/* Disable hover zoom on the course-item itself */
.learn-press-courses .course-item,
.learn-press-courses .course-item * {
  transform: none !important; /* cancel any scaling */
  transition: none !important; /* cancel animation */
}
/* Remove any overlay pseudo-elements */
.course-item .course-thumbnail a.thumb:before,
.course-item .course-thumbnail a.thumb::after {
  content: none !important;
  background: none !important;
  opacity: 1 !important;
}
/*Styling new "Read More" button*/
.thim-course-content .course-meta {
  display: grid;
  align-items: center;
}
.thim-course-content .course-meta a.course-readmore {
  float: none !important;
  justify-self: center;
}
.owl-item .thim-course-content .course-meta a.course-readmore {
  width: inherit;
}

.thim-course-content .course-meta .course-price {
  justify-self: end;
}
.thim-course-content .course-meta > *.course-price .course-item-price {
  font-size: 1.2rem;
  font-weight: 700;
}
.thim-course-content .course-meta > *.course-price .course-item-price .price {
  font-size: 1.2rem;
}
/*Pagination*/
body .learn-press-pagination .page-numbers > li .page-numbers.current,
body .learn-press-pagination .page-numbers > li .page-numbers.current:hover,
body .learn-press-pagination .page-numbers > li .page-numbers:hover {
  border-radius: 3px;
  font-size: 14px;
  font-weight: 700;
  background-color: #fffcf9;
  color: #ff7f3b;
  border: 1px solid #ff7f3b;
}
/*Hide Author*/
.course-author,
.lp_course-author,
.meta-author,
.author,
.entry-meta .author,
.entry-meta > span.author,
.course-instructor,
.course-lesson,
.course-students {
  display: none !important;
}

/*****************************************/
/***Single Course Page "Modern" Setting***/
/*****************************************/
/* Hide a list of course info on the right */
#tab-overview .thim-course-info,
#learn-press-course-description .thim-course-info {
  display: none;
}
#tab-course-description .thim-course-content,
#tab-overview .thim-course-content,
#learn-press-course-description .thim-course-content {
  border-right: none !important;
  float: none !important;
  margin: 0 auto;
  padding-right: 0 !important;
}
.learn-press .course-tabs .tab-content,
.learn-press .course-tabs .nav-tabs li a {
  border: none !important;
}
.thim-social-share {
  float: right;
}
/* hide single course page meta infomation */
.lp-archive-courses .course-meta-primary,
.lp-archive-courses .course-detail-info .course-meta-secondary {
  display: none;
}
/* hide single course page instructor tab */
#learn-press-course-tabs .learn-press-nav-tabs .course-nav-tab-instructor,
.course-instructor-category {
  display: none;
}
/* lower the side bar Price/Buy now container */
.lp-archive-courses .course-summary-sidebar {
  margin-top: 0px !important;
}
/* hide single course page instructor */
.course-instructor-category {
  display: none !important;
}
/* styling the single course header area */
.lp-single-course__header {
  background: transparent !important;
}
/* h1 title margin-top */
.lp-single-course__header .course-title {
  margin-top: 24px !important;
}
/* hide instructor section */
.lp-section-instructor {
  display: none;
}
/* hide related course section */
.lp-list-courses-related {
  display: none;
}
/* side bar styling */
.lp-single-course .lp-single-course-main__right__inner {
  top: 8em !important;
  border: 0px !important;
}
.lp-single-course .lp-single-course-main .course-price {
  text-align: center;
}
.lp-single-course .lp-single-course-main .course-price .price {
  font-size: 1.5em !important;
}
.info-metas ul {
  margin-left: 1.5em;
}
.info-metas li {
  list-style-type: none;
}
.info-metas .lp-icon-user-graduate,
.info-metas .lp-icon-clock-o,
.info-metas .lp-icon-file-o {
  padding-right: 0.3em;
}

/*****************************************/
/************* Checkout Page************/
/*****************************************/
#learn-press-checkout
  #learn-press-checkout-form
  .lp-checkout-form__before
  #checkout-order
  .lp-checkout-order__inner,
#learn-press-checkout .order-comments {
  background-color: #fffcf9;
  border: 1px solid #999;
  border-radius: 3px;
}
.learn-press-message.error {
  display: block; /* Ensure it takes full width */
  max-width: 100%; /* Don’t overflow container */
  word-wrap: break-word; /* Break long words if needed */
  overflow-wrap: break-word; /* Same as above for modern browsers */
  box-sizing: border-box;
}
.learn-press-message.error:before,
.lp-ajax-message.error:before,
.thim-ekits-archive-course .courses-not-found.error:before {
  content: none !important; /* Remove the icon */
  display: none !important; /* Remove the element visually */
}
#checkout-order-action.place-order-action {
  display: flex !important; /* Flexbox化 */
  justify-content: center !important; /* 横方向中央寄せ */
  align-items: center !important; /* 縦方向中央寄せ */
}
.lp-checkout-form__after .lp-checkout-sign-in-link a label,
.lp-checkout-form__after .lp-checkout-sign-up-link a label,
.lp-checkout-form__after .lp-terms-and-conditions a {
  font-weight: 700 !important;
}
#learn-press-checkout h2 {
  display: block;
}
/*****************************************/
/************* My Account Page************/
/*****************************************/

/*Login/Register Page*/
#wfls-prompt-overlay {
  background-color: #fff9f0 !important;
}
/*****************************************/
/***************** Buttons ***************/
/*****************************************/
button,
input[type="submit"],
a.button,
.lp-button,
.course-readmore,
button.course-filter-submit,
.wrap-btn-add-course-to-cart,
.wpcf7-submit,
form.yikes-easy-mc-form .wpcf7-submit,
.thim-login form input[type="submit"],
.thim-register form input[type="submit"],
#learn-press-form-login input[type="submit"],
.elementor-12373
  .elementor-element.elementor-element-cf7f30c
  .elementor-button {
  border-radius: 3px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  background-color: #fffcf9 !important;
  color: #ff7f3b !important;
  border: 1px solid #ff7f3b !important;
  padding: 10px 25px !important;
  text-align: center !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}
button[name="lp-btn-search-courses"] {
  padding: 0 !important;
  border-color: #eee !important;
  background-color: #ffffff !important;
  border-radius: unset !important;
}
article .readmore a {
  line-height: 34px !important;
}
.thim-course-content .course-meta a.course-readmore {
  line-height: 36px;
}
.learnpress #learn-press-profile.lp-user-profile button[type="submit"],
.learnpress
  #learn-press-profile.lp-user-profile
  button.learnpress_avatar__button {
  line-height: 34px;
}
body #learn-press-profile #profile-content .lp-button,
body .learn-press-4 .lp-course-buttons .lp-button {
  line-height: 36px;
}
button:hover,
input[type="submit"]:hover,
article .readmore a:hover,
a.button:hover,
.lp-button:hover,
.course-readmore:hover,
button.course-filter-submit:hover,
.wrap-btn-add-course-to-cart:hover,
.wpcf7-submit:hover,
form.yikes-easy-mc-form .wpcf7-submit:hover,
.thim-login form input[type="submit"]:hover,
.thim-register form input[type="submit"]:hover,
#learn-press-form-login input[type="submit"]:hover {
  background-color: #ff7f3b !important;
  color: #fffcf9 !important;
  border-color: #ff7f3b !important;
}
button[name="lp-btn-search-courses"]:hover {
  background-color: #ffffff !important;
  border-color: #eee !important;
}
.lp-courses-bar .search-courses input:focus {
  border-color: #eee !important;
}
.required label:after {
  color: red;
}
.register_japanese_name {
  display: flex;
  flex-wrap: wrap;
}
.register_japanese_name .japanese_names {
  width: 50%;
}

/*****************************************/
/****** Pop-up Login/Register widget******/
/*****************************************/
#thim-popup-login .popup-login-wrapper {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
}
#thim-popup-login {
  background: rgba(255, 249, 240, 0.6);
}
body.thim-popup-active #thim-popup-login {
  cursor: default;
}
.thim-login form p.login-remember input[type="checkbox"],
.thim-register form p.login-remember input[type="checkbox"],
#learn-press-form-login p.login-remember input[type="checkbox"] {
  border-radius: 3px;
}
.thim-login .title,
.thim-register .title {
  display: none;
}
.thim-popup-inner .thim-register .learn-press-form-register {
  max-height: 700px;
}
.thim-login .learn-press-form-register,
.thim-register .learn-press-form-register {
  padding: 40px;
}
.thim-login form input[type="email"],
.thim-login form input[type="password"],
.thim-login form input[type="text"],
.thim-register form input[type="email"],
.thim-register form input[type="password"],
.thim-register form input[type="text"],
#learn-press-form-login input[type="email"],
#learn-press-form-login input[type="password"],
#learn-press-form-login input[type="text"],
.thim-login form input[type="submit"] {
  border-radius: 3px;
  border-color: #999999;
}

.thim-login form input[type="submit"],
.thim-register form input[type="submit"],
#learn-press-form-login input[type="submit"] {
  border-radius: 3px;
  font-size: 14px;
  font-weight: 700;
  background-color: #fffcf9;
  color: #ff7f3b;
  border: 1px solid #ff7f3b;
}
.lp-checkout-form__after input,
.learn-press-checkout-comment textarea {
  border-radius: 3px;
}
.learn-press-checkout-comment textarea:focus {
  border: 1px solid #ff7f3b;
}
.lp-checkout-form__after .lp-checkout-sign-in-link a label,
.lp-checkout-form__after .lp-checkout-sign-up-link a label,
.lp-checkout-form__after .lp-terms-and-conditions a {
  color: #ff7f3b !important;
}
.learn-press-message.error {
  text-align: center;
}
.lp-archive-courses h1.lp-content-area {
  display: none;
}

/* Logged-In User */
/* hide */
.lp-single-course-main__right__inner .course-progress,
.lp-single-course-main__right__inner .item-completed,
.lp-single-course-main__right__inner .passed,
.lp-profile-nav-tabs .quizzes,
.learnpress .success,
.lp-user-profile
  #profile-content-my-courses
  .learn-press-profile-course__statistic
  .dashboard-statistic__row
  .statistic-box:nth-child(4),
div#profile-content-my-courses
  .learn-press-profile-course__statistic
  .dashboard-statistic__row
  .statistic-box:nth-child(5),
.lp-user-profile
  #profile-content-my-courses
  .learn-press-profile-course__tab
  .learn-press-course-tab-filters
  .learn-press-filters
  li:nth-child(4),
.lp-user-profile
  #profile-content-my-courses
  .learn-press-profile-course__tab
  .learn-press-course-tab-filters
  .learn-press-filters
  li:nth-child(5),
.profile-recover-order,
.form-field__bio,
.form-field__facebook,
.form-field__youtube,
.form-field__twitter,
.form-field__linkedin {
  display: none;
}
.lp-single-course-main__right__inner .info-learning {
  margin-left: 22px;
}
.lp-single-course-main__right__inner .social-swapper {
  margin-left: 22px;
}
/* logged-in my account page border */
.learn-press-profile-course__progress .lp-ajax-message {
  border: none;
}
/* change input email form styling */
.learn-press-form .form-fields .form-field input[type="email"] {
  border-radius: 3px;
}
/* user name font-size */
.lp-user-profile .lp-profile-username {
  font-size: 1.5em !important;
}

/* order page link styling */
.learn-press-course-tab-enrolled a,
.profile-orders .lp-list-table a {
  text-decoration: none !important;
  color: #ff7f3b !important;
}

/*****************************************/
/************** Lesson Page***************/
/*****************************************/
/* fix header and footer that were hidden / This is IMPORTANT*/

#popup-course {
  display: block !important;
  position: relative !important;
  /* z-index: -1 !important; */
}
#popup-header {
  position: absolute !important;
}

#popup-footer {
  display: none !important;
}

/* delete box-shadow under header (pop up side bar) */
#popup-course #popup-sidebar {
  box-shadow: 0 0 0 0;
}
/* delete border under header (pop up side bar) */
#popup-course #popup-header {
  border-bottom: 0px;
}

/*footer*/
.elementor-shape {
  position: absolute !important;
}
svg.e-fab-line {
  margin-left: 3px;
}

/*********************************************/
/*************** Contact Form 7***************/
/*********************************************/
.mugwort_contact_form {
  max-width: 500px;
  margin: 0 auto;
}
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="number"],
.wpcf7-form input[type="date"],
.wpcf7-form select,
.wpcf7-form textarea,
form.yikes-easy-mc-form input[type="text"],
form.yikes-easy-mc-form input[type="email"],
form.yikes-easy-mc-form input[type="tel"],
form.yikes-easy-mc-form input[type="number"],
form.yikes-easy-mc-form input[type="date"],
form.yikes-easy-mc-form select,
form.yikes-easy-mc-form textarea {
  border-radius: 3px;
  background: #fffcf9;
  border-color: #999999;
  width: 100%;
  font-size: 16px;
  font-weight: 400;
}
.wpcf7-form .wpcf7-submit,
form.yikes-easy-mc-form .wpcf7-submit {
  display: block;
  margin: 0 auto;
  line-height: 36px;
  width: 33.33%;
}
.wpcf7 .required {
  color: red;
}
form.wpcf7-form label {
  display: block;
}
/*FAQ Contact form*/
.elementor-91
  .elementor-element.elementor-element-993e136
  .thim-ekit-wpcf7
  .wpcf7-form-control-wrap
  input,
.elementor-91
  .elementor-element.elementor-element-993e136
  .thim-ekit-wpcf7
  .wpcf7-form-control-wrap
  textarea {
  border: 1px solid #999999;
  border-radius: 3px;
}
.elementor-91
  .elementor-element.elementor-element-993e136
  .thim-ekit-wpcf7
  .wpcf7-submit {
  border-radius: 3px;
  border: 1px solid #ff7f3b;
}

/*********************************************/
/*************** Desktop CSS START ***********/
/*********************************************/

@media (min-width: 922px) {
  .lp-user-profile .lp-profile-right {
    padding-top: 50px;
  }
  .thim-course-content .course-meta a.course-readmore {
    width: 33.33%;
  }
  article .readmore a {
    width: 33.33%;
  }
  .blog-switch-layout.blog-grid article .entry-title {
    font-size: 1.5em !important;
  }
  .single-post .entry-content {
    width: 80%;
    margin: 0 auto;
  }
}
/*********************************************/
/*************** Desktop CSS END *************/
/*********************************************/

/*********************************************/
/*************** Tablet CSS START ***********/
/*********************************************/

@media (min-width: 545px) and (max-width: 1024px) {
  .mobile-menu-container li a {
    font-weight: 600;
  }
  .elementor-9650
    .elementor-element.elementor-element-a1f27ab:not(
      .elementor-motion-effects-element-type-background
    ) {
    background-color: unset !important;
  }
  .mobile-menu-wrapper {
    max-width: 100%;
  }
  .mobile-menu-wrapper .icon-wrapper {
    background: transparent;
    padding-top: 10px;
  }
  .mobile-menu-wrapper .icon-wrapper .search-form {
    margin: 0 auto;
  }
  .mobile-menu-wrapper {
    background: rgba(255, 249, 240, 0.85) !important;
    backdrop-filter: blur(3px);
  }
  .mobile-menu-wrapper .search-form label .search-field:focus {
    border-color: #ff7f3b;
  }
  .mobile-menu-wrapper .search-form label .search-field {
    height: 34px;
    padding-right: 120px;
    font-size: 16px;
  }
  .mobile-menu-wrapper .search-form:after {
    font-size: 16px;
    color: #ccc;
  }
  .mobile-menu-wrapper ul li {
    text-align: center;
  }
  .thim-nav-wrapper {
    padding: 15px 15px;
  }
}

/*********************************************/
/*************** Tablet CSS END **************/
/*********************************************/

/*********************************************/
/**************** MOBILE CSS START ***********/
/*********************************************/
@media (max-width: 544px) {
  /* General CSS */
  .mobile-menu-container li a {
    font-weight: 600;
  }
  /* Mobile Menu */
  .mobile-menu-wrapper {
    max-width: 100%;
  }
  .mobile-menu-wrapper .icon-wrapper {
    background: transparent;
    padding-top: 10px;
  }
  .mobile-menu-wrapper {
    background: rgba(255, 249, 240, 0.85) !important;
    backdrop-filter: blur(3px);
  }
  .mobile-menu-wrapper .search-form label .search-field:focus {
    border-color: #ff7f3b;
  }
  .mobile-menu-wrapper .search-form label .search-field {
    height: 34px;
    padding-right: 120px;
    font-size: 16px;
  }
  .mobile-menu-wrapper .search-form:after {
    font-size: 16px;
    color: #ccc;
  }
  .mobile-menu-wrapper ul li {
    text-align: center;
  }
  .thim-nav-wrapper {
    padding: 15px 15px;
  }
  /*Blog Single*/
  .single article .entry-header .entry-title {
    font-size: 1.2em !important;
  }
}

@media (max-width: 480px) {
  article .entry-header .entry-meta li.entry-date {
    display: inline-block;
  }
}

/*********************************************/
/**************** MOBILE CSS END *************/
/*********************************************/
