/*
	Theme Name:   Jannah Child
	Theme URI:    http://jannah.tielabs.com/
	Description:  Jannh Child Theme
	Author:       TieLabs
	Author URI:   https://tielabs.com
	Template:     jannah
	Version:      1.0.6
	License:      license purchased
	License URI:  http://themeforest.net/licenses/regular_extended
	Tags:         Tags: two-columns, buddypress, left-sidebar, right-sidebar, custom-menu, editor-style, featured-images, full-width-template, microformats, rtl-language-support, sticky-post, threaded-comments, translation-ready
	Text Domain:  jannah-child
*/

/* write custom css after this line */

/** Global & Body **/ 
@font-face {
    font-family: 'Azer-Regular';   
    src: url('https://egyspeed.net/fonts/Azer/Azer-Regular.woff2') format('woff2');
    font-weight: normal;
    font-display: swap;
}

@keyframes gentleBounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-4px); }
}

#tie-body, p, h1.post-title {
    font-family: 'Azer-Regular', sans-serif;
}

#tie-body {
    font-style: normal;
}

h1 {
    font-size: 75px;
    font-weight: 700;
    font-style: normal;
}

.home h1, .home h2, .home h3, 
h1.post-title, .entry-header .entry-sub-title {
    font-weight: 700;
}

h1.post-title {
    font-size: 34px;
    font-style: normal;
}

.entry-header .entry-sub-title {
    font-size: 17px;
}

/** Navigation & Header **/
.home #top-nav {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.376) 20%, rgba(0, 0, 0, 0) 100%) !important;
}

#top-nav {
    background: #1f2024 !important;
    padding: 5px 0;
}

.header-menu ul {
    background: transparent !important;
}

.image-logo {
    width: 206px;
    height: 64px;
    aspect-ratio: 3/1;
    display: block;
}

#main-nav.fixed-nav {
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(8.5px);
}

.fixed-nav ul {
     transform: translateX(-9%);
}

.single-post .fixed-nav ul {
     transform: translateX(0);
}

.dark-skin #main-nav.fixed-nav {
    background: rgba(17, 17, 17, 0.8);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5); 
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(8.5px);
}

#main-nav.fixed-nav ul li a {
    color: #111;
}

.dark-skin #main-nav.fixed-nav ul li a {
    color: #fff !important;
}

#main-nav.fixed-nav ul li:hover a {
    color: #fff;
}

.main-menu:hover a {
    opacity: 0.4;
    transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.main-menu a:hover {
    opacity: 1;
}

#go-to-top {
    right: 8px !important;
    color: #111;
    background: #fff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    width: 40px;
    height: 40px;
    padding-top:4px
}

#go-to-top:hover, .dark-skin #go-to-top:hover, 
#fixed-home-button:hover, .dark-skin #fixed-home-button:hover {
    background: #111;
    color: #fff;
}

.dark-skin #go-to-top, .dark-skin #fixed-home-button {
    background: #27292d;
    color: #fff;
}

.dark-skin #go-to-top a:hover {
    background: #ddd;
    color: #000;
}

#fixed-home-button {
    position: fixed;
    right: 8px !important;
    bottom: 11% !important;
    width: 40px;
    height: 40px;
    background-color: #fff; 
    color: #111; 
    border-radius: 50%; 
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15); 
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    z-index: 9998; 
    transition: all 0.3s ease;
}

#fixed-home-button i {
    font-size: 18px;
}

/** Footer Banner **/
.fixed-footer-banner {
    position: fixed;
    bottom: 10px;
    width: 90%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 111;
    display: flex;
    align-items: center;
    justify-content: center;
}
        
.single-post .fixed-footer-banner {
    bottom: 45px;
}

.fixed-footer-banner a {
    display: block;
    position: relative;
}

.fixed-footer-banner a img {
    max-width: 100%;
    height: auto;
    display: block;
    object-fit: cover; 
    border: none;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2);
    border-radius: 15px;
}

