/*
Theme Name: Morgan Supplies 2015
Theme URI: www.morgansupplies.co.uk
Description: Custom Morgan Supplies Theme - 2015 Update
CistVersion: 1
Author: -
Author URI: //www.morgansupplies.co.uk/

INCLUDES:
NEW NAVIGATION
CUSTOM POST TYPE - SLIDER (HOME PAGE)
NEW PRODUCT LAYOUTS
CATEGORY OVERVIEWS

*/

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

body {
	padding:0px;
	margin:0px;
}

* {font-family: 'Open Sans', sans-serif;}

*, *:before, *:after {
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  box-sizing: border-box;
}

h1 {
	font-weight:lighter;
	font-size:38px;
	line-height:48px;
	color:#0066CC;
	margin-bottom:10px;
}

h1 strong {
	color:#001CA4;
	font-weight:bold;
}

h2 {
	font-weight:lighter;
	font-size:150%;
	color:#333333;
	margin-top:1px;
	padding:0px
}

h2 a {
	color:#001CA4;
}

h3 {
	font-weight:bold;
	font-size:100%;
	border-bottom:1px solid #E4E4E4;
    color:#001CA4;
	margin-bottom:0px;
	padding:0px
}

p {
	color:#333333;
	font-size:17px;
	line-height:28px;
}

#content li {
	color:#333333;
	font-size:90%;
	line-height:150%;
}


a:link {
    color:#001CA4;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

img {
	border:none;
}

.image_padding {
	padding:2px;
	border:1px solid #999999;
	margin-right:20px;
}

.clear {
	clear:both;
}

.wrapper {
	margin-left:auto;
	margin-right:auto;
	width:980px;
}

#header {
	background-color:#fff;
}

#logo {
	padding:30px 0 0 25px;
	float:left;
}

.HeaderTel {
	display:none;
}


#topsearch {
	float:right;
	clear:right;
}

#topsearch label {
	display:none;
}

#topsearch #s {
	font-size:16px;
	color:#333;
	padding:0 5px;
}

#topsearch #searchsubmit {
	background-color:#0055a4;
	border:none;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	cursor:pointer;
}


/* ------------------- TOP NAV ------------------- */
#topnav {
	background-color:#fff;
	margin:0 0 15px 0;
}

#topnav ul {
	margin:0px 0px 0px 0px;
	padding:10px 0 5px 15px;
	font-size:14px;
	min-height:20px;
	height:auto !important;
	height:20px;
	text-align:right;
}

#topnav ul li {
	list-style-type:none;
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 0px;
	display:inline;
}

#topnav ul li a {
	text-decoration:none;
	color:#000099;
}

#topnav ul li a:hover {
	text-decoration:underline;
}

#topnav p {color:#0066CC; font-size:44px; float:right; padding:0; margin:15px 0 20px 0}

#main_container {
	background-color:#FFFFFF;
}

/* -------------- BREADCRUMB ------------ */


#breadcrumbs{
    list-style:none;
    margin:20px 0 0 0;
	clear:both;
    overflow:hidden;
}
  
#breadcrumbs span {
    display:inline-block;
    vertical-align:middle;
    margin-right:5px;
	color:#999;
	font-size:14px;
}

#breadcrumbs a {
	color:#0055a4;
}

#breadcrumbs .separator{
    font-size:12px;
    font-weight:100;
    color:#ccc;
}

