/*
* Theme Name: Seattle Emergency Hubs
* Theme URI: http://seattleemergencyhubs.org
* Description: Seattle Emergency Hubs theme for website
* Author: ITC210-SEH
* Author URI: http://seattleemergencyhubs.org
* Version: 1.0
* Tags:
* License:
* License URI:
*
* General Comments (NECN GitHub at 3:20pm TMonday, Dec 8)
*/
* {
	margin: 0;
	padding: 0;
    }

body {
	font-family: "futura-pt",sans-serif;
	font-style: normal;
	font-weight: 400; /* Light:300, Book:400, Medium:500, Heavy:700 */
	font-size: 100%;
	line-height: 1.5;
	color: #000000;
    }
p {
	text-align: justify;
}
h1, h2, h3 {
	font-weight: 700; /* Light:300, Book:400, Medium:500, Heavy:700 */
    }
h4, h5, h6 {
	font-weight: 500; /* Light:300, Book:400, Medium:500, Heavy:700 */
    }
a {
	text-decoration: none;
	color:#0080C5;
    }
a:hover {
	text-decoration:underline;
    }
img {
	max-width:100%;
    }
a img {
	border: none;
    }
iframe {
	overflow: hidden; /* Replace scrolling="" on iframe */
    }
header {
	background:url(../necn/images/header.png) no-repeat scroll center top;
    }

.clear {
	clear:both;
    }
       
.header-content {
	margin: auto;
	padding: 5px 0;
	max-width: 960px;
    }

.footer-content {
	margin: auto;
	padding: 5px 0;
	max-width: 960px;
    }

.content {
	margin: auto;
	/* padding:5px;*/
	max-width: 960px;
	/* overflow:hidden; */
	/* background-color:#F8F4F4;*/
    }

/* Main Content */
.main-content-left, .content-area {
	max-width: 615px;
	margin-top: 20px;
	padding-left:5px;
	float: left;
    }

/*Post Metadata*/
.post-metadata li {
	display: inline;
    }

/* Post Nav */
.post-nav li {
	display: inline;
	list-style: none;
    }

/*Pagination*/
.post-nav {
	margin: 10px auto;
	text-align: center;
    }

/* Sidebar */
.main-content-right {
	width: 295px;
	margin-top: 20px;
	padding-right:5px;
	float: right;
    }

.main-content-right li {
	list-style-type: none;
    }

/*Social Media Button*/
.main-content-social-media {
	margin: 20px 0 0 0;
	float: right;
    }

.main-content-social-media h3 {
	text-align: center;
    }

.main-content-social-media img {
	padding: 0 5px;
    }

/* Logo */
.logo {
	max-width: 75%;
	float: left;
    }

/* Slider */
#slider-home {
	width: 100%;
	z-index:1;
    }

/* Header */
header {
	    width: 100%;
	    margin-bottom:10px;
    }

/* Main Navigation */
.right-column-header {
	    max-width: 25%;
	    float: right;
    }

.right-column-top-header ul {
	padding-right: .75em;
    }

.right-column-top-header li {
	color: black;
	font-size: 1em;
	display: inline;
	text-align: left;
    }

div.crafty-social-buttons-caption-block .crafty-social-caption {
	color: #fff;
	background-color: #3399D1;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
    }

div.crafty-social-buttons ul.crafty-social-buttons-list {
	    padding-top:2%;
	    /*color: black;
	    font-size: 1em;
	    display: inline;
	    text-align: left;*/
    }

/* Primary Navigation */
.primary-nav li {
	font-size: 1em;
	display: inline-block;
	text-align: center;
	/*margin-left:4%;
	margin-right: auto*/;
    }

.primary-nav li > a:after {
	content: " ";
	font-size:20px;
    }

.primary-nav li.menu-item-has-children > a:after {
	content: "ˇ"; /* ˇ */
	position: relative;
	top: 8px;
	left: 6px;
	font-size:20px;
    }

.primary-nav ul:first-child>li {
	margin:0;
	width:14.28571428571429%;
	float:left;
	background-color:#3399D1;
    }

.primary-nav ul:first-child>li a{
	color:#fff;
    }

.primary-nav ul:first-child>li:hover{
	background-color:#1D6289;
    }