.close-btn {
    position: absolute;
    top: 5px;
    right: 5px;
    background-color: var(--brand-color);
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    padding-top: 3px;
    font-size: 22px;
    font-weight: bold;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1001; 
    transition: background-color 0.2s;
}

.close-btn:hover {
    background-color: #111;
}

/** Home Page & Loop **/
.more-link, .button, .submit {
    border-width: 2px;
}

.post-item .more-link {
    float: left !important;
    border-color: #fff;
    padding: 10px 30px 7px;
    margin: 20px 10%;
    background: transparent !important;
}

.post-item:hover .more-link {
    animation: gentleBounce 2s ease-in-out infinite;
}

.post-item .more-link:hover, .story-content-overlay__title:hover {
    border-color: var(--brand-color);
}

.story-content-overlay__title:hover {
    color: var(--brand-color);
}

.web-stories-list__story:hover img {
    animation: gentleBounce 2s ease-in-out infinite;
}

.tabs.is-flex-tabs {
    display: flex;
    list-style: none;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 3px 0;
}

.tabs.is-flex-tabs li {
    margin: 5px 2px;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 50px;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 36px !important; 
}

.tabs.is-flex-tabs li a {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    border-color: transparent !important; 
    font-weight: 600;
    font-size: 16px;
    transition: color 0.3s ease;
    padding: 0 13px !important; 
    height: 100% !important; 
    width: 100%;
}

.tabs.is-flex-tabs li:hover {
    background-color: #111;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.tabs.is-flex-tabs li:hover a {
    color: #fff;
}

.tabs.is-flex-tabs li.active, 
.dark-skin ul.tabs li.active a {
    background: var(--brand-color) !important;
}

.tabs.is-flex-tabs li.active {
    animation: gentleBounce 2s ease-in-out;
}

.tabs.is-flex-tabs li.active a {
     color: #fff;
}

.dark-skin .tab-content-wrap .container-wrapper {
     box-shadow: none !important;
}

.post-thumb {
    overflow: hidden;
    position: relative;
    border-radius: 15px !important;
    isolation: isolate;
}

.post-thumb img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: transform 0.5s ease;
}

.post-thumb:hover img {
    transform: scale(1.05);
}

.container-wrapper, .dark-skin .container-wrapper {
    border-color: transparent;
}

.tie-slick-dots li {
    margin-right: 10px !important;
}

.tie-slick-dots li.slick-active button {
    height: 8px;
    padding: 0 8px !important;
    border-radius: 5px;
    margin-right: -3px !important;
}

li.post-item.tie-standard {
    margin: 5px 0;
}

li.post-item span.trending-post.tie-icon-bolt {
    top: 10px !important;
    background: #fff;
    color: var(--brand-color);
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.12);
}

#tie-newsletter-9 {
    width: 98%;
}

span.newsletter-icon::before,
#mc-embedded-subscribe-form-tie-newsletter-9.subscribe-form.validate::before {
    color: #ddd;
}

.subscribe-title{
    font-size:20px;
    font-weight:700;
}

.dark-skin #mce-EMAIL-tie-newsletter-9::placeholder {
    color: #888;
}

.subscribe-input {
    color: #ddd;
}

li.post-item.no-small-thumbs {
    position: relative;
    margin: 0;
    padding: 10px;
}

li.post-item.no-small-thumbs::after {
    content: '';
    position: absolute;
    width: 13px;
    height: 13px;
    right: -7px;
    top: 25%;
    background-color: #e1e1e1;
    border: 3px solid #eee;
    border-radius: 50%;
    z-index: 1;
    transition: .5s;
}

li.post-item.no-small-thumbs:hover::after {
    background-color: #d64040;
    border-color: #f7d9d9;
}

/** Post Page Content **/
#breadcrumb .delimiter {
    color: var(--brand-color);
}

.egyspeed-updated-badge {
    position: absolute !important;
    top:6px !important;
    left:20px !important; 
    z-index: 10;
    background-color: var(--brand-color);
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    padding: 5px 8px;
    border-radius:25px;
    display: inline-block;
    margin-right: 5px;
    line-height: 1;
}