.bread-current { 
  max-width: 270px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ------------------- NAV ------------------- */

#main-nav {clear:both;background:#0055a4; height:50px; border-bottom:2px solid #fff; margin:20px 0 0 0;}
#main-nav ul {text-align:left; padding:0; margin:0;}
#main-nav ul li {float:left;display:inline; border-left:2px solid #fff;}
#main-nav ul li:hover {border-left:2px solid #002d57; background:#002d57; color:#fff !important;}
/*#main-nav ul li a {display:block;padding:15px 25px; color:#0066CC; font-weight:bold; font-size:17px;}*/
#main-nav ul li a {display:block;padding:15px 8px; color:#fff; font-weight:bold; font-size:13px;}
#main-nav ul li a:hover {color:#fff !important;}

#main-nav ul li ul {position:absolute; margin:0 0 0 -2px; padding:0; background:#fff; -webkit-box-shadow: 0px 14px 16px 0px rgba(50, 50, 50, 0.15);-moz-box-shadow: 0px 14px 16px 0px rgba(50, 50, 50, 0.15); box-shadow: 0px 14px 16px 0px rgba(50, 50, 50, 0.15); z-index:10000000; border-left:2px solid #002d57;}

#main-nav ul li ul li {width:225px;}
#main-nav ul li ul li a {display:block;padding:15px 8px;color:#444; font-size:13px; border-bottom:1px solid #efefef !important;}
#main-nav ul li ul li a:last-child {border-bottom:none !important;}
#main-nav ul li ul li a:hover {text-decoration:none; color:#fff !important;}
#main-nav ul li ul li:hover {color:#fff !important;}
#main-nav ul li ul li:hover a {background:#0055a4; color:#fff;}
#main-nav ul li ul.fallback {display:none;}
#main-nav ul li:hover ul.fallback {display:block;}

#main-nav ul li.Specials a {color:#CC0000 !important; background:#fff}
#main-nav ul li.Specials {border:none !important;}
#main-nav ul li.Specials a:hover {background:#fff; color:#0055a4 !important; border-left:none !important;}

/*

#main-nav {
	background-repeat:no-repeat;
	float:right;
	padding:0;
}

#main-nav ul {
    list-style-type:none;
    margin:0px;
    padding:0px;
    text-indent:0px;
	font-size:15px;
}

#main-nav ul li {float:left;display:inline; font-weight:700; border:1px solid #fff; border-bottom:none; padding:0 30px 0 0;}
#main-nav ul li:hover {  border-left:1px solid #0066CC; border-right:1px solid #0066CC; border-top:1px solid #0066CC; }
#main-nav ul li a {display:block;padding:30px 0 20px 0; margin:0 0 0 30px; color:#0055a4;}


#main-nav li {
	background-image:none;
	background-color:#FFFFFF;
	margin:0;
	padding:0;
	list-style-position:inside;
}


#main-nav li a {
	text-decoration:none;
	text-align:left;
}

#main-nav li a:hover {
	color:#001CA4;
	text-decoration:underline;
}

#main-nav ul li ul {
    list-style-type:none;
    text-indent:0px;
	font-size:90%;
	list-style-type:circle;
	position:absolute; 
	padding:0; 
	margin:0 0 0 15px;
	z-index:10000000000;
}

#main-nav ul li ul {
	position:absolute; 
	padding:0; 
	margin:0 0 0 15px;
-webkit-box-shadow: 0px 14px 16px 0px rgba(50, 50, 50, 0.15);
-moz-box-shadow:    0px 14px 16px 0px rgba(50, 50, 50, 0.15);
box-shadow:         0px 14px 16px 0px rgba(50, 50, 50, 0.15);}


#main-nav ul li ul li {
	border:none;
	margin:0 !important;
	padding:0 !important;
	width:190px;
}
	
#main-nav ul li ul li a {display:block; font-size:14px; padding:12px 10px;color:#0066CC; background:#fff; margin:0;  border-left:1px solid #0066CC; border-right:1px solid #0066CC; border-bottom:1px solid #0066CC}
#main-nav ul li ul li:hover a {background:#0066CC; color:#fff;}
#main-nav ul li ul.fallback {display:none;}
#main-nav ul li:hover ul.fallback {display:block;}


#main-nav ul li a.Specials {
	color:#CC0000;
}*/


/* ------------------- CONTENT ------------------- */

#home {
	background:#0066CC;
	padding:20px 0;
}


#home h1 {
	color:#fff;
	font-size:24px;
}

#home h1 strong {
	color:#fff;
}

#home p {
	color:#fff;
	font-size:18px;
}

.home-content a { color:#fff; text-decoration:underline;}

#content {
	width:100%;
	padding:0;
	height:auto;
}

ul#products {
	list-style-type:none;
	margin:0;
	padding:0;
}

ul#products li {
	list-style-type:none;
	margin:0 10px 20px 0;
	padding:5px;
	float:left;
	border:1px solid #999999;
}

ul#products li span {
	font-size:80%;
	color:#666666;
}

.category-list {}

ul.category-list { padding:0; margin:0; clear:both;}

ul.category-list  li {	width:30%; padding:0%; margin:0 1.5% 20px 1.5%; height:240px; overflow:hidden; float:left; position:relative; text-align:center; }

ul.category-list  li a span { text-align:center !important; font-size:18px;}

ul.category-list  li a {}

ul.category-list  li a img { width:100%; height:auto; margin:0 0 10px 0; border-radius:8px;}

