/* ====================================
    Beirut Art Center - Custom Styles
    Author: Azraph
    mypress.io
======================================= */

/* Hide genesis footer */
.site-footer {
	display:none;
}

/* Hide menu links with custom class .disabled */
li.menu-item.disable {
    display: none;
}

/* Custom Selection Color */
::selection {
  background: #ddd; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #ddd; /* Gecko Browsers */
}

/* Links HOVER */

a:link, a:visited, a:focus, a:active, button:focus, button:active {outline: 0 !important;}

button, input[type="button"], input[type="reset"], input[type="submit"], .site-container div.wpforms-container-full .wpforms-form input[type="submit"], .site-container div.wpforms-container-full .wpforms-form button[type="submit"], .button {
    border-radius: 0 !important;
}

button:focus, button:hover, input[type="button"]:focus, input[type="button"]:hover, input[type="reset"]:focus, input[type="reset"]:hover, input[type="submit"]:focus, input[type="submit"]:hover, .site-container div.wpforms-container-full .wpforms-form input[type="submit"]:focus, .site-container div.wpforms-container-full .wpforms-form input[type="submit"]:hover, .site-container div.wpforms-container-full .wpforms-form button[type="submit"]:focus, .site-container div.wpforms-container-full .wpforms-form button[type="submit"]:hover, .button:focus, .button:hover {
    background-color: var(--my-primary-color);
    border-style: none;
    border-width: 1px 1px 1px 1px;
    border-color: var(--my-primary-color);
    /*color: var(--my-secondary-color);*/
    color: #fff;
    text-decoration: underline;
}

.fl-builder-content a.fl-button:hover span {
    /*color: var(--my-secondary-color);*/
    color: #fff;
    text-decoration: underline;
}

/* Custom Cursors 
================== */

