/*
Template: rocket
Theme Name: rocket-mhtwyat
Version: 423156143421
*/

body {
    --site-gapX: 1rem;
    --text-color-dark: #FFFFFF;
    --site-bg-color-light: #FFFFFF;
    --light-gray-color: #f8f8f8;
    --dark-gray-color: #dddddd;
}

.section-fan-eltahee { --section-color: #f7b916; --icon-width: 44px; --icon-height: 48px; --icon-position: -246px 0; }
.section-aladab { --section-color: #deba28; --icon-width: 50px; --icon-height: 42px; --icon-position: -42px 0; }
.section-3naya-o-gamal { --section-color: #ef5fea; }
.section-mal-o-a3mal { --section-color: #3450a3; --icon-width: 39px; --icon-height: 47px; --icon-position: -102px 0; }
.section-taqneh { --section-color: #4b7fae; --icon-width: 49px; --icon-height: 47px; --icon-position: -635px 0; }
.section-cars { --section-color: #1e73be; }

.section-feeding { --section-color: #49b747; --icon-width: 57px; --icon-height: 47px; --icon-position: -1131px 0; }
.section-eslam { --section-color: #6dba86; --icon-width: 44px; --icon-height: 44px; --icon-position: -142px 0; }
.section-al7aya-o-almojtama3 { --section-color: #794399; --icon-width: 58px; --icon-height: 47px; --icon-position: -524px 0; }
.section-hawl-el3alam { --section-color: #50bba1; --icon-width: 45px; --icon-height: 46px; --icon-position: -972px 0; }
.section-oloom-alard { --section-color: #c6b936; --icon-width: 48px; --icon-height: 46px; --icon-position: -1074px 0; }

.section-seha { --section-color: #3a9eb6; --icon-width: 48px; --icon-height: 45px; --icon-position: -195px 0; }
.section-hamel-waweladah { --section-color: #e64461; --icon-width: 48px; --icon-height: 48px; --icon-position: -1198px 0; }
.section-arab-gulf { --section-color: #4b81a3; }
.section-ta3leem { --section-color: #5163a3; --icon-width: 55px; --icon-height: 47px; --icon-position: -786px 0; }
.section-hawanat-o-nabatat { --section-color: #aeb83e; --icon-width: 46px; --icon-height: 48px; --icon-position: -293px 0; }

.section-alzawaj-o-al7oob { --section-color: #ee1c25; --icon-width: 55px; --icon-height: 48px; --icon-position: -907px 0; }
.section-tasleh-o-al3ab { --section-color: #f89a1e; --icon-width: 74px; --icon-height: 45px; --icon-position: -349px 0; }
.section-sport { --section-color: #92b746; --icon-width: 45px; --icon-height: 42px; --icon-position: -694px 0; }
.section-al3enah-blthat { --section-color: #5a429a; --icon-width: 38px; --icon-height: 50px; --icon-position: -429px 0; }
.section-hekam-o-aqwaal { --section-color: #f7b916; --icon-width: 40px; --icon-height: 45px; --icon-position: -1024px 0; }
.section-alaosra { --section-color: #f15b26; --icon-width: 32px; --icon-height: 47px; --icon-position: 0 0; }
.section-so2al-o-jawab { --section-color: #21bcbe; --icon-width: 46px; --icon-height: 46px; --icon-position: -851px 0; }
.section-wazen-orashaqa { --section-color: #dbe444; --icon-width: 48px; --icon-height: 46px; --icon-position: -1257px 0; }
.section-qesas-o-7ekayat { --section-color: #964298; --icon-width: 44px; --icon-height: 46px; --icon-position: -471px 0; }
.section-fnoon { --section-color: #f3eb0c; --icon-width: 34px; --icon-height: 47px; --icon-position: -591px 0; }

h1, .h1 {
    font-size: clamp(1.2em, 4vw, 2.0em);
    font-weight: bold;
}

.overlay-toggle-btn {
    padding: 0px;
}

.site-copyrights {
    opacity: 0.7;
}

#scroll-top {
    color: #FFFFFF;
    background-color: var(--site-color);
    border-radius: 100%;
}

.breadcrumbs {
    font-size: 0.9em;
}

.breadcrumbs a {
    color: var(--site-color);
}

.breadcrumbs-inner {
    padding: 0.3em 0.6em;
    background-color: var(--dark-gray-color);
}

:is(#header, #footer) .nav-menu .menu-item::after {
    display: none !important;
}

:is(#header, #footer) .nav-menu .menu-item:hover > a > div {
    background-color: transparent;
}

:is(#header, #footer) .nav-menu .menu-item:hover > a {
    text-decoration: underline;
}

#header {
    border-top: none;
    box-shadow: none;
}

#header_mobile .layout-item[data-content^="block_"] {
    font-size: 0.8em;
}

#footer {
    border-top: 1px solid var(--dark-gray-color);
}

#footer .layout-row[data-theme="light"] {
    background-color: var(--light-gray-color);
}

#footer .layout-item {
    justify-content: unset;
}

#footer_desktop .layout-column[data-position="start"] {
    flex-direction: column;
}

#footer_desktop .layout-column[data-position="end"] {
    flex-wrap: nowrap;
}

#footer .nav-menu ul {
    flex-direction: column;
    justify-content: unset;
}

#footer .nav-menu ul div {
    justify-content: unset;
}

.social-links {
    gap: 0.5em;
}

.social-links a {
    border-radius: 0px;
    border: 1px solid var(--dark-gray-color);
    background-color: var(--bg-color);
}

.home-intro::after {
    background-image: url('home_background.jpg');
    background-size: cover;
}

.home-intro > .widgets-list-inner {
    margin: 5vw auto;
    padding: 1em 2em;
    max-width: 800px;
    text-align: center;
    background-color: rgba(0,0,0,0.3);
}

.home-intro .search-form-inner {
    border: none;
}

.home-intro .search-form {
    max-width: unset;
}

.widget-title {
    margin-bottom: var(--site-gap);
    text-align: center;
}

.widget-title::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0px;
    left: 0px;
    border-top: 1px solid var(--dark-gray-color);
}

.widget-title h3 {
    position: relative;
    margin: 0px !important;
    padding: 0.2em 1em;
    background-color: var(--bg-color);
    border-bottom: none;
}

.items-list .style-boxed .item-content {
    margin: 0.5em;
}

.items-list .item-content h4 {
    color: var(--site-color);
    font-size: 0.9em;
    font-weight: bold;
}

.singular-header,
.singular-meta {
    order: -1;
}

.singular-meta-items {
    flex-direction: column;
}

.singular-meta .post-meta-item {
    gap: 5px;
}

.singular-meta .meta-label::after {
    display: inline-block;
}

@media(min-width: 1200px) {
    .sections-widget .widgets-area-inner {
        display: block;
        columns: 3;
        column-gap: 0;
    }    
    .sections-widget .widgets-area-inner .widget  {
        break-inside: avoid;
    }
}

.sections-widget .widget-inner {
    border: 1px solid var(--dark-gray-color);
    border-radius: var(--site-border-radius);
}

.sections-widget .widget-inner .widget-title {
    margin: 0px;
    text-align: unset;
}

.sections-widget .widget-inner .widget-title::before {
    display: none;
}

.sections-widget .widget-inner .widget-title h3 {
    background-color: transparent;
    display: block;
    margin: 0px;
    padding: 0px;
}

.sections-widget .widget-inner .widget-title a {
    display: flex;
    padding: 0.3em 0.5em;
    border-bottom: 2px solid var(--section-color, var(--dark-gray-color));
}

.sections-widget .widget-inner .widget-title .widget-icon {
    color: var(--section-color, var(--dark-gray-color));
}

.sections-widget .widget-inner .widget-title .widget-link-icon {
    display: none;
}

.sections-widget .widget-inner .widget-title a::before {
    content: "";
    position: relative;
    background-image: url('home-icons-v2.png');
    width: var(--icon-width, 0px);
    height: var(--icon-height, 48px);
    background-position: var(--icon-position, -246px 0);
}

.sections-widget .widget-inner .widget-title a:hover::before {
    background-image: url('home-icons-hover-v2.png');
}

.sections-widget .widget-inner .widget-title a:hover {
    color: #FFFFFF;
    background-color: var(--section-color, var(--dark-gray-color));
}

.sections-widget .widget-inner .widget-title a:hover .widget-icon {
    color: #FFFFFF;
}

.sections-widget .widget-inner .widget-content {
    padding: 0.8em;
}

.sections-widget .widget-inner .widget-content h4 {
    padding: 0.2em;
    color: var(--text-color);
    font-size: 1em;
}

.sections-widget .widget-inner .widget-content .items-list {
    --item-gap: 0.5em;
}

.sections-widget .item-link:hover ~ .item-content h4 {
    color: var(--section-color);
    text-decoration: none !important;
}