@charset "utf-8";
/*
 Theme Name:   Mountain Weather
 Theme URI:    http://gliffen.com
 Description:  Custom Child Theme of Twenty Thirteen developed for Mountain Weather
 Author:       Gliffen Designs
 Author URI:   http://gliffen.com
 Template:     twentythirteen
 Version:      1.0.0
 Tags:         custom
 Text Domain:  Mountain Weather
*/


@import url("../twentythirteen/style.css");


/* =Theme customization starts here
-------------------------------------------------------------- */

html, button, input, select, textarea {
	font-family: 'Roboto', sans-serif;
}
body {
		
}
.site {
	border:none;
	max-width:100%;
	background-color:transparent;
}
a, .entry-content a {
	color:#004990;
	text-decoration:none;	
}
a:hover, .entry-content a:hover {
	color:#7E1DB0;
	text-decoration:none;
}
a:visited {
	color:#37a7cd;
}
a:focus {
	outline:none;	
}
h1, h2, h3, h4, h5, p, .entry-content p {
	font-family: 'Roboto', sans-serif;
}
p {
	color:#555456;
}
ul {
	padding-left:15px;	
}
h1 {
	font-size:28px;
	font-weight:300;
	color:#6caddf;
	margin:20px 0px;
}
.entry-title {
	font-weight:300;
}
h2 {
	font-size:18px;
	font-weight:500;
	color:#6caddf;
}
h3 {
	font-size:24px;
	font-weight:300;
	color: #555456;
}
h4 {
	font-size:18px;
	font-weight:600;
	color: #555456;
}
h5 {
	font-size:16px;
	font-weight:600;
	color: #555456;
}
img {
	max-width:100%;
	height:auto;	
}
.push {
	clear:both;	
}
.white {
	color:#ffffff;	
}
input, textarea {
	border:2px solid;
	border-color:transparent;
	transition:border-color ease 200ms;	
}
input:focus, textarea:focus {
	border-color:#37a7cd;
}
button, input[type="submit"], input[type="button"], input[type="reset"] {
	border:none;
	border-radius:0px;
	background:none;
	background-color:#2d2e2b;
	color:#ffc522;
	text-transform:uppercase;
	padding:8px 16px;
	font-weight:700;
	font-size:16px;
	transition:all ease 200ms;
}
button:hover, button:focus, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:focus, input[type="button"]:focus, input[type="reset"]:focus {
	background:none;
	background-color:#37a7cd;
	border:none;
	color:#ffffff;
}
button:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active {
	border:none;
	padding:8px 16px;
	color:#ffffff;
	background-color:#37a7cd;
}

#content .entry-header, #content .entry-content, #content .entry-summary, #content footer.entry-meta, #content .featured-gallery, .search.sidebar .page-content, .blog.sidebar .page-content, .sidebar .post-navigation .nav-links, .paging-navigation .nav-links, #content .author-info, .comments-area .comments-title, .comments-area .comment-list, .comments-area .comment-navigation, .comment-respond, .sidebar .site-info, .sidebar .paging-navigation .nav-links {
	padding:0;
}
.mw-button, a.mw-button {
	display:inline-block;
	background-color:#FB4F14;
	text-align:center;
	border:2px solid #FB4F14;
	border-radius:10px;
	transition:all ease 200ms;
	cursor:pointer;
	padding:5px 12px;
	text-decoration:none;
	color:#ffffff;
	font-weight:600;
}
.mw-button:hover, a.mw-button:hover {
	background-color:transparent;
	color:#FB4F14;
}
a.mw-button-full {
	display:block;
}
hr {
	background:none;
	margin:10px 0;
	border-top:3px solid #c4c4c4;
}
.mw-widget, .widget_black_studio_tinymce {
	background-color: #ffffff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
}
#secondary #sidebar {
	text-align:center;	
}
#sidebar > div {
	max-width:300px;
	margin:0 auto 20px auto;
}
#sidebar > div:last-of-type {
	margin-bottom:0px;	
}
#secondary div .textwidget {
	margin-bottom:0px;
}
h3.mw-widget-title {
	background-color: #004990;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    padding: 8px;
    text-align: center;
}
.mw-widget > div, .widget_black_studio_tinymce div {
	padding:10px;	
}
#secondary .mw-widget .textwidget {
	display:block;
	margin:0px;
}
.textwidget p:last-of-type {
	margin-bottom:0px;
}
.addthis_sharing_toolbox {
	display:inline-block;
	vertical-align:middle;	
	margin-left:5px;
}