html, header .pp-sliding-menus .pp-slide-menu-item a {
    cursor: url(https://beirutartcenter.mypr.es/wp-content/uploads/sites/103/2021/05/bac-cursor-default.svg),
            url(https://beirutartcenter.mypr.es/wp-content/uploads/sites/103/2021/05/bac-cursor-default.png), auto;
}

a, .fl-builder-content-3037, button, input[type="button"], input[type="reset"], input[type="submit"], .site-container div.wpforms-container-full .wpforms-form input[type="submit"], .site-container div.wpforms-container-full .wpforms-form button[type="submit"], .button, .pp-tabs .pp-tabs-label, .widget_wc-donation-widget .wc-label-button {
    cursor: url(https://beirutartcenter.mypr.es/wp-content/uploads/sites/103/2021/06/bac-cursor-link.svg),
            url(https://beirutartcenter.mypr.es/wp-content/uploads/sites/103/2021/06/bac-cursor-link.png), auto;
}

/* Override the stupid slideshow thumbs css */
.fl-module-slideshow .fl-slideshow-thumbs img {
    cursor: url(https://beirutartcenter.mypr.es/wp-content/uploads/sites/103/2021/06/bac-cursor-link.svg),
            url(https://beirutartcenter.mypr.es/wp-content/uploads/sites/103/2021/06/bac-cursor-link.png), auto !important;
}

.fl-module-photo.cursor-magnify a, .cursor-magnify a, .fl-mosaicflow-item a, .pp-image-carousel-item a {
    cursor: url(https://beirutartcenter.mypr.es/wp-content/uploads/sites/103/2021/06/bac-cursor-zoom-in.svg),
            url(https://beirutartcenter.mypr.es/wp-content/uploads/sites/103/2021/06/bac-cursor-zoom-in.png), auto;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: url(https://beirutartcenter.mypr.es/wp-content/uploads/sites/103/2021/06/bac-cursor-zoom-out.svg),
            url(https://beirutartcenter.mypr.es/wp-content/uploads/sites/103/2021/06/bac-cursor-zoom-out.png), auto !important;
}

/* Dots BG */

.fr-top .dotted {
	border-bottom: dotted 2px #0002;
}

header > .fl-row > .fl-row-content-wrap,
.dotted > .fl-row-content-wrap,
.fr-bottom > .fl-row-content-wrap,
.sidebar-col > .fl-col-content {
	background-size: 8px !important;
    background-position: top left;
    /*background-image: url(https://beirutartcenter.mypr.es/wp-content/uploads/sites/103/2021/07/bac-dot.svg) !important;*/
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 8 8' style='enable-background:new 0 0 8 8;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bstroke:%23000000;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Ccircle class='st0' cx='4' cy='4' r='0.5'/%3E%3C/svg%3E") !important;
}

html[lang="ar"] header > .fl-row > .fl-row-content-wrap,
html[lang="ar"] .dotted > .fl-row-content-wrap,
html[lang="ar"] .fr-bottom > .fl-row-content-wrap,
html[lang="ar"] .sidebar-col > .fl-col-content {
    background-position: top right;
}



/* ==================================
    Typography
===================================== */

/* Dynamic Font Size */
/*
html body,
html body p,
html body blockquote,
html body button,
html body a,
html body input,
html body select,
html body textarea,
html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6 {}

html body,
html body p,
html body blockquote,
html body button,
html body a,
html body input,
html body select,
html body textarea {
    font-size: 18px
}

html body h1 {
    font-size: 30px
}

html body h2 {
    font-size: 27px
}

html body h3 {
    font-size: 24px
}

html body h4 {
    font-size: 20px
}

html body h5 {
    font-size: 18px
}

html body h6 {
    font-size: 16px
}

*/

/* Laptops & Small-screen Desktops */
@media screen and (max-width: 1600px) {
    html body,
    html body p,
    html body blockquote,
    html body button,
    html body a,
    html body input,
    html body select,
    html body textarea {
        font-size: 15px
    }

    html body h1 {
        font-size: 28px
    }

    html body h2 {
        font-size: 24px
    }

    html body h3 {
        font-size: 21px
    }

    html body h4 {
        font-size: 18px
    }

    html body h5 {
        font-size: 15px
    }

    html body h6 {
        font-size: 13px
    }
    
    html body p {
        margin: 0 0 20px;
    }
}

/* Tablets */
@media screen and (max-width: 992px) {
    html body,
    html body p,
    html body blockquote,
    html body button,
    html body a,
    html body input,
    html body select,
    html body textarea {
        font-size: 14px
    }

    html body h1 {
        font-size: 25px
    }

    html body h2 {
        font-size: 22px
    }

    html body h3 {
        font-size: 19px
    }

    html body h4 {
        font-size: 16px
    }

    html body h5 {
        font-size: 14px
    }

    html body h6 {
        font-size: 12px
    }
    
    html body p {
        margin: 0 0 15px;
    }
}

/* Mobile */
@media screen and (max-width: 768px) {
    html body,
    html body p,
    html body blockquote,
    html body button,
    html body a,
    html body input,
    html body select,
    html body textarea {
        font-size: 13px
    }

    html body h1 {
        font-size: 23px
    }

    html body h2 {
        font-size: 20px
    }

    html body h3 {
        font-size: 17px
    }

    html body h4 {
        font-size: 15px
    }

    html body h5 {
        font-size: 13px
    }

    html body h6 {
        font-size: 11px
    }
    
    html body p {
        margin: 0 0 10px;
    }
}


/* ================================
    Header Sidebar Layout Styles 
=================================== */

.site-container {
    display: flex;
    flex-direction: row;
}

.site-container .site-inner {
    max-width: 100%;
    width: 100%;
    border: 0;
    float: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0;
    -webkit-border-radius: 0;
}

/* Mobiles */
@media only screen and (max-width: 768px) {
    .site-container .site-inner {
        width: 100vw;
        min-width: 100vw;
        max-width: 100vw;
    }
    body.header-opened .site-container {
        overflow: hidden;
    }
}

header {
	height: 100vh;
	max-height: 100vh;
	overflow-y:auto;
    overflow-x: hidden;
    transition: 0.7s;
    position: sticky;
    top: 0;
}

header > .fl-row {
    width: 350px;
    transition: 0.7s; 
}


header > .fl-row,
header > .fl-row > .fl-row-content-wrap {
    height: 100%;
}

/*header > .fl-row > .fl-row-content-wrap {
    background-size: 250px !important;   
}*/

/* Tablets & Desktops */
@media only screen and (min-width: 768px) {
    
    header {
        width:350px;
        min-width: 350px;
        max-width: 350px;
    }
    
    header.is-closed {
        width:0px;
        min-width: 0px;
        max-width: 0px;
    }
    
    header.is-closed > .fl-row {
        transform: translateX(-350px);
    }
    
    html[lang="ar"] header.is-closed > .fl-row {
        transform: translateX(350px);
    }
    
    /* Nav Closed First */

    .closed-first header {
        width:0px;
        min-width: 0px;
        max-width: 0px;
    }
    
    .closed-first header.is-opened {
        width:350px;
        min-width: 350px;
        max-width: 350px;
    }
    
    .closed-first header > .fl-row {
        transform: translateX(-350px);
    }
    
    html[lang="ar"] .closed-first header > .fl-row {
        transform: translateX(350px);
    }
    
    html .closed-first header.is-opened > .fl-row {
        transform: translateX(0px);
    }
}

/* Mobiles */
@media only screen and (max-width: 768px) {
    
    header {
        width:0px;
        min-width: 0px;
        max-width: 0px;
    }
    
    header.is-opened {
        width:350px;
        min-width: 350px;
        max-width: 350px;
    }
    
    header > .fl-row {
        transform: translateX(-350px);
    }
    
    html[lang="ar"] header > .fl-row {
        transform: translateX(350px);
    }
    
    html header.is-opened > .fl-row {
        transform: translateX(0px);
    }
    
    .fl-builder-content-3037.is-opened + .site-inner {
        pointer-events: none;
        opacity: .5;
        overflow: hidden;
        max-height: 100vh;
    }
    
    .fl-builder-content-3037 .fl-row-content-wrap {
        padding: 0;
    }
}

/* Sidebar Toggle 
================== */

html:not(.fl-builder-edit) .fl-builder-content-3037 {
    position: fixed;
    transition: 0.7s;
    z-index: 3;
}

/* Tablets & Desktops */
@media only screen and (min-width: 768px) {
    
    .fl-builder-content-3037 {
        top: 0;
        left: 352px;
    }
    
    .fl-builder-content-3037.is-closed {
        left: 2px;
    }
    
    .closed-first .fl-builder-content-3037 {
        left: 2px;
    }
    
    .closed-first  .fl-builder-content-3037.is-opened {
        left: 352px;
    }
    
    /* AR */
    html[lang="ar"] .fl-builder-content-3037 {
        left: auto;
        right: 352px;
    }
    
    html[lang="ar"] .fl-builder-content-3037.is-closed {
        left: auto;
        right: 2px;
    }
    
    html[lang="ar"] .closed-first .fl-builder-content-3037 {
        left: auto;
        right: 2px;
    }
    
    html[lang="ar"] .closed-first  .fl-builder-content-3037.is-opened {
        left: auto;
        right: 352px;
    }
}

/* Mobiles */
@media only screen and (max-width: 768px) {
    
    .fl-builder-content-3037 {
        bottom: 0;
        left: 0;
    }
    
    .fl-builder-content-3037.is-opened {
        left: calc( 352px - 25vw );
    }
    
    /* AR */
    html[lang="ar"] .fl-builder-content-3037 {
        left: auto;
        right: 0;
    }
    
    html[lang="ar"] .fl-builder-content-3037.is-opened {
        left: auto;
        right: calc( 352px - 25vw );
    }
}

/* Toggle - Logo */

.fl-builder-content-3037 img.fl-photo-img {
    height: 52px;
    width: 52px;
}

@media only screen and (min-width: 768px) {
    
    .fl-builder-content-3037 .fl-module.fl-module-photo {
        background-color: #fff;
        transition: 0.7s;
        border-radius: 50%;
        border: 2px solid #000;
    }
    
    .fl-builder-content-3037 .fl-module.fl-module-photo:hover img {
        opacity: 0.66;
    }
}

/* Mobiles */
@media only screen and (max-width: 768px) {
    
    .fl-builder-content-3037 img.fl-photo-img {
        height: 66px;
        width: 25vw;
        background-color: #fff;
        border-right: #000 solid 2px;
        -webkit-filter: invert(100%);
        filter: invert(100%);
    }
    
    html[lang="ar"] .fl-builder-content-3037 img.fl-photo-img {
        border-right: 0;
        border-left: #000 solid 2px;
    }
}

/*
.fl-builder-content-3037 .fl-module.fl-module-photo:after {
    color: #fff;
    font-family: "Font Awesome 5 Pro";
    content: "\f142";
    position: absolute;
    top: 33px;
    right: -23px;
    font-size: 30px;
    transition: opacity 1s ease-in-out;
}

@media only screen and (min-width: 768px) {
    .fl-builder-content-3037 .fl-module.fl-module-photo:after {
        opacity: 0;
    }
    
    .fl-builder-content-3037 .fl-module.fl-module-photo:hover:after {
        opacity: 1;
    }
}
*/


/* Toggle - Icon */

.fl-builder-content-3037 span.fl-icon {
    background-color: #fff;
    border-radius: 50%;
    width: 56px;
    height: 56px;
    text-align: center;
    border: 2px solid #000;
    transition: 0.7s;
}

.fl-builder-content-3037 .fl-module-icon > .fl-module-content {
    margin: 0;
}
/*
.fl-builder-content-3037 span.fl-icon:hover {
    border-color: #000;
    background-color: #fff;
}*/

.fl-builder-content-3037 span.fl-icon i {
    line-height: 52px;
    float: none;
    color: #0005;
    transition: 0.7s;
    /*transform: translateX(-2px);*/
}

/*html[lang="ar"] .fl-builder-content-3037 span.fl-icon i {
    transform: translateX(2px) rotate(180deg);
}*/

.fl-builder-content-3037 span.fl-icon:hover i {
    color: #000;
}

/* Mobiles */
@media only screen and (max-width: 768px) {
    
    .fl-builder-content-3037 span.fl-icon {
        background-color: #000;
        border-radius:0;
        width: 25vw;
        height: 66px;
        border:0;
        border-right: solid 2px #fff;
    }
/*
    .fl-builder-content-3037 .fl-module {
        border-right: solid 2px #fff;
    }*/

    .fl-builder-content-3037 span.fl-icon:hover {
        background-color: #fff;
    }
    
    html[lang="ar"] .fl-builder-content-3037 span.fl-icon {
        border-right: 0;
        border-left: solid 2px #fff;
    }
/*
    html[lang="ar"] .fl-builder-content-3037 .fl-module {
        border-right: 0;
        border-left: solid 2px #fff;
    }*/
    
    .fl-builder-content-3037 span.fl-icon i {
        color: #fff;
    }
    
    .fl-builder-content-3037 .fl-icon-wrap {
        display: block;
    }
}

/*.fl-builder-content-3037 .fl-module-icon .fl-icon-wrap {
    padding-top: 7px;
}*/

/* Toggle show/hide 
===================== */

/* Tablets & Desktops */
@media only screen and (min-width: 768px) {
    
    html:not(.fl-builder-edit) .fl-builder-content-3037 .fl-module.fl-module-photo,
    html:not(.fl-builder-edit) .fl-builder-content-3037 .fl-module.fl-module-icon {
        display: block;
    }

    html:not(.fl-builder-edit) .fl-builder-content-3037 .fl-module.fl-module-photo {
        display: none;
    }

    html:not(.fl-builder-edit) .fl-builder-content-3037.is-closed .fl-module.fl-module-photo {
        display: block;
    }

    html:not(.fl-builder-edit) .fl-builder-content-3037.is-closed .fl-col.flex > .fl-col-content .fl-module.fl-module-icon {
        display: none;
    }
    
    html:not(.fl-builder-edit) .closed-first .fl-builder-content-3037 .fl-module.fl-module-photo,
    html:not(.fl-builder-edit) .closed-first .fl-builder-content-3037 .fl-module.fl-module-icon {
        display: none;
    }

    html:not(.fl-builder-edit) .closed-first .fl-builder-content-3037 .fl-module.fl-module-photo {
        display: block;
    }

    html:not(.fl-builder-edit) .closed-first .fl-builder-content-3037.is-opened .fl-module.fl-module-photo {
        display: none;
    }

    html:not(.fl-builder-edit) .closed-first .fl-builder-content-3037.is-opened .fl-col.flex > .fl-col-content .fl-module.fl-module-icon {
        display: block;
    }

}

/* Mobiles */
@media only screen and (max-width: 768px) {
    
    .fl-builder-content-3037 .fl-module.fl-module-photo,
    .fl-builder-content-3037 .fl-module.fl-module-icon {
        display: none;
    }

    .fl-builder-content-3037 .fl-module.fl-module-photo {
        display: block;
    }

    .fl-builder-content-3037.is-opened .fl-module.fl-module-photo {
        display: none;
    }

    .fl-builder-content-3037.is-opened .fl-col.flex > .fl-col-content .fl-module.fl-module-icon {
        display: block;
    }

}

/* Custom Scrollbar 
==================== */


/*body.fl-theme-builder-full-width .site-container .site-inner*/
/*body:not(.no-scrollbar) .site-container .site-inner {
	border-left: 2px solid var(--my-primary-color);
	
}*/
body .site-container .site-inner,
body.extender-page-builder .site-container .site-inner {
	border-left: 2px solid var(--my-primary-color);
	
}

/* OLD SHYT */
/*.site-inner .mCSB_outside+.mCSB_scrollTools {
    left: -9px;
    right: auto;
}*/
/* OLD SHYT */
/*.site-inner .mCSB_scrollTools .mCSB_draggerContainer {
    overflow: hidden;
}*/

/* AR */
/*html[lang="ar"] body:not(.no-scrollbar) .site-container .site-inner {
	border-left: 0;
    border-right: 2px solid var(--my-primary-color);
	
}*/
html[lang="ar"] body .site-container .site-inner,
html[lang="ar"] body.extender-page-builder .site-container .site-inner {
	border-left: 0;
    border-right: 2px solid var(--my-primary-color);
	
}
/* OLD SHYT */
/*html[lang="ar"] .site-inner .mCSB_outside+.mCSB_scrollTools {
    right: -9px;
    left: auto;
}*/

/* NEW overlayScrollbars */

body .site-container .site-inner.os-host-overflow-y {
    border: 0 !important;
}

.site-container .site-inner.os-host-overflow-y .os-content > div {
    overflow-x: hidden;
}

body:not(.rtl):not(.closed-first):not(.header-closed) .site-container .site-inner.os-host-overflow-y,
body.closed-first.header-opened:not(.rtl) .site-container .site-inner.os-host-overflow-y {
    margin-left: -4px;
    padding-left: 11px;
}

body.rtl:not(.closed-first):not(.header-closed) .site-container .site-inner.os-host-overflow-y,
body.rtl.closed-first.header-opened .site-container .site-inner.os-host-overflow-y {
    margin-right: -4px;
    padding-right: 11px;
}

body:not(.rtl) .scroll-ball > .os-scrollbar-vertical {
    left: 0;
    right: auto;
}

body.rtl .scroll-ball > .os-scrollbar-vertical {
    right: 0;
    left: auto;
}

body .os-theme-round-dark > .os-scrollbar-vertical > .os-scrollbar-track:before {
    top: 0;
    bottom: 0;
}

body:not(.closed-first):not(.header-closed) .os-theme-round-dark > .os-scrollbar-vertical > .os-scrollbar-track:before,
body.closed-first.header-opened .os-theme-round-dark > .os-scrollbar-vertical > .os-scrollbar-track:before {
    background: #000;
}

/* CSS ONLY BALL - FAILED */

/*.site-inner {
	direction: rtl;
	border-left: 0 !important;
	overflow: overlay !important;
	z-index: 1;
}

.site-inner > div {
	direction: ltr;
	padding-left: 8px;
}

.site-inner::-webkit-scrollbar {
  width: 16px;
	height: 16px;
}
.site-inner::-webkit-input-placeholder,
.site-inner::-webkit-scrollbar-thumb {
	background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGNpcmNsZSBjeD0iOCIgY3k9IjgiIHI9IjgiIGZpbGw9IiMwMDAiIC8+Cjwvc3ZnPg=="),
		linear-gradient(100deg, transparent, transparent);
background-position: center top, center -40px;
background-repeat: no-repeat, no-repeat;
background-size: contain, contain;
}

.site-inner::-webkit-scrollbar-track {
  background: #000;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  background-clip: padding-box;
}*/

/* Side Header 
=============== */

/* SITE LOGO */

/* Logo Hover - Depricated? */
/*header .fl-module-photo {
	transition-duration: 0.5s;
	will-change: background-color;
}

header .fl-module-photo:hover {
	background-color: #fff;
}*/

header .fl-module-photo .fl-module-content {
    margin: 14px;
}

header .fl-module-photo .fl-photo-content {
	background-color: #fff;
    padding: 6px;
}

/* Search Box */
header .widget.widget_search {
    margin: 0;
}

header .search-form .search-form-input {
	font-size: 15px;
    padding: 10px 15px;
	border: 2px solid var(--my-primary-color);
    border-radius: 20px;
}

/* Search Icon */
header .search-form {
    position: relative;
}

header .search-form:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f002";
    position: absolute;
    right: 10px;
    top: 6px;
}

html[lang="ar"] header .search-form:before {
    left: 10px;
    right: auto;
}

/* Long Menu 
============== */

.fl-module-menu .fl-menu .menu > li > a {
    display: inline-block;
    background-color: #fff;
    padding: 5px 10px;
    margin: 10px 15px 0;
    font-size: 20px;
    text-underline-offset: 2px;
}

.fl-module-menu .fl-menu .menu > li > a:hover,
.fl-module-menu .fl-menu .menu > li.current-menu-item > a {
    text-decoration: underline;
}

@media only screen and (min-height: 700px) {
	.fl-module-menu .fl-menu .menu > li.all-events-link > a {
        margin-top: 20px;
	}
}

@media only screen and (max-height: 700px) {
	
	.fl-module-menu .fl-menu .menu > li.all-events-link:not(.current-menu-item) > a {
        color: #0008;
	}

	.fl-module-menu .fl-menu .menu > li.all-events-link:not(.current-menu-item) > a:hover {
        color: #000;
	}
}

/* Beta Notice 
=============== */

header.fl-builder-content:before {
    content: "BETA";
    position: absolute;
    left: 2px;
    display: inline-block;
    font-size: .7em;
    padding: .2em .4em;
    background-color: #fff;
    bottom:0;
    color: var(--my-primary-color);
    z-index: 3;
}

html[lang="ar"] header.fl-builder-content:before {
  left: auto;
  right:2px;
}

/* Mobiles */
@media only screen and (max-width: 768px) {
    
    header.fl-builder-content:before {
        bottom: auto;
        top: 0;
    }
}

/* Sliding Menu */
/*header .pp-sliding-menus .pp-slide-menu-item {
	transition-duration: 0.5s;
	will-change: background-color;
	font-weight: var(--my-title-weight);
    font-variation-settings: 'wght' var(--my-title-weight);
}
header .pp-sliding-menus .pp-slide-menu-item:hover,
header .pp-sliding-menus .pp-slide-menu-item.pp-slide-menu-item-current {
	background-color:var(--my-secondary-color);
}
header .pp-sliding-menus .pp-slide-menu-arrow {
    cursor: inherit;
}
header .pp-sliding-menus .current-menu-parent {
    background-color: #fff;
}*/


/* Site Footer 
============== */

body:not(.home) .footer-row > .fl-row-content-wrap {
    box-shadow: none;
    background-image: linear-gradient(to right, black 25%, rgba(255,255,255,0) 0%);
    background-position: top;
    background-size: 8px 2px;
    background-repeat: repeat-x;
}

.footer-row .fl-html,
.footer-row .fl-html p,
.footer-row .fl-html a {
    font-size: 13px;
    /*text-align: center;*/
}

.footer-row .fixed {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 3;
    transition: 0.7s;
}

html[lang="ar"] .footer-row .fixed {
    right: auto;
    left: 0;
}

/* Tablets & Desktops */
@media only screen and (min-width: 768px) {
    
    .footer-row .fixed {
        text-align: right;
        float: right;
        width: fit-content;
    }
    
    html[lang="ar"] .footer-row .fixed {
        text-align: left;
        float: left;
    }
}

.footer-row .fixed > .fl-col-content {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

/* Tablets & Desktops */
@media only screen and (min-width: 768px) {

    .footer-row .fixed .fl-module-content {
        margin-left: 0;
    }
    
    html[lang="ar"] .footer-row .fixed .fl-module-content {
        margin-left: 20px;
        margin-right: 0;
    }
}

/* Mobiles */
@media only screen and (max-width: 768px) {

    .footer-row .fixed .fl-module-content {
        margin: 0;
    }
    
    .footer-row .fl-module-button a.fl-button {
        width: 25vw;
        text-align: center;
        padding: 24px 12px;
        border-radius: 0;
        background-image: linear-gradient(to bottom, white 25%, rgba(255,255,255,0) 0%);
        background-position: left;
        background-size: 2px 8px;
        background-repeat: repeat-y;
    }
    
    html[lang="ar"] .footer-row .fl-module-button a.fl-button {
        background-position: right;
    }
    
    .fl-builder-content-3037.is-opened + .site-inner .footer-row .fixed {
        right: calc( -352px + 25vw );
    }
    
    html[lang="ar"] .fl-builder-content-3037.is-opened + .site-inner .footer-row .fixed {
        right: auto;
        left: calc( -352px + 25vw );
    }
    
    .footer-row .fl-col:not(.fixed) .fl-module-html > .fl-module-content {
        margin-bottom: 86px;
    }
}

/* Capitalize */
.footer-row .fl-module-button a.fl-button {
    text-transform: capitalize;
}

/* Donate Button */

/* Tablets & Desktops */
@media only screen and (min-width: 768px) {
    
    .footer-row .fixed .donate-btn .fl-module-content {
        margin-right: -1.2em;
        margin-bottom: -1.7em;
    }
    
    html[lang="ar"] .footer-row .fixed .donate-btn .fl-module-content {
        margin-left: -1.2em;
        margin-right: 0;
    }

    .footer-row .fixed .donate-btn a {
        /*padding: 4.2em 3.075em;*/
        border-radius: 100%;
        display: block;
        height: 152px;
        width: 152px;
        text-align: center;
        line-height: 132px;
    }   
}

/* About Button */

/* Tablets & Desktops */
@media only screen and (min-width: 768px) {
    
    .footer-row .fl-module-button:not(.donate-btn) a.fl-button,
    .footer-row .fl-module-button:not(.donate-btn) a.fl-button:visited {
        padding: 6px 12px;
    }

    .footer-row .fl-module-button:not(.donate-btn),
    .footer-row .fl-module-html {
        margin-bottom: 10px;
    }
}


/* Footer Button States */

/* About */
body.about .footer-row .fl-module-button:not(.donate-btn) {
    pointer-events: none;
}

body.about .footer-row .fl-module-button:not(.donate-btn) a.fl-button * {
    /*color: var(--my-secondary-color);*/
    text-decoration: underline;
}

/* Donate */
body.donate .footer-row .donate-btn {
    pointer-events: none;
}

body.donate .footer-row .donate-btn a.fl-button * {
    /*color: var(--my-secondary-color);*/
    text-decoration: underline;
}

/* Tablets & Desktops */
@media only screen and (min-width: 768px) {
    
    body:not(.no-scrollbar) .site-inner {
        max-height: 100vh;
        overflow-y: auto;
    }
    
}

/* Connect Menu 
================ */

/* Dropup Button */
.footer-row .dropbtn {
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    text-decoration: none;
    text-shadow: none;
    border: 0;
    border-radius: 0;
    background-color: var(--my-primary-color);
    text-transform: capitalize;
}

/* Tablets & Desktops */
@media only screen and (min-width: 768px) {
    
    .footer-row .dropbtn {
        line-height: 18px;
        padding: 6px 12px;
    }
}

/* Mobiles */
@media only screen and (max-width: 768px) {
    .footer-row .dropbtn {
        padding: 24px 12px;
        width: 25vw;
        text-align: center;
    }
}


.footer-row .dropbtn:hover, .footer-row .dropbtn:focus {
    text-decoration: underline;
}
/* The container div - needed to position the dropup content */
.footer-row .social-dropup {
    position: relative;
    display: inline-block;
}
/* Dropup content (Hidden by Default) */
.footer-row .dropup-content {
    display: none;
    position: absolute;
    bottom: 30px;
    right: 0;
    min-width: 100%;
    z-index: 1;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
}

/* Mobiles */
@media only screen and (max-width: 768px) {
    
    .footer-row .dropup-content {
        bottom: 70px;
    }
}

/* Links inside the dropup */
.footer-row .dropup-content a {
    color: #fff9;
    padding: 6px 12px;
    text-decoration: none;
    display: block;
    text-align: center;
    background-color: var(--my-primary-color);
    font-size: 20px;
    border-radius: 50%;
    margin-bottom: 6px;
}
/* Change color of dropup links on hover & focus */
.footer-row .dropup-content a:hover, .footer-row .dropup-content a:focus {color: #fff;}
/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.footer-row .show {display:flex;}


/* ===============
    About Page 
================== */

/* Contact Links */

.contact-col a .fl-heading-text {
    text-decoration-line: underline;
    text-decoration-color: #999;
    text-decoration-thickness: 1px;
}

.contact-col a:hover .fl-heading-text {
    text-decoration: none;
}


/* ============================
    SINGLE EVENT 
=============================== */

/* Featured Image */
.single .featured-image .fl-photo-content {
	max-height: 60vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-content: stretch;
    justify-content: center;
}

.single .fl-photo-caption-below {
    display: none;
}

.mfp-content .mfp-figure:after {
    bottom: 54px;
}

/*.event-terms a, .event-terms a:visited {
	text-decoration:none;
	background-color: var(--my-primary-color);
	color: #fff;
	padding: 10px 20px;
	border-radius: 40px;
}

.event-terms a:hover {
	color: var(--my-secondary-color);
}*/

/* Sidebar Links 
================== */
.external-link a.fl-button,
.booking-button a.fl-button {
    border-radius: 0 !important;
    text-align: center;
}

.external-link:not(:first-child) {
    margin-top: 15px;
}

.rtl .booking-button .fl-button-right,
.rtl .external-link .fl-button-right {
    text-align: left;
}

/* Event Details 
================= */
/* .event-info , .meta-terms */

/* Date & Hour */
.event-info .event-date {
    font-size: 14px;
}

.event-date i {
    color: #ccc;
    margin-right: 3px;
}

.event-date i.fa-clock {
    margin-left: 20px;
}

/* AR */
html[lang="ar"] .event-date i {
    margin-right: 0;
    margin-left: 3px;
}

html[lang="ar"] .event-date i.fa-clock {
    margin-left: 0;
    margin-right: 20px;
}

/* Meta Terms Links */
.event-info .meta-terms {
    margin-bottom: 10px;
}

.event-info .meta-terms a {
    text-transform: uppercase;
    text-decoration-color: #999;
    text-underline-offset: 4px;
}

.meta-terms span:nth-child(2):before,
.meta-terms span:nth-child(3):before {
    content: " · ";
}

/* Event Gallery slideshow
=========================== */

/* Responsive BB Slideshow */
/*.fl-slideshow-container,
.fl-slideshow,
.fl-slideshow-frame,
.fl-slideshow-frame > .fl-slideshow-frame-content > .fl-slideshow-image {
    height: 60vh !important
}*/

.fl-module.fl-module-slideshow {
    max-width: 100vw;
    overflow: hidden;
    transition-duration: .7s;
    will-change: max-width;
}

/* Desktops & Tabs */
@media only screen and (min-width: 768px) {
    body:not(.header-closed) .fl-module.fl-module-slideshow,
    body.closed-first.header-opened .fl-module.fl-module-slideshow {
        max-width: calc(100vw - 350px);
    }
}

/* Mobiles */
@media only screen and (max-width: 768px) {
    body.header-opened .fl-module.fl-module-slideshow {
        max-width: calc(100vw - 350px);
    }
}

/* Fontawesome Navigation Icons */
.fl-slideshow-image-nav-right a,
.fl-slideshow-image-nav-left a {
    background: transparent !important;
}

.fl-slideshow-image-nav-right a:before,
.fl-slideshow-image-nav-left a:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    position: absolute;
    top:0;
    color: #fff;
    font-size: 40px;
    text-shadow: 0 0 5px #0002;
}

.fl-slideshow-image-nav-left a:before {
    content: "\f053";
    left: 40px;
}

.fl-slideshow-image-nav-right a:before {
    content: "\f054";
    right: 40px;
}

/* AR */
html[lang="ar"] .fl-slideshow-image-nav-left a:before {
    left: auto;
    right: 40px;
}

html[lang="ar"] .fl-slideshow-image-nav-right a:before {
    right: auto;
    left: 40px;
}


/* PP Image - carousel Slideshow 
================================= */

.pp-image-carousel .swiper-pagination-bullet,
.pp-image-carousel-wrapper .pp-image-carousel .pp-swiper-button {
    border-radius: 100px !important;
}

.pp-image-carousel-wrapper .pp-image-carousel .pp-swiper-button {
    opacity: .5;
    text-decoration: none;
}

.pp-image-carousel-wrapper .pp-image-carousel .pp-swiper-button:hover {
    opacity: 1;
}

.rtl .pp-image-carousel-wrapper .pp-image-carousel .pp-swiper-button.pp-swiper-button-prev {
    left: auto;
    right: 10px;
    transform: rotate(180deg);
}

.rtl .pp-image-carousel-wrapper .pp-image-carousel .pp-swiper-button.pp-swiper-button-next {
    right: auto;
    left: 10px;
    transform: rotate(180deg);
}

/* Event Artists Buttons - Depricated? 
======================================= */
.event-artists {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.event-artists a.fl-button {
    border-radius: 0;
    margin: 0 10px 10px 0;
    font-size: 18px;
}

.event-artists i {
    color: #ccc;
    margin: 0 10px 10px 0;
}

/* AR */
html[lang="ar"] .event-artists a.fl-button,
html[lang="ar"] .event-artists i {
    margin: 0 0 10px 10px;
}

/* NEW */
.event-artists .artist-name {
    margin: 0 6px 6px 0;
    font-size: 90%;
}

.rtl .event-artists .artist-name {
    margin: 0 0 6px 6px;
}

.event-artists .artist-name:not(:first-child)::before {
    content: "· ";
}


/* ====================================
    EVENTS ARCHIVE - GRID Layout
======================================= */
/* Events Grid .events-grid */


/* Posts Module 
================ */

/* Dotted Background */
/*.events-grid,
.load-more-facet {
    background-color: rgba(255,255,255,50%);
    background-blend-mode: overlay;
    background-image: url(https://beirutartcenter.mypr.es/wp-content/uploads/sites/103/2021/01/bac-dots-01.svg);
    background-size: 300px;
    background-repeat: repeat;
}*/

.events-grid .event-archive-post {
    margin-bottom: 0;
    border: 0;
    transition: 0.4s;
    position: relative;
}

.event-archive-post .fl-post-container {
    background-color: rgba(255,255,255,60%);
    background-blend-mode: overlay;
    background-size: cover;
    transition-duration: 0.4s;
    will-change: background-color;
}

/* No Image Fallback .dotted */
.event-archive-post .fl-post-container.dotted {
    background-color: #fff;
    background-blend-mode: multiply;
    background-image: url(https://beirutartcenter.mypr.es/wp-content/uploads/sites/103/2021/01/bac-dots-01.svg);
    background-size: 75px;
    background-repeat: repeat;
}

.event-archive-post .fl-post-container:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

/* Has Featured Image */
.event-archive-post:hover .fl-post-container:not(.dotted) {
    background-color: rgba(0,0,0,0%);
}

/* No Image Fallback .dotted */
.event-archive-post:hover .fl-post-container.dotted {
    /*background-color: var(--my-secondary-color);*/
    background-color: rgba(0,0,0,5%);
}

.event-archive-post .fl-post-grid-text {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-content: stretch;
    justify-content: center;
    align-items: center;
}

.event-archive-post .fl-post-grid-title {
    color: var(--my-primary-color);
    text-align: center;
    text-shadow: 0px 0px 25px #ffffff50;
    transition-duration: 0.4s;
    will-change: color, text-shadow, opacity;
    opacity: 1;
}

.event-archive-post:hover .fl-post-container:not(.dotted) .fl-post-grid-title {
    /*color: #fff;
    text-shadow: 0px 0px 25px #00000050;*/
    opacity: 0;
}

.event-archive-post .fl-post-grid-terms {
    margin-bottom: 10px;
}

/* Hide type on type Archives */
body.tax-event_type .event-archive-post .fl-post-grid-terms {
    display: none;
}

/* Hide type on AiR */
body.term-77 .event-archive-post .fl-post-grid-terms,
body.term-325 .event-archive-post .fl-post-grid-terms {
    display: none;
}

.event-archive-post .fl-post-grid-terms,
.event-archive-post .fl-post-grid-date .event-date,
.event-archive-post .fl-post-grid-date .event-date i {
    color: var(--my-primary-color);
    transition-duration: 0.4s;
    will-change: color, opacity;
    opacity: 1;
}

.event-archive-post .fl-post-grid-date {
    text-align: center;
}

.event-archive-post:hover .fl-post-container:not(.dotted) .fl-post-grid-terms,
.event-archive-post:hover .fl-post-container:not(.dotted) .fl-post-grid-date .event-date,
.event-archive-post:hover .fl-post-container:not(.dotted) .fl-post-grid-date .event-date i {
    /*color: #fff;*/
    opacity: 0;
}

.event-archive-post .fl-post-grid-date .event-date i {
    display: none;
}

/* LOAD MORE BUTTON */
button.facetwp-load-more {
    background: var(--my-primary-color);
}

/* Dynamic Font size */

@media screen and (max-width: 1600px) {
    .event-archive-post .fl-post-grid-title {
        font-size: 18px;
    }

    .event-archive-post .fl-post-grid-terms,
    .event-archive-post .fl-post-grid-date {
        font-size: 90%;
    }
}

@media screen and (max-width: 992px) {
    .event-archive-post .fl-post-grid-title {
        font-size: 16px;
        line-height: 22px;
    }

    .event-archive-post .fl-post-grid-terms,
    .event-archive-post .fl-post-grid-date {
        font-size: 75%;
        line-height: 1.4;
    }
}

@media screen and (max-width: 768px) {
    .event-archive-post .fl-post-grid-title {
        font-size: 15px;
        line-height: 20px;
    }

    .event-archive-post .fl-post-grid-terms,
    .event-archive-post .fl-post-grid-date {
        font-size: 70%;
        line-height: 1.3;
    }
}

/* Events Archive Header 
========================= */

.fl-col.flex.flex-right > .fl-col-content {
    justify-content: flex-end;
}

@media screen and (max-width: 768px) {
    .fl-col.flex.flex-nowrap > .fl-col-content {
        flex-wrap: nowrap;
    }
}

.flex .facetwp-facet {
    margin-bottom: 0px;
}

.fl-col.autowidth {
    width: auto;
}

/* Description Box - Depricated */
.align-center .fl-col-content {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: center;
    align-items: flex-start;
}

.align-center .fl-module-fl-archive-description {
    background-color: #fff;
    border: 2px solid #0004;
    max-height: 30vh;
    overflow: auto;
    border-left-color: transparent;
}

html[lang="ar"] .align-center .fl-module-fl-archive-description {
    border-left-color: #0004;
    border-right-color: transparent;
}

.align-center .fl-module-fl-archive-description p {
    font-size: 80%;
    margin-bottom: 7px;
}

html:not(.fl-builder-edit) body:not(.post-type-archive-event) .align-top .fl-module-class-facet {
    display: none;
}

/* Date Filters */

html:not(.fl-builder-edit) .fl-module-class-facet.hide {
    display: none;
}

.fl-module-html.event-date-facet {
    text-align: right;
    margin-top: 4px;
}

html[lang="ar"] .fl-module-html.event-date-facet {
    text-align: left;
}

.event-date-facet a {
    text-decoration: none;
    color: var(--my-primary-color);
    background-color: #fff;
    padding: 6px 12px;
    font-size: 90%;
    margin: 5px 0;
    display: inline-block;
}

.event-date-facet a:hover {
    text-decoration: underline;
}

.event-date-facet a.active {
    font-weight: var(--my-title-weight);
    font-variation-settings: 'wght' var(--my-title-weight);
    text-decoration: underline;
    text-decoration-line: underline;
    text-decoration-thickness: 2px;
}

.event-date-facet span {
    color: #ccc0;
}

/* Mobile */
@media screen and (max-width: 768px) {
    .event-date-facet .fl-module-content {
        margin: 10px;
    }
}


/* No Results */

.fl-post-grid-empty {
    min-height: 40vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fl-post-grid-empty p {
    max-width: 50%;
    text-align: center;
}

/* Not Grid Styles 
==================== */

.fl-post-grid-post {
    box-shadow: 0px 0px 50px 0px rgb(0 0 0 / 10%);
    border: 0;
    transition: 0.4s;
}

.fl-post-grid-post:hover {
    box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 20%);
}

.fl-post-grid-post a {
    text-decoration: none;
    color: #666;
}

.fl-post-grid-post .fl-post-grid-date {
    margin-bottom: 20px;
}

.fl-post-grid-post .fl-post-grid-date i {
    color: #ccc;
    margin-right: 5px;
}

.fl-post-grid-date .opening-hour {
    float: right;
}

.fl-post-grid-meta-terms .fl-post-grid-terms {
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 25px;
    padding: .3em 1.3em;
    margin-right: 10px;
    margin-top: 10px;
}

/* AR */
html[lang="ar"] .fl-post-grid-post .fl-post-grid-date i {
    margin-right: 0;
    margin-left: 5px;
}

html[lang="ar"] .fl-post-grid-date .opening-hour {
    float: left;
}

html[lang="ar"] .fl-post-grid-meta-terms .fl-post-grid-terms {
    margin-right: 0;
    margin-left: 10px;
}

.fl-post-grid-meta-terms .fl-post-grid-terms.highlight {
    color: var(--my-primary-color);
    background-color: var(--my-secondary-color);
    border-color: var(--my-secondary-color);
}

/* Multi-Type post template */

.fl-post-grid-post .fl-post-grid-label {
    position: relative;
}

.fl-post-grid-post .fl-post-grid-label h3 {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    padding: .3em .6em;
    font-size: 14px;
    color: #fff;
    background-color: var(--my-primary-color);
}

html[lang="ar"] .fl-post-grid-post .fl-post-grid-label h3 {
    right: auto;
    left: 0;
}

/*
.event-archive-post.fl-post-grid-post {}
.archive-events .fl-post-grid-post {
	min-width: 20vw;
}*/

.archive-crumb .fl-heading:after {
    content: "/";
    color: #ccc;
}

.archive-crumb .fl-heading a {
    color: #999;
}

.archive-crumb .fl-heading a:hover {
    color: var(--my-primary-color);
}

/* ===============================
    Artisan Archives 
================================== */

.fl-post-feed-post.artisan {
    box-shadow: 0px 0px 50px 0px rgb(0 0 0 / 10%);
    border: 0;
}

.fl-post-image.artisans-grid-element {
    height: 100%;
}

.fl-post-image.artisans-grid-element img {
    object-fit: cover;
    height: 100%;
}

.artisan-filters .facetwp-facet {
    margin-bottom: 0;
}

/* Single Artisan */

/* Social Links */

.fl-builder-content .socialicon {
    display: flex;
    justify-content: center;
}

.fl-builder-content .socialicon .fl-button i {
    display: block;
    margin-bottom: 6px;
}

/* ================================
    FACETWP - Custom Dropdowns 
=================================== */

:root {
  --select-border: #ccc;
  --select-focus: var(--my-primary-color);
  --select-arrow: var(--my-primary-color);
}

.facetwp-type-dropdown select,
.facetwp-type-yearly select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: none;
  padding: .5em 1em;
  margin: 0;
  width: 100%;
  font-family: inherit;
  font-size: 14px;
  cursor: inherit;
  line-height: inherit;
  z-index: 1;
  outline: none;
}
.facetwp-type-dropdown select::-ms-expand,
.facetwp-type-yearly select::-ms-expand {
  display: none;
}

.facetwp-type-dropdown,
.facetwp-type-yearly {
  display: grid;
  grid-template-areas: "select";
  align-items: center;
  position: relative;
  /*min-width: 15ch;*/
  max-width: 30ch;
  border: 1px solid var(--select-border);
  border: none;
  /*border-radius: 0.25em;*/
    border-radius: 0;
  padding: 0.25em 0.5em;
  font-size: 1.25rem;
  cursor: pointer;
  line-height: 1.1;
  background-color: #fff;
  /*background-image: linear-gradient(to top, #f9f9f9, #fff 33%);*/
}
.facetwp-type-dropdown,
body.rtl .facetwp-type-yearly {
    min-width: 15ch;
}
body:not(.rtl) .facetwp-type-yearly {
    min-width: 10ch;
}
.facetwp-type-dropdown select, .facetwp-type-dropdown::after,
.facetwp-type-yearly select, .facetwp-type-yearly::after {
  grid-area: select;
}
.facetwp-type-dropdown::after,
.facetwp-type-yearly::after {
  content: "";
  justify-self: end;
  width: 0.8em;
  height: 0.5em;
  background-color: var(--select-arrow);
  -webkit-clip-path: polygon(100% 0%, 0 0%, 50% 100%);
          clip-path: polygon(100% 0%, 0 0%, 50% 100%);
}

.facetwp-type-fselect .fs-label-wrap {
    border: 1px solid var(--select-border);
    border-radius: 0.25em;
    padding: 0.25em 0.5em;
    font-size: 14px;
    cursor: pointer;
    line-height: 1.1;
    background-color: #fff;
    /*color: #fff;*/
}

.facetwp-type-fselect .fs-arrow {
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid var(--select-arrow);
    right: 10px;
}

html[lang="ar"] .facetwp-type-fselect .fs-arrow {
    right: auto;
    left: 10px;
}

.facetwp-type-fselect .fs-label-wrap .fs-label {
    padding: .6em 1em;
}


.facetwp-facet.facetwp-type-pager {
    text-align: center;
}

.fl-module-class-counts .facetwp-counts {
    font-size: 14px;
    color: #999;
    margin-top: 8px;
    box-shadow: 0px 0px 25px 0px rgb(0 0 0 / 10%);
    padding: .5em 1em;
    background-color: #fff;
    border-radius: 25px;
}

/* FACETWP On Refresh */
.facetwp-template {
    opacity: 1;
    transition-duration: .5s;
    will-change: opacity;
}

.facetwp-template.is-loading {
    opacity: .66;
    pointer-events: none;
}

/* ======================================
    Home Page 
========================================= */

.home .site-inner {
    overflow: hidden;
}

/* Slider Styles 
================= */

.pp-content-post.pp-grid-custom .pp-post-image .pp-post-featured-img a {
    display: block;
    width: 100%;
    height: 100%;
}

.pp-content-post.pp-grid-custom .pp-content-grid-image {
    height: 100%;
}

.pp-content-post.pp-grid-custom .pp-post-featured-img {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 100%;
    position: relative;
    overflow: hidden;
    margin: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    will-change: transform;
    z-index: 1;
}

.fl-module-pp-content-grid .pp-content-post-carousel .owl-nav button.owl-prev {
    left: 0;
}

.fl-module-pp-content-grid .pp-content-post-carousel .owl-nav button.owl-next {
    right: 0;
}

.rtl .fl-module-pp-content-grid .pp-content-post-carousel .owl-nav button.owl-prev {
    left: auto;
    right: 0;
    transform: rotate(180deg);
}

.rtl .fl-module-pp-content-grid .pp-content-post-carousel .owl-nav button.owl-next {
    right: auto;
    left: 0;
    transform: rotate(180deg);
}


/*.pp-content-post.pp-grid-custom:hover .pp-post-featured-img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand')";
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.1, M12=0, M21=0, M22=1.1, SizingMethod='auto expand');
    transform: scale(1.1);
}*/

.home .pp-content-post.pp-grid-custom {
    height: 100vh;
    margin-bottom: 0px;
}

.home .pp-content-post.pp-grid-custom .pp-grid-tile-text {
    top: 30px;
    bottom: auto;
    text-align: right;
    position: absolute;
    pointer-events: none;
    z-index: 2;
    width: 100%;
}

html[lang="ar"] .home .pp-content-post.pp-grid-custom .pp-grid-tile-text {
    text-align: left;
}

.home .pp-content-post.pp-grid-custom .pp-grid-tile-info,
.home .pp-content-post.pp-grid-custom .pp-grid-tile-meta {
    margin: 0 30px 0 auto;
    width: 80%;
}

html[lang="ar"] .home .pp-content-post.pp-grid-custom .pp-grid-tile-info,
html[lang="ar"] .home .pp-content-post.pp-grid-custom .pp-grid-tile-meta {
    margin: 0 auto 0 30px;
}

.pp-content-post.pp-grid-custom .pp-grid-tile-category,
.pp-content-post.pp-grid-custom .pp-grid-tile-meta {
    font-size: 12px;
}

.pp-content-post.pp-grid-custom .pp-grid-tile-category.pp-content-category-list {
    border-top: 0;
    margin: 0;
    padding: 0;
    color: #000;
}

.pp-content-post.pp-grid-custom .pp-content-grid-title,
.pp-content-post.pp-grid-custom .pp-grid-tile-meta span {
    text-shadow: 1px 1px 1px rgb(0 0 0 / 30%);
}

.pp-content-post.pp-grid-custom .pp-grid-tile-category span {
    display: inline-block;
    background-color: #ffffff;
    margin-bottom: 10px;
    padding: 2px 8px;
    -webkit-transition: background-color 0.2s ease-in-out;
    -moz-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}

.pp-content-post.pp-grid-custom .pp-grid-tile-category,
.pp-content-post.pp-grid-custom .pp-grid-tile-category a, 
.pp-content-post.pp-grid-custom .pp-grid-tile-meta span {
    color: #fff;
}

.home .pp-content-post.pp-grid-custom .pp-grid-tile-category a {
    text-decoration: none;
    text-shadow: none;
}

.home .pp-content-post.pp-grid-custom .pp-post-featured-img a:last-child:before {
    background: -moz-linear-gradient(bottom,rgba(0,0,0,0) 40%,rgba(0,0,0,.7) 100%);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(40%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.7)));
    background: -webkit-linear-gradient(bottom,rgba(0,0,0,0) 40%,rgba(0,0,0,.7) 100%);
    background: -o-linear-gradient(bottom,rgba(0,0,0,0) 40%,rgba(0,0,0,.7) 100%);
    background: -ms-linear-gradient(bottom,rgba(0,0,0,0) 40%,rgba(0,0,0,.7) 100%);
    background: linear-gradient(to top,rgba(0,0,0,0) 40%,rgba(0,0,0,.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3000000', endColorstr='#00000000', GradientType=0);
}

.grid-bg > .fl-row-content-wrap {
	background-size: 220px;
}

/* Home Footer 
=============== */

.home .site-inner > .fl-builder-content-primary,
.no-scroll .site-inner > .fl-builder-content-primary {
    position: relative;
}

.home .fl-row.footer-row,
.no-scroll .fl-row.footer-row {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
    left: 0;
    width: 100%;
}

.home .footer-row .fl-html, 
.home .footer-row .fl-html a, 
.no-scroll .footer-row .fl-html, 
.no-scroll .footer-row .fl-html a {
    color: #999;
}

.home .footer-row .fl-module-html.copyright-notice {
    display: none;
}


/* ============================================
    Micro Commissions 
=============================================== */

/* MC Archive Posts 
==================== */

.mc-archive-post.fl-post-gallery-post.entry {
    margin-bottom: 0;
}

.mc-archive-post .fl-post-gallery-text h2.fl-post-gallery-title {
    font-size: 18px;
    padding: 20px;
}

.fl-post-grid-post.mc-archive-post {
    margin-bottom: 0;
    border: 0;
    position: relative;
    transition: 0.4s;
}

.fl-post-grid-post.mc-archive-post .fl-post-gallery-link {
    display: block;
    position: relative;
}

.fl-post-grid-post.mc-archive-post .fl-post-gallery-link > img {
    object-fit: cover;
    position: absolute;
    height: 100%;
    width: 100%;
}

.fl-post-grid-post.mc-archive-post .fl-post-gallery-link:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.fl-post-grid-post.mc-archive-post .fl-post-gallery-text-wrap {
    /*background-color: rgba(0,0,0,0.75);*/
    display: none;
}

.fl-post-grid-post.mc-archive-post .fl-post-gallery-link,
.fl-post-grid-post.mc-archive-post .fl-post-gallery-link .fl-post-gallery-title {
    color: #ffffff;
}

/* Category Grid 
==================== */
@media screen and (min-width: 992px) {
    .fl-module-pp-category-grid .pp-categories .pp-category {
        width: 33.333333333333%;
        height: auto;
    }
}

.fl-module-pp-category-grid .pp-categories .pp-category {
    margin: 0 !important;
}

.rtl .fl-module-pp-category-grid .pp-categories .pp-category {
    float: right;
}

/* ========================================
    Single Artist 
=========================================== */




/* =========================================
    Donate Pages 
============================================ */

/* Donation Form 
================= */

.widget_wc-donation-widget .wc-donation-in-action label[for="donation-price"] {
    margin-bottom: 15px;
}

.widget_wc-donation-widget .row2 {
    text-align: center;
    padding-top: 20px;
}

.widget_wc-donation-widget .row2 #wc-donation-f-submit-donation {
    width: 100%;
}

.rtl .widget_wc-donation-widget .wc-label-button {
    margin-left: 12px;
    margin-right: 0;
}

@media only screen and (min-width: 768px) {
    .widget_wc-donation-widget .wc-label-button:last-child {
        margin-right: 0;
    }

    .rtl .widget_wc-donation-widget .wc-label-button:last-child {
        margin-left: 0;
    }
}

@media only screen and (max-width: 768px) {
    .rtl .pp-tabs-panel-label .pp-toggle-icon {
        text-align: left;
        padding-left: 0;
        padding-right: 15px;
    }

    .rtl .pp-tabs .pp-tabs-label {
        text-align: right;
    }
}


/* Funders Accordion 
===================== */

.fl-module-accordion a {
    text-decoration: none;
}

.fl-module-accordion a.fl-accordion-button-label:focus {
    outline: 0;
}

.fl-accordion-item-active a.fl-accordion-button-label {
    border-left: 4px solid var(--my-primary-color);
}

html[lang="ar"] .fl-accordion-item-active a.fl-accordion-button-label {
    border-right: 4px solid var(--my-primary-color);
    border-left: 0;
}

.fl-module-accordion .fl-accordion-button-icon-left, 
.fl-module-accordion .fl-accordion-button-icon-right {
    opacity: 0.25;
    filter: alpha(opacity = 25);
}

.fl-module-accordion p {
    margin-bottom: 10px;
}

.donate.rtl .fl-accordion-item .fl-accordion-button-label,
.donate.rtl .fl-accordion-item .fl-accordion-content * {
    text-align: left;
}

.donate.rtl .fl-accordion-item .fl-accordion-button-icon {
    padding-left: 0;
    padding-right: 15px;
}

/* Checkout Form 
======================= */

form.woocommerce-checkout {
    position: relative;
}

form.woocommerce-checkout #order_review_heading,
form.woocommerce-checkout .woocommerce-checkout-review-order-table thead {
    display: none;
}

form.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table {
    position: absolute;
    width: 45%;
    top: 85px;
    right: 0;
    font-size: 14px;
    color: #666;
}

/* Mobile */
@media screen and (max-width: 768px){
    form.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table {
        position: static;
        width:100%;
    }
}


html[lang="ar"] form.woocommerce-checkout .woocommerce-checkout-review-order-table {
    right: auto;
    left: 0;
}

form.woocommerce-checkout #payment {
    margin-top: 30px;
}

form.woocommerce-checkout #payment #place_order {
    width: 100%;
}

/* WooCommerce Overrides 
============================== */

.woocommerce a.button, .woocommerce a.button.alt, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce input.button, .woocommerce input.button.alt, .woocommerce input.button[type="submit"], .woocommerce #respond input#submit, .woocommerce #respond input#submit.alt {
    background-color: var(--my-primary-color);
}

.woocommerce a.button:focus, .woocommerce a.button:hover, .woocommerce a.button.alt:focus, .woocommerce a.button.alt:hover, .woocommerce button.button:focus, .woocommerce button.button:hover, .woocommerce button.button.alt:focus, .woocommerce button.button.alt:hover, .woocommerce input.button:focus, .woocommerce input.button:hover, .woocommerce input.button.alt:focus, .woocommerce input.button.alt:hover, .woocommerce input[type="submit"]:focus, .woocommerce input[type="submit"]:hover, .woocommerce #respond input#submit:focus, .woocommerce #respond input#submit:hover, .woocommerce #respond input#submit.alt:focus, .woocommerce #respond input#submit.alt:hover {
    background-color: var(--my-primary-color);
    color: var(--my-secondary-color);
}

.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message {
    border-top-color: var(--my-primary-color);
}

.woocommerce .woocommerce-error::before,
.woocommerce .woocommerce-info::before,
.woocommerce .woocommerce-message::before {
    color: var(--my-primary-color);
}


/* ===================================
    The Derivative Template!
====================================== */

/* Posts Module 
================ */

/* HTML Module */
.derivative-grid .fl-html {
    display: flex;
    flex-wrap: wrap;
}

@media screen and (min-width: 768px){
    .derivative-grid .fl-html .issue-container {
        width: 50%;
    }
}

/* Mobile */
@media screen and (max-width: 768px){
    .derivative-grid .fl-html {
        flex-direction: column;
    }
}


/* Each ISSUE */

.fl-post-grid-post.derivative-archive-post {
    margin: 0;
}

.derivative-archive-post .issue-container {
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: stretch;
    align-items: stretch;
    justify-content: space-around;
}

.derivative-archive-post .issue-container .subject,
.derivative-archive-post .issue-container .intros {
    padding: 40px;
}

.derivative-archive-post .issue-container .subject {
    height: 100%;
}

.derivative-archive-post .issue-container .issue-title {
    margin: 40px 40px 0;
    color: #0005;
}

.derivative-archive-post .issue-container .article {
    color: #0003;
}

.derivative-archive-post .issue-container .article a {
    color: #fff;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-decoration-color: #fff5;
}

.derivative-archive-post .issue-container .article a:hover {
    text-decoration: none;
}

.derivative-archive-post .issue-container .article span {
    display: inline-block;
    font-size: 90%;
    color: var(--my-primary-color);
}

.derivative-archive-post .issue-container .subject h4.article {
    font-family: 'Tajawal', sans-serif;
    font-weight: var(--my-title-weight);
    font-variation-settings: 'wght' var(--my-title-weight);
    margin-bottom: 40px;
}

/* Black Plusses
================ */

/*.thederivative .issue-container,
.thederivative .intros,
.thederivative .subject {
    position: relative;
}

.thederivative .issue-container:before,
.thederivative .intros:after,
.thederivative .subject:before,
.thederivative .subject:after {
    content: " ";
    position: absolute;
    height: 20px;
    left:0;
    right: 0;
    z-index: 2;
}*/

/* Black Plusses Top */
/*.thederivative .issue-container:before,
.thederivative .subject:before {
    top: 0;
    background:
        linear-gradient(to right, black 4px, transparent 4px) 0 0,
        linear-gradient(to left, black 4px, transparent 4px) 100% 0,
        linear-gradient(to bottom, black 4px, transparent 4px) 0 0,
        linear-gradient(to bottom, black 4px, transparent 4px) 100% 0;
    background-repeat: no-repeat;
    background-size: 20px 20px;
}*/

/* Black Plusses Bottom */
/*.thederivative .intros:after,
.thederivative .subject:after {
    bottom: 0;
    background:
        linear-gradient(to right, black 4px, transparent 4px) 0 100%,
        linear-gradient(to left, black 4px, transparent 4px) 100% 100%,
        linear-gradient(to top, black 4px, transparent 4px) 0 100%,
        linear-gradient(to top, black 4px, transparent 4px) 100% 100%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
}*/

.thederivative .issue-container {
    position: relative;
}

.thederivative .issue-container:before,
.thederivative .issue-container:after {
    content: " ";
    position: absolute;
    height: 20px;
    left:0;
    right: 0;
    z-index: 2;
}

/* Black Plusses Top */
.thederivative .issue-container:before {
    top: 0;
    background:
        linear-gradient(to right, black 4px, transparent 4px) 0 0,
        linear-gradient(to left, black 4px, transparent 4px) 100% 0,
        linear-gradient(to bottom, black 4px, transparent 4px) 0 0,
        linear-gradient(to bottom, black 4px, transparent 4px) 100% 0;
    background-repeat: no-repeat;
    background-size: 20px 20px;
}

/* Black Plusses Bottom */
.thederivative .issue-container:after {
    bottom: 0;
    background:
        linear-gradient(to right, black 4px, transparent 4px) 0 100%,
        linear-gradient(to left, black 4px, transparent 4px) 100% 100%,
        linear-gradient(to top, black 4px, transparent 4px) 0 100%,
        linear-gradient(to top, black 4px, transparent 4px) 100% 100%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
}


/* =============================================
    Info Toggle / Description Box  
================================================ */

#info-toggle a {
    /*background: rgb(226,226,226);
    background: -moz-linear-gradient(90deg, rgba(226,226,226,1) 0%, rgba(255,255,255,1) 13%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(226,226,226,1) 0%, rgba(255,255,255,1) 13%, rgba(255,255,255,1) 100%);
    background: linear-gradient(90deg, rgba(226,226,226,1) 0%, rgba(255,255,255,1) 13%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e2e2e2",endColorstr="#ffffff",GradientType=1);*/
    display: block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: var(--my-primary-color);
    border-radius: 20px; 
}

body:not(.rtl) #info-toggle a {
    margin-left: 5px;
}

/* AR */
body.rtl #info-toggle a {
    margin-right: 5px;
}
/*html[lang="ar"] #info-toggle a {
    background: rgb(226,226,226);
    background: -moz-linear-gradient(-90deg, rgba(226,226,226,1) 0%, rgba(255,255,255,1) 13%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(-90deg, rgba(226,226,226,1) 0%, rgba(255,255,255,1) 13%, rgba(255,255,255,1) 100%);
    background: linear-gradient(-90deg, rgba(226,226,226,1) 0%, rgba(255,255,255,1) 13%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#e2e2e2",GradientType=1);
}*/

#info-toggle a i {
    color: #fff;
    transition-duration: .5s;
    line-height: inherit;
}

#info-toggle a:hover i {
    color: #fffa;
}

