@import  "http://fonts.googleapis.com/css?family=Neucha|Julee";
@import  "http://fonts.googleapis.com/css?family=Andika";

/*
Welcome to Custom CSS!

CSS (Cascading Style Sheets) is a kind of code that tells the browser how
to render a web page. You may delete these comments and get started with
your customizations.

By default, your stylesheet will be loaded after the theme stylesheets,
which means that your rules can take precedence and override the theme CSS
rules. Just write here what you want to change, you don't need to copy all
your theme's stylesheet content.
*/
/*fonts and colours*/
#home-welcome h4 {
	color: #25245f;
}

#home-welcome, #home-welcome p {
	font-family: "andika", cursive;
	color: #074e9f;
}

h1, h2, h2 a, h3, h4 {
	font-family: "Andika", cursive;
	color: #25245f;
}

.wrap h4.widget-title {
	color: #074e9f;
}

.home-intro h5, .home-feature-middle h5, .home-feature-left h5, .home-feature-right h5, .home-middle h5, .home-left h5, .home-right h5 {
	font-family: "Andika", cursive;
	font-size: 18px;
	font-weight: bold;
	color: #25245f;
}

#home-feature h2 a, #home h2 a {
	font-size: 1.1rem;
}

h2 a:hover {
	color: #c33;
}

h2 a:visited, h2 a:visited, h2 a:visited {
	color: #074e9f;
}

body .home-intro {
	font-size: 18px;
}

.search-form input[type="search"] {
	background-color: #Ffffff;
}

.dcssb-float {
	background-color: #ffffff;
}

li, ol, ul {
	margin: 0;
}

h1 {
	font-size: 1.75rem;
}

h1.product_title {
	font-size: 1.55rem;
}

a:hover {
	text-decoration: none;
	font-weight: bold;
}

a:visited {
	color: #074e9f;
}

body, p, select, textarea {
	font-size: 17px;
	line-height: 1.5625;
}

/*backgrounds*/
.home #intro-inner {
	background-color: #FFFFFF;
}

.footer-widgets, .site-inner, #intro-inner, #feature-inner, #detail-inner {
	background-color: #ffffff;
}

#genesis-club-pro-social-panel.dcssb-float {
	background-color: transparent;
}

.sidebar .widget {
	background-color: #ebf9fd;
}

/*menus*/
.nav-primary {
	background-color: #25245f;
	line-height: 1.2;
}

.menu-primary li ul, .menu-secondary li ul, .site-header .menu li ul {
	width: 180px;
	background-color: #074e9f;
	border: 1px solid #25245f;
}

.menu-primary li a, .menu-secondary li a, .site-header .menu li a {
	color: #FFFFFF;
}

.nav-primary li.right a {
	color: #FFFFFF;
}

.menu-primary li a:active, .menu-primary li a:hover, .menu-primary .current_page_item a, .menu-primary .current-cat a, .menu-primary .current-menu-item a, .menu-secondary li a:active, .menu-secondary li a:hover, .menu-secondary .current_page_item a, .menu-secondary .current-cat a, .menu-secondary .current-menu-item a {
	color: #f9a20a;
}

.menu-primary li li a, .menu-primary li li a:link, .menu-primary li li a:visited, .menu-secondary li li a, .menu-secondary li li a:link, .menu-secondary li li a:visited, .site-header .menu li li a, .site-header .menu li li a:link, .site-header .menu li li a:visited {
	color: #fff;
	font-size: 14px;
	width: 160px;
}

.menu-primary li li a:active, .menu-primary li li a:hover, .menu-secondary li li a:active, .menu-secondary li li a:hover, .site-header .menu li li a:active, .site-header .menu li li a:hover {
	color: #f9a20a;
	font-size: 14px;
	width: 160px;
}

.site-header .menu li a:active, .site-header .menu li a:hover, .site-header .menu .current_page_item a, .site-header .menu .current-cat a, .site-header .menu .current-menu-item a {
	color: #f9a20a;
	background-color: #074e9f;
}

.site-header .menu li a {
	color: #25245f;
}

/*search box*/
input[type="button"], input[type="submit"] {
	background-color: #25245f;
	border: 1px solid #25245f;
}

input[type="submit"]:hover {
	background-color: #a7dcf2;
	border: 1px solid #a7dcf2;
}

/*home-intro*/
ul {
	padding: 2px 0 2px 10px;
}

/* Home-detail divs*/
#detail-inner .wrap {
	padding: 25px 15px;
}

.block1 {
	background-color: #f3fafd;
	padding: 15px 12px 0px;
	margin: 10px 7px 30px 7px;
	text-align: center;
	border-radius: 3px;
}

.block1 p {
	color: #333;
}

.block1 h4 {
	color: #074e9f;
}

.block2 {
	background-color: #074e9f;
	padding: 15px 12px 0px;
	margin: 10px 7px 30px 7px;
	text-align: center;
	border-radius: 3px;
}

.block2 p {
	color: #ffffff;
}

