/* 
Theme Name: Right4U
Theme URI: https://xtf.com.ua
Description: Right4U is a child theme of Hello Elementor
Author: Takhir Berdyiev
Author URI: https://xtf.com.ua
Template: hello-elementor
Version: 1.0.1
Text Domain: right4u
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
*/

/* MAIN MENU */
.r4u-main-menu nav ul li a.elementor-item:after {
    position: absolute;
    content: "";
    width: 0;
    right: 0;
    transition: all .3s ease-in-out !important;
    top: 33px;
}
.elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted)::after {
    /*right: calc(100% - 20px);*/
    /*width: calc(100% - 20px) !important;*/
}
.r4u-main-menu nav ul li:hover a.elementor-item:after   {
    width: 20px;
}

.r__shape:after {
    content: "";
    background-color: #AF2D2D;
    height: 70px;
    width: calc( 100% + 20px );
    position: absolute;
    bottom: -20px;
    z-index: -1;
}

.r2__shape:after {
    content: "";
    background-color: #AF2D2D;
    height: 100px;
    width: 100px;
    position: absolute;
    bottom: -20px;
    right: -20px;
    z-index: -1;
}

.pr__section:before{
    content: '';
    background-color: #AF2D2D;
    height: 60px;
    width: 2px;
    position: absolute;
    top: -30px;
    left: 50%;
}

.r4u-page-content ul {
    position: relative;
    padding-right: 15px;
    list-style: none;
}
.r4u-page-content  ul li {
    padding-right: 10px;
}
.r4u-page-content  ul li:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f053';
    margin-right: -15px;
    position: absolute;
    color: #AF2D2D;
    font-weight: bolder;
}
.r4u-page-content ol li::marker {
    color: #000000;
    font-weight: 700;
}
.r4u-page-content strong {
    color: #000000;
}

.r4u-logo-mobile {
    display: flex;
    justify-content: space-around;
}
.r4u-logo-mobile .r4u-logo {
    max-width: 100px;
}
.r4u-logo-mobile .r4u-left-btn,
.r4u-logo-mobile .r4u-right-btn{
    color: #ffffff;
    background: #AF2D2D;
    padding: 5px 10px;
}

.wprevpro_t1_DIV_2:before {
    right: unset;
}

.pr-infobox-content-align-right .pr-infobox .infobox-content .pr-infobox-hr-holder {
    justify-content: flex-start !important;
}

.r4u-nav-mobile nav {
    background: rgba(0,0,0,0.95);
    height: 100vh;
}
.r4u-nav-mobile nav ul {
    /*width: 50%;*/
    /*margin-left: 10%;*/
}

.r4u-nav-mobile nav ul a {
    /*display: inline;*/
    color: #ffffff !important;
    font-size: 22px;
    line-height: 2em;
}
.r4u-nav-mobile nav ul a.elementor-item-active,
.r4u-nav-mobile nav ul a.elementor-item:hover,
.r4u-nav-mobile nav ul.sub-menu {
    background-color: transparent !important;
}
.r4u-nav-mobile .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item {
    color: #fff !important;
}


.wp-fbrev .wp-facebook-right {
    direction: rtl !important;
    text-align: right !important;
    padding-right: 30px !important;
}

/* FOOTER */

/* FB Slider */
.footer-fb-slider .elementor-widget-container h5 {
    display: none;
}
.elementor-widget-container .marginb10 {
    margin-top: 0;
    margin-bottom: 0;
}


@media only screen and (min-width: 1900px) {
    .r4u-page-title {
        background-size: cover;
    }
}

@media only screen and (min-width: 1024px) {
    .elementor-9448 .elementor-element.elementor-element-27c66d5e {
        /*margin-top: 65px;*/
    }
    .eicon-menu-bar {
        margin-top: 12px;
    }
    .r__shape:after {
        width: calc( 100% + 10px );
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {
    /* For portrait layouts only */
    .eicon-menu-bar {
        margin-top: 7px !important;
    }
}

@media only screen and (max-width: 768px) {
    .r4u-logo-mobile {
        justify-content: space-evenly;
    }
    .r4u-logo-mobile .r4u-logo {
        max-width: 80px;
    }
    .r4u-logo-mobile .r4u-left-btn,
    .r4u-logo-mobile .r4u-right-btn{
        font-size: 12px;
    }
    .eicon-menu-bar {
        margin-top: -60px;
    }

    .r__shape:after {
        width: calc( 100% + 10px );
    }
}

@media only screen and (max-width: 480px) {
    .r4u-logo-mobile {
        justify-content: center;
    }
    .r4u-logo-mobile .r4u-logo {
        max-width: 60px;
        margin-left: 20px;
        margin-right: 20px;
    }
    .r4u-logo-mobile .r4u-left-btn,
    .r4u-logo-mobile .r4u-right-btn{
        background: #AF2D2D;
        padding: 5px 10px;
        font-size: 10px;
    }
    div.wprev-slider-widget {
        height: 300px !important;
    }
}
@media only screen and (max-width: 360px) {
    .r4u-logo-mobile {
        justify-content: center;
    }
    .r4u-logo-mobile .r4u-left-btn,
    .r4u-logo-mobile .r4u-right-btn{
        background: #AF2D2D;
        padding: 5px 10px;
        font-size: 10px;
    }
}