/**
 * Copyright 2015 Google Inc. All Rights Reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

.asc-header {
	
}

.asc-header .mdl-layout__header-row {
  padding-left: 40px;
}

.asc-ribbon {
  width: 100%;
  height: 40vh;
  background-color: #49464d;
 /* background: #49464d url('images/black.jpg') center center no-repeat;
 background-size: cover;*/
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

.asc-main {
  margin-top: -35vh;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}


.asc-container {
  max-width: 1600px;
  width: calc(100% - 16px);
  margin: 0 auto;
}

.asc-content {
  border-radius: 2px;  
  margin-bottom: 80px;
}
.asc-layout.is-small-screen .asc-container {
	width: 100%;
	padding: 0;
	margin: 0;
	
}
.asc-layout.is-small-screen .asc-left-cell {
	display: none;
}
.asc-layout.is-small-screen .asc-content {
  margin: 0;
  padding: 0px;
  width: 100%;
  box-sizing: border-box;
  border-radius: 0;
}
.asc-layout.is-small-screen .asc-main {
	margin-top: 0;
	border-top: 2px solid #49464d;
}
.asc-layout.is-small-screen .asc-ribbon {
	display: none;
}

.asc-post-content {
	margin-left: 140px;
	max-width: 700px;

}

.asc-post-content {
	
}
.asc-post-content h1, .asc-post-content h2, .asc-post-content h3 {
  text-align: left;
}

.asc-layout.is-small-screen .asc-date {
	float: none;
	width: auto;
}

.asc-layout.is-small-screen .asc-post-content {
	margin-left: 38px;
}

.asc-footer {
  padding-left: 40px;
}

.asc-footer .mdl-mini-footer--link-list a {
  font-size: 13px;
}

.asc-layout .mdl-layout__drawer {
  background: none;
  box-shadow: none;
  border: none;
  height: auto;
  top: 47vh;
  /* By default, MDL drawer is hidden. Override the transform to show it. */
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  -webkit-transform: none;
  transform: none;
}

.mdl-card__supporting-text ~ .mdl-card__supporting-text {
  border-top: 1px solid #e0e0e0;
}

.mdl-card__supporting-text {
    box-sizing: border-box;
    padding: 40px;
    width: 100%;
    color: rgba(0,0,0,.87);
}

.asc-layout.is-small-screen .mdl-card__supporting-text {
	padding: 20px;
}

.postImgHeader {
	background-size: cover;
	background-position: center center;
	height: 40vh;
}

.postImgPromo {
	background-size: cover;
	background-position: center center;
	height: 20vh;
}

.postImgPromoSmall {
	background-size: cover;
	background-position: center center;
	height: 10vh;
	max-width: 20vh;
}

.asc-logolink {
	color: #757575;
	text-decoration: none;
}

.asc-bottom-nav {
  padding: 15px 40px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: white;
  font-weight: 500;
}

.asc-bottom-nav > .asc-nav__button {
  color: black;
  text-decoration: none;
}
.asc-date {
	color: rgba(0,0,0,0.54);
	padding: 0 0 1em 0;
	text-align: left;
	
	float:left;
	width: 120px;
}
.asc-crumbs {
	padding-bottom: 1em;
}
.asc-crumbs a {
	color: inherit;
	text-decoration: none;
}
.asc-post-title {
	 color: inherit;
	text-decoration: none;
}

.asc-layout.is-small-screen h1 {
  margin:16px 0;
  font-size: 36px;
  font-weight: 200;
  line-height: 40px;
}
.asc-layout.is-small-screen h2 {
  margin: 12px 0;
  font-size: 26px;
  font-weight: normal;
  line-height: 28px;
}
.asc-layout.is-small-screen h3 {
  margin: 9px 0;
  font-size: 22px;
  font-weight: normal;
  line-height: 24px;
}

.asc-layout.is-small-screen h5 {
  font-size: 14px;
}

.asc-text-image {
  margin-left: 10%;
  margin-right: 1%;
  max-width: 80%;
  transition: -webkit-transform 0.25s ease;
  cursor: pointer;
  vertical-align: text-top;
}

.asc-text-image:active {
  -webkit-transform: scale(2);
}

.asc-text-image-lupa {
  cursor: pointer;
  color: #aaaaaa;
}

.asc-text-image-lupa:hover {
	color: #000000;
}

.asc-layout.is-small-screen .asc-text-image-lupa {
	display: none;
}

.asc-layout.is-small-screen .asc-text-image {
  margin-left: 0%;
  margin-right: 0%;
  max-width: 100%;
}

.asc-modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
}

.asc-modal-content {
    margin: auto;
    display: block;
    /* width: 80%; */
    max-width: 90%;
}

@media only screen and (max-width: 700px){
    .asc-modal-content {
        max-width: 100%;
    }
}