/* AR */
/*html[lang="ar"] #info-toggle .fas:before {
    content: "\f054";
}*/

#toggle-header.is-closed #info-toggle .fas:before {
    content: "\f129";
}

#toggle-header #toggle-col,
#toggle-header #content-box {
    transition-duration: .5s;
    will-change: transform;
    transition-timing-function: ease-in-out;
}

#toggle-header.is-closed #toggle-col,
#toggle-header.is-closed #content-box {
    transform: translateX(calc(-100% + 10px));
}

/* AR */
html[lang="ar"] #toggle-header.is-closed #toggle-col,
html[lang="ar"] #toggle-header.is-closed #content-box {
    transform: translateX(calc(100% - 10px));
}

/* Mobile */
@media screen and (max-width: 768px) {
    #toggle-header.is-closed #toggle-col {
        transform: translateX(calc(-100vw + 100% + 10px));
    }
    
    #toggle-header > .fl-row-content-wrap {
        overflow-x: hidden;
    }

    /* AR */
    html[lang="ar"] #toggle-header.is-closed #toggle-col {
        transform: translateX(calc(100vw - 100% - 10px));
    }
}

#toggle-header #toggle-col.topmargin {
    /*padding-top: calc(15vh + 1px);*/
    transition-duration: .5s;
    will-change: transform, width;
    transition-timing-function: ease-in-out;
}

