/* @override 
	https://www.restorecourse.org.uk/assets/css/restore.css
	https://www.restorecourse.org.uk/assets/css/restore.css?* */

body {
	background-color: hsla(79, 29%, 90%, 1.00);
}

p, a, td, th, h1, h2, h3, h4, h5, h6 {
	font-family: "Source Sans 3", sans-serif;
	font-weight: 500;
}

p {
	font-weight: 400;
	font-size: 18px;
	color:  hsla(220, 8%, 35%, 1.00);
}

h1, h2 {
	font-weight: 300;
}

.top-bar {
	background-color: hsla(192, 100%, 22%, 1.00);
}

.breadcrumb-nav ul li a,
.breadcrumb-nav ul li.last,
.breadcrumb-nav ul li:after {
  color: hsla(196, 13%, 28%, 1.00);
  font-weight: 400;
}

.main-menu ul .has-dropdown {
	z-index: 100;
}

.e-primary-btn {
	background-color: hsla(92, 46%, 53%, 1.00);
	color: hsla(92, 46%, 93%, 1.00);
}

.e-primary-btn .icon-wrap .icon {
	color:  hsla(92, 46%, 93%, 1.00);
}

.hero-4 {
	background-color: hsla(79, 29%, 61%, 1.00);
}

.hero-content-4 {
	padding-left: 1em;
}

.service-card .service-top,
.service-card .service-top h4,
.service-card .service-content {
	color:  	hsla(192, 100%, 22%, 1.00);
}

.service-card .service-top i,
.company-achievements-2 .achievement i {
  border: 2px solid hsla(92, 46%, 53%, 1.00);
  color: hsla(196, 13%, 58%, 1.00);
}


.hero-content-4 h1,
.common-title h2 {
	color:  	hsla(192, 100%, 22%, 1.00) !important;
	font-weight: 300 !important;
}

.company-achievements-2 h2,
.company-achievements-2 p {
	color:  	hsla(192, 100%, 22%, 1.00) !important;
}

.contact-info-section .contact-info-layout {
	background: hsla(79, 29%, 61%, 1.00);
}

.contact-info-section .contact-info-layout a.contact-info.active {
	background: hsla(192, 100%, 22%, 1.00);
}

.subscribe-form .input-wrap input {
  background: hsla(79, 29%, 61%, 1.00);
}

svg.triangle {
  transform: rotate(90deg);
}
svg.triangle path {
  stroke: hsla(79, 29%, 61%, 1.00);
  fill: hsla(79, 29%, 81%, 1.00);
}


.text h2 {
	color: hsla(192, 100%, 22%, 1.00);
	font-weight: 600;
	font-size: 2.7em;
}

.blog-card-5 .content .text h2 {
  font-weight: 600;
  font-size: 48px;
  line-height: 60px;
  margin-bottom: 24px;
}

.blog-card-5 .content .text ul {
	padding: 0px;
}

.blog-card-5 .content .text ul li {
	list-style: none;
	padding: 1em 0em;
	color:  hsla(191, 100%, 22%, 1.00);
	display: flex;
}

