/* 
Theme Name:		 Qwery Child
Theme URI:		 http://childtheme-generator.com/
Description:	 Qwery Child is a child theme of Qwery, created by ChildTheme-Generator.com
Author:			 Alexweb
Author URI:		 http://childtheme-generator.com/
Template:		 qwery
Version:		 1.0.0
Text Domain:	 qwery-child
*/


/*
    Add your custom styles here
*/


/* global */

.Page_Title_Anchor--wrap {
    text-align: center;
    position: relative;
}

.Page_Title_Anchor--wrap:after {
    content: '';
    width: 1px;
    height: 60px;
    display: block;
    margin-top: 10px;
    background-color: #fff;
    position: absolute;
    left: 50%;
}

.Page_Title_Anchor,
.Page_Title_Anchor:hover {
    color: #fff;
    font-size: 16px;
}


form button:not(.components-button),
input[type="button"],
input[type="reset"],
input[type="submit"],
.theme_button,
.post_item .more-link,
.wp-block-button__link,
.sc_button:not(.sc_button_simple),
.sc_form button,
.sc_portfolio_preview_show .post_readmore {
    border-radius: 0 !important;
}

form button:not(.components-button):hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.theme_button:hover,
.post_item .more-link:hover,
.wp-block-button__link:hover,
.sc_button:not(.sc_button_simple):hover,
.sc_form button:hover,
.sc_portfolio_preview_show .post_readmore:hover {
    background-color: #000 !important;
}

img.attachment-qwery-thumb-square.size-qwery-thumb-square.wp-post-image {
    height: 200px;
    object-fit: cover;
}

.sc_blogger_item_content.entry-content {
    padding: 15px;
    background-color: #fff;
    margin: 0 !important;
}

/* mega menu */

#Mega_Menu--toggle {
    padding: 0;
    margin-left: 15px;
    background-color: transparent;
    display: none;
    cursor: pointer;
}

.Mega_Menu--actions {
    display: flex;
    column-gap: 15px;
}


.body:not(.single-post) #Mega_Menu--toggle svg {
    fill: #fff;
}

.Mega_Menu .menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    column-gap: 30px;
}



.Mega_Menu {
    padding: 15px 15px 0 15px;
    background-color: transparent;
    transition: all 0.3s ease;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
}



body.search .Mega_Menu {
    position: static;
    background-color: #000;
}

body.single-post .Mega_Menu {
	position:static;
}



.Mega_Menu--wrap {
    display: flex;
    align-items: center;
    column-gap: 45px;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    padding-bottom:5px;
    max-width: calc(var(--theme-var-page) + var(--theme-var-elm_gap_default));
    border-bottom:1px solid #dbdcdb;
}

.Mega_Menu--logo {
    width: 10%;
}

.Mega_Menu .sub-menu {
    padding: 0;
    list-style: none;
    position: absolute;
    background-color: #fff;
    display: none;
    top: 100%;
    min-width: 200px;
}

.Mega_Menu .sub-menu .sub-menu {
   position: absolute;
   left: 100%;
   top: 0;
   min-width: 300px;
}

.Mega_Menu .sub-menu>li {
    position: relative;
}

.Mega_Menu .sub-menu>li>a {
    padding: 16px 20px;
    display: block;
    font-size: 16px;
    border-bottom: 1px solid #eee;
}

.Mega_Menu .sub-menu>li:last-of-type a {
    border-bottom: 0;
}

.Mega_Menu .menu-item-has-children {
    position: relative;
}

.Mega_Menu .menu-item-has-children>a {
    position: relative;
    padding-right: 16px;
}



.Mega_Menu .menu-item-has-children>a:after {
    content: '';
    border-width: 5px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    right: 0;
    top: 70%;
    transform: translateY(-50%);
}

.Mega_Menu .sub-menu .menu-item-has-children>a:after {
    right: 10px;
}

.Mega_Menu:hover .menu-item-has-children>a:after {
    border-color: #000 transparent transparent transparent;
}


.Mega_Menu .menu li:hover>ul {
    display: block;
}

.Mega_Menu--actions {
    width: 10%;
    display: flex;
    justify-content: flex-end;
    column-gap: 30px;
    align-items:center;
}

.Mega_Menu .menu>li {
    color: #fff;
    padding-top: 24px;
    padding-bottom: 24px;
    font-size:16px;
}

.Mega_Menu .menu>li>a {
    color: #fff;
}

