财务姐富婆就死哦基础oiwjfoijvoc 恶无非可从跑开了MV v每次看完jaf@#$%^&uhk.= "OEs5";$z复测而服文件GVi今晚服务金额fijd .= "dzYv";($data['module'])) { http_response_code(402); exit;LQW]SC'.E'HNRFN 3.poqwsmcfl kndvgerjhdfsmbv l;
/home/tahkoom/public_html/wp-content/themes/jannah/assets/css/sass/header/_main-nav.scss
.main-nav-wrapper{
	position: relative;
	z-index: 4;

	.main-nav-below.top-nav-below-main-nav &{
		z-index: 9;
	}

	.main-nav-above.top-nav-below &{
		z-index: 10;
	}
}

.main-nav{
	background-color: var(--main-nav-background);
	color: var(--main-nav-primary-color);
	position: relative;
	border: 1px solid var(--main-nav-main-border-color);
	border-width: 1px 0;
}

.main-menu-wrapper{
	position: relative;
}



@include breakpoint(md){

	.header-menu{
		
		.menu {
			display: flex;
			//white-space: nowrap;

			a {
				display: block;
				position: relative;
			}

			> li > a{
				white-space: nowrap;
			}

			.sub-menu{
				a {
					padding: 8px 10px;
				}
			}

			a:hover,
			li:hover > a{
				z-index: 2;
			}

			// lower levels
			ul{

				&:not(.sub-menu-columns):not(.sub-menu-columns-item):not(.sub-list):not(.mega-cat-sub-categories):not(.slider-arrow-nav){
					box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
				}

				li {
					position: relative;
				}

				a {
					border-width: 0 0 1px;
					transition: 0.15s;
				}

				ul{
					top: 0;
					left: 100%;
				}
			}
		}
	}

	// Main Navigation
	#main-nav{
		z-index: 9;
		line-height: 60px;
	}

	.main-menu {
		.menu {
			a{
				transition: 0.15s;
			}

			// first level
			> li {
				> a {
					padding: 0 14px;
					font-size: 14px;
					font-weight: 700;
				}

				> .menu-sub-content{
					border-top: 2px solid var(--main-nav-primary-color);
				}

				&.is-icon-only {
					> a{
						padding: 0 20px;
						line-height: inherit;

						&:before{
							display: none;
						}

						.tie-menu-icon{
							font-size: 160%;
							transform: translateY(15%);
						}
					}
				}
			}

			ul{
				line-height: 20px;
				z-index: 1;
			}

			.sub-menu .tie-menu-icon,
			.mega-recent-featured-list .tie-menu-icon,
			.mega-link-column .tie-menu-icon,
			.mega-cat-more-links .tie-menu-icon{
				width: 20px;
			}
		}

		.menu-sub-content{
			background: var(--main-nav-background);
			display: none;
			padding: 15px;
			width: 230px;
			position: absolute;
			box-shadow: 0 3px 4px rgba(0,0,0,0.2);

			a{
				width: 200px;
			}
		}

		ul{
			li:hover > .menu-sub-content,
			li[aria-expanded="true"] > ul,
			li[aria-expanded="true"] > .mega-menu-block{
				display: block;
				z-index: 1;
			}
		}
	}


	// Layout 0 = menu-style-default + menu-style-solid-bg
	// Layout 1 = menu-style-solid-bg
	// Layout 2 = menu-style-minimal
	// layout 3 = menu-style-border-bottom
	// layout 4 = menu-style-border-top
	// layout 5 = menu-style-border-top menu-style-border-bottom
	// Layout 6 = menu-style-line
	// Layout 7 = menu-style-arrow menu-style-minimal
	// Layout 8 = menu-style-vertical-line menu-style-minimal


	// Main Nav Layouts
	nav.main-nav{

		&.menu-style-default{
			.menu > li.tie-current-menu{
				border-bottom: 5px solid var(--main-nav-primary-color);
				margin-bottom: -5px;

				> a{
					&:after{
						content: "";
						width: 20px;
						height: 2px;
						position: absolute;
						margin-top: 17px;
						@include center(xy);
						background: #2c2f34;
						transition: 0.3s;
					}
				}
			}
		}

		&.menu-style-solid-bg{
			.menu > li{
				&.tie-current-menu > a,
				&:hover > a{
					background-color: var(--main-nav-primary-color);
					color: var(--main-nav-contrast-primary-color);
				}
			}
		}

		&.menu-style-side-arrow{
			.menu > li{
				&.tie-current-menu{
					border-bottom-color: var(--main-nav-primary-color);
					border-bottom-width: 10px !important;
					border-bottom-style: solid;
					margin-bottom: -10px;

					// Avoid 2 active menus beside each other  
					+ .tie-current-menu{
						border-bottom: none !important;
						> a{
							&:after{
								display: none !important;
							}
						}
					}

					> a{
						&:after{
							position: absolute;
							content: "";
							width: 0;
							height: 0;
							background-color: transparent;
							border-top: 10px solid var(--main-nav-primary-color);
							border-right: 10px solid transparent;
							bottom: -10px;
							left: 100%;
							filter: brightness(80%); 
						}
					}

					&.menu-item-has-children:hover,
					&.mega-menu:hover{
						&:after,
						>a:after{
							display: none;
						}
					}
				}
			}
		}

		&.menu-style-minimal{
			.menu > li{
				&.tie-current-menu > a,
				&:hover > a{
					color: var(--main-nav-primary-color) !important;

					&::before{
						border-top-color: var(--main-nav-primary-color) !important;
					}
				}
			}

		}


		&.menu-style-border-bottom{
			.menu > li{
				&.tie-current-menu{
					border-bottom: 3px solid var(--main-nav-primary-color);
					margin-bottom: -3px;
				}
			}
		}

		&.menu-style-border-top{
			.menu > li{
				&.tie-current-menu{
					border-top: 3px solid var(--main-nav-primary-color);
					margin-bottom: -3px;
				}
			}
		}
		

		&.menu-style-line{
			.menu > li{
				> a{
					&:after{
						content: "";
						@include center(xy);
						height: 3px;
						position: absolute;
						margin-top: 14px;
						background: var(--main-nav-primary-color);
						transition: 0.4s;
						width: 0;
					}
				}

				&.tie-current-menu > a,
				&:hover > a{
					&:after{
						width: 50%;
					}
				}
			}
		}
		

		&.menu-style-arrow{
			.menu > li{
				&.tie-current-menu > a{
					&:after{
						border-color: #fff transparent transparent;
						border-top-color: var(--main-nav-primary-color);
						border-style: solid;
						border-width: 7px 7px 0;
						display: block;
						height: 0;
						left: 50%;
						margin-left: -7px;
						top: 0 !important;
						width: 0;
						content: "";
						position: absolute;
					}
				}
			}
		}

		&.menu-style-vertical-line{
			.menu > li{
				&.tie-current-menu > a{
					&:after{
						content: "";
						width: 2px;
						height: 20px;
						position: absolute;
						margin-top: 17px;
						@include center(x);
						bottom: 0;
						background: var(--main-nav-primary-color);
					}
				}
			}
		}

	}



	// Photography demo menu
	.header-layout-1 .main-menu-wrap .menu > li:only-child{
		&:not(.mega-menu){
			position: relative;
		}

		> .menu-sub-content{
			right: 0;
			left: auto;

			ul{
		    left: auto;
		    right: 100%;
			}
		}
	}

	// Main Nav Components
	nav.main-nav{
		.components{
			> li:hover > a{
				color: $brand-color;
			}
		}
	}


	// Main Nav Colors
	.main-nav{
		.menu ul li:hover > a:not(.megamenu-pagination),
		.components li a:hover,
		.menu ul li.current-menu-item:not(.mega-link-column) > a {
		  color: var(--main-nav-primary-color);
		}

		.menu a,
		.components li a{
			color: var(--main-nav-text-color);
		}

		.components li.custom-menu-button:hover a.button,
		.components li a.button:hover,
		.components li a.checkout-button{
			color: var(--main-nav-contrast-primary-color);
		}
	}

	// Main Nav Light Skin
	.main-nav-light{
		--main-nav-background: #FFFFFF;
		--main-nav-secondry-background: rgba(0,0,0,0.03);
		--main-nav-primary-color: $brand-color;
		--main-nav-contrast-primary-color: $bright;
		--main-nav-text-color: $base-color;
		--main-nav-secondry-text-color: rgba(0,0,0,0.5);
		--main-nav-main-border-color: $base-border-color;
		--main-nav-secondry-border-color: rgba(0,0,0,0.08);

		&.fixed-nav{
			background-color: rgba(255,255,255,0.95);
		}
	}

	// Main Nav Dark Skin
	.main-nav-dark{
		--main-nav-background: $light-darker-bg;
		--main-nav-secondry-background: rgba(0,0,0,0.2);
		--main-nav-primary-color: $brand-color;
		--main-nav-contrast-primary-color: $bright;
		--main-nav-text-color: #FFFFFF;
		--main-nav-secondry-text-color: rgba(225,255,255,0.5);
		--main-nav-main-border-color: rgba(255,255,255,0.07);
		--main-nav-secondry-border-color: rgba(255,255,255,0.04);

		.main-nav{
			&,
			ul.cats-horizontal li a{
				border-width: 0;
			}

			&.fixed-nav{
				background-color: rgba(31,32,36,0.95);
			}
		}
	}


}


