﻿/*
Theme Name:     Wendy Malczyk 2015
Theme URI:      http://www.wendy.wisegenius.co.uk/
Description:    Child theme based on the Twenty Twelve theme for Wendy Malczyk
Author:         Susie Tobias
Author URI:     http://www.wisegenius.co.uk/
Template:       twentytwelve
Version:        0.1.0
*/

/* =Reset
-------------------------------------------------------------- */
hr {
	background-color: #2ea3f2;
	border: 0;
	height: 3px;
	margin: 24px 0;
	margin-bottom: 1.714285714rem;
}

/* =Repeatable patterns
-------------------------------------------------------------- */
/* Columns */
.one_half,.one_third,.two_third { 
	margin-right: 0;
	width: 100%;
	max-width: 100%;
	}

/* Small headers */
.widget-title {
	/*color: #0E71B8;*/
	color: #2ea3f2;
	font-family: "Lato", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-size: 1.2857142857142857142857142857143rem;
	line-height: 1.846153846;
	text-transform: none;
}
/* Meta slider */
.metaslider .caption,
.metaslider .cs-title,
.metaslider .nivo-caption {
    background: #2ea3f2;
	font-size: 14px;
	font-size: 1rem;
	font-weight: bold;
	text-align: center;
}

/* Form fields, general styles first */
input, select, textarea {
	border: 1px solid #2ea3f2 ;
}

/* Buttons */
input[type="submit"] {
	font-size: 16px;
	font-size: 1.1428571rem;
	color: #fff;
	background-color: #0E71B8;
	background-image: none;
	border: 1px solid #2ea3f2;
	box-shadow: none;
}
.menu-toggle {
	font-size: 14px;
	font-size: 1rem;
	color: #fff;
	background-color: #0E71B8;
	background-image: none;
	border: 1px solid #291F6C;
	box-shadow: none;
}		
.menu-toggle:hover, .menu-toggle:focus, input[type="submit"]:hover {
	color: #fff;
	background-color: #0E71B8;
	background-image: none;
	opacity: 0.8;
}
.menu-toggle:active,
.menu-toggle.toggled-on,
input[type="submit"]:active {
	color: #fff;
	background-color: #0E71B8;
	background-image: none;
	box-shadow: none;
	}
/* Images */
img.icon {
	box-shadow: none;
}
/* =Basic structure
-------------------------------------------------------------- */
/* Body, links, basics */
body {
	font-size: 16px;
	font-size: 1.1428571rem;
	font-family: 'Raleway', sans-serif;
	color: #333;
}
a {
	color: #291F6C;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #291F6C;
	text-decoration: underline;
}

/* Page structure */
.site {
	padding: 0;
	}
#main {
	padding: 0 24px;
	padding: 0 1.714285714rem;
}
.widget-area {
	margin: 36px 0 0;
	margin: 2.571428571rem 0 0;
}
/* Header */
.site-header {
	border-bottom: 3px solid #2ea3f2;
	padding: 24px 0 0 0;
	padding: 1.714285714rem 0 0 0;
}
hgroup {
	padding: 0 24px;
	padding: 0 1.714285714rem;
}
.site-header h1 a,
.site-header h2 a {
	color: #291F6C;
	}
.site-header h1 a:hover,
.site-header h2 a:hover {
	color: #291F6C;
}
.site-header h1 {
	font-size: 28px;
	font-size: 2rem;
	line-height: 1.6;
	}
.site-header h2 {
	font-size: 18px;
	font-size: 1.2857142857142857142857142857143rem;
	font-weight: bold;
	/*color: #0E71B8;*/
	color: #2ea3f2;
}
.logo {
	margin-bottom: 12px;
	margin-bottom: 0.857142rem;
	text-align: center;
}
	
/* Navigation Menu */
.nav-menu {
	padding: 0 24px;
	padding: 0 1.714285714rem;
}
.main-navigation {
	margin-top: 0;
	margin-bottom: 2px;
	text-align: center;
}		
.main-navigation li {
	font-size: 16px;
	font-size: 1.1428571428571428571428571428571rem;
	line-height: 1.5;
}
.main-navigation a {
	/*color: #0E71B8;*/
	color: #2ea3f2;
}
.main-navigation a:hover,
.main-navigation a:focus {
	color: #291F6C;
}

/* Sidebar */
.widget-area .widget {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
	}
.widget-area .widget h3 {
	margin-bottom: 12px;
	margin-bottom: 0.857142rem;
}	
.widget-area .widget p,
.widget-area .widget li,
.widget-area .widget .textwidget {
	font-size: 16px;
	font-size: 1.1428571rem;
	line-height: 1.714285714;
}
.widget-area .textwidget li {
	margin-left: 24px;
	margin-left: 1.714285714rem;
}
.widget-area .widget a {
	color: #291F6C;
}
.widget-area .widget a:hover {
	color: #291F6C;
}
.widget-area .widget a:visited {
	color: #291F6C;
}

