/*
* @autor: Taibi
* RTL
*/



.block.block-simplenews .social-media-box .row > div
{
    text-align: center !important;
}


.main
.back-header
.slider__form
form
select
{
    background-image: url(https://www.visitmorocco.com/sites/all/themes/custom/onmt_theme/images/select-distination_2_rtl.png) !important;

}
.inspiration-subtitle
{
    display: none;
}

.home-block__1_content_master-element .home-block__1_content_element_badge
{
    direction: rtl;
}

.home-block_1__wrapper
{
    direction: rtl;
}

.home-block__1_content_element.vertical .home-block__1__image-wrapper_s2
{
    text-align: right !important;
}

.home-block__1_content_element.vertical .home-block__1_content_element_badge
{
    left: initial;
}

.home-block__1_content_element .home-block__1_content_element_title
{
    bottom: 27%;
    left: initial;
    right: 10%;
}

.home-block__1_content_element .home-block__1_content_element_badge
{
    left: auto !important;
    right: 10%;
}

.home-block__1_content_master-element
{
    padding: 6% 10% 7% 4%;
}

.home-block__1_content_master-element .home-block__1_content_element_title
{
    /*left: 50%;*/
    right: unset;
}
.home-block__1_content_master-element>a{
    position: relative;
    display: block;
}

.home-block__1_content_master-element .home-block__1_content_element_badge
{
    left: 50%;
    right: unset;
}


.se-setuer .map-search .pg
{
    text-align: revert;
}


.social-media-box  .social-medias
{
    text-align: center !important;
}

.nav-div-mobile
{
    direction: rtl;
}

.main>.city .discover .dscard .info .ic-car
{
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}


.main>.city .discover .dscard .info .progress
{
    right: 20px;
    left: auto !important;
}

.main>.city .discover .dscard .info .progress::before {
    left: -8px;
}
.main>.city .discover .dscard .info .progress::after {
    right: -8px;
}

.main>.city .discover .dscard .info {
    padding-right: 50px;
}
.main>.city .discover .dscard .info {
    right: 0 !important;
    left: 0 !important;
    padding-right: 40px !important;
}
.main>.city .discover .dscard .info .progress {
    right: 20px;
    left: auto !important;
}

.main>.city .discover .dscard .info .end-city {
    right: 50px;
}


.mobile_menu_wrapper
{
    padding: 10px;
}

.mobile_menu_wrapper
.card
.card-header
button.btn.btn-link.collapsed::after
{
    content: " ";
    background: url(https://www.visitmorocco.com/sites/all/themes/custom/onmt_theme/assets/icons/enter_menu.png) no-repeat center center;
    height: 20px;
    width: 20px;
    position: absolute;
    right: initial;
    left: 0;
    font-weight: bold;
    font-size: 25px;
    font-family: cursive;
    top: 13px;
    transform: rotate(0deg);
}


.menu_back_btn .ic-menu-back
{
    transform: rotate(180deg);
}

.mobile_menu_wrapper .card .card-header button
{
    text-align: right;
}

.mobile_menu_wrapper
.card
.card-body
.card
button.btn.btn-link::after
{
    right: initial;
    left: 0;
}

.mobile_menu_wrapper
.card
.card-body
.card
button.btn.btn-link.collapsed::after
{

right: initial;
left: 0;
}

#accordion .card.opened
{
    padding-left: 0;
    padding-right: 45px;
}

.mobile_menu_wrapper .card .card-body a{
    padding-right: 20px;
}

.menu_back_btn{
    left: initial;
    right: 0;
}

*
{
    font-family: 'Droid Arabic Naskh', serif !important;
    letter-spacing: 0 !important;
}

.main .back-header .slider__form form select option
{
    text-align: right !important;
}


.slick-dots
{
    direction: rtl;
}

.topBarCovid p
{
    font-size: 12px !important;
}

.node-type-destination .main >.city .field-items h3:first-child:first-child{
    position: absolute;
    top: -95px !important;
    right: 0;
    width: 200%;
    padding: 0;
    color: #B01A14;
    text-align: center;
    font-size: 40px;
}
.node-type-destination .main >.city .field-items h3{
    color: #1A1A1A;
    position: relative;
    top: unset !important;
    right: unset;
    width: auto;
    font-size: 22px;
    padding: 0;
    text-align: right;
}
.menu_back_btn{
    top: 110px;
}
.main>.city .disc-city .populaire .content .title h3{
    font-size: 30px;
}
.main>.city .banner h3{
    line-height: 47px;
}
.main .back-header .navbar .dropdown-menu .dcard .content h3{
    font-size: 18px !important;
}
.navbar .dropdown-menu div[class*="col"]:not(.main .back-header .navbar .dropdown-menu .m-infopratique .col-md-4 *) h3{
    text-align: center;
}
.navbar .dropdown-menu div[class*="col"]:not(.main .back-header .navbar .dropdown-menu .m-infopratique .col-md-4 *) ul li{
    text-align: center;
}
.main .back-header .navbar .dropdown-menu div:not(.main .back-header .navbar .dropdown-menu .m-infopratique .col-md-4 *)>a span{
    text-align: center;
}
.main .back-header .navbar .dropdown-menu div:not(.main .back-header .navbar .dropdown-menu .m-infopratique .col-md-4 *) h3{
    text-align: center;
    line-height: 27px;
    font-size: 18px !important;
}
.main .back-header .navbar .dropdown-menu div:not(.main .back-header .navbar .dropdown-menu .m-infopratique .col-md-4 *) ul li{
    text-align: center;
}
.style-gastronomie.style-gastronomie-unesco .owl-dots{
    right: unset !important;
    left: 43px !important;
}
.navbox1 .navbar-nav .nav-item:nth-child(3) .dropdown-menu .col-md-8 .row .col-md-4:nth-child(3) li{
    margin-bottom: 15px !important;
}
.search-results.listing_recompenses .container.recompenses>.row{
    flex-direction: row-reverse;
}
.page-guides .telechargements .brochure .info .big-title{
    text-align: center;
}
.shop-city .owl-stage-outer .owl-stage{
    padding-right: 0 !important;
    padding-left: 35px !important;
}
.page-شهادات-مدونة-السفر .shop-city .owl-stage-outer .owl-stage{
    padding-left: 0px !important;
} 
.shop-city .owl-stage-outer .owl-stage .owl-item.cloned{
    height: 0;
}
.might-like .shop-city.owl-carousel .owl-item{
    margin-right: 0 !important;
    padding-right: 20px;
}
.field-name-body .medinas .col-lg-6.order-1 p, .field-name-body .se_nourir .col-lg-6.order-1 p, .field-name-body .discover_m .col-lg-6.order-1 p {
    padding-left: 0 !important;
    padding-right: 90px !important;
}
@media (max-width: 768px){
    .style-gastronomie .owl-dots{
        top: 196px !important;
        right: auto !important;
    }
    .style-gastronomie .row.order-2 .owl-dots {
        left: 40px !important;
    }
    /* block event home */
    .home_events_block>.events .owl-carousel{
        padding-right: 0px !important;
        padding-left: 30px !important;
    }
    .home_events_block>.events .owl-carousel .owl-item{
        margin-left: 0 !important;
    }
    /* end block event home */
    .front .grey-back.home-block_4_wrapper .home-block_4_container .owl-item.cloned{
        height: 0;
    }
    .style-gastronomie .bloc-img .img-title{
        right: unset;
        left: 40px;
    }
    .node-type-destination .main >.city .field-items h3:first-child:first-child{
        top: -380px !important;
        width: 100%;
    }
    .h-slider .logo-box h1 {
        line-height: 55px;
    }
    .main>.city .disc-city .populaire .content .title span{
        right: 13px;
    }
}
/* transverse */

.not-front h3:not(.node-type-destination h3)
    {
        font-size: 22px !important;
        font-family: 'Droid Arabic Naskh', serif !important;
    }
    html[lang="ar"] .not-front p:not(.node-type-destination p, .topBarCovid p,.blog .blog-card .body p, .bloggers .disc p) {
        font-family: 'Droid Arabic Naskh', serif !important;
    }
    html[lang="ar"] .not-front h3:not(.node-type-destination h3){
        font-family: 'Droid Arabic Naskh', serif !important;
    }
    .not-front h2:not(.node-type-destination h2)
    {
        font-size: 30px !important;
        font-family: 'Droid Arabic Naskh', serif !important;
        text-align: right !important;
    }
    .not-front h1:not(.node-type-destination h1)
    {
        font-family: 'Droid Arabic Naskh', serif !important;
    }
    .not-front p:not(.node-type-destination p)
    {
        font-family: 'Droid Arabic Naskh', serif !important;
        font-size: 18px !important;
    }

    .topBarCovid p
    {
        text-align: center !important;
    }

/* only desktop */
@media (min-width: 768px){

}


/* only mobile */



@media (max-width: 768px){

    .btn-face
    {
        margin: auto;
    }

    .home-block__1_content_master-element>a{
        position: relative;
        display: block;
    }
    .home-block__1_content_master-element .home-block__1_content_element_badge
    {
        right: unset;
        left: 50%;
        min-width: 195px;
    }

    .f-footer .content.col-lg-2dot4::after
    {
        right: initial;
        left: 0;
    }
    .f-footer .content.col-lg-2dot4.open::after
    {
        right: initial;
        left: 0;
    }

    .mobile_menu_wrapper .card .card-header button
    {
        padding-right: 0;
    }

    .nav-div-mobile .nav-div-mobile_menu a
    {
        text-align: left;
    }

    .home-block__1_content_element .home-block__1_content_element_title {
        bottom: 19%;
    }

    .discover .owl-carousel .owl-stage-outer .owl-item:first-child
    {
        margin-right: 56px !important;
    }
    .essentials.owl-carousel .owl-stage-outer .owl-item:first-child,
    .home-block_4_container.owl-carousel .owl-stage-outer .owl-item:first-child
    {
        margin-right: 76px !important;
    }

}



    /* TMP menu style */

    .main .back-header .navbar .dropdown-menu .ncard img, .m-destination .overlay_menu_img, .main .back-header .navbar .dropdown-menu .pcard img, .main .back-header .navbar .dropdown-menu .bcard img {
        margin: auto !important;
        margin-bottom: 20px !important;
    }

    .navbar .dropdown-menu div[class*="col"]:not(.main .back-header .navbar .dropdown-menu .m-infopratique .col-md-4 *) {
        margin-bottom: 1rem;
        text-align: center;
    }

    .main .back-header .navbar .dropdown-menu div:not(.main .back-header .navbar .dropdown-menu .m-infopratique .col-md-4 *){
        text-align: center;
    }

    .main .back-header .navbar .dropdown-menu img:not(.main .back-header .navbar .dropdown-menu .m-infopratique .col-md-4 *){
        margin: auto !important;
        margin-bottom: 20px !important;
    }

    /* end TMP menu style */
    .main .back-header .navbar-dark .navbar-nav .dropdown-menu div#block-block-5 *:not(.btn-vm-primary, .dcard.chefchaouen h2 span) {
        color: #fff !important;
    }
    .field-name-body .se_nourir .col-lg-6 p, .field-name-body .discover_m .col-lg-6 p{
        padding-left: 90px !important;
        padding-right: 0 !important;
    }
    .field-name-body .se_nourir .col-lg-6.order-1 p, .field-name-body .discover_m .col-lg-6.order-1 p{
        padding-left: 0;
        padding-right: 90px;
    }
    .field-name-body .medinas .col-lg-6.px-3 h3.title, .field-name-body .se_nourir .col-lg-6.px-3 h3.title, .field-name-body .discover_m .col-lg-6.px-3 h3.title, .field-name-body .medinas .order-1 h3.title,.field-name-body .se_nourir:not(.style-gastronomie) .order-1 h3.title, .field-name-body .discover_m .order-1 h3.title{
        padding-right: 90px;
        padding-left: 0;
    }
    #block-onmt-mega-gabarit-block-information-pratique .block_title span{
        font-size: 35px;
    }
    .not-front p:not(.node-type-destination p, .topBarCovid p,.blog .blog-card .body p, .bloggers .disc p){
        font-size: 20px !important;
    }
    .not-front p:not(.node-type-destination p, .topBarCovid p,.blog .blog-card .body p, .bloggers .disc p) a{
        font-family: 'Assistant Regular' !important;
    }
    .listing_recompenses .recompense-card p{
        font-size: 20px;
    }
    .listing_recompenses .recompense-card .ref{
        font-size: 20px !important;
    }
    .style-gastronomie .bloc-img .img-title{
        left: 0;
        right: unset;
    }
    .owl-carousel .owl-dots{
        direction: rtl;
    }
    .histoire .historys_text{
        direction: rtl;
    }
    .not-front h3:not(.node-type-destination h3, .main .back-header h3){
        font-size: 25px !important;
    }
    .main>.city .disc-city-bloc{
        background-position-x: 0%;
        background-size: 52%;
    }
    .listing_recompenses .recompenses .col-md-12 .navigation .btn-navigation{
        direction: rtl;
    }
    .listing_recompenses .recompenses .col-md-12 .navigation{
        flex-direction: row-reverse;
    }
    .listing_recompenses .recompenses .col-md-12 .navigation .btn-navigation a svg.fa-chevron-right{
        transform: rotate(180deg);
        position: relative;
        right: 5px;
        top: 2px;
    }
    .listing_recompenses .recompenses .col-md-12 .navigation .btn-navigation a svg.fa-chevron-left{
        transform: rotate(180deg);
        position: relative;
        left: 5px;
        top: 2px;
    }
    nav.breadcrumb-nav{
        text-align: center !important;
    }
    .media-popup.show .media-box .popup-card .container>.row{
        flex-direction: row-reverse;
    }
    .style-gastronomie .item .bloc-text h2{
        font-size: 25px !important;
    }
    .media-popup .media-box .owl-carousel .owl-nav button.owl-prev{
        right: 0 !important;
        transform: translateY(-50%) rotate(180deg) !important;
        left: unset !important;
    }
    .media-popup .media-box .owl-carousel .owl-nav button.owl-next{
        left: 0 !important;
        transform: translateY(-50%) rotate(180deg) !important;
        right: unset !important;
    }
    .page-شهادات .temoignage{
        background-image: url(https://www.visitmorocco.com/sites/all/themes/custom/onmt_theme/assets/images/patterns-all.png);
        background-repeat: no-repeat;
        background-position: -35% 120px;
    }
    .bloggers .temoignage-card .row.justify-content-between.no-gutters{
        /* flex-direction: row-reverse; */
    }
    /* .bloggers .bloger-slide.bloger-slide-page .slick-list{
        margin-right: 0;
        margin-left: 150px;
        direction: rtl;
    } */
    .page-شهادات-مدونة-السفر .bloggers .bloger-slide.bloger-slide-page{
        margin-right: 0;
        margin-left: 150px;
        direction: rtl !important;
        overflow: visible;
    }
    .page-شهادات-مدونة-السفر .bloggers .bloger-slide .item .temoignage-card .disc p{
        padding-left: 0;
        padding-right: 20px !important;
    }
    .bloggers .bloger-slide .item .temoignage-card .disc p{
        /* padding-left: 0;
        padding-right: 20px; */
        text-align: right;
        direction: ltr;
    }
    #covid-welcome-bach-page .h-slider .logo-box h1{
        margin-left: unset;
        font-size: 40px !important;
        padding-left: 0;
        text-align: center;
        line-height: 40px;
    }
    .front .box-videos .slick-dots{
        direction: rtl;
    }
    .main .shopping .experience-bloc>.container>.row{
        direction: rtl;
    }
    .main .shopping .experience-bloc {
        background-position-x: -50%;
        background-position-y: 0%;
    }
    .main .blog .blog-card .cat{
        margin-left: 0;
    }
    .main .blog .blog-card .card-title{
        font-size: 25px !important;
        bottom: 265px;
    }
    .main .blog .blog-card .content .date{
        font-weight: bold;
    }
    .main .blog .last-articles .articles .acard{
        flex-direction: row-reverse;
    }
    .main .blog .last-articles .articles .acard .info{
        width: 260px;
    }
    .main .blog .last-articles .articles .acard img{
        margin-right: unset;
        margin-left: 20px;
        transform: rotate(180deg);
    }
    .main .blog .last-articles .articles .acard:hover img{
        transform: rotate(180deg) translateX(15px);
    }
    .main .blog .last-articles .m-title{
        padding-right: 0;
    }
    .main .blog .blog_cats_title .m-title{
        padding-right: 0;
    }
    .main>.city .disc-city .populaire .content .topx{
        margin-top: 70px;
    }
    .main .back-header .navbar-dark .navbar-nav .dropdown-menu > .dropdown_wrapper{
        background-position-x: 135% !important;
    }
    .listing_recompenses.search-results .recompense-card.mb-4 .position-relative p{
        font-size: 20px !important;
        line-height: 28px;
    }
    .bloggers .bloggerinfo .name{
        text-align: right;
    }
    .videos-box.slick-slider{
        direction: rtl !important;
    }
    .panel .widget .title{
        direction: ltr;
    }
    #accordion_programmation_aerienne .all_content .prg_title{
        width: 100%;
        text-align: right;
    }
    #accordion_programmation_aerienne .all_content button.close{
        position: absolute;
        display: none;
    }
    #accordion_programmation_aerienne .all_content .fa-chevron-up{
        right: unset;
        left: 30px;
    }
    .listing_programmation_aerienne{
        background-position: -26% 135px;
    }
    /* Event block */
    .main>.city .events{
        direction: rtl;
    }
    .main>.city .events .evcard .img_container a{
        right: 30px;
        left: unset;
    }
    .main>.city .events .evcard .cat_date{
        margin-left: 0;
        margin-right: 20px;
    }
    .events-slider.owl-carousel .owl-stage-outer{
        margin: -20px -30px -10px -20px;
    }
    /* End Event block */
    /* Event Single */
    .main .eventpage .event.event-single .cat_date_container .date{
        width: 65px;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .main .eventpage .event.event-single .cat_date_container .cat_date{
        margin-right: 30px;
        margin-left: unset;
    }
    .main .eventpage .event .socialshare .btn-social.share{
        padding-right: 0;
        padding-left: 10px;
    }
    /* End Event Single */
    /* Event Listing */
    #edit-field-event-category-tid{
        direction: rtl;
    }
    #edit-field-event-category-tid-wrapper #edit-field-event-category-tid .form-item.form-type-checkbox input[type="checkbox"]{
        margin-right: 20px;
    }
    #edit-field-event-category-tid-wrapper #edit-field-event-category-tid .form-item.form-type-checkbox input[type="checkbox"]:checked:before{
        right: 0px;
    }
    #edit-field-event-category-tid-wrapper #edit-field-event-category-tid .form-item.form-type-checkbox input[type="checkbox"]:before{
        right: 0px;
    }
    #edit-field-event-category-tid-wrapper #edit-field-event-category-tid .form-item.form-type-checkbox input[type="checkbox"]:checked:after{
        right: 5px;
    }
    .view-events .events .items-box{
        direction: rtl;
    }
    .custom_pagination .pagination li.next a{
        transform: rotate(180deg);
    }
    /* @media (max-width: 991.98px){
        html[lang="ar"] .nav-div-mobile .mobile_menu_wrapper .search input {
            padding: 9px 9px 9px 35px !important;
            background-position: left !important;
        }        
    } */
    /* End Event Listing */
    @media (max-width: 768px){
        .nav-div-mobile .dropdown-menu.show {
            display: block;
            right: 0px !important;
            left: auto !important;
        }
        #accordion .card.opened {
            padding-right: 0 !important;
            padding-left: 0 !important;
            
        }
        .mobile_menu_wrapper .card .card-body .card button.btn.btn-link::after {
            left: 0 !important;
            right: auto !important;
            top: 10px !important;
        }
        .nav-div-mobile .mobile_menu_wrapper .search input {
            padding: 9px 35px 9px 9px;
        }
        .mobile_menu_wrapper .card .card-header button {
            text-align: right !important;
            padding-right: 0;
            padding-left: revert;

        }
        .mobile_menu_wrapper .card .card-header button.btn.btn-link.collapsed::after {
            left: 0 !important;
            right: auto !important;
            top: 10px !important;
            transform: rotate(0deg) !important;
        }
        #cookies-eu-banner input{
            right: 50%;
            transform: translateX(50%) !important;
            left: unset;
            margin-right: 0;
        }
        .contactezNous .webform-component--last-name, .contactezNous .webform-component--phone-numbre, .contactezNous .webform-component--country {
            padding-left: 0!important;
            padding-right: 0 !important;
        }
        /* Event Single */
        .main .eventpage .event.event-single .cat_date_container{
            margin-right: 15px;
            margin-left: unset;
        }
        /* End Event Single */
        /* End Event Listing */
        #edit-field-event-category-tid{
            padding-right: 40px;
            padding-left: 0;
            justify-content: right;
        }
        /* End Event Listing */
        .page-شهادات-مدونة-السفر .bloggers .bloger-slide.bloger-slide-page{
            margin-left: 0px;
            padding-left: 20px;
            padding-right: 0px !important;
        }
        .bloggers .bloger-slide.bloger-slide-page .slick-list{
            margin-left: 20px;
        }
        .bloger-slide.slick-slider{
            padding-right: 0 !important;
        }
        #block-onmt-mega-gabarit-block-information-pratique .block_title span{
            font-size: 30px;
        }
        .field-name-body .se_nourir .col-lg-6 p, .field-name-body .discover_m .col-lg-6 p{
            padding-left: 0;
        }
        .field-name-body .se_nourir .col-lg-6.order-1 p, .field-name-body .discover_m .col-lg-6.order-1 p{
            padding-right: 0;
        }
        .field-name-body .medinas .col-lg-6.px-3 h3.title, .field-name-body .se_nourir .col-lg-6.px-3 h3.title, .field-name-body .discover_m .col-lg-6.px-3 h3.title, .field-name-body .medinas .order-1 h3.title,.field-name-body .se_nourir:not(.style-gastronomie) .order-1 h3.title, .field-name-body .discover_m .order-1 h3.title{
            padding-right: 0;
        } 
    }