/*
Theme Name: Chaser Theme
Theme URI: http://chaser.com.au
Description: The custom theme for the Chaser website
Author: Cam
Author URI: http://chaser.com.au
Version: 1.0
License: BSD 2-Clause
License URI: http://opensource.org/licenses/bsd-license.php
*/

/*
-------------------------------------------------------------------------------*/
body,select,input,textarea{color:#222}
::-moz-selection{background:#d71920;color:#fff;text-shadow:none}
::selection{background: rgba(13, 164, 255, 0.33);text-shadow: none;}
a:link{-webkit-tap-highlight-color:#d71920}
ins{background-color:transparent;color:#000;text-decoration:none}
input:-moz-placeholder{color:#a9a9a9}
textarea:-moz-placeholder{color:#a9a9a9}

*{box-sizing:border-box}
html,body{font-size:16px;font-family:Merriweather,Georgia,serif;color:#333;border:0;padding:0;margin:0;background:#fcfcfc;-webkit-font-smoothing:antialiased}
body{width:100%;padding-top:56px;-moz-transition:margin-left .2s ease-out;-o-transition:margin-left .2s ease-out;-webkit-transition:margin-left .2s ease-out;-ms-transition:margin-left .2s ease-out;transition:margin-left .2s ease-out;background-color:#fcfcfc}
h1,h2,h3,h4,h5,h6{font-weight:400;margin:0;padding:0;font-family:Lato,sans-serif}
a{color:#27A7EA;text-decoration:none}
.container{width:100%;max-width:960px;margin:auto;margin:30px auto 0;padding:0 20px;font-family:Lato,sans-serif;min-height:300px}
article{max-width:800px;width:100%;margin:auto;padding:0 20px;margin-top:1vw;margin-bottom:18px;font-size:16px;line-height:23px;word-wrap:break-word}
article .like{float: left; color:#000;z-index:1;width:40px;margin-left:-80px;text-align:center;color:#bbb;opacity:.4;transition:margin-left .5s ease-in-out;transition:opacity .2s ease-in}
article .like .like-bubble{width:40px;height:40px;background:#fff;border:1px solid #ddd;text-align:center;color:#bbb;padding-top:9px;cursor:pointer;margin-bottom:10px;border-radius:20px;position:relative}
@keyframes wiggle {
0%{margin-left:0}
33%{margin-left:4px}
66%{margin-left:-4px}
100%{margin-left:0}
}
article .like:hover .like-bubble{animation-name:wiggle;animation-duration:.5s}
article .like:hover .like-bubble:before{background-image:url(_/inc/images/social_sharing_hover.png)}
.like-facebook{animation-delay:0}
.like-twitter{animation-delay:.1s}
.like-reddit{animation-delay:.2s}
.like-tumblr{animation-delay:.3s}
.like-email{animation-delay:.4s}
.like-bubble:before{content:'';width:19px;height:20px;background-image:url(_/inc/images/social_sharing.png);background-position:center top;background-repeat:no-repeat;display:block;overflow:hidden;margin:auto}
.like-twitter:before{background-position:center -23px}
.like-reddit:before{background-position:center -46px}
.like-tumblr:before{background-position:center -67px}
.like-email:before{background-position:center -90px}
article .like:hover{opacity:1}
article .feature-image{display:block;margin-top:0;width:100%;margin-bottom:.8em;border-radius:3px;}
.titlebar{font-family: Merriweather, Georgia, serifs; font-weight: bold; font-style: italic; color: #2c2c2c; display: block; margin: 20px;}
.titlebar:nth-child(n+2){margin-top: -1em;}
.title_cat{font-size: 0.75em;margin-bottom: 0.3em;}
.title_cat a{color: #afafaf;}
.title_title{font-size: 2em;}
.credits_box{display:none;}
article .article_social{display:table;width:100%;height:38px;font-family:Lato,sans-serif;font-size:.9em;letter-spacing:-.5px;font-weight:700;margin-top:3em;margin-bottom:2em}
article .social_button{display: table-cell;width: 20%;text-align: center;color: #919191;vertical-align: middle;font-size: 1em;cursor: pointer;border-right: 2px solid #fff;border: 1px solid #eee;font-weight: normal;box-sizing: border-box;padding-top: 3px;}
article .social_facebook{border-top: 3px solid #3b5998}
article .social_twitter{border-top: 3px solid #00aced}
article .social_tumblr{border-top: 3px solid #2ab200;}
article .social_reddit{border-top: 3px solid #D24C00;}
article .social_email{border-top: 3px solid #C51A00;}
@media screen and (max-width: 500px) {
article .social_button{font-size:1em;padding:10px 0;margin-bottom:5px;display:inline-block;width:100%;border-right:0}
article .social_tumblr{display:none;}
article .social_reddit{display:none;}
article .social_email{display:none;}
}
hr{height:2px;background:#eaeaea;border:0;border-bottom:1px solid #fff;margin:1.5em 20px 2em}
.banner_vertisement{display: block;margin: 20px;border-top: 1px solid #efefef;padding: 30px 20px;font-weight: bold;color: #9d9d9d;text-align: center;}
.related-posts{max-width:800px;width:100%;margin:auto;padding:0 10px;margin-bottom:18px;font-size:16px;line-height:28px;word-wrap:break-word;white-space:nowrap}
.related-posts .cell{display:block;text-align:center;width:100%;margin-bottom:2em;padding:0 10px;color:#222;vertical-align:top}
.related-posts .break3{display:none;width:0}
.related-posts .break2{display:none;width:0}
.related-thumb{width:100%;display:block;margin-bottom:.5em}
.related-title{font-family:Lato,sans-serif;font-weight:700;font-size:1.1em;width:100%;display:inline-block;white-space:normal;text-align:left;line-height:1.2em}
.header-fixed{width:100%;position:fixed;top:0;background:#fff;text-align:left;color:#444;font-family:Lato,sans-serif;z-index:100;border-bottom: 1px solid #e6e6e6;box-shadow: 0 0 8px rgba(0, 0, 0, 0.04);-moz-transition:left .2s ease-out;-o-transition:left .2s ease-out;-webkit-transition:left .2s ease-out;-ms-transition:left .2s ease-out;transition:left .2s ease-out}
.table{display:table;width:100%}
.table-cell{display:table-cell}
.header-item{padding: 0 1.5em;font-weight: bold;font-size: 13px;display: none;cursor:pointer;}
.item-subscribe{color: #d51794}
.header-logo{width:100%;text-align: center;vertical-align: middle;}
.header-image{max-height: 30px;max-width: 80%;}
.header-mobile{display: table-cell;padding: 1.5em 2em;vertical-align: middle;}
.header-fixed .sections{width: 16px;}
.header-fixed .sections .section_item{background: #222;height: 2px; width: 16px; margin-bottom: 3px;}
.header-fixed .sections .section_item_last{background: #222;height: 2px; width: 14px;}
.header-search{position: relative;padding-right: .7em;cursor: pointer;height: 18px;font-size: 1.3em;}
.header-search:before{content:"";position:absolute;left:0;top:.2em;width:.4em;height:.4em;border:.17em solid #222;background:transparent;-webkit-border-radius:.8em;-moz-border-radius:.8em;border-radius:.8em}
.header-search:after{width:.15em;height:.34em;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);background:#222;content:"";position:absolute;top:.7em;left:.6em}
.menu-fixed{width:300px;margin-left:-300px;position:fixed;top:0;background:#1D1D20;text-align:left;color:#222;font-family:Lato,sans-serif;height:100%;z-index:2}
.close-menu-fixed{width:56px;height:59px;display:inline-block;position:relative;z-index:20;vertical-align:top}
.close-menu-fixed:before,.close-menu-fixed:after{content:'';position:absolute;width:20px;height:2px;background-color:#fff;border-radius:2px;top:28px;z-index:1;pointer-events:none}
.close-menu-fixed:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);left:18px}
.close-menu-fixed:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);right:18px}
#menu-search{width:244px;border:0;padding:1.4em 1em 1.4em 2.5em;line-height:1em;font-size:1em;border:1px solid #ccc;background:#fafafa;box-shadow:inset 0 0 5px #eaeaea;font-size:.9em;position:relative;display:inline-block;border-radius:0;margin:0}
.menu-fixed ul{color:#fff;padding-left:0;list-type:none;margin:0;text-transform:uppercase;font-size:.9em}
.menu-fixed ul li{padding:1.3em 1em 1.3em 2.5em;line-height:1em;border-bottom:1px solid #000;border-top:1px solid #333}
.menu-fixed a{color:#fff}
footer{width:100%;background:#eee;margin-top:2em;text-align:center;padding:10px 20px;font-family:Lato,sans-serif;padding:2em 1em;box-shadow:inset 0 4px 12px rgba(0,0,0,0.05);margin-bottom:70px}
footer ul{list-style:none;padding:0;font-weight:700;text-transform:uppercase}
footer ul li{padding:.5em 1em}
footer ul li a{color:#222}
.footer-copyright{width:100%;border-top:1px solid #D8D8D8;padding:2em;margin-top:1.5em;margin-bottom:-2em;font-size:.8em}
.css_table{display:table;width:100%}
.css_table-row{display:table-row;width:100%}
.css_table_cell{display:table-cell;width:100%}
.size-full{max-width:100%}
article img{max-width:100%}
#omc-main-full-width{margin-top:1em}
article .feature-video{position:relative;padding-bottom:58%;padding-top:40px;height:0;overflow:hidden;margin:0;margin-bottom:-20px}
.feature-video iframe,.feature-video object,.feature-video embed{position:absolute;border:none;top:0;left:0;width:100%;height:87%}
#fixed_footer{position:fixed;bottom:0;left:0;width:100%;background-color:#212934;height:70px;overflow:hidden;font-family:Lato,sans-serif;font-size:.7em;z-index:100000;-moz-transition:left .2s ease-out;-o-transition:left .2s ease-out;-webkit-transition:left .2s ease-out;-ms-transition:left .2s ease-out;transition:left .2s ease-out}
.ff_item{display:inline-block;width:20%;min-width:60px;max-width:70px;color:#eee;box-sizing:border-box;border-right:1px solid #192330;height:70px;text-align:center;overflow:hidden}
.ff_item:first-of-type{border-left:1px solid #192330}
.ff_icon{width:30px;height:30px;overflow:hidden;margin:12px auto 5px;background-image:url(http://chaser.com.au/wp-content/themes/chaser_theme/images/footer_menu_icons.png);background-size:cover;background-repeat:no-repeat}
.ff_i_1{background-position:0 0}
.ff_i_2{background-position:-30px 0}
.ff_i_3{background-position:-60px 0}
.ff_i_4{background-position:-90px 0}
.ff_i_5{background-position:-120px 0}
.wp-caption{display: none}
.feature-image-credit{margin-top: -3.8em;z-index: 2;position: absolute;margin-left: 1em;background: rgba(27, 27, 27, 0.66);padding: 0px 6px;color: white;font-size: 0.8em;font-family: Lato,sans-serif;}
.feature-image-credit a{color:white;}
.feature-caption{font-style: italic;font-size: 0.75em;margin-top: -0.5em;border-bottom: 1px solid #efefef;padding-bottom: 0.5em;}
.sidebar{display: none}
#subscribe-box .sub-title{font-weight: bold;margin-bottom: 10px;}
#subscribe-box .form-group{width: 100%;display: inline-block;vertical-align: middle;margin-bottom: 10px;}
#subscribe-box .field{padding: 5px;height: 35px;width: 100%;}
#subscribe-box #sub-but{height: 35px;border: 0;width: 100%;font-size: 15px;color: white;background: #4b4b4b;vertical-align: middle;}
.breakerboard{margin-top: 1em;}
#home_row_1{padding-top: 1em;padding-bottom: 2em;border-bottom: 1px solid #e7e7e7;margin-bottom: 1em;}
.responsive_vert{display: inline-block; margin:auto; width: 300px; height: 250px; background-repeat: no-repeat; background-position: center;}

.mobile{display: inline-block;}
.desktop{display: none;}

@media screen and (max-width: 1200px) {
article .like{margin-left:-160px}
}

@media screen and (min-width: 1010px) {
	.header-image{height: 38px; margin-top: 3px;max-height:initial;max-width:initial;}
}
	
@media screen and (max-width: 1010px) {
article .like{margin-left:-80px}
body .sidebar{display: none;}
body article{margin-left: auto;margin-right: auto;border: 0;}
}

@media screen and (max-width: 1010px) and (min-width: 800px) {
	.titlebar{
		width: 100%;
		max-width: 620px;
		margin: 20px auto;
		text-align: center;
	}
	.header-item{padding: 0 1em;font-size: 12px;}
	.header-mobile {
		padding: 0 2em;
	}
	body{padding-top: 58px!important;}
	.title_cat {
		font-size: 1em;
		padding: 0.5em;
	}
}
	
@media screen and (max-width: 830px) {
article .like{margin-left:-60px}
}
@media screen and (max-width: 799px) {
article .like{display:none}
.container{margin-top:1vw}
}
@media screen and (max-width: 600px) {
.container{font-size:.85em}
}
@media screen and (min-width: 500px) and (max-width: 800px) {
.related-posts .cell{display:inline-block;width:50%}
.related-posts .break3{display:none}
.related-posts .break2{display:block}
}
@media screen and (min-width: 800px) {
.mobile{display: none;}
.desktop{display: block;}

.responsive_vert{display: inline-block; margin:auto; width: 728px; height: 90px;}
#home_row_1{display: block;padding: 0;padding-bottom: 20px;border-bottom: 1px solid #efefef}
body{padding-top:58px;background-color:#f9f9f9;}
#wrapper0{margin-top: 5px;}
.width_wrapper{margin: -40px auto 0;max-width: 1240px;background: white; padding: 40px 0 0 0;}
.titlebar{border-bottom: 1px solid #e7e7e7; padding: 1em 0;}
article{font-size: 15px;line-height: 1.6em; color: #565656;margin-top:2em;margin-left:0;max-width:660px;padding-top:0;border-top:0;background:transparent;border-bottom: 0; padding-bottom: 0; border-right: 1px solid #e7e7e7;}
article .feature-image{margin-bottom:1.4em;}
.feature-caption{margin-top: -1.1em;}
article p{margin-bottom: 1.5em;}
.title_title{font-size: 2.6em;}
.credits_box{display: block; padding-bottom: 36px; margin-bottom: 18px; border-bottom: 1px solid #e7e7e7; font-family: Lato, sans-serif; font-weight: bold; color: #b6b6b6; font-size: 0.75em;line-height:1.5em;text-transform:uppercase;}
.credits_box a{color: #8bceea}
.sideboard{display: block; padding-bottom: 18px; margin-bottom: 18px; border-bottom: 1px solid #e7e7e7;}
.sideboard:empty{display:none;}
.more_stories{display: block; padding-top: 6px; padding-bottom: 18px; margin-bottom: 18px; border-bottom: 1px solid #e7e7e7;padding-left:1px;}
.container{min-height:500px}
.header-fixed .table{height:58px;width:100%;margin:auto}
.header-fixed .table-cell{vertical-align:middle}
.header-item{display: table-cell;}
.item-left{border-right: 1px solid #efefef}
.item-right{border-left: 1px solid #efefef}
.social_icons{height:18px}
.related-posts .cell{display:inline-block;width:33.3%}
.related-posts .break3{display:block}
.related-posts .break2{display:none}
footer ul{width:100%;max-width:600px;margin:auto}
footer ul li{display:inline-block;width:25%}
footer{margin-bottom:0;}
#fixed_footer{display:none}
.wp-caption{float: right;margin-left: 1em;font-family: sans-serif;font-weight: bold;font-size: 0.7em;line-height: 1.2em;max-width: 50%;display: block;}
hr{background:#e6e6e6;height:2px;border: 0;border-bottom: 1px solid #fff;margin: 20px;}
.hideWhenWide{display: none;}
.fixedWhenWide{position: fixed;}
.fixMargin{margin-top: 0}
#subscribe-box .form-group{width: 80%;margin-bottom: 0;}
#subscribe-box #sub-but{width: 19%;}
.author_av{float: left;width: 4.6em;height: 4.6em;background: #8bceea;margin-right: 0.75em;border-radius: 2.3em;overflow: hidden;box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.03);margin-top: -0.1em;}
.author_av img{max-width: 95%; margin-top: 5%; margin-left: 2.5%;}

/*timeline*/
.width_wrapper{max-width: 1000px;background:transparent;margin: -20px auto 0;padding: 0;}
.sidebar{display: block;position: absolute; margin-left: 680px; margin-top: 8px; width: 300px; font-size: 15px; font-family: Lato, sans-serif;}
.sidebar h3{width: 100%;margin-bottom: 1em;font-size: 1em;font-weight: bold;}
.sidebar .newsitem-title{line-height: 1.4em;color: #444;font-family: Merriweather, Georgia, serif;font-style: italic;}
.sidebar .newsitem-category{color: #999;margin-top: 4px;}
.sidebar .newsitem-category a{color:#999;}
.newsitem {margin-bottom: 0.7em;}
/*guardian*/
body{background:#fdfdfd;}
}

@media screen and (min-width: 1120px) {
	.width_wrapper{max-width: 1100px;}
	article{max-width: 760px}
	.sidebar{margin-left: 780px;}
	article .like {
		margin-left: -160px;
	}
}

@media screen and (min-width: 1290px) {
	article .like {
		margin-left: -80px;
	}
}