#toggle-header.is-closed #toggle-col.topmargin {
    width: 50%;
}

#toggle-header.align .align-top {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
}

/* Mobile */
@media screen and (max-width: 768px) {
    #toggle-header.align .align-top {
        top: auto;
        bottom: 0;
    }
}

html[lang="ar"] #toggle-header.align .align-top {
    left: 0;
    right: auto;
}

#toggle-header.align .align-top > .fl-col-content {
    min-height: 1px;
}

#toggle-header.align > div > div > .fl-col-group {
    height: 60vh;
    display: flex;
    align-content: center;
    flex-wrap: nowrap;
    align-items: center;
}

/* Content Box 
=============== */

.content-box > .fl-col-content {
    background-color: #ffffffe6;
    border: 2px solid #000;
    max-height: 30vh;
    overflow: auto;
    /*border-left-color: transparent;*/
    scrollbar-color: #000;
    scrollbar-width: 2px;
}

/* Scrollbar */
.content-box > .fl-col-content::-webkit-scrollbar {
    width: 2px;
}

/* Handle */
.content-box > .fl-col-content::-webkit-scrollbar-thumb {
  background: #000; 
}

/* Handle on hover */
.content-box > .fl-col-content::-webkit-scrollbar-thumb:hover {
  background: #555;
}