table {
    border-collapse: collapse;
    width: 100%;
}

th, td {
    text-align: center;
    padding: 8px;
}

tr:nth-child(even){background-color: #f2f2f2}

th {
    background-color: #0264be;
    color: white;
}	

/* ------------------- FORM ------------------- */

table {
	font-family:Trebuchet MS, Verdana, Arial, Helvetica;	
}

/* ------------------- FOOTER ------------------- */

#footer_wrapper {
	margin-left:auto;
	margin-right:auto;
	width:100%;
	padding-bottom:16px;
	background-color: #EFEFEF;
	border-top: 1px solid #CCC;
	clear:both;
	padding:30px 0;
}

#footer {
	margin-left:auto;
	margin-right:auto;
	width:980px;
	color:#333;
}

#footer a {
	color:#333;
	text-decoration:none;
}

#footer a:hover {
	color:#333;
	text-decoration:underline;
}

#footer_links p small {
	font-size:14px;
}

#footer_links { float:left; width:72%;}

#footer_links p {
	margin:0px 0px 0px 0px;
	padding:8px 0px 0px 0px;
	color:#0066CC;
	font-size:26px;
	line-height:38px;
}

#FooterNav {
	display:none;
}

#footer_opening {
	float:right; width:28%;}

#footer_opening p {
	color:#0066CC;}


#footer_facebook {
	float:right; width:40%; height:350px;}

/* ------------------- POSTS ------------------- */

.post {
	width:25%;
	padding:2%;
	margin:0 0 20px 0;
	height:270px;
	overflow:hidden;
	float:left;
	position:relative;
}

.ImageLink {
	height:180px;
	width:180px;
	display:block;
	overflow:hidden;
	margin:0 auto;
}

.post h2 {
	font-size:15px;
	display:block;
	text-align:center;
	padding:10px 0 0 0;
}

.post img {
	margin:0 0 10px 0;
	min-height:180px;
}

.post .Meta {display:none;}

img.alignright {
	float:right;
	padding:10px;
}



.Single {width:66.5%; float:left;}
.Single select {border: 1px solid #111; background: transparent; width: 300px; padding: 5px 35px 5px 5px; font-size: 16px; border: 1px solid #ccc; height: 34px;}


#Delivery_Message {padding:10px 0 5px 0; margin:20px 0; border-top:1px solid #efefef;}
#Delivery_Message p { color:#333; font-size:16px;}
#Delivery_Message p strong {color:#0264be; font-size:22px;}

#Related_SideBar {width:29%; float:right; border-left:2px solid #efefef; margin:30px 0 0 0; padding:0 0 0 4%}

#SideBar_Delivery p {text-align:center; line-height:20px;}
#SideBar_Delivery span {font-size:60px; display:block; padding:0 0 30px 0;}


#SideBar_Contact {background-color:#0264be; color:#fff; padding:10px 20px; border-radius:4px; border:1px solid #0055a4;}
#SideBar_Contact p, #SideBar_Contact a {color:#fff; font-size:20px;}

#Related_CatItems {list-style-type:none; padding:0; margin:0;}
#Related_CatItems li {border-bottom:1px solid #efefef; text-align:center; margin:10px;}
#Related_CatItems li .RelatedTitle {font-size:14px; line-height:18px; display:block; padding:10px 0;}
#Related_CatItems li img {display:block; text-align:center; margin:auto;}
#Related_CatItems li a {color:#0264be;}

#RelatedCategories {}
#RelatedCategories ul {padding:0; margin:0; list-style-type:none;}
#RelatedCategories ul li {padding:0; margin:0 0 2px 0; display:block; font-size:14px;}
#RelatedCategories ul li a {color:#333; background-color:#efefef; display:block; padding:5px; border-radius:4px;}

#SpecialOffer_Items {}
#SpecialOffer_Items ul {list-style-type:none; padding:20px 0; margin:0;}
#SpecialOffer_Items ul li {width:15%; margin:0 2.5%; padding:0; float:left; text-align:center;}
#SpecialOffer_Items ul .RelatedTitle {font-size:14px; line-height:18px; display:block; padding:10px 0;}
#SpecialOffer_Items ul li a {color:#0264be;}
#SpecialOffer_Items ul li img {display:block; margin:auto; text-align:center;}



.Single .wrapper {
	width:980px;
}

.Single .Offer {
	position:relative;
	margin:0 0 20px 0;
}

.Single .Offer ul li {
	background-color:#CC0000;
	color:#FFFFFF !important;
	font-size:18px;
	padding:8px;
}

.Offer {
	position:absolute;
	top:5px;
	left:5px;
	right:5px;
}

.Offer ul {
	padding:0;
	margin:0;
}

.Single .Offer p {
	font-size:22px !important;
	padding:15px;
}

.Offer p {
	background-color:#CC0000;
	color:#FFFFFF !important;
	font-size:13px !important;
	line-height:20px;
	padding:5px;
	margin:0;
}

/* .Offer .post-meta-key {display:none;} ------- Removed due to new way of displaying custom fields ----------*/

#content ul.Meta {
	padding:25px;
	margin:0 0 10px 0;
	background-color:#efefef;
	list-style-type:none;
}

