/* Import Fonts */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&display=swap');

/* Font-Face Definitions */
@font-face {
    font-family: 'Somarsans';
    font-style: normal;
    font-weight: 400;
    font-display: auto;
    src: url('https://bluemediaco.com/wp-content/uploads/2024/08/SomarSans-Regular.woff2') format('woff2'),
         url('https://bluemediaco.com/wp-content/uploads/2024/08/SomarSans-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Somarsans';
    font-style: normal;
    font-weight: 500;
    font-display: auto;
    src: url('https://bluemediaco.com/wp-content/uploads/2024/08/SomarSans-SemiBold.ttf') format('truetype');
}

@font-face {
    font-family: 'Somarsans';
    font-style: normal;
    font-weight: 700;
    font-display: auto;
    src: url('https://bluemediaco.com/wp-content/uploads/2024/08/SomarSans-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Somarsans';
    font-style: normal;
    font-weight: 300;
    font-display: auto;
    src: url('https://bluemediaco.com/wp-content/uploads/2024/08/SomarSans-Light.ttf') format('truetype');
}

/* Root Variables */
:root {
    --body-font: "IBM Plex Sans Arabic", sans-serif;
    --title-font: "IBM Plex Sans Arabic", sans-serif;
    
    /* Font Sizes */
    --h1-font-size: 2.59rem;
    --h2-font-size: 1.8rem;
    --h3-font-size: 1.4rem;
    --h4-font-size: 1.2rem;
    --h5-font-size: 1rem;
    --h6-font-size: 0.88rem;
    
    /* Entry Title Font Sizes */
    --cols-5-entry-title-font-size: 1.169rem;
    --cols-4-entry-title-font-size: 1.381rem;
    --cols-3-entry-title-font-size: 1.594rem;
    --cols-2-entry-title-font-size: 2.125rem;
    --cols-1-entry-title-font-size: 2.72rem;
    --list-entry-title-font-size: 2.125rem;
    
    /* Mobile Specific Sizes */
    --cols-1-large-mobile-entry-title-font-size: 2.55rem;
    --cols-1-mobile-entry-title-font-size: 2.295rem;
    --small-dt-entry-title-font-size: 1.487rem;
    --xsmall-dt-entry-title-font-size: 1.381rem;
    --large-mobile-entry-title-font-size: 1.594rem;
    --mobile-entry-title-font-size: 1.381rem;
    --mobile-grid-entry-title-font-size: 1.594rem;
    --small-mobile-entry-title-font-size: 1.381rem;
    --xsmall-mobile-entry-title-font-size: 1.275rem;
    --mobile-compact-entry-title-font-size: 1.275rem;
    --small-mobile-compact-entry-title-font-size: 1.169rem;
    --xsmall-mobile-compact-entry-title-font-size: 1.063rem;
}

/* General Styles */
body, h3, h4, h5, h6, .faux-heading, .primary-menu .menu-description {
    font-family: var(--body-font);
    line-height: var(--heading-line-heght, 1.8);
}

h1, h2, .primary-menu a {
    font-family: "Somarsans", sans-serif;
    line-height: var(--heading-line-heght, 1.8);
}

p, li {
    line-height: var(--default-line-height, 1.8);
	margin: var(--paragraph-margin, 0 0 0.5em 0);
}

li {
    margin: var(--list-item-margin, 0 0 0.5rem 0);
}

/* Header Styles */
.site-header .primary-menu .tfm-cols-2 ul {
    max-width: 550px;
}
.site-header .primary-menu .menu-label {
    justify-content: space-between;
}
.primary-menu a .tfm-red, .primary-nav-sidebar a .tfm-red {
    background: #ff0000;
    color: #fff;
}
.primary-menu li.menu-item-has-children > a .menu-label::after {
    margin-right: 5px;
    margin-top: 8px;
}
.toggle-sidebar.show, .primary-menu ul {
    left: inherit;
}
.primary-menu ul {
    text-align: right;
}
.primary-menu > .menu-item-has-children:not(.tfm-megamenu):not(.tfm-cols-4):not(.tfm-cols-5) > ul::after {
    left: inherit;
    right: 25px;
}
.primary-menu ul li.menu-item-has-children > a .menu-label::after {
    right: inherit;
    transform: rotate(180deg);
    left: 0.75rem;
}
.primary-menu .tfm-sash .menu-description, .primary-menu a .tfm-sash,
.primary-nav-sidebar .tfm-sash .menu-description, .primary-nav-sidebar a .tfm-sash {
    margin-left: 0;
    margin-right: 5px;
}
.primary-menu ul li.menu-item-has-children:hover > ul,
.primary-menu ul li.menu-item-has-children:focus > ul,
.primary-menu ul li.menu-item-has-children.focus > ul {
    left: inherit;
    right: calc(100% + 0.75rem);
}
.site-search .search-form input {
    border-top-right-radius: var(--input-border-radius);
    border-bottom-right-radius: var(--input-border-radius);
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.site-search .search-submit {
    border-top-left-radius: var(--input-border-radius);
    border-bottom-left-radius: var(--input-border-radius);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.expand {
    left: 0;
    right: auto;
}
.page-pagination.prev-next a:first-child::before,
.page-pagination.prev a::before,
.nav-links .page-numbers.prev::before {
    transform: rotate(0deg);
}
.page-pagination a::after, .nav-links .page-numbers.next::after {
    transform: rotate(180deg);
}
.site-header .primary-menu .tfm-cols-2 ul li.current-menu-item, .primary-menu li.current-menu-item > .link-icon-wrapper > a,
.primary-menu ul a:hover, .primary-menu ul a:focus {
    background: rgba(0, 0, 0, 0.3);
}
.primary-menu > li.current-menu-parent a {background:var(--default-highlight-background);}
.primary-menu ul .current-menu-item > a {
    opacity: inherit;
}
.error404 .wrap {
    height: 70vh;
}
/* Footer Styles */
.site-footer-inner {
    padding: 15px;
}
/* CTA */
p.cta {
    /* background: #ECF3FB;
    border-top: 6px solid var(--blockquote-border-color, var(--primary-theme-color));
    box-shadow: -3px 4px 18px 10px #64321e12;*/
	padding: 30px;
    margin: 25px auto !important;
}
/* CTA */
/* Content Styles */
.page-template .wrap {
    padding: 0;
}

.page-template .wrap-inner {
    /* max-width: 100%; */
	display: contents;
}

h2.wp-block-heading {
    position: relative;
    padding: 5px 10px;
    background: linear-gradient(to left, #ECF3FB, transparent);
    border-radius: 10px;
}

.tfm-dark-mode h2.wp-block-heading {
    background: linear-gradient(to left, #333333, transparent);
    color: #f0f8ff;
}

.wp-block-table td, .wp-block-table th {
    font-size: 1.125rem;
}

.entry-meta.multi-line .entry-meta-avatar + * {
    margin-right: calc(var(--avatar-width) + var(--entry-meta-flex-gap));
    margin-left: inherit;
}

.hentry-footer > *:not(.category-meta) {
    margin-right: 0;
    margin-left: auto;
}

.read-more::after {
    margin-left: 0;
    margin-right: 6px;
}

.single-content-wrapper > .tfm-share-wrapper[class*="side"] {
    right: calc((100% - var(--content-max-width)) / 2 / 2 - 18px);
    left: inherit;
}

.has-sidebar .single-content-wrapper > .tfm-share-wrapper[class*="side"] {
    left: inherit;
    right: 0;
}

.tfm_posts_widget .show-post-count.has-post-thumbnails .tfm-post-count {
    left: 0;
    right: 8px;
}

.wp-block-quote {
    border-width: 0 0.4rem 0 0;
    padding: var(--blockquote-padding, 0);
}

.post-meta.categories li {
    height: auto;
    margin-bottom: 10px;
}

.single-hentry-footer .footer-meta.entry-meta .categories {
    justify-content: flex-start;
}

.tfm-before-footer-section .widget .mc4wp-form-fields input[type="submit"],
.tfm-before-footer-section .widget .mc4wp-form-fields button,
.after-content .widget .mc4wp-form-fields input[type="submit"],
.after-content .widget .mc4wp-form-fields button {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

input[type="checkbox"] {
    margin: 0 0 0 0.5rem;
}

.archive-header .entry-meta {
    display: none;
}

.list .article.has-background .entry-wrapper {
    padding: var(--card-padding);
}

.tag-link-count {
    margin-left: 0;
    margin-right: 8px;
}
.sidebar .widget .mc4wp-form-fields button::before {
    margin-right: 0;
    margin-left: 0.5rem;
}
svg, embed, object {
    display: inline-block;
}

.after-title .post-meta:not(.multi-line):not(.has-avatar),
.author-meta .post-meta:not(.multi-line):not(.has-avatar) {
    margin-left: 0;
    margin-right: calc(0px - (-10px + var(--entry-meta-flex-gap)));
}

.post-meta:not(.categories) > *::after {
    content: var(--entry-meta-separator);
    margin-right: var(--entry-meta-flex-gap);
}

.post-meta:not(.categories) > *::before {
    content: none;
}

.entry-meta-comment-count span {
    margin-right: 5px;
}
blockquote {
    background: linear-gradient(-225deg, #E3FDF5 0%, #FFE6FA 100%) !important;
	
}
blockquote p:first-child::before {
    left: 20px;
}
.comment.parent::before {
    left: inherit;
    right: 20px;
}
.comment .avatar {
    float: right;
    margin-right: 0;
    margin-left: var(--entry-meta-flex-gap);
}
.comment-content, .comment-body .reply {
    padding-left: 0;
    padding-right: calc(var(--avatar-width) + var(--entry-meta-flex-gap));
}
.comment-list ul.children {
    padding: 0 calc(var(--avatar-width) + var(--entry-meta-flex-gap)) 0 0;
}
.comment-reply-link::after {
    margin-left: 0;
    margin-right: 6px;
}
.thumbnail-wrapper .toggle-share {
    bottom: var(--card-padding);
    top: inherit;
}
/* Media Queries */
@media (min-width: 1060px) {
    .has-sidebar main, .after-content .post-grid {
        --cols-3-entry-title-font-size: 1.381rem;
        --cols-2-entry-title-font-size: 1.594rem;
        --cols-1-entry-title-font-size: 2.72rem;
        --list-entry-title-font-size: 1.594rem;
    }
}

@media (min-width: 1200px) {
    .single-hero {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        background: #E3F2FD;
        padding: 25px 0;
        border-radius: 20px;
        align-items: center;
    }
    .tfm-dark-mode .single-hero {
        background: #333333;
    }
	.single-hero .thumbnail-wrapper, .single-hero .entry-header {
        width: 48%;
        margin-top: 0 !important;
    }
}

@media (max-width: 1199px) {
    body {
        --h1-font-size: 3rem;
    }
}

@media (max-width: 1060px) {
    body .single-content-wrapper .entry-content {
        width: 100%;
        margin-left: calc(50vw + 50%);
    }
}

@media (max-width: 640px) {
    body {
        --wrapper-side-gutter: 15px;
    }
}

@media (max-width: 480px) {
    body {
        --h1-font-size: 2rem;
    }
    .single-hero {
        margin-top: 2rem !important;
    }
}