/**
 * @file
 * Styles Single node page of type course.
 */

/* In course pages, the page title is not shown in its regular place. hide it */
body.node--type-course .title {
  display: none;
}

.course-title {
  font-size: 32px;
}

body.node--type-course #course-description-wrapper,
body.node--type-course #course-class-samples-wrapper,
body.node--type-course #course-calendar-wrapper {
  background-color: #fff !important;
  padding: 0.5em 2.5em;
  margin: 1.5em 0;
  border-radius: 7px;
  box-shadow: 2px 2px 6px rgba(0,0,0,0.1);
}

body.node--type-course #course-calendar-wrapper h2.block-title,
body.node--type-course #course-description-wrapper h2.block-title,
body.node--type-course #course-class-samples-wrapper h2.block-title {
  font-size: 2.3rem;
  font-weight: bold;
}

a.gototop {
  font-size: 0.75em;
  line-height: 1.2em;
}

#course-jumpsection-wrapper {
  background-color: #062245;
  padding: 3rem 2rem;
  position: relative;
}
#course-jumpsection a {
  color: #fff;
  font-weight: bold;
}
#course-jumpsection .navbar-toggler {
  color: #000;
  background-color: #ddd;
  padding: 1rem 2rem;
  box-shadow: 0 0 5px #fff;
}

/* remove top margin (which appears above jump section) */
body.node--type-course .node__content {
  margin-top: 0;
}

.field--name-field-related-courses a {
  display: block;
  text-align: center;
  padding: 0.7em;
  margin: 1.2em 0;

  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;

  background-color: #f5f5f5;
  color: #2b689c;
}
.field--name-field-related-courses a:hover {
  background-color: #e9e9e9;
}


#course-topbox {
  background-color: rgba(35, 35, 35, 0.85);
  padding: 1em;
  text-align: center;
  color: #fff;
}
#course-topbox h1 {
  color: #777;
  font-size: 1.4em;
  font-weight: bold;
  line-height: 1.4em;
}

#course_price {
  padding: 1rem;
}

#course-buttons-wrapper .coursepdf-dl {
  display: inline-block;
  margin: 0 1em 0 0;
  background-image: none;
  padding: 0 8px;
  border: 2px solid #cfcfcf;
  color: #cfcfcf;

  line-height: 43px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
}
#course-buttons-wrapper .coursepdf-dl:hover {
  background-color: #cfcfcf;
  color: #1a1a1a !important;
}

#course-buttons-wrapper .coursepdf-dl::before {
  font-family: 'Font Awesome 5 Free';
  content: '\f1c1';
  padding-left: 8px;
}

#course-buttons-wrapper {
  margin: 1em 0;
}



#course-buttons-wrapper .course-calendar-link {
  display: inline-block;

  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;

  background-color: #f7941e;
  border: 2px solid #f7941e;
  font-weight: bold;
  color: #fff;
  padding: 0.72em 1.3em;
}

#course-buttons-wrapper .course-calendar-link:hover,
#course-buttons-wrapper .course-calendar-link:focus {
  color: #f7941e;
  background-color: transparent;
  text-decoration: none;
}

#course-buttons-wrapper .course-callmeback-link {
  display: inline-block;
  padding: 0.72em 1.3em;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  -ms-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;

  background-color: #f7941e;
  border: 2px solid #f7941e;
  font-weight: bold;
  color: #fff;
}
#course-buttons-wrapper .course-callmeback-link:hover {
  color: #f7941e;
  background-color: transparent;
}

#course-buttons-wrapper .course-group-register {
  display: block;
  color: #fff;
  padding: 2rem 1rem 0;
  font-size: 1.3rem;
}

/*
set min height for course desc paragraph: this will cause the course info box be tall enough to always contain
the background image.
*/
#course-buttons-wrapper .course-short-desc {
  min-height: 7em;
}


.group-training-link, .group-training-link:hover, .group-training-link:focus {
  color: #b9b9b9;
}


/*  course section icons */

#course-accordion-wrapper h3.accordion-header button::before,
#course-description-wrapper h2.block-title::before,
#course-class-samples-wrapper h2.block-title::before {
  font-family: 'Font Awesome 5 Free';
  color: #003975;
  padding-left: 10px;
  font-size: 0.8em;
  font-weight: 900;
}
#course-description-wrapper h2.block-title::before {
  content: "\f15c";
}
#course-class-samples-wrapper h2.block-title::before {
  content: "\f03d";
}

