/*
 Theme Name:   Alaska Airlines Blog
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Adventure Child Theme
 Author:       Chris Morda
 Author URI:   http://example.com
 Template:     premium/adventure
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  adventure-child
*/

/*******************************
******Chris Desktop Styles******
*******************************/

/*remove underline for link on logo*/
.masthead a{
	text-decoration: none;
}

/*set image above body at 100% width*/
div.feature-img.banner img, div.feature-img.page-header img, div.feature-img.category-header img {
    width: 100% !important;
}

/*increase default desktop width of body to 1140px*/
.row {
    max-width: 1140px;
}

/*add padding between logo and menu when mobile menu is active*/
.mobile-logo {
	margin-bottom: 1em !important;
}

@media only screen and (max-width: 1140px) {
	.row {
		width: 98%;
	}
}


/* Widget Styles */
@font-face {
	font-family: 'Circular';
	src: url('//resource.alaskaair.net/stylesheets/circular/ASCircularWeb-Book.woff2') format('woff2'), url('//resource.alaskaair.net/stylesheets/circular/ASCircularWeb-Book.woff') format("woff");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Circular';
	src: url('//resource.alaskaair.net/stylesheets/circular/ASCircularWeb-Bold.woff2') format('woff2'), url('//resource.alaskaair.net/stylesheets/circular/ASCircularWeb-Bold.woff') format("woff");
	font-weight: bold;
	font-style: normal;
}

/*AS Fonts Loaded Here*/
body,h1,h2,h3,h4,h5,h6,.site-title,.site-description,#navigation {
	font-family: Circular, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #454545;
	line-height: 1.6em;
}

body.custom-background {
	background-image: none;
	background-color: #f5f5f5;
}

/*End AS Fonts Loaded Here*/
/*Main Colors*/
h1 a, h1 a:link, h2 a, h2 a:link, h3 a, h3 a:link, h4 a, h4 a:link, h5 a, h5 a:link, h6 a, h6 a:link {
	color: #01426A;
	font-size: 32px;
}

a, a:link {
	color: #4771a3;
	font-family: Circular, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a.more-link {
	background-color: white;
	color: #01426A;
	margin-top: -1em;
	border: 2px solid #01426A;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
}


.post-author p,
.post-meta p, 
#wrap .sd-social-icon-text .sd-content ul li a.sd-button,
.post-likes-widget-placeholder .loading,
.pagination .page-numbers,
.menu a,
.wpl-button a,
.jp-relatedposts-post-context, 
#searchform #s  {
    color: #656565!important;
}

.jp-relatedposts-post-context {
	opacity: 1!important;
}

.wpl-button.like a{
    color: #656565!important;
}

#image-2 {
	padding:0px;
}

#image-2 img {
	margin:0px;
}


.footer-widgets .textwidget {
    color: #fff;
}

#subscribe-field[style] {
	width: 100%!important;
    box-sizing: border-box;
}

.footer .footer-widgets .widget a {
	color: #fff!important;
	text-decoration:none;
}

.footer-widgets .widget a:hover,
.footer-widgets .widget a:focus {
	text-decoration:underline;
}

.sd-social .sd-button .share-count {
	background-color:#656565!important;
}

a.more-link:hover {
	background-color: #01426A;
	color: #FFF;
	border: 2px solid #01426A;
}

/*End Main Colors*/
.headline {
	font-size: 2em;
	font-weight: bold;
}

/*Masthead*/
.logo-overlay .masthead, .logo-overlay #custom-header, .logo-overlay #custom-header {
	position: fixed;
	top: inherit;
}



.masthead {

    background-image: url(https://alaskaairblog.files.wordpress.com/2016/01/alaska-airlines-2016-logo.png);
    background-repeat: no-repeat;
    background-position: center 25px;
    min-width: 107px;
    background-size: 100%;
    margin-top: -17px;
    height: 35px;
    display: inline-block;
    margin-bottom: 24px;
    padding: 24px;
    z-index: 9999;
}

.masthead h1 {
	visibility: hidden;
}

.site-title {
	line-height: 1.2em !important;
	padding: 2px 0;
}

.page-header, .category-header, .feature-img.banner {
	background: transparent;
}

.page-header, .category-header {
	margin-top: 80px;
}

.headline {
	text-transform: none;
	color: #01426A;
}

.hentry {
	margin-top: 80px;
}

.header-active .row {
	margin-top: 0;
}

/*End Masthead*/
/*Menu*/
#header {
	position: fixed;
	width: 100%;
	box-shadow: 0 4px 15px rgba(0,0,0,0.07);
}

