/*!
Theme Name: Extra
Theme URI: http://www.elegantthemes.com/gallery/extra/
Version: 4.27.4
Description: Extra
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

.et-fixed-header #main-header {box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3) !important;}

.post #main-content {padding-top:20px;}

#main-content {padding-top: 20px;}

#et-info .et-top-search .et-search-field:focus {
  background:rgba(000,000,000,.9);
  color:#fff
}

header.header .et-trending {padding-bottom:0;}

.sitedesc {text-transform: uppercase; padding:0 0 0 0; font-size: 14px; font-weight: 700;}

.et_pb_extra_module .main-post article .post-content h2 {padding-bottom:10px;}

.et_pb_extra_module .main-post article .header{
    width:100%;
    height:200px;
    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;
}
.wprss-feed-meta {display:none; visibility: hidden;}
.wpra-item a {font-weight: bold; color:#333333; font-size:14px !important; line-height:1.2em !important;}

.post-thumbnail {min-height:100px; background-color: white !important;}

.module-filter {display:none; visibility:hidden;}

.header .featured-image{ width:100%; height:200px; overflow:hidden;}
.header .featured-image img{ width:100%; height:auto;}

.posts-blog-feed-module.masonry .hentry {min-height:440px !important;}

h1.entry-title {font-size:4em; padding:20px 40px 40px 40px; line-height:1.1em;}
.post-content p {font-size:1.3em;}

.category .archive-header {
	display: none;
}

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

.nadnaslov {font-size:1.4em; text-transform:uppercase; font-weight:bold; padding-bottom:20px; text-decoration-line:overline;}
.excerpt p {font-size:1.1em; line-height:1em; padding-bottom:3px;}
.smallexcerpt p {font-size:1em; line-height:1em !important; padding-bottom:6px;}
.et_pb_extra_module .posts-list article .post-content {padding:0 !important;}
.et_pb_extra_module .main-post article .post-content .excerpt {margin:0;}
p.carousel-p {color:#333333; font-size:1.1em;}


article.single-post-module {border-radius: 3px 3px 3px 3px; box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3) !important;}

.et-accent-colors {padding:10px 30px; margin-left: -12px !important; margin-bottom:20px; width:100%; border-radius:3px; box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);}

.et-accent-colors h1 {color:#FFFFFF; margin-bottom:0px; font-size: 2em; line-height:1em; padding:0;}

.related-post  .post-thumbnail img{
    width:100%;
    height:auto;
}

.related-post  .post-thumbnail{
   
    height:150px;
    overflow:hidden;
}

.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;}

blockquote {font-weight:500;}

.searchresult {padding:0 20px; margin:0;}
.searchresult h2 {font-size:24px; font-weight:700; line-height:1em;}
.searchframe {
border-radius: 3px 3px 3px 3px;
  box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3) !important; padding:20px;width:100%;}

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


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


/******* 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; }
	
.breadcrumb-container {display:none; visibility:hidden;}

h1.entry-title {font-size:3em; padding:20px 20px 20px 20px; line-height:1.1em;}
	
.nadnaslov {font-size:1.2em; text-transform:uppercase; font-weight:bold; padding-bottom:0px; text-decoration-line:overline;}
	
	.posts-blog-feed-module.masonry .hentry {min-height:auto !important;}
	
	.et-accent-colors {   margin-left: 0px !important; }
	
	.searchframe .header .featured-image {height:180px !important;}
	
	.searchresult h2 a {line-height:1.1em;}
}

.withthumb .lcp-container {
    padding-left: 10px !important;
    text-align: left !important;
  }

.thumbmagic {float:left !important; margin:0 10px 0 0 !important;}



.et_pb_image_1_tb_footer.et_pb_module {margin-right:auto !important;}

a.url {
  	font-weight:600;
	
}

a.url:before {content:": " }

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

#logo {
    display: block;
    width: 90% !important;
    height: auto !important;
}
}