/*
Theme Name: Free Weekly Timed
Theme URI: http://www.freeweeklytimed.com
Description: A WordPress Theme for Free Weekly Timed
Version: 1.0
Author: Respond
Author URI: https://www.werespond.uk
*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,300i,400,400i,700,700i');

/*
---- Colours -----
Purple: 3e3e78
Orange: ffa300
---- Colours End ----
*/


html {
	height: 100%;
}

body {
	padding: 0;
	margin: 0;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	line-height: 1.6em;
	color: #111;
	font-weight: 300;
	min-height: 100%;
}

.grid-container {
	max-width: 1100px;
}


/* ---- Content Styles ---- */
	/* -- Links -- */
		a:link, a:active, a:visited {
			color: #ffa300;
			text-decoration: none;
			transition: all 0.5s;
				-webkit-transition: all 0.5s;
				-moz-transition: all 0.5s;
				-ms-transition: all 0.5s;
				-o-transition: all 0.5s;
		}

			a:hover {
				text-decoration: underline;
				transition: all 0.5s;
					-webkit-transition: all 0.5s;
					-moz-transition: all 0.5s;
					-ms-transition: all 0.5s;
					-o-transition: all 0.5s;
			}

	/* -- CTAs -- */
		div.ctas a {
			margin: 0 5px;
		}

		a.cta:link, a.cta:active, a.cta:visited {
			color: #fff;
			font-size: 18px;
			line-height: 18px;
			display: inline-block;
			padding: 11px 21px;
			background: #ffa300;
			border: solid 2px #ffa300;
			border-radius: 50px;
				-moz-border-radius: 50px;
				-webkit-border-radius: 50px;
				-khtml-border-radius: 50px;
			font-weight: 700;
			position: relative;
			top: 0;
		}

			a.cta:hover {
				text-decoration: none;
				top: -5px;
			}

			a.cta svg {
				margin: 0 5px 0 0;
			}

		a.cta.outline:link, a.cta.outline:visited, a.cta.outline:active {
			background: none;
			color: #ffa300;
		}

		a.cta.white.outline {
			color: #fff;
			border-color: #fff;
		}

		a.cta.small:link, a.cta.small:visited, a.cta.small:active {
			font-size: 17px;
			padding: 10px 20px;
		}

		a.cta.grey:link, a.cta.grey:active, a.cta.grey:visited {
			background: #999999;
			color: #777;
			text-shadow: none;
		}

			a.cta.grey:hover {
				background: #444444;
			}

	/* -- Headings -- */
		h1 {
			font-weight: 700;
			font-size: 40px;
			line-height: 1.3em;
		}

		h2 {
			font-weight: 700;
			font-size: 36px;
			line-height: 1.3em;
			color: #3e3e78;
		}

			h2.no-top {
				margin-top: 0;
				padding-top: 0;
			}

h2.no-bottom {
	margin-bottom: 0;
	padding-bottom: 0;
}

			h2 svg {
				margin: 0 0 10px;
				color: #ffa300;
			}

		h3 {
			font-weight: 700;
			font-size: 22px;
			line-height: 1.3em;
			color: #ffa300;
		}

h3.sub {
	margin-top: 0;
	padding-top: 0;
}

	/* -- Images -- */
		img.alignright {
			float:right;
			margin:0 0 20px 20px;
		}

		img.alignleft {
			float:left;
			margin:0 20px 20px 0;
		}

		img.aligncenter {
			display: block;
			margin-left: auto;
			margin-right: auto;
		}

img.circle {
	border-radius: 50%;
	-moz-border-radius: 50%;
	-khtml-border-radius: 50%;
	-webkit-border-radius: khtml;
}

		.alignright {
			float:right;
		}

		.alignleft {
			float:left;
		}

		.aligncenter {
			display: block;
			margin-left: auto;
			margin-right: auto;
		}

		img {
			border: 0;
			outline: 0;
			max-width: 100%;
			height: auto;
		}

	/* -- Lists -- */
		ul {
			line-height: 1.7em;
		}

	/* -- Forms -- */