#content ul.Meta li {
	color:#333;
	font-size:16px;
	padding:0px;
	margin:0px;
}

ul.Meta li a {
	color:#333;
	padding:0 0 0 10px;
}

#CTA {
	border:1px solid #0055a4;
	padding:20px;
	background-color:#0264be;
	border-radius:4px;
}

#CTA h2 {
	color:#fff;
	font-size:24px;
}

#CTA p {
	color:#fff;
	font-size:20px;
	line-height:23px;
	padding:0px;
}

#CTA a {
	color:#fff;
	font-weight:bold;
}

#RelatedItems h3 {
	border:none;
}

#RelatedItems ul {
	padding:20px 0 0 0;
	margin:0;
	list-style-type:none;
}

#RelatedItems ul li {
	padding:0;
	margin:0;
	float:left;
	width:20%;
	height:170px;
	text-align:center;
}

#RelatedItems ul li img {
	display:block;
	padding:5px;
	margin:0 auto;
	min-height:100px;
}

#RelatedItems ul li span.RelatedTitle {
	font-size:11px;
	line-height:13px;
	text-align:center;
}

#RelatedItems ul li a {
	display:block;
}

.Result {
	border:1px solid #efefef;
	padding:10px;
	margin:0 0px 10px 0;
	text-align:center;
	}

.result-image {
	float:left;
	width:35%;
}

.result-info {
	float:left;
	width:65%;
}

.result-info p {
	text-align:left;
	line-height:22px;
}

.Result h2 {
	font-size24px;
	display:block;
	height:30px;
	text-align:left;
	overflow:hidden;
}

.Result img {
	margin:0 20px 10px 0;
}

.Result .Offer {
	position:relative;
	top:0px;
	left:0px;
	margin:0 0 15px 0;
}

#content .Result .Meta { padding:5px;}

#content .Result .Meta li {font-size:13px;}


/* ------------------- FORM ------------------- */

form span input,form span textarea {
	padding:10px;
	font-size:15px;
	width:90%;
}

form .wpcf7-submit {
	padding:10px;
	cursor:pointer;
	border:none;
	background-color:#0055a4;
	border-radius:4px;
	border:1px solid #014a8d;
	color:#fff;
	width:170px;
	font-size:18px;
}


.toggle-nav {
    display:none;
}




/* ------------------- MOBILE ------------------- */

@media screen and (max-width:500px){

* {float:none !important;}

a.toggle-nav, a.toggle-nav:hover {color:#fff; text-decoration:none;}
  .toggle-nav {
        padding:10px;
        display:block;
        background:#303030;
        color:#fff;
        font-size:20px;
        transition:color linear 0.15s;
		text-align:center;
    }
	
	#main-nav {margin:5px 0 0 0;}
 
    #main-nav ul.active {
        display:none;
    }

.wrapper {
	margin-left:auto;
	margin-right:auto;
	width:100%;
}

h1 {
	padding:0 0 10px 0;
	font-size:26px;
	line-height:28px;
}

h2 {
	font-size:16px;
}

#header {
	background-image:none;
	min-height:50px !important;
	height: auto !important;
	height: auto;
	padding:5px 10px;
}

.HeaderTel, .HeaderTel a {
	text-align:center;
	color:#0066CC;
	padding:4px 0 10px 0;
	margin:0;
	display:block;
	font-size:22px;
	float:right;
}

#logo {
	padding:0;
	float:none;
}

#logo img {
	display:block;
	margin:auto;
	width:100px;
	height:auto;
	padding:10px 0;
	float:left;
}

#topsearch {
	clear:both;
}

