/*
Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt
*/
/* ************************************ MOBILE *************************************** */
/* iPhone 4s & lower - nav fitting in on one line */
@media only screen and (max-width: 400px) {
	body #mainNav ul a {
		font-size: 14px !important;
	}
}

/* ************************************ FONTS *************************************** */
/* Font colours & no padding under headings */
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-weight: normal;
	color: #42004A;
}

p {
	color: #42004A;
	font-size: .85em;
}

h5 {
	font-size: .875em;
	line-height: 20px;
}

h4 {
	line-height: 20px;
}

/* ************************************ HOME PAGE *************************************** */
/* Home - less padding around Vimeo video */
.home.page #content {
	width: 100%;
	margin: 0;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.page-id-874 #main {
	padding-top: 0 !important;
}

/* Home - pink background */
.home #main {
	background: #EC3E73;
}

/* ************************************ MENU *************************************** */
/* Adding in social media links to menu */
#socialLinks {
	right: 28px;
	position: absolute;
	top: 20%;
}

#socialLinks img {
	display: inline-block;
	position: relative;
	margin-right: 6px;
}

#mainNav {
	top: 60%;
}

/* Menu font size bigger */
body #mainNav ul a {
	font-size: 15px;
	font-family: 'Maven Pro', sans-serif;
}

/* ************************************ FOOTER *************************************** */
/* Footer text purple */
body #footer {
	color: #6B0079;
	font-weight: 400;
}

/* ************************************ PAGE BACKGROUND COLOURS *************************************** */
/* Pages -  white background */
#main {
	background: #ffffff;
}

/* Portfolio -  bright pink background */
.page-template-portfolio-php #main.withBorder {
	background: #EC3E73;
}

.page-template-portfolio-php #main {
	background: #EC3E73;
}

/* ************************************ PAGE HEADERS *************************************** */
/* Yellow text */
#pageHead h1 {
	color: #ffd123;
}

/* Page header - Pink with white border underneath*/
#pageHead {
	padding: 20px 20px 20px 34px;
	border-bottom: 20px solid #ffffff;
	background-color: #EC3E73;
	margin: 0 !important;
}

/* Page header - Portfolio*/
.page-template-portfolio-php #pageHead.withBorder {
	border-bottom: 0;
	background-color: #EC3E73;
	margin: 0 !important;
	padding: 20px 20px 20px 34px;
}

.page-template-portfolio-php #pageHead {
	border-bottom: 0;
	background-color: #EC3E73;
	margin: 0 !important;
	padding: 20px 20px 20px 34px;
}

/* Navigation header not as thick */
body #header .inside {
	padding-top: 2px;
	padding-bottom: 1px;
}

/* Turning off category filters etc */
#content #filterNav {
	display: none !important;
}

/* No welcome text padding on any page */
#main {
	padding-top: 0 !important;
}

#content {
	padding-top: 0 !important;
}

/* ************************************ PROJECTS *************************************** */
/* Project page full width */
.project .visuals {
	width: 100% !important;
}

.project .details {
	display: none;
}

/* Portfolio box in white */
#projectBox {
	background: #ffffff;
}

/* Portfolio boxes with hover effects */
#content .project.small {
	background: #279bfe;
}

#content .project.small img:hover {
	opacity: 0 !important;
	transition: .1s;
	-webkit-transition: .1s;
	-moz-transition: .1s;
	-o-transition: .1s;
}

#content .project.small .title {
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	color: #ffd123;
	font-size: 1em;
	text-align: center !important;
	font-weight: 300;
	line-height: 1.1em;
	background: #279bfe;
}

#content .project.small .title span {
	position: relative;
	top: 45%;
	transform: translateY(-45%);
}

/* Portfolio page title - bold */
.projectHeader h1 {
	color: #42004A;
	font-size: 20px;
	font-weight: bold;
}

/* ************************************ BLOG POSTS *************************************** */
/* Blog posts - no sidebar */
.single-post #sidebar {
	display: none;
}

.single-post #content {
	width: 96% !important;
}

/* Recent posts page - no sidebar */
.sidebarBox {
	display: none;
}

.category-news #sidebar {
	display: none !important;
}

.category-news #content {
	width: 96% !important;
	background: #FFFFFF;
}

/* Blog post titles in purple with pink rollover */
#content h1 a,
#content h2 a,
#content h3 a,
.widgetBox h3 a,
#slideshow .slideText h3 a,
#content h4 a,
#content h5 a {
	color: #42004a;
}

#content h1 a:hover,
#content h2 a:hover,
#content h3 a:hover,
.widgetBox h3 a:hover,
#slideshow .slideText h3 a:hover,
#content h4 a:hover,
#content h5 a:hover {
	color: #ec3e73;
}

/* Center Blog Featured Image & add 20px space underneath */
#content .postThumb {
	margin: 0 auto 20px !important;
}

/* ************************************ CONTACT *************************************** */
/* Google maps on Contact page a set height/width */
.page-id-29 #container .videoContainer iframe {
	width: 100% !important;
	height: 300px;
}

.page-id-29 #container .videoContainer {
	padding-bottom: 325px;
}

/* Contact Form input area colours */
input[type="text"],input[type="email"], textarea {
	background-color: #ffffff;
	padding: 8px;
	background: #ffffff url(images/field_bkg.png) repeat-x;
}

input[type="text"],input[type="email"]:focus {
	outline: none;
	background-color: #ffffff;
	padding: 8px;
}

textarea:focus {
	outline: none;
	background-color: #ffffff;
}

div.wpcf7 input[type="submit"], input[type="button"], input[type="reset"] {
	width: 80px;
	background: #EC3E73;
	background: linear-gradient none;
	border: 2px solid #EC3E73;
	color: #fff;
	font-size: 15px;
	font-family: 'Maven Pro', sans-serif;
}

/* ************************************ IMAGES ROUNDED CORNERS IF YOU WANT THEM *************************************** */
/* Images with no rounded corners - add in px amount if you want rounded corners again */
#content img {
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}

/* Project grid with no rounded corners */
#content .project.small img {
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}

/* Master Slider with no rounded corners */
#content .master-slider img {
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}

/* Portfolio slideshow with no rounded corners */
#content .tt_sc img {
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}

/* ************************************ SLIDESHOWS *************************************** */
/* Less padding under History slider */
.master-slider-parent {
	padding-bottom: -20px;
}

/* Removing navigation dots on ThemeTrust Slideshow */
body .tt_sc .flex-control-nav {
	display: none !important;
}