/*
Automotor.hu specifikus CSS beállítások
*/
/* 
    Created on : 2018.04.03., 16:40:18
    Author     : patony
	@since 20180702 - új remote repóbe került a gitlab.mediaworks.hu-ba
*/

/* AdOcean banner zónák
---------------------------------*/

/* BANNER ZÓNÁK */

.zone_pc > div , .zone_mobile > div { max-width: 100% !important; /*height: auto !important;*/ }
.zone-caption { font-size: 10px; color: #a3a3a3; display: block; width: 100%; height: auto; line-height: 115%; text-align: center; margin-bottom: 20px; }

.only-mobile { display:none; }
.only-desktop { display:block; }
body.mobile-device .only-desktop { display:none; }
body.mobile-device .only-mobile { display:block; }
#_fooldali_header_banner,
#_aloldali_header_banner {
    margin-bottom: 20px;
}


/* AJÁNLÓK A CIKKEKBEN */

.related-posts-home .section-heading span:before {
    margin-right: 1.5em;
    right: 100%;
}
.related-posts-home .section-heading span:after {
    left: 100%;
    margin-left: 1.5em;
}
.related-posts-home .section-heading span:before, .related-posts-home .section-heading span:after {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    content: "";
    height: 0.4em;
    margin-top: -0.35em;
    position: absolute;
    top: 50%;
    width: 200em;
}

.read-more {
    display: block;
    text-align: center;
}
.rread-more a, .mmore-link {
    border: 1px solid #000;
    color: inherit;
    display: inline-block;
    font-size: 10px;
    letter-spacing: 1px;
    padding: 7px 34px 6px;
    position: relative;
    text-transform: uppercase;
}

.read-more .postCategory {
    height: 28px;
    line-height: 30px;
	margin-bottom: 0;
    font-size: 15px;
	padding: 0 18px;
}

.read-more:hover .postCategory { color: #666; }


.related-posts.ajanlo { margin-top: 60px; margin-bottom: 15px; border-bottom: 1px solid #ddd; padding-bottom: 24px; overflow: hidden; }
.related-posts.ajanlo .section-heading {font-size: 15px; font-weight: 400; text-align: center; margin-bottom: 30px; }
.related-posts.ajanlo .section-heading span {position: relative;}
.ajanlo .post-section { width: 100%; display: inline-block; }
.ajanlo .post-section .featured-thumbnail { width: 30%; float: left; box-sizing: border-box; padding-right: 30px; border: 0; }
.ajanlo .post-section .featured-thumbnail img { border-radius: 4px; }
.ajanlo .post-section .featured-thumbnail.right { float: right; padding-right: 0; padding-left: 30px; }
.ajanlo .post-section .details { width: 70%; float:right; box-sizing: border-box; }
.ajanlo .post-section .details h2 { font-size: 20px; }
.single .main-content .ajanlo .post-section .details header { height: inherit; }
.ajanlo-post-footer { margin-bottom: 60px; border-top: none; padding: 0 0 9px 0; }

@media screen and (max-width: 480px) {
	.related-posts.ajanlo .section-heading  { margin-bottom: 0; }
}

@media screen and (max-width: 620px) {
	.related-posts.ajanlo { margin-top: 30px; }
	.related-posts.ajanlo { margin-bottom: 0; }
	.ajanlo .post-section .featured-thumbnail { width: 100%; padding-right: 0; margin-bottom: 10px; display: inline-block; }
	.ajanlo .post-section .details { width: 100%; }
	
}


