/*
Theme Name: BH&HPA Learning Hub
Theme URI:
Description: A bespoke template by Key Digital.
Version: 1.0
Author: Adam Montague
Author URI: https://key.digital
*/

/*! Blue - #0D6697 */
/*! Dark Blue - #0F3252 */
/*! Green - #70A467 */
/*! font-family: 'Roboto Condensed', sans-serif; */
/*! font-family: 'Roboto', sans-serif; */

/*!------ debug ------
html body.logged-in *:hover{outline: 1px dotted red;}*/

/*!---------- reset ----------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
	border: 0;
	font-size: 100%;
	font-style: normal;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section{display:block;}

strong{font-weight:700;}
em{font-style: italic;}

body{
	font-family: 'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI", "Open Sans", Helvetica, Arial, sans-serif;
	color: #333;
	-webkit-text-size-adjust: 100%;
	line-height:1;
	height: 100vh;
}

h1,h2,h3,h4,h5,h6{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: normal;
	text-transform: uppercase;
}

* a{color: inherit;}

ol,
ul{list-style:none;}

blockquote,
q{quotes:none;}

blockquote:before,
blockquote:after,
q:before,q:after{content:none;}

table{
	border-collapse:collapse;
	border-spacing:0;
}

hr{
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #555;
	margin-bottom: 1.5em;
}

img,
figure{
	max-width: 100%;
	height: auto;
}
    figure > img{
        display: block;
        margin: auto;
    }

img.alignright{
	display: block;
	float: right;
	margin: 1em 0 1em 1em;
}

img.alignleft{
	display: block;
	float: left;
	margin: 1em 1em 1em 0;
}

img.size-full{max-width: 75%;}

.wp-caption.aligncenter,
img.aligncenter{
	display: block;
	float: none;
	margin: 1em auto;
}

.wp-caption-text{
    margin: 0 .25em;
	font-size: 1em;
	font-style: italic;
	text-align: center;
	line-height: 1.5;
	background-color: transparent;
	border-bottom: 1px solid #ccc;
}

.gallery{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.5em;
}

    .gallery-columns-3 figure{
        width: 100%;
        text-align: center;
        margin-bottom: 1em;
    }

@media (min-width: 30em){

    .gallery-columns-3 figure{width: 50%;}

}

@media (min-width: 48em){

    .gallery-columns-3 figure{width: 33%;}

}

/*!------------------------ Main Elements --------------------------*/

.full-width{
	background: #fff;
	width: 100%;
	padding: 1.5em 0;
	margin-bottom: 1.5em;
}

.grey{background-color: #ebebeb;}

.blue{background-color: #00a2e8 !important; color: #fff !important;}

.button,
input[type="button"],
input[type="submit"],
#wpaloginform #wpa-submit{
	-webkit-appearance: none;
	display: block;
	width: auto;
	height: auto;
	max-width: 280px;
	margin: 1em auto;
	padding: 1em 1.5em;
	border: none;
	border-radius: 0;
	background-color: #0d6697;
	font-size: 1em;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
	text-align: center;
}

#learndash_back_to_lesson a{
	-webkit-appearance: none;
	display: block;
	max-width: 280px;
	margin: 1em;
	padding: .25em 1em;
	border: none;
	background-color: #52AF52;
	font-size: 1em;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
	text-align: center;
}

.next-link,
.prev-link{
	background-color: #52AF52;
	color: #fff !important;
	text-decoration: none;
	padding: .25em 1em;
	margin: 1em auto;
}

.invert{
	background: transparent;
	border: 1px solid #fff;
}

.container{
	max-width: 946px;
	margin: auto;
	padding: 0 1em 0;
}

@media (min-width: 75em){

    .container{padding: 0;}

}

