/*
Theme Name: RAY - Vantage Child Theme 2018
Version: 12042018
Description: Basis Theme für das Ray Magazin
Author:       Helmut Heiland
Author URI:   http://togger.org
Template:     vantage
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/** Farben
Ocker: #e8cd90
light: #f7f2ea
**/
a{
  color: #666;
}
body.responsive #page-wrapper {
    max-width: 1280px;
}
body.sticky-menu.layout-boxed .main-navigation {
    max-width: 1280px;
}
p:empty{
	display: none;
}
#masthead.masthead-logo-in-menu .logo > img {
    max-height: 50px;
}
.entry-content h1{
  margin-top: 0;
}
h2.sup-title{
  font-weight: bold;
  font-size: 1.1em;
  color: #666;
  margin-bottom: 0.3em;
}
.entry-content h1, 
.entry-content h2, 
.entry-content h3, 
.entry-content h4, 
.entry-content h5, 
.entry-content h6 {
  margin-top: 0;
}
.entry-content p{
  margin-top: 0;
}
hr {
  margin-bottom: 1em;
}
.small{
  font-size: 90%;
}
.x-small{
  font-size: 80%;
}
h4.tagline, span.tagline{
	color: #666666;
	font-family: "Open Sans";
	font-weight: normal;
	font-size: 0.8em;
	margin: 0;
}
.single-post h4.tagline{
  font-family: "Open Sans";
	font-size: 1em;
	margin-bottom: 5px;
}
.info-block{
  display: block;
  border: 1px dotted #ccc;
  background-color: #ededed;
  width: 80%;
  padding: 10px;
  margin: auto;
  margin-bottom: 1em;
}

h5.abstract{
/* 	font-family: "Open Sans"; */
	font-size: 1.1em;
	color: #000;
}
#secondary .widget .widget-title{
  font-family: "Open Sans";
}
.sidebar-content em,
.sidebar-content i{
	font-style: normal;
}
article.post .entry-header h1.entry-title,
article.page .entry-header h1.entry-title {
  margin-bottom: 10px;
}
article.post .entry-categories a.date-time, article.post .post-params a.date-time {
  text-decoration: none;
  border: none;
}
article.post .entry-header .entry-thumbnail, article.page .entry-header .entry-thumbnail {
  margin-bottom: 10px;
}
/** home **/
#home-top{
  padding: 0 20px; 
}
.home .so-panel p:first-child{
  margin-bottom: 0;
}
.home so-panel hr{
  margin-bottom: 0.5em;
}
.home .so-panel h4{
  margin-bottom: 0.3em;
  font-size: 1.3em;
}
.home .entry-content h2{
  margin-bottom: 0.6em;
}
/** top teaser home **/
#top-teaser{
  position: relative;
}
#top-teaser h2{
  margin-top: 0;
  line-height: 1.2em;
}
#top-teaser img{
  max-width: 80%;
}
#top-teaser .read-more{
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
}
#top-teaser-text-area{
  position: absolute;
  right: 0;
  top: 5%;
  width: 35%;
  background-color: #fff;
  padding: 5%;
  border: 1px solid #ededed;
  opacity: 0.9;
}
.current-issue{
  padding: 10% 10% 8% 10%;
  background-color: #f7f2ea;
}
.current-issue img{
/* 	webkit-box-shadow: 10px 6px 13px 0px rgba(171,169,171,1);
	-moz-box-shadow: 10px 6px 13px 0px rgba(171,169,171,1);
	box-shadow: 10px 6px 13px 0px rgba(171,169,171,1); */
}
.entry-content h3.current-issue-preview-title, 
.textwidget h3.current-issue-preview-title{
	text-align: center;
	padding: 5px;
	background-color: #fff;
 	font-size: 1.2em;
 	font-style: italic;
   margin-bottom: 0;
   margin-top: 10px;
}
a.widget-abo-link{
  display: block;
  text-align: center;
  margin-top: 10px;
  color: #333 !important;
	font-family: "Open Sans";
	font-weight: normal;
	font-size: 0.8em;
}
.taxonomy-description {
  font-family: "Open Sans";
  line-height: 1.6em;
  color: #666;
  font-style: normal;
  font-size: 15px;
  margin-top: 0;
  margin-bottom: 15px;
}

