/*
 Theme Name:     Backslash Theme
 Description:    Backslash - Divi Child Theme
 Author:         Backslash
 Author URI:     https://backslash.hu
 Template:       Divi
 Version:        1.0.0
*/


/* =Theme customization
------------------------------------------------------- */

/* Menu items design */
#top-menu li {
    padding-right: 34px;
}

/* Cookie notice design*/
#cookie-notice {
    border-top: 2px solid #Edeff0;
}

#cookie-notice .cookie-notice-container .cookie-notice-button {
    padding: 3px 12px;
    border: 2px solid #c4beb9;
    color: #595353;
}
#cookie-notice .cookie-notice-container .cookie-notice-button:hover {
    opacity: 0.7;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
#cookie-notice .cn-close-icon {
    opacity: 1;
}
#cookie-notice .cn-close-icon:before, #cookie-notice .cn-close-icon:after {
    background-color: #595353;
}
#cookie-notice .cn-close-icon:hover:before, #cookie-notice .cn-close-icon:hover:after {
    opacity: 0.7;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

/* Blog list image aspect ratio square 1:1*/
.blog-list .entry-featured-image-url {
    padding-top: 100%;
    display: block;
}

.blog-list .entry-featured-image-url img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
}

/* Blog list card image*/
.blog-list .et_pb_image_container {
    margin: -19px -19px 24px;
}
/* Blog page categories*/
.blog-page-categories .et_pb_text_inner {
    color: rgba(0,0,0,0.4);
}

/* Older/Newer entries translation */
.et_pb_blog_grid .pagination > .alignleft a:before {
    content: '< korábbi bejegyzések';
    visibility: visible;
}
.et_pb_blog_grid .pagination > .alignleft a {
    visibility: collapse;
}
.et_pb_blog_grid .pagination > .alignright a:before {
    content: 'új bejegyzések >';
    visibility: visible;
}

/* Category/Tag pages image design */
.left-blog-image .entry-title {
    margin-left: 20px;
    margin-right: 20px;
}

.left-blog-image .post-meta {
    margin-left: 20px;
    margin-right: 20px;
}
.left-blog-image .post-content-inner {
    margin-left: 20px;
    margin-right: 20px;
}
.left-blog-image .more-link {
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 22px;
}

@media (min-width: 981px) {
    .left-blog-image .et_pb_post .entry-featured-image-url {
        float: left;
        width: 100%;
        max-width: 150px;
        margin: 0 20px 10px 0;
    }
    .left-blog-image .et_pb_post {
        margin-bottom: 20px !important;
        padding: 4px
    }
    .left-blog-image .entry-title {
        margin-left: 0px;
        margin-right: 0px;
    }
    .left-blog-image .post-meta {
        margin-left: 0px;
        margin-right: 0px;
    }
    .left-blog-image .post-content-inner {
        margin-left: 0px;
        margin-right: 0px;
    }
    .left-blog-image .more-link {
        margin-left: 10px;
        margin-right: 0px;
        margin-bottom: 0px;
    }
}