#course-accordion-wrapper h3#h-what_you_learn button::before {
  content: "\f51c";
}
#course-accordion-wrapper h3#h-outline button::before {
  content: "\f0ae";
}
#course-accordion-wrapper h3#h-who_should_attend button::before {
  content: "\f005";
}
#course-accordion-wrapper h3#h-prerequisites button::before {
  content: "\f249";
}
#course-accordion-wrapper h3#h-training_resources button::before {
  content: "\f02d";
}
#course-accordion-wrapper h3#h-related_blogposts button::before {
  content: "\f1ea";
}
#course-accordion-wrapper h3#h-faq_list button::before {
  content: "\f059";
}
#course-accordion-wrapper h3#h-related_courses button::before {
  content: "\f00b";
}

body.node--type-course .block-arjang-calendar > h2.block-title:before {
  font-family: 'Font Awesome 5 Free';
  color: #003975;
  padding-left: 10px;
  font-size: 0.8em;
  content: "\f073";
}

#course-accordion-wrapper .accordion-header button {
  font-size: 1.8rem;
  padding: 2rem 2rem;
  font-weight: bold;
  border: 1px solid #ddd;
}
#course-accordion-wrapper .block .block-title {
  display: none;
}
#course-accordion-wrapper .accordion-body {
  padding: 2rem 1.5rem;
}

/**
 * Style info box clone
 */
.course-infobox-clone-wrapper {
  position: sticky;
  top: 5rem;
}
/* increase top offset, when toolbar is present */
body.toolbar-horizontal.toolbar-fixed .course-infobox-clone-wrapper {
  top: 10rem
}

/**
 * Style course infobox clone
 */
#course-infobox-clone {
  /* it should be initially hidden, shown by javascript */
  display: none;
  max-width: 25rem;
  margin: 0 auto;
}
#course-infobox-clone .course_price,
#course-infobox-clone .course-group-register,
#course-infobox-clone .course-calendar-link,
#course-infobox-clone .course-callmeback-link,
#course-infobox-clone .coursepdf-dl {
  display: block;
  margin: 1rem;
  text-align: center;
}
#course-infobox-clone .coursepdf-dl {
  border: 2px solid #0a3a75;
  color: #0a3a75;
}
#course-infobox-clone .course_price,
#course-infobox-clone .course-group-register {
  color: #000;
  border: 2px solid #0a3a75;
  padding: 1rem;
  border-radius: 5px;
}


/**
 * collapsible comments
 */
body.node--type-course #comments h2.title {
  padding: 0.8em 0.7em;
  cursor: pointer;
}

body.node--type-course #comments h2.title i.indicator {
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
body.node--type-course #comments h2.title.comments-toggle-expanded i.indicator {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

body.node--type-course #comments {
  background-color: #fff;

  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;

  -moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.1);
  -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.1);
  -o-box-shadow: 2px 2px 6px rgba(0,0,0,0.1);
  box-shadow: 2px 2px 6px rgba(0,0,0,0.1);
}
body.node--type-course #comments h2.title {
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  -o-border-radius: 7px;
  border-radius: 7px;

  background-color: #f9f9f9;
  font-weight: bold;
  font-size: 1.65em;
}
body.node--type-course #comments h2.title.comments-toggle-expanded {
  -moz-border-bottom-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -o-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;

  -moz-border-bottom-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -o-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
}

body.node--type-course #comments h2.title:before {
  content: "\f086";
  font-family: "Font Awesome 5 Free";
  color: #003975;
  padding-left: 10px;
  font-size: 0.8em;
}
body.node--type-course #comments h2.title:hover {
  background-color: #ebebeb;
}
body.node--type-course #comments .comments-all-wrapper {
  padding: 0 1em 1em;
}
body.node--type-course #comments .comments-comments-wrapper > .comment:first-of-type {
  border-top: 0 none;
}


/**
 * arjang-class-sample2
 */
body.node--type-course .arjang-class-sample2-wrapper {
  text-align: center;

  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;

  border-top-color: transparent;
  box-shadow: 0 0 7px 2px #ddd;
  margin: 0.5em;
}
body.node--type-course .arjang-class-sample2-wrapper iframe {
  -moz-border-top-left-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -o-border-top-left-radius: 10px;
  border-top-left-radius: 10px;

  -moz-border-top-right-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -o-border-top-right-radius: 10px;
  border-top-right-radius: 10px;

  width: 100%;
}
body.node--type-course .arjang-class-sample2-wrapper .field-name-field-class-type {
  margin-top: -5px;
  padding-bottom: 5px;
  font-size: 0.9em;
}
body.node--type-course .group-course-instructors .field-collection-container,
body.node--type-course .group-course-instructors .field-collection-view {
  border-bottom: 0 none;
}
body.node--type-course .arjang-course-class_samples2-wrapper {
  margin-bottom: 1em;
}