#topsearch  label {
	display:none;
}

#topsearch input {
	width:60%;
}

#topsearch #searchsubmit {
	width:30% !important;
}

#topnav p {display:none;}

#topnav ul {
	display:block;
	text-align:center;
	margin:0;
	padding:0;
	font-size:12px;
}


#main-nav {display:block; clear:both; height:auto;}
 
#main-nav ul li {display:block; background-color:#0066CC; color:#fff; border:none; border-bottom:1px solid #002d57; text-align:center;}
#main-nav ul li a {font-size:16px;}
#main-nav ul li.Specials a, #main-nav ul li.Specials a:hover {background-color:#CC0000; color:#fff !important;}
#main-nav ul li:hover {border:none; border-bottom:1px solid #002d57;}

#main-nav ul li ul {display:none;}


img {
	width:100%;
	height:auto;
}

ul.category-list li {
    width: 47%;
    padding: 0%;
    margin: 0 1.5% 40px 1.5%;
    height: auto;
    overflow: hidden;
    float: left !important;
    position: relative;
    text-align: center;
}

ul#products li {
	list-style-type:none;
	margin:0 10px 20px 0;
	padding:5px;
	float:left;
	border:1px solid #999999;
}

ul.category-list li a span {
	font-size:14px;
	line-height:16px;
}

.featured-slider {display:none !important;}

.content { padding:5%;}

.home-content p {line-height:24px;}

.Single {width:100%; float:none;}
#Related_SideBar {width:100%; float:none; border:none; margin:0; padding:0;}

.post, #Related_CatItems li, #SpecialOffer_Items ul li {
	width:46%;
	border:1px solid #efefef;
	border-radius:4px;
	padding:0 2% 20% 2%;
	margin:2%;
	height:190px;
	overflow:hidden;
	font-size:12px;
	float:left !important;
	position:relative;
	text-align:left;
}

.Offer {
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
}

.Offer ul li {
	font-size:10px !important;
}

.ImageLink {
	height:160px;
	width:auto;
	display:block;
	overflow:hidden;
	margin:0 0 10px 0;
}

.post h2 {
	font-size:12px;
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
	width:90%;
	padding:0 0 0 8px;
}

.post img {
	margin:0px;
	max-height:160px;
	max-width:100%;
	min-height:160px;
}

#CTA p {
	line-height:30px;
}

img.alignright {
	float:none;
	padding:10px;
}

#RelatedItems ul li img {
	width:50px;
	height:auto;
	min-height:65px;
}

#topsearch {
	width:auto;
	float:none;
	padding:5px;
	display:block;
	background-color:#efefef;
	border-radius:4px;
	margin:5px;
}

#nav {
	display:none;
}

#nav img {
	display:none;
}

img.alignright {
	float:none;
	padding:0;
}

#content {
	width:auto;
	padding:10px;
	height:auto;
	float:none;
}

.result-image, .result-info {width:100%;}

.Result {
	border:1px solid #efefef;
	padding:10px;
	margin:0 0px 10px 0;
	text-align:center;
	}

.Result p {
	display:none;
}

.Result h2 {
	font-size:18px;
	display:block;
	height:auto;
	overflow:visible;
}

.Result img {
	margin:0;
	width:100px;
	height:auto;
	display:block;
	margin:3px auto 3px auto;
}

.Result br {
	display:none;
}

.Result ul.Meta {
	margin:0;
}

#footer {
	margin-left:auto;
	margin-right:auto;
	width:auto;
	color:#333;
}

#footer_links {width:100%;}

#footer_links p {
	color: #0066CC;
	font-size: 16px;
	line-height: 18px;
	padding:10px;
	text-align:center;
}
#footer_links p strong {
	font-size:24px;
	display:block;
	padding:8px 0;
}

#footer_links p strong a {
	color: #0066CC;
}

#footer_map { width:80%; margin:auto;}

#FooterNav {
	display:block;
}

#FooterNav {
	list-style-type:none;
	padding:0;
	margin:0;
}

#FooterNav li {
	margin:0;
	border-bottom:1px solid #efefef;
}

#FooterNav li a {
	padding:8px 0;
	text-align:center;
	display:block;
	background-color:#fff;
}

#footer_opening {
	float:none; width:auto;
}

#footer_opening p {
	color:#0066CC;
	text-align:center;}

#footer_facebook {display:none;}

iframe {
	width:100%;
}

}