/*
Theme Name: OurStage.
Theme URL: ourstage.com
Description: Wordpress theme for OurStage
Version: 1.0
Author: kosso@mazing
Author URL: amazingtunes.com/kosso
Tags: amazingtunes
*/

@font-face{
  font-family:Yanone Kaffeesatz;
  src:url(assets/fonts/YanoneKaffeesatz-Regular.ttf);
}

@font-face{
  font-family:Yanone Kaffeesatz;
  font-weight:200;
  src:url(assets/fonts/YanoneKaffeesatz-ExtraLight.ttf);
}

@font-face{
  font-family:Yanone Kaffeesatz;
  font-weight:300;
  src:url(assets/fonts/YanoneKaffeesatz-Light.ttf);
}

@font-face{
  font-family:Yanone Kaffeesatz;
  font-weight:700;
  src:url(assets/fonts/YanoneKaffeesatz-Bold.ttf);
}

:focus{
  outline:none;
}

.navButton, .mobileOnly, .hide{
  display:none;
}

body{
  background-color:#fff;
  font-family:Arial, Helvetica, Sans-serif;
  font-size:0.8em;
  margin:0px;
}

h1,h2,h3,h4{
  margin:0;
}

h1{
  font-size:24px;
}

h2{
  font-size:18px;
  font-weight:normal;
}

h2.notFound{
  margin-top:20px;
}

h3{
  font-size:14px;
}

h4{
  font-size:12px;
}

p{
  font-size:15px;
  line-height:1.8;
}

table{
  border-collapse:collapse;
  border-spacing:0;
}

table,tbody,tr,th{
  padding:0;
  vertical-align:baseline;
}

td,td img{
  padding:0;
  vertical-align:top;
}

img{
  border:none;
}

ul{
  list-style:none;
  padding:0;
  margin:0;
}

ul.bulleted{
  list-style-type:disc;
}

a,a:active,a:visited{
  color:#5f9cc7;
  text-decoration:none;
  outline:none;
}

a:hover{
  text-decoration:underline;
}

.page{
  width:940px;
  margin:auto auto;
}

.content{
  float:left; 
  width:calc(100% - 316px); 
  margin-right:16px; 
}

.sidebar{
  margin-top:71px;
  float:right; 
  width:300px; 
  text-align:center;
}

.searchPage{
  clear:both;
}

.searchPage .sidebar{
  margin-top:14px;
}

.footer{
  width:100%;
}

.footer.desktopOnly{
  overflow:hidden;
}

.blog-index{
  width:calc(100% - 310px);
  overflow:hidden;
  float:left; 
  text-align:right;
  margin-top:0px;
}

.blog-index h1{
  font-family:'Yanone Kaffeesatz', sans-serif;
  font-size:60px;
  text-align:left;
  text-transform:uppercase;
}

.blog-index .our-edit-button{
  display:inline-block;
}


/* header and search bar */

header{
  height:98px;
  background-color:#333;
}

header .innerContent{
  background:url(assets/icon_white.svg) no-repeat right center;
  height:98px;
  background-size:100px 68px;
  overflow:visible;
}

#navContainer{
  background-color:#ed174f;
  display:block;
}

.innerContent{
  width:940px;
  margin:auto;
  overflow:hidden;
}

.innerContent a.logo{
  background: url(assets/logo.svg) no-repeat scroll 0 0 transparent;
  background-size:100% 100%;
  margin-top:30px;
  float:left;
  width:155px;
  height:36px;
}

.innerContent .headerAdvert{
  float:right;
  width:728px;
  height:90px;
  margin-top:4px;
  background-color:#333;
}

.navigation ul{
  display:inline;
  overflow:hidden;
}

.navigation ul li{
  float:left;
  margin-bottom:0px;
  list-style-type:none;
}

.navigation ul li a{
  font-size: 16px;
  color:#fff;
  padding:11px 12px;
  display:block;
}

.navigation ul li a:hover{
  background-color:#b8003f;
  text-decoration:none;
}

div#searchBar .innerContent{
  background-color:#fff;
}

div.search{
  float:left;
  width:630px;
  margin:15px 0px 15px 0px;
  display:block;
}

li.load_more{
  margin:16px 0px;
  border-radius:10px;
  font-weight:normal;
}

li.load_more:hover{
  background-color:#ed174f;
}

div.socialLinks{
  float:right;
  overflow:hidden;
  margin:15px 0px 0px 0px;
  height:42px;
}

div.socialLinks a{
  float:left;
  width:36px;
  height:36px;
  margin-right:6px;
  margin-top:3px;
}

div.socialLinks a.socialLinksFacebook{
  background: url(assets/iconFacebook.svg) no-repeat scroll 0 0 transparent;
  background-size:100% 100% ;
}

