/*
 Theme Name:   EUS Website
 Theme URI:    https://www.euskills.co.uk
 Description:  EUS Website Theme
 Author:      DesignReligion
 Author URI:   https://www.designreligion.co.uk
 Template:  framework
 Version:      1.0.0
*/

body {font-family:"Lato", san-serif;}

.block {display:block;}

blockquote {
	border-left: 2px solid #981d97;
}

.flex {
	display: flex!important;
}

.flex-wrap {
	flex-wrap: wrap;
}

.flex-1 {
	flex: 1 1 0%;
}

.h-full {
    height: 100%;
}

.mb-0 {
	margin-bottom: 0!important;
}

.mt-0 {
	margin-top: 0!important;
}

.mb-10 {
	margin-bottom: 10px!important;
}

.mb-20 {
	margin-bottom: 20px!important;
}

.btn-gray {
	background-color: #4E4F4C;
	border-radius: 0;
	color: #FFF;
}

.btn-gray:hover {
	color: #FFFFFF;
}

.text-primary {
	color: #280071;
}

.site-wrapper:focus {outline:0 none}
.slick-prev,  .slick-next {z-index:99; font-size:20px;}
.slick-prev  {left:20px;  } .slick-next {right:20px;}
.slick-prev::before,  .slick-next::before { font-family: 'FontAwesome'; }
.slick-prev::before {  content: "\f104";}
.slick-next::before  {  content: "\f105";}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
	font-weight: normal;
	line-height: 1;
	color: #280071;
}
.sidebar {background:#e9e6f1;position:relative; min-height:400px; padding-bottom:30px;margin-bottom:100px; }

.sidebar::after {
	display: block;
	content: " ";
	width: 100%;
	height: 80px;
	background: url(assets/img/sidebar-cut.png);
	position: absolute;
	left:0px;
	margin-bottom:-80px;
	bottom: 0px;
	background: url(assets/img/sidebar-cut.svg);
	background-size: 600px auto !important;
	background-position: bottom center;
	 background-repeat: no-repeat;

	overflow:hidden;
}


.sidebar a {color:#280071}
.sidebar a .read-more {color:#981d97}

.post-body h2.page-title {color:#981d97;font-size:26px;margin-bottom:0px;}
/*
 * HEADER
 */
 @media screen and (min-width:1025px) {
.navbar-right {
	float: right !important;
	margin-right: -20px;
	padding: 0px;
}
 }
.site-header {
	background: #fff;
}

.home .navbar-collapse {
	border-bottom: 0px solid #981d97;
	margin-bottom: 0px;
}
.header-search {
	padding-left: 40px;
	padding-right: 20px;
}

.navbar-nav > li > a {
	padding-top: 35px;
	padding-bottom: 35px;
	color:#280071;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .nav > li.dropdown .dropdown-menu {
	color: #707372;
	text-decoration: none;
	outline: 0;

}
.searh-trigger {color:#981d97}
@media screen and (max-width:1024px) {
.navbar-collapse.collapse {
	background: #f5e9f5;
}

.navbar-toggle .icon-bar {
	background: #981d97;
}

.navbar-collapse.collapse .dropdown-menu > .active > a, .navbar-collapse.collapse .dropdown-menu > .active > a:hover, .navbar-collapse.collapse .dropdown-menu > .active > a:focus, .navbar-collapse.collapse .nav > li.dropdown .dropdown-menu,  .navbar-collapse.collapse .header-search-form {
	color: #707372;
	text-decoration: none;
	outline: 0;
	background-color: rgba(255,255,255,0.3);
}
}
.nav > li.dropdown .dropdown-menu > li > a:hover, .nav > li.dropdown .dropdown-menu > li > a:focus, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .nav > li.dropdown .dropdown-menu li:hover ul.nav li a:hover, .nav > li.dropdown .dropdown-menu li:hover ul.nav li a:focus, .site-header .dropdown-menu li.current-menu-item a {
	background:transparent
}

.site-header .dropdown-menu li.current-menu-item a, .site-header .dropdown-menu li a:hover,  .site-header .dropdown-menu li a:focus, .site-header .dropdown-menu li.current-menu-item li a:hover, .site-header .dropdown-menu li.current-menu-item li a:focus {color:#981d97;}


.site-header .dropdown-menu li.current-menu-item li a {color:#000}
.nav > li.dropdown .dropdown-menu {background:#f5e9f5;}


.nav > li.dropdown .dropdown-menu li:hover > ul.nav {
    display: block;
}

/*
 * TEXT COLOURS 
 */
.purple-text, .purple-text strong {color:#280071 !important; }
.pink-text, .pink-text strong  {color:#981d97  !important; }
.orange-text, .orange-text strong   {color:#ff8200  !important; }

.media.active {
	background: #e0e0e0;
}

.media a:hover {
text-decoration:none	
}
.media a .entry-content {
color:#707372;	
}

.cat-links {display:none}
/*
 * BREADCRUMB 
 */
.breadcrumb {
	padding: 8px 0px;
	margin-bottom: 10px;
	list-style: none;
	background-color: transparent;
	border-radius: 0px;
	margin-top: 10px;
}
.breadcrumb a {
	margin-right: 8px;
}
.breadcrumb li:first-child .fa {
	display: none;
}
.breadcrumb .fa {
	font-size: 50%;
	margin-right: 8px;
}
.breadcrumb a {
	color: #707372;
}
.breadcrumb li.current {
	opacity: 0.6;
}

/*
 * Equal heights
 */
@media screen and (min-width:992px) {


.equalheight {
	overflow: hidden;
}
.equalheight .post-body, .equalheight .sidebar {
	margin-bottom: -99979px;
	padding-bottom: 99999px;
}
}
.post-body {margin-bottom:30px;}

/*
 * Post body UL
 */
.post-body ul, .tribe-events-content ul {
	padding-left: 0px;
	margin-left: 0px;
	list-style:none;

}
.post-body ul li, .tribe-events-content ul li {padding-left:30px; background:url(assets/img/bullet.png); background-repeat:no-repeat; margin-bottom:3px;background-position: 0px 4px;}

.event-date.dashicons-before:before {
	margin-right: 10px;
}

/*
 * Table
 */
tr td:first-child .table-content-wrapper {
	/*max-width: 200px;*/
	display: block;
}

/*
 * Page Intro
 */

.group-page-block .thumbnail {border:0px; padding:0px; background:transparent !important; }
.group-page-block .thumbnail img {display:none !important}
.group-page-block .thumbnail .caption {padding:0px 0px 10px 0px;}
/*
 * Page Intro
 */
.page-intro {
	padding-bottom: 250px !important;
	margin-bottom: -220px;
	overflow: visible;
	background:url(assets/img/cut.png) no-repeat bottom center;

	background:url(assets/img/cut.svg) no-repeat bottom center;

	background-size:100%;
}
.page-intro h3, .page-intro h2{
color:#4e4f4c;
font-weight:normal;

	font-size:24px;
}
/*
 * Post Body 
 */
.post-body {
	padding-right: 30px;
}
.post-body h1.page-title {
	margin-bottom: 0px;
}
.post-image {
	margin-bottom: 30px;
}

/*
 * Post Body : OL
 */
 ol {
 padding-left:15px;
 margin-left:0px;
 }
/*
 *Carousel
 */

 .slider-block .caption.unboxed {background:rgba(0,0,0,0.2)}
.slider-block h2, .slider-block h1 {
	font-size: 30px;
}
.slider-block .caption.unboxed .inner {
	display: table-cell;
	vertical-align: middle;
	padding: 0px 30% 0px 0px;
}
.slider-block .btn-primary {
	border-radius: 0px;
	font-size: 18px;
	margin-top: 15px;
}

.slide-link {
	position: relative;
	width: 100%;
	display: block;
	height: 100%;
}/*
.slide-link::before {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	opacity: 0;
	z-index: 1;
	content: '';
	display: block;
	background: rgba(255,255,255,0.4);
}*/

.slide-link:hover::before {
 opacity:1;
}

@media screen and (min-width:980px) {
.slider-block .caption.unboxed .inner {
	display: table-cell;
	vertical-align: middle;
	padding: 0px 50% 0px 0%;
}
}

@media screen and (min-width:1200px) {
.slider-block .caption.unboxed .inner {
	padding: 0px 60% 0px 0%;
}

}
/*
 * Section title
 */

.section-title {
	margin-top: 0px;
	margin-left: 8px;
	color: #fff;
	font-size: 20px;
}
/*
 * Table
 */


thead {
	background: #981d97;
	color: #fff;
	border-color: #981d97;
}

.table thead tr td, 
.table thead tr th{border-color: #981d97;}

tr td:first-child .table-content-wrapper {

	color: #280071;
}

.archive-sidebar ul {list-style:none; margin-left:0px;padding-left:0px;}
.archive-sidebar ul li { border-top:1px solid #d0d0d0;padding:0px;}
.archive-sidebar ul li:last-child {border-bottom:1px solid #d0d0d0;}
.archive-sidebar ul li a{display:block;padding:5px 0px; }

/*
 * BLOG PAGE : media  
 */
 .blog .media-object {max-width:150px;}


 .related-news-sidebar .media-object {max-width:100px;}
 .related-news-sidebar h4 {
 text-transform:capitalize}
 .blog .media-body {padding:10px;}
/*
 * CHILD PAGE : media  
 */
.page-child .thumbnail-staff .media-object {max-width:100%;}

.thumbnail.thumbnail-staff {padding:0px;}

.thumbnail-staff .media-heading {
	font-size: 16px;
} 
.thumbnail-staff .job-role, .thumbnail-staff .read-more {
	font-size: 13px;
}
.page-child .media-object {
	height: auto;
	max-width: 95px;
}
/*
 * media  : Case Study
 */
 .case-studies-block.row {margin-top:20px;}

.media.media-case-study {
overflow:hidden;
}

.media.media-case-study img {max-width:140px;}

.case-studies-block h2 { margin-left:5px;color:#280071;}
/*
 * media  : LINKED CONTENT
 */

.homepage-sidebar .media.linked-content-block, .homepage-sidebar .media.linked-content-block a, .homepage-sidebar .media-caption {
	color: #fff;
}
.homepage-sidebar {
	display: table;
}
.homepage-sidebar .media.linked-content-block {
	display: table-row;
}
.homepage-sidebar .media-left, .homepage-sidebar .media-right, .homepage-sidebar .media-body {
	display: table-cell;
	vertical-align: middle;
}
.homepage-sidebar .media-body {
	padding: 20px 60px 30px 20px;
	position: relative;
}
.homepage-sidebar .media-body .read-more {
	position: absolute;
	right: 30px;
	top: 50%;
	color: #ffcd00;
	margin-top: -10px;
}
.homepage-sidebar .media-body .read-more .fa:before {
	display:none;
}
.homepage-sidebar .media-body .read-more .fa {background:url(assets/img/yellow-bullet.png); background-size:cover;background-repeat:none; background-position:center right; height:25px; width:20px;}

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
.homepage-sidebar .media-body .read-more .fa {background:url(assets/img/yellow-bullet@2x.png);background-size:cover;background-repeat:none;  }
}


.homepage-sidebar .media-body .read-more .read-more-text {
	display: none;
}
.homepage-sidebar .media.linked-content-block:nth-child(2) {
	background: #3e1c7d;
}
.homepage-sidebar .media.linked-content-block:nth-child(3) {
	background: #4b2d84;
}
.homepage-sidebar .media.linked-content-block h3 {
	color: #ffcd00;
	text-transform: uppercase;
	font-size:18px;
}
.homepage-sidebar .media-left {
	display: none;
}
.media.linked-content-block {
	background: transparent;
	display: block;
}

@media screen and (min-width:768px) and (max-width:1024px) {
.homepage-sidebar .media.linked-content-block {
display:inline-block;
float:left;
width:33.3%;	
margin:0px;}

}
@media screen and (max-width:1024px) {
.homepage-sidebar .media.linked-content-block, .linked-content-block.homepage-sidebar, .homepage-sidebar .media-body {
 display:block; width:100%;
}
.matchrowheight {height:auto !important;}
.homepage-sidebar .media.linked-content-block {margin:0px; }
}
/*
 * media  
 */
 .media {display:block;}
/*
 * Sidebar : media  
 */
.sidebar .media-body {
	padding: 12px 10px;
}
/*
 * Header Search
 */

.header-search.navbar-form {
	position: relative;
	padding-top: 25px;
}
.header-search-form {
	position: absolute;
	right: 7px;
	width: 255px;
	display: none;
	z-index: 3;
	background: #f5e9f5;
	padding: 5px;
	top: 15px;
}

.header-search-form.open {display:block;}
.header-search-form .form-control {
	border: 0px;
	background: transparent;
	box-shadow: none;
	color: #981d97;
}


.header-search-form .close {display:none;}


.header-search-form.open .form-control {padding-left:30px;}

.header-search-form.open .close {
	position: absolute;
	left: 15px;
	top: 15px;
	display: block;
	font-size: 14px;
}
.header-search-form .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 color:#981d97;
}
.header-search-form .form-control::-moz-placeholder { /* Firefox 19+ */
 color:#981d97;
}
.header-search-form .form-control:-ms-input-placeholder { /* IE 10+ */
color:#981d97;
}
.header-search-form .form-control:-moz-placeholder { /* Firefox 18- */
color:#981d97;
}
.header-search-form .search-button {
	border: 0px;
	background: 0px;
	outline: 0px;
	float: right;
	color: #981d97;
	line-height: 30px;
}
.header-search.navbar-form:hover .header-search-form,
.header-search.navbar-form:focus .header-search-form {
display:block
}

.media-left, .media-right, .media-body {overflow:hidden;}
/*
 * media 
 */
a.media.page-block:focus {border:1px solid  #981d97}

.media.page-block {
	background: #f1f1f1;
	display: block;
	margin-bottom: 10px;
}
.media-caption, a .media-caption {
	color: #474a4f;
	padding: 5px 0px 8px 0px;
	display: block
}
.read-more {
	font-weight: 600;
}
/*
 * Nav Downloads 
 */
.nav-downloads .fa {
	font-size: 30px;
}

.nav-downloads .fa {
	font-size: 30px;
	margin-right: 10px;
	color: #280071;
	position:absolute;
	left:0px;
	top:4px;
}

.nav-downloads li {position:relative; padding-left:40px !important; border-bottom:2px solid #d0d0d0;padding-bottom:5px; background:none !important;}
.nav-downloads li a {padding-left:0px;position:static;}
.nav-downloads li:last-child {border-bottom-color:transparent;}
/*
 * Thumbnail
 */
.thumbnail {margin-bottom:10px;border-radius:0px;border-color:#981d97;}

.thumbnail .read-more {
color:#981d97;	
}

.media.page-block h3 {
	color: #280071;
	font-size: 23px;
}

.thumbnail:hover, .thumbnail:focus { border-color:#280071; }
/*
 * Job Role Title
 */
.job-role-title {
color:#280071; font-size:20px;	
}
.profile-image {
	max-width: 180px;
	height: auto;
}/*
 * Post Slider
 */

.post-slider-block .thumbnail {
	background: transparent;
	border: 0px;
	padding: 0px;
}
.post-slider-block .thumbnail .caption {
	padding: 5px 0px;
	color: #fff;
}
.post-slider-block .thumbnail .caption h4 {
	color: #ffcd00;
	margin-top: 3px;
}
.post-slider-block.slick-dotted.slick-slider {
	margin-bottom: 0px;
}
.post-slider-block .slick-dots {
	position: absolute;
	bottom: auto;
	display: block;
	width: auto;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	top: -45px;
	right: 0px;
}

.post-slider-block .slick-dots li.slick-active button::before, .post-slider-block .slick-dots li button::before {
	color: #fff;
}
.site-footer .nav > li {
	width: auto;
	float: left;
	padding: 0px 5px
}
.site-footer .nav > li > a {
	position: relative;
	display: block;
	padding: 0px 0px;
	display: block;
}

@media screen and (min-width:1024) {
	.footer-logos {margin-top:20px}
.accreditations .footer-logo {text-align:right;}


}

.site-footer {padding:50px 0px 10px;}
.accreditations-text {
	margin-top: 25px;
	display: block;
}
.footer-logo img {
	max-width: 200%;
	width: auto;
	/* max-height: 100%; */
	max-height: 45px;
}

.footer-logo.footer-logo-2 img {
	max-height: 60px;
	margin-top: -10px;
}
@media screen and (min-width:992px) {

.cta-content-wrap {max-width:80%;}
}
.best-comp-logo img {max-width:70px !important;}
@media screen and (max-width:1024px) {

	.footer-logos {margin-top:30px;}
.footer-logos.text-right{text-align:left;}
.accreditations .footer-logo img {
	max-width: 100%;
}

.copyright.mt50 {margin-top:20px !important}

	.accreditations  {margin-top:10px; clear:both;}

.accreditations .footer-logo {
	text-align: left !important;
	float: left !important;
}

.searh-trigger {display:none;}
.header-search-form {width:100%;}
.navbar-form .form-group {
	display: inline-block;
}
.header-search-form .search-button {float:none;}
.header-search-form {display:block; position:static;}
.header-search.navbar-form {padding:0px;}
}

@media screen and (max-width:980px) {
.footer-logo img {
	max-width: 100%;
}	
	.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
	margin-right: 0px;
	margin-left: 0px;
}

.slider-block .caption.unboxed .inner {
	display: table-cell;
	vertical-align: middle;
	padding: 0px 0% 0px 0px;
}
.slider-block h2, .slider-block h1 {
	font-size: 22px;
}

.media-object {
	max-width:100px;
	display:table-cell;
}
.media-left, .media-right, .media-body {
	display:table-cell;	
}

.media-caption, a .media-caption {display:none}
}
hr {
	border-top-width: 1px;
	border-color: #00afec;
}
/*********************************************
 * Site Header
 ********************************************/
.site-header li a {font-size:14px;}
/*********************************************
 * Purple Block
 ********************************************/
.home .carousel h2 {font-size:45px;}
.home .carousel {color:#fff; font-size:28px; font-weight:normal; line-height:1.1;}


/*********************************************
 * Purple Block
 ********************************************/
.purple-block .thumbnail {background:#981d97; color:#fff; padding:0px; border:0px;}

.purple-block .thumbnail .caption {padding:30px;}
.purple-block .thumbnail h3, .purple-block .thumbnail .media-caption, .purple-block .thumbnail  a .media-caption {
color:#fff;	
}

 .purple-block .thumbnail .media-caption, .purple-block .thumbnail a .media-caption {font-size:16px;}
 .purple-block .thumbnail .media-caption {opacity:0.8}

 .purple-block a.thumbnail:hover {text-decoration:none;}

.purple-block .thumbnail .read-more {display:none}

/*********************************************
 * Our Work
 ********************************************/

.our-work-blocks .media-caption {display:none}

.our-work-blocks  .section-title {color:#981d97; margin-bottom:20px; }

.our-work-blocks .thumbnail {border:0px;padding:0px;}

.our-work-blocks .thumbnail h3 {font-size:18px;}


/*********************************************
 * FOLLOW US
 ********************************************/
.follow-us.shortcode {margin-left:40px; margin-top:10px;}
.follow-us.shortcode ul li {
	font-size: 20px;
	color:#981d97
}

.follow-us.shortcode ul li  .fa{ color:#981d97}
/*********************************************
 * Footer Address
 ********************************************/

.footer-address {font-size:15px; font-weight:bold;}
.copyright {font-size:12px;}

@media screen and (max-width:768px) {.footer-address {margin-top:20px}}
/*********************************************
 * Footer Business Logo
 ********************************************/
.footer-eus-logo img {max-width:240px; height:auto;}

/*********************************************
 * Call to action
 ********************************************/

 .call-to-action {font-size:18px; padding:90px 0px 60px 0px; background:rgba(40, 0, 113, 0.7);}
.call-to-action, .call-to-action h1, .call-to-action h3, .call-to-action h3, .call-to-action h4, .call-to-action h5 {color:#fff;}

.call-to-action .btn {
	margin-top: 55px;
	background: #b5bd00;
	border-radius: 0px;
	border-color: #b5bd00;
	font-size: 20px;
	color: #280071;
} 
 .call-to-action h3 {font-size:40px;}


 /*********************************************
 * Social Nav
 ********************************************/
 li.social:last-child {
	margin-right: -10px;
}

li.social a {
	color: #707372;
	padding-left: 6px;
	padding-right: 6px;
	font-size: 18px;
}

 /*********************************************
 * Members Area
 ********************************************/
li.member-area a{	color: #707372;
}
.member-area .fa {
	border: 0px;
	background: 0px;
	outline: 0px;
	color: #981d97;
	margin-right:5px;
	font-size:18px;
}


 /*********************************************
 * Page Hero
 ********************************************/
  .hero-section {margin-bottom:30px; 	background: #280071;
}

 #tribe-events-bar #tribe-bar-form {
	margin-bottom: 30px;
background: #280071;	padding: 50px 30px;
	 color:#fff;


}

#tribe-bar-form .tribe-bar-views-inner label {padding:0px;}

#tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a {
	background: rgba(255,255,255,0.7);
	color: #444;
	display: block;
	padding: 6px 15px;
	text-align: left;
	text-decoration: none;
	width: auto;
	display: inline-block;
	border-radius: 10px;
}


.hero-section h1 {
color:#fff;	
}


.hero-into {
padding:30px;
}


#tribe-bar-form .tribe-bar-submit input[type="submit"] {background:#00afec;}
.tribe-bar-views-inner {background:transparent}
.hero-section h2,   .hero-section h3,   .hero-section h4,   .hero-section h5 {
  color:#00afec
}
.hero-section h2 {margin-bottom:0px;}

.hero-section .post-image {margin-bottom:0px;}
.hero-section .post-image img {min-width:100%;}
 @media screen and (min-width:980px) {
 .hero-section {
	position:relative ;
		max-height:380px; overflow:hidden;
 }
.hero-into {
	width: 50%;
	padding:38px 45px;
	background: #280071;
	color: #fff;
	 float: left; 
	position: relative;
	/* height: 100px; */

}
.hero-into a, .hero-into strong {color:#00afec}
.hero-into, .post-image {box-sizing:border-box; -webkit-box-sizing:border-box}

.hero-section .post-image::after {
	display: block;
	content: " ";
	width: 150px;
	height: 101%;
	background: url(assets/img/intro-cut.png);
	position: absolute;
	left:0px;
	top: 0px;
	background: url(assets/img/intro-cut.svg);
	background-size: auto 1000px;
	background-position: right;
	overflow:hidden;
	background-repeat:no-repeat;
}

.hero-section .post-image {
	width: 50%;
	float: right;
	position: relative;
	top: 0px;
	bottom: 0px;
	margin-bottom: 0px;
	overflow: hidden;
}
 }
 /*********************************************
 * Hero Into Search
 ********************************************/
.hero-into.hero-into-form  {width:100%;}
.hero-into.hero-into-form:after {display:none}

.hero-into.hero-into-form .form-inline .form-group {margin-right:10px; min-width:30%;}

.hero-into.hero-into-form .form-inline .form-group input, .hero-into.hero-into-form .form-inline .form-group select {width:100%;}

.hero-into.hero-into-form .form-inline  .btn {margin-top:25px;}

.hero-into.hero-into-form .search-results, .hero-into.hero-into-form .form-inline {margin-top:20px;}

 /*********************************************
 *  Search
 ********************************************/

.search .thumbnail .no-feature {
background:rgb(152,29,151,0.1)
	}
.search .thumbnail .no-feature .fa {color:#981d97; font-size:60px;}
.search .thumbnail {padding:0px;}
 /*********************************************
 * Carousel
 ********************************************/
 @media screen and (max-width:980px) {
	  .slick-slide .caption, .slider-block .caption.unboxed, .slider-block .caption.boxed {
	  display:block; position:absolute;
	  margin-top:50%;
	  height:auto;
	  bottom:0px;
	  padding:30px !important;
	  font-size:16px;
	  background:#280071
	  }

	  .slider-block .caption.unboxed h2, .slider-block .caption.boxed h2, .slider-block .caption.unboxed h3, .slider-block .caption.boxed h3 {
		 	  font-size:24px;

	  }
 }

 .slide-boxed,  .slide-unboxed {position:relative; }

.slide-img {
	position: absolute;
	right: 0px;
	top: 0px;
	left: 0%;
	bottom: 0px;
	display: block;
	/* background: #000; */
}

.slide-link:hover {text-decoration:none}
.caption.boxed {
	width: 100%;
	padding-right: 180px;
	height: 100%;
	display: table;

}

.caption.boxed .inner {
	display: table-cell;
	vertical-align: middle;
}

@media screen and (min-width:980px) {


.caption.boxed {
	width: 55%;
	padding-right: 80px;
	height: 100%;
	display: table;
	position:relative;
}

.caption.boxed::after {
    display: block;
    content: " ";
    width: 150px;
    height: 100%;
    background: url(assets/img/intro-cut.png);
    position: absolute;
    right: -120px;
    top: 0px;
    background: url(assets/img/intro-cut.svg);
    background-size: auto 1000px !important;
    background-position: right;
    background-repeat: no-repeat;
}
.slide-img {
	position: absolute;
	right: 0px;
	top: 0px;
	left: 50%;
	bottom: 0px;
	display: block;
	/* background: #000; */
}
}

 /*********************************************
 * Member Directory
 ********************************************/
.member-directory .thumbnail {
		margin-bottom:10px;
		background:#fff;
}

.member-directory .thumbnail-image {background:#fff; padding:10px;min-height:120px; display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;}

.member-directory .thumbnail-image img{
  flex: none
}

 /*********************************************
 * Member Directory
 ********************************************/
.sidebar-resources {margin-bottom:20px;}

 /*********************************************
 * Download Icon
 ********************************************/
.download-icon {
	width: 25%;
	background: #f5f2f9;
	vertical-align: middle;
	height: 100%;
	padding: 20px;
	text-align: center;
	font-size: 40px;
}
 /*********************************************
 * News & Events Overview
 ********************************************/
.news-post-body {
	background:#fff;
	padding:0px;
}

.events-post-body {
	background:#e9e6f1;
	padding:0px;
}

.news-header,.events-header {
	border-bottom:2px solid #f4f2f8;

}

.news-header h2,.events-header h2 {
margin:0px;	font-size:20px; width:auto; display:inline-block;
font-size:22px;
	padding:8px;
}

.news-body,.events-body {
	padding:30px;
}

.news-header .btn,.events-header .btn {float:right; 	padding:8px 12px; background:rgba(0,0,0,0.05); border-radius:0px;color:#981d97;
}

.news-post-body .media {background:#f0f0f0;}

 /*********************************************
 *Members Area
 ********************************************/

#loginform, .post-password-form {
    padding: 30px;
    background: #fff;
	margin-top:30px;	
}

.post-password-form {margin-bottom:20px;}
#loginform label,.post-password-form label {display:block;}

#loginform input[type=text], #loginform input[type=password], .post-password-form   input[type=text],  .post-password-form   input[type=password]{width:100%; border:1px solid #d0d0d0; outline:0px; box-shadow:none; padding:5px 8px;}


#loginform input[type=submit], .post-password-form input[type=submit] {border:1px solid #981d97; background:#981d97; color:#fff; padding:6px 10px;}


.page-template-member-page .download-icon, .download-icon.white-icon {
	width: auto;
	background: #fff;
	vertical-align: middle;
	height: 100%;
	padding: 20px;
	text-align: center;
	font-size: 40px;
	min-width: 100px;
}
 /*********************************************
 * Linked Content
 ********************************************/
.media.linked-content-block {background:#fff;}

.media.linked-content-block .media-object {max-width:150px}

 /*********************************************
 * Mega Menu 
 ********************************************/

@media screen and (min-width:980px) {
.mega-menu {position:static  !important}

.mega-menu .menu-title {font-size:18px !important;}


.mega-menu .dropdown-menu {
	width: 100%;
	top:100px;
		padding-top:30px !important;
		padding-bottom:50px !important;
}

.mega-menu .dropdown-menu li {
	width: 50%;
	float: left;
}
.mega-menu .dropdown-menu li ul {width:100%;}

.mega-menu .dropdown-menu li ul li {width:50%; float: left;}
.mega-menu.mega-menu-3 .dropdown-menu li {width:33%; float: left;}

.nav > li.dropdown.mega-menu:hover ul {
}

.mega-menu .dropdown-menu li ul.nav {
	display: block !important;
	position: static !important;
}

.mega-menu .dropdown-menu li ul.nav li {
	width: 100%;
	float: none;
}
.mega-menu .dropdown-menu li ul li {
	width: auto;
	float: left;
	display: inline-block;
	min-width: 100%;
}

.mega-menu .dropdown-menu li ul  li.menu-item-has-children li {padding-left:15px; padding-right:15px;}

.mega-menu .dropdown-menu li ul  li.menu-item-has-children li a {background:rgba(0,0,0,0.02);}

	.mega-menu .sub-title, 	.mega-menu .sub-title-no-children {color:#000}	
	.mega-menu .sub-dropdown .nav > li > a {
	padding-top: 4px;
	background: transparent !important;
	padding-bottom: 4px;
}



}
/*.mega-menu .nav.nav-stacked.depth-2, .nav.nav-stacked.depth-2, .nav.nav-stacked.depth-3 {*/
	/*display: none;*/
/*}*/
#tribe-events-header {display:none;}

.event-sidebar .media .media-left img {max-width:120px;}

.sidebar h3 {margin-top:0px;}

.page-block img {min-width:100%;}


.nav > li > a:hover, .nav > li > a:focus, .nav > li > a:hover  .sub-dropdown .nav > li > a:hover, .nav > li:focus .sub-dropdown .nav > li > a:focus {
	background: transparent;
	outline: 0px none;
	color: #981d97;
}

.nav > li > a:hover  .sub-dropdown .nav > li > a, .nav > li:focus .sub-dropdown .nav > li > a, .sub-dropdown .nav > li > a {

	color:#000
}

.member-contact {
	  overflow-wrap: break-word;
  word-wrap: break-word;
	-ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;

}
@media screen and (min-width:980px) and (max-width:1024px) {
	.sidebar .media-left, .sidebar .media-body {
	width: 100%;
	display: block;
}

	.sidebar .media-left img {min-width:100%; height:auto}

}


/* 404 Page */
.error404 .site-wrapper {
	margin-bottom: 0;
}

.error404 .main {
    text-align: center;
    margin-top: 145px!important;
    margin-bottom: 145px!important;
}

.error404 .main .error-message {
	max-width: 520px;
    margin: 0 auto;
}

.error404 .main h1 {
    font-size: 55px;
    font-weight: bold;
    text-transform:  uppercase;
    margin-bottom: 30px;
}

.error404 .main p {
    font-size: 30px;
    font-weight: 100;
    margin-bottom: 30px;
}

.error404 .main p small {
    font-size:  14px;
    text-transform: uppercase;
    font-weight: 400;
}



@media screen and (max-width:992px) {

	li.social a {
	color: #707372;
	font-size: 14px;
}
	li.social .fa {margin-left:10px;}
	.slick-prev, .slick-next {display:none !important}
	.slick-dots {
	position: absolute;
	bottom: 10px;
	display: block;
	width: 100%;
	padding: 0px 20px;
	margin: 0;
	list-style: none;
	text-align: left;
}
	.navbar-nav {
	margin: 7.5px -10px;
}

	.call-to-action {
	padding: 50px 0px 30px 0px;
}

	.call-to-action h3 {
	font-size: 34px;
} 

	.call-to-action .btn.pull-right {float:left !important; margin-top:20px;}

	#block-59e0c2ce2bb6e.content-block.pl20 {padding-left:0px !important}

	.hero-into h2 {
	font-size: 21px;
}
	.hero-section h1 {
	font-size: 30px;
}

	.page-block {height:auto !important}



}
@media screen and (max-width:480px) {


.news-body .media-left, .news-body .media-right, .news-body .media-body {
	display: block;
	width: 100%;
}
	.news-body .media-left img {max-width:100%; min-width:100%}
	.news-body .media-left {text-align:center}

}

.table > tbody > tr > td {
	border-right: 1px solid #ddd;
}
.table > tbody > tr > td:last-child {
	border-right: 0px solid transparent;
}


ul.tribe-events-sub-nav li {
	padding-left: 0px;
	background: transparent;
}
/*========================================================*/
/*                  NSAP PAGE Edits                       */
/*========================================================*/


body.page-template-nsap-page {background:#f7f3f2;}


body.page-template-nsap-page .hero-section h2, body.page-template-nsap-page .hero-section h3, body.page-template-nsap-page .hero-section h4, body.page-template-nsap-page .hero-section h5 {color:#fee2cd;}
body.page-template-nsap-page .sidebar{background:#fee2cd;}

body.page-template-nsap-page .sidebar::after {

	background-image: url(assets/img/sidebar-cut-nsap.png);

	background-image: url(assets/img/sidebar-cut-nsap.svg);

}


body.page-template-nsap-page .hero-into, body.page-template-nsap-page  .hero-section  {

	background: #f17224;
}

body.page-template-nsap-page  hr {
	border-top-width: 1px;
	border-color: #f17224;
} 
body.page-template-nsap-page .sidebar h3, body.page-template-nsap-page h2, body.page-template-nsap-page .tribe-events-single-section-title{color:#f17224;} 
 body.page-template-nsap-page .sidebar h4, body.page-template-nsap-page h3, body.page-template-nsap-page h4, body.page-template-nsap-page h5, body.page-template-nsap-page h6 {color:#4e4f4c}
body.page-template-nsap-page .hero-section .post-image::after {

	background-image: url(assets/img/intro-cut-nsap.png);

	background-image: url(assets/img/intro-cut-nsap.svg);

}
body.page-template-nsap-page .woocommerce #respond input#submit.alt, body.page-template-nsap-page .woocommerce a.button.alt, body.page-template-nsap-page .woocommerce button.button.alt,  body.page-template-nsap-page  .woocommerce input.button.alt, .tribe-button, body.page-template-nsap-page a.tribe-button, body.page-template-nsap-page button.tribe-button, body.page-template-nsap-page input.tribe-button {
background:#f17224;
	color:#fff;
	border-radius:0px;
	border:0px none;
	margin:0px;
	padding:10px 15px
	}


.tribe-events-tickets .woocommerce.add-to-cart {
	padding: 6px 16px 16px;
}

.tribe-events-tickets .woocommerce .quantity input {
	background-color: #fff;
	border-radius: 3px;
	margin-bottom: 5px;
	padding: 5px 10px;
	text-align: left;
	width: 4.375em;
	outline: 0px;
	border: 0px;
}
.tribe-events-tickets input[type="date"], .tribe-events-tickets input[type="datetime-local"], .tribe-events-tickets input[type="email"], .tribe-events-tickets input[type="month"], .tribe-events-tickets input[type="number"], .tribe-events-tickets input[type="password"], .tribe-events-tickets input[type="search"], .tribe-events-tickets input[type="tel"], .tribe-events-tickets input[type="text"], .tribe-events-tickets input[type="time"], .tribe-events-tickets input[type="url"], .tribe-events-tickets input[type="week"], .tribe-events-tickets select, .tribe-events-tickets textarea {
	background: #fff;
	border: 0px;
	padding: 10px 15px;
	width: 100%;
}

body.page-template-nsap-page .navbar-brand {padding:5px 20px;}

@media screen and (max-width:768px) {
	body.page-template-nsap-page .navbar-brand, .navbar-brand {padding:5px 0px;}
	.container {padding:0px 15px}

}
body.page-template-nsap-page .site-logo .brand, body.page-template-nsap-page .navbar-brand .brand {
	max-height: 75px;
	width: auto;
}
body.page-template-nsap-page .post-body a, body.page-template-nsap-page .member-area .fa,  body.page-template-nsap-page .header-search-form .search-button, body.page-template-nsap-page .searh-trigger, body.page-template-nsap-page .breadcrumb a, body.page-template-nsap-page  .sidebar .read-more  {
 color:#1b8fce;}

body.page-template-nsap-page .header-search-form .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 color:#1b8fce;
}
body.page-template-nsap-page .header-search-form .form-control::-moz-placeholder { /* Firefox 19+ */
 color:#1b8fce;}
body.page-template-nsap-page .header-search-form .form-control:-ms-input-placeholder { /* IE 10+ */
 color:#1b8fce;}
body.page-template-nsap-page .header-search-form .form-control:-moz-placeholder { /* Firefox 18- */
 color:#1b8fce;}

body.page-template-nsap-page .media.active {background:rgba(255,255,255,0.4)}
body.page-template-nsap-page .tribe-events-organizer .tribe-events-organizer-meta {
	border-bottom: 2px solid #1b8fce;
	margin-bottom: 30px;
	padding-bottom: 30px;
}

body.page-template-nsap-page .tribe-events-organizer .tribe-events-loop .type-tribe_events {
	padding: 30px;
	background: #fff;
	margin-top: 20px;
}
@media screen and (min-width:992px){
body.page-template-nsap-page .tribe-events-organizer .tribe-events-loop .type-tribe_events {
	display: flex;
}
}

.single-tribe_events .tribe-events-event-image {
	clear: both;
	margin-bottom: 30px;
	text-align: center;
	margin-top: 30px;
}

body.page-template-nsap-page .tribe-events-organizer  .tribe-events-list .tribe-events-loop .tribe-events-event-image {width:90%}


.tribe-events-list-separator-month {
	display: block;
	font-size: 14px;
	font-weight: 700;
	margin: 2.5em 0 0;
	padding: 10px 15px;
	text-transform: uppercase;
}
body.page-template-nsap-page .tribe-events-list-separator-month {
	color: #b2a78c;
	background-color: #fff;

}


body.page-template-nsap-page .tribe-events-organizer .tribe-events-loop .type-tribe_events .tribe-events-content {display:none} 

body.page-template-nsap-page.single-tribe_organizer .post-body h1 {color:#4e4f4c; }

.proudly-sponsoredby {background:#fff; margin-bottom:30px;}

.proudly-sponsoredby .sponsoredby-header {padding:15px 20px; border-bottom:1px solid #e0e0e0; color:#f17224; font-weight:600; font-size:18px}

.proudly-sponsoredby .sponsoredby-body{padding:15px 20px;}

.sponsoredby-body .brand {
	max-width: 280px;
	margin: auto;
}
/*========================================================*/
/*                  EUSR PAGE Edits                       */
/*========================================================*/

body.page-template-energy-and-utility-skills-register {background:#fff;}

body.page-template-energy-and-utility-skills-register h3, body.page-template-energy-and-utility-skills-register .tribe-events-single h1, body.page-template-energy-and-utility-skills-register .tribe-events-single h5, body.page-template-energy-and-utility-skills-register a, body.page-template-energy-and-utility-skills-register .header-search-form .search-button, body.page-template-energy-and-utility-skills-register .site-header .fa,  body.page-template-energy-and-utility-skills-register .member-area .fa {color:#19a8e2;}


body.page-template-energy-and-utility-skills-register .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 color:#19a8e2;
}
body.page-template-energy-and-utility-skills-register  .form-control::-moz-placeholder { /* Firefox 19+ */
 color:#19a8e2;}
body.page-template-energy-and-utility-skills-register  .form-control:-ms-input-placeholder { /* IE 10+ */
 color:#19a8e2;}
body.page-template-energy-and-utility-skills-register  .form-control:-moz-placeholder { /* Firefox 18- */
 color:#19a8e2;}



body.page-template-energy-and-utility-skills-register .site-header a {color:#4e4f4c;}
body.page-template-energy-and-utility-skills-register .sidebar {
	background: #f0f0f0;

}
body.page-template-energy-and-utility-skills-register .sidebar::after {background-image:url(assets/img/sidebar-cut-eusr.png); background-image:url(assets/img/sidebar-cut-eusr.svg); }

body.page-template-energy-and-utility-skills-register  .site-header .container {border-bottom:2px solid #19a8e2}
body.page-template-energy-and-utility-skills-register  .site-footer .container {border-top:2px solid #19a8e2; padding-top:50px}
body.page-template-energy-and-utility-skills-register  .site-footer {padding-top:0px;}
body.page-template-energy-and-utility-skills-register .proudly-sponsoredby {background:#280071; }

body.page-template-energy-and-utility-skills-register .proudly-sponsoredby .sponsoredby-body {text-align:center; padding:20px}
body.page-template-energy-and-utility-skills-register .sponsoredby-body .brand {
	max-width: 280px;
	margin: auto;
}

body.page-template-energy-and-utility-skills-register .proudly-sponsoredby .sponsoredby-header {color:#fff; border-bottom:2px solid rgba(255,255,255,0.2);}

body.page-template-energy-and-utility-skills-register .site-header li.highlight a,
body.page-template-energy-and-utility-skills-register .site-header .dropdown-menu li.current-menu-item a,  
body.page-template-energy-and-utility-skills-register .site-header .dropdown-menu li a:hover, 
body.page-template-energy-and-utility-skills-register .site-header .dropdown-menu li a:focus, 
body.page-template-energy-and-utility-skills-register .site-header .dropdown-menu li.current-menu-item li a:hover, 
body.page-template-energy-and-utility-skills-register .site-header .dropdown-menu li.current-menu-item li a:focus,
body.page-template-energy-and-utility-skills-register .breadcrumb a, 
body.page-template-energy-and-utility-skills-register  .sidebar .read-more 
{
color:#19a8e2;
}

body.page-template-energy-and-utility-skills-register .woocommerce #respond input#submit.alt, body.page-template-energy-and-utility-skills-register .woocommerce a.button.alt, body.page-template-energy-and-utility-skills-register .woocommerce button.button.alt, body.page-template-energy-and-utility-skills-register .woocommerce input.button.alt, .tribe-button, body.page-template-energy-and-utility-skills-registere a.tribe-button, body.page-template-energy-and-utility-skills-register button.tribe-button, body.page-template-energy-and-utility-skills-register input.tribe-button {background:#19a8e2; border-radius:0px;}

body.page-template-energy-and-utility-skills-register .header-search-form, 
body.page-template-energy-and-utility-skills-register .nav > li.dropdown .dropdown-menu,
body.page-template-energy-and-utility-skills-register .nav > li.dropdown .dropdown-menu li ul.nav
{
	background: #f2f2f2;
}


/*========================================================*/
/*                 EUIAS PAGE Edits                       */
/*========================================================*/

body.page-template-energy-and-utility-independent-assessment-service {background:#fff;}

body.page-template-energy-and-utility-independent-assessment-service  .site-header .container {border-bottom:2px solid #981d97}
body.page-template-energy-and-utility-independent-assessment-service  .site-footer .container {border-top:2px solid #981d97; padding-top:50px}

body.page-template-energy-and-utility-independent-assessment-service .proudly-sponsoredby {
	background: #280071;
}
body.page-template-energy-and-utility-independent-assessment-service .proudly-sponsoredby .sponsoredby-header {color:#fff; border-bottom:2px solid rgba(255,255,255,0.2);}
body.page-template-energy-and-utility-independent-assessment-service .proudly-sponsoredby .sponsoredby-body {text-align:center; padding:30px 20px}
body.page-template-energy-and-utility-independent-assessment-service .sponsoredby-body .brand {
	max-width: 280px;
	margin: auto;
}

body.page-template-energy-and-utility-independent-assessment-service hr {
	border-top-width: 1px;
	border-color: #ffcd00;
} 
body.page-template-energy-and-utility-independent-assessment-service .hero-into h2, body.page-template-energy-and-utility-independent-assessment-service .hero-into h3 {color:#ffcd00} 

body.page-template-energy-and-utility-independent-assessment-service .site-header li.highlight a,
body.page-template-energy-and-utility-independent-assessment-service .site-header .dropdown-menu li.current-menu-item a,  
body.page-template-energy-and-utility-independent-assessment-service .site-header .dropdown-menu li a:hover, 
body.page-template-energy-and-utility-independent-assessment-service .site-header .dropdown-menu li a:focus, 
body.page-template-energy-and-utility-independent-assessment-service .site-header .dropdown-menu li.current-menu-item li a:hover, 
body.page-template-energy-and-utility-independent-assessment-service .site-header .dropdown-menu li.current-menu-item li a:focus,
body.page-template-energy-and-utility-independent-assessment-service .breadcrumb a, 
body.page-template-energy-and-utility-independent-assessment-service .sidebar .read-more, body.page-template-energy-and-utility-independent-assessment-service h3, body.page-template-energy-and-utility-independent-assessment-service .tribe-events-single h1, body.page-template-energy-and-utility-independent-assessment-service .tribe-events-single h5, body.page-template-energy-and-utility-independent-assessment-service a, body.page-template-energy-and-utility-independent-assessment-service .header-search-form .search-button, body.page-template-energy-and-utility-independent-assessment-service .site-header .fa,  bbody.page-template-energy-and-utility-independent-assessment-service .member-area .fa  {
color:#981d97;
}
body.page-template-energy-and-utility-independent-assessment-service hr {border-top-color:#981d97;}

body.page-template-energy-and-utility-independent-assessment-service .sidebar {
	background: #f0f0f0;

}
body.page-template-energy-and-utility-independent-assessment-service .sidebar::after {background-image:url(assets/img/sidebar-cut-eusr.png); background-image:url(assets/img/sidebar-cut-eusr.svg); }


body.page-template-energy-and-utility-independent-assessment-service .woocommerce #respond input#submit.alt, body.page-template-energy-and-utility-independent-assessment-service .woocommerce a.button.alt, body.page-template-energy-and-utility-independent-assessment-service .woocommerce button.button.alt, body.page-template-energy-and-utility-independent-assessment-service .woocommerce input.button.alt, .tribe-button, body.page-template-energy-and-utility-independent-assessment-service a.tribe-button, body.page-template-energy-and-utility-independent-assessment-service button.tribe-button, body.page-template-energy-and-utility-independent-assessment-service input.tribe-button {border-radius:0px; background:#981d97}


/*========================================================*/
/*                       Cart Edits                       */
/*========================================================*/
.site-header .menu-item-type-shopping-cart a {padding-left:6px; padding-right:6px;}

.site-header .menu-item-type-shopping-cart {position:relative;}.site-header .menu-item-type-shopping-cart .count {position:absolute;top:18px; right:-2px; width:20px; height:20px; border-radius:100%;padding:2px; background:#f5e9f5; font-size:10px; text-align:center; padding-top:0px;}

.site-header .menu-item-type-shopping-cart .fa {
	border: 0px;
	background: 0px;
	outline: 0px;
	color: #981d97;
	margin-right: 5px;
	font-size: 20px;
}


body.page-template-nsap-page .site-header .menu-item-type-shopping-cart .fa, body.page-template-nsap-page .site-header .menu-item-type-shopping-cart .count {color:#1b8fce;}
body.page-template-nsap-page .header-search-form, body.page-template-nsap-page .site-header .menu-item-type-shopping-cart .count {

	background: #f7f3f2;

}


body.page-template-nsap-page .post-body ul li,  body.page-template-nsap-page .tribe-events-content ul li {
	padding-left: 22px;
	background: transparent;
	background-repeat: no-repeat;
	margin-bottom: 3px;
	background-position: 0px 4px;
	position:relative
}

body.page-template-nsap-page .tribe-events-sub-nav li {padding-left:0px !important;}
body.page-template-nsap-page .tribe-events-sub-nav li:before {display:none !important}



body.page-template-nsap-page .post-body ul li:before,  body.page-template-nsap-page .tribe-events-content ul li:before {	position:absolute; height:11px; width:11px; top:4px; left:0px; background:#f17224; content:" ";
}


body.page-template-nsap-page  blockquote {
	border-left: 2px solid #f17224;
}


#add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text {
	float: left;
	box-sizing: border-box;
	border: 0px;
	padding: 8px 7px 9px;
	margin: 0 4px 0 0;
	outline: 0;
	line-height: 1;
	width: 150px  !important;
}

h2.tribe-events-page-title {text-align:left;}

.woocommerce-error, .woocommerce-info, .woocommerce-message {background-color:#fff;}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	outline: 0;
	line-height: 1;
	padding: 10px 15px;
	border: 0px;
}

.woocommerce-checkout-payment {
	margin-bottom: 50px;
}

.tribe-attendees-list-container {display:none}


.site-header li.highlight a {
	text-transform: uppercase;
	color: #981d97;
}

.table-block .table {
    table-layout: fixed;
}

.table-block .table td {
    padding: 15px;
}

.table-block .table thead th {
    background: #280071;
}


/* MEMBERS REGISTER FORM */
.errors-container {
	padding: 15px 10px;
	background-color: #f17171;
	border: 2px solid #e15e5e;
	border-radius: 0.5rem;
	color: #ffffff;
	margin-bottom: 20px;
}

.register-form .register-fields {
	display: flex;
	margin-bottom: 15px;
}

.register-form .register-fields > div {
	width: 100%;
}

.register-form .register-fields>:not([hidden])~:not([hidden]) {
	margin-right: calc(1.5rem);
	margin-left: calc(1.5rem);
}

/* INFORGRAPHIC BLOCK */

#infographic-container {
	height: 600px;
	display:flex; 
	position:relative; 
	align-items: center;
}

#left-container {
	width: 50%;
	height:100%; 
	position: relative; 
	display:flex; 
	flex-direction: column; 
	align-items: center;
	justify-content: center;
	margin-left: 0.5rem;
	margin-right: 1rem;
}

#right-container {
	width: 50%;
	height:100%;
	align-items: center;
	position: relative;
	display: none;
	justify-content: flex-end;
	margin-right: 0.5rem;
	margin-left: 1rem;
}

.info-box::before {
	display: block;
	content: '';
	position: absolute;
	left: -25px;
	border-width: 18.5px 25px 18.5px 0;
	border-color: transparent #000 transparent transparent;
	top: 50%;
	transform: translateY(-50%);
	border-style: solid;
}
.info-box::after {
	display: block;
	content: '';
	position: absolute;
	left: -23px;
	border-width: 17.5px 25px 17.5px 0;
	border-color: transparent #F5F2F9 transparent transparent;
	top: 50%;
	transform: translateY(-50%);
	border-style: solid;
}

#info-box-purple, #info-box-grey, #info-box-blue {
	position:absolute;
	height: min-content;
	padding:3rem;
	border:2px solid black;
	display:none;
	overflow-y: scroll;
	height: 450px;
	width: 100%;
}

.info-box-top {
	display:flex;
	align-items: center;
	margin-bottom: 1rem;
}

.info-marker {
	width:15%;
	height:30px;
	padding:0.5rem;
	color: #FFF; 
	display: flex; 
	font-size: 21px; 
	align-items: center;
}

.marker-purple {
	background-color: #953192;
}

.marker-grey {
	background-color: #6F7271; 
}

.marker-blue {
	background-color: #2A2C7D;
}

.links-container {
	display: flex; 
	justify-content: space-between; 
	width: 100%; 
	height: 100px; 
	margin-bottom: 0.5rem;
}

.links-container-last {
	display: flex; 
	justify-content: space-between; 
	width: 100%; 
	height: 100px; 
	margin-bottom: 1rem;
}

#purple-link-1, 
#purple-link-2, 
#purple-link-3, 
#purple-link-4 {
	width: 50%; background-color: #953192; opacity: 0.7;
}

#purple-link-5 {
	width: 100%; background-color: #953192; opacity: 0.7;
}

#grey-link-1, 
#grey-link-2, 
#grey-link-3, 
#grey-link-4, 
#grey-link-5, 
#grey-link-6 {
	width: 50%; background-color: #6F7271; opacity: 0.7;
}

#blue-link-1, #blue-link-2, #blue-link-3, #blue-link-4 {
	width: 50%; 
	background-color: #2A2C7D; 
	opacity: 0.7;
}

#purple-link-3, #purple-link-1, #grey-link-1, #grey-link-3, #grey-link-5, #blue-link-1, #blue-link-3 {
	margin-right: 0.5rem;
}

#Purple_Part {
	display: inline-block;
	transition: all 200ms ease-in-out;
}
#Purple_Part:hover {
	transform: translate(2%, -1%);
}
#Grey_Part {
	display: inline-block;
	transition: all 200ms ease-in-out;
}
#Grey_Part:hover {
	transform: translate(0, 2%);
}
#Blue_Part {
	display: inline-block;
	transition: all 200ms ease-in-out;
}
#Blue_Part:hover {
	transform: translate(-2%, -1%);
}

#Purple_Text, #Grey_Text, #Blue_Text {
	position:absolute; 
	bottom: 4rem; 
	opacity:0;
	font-weight: 500;
	font-size: 18px;
	text-align: center;
	color: #280071;
}

#purple-text, #grey-text, #blue-text {
	text-align: center; 
	height: 20px; 
	width: 100%; 
	font-weight: 500; 
	color: #280071; 
	font-size: 16px;
}

#purple-title, #grey-title, #blue-title {
	width: 80%; 
	margin-left: 1rem;
	margin-bottom: 0;
	font-size: 22px;
}

#Outer_Wheel {
	transform-origin: 50% 50%;
	transition: all 400ms ease-in-out;
}
#Purple_Icon {
	transform-origin: 78% 37%;
	transition: all 300ms ease-in-out;
}
#Blue_Icon {
	transform-origin: 21% 37%;
	transition: all 300ms ease-in-out;
}
#Grey_Icon {
	transform-origin: 50% 82%;
	transition: all 300ms ease-in-out;
}
#left-container {
	transform: translateX(50%);
	transition: all 400ms ease-in-out;
}
#Purple_Plus {
	transform-origin: 84% 68%;
	transition: all 300ms ease-in-out;
}
#Grey_Plus {
	transform-origin: 18.5% 73%;
	transition: all 300ms ease-in-out;
}
#Blue_Plus {
	transform-origin: 47.5% 8.5%;
	transition: all 300ms ease-in-out;
}
#purple-link-1:hover {
	opacity: 1 !important;
}
#purple-link-2:hover {
	opacity: 1 !important;
}
#purple-link-3:hover {
	opacity: 1 !important;
}
#purple-link-4:hover {
	opacity: 1 !important;
}
#purple-link-5:hover {
	opacity: 1 !important;
}
#grey-link-1:hover {
	opacity: 1 !important;
}
#grey-link-2:hover {
	opacity: 1 !important;
}
#grey-link-3:hover {
	opacity: 1 !important;
}
#grey-link-4:hover {
	opacity: 1 !important;
}
#grey-link-5:hover {
	opacity: 1 !important;
}
#grey-link-6:hover {
	opacity: 1 !important;
}
#blue-link-1:hover {
	opacity: 1 !important;
}
#blue-link-2:hover {
	opacity: 1 !important;
}
#blue-link-3:hover {
	opacity: 1 !important;
}
#blue-link-4:hover {
	opacity: 1 !important;
}

.purple-content-container h2 {
	color: #953292 !important;
}
.grey-content-container h2 {
	color: #6F7271 !important;
}
.blue-content-container h2 {
	color: #2A2C7D !important;
}

.purple-content-container a, .grey-content-container a, .blue-content-container a {
	text-decoration: underline;
}

@media screen and (max-width: 768px) {
	#infographic-container {
		height: 900px;
		flex-direction: column;
	}
	#left-container, #right-container {
		width: 100%;
		margin: 0;
	}
	#right-container {
		height: 50%;
		margin: 0;
		width: 95%;
	}
	#left-container {
		height: 350px;
		transform: translateX(0);
	}
	.info-box::after, .info-box::before {
		display: none;
	}
	#Purple_Text, #Grey_Text, #Blue_Text {
		bottom: -2rem;
	}
	#purple-title, #grey-title, #blue-title {
		font-size: 20px;
	}
	#info-box-purple, #info-box-grey, #info-box-blue {
		width: 100%;
		top: 4rem;
	}
	.post-body {
		padding-right: 0;
	}
}