@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;600;700;900&display=swap');
@import url('contact-us.css');
@import url('send-article.css');
@import url('fenks-slider-slider.css');
@import url('fenks-slider-paged-grid.css');
@import url('fenks-slider-subs.css');
@import url('fenks-slider-marquee.css');
@import url('fenks-menu.css');
@import url('categories.css');
@import url('search.css');
@import url('fenks-write-ur-article.css');

/*
	Extra-light	200
	Light		300
	Regular		400
	Semi-bold	600
	Bold		700
	Black		900
*/


/* body { overflow: hidden;} */


/* use it for theming purposes only */

.hide,
[hide] {
    display: none !important;
}

.grow {
    flex-grow: 1 !important;
}

.overflow-hidden {
    overflow: hidden;
}

a {
	text-decoration: none !important;
}

a:visited {
	text-decoration: none !important;
	
}
a:hover {
	opacity: 0.8
}

html {
    --fenks-image-height-to-width-rate: 0.5625; /* 16:9 */
    --fenks-image-width-to-height-rate: 1.3333333333333333333333;
    --page-horizontal-margin: clamp(5px, 1.041666vw, 20px);
    --lister-horizontal-margin: clamp(5px, 1.041666vw, 72px);
    --page-vertical-margin: clamp(10px, 2.0833333vw, 40px);
    --page-vertical-margin: clamp(5px, 1.041666vw, 20px);
    --page-logo-bottom-margin: calc( clamp(15px, 1.5104166667vw, 29px) / 2);
    --page-min-width: calc(280px - 5px - 5px);
    --page-max-width: calc(1920px - 20px - 20px);
    --menu-horizontal-margin: clamp(2px, 0.2604166vw, 5px);
    --radius-rounded: clamp(4px, 0.729166667vw, 14px);
    --ads-start-width: 221px;
    --ads-end-width: 221px;
    --ads-main-width: calc(1920px - 20px - 20px);
    --ads-main-height: 594px;
    --colors-wulna: #8C1B6D;
    --colors-حولنا: #8C1B6D;
    --colors-mfqalat-fynyks: #2C419E;
    --colors-رأيوتعليقفينكس: var(--colors-mfqalat-fynyks);
    --colors-رأيوتعليقفينكسبارك: var(--colors-mfqalat-fynyks);
    --colors-صفحةحسنميوسف: var(--colors-mfqalat-fynyks);
    --colors-بأقلامكتابفينيكس: var(--colors-mfqalat-fynyks);
    --colors-mtfrfqat: #CA0C54;
    --colors-متفرقات: var(--colors-mtfrfqat);
    --colors-منوعات: var(--colors-mtfrfqat);
    --colors-صحةومجتمع: var(--colors-mtfrfqat);
    --colors-ثقافة: var(--colors-mtfrfqat);
    --colors-اقتصاد: var(--colors-mtfrfqat);
    --colors-حوادث: var(--colors-mtfrfqat);
    --colors-رئاسةالجمهورية: var(--colors-mtfrfqat);
    --colors-أرشيفخاص: var(--colors-mtfrfqat);
    --colors-فيديوفلاش: var(--colors-mtfrfqat);
    --colors-شعروزجل: var(--colors-mtfrfqat);
    --colors-vksqn-twfqyfqat: #2A8BCD;
    --colors-أكشنوتحقيقات: var(--colors-vksqn-twfqyfqat);
    --colors-تحقيقات: var(--colors-vksqn-twfqyfqat);
    --colors-أكشن: var(--colors-vksqn-twfqyfqat);
    --colors-wuarat: #502885;
    --colors-حوارات: #502885;
    --colors-sawlyat: #8C1B6D;
    --colors-ساحليات: #8C1B6D;
    --colors-alxwqbar: #502885;
    --colors-alxwqbar: #502885;
    --colors-أخبارعالمية: var(--colors-alxwqbar);
    --colors-أخبارعربية: var(--colors-alxwqbar);
    --colors-أخبارسورية: var(--colors-alxwqbar);
    --colors-ad-background: #f5f5f5;
    --colors-main-color: #62247C;
    --ff-main: 'Cairo', sans-serif;
    --visits-width: clamp(15px, 1.3080208333333vw, 25.114px);
    /* Articles */
		--fs-article-content: clamp(14px, 1.40625vw, 27px);
		--fs-article-content-min: clamp(14px, 1vw, 19.2px);

		--fw-article-content: 300;
    --fs-article-title: clamp(16px, 2.60416666667vw, 50px);
    --fw-article-title: 700;
    --fs-article-date: 28px;
    --fw-article-date: 400;
    /* News List */
    --height-news: 150px;
    --margin-news-item-content: 150px;
    --fs-news-title: 29px;
    --fw-news-title: 700;
    --fs-news-item-title: 26px;
    --fw-news-item-title: 700;
    --fs-news-item-date: 16px;
    --fw-news-item-date: 400;
    /* --menu-start-margin: 77px; */
    --menu-start-margin: min( max(4.010416667vw, 10px), 77px);
    --menu-end-margin: min( max(1.7708vw, 9px), 34px);
    --menu-height: min( max(2.8723958333333333333333333333333vw, 42px), 55.15px);
    --large-width-trigger: 600px;
    --small-width-trigger: 599px;
    --bc-ads-start: linear-gradient(0deg, rgba(104, 35, 122, 1) 0.03%, rgba(80, 40, 133, 1) 23.24%, rgba(140, 27, 109, 1) 56.74%, rgba(194, 14, 88, 1) 71.12%, rgba(202, 12, 84, 1) 86.52%, rgba(254, 0, 64, 1) 99.44%);
    --bc-ads-end: linear-gradient(180deg, rgba(104, 35, 122, 1) 0.03%, rgba(80, 40, 133, 1) 23.24%, rgba(140, 27, 109, 1) 56.74%, rgba(194, 14, 88, 1) 71.12%, rgba(202, 12, 84, 1) 86.52%, rgba(254, 0, 64, 1) 99.44%);
    --bc-ads-start: linear-gradient(90deg, rgba(140, 27, 109, 1) 56.74%, rgba(194, 14, 88, 1) 71.12%, rgba(202, 12, 84, 1) 86.52%, rgba(254, 0, 64, 1) 99.44%);
    --bc-ads-end: linear-gradient(90deg, rgba(104, 35, 122, 1) 0.03%, rgba(80, 40, 133, 1) 23.24%, rgba(140, 27, 109, 1) 56.74%, rgba(194, 14, 88, 1) 71.12%);
    --bc-fenks-gradient: linear-gradient(90deg, rgba(104, 35, 122, 1) 0.03%, rgba(80, 40, 133, 1) 23.24%, rgba(140, 27, 109, 1) 56.74%, rgba(194, 14, 88, 1) 71.12%, rgba(202, 12, 84, 1) 86.52%, rgba(254, 0, 64, 1) 99.44%);
		--design-logobar-sides-width: min(11.51041666666667vw, 221px);
		--design-logobar-social-width: clamp(95px,11.51041666666667vw, 221px);

}