/* Gallery Styling
-------------------------------------------------------------- */

.mw_gal {
	background-color:#ffffff;
	margin:20px 0;	
}
.mw_gallery {
	padding-top:75%;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.mw_h2 {
	margin:0;
	padding:20px;
	text-align:center;
	border-bottom:2px solid #e0e1e3;
}
.mw_gallery_slides {
	
}
.mw_slide {
    height: 100%;
    left: -100%;
    position: absolute;
    top: 0;
    vertical-align: middle;
	text-align:center;
    width: 100%;
	background-color:#ffffff;
	padding:20px 20px 40px 20px;
	white-space:nowrap;
	font-size:0px;	
}
.mw_slide img {
	display: inline-block;
    height: auto;
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
    width: auto;
	font-size:0px;
}
.mw_slide_valign {
	height:100%;
	display:inline-block;
	vertical-align:middle;	
}
.slide_excerpt {
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	padding:10px;
	text-align:center;
	font-size:12px;	
}
.mw_gallery_controls_con {
	position:absolute;
	bottom:0px;
	top:0px;
	left:0px;
	right:0px;
}
.mw_gallery_controls {
	display:table;
	width:100%;
	height:100%;
	z-index:3;
	position:relative;
}
.mw_gallery_prev {
	display:table-cell;
	vertical-align:middle;
	text-align:left;
}
.mw_gallery_next {
	display:table-cell;	
	vertical-align:middle;
	text-align:right;
}
.mw-icon {
	font-size:60px;
	color:#3689bd;
	transition:all ease 200ms;
	cursor:pointer;
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	user-select: none;
	background-color: transparent
}
.mw-icon:hover {
	color:#004990;
}
.mw_gal_bottom {
	padding:20px;
	text-align:center;
	border-top:2px solid #e0e1e3;
}

/* Header
-------------------------------------------------------------- */

.website-header {
	position:relative;
	background-size:cover;
	background-repeat:no-repeat;
	width:100%;
	background-position:center;
	z-index:20;
	display:block;
}
.header-row {
/*	display:table-row;	*/
}
.header-left {
	display:block;
	float:left;
/*	position:absolute;
	top:10px;
	left:10px;
	width:381px;
	min-width:381px;
	vertical-align:middle;
*/}
.header-center {
	display:block;
	text-align:left;
	width:100%;
	padding:44px 0;	
}
h2.site-tagline {
	color: #ffffff;
    font-size: 15px;
    font-weight: 400;
	clear:none;
}
.header-right {
	display:block;
	position:absolute;
	top:10px;
	right:10px;
	bottom:10px;
/*	width:350px;
	min-width:350px;
*/	vertical-align:middle;
	text-align:center;
	background-color:rgba(255,255,255,.6);
	opacity:0.8;
	color:#000;
}
.header-right .textwidget {
	margin:0px;
}
.header-weather {
	display:inline-block;
	text-align:left;
}
.header-weather .gnws_title, .header-weather .gnws_forecast {
	color:#000;
	padding-bottom:0px;	
}
.header-weather .gnws_temp {
	color:#000;
}
body.admin-bar .site_header {
	top:32px;
}
.website-header .home-link {
	min-height :0px;
	padding:20px 40px;	
	width:auto;
	display:inline-block;
	max-width:300px;
}
.nws-search {
	display:table-cell;
	vertical-align:middle;
	white-space:nowrap;
}
.nws-search-mobile {
	display:inline-block;
	float:right;	
	margin-top:8px;
}
.nws-search-form {
	border:2px solid #c5c6ca;
	border-radius:7px;
	transition:all ease 200ms;
	overflow:hidden;
}
.nws-search-form.active {
	border-color:#6caddf !important;
}
.nws-search-form.active .nws-search-submit{
	background-color:#6caddf !important;
}
.nws-search-input {
	width:160px;
	background-color:transparent;
	padding:2px 5px;
	color:#555456;
	vertical-align:middle;
}
.nws-search-input.placeholder {
	color:#c5c6ca;
}
.nws-search-input:focus {
	border-color:transparent;
}
.nws-search-submit {
	padding:4px 16px !important;	
	background-image:url(images/mw-mag.png) !important;
	background-size:57% !important;
	background-color:#c5c6ca !important;
	background-position:center center !important;
	background-repeat:no-repeat !important;
	vertical-align:middle;
}
.nws-search-submit:hover {
	background-color:#6caddf !important;	
}

/* Navbar
-------------------------------------------------------------- */

#navbar {
	background-color:#ffffff;
	max-width:100%;
	text-align:center;
	min-height:50px;
}
.main-navigation {
	max-width:100%;
	min-height:50px;
	cursor:default;
	background-color:#ffffff;
	text-align:left;
	width:100%;
	z-index:11;
	padding:0 95px;
	border-bottom:2px solid #F2F3F7;
}
#site-navigation.sn-active {
	top:0px;
	position:fixed;
}
body.admin-bar #site-navigation.sn-active {
	top:32px;
}
.static-logo {
	left: 13px;
    max-width: 70px;
    position: absolute;
    margin-top: -60px;
    transition: margin-top 200ms ease 0s;
    z-index: 15;
}
.sl-active{
	margin-top:8px;	
}
.menu-con {
	margin:0 auto;
	max-width:1100px;
}
.menu-con-table {
	display:table;	
}
.menu-mainmenu-container {
	display:table-cell;
	width:100%;
	vertical-align:middle;
}
ul.nav-menu, div.nav-menu > ul {
	padding:0;
	display:inline-block;
}
.nav-menu li a {
    color: #6caddf;
    display: block;
    font-size: 16px;
    line-height: 1;
    padding: 17px;
    text-decoration: none;
	font-weight:500;
}
.nav-menu li:hover > a, .nav-menu li a:hover, .nav-menu li:focus > a, .nav-menu li a:focus {
	background-color:#3689BD;	
}
.nav-menu .sub-menu, .nav-menu .children {
	background:none;
	background-color:#3689BD;	
	border:none;
	left:0px;
}
ul.nav-menu ul a, .nav-menu ul ul a {
	text-align:left;
	width:215px;
}
ul.nav-menu ul a:hover, .nav-menu ul ul a:hover, ul.nav-menu ul a:focus, .nav-menu ul ul a:focus {
	background-color:#004990;
}
.nav-menu .current_page_item > a, .nav-menu .current_page_ancestor > a, .nav-menu .current-menu-item > a, .nav-menu .current-menu-ancestor > a {
	font-style:normal;
	color:#6caddf;	
}

