/* 
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 */

@import url(https://fonts.googleapis.com/css?family=Muli);

body {
color:#708099;
}

/* Navigation */

#navigation {
  border-bottom: 3px solid #fff;
  border-top: 0;
}

#navigation ul.nav > li > a:hover {
background:#e28501;
color:#fff;
text-align:center;
}

ul.nav li {
border-right:1px solid #708099;
}

  #navigation ul.nav > li > a {
    padding: 1.416em;
    color: #fff;
    font-weight: 700;
  }

  #navigation ul.nav > li.current_page_item > a,
  #navigation ul.nav li.current_page_parent > a,
  #navigation ul.nav li.current-cat > a,
  #navigation ul.nav li.current-menu-item > a {
    background: #000080;
    color: #e28501;
    /* box-shadow: inset 0 0.207em 0 0 #474747;
    -webkit-box-shadow: inset 0 0.207em 0 0 #474747; */
  }
  #navigation ul.nav > li.current_page_item > a:hover,
  #navigation ul.nav li.current_page_parent > a:hover,
  #navigation ul.nav li.current-cat > a:hover,
  #navigation ul.nav li.current-menu-item > a:hover {
    background: #e28501;
	color:#fff;
  }
  #navigation ul.nav > li.current_page_item:hover > a,
  #navigation ul.nav li.current_page_parent:hover > a,
  #navigation ul.nav li.current-cat:hover > a,
  #navigation ul.nav li.current-menu-item:hover > a {
    background: #e28501;
	color:#fff;
  }
  
  #navigation ul.nav > li:hover > a {
    background: #e28501;
    color: #000080;
    /* box-shadow: inset 0 0.207em 0 0 #e28501;
    -webkit-box-shadow: inset 0 0.207em 0 0 #e28501; */
  }
  #navigation ul.nav ul li a {
    padding: .618em 1.416em;
    font-weight: bold;
    color: #000080;
    background: #fff;
	text-align:left;
  }
  
  /* Home Page Slider */
  
  .home .flexslider li.slide .slide-content .entry {
  background:rgba(255,255,255, 0.7);
    color:#000080;
	padding-top:0px;
	  text-align:center;
  }  
  
  .home .flexslider li.slide .slide-content header {
  background:rgba(255,255,255, 0.7);
  max-width:100%;
  text-align:center;
  }
  
  .home .flexslider li.slide .slide-content header h1 {
  color:#000080;
  }
  
  /* Footer */
  #footer {
  background: #000080;
  color:#fff;
  font-size:9pt;
}

#footer-widgets {
padding: 0 0 1em 0;
}
.footer-shop .inner {
background:#708099;
}

#footer-widgets .widget {
color:#000080;
}

#footer-widgets .widget a {
color:#000080;
}

.footer_full_width {
padding-top:20px;
border-top: 3px solid #dcdcdc;
border-bottom: 3px solid #e28501;
}

#footer-widgets .widget h3 {
color:#fff;
font-size: 1.2em;
text-align:center;
/* border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
padding:5px 0; */
}

#main-nav a {
  align-items: center;
  display: flex;
  height: 68px;
  justify-content: center;
  padding: 0 27px !important;
}  

#navigation .sub-menu a {
  padding: 0 13px !important;
  display: inline-block;
  height: 35px;
  display: flex;
  justify-content: left;
  align-self: left;
}

.sub-menu {
  padding: 5px 0 !important;
}

.home .flexslider li.slide .slide-content {
  left: 50%;
  margin-left: -400px;
  margin-top: -140px;
	 top: 50%;
}

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

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

/* Headings */

.type-page header h1 {
text-align:center;
font-size: 1.8em;
border-bottom: 1px dashed #dcdcdc;
padding-bottom: 10px;
}

h1,
.alpha {
  font-size: 1.7em;
  line-height: 1.416em;
  color:#e28501;
font-family: 'Muli', sans-serif;
  letter-spacing:1px;
}
h2,
.beta {
  font-size: 1em;
  line-height: 1.416em;
  color:#778899;
  text-transform:uppercase;
}
h3,
.gamma {
  font-size: 1.4em;
  line-height: 1.416em;
  color:#000080;
font-family: 'Muli', sans-serif;
}
h4 {
  font-size: 1.2em;
  line-height: 1.416em;
  color:#e28501;
font-family: 'Muli', sans-serif;
}
h5 {
  font-size: 1.2em;
  line-height: 1.416em;
  color:#000080;
font-family: 'Muli', sans-serif;
}
h6 {
  font-size: 1.1em;
  line-height: 1.416em;
  border-bottom: 1px dashed #dcdcdc;
  padding-bottom: 10px;
  color:#000080;
font-family: 'Muli', sans-serif;
}

/* Sidebar */

#sidebar .widget h2:first-of-type {
color:#000080;
font-size: 1.3em;
text-align:center;
border-top: 1px solid #e1e1e1;
border-bottom:1px solid #e1e1e1;
padding:5px 0;
text-transform:uppercase;
letter-spacing:1px;
}

/* Posts */

.post header h1 a:link {
color:#000080!important;
}

.post header h1 {
color:#000080!important;
}

.post .post-more a {
color:#e28501;
font-weight:bold;
font-size: 1.1em;
}

/* Team Plugin */
.tmm .tmm_job {
font-weight:bold;
color:#e28501;
}

.tmm .tmm_4_columns .tmm_names {
color:#000080;
font-weight:bold;
font-size: 1.1em;
font-family: 'Muli', sans-serif;
}

.tmm .tmm_names {
color:#000080;
font-weight:bold;
font-size: 1.1em;
border-bottom: 1px dotted #dcdcdc;
padding-bottom: 10px;
font-family: 'Muli', sans-serif;
}
.head_cont_icns {
  float: right;
  max-width: 230px;
  margin-top: 24px;
}
.head_cont_icns .fa {
  clear: left;
  color: #e28501;
  float: left;
  font-size: 30px;
  width: 15%;
  text-align: center;
}
.head_cont_icns h2 {
  float: left;
  width: 85%;
	font-size:16px;
	color:#708099;
	text-decoration:none;
	text-transform:none;
}
.head_cont_icns a:hover {
   text-decoration:none;	
}
.tag-eye-health.tag-glaucomoa .comments {
  display: none !important;
}
#sidebar .widget ul li {
  border-bottom: 1px dashed #e1e1e1;
  padding: 10px 0;
}

#sidebar .primary h2 {
	margin-bottom:0px;	
}

/* Remove Leave a Comment */
.post .comments {
display:none;
}


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

.home .flexslider li.slide .slide-content {
display:none!important;
}

#navigation #main-nav {
margin-left: 1.7%;
margin-right: 1.7%;
font-size:0.9em;
}

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

@media only screen and (max-width: 680px) {
#header #logo {
  display: inline-block;
  text-align: center;
  width: 100%;
}
.head_cont_icns {
  float: none;
  margin: 0 auto;
  max-width: 200px;
  margin-top: 30px;
}
#header .nav-toggle {
  max-width: 100%;
  text-align: center;
}
.home .flexslider li.slide .slide-content {
  margin-left: 0;
  margin-top: 0;
}
.slides .slide-content h1 {
  font-size: 20px;
}
.home .homepage-area {
  margin-bottom: 0 !important;
}
}