.egyspeed-updated-badge i {
    margin: 3px;
    -webkit-text-stroke: 0.6px var(--brand-color);
}

.simplefavorite-button {
    position: relative !important;
    top: -68px !important;
    right: 1% !important; 
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    height: 30px !important; 
    padding: 0 !important; 
    font-size: 16px !important;
    font-weight: 600;
    border-radius: 50px !important;
    border-color: transparent !important;
    pointer-events: auto !important;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.31) !important;
    transition: width 0.3s ease, background-color 0.3s ease !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}

.simplefavorite-button i {
    margin: 0 !important; 
    transition: margin 0.3s ease !important;
}

.simplefavorite-button.active {
    font-size: 15px !important;
    opacity: 1;
    width: 85px !important;
    height: 30px !important;
    padding: 0 12px !important;  
    font-weight: 400;
}

.simplefavorite-button.active i {
    padding: 0 12px 0 0 !important;
}

ul.favorites-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.favorites-list li {
    display: flex;
    flex-direction: column; 
    margin-bottom: 20px; 
    direction: rtl;
    border: none;
    background: rgba(0,0,0,0.06);
    border-radius: 15px;
    padding: 10px;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.06);
}

ul.favorites-list li h2,
ul.favorites-list li .post-title {
    font-size: 25px;
    margin: 0 0 15px 0; 
    text-align: right;
    width: 100%;
}

ul.favorites-list li .post-content-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
}

ul.favorites-list li .post-excerpt {
    flex: 1; 
    text-align: right;
    margin: 0;
}

ul.favorites-list li .post-thumbnail,
ul.favorites-list li img {
    width: 150px; 
    height: auto;
    border-radius: 12px;
    object-fit: cover;
    order: 2;
}

#single-sticky-menu-contents ul.slider-arrow-nav li a {
    border-radius: 40px;
    padding: 3px;
    color: #fff;
    background: var(--brand-color);
} 

#single-sticky-menu-contents ul.slider-arrow-nav li:hover a {
    color: #fff;
    background: #111;
    border-color: #111 !important;
}

#sticky-next-prev-posts {
    background: transparent;
}

.sticky-post-title {
    font-family: 'cairo', 'Azer-Regular', sans-serif;
    color: #111 !important;
    text-align: center;
    font-size: 23px;
}

.dark-skin .sticky-post-title {
     color: #fff !important;
}

.dark-skin .share-buttons-sticky .share-links {
    background: #1f2022;
}

.share-buttons-sticky .share-links {
    border-radius: 40px;
    background: #fff;
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.12);
}

.share-buttons-sticky .share-links a {
    background: #fff;
    color: #000;
}

.dark-skin .share-buttons-sticky .share-links a {
    background: #27292d;
    color: #fff;
}

.share-links a:hover {
    background: #ddd;
    color: #000;
}

.custom-post-meta-box {
    display: flex;
    flex-wrap: nowrap;
    border: 1px solid #e2e2e2;
    border-radius: 15px;
    padding: 5px;
    margin-top: -25px;
    direction: rtl;
    gap: 5px;
}

.dark-skin .custom-post-meta-box {
    border-color: #333;
}

.custom-post-meta-box .meta-section {
    flex: 1;
    min-width: 28%;
    display: flex;
    align-items: center;
    padding: 5px;
}

@media (min-width: 768px) {
    .custom-post-meta-box .meta-section:not(:last-child) {
        border-left: 1px solid #e2e2e2;
    }

    .dark-skin .custom-post-meta-box .meta-section:not(:last-child) {
        border-left: 1px solid #333;
    }
}

.author-section {
    display: flex;
    align-items: center;
}

.author-avatar-wrapper {
    height: 45px;
    width: 45px;
    margin-left: 12px;
}

.meta-author-img {
    width: 100%;
    height: 100%;
    border-radius: 50% !important;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.25);
    object-fit: cover;
}

.author-details {
    display: flex;
    flex-direction: column;
}