/* Content
-------------------------------------------------------------- */

.site-main {
	background-color:#e7ecf0;
}
.site-max {
	max-width:1100px;
	margin:0 auto;
}
.site-table {
	width:100%;
	display:table;
	table-layout: fixed;
}
.content-row {
	display:table-row;
}
.content-area.sb {
	display:table-cell;
	vertical-align:top;
}
body.home .entry-header {
	margin-bottom:0px;	
}
#primary {
	padding:0 20px;
}
#primary.sb {
	width:69.1%;
}
#secondary {
	width:31.9%;
	padding:20px;
	background-color:#dcdde1;
	position:relative;
	z-index:10;
}
#secondary .textwidget {
	display:inline-block;
}
.entry-header, .entry-content, .entry-summary, .entry-meta {
	max-width:100%;
	width:100%;	
}
.entry-header {
	margin-bottom:20px;	
}
body.home .entry-title {
	line-height:0px;
	overflow:hidden;
	margin:0;	
}

.entry-content img.alignleft, .entry-content .wp-caption.alignleft {
    margin-left: 0;
}
.entry-content img.alignright, .entry-content .wp-caption.alignright {
    margin-right: 0;
}
.entry-thumbnail{
	float:left;	
	padding:10px 10px 10px 0
}
h1.entry-title,
.entry-meta{
	clear:none;	
}
.paging-navigation {
    background-color: transparent;
    padding: 40px 0;
}
.archive .hentry, .single .hentry {
	background-color:#ffffff;
	margin-bottom:20px;
	padding:20px;	
}
.entry-meta a {
	color:#004990;	
}
.entry-meta a:hover {
	color:	#7e1db0;
}