div.socialLinks a.socialLinksTwitter{
  background: url(assets/iconTwitter.svg) no-repeat scroll 0 0 transparent;
  background-size:100% 100% ;
}

div.socialLinks a.socialLinksYoutube{
  background: url(assets/iconYoutube.svg) no-repeat scroll 0 0 transparent;
  background-size:100% 100% ;
}

div.socialLinks a.socialLinksInstagram{
  background: url(assets/iconInstagram.svg) no-repeat scroll 0 0 transparent;
  background-size:100% 100% ;
  margin-right:0px;
}

.screen-reader-text{
  position:absolute;
  left:-1000em;
}

#searchBox{
  float:left;
  border:none;
  height:20px;
  color:#a9a9a9;
  width:90%;
  font-size:16px;
}

#searchsubmit{
  float:right;
  height:20px;
  width:20px;
  margin-right:10px;
  text-indent:-999em;
  cursor:pointer;
  border:none;
  background: url(assets/searchIcon.svg) no-repeat scroll 0 0 transparent;
  background-size:100% 100% ;
}


/* post titles */

.post-header h2{
  font-family: 'Yanone Kaffeesatz', sans-serif;
  font-size:34px;   
  margin-bottom:4px; 
}

.post-header h2 a, .post-header h2 a:visited{
  color:#222;
}

.post-header h2 a:hover{
  color:#2e638c;
  text-decoration:none;
  border-bottom:1px solid #2e638c;
}


/* post entry */

.entry{
  font-size:1em;
  line-height:1.8em;
  text-align:justify;
  color:#444
}

.entry-content p,.entry-content ul,.entry-content ol,.entry-content div,.entry-content blockquote{
  margin:13px 0;
}

.entry-content .aligncenter,img.center,img[align="center"]{
  display:block;
  margin-left:auto;
  margin-right:auto;
}

.entry-content .alignright,img[align="right"]{
  float:right;
  margin:0 0 4px 8px;
  display:block;
}

.entry-content .alignleft,img[align="left"]{
  float:left;
  margin:0 8px 4px 0;
  display:block;
}

a[rel~="attachment"] img,.gallery a img,a[rel~="attachment"] img:hover,.gallery a img:hover,#blog-entry-meta{
  margin-top:1px;
}

.entry-meta{
  font-size:1em;
  line-height:1.6em;
  display:block;
  margin-top:1px;
  color:#aaa;
}

.entry-meta div{
  display:inline;
}

.entry-date abbr{
  border:0;
  color:#777;
}

.entry-meta a{
  color:#777;
}

.hentry{
  margin:5px 0 15px;
  position:relative;
  padding:7px 7px 7px 0px;
}

.side-menu-img{
	padding:0px;
	margin:0px;
}

span.navigation{
  display:block;
  overflow:hidden;
  margin-bottom:4px;
}

.navigation .alignleft a, .navigation .alignright a{
  display:block;
  padding:5px;
  border:1px solid #73afd9;
}

.alignleft{
	float:left;
	margin:0 8px 4px 0;
	display:block;
}

.alignright{
	float:right;
	margin:0 0 4px 8px;
	display:block;
}

img.alignleft{
	float:left;
	margin:6px 16px 16px 0px;
}

img.alignright{
	float:right;
	margin:6px 0px 16px 16px;
}

a[rel~="attachment"] img{
  margin-top:6px;
}

div.post{
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px dashed #A3C6DF;
}

div.post:last-of-type{
  padding-bottom:0px;
  border:none;
}

.dummy-ad{
	width:298px;
	height:240px;
	border:1px solid #ddd;
	background:#eee;
	text-align:center;
	margin:16px 0px;
}

.categories{
	width: 300px;
	margin: 0px 5px 0px 5px;
	display:block;
	list-style:none;
}

.categories h2, .categories2 h2{
	text-align:center;
	color:#026097;
	padding-right:10px;
	padding-bottom:10px;
}

.container{
	margin: 5px 5px 10p	x 5px;
	text-align: center;
}

.categories ol{
	list-style:none;
	padding: 0px 0px 0px 80px;
	text-align:left;
	margin: 0px 0px 0px 0px;
}

.categories2 ol{
	list-style:none;
	padding: 0px 0px 0px 115px;
	text-align:left;
	margin: 0px 0px 0px 0px;
}

.categories ol a, .categories2 ol a{
	color:#777;
}

.categories ol a:hover, .categories2 ol a:hover{
	color:#026097
}

.categories li, .categories2 li{
	padding: 0px 0px 5px;
}

a.blog-genre-button{
	display:block;
	background:#85a42a;
	color:white;
	font-size:13px;
	font-weight:bold;
	font-family:Tahoma,sans-serif;
	text-align:center;
	padding:5px 0px 5px 0px;
	margin:5px 5px 5px 5px;
	line-height: 22px;
	float:left;
	border-radius:4px;
}