.author-top-row {
    display: flex;
    align-items: center;
    gap: 10px;
}

.author-name {
    font-weight: 700;
    font-size: 15px;
}

.author-role {
    font-size: 12px;
    margin-top: 2px;
}

.date-section {
    gap: 12px;
}

.large-date-icon {
    font-size: 26px;
}

.date-details {
    display: flex;
    flex-direction: column;
}

.publish-date {
    font-weight: 700;
    font-size: 14px;
}

.modified-date {
    font-size: 12px;
    margin-top: 2px;
}

.reading-section {
    flex-direction: column;
    align-items: flex-start !important;
    justify-content: center;
    gap: 6px;
}

.reading-time {
    font-size: 13px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 6px;
}

.short-link-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

.copy-short-link {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    font-size: 13px;
    font-weight: 700;
    color: var(--brand-color);
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
    font-family: inherit;
    transition: color 0.2s;
}

.copy-short-link:hover {
    color: #bbb;
}

.copy-short-link i {
    font-size: 12px;
}

.copy-success-msg {
    position: absolute;
    right: 100%;
    margin-right: 10px;
    background: #46b450;
    color: #fff;
    font-size: 11px;
    padding: 2px 6px;
    border-radius: 3px;
    opacity: 0;
    transition: opacity 0.3s ease;
    white-space: nowrap;
    pointer-events: none;
}

.copy-success-msg.show-msg {
    opacity: 1;
}

@media (max-width: 767px) {
    .custom-post-meta-box {
        flex-wrap: wrap;
    }
    
    .custom-post-meta-box .author-section,
    .custom-post-meta-box .date-section {
        flex: 1 1 calc(50% - 5px);
        min-width: 45%;
        padding: 8px 5px;
    }
    
    .custom-post-meta-box .author-section {
        border-left: 1px solid #e2e2e2;
    }
    .dark-skin .custom-post-meta-box .author-section {
        border-left: 1px solid #333;
    }
    
    .custom-post-meta-box .meta-section:not(:last-child) {
        border-bottom: none;
    }
    
    .custom-post-meta-box .reading-section {
        flex: 1 1 100%;
        min-width: 100%;
        align-items: center !important;
        text-align: center;
        padding-top: 12px;
        border-top: 1px dashed #e2e2e2;
    }
    .dark-skin .custom-post-meta-box .reading-section {
        border-top: 1px dashed #333;
    }
    
    .copy-success-msg {
        right: auto;
        left: 50%;
        transform: translateX(-50%);
        bottom: 100%;
        margin-bottom: 5px;
        margin-right: 0;
    }
}

.post-meta, .post-excerpt, .dropdown-social-icons, .follow-text, 
.post-cat, .block-more-button, .block-pagination, .thumb-desc, 
.wp-block-table figcaption, #breadcrumb, .thumb-meta {
    font-weight: 400;
}

a.wp-block-button__link {
    font-weight: 600;
}

.single-caption-text {
    display: block;
    width: 100%;
    text-align: center;
    background: linear-gradient(0deg, rgba(0,0,0,0.4), rgba(0,0,0,0));
    font-weight: 400;
}

.tie-icon-camera, #short-post-url, .tie-icon-home {
    display: none;
}

.story-index-content {
    font-size: 17px;
}

.story-index-content ul li {
    list-style: decimal inside;
}

.story-index-content ul li::marker {
    color: #ccc !important;
}

#story-highlights {
    display: block;
    font-size: 16px;
    background: rgba(0,0,0,0.06);
    padding: 15px;
    width: 98%;
    max-width: 98%;
    border-radius: 15px;
    margin: 35px 1% 20px 0;
}

#story-highlights .the-subtitle {
    font-weight: 700;
    color: var(--brand-color);
}

#story-highlights li {
    list-style: "✲ " inside;
    border-bottom: none;
}

#story-highlights li::marker {
    color: var(--brand-color);
    font-size: 14px;
}