/* Masonry ------------------- */

.archive-header {
	padding:20px;
	background-color:transparent;
	text-align:center;	
}
.gallery-title {
	font-size:22px;
	color:#004990;
}
.masonry-sizer {
	width:23.2%;	
}
.masonry-gutter {
	width:2.4%;	
}
.masonry-item {
    margin-bottom:2.4%;
    padding: 0px;
	width:23.2%;
	position:relative;
	background-color:#000000;
}

/* Single Gallery ------------------- */

.image-title {
	text-align:center;	
}
.image-con {
	text-align:center;	
}
.image-content {
	padding:30px 0;
}
.post-navigation {
	background-color:transparent;
	font-style:normal;
}
.navigation a {
	color:#6caddf;	
}
.navigation a:hover {
	color:#004990;	
}

/* WAM styling for infoboxes ------------------- */

.infowindow_container {
    font-size: 12px;
}
.infowindow_container td {
	text-align:center;
	padding:5px;
}
.infowindow_title {
    color: #004990;
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
}
.infowindow_header {
    border-bottom: 1px solid #000;
    color: #000;
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
}
.infowindow_container .button {
    background-color: #004990;
    border: 2px solid #004990;
    border-radius: 8px;
    color: #ffffff;
    display: inline-block;
    margin-bottom: 10px;
    padding: 2px 0;
    text-align: center;
    width: 150px;
	font-weight:600;
}
.infowindow_container .button:hover {
	color:#004990;
	background-color:#ffffff;
}
.infowindow_webcam {
    height: auto;
    max-width: 150px !important;
}
@media screen and (max-width:600px){
	.infowindow_container table,
	.infowindow_container tr,
	.infowindow_container td,
	.infowindow_container tbody{
		display:block;	
		text-align:center;
	}
	.infowindow_container .button{
		font-size:12px;	
		padding:0;
		margin:0;
		float:none !important;
	}
		
}



/* weather map template styling
----------------------------------------------------*/

.page-template-weather_map_template .site-max{
	width:100%;
	max-width:none;	
}
.page-template-weather_map_template .site-secondary,
.page-template-weather_map_template .site-info,
.page-template-weather_map_template .website-header{
	display:none;
}

.page-template-weather_map_template .static-logo {
    margin-top: 5px;
}
.map_tooltip{
	color:#FFF;	
	font-weight:bold
}
.wam-legend{
	position:absolute;
	right:10px;
	top:10px;	
	background-color:#FFF;
}
.wam-legend div{
	display:none;	
	padding:10px;
}
.wam-legend div.legend-trigger{
	text-align:center;
	background-color:#004990;
	color:#FFF;
	font-weight:bold;
	font-size:12px;
	padding:5px 10px;
	display:block;
	cursor:pointer;
}


