/*
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles in this file instead of style.css so it
is easier to update the theme. Simply copy an existing style
from style.css to this file, and modify it to your liking. */


/*
GLOBAL STYLES
----------------
Add styles beneath this line that you want to be applied across your entire site */

.su-posts-default-loop .su-post-comments-link {
display:none;
}

#featured-slider .slide-content div.entry
{
height:200px;
}

#header {
    position: relative;
    z-index: 1;
    padding: 0;
	background:#ffffff; /* changes background colour of main navigation */
  }
  
#header #logo {
    margin: 0 0 10px 0; /* changes gap at the top of the logo in header */
  }

.hentry {
  margin: 0 0 1em;
  padding: 0 0 1em;
  /* border-bottom: 2px dashed #febe3a; */

/* Slider - changing display to none */
#featured-slider .slide-content header h1 {
	display: none;
}

/* Navigation - changes line colour either side of navigation items */

  #navigation ul.nav ul {
    background: #febe3a; /* changes background colour of drop down menus */
    -webkit-border-radius: 0.327em;
    border-radius: 0.327em;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    width: 13em;
  }
  
#navigation ul.nav > li {
    border-right: 2px solid #ffffff;
	background-color:#febe3a;
  }
#navigation ul.nav > li:first-child {
    border-left: 2px solid #ffffff;
  }
  
    #navigation ul.nav li ul a,
  #navigation ul.nav li ul ul li a {
    padding: .2em 1em;
	border: 2px solid #fff;
  }
  
 #navigation ul.nav > li a:hover {
    color: #9b9b9b;
	background-color:#ff9900; /* changes the navigation hover colour */
  }
  
#navigation ul.nav li a {
    padding: 1.5em 0.9em; /* changes padding between main navigation */
    text-shadow: none;
    border: 0;
    color: #fafafa;
    font-size: 1em;
  }

/* Top Navigation - Shopping Cart items */
  #top {
    background: #ffffff;
    margin: 0 -1.618em;
    padding: 0 1.618em;
    display: block;
	border-bottom: 2px solid #ffffff;
  }
  #top #top-nav,
  #top .top-navigation {
    display: block;
	float: right; /*This will float the top menu right */
	padding: 0 0 0 135px;
  }
  #top #top-nav h3,
  #top .top-navigation h3 {
    display: none;
  }
  #top ul.nav {
    font-size: 1em;
    /* LEVEL 2 */
    /* LEVEL 3 */
  }
  #top ul.nav > li a {
    border-right: 2px solid #fff;
    color: #eee;
  }
  #top ul.nav > li a:hover {
    background: #cccccc;
  }
  #top ul.nav > li:first-child a {
    border-left: 1px solid #fff;
  }
  #top ul.nav > li:hover {
    background: #555;
  }
  #top ul.nav li.current-menu-item > a {
    background: #cccccc;  /* changes colour of selected navigation item */
  }
  #top ul.nav ul {
    background: #555;
  }

/* Changes gap between slider and text on home page */
  .homepage-area .home-section {
  padding: 1em 0;
}

.homepage-area .home-section header {
  text-align: left; /* changes alignment of home page headings */
  max-width: 86%;
  margin: 0 0 1.5em 0;
}

/* Heading Styles */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Oswald', sans-serif;
  color: #313131;
  margin: 0 0 .5em;
  font-weight: 400;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  text-decoration: none;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
  text-decoration: underline;
}
h1 {
  font-size: 2em;
  line-height: 1.387em;
  color: #6d2240;
  font-family: 'Oswald', sans-serif;
  border-bottom: 2px dashed #febe3a;
  padding-bottom: 10px;
}
h2 {
  font-size: 1.618em;
  line-height: 1.387em;
  color:#6d2240;
  font-family: 'Oswald', sans-serif;
}
h3 {
  font-size: 1.618em;
  line-height: 1.387em;
  color:#febe3a;
}
h4 {
  font-size: 2em;
  line-height: 1.387em;
  color: #6d2240;
  font-family: 'Oswald', sans-serif;
  border-bottom: 1px dashed #febe3a;
  padding-bottom: 10px;
}
h5 {
  font-size: 1em;
  color: #666666;
  font-family:Arial, Helvetica, sans-serif;
}
h6 {
  font-size: 0.857em;
}

/* Background behind page heading */
#top-section {
  padding: 3.631em 0;
  /* background: #ffffff url(http://www.newportslsc.com/images/background.jpg); */
  background-position:center;
  background-color:#6d2240;
}

/* Page font colour that appears in top section of each page */
#top-section header h1 {
  font-family: "Alef", sans-serif;
  color: #ffffff !important; /* changes font colour */
  font-size: 2.618em;
  margin: 0;
  line-height: 1;
  color: #fff;
  text-shadow: 0 1px 1px #000000;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

#featured-products {
  padding: 1em 0 1em;
}

#footer-wrapper {
  background: #febe3a;
  padding: 3.631em 0 1em;
}

/*
DESKTOP STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */

@media only screen and (min-width: 768px) {
	/* Desktop styles go here */
}