/******************************
Colours on site
******************************/	
.white
{
	background: #FFFFFF;
	color: #60a3da;
}
.black
{
	background: #444444;
	color: #FFFFFF;
}
.blue
{
	background: #60a3da;
	color: #FFFFFF;
}
.red
{
	background: #c61f42;
	color: #FFFFFF;
}
		
/******************************
HTML
******************************/
a
{
	color: #c61f42;
}
	a:hover,
	a:focus
	{
		color: #a62f48;
	}

.read-more,
.button,
button,
input[type="submit"]
{
	background: #c61f42;
	color: #FFFFFF;
	margin-top: 0;
}
	.read-more:hover,
	.read-more:focus,
	.button:hover,
	.button:focus,
	button:hover,
	button:focus,
	input[type="submit"]:hover,
	input[type="submit"]:focus
	{
		background: #a62f48;
		color: #FFFFFF;
	}


.content p
{
	margin: 0 0 0.8em 0;
}

/******************************
Formats in WYSIWYG
******************************/


/******************************
CUSTOM FONT
******************************/
@font-face {
	font-family: 'Oswald';
	src: url('../fonts/Oswald-Regular.eot');
	src: url('../fonts/Oswald-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Oswald-Regular.woff2') format('woff2'),
		url('../fonts/Oswald-Regular.woff') format('woff'),
		url('../fonts/Oswald-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Oswald';
	src: url('../fonts/Oswald-Bold.eot');
	src: url('../fonts/Oswald-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Oswald-Bold.woff2') format('woff2'),
		url('../fonts/Oswald-Bold.woff') format('woff'),
		url('../fonts/Oswald-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}



/******************************
HEADINGS
******************************/
h1, .h1,
h2, .h2
{
	font-family: 'Oswald', 'lato', Arial, Helvetica, sans-serif;
	font-weight: 400;
	margin-bottom: 0.5em;
	text-transform: uppercase;
}

h1, .h1
{
	font-size: 2em;
}
h2, .h2
{
	font-size: 1.5em;
}



/******************************
IMAGES
******************************/
.header .alignnone
{
	margin: 0; /* Override WP core margins on images with no aligmement! */
}



/******************************
FORMS
******************************/
.wpcf7-form
{
	background: #60a3da;
	color: #FFFFFF;
	padding: 1em;
}


/******************************
SLIDESHOW
******************************/
.slide h1
{
	font-size: 3em;
	opacity: 0.8;
}

.slide p, .slide h2
{
	color: #ffffff;
	
} 

.slide p, .slide a.button
{
	font-size: 0.6em;
}

.shop-slideshow .slide p,
.shop-slideshow .slide a.button
{
	font-size: 0.9em;
	font-weight: 300;
}

.home .slide a.button
{
	font-size: 1em;
}

.fade-image .slide
{
	opacity: 0.8;
}

/******************************
EDITIONS
******************************/
.editions-block
{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #FFFFFF;
	display: block;
	height: 26em;
	padding: 1em;
	position: relative;
}
	.editions-block .h2
	{
		background: #000000;
		padding: 0.6em;
	}
	.editions-content
	{
		background: #000000;
		margin-bottom: 1em;
		padding: 0.6em;
	}

/******************************
HEADER
******************************/
.header-inner
{
	padding: 20px 0 20px;
}

	.header .main-menu-block .menu
	{
		float: left;
		text-align: center;
		width: 100%;
	}
		.header .main-menu-block li
		{
			display: inline-block;
			float: none;
			text-align: center;
		} 
			.header .main-menu-block li a
			{
				color: #60a3da;
				font-weight: 400;
				padding: 0.8em 1.5em;
			}

		.header .main-menu-block li:hover a,
		.header .main-menu-block li.current_page_item a
		{
			background: #60a3da;
			color: #FFFFFF;
		}

			
		/** Sub Menu **/
		.header .menu li ul
		{
			background: #60a3da;
			text-align: left;
		}
		
.header-search
{
	border-bottom: 0;
	font-size: 1em;
}
	.header-search form
	{
		background: #FFFFFF;
		display: inline-block;
		margin: 0.5em 0;
	}
		.header-search form input
		{
			margin: 0;
			padding: 0.4em;
		}
	
.header a
{
	color: #FFFFFF;
	display: inline-block;
	font-size: 1.25em;
	font-weight: 400;
	vertical-align: middle;
}
	.header a + a
	{
		margin-left: 0.5em;
	}
	
	.header a img
	{
		display: block;
	}
	
/**************************
FOOTER
**************************/
.footer
{	
	background: #ececec;
	padding: 2em 0 0;
}

.footer-menu ul li
{
	border: none; 
	line-height: 1.5;
}
	.footer-menu ul li a
	{
		text-transform: uppercase;
		color: #60a3da;
		font-weight: 400;
	}

.footer-social > a,
.footer-social > h3
{
	display: inline-block;
	margin-bottom: 0.5em;
	vertical-align: middle;
}
	.footer-social img
	{
		display: block;
		margin-right: 0.5em;
	}

.footer-contact
{
	font-size: 1.5em;
}

.footer-lower
{
	font-size: 0.875em;
	font-weight: 100;
	margin-top: 25px;
	padding: 3em 0;
}
	.footer-lower ul.menu
	{
		margin-bottom: 1em; 
	}
		.footer-lower ul.menu li
		{
			line-height: 2;
		}
			.footer-lower ul li a
			{
				text-transform: uppercase;
			}

	.footer-lower a
	{
		color: #FFFFFF;
	}
	
	.footer-lower p strong
	{
		font-weight: normal;
	}
	
.footer .menu li + li
{
	border: none !important;
}

/**************************
Facebook Fixes ***********/

h4.rfbp-heading
{
	display: none;
}

.rfbp-page-link
{
	margin-top: -44px;
    float: right;
    color: #60a3da;
    font-size: 14px;
}

.rfbp-timestamp
{
	font-size: 14px;
	transition: all .5s ease-out;
}

.rfbp-post-link-wrap
{
	margin-top: 20px;
}

.rfbp-post
{
	border-bottom: none;
}

.rfbp-text p
{
	line-height: 1.5;
	font-size: 0.875em;
	padding-top: 15px;
}

/******************************
SHOP
******************************/


/******************************
EVENTS
******************************/
.tribe-events-single .tribe-events-event-image img.entered.error
{
	display: none;
}

.tribe-events-single .tribe-events-single-section
{
	width: 100%;
}
	.tribe-events-single .tribe-events-single-section .tribe-events-venue-map
	{
		width: 100%;
	}
	

/******************************
PAGES
******************************/

.row:focus
{
	outline: none;
}

th, td
{
	border: none !important;
	line-height: 1.5;
	padding: 0.5em 0 0.5em 0.5em;
}

.sitemap-area ul, .sitemap-area ul li a
{
	color: #60a3da; 
	list-style: none !important;
	margin: 10px 0 !important;
	padding: 0 !important;
}

.sitemap-area ul li
{
	list-style: none !important;
}

.has-background .slide-text.absolute .text-position-center
{
	 background: rgba(0,0,0,0.3);
	 padding: 10px 0;
}



/******************************
Testimonial Slider 
******************************/
.testimonials-col .bx-wrapper
{
	margin: 0 30px 60px !important;
}

.bx-wrapper .bx-viewport
{
	background: none !important;
}

.bx-wrapper .bx-viewport *
{
	color: #60a3da;
}

.bx-wrapper
{
	width: 80% !important;
}

.testimonial-text p
{
	font-size: 1.2em !important;
	font-weight: 100;
}

.bx-wrapper .bx-next
{
	right: -5%;
}

.bx-wrapper .bx-prev
{
	left: -5%;
}

.testimonial-name h1
{
	font-weight: 100;
	text-transform: uppercase;
	font-size: 1.8em;
}


/******************************
Blog
******************************/

.blog-slideshow-col
{
	width: 51% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.blog-text-col
{
	margin-left: 0 !important;
	width: 49% !important;
	padding-left: 0 !important;
	padding-right: 4em !important;
}

.blog-text-col h1
{ 
	font-size: 2em;
	text-transform: uppercase;
	padding: 0.5em 0;
	
}

.blog-text-col .blog-read-more-button, .page-book-now-button
{
	padding: 10px 50px;
	color: #ffffff !important;
	float: right;
	font-weight: 100;
	font-size: 0.9em;
	text-transform: uppercase;
	margin-top: 25px;
}

.blog-read-more-button:hover, .page-book-now-button:hover
{
	background: #ffffff;
	color: #60a3da !important;
}

p.display-post-excerpt
{
	padding: 25px 0;
}

.blog-list-image img
{
	border-radius: 0 !important;
}

.blog-page-title
{
	padding: 10px 0 0 0;
}

.blog .main-content
{
	padding: 25px 0;
}

ul.post-categories
{
	padding: 0;
	list-style: none;
}

ul.post-categories li a
{
	font-size: 1.1em;
	background: #60a3da;
	color: #ffffff;
	text-align: right;
	float: right;
	padding: 0.25em 0.5em;
    position: relative;
}

ul.post-categories li a:after
{
	content: "";
	width: 0;
	height: 0;
	left: 100%;
	top: 0;
	position: absolute;
	border-top: 16px solid transparent;
	border-left: 10px solid #60a3da;
	border-bottom: 16px solid transparent;
	transition: all .5s ease-out;
}

ul.post-categories li a:hover
{
	color: #60a3da;
	background: #ffffff;
}

ul.post-categories li a:hover:after
{
	border-left-color: transparent;
}

.single .entry-content
{
	font-size: 1.1em;
}

.single .main-content-inner
{
	padding: 25px 0;
}

.back-to-blog-link a
{
	font-size: 1.1em;
	background: #60a3da;
	color: #ffffff;
	float: left;
	padding: 0.25em 0.5em;
	position: relative;
	margin-top: 25px;
	margin-left: 10px;
}

.back-to-blog-link a:after
{
	content: "";
	width: 0;
	height: 0;
	right: 100%;
	top: 0;
	position: absolute;
	border-top: 16px solid transparent;
	border-right: 10px solid #60a3da;
	border-bottom: 16px solid transparent;
	transition: all .5s ease-out;
}

.back-to-blog-link a:hover
{
	color: #60a3da;
	background: #ffffff;
}

.back-to-blog-link a:hover:after
{
	border-right-color: transparent;
}

.blog-post-caption
{
	z-index: 999;
	height: 70px;
	margin-top: -110px;
	color: #ffffff !important;
	width: 90%;
	padding: 5px 15px;
	margin-bottom: 40px;
}

.blog-post-caption.last-caption
{
	margin-top: -100px !important;
}

.blog-post-caption h1
{
	font-size: 1.5em;
}

.blog-post-image
{
	z-index: 1;
	padding: 0 25px 10px 0;
}




/******************************
MENUS
******************************/
.slicknav_menu
{
	background: #eeeeee;
}



/******************************
RESPONSIVE
******************************/

@media ( max-width : 965px )
{
	.header .menu li a
	{
		font-size: 0.9em;
	}
	
	.slide-text.absolute
	{
		padding: 20px 5px !important;
		font-size: 1.5em !important;
	}
	
	.fade-image, .fade-image .slide
	{
		height: 27.5em;
	}
	
	.blog-post-caption
	{
		margin-top: -100px;
	}

	.blog-post-caption.last-caption
	{
		margin-top: -100px !important;
	}
	
	.blog-post-caption h1
	{
		font-size: 1.25em;
	}
		
}

@media ( max-width : 820px )
{
	
	/* Header */
	
	.slicknav_menu
	{
		background: #60a3da;
	}
	
	.slicknav_menu .slicknav_icon-bar
	{
		background: #ffffff;
	}
	
	.slicknav_nav a
	{
		color: #ffffff;
		font-size: 1.1em;
		text-transform: uppercase;
		font-weight: 200;
	}
	
	.slicknav_brand
	{
		width: 60%;
	}
	
	.slide-text.absolute h1
	{
		font-size: 2em;
	}
	
	
	/* Pages */
	
	.editions-block
	{
		height: 20em;
	}
	
	.darken-image .slide
	{
		height: 30em;
	}
	
	.blog-text-col
	{
		padding-right: 0.5em !important;
	}
	
	.blog-text-col h1
	{
		font-size: 1.5em;
	}
	
	.row.extra-padding-top
	{
		padding-top: 50px !important;
	}
	
	.row.extra-padding-bottom
	{
   		padding-bottom: 50px !important;
	}

}


@media ( max-width: 580px )
{
	
	.row.no-padding .col.editions-block
	{
		margin-bottom: 1em;
	}
	
	.blog-category, ul.post-categories li a
	{
		float: none !important;
		text-align: center;
	}
	
	.blog-list-title, .blog-list-meta, .blog-category
	{
		padding: 0.5em 0;
	}
	
	.testimonials .sixcol
	{
		width: 100% !important;
		margin: 0 !important;
	}
	
	.testimonials-col .bx-wrapper
	{
		margin: 20px auto !important;
	}
	
	.two-block-section .text-block-right
	{
		margin-left: 0;
	}
	
	.bx-wrapper .bx-next
	{
		right: -12%;
	}
	
	.bx-wrapper .bx-prev
	{
		left: -12%;
	}
	
	.text-block-right h3
	{
		margin: 0 auto;
	}
	
	.testimonials-col .bx-wrapper .bx-viewport
	{
		min-height: 200px !important;
	}
	
}