/* GNWS style overrides ------------------- */

.gnws {
    padding: 10px 15px;
}
.gnws_forecast {
	display:block;
	color:#414345;
	padding-bottom:50px;
	position:relative;
}
.gnws_icon {
	display:table-cell;
	width:43px;
	vertical-align:top;
}
.gnws_forecast_details {
	display:table-cell;
	vertical-align:top;
	padding-left:20px;
	font-size:14px;
	height:85px;
}
.gnws_title {
	font-weight:700;
	border-bottom:2px solid #6caddf;
	margin-bottom:6px;
	padding-bottom:3px;
}
.gnws_temp {
	color:#1335B7;
	font-weight:700;
	padding-top:6px;
	font-size:18px;	
}
.gnws_forecast .mw-button {
	display:block;
	margin-top:10px;
}
.gnws_forecast .mw-button a {
	display:block;	
}
.gnws_timestamp {
	color:#6caddf;
	font-size:10px;
	position:absolute;
	bottom:10px;
}

/* Footer
-------------------------------------------------------------- */

.site-footer {
	background-color:#32498D;
	text-align:left;
}
.site-sponsors {
	background-color:#dcdde1;
	overflow:auto;
	padding:20px;
}
.site-secondary {
	background-color:#cdced2;
	padding:20px;
}
.site-sec-left {
	display:table-cell;
	width:45%;
	vertical-align:middle;
}
#footer-menu {
	padding:0px 0px 0px 20px;	
}
#footer-menu li {
	display:block;	
}
#footer-menu li a {
	color:#555456;
	font-size:24px;
	font-weight:300;
	display:inline-block;
	padding:5px 0;
}
#footer-menu li a:hover {
	color:#32498D;
}
.site-sec-right {
	display:table-cell;
	vertical-align:middle;
}
.site-contact {
	display:table;
	width:100%;	
}
.site-social {
	display:table-cell;
	vertical-align:middle;
	/*width:75px; */
}

img.mw-instagram {
    margin-left: 10px;
}

.site-contact-right {
	display:table-cell;
	vertical-align:middle;	
}
.site-info {
	background-color:#32498D;
	padding:20px;
	max-width:100%;
}
.site-info a {
	color:#ffffff;	
}
.site-info-left {
	float:left;
	color:#ffffff;
}
.site-info-right {
	float:right;
	color:#ffffff;
}
.push {
	clear:both;
}

/* Mobile Nav Menu Styling
-------------------------------------------------------------- */

.mobile-nav {
	background-color:#ffffff;
	padding:2px 10px;
	border-bottom: 2px solid #f2f3f7;
	display:none;
	position:fixed;
	top:0px;
	width:100%;
	z-index:35;
	height:52px;
}
.mobile-nav-btn {
	display:inline-block;
	padding:5px 10px;
	max-width:60px;
	cursor:pointer;
	transition:all ease 300ms;
}
.mobile-nav-btn img {
	transition:all ease 300ms;	
}
.mobile-nav-con {
	position:fixed;
	top:52px;
	bottom:0px;
	width:350px;
	left:-350px;
	transition:all ease 300ms;
	background-color:#3689bd;
	background-image:url(images/mobile-bg.jpg);
	background-size:cover;
	z-index:30;
	padding:20px;
	overflow-y:scroll;
}
/*
.mn-active .mobile-nav-btn {
	margin-left:350px;
}
.mn-active .mobile-nav-btn img {
	transform:rotate(180deg);
	-ms-transform:      rotate(180deg);
	-moz-transform:     rotate(180deg);
	-webkit-transform:  rotate(180deg);
	-o-transform:       rotate(180deg);	
}
*/
.mn-active .mobile-nav-con {
	left:0px;	
}
.mobile-title {
	color:#6caddf;
	padding-bottom:15px;
	font-size:20px;
	font-weight:700;
	display:block;
}
#mobile-nav-menu {
	padding:0px;
	margin:0px;
}
#mobile-nav-menu li {
	border-bottom:2px solid #ffffff;
}
#mobile-nav-menu li ul li {
	border-bottom:none;	
}
#mobile-nav-menu li:last-of-type {
	border-bottom:none;	
}
#mobile-nav-menu li a {
	color: #ffffff;
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    padding: 10px 0;
}
#mobile-nav-menu ul {
	padding-left:15px;	
}	
.header-left .textwidget {
	margin-bottom:0px;	
}