.g-container {
    width: 100%; 
    min-height: 80px; 
    padding: 15px; 
    margin: 10px 0; 
    display: flex;
    justify-content: center; 
    align-items: center; 
    gap: 20px;
}

.g-container a {
    display: inline-block;
    text-decoration: none;
}

.g-container img {
    max-width: 170px; 
    width: 100%; 
    height: auto; 
    display: block;
    border-radius: 10px; 
    box-shadow: rgba(0, 0, 0, 0.1) 0 4px 10px;
    transition: transform 0.2s;
}

.g-container a:hover img {
    transform: scale(1.05);
}

.entry-content > p:first-of-type, 
.dark-skin .entry-content > p:first-of-type {
    font-size: 1.1rem;
    line-height: 1.6;
    font-weight: 700;
}

.entry-content p {
    font-size: 1rem;
    line-height: 1.6;
    font-weight: normal;
    margin: 10px 0;
}

.entry-content p a {
    color: var(--brand-color);
    text-decoration: none;
    position: relative;
    transition: color 0.3s ease;
}

.entry-content p a::after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2px;
    bottom: -2px;
    left: 0;
    background-color: var(--brand-color); 
    transform-origin: bottom left;
    transition: transform 0.25s ease-out;
}

.entry-content p a:hover {
    color: var(--brand-color);
    opacity: 0.8;
}

.entry-content p a:hover::after {
    transform: scaleX(1);
    transform-origin: bottom right;
}

/** ADS Photos **/
.g {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px auto;
}

.g img {
    margin: 10px auto;
    border-radius: 10px;
    max-width: 100%;
    max-height: 100%;
}

blockquote cite {
    font-weight: 600;
}

.entry-content h2 {
    color: var(--brand-color);
    font-size: 20px;
    font-weight: 700;
    border-bottom: .5px dashed #ddd;
    padding: 10px 0;
    margin: 10px 0;
}

.entry-content h4 {
    background: #d34c3d;
    color: #fff;
    padding: 10px 0;
    text-align: center;
}

.main-content h5 {
    font-weight: 600;
    font-size: 13px;
    margin: 10px;
}

.main-content ul li, .main-content ol {
    font-weight: 600;
    text-align: right;
}

.main-content ul li::marker {
    color: var(--brand-color);
}

.wp-block-media-text {
    margin: 15px auto;
    text-align: right;
    padding: 10px;
    position: relative;
    background: #eee linear-gradient(#ddd, #ddd) no-repeat 50% 50% / 0% 0%;
    transition: background-size .2s, color .5s;
    color: #111;
    border-radius: 15px;
    box-shadow: 0 0 10px rgba(0,0,0,0.08);
}

.wp-block-media-text:hover {
    background-size: 100% 100%;
}

.dark-skin .wp-block-media-text {
    background: #111;
    color: #fff;
}

.wp-block-media-text img {
    border: solid 4px #fff;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.14);
}

.wp-block-media-text h2 a {
    color: #000;
    font-size: 22px;
    font-weight: 700;
}

.wp-element-caption {
    text-align: center;
}

.wp-block-separator {
    border-bottom: 1px dashed #ddd;
}

.wp-block-image img {
    border-radius: 15px;
}

/** Gallery **/
.wp-block-gallery .wp-block-image a {
    margin: auto;
    box-shadow: 0 2rem 1rem -2rem rgba(0,0,0,0.44);
    position: relative;
}

.wp-block-gallery .wp-block-image a::before, 
.wp-block-gallery .wp-block-image:hover a::before {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-size: 18px;
    font-weight: 600;
    top: 10px;
    right: 10px;
    border-radius: 30px;
    padding: 1px 8.5px;
    box-shadow: 0 0 10px rgba(0,0,0,0.08);
    cursor: pointer;
}

.wp-block-gallery .wp-block-image a::before {
    content: "\f424";
    background: #fff;
    color: #111;
    -webkit-text-stroke: 0.5px #fff;
}

.wp-block-gallery .wp-element-caption a::before, 
.wp-block-gallery:hover .wp-element-caption a::before {
    display: none;
}