.primary-nav ul:first-child>li a:hover{
	text-shadow: #000 1px 1px;
    }

.primary-nav ul:first-child>li:first-child {
	border-top-left-radius:7px;
	border-bottom-left-radius:7px;
    }

.primary-nav ul:first-child>li:last-child {
	border-top-right-radius:7px;
	border-bottom-right-radius:7px;
    }

.primary-nav a {
	text-decoration: none;
	color: black;
	display:block;
	padding: .3em;
    }

.primary-nav ul ul {
	position: absolute;
	display: none;
    }

.primary-nav ul ul li {
	position: relative;
	font-size: .85em;
	line-height:.9;
	display: block;
	background-color:#3399D1;
	width:100%;
	text-align:left;
	padding: 0 15%;
	left:5px;
    }
.primary-nav ul ul li:last-child{
	padding-bottom:5%;	
    }
.primary-nav ul li:hover > ul {
	display: block;
	z-index:10;
    }


/*****************************POSTS***********************************************/
.article-post {
	padding:10px 0px;
    }

.article .article-post h2 {
	/*font-size:1.5em; /* 24/16 = 1.5 */
    }

.article-post .post-metadata {
    	/*font-size:1.5em; /* 24/16 = 1.5 */
    }

.article-post p{
	display:inline;
    }

.article-post .more {
	font-style:italic;
    }

/*SIDEBAR*/
.widget-title, #sub-navigation-title {
	color:#fff;
	background-color:#3399D1;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	padding-left:2px;
	padding-left:.25em;
    }

.widget, #sub-navigation {
	border:#3399D1 1px solid;
	border-radius:10px;
	margin-bottom:20px;
    }

.textwidget, #sub-navigation-items, .widget ul, .widget_search {
	padding: 2%;
	overflow: hidden;
    }

/* Footer Nav */
.footer-nav li {
	font-size: .75em;
	display: inline-table;
	/*padding-right: 1.5em;*/
	width:13%;
	text-align:left;
    }

.footer-nav ul ul {
	padding-top:.5em;
    }

.footer-nav a {
    text-decoration: none;
	color:#D0CFCF;
    }

.footer-nav a:hover {
	color:#3399D1;
    }

.footer-nav ul ul li {
	display:block;
	font-size: .90em;
	text-align:left;
	width:100%;
    }

/* Footer */
footer {
	background-color:#000;
	color:#D0CFCF;
	width: 100%;
	text-align: center;
	clear: both;
    }
@media only screen and (min-width:921px ) and (max-width:1920px) {
.primary-mobile-nav {
	display: none; /*prevent mobile nav from showing on resolution higher than 920px*/
    }
}

/* -----------Small Tablet View----------- */
@media only screen and (min-width:481px ) and (max-width:920px) {
		
body {
	font-size: 66%;
    }
	
iframe {
	width: 100%;
    }
	
.footer-nav{
        display: none;
    }
 
.content {
        box-sizing: border-box;
        width: 93%;
    }

.main-content-left, .content-area {
        max-width: 63%;
    }

.main-content-right {
        max-width: 30%;
        float:right;
    }
   
.main-content-social-media {
        display:none;
    }

/* -----------Smartphone View----------- */
/* All our smartphone rules go inside here */
.primary-mobile-nav{
	display: none;
    }
}	

@media only screen and (min-width:240px ) and (max-width:480px) {
.primary-nav {
	display: none;
    }

.content {
	box-sizing: border-box;
	width: 95%;
    }

header {
      /* display: none; */
      max-width: 480px;
   }
    
div.crafty-social-buttons .crafty-social-caption {
	display: none !important;
    }
   
   /* SLIDER */
#slider-home {
	display: none;
    }
   
   /* MAIN CONTENT */  
.main-content-left, .content-area {
	/*Deleted margin-left :0; */
	/*Deleted float: none; */
	width: 100%; /*Changed from width: auto; */
    }
   
.main-content-left h1, .content-area .main-content-right h1 {
	font-size: 1.5em; /* 24px */
	line-height: 100%;
    }
   
.main-content-left h2, .content-area .main-content-right h2 {
	font-size: 1.25em; /* 20px */
	line-height: 100%;
    }   
   
