/*
Theme Name:  Upoznavanje
Theme URI:   https://hr.upoznavanje.cc
Version:     1.0
Description: A child theme of Divi. This is a custom child theme created for our site upoznavanje.
Author:      admin
Author URI:  https://hr.upoznavanje.cc
Template:    Divi
*/

/*- Add any CSS custom code for this child theme below this line -*/


/*p:empty { display:none; }

p {
    padding-bottom: 0px !important;
}*/

/* Smartphones (landscape) ----------- blurb za tablet*/
/*@media (max-width: 980px) {
.twoX2 .et_pb_column{
max-width: 50% !important;
}
.twoX2 .et_pb_column.et_pb_column_1_3:nth-of-type(3){
margin: 0 25%;
}
}
@media (max-width: 479px){
.et_pb_section .et_pb_row.twoX2 div.et_pb_column.et_pb_column_1_4 {
    width: 47.25% !important;
}

}*/

/* Round images */
img.attachment-thumbnail{
	border-radius: 6%;
}


/* border u tabelama*/
.entry-content tr td {
    border: 0;
}
.entry-content table{
    border: 0;
}


/*ispod je modifikacija slike (umanjena slika) u listi postova */
/* .et_pb_post a img {height: 250px; width: auto;} */
/* a ovo ispod je jos bolje */

/*------------------------------------------------*/
/*--------[GQ - LEFT ALIGN BLOG IMAGE]------------*/
/*------------------------------------------------*/
 
    .et_pb_posts .et_pb_post a img, 
    .archive .et_pb_post a img, 
    .search .et_pb_post a img {
            max-width: 160px!important;
            max-height: 160px!important;
            min-width: 160px!important;
            min-height: 160px!important;
            float: right;
            margin-left: 20px;
            margin-top: 36px;
            object-fit: cover;
	border-radius: 6%;
	border: 2px solid #cccccc;
}
 
    @media only screen and (max-width: 620px) {
        .et_pb_posts .et_pb_post a img, 
        .archive .et_pb_post a img, 
        .search .et_pb_post a img{
            float:none;
	display: block;
	float: none !important;
	margin: 0 auto !important;
/*            max-width: 160px!important;
            max-height: 160px!important;
            min-width: 160px!important;
            min-height: 160px!important;*/
		margin-top: 20px !important;}
}


/*okvir u listi oglasa*/
.et_pb_posts .et_pb_post, 
.archive .et_pb_post,
.search .et_pb_post {
	padding: 0px 20px 20px 20px;
	border-radius: 10px 10px 10px 10px;
	border: 1px solid #e2e2e2;
	background-color: #fff7f7;
	min-height: 234px;
}

/* Razmak izmedju naslova i posta u listi postova */
.et_pb_post .entry-featured-image-url {
	margin-bottom: 20px;
}
/* Kraj razmaka izmedju naslova i posta u listi postova */


/* SMS ikonica za mobilni*/
.div-only-mobile {
    display: none;
}

@media only screen and (max-width:980px) {
  /* Za mobilni: */
  .div-only-mobile {
    width:100%;
  }

* {
  box-sizing: border-box;
}

.div-only-mobile {
	display: block;
	margin: 20px 0px 20px 0px;
}
	
	.et_pb_posts .div-only-mobile a img, .archive .div-only-mobile a img, .search .div-only-mobile a img {
	display: block;
	float: none !important;
	margin: 0 auto !important;
	border: none;
	border-radius: 0px 0px 0px 0px;
    min-width: 244px !important;
    min-height: 82px !important;
	}
	
}
/* Kraj SMS ikonice za mobilni*/


/* Pozadina delica posta */
.box{
	width:100%;
	height:auto;
	padding: 7px 14px 7px 14px;
	border-radius: 6px;
	background: #ffe4e3;
	margin: 10px 0px 10px 0px;
	font-size: 16px;
}

.price{
	font-size: 15px;
	margin: 14px 0px 10px 0px;
}

.pit{
	font-size: 16px;
	color: #cd5c5c;
	width: 70px;
	float: left;
}

.odg{
	font-size: 16px;
}

.oglpit{
	font-size: 16px;
	color: #cd5c5c;
	width: 70px;
	float: left;}

.oglodg{
	font-size: 16px;
}

/* Kraj pozadine delica posta */


/*breadcrumb*/
#crumbs {
  text-align: center;
  margin-left: 1em;
  margin-right: 1em;
}
#crumbs ul {
  display: inline-table;
  position: relative;
}
#crumbs ul li {
  display: inline;
}

#crumbs ul li a {
  display: block;
  float: left;
  height: 180px;
  background: #ffe4e3;
  text-align: center;
  padding: 50px 0px 0 120px;
  position: relative;
  margin: 0 10px 0 0;
  font-size: 20px;
  text-decoration: none;
  color: black;
  line-height: 25px;
}
#crumbs ul li a:after {
  content: "";
  border-top: 90px solid transparent;
  border-bottom: 90px solid transparent;
  border-left: 90px solid #ffe4e3;
  position: absolute;
  right: -90px;
  top: 0;
  z-index: 1;
}
#crumbs ul li a:before {
  content: "";
  border-top: 90px solid transparent;
  border-bottom: 90px solid transparent;
  border-left: 90px solid #ffffff;
  position: absolute;
  left: 0;
  top: 0;
}
#crumbs ul li:first-child a {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  padding-left: 20px;
}
#crumbs ul li:first-child a:before {
  display: none;
}
#crumbs ul li:last-child a {
  padding-right: 30px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
