@import "../../../poza/assets/css/style.min.css";

/* Your CSS code goes here
-------------------------------------- */
/*adjusting the spacing in post list in home*/
.home .media-body .entry-time,
.home .media-body .entry-comment,
.home .media-body .entry-user,
.archive .media-body .entry-time,
.archive .media-body .entry-comment,
.archive .media-body .entry-user{
	margin-top: 0;
}
.home .blog-item .media-heading,
.archive .blog-item .media-heading{
	margin: 0;
}
.home .media,
.archive .media{
	margin-top: 65px;
}

/*header search input text - in chrome looks grey - forcing it to be white*/
.form-search input.search-field{
    -webkit-text-fill-color: #fff !important;
}

.navbar-toggle .icon-bar {
	background-color: black;
}

#header > div > .logo {
	display: flex;
	justify-content: space-between;
    align-items: center;
}


/* #header > div > div > button {
	order: -1;
    transform: translateY(24px);
} */

#header > div > div > div.second_logo_img > a > img {
    width: 190px;
}


#container > div.sticky-header > div > div > div.logo > div > a > img {
	width: 100px;
}

@media (max-width: 767px) {
    #header > div > div > div.second_logo_img > a > img,
    #header > div > div > div.logo-img > a > img.pojo-visible-phone {
        max-width: 70%;
    }

    #header > div > div > button {
        position: absolute;
        right: 0;
        transition: all .4s;
    }

    #header > div > div > button:hover {
        position: absolute;
        right: 0;
        transform: rotate(-180deg)
    }

    body.rtl .sticky-header .logo .logo-img {
        float: left !important;
    }

    body.rtl .sticky-header .logo .navbar-toggle {
        float: right !important;
    }

    #container > div.sticky-header > div > div > div.logo > button {
        transition: all .4s;
        padding-top: 10px;
    }

    #container > div.sticky-header > div > div > div.logo > button span {
        background-color: #fff;
    }

    #container > div.sticky-header > div > div > div.logo > button:hover {
        transform: rotate(-180deg);
        background-color: transparent;
    }
}

/** Merav **/
span.yarpp-thumbnail-title {
    text-align: right !important;
}

.yarpp-related h3 {
    font-size: 25px !important;
    font-weight: normal !important;
}

.yarpp-thumbnails-horizontal .yarpp-thumbnail {
    border: none !important;
}

.yarpp-related .yarpp-thumbnail-title {
    color: #666 !important;
    font-size: 18px !important;
    font-weight: normal !important;
}

.yarpp-thumbnail:hover {
    background-color: #f6f6f6 !important;
}


.yarpp-thumbnails-horizontal {
display: flex;
justify-content: right;
flex-wrap: wrap;
}

@media only screen and (max-width: 550px) {
.yarpp-thumbnails-horizontal {
flex-direction: column;
align-items: right;
}
}

.yarpp-related a.yarpp-thumbnail{
height: auto;
}

/** Merav **/

@media (max-width: 520px) {
    #header > div > .logo {
        justify-content: flex-end;
        padding-right: 35px !important;
    }
}