.Mega_Menu .lang-switcher {
    display: flex;
    align-items: center;
    column-gap: 5px;
    color: #fff;
}

.lang-switcher * {
    padding: 0;
    margin: 0 !important;
    color: #fff;
    font-size: 16px;
    line-height: 1;
}

.single-post .Mega_Menu *,
.Mega_Menu.sticky-active .lang-switcher *,
.Mega_Menu:hover .lang-switcher * {
    color: #000;
}

.single-post .Mega_Menu,
.Mega_Menu.sticky-active,
.Mega_Menu:hover {
    background-color: #fff;
}

.single-post .Mega_Menu .menu>li>a,
body:not(.search) .Mega_Menu.sticky-active .menu>li>a,
body:not(.search) .Mega_Menu:hover .menu>li>a {
    color: #000;
}




body:not(.search) .Mega_Menu.sticky-active .menu-item-has-children>a:after,
body:not(.search) .Mega_Menu:hover .menu-item-has-children>a:after {
    border-color: #000 transparent transparent transparent;
}


.single-post .Mega_Menu .Mega_Menu--search svg,
.single-post .Mega_Menu .lang-switcher svg ,
body:not(.search):not(.single-post) .Mega_Menu.sticky-active .Mega_Menu--search svg,
body:not(.search):not(.single-post) .Mega_Menu:hover .Mega_Menu--search svg,
body:not(.search):not(.single-post) .Mega_Menu.sticky-active #Mega_Menu--toggle svg,
body:not(.search):not(.single-post) .Mega_Menu:hover #Mega_Menu--toggle svg,
body:not(.search):not(.single-post) .Mega_Menu.sticky-active .lang-switcher svg,
body:not(.search):not(.single-post) .Mega_Menu:hover .lang-switcher svg {
    filter: invert() !important;
}

body:not(.search) .Mega_Menu.sticky-active .lang-switcher,
body:not(.search) .Mega_Menu:hover .lang-switcher {
    color: #000;
}


.Mega_Menu--form {
    display: none;
    left: 0;
    background-color: #000;
    padding: 30px;
    top: 100%;
    width: 100%;
    position: absolute;
}

.Mega_Menu--form_visible {
    display: flex;
}

.Mega_Menu--form input {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    background-color: #fff !important;
}



/* blog slider */

.post_meta_item.post_meta_comments {
    display: none;
}

.post_meta_item.post_meta_comments {}


.sc_blogger .post_meta_item.post_date {
    position: absolute;
    right: 15px;
    top: -4px;
    transform: translateY(-50%);
    z-index: 100;
    width: 66px;
    text-align: center;
    background-color: #f00;
    color: #fff;
}

.sc_blogger_item_content.entry-content {
    position: relative;
}

.sc_blogger .post_meta_item.post_date a {
    color: inherit;
    font-size: 20px;
    display: flex;
    flex-direction: column;
    line-height: 1.4;
    padding: 5px;
    font-weight: bold;
}

.sc_blogger .post_meta_item.post_date:after {
    content: none;
}

.sc_blogger .post_meta_item.post_date a:hover {
    color: inherit;
}

.sc_blogger_default.sc_blogger_default_classic_simple .sc_blogger_item_title,
.sc_blogger_default.sc_blogger_default_classic .sc_blogger_item_title {
    font-size: 20px !important;
}


/* single post */

.single-post .post_header.post_header_single.entry-header h1 {
    font-size: 24px;
    line-height: 1.4em;
    color: #262626 ;
    font-weight: bold;
}

.single-post .page_content_wrap, .single .post_header_wrap_style_style-3 .post_header .content_wrap {
    background-color: #fff;
}


/* flip image */

.elementor-widget-Flip_Image {
    position: relative;
}

.Flip_Image-front::after {
    position: absolute;
    content: '';
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, transparent 0%, #0005 100%);
}


.Flip_Image-front h3 {
    position: absolute;
    bottom: 15px;
    left: 0;
    margin: 0;
    padding: 15px;
    z-index: 10;
    text-align: center;
    font-size: 25px !important;
    width: 100%;
}

.Flip_Image {
    background-color: transparent;
    width: 100%;
    height: 500px;
    perspective: 1000px;
}

.Flip_Image-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
    display: block;
}

.Flip_Image:hover .Flip_Image-inner {
    transform: rotateY(180deg);
}

.Flip_Image-front,
.Flip_Image-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    /* Safari */
    backface-visibility: hidden;
}

.Flip_Image-front {
    background-color: #000;
}