@media screen and (min-width: 501px) {
	html {
		--header-background: 0;
	}

	.contents-ads-both {
		--main-content-width: calc(100vw - 23.02vw - 4 * var(--page-horizontal-margin));
	}
	.contents-ads-start, .contents-ads-end {
		--main-content-width: calc(100vw - 11.2vw - 3 * var(--page-horizontal-margin));
	}
	.contents-ads-none {
		--main-content-width: calc(100vw - 2 * var(--page-horizontal-margin));
	}

	.fenks-hidden-on-large {
			display: none !important;
	}
	#design-menus {
			flex-grow: 1;
	}
	.social-buttons {
		/* padding-inline-start: clamp(10px,1.19791667vw,23px); */
		padding: clamp(2px, 0.88541666vw, 17px);
		width: var(--design-logobar-social-width);
		max-width: var(--design-logobar-social-width);
		margin-inline-end: var(--page-horizontal-margin);
	}

}

#lister-end>:not(:last-child), #lister-start>:not(:last-child) {
	margin-block-end: 50px;
}

.social-buttons {
	display: flex;
	justify-content: space-around;
	align-items: center;
	box-sizing: border-box;
}

.social-buttons>*, .social-buttons>*>* {
	height: clamp(12px,1.1458333333vw,22px);
	max-height: clamp(12px,1.1458333333vw,22px);
}