.form-container {
	max-width: 400px;
	margin: auto;
}
#banner ul li .form-container ul, #banner ul li .form-container ul li {
	background: none;
	padding: 0;
	margin: 0;
}
		.validation_error {
			font-weight: bold;
			color: orange;
			margin: 0 0 10px;
		}

		.validation_message {
			position: relative;
			top: -10px;
			font-size: 12px;
			color: orange;
		}

		.form-hidden, .gform_validation_container {
			display: none !important;
		}

		form ul, form ul li {
			margin: 0;
			padding: 0;
			list-style-type: none;
		}

		form label {
			display: block;
			text-indent: -10000px;
			line-height: 0;
			font-size: 1px;
		}

		input, textarea, button {
			border: solid 1px #e0e0e0;
			border-radius: 20px;
				-moz-border-radius: 20px;
				-webkit-border-radius: 20px;
				-khtml-border-radius: 20px;
			outline: 0;
			padding: 5px 2%;
			font-family: 'Montserrat', sans-serif;
			font-size: 14px;
			line-height: 1.6em;
			color: #111;
			font-weight: 300;
			width: 100%;
			margin: 0 0 10px;
			box-sizing: border-box;
		}

			input:focus, textarea:focus {
				background: #FCFCF0;
			}

			input[type="submit"], button {
				cursor: pointer;
				border: 0;
				width: 170px;
				margin: 5px 0 0;
				
				color: #fff;
				font-size: 18px;
				line-height: 18px;
				display: inline-block;
				padding: 11px 21px;
				background: #ffa300;
				border: solid 2px #ffa300;
				border-radius: 50px;
					-moz-border-radius: 50px;
					-webkit-border-radius: 50px;
					-khtml-border-radius: 50px;
				font-weight: 700;
				position: relative;
				top: 0;
				transition: all 0.5s;
					-webkit-transition: all 0.5s;
					-moz-transition: all 0.5s;
					-ms-transition: all 0.5s;
					-o-transition: all 0.5s;
			}

				input[type="submit"]:hover, button:hover {
					top: -4px;
				}

			textarea {
				height: 104px;
			}

	/* -- HR -- */
		hr {
			margin: 50px 0;
			border: 0;
			padding: 0 20px;
			border-top: solid 1px #f0f0f0;
			outline: 0;
		}

.content-repeater hr:last-of-type {
	display: none;
}


/* ---- Common Layout Styles ---- */
section.border-top {
	border-top: solid 1px #f0f0f0;
}
.text-center {
	text-align: center;
}

.content-padding {
	padding: 90px 0;
}

	.content-padding.small {
		padding: 50px 0 60px;
	}

.white-bg {
	background: #fff;
}

.purple-bg {
	background: #3e3e78;
	color: #fff;
}

	.purple-bg.photo-bg {
		background-image: url(images/purple.jpg);
		background-size: cover;
		background-position: center;
	}

	.purple-bg h2 {
		color: #fff;
	}

.full-height {
	box-sizing: border-box;
	min-height: 100vh;
}



/* ---- Header ---- */
header {
	padding: 15px 0 0;
}

	header a.logo {
		font-size: 0;
		line-height: 0;
		display: block;
		padding: 0 0 15px;
	}
	
		header a.logo img {
			height: 50px;
			width: auto;
		}

	header div.contact {
		padding-top: 1px;
		text-align: right;
	}

		header div.contact .item a, header div.contact .item svg.fa-circle {
			color: #3e3e78;
		}
	
		header div.contact .item a {
			margin: 0 10px 0 0;
			display: inline-block;
			position: relative;
			top: 0;
		}
	
			header div.contact .item a:hover {
				top: -4px;
			}
	
		header div.contact span.text {
			font-size: 20px;
			letter-spacing: 0.2em;
			color: #ffa300;
			font-weight: 700;
			position: relative;
			top: -2px;
			margin: 0 12px 0 0;
		}
		
		header div.contact span.label {
			font-size: 12px;
			color: #999;
			display: inline-block;
			margin: 0 15px 0 0;
		}

			header div.contact span.label a {
				color: #999;
			}

	/* -- Primary Navigation -- */
	#primary-navigation {
		text-align: right;
		padding: 0;
		margin: 8px 0 0;
		list-style-type: none;
	}

		#primary-navigation li {
			padding: 0 10px 0 0;
			margin: 0 10px 0 0;
			font-size: 0;
			display: inline-block;
			line-height: 0;
			list-style-type: none;
			position: relative;
		}

			#primary-navigation li:last-of-type {
				padding: 0;
				margin: 0;
				border: none;
			}

			#primary-navigation li a:link, #primary-navigation li a:active, #primary-navigation li a:visited {
				color: #111111;
				font-size: 14px;
				line-height: 14px;
				display: inline-block;
				padding: 10px;
			}

				#primary-navigation li a:hover {
					text-decoration: none;
					background: #ff1110;
				}

			/* -- Drop Down -- */
				#primary-navigation ul.sub-menu {
					margin: 0;
					padding: 6px 0 4px;
					position: absolute;
					display: block;
					left: -9999px;
					z-index: 9999;
					text-align: left;
					background: #666;
				}
					
					#primary-navigation ul.sub-menu ul {
						padding: 0;
					}

					#primary-navigation ul.sub-menu li a {
						color: #3b3b3c;
						padding: 6px 15px;
						width: 180px;
						border-bottom: solid 4px #666;
					}

						#primary-navigation ul.sub-menu ul li a {
							padding-left: 25px;
							width: 170px;
						}

				#primary-navigation li:hover ul.sub-menu {
					left: 0;
				}

					#primary-navigation ul.sub-menu li {
						display: block;
						border-right: 0;
						margin: 0;
						padding: 0;
					}

						#primary-navigation ul.sub-menu li a:link, #primary-navigation ul.sub-menu li a:active, #primary-navigation ul.sub-menu li a:visited {
							display: block;
							color: #fff;
						}

							#primary-navigation ul.sub-menu li a:hover {
								text-decoration: none;
								background: #ff1110;
							}

		/* ---- Mobile Nav ---- */
		#mobileNav {
			text-align: left;
		}

		.slicknav_menu {
			background: none;
			padding: 0;
			margin: 0;
		}

			.slicknav_menu .slicknav_menutxt {
				text-shadow: none !important;
			}

			a.slicknav_btn {
				display: inline-block;
				padding: 0;
				background: none;
				margin: 8px 15px 15px 0;
				text-shadow: none;
			}

				a.slicknav_btn span.slicknav_icon {
					display: none;
				}

				a.slicknav_btn svg {
					color: #3e3e78;
				}

			ul.slicknav_nav {
				list-style-type: none;
				background: #3e3e78;
				padding: 20px 0;
				margin: 0;
				top: 80px;
				left: 0;
				width: 100%;
				position: absolute;
				text-align: center;
			}

				ul.slicknav_nav li {
					padding: 5px 15px;
					list-style-type: none;
					background: none;
					margin: 0;
				}

					ul.slicknav_nav li a {
						color: #fff;
						background: none;
						padding: 0;
						margin: 0;
						font-weight: 700;
					}

						ul.slicknav_nav a:hover {
							color: #ffa300;
							background: none;
							text-decoration: none;
						}

						ul.slicknav_nav li a span.slicknav_arrow {
							font-family: 'FontAwesome';
							display: inline-block;
							margin: 0 0 0 5px;
						}

				ul.slicknav_nav li.cta {
					padding: 8px 15px 10px;
				}