/** single post **/
article.post .entry-categories,
article.post .post-params,
article.post .post-meta-bottom {
    margin-top: 0;
    color: #999999;
    font-size: 1em;
}
article.post .entry-categories a,
article.post .post-params a {
    color: #777777;
}
.header-content{
	margin-bottom: 10px;
}
article.post .entry-header,
article.page .entry-header {
  margin-bottom: 0;
}
.dropcap{
/* 	float: left; */
/* 	font-size: 450%; */
/* 	line-height: 75px; */
/* 	padding-top: 0; */
/* 	padding-right: 15px; */
/* 	padding-left: 0;	 */
}

/** breadcrumbs **/
#yoast-breadcrumbs{
  background: transparent;
  padding: 0;
}
#yoast-breadcrumbs a, #navxt-breadcrumbs a {
  font-weight: 500;
}

.page #yoast-breadcrumbs,
.category #yoast-breadcrumbs,
.archive #yoast-breadcrumbs,
.search-results #yoast-breadcrumbs{
  display: none;
}

/** Pagination **/
.wp-pagenavi {
  text-align: left;
}
.wp-pagenavi a, .wp-pagenavi span {
  text-decoration: none;
  border: 1px solid #ededed;
  padding: 3px 10px;
  margin: 2px;
}

/* Gallery **/
.psgal {
  margin: 0 !important;
  padding-bottom: 0 !important;
}
.psgal figure {
  width: auto !important;
  max-width: 300px;
  margin-bottom: 20px !important;
}
.post-content .psgal figure {
  width: auto !important;
  max-width: 33%;
  margin-bottom: 20px !important;
}
.psgal figure figcaption {
  font-size: 0.8em;
  text-align: left;
}
/** footer **/
.bottom-banner-area{
  clear: both;
}
#menu-bottom-menu {
	list-style: none;
	margin: 0;
	text-align: center;
	border-bottom: 1px solid #dfdfdf;
	padding-bottom: 15px;
}
#menu-bottom-menu li {
    padding-bottom: 0;
    display: inline-block;
    margin-right: 15px;
}
#menu-bottom-menu li a {
    color: #999;
    text-transform: uppercase;
    font-size: 115%;
    font-weight: bold;
}
#footer-widgets {
	margin-top: 15px;
}

/** grid **/
/** grid **/
.grid {
  margin: 0 -20px;
}
.grid-item{
  box-sizing: border-box;
}
.grid-2 .grid-item {
  width: 50%;
  padding: 0 20px;
  margin-bottom: 30px;
/*   border-right: 30px solid transparent; */
}

.grid-3 .grid-item {
  width: 33%;
  padding: 0 20px;
  margin-bottom: 30px;
 /*  box-sizing: border-box; */
/*   margin-bottom: 30px;
  border-right: 30px solid transparent; */
}

.grid-4 .grid-item {
  width: 25%;
  padding: 0 20px;
  margin-bottom: 30px;
/*   border-right: 35px solid transparent; */
}
/* .has-sidebar .grid-3 .grid-item { */
/* 	width: 50%; */
/* } */
/* .grid-3 .grid-item.col-3 {
  margin-right: 0;
  border-right: none;
} */

.grid-content {
/*   text-align: center; */
  text-align: left;
}

.grid-item h3 {
  text-transform: none;
  font-weight: bold;
  font-size: 1.3em;
  margin: 8px 0;
  text-align: left;
  color: #444444;
  font-weight: 500;
}

.grid-item .separator {
  width: 8%;
  height: 3px;
  background-color: #000;
  margin: auto;
  display: none;
}
.grid-item .post-excerpt {
  line-height: 1.6em;
  color: #666666;
  font-size: 15px;
}
.grid-item .post-excerpt p {
  margin-bottom: 0;
}
.grid-item .post-excerpt .post-meta{
  text-align: center;
  font-size: 0.8em;
/*   font-style: italic; */
  margin-top: 10px;
}

