/*
Theme Name:		ZIST Blog
Theme URI:		https://www.zist.de/blog/
Description:	Child theme for the Divi theme by elegantthemes
Author:			derhoecherl.de - Stefan Hoecherl / nexTab.de - Oliver Gehrmann
Author URI:		http://derhoecherl.de
Template:		Divi
Version:		1.0
*/

/****************************************************
******************** General *********************
****************************************************/

/* Buttons */
#page-container a.big-button, #page-container a.icon-button, #page-container a.small-button {
	border-radius: 0;
	box-shadow: none;
	transition: all 300ms ease;
}
#page-container a.big-button:hover, #page-container a.icon-button:hover, #page-container a.small-button:hover { background-color: #a6374a; }
#cookie-notice a.et_pb_button.et_pb_bg_layout_dark, #page-container a.et_pb_button.et_pb_bg_layout_dark, #page-container .et_pb_bg_layout_dark .et_pb_button {
	background-color: #fff;
	color: #c6475a !important;
}
#cookie-notice a.et_pb_button.et_pb_bg_layout_dark:hover, #page-container a.et_pb_button.et_pb_bg_layout_dark:hover, #page-container .et_pb_bg_layout_dark .et_pb_button:hover { 
	background-color: #eee !important;
	color: #a6374a !important;
}
/* Blog-Feed */
#page-container .et_pb_post {
	border-bottom: 1px solid #e1e1e1;
	border-top: none;
	margin-bottom: 50px;
	padding-bottom: 40px;
}
#page-container .et_pb_posts a.more-link {
	background-color: #fff;
	border: 1px solid #c6475a;
	color: #c6475a;
	margin-left: 50%;
	margin-top: 35px;
	padding: 0.3em 1em;
	transform: translatex(0%) translatex(-50%);
	transition: all 300ms ease;
}
#page-container .et_pb_posts a.more-link:hover { background-color: #a6374a; color: #fff; }
/* Page Navi */
#page-container .wp-pagenavi {
	border-top: none;
	text-align: center;
}
#page-container .wp-pagenavi span { font-size: 16px !important; }
#page-container .wp-pagenavi span.current { color: #000 !important; font-size: 16px !important; }
#page-container .wp-pagenavi a, #page-container .wp-pagenavi .nextpostslink, #page-container .wp-pagenavi .previouspostslink { color: #c6475a; font-size: 16px !important; }
#page-container .wp-pagenavi a:hover, #page-container .wp-pagenavi .nextpostslink:hover, #page-container .wp-pagenavi .previouspostslink:hover { color: #a6374a !important; }

/* Footer */
footer#main-footer #footer-bottom .et-social-icon a {
	font-size: 32px;
	padding-bottom: 9px;
}
.et-social-facebook a.icon::before { content: "\e0aa"; }
.et-social-google-plus a.icon::before { 
	color: #bbdef3 ;
	content: "\e0aa";
}
.et-social-twitter a.icon::before { content: "\e0ab"; }
.et-social-instagram a.icon::before { content: "\e0b1"; }


/* Alte Änderungen */

a.smallblack {
	border-radius: 6px;
	border:none;
}
a.smallsilver {
	background: #000!important;
	color: #000!important;
	border: none;
	border-radius: 6px;
	background-color:#bbbbbb!important;
}
a.bigred, a.smallred {
	background-color: #c6475a;
	border: none!important;
	font-size: 15px;
	color: #fff!important;
	text-shadow: none;
	font-weight: 500!important;
	border-radius: 6px;
background: none;
}

a.big-button, a.icon-button, a.small-button {
	background-color: #c6475a;
	border:none;
	font-size:15px;
	color:#fff;
	text-shadow: none;
	border-radius: 6px;
	font-weight:500!important;
}

.et_pb_posts a.more-link{
	display:block;
	float:left;
	margin-left: 30%;
	margin-top: 2%;
	clear:both
}

.et_pb_post {
    margin-bottom: 50px;
    border-top: 1px solid #e1e1e1;
}
.et_pb_post:first-of-type { border-top: none; }
.view-full-post { float: right; }

.author { display: show; }

.zistblog a{
	color: #fffff !important;
	font-weight: bolder;
	right: 50px;
}

.et_pb_slide_description { float:left !important; padding-left: 20px !important }
.et_pb_slide_image { right:20px; }

.et_pb_posts .et_pb_post a img, 
.archive .et_pb_post a img, 
.search .et_pb_post a img {
	float: left;
	max-width: 210px!important;
	padding-right: 20px;
}
.et_vertical_nav #main-header #top-menu li {
	display: none;
	padding-right: 0
}


/****************************************************
******************** Header *********************
****************************************************/
#top-menu-nav>ul>li>a:hover, .bottom-nav a:hover, #footer-bottom .et-social-icon a:hover { opacity: 1; }

/*****************************************************
************* Responsive Design **************
****************************************************/

@media only screen and (min-width: 768px) {
    #et-info { float:right !important; }
}

@media only screen and ( min-width: 1405px ) { }

@media only screen and ( max-width: 980px ) { 
	.reverse-responsive { 
		display: flex;
		flex-flow: column-reverse; 
	}
	.et_pb_row.reverse-responsive .et_pb_column:first-child { margin-bottom: 0; }
	.et_pb_row.reverse-responsive .et_pb_column:last-child { margin-bottom: 30px; }
	.et_pb_posts .et_pb_post a img, 
	.archive .et_pb_post a img, 
	.search .et_pb_post a img{
		float:none;
		max-width: 280px!important;}
	}

@media only screen and ( max-width: 767px ) { }

@media only screen and ( max-width: 479px ) { 
	.container, .et_pb_row { width: 90%; }
}