/* Enter Your Custom CSS Here */

@import url('https://fonts.googleapis.com/css?family=Raleway:500,500i,700');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i');

body
{
 	font-family: 'Raleway', sans-serif;
  	font-size: 18px;
    background-color: #;

}

/* Hiding some unneeded areas */
#masthead,
.entry-header
{
    display: none;
}

#splash-image
{
	background-repeat: no-repeat 
}

/* Setting up headings and other styles */

a
{
  font-weight: 700;
}

h2
{
	font-family: 'Playfair Display', serif;
  	font-size: 36px;
}

h2.frontPage
{
	display: inline-block;
	border-bottom: 4px solid;
}

h2.frontPage a
{
	color: #000;
  	font-weight: 400;
}

h3
{
	font-family: 'Playfair Display', serif;
  	font-size: 23px;
}

strong
{
	font-weight: 700;
}

.widget span a
{
  color: #000;
  display: inline-block;
  border-bottom: 2px solid;
}

h2.colorOrange,
.widget .colorOrange a
{
    border-color: #da840e !important;
}

h2.colorDarkPurple,
.widget .colorDarkPurple a
{
	border-color: #444984;
}

h2.colorPink,
.widget .colorPink a
{
    border-color: #8c2c80;
}

h2.colorLightBlue,
.widget .colorLightBlue a

{
    border-color: #62c2d4;
}

h2.colorDarkGreen,
.widget .colorDarkGreen a

{
    border-color: #006141;
}

h2.colorLightPink,
.widget .colorLightPink a

{
    border-color: #d3939a;
}

.page-id-14 a
{
    color: #da840e;
}

.page-id-400 a
{
	color: #444984;
}

.page-id-408 a
{
    color: #62c2d4;
}

.page-id-402 a
{
    color: #d3939a;
}

.page-id-25 a
{
    color: #006141;
}

.page-id-410 a
{
    color: #8c2c80;
}



/* 2017 Old Styles kept for old pages courseInfo */

td
{
	padding: 12px; 
}

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

#courseInfoTable
{
    border-width: 0 !important;
}

#courseInfoTable thead
{
	display: none !important;
}
  
#courseInfoTable td
{
	display: block !important;
  	width: 100% !important;
    border-width: 0 !important;
  	position: relative;
  	min-height: 32px;
	padding: 44px 12px 12px 12px !important;
}

#courseInfoTable td:nth-child(1)
{
	padding-top: 12px !important; 
}

#courseInfoTable td h1,
#courseInfoTable td h2
{
	margin: 0 0 0 -12px !important; 
}

#courseInfoTable td::before
{
	position: absolute !important;
  	font-weight: bold !important;
  	color: rgba(0,0,0,0.2);
  	top: 12px !important;
  	left: 12px !important;
}

#courseInfoTable td:nth-child(2)::before
{
  content: 'WHAT';
}

#courseInfoTable td:nth-child(3)::before
{
  content: 'WHERE';
}

#courseInfoTable td:nth-child(4)::before
{
  content: 'MANUAL';
}
  
}