div#header {
	background-color: white;
	padding: 20px 0;
}

.menu a {
	text-transform: uppercase;
	background: transparent;
	color: #656565;
	font-size: 14px;
}

.menu li,.menu li:last-child {
	border-left: 0;
	border-right: 0;
}

#navigation .menu .current_page_item a, #navigation .menu .current_page_ancestor a, #navigation .menu .current-menu-item a, #navigation .menu .current-cat a, .menu a:focus, .menu a:hover, .menu a:active {
	background: transparent;
	color: #517cb9;
}

/*End Menu*/
.sidebar {
	margin: 20px 0 0;
}

.widget {
	border: 0;
	border-bottom: 6px solid #c8c9c7;
	background: #fff;
	box-shadow: 0 0 3px 0 rgba(0,0,0,0.35);
	-moz-box-shadow: 0 0 3px 0 rgba(0,0,0,0.35);
	-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.35);
}

.blog-holder, .archive-holder, .single-holder, #comments, .post-holder {
	background: #FFF;
	margin-bottom: 24px;
	padding-bottom: 0;
	box-shadow: 2px 2px 0 rgba(0,0,0,0.04);
	-moz-box-shadow: 2px 1px 0 rgba(0,0,0,.04);
	-webkit-box-shadow: 2px 2px 0 rgba(0,0,0,0.04);
	margin-top: 20px;
	border: 0;
	border-bottom: 6px solid #c8c9c7;
	background: #fff;
	box-shadow: 0 0 3px 0 rgba(0,0,0,0.35);
	-moz-box-shadow: 0 0 3px 0 rgba(0,0,0,0.35);
	-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.35);
}

#respond h3 {
	line-height: 1.3em;
}

#respond h3:after {
	content: "(For customer service, call 1-800-654-5669)";
	white-space: pre;
	font-size: 14px;
	position: relative;
	top: -4px;
}

#comments {
	padding: 12px 36px;
}

.footer-information {
	display: none;
}

.footer {
	background: #01426A;
}

.footer .widget {
	border-bottom: 0;
}

.footer-content {
	color: #FFF;
}

.footer-widgets .widget {
	width: 33%;
	line-height: 1.5em;
}

.footer-widgets .widget.widget_text a {
	text-decoration: underline;
	color: #eee;
}

.footer-widgets .widget ul.menu li a {
	line-height: 1em;
}


/*Increases the font size of Tags */
.footer-widget > div > a {
	font-size: 16px !important;
	padding: 0 10px 0 0;
}

div#wp_tag_cloud-3 a {
	font-size: 14px !important;
	padding-right: 3px;
	line-height: 2em;
}

a.button, .reply a, #searchsubmit, #prevLink a, #nextLink a, input[type="submit"], .more-link, #submit, #comments #respond input#submit, .pushbutton-wide {
	box-shadow: none;
	border: 1px solid #ddd;
	top: 0;
}

a.button:hover, input[type="submit"]:hover, .reply a:hover, #searchsubmit:hover, #prevLink a:hover, #nextLink a:hover, #submit:hover, #comments #respond input#submit:hover, .pushbutton-wide:hover {
	background-color: #eee;
	box-shadow: none;
	color: #656565!important;
	border: 1px solid #ddd;
}

.article .more-link:hover {
	color:#fff!important;
}

/*Adjust as needed if we add more footer widgets*/
.footer-widgets > div#wp_tag_cloud-3, .footer-widgets > div#recent-posts-5 {
	width: 33%;
}

@media only screen and (min-width: 1095px) {
	div.feature-img.banner img, div.feature-img.page-header img, div.feature-img.category-header img {
		width: 90%;
		background-color: transparent;
	}
}

#@media handheld,only screen and (max-width: 1023px) {
	min-width: 220px;
}

.site-description {
	margin-top: 0;
}

.page-header {
	height: auto;
}	
}

@media only screen and (max-width: 767px) {
	.masthead, .logo-overlay .masthead {
		margin: 0 0 15px;
	}
	
	.masthead {
		background-size: inherit;
		min-width: 220px;
		background-position: center center;
	}
	
	.logo-overlay .masthead, .logo-overlay #custom-header, .logo-overlay .masthead, .logo-overlay #custom-header,#header {
		position: initial;
	}
	
	#navigation {
		background: #01426A !important;
	}
	
	.mobile-menu a {
		color: #FFF !important;
	}
	
	.mobile-menu a:hover {
		background: #2774AE !important;
	}
	
	.hentry {
		margin-top: 5px;
	}
	
	div#header {
		padding: 20px 0 0;
	}
	
	.page-header, .category-header, .feature-img.banner {
		display: none;
	}
	
	.footer-widgets .widget {
		width: 100%;
		line-height: 1.5em;
	}
}