body:not(.rtl) .fl-col-group-equal-height.fl-col-group-align-center .content-box > .fl-col-content {
    margin-left: -2px;
}

body.rtl .fl-col-group-equal-height.fl-col-group-align-center .content-box > .fl-col-content {
    margin-right: -2px;
}

.fl-col-group-equal-height.fl-col-group-align-center .content-box > .fl-col-content {
    align-items: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    -webkit-box-align: flex-start;
    -webkit-box-pack: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-align: flex-start;
    -ms-flex-pack: flex-start;
}

@media screen and (min-width: 768px) {
    .content-box > .fl-col-content p,
    .content-box > .fl-col-content span.fl-heading-text {
        font-size: 80%;
    }
}

.content-box > .fl-col-content p {
    margin-bottom: 8px;
    /*font-weight: var(--my-title-weight);
    font-variation-settings: 'wght' var(--my-title-weight);*/
}


/* ================================
    Cookie Notice 
=================================== */

#cookie-notice .cookie-notice-container {
    padding: 46px 30px;
}

body #cookie-notice,
#cookie-notice .cn-button.wp-default,
#cookie-notice .cn-button.bootstrap {
    font-family: 'Work Sans', sans-serif;
}

.rtl #cookie-notice,
.rtl #cookie-notice .cn-button.wp-default,
.rtl #cookie-notice .cn-button.bootstrap {
    font-family: 'Tajawal', sans-serif;
}