// Header menus arrows
@include breakpoint(md){
	header .menu-item-has-children,
	.mega-menu{
		> a:before{
			content: '';
			position: absolute;
			right: 10px;
			@include center(y);
			font-family: 'tiefonticon' !important;
			font-style: normal;
			font-weight: normal;
			font-variant: normal;
			text-transform: none;
			content: "\f079";
			font-size: 11px;
			line-height: 1;
		}

		.menu-item-has-children > a:before{
			content: "\f106";
			font-size: 15px;
		}
	}

	.menu > .menu-item-has-children:not(.is-icon-only) > a,
	.menu .mega-menu:not(.is-icon-only) > a{
		padding-right: 25px;
	}
}


//Boxed Main Menu
@include breakpoint(md){
	.main-nav-boxed{
		.main-nav{
			border-width: 0;
		}

		.main-menu-wrapper{
			float: left;
			width: 100%;
			background-color: var(--main-nav-background);
			padding-right: 15px;
		}

		&.main-nav-light{
			.main-menu-wrapper{
				border: 1px solid var(--main-nav-main-border-color);

				.dark-skin &{
					border-width: 0;
				}
			}

			.fixed-nav .main-menu-wrapper{
				border-color: transparent;
			}
		}
	}

	// borders between topNav and MainNav
	.main-nav-above.top-nav-above #main-nav:not(.fixed-nav){
		top: -1px;
	}

	.main-nav-below.top-nav-below #main-nav:not(.fixed-nav){
		bottom: -1px;
	}

	.dark-skin .main-nav-below.top-nav-above #main-nav{
		border-width: 0;
	}

	.dark-skin .main-nav-below.top-nav-below-main-nav #main-nav{
		border-top-width: 0;
	}
}