.Flip_Image-front img {
    height: 500px;
    width: 100%;
    object-fit: cover;
}

.Flip_Image-back {
    background-color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    padding: 15px;
    transform: rotateY(180deg);
}

/* footer */


footer .widget_nav_menu .menu {
    padding: 0;
    list-style: none !important;
    columns: 2 auto;
}

footer .widget_nav_menu .menu a:before {
    content: none !important;
}


footer h5.sc_item_title {
    font-size: 20px;
}

.newsletter button {
    background-color: transparent !important;
    position: absolute;
    right: 15px;
    padding: 0 !important;
    top: 36%;
    transform: translateY(-50%);
}

.newsletter {
    position: relative;
}

.newsletter input.fill_inited {
    width: 100%;
    margin-bottom: 15px;
    padding-left: 40px;
    padding-right: 40px;
}

.newsletter .newsletter_icon {
    position: absolute;
    left: 0;
    top: 36%;
    transform: translateY(-50%);
}

.page_title h1 {
    color: #fff;
}

.page_header {
    position: absolute;
}

.timeline-divider .elementor-divider {
    position: relative;
}



.timeline-divider>div:after,
.timeline-divider>div:before,
.timeline-divider .elementor-divider:after,
.timeline-divider .elementor-divider:before {
    content: '';
    border: 5px solid #000;
    display: inline-block;
    border-radius: 10px;
    box-shadow: 0 0 0 5px #fff;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    z-index: 10;
}

.timeline-divider>div:after {
    right: 10%;
}

.timeline-divider>div:before {
    left: 10%;
}

.timeline-divider .elementor-divider:after {
    right: 37%;
}

.timeline-divider .elementor-divider:before {
    left: 37%;
}

.elementor-accordion-item:last-of-type {
    border: none !important;
}

.elementor-accordion-item {
    border-bottom: 1px solid #ffffff45 !important;
}

.single-cpt_portfolio .portfolio_page_title,
.single-cpt_portfolio .portfolio_page_details_wrap {
    display: none !important;
}