/* Footer */
footer[role="contentinfo"] {
	background: #2ea3f2;
	/*border-radius: 0 0 3px 3px;*/
	border-top: none;
	font-size: 14px;
	font-size: 1rem;
	padding: 24px;
	padding: 1.714285714rem;
}
footer[role="contentinfo"] a {
	color: #fff;
	font-weight: normal;
	text-decoration: underline;
}
footer[role="contentinfo"] a:hover {
	color: #fff;
	}
.site-info p {
	color: #fff;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	line-height: 1.714285714;
}
.copy {
	text-align: center;
}
/* =Main content and comment content
-------------------------------------------------------------- */
.entry-header {
	margin-bottom: 0;
	}
.comments-link a,
.entry-meta a {
	color: #291F6C;
}
.comments-link a:hover,
.entry-meta a:hover {
	color: #291F6C;
	text-decoration: underline;
}	
.entry-content h1,
.comment-content h1 {
	color: #00B3EC;
	font-family: "Lato", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 36px;
	font-size: 2.5714285714285714285714285714286rem;
	line-height: 1.5;
}
.entry-content h2,
.comment-content h2,
.mu_register h2 {
	color: #291F6C;
	font-family: "Lato", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 28px;
	font-size: 2rem;
	line-height: 1.6;
}
.entry-content h3,
.comment-content h3 {
	/*color: #0E71B8;*/
	color: #2ea3f2;
	font-family: "Lato", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-size: 1.2857142857142857142857142857143rem;
	line-height: 1.846153846;
}
.entry-content a:visited,
.comment-content a:visited {
	color: #291F6C;
}
.entry-content li,
.comment-content li,
.mu_register li {
	margin: 0 0 0 24px;
	margin: 0 0 0 1.714285714rem;
}
.site-content article {
	border-bottom: none;
	margin-bottom: 0;
	}
/* =Media queries
-------------------------------------------------------------- */

/* Minimum width of 600 pixels. */
@media screen and (min-width: 600px) {
/* Column shortcode styling */
	.one_half { 
		width:48%;
		}
	.one_third { 
		width:30.66%;
	}
	.two_third { 
		width:65.33%;
	}
	.one_half,.one_third,.two_third { 
		float:left;
		margin-right:4%;
		margin-bottom: 12px;
		margin-bottom: 0.857142rem;
		margin-top: 12px;
		margin-top: 0.857142rem;
		position:relative;
	}
	.last { 
		clear:right;
		margin-right:0 !important; 
	}
	.clearboth { 
		clear:both;
		display:block;
		font-size:0;
		height:0;
		line-height:0;
		width:100%;
	}	
	/* Header */	
	.site-header h1 {
		color: #291F6C;
		font-family: "Lato", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 36px;
		font-size: 2.5714285714285714285714285714286rem;
		line-height: 1.5;
	}
	hgroup {
		float: left;
		width: 60%;
	}
	.logo {
		float: right;
		padding-right: 24px;
		padding-right: 1.714285714rem;
		width: 30%;
	}
	.logo img {
		float: right;
		padding-bottom: 12px;
		padding-bottom: 0.857142rem;
	}
	.logo p {
		margin-bottom: 12px;
		margin-bottom: 0.857142rem;
		text-align: right;
	}
	.main-navigation {
		margin-bottom: 0;
	}
	.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul	{
		border-bottom: none;
		border-top: none;
	}
	.main-navigation li a {
		color: #2ea3f2;
		line-height: 3.692307692;
		text-transform: none;
	}
	.main-navigation li a:hover,
	.main-navigation li a:focus {
		color: #291F6C;
	}
	.main-navigation li {
		margin: 0 24px 0 0;
		margin: 0 1.714285714rem 0 0;
		}
	.main-navigation .current-menu-item > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_item > a,
	.main-navigation .current_page_ancestor > a {
		color: #291F6C;
		font-weight: bold;
	}
	/* Meta slider */
	.metaslider .caption,
	.metaslider .cs-title,
	.metaslider .nivo-caption {
		font-size: 16px;
		font-size: 1.1428571rem;
	}
}
/* Minimum width of 960 pixels. */
@media screen and (min-width: 960px) {
	body {
		background-color: #fff;
	}
	body .site {
		border-radius: 5px;
		/*box-shadow: 0 1px 0 2px rgba(182,211,219,0.3);*/
		box-shadow: none;
		padding: 0;
	}
	#main {
		padding: 0 40px;
		padding: 0 2.857142857rem;
}
}	