/*
Theme Name: Vallila Music House
Template: astra
Author: Child Theme Configurator
Version: 1.0.1535004252
Updated: 2018-08-23 09:04:12

*/

html,body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden !important; 
}

.header_vertical h1 {
  font-family: "futura-pt",sans-serif;
	transform: rotate(-90deg);
	position:absolute;
	hyphens: none;
 top:130px !important;
  display: block;
	font-size: 60px;
  }
.single .post-navigation{
	display: none;
}
.entry-title{
	
	display: none;
}
.page .entry-header{
	display: none;
}
.widget-title{
	font-family: "futura-pt",sans-serif;
	font-weight: bold;
	font-size: 22px !important;
	margin-bottom: 0.6em;
}
span.post-date{
	display: block;
	margin-top:5px;
	margin-bottom:18px;
	color:#5C5C5C;
}
.uutiset{
	padding-top: 40px;
	
}
h1{
	font-weight: bold;
}
h2{
	font-family: "futura-pt",sans-serif;
	font-weight: bold;
	font-size: 35px !important;
	color:#000 !important;
	text-transform: uppercase;
}

h3{
	font-family: "futura-pt",sans-serif;
	font-weight: bold;
	font-size: 20px !important;
	color:#000;
	text-transform: uppercase;
}

h4{
	font-family: "futura-pt",sans-serif;
	font-weight: normal;
	font-size: 18px !important;
	color:#000;
	
}
.header-img{
	display: inline-block;
	width:15%;
	margin-top: 50px;
	padding: 0;
	float: left;
}


.single #primary{
	width:66%;
	margin-top:0;
}
.single #secondary{
	width:33%;
	margin-top:0;
}

.archive  #primary{
	width:66%;
	margin-top:0;
}
.archive  #secondary{
	width:33%;
	margin-top:0;
}

.ast-right-sidebar #primary {
    border: 1px solid #eee;
	background: #fff;
	padding: 30px;
	width:66%;
	margin-top:0;
}
.widget {
    border: 1px solid #eee;
	background: #fff;
	padding: 30px;
	
}
.sidebar-main li{
	line-height:20px !important;
	text-transform:uppercase !important;
}
.ast-small-footer-wrap .widget {
    border: none;
	background: transparent;
	padding:5px;
	color:#A1A1A1;
}


.ast-footer-overlay {
	padding-top: 1.66666em;
    padding-bottom: 1.66666em;
	background-color: #222;}


.ast-right-sidebar #secondary {
    padding-left: 40px;
		border:none;
width:33%;
	margin-top:0;
}
span.entry-date{
	font-size:14px;
	display: block;
	margin-bottom: -10px;
}
.blog-layout-1 .post-content h3{
	font-family: "futura-pt",sans-serif;
	font-weight: bold;
	font-size: 22px !important;
	color:#000;
}
.main-header-menu a{
	
	text-transform: uppercase;
	font-family: "futura-pt";
	font-weight: 500;
	font-size: 16px;
	letter-spacing: 1px;
	color:#333;
}

			
.main-header-menu a:hover{
	
	text-decoration: underline;
}
.main-header-menu .current-menu-item > a{
	
	text-decoration: underline;
}


.uutiset_grid{
	border: thin solid  #eee;
	

}
.uutiset_button
	.vc_btn3.vc_btn3-size-md {
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 0px;
    padding-right: 0px;
		text-decoration: underline;
		color:#000;
}
		@media only screen and (max-width: 960px) {

			.main-header-menu a{

			font-size:15px;
			}
			
}
	@media only screen and (max-width: 920px) {

		.header-img{
display: none;
	
		
	}
	#primary{
		margin-top: 60px;
	}
	#secondary {
    width: 38% !important;
		}
		
}
@media only screen and (max-width: 768px) {
	
	
	.vertical-image img{
			transform: rotate(90deg);
margin:0 auto;
		max-width:250px !important;
		width:80% !important;
		text-align: center;
		margin-top:-110px;
		margin-bottom: -110px;
		
	}
	.header_vertical h1 {
  font-family: "futura-pt",sans-serif;
	transform: rotate(0deg);
	position:relative;
	hyphens: none;
 top:0px !important;
  display: inline;
	font-size: 50px;
  }
	.header_vertical {
				text-align: center !important;

	}
	
#secondary{
		margin-top: 60px;
	}
	
}
	@media only screen and (max-width: 640px) {

		#primary{
			width: 100% !important;
		}
		#secondary{
			width:100% !important;
			    padding-left: 0px !important;
			margin-top: 40px;
		}
		.flex-grid{
		 display: flex;
			flex-flow: column;
		}
		.flexcol1{
			order:2
		}
		.flexcol2{
			order:1;
		}
}