/*
Theme Name: Pavilion Foods
Theme URI: https://pavilionfoods.co.uk/
Author: Proof Digital
Author URI: http://madewithproof.com/
Description: Custom theme for Pavilion Foods
Version: 1.0.0
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: Custom
Text Domain: Pavilion Foods

BlankSlate WordPress Theme © 2011-2017 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/


#header .social-icons { 
	font-size: 1.6rem;
}

#header .logo {
	max-width: 200px;
}

#main-nav menu,
#main-nav ul,
#main-nav ul li { 
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#main-nav menu ul { 
	text-align: center;
	padding: 15px 0;
}

#main-nav ul li {
	display: inline-block;
    padding: 10px;
    cursor: pointer;
}

#main-nav ul li a { 
	color:#fff;
	padding: 10px;
}

#main-nav ul li:hover { 
	background:#a7c18f;
	border-radius: 4px;
}

#main-nav ul li:hover li { 
	border-radius: 0;
}

#main-nav ul li a:hover { 
	*color:#f7cd46;
	*opacity: 1;

}

#cssmenu > ul > li.has-sub::after {
	font-family: 'FontAwesome';
	content: '\f078';
	color:#fff;
}

#cssmenu > ul > li.has-sub:hover > a:before {
	top: 19px;
}
#cssmenu ul li.has-sub:hover > a, #cssmenu ul li.menu-item-object-page:hover a {
	z-index: 999;
}
#cssmenu ul li.has-sub:hover > ul,
#cssmenu ul li.has-sub:hover > div {
	display: block;
	width: 280px;
	margin-left: -10px;
}

#cssmenu ul li.has-sub:hover > ul li.has-sub:hover > ul,
#cssmenu ul li.has-sub:hover > ul li.has-sub:hover > div { 
	top: 0;
	left: 220px;
}

#cssmenu ul li.has-sub > a:hover {
}
#cssmenu ul li > ul,
#cssmenu ul li > div {
	text-align: right;
	display: none;
	width: 100%;
	position: absolute;
	*right: 0;
	*padding: 10px 0 0 !important;
	*background: #00af9f;
	z-index: 999;
}

#cssmenu ul li > ul {
	width: 200px;
}
#cssmenu ul li > ul li {
	padding: 10px 20px;
	height: auto;
	text-align: left;
	display: block;
	margin-left: 0;
	background:#212b3b;
	*border-bottom: solid 1px #fff;
}
#cssmenu ul li > ul li:nth-child(1) {
	*border-top:solid 1px #fff;
}

#cssmenu ul li.has-sub:hover > ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > ul li.has-sub:hover > div {
    left: 220px;
    top: auto;
    margin-top: -34px;
    padding: 10px 0;
    border-left: solid 1px white;
}

#cssmenu ul li.has-sub:hover > ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > ul li.has-sub:hover ul li {
	background: #212b3b;
}

#cssmenu ul li > ul li:nth-last-child(1) {
	border-bottom: none;
}

#cssmenu ul li > ul li:hover a {
	color:#fa8900;
	opacity: 1;
}

#cssmenu ul li > ul li > ul li a { 
	color: #fff !important;
}

#cssmenu ul li > ul li > ul li a:hover { 
	color:#fa8900;
}

#cssmenu ul li > ul li a {
	color: #fff;
	font-size: 1rem;
}
#cssmenu ul ul a:hover {
	color: #999;
}
#cssmenu > ul > li.has-sub > a:hover:before {
	border-top: 5px solid #ffffff;
}

.header-carousel { 
	position: relative;
}

.overlay { 
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.4);
	z-index: 9998;
}

.header-home { 
	position: absolute;
	width: 60%;
	height: auto;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 9999;
}

.header-carousel, .carousel-slide { 
	width: 100%;
	height: 700px !important;
}

.carousel-slide img {
	width: 100%; 
	height: 700px;
	object-fit:cover;
}

.button { 
	border-radius: 0 !important;
}

.header-image { 
	object-fit:cover;
}


.page-header { 
	height: 
}

.header-static { 
	height: 600px;
}

.reverse-top { 
	margin-top: -100px;
}

.reverse-top-large { 
	margin-top: -200px;
}

.fit-cover { 
	width: 100%;
	height: 100%;
	object-fit:cover;
}

.img-bg { 
	position: relative;
}

.float-title { 
	position: absolute;
	width: 100%;
	text-align: center;
	bottom:50px;
}

.h-med { 
	height: 600px;
}

/* the slides */
.slick-slide {
	margin: 0 10px;
}
/* the parent */
.slick-list {
	margin: 0 -10px;
}

.slick-prev:before,
.slick-next:before {
	color:#0F2F4F !important;
}

.clickbox { 
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
}

.flex-content-img-container { 
	width: 100%;
	height: 500px;
}

.flex-content-img-container img { 
	width: 100%;
	height: 100%;
	object-fit:cover;
}


#mc_embed_signup { 
	background: none !important;
}

#mc_embed_signup input.button { 
	background:#0F2F4F !important;
	color:#fff !important;
}

@media only screen and (max-width: 768px) { 
	
	
	.mobile-section-pad {
		padding: 20px !important;
	}
	
	#header .logo { 
		max-width: 150px;
	}
	
	
	.header-carousel, .carousel-slide, .carousel-slide img { 
		width: 100%;
		height: 200px !important;
	}
	
	.header-home { 
		width: 90%;
	}
	
	.mobile-device { 
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
		
}