img#wpstats {
	visibility: hidden;
	height: 0;
	width: 0;
}

/* end of widget style *//************************************************
*	Media Queries								*
************************************************/

/* Mobile */

@media handheld, only screen and (max-width: 1023px) {

	/* Theme iPad */

	#wpadminbar {
		position: fixed;
		}
	iframe {
		max-width: 100%;
		}
	.homepage,
	.header-active .row {
		margin-top: 0px;
		}
	.menu a {
		font-size: 0.9em;
		padding: 0px 8px;
		}
	.slideshow .loading {
		min-height: 360px;
		}
	.slideshow .information {
		width: auto;
		position: absolute;
		bottom: 24px;
		left: 24px;
		margin-left: 0px;
		padding: 0px;
		}
	.slideshow .information .headline {
		font-weight: 400;
		font-size: 2em;
		letter-spacing: 0px;
		}
	.slideshow .information .headline.no-excerpt {
		margin-bottom: 0px;
		}
	.flex-control-nav,
	.slideshow .excerpt {
		display: none;
		}
	.home-social .title {
		display: none;
		}
	.intro-img .headline {
		left: 18px;
		bottom: 18px;
		}
	.category-wrap {
		width: 100%;
		margin: 0px;
		}
	.footer {
		margin-top: 0px;
		}
	.footer-content {
		text-align: center;
		}
	.footer-content .align-left {
		float: none;
		display: block;
		}
	.footer-content .align-right {
		float: none;
		display: block;
		text-align: center;
		margin-top: 18px;
		}
	}

/* Typography */

@media handheld, only screen and (max-width: 767px) {
	h1 {
		font-size: 1.8rem;
		line-height: 1.4;
		}
	h2 {
		font-size: 1.6rem;
		line-height: 1.4;
		}
	h3 {
		font-size: 1.4rem;
		line-height: 1.4;
		}
	h4 {
		font-size: 1.2rem;
		line-height: 1.4;
		}
	h5 {
		font-size: 1.1rem;
		line-height: 1.4;
		}
	h6 {
		font-size: 1.0rem;
		line-height: 1.4;
		}
	.headline {
		font-size: 2.0rem;
		}
	.headline.small {
		font-size: 1.4rem;
		}
	body, p {
		font-size: 0.9rem;
		line-height: 1.9;
		}
	blockquote {
		margin: 12px 0px;
		padding: 18px 0px;
		}
	blockquote p {
		font-size: 1.2rem;
		line-height: 1.6;
		}
	}

