/*
 Theme Name:     iHeartDivi - Divi Child-Theme
 Theme URI:      http://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child-Theme
 Author:         iHeartBerlin
 Author URI:     http://iheart.berlin
 Template:       Divi
 Version:        1.0.0
*/
 
/* 
------------------------------------------------------- */


#page-container {
     background: none;
     
 }
#top-header, #main-header, .container, #et-secondary-menu, #et-main-area, #main-content, #content-area, #left-area {
    background: none;
}
    
/*** Take out the divider line between content and sidebar ***/
#main-content .container:before {background: none;}
    
/*** Hide Sidebar ***/
#sidebar {display:none;}

 
/*** Expand the content area to fullwidth ***/
@media (min-width: 981px){
#left-area {
    width: 100% !important;
    padding: 23px 0px 0px !important;
    float: none !important;
}
}

/*Set the effect for screen sizes 980px and larger*/
@media only screen and (min-width: 980px) {
    .ds-alternating-blog .et_pb_post {
    background-color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    padding: 30px;
}

/*Add some hidden content to clear the floats and make our posts site on their own row*/
.ds-alternating-blog .et_pb_post:after {
   content: "."; 
   visibility: hidden; 
   display: block; 
   height: 0; 
   clear: both;
}
.ds-alternating-blog .et_pb_post h2 {
    margin-top: 0;
}
/*This sets the odd post images to the left*/
.ds-alternating-blog .et_pb_post:nth-child(odd) img {
    float: left !important;
    overflow: hidden;
    width: calc(50% + 60px);
    height: auto;
    padding-right: 30px;
    margin: -30px 0 -30px -30px;
}
/*This sets the even post images to the right*/
.ds-alternating-blog .et_pb_post:nth-child(even) img {
    float: right;
    overflow: hidden;
    width: calc(50% + 60px);
    height: auto;
    padding-left: 30px;
    margin: -30px -30px -30px 0;
}
/*This sets the background color of the image ready for the hover effect*/
.ds-alternating-blog .et_pb_post img {  
    background:rgba(255,255,255,.75);
    opacity:1;
    -webkit-transition: opacity .25s ease;
    -moz-transition: opacity .25s ease;
    transition: opacity .25s ease;
}
/*This gives us the image opacity on hover*/
.ds-alternating-blog .et_pb_post img:hover {
    opacity: .5;
}     
/*This aligns the post text to the right on even posts*/    
.ds-alternating-blog .et_pb_post:nth-child(even) {
    text-align: right;
}
    
/*This sets the position of read more button on odd posts*/
.ds-alternating-blog .et_pb_post:nth-child(odd) a.more-link {
    display: block;
    clear: none;
    margin-left: calc(50% + 30px);
}
/*This sets the position of read more button on even posts*/
.ds-alternating-blog .et_pb_post:nth-child(even) a.more-link {
    display: block;
    clear: none;
    margin-left: calc(50% - 180px);
    }
}
/*This styles the read more button*/
.ds-alternating-blog a.more-link {
    border: 1px solid #000;
    width: 150px;
    color: #000;
    margin-top: 20px;
    padding: 10px;
    text-align: center;
}
/*This styles the readmore button on hover*/
.ds-alternating-blog a.more-link:hover {
    border: 1px solid #000;
    color: #fff !important;
    background: #000;
}
/*This changes the layout to stack posts on smaller screens*/
@media only screen and (max-width: 979px) {
    .ds-alternating-blog .et_pb_post {
    margin-bottom: 0;
}
   .ds-alternating-blog .et_pb_post a img {
    min-width: 100%;
}
    .ds-alternating-blog .et_pb_post .entry-featured-image-url {
    margin: -30px -30px 30px -30px;
}
    .ds-alternating-blog .et_pb_post {
        padding: 30px;
    }
}
/*This fixes a small margin issue with the post meta on small screens*/
@media only screen and (max-width: 479px) {
    .ds-alternating-blog .et_pb_post .post-meta {
    margin-top: 10px;
    }
}

.post_links{
	height: 30px;
}
.post_links div{
	float: left;
}

.link_en {
	width: 95px;
}


.link_de {
	width: 120px;
}

.link_en a, .link_de a {
	padding: 0 0 0 22px;
	display: block;
	line-height: 12px;
	margin-top: 2px;
}

.qtranxs_flag_en {background: url(http://www.iheartberlin.de/wp-content/plugins/qtranslate-x/flags/gb.png) 0px 5px no-repeat;padding-left: 26px;}
.qtranxs_flag_de {background: url(http://www.iheartberlin.de/wp-content/plugins/qtranslate-x/flags/de.png) 0px 5px no-repeat;;padding-left: 26px;}

#logo {margin-top: -39px; margin-left: 10px;}
@media all and (max-width: 980px) {
#logo {margin-top: 0; margin-left: 0;}
#page-container{   background-size: 50%;}
}

#et-lang-switcher,
#et-lang-switcher li {
	display: inline-block;
}

#et-lang-switcher a {
	-webkit-transition: background-color 0.4s, color 0.4s ease-in-out;
	-moz-transition: background-color 0.4s, color 0.4s ease-in-out;
	transition: background-color 0.4s, color 0.4s ease-in-out;
}

#et-secondary-nav > li:last-child {
	margin-right: 15px;
}

/* Event Page Styles */



.event_date {
	background: black;
	padding: 3px 5px 3px 5px;
	color: white;
	font-weight: bold;
	text-transform: UPPERCASE;
	margin-bottom: 15px;
}

.event_entry {
	margin-bottom: 15px;
}

.event_image {
 	float: left;
	width: 120px;
	height: 120px;
	margin-right: 15px;
}

.event_info {
	float: left;
	width: 505px;
}

.event_devider {
	background: #e1e1e1;
	color: white;
}

.event_time {
	float: left;
	padding: 3px 5px 3px 5px;
	font-weight: bold;
}

.event_category {
	float: right;
	font-weight: bold;
	color: white;
	text-transform: UPPERCASE;
	padding: 3px 5px 3px 5px;
	border-left: 3px solid white;
	background: #c8c8c8;
}

.event_entry h3 {
	font-weight: bold;
	text-transform: UPPERCASE;
}

.event_entry p {
	
}

.event_author {
	font-style: italic;
	color: #c1c1c1;
}

.event_links {
	float: right;
	text-align: right;
}

.event_links img {
	margin-left: 3px;
}

table, tr, td { border: 0px !important;}

.meta {
	color: #777;
	text-align: right;
}
.meta img.photo {
	float: right;
	margin: 0 0 0 5px;
    border-radius: 50%;
}

.avatar {
    border-radius: 50%;
}

.geodir-image-container ul.geodir-images li img, .geodir-image-container ul.geodir-images li{border-radius:0px !important}

.geodir-entry-title {
    font-size: 20px !important;
}

.geodir_post_meta,  .geodir-field-post_content {
    font-size: 14px !important;
    
}