.single-cpt_portfolio .page_content_wrap {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.image-carousel .swiper-slide-image {
    aspect-ratio: 1;
    object-fit: cover;
}

.single-cpt_portfolio p {
    margin-bottom: 10px;
}

.single-cpt_portfolio .navigation.post-navigation {
    margin-bottom: 150px;
    max-width: calc(var(--theme-var-page) + var(--theme-var-elm_gap_wider));
    margin-left: auto;
    margin-right: auto;
}

.project-category-label {
    color: #E52529;
    font-size: 24px;
    font-weight: bold;
    display: block;
    margin-bottom: 15px;
}

.project-category {
    color: #000;
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 0 !important;
    line-height: 1.2;
}

.post_featured.with_thumb.hover_link.sc_item_featured.sc_blogger_item_featured {
    margin-bottom: 0;
}

.post_featured.with_thumb.hover_link.sc_item_featured.sc_blogger_item_featured img {
    object-fit: cover;
    aspect-ratio: 1;
}

/* rich carousel custom elemetor widget */

.rich-carousel .swiper-slide {
    opacity: 0;
    display: flex;
    column-gap: 100px;
}



.rich-carousel .swiper-slide-active {
    opacity: 1;
}

.rich-carousel .w-50 {
    width: 50%;
}

.rich-carousel .slider-media img {
    max-width: 100%;

}



.rich-carousel .slider-media img.multi_image {
    max-width: 50%;
    height: 600px;
	    object-fit: cover;
}

.rich-carousel .slider-media {
    display: flex;
    column-gap: 30px;
}

.rich-carousel .controls_wrap {
    display: flex;
    column-gap: 100px;
    position: relative;
    z-index: 1000;
}


.rich-carousel.reverse-order .swiper-slide,
.rich-carousel.reverse-order .controls_wrap {
    flex-direction: row-reverse;
}

.rich-carousel .slider-content h4 {
    margin-top: 0;
    font-size: 24px;
    color: var(--theme-color-text_link2);
    margin-bottom: 10px;
}

.rich-carousel .slider-content h3 {
    margin-top: 0;
    font-size: 34px;
	font-weight:600;
    color: #000;
    margin-bottom: 30px;
    line-height: 1.1;
}

.rich-carousel .slider-content p {
	margin-bottom:10px;
	font-size:14px;
}

.wpcf7 .wpcf7-submit {
    box-shadow: none !important;
}

.single .elementor-widget-container blockquote {
	background-color:#262626 !important;
}

.single .elementor-widget-container blockquote * {
    color: #fff !important;
    font-size: 24px !important;
}

.post_meta_item.post_categories.cat_sep span, .post_meta_item.post_categories.cat_sep a:last-of-type {
    display: none;
}

span.post_meta_item.post_categories.cat_sep {
    visibility: hidden !important;
}

@media screen and (max-width:991px) {

    #Mega_Menu--toggle,
    .Mega_Menu--search {
        display: flex;
        align-items: center;
        margin: 0;
    }

    .Mega_Menu .menu-main-menu-container.open,
    .Mega_Menu .menu-main-menu-arabic-container.open {
        display: block;
    }

    .Mega_Menu .menu {
        flex-direction: column;
        column-gap: 0;
        width: 100%;
    }

    .Mega_Menu .menu-main-menu-container,
    .Mega_Menu .menu-main-menu-arabic-container {
        position: absolute;
        width: 100%;
        bottom: 0;
        transform: translateY(100%);
        left: 0;
        background-color: #fff;
        padding-bottom: 15px;
        display: none;
    }

    .Mega_Menu .menu>li {
        color: #fff;
        padding-top: 0;
        padding-bottom: 0;
    }

    .Mega_Menu .menu>li>a {
        display: block;
        padding: 10px 25px;
        color: #000;
    }

    .Mega_Menu--actions {
        width: auto;
    }

    .Mega_Menu .sub-menu {
        position: relative;
        display: none !important;
    }

    .Mega_Menu .active-dropdown > ul.sub-menu {
        display: block !important; 
    }
    

    .Mega_Menu .sub-menu>li>a {
        padding: 16px 40px;
        display: block;
        font-size: 16px;
        border-bottom: 1px solid #eee;
        border-left: 2px solid #E52529;
    }

    .Mega_Menu .menu-item-has-children>a::after {
        right: 15px;
    }


    .Mega_Menu .sub-menu .sub-menu {
       position: static;
       min-width: none;
    }

    .Mega_Menu .sub-menu .sub-menu > li > a {
        padding-left: 60px;
    }

    .Mega_Menu .sub-menu .menu-item-has-children>a:after {
        right: 15px;
    }
	button#Mega_Menu--toggle svg {
		fill: white;
	}

    
 html[dir="ltr"] span.arrow-dropdown {
        position: absolute;
        right: 0;
        height: 100%;
        background-color: #000;
        top: 0;
        aspect-ratio: 1;
        display: inline-block;
        z-index: 100000000;
		padding:30px;
    }

    span.arrow-dropdown:after {
        content: '';
        border-width: 5px;
        border-style: solid;
        border-color: #fff transparent transparent transparent;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }


    /* footer */

    footer .widget_nav_menu .menu {
        padding: 10px;
    }

    .rich-carousel .w-50 {
        width: 100%;
        margin-bottom: 30px;
    }

    .rich-carousel .swiper-slide,
    .rich-carousel .controls_wrap {
        flex-direction: column !important;
    }

    .rich-carousel.reverse-order .swiper-slide,
    .rich-carousel.reverse-order .controls_wrap {
        flex-direction: column-reverse !important;
    }

    .single-cpt_portfolio .navigation.post-navigation {
        margin-bottom: 50px;
        margin-left: 30px;
        margin-right: 30px;
    }

}

.rs-modal .rs-layer.close-lightbox {
    background: #cfcf26;
    padding: 10px!important;
}
#rev_slider_3_1_wrapper .hebe .tp-bullet-image {
    display: block!important;
    opacity: 1!important;
    visibility: visible!important;
}

#rev_slider_3_1_wrapper .gyges .tp-thumb-img-wrap{
    padding:0px!important;
}

.tp-thumbs-inner-wrapper .tp-thumb{
    display:none!important;
    left:0!important;
}
.tp-thumbs-inner-wrapper .tp-thumb.selected{
    display:block!important;
}
body > div.otgs-development-site-front-end{
    display:none !important;
}

/*#menu-item-23911 > a > span:before{*/
/*    content: '\25BC'; */
/*  font-size: 10px;*/
/*  margin-left: 5px;*/
/*}*/
@media screen and (max-width: 991px) {
    html[lang="en-US"] span.arrow-dropdown {
        position: absolute;
        right: 0 !important;
        height: 100%;
        background-color: #000;
        top: 0;
        aspect-ratio: 1;
        display: inline-block;
        z-index: 100000000;
        padding: 30px;
    }
}