.blog-card-5 .content .text ul li img {
	width: 40px;
	margin-right: 15px;
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .blog-card-5 .content .text h2 {
	font-size: 36px;
	line-height: 1.4;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .blog-card-5 .content .text h2 {
	font-size: 36px;
	line-height: 1.4;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .blog-card-5 .content .text h2 {
	font-size: 32px;
	line-height: 1.4;
  }
}
@media (max-width: 767px) {
  .blog-card-5 .content .text h2 {
	font-size: 28px;
	line-height: 1.4;
  }
}

/* Colours */

.dark-blue {
	color:  	hsla(192, 100%, 22%, 1.00) !important;
}

.dark-grey {
	color:  	hsla(196, 13%, 28%, 1.00);
}

/* ########################################################### */
/*                          SESSION INTRO                      */
/* ########################################################### */


.session-introduction figure.table table tr, 
.session-introduction figure.table table tr td {
	background-color: hsla(79, 29%, 90%, 1.00);
	border-top: none;
	border-bottom: none;
}

.session-introduction figure.table table img {
	border-radius: 10px;
	margin-top:  20px;
}

.session-introduction figure.table table tr td {
	width: 50%;
	color:  hsla(220, 8%, 35%, 1.00);
}

.session-introduction figure.table table {
	padding-top: 10px;
	border-top: 1px solid hsla(220, 8%, 35%, 1.00);;
	border-bottom: 1px solid hsla(220, 8%, 35%, 1.00);;
}

/* ########################################################### */
/*                           COURSE PAGE                       */
/* ########################################################### */

.blog-card-2 {
	position: relative;
	background-color: hsla(81, 28%, 90%, 1.00);
	border-top-right-radius: 12px;
	border-top-left-radius: 12px;
}

.blog-card-2 .thumb {
	background-color: hsla(81, 28%, 90%, 1.00);
	border-top-right-radius: 12px;
	border-top-left-radius: 12px;
}

.blog-card-2 .thumb .title {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 1.4em;
	padding-top: 20%;
	border-top-right-radius: 12px;
	border-top-left-radius: 12px;
}

.blog-card-2 .thumb .event-date {
  background-color: hsla(96, 43%, 55%, 1.00);
  /*width: auto;*/
}

.blog-card-2 .thumb .event-date h2 {
	font-size: 1.6em;
	line-height: 1.2em;
}

.blog-card-2 .thumb .event-date h5 {
	font-size: 1.0em;
	padding: 0px;
	margin: 0px;
}

.blog-card-2.future_date .overlay {
	position: absolute;
	top:  0px;
	background-color: grey;
	width: 100%;
	height: 100%;
	opacity: 70%;
	z-index: 1000;
	border-radius: 10px;
}

.blog-card-2 .content {
	background-color: hsla(81, 28%, 95%, 1.00);
	border-bottom-right-radius: 12px;
	border-bottom-left-radius: 12px;
}

.blog-card-5 .content .blog-info,
.blog-card-5 .content .blog-info p {
	color:  hsla(196, 13%, 28%, 1.00);
}

.list-wrapper ul.list-wrap li p {
	color: hsla(196, 13%, 28%, 1.00) ;
	font-size:  1.2em;
}

.list-wrapper .list-wrap li .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color:  hsla(79, 29%, 61%, 1.00);
  width: 24px;
  height: 24px;
  background: white;
  border-radius: 50%;
}

.banner-box {
	background-color: hsla(173, 43%, 57%, 1.00);
	color: white;
	font-style: italic;
	padding:  10px 40px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.banner-box p {
	font-size: 3em;
	font-weight: 300;
}

.dateline {
  display: flex;
  align-items: center;
  gap: 15px;
  background-color: hsla(191, 40%, 53%, 1.00);
  color: white;
  padding:  5px 40px;
  font-size: 1.2em;
  
}

.text .activity .material_title {
	margin-bottom: 2px;
}

.text .activity .activity_title {
	margin-top: 2px;
}

.text .activity .activity_title {
	display: flex;
	align-items: center;
	color: hsla(196, 13%, 28%, 1.00) ;
	font-size:  1.2em;
	margin-bottom: 0.5em;
}

.text .activity .activity_title i {
	font-size: 24px;
	width: 24px;
	height: 24px;
	color:  hsla(79, 29%, 61%, 1.00);
	background-color: white;
	border-radius: 50%;
	margin-right: 0.6em;
}

.text .activity .activity_text .logo_teams {
	width: 50px;
	height: 50px;
	margin-right: 0.6em;
}

.text .activity .activity_text button.join_teams {
	background-color: hsla(230, 52%, 52%, 1.00);
	color:  #fff;
	border: none;
	font-weight: 500;
	border-radius: 3px;
	padding:  4px 18px;
	margin-left: 10px;
	font-family:  "Segoe UI", "Calibri", "Arial", sans-serif;
}

.content .content-bottom p.availability {
	font-size: 1.0em;
	line-height: 1.1em;
}

.activity .material_title {
	/*background-color: green;*/
}

.campaign.disabled {
	opacity: 0.5;
}

.pseudo-player {
	background-color:  hsla(79, 29%, 85%, 1.00);
	border-radius: 7px;
	padding:  10px;
	color:  hsla(191, 40%, 53%, 1.00);
}

.pseudo-player .title {
	font-weight: 600;
	font-size: 1.1em;
	flex-grow: 4;
}

.pseudo-player a {
	color:  hsla(191, 40%, 53%, 1.00);
}

.pseudo-player a .playbar {
	display: flex;
	align-items: center;
	gap: 10px;
}




/* FOOTER */
.footer-section {
	background-color: hsla(196, 13%, 28%, 1.00);
}

.subscribe-form .input-checkbox label .check-mark {
  border: 1.5px solid hsla(79, 29%, 61%, 1.00);
}

.footer-bottom-3 .footer-bottom-layout-2 {
  border-radius: 0px;
}