/**

 * Theme Name:     Extra Child
 * Author:         Elegant Themes
 * Template:       Extra
 * Text Domain:	   extra-child
 * Description:    Extra
 */

.et_pb_background_mask, .et_pb_background_pattern  {visibility:hidden !important; display:none !important;}

.main-post article {min-height:300px !important;}

#home-vrh .et_pb_extra_module .main-post article .header{
    width:100%;
    height:150px;
    overflow:hidden;
}

#home-vrh .et_pb_extra_module .main-post article .header img{
    width:100%;
    height:auto;
}

.wprss-feed-meta {display:none; visibility: hidden;}
.wpra-item a {font-weight: bold; color:#333333; font-size:14px !important; line-height:1.2em !important;}


/*replace Twitter icon with X in Divi Social Follow module*/
.et-extra-social-icon  a.et-extra-icon-twitter:before {
	content: "\e61b";
	font-family: "Font Awesome 6 Brands" !important;
}

.et_pb_extra_module .posts-list article .post-content {padding:0px !important;}

.et_pb_extra_module .posts-list article .post-thumbnail {
   width: 100px;
  height: auto;
}

.et_pb_extra_module .main-post article .header{
    width:100%;
    height:220px;
    overflow:hidden;
}

.et_pb_extra_module .main-post article .header img{
    width:100%;
    height:auto;
}

.et_pb_extra_module  article .post-thumbnail{
   
    height:360px;
    overflow:hidden;
}


.et_pb_extra_module  article .post-thumbnail img{
 
    height:auto;
}

.header .featured-image{ width:100%; height:250px; overflow:hidden;}
.header .featured-image img{ width:100%; height:auto;}
.posts-blog-feed-module.masonry .hentry {min-height:400px !important;}

#homelist .header .featured-image{ width:100%; height:100%; overflow:hidden;}

.searchresult {padding:0 20px; margin:0;}
.searchresult h2 {}
.searchframe {
 padding:0;width:100%;}

.searchframe .header .featured-image {height:350px}


.et_pb_extra_column_main#search {width:100% !important; max-width: 100%;
  min-width: 100%;}

.relatedexcerpt {font-size:1em; line-height:1em; margin-bottom:3px !important;}
.relatedtitle {font-size:1em; line-height:1em; margin-bottom:6px; font-weight:bold;}
.relatedtitle a {color:#000000;}

.oznake a, .oznake a:visited {margin: 2px 10px; color:#333333; display:inline-block; background-color:#EFEFEF;padding:2px 10px; border-radius:3px;}

.breadcrumb-container a, .breadcrumb-container a:visited  {color:#333333;}

h1.entry-title {font-size:3.5em; padding:20px; line-height:1.4em; color:#ec1c24;}
.post-content p {font-size:1.4em;}

/******* Postlist 2018-08-05 *******/

/* Some basic styling */
.postlist h3 {font-size: 22px; line-height: 1.2em; margin-top: 0; padding-top: 0}
.postlist p, .postlist .morelink a {font-size: 1em; line-height: 1em; margin:0; padding:0;}
.withthumb .lcp-container {margin-left: 120px;} 
.morelink {text-align: right;}

/* Styling of the outer container */
.postlist {
    border: 1px solid #ccc;
	background: rgba(255, 255, 255, 0.7);
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1);
    margin: 0px;
    padding: 20px;
    overflow: auto;
}

/* The image magic */
.thumbmagic {
  float: left; 
  display: inline-block; 
  position: relative;
  overflow: hidden;
  width: 100px;
  height: 0;  
  padding-bottom: 100px;
}
.thumbmagic img {
  position: absolute;
  left: 50%;
  top: 50%;
  border-radius: 0;
  max-height: none;
  max-width: none;
/* min-width: 200px; width: auto; height: 100%; /* Use for portrait display */
  min-height: auto; height: auto; width: 100%; /* Use for landscape display */
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
}

/* The responsive magic */
@media screen and (max-width: 800px) {
  .thumbmagic {float: none; display: block; margin: 10px auto 20px auto;}
  .thumbmagic:empty {display: none;}
  .withthumb .lcp-container {margin-left: 0px; text-align: center;}
}

/* The cardview */
.cardview.postlist {padding: 0;}
.cardview.postlist h3 {margin-top: 20px;}
.cardview .thumbmagic {float: none; width: 100%; padding-bottom: 38%; margin-top: 0;}
.cardview .lcp-container {margin: 0; padding: 0 20px 20px 20px;}

/* Multicolumn */
@media ( min-width: 767px ) {
.cardview.postlist, .nothumb.postlist {float: left; width: 48%;}
.cardview.postlist:nth-of-type(2n+1), .nothumb.postlist:nth-of-type(2n+1) {margin-right: 4%;}
.cardview.postlist:nth-of-type(2n+3), .nothumb.postlist:nth-of-type(2n+3) {clear: both;}
}

/* Multicolumn 3 > 2 > 1 Version */ /* Comment the upper version and uncomment this one to use it
@media ( min-width: 767px ) and ( max-width: 1100px ) {
.cardview.postlist, .nothumb.postlist {float: left; width: 48%;}
.cardview.postlist:nth-of-type(2n+1), .nothumb.postlist:nth-of-type(2n+1) {margin-right: 4%;}
.cardview.postlist:nth-of-type(2n+3), .nothumb.postlist:nth-of-type(2n+3) {clear: both;}
}
@media ( min-width: 1101px ) {
.cardview.postlist, .nothumb.postlist {float: left; width: 32%; margin-right: 2%;}
.cardview.postlist:nth-of-type(3n+3), .nothumb.postlist:nth-of-type(3n+3) {margin-right: 0;}
.cardview.postlist:nth-of-type(3n+4), .nothumb.postlist:nth-of-type(3n+4) {clear: both;}
}
*/

/* Pagination */
.lcp_paginator li {border: 1px solid #ccc!important; box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1); color: #777;}
.lcp_paginator li a {color: #aaa;}
ul.lcp_paginator {padding: 0 0 20px 0!important;}
ul.lcp_paginator:before {content: ""; display: table; clear: both;} 

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

.featured-posts-slider-module .carousel-item .post-content-box {background: rgba(0,0,0,.6) !important;}
	
.posts-blog-feed-module.masonry .hentry {  min-height: auto !important; }
	
.main-post article {min-height:auto !important;}

	.breadcrumb-container {display:none; visibility:hidden;}

h1.entry-title {font-size:3em; padding:20px 20px 20px 20px; line-height:1.1em;}