.flex-container{
	display: -moz-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -ms-flex;
	display: box;
	display: flex;
}
.reverse{
	-ms-flex-direction: row-reverse;
	-moz-flex-direction: row-reverse;
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
.spaced{
	-ms-flex-pack: justify;
	-moz-justify-content: space-around;
	-webkit-justify-content: space-around;
	justify-content: space-around;
}
.spaced-between{
    -ms-flex-pack: justify;
	-moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.centered{
	-ms-flex-align: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	align-items: center;
}
.axis-centered{
	-ms-flex-pack: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	align-items: center;
}
.start{
	-ms-flex-align: start;
	-moz-align-content: flex-start;
	-webkit-align-items: flex-start;
	-webkit-align-content: flex-start;
	-moz-align-items: flex-start;
	align-content: flex-start;
	align-items: flex-start;
}
.end{
	-ms-flex-align: end;
	-moz-align-items: flex-end;
	-webkit-align-items: flex-end;
	align-items: flex-end;
}
.columns{
	-ms-flex-direction: column;
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}
.wrap{
	-ms-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.gutter{margin-bottom: 1.5em;}
.gutter-double{margin-bottom: 3em;}

	.flex-item{
		-ms-flex: 0 0 auto;
		-moz-box-flex: 0 0 auto;
		-webkit-flex: 0 0 auto;
		flex: 0 0 auto;
	}
	.flex-item-33{
		width: 31.333%;
		margin: 0 1% 0;
	}
	.flex-item-50{
		width: 48%;
		margin: 0 1% 1.5em;
	}

	@media (max-width: 43.75em){

	    .flex-item-50{width: 98%;}

	}

    .flex-item-content{
        display: flex;
        flex-direction: column;
        width: 100%;
    }

/*!----------------------- Header -----------------------*/

header h1{
	font-family: 'Roboto', sans-serif;
	font-size: 1.15em;
	color: #0d6697;
}
	.taskbar {
		background-color: #0d6697;
		padding: 1.25em 0;
	}
		.taskbar > div{display: none;}
		
		.taskbar-menu li{
			display: inline-block;
			border-right: 1px solid #fff;
			padding: 0 1em 0 1em;
		}
		.taskbar-menu li:last-of-type{
			border-right: none;
			padding-right: 0;
		}
		
			.taskbar-menu a{
				color: #fff;
				text-decoration: none;
				text-transform: uppercase;
			}
	
	.logo{
		-ms-flex: 0 0 auto;
		-moz-box-flex: 0 0 auto;
		-webkit-flex: 0 0 auto;
		flex: 0 0 100%;
		-ms-flex-pack: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		justify-content: center;
		-ms-flex-align: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		align-items: center;
		padding: .5em 0;
	}
	
		.logo img{
			width: 65px;
			height: 65px;
			padding-right: 1em;
		}

.hero{
    position: relative;
    width: 100%;
    display: block;
}

    .hero-container{
        max-width: 946px;
    	margin: auto;
    }

    .hero > .hero-container{
        max-width: 100%;
        width: 100%;
        position: absolute;
        top: 35%;
        left: 0;
        z-index: 9;
		
    }
	
	.hero-container > .hero-container{
		background-color: rgba(101, 154, 92, .75);
		padding: 1em;
	}

	.hero h1{
    	font-size: 3em;
    	color: #fff;
    	z-index: 9;
	}
	.hero h2{
    	font-size: 2em;
		color: #fff;
		z-index: 9;
		margin-bottom: .5em;
	}
	.hero a.button{
    	z-index: 9;
    	margin: 0;
	}

@media (max-width: 50em){

    .hero .hero-container{text-align: center;}
    
    .hero h1{
		font-size: 2em;
		margin-bottom: .5em;
	}
	
    .hero h2{
		display: none;
		font-size: 1.5em;
	}
    
    .hero a.button{
        margin: auto;
        max-width: 200px;
    }

}

@media (max-width: 32em){

    .hero > .hero-container{top: 10%;}

}

/*!--------------------------- The side navigation menu -----------------------------*/

.sidenav{
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 11;
    top: 0;
    right: 0;
    background-color: #70a467;
    overflow-x: hidden;
    padding-top: 60px;
    transition: 0.5s;
}

	.sidenav a{
	    padding: 8px 8px 8px 8px;
	    text-decoration: none;
	    text-transform: uppercase;
	    font-size: 1.2em;
	    font-weight: 300;
	    letter-spacing: 1px;
	    color: #fff;
	    display: block;
	    transition: 0.3s;
	    text-align: center;
	    white-space: nowrap;
	}
	
		.sidenav a:hover{color: #f1f1f1;}
	
	a.openbtn,
	a.closebtn{
	    position: absolute;
	    top: 5px;
	    right: 16px;
	    font-size: 28px;
	    margin-left: 30px;
	    color: #fff;
	}

#main{
    transition: margin-left .5s;
    padding: 20px;
}

@media screen and (max-height: 450px){
	
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
    
}

@media (min-width: 48em){
	
	.taskbar > div{display: flex;}
	
	.menu-item-218,
	.menu-item-219{display: none;}
	
	.logo{
		-ms-flex: 0 0 auto;
		-moz-box-flex: 0 0 auto;
		-webkit-flex: 0 0 auto;
		flex: 0 0 50%;
		justify-content: flex-start;
		-ms-flex-align: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		align-items: center;
	}
	
	a.openbtn,
	a.closebtn{display: none;}

    .sidenav{
	    position: relative;
	    padding: 1em 0;
	    background-color: #fff;
	    display: -moz-box;
	    display: -webkit-box;
	    display: -webkit-flex;
	    display: -ms-flexbox;
	    display: -ms-flex;
	    display: flex;
	    -ms-flex: 0 0 auto;
	    -moz-box-flex: 0 0 auto;
	    -webkit-flex: 0 0 auto;
	    flex: 0 0 50%;
	    -ms-flex-direction: row;
	    -moz-flex-direction: row;
	    -webkit-flex-direction: row;
	    flex-direction: row;
	    justify-content: flex-end;
    }
	    .sidenav a{
		    color: #333;
		    font-size: 1em;
		    font-weight: bold;
		    border-bottom: 3px solid #fff;
	    }
	    .sidenav a:hover{
		    color: inherit;
		    border-bottom: 3px solid #70a467;
	    }
	    li.current_page_item a{border-bottom: 3px solid #70a467;}
	    
   .menu{
	   display: -moz-box;
	   display: -webkit-box;
	   display: -webkit-flex;
	   display: -ms-flexbox;
	   display: -ms-flex;
	   display: flex;
	   -ms-flex-direction: row;
	   -moz-flex-direction: row;
	   -webkit-flex-direction: row;
	   flex-direction: row;
	   justify-content: flex-end;
   }
	   .menu a{padding: .5em 1em;}
	   
	   li.current-menu-item a{border-bottom: 3px solid #70a467;}

}

/*!----------------------- Main Content/Article -------------------------*/

article,
.main-content{min-height: 600px;}

.register-login .main-content{min-height: 0;}

	article h1,
	.main-content h1{
		font-size: 2.5em;
		font-weight:bold;
		margin-bottom: .5em;
		text-align: center;
	}
		article h1 a,
		.main-content h1 a{
			color: inherit;
			text-decoration: none;
		}

	article h2,
	.main-content h2{
		font-size: 2em;
		font-weight: bold;
		margin-bottom: .5em;
		padding: 1.5em 0 0 0;
		text-align: center;
		letter-spacing: 1px;
		color: #333;
	}
		article h2 a,
		.main-content h2 a{
			color: inherit;
			text-decoration: none;
		}

	article h3,
	article h4,
	article h5,
	article h6,
	.main-content h3,
	.main-content h4,
	.main-content h5,
	.main-content h6{
    	padding: 1.5em 0 0 0;
		margin-bottom: 1em;
	}
		article h3 a,
		article h4 a,
		article h5 a,
		article h6 a,
		.main-content h3 a,
		.main-content h4 a,
		.main-content h5 a,
		.main-content h6 a{
			color: inherit;
			text-decoration: none;
		}

	article p,
	p{
		line-height:1.5;
		font-weight: 300;
		font-size: 1.1em;
		padding: 0 2.5% 2.5% 2.5%;
	}
		article p a,
		p a{color: #618187;}

			article p a:hover,
			.main-content p a:hover{}

	article ul,
	article ol,
	.main-content ul,
	.main-content ol{
		padding: 0 2.5% 2.5% 5%;
		font-weight: 300;
		font-size: 1.1em;
	}

		article ul li,
		.main-content ul li{
			list-style: disc;
			line-height: 1.5;
		}
		article ol li,
		.main-content ol li{
			list-style: decimal;
			line-height: 1.5;
		}
			article ul li a,
			article ol li a,
			.main-content ul li a,
			.main-content ol li a{color: #618187;}

	article blockquote,
	.main-content blockquote{
		background: url(images/quote.png) no-repeat left top;
		margin: 1.5em;
		float: right;
		border-top: 1px solid #232323;
		border-bottom: 1px solid #232323;
		width: 25%;
		padding-top: 2em;
	}

	@media (max-width: 40em){

		article blockquote,
		.main-content blockquote{width: 40%;}

	}

	article img{margin-bottom: 1.5em;}

	@media (max-width: 48em /*400px*/){

		article figure,
		.alignleft,
		.alignright{
			float: none;
			margin: 0 auto 1.5em;
		}

	}
	
.main-content > * + *{margin-top: 1em;}

article p.post-date{
	padding-top: 5px;
	border-top: 1px solid #e7e7e7;
	font-size: 0.8em;
	color: #555;
}
	article p.post-date time{display: inline-block;}

/*!----------------------- Homepage -------------------------*/

.search-courses{
    height: 60px;
    background-color: #70a467;
    overflow: hidden;
    margin-bottom: 1.5em;
}
    .search-courses .container{padding: 0;}
    
    .search-title{display: none;}

    form.search{
        display: block;
        width: 70%;
        margin: auto;
    }

        .search input[type="text"]{
            display: inline-block;
            float: left;
            width: 235px;
            width: 75%;
            height: 50px;
            padding: 0 0 0 5%;
            margin: 1em auto;
            border: none;
            border-radius: 0;
            font-family: "Roboto Condensed", sans-serif;
            font-size: 1em;
            text-transform: uppercase;
            color: #888;
        }
        .search input[type="submit"]{
            display: inline-block;
            border: none;
            border-radius: 0;
            padding: 0;
            font-size: 1em;
            width: 50px;
            width: 20%;
            height: 50px;
        }
    
        #searchsubmit{
            background-image: url(images/search.svg);
            background-repeat: no-repeat;
            background-size: 20px;
            background-position: center center;
        }

@media (min-width: 48em){
    
    .search-title{
        display: flex;
        width: 18%;
        padding: 0 2% 0 0;
        margin-right: 5%;
        color: #fff;
        background-color: #0d6697;
        transform: skewX(45deg);
    }
        .search-title h2{transform: skewX(-45deg);}
        
            .search-title h2 span{font-size: 1.5em;}

    .search input[type="text"]{width: 85%;}
    .search input[type="submit"]{width: 10%;} 

}

.courses h4{
    text-align: center;
    letter-spacing: 1px;
    color: #888;
}
    .courses h4::after{
        display: block;
        content: " ";
        width: 60px;
        height: 1px;
        margin: auto;
        padding: .5em 0;
        border-bottom: 4px solid #70a467;
    }

.course-card{
    display: flex;
    max-width: 455px;
    min-width: 320px;
    margin: 0 auto 1.5em;
}

@media (min-width: 40em){

    .course-card{max-width: 48%;}

}

    .course-card img{width: 100%;}

    .course-card-title{padding: .5em 0;}
    
    .course-card-title::after{
        display: block;
        content: " ";
        width: 60px;
        height: 1px;
        padding: .5em 0;
        border-bottom: 4px solid #70a467;
    }
    
    .course-card-desc{flex: 1 0 auto;}
    
        .course-card-desc p{
            padding: 0;
            font-size: .9em;
        }

/*! --- LOGIN --- */

/*! --- Success for logging in notification --- */
.wpa-success{
	position: absolute;
	top: 0;
	left: 0;
}

.box{
	background-color: #fcfcfc;
	box-shadow: 0 0 5px 2px rgba(33,33,33,0.2);
	
	-ms-flex: 0 0 93%;
	-moz-box-flex: 0 0 93%;
	-webkit-flex: 0 0 93%;
	flex: 0 0 93%;
	
	padding: 2.5%;
	margin: 0 1% 1.5em;
}

@media (min-width: 48em){

    .box{
	    -ms-flex: 0 0 43%;
		-moz-box-flex: 0 0 43%;
		-webkit-flex: 0 0 43%;
		flex: 0 0 43%;
		
	    -ms-flex-direction: row;
	    -moz-flex-direction: row;
	    -webkit-flex-direction: row;
	    flex-direction: row;
    }

}

/*!----------------- Groups -----------------*/
.uo-groups-table{margin-bottom: 4em;}

section.group-management-header{
    padding: 1.5em 0;
    border-top: 2px solid #0d6697;
}

section.group-management-header:after{
    display: block;
    color: #8b8b8b;
    font-size: 14px;
    padding: .25em 0 .25em 0;
    content: "Your groups are listed here. When you have more than one group, this will be a dropdown selector.";
}

.uo-groups-group-courses{
    background-color: rgba(13, 102, 151, .15);
    border-radius: 15px;
    padding: 1em;
}

h2.group-courses-heading.uo-looks-like-h3:after,
.uo-groups-enrolled-users h2.group-table-heading.uo-looks-like-h3:after{
    display: block;
    width: 75%;
    margin: 0 auto 1em;
    text-align: center;
    color: #8b8b8b;
    font-family: "Roboto";
    font-size: 14px;
    font-weight: normal;
    text-transform: none;
    letter-spacing: normal;
    line-height: 1.5;
    padding: .25em;
}

h2.group-courses-heading.uo-looks-like-h3:after{
    content: "A list of courses available to students in this group. Add more courses via the button below.";
}

.uo-groups-enrolled-users .uo-header-subtitle .uo-header-subtitle{display: none;}

.uo-groups-enrolled-users .uo-header-subtitle{text-align: center;}

.uo-groups-enrolled-users .uo-header-subtitle .group-management-total{
    color: #8b8b8b;
    font-family: "Roboto";
    font-size: 14px;
}

.uo-groups .uo-groups-group-courses .uo-btn,
.uo-btn.uo-groups-list-of-btns-main,
.uo-groups-enrolled-users .uo-header-subtitle .uo-btn{
    background-color: #f60;
    background-image: linear-gradient(to bottom, #f93, #f60);
    color: #fff;
}

.uo-groups .uo-groups-group-courses .uo-btn:hover,
.uo-btn.uo-groups-list-of-btns-main:hover,
.uo-groups-enrolled-users .uo-header-subtitle .uo-btn:hover{
    background-color: #f60;
    background-image: none;
    color: #fff;
    border: 1px solid #b7b7b7;
}

.uo-groups-enrolled-users h2.group-table-heading.uo-looks-like-h3:after{
    content: "Below is the list of students enrolled in this group. When the group is full you can purchase more places for the group via the \"Add places\" button.";
    margin-bottom: 1.5em;
}

#group-management-enrolled-users-datatable thead th:first-of-type,
#group-management-enrolled-users-datatable tbody td:first-of-type{
	display: none;
}

/*!----------------- Group Seat Purchasing -----------------*/

.uo-groups-table .uo-groups-table-header{
    background-color: #0d6697;
    color: #fff;
}

.uo-groups--totals .uo-groups-box .uo-groups-table-content .uo-groups-table-row--subtotal:nth-of-type(1){
    display: block !important;
    background-color: #0d6697;
}

#uo-groups-buy--courses .uo-groups-box .uo-groups-table{margin-bottom: 0;}

#uo-groups-buy--course .uo-groups-box .uo-groups-table .uo-groups-table-cell{display: table-cell;}

#uo-groups-buy-courses .uo-groups-box .uo-groups-table h5{color: #fff;}

.uo-groups-table--note{padding: .25em;}

#uo-groups-buy--add-to-cart.uo-groups-section .uo-btn{
    background-color: #f60;
    background-image: linear-gradient(to bottom, #f93, #f60);
    color: #fff;
}

    #uo-groups-buy--add-to-cart.uo-groups-section .uo-btn:hover{
        background-color: #f60;
        background-image: none;
        color: #fff;
        border: 1px solid #b7b7b7;
        color: #fff;
    }

#uo-groups-buy--totals #uo-groups-buy-courses-total .uo-groups-table-row--subtotal{padding: 0;}

#uo-groups-buy--totals .uo-groups--totals .uo-groups-box .uo-groups-table{margin-bottom: 0;}

#uo-groups-buy--totals .uo-groups-table .uo-groups-table-cell h5{padding: 0;}

/*!----------------- WooCommerce Checkout -----------------*/

.woocommerce textarea,
.woocommerce input[type="text"],
.woocommerce input[type="tel"],
.woocommerce input[type="email"]{
    font-size: 1em;
    color: #333;
    padding: .25em;
}

.main-content .cart_totals table.shop_table th,
table.woocommerce-checkout-review-order-table th,
.main-content table.woocommerce-cart-form__contents th,
.woocommerce-table th{
    background-color: #0d6697;
    color: #fff;
}

.woocommerce .wc_payment_methods li{list-style: none;}

.woocommerce a.button{
    background-color: #f60;
    background-image: linear-gradient(to bottom, #f93, #f60);
    color: #fff;
}

    .woocommerce a.button:hover{
        background-color: #f60;
        background-image: none;
        color: #fff;
    }

.woocommerce button.button.alt{
    background-color: #f60;
    background-image: linear-gradient(to bottom, #f93, #f60);
    color: #fff;
}
.woocommerce a.button.alt:hover{background-color: #f60;}

.woocommerce-message a.button{margin: 0 1em;}

/*!----- WooCommerce order overview -----*/
.woocommerce-additional-fields{}

.woocommerce-additional-fields__field-wrapper,
.woocommerce-additional-fields > h3{display: none;}

.form-uo-hidden{display: none;}


/*!----- WooCommerce Thank you ------*/
.woocommerce-thankyou-order-received{text-align: center;}

/*!---------------------- Reporting -------------------------*/

/*!----- Profile -----*/
.ld-profile-avatar,
.ld-profile-edit-link{display: none;}

/*!---------------------- Learning Reviews - Quiz -------------------------*/
.wpProQuiz_content > h2{display: none;}

.sfwd-mark-complete{
	visibility: hidden;
	margin-bottom: 1em;
}

/*!----------------------------------- Search Results ---------------------------------*/


/*!------- OVERRIDES -------*/

/*! frontend-uo_groups_buy_courses.php */
.uo-groups-form-row--comment{
    color: #8b8b8b;
    margin-top: 5px;
    font-size: 14px;
    line-height: 1.5;
}

/*! Gravity Forms user registration confirmation */
.widecolumn{
    max-width: 946px;
    margin: auto;
}

#signup-welcome{text-align: center;}

#signup-welcome p:nth-of-type(2),
p.view,
p.lead-in{display: none;}

#signup-welcome::after{
	display: block;
	content: "To purchase course places and enrol students, please log in.";
	line-height: 1.5;
	font-weight: 300;
	font-size: 1.1em;
	padding: 0 2.5% 2.5% 2.5%;
	text-align: center;
}

/*! --- Success for logging in notification --- */
.wpa-success{
	position: absolute;
	top: 0;
	left: 0;
	font-size: 2em;
	z-index: 99;
	text-align: center;
}

/*!------------------- Footer --------------------*/

footer{
    margin-top: 1.5em;
	padding: 2em 0 0;
	font-size: .85em;
	text-align: center;
	background-color: #0d6697;
	color: #fff;
}
	footer h1{
		font-family: 'Roboto', sans-serif;
		color: #fff;
	}
	
	footer .logo,
	footer .links{
		width: 100%;
		text-align: center;
	}

	.copyright{
		background-color: #0f3252;
		color: #fff;
		padding: 1em 0;
	}


/*! Contains floats? Clearfix it! */
.cf:after{
	content: ' ';
	display: block;
	clear: both;
}

/*! Hide empty WYSIWYG elements */
p:empty,h1:empty,h2:empty,h3:empty,h4:empty,h5:empty,h6:empty{display: none;}