a.date-time{
  text-decoration: none;
}
.grid-image {
  overflow: hidden;
}

.grid-image img {
  height: auto;
  max-width: 100%;
  transition: 0.5s;
}

.grid-image img:hover {
  -webkit-transform: scale(1.1);
  /* Safari */
  transform: scale(1.1);
  /* Standard syntax */
  max-width: auto;
}
.post-categories {
  text-align: center;
  margin: 5px 0;
  font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}
.post-category {
  font-weight: bold;
  text-transform: uppercase;
}

.post-category a,
.post-category a:visited,
.grid-item h3 a,
.grid-item h3 a:visited{
  color: #555;
  text-decoration: none;
}
.entry-content a.date-time{
  text-decoration: none;
}
.post-category:after {
  content: ' / ';
}

.post-category:last-child:after {
  display: none;
}
.post-excerpt .read-more{
  display: block;
  text-align: center;
  margin-top: 10px;
  text-transform: uppercase;
  font-size: 80%;
  font-weight: bold;
  color: #666;
}
#secondary .widget, #footer-widgets .widget, #masthead-widgets .widget {
  margin-bottom: 20px;
}
#secondary .widget .widget-title {
  margin-bottom: 5px;
}
#secondary .widget ul li, 
#secondary .widget ol li {
  padding-bottom: 5px;
}
.widget-cat-list ul li{
  display: inline;
}
.widget-cat-list ul li:after{
  content: ' / ';
}
.widget-cat-list ul li:last-child::after{
  content: '';
}
/** Archiv / Suche **/
/** widgets **/
.no-title .widget-title{
	display: none;
}
.sidebar-banner{
  margin-bottom: 20px;
}
/** filter/buttons **/
.filter-group{
	border-bottom: 1px solid;
	margin-bottom: 20px;
	padding-bottom: 5px;
}
.filter-group a.button{
    background: none;
    border: none;
	padding: 5px 10px;
	font-size: 100%;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
  box-shadow: none;
  font-size: 0.9em;
}

.filter-group a.button.active{
	background: #ededed;
}
.mobile-nav-icon::before {
  font-size: 32px;
  content:"\f0c9";
  color: #333;
}
body.responsive #masthead.masthead-logo-in-menu .main-navigation .menu-mobilenav-container ul li a {
  padding-left: 0;
  padding-right: 0;
  color: transparent;
  margin-right: 0;
  position: absolute;
  top: 5px;
  right: 35px;
}
#footer-bottom .menu-mobilenav-container ul{
  margin: 0;
  text-align: left;
}
#footer-bottom .menu-mobilenav-container ul li{
  list-style: none;
}
#footer-bottom .menu-mobilenav-container  .mobilenav-main-link{
  color: transparent;
}
/** responsive **/
@media all and (max-width: 768px) { 
  #page-title, article.post .entry-header h1.entry-title, article.page .entry-header h1.entry-title {
    font-size: 24px !important;
    line-height: 1.3em;
  }
  .grid-3 .grid-item{
    width: 50%;
  }
  a.page.smaller, a.page.larger, span.extend {
    display: none;
  }
}

@media all and (max-width: 480px) { 
  #main {
    padding: 25px;
  }
  #page-title, article.post .entry-header h1.entry-title, article.page .entry-header h1.entry-title {
    font-size: 20px !important;
  }
  body.responsive #masthead.masthead-logo-in-menu .logo {
    margin-left: 0;
  }
  #masthead.masthead-logo-in-menu .logo {
    padding-left: 0px;
    padding-right: 0px;
  }
  .grid-2 .grid-item,
  .grid-3 .grid-item{
    padding: 10px;
    width: 100%;
    margin-bottom: 15px;
  }

  body.responsive #masthead.masthead-logo-in-menu .main-navigation .menu-mobilenav-container ul li a {
    position: absolute;
    top: 0;
    right: 25px;
  }

  /** home **/
  #top-teaser-text-area {
    top: 5%;
    padding: 2%;
    width: 40%;
    line-height: 1.2em;
  }
  #top-teaser h2 {
    margin-top: 0;
    line-height: 1.1em;
    font-size: 1.2em;
  }
}