/*  

Don't edit main style.css file.

All your custom style settings and tweaks can be placed here.

Backup this file before theme update - so after update can be restored!
 
*/

@import url(https://fonts.googleapis.com/css?family=Oxygen:400,700&subset=latin,latin-ext);

.scrollTo_top {
	right: 2%;
	bottom: 2vw;
}

#header {
	padding-bottom: 30px;
}

#header h1 img, #header .main-title img{ max-width:390px;}

#header h1, #header .main-title {
    margin: 15px 0;
    float: left;
    line-height: .9;
    font-size: 35px;
    text-transform: uppercase;
    letter-spacing: -3px;
    display: block;
}

div#menu-home ul li a {
    /* background: #ccc; */
    color: #000;
    font-size: 14px;}


ul.main-nav li:hover {
    width: 100%;
    background: #2D62A7;

}


ul.main-nav li {
    background: #D82D1D;
    width: 100%;
    padding: 0px;
    margin: 0;
}

.main-nav>li>a {
    padding: 12px 30px;
    display: block;
}

.menu-home {
    width: 50%;
    float: left;
	border-right: 1px solid #fff;
}

@media (max-width: 759px) {
	.menu-home {
		display: block !important;
	}
}

@media (max-width: 740px) {
	.menu-home {
		display: none !important;
	}
	
	#header h1 div {
		margin: 0px 0px 10px !important;
		width: 100%;
		float: none;
	}
	
	a#navtrigger {
		width: 100%;
		margin-bottom: 0;
	}
}

ul.main-nav li {
    width: 100%;
    background: #D82D1D;
	border-bottom: 1px solid white;
}

h1, h2 {
	font-family: 'Oxygen', sans-serif !important; 
}

h2 {
	font-size: 28px !important;
}

.post iframe {
	float: none !important;
}

.Big .item_inn h2,
.Vertical .item_inn h2,
.Horizontal .item_inn h2,
#footer .threecol h2,
.nav-previous a{ font-size:15px !important;}

.entry p,.entry>ul,.entry>ol{ font-size:110%; line-height:1.75;}

ul.medpost li h2{ font-size:20px !important;}

@media (min-width: 571px) {
	.medpost.wide li {
		width: 48% !important;
		margin-right: 4% !important;
	}
	
	.medpost.wide li:nth-child(2n) {
		margin-right: 0 !important;
	}
}

::selection {background:#CCC; color:#000;}
::-moz-selection {background:#CCC;color:#000;}

ul.medpost {
	width: 100% !important;
}

ul.medpost li {
    width: 30%;
    margin: 0 5% 20px 0;
    float: left;
    overflow: hidden;
    position: relative;
    background-color: #fff;
    padding: 15px;
    box-shadow: 0 0 10px #C7C7C7;
}

ul.medpost li:nth-child(3n) {
	margin-right: 0;
}

.main-nav>li>a {
    padding: 17px 0;
    text-align: center;
    line-height: initial;
}


#header h1 img{ max-width:390px;}

.Big .item_inn h2, .Vertical .item_inn h2, .Horizontal .item_inn h2, #footer .threecol h2, .nav-previous a {
    font-size: 26px !important;
}

.Horizontal p.teaser, .Vertical p.teaser {
    font-size: 14px !important;
    line-height: 18px;
}

.entry p,.entry>ul,.entry>ol{ font-size:110%; line-height:1.75;}



::selection {background:#000; color:#fff;}
::-moz-selection {background:#000;color:#fff;}



#header h1 {margin: 15px 0;}

.item_inn.tranz {
    width: 100%;  color: #FFF;font-size:18px;

    left: 6px;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}


.grayscale:hover {
	opacity: 0.7;
    -webkit-transition-duration: 0.4s; 
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s; 
}

span.meta {
    display: none;
}

.grayscale {
    /* filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id…0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); */
    filter: gray;
    -webkit-filter: none;}



#copyright {
    font-size: 80%;
    padding: 20px 0;
    overflow: hidden;
    border-top: 0px solid #444;
    text-transform: uppercase;
    font-weight: 200;
}


div#menu-home ul li a {
    /* background: #ccc; */
    color: #000;
    font-size: 14px;}


ul.main-nav li {
    background: #D82D1D;
    width: 100%;
    padding: 0px;
    margin: 0;
}

.main-nav>li>a {
    padding: 15px 30px;
}

ul.main-nav li {
    width: 100%;
    background: #D82D1D;
}