.rtl #cookie-notice .cn-button {
    margin: 0 10px 0 0;
}

.rtl #cookie-notice .cn-close-icon {
    right: auto;
    left: 15px;
}

/* ================================
    Newsletter Page 
=================================== */

body.newsletter .display_archive .campaign {
    color: #aaa;
}

body.newsletter .display_archive .campaign a {
    font-weight: var(--my-title-weight);
    font-variation-settings: 'wght' var(--my-title-weight);
}

body.newsletter .fl-form-field input {
    background: transparent;
    color: #fff;
    border-color: #333;
}

body.newsletter .fl-form-field input:active,
body.newsletter .fl-form-field input:focus {
    border-color: #ddd;
}

body.newsletter .fl-terms-checkbox {
    margin-top: 20px;
    text-align: center;
}

body.newsletter .fl-terms-checkbox label,
body.newsletter .fl-terms-checkbox label a {
    color: #ddd;
}

.rtl .fl-subscribe-form-inline .fl-form-field {
    float: right;
    padding-right: 0;
    padding-left: 10px;
}

.rtl .fl-form-field.fl-terms-checkbox input[type="checkbox"] {
    margin: 0 -2px 0 10px;
}

/* ================================
    LANGUAGE SWITCHER STYLES 
=================================== */

/* RESET */