.wp-block-gallery .wp-block-image:hover a::before {
    background: #111;
    color: #fff;
    -webkit-text-stroke: 0.5px #111;
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
    border-radius: 0 0 15px 15px;
}

.blocks-gallery-caption, .wp-element-caption {
    color: #777;
    font-weight: 400;
}

.entry table {
    border: solid 2px;
    transition: all .5s;
}

.entry table tr {
    background: #eeeeee;
    border: solid 1px;
    font-size: 14px;
    transition: all .5s;
}

.dark-skin .entry table tr {
    background: #333;
    border: solid 1px #333;
}

.entry table tr:not(:first-child):hover {
    background: #fff;
    box-shadow: inset 0 0 10px var(--brand-color);
    transition: all .5s;
}

.dark-skin .entry table tr:not(:first-child):hover {
    background: #111;
}

.entry table tr:first-child {
    border: solid 2px;
    font-weight: 700;
}

.entry table td {
    text-align: center !important;
}

.entry table tr td:first-child {
    width: 35%;
    padding-left: 15px;
    border-left: solid 2px;
    font-weight: 700;
}

.entry table tr:last-child td {
    border-bottom: 2px solid;
}

/** Egyspeed Related Posts **/
.egyspeed-related-posts-box {
    padding: 20px;
    margin: 25px 0;
    border-radius: 15px;
    border: 1px solid #e2e2e2;
}

.dark-skin .egyspeed-related-posts-box {
    border-color: #333;
}

.egyspeed-related-posts-box .related-box-title {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    margin: 0 0 15px 0;
    font-size: 17px;
    font-weight: bold;
    width: 100%;
}

.egyspeed-related-posts-box .related-box-title::before,
.egyspeed-related-posts-box .related-box-title::after {
    content: "";
    flex: 1;
    border-bottom: 3px solid var(--brand-color);
}

.egyspeed-related-posts-box .related-box-title::before {
    margin-left: 15px;
}

.egyspeed-related-posts-box .related-box-title::after {
    margin-right: 15px;
}

.egyspeed-related-posts-box ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.egyspeed-related-posts-box ul li {
    list-style-type: "✲ ";
    list-style-position: inside;
    position: relative;
    padding-right: 15px;
    margin-bottom: 8px;
    font-size: 15px;
}

.egyspeed-related-posts-box ul li a {
    color: #111;
    text-decoration: none;
    transition: color 0.2s ease;
}

.schema-faq {
    background: rgba(0,0,0,0.06);
    padding: 70px 10px 10px;
    position: relative;
    border-radius: 10px;
}

.schema-faq:before {
    position: absolute;
    content: "الأسئلة الشائعة";
    top: 10px;
    right: 10px;
    display: inline-block;
    width: 97%;
    color: var(--brand-color);
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 10px;
    border-bottom: 3px solid var(--brand-color);
}

.schema-faq-question {
    color: var(--brand-color);
    font-size: 17px;
}

.schema-faq-answer {
    margin: 8px 0 !important;
}

.wp-block-button__link {
    margin: 0 5px;
    max-width: 95%;
}

.post-bottom-meta-title {
    background: transparent;
    border-color: transparent;
    color: #292929;
    padding: 3px;
}

span.tagcloud a {
    border-radius: 40px;
    border-color: transparent;
    font-weight: 400;
    font-size: 14px;
}

span.tagcloud a:hover {
    background: rgba(0,0,0,0.12);
    color: var(--brand-color);
}

#copy-post-url-msg {
    margin: 5px 0;
    font-weight: 800;
}

.about-author {
    box-shadow: 0 0 15px rgba(0,0,0,0.09) !important;
}

#check-also-box {
    border-color: transparent !important;
}

/** Modifications & Widgets **/
.comparison-widget {
    box-shadow: 0 0 15px rgba(0,0,0,0.09) !important;
    border-radius: 10px;
}

.comparison-widget:hover {
    box-shadow: 0 0 15px rgba(0,0,0,0.18) !important;
}