.block2 h4 {
	color: #ffffff;
}

.block3 {
	background-color: #fcf6ed;
	padding: 15px 12px 0px;
	margin: 10px 7px 30px 7px;
	text-align: center;
	border-radius: 3px;
}

.block3 p {
	color: #333;
}

.block3 h4 {
	color: #25245f;
}

.blockbase {
	text-align: center;
	padding: 0px 10px 0;
}

/* Home-feature divs*/
#home-feature-left, #home-feature-middle, #home-feature-right {
	text-align: center;
}

/*calendar list icons and look*/
.fa-th-list {
	margin: 0 10px;
}

ul.timetable, ul.timetable li {
	list-style-type: none;
	display: block;
	font-size: 16px;
	margin: 30px 0 25px;
	min-height: 40px;
}

ul.timetable li span:first-child {
	float: left;
	min-width: 250px;
	min-height: 30px;
	background-color: #a7dcf2;
	color: #25245f;
}

ul.timetable li span:last-child {
	float: left;
	text-align: left;
	width: 250px;
	min-height: 30px;
	background-color: #ebf9fd;
}

ul.timetable li span {
	padding-left: 10px;
}

header.accordion-header.accordion-default-colors, h2.accordion-header.accordion-default-colors, h3.accordion-header.accordion-default-colors {
	background-color: #f0f7f9;
	border: 1px solid #ECECEC;
}

.accordion-header.accordion-default-colors:hover, .accordion-header.accordion-default-colors.selected {
	color: #303030;
	background-color: #f8feff;
}

/*howto list icons and look*/
.howto {
	color: #074e9f;
	font-size: 18px;
	font-weight: bold;
}

/*using fontawesome*/
.icon-list, .icon-list li, .entry-content ul.icon-list li {
	padding-right: 10px;
	line-height: 40px;
	list-style: none;
}

.entry-content ol li, .entry-content ul li {
	padding-right: 10px;
}

.fa {
	padding-right: 3px;
}

.fa-lg {
	color: #074e9f;
	padding-right: 10px;
}

.fa-2x {
	color: #074e9f;
	padding-right: 10px;
}

.fa-3x {
	color: #074e9f;
	padding-right: 10px;
}

.fa-ul {
	margin-left: .24286em;
}

/*buttons-----------------------------*/
button.fb-button {
	font-size: 24px;
	background-color: #ff0000;
	opacity: 1;
	color: #ffffff;
	cursor: pointer;
	border-radius: 5px;
	margin: auto;
	padding: 5px;
	width: 300px;
}
button.fb-button:hover {
	background-color: #074e9f;
	color: #fff;
	opacity: 1;
}

#button.enrol-button a {
	font-size: 24px;
	background-color: #f9a20a;
	opacity: 1;
	color: #25245f;
	cursor: pointer;
	border-radius: 5px;
}

#button.enrol-button a:hover {
	background-color: #074e9f;
	color: #fff;
	opacity: 1;
}

button.quiz-button {
	font-size: 16px;
	background-color: #ff0000;
	opacity: 1;
	color: #ffffff;
	cursor: pointer;
	border-radius: 5px;
	margin: 10px auto 5px;
	width: 200px;
}

button.quiz-button:hover {
	background-color: #074e9f;
	color: #fff;
	opacity: 1;
}

button.basic-button {
	font-size: 16px;
	background-color: #f9a20a;
	color: #074e9f;
	cursor: pointer;
	border-radius: 10px;
	padding: 1px 1px 1px 10px;
	margin-left: 5px;
	opacity: 1;
}

button.basic-button:hover {
	background-color: #074e9f;
	color: #fff;
	opacity: 1;
}

input[type="button"] {
	background-color: #fff;
	border: 1px solid #25245F;
}

input[type="button"]:hover {
	background-color: #ccc;
	border: 1px solid #074e9f;
}

/*accordeon*/
h3.accordion-header.accordion-default-colors {
	color: #074e9f;
}

.accordion-header.accordion-default-colors:hover, .accordion-header.accordion-default-colors.selected {
	color: #c33;
}

header.accordion-header a, h2.accordion-header a, h3.accordion-header {
	font-size: 1.4rem;
}

/*images*/
.top-image img {
	display: block;
	margin: 0 auto;
}

.roundcorner {
	margin-top: 10px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-color: #ccc;
	box-shadow: 0 0 8px rgba(0,0,0,.8);
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,.8);
	-moz-box-shadow: 0 0 8px rgba(0,0,0,.8);
}

/*resp-table*/
.resp-table tr {
  border: 1px solid #c33; 
}

.resp-table td:first-child {
  padding-top: .5em;
	padding-bottom: .5em;
	word-wrap: break-word;
	width:50%;
}
.resp-table td:last-child {
  padding-top: .5em;
	padding-bottom: .5em;
width:50%;
word-wrap: break-word;
}

.resp-table th, .resp-table td {
  text-align: left;
  margin: .5em 1em;
}