/* ---- Banner ---- */
#banner ul, #banner ul li {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

	#banner ul li {
		background: #3e3e78;
		background-image: url(images/vassos.jpg);
		background-size: cover;
		background-position: center;
		padding: 200px 0;
		box-sizing: border-box;
		min-height: calc(100vh - 80px);
	}

		#banner.inner ul li {
			padding: 100px 0;
			background-image: url(images/purple.jpg);
			min-height: auto;
		}

		#banner ul li h1 {
			color: #fff;
			margin: 0;
			padding: 0 0 20px;
		}

		#banner ul li h2 {
			color: #ffa300;
			font-size: 26px;
			margin: 0;
			padding: 0;
		}

		#banner ul li .ctas {
			margin: 100px 0 0;
		}

		#banner .bx-controls  {
			position: relative;
		}

			#banner .bx-pager {
				position: absolute;
				bottom: 25px;
				left: 20px;
				z-index: 11110;
			}

				#banner .bx-pager .bx-pager-item {
					display: inline-block;
					margin: 0 10px 0 0;
				}

					#banner .bx-pager .bx-pager-item a:link, #banner .bx-pager .bx-pager-item a:active, #banner .bx-pager .bx-pager-item a:visited, #banner .bx-pager .bx-pager-item a:hover {
						text-indent: -11110px;
						background: #fff;
						border: solid 3px #fff;
						width: 8px;
						height: 8px;
						display: block;
						border-radius: 50%;
							-moz-border-radius: 50%;
							-khtml-border-radius: 50%;
							-webkit-border-radius: 50%;
						text-decoration: none;
					}

						#banner .bx-pager .bx-pager-item a.active:link, #banner .bx-pager .bx-pager-item a.active:active, #banner .bx-pager .bx-pager-item a.active:visited, #banner .bx-pager .bx-pager-item a.active:hover {
							background: #ff1110;
						}




/* ---- Latest Podcast ---- */
#latestPodcast .contact {
	padding: 0 0 40px;
}

#latestPodcast .contact h3 {
	margin: 0 0 20px;
	padding: 0;
}

#latestPodcast .contact .item {
	display: block;
	margin: 15px 0;
	font-size: 18px;
}

	#latestPodcast .contact .item .text {
		font-weight: 700;
		letter-spacing: 0.2em;
	}

	#latestPodcast .contact .item svg {
		color: #ffa300;
		margin: 0 5px;
	}

	#latestPodcast .contact .item a {
		color: #fff;
		text-decoration: none;
	}

		#latestPodcast .contact .item a:hover {
			color: #ffa300;
		}



	
/* ---- WP Page Navi ---- */
div.wp-pagenavi {
	margin: 30px 0 0;
	background: none;
	padding: 15px 20px 15px 30px;
	display: inline-block;
}

	.wp-pagenavi a, .wp-pagenavi span {
		padding: 0 10px 0 0;
		border: 0;
	}

		.wp-pagenavi span.pages {
			margin: 0 20px 0 0;
		}




/* ---- All Podcasts Archive ---- */
.podcast-item {
	margin: 30px 0 0;
	text-align: left;
}



/* ---- Footer ---- */
footer {
	padding: 30px 0;
	background: #111;
	color: #fff;
}

	footer a:link, footer a:active, footer a:visited {
		color: #fff;
	}

/* -- Footer Meta -- */
#footer-meta {
	background: #fff;
	border-top: solid 1px #f0f0f0;
	color: #999;
	font-size: 12px;
	padding: 15px 0;
	text-align: center;
}

	#footer-meta a:link, #footer-meta a:active, #footer-meta a:visited {
		color: #999;
	}

	#footer-meta span.break {
		display: inline-block;
		padding: 0 10px;
	}