/*
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.con
*/
@media all {
	.content {
		width: 782px;
		float: left !important;
	}
	
	.site-header {
		background-position: 17% -110px !important;
		background-size: auto !important;
	}
	
	.sidebar-primary {
		width: 250px;
	}
	
	.home-bottom-left, .home-bottom-right {
		width: 373px;
	}
	
	.footer-widgets-1 section {
		width: 16%;
		margin-left: 30px;
		min-width: 90px;
	}
	
	.footer-widgets-1 section h4 {
		height: 100px;
	}
	
	.sidebar .widget.simple-social-icons {
		padding: 3.2rem 0;
	}
	
	.sidebar .widget.simple-social-icons > div {
		margin: 0 auto;
		width: 220px;
	}
	
	.simple-social-icons ul li {
		margin-left: 4px !important;
		margin-right: 4px !important;
	}
	
	.simple-social-icons ul li a {
		background-color: rgba(111,178,203,1) !important;
	}
	
	.simple-social-icons ul li a:hover {
		background-color: #66707F !important;
	}
}

@media only screen and (max-width: 1023px) {
	.content, .sidebar-primary, .home-bottom-left, .home-bottom-right {
		width: 100%;
	}
	
	.footer-widgets-1 section {
		width: 16%;
		margin-left: 10px;
	}
	
	.footer-widgets-1 section h4 {
		height: auto;
		font-size: 1.4rem;
	}
}

@media only screen and (max-width: 768px) {
	.site-header {
		background-position: 17% 0;
	}
	
	.site-container {
		margin-top: 1rem;
	}
	
	p {
		font-size: .8em;
	}
	
	.content .entry {
		padding: 1.5rem;
	}
	
	.footer-widgets .footer-widgets-1 section {
		width: 100%;
		margin-left: 0;
		padding: 8px;
		height: 80px;
	}
	
	.footer-widgets-1 section h4 {
		float: left;
		width: 200px;
	}
	
	.footer-widgets-1 section div.textwidget {
		float: right;
	}
	
	.footer-widgets-1 section div.textwidget img {
		height: 64px;
		width: auto;
	}
}

@media only screen and (max-width: 512px) {
	.linkwithin_hook {
		display: none;
	}
}

@media only screen and (min-width: 768px) {
	.site-description {
		font-size: 1.5em;
	}
}

.post-image {
	display: none;
}

body > div {
	font-size: 1.4rem;
}

.sidebar {
	font-size: 1.25rem;
}

.search-form input {
	padding: 16px 0 16px 36px;
	font-size: .9em;
}

.site-header {
	background-image: url(http://www.theboyandme.co.uk/wp-content/summer-2015.jpg);
	background-size: cover;
	height: 363px;
	padding-top: 44px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	background-position: 0 -110px;
}

.nav-secondary {
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

body {
	color: black;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}

.content .entry, .sidebar .widget, .footer-widgets .widget, h4.widget-title.widgettitle {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.lifestyle-pro-blue .button, .lifestyle-pro-blue .entry-content .button, .lifestyle-pro-blue .site-footer, .lifestyle-pro-blue .site-header, .lifestyle-pro-blue button, .lifestyle-pro-blue input[type="button"], .lifestyle-pro-blue input[type="reset"], .lifestyle-pro-blue input[type="submit"], .lifestyle-pro-blue.lifestyle-pro-home .content .widget-title, .site-header, .site-footer, .lifestyle-pro-home .content .widget-title {
	background-color: rgba(111,178,203,1);
}

button, input[type="button"], input[type="reset"], input[type="submit"], .button, .entry-content .button {
	padding: 6px;
	background-color: rgba(111,178,203,1);
}

a {
	color: rgba(111,178,203,1);
}

.footer-widgets-2, .footer-widgets-3 {
	display: none;
}

.footer-widgets-1 {
	width: 100%;
}

.footer-widgets-1 section {
	float: left;
}

.nav-secondary {
	background-color: rgba(111,178,203,1);
}

.featured-content > div > h4 {
	text-align: center;
}

h1, h2, h3, h4, h5, h6, .site-description, .site-title {
	font-family: 'Josefin Slab', sans-serif;
}

.site-title {
	font-weight: 600;
}

div select.responsiveMenuSelect {
	margin: 10px 5%;
	width: 90%;
	padding: 0;
}

.entry-image.attachment-post {
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}

.after-entry.widget-area {
	padding: 1em;
	background-color: rgba(111,178,203,1);
}

.after-entry h4.widget-title {
	float: left;
	color: white;
	margin: 0 20px 0 0;
}

.after-entry #mc_signup {
	float: left;
}

.after-entry .mc_header_email {
	float: left;
	margin: 2px 10px;
	color: white;
}

.after-entry .mc_form_inside {
	float: left;
}

.after-entry .mc_input {
	padding: 4px;
	float: left;
	width: 298px;
	margin-right: 12px;
}

.after-entry .mc_signup_submit {
	float: right;
	width: 110px;
}

.after-entry .mc_merge_var {
	float: left;
	margin: 0;
}

.after-entry .mc_signup_submit input {
	margin-top: 0;
}

.after-entry #mc_signup_submit {
	margin-top: 0;
	width: 100%;
	color: rgba(111,178,203,1);
	background-color: white;
}

.after-entry #mc_display_rewards {
	display: none;
}