#crumbs ul li:last-child a:after {
  display: none;
}
/*end of breadcrumb*/

.more-link{
	font-size: 16px;
}

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

/* carousel */
    /*-----------------------------------------------*/
    /*-----Scrolling Image Carousel by Divi Soup-----*/
    /*-----------------------------------------------*/
    /***25 Images***/
    /*Stops the browser creating a horizontal scrollbar*/
    .ds-carousel-section {
        overflow: hidden;
    }
    /*Sets the width of the image modules and floats them so they are next to each other*/
    .ds-carousel-logo {
        width: 20%;
        float: left;
    }
    /*Sets the position and visibility of the rows*/
    .ds-image-carousel {
        float: left;
        position: absolute;
        padding: 0;
        opacity: 0;
        z-index: 0;
    }
    /*Position, visibility and animation settings for the first row*/
    .ds-image-carousel-first {
        position: relative;
        z-index: 1;
        -webkit-animation: first 15s 1 linear forwards;
        animation: first 15s 1 linear forwards;
    }
    /*Animation settings for the rest of the rows*/
    .ds-image-carousel-second,
    .ds-image-carousel-third,
    .ds-image-carousel-fourth,
    .ds-image-carousel-fifth,
    .ds-image-carousel-sixth {
        -webkit-animation: rest 75s infinite linear;
        animation: rest 75s infinite linear;
    }
    /*Animation delay for the third row*/
    .ds-image-carousel-third {
        -webkit-animation-delay: 15s;
        animation-delay: 15;
    }
    /*Animation delay for the fourth row*/
    .ds-image-carousel-fourth {
        -webkit-animation-delay: 30s;
        animation-delay: 30;
    }
    /*Animation delay for the fifth row*/
    .ds-image-carousel-fifth {
        -webkit-animation-delay: 45s;
        animation-delay: 45;
    }
    /*Animation delay for the sixth row*/
    .ds-image-carousel-sixth {
        -webkit-animation-delay: 60s;
        animation-delay: 60;
    }
    /*Animation for the continuous scrolling effect*/
    /*First row - this only plays once*/
    @-webkit-keyframes first {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
            opacity: 1;
            z-index: 1;
        }
        99.99% {
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
            opacity: 1;
            z-index: 1;
        }
        100% {
            opacity: 0;
            z-index: 0;
        }
    }
    @keyframes first {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(0);
            opacity: 1;
            z-index: 1;
        }
        99.99% {
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
            opacity: 1;
            z-index: 1;
        }
        100% {
            opacity: 0;
            z-index: 0;
        }
    }
    /*All other rows - these play continuously*/
    @-webkit-keyframes rest {
        0.01% {
            opacity: 0;
            z-index: 0;
        }
        0.011% {
            -webkit-transform: translateX(100%);
            transform: translateX(100%);
            opacity: 1;
            z-index: 1;
        }
        40% {
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
            opacity: 1;
        }
        100% {
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
            opacity: 1;
        }
    }
    @keyframes rest {
        0.01% {
            opacity: 0;
            z-index: 0;
        }
        0.011% {
            -webkit-transform: translateX(100%);
            transform: translateX(100%);
            opacity: 1;
            z-index: 1;
        }
        40% {
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
            opacity: 1;
        }
        100% {
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
            opacity: 1;
        }
    }
    /*Pause all animation on hover*/
    .ds-carousel-section:hover .ds-image-carousel {
        -webkit-animation-play-state: paused;
        animation-play-state: paused;
    }
    /*-----------------------------------------------*/
    /*---End Scrolling Image Carousel by Divi Soup---*/
    /*-----------------------------------------------*/
/* end of carousel */

/**/
.testimonial-image img {
	border-radius: 10%;
    padding: 3px !important;
}

.testimonial{
	border-radius: 10px;
}
.testimonial-inner{
	border-radius: 10px;
}


/**/

/* WP related post plugin */

ul.related_post li a.wp_rp_thumbnail img {
/*border-radius: 50% !important;*/
}

ul.related_post li a.wp_rp_title{
	text-align: center;
	font-size: 14px !important;
}

/* kraj WP related post plugin */

/* WordPress Related Posts Thumbnails plugin */
.relpost-block-single-image{
	width: 110px !important;
	height: 110px !important;
	border-radius: 6px !important;
	border: 2px solid #cfcfcf !important;
}

.relpost-block-single{
	width: 124px !important;
	height: 150px !important;
}

.relpost-block-single-text{
	width: 110px !important;
	margin: 10px 0px 0px 0px !important;
}

/* kraj WordPress Related Posts Thumbnails plugina*/

/* Naslov na tagovima, kategorijama, ... */

.blog-title {
    margin-bottom: 20px;
	margin-left: 20px;
	/*text-transform: capitalize;*/
	text-transform: uppercase;
}
hr.archive-line {
	display: none;
}

.good_old_share div {
	float:right !important;
}

/*blurb za tablet*/

.three-columns .et_pb_column {
    width: 33%!important;
}

.et_pb_post {
    margin-bottom: 40px !important;
}