a.acymailing_togglemodule {
	width: clamp(12px,1.09375vw,21px);
	height: clamp(12px,1.1458333333vw,22px);
}

a.acymailing_togglemodule {
	background-image: url(/media/system/images/subscribe.png) !important;
	background-repeat: no-repeat !important;
	background-size: 100% 100%;
	background-position: center;
	color: transparent !important;
	overflow: hidden;
}

.acymailing_mootoolsbutton p {
	margin: 0;
}

@media screen and (max-width: 500px) {
  .logo-bar-ads.fenks-hidden-on-small {
        display: flex !important;
    	margin: auto;
    	width: 250px;
    }
   .fenks-hidden-on-small {
        display: none !important;
    }
    html {
				--page-horizontal-margin: clamp(8px, 1.041666vw, 20px);
        --menu-height: 42.71px;
        --menu-start-margin: 0;
				--menu-end-margin: 0;
				--header-background: 1;
		}
		.contents-ads-both, .contents-ads-end {
			--main-content-width: calc(100vw - 11.2vw - 3 * var(--page-horizontal-margin));
		}

		.contents-ads-none, .contents-ads-start {
			--main-content-width: calc(100vw - 2 * var(--page-horizontal-margin));
		}

    .logo-on-small {
        height: var(--menu-height);
        flex-grow: 1;
    }
   #design-menu-bar-logo {
        /* flex-grow: 1; */
        display: flex;
        justify-content: center;
    }
   
}


/* Menubar search */

@media screen and (min-width: 684px) {
    .search-fenks-header form {
        border-bottom: 1px solid white;
        width: clamp(150px, 14.0625vw, 270px);
        margin-bottom: 5px;
    }
    .search-fenks-header .button {
        margin-inline-end: 4px;
        margin-block-end: 4px;
    }
}

@media screen and (min-width: 501px) and (max-width: 683px) {
    #design-search.grow .search-fenks-header form {
        border-bottom: 1px solid white;
        width: clamp(150px, 14.0625vw, 270px);
        margin-bottom: 5px;
    }
    #design-search.grow .search-fenks-header .button {
        margin-inline-end: 4px;
        margin-block-end: 4px;
    }
    #design-search:not(.grow) .search-fenks-header .search-query {
        display: none;
    }
}

@media screen and (max-width: 500px) {
    #design-search.grow .search-fenks-header form {
        border-bottom: 1px solid var(--colors-alxwqbar);
        width: clamp(150px, 14.0625vw, 270px);
        margin-bottom: 5px;
    }
    #design-search.grow .search-fenks-header .button {
        display: none !important;
    }
    #design-search:not(.grow) .search-fenks-header .search-query {
        display: none;
    }
    .search-query {
        color: var(--colors-alxwqbar) !important;
		}
		
		.social-buttons {
			position: fixed;
			height: 204px;
			z-index: 60000;
			top: calc(50% - 102px);
			right: 0;
			flex-direction: column;
			padding-inline-start: 8px;
			padding-inline-end: 10px;
			padding-block-start: 24px;
			padding-block-end: 24px;
			border-bottom-left-radius: 10px;
			border-top-left-radius: 10px;
			box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
			background: white;
			opacity: 0.7;
		}
		.social-buttons>*:not(:last-child) {
			margin-block-end: 24px;
		}
}

