/* Blocks */

body {
  height: 100vh;
  width: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
}

.dialog-off-canvas-main-canvas,
.page-container {
  height: 100%;
}

.page-container {
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: column;
  justify-content: space-between;
}

.subfooter {
  background-color: #083c5c;
}

#block-corporateplus-copyright .content,
#block-corporateplus-nisbfooter .content{
  margin: 0 auto;
  max-width: 1340px;
  padding: 0 15px;
  width: 100%;
}

#block-corporateplus-nisbfooter .content {
  max-width: 650px;
  text-align: center;
}

#block-corporateplus-copyright .content p {
  color: #ffffff;
  text-align: left;
}

#block-corporateplus-site-branding {
  width: 100%;
}

#block-corporateplus-site-branding .logo-and-site-name-wrapper > div {
  flex: 1;
}

#block-corporateplus-site-branding .logo-and-site-name-wrapper > .site-name {
  display: none;
}

#block-corporateplus-site-branding .logo-and-site-name-wrapper .site-branding__logo {
  max-width: 310px;
  width: 100%;
}

.page-node-1 .col-12 {
  width: 100% !important;
}

.page-node-1 .region-content {
  max-width: 100% !important;
  padding: 0;
}

/* Homepage  */

.hero-block {
  position: relative;
  height: 550px;
  overflow: hidden;
}

.hero-block .hero-block__image {
  position: absolute;
  top: -415px;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1;
}

.hero-block .hero-block__caption {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0 auto;
  max-width: 650px;
  padding: 15px 30px;
  width: 100%;
  background-color: #0092c7;
  color: #ffffff;
  font-size: 36px;
  font-weight: 500;
  text-align: center;
  line-height: 50px;
  z-index: 2;
}

.assistance-block {
  background-color: #083c5c;
  padding: 40px 20px;
  color: #ffffff;
  font-size: 20px;
  font-weight: 500;
  text-align: center;  
}

.assistance-block a {
  color: #ffffff;
}

/* Menu  */

#block-corporateplus-mainnavigation ul.menu > li a:hover,
#block-corporateplus-useraccountmenu ul.menu > li a:hover {
  color: #0c77b9 !important 
}

/* Courses */

.path-course .field--name-field-webinar-link,
.path-course .field--name-field-webinar-code,
.path-course .field--name-field-webinar-callin,
.path-course .field--name-field-webinar-password {
  padding: 2px 30px;
}

.path-course .field--name-field-webinar-body {
  padding: 25px 30px;
}

.path-course .field--name-name {
  margin-bottom: 2rem;
  font-size: 25px;
  font-weight: bold
}

.path-course .field--name-field-webinar-quiz,
.path-course .field--name-field-webinar-survey,
.path-course .lms-answer-form {
  display: inline-block;
}

.path-course .field--name-field-webinar-quiz a,
.path-course .field--name-field-webinar-survey a,
.path-course .lms-answer-form {
  color: #333333;
}

.path-course .field--name-field-webinar-survey,
.path-course .lms-answer-form {
  display: none;
}

.path-course .field--name-field-webinar-quiz a:hover,
.path-course .field--name-field-webinar-survey a:hover,
.path-course .lms-answer-form #edit-submit:hover {
  color: #0d6efd;
  border-color: #0d6efd;
}

.path-course .field--name-field-webinar-quiz,
.path-course .field--name-field-webinar-survey {
  margin-right: 15px;
}

.path-group .lms-start-link {
  margin-top: 2rem;
}