/* 
Theme Name: Languages Connect Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/


/*
    Add your custom styles here
*/

/*whitespider 2022*/


/* 
.middle-content {
    padding: 10px 40px;
} */

.middle-content {
    width: 100%;
    max-width: 1120px;
    padding: 30px 20px;
    margin: 0 auto;
}

.middle-content p {
    font: normal normal 20px /1.5 "Bariol Regular", sans-serif;
}

.middle-content .post-image {
    width: 100%;
    max-width: 550px;
    float: right;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 10px 26px 30px 2px rgb(0 0 0 / 50%);
    margin: 30px 0 40px 60px;
}

@media all and (max-width: 980px) {
    .middle-content .post-image {
        float: unset;
        max-width: 100%;
        margin-left: 0;
    }
}

.post-image {
    display: block;
    margin: 10px 0 20px;
}

.single-hero-image {
    position: relative;
    height: 260px;
    overflow: hidden;
}


@media all and (max-width: 568px) {
    .single-hero-image {
        width: 100%;
        height: 0;
        padding-bottom: 30%;
    }
}

.single-hero-image h2 {
    padding: 0 20px;
    color: #ED154C;
    font: 600 normal 32px / 1.3 "Bariol Bold", Sans-serif;
    position: absolute;
    z-index: 1;
    left: 0;
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%;
}