.widget.widget_polylang,
.widget.widget_polylang ul {
    margin: 0;
}

.widget.widget_polylang li {
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: unset;
}

/* Button Styles */
.widget.widget_polylang ul,
.widget.widget_polylang li,
.widget.widget_polylang li a {
    display: block;
}

.widget.widget_polylang li a {
    text-align: center;
    text-decoration: none;
    background: #fff;
    border: solid 2px #000;
    border-radius: 20px;
    font-weight: var(--my-title-weight);
    font-variation-settings: 'wght' var(--my-title-weight);
    font-size: 14px;
    height: 42px;
    vertical-align: middle;
    line-height: 38px;
}

.widget.widget_polylang li.lang-item-ar a {
    font-family: 'Tajawal', sans-serif;
    margin-left: 15px;
}

.widget.widget_polylang li.lang-item-en a {
    margin-right: 15px;
}

.widget.widget_polylang li a:hover {
    background: #000;
    color: #fff;
}

/* ================================
    MOBILE-ONLY STYLES 
=================================== */

@media screen and (max-width: 768px) {
    html[lang="en-US"] .archive.term-exhibition .event-archive-title .fl-heading-text::after,
    html[lang="en-US"] .archive.term-workshops .event-archive-title .fl-heading-text::after {
        content: 's';
    }

    .fl-module-slideshow .fl-slideshow-image-nav-left,
    .fl-module-slideshow .fl-slideshow-image-nav-right {
        display: block!important;
        opacity: 1!important;
    }

}