@media screen and (max-width: 319px) {
    #ads-start,
    #ads-end {
        display: none !important;
		}
		#contents {
			--main-content-width: calc(100% - 2 * var(--page-horizontal-margin));
		}
  		/*#design-logo-bar {
			height: 0;
		}*/
}

.search-fenks-header {
    display: flex;
}

.search-fenks-header form {
    /* border-bottom: 1px solid white; */
    display: flex;
    align-items: flex-end;
    /* width: clamp(150px,14.0625vw,270px);
	margin-bottom: 5px; */
}

.search-fenks-header input {
    outline: none;
    border: none;
    background: transparent;
    color: white;
    font-family: var(--ff-main);
    font-size: clamp(11px, 0.833333vw, 16px);
    font-weight: var(--fw-menu-item);
}

.search-fenks-header input:focus {
    outline: none;
    border: none;
    background: transparent;
}

.search-fenks-header input:-internal-autofill-selected {
    appearance: unset;
    background-color: transparent !important;
    background-image: none !important;
    color: white !important;
}

.search-fenks-header .search-query {
    flex-grow: 1;
}

.search-fenks-header .button {
    /* margin-inline-end: 4px;
	margin-block-end: 4px; */
    transform: rotateY(180deg);
    height: clamp(13px, 0.9895833vw, 19px);
}

html {
    font-family: var(--ff-main);
    font-size: var(--fs-article-content, 27px);
    font-weight: var(--fw-article-content, 300);
    /* line-height: 1.5; */
}

body {
    margin: 0;
    margin: var(--page-vertical-margin) var(--page-horizontal-margin) 0;
}

#wrapper {
    max-width: var(--page-max-width);
    min-width: var(--page-min-width);
    box-sizing: border-box;
}

#wrapper,
header.template-custom-header {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
}

.template-custom-header {
    box-sizing: border-box;
    /* margin-bottom: 50px; */
}

#sticky-header,
#scrollable-header {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

#scrollable-header-start,
#scrollable-header-center,
#scrollable-header-end {
    max-width: 100%;
    flex-grow: 1;
}

#design-logo-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: min(4.94791666666667vw, 95px);
    /* background-image: url(/templates/fenks2020/images/svg/logo.svg);
	background-position: center;
	background-repeat: no-repeat; */
    margin-bottom: var(--page-logo-bottom-margin);
}

.logo-bar-ads {
    /* flex-grow: 1; */
    height: 100%;
		width: min(34.583333333333vw, 664px);
		display: flex;
}

.logo-bar-ads img {
    display: block;
}

.design-logo-left {
    /* padding: clamp(2px,0.88541666vw, 17px); */
    width: var(--design-logobar-sides-width);
    max-width: var(--design-logobar-sides-width);
    max-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    box-sizing: border-box;
    margin-inline-start: var(--page-horizontal-margin);
    text-decoration: none;
    height: min(4.94791666666667vw, 95px);
}

.design-logo-left-img {
    width: 100%;
}

.design-logo-slogan {
    font-size: min(1.0416666666666667vw, 20px);
    text-decoration: none;
    top: max(-1.14583333333333333333vw, -22px);
    position: relative;
    align-self: flex-end;
    letter-spacing: min(0.052083333333333333333333333333333vw, 1px);
    letter-spacing: -0.5px;
    color: #502885;
}

.social-media-button {
    text-decoration: none;
		display: flex;
		justify-content: center;
		align-items: center;
}

/* .social-media-button-image {
    width: clamp( 50%, var(--percentage-to-vw), 100%);
    width: 100%;
} */

a.acymailing_togglemodule {
    text-decoration: none;
}

#design-menu-bar {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) var(--page-logo-bottom-margin));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) var(--page-logo-bottom-margin), rgba(255, 255, 255, 1) 0);
    background: rgba(255,255,255,var(--header-background));
    position: sticky;
    top: -1px;
    z-index: 50;
}