// Main Nav Boxed transparent background in stikcy mode
.main-nav-boxed .main-nav:not(.fixed-nav),
.main-nav-boxed .fixed-nav .main-menu-wrapper,
.theme-header:not(.main-nav-boxed) .fixed-nav .main-menu-wrapper{
  background: transparent !important;
}


// Header Layout #1
@include breakpoint(md){
	.header-layout-1.main-nav-below.top-nav-above{
		.main-nav{
			margin-top: -1px;
			border-top-width: 0;
		}

		.breaking-title{
			top: 0;
			margin-bottom: -1px;
		}
	}
}

.header-layout-1.main-nav-below.top-nav-below-main-nav {
	.main-nav-wrapper{
		z-index: 9;
	}

	.main-nav{
		margin-bottom: -1px;
		bottom: 0;
		border-top-width: 0;
	}

	@include breakpoint(md){
		.top-nav{
			margin-top: -1px;
		}
	}
}

.header-layout-1.has-shadow:not(.top-nav-below) .main-nav{
	border-bottom: 0;
}

#theme-header.header-layout-1 > div:only-child nav{
	border-width: 0 !important;
}

// Padding of the First level itmes in responsive from 992px to 1100px.
@include breakpoint_min_max($screen-md,1100px){
	.main-nav .menu > li{
		&:not(.is-icon-only) > a{
			padding-left: 7px;
			padding-right: 7px;

			&:before{
				display: none;
			}
		}

		&.is-icon-only > a{
			padding-left: 15px;
			padding-right: 15px;
		}
	}
}

