/************************************************ Gutenberg Editor blocks ************************************************/ /** * Variables. */ :root { /* Global Colors */ --ayyash-color-primary: #064AF3; --ayyash-color-secondary: #08A3EE; --ayyash-color-heading: #101318; --ayyash-color-global: #494C51; --ayyash-color-content-bg: #F4F5F5; --ayyash-color-site-bg: #FFFFFF; --ayyash-color-border: #DEE1E7; --ayyash-color-credit: #101318; --ayyash-color-credit-bg: #F4F5F5; --ayyash-color-gradient: var(--ayyash-color-secondary); /* Global Elementor Colors*/ --e-global-color-ayyash_ac: var(--ayyash-color-primary); --e-global-color-ayyash_ahc: var(--ayyash-color-secondary); --e-global-color-ayyash_hc: var(--ayyash-color-heading); --e-global-color-ayyash_tc: var(--ayyash-color-global); --e-global-color-ayyash_cbc: var(--ayyash-color-content-bg); --e-global-color-ayyash_sbc: var(--ayyash-color-site-bg); --e-global-color-ayyash_boc: var(--ayyash-color-border); --e-global-color-ayyash_credit: var(--ayyash-color-credit); --e-global-color-ayyash_credit_bg: var(--ayyash-color-credit-bg); --e-global-color-ayyash_gradient: var(--ayyash-color-gradient); /** Ayyash Main Header Colors **/ --ayyash-color-header-bg: var(--ayyash-color-site-bg); /** Ayyash Secondary Header Colors **/ --ayyash-color-secondary-header: #ffffff; --ayyash-color-secondary-header-bg: var(--ayyash-color-primary); --ayyash-color-secondary-header-social-icon: #ffffff; --ayyash-color-secondary-header-social-icon-hover: #ffffff; --ayyash-color-secondary-header-social-icon-hover-bg: var(--ayyash-color-secondary); /** Ayyash Main Menu Colors **/ --ayyash-color-main-menu: var(--ayyash-color-global); --ayyash-color-main-menu-hover: var(--ayyash-color-primary); /** Ayyash Sub Menu Colors **/ --ayyash-color-sub-menu: var(--ayyash-color-global); --ayyash-color-sub-menu-bg: #ffffff; --ayyash-color-sub-menu-border: var(--ayyash-color-border); --ayyash-color-sub-menu-hover: var(--ayyash-color-primary); --ayyash-color-sub-menu-bg-hover: var(--ayyash-color-content-bg); /** Ayyash Mega Menu Colors **/ --ayyash-color-mega-menu-column-title: var(--ayyash-color-primary); --ayyash-color-mega-menu-column-title-hover: var(--ayyash-color-secondary); --ayyash-color-mega-menu-item: var(--ayyash-color-global); --ayyash-color-mega-menu-item-hover: var(--ayyash-color-primary); --ayyash-color-mega-menu-bg: #ffffff; /** Ayyash Mobile Menu Colors **/ --ayyash-color-mobile-menu: var(--ayyash-color-heading); --ayyash-color-mobile-menu-hover: var(--ayyash-color-heading); --ayyash-color-mobile-menu-border: var(--ayyash-color-border); --ayyash-color-mobile-menu-bg: #ffffff; --ayyash-color-mobile-menu-bg-hover: var(--ayyash-color-content-bg); /** Ayyash Breadcrumb Area Colors **/ --ayyash-color-breadcrumb: var(--ayyash-color-heading); --ayyash-color-breadcrumb-bg: var(--ayyash-color-content-bg); /** Ayyash Sidebar Colors**/ --ayyash-color-sidebar: var(--ayyash-color-global); --ayyash-color-sidebar-heading: var(--ayyash-color-heading); /** Ayyash Footer Colors **/ --ayyash-color-footer: var(--ayyash-color-global); --ayyash-color-footer-heading: var(--ayyash-color-heading); --ayyash-color-footer-link: var(--ayyash-color-heading); --ayyash-color-footer-link-hover: var(--ayyash-color-secondary); --ayyash-color-footer-bg: var(--ayyash-color-light-bg); /** Ayyash Secondary Footer **/ --ayyash-color-secondary-footer: var(--ayyash-color-global); --ayyash-color-secondary-footer-link: var(--ayyash-color-primary); --ayyash-color-secondary-footer-link-hover: var(--ayyash-color-secondary); --ayyash-color-secondary-footer-bg: var(--ayyash-color-light-bg); --ayyash-color-secondary-footer-set-bg: var(--ayyash-color-content-bg); /** Ayyash Footer Social Icon **/ --ayyash-color-footer-social-icon: #ffffff; --ayyash-color-footer-social-icon-hover: #ffffff; --ayyash-color-footer-social-icon-bg: var(--ayyash-color-primary); --ayyash-color-footer-social-icon-bg-hover: var(--ayyash-color-secondary); /* Global typography */ --ayyash-global-font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; --ayyash-global-font-size: 16px; --ayyash-global-font-weight: 400; --ayyash-global-font-style: normal; --ayyash-global-line-height: 1.6; --ayyash-global-text-transform: none; --ayyash-global-letter-spacing: 0; --ayyash-global-word-spacing: 0; /** Heading Typography **/ --ayyash-heading-font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji; --ayyash-heading-font-weight: 600; --ayyash-heading-font-style: normal; --ayyash-heading-line-height: 1.3; --ayyash-heading-text-transform: none; --ayyash-heading-letter-spacing: 0; --ayyash-heading-word-spacing: 0; /* Base size */ --ayyash-font-size-scale: 1.125; --ayyash-font-size-base: 1rem; --ayyash-line-height-base: 1.6; --ayyash-line-height-header: 1.3; /* Small sizes */ --ayyash-small-font-size: 0.889rem; --ayyash-x-small-font-size: 0.79rem; --ayyash-2x-small-font-size: 0.702rem; /* Large sizes */ --ayyash-h6-font-size: 1rem; --ayyash-h5-font-size: 1.125rem; --ayyash-h4-font-size: 1.266rem; --ayyash-h3-font-size: 1.424rem; --ayyash-h2-font-size: 1.602rem; --ayyash-h1-font-size: 1.802rem; /* Font Weights */ --ayyash-lighter-font-weight: lighter; --ayyash-100-font-weight: 100; --ayyash-200-font-weight: 200; --ayyash-light-font-weight: 300; --ayyash-300-font-weight: 300; --ayyash-normal-font-weight: 400; --ayyash-regular-font-weight: 400; --ayyash-400-font-weight: 400; --ayyash-500-font-weight: 500; --ayyash-600-font-weight: 600; --ayyash-bold-font-weight: 700; --ayyash-700-font-weight: 700; --ayyash-800-font-weight: 800; --ayyash-900-font-weight: 900; --ayyash-bolder-font-weight: bolder; /* Status Colors */ --alpha: "0.1"; --ayyash-color-success: #087E8C; --ayyash-color-success-bg: rgba(8, 126, 140, 0.1); --ayyash-color-info: #064AF3; --ayyash-color-info-bg: rgba(6, 74, 243, 0.1); --ayyash-color-warning: #F29438; --ayyash-color-warning-bg: rgba(242, 148, 56, 0.1); --ayyash-color-danger: #FB5A46; --ayyash-color-danger-bg: rgba(251, 90, 70, 0.1); /* Global Elementor typography */ --e-global-typography-ayyash_global-font-family: var(--ayyash-global-font-family); --e-global-typography-ayyash_global-font-weight: var(--ayyash-global-font-weight); --e-global-typography-ayyash_h1-font-family: var(--ayyash-h1-font-family, var(--ayyash-heading-font-family)); --e-global-typography-ayyash_h1-font-weight: var(--ayyash-h1-font-weight, var(--ayyash-heading-font-weight)); --e-global-typography-ayyash_h2-font-family: var(--ayyash-h2-font-family, var(--ayyash-heading-font-family)); --e-global-typography-ayyash_h2-font-weight: var(--ayyash-h2-font-weight, var(--ayyash-heading-font-weight)); --e-global-typography-ayyash_h3-font-family: var(--ayyash-h3-font-family, var(--ayyash-heading-font-family)); --e-global-typography-ayyash_h3-font-weight: var(--ayyash-h3-font-weight, var(--ayyash-heading-font-weight)); --e-global-typography-ayyash_h4-font-family: var(--ayyash-h4-font-family, var(--ayyash-heading-font-family)); --e-global-typography-ayyash_h4-font-weight: var(--ayyash-h4-font-weight, var(--ayyash-heading-font-weight)); --e-global-typography-ayyash_h5-font-family: var(--ayyash-h5-font-family, var(--ayyash-heading-font-family)); --e-global-typography-ayyash_h5-font-weight: var(--ayyash-h5-font-weight, var(--ayyash-heading-font-weight)); --e-global-typography-ayyash_h6-font-family: var(--ayyash-h6-font-family, var(--ayyash-heading-font-family)); --e-global-typography-ayyash_h6-font-weight: var(--ayyash-h6-font-weight, var(--ayyash-heading-font-weight)); /** Ayyash Menu Typography **/ --ayyash-menu-font-family: var(--ayyash-global-font-family); --ayyash-menu-font-size: var(--ayyash-global-font-size); --ayyash-menu-font-weight: var(--ayyash-500-font-weight); --ayyash-menu-font-style: var(--ayyash-global-font-style); --ayyash-menu-text-transform: var(--ayyash-global-text-transform); --ayyash-menu-letter-spacing: var(--ayyash-global-letter-spacing); --ayyash-menu-word-spacing: var(--ayyash-global-word-spacing); /** Ayyash Submenu Menu Typography **/ --ayyash-sub-menu-font-family: var(--ayyash-global-font-family); --ayyash-sub-menu-font-size: var(--ayyash-global-font-size); --ayyash-sub-menu-font-weight: var(--ayyash-global-font-weight); --ayyash-sub-menu-font-style: var(--ayyash-global-font-style); --ayyash-sub-menu-line-height: var(--ayyash-global-line-height); --ayyash-sub-menu-text-transform: var(--ayyash-global-text-transform); --ayyash-sub-menu-letter-spacing: var(--ayyash-global-letter-spacing); --ayyash-sub-menu-word-spacing: var(--ayyash-global-word-spacing); /** Ayyash Mega Menu Typography **/ --ayyash-mega-menu-column-title-font-size: var(--ayyash-global-font-size); --ayyash-mega-menu-column--title-font-weight: var(--ayyash-500-font-weight); --ayyash-mega-menu-font-family: var(--ayyash-global-font-family); --ayyash-mega-menu-font-size: var(--ayyash-global-font-size); --ayyash-mega-menu-font-weight: var(--ayyash-global-font-weight); --ayyash-mega-menu-font-style: var(--ayyash-global-font-style); --ayyash-mega-menu-line-height: var(--ayyash-global-line-height); --ayyash-mega-menu-text-transform: var(--ayyash-global-text-transform); --ayyash-mega-menu-letter-spacing: var(--ayyash-global-letter-spacing); --ayyash-mega-menu-word-spacing: var(--ayyash-global-word-spacing); /** Ayyash Mobile Menu Typography **/ --ayyash-mobile-menu-font-family: var(--ayyash-global-font-family); --ayyash-mobile-menu-font-size: var(--ayyash-global-font-size); --ayyash-mobile-menu-font-weight: var(--ayyash-500-font-weight); --ayyash-mobile-menu-font-style: var(--ayyash-global-font-style); --ayyash-mobile-menu-line-height: 1.2; --ayyash-mobile-menu-text-transform: var(--ayyash-global-text-transform); --ayyash-mobile-menu-letter-spacing: var(--ayyash-global-letter-spacing); --ayyash-mobile-menu-word-spacing: var(--ayyash-global-word-spacing); /** Ayyash Site Title Typography **/ --ayyash-site-title-font-family: var(--ayyash-heading-font-family); --ayyash-site-title-font-size: var(--ayyash-h1-font-size); --ayyash-site-title-font-weight: var(--ayyash-global-font-weight); --ayyash-site-title-font-style: var(--ayyash-global-font-style); --ayyash-site-title-line-height: var(--ayyash-global-line-height); --ayyash-site-title-text-transform: var(--ayyash-global-text-transform); --ayyash-site-title-letter-spacing: var(--ayyash-global-letter-spacing); --ayyash-site-title-word-spacing: var(--ayyash-global-word-spacing); /** Ayyash Site Tag typography **/ --ayyash-site-tag-font-family: var(--ayyash-global-font-family); --ayyash-site-tag-font-size: 0.875rem; --ayyash-site-tag-font-weight: var(--ayyash-global-font-weight); --ayyash-site-tag-font-style: var(--ayyash-global-font-style); --ayyash-site-tag-line-height: var(--ayyash-global-line-height); --ayyash-site-tag-text-transform: var(--ayyash-global-text-transform); --ayyash-site-tag-letter-spacing: var(--ayyash-global-letter-spacing); --ayyash-site-tag-word-spacing: var(--ayyash-global-word-spacing); /** Ayyash Sidebar widget title typography **/ --ayyash-sidebar-widget-title-font-family: var(--ayyash-heading-font-family); --ayyash-sidebar-widget-title-font-size: var(--ayyash-h3-font-size); --ayyash-sidebar-widget-title-font-weight: var(--ayyash-global-font-weight); --ayyash-sidebar-widget-title-font-style: var(--ayyash-global-font-style); --ayyash-sidebar-widget-title-line-height: var(--ayyash-global-line-height); --ayyash-sidebar-widget-title-text-transform: var(--ayyash-global-text-transform); --ayyash-sidebar-widget-title-letter-spacing: var(--ayyash-global-letter-spacing); --ayyash-sidebar-widget-title-word-spacing: var(--ayyash-global-word-spacing); /** Ayyash Sidebar widget body typography **/ --ayyash-sidebar-widget-body-font-family: var(--ayyash-global-font-family); --ayyash-sidebar-widget-body-font-size: var(--ayyash-global-font-size); --ayyash-sidebar-widget-body-font-weight: var(--ayyash-global-font-weight); --ayyash-sidebar-widget-body-font-style: var(--ayyash-global-font-style); --ayyash-sidebar-widget-body-line-height: var(--ayyash-global-line-height); --ayyash-sidebar-widget-body-text-transform: var(--ayyash-global-text-transform); --ayyash-sidebar-widget-body-letter-spacing: var(--ayyash-global-letter-spacing); --ayyash-sidebar-widget-body-word-spacing: var(--ayyash-global-word-spacing); /** Ayyash Footer widget title typography **/ --ayyash-footer-widget-title-font-family: var(--ayyash-heading-font-family); --ayyash-footer-widget-title-font-size: var(--ayyash-h3-font-size); --ayyash-footer-widget-title-font-weight: var(--ayyash-global-font-weight); --ayyash-footer-widget-title-font-style: var(--ayyash-global-font-style); --ayyash-footer-widget-title-line-height: var(--ayyash-global-line-height); --ayyash-footer-widget-title-text-transform: var(--ayyash-global-text-transform); --ayyash-footer-widget-title-letter-spacing: var(--ayyash-global-letter-spacing); --ayyash-footer-widget-title-word-spacing: var(--ayyash-global-word-spacing); /** Ayyash Footer widget body typography **/ --ayyash-footer-widget-body-font-family: var(--ayyash-global-font-family); --ayyash-footer-widget-body-font-size: var(--ayyash-global-font-size); --ayyash-footer-widget-body-font-weight: var(--ayyash-global-font-weight); --ayyash-footer-widget-body-font-style: var(--ayyash-global-font-style); --ayyash-footer-widget-body-line-height: var(--ayyash-global-line-height); --ayyash-footer-widget-body-text-transform: var(--ayyash-global-text-transform); --ayyash-footer-widget-body-letter-spacing: var(--ayyash-global-letter-spacing); --ayyash-footer-widget-body-word-spacing: var(--ayyash-global-word-spacing); /** Ayyash Credits typography **/ --ayyash-secondary-footer-font-family: var(--ayyash-global-font-family); --ayyash-secondary-footer-font-size: var(--ayyash-global-font-size); --ayyash-secondary-footer-font-weight: var(--ayyash-global-font-weight); --ayyash-secondary-footer-font-style: var(--ayyash-global-font-style); --ayyash-secondary-footer-line-height: var(--ayyash-global-line-height); --ayyash-secondary-footer-text-transform: var(--ayyash-global-text-transform); --ayyash-secondary-footer-letter-spacing: var(--ayyash-global-letter-spacing); --ayyash-secondary-footer-word-spacing: var(--ayyash-global-word-spacing); /* Contact form 7 */ --ayyash-wpcf7-padding-top: var(--ayyash-gap-15); --ayyash-wpcf7-padding-bottom: var(--ayyash-gap-15); --ayyash-wpcf7-padding-left: var(--ayyash-gap-20); --ayyash-wpcf7-padding-right: var(--ayyash-gap-15); --ayyash-wpcf7-border-radius: 0; --ayyash-wpcf7-textarea-height: 12.5rem; /*gap for margin and padding */ --ayyash-gap-8: 0.5rem; --ayyash-gap-10: 0.625rem; --ayyash-gap-16: 1rem; --ayyash-gap-15: 0.938rem; --ayyash-gap-20: 1.25rem; --ayyash-gap-25: 1.563rem; --ayyash-gap-30: 1.875rem; --ayyash-gap-35: 2.188rem; --ayyash-gap-40: 2.5rem; --ayyash-gap-45: 2.813rem; --ayyash-gap-50: 3.125rem; --ayyash-gap-55: 3.438rem; --ayyash-gap-60: 3.75rem; --ayyash-gap-65: 4.063rem; --ayyash-gap-70: 4.375rem; --ayyash-gap-75: 4.688rem; --ayyash-gap-80: 5rem; --ayyash-gap-85: 5.313rem; --ayyash-gap-90: 5.625rem; --ayyash-gap-95: 5.938rem; --ayyash-gap-100: 6.25rem; --ayyash-gap-120: 7.50rem; /* Heading button */ --ayyash-color-header-button-bg: var(--ayyash-color-primary); --ayyash-color-header-button: #ffffff; --ayyash-color-header-button-hover-bg: var(--ayyash-color-secondary); --ayyash-color-header-button-hover: #ffffff; --ayyash-header-button-line-height: 1; --ayyash-color-header-button-border-hover: transparent; /* Sticky post */ --ayyash-color-sticky-bg: #edf2ef; /* Blog & pages */ --ayyash-post-content-alignment: left; --ayyash-page-content-alignment: left; } .editor-styles-wrapper { /* ============================================================================= Latest Post Block Styles ========================================================================== */ /* ================================================= Latest Comments Block Styles ==================================================== */ /* ============================================================================= Search Block Style ========================================================================== */ /* ============================================================================= RSS Feed Block Styles ========================================================================== */ /* ============================================================================= Tag Cloud Block Styles ========================================================================== */ /* ============================================================================= Search Block Style ========================================================================== */ /* ============================================================================= Archives Block Styles ========================================================================== */ /* ============================================================================= Page List Block Styles ========================================================================== */ /* ============================================================================= calendar Block Styles ========================================================================== */ } .editor-styles-wrapper .wp-block-latest-posts { list-style: none; } .editor-styles-wrapper .wp-block-latest-posts li:not(:last-child) { margin-bottom: var(--ayyash-gap-15); } .editor-styles-wrapper .wp-block-latest-posts a { text-decoration: none; } .editor-styles-wrapper .wp-block-latest-posts a:hover { color: var(--ayyash-color-secondary); } .editor-styles-wrapper .wp-block-latest-posts:has(.wp-block-latest-posts__featured-image) > li > a { font-size: var(--ayyash-h5-font-size); font-weight: var(--ayyash-h5-font-weight, var(--ayyash-heading-font-weight)); } .editor-styles-wrapper .wp-block-latest-posts > li:has(time) > a, .editor-styles-wrapper .wp-block-latest-posts > li:has(.wp-block-latest-posts__post-excerpt) > a, .editor-styles-wrapper .wp-block-latest-posts > li:has(.wp-block-latest-posts__post-author) > a { font-size: var(--ayyash-h5-font-size); font-weight: var(--ayyash-h5-font-weight, var(--ayyash-heading-font-weight)); } .editor-styles-wrapper .wp-block-latest-posts > li > a { font-size: var(--ayyash-font-size-base); font-weight: var(--ayyash-global-font-weight); color: var(--ayyash-color-heading); font-style: var(--ayyash-h5-font-style, var(--ayyash-heading-font-style)); line-height: var(--ayyash-h5-line-height, var(--ayyash-heading-line-height)); text-transform: var(--ayyash-h5-text-transform, var(--ayyash-global-text-transform)); letter-spacing: var(--ayyash-h5-letter-spacing, var(--ayyash-global-letter-spacing)); word-spacing: var(--ayyash-h5-word-spacing, var(--ayyash-global-word-spacing)); } .editor-styles-wrapper .wp-block-latest-posts .wp-block-latest-posts__post-author { color: var(--ayyash-color-heading); font-size: var(--ayyash-small-font-size); font-weight: var(--ayyash-600-font-weight); margin-top: var(--ayyash-gap-10); } .editor-styles-wrapper .wp-block-latest-posts .wp-block-latest-posts__post-date { color: var(--ayyash-color-heading); font-size: var(--ayyash-small-font-size); margin-top: var(--ayyash-gap-10); } .editor-styles-wrapper .wp-block-latest-posts .wp-block-latest-posts__featured-image.alignleft .size-thumbnail, .editor-styles-wrapper .wp-block-latest-posts .wp-block-latest-posts__featured-image.alignright .size-thumbnail { margin-bottom: 0; } .editor-styles-wrapper .wp-block-latest-posts .wp-block-latest-posts__featured-image .wp-post-image { margin-bottom: var(--ayyash-gap-20); } .editor-styles-wrapper .wp-block-latest-posts .wp-block-latest-posts__post-excerpt, .editor-styles-wrapper .wp-block-latest-posts .wp-block-latest-posts__post-full-content { margin-top: var(--ayyash-gap-20); margin-bottom: var(--ayyash-gap-30); } .editor-styles-wrapper .wp-block-latest-comments { padding: 0; } .editor-styles-wrapper .wp-block-latest-comments .wp-block-latest-comments__comment:not(:last-child) { margin-bottom: var(--ayyash-gap-30); } .editor-styles-wrapper .wp-block-latest-comments .wp-block-latest-comments__comment:last-child { margin-bottom: 0; } .editor-styles-wrapper .wp-block-latest-comments.has-avatars .avatar, .editor-styles-wrapper .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-avatar { border-radius: 100%; width: 3.25rem; height: 3.25rem; margin-right: var(--ayyash-gap-15); } .editor-styles-wrapper .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-excerpt, .editor-styles-wrapper .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-meta { margin-left: 4.188rem; } .editor-styles-wrapper .wp-block-latest-comments .wp-block-latest-comments__comment-meta a { line-height: var(--ayyash-global-line-height); color: var(--ayyash-color-primary); text-decoration: none; } .editor-styles-wrapper .wp-block-latest-comments .wp-block-latest-comments__comment-meta a:hover { color: var(--ayyash-color-secondary); } .editor-styles-wrapper .wp-block-latest-comments.has-dates .wp-block-latest-comments__comment-date { margin-top: 0.313rem; font-size: var(--ayyash-small-font-size); color: var(--ayyash-color-global); } .editor-styles-wrapper .wp-block-latest-comments.has-excerpts .wp-block-latest-comments__comment-excerpt p { margin-top: var(--ayyash-gap-10); font-size: var(--ayyash-global-font-size); color: var(--ayyash-color-heading); line-height: var(--ayyash-global-line-height); margin: var(--ayyash-gap-10) 0 0 0; } .editor-styles-wrapper .wp-block-search { margin-bottom: var(--ayyash-gap-20); } .editor-styles-wrapper .wp-block-search .wp-block-search__label { font-size: var(--ayyash-h3-font-size); border-bottom: 1px solid var(--ayyash-color-border); margin-bottom: var(--ayyash-gap-30); color: var(--ayyash-color-heading); border-color: var(--ayyash-color-border); padding-bottom: var(--ayyash-gap-15); position: relative; } .editor-styles-wrapper .wp-block-search .wp-block-search__label:after { content: " "; position: absolute; height: 0.1875rem; width: 6.25rem; background: var(--ayyash-color-primary); left: 0; top: auto; bottom: -0.125rem; border-radius: 6.25rem; } .editor-styles-wrapper .wp-block-search.wp-block-search__no-button .wp-block-search__input, .editor-styles-wrapper .wp-block-search.wp-block-search__button-outside .wp-block-search__input { border: 1px solid var(--ayyash-color-border); padding: var(--ayyash-gap-10) var(--ayyash-gap-15); } .editor-styles-wrapper .wp-block-search.wp-block-search__no-button .wp-block-search__input:focus-visible, .editor-styles-wrapper .wp-block-search.wp-block-search__button-outside .wp-block-search__input:focus-visible { outline: 0; } .editor-styles-wrapper .wp-block-search.wp-block-search__text-button .wp-block-search__button, .editor-styles-wrapper .wp-block-search.wp-block-search__icon-button .wp-block-search__button { background: var(--ayyash-color-primary); color: #fff; border: 0; padding: var(--ayyash-gap-10) var(--ayyash-gap-15); } .editor-styles-wrapper .wp-block-search.wp-block-search__text-button .wp-block-search__button:hover, .editor-styles-wrapper .wp-block-search.wp-block-search__icon-button .wp-block-search__button:hover { background: var(--ayyash-color-secondary); } .editor-styles-wrapper .wp-block-search.wp-block-search__text-button .wp-block-search__button.has-icon, .editor-styles-wrapper .wp-block-search.wp-block-search__icon-button .wp-block-search__button.has-icon { fill: #fff; } .editor-styles-wrapper .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { border: 1px solid var(--ayyash-color-border); padding: 0.3125rem; } .editor-styles-wrapper .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button { padding: var(--ayyash-gap-10) var(--ayyash-gap-20); } .editor-styles-wrapper .wp-block-rss { padding-left: 0; } .editor-styles-wrapper .wp-block-rss > li { list-style: none; } .editor-styles-wrapper .wp-block-rss:not(.is-grid) > li:not(:last-child) { padding-bottom: 5px; } .editor-styles-wrapper .wp-block-rss a { display: inline-block; color: var(--ayyash-color-primary); margin-bottom: var(--ayyash-gap-10); text-decoration: none; } .editor-styles-wrapper .wp-block-rss a:hover { color: var(--ayyash-color-secondary); } .editor-styles-wrapper .wp-block-rss .wp-block-rss__item-author { font-size: var(--ayyash-small-font-size); font-weight: var(--ayyash-500-font-weight); color: var(--ayyash-color-heading); margin-bottom: var(--ayyash-gap-10); } .editor-styles-wrapper .wp-block-rss .wp-block-rss__item-publish-date { font-size: var(--ayyash-small-font-size); margin-bottom: var(--ayyash-gap-10); } .editor-styles-wrapper .wp-block-rss .wp-block-rss__item-excerpt, .editor-styles-wrapper .wp-block-rss .wp-block-rss__item-full-content { padding: var(--ayyash-gap-10) 0; margin-bottom: var(--ayyash-gap-15); } .editor-styles-wrapper .wp-block-tag-cloud { margin: 0; } .editor-styles-wrapper .wp-block-tag-cloud a { color: var(--ayyash-color-heading); text-decoration: none; } .editor-styles-wrapper .wp-block-tag-cloud a:hover { color: var(--ayyash-color-secondary); } .editor-styles-wrapper .wp-block-tag-cloud a:hover span { color: var(--ayyash-color-secondary); } .editor-styles-wrapper .wp-block-tag-cloud a span { color: var(--ayyash-color-heading); } .editor-styles-wrapper .wp-block-tag-cloud:not(.is-style-outline) a { display: inline-block; border-bottom: 1px solid var(--ayyash-color-heading); margin: 0 var(--ayyash-gap-15) var(--ayyash-gap-15) 0; } .editor-styles-wrapper .wp-block-tag-cloud:not(.is-style-outline) a:hover { border-color: var(--ayyash-color-secondary); } .editor-styles-wrapper .wp-block-tag-cloud.is-style-outline { gap: var(--ayyash-gap-15); } .editor-styles-wrapper .wp-block-tag-cloud.is-style-outline a { border-color: var(--ayyash-color-border); padding: 0.375rem var(--ayyash-gap-10); } .editor-styles-wrapper .wp-block-tag-cloud.is-style-outline a:hover { border-color: var(--ayyash-color-secondary); } .editor-styles-wrapper .wp-block-categories__list, .editor-styles-wrapper .wp-block-categories-list { padding-left: 0; list-style: none; } .editor-styles-wrapper .wp-block-categories__list li:not(:last-child), .editor-styles-wrapper .wp-block-categories-list li:not(:last-child) { margin-bottom: var(--ayyash-gap-15); } .editor-styles-wrapper .wp-block-categories__list li ul, .editor-styles-wrapper .wp-block-categories-list li ul { list-style: none; margin-top: var(--ayyash-gap-15); padding-left: var(--ayyash-gap-30); } .editor-styles-wrapper .wp-block-categories__list a, .editor-styles-wrapper .wp-block-categories-list a { color: var(--ayyash-color-heading); text-decoration: none; } .editor-styles-wrapper .wp-block-categories__list a:hover, .editor-styles-wrapper .wp-block-categories-list a:hover { color: var(--ayyash-color-secondary); } .editor-styles-wrapper .wp-block-categories label, .editor-styles-wrapper .wp-block-categories-dropdown label { font-size: var(--ayyash-h3-font-size); font-weight: var(--ayyash-h3-font-weight, var(--ayyash-heading-font-weight)); line-height: var(--ayyash-h3-line-height, var(--ayyash-heading-line-height)); color: var(--ayyash-color-heading); margin-bottom: var(--ayyash-gap-30); } .editor-styles-wrapper .wp-block-categories select, .editor-styles-wrapper .wp-block-categories-dropdown select { font-size: var(--ayyash-global-font-size); line-height: 1; font-weight: var(--ayyash-global-font-weight); color: var(--ayyash-color-global); border: 1px solid var(--ayyash-color-border); padding: var(--ayyash-gap-10); width: 100%; max-width: 100%; height: var(--ayyash-gap-50); } .editor-styles-wrapper .wp-block-archives.wp-block-archives-dropdown label { font-size: var(--ayyash-h3-font-size); font-weight: var(--ayyash-h3-font-weight, var(--ayyash-heading-font-weight)); line-height: var(--ayyash-h3-line-height, var(--ayyash-heading-line-height)); color: var(--ayyash-color-heading); margin-bottom: var(--ayyash-gap-30); } .editor-styles-wrapper .wp-block-archives.wp-block-archives-dropdown select { font-size: var(--ayyash-global-font-size); line-height: 1; font-weight: var(--ayyash-global-font-weight); color: var(--ayyash-color-global); border: 1px solid var(--ayyash-color-border); padding: var(--ayyash-gap-10); width: 100%; max-width: 100%; height: 3.125rem; } .editor-styles-wrapper .wp-block-archives.wp-block-archives-list { padding-left: 0; } .editor-styles-wrapper .wp-block-archives.wp-block-archives-list li { list-style: none; } .editor-styles-wrapper .wp-block-archives.wp-block-archives-list li:not(:last-child) { margin-bottom: var(--ayyash-gap-15); } .editor-styles-wrapper .wp-block-archives a, .editor-styles-wrapper .wp-block-archives li { text-decoration: none; color: var(--ayyash-color-heading); } .editor-styles-wrapper .wp-block-archives a:hover { color: var(--ayyash-color-secondary); } .editor-styles-wrapper .wp-block-page-list { padding-left: 1rem; } .editor-styles-wrapper .wp-block-page-list li:not(:last-child) { margin-bottom: var(--ayyash-gap-15); } .editor-styles-wrapper .wp-block-page-list li { list-style-type: disc; } .editor-styles-wrapper .wp-block-page-list a { color: var(--ayyash-color-heading); text-decoration: none; } .editor-styles-wrapper .wp-block-page-list a:hover { color: var(--ayyash-color-secondary); } .editor-styles-wrapper .wp-block-calendar .wp-calendar-table { caption-side: top; } .editor-styles-wrapper .wp-block-calendar .wp-calendar-table caption { font-size: var(--ayyash-h3-font-size); font-weight: var(--ayyash-h3-font-weight, var(--ayyash-heading-font-weight)); line-height: var(--ayyash-h3-line-height, var(--ayyash-heading-line-height)); text-align: left; color: var(--ayyash-color-heading); padding: 0; margin-bottom: var(--ayyash-gap-30); } .editor-styles-wrapper .wp-block-calendar .wp-calendar-table #today { background-color: var(--ayyash-color-primary); color: #fff; } .editor-styles-wrapper .wp-block-calendar tbody td { border: 1px solid var(--ayyash-color-border); } .editor-styles-wrapper .wp-block-calendar .wp-calendar-nav { text-align: left; margin-top: var(--ayyash-gap-10); } .editor-styles-wrapper .wp-block-calendar a { font-weight: var(--ayyash-500-font-weight); text-decoration: none; color: var(--ayyash-color-heading); } .editor-styles-wrapper .wp-block-calendar a:hover { color: var(--ayyash-color-secondary); } .editor-styles-wrapper .main-sidebar .wp-block-woocommerce-filter-wrapper h3, .editor-styles-wrapper .main-sidebar .widget-title { font-family: var(--ayyash-sidebar-widget-title-font-family); font-weight: var(--ayyash-sidebar-widget-title-font-weight); font-style: var(--ayyash-sidebar-widget-title-font-style); font-size: var(--ayyash-sidebar-widget-title-font-size); line-height: var(--ayyash-sidebar-widget-title-line-height); text-transform: var(--ayyash-sidebar-widget-title-text-transform); letter-spacing: var(--ayyash-footer-widget-title-letter-spacing); word-spacing: var(--ayyash-sidebar-widget-title-word-spacing); border-color: var(--ayyash-color-border); color: var(--ayyash-color-heading); text-align: left; margin-top: 0; padding-bottom: var(--ayyash-gap-15); margin-bottom: var(--ayyash-gap-30); border-width: 0 0 1px 0; border-style: solid; position: relative; } .editor-styles-wrapper .main-sidebar .wp-block-woocommerce-filter-wrapper h3:after, .editor-styles-wrapper .main-sidebar .widget-title:after { content: " "; position: absolute; height: 3px; width: 6.25rem; background: var(--ayyash-color-primary); left: 0; top: auto; bottom: -2px; border-radius: 100px; } .editor-styles-wrapper .main-sidebar .wp-block-search .wp-block-search__label { font-family: var(--ayyash-sidebar-widget-title-font-family); font-weight: var(--ayyash-sidebar-widget-title-font-weight); font-style: var(--ayyash-sidebar-widget-title-font-style); font-size: var(--ayyash-sidebar-widget-title-font-size); line-height: var(--ayyash-sidebar-widget-title-line-height); text-transform: var(--ayyash-sidebar-widget-title-text-transform); letter-spacing: var(--ayyash-footer-widget-title-letter-spacing); word-spacing: var(--ayyash-sidebar-widget-title-word-spacing); color: var(--ayyash-color-heading); } .editor-styles-wrapper .ayyash-footer-widget .widget-title { font-family: var(--ayyash-footer-widget-title-font-family); font-weight: var(--ayyash-footer-widget-title-font-weight); font-style: var(--ayyash-footer-widget-title-font-style); font-size: var(--ayyash-footer-widget-title-font-size); line-height: var(--ayyash-footer-widget-title-line-height); text-transform: var(--ayyash-footer-widget-title-text-transform); letter-spacing: var(--ayyash-footer-widget-title-letter-spacing); word-spacing: var(--ayyash-footer-widget-title-word-spacing); border-color: var(--ayyash-color-border); color: var(--ayyash-color-heading); text-align: left; margin-top: 0; padding-bottom: var(--ayyash-gap-15); margin-bottom: var(--ayyash-gap-30); border-width: 0 0 1px 0; border-style: solid; position: relative; } .editor-styles-wrapper .ayyash-footer-widget .widget-title:after { content: " "; position: absolute; height: 3px; width: 6.25rem; background: var(--ayyash-color-primary); left: 0; top: auto; bottom: -2px; border-radius: 100px; } .editor-styles-wrapper .ayyash-footer-widget .wp-block-search .wp-block-search__label { font-family: var(--ayyash-footer-widget-title-font-family); font-weight: var(--ayyash-footer-widget-title-font-weight); font-style: var(--ayyash-footer-widget-title-font-style); font-size: var(--ayyash-footer-widget-title-font-size); line-height: var(--ayyash-footer-widget-title-line-height); text-transform: var(--ayyash-footer-widget-title-text-transform); letter-spacing: var(--ayyash-footer-widget-title-letter-spacing); word-spacing: var(--ayyash-footer-widget-title-word-spacing); color: var(--ayyash-color-heading); }