a.blog-genre-button:hover{
	background:#677f21;
	color:#ccc;
	text-decoration:none;
}

.button-container{
	padding-left:20px;
	width:300px;
	float:none;
	text-align:center;
}	


/* sidebar menu */

.sidebar-ourstage-menu{
	text-align:left;
  width:300px;
  list-style-type:none;
  font-family:'Yanone Kaffeesatz', sans-serif;
  font-size: 18px;
  text-transform:uppercase;
}

.sidebar-ourstage-menu li a {
  text-decoration:none;
  color:white; 
  padding:10px 11px;
  background-color:#2e638c;
  display:block;
  border-bottom:1px solid #fff;
  font-weight:300;
}

.sidebar-ourstage-menu li:last-child a {
  border:none;
}

.sidebar-ourstage-menu li a:visited {
  color:#fff;
}

.sidebar-ourstage-menu li a:hover, .sidebar-ourstage-menu li .current {
  background-color:#969fba;
}


/* main categories horizontal menu */

ul.magazine-header-menu-list{
	text-align:left;
	float:left;
	width:100%;
  list-style-type: none;
  font-family:'Yanone Kaffeesatz', sans-serif;
  font-size: 18px;    
  text-transform: uppercase;
  overflow:hidden;
}

.magazine-header-menu-list li a {
  text-decoration:none;
  color:white; 
  padding:10px 28px;
  background-color:#2e638c;
  display:block;
  float:left;
  border-right:1px solid #fff;
  font-weight:300;
}

.magazine-header-menu-list li a:visited {
  color:#fff;
}

.magazine-header-menu-list li a:hover, .magazine-header-menu-list li .current {
  color:white;
  background-color:#969fba;
}

div.magazine-header-menu-cont{
	border:1px solid black;
	text-align: left;
}


/* footer */

.page .page-footer .footer{
  overflow:hidden;
  width:920px;
  margin:auto auto;
  padding:15px 10px 50px 10px;
  text-align:center;
  background-color:#3b474b;
  position:relative;
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
}

.page .page-footer .footer .rockstar{
  position: absolute;
  bottom:0;
  right:0;
  width:266px;
  height:189px;
  background-image: url(assets/desktop/rockstar-ghost-footer.png);
}

.page .page-footer .copyright{
  text-align:center;
  padding:15px 0 75px 0;
}

.page .page-footer .footer-ribbon{
  width:900px;
  padding:20px;
  overflow:hidden;
	background:#ed174f;
}

.page .page-footer .footer-ribbon .help{
  float:left;
  color:#fff;
  padding-top:2px;
}

.page .page-footer .footer-ribbon .question{
	background-color:#bb003f;
  font-size:16px;
  display:inline-block;
  padding-top:4px;
  width:24px;
  height:20px;
  border-radius:14px;
  text-align:center;
  margin-right:10px;
}

.page .page-footer .footer-ribbon .text{
  font-size:14px;
}

.footer-column{
  float:left;
  width:139px;
  text-align:left;
  margin-bottom:32px;
  margin-right:10px;
}

.footer-column:last-of-type{
  position:absolute;
  right:36px;
}

.footer .footer-column>div.header{
  font-size:14px;
  font-weight:bold;
}

.page-footer .footer .footer-column>div.spacer {
  display:block;
  background-color:#676767;
  height:6px;
  width:95%;
}

.footer .footer-column>div{
  margin:5px 0;
  color:#ddd;
}

.footer .footer-column>div a{
  color:#ddd;
}

/* Cookie compliance */

#cookie_bar{
  display:none;
}

.cookie-bar{
  background:rgb(180,190,200);
  text-align:left;
  padding:12px 18px;
  margin:0px;
  font-size:13px;
  overflow:hidden;
}

.cookie-btn{
  cursor:pointer;
  text-align:center;
  margin:0.4em;
  margin-left:14px;
  color:white;
  float:right;
  font-size:14px;
  line-height:1.2em;
  padding:8px 16px;
  font-weight:bold;
}

.cookie-btn a{
  color:rgb(230,230,230);
}

.cookie-btn-primary{
  background-color:rgb(140,150,160); 
}

.cookie-btn-primary:hover{ 
  background-color:rgb(120,130,140); 
}

.cookie-btn-secondary{ 
  background:rgb(165,175,185); 
}

.cookie-btn-secondary:hover{ 
  background-color:rgb(145,155,165); 
}

.cookie-bar p{
  color:rgb(65,55,55);
  padding:0px;
  margin:1em 0px 0px 0px;
  line-height:1.2em;
}

.cookie-bar a{
  font-weight:bold;
  color:rgb(215,225,230);
  text-decoration:none;
}