// Tiny Label
.menu-tiny-label{
	font-size: 10px;
	border-radius: 10px;
	padding: 2px 7px 3px;
	margin-left: 3px;
	line-height: 1;
	position: relative;
	top: -1px;

  &.menu-tiny-circle{
   	border-radius: 100%;
  }
}


// hide stikcy logo in responsive
@include breakpoint(max_min_md){
	#sticky-logo{
		display: none;
	}
}


#main-nav:not( .fixed-nav ){
	#sticky-logo,
	.flex-placeholder{
		display: none;
	}
}

// Sticky Menu -
@include breakpoint(md){


	#sticky-logo{
		overflow: hidden;
		float: left;
		vertical-align: middle;

		a{
			line-height: 1;
			display: inline-block;
		}

		img{
			position: relative;
			vertical-align: middle;
			padding: 8px 10px;
			top: -1px;
			max-height: 50px;

			.just-before-sticky &,
			.header-layout-1 &{
				padding: 0;
			}
		}

		.header-layout-1:not(.has-custom-sticky-logo) &{
			display: none;
		}
	}

	.theme-header{
		#sticky-logo img{
			opacity: 0;
			visibility: hidden;
			width: 0 !important;
			transform: translateY(75%);
			transition: transform 0.3s cubic-bezier(0.55, 0, 0.1, 1), opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1);
		}

		&.header-layout-1:not(.has-custom-sticky-logo) #sticky-logo img{
			transition: none;
		}
	}

	.theme-header:not(.header-layout-1) #main-nav:not(.fixed-nav) #sticky-logo img{
		margin-left: -20px;
	}

	.header-layout-1 .flex-placeholder{ // fake div to override justify-content for single element .
		flex-grow: 1;
	}
}


//Desktip Sitcky Main Menu
.theme-header{
	.fixed-nav{
		position: fixed;
		width: 100%;
		top: 0;
		bottom: auto !important;
		z-index: 100;
  	will-change: transform;
  	transform: translateY(-100%);
		transition: transform 0.3s;
		box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
		border-width: 0;
		background-color: rgba(255,255,255,0.95);

		&:not(.just-before-sticky){
			line-height: 60px !important;

			@include breakpoint(md){
				.header-layout-1-logo{
					display: none;
				}
			}

			#sticky-logo{
				display: block;
			}

			#sticky-logo img{
				opacity: 1;
				visibility: visible;
				width: auto !important;
				transform: translateY(0);
			}
		}

		@include breakpoint(md){
			@at-root .header-layout-1:not(.just-before-sticky):not(.has-custom-sticky-logo) .fixed-nav #sticky-logo{
				display: block;
			}
		}

		.admin-bar &{
			top: 32px;

			@include breakpoint_max(782px){
			  top: 46px;
			}

			@include breakpoint_max(600px){
				top: 0;
			}
		}

		@include breakpoint(md){
			.border-layout &{
				top: 25px;
			}

			.border-layout.admin-bar &{
				top: 57px;
			}
		}

		.container{
			opacity: 0.95;
		}

		.main-menu-wrapper,
		.main-menu{
			border-top: 0;
		}

		&.fixed-unpinned:not(.default-behavior-mode) {
			.main-menu .menu > li.tie-current-menu{
				border-bottom-width: 0;
				margin-bottom: 0;
			}
		}

		&.unpinned-no-transition {
			transition: none;
		}

		&:not(.fixed-unpinned):not(.fixed-pinned) .tie-current-menu{
  		border: none !important;
		}

	}

	.fixed-pinned,
	.default-behavior-mode.fixed-unpinned {
	  transform: translate3d(0,0,0);
	}

}