.fenks-menu-container {
    display: flex;
}

.fenks-menu-container>* {
    width: 100%;
}

@media screen and (min-width: 813px) {
    #lister-end,
    #lister-start {
        max-width: clamp(270px, 28.64583333vw, 550px);
    }
    .contents-with-article {
        flex-wrap: nowrap;
    }
}

@media screen and (max-width: 812px) {
    #lister-end,
    #lister-start {
        width: 100%;
        margin-block-start: 50px;
    }
    .contents-with-article {
        flex-wrap: wrap;
    }
}

#lister-start {
    margin-inline-end: var(--page-horizontal-margin);
}

#lister-end {
    margin-inline-start: var(--page-horizontal-margin);
}

.design-menu-bar {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    box-sizing: border-box;
    background: var(--bc-menu);
    max-height: var(--menu-height);
    height: var(--menu-height);
    border-radius: var(--radius-rounded);
    padding: 0 var(--menu-start-margin);
    flex-grow: 1;
    margin: var(--page-logo-bottom-margin) 0;
    margin: 0;
}


/* .menubar-gradient {
	width: 100%;
	height: 100%;
} */

#design-menus {
    box-sizing: border-box;
}

#design-search {
    box-sizing: border-box;
    margin-inline-start: var(--menu-end-margin);
}

#design-footer {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 662px;
    background-image: url('/templates/fenks2020/images/boat-04.jpg');
    background-position: center;
}

#contents {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
		margin-block-end: 75px;
		overflow: hidden;
    /* flex-wrap: wrap; */
}

#main {
    box-sizing: border-box;
    flex-grow: 1;
    width: var(--ads-main-width); 
    /*max-width: var(--ads-main-width);*/
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#ads-start,
#ads-end {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    /* padding: 28px 17px; */
    padding: clamp(2px, 0.88541666vw, 17px);
    width: 11.2vw;
    max-width: 221px;
    overflow: hidden;
    border-radius: var(--radius-rounded);
    align-self: stretch;
    flex-shrink: 0;
}

img {
    border-radius: var(--radius-rounded);
}

#ads-start {
    margin-inline-end: var(--page-horizontal-margin);
    background: var(--bc-ads-start);
    background: #da084e;
}

#ads-end {
    margin-inline-start: var(--page-horizontal-margin);
    background: var(--bc-ads-end);
    background: #742077;
}

#ads-start>*,
#ads-end>* {
    width: 100%;
}

.fenks-copyrights {
    color: white;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 20px;
}