/* Mobile Optimization
-------------------------------------------------------------- */
@media screen and (max-width:1220px){
	.main-navigation {
		padding-right:10px;
	}
	.masonry-sizer {
		width:32%;	
	}
	.masonry-gutter {
		width:2%;	
	}
	.masonry-item {
		margin-bottom:2%;
		width:32%;
	}
}
@media screen and (max-width:1100px){
	.nav-menu li a {
		font-weight:700;
		font-size:14px;	
	}
}
@media screen and (max-width:1010px){
	.nav-menu li:last-of-type ul {
		left:auto;
		right:0px;
	}
	.nav-menu li a {
		padding:17px 6px;	
	}
	ul.nav-menu ul a, .nav-menu ul ul a {
		padding:17px;	
	}
}
@media screen and (max-width:900px){
	.site {
		padding-top:52px;	
	}
	.site-max {
		display:block;	
	}
	.content-row {
		display:block;	
	}
	#primary.sb {
		width:100%;
		display:block;
	}
	#secondary {
		display:block;
		width:100%;	
		text-align:center;
	}
	.site-info {
		font-size:13px;	
	}
	#navbar {
		display:none;	
	}
	.mobile-nav {
		display:block;	
	}
	body.admin-bar .mobile-nav {
		top:32px;	
	}
	body.admin-bar .mobile-nav-con {
		top:84px;	
	}
	.header-right {
		display:none;	
	}
	.masonry-sizer {
		width:49%;	
	}
	.masonry-gutter {
		width:2%;	
	}
	.masonry-item {
		margin-bottom:2%;
		width:49%;
	}
}
@media screen and (max-width:782px){
	.site-contact-right {
		display:block;	
	}
	.site-social {
		display:block;
		width:auto;	
	}
	#footer-menu li a {
		font-size:20px;	
	}
	.site-info-right, .site-info-left {
		float:none;
		text-align:right;	
	}
	body.admin-bar .mobile-nav {
		top:46px;	
	}
	body.admin-bar .mobile-nav-con {
		top:98px;	
	}
	.mw_gallery {
		height:450px;
		padding-top:0px;
	}
	.mw_gallery_controls {
		height:450px;	
	}
	
}
@media screen and (max-width:643px){
	.site-table,.site-sec-left, .site-sec-right {
		display:block;
		width:auto;	
	}
	#footer-menu {
		padding:0px;
		text-align:left;
	}
	#footer-menu li {
		display:inline-block;	
	}
	#footer-menu li a {
		padding:5px 20px;	
	}
	.header-left {
		float:none;
		width:100%;
		text-align:center;	
	}
	.header-center {
		display:none;
	}
	.mw_slide {
		padding:20px 10px;	
	}
	.slide_excerpt {
		display:none;	
	}
	.mw-icon {
		background-color:transparent;
		font-size:48px;
	}
	.mw-icon:hover {
		background-color:transparent;	
	}
	.mw_gallery {
		height:300px;	
	}
	.mw_gallery_controls {
		height:300px;	
	}
}
@media screen and (max-width:500px){
	.mobile-nav-con {
		width:250px;
		left:-250px;	
	}
	.masonry-sizer {
		width:100%;	
	}
	.masonry-gutter {
		width:0%;	
	}
	.masonry-item {
		margin-bottom:20px;
		width:100%;
	}
}