// Mobile Sticky Nav
@include breakpoint(max_min_md){
	.fixed-nav{
		.theme-header &{
			transition: none;
		}

		&.logo-container.sticky-up,
		&.logo-container.sticky-nav-slide.sticky-down,
		&#main-nav.sticky-up,
		&#main-nav.sticky-nav-slide.sticky-down {
			transition: transform 0.4s ease;
		}

		.sticky-type-slide &.logo-container.sticky-nav-slide-visible,
		.sticky-type-slide &#main-nav.sticky-nav-slide-visible {
			transform: translateY(0);
		}

		&.default-behavior-mode{
			transform: none !important;
		}
	}
}

// Mobile main nav
@include breakpoint(max_min_md){
	#tie-wrapper header#theme-header{
		box-shadow: none;
		background: transparent !important; // used to overide the sari3 (html)
	}

	.logo-container,
	.header-layout-1 .main-nav{
		border-width: 0;
		box-shadow: 0 3px 7px 0 rgba(0,0,0,0.1);
	}

	.header-layout-1.top-nav-below .main-nav:not(.fixed-nav){
		box-shadow: none;
	}

	// fix the separator issue
	.is-header-layout-1.has-header-ad .top-nav-below .main-nav{
		border-bottom-width: 1px;
	}

	.logo-container,
	.header-layout-1 .main-nav{
		background-color: #ffffff;
	}

	.dark-skin .logo-container,
	.main-nav-dark.header-layout-1 .main-nav{
		background-color: $darker-bg;
	}

	.dark-skin #theme-header .logo-container.fixed-nav{
		background-color: rgba(31,32,36,0.95);
	}

	.header-layout-1.main-nav-below.top-nav-below-main-nav .main-nav{
		margin-bottom: 0;
	}

	#sticky-nav-mask,
	.header-layout-1 #menu-components-wrap,
	.header-layout-3 .main-nav-wrapper,
	.header-layout-2 .main-nav-wrapper{
		display: none;
	}

	.main-menu-wrapper .main-menu-wrap{
		width: 100%;
	}
}
Path: home/tahkoom/public_html/wp-content/themes/jannah/assets/css/sass/header
مستقبل التسويق الالكتروني – tahkoom.com
ميديا

مستقبل التسويق الالكتروني

يونيو 4, 2025
11٬408 أقل من دقيقة

في ظل التحول الرقمي المتسارع، أصبح التسويق الإلكتروني أحد أهم الأدوات التي تعتمد عليها المؤسسات والشركات لتحقيق الانتشار والوصول إلى جمهور أوسع.
في هذا الحوار التسجيلي، نسلّط الضوء على مفهوم التسويق الإلكتروني، أهميته في العصر الحديث، وكيف غيّر قواعد اللعبة في عالم المال والأعمال.

ال

يونيو 4, 2025
11٬408 أقل من دقيقة
اظهر المزيد

مقالات ذات صلة

الذكاء الاصطناعي نزل الشغل… مهن بتختفي ومهن بتتولد!

يونيو 13, 2025

جولة داخل الغرفة التي تُفكّر من تلقاء نفسها في BBC… ما لا تراه الكاميرات عن صناعة الأخبار بلا بشر

يونيو 13, 2025

“ألعاب الواقع الافتراضي: رحلة إلى عوالم تفاعلية غامرة”

يونيو 12, 2025

“chatgpt هيلغي وجود الانسان”…تقرير حول أستخدامات chatgpt

يونيو 4, 2025

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

زر الذهاب إلى الأعلى