.fenks-select {
    width: 100%;
    font-family: var(--ff-main);
    font-size: var(--nav-font-size);
    font-weight: var(--nav-font-weight);
    border-radius: var(--fsc-border-radius);
    color: var(--fsc-main-color, #666666);
    border: 1px solid var(--fsc-main-color, #666666);
    padding-inline-start: var(--fsc-border-radius);
    outline:none;
}


/* For Articles */

article strong {
    font-weight: 300 !important;
}

article {
    max-width: 1207px;
    font-size: var(--fs-article-content);
    font-weight:600;
}

article.item-page-with-image {
    padding-block-start: calc(50.077373198933884px - 1.502975892266688 * clamp(14px, 1.3541667vw, 26px));
}

article h2 {
    margin-block-start: 0;
    color: var(--colors-main-color);
    font-size: var(--fs-article-title);
    margin-block-end: clamp(40px, 5.20833333333vw, 100px);
}

article .fsp-article-text-date {
    margin-block-end: 20px;
}

article .fsp-article-text-date a {
    text-decoration: none;
    display: inline-flex;
    align-items: self-end;
    max-width: 18px;
}

article .print_article_icon {
    width: 18px;
    height: 18px;
}

article .article-actions-info>:not(:last-child) {
    margin-inline-end: 20px;
}

.img-fulltext img {
    max-width: min(100%, 100vw);
    max-height: 978px;
}

.img-fulltext {
    display: flex;
}

.img-fulltext-none {
    justify-content: center;
}

.img-fulltext-left {
    justify-content: flex-end;
}

.img-fulltext-right {
    justify-content: flex-start;
}

article .visits-number {
    font-size: 15px;
}

#ads-start>:not(:last-child),
#ads-end>:not(:last-child),
.ads-end>:not(:last-child) {
    margin-bottom: clamp(10px, 1.5625vw, 30px);
}

.custom,
.custom>* {
    display: flex;
    justify-content: center;
		align-items: center;
		margin: 0;
}

.custom img {
	width: 100%;
}

.mvc_main-fenks {
    display: flex;
    flex-direction: column-reverse;
    border-radius: 50%;
    height: 250px;
    width: 250px;
    margin: 0 auto;
    justify-content: center;
    border: 1px solid black;
}

.mvc_pre-fenks {
    font-size: 23px;
    color: #502885;
}

.mvc_digitCounter-fenks {
    font-size: 50px;
    color:#9A9A9A;
    font-weight: 200;
}


/* Pagination */

.pagination {
    --font-size: clamp(12px, 1.04166666666vw, 20px);
    --pagination-color: var(--colors-current-color, var(--colors-main-color));
    margin-block-start: 40px;
}

.pagination .counter {
    font-size: var(--font-size);
    font-weight: 400;
    text-align: center;
}

.pagination ul {
    font-size: var(--font-size);
    display: flex;
    list-style: none;
    padding: 0;
    justify-content: center;
}

.pagination ul li {
    font-size: var(--font-size);
    width: 1.7em;
    height: 1.7em;
    color: var(--pagination-color);
    border: 1px solid var(--pagination-color);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.pagination ul li:not(:last-child) {
    margin-inline-end: 9px;
}

.pagination ul li.pagination-prev {
    margin-inline-end: 22px;
}

.pagination ul li.pagination-next {
    margin-inline-start: 22px;
}

@media screen and (max-width: 500px) {
    .pagination ul li {
        display: inline-block;
    }
    .pagination ul li.pagination-start,
    .pagination ul li.pagination-prev,
    .pagination ul li.pagination-next,
    .pagination ul li.pagination-end {
        display: flex;
        color: var(--pagination-color) !important;
    }
    .pagination ul li.pagination-prev {
        margin-inline-end: 75px !important;
    }
}

.pagination ul li.pagination-start,
.pagination ul li.pagination-prev,
.pagination ul li.pagination-next,
.pagination ul li.pagination-end {
    width: unset;
    height: unset;
    border: none !important;
    border-radius: unset !important;
    color: var(--pagination-color) !important;
}

.pagination ul li a {
    font-size: var(--font-size);
    text-decoration: none;
    color: var(--pagination-color);
}

.pagination ul li span {
    font-size: var(--font-size);
    text-decoration: none;
    width: 100%;
    height: 100%;
    text-align: center;
    color: white;
    background: var(--pagination-color);
}

.pagination ul li.pagination-start span,
.pagination ul li.pagination-prev span,
.pagination ul li.pagination-next span,
.pagination ul li.pagination-end span {
    width: unset;
    height: unset;
    background: none !important;
    color: var(--pagination-color) !important;
    opacity: 0.4;
}

.pagination ul li a:hover {
    opacity: 0.6;
}

.pagination ul li span:hover {
    cursor: pointer;
}

#main>:not(:last-child),
#main>*>:not(:last-child) {
    margin-block-end: clamp(25px,2.6041666666vw,50px);
}

#main>:first-child {
	margin-block-end: clamp(25px,2.6041666666vw,50px);
}

.search.fenks input[type="radio"]:checked+label {
    background-color: #bbb;
}

#sbox-btn-close {
    display: none;
}

.main-with-article {
    justify-content: flex-start !important;
}