/* ===================================================================================
 = GLOBAL
 ====================================================================================*/
*{overflow-wrap:break-word;word-break:break-word;hyphens:auto;}

h1,h2,h3,h4,h5,h6,p{text-shadow:.5px 1px 2px rgba(0,0,0,.25)!important;}

/* .post_content img{width:100%!important;} */

::selection{background:var(--color-content-primary);color:#fff;}

::-moz-selection{background:var(--color-content-primary);color:#fff;}

strong{font-family:SSDMedium,sans-serif;}

/* ===================================================================================
 = BG Backgronds
 ====================================================================================*/
#page-content::before{content:"";position:fixed;top:0;left:0;width:100%;height:75vh;background:url('../../bg.avif') no-repeat 50% 100%;background-size:cover;transform:rotateY(180deg);pointer-events:none;}

html::before{content:"";position:fixed;inset:0;background:url('/wp-content/uploads/2025/04/200x200.png') repeat;background-size:100px 100px;mix-blend-mode:overlay;opacity:.5;pointer-events:none;z-index:10;}

/* ===================================================================================
 = Shadow
 ====================================================================================*/
.shadow{box-shadow:rgba(0,0,0,.12) 0 1px 3px,rgba(0,0,0,.24) 0 1px 2px;border-radius:inherit;}

.shadow-menu{box-shadow:rgba(0,0,0,.12) 0 1px 3px,rgba(0,0,0,.24) 0 1px 2px;border-radius:24px;border:1px solid rgba(255,255,255,.15);}



@media only screen and (max-width: 1200px) {
  .shadow-menu{border:none; box-shadow: none;}
}
.shadow-inner .vc_column-inner{box-shadow:rgba(0,0,0,.12) 0 1px 3px,rgba(0,0,0,.24) 0 1px 2px;border-radius:inherit;}

.label,.post_content,.post_views,.us_tile_icon i::after,.us_tile_icon i::before,.value,.w-tabs-section-title,a,h1,h2,h3,h4,h5,h6,li,p,span{text-shadow:0 1px 3px rgba(0,0,0,.5);}

.shadow-none,.shadow-none *{text-shadow:none!important;}

/* ===================================================================================
 = Msg - background - When no Items / Grid
 ====================================================================================*/
.w-grid-none.type_message{font-family:SSDRegular;border-radius:24px;font-size:1.2rem;border:1px solid rgba(255,255,255,.15);}


/* ===================================================================================
 = Syria Logo Hover Swap using ::after
 ====================================================================================*/
.syria-logo{position:relative;display:block;margin:0 auto;transition:transform .3s ease-in-out;}

.syria-logo::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url("https://ssd-designer.com/wp-content/uploads/2025/07/syria-gold.svg") center/contain no-repeat;opacity:0;transition:opacity .3s ease-in-out;pointer-events:none;z-index:2;}

.syria-logo::before{content:"عاشت سوريا وسقط الأسد";position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(0);white-space:nowrap;color:#fff;font-size:14px;font-weight:700;text-shadow:0 0 4px rgba(0,0,0,.6);opacity:0;transition:opacity .3s ease-in-out;pointer-events:none;z-index:3;text-align:center;}

.syria-logo:hover{transform:scale(1.08);}

.syria-logo:hover::after,.syria-logo:hover::before{opacity:1;}

/* ===================================================================================
 = Color Switch
 ====================================================================================*/



 .w-color-switch{display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;width:24px;height:24px;}

.w-color-switch-before{margin-left:-5px!important;font-size:22px;color:var(--color-content-heading);transition:opacity .3s ease,transform .3s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:25px;height:25px;display:flex;align-items:center;justify-content:center;}

.w-color-switch-after{font-size:18px;color:var(--color-content-heading);transition:opacity .3s ease,transform .3s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;}

.w-color-switch-after i{margin-left:-10px;}

.w-color-switch input[type=checkbox],.w-color-switch-box{display:none;}

.w-color-switch input:checked~.w-color-switch-after{opacity:1;transform:translate(-50%,-50%) scale(1);}

.w-color-switch input:not(:checked)~.w-color-switch-before{opacity:1;transform:translate(-50%,-50%) scale(1)!important;}

.w-color-switch input:checked~.w-color-switch-before,.w-color-switch input:not(:checked)~.w-color-switch-after{opacity:0;transform:translate(-50%,-50%) scale(1);}

.w-color-switch input:checked~.w-color-switch-before,html.us-color-scheme .w-color-switch-after{opacity:0!important;pointer-events:none;}

#dark-light-head i{border-radius:16px;}

#dark-light-head .w-color-switch-before{width:50px;height:50px;border-radius:16px;background:var(--color-content-bg-alt);border:1px solid rgba(255,255,255,.15);transition:background-color .3s ease,border .3s ease;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);display:flex;align-items:center;justify-content:center;}

#dark-light-head .w-color-switch-before i{font-size:20px;padding:0;pointer-events:auto;}

#dark-light-head .w-color-switch-before i:active,#dark-light-head .w-color-switch-before:active{border:1px solid rgba(255,255,255,.08);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);backdrop-filter:blur(15px);}

#dark-light-head .w-color-switch-after i{width:50px;height:50px;border-radius:16px;background:var(--color-content-bg-alt);border:1px solid rgba(255,255,255,.18);padding:15px;pointer-events:auto;transition:background-color .3s ease,border .3s ease;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);}

#dark-light-head .w-color-switch-after i:active{border:1px solid rgba(255,255,255,.08);box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);backdrop-filter:blur(12px);transition:background-color .3s ease;}

.trumbowyg-editor{min-height:200px!important;}

#mouse-glow{position:fixed;top:0;left:0;width:160px;height:160px;pointer-events:none;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.15),rgba(255,255,255,0) 60%);opacity:.8;mix-blend-mode:screen;z-index:9999;transform:translate(-9999px,-9999px);}






/* ===================================================================================
 = Links Page
 ====================================================================================*/
.w-tabs-section{margin-bottom:1rem;border:none!important;box-shadow:none!important;}

.w-tabs-section ul{text-align:left;list-style:none;padding-left:0;}

.w-tabs-section ul li a{color:var(--color-content-heading);}

.w-tabs-section ul li a:hover{color:#f7b91f;}

.w-tabs-section ul li::before{content:"\f360";font-family:fontawesome;font-weight:400;margin-right:15px;color:var(--color-content-heading);}

.w-tabs-section-header{box-shadow:rgba(0,0,0,.12) 0 1px 3px,rgba(0,0,0,.24) 0 1px 2px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--color-content-heading);padding:12px 16px;border-radius:24px!important;cursor:pointer;}

.w-tabs-section-content{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;padding:12px;border-radius:0 0 24px 24px!important;display:none;box-shadow:rgba(0,0,0,.12) 0 1px 3px,rgba(0,0,0,.24) 0 1px 2px;}

.w-tabs-section-header.active{border-radius:24px 24px 0 0!important;}

.w-tabs-section-header.active+.w-tabs-section-content{display:block;border-radius:0 0 24px 24px!important;}

.w-tabs-section-header{position:relative;}

.w-tabs-section-title{padding-left:36px;text-align:right;color:var(--color-content-heading)!important;font-family:SSDMedium;}

.page-id-94 button.w-tabs-section-header{background:var(--color-content-bg-alt);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);color:var(--color-content-heading)!important;}

.w-tabs-section-header{position:relative;padding-left:32px;}

.w-tabs-section-header::before{content:"\f031";font-family:fontawesome;font-weight:300;position:absolute;left:23px;top:50%;transform:translateY(-50%);font-size:1.2rem;color:var(--color-content-heading);}

.arabic-fonts-sites .w-tabs-section-header::before{content:"\f1ab";}

.brushes-download-sites .w-tabs-section-header::before{content:"\f1fc";}

.logos-download-sites .w-tabs-section-header::before{content:"\f2b5";}

.color-tools-sites .w-tabs-section-header::before{content:"\f1fb";}

.freelance-sites .w-tabs-section-header::before{content:"\f0b1";}

.ai-logo-generators .w-tabs-section-header::before{content:"\f108";}

.ai-image-generators .w-tabs-section-header::before,.free-photo-sites .w-tabs-section-header::before,.icons-download-sites .w-tabs-section-header::before,.png-transparent-sites .w-tabs-section-header::before{content:"\f03e";}

.mockups-download-sites .w-tabs-section-header::before,.vector-download-sites .w-tabs-section-header::before{content:"\f1c5";}