/* ================================
    ARABIC STYLES 
=================================== */

/* font-family: 'Tajawal', sans-serif; */
/*@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;700&display=swap');*/

html[lang="ar"] body.rtl,
html[lang="ar"] body.rtl h4,
html[lang="ar"] body.rtl h5,
html[lang="ar"] body.rtl h6 {
    font-family: 'Tajawal', sans-serif;
    font-weight: var(--my-body-weight);
    font-variation-settings: 'wght' var(--my-body-weight);
}

html[lang="ar"] body.rtl h1,
html[lang="ar"] body.rtl h2,
html[lang="ar"] body.rtl h3,
html[lang="ar"] body.rtl strong {
    font-family: 'Tajawal', sans-serif;
    font-weight: var(--my-title-weight);
    font-variation-settings: 'wght' var(--my-title-weight);
}

.rtl {
    direction: rtl
}

.ltr {
    direction: ltr;
}

/* Gallery Module Fix */

html[lang="ar"] .fl-module-gallery .fl-mosaicflow {
    margin-left: 0px;
    margin-right: -20px;
}

html[lang="ar"] .fl-module-gallery .fl-mosaicflow-col {
    float: right;
}

html[lang="ar"] .fl-module-gallery .fl-mosaicflow-item {
    margin: 0 20px 20px 0;
}