.resp-table th {
color: #074e9f;
}

/*table frenchtest*/
table.frenchtest {
	margin-bottom: 25px;
	border: 1px #25245f solid;
}

table.frenchtest th {
	background-color: #074e9f;
	color: #FFFFFF;
	text-align: left;
	padding: 5px 10px 5px 15px;
	border-bottom: 1px #25245f solid;
}

table.frenchtest th p {
	font-weight: bold;
}

table.frenchtest td.testleft {
	font-weight: bold;
	color: #25245f;
	padding: 5px 10px;
	border-bottom: 1px #25245f solid;
}

table.frenchtest td.testright {
	padding: 5px 10px 5px 20px;
	border-bottom: 1px #25245f solid;
}

/*catalogue images*/
.woocommerce .related ul li.product img, .woocommerce .related ul.products li.product img, .woocommerce .upsells.products ul li.product img, .woocommerce .upsells.products ul.products li.product img, .woocommerce-page .related ul li.product img, .woocommerce-page .related ul.products li.product img, .woocommerce-page .upsells.products ul li.product img, .woocommerce-page .upsells.products ul.products li.product img {
	width: 60%;
}

/*teamborder*/
.teamborder {
	border: 3px #25245f solid;
	border-radius: 15px;
	background-color: #ebf9fd;
	padding: 10px;
}

.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count {
	display: none;
}

/*new-calendar blocks*/
.calendar-block1 {
	background-color: #fff2e6;
	padding: 15px 5px 0px 20px;
	margin: 5px;
	text-align: left;
	border-radius: 5px;
	border:2px solid #e6e6e6;
	min-height:165px;
}

.calendar-block1 ul li{
	font-size: 16px;
	margin-left: 10px;
}

.calendar-block2 {
	background-color: #f7ffe6;
	padding: 15px 5px 0px 20px;
	margin: 5px;
	text-align: left;
	border-radius: 5px;
	border:2px solid #e6e6e6;
	min-height:165px;
}

.calendar-block2 ul li{
	font-size: 16px;
	margin-left: 10px;
}

.calendar-block3 {
	background-color: #e6ffea;
	padding: 15px 5px 0px 20px;
	margin: 5px;
	text-align: left;
	border-radius: 5px;
	border:2px solid #e6e6e6;
	min-height:165px;
}

.calendar-block3 ul li{
	font-size: 16px;
	margin-left: 10px;
}

.calendar-block4 {
	background-color: #e6feff;
	padding: 15px 5px 0px 20px;
	margin: 5px;
	text-align: left;
	border-radius: 5px;
	border:2px solid #e6e6e6;
	min-height:165px;
}

.calendar-block4 ul li{
	font-size: 16px;
	margin-left: 10px;
}

.calendar-block5 {
	background-color: #e6f7ff;
	padding: 15px 5px 0px 20px;
	margin: 5px;
	text-align: left;
	border-radius: 5px;
	border:2px solid #e6e6e6;
	min-height:165px;
}

.calendar-block5 ul li{
	font-size: 16px;
	margin-left: 10px;
}
.calendar-block6 {
	background-color: #e6f4ff;
	padding: 15px 5px 0px 20px;
	margin: 5px;
	text-align: left;
	border-radius: 5px;
	border:2px solid #e6e6e6;
	min-height:165px;
}

.calendar-block6 ul li{
	font-size: 16px;
	margin-left: 10px;
}

.calendar-block7 {
	background-color: #e6ecff;
	padding: 15px 5px 0px 20px;
	margin: 5px;
	text-align: left;
	border-radius: 5px;
	border:2px solid #e6e6e6;
	min-height:165px;
}

.calendar-block7 ul li{
	font-size: 16px;
	margin-left: 10px;
}

.calendar-block8 {
	background-color: #f1e6ff;
	padding: 15px 5px 0px 20px;
	margin: 5px;
	text-align: left;
	border-radius: 5px;
	border:2px solid #e6e6e6;
	min-height:165px;
}

.calendar-block8 ul li{
	font-size: 16px;
	margin-left: 10px;
}

.calendar-block9 {
	background-color: #ffe6fd;
	padding: 15px 5px 0px 20px;
	margin: 5px;
	text-align: left;
	border-radius: 5px;
	border:2px solid #e6e6e6;
	min-height:165px;
}

.calendar-block9 ul li{
	font-size: 16px;
	margin-left: 10px;
}

.calendar-block10 {
	background-color: #ffd7e3;
	padding: 15px 5px 0px 20px;
	margin: 5px;
	text-align: left;
	border-radius: 5px;
	border:2px solid #e6e6e6;
	min-height:165px;
}

.calendar-block10 ul li{
	font-size: 16px;
	margin-left: 10px;
}

.calendar-blockblank {
	background-color: #fff;
	padding: 15px 5px 0px 20px;
	margin: 5px;
	text-align: left;
	border-radius: 5px;
	border:2px solid #fff;
	min-height:165px;
}