/* Content */

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

	/* Theme iPhone */

	body {
		position: inherit;
		}
	.container {
		margin: 12px;
		padding: 0px;
		}
	#header {
		display: inline-block;
		width: 100%;
		height: auto;
		z-index: 8;
		}
	#custom-header {
		background: #000000;
		margin: 0px;
		}
	#custom-header img {
		margin: 0px auto 0px;
		}
	#masthead,
	.logo-overlay #masthead,
	.logo-overlay #custom-header {
		position: relative;
		top: 0;
		z-index: 8;
		}
	#masthead,
	.logo-overlay #masthead {
		display: block;
		margin: 0px;
		}
	.mobile-logo {
		display: block;
		position: relative;
		margin: 0px;
		}
	.main-logo {
		display: none;
		}
	#navigation {
		background: #000000 !important;
		position: relative;
		top: auto;
		margin: 0px;
		padding: 0px;
		border-top: 1px solid rgba(255, 255, 255, .2);
		}
	.mobile-menu {
		margin: 0px;
		padding: 0px;
		}
	.menu-toggle,
	.main-small-navigation ul.mobile-menu.toggled-on {
		display: block;
		}
	.navigation-main ul.menu,
	.sf-sub-indicator {
		display: none;
		}
	.menu {
		display: block;
		}
	.menu-toggle {
		color: #FFFFFF;
		font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
		font-size: 1.8em;
		font-weight: 400;
		letter-spacing: 0;
		line-height: 1;
		text-transform: none;
		text-align: center;
		margin: 0;
		padding: 18px 12px;
		}
	.menu-toggle:before {
		color: #FFFFFF;
		font-family: 'FontAwesome';
		content: ' ';
		top: 1px;
		margin-right: 6px;
		position: relative;
		}
	.mobile-menu ul.sub-menu,
	.mobile-menu ul.children {
		display: block !important;
		visibility: visible !important;
		left: auto;
		margin: 0;
		padding: 0;
		}
	.mobile-menu ul,
	.mobile-menu li {
		list-style: none;
		margin: 0;
		padding: 0;
		}
	.mobile-menu li {
		display: block;
		text-align: center;
		line-height: 30px;
		}
	.mobile-menu li li a:before {
		content: '- ';
		}
	.mobile-menu li li li a:before {
		content: '-- ';
		}
	.mobile-menu li li li li a:before {
		content: '--- ';
		}
	.mobile-menu a {
		display: block;
		color: #CCCCCC !important;
		font-size: 1.2em;
		text-decoration: none;
		padding: 6px 0px;
		border-top: 1px solid rgba(255, 255, 255, .2);
		}
	.mobile-menu a:hover {
		background: rgba(255, 255, 255, 0.1);
		color: #FFFFFF !important;
		text-decoration: none;
		}
	.home-slider .slides li {
		min-height: 320px;
		}
	.home-slider .slides a.feature-img img,
	.page-slideshow .slides li img {
		margin-left: 0px;
		}
	.slideshow .loading {
		min-height: 320px;
		}
	.slideshow .information .headline {
		font-size: 1.4em;
		letter-spacing: 0px;
		}
	.home-social .title {
		display: none;
		}
	.article, .intro,
	.featured-page .article {
		padding: 24px;
		}
	.featured-page {
		margin-bottom: 0px;
		}
	.featured-page .feature-img {
		display: none;
		}
	.blog-holder,
	.archive-holder,
	.post-holder {
		margin: 12px 0px 0px 0px;
		}
	.row .category-wrap .third {
		width: 100%;
		max-width: 100%;
		}
	.gutter-sizer-third {
		display: none;
		}
	.page-header {
		display: none;
		}
	.post-author p {
		float: left;
		display: block;
		width: 100%;
		font-size: 0.9em;
		}
	.pagination {
		margin-bottom: 0px;
		padding: 24px 0px;
		}
	.social .align-left,
	.social .align-right {
		float: none;
		display: block;
		text-align: left;
		overflow: hidden;
		}
	.social .align-right {
		margin-top: 6px;
		}
	.tweet-btn, .like-btn, .plus-btn {
		margin-left: 0px;
		}
	.tweet-btn {
		width: 88px;
		}
	.like-btn {
		width: 90px;
		}
	.plus-btn {
		width: 70px;
		}
	.archive-column {
		width: 100%;
		padding-right: 0;
		}
	.sidebar {
		padding: 0px;
		}
	.sidebar.left {
		display: none;
		}
	.sidebar .widget {
		margin-bottom: 0px;
		border-bottom: 1px solid rgba(0,0,0, .08);
		}
	.sidebar .widget:last-child {
		border-bottom: none;
		}
	.container form textarea {
		width: 94% !important;
		}
	#commentform textarea {
		width: 95% !important;
		}
	.footer-widgets {
		padding: 0px 24px;
		}
	.footer-widgets .widget .footer-widget {
		padding: 0px;
		}
	.footer-widgets .widget {
		float: none;
		width: 100%;
		margin: 0px;
		padding: 24px 0px;
		}
	.masonry-brick {
		position: relative !important;
		top: auto !important;
		left: auto !important;
		}

	/* Grid */

	body {
		-webkit-text-size-adjust: none;
		-ms-text-size-adjust: none;
		width: 100%;
		min-width: 0;
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
		}
	.row {
		width: 100%;
		min-width: 0;
		margin-left: 0;
		margin-right: 0;
		overflow: visible !important;
		}
	.row .single,
	.row .half,
	.row .third,
	.row .fourth {
		width: 100%;
		}
	.row .row .column, .row .row .columns {
		padding: 0;
		}
	.column, .columns {
		width: auto !important;
		float: none;
		margin-left: 0;
		margin-right: 0;
		}
	.column:last-child, .columns:last-child {
		margin-right: 0;
		float: none;
		}
	[class*="column"] + [class*="column"]:last-child {
		float: none;
		}
	[class*="column"]:before, [class*="column"]:after {
		content:"";
		display:table;
		}
	[class*="column"]:after {
		clear: both;
		}
	}