.main-content-left h3, .content-area .main-content-right h3 {
	font-size: 1.125em; /* 18px */
	line-height: 100%;
    }    
   
.main-content-left p, .content-area .main-content-right p {
	font-size: 1em; /* 16px */
	line-height: 150%; /* 24px */
text-align: justify;
    }
   
.main-content-left p, .content-area .main-content-right ol, ul {
	font-size: 1em; /* 16px */
	line-height: 110%; /* 20px */
    }   
   
   /*POST METADATA*/
.post-metadata li {
	float: left;
	display: inline-block;
	font-size: 0.875em; /* 14px */
    }
   
   /*Sidebar*/
.main-content-right {
	width: 100%;  /*Changed from 50%*/
	float: left;   /*Changed from float:right; */ 
    }
   
   /*Social Media Button*/
.main-content-social-media {
        margin: 20px 0;
        float: right;
    }
   
.primary-mobile-nav{
	width:100%;
	position:relative;
	font-size:14px;
	font-weight:700;
	z-index:99;
    }
	
    /*MENU AUTO CLOSES ON REFRESH*/
.menu{
	display:none;
	position:relative; /*absolute*/
	/* top:105px; */
	right:18px;
    }

.menu li.last, .menu li.last a{
	border-radius:0 0 5px 5px;
    }
		
	/*MENU WIDTH AND POSITION AFTER BUTTON CLICK, BULLETS*/
.menu-item-top{
	width:95%;
	float:right;
	position:relative;
	list-style:none;	
    }
	
.menu-item-top a{
	padding:10px 20px; /*take 5 px off top of padding*/
	display:block;
	text-decoration:none;
	color:#FFF;
	border-bottom:1px solid #fff;
	background-color:#3399D1;
    }
	
.menu-item-top > a:hover{
	box-shadow:inset 0px 0px 4px 2px rgba(0,0,0,0.2);
	background-image:linear-gradient(#3399D1, #3399D1);
    }
	
	/*SUBMENU TOGGLE OPEN CLOSE, OTHERWISE MENU BUTTON OPENS ALL TABS*/
.menu-item-top:hover .sub-menu{
	display:none;
    }

	/*NAV SUBMENU */
.sub-menu{
	width:95%;
	left:0;
	float:right;
	position:absolute;
	position:static;
	display:none;
	list-style:none;	
	text-decoration:none;
    }
	
.menu-item a{
	border-bottom:1px solid #fff;
	background-color:#3399D1;
    }
	
.menu-item a:hover{
	box-shadow:inset 0px 0px 4px 2px rgba(0,0,0,0.2);
	background-image:linear-gradient(#3399D1, #3399D1);
    }

	/*DISPLAY BUTTON*/
.nav-mobile{
	width:50px;
	height:49px;
	top:-48px;
	/* right:12px; */
	border-radius:5px 5px 0 0;
	position:absolute; 
	display:block;
	background:#3399D1 url(images/nav.svg) no-repeat center center;
	background-size:20px;
	cursor:pointer;
    }
	
.nav-mobile:hover{
	box-shadow:inset 0px 0px 4px 2px rgba(0,0,0,0.2);
	background-image:linear-gradient(#AF77CC, #AF77CC);
	background:url(images/nav.svg) no-repeat center center;
	background-size:20px;
    }
	
.nav-click{
	width:50px;
	height:48px;
	top:0;
	right:0;
	position:absolute;
	display:block;
	border-left:1px solid #fff;
	cursor:pointer;
    }
	
.nav-click i{
	width:50px;
	height:48px;
	display:block;
	background:url(images/drop.svg) no-repeat center center;
	background-size:20px;
    }
	
.nav-click:hover{
	box-shadow:inset 0px 0px 4px 2px rgba(0,0,0,0.2);
	background-image:linear-gradient(#3399D1, #3399D1);
    }
	
.nav-rotate{
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
    }
   
.right-column-header {
	float: right;
    }

    /* Primary Navigation */
    .footer-nav {
        display: none;
    }

    /* Footer */
    footer {
        margin: 0 auto;
        background-color:#000;
        color:#fff;
        width: 100%; /* changed from max-width: 50%; */
        text-align: center;
        clear: both;
    }


}