.comparison-separator, .comparison-control {
    background: var(--brand-color) !important;
}

.comparison-item--first .comparison-item__label {
    left: 15px;
    right: inherit;
}

.comparison-item__label {
    position: absolute;
    top: 15px;
    right: 15px;
    background: #fff;
    color: #111;
    padding: 8px 14px 4px;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 600;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
    white-space: nowrap !important;
    z-index: 1;
}

.comparison-item__label:hover {
    background: #111;
    color: #fff;
}

.image-compare-title {
    text-align: center;
}

.image-compare-title h3 {
    font-size: 0.8rem;
}

/** Fotorama Slider **/
.fotorama {
    padding: 8px;
    margin: 5px 0 8px;
    border-radius: 5px;
}

.fotorama:after {
    content: ""; 
    display: block;
    margin: 15px auto 0;
    width: 50%;
    border-bottom: 1px dashed #ddd;
}

.fotorama__stage {
    border-radius: 15px;
    box-shadow: 0 2rem 1rem -2rem rgba(0,0,0,0.44);
    margin: 10px auto;
}

.fotorama--fullscreen .fotorama__stage {
    border-radius: 0 !important;
    margin: 0;
}

.fotorama__nav__frame.fotorama__nav__frame--thumb {
    opacity: 0.5;
}

.fotorama__nav__frame.fotorama__nav__frame--thumb.fotorama__active {
    opacity: 1;
}

.fotorama__thumb-border {
    border-color: var(--brand-color) !important;
}

.fotorama--fullscreen .fotorama__stage, 
.fotorama--fullscreen .fotorama__nav {
    background: #fff;
}

.dark-skin .fotorama--fullscreen .fotorama__stage, 
.dark-skin .fotorama--fullscreen .fotorama__nav {
    background: #333;
}

.fotorama__arr, .fotorama__fullscreen-icon,
.fotorama__video-play, .fotorama__video-close {
    background: none !important;
}

.fotorama__arr--prev::before, .fotorama__arr--next::before,
.fotorama__fullscreen-icon::before, .fotorama--fullscreen .fotorama__fullscreen-icon::before {
    position: absolute;
    font-family: 'Font Awesome 5 Free';
    font-size: 18px;
    font-weight: 600;
    background: #fff;
    color: #111;
    -webkit-text-stroke: 0.5px #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.08);
    cursor: pointer;
}

.fotorama__arr--prev::before {
    content: "\f053";
    left: 10px;
    border-radius: 50%;
    padding: 2px 11.7px;
}

.fotorama__arr--next::before {
    content: "\f054";
    right: 10px;
    border-radius: 50%;
    padding: 2px 11.7px;
}

.fotorama__fullscreen-icon::before {
    content: "\f424";
    top: 10px;
    right: 10px;
    border-radius: 30px;
    padding: 2px 9px;
}

.fotorama--fullscreen .fotorama__fullscreen-icon::before {
    content: "\f00d";
    top: 10px;
    right: 10px;
    border-radius: 30px;
    padding: 7px 11px;
}

.fotorama--fullscreen .fotorama__arr--next::before,
.fotorama--fullscreen .fotorama__arr--prev::before {
    padding: 7px 11.7px;
    box-shadow: 0 0 10px rgba(0,0,0,0.08);
}

.fotorama__arr:hover::before,
.fotorama__fullscreen-icon:hover::before,
.fotorama__video-close:hover {
    background-color: #111;
    color: #fff;
    -webkit-text-stroke: 0.5px #111;
}

.fotorama--fullscreen, .fotorama__img {
    margin: 0 auto;
}

.fotorama__caption {
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important; 
    background: linear-gradient(0deg, rgba(0,0,0,0.4), rgba(0,0,0,0)); 
    text-align: center; 
    box-sizing: border-box;
    color: #fff;
    font-size: 14px;
    margin: 0;
    overflow: auto;
    padding: 1em;
    text-shadow: 0 0 1.5px #000;
}

.fotorama__caption__wrap {
    background: none;
}

.fotorama-custom-wrapper {
    position: relative;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.fotorama-thumb-arrow {
    position: absolute;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.08);
    color: #111;
    border: none;
    padding: 5px 10px 1px;
    cursor: pointer;
    font-size: 16px;
    z-index: 99;
    border-radius: 50%;
    margin: 0 10px;
    transition: background 0.3s;
}

.thumb-prev {
    bottom: 55px;
    left: -20px;
}

.thumb-next {
    bottom: 55px;
    right: -20px;
}

.fotorama-thumb-arrow:hover {
    background: #111;
    color: #fff;
}

.fotorama-counter {
    position: absolute;
    z-index: 99;
    top: 30px;
    left: 15px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.08);
    color: #111;
    padding: 1px 5px 0 8px;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    border-radius: 30px;
}

.fotorama-counter .current-index, 
.fotorama-counter .total-count {
    color: #111; 
    font-weight: 600;
    padding: 0;
    margin: 0 1px;
}

.fotorama-counter .fa-camera {
    color: #111; 
    margin: 5px 3px 0; 
    font-size: 14px;
}

/** Footer Widgets **/
.egyspeed-ad-wrapper {
    display: flex !important;
    justify-content: center !important; 
    align-items: center !important;    
    text-align: center;
    width: 100%;
    clear: both;                         
    overflow: hidden;                   
}

.egyspeed-ad-wrapper ins,
.egyspeed-ad-wrapper iframe {
    margin: 0 auto !important;
}

.egyspeed-ad-wrapper.footer-ad {
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 10px 0;
}

.egyspeed-ad-wrapper.in-article-ad {
    margin-top: 25px;    
    margin-bottom: 25px;
    padding: 10px 0;
}

#footer-widgets-container .tie-row {
    box-shadow: 0 0 15px rgba(0,0,0,0.09);
    border-radius: 10px;
}

#footer .tie-row {
    margin: 5px;
    padding: 5px;
}

#footer .wp-block-heading {
    font-size: 15px;
    border-bottom: 0.5px dotted #ddd;
    padding: 5px 0;
}

.widget ul li {
    margin: -3.5px 0;
}

.widget ul li a {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
}

.dark-skin #footer {
    background: #1f2024;
    color: #fff;
}

.dark-skin #site-info {
    background: rgba(255,255,255,0.06);
    color: #777;
}

/** Media Queries (Optimized and Sorted) **/
@media only screen and (max-width: 600px) {
    .simplefavorite-button {
        top: -53px !important;
    }

    .egyspeed-updated-badge {
    top:6px !important;
    left:6px !important; 
    }

    #footer .wp-block-heading, .wp-block-list li {
        text-align: center;
    }

    li.post-item.no-small-thumbs::after {
        top: 20%;
    }

    .meta-item.last-updated, .meta-reading-time.meta-item, #fixed-home-button {
        display: none;
    }

    #main-nav.fixed-nav {
        background: rgba(17, 17, 17, 0.8);
    }

    .social-icons-item {
         width: 32px !important;
    }

    .social-icons-item:hover {
         background: transparent !important;
         color: #111;
    }

    .wppr-container {
        bottom:25%; 
    }

    .close-btn {
        width:23px;
        height:23px;
}
}

@media only screen and (min-width: 600px) and (max-width: 900px) {
    .simplefavorite-button {
        right: 5px !important; 
        top: -65px !important;
    }

    .egyspeed-updated-badge {
    top:6px !important;
    left:6px !important; 
    }

    li.post-item.no-small-thumbs::after {
        top: 38%;
    }

    #go-to-top, #fixed-home-button {
        display:none;
    }

    .wppr-container {
        bottom:23%; 
    }

    #main-nav.fixed-nav {
        background: rgba(17, 17, 17, 0.8);
    }
}

@media only screen and (min-width: 900px) {
    .fixed-footer-banner {
        display: none;
    }

    .home-adspace {
        width: 970px;
    }

    #go-to-top {
        right: 50px;
        bottom: 55px;
    }
}