/***** 2025 (c) Lebanese Society for History of Arabic Science *****/
:root {
	--darkz:#000000; --whitez:#ffffff; --primez:#d6a354; --secondz:#c12828; --my-btn-bgz:#c12828; --my-btn-bg-hoverz:#FDBB2D;
	--pz:#717275; --sectn-bgz:#f0f8ff; --borderz:#7fffd4; --link-hoverz:#B22727;
	--body-ffamily:'Unbounded',cursive;
	--h1-fsize:48px; --h2-fsize:38px; --h3-fsize:32px; --h4-fsize:28px; --h5-fsize:24px; --h6-fsize:22px;
	--p-fsize:20px; --btn-fsize:16px; --copyright-fsize:14px;
	--border-radius-large:100px; --border-radius-medium:20px; --border-radius-small:10px;
	--fweight-thin:200; --fweight-light:300; --fweight-normal:400; --fweight-strong:500; --fweight-bold:600;
}
body { background-color:var(--whitez); font-family:var(--body-ffamily); }
h2, h3, h4, h5, h6 { color:var(--darkz); }
h1, h2, h3, h4, h5, h6 { font-weight:var(--fweight-strong); text-shadow:2px 2px 5px peru; }
h1 { font-size:var(--h1-fsize); }
h2 { font-size:var(--h2-fsize); }
h3 { font-size:var(--h3-fsize); }
h4 { font-size:var(--h4-fsize); }
h5 { font-size:var(--h5-fsize); }
h6 { font-size:var(--h6-fsize); }
p { color:var(--pz); font-size:var(--p-fsize); font-weight:var(--fweight-light); }
ul li { color:var(--pz); font-size:var(--p-fsize); font-weight:var(--fweight-light); }
a, button { touch-action:manipulation; transition:all 0.3s; }
a { display:inline-block; color:var(--primez); text-decoration:none; }
a:hover { color:var(--link-hoverz); }
strong { font-weight:var(--fweight-strong); }
b{font-weight:var(--fweight-bold);} .text-justify{text-align:justify;}
.green2{border:2px solid green;} .greenshad{text-shadow:2px 2px 5px green,-2px -2px 5px peru;}

.section-padding { padding:50px; }
.section-bg { background-color:var(--sectn-bgz); }
.section-overlay { background-color:var(--darkz); position:absolute; top:0; left:0; pointer-events:none;  width:100%; height:100%; opacity:0.6; }
.section-overlay + .container { position:relative; }
.back-top-icon { font-size:var(--h2-fsize); }

.custom-block-bg-overlay-wrap { background:var(--primez); border-radius:var(--border-radius-medium); transition:all 0.3s ease; }
.custom-block-bg-overlay-wrap:hover { background:linear-gradient(90deg, #FDBB2D 0%, #22C1C3 100%); transform:scale(1.1); }
.custom-block-bg-overlay-img { border-radius:var(--border-radius-medium); display:block; margin:auto;
	height:100%; object-fit:cover; transform:rotate(-5deg);
}
.custom-block-bg-overlay-wrap:hover .team-info { bottom:10px; }

.custom-btn { background:var(--my-btn-bgz); border:2px solid transparent; border-radius:var(--border-radius-large);
	color:var(--whitez); font-size:var(--btn-fsize); font-weight:var(--fweight-strong);
	line-height:normal; transition:all 0.3s; padding:10px 20px;
}
.custom-btn:hover { background:var(--my-btn-bg-hoverz); color:var(--whitez); }
.custom-border-btn { background:transparent; border:2px solid var(--my-btn-bgz); color:var(--my-btn-bgz); }
.custom-btn-bg-white { border-color:var(--whitez); color:var(--whitez); }
.custom-btn-italic { font-style:italic; }

.sidebar { background:var(--primez); background-repeat:no-repeat; background-size:cover; background-position:center;
 position:fixed; top:0; bottom:0; left:0; z-index:99; padding:50px 0 0;
}
.sidebar-sticky { height:calc(100vh - 48px); overflow-x:hidden; overflow-y:auto; text-align:center; position:relative; }
.navbar { background:transparent; z-index:9; }
.logo-img { width:150px; height:auto; margin-bottom:50px; }

#sidebarMenu .nav-link { color:var(--darkz); font-size:var(--p-fsize); font-weight:var(--fweight-strong); text-transform:uppercase; position:relative; }
#sidebarMenu .nav-link.active { color:var(--whitez); }
#sidebarMenu .nav-link:hover { color:var(--secondz); }
.navbar-toggler { z-index:22; background:var(--primez); border-radius:var(--border-radius-large);
	position:fixed; top:0; bottom:0; right:0; border:0; padding:0; cursor:pointer; margin:25px; width:55px; height:55px; outline:none;
}
.navbar-toggler:focus { outline:none; box-shadow:none; }
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon { background:transparent; }

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before,
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after { top:0;
 transition:top 300ms 50ms ease, -webkit-transform 300ms 350ms ease;
 transition:top 300ms 50ms ease, transform 300ms 350ms ease;
 transition:top 300ms 50ms ease, transform 300ms 350ms ease, -webkit-transform 300ms 350ms ease;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before { transform:rotate(45deg); }
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after { transform:rotate(-45deg); }
.navbar-toggler .navbar-toggler-icon { background:var(--whitez); transition:background 10ms 300ms ease;
	display:block; margin:auto; width:25px; height:2px; position:relative;
}
.navbar-toggler .navbar-toggler-icon:before,
.navbar-toggler .navbar-toggler-icon:after { content:'';
	transition:top 300ms 350ms ease, -webkit-transform 300ms 50ms ease;
	transition:top 300ms 350ms ease, transform 300ms 50ms ease;
	transition:top 300ms 350ms ease, transform 300ms 50ms ease, -webkit-transform 300ms 50ms ease;
	position:absolute; right:0; left:0; background:var(--whitez); width:25px; height:2px;
}
.navbar-toggler .navbar-toggler-icon::before { top:-8px; }
.navbar-toggler .navbar-toggler-icon::after { top:8px; }

.hero-section { background-image:url('../im/astrolabe.jpg');
 background-repeat:no-repeat; background-attachment:fixed; background-size:cover; background-position:center;
 position:relative; overflow:hidden; padding:50px; padding-bottom:0; min-height:665px;
 border-bottom:15px solid var(--primez);
}

@media screen and (min-width:991px) { .hero-section { height:calc(100vh - 0px); }
}
.hero-section::after { content:""; background:linear-gradient(90deg, #FDBB2D 0%, #22C1C3 100%);
	position:absolute; top:0; right:0; bottom:0; left:0; opacity:0.8;
}
.hero-section .container { z-index:2; position:relative; }
.custom-block { z-index:2; border:10px solid var(--primez); border-radius:100%;
	position:absolute; bottom:-60px; right:-60px; padding:50px 90px 50px 50px; width:360px; height:360px;
}
.custom-block .custom-btn { background:var(--primez); }
.custom-block .custom-btn:hover { background:var(--secondz); }
.custom-block-img { border:10px solid var(--primez); border-radius:100%;
	position:absolute; top:-60px; right:20px; left:0; width:120px; height:120px; margin:auto; object-fit:cover;
}

.about-section h6 { color:var(--secondz); }
.about-section .custom-block-bg-overlay-img { width:100%; max-height:250px; }
.about-section .custom-block-bg-overlay-wrap { position:relative; }
.team-info { background:var(--whitez); border-radius:var(--border-radius-large);
	position:absolute; bottom:0; right:0; left:0; margin:9px; padding:9px; transition:all 0.3s ease;
}

.featured-section { background-image:url('../im/map3.png'); background-repeat:no-repeat;
	background-attachment:fixed; background-size:cover; position:relative; text-align:center;
}
.featured-section h2 { color:var(--secondz); }
.featured-section p { color:var(--whitez); }
.featured-section strong { background:var(--primez); border-radius:var(--border-radius-medium);
	display:inline-block; margin-top:10px; padding:10px 20px;
}
.services-thumb { border-radius:var(--border-radius-medium); position:relative; overflow:hidden; }
.services-thumb:hover .services-info { border-color:var(--primez); border-width:5px; }
.services-thumb:hover .services-img { transform:scale(1.1); }
.services-img { border-radius:var(--border-radius-medium); display:block; margin:auto; transition:all 0.3s; }
.services-thumb-price { background:var(--primez); border-radius:var(--border-radius-medium);
	font-size:var(--copyright-fsize); margin-left:auto; padding:5px 10px;
}
.services-info { border-radius:var(--border-radius-medium); border:1px solid var(--whitez);
	position:absolute; top:0; bottom:0; right:0; left:0; margin:20px; padding:25px 30px; transition:all 0.3s ease;
}
.services-info h4 { color:var(--whitez); }

.price-list-section { padding-top:100px; padding-bottom:100px; }
.price-list-thumb-wrap { padding-right:50px; }
.price-list-thumb { margin-bottom:10px; }
.price-list-thumb:last-child { margin-bottom:0; }
.price-list-thumb h6 strong { color:var(--primez); }
.price-list-thumb-divider { background:var(--pz); flex:auto; height:2px; margin:auto 15px 0; }
.price-list-section .custom-block-bg-overlay-wrap { padding:0; }

.booking-section { background-image:url('../im/encyclo1a.jpg');
	background-repeat:no-repeat; background-attachment:fixed; background-size:cover; background-position:center;
}
.booking-form { background:var(--whitez); border-radius:var(--border-radius-medium); padding:65px; }
.google-map { border-radius:var(--border-radius-medium); filter:hue-rotate(45deg); }
.contact-block-wrap { background:var(--primez); border-radius:var(--border-radius-medium); padding:0; min-height:200px; }
.contact-block { background:var(--secondz);
	border-radius:var(--border-radius-medium); transform:rotate(-5deg); height:100%; padding:20px 40px;
}
.contact-block h6 { transform:rotate(-5deg); }
.contact-block .custom-icon { background:var(--primez); border-radius:var(--border-radius-large);
	display:block; width:50px; height:50px; line-height:50px; text-align:center; position:relative;
}
.contact-block strong { display:block; color:var(--whitez); text-transform:uppercase; margin-top:20px; margin-bottom:10px; }

.custom-form .form-control { color:var(--pz); margin-bottom:24px; padding-top:13px; padding-bottom:13px; outline:none; transition:all 0.3s; }
.custom-form .form-control:hover,
.custom-form .form-control:focus { background:var(--sectn-bgz); border-color:transparent; }
.custom-form button[type="submit"] { background:var(--my-btn-bgz); border:none; border-radius:var(--border-radius-large);
	color:var(--whitez); font-size:var(--p-fsize); font-weight:var(--fweight-medium); transition:all 0.3s; margin-bottom:0;
}
.custom-form button[type="submit"]:hover,
.custom-form button[type="submit"]:focus { background:var(--my-btn-bg-hoverz); border-color:transparent; }

.site-footer { position:relative; padding:80px 50px; padding-top:0; }
.site-footer::after { content:""; background:linear-gradient(90deg, #FDBB2D 0%, #22C1C3 100%);
	position:absolute; right:0; bottom:0; left:0; width:100%; height:10px;
}
.site-footer-links { padding-left:0; }
.site-footer-link-item { list-style:none; display:inline-block; margin-right:15px; }
.site-footer strong { display:block; color:var(--secondz); }
.copyright-text { font-size:var(--copyright-fsize); }

.social-icon { margin:0; padding:0; }
.social-icon-item { list-style:none; display:inline-block; vertical-align:top; }
.social-icon-link { background:var(--secondz); border-radius:var(--border-radius-large); color:var(--whitez);
	font-size:var(--copyright-fsize); display:block; margin:0 3px; text-align:center; width:35px; height:35px; line-height:36px;
	transition:background 0.2s, color 0.2s;
}
.social-icon-link:hover { background:var(--primez); color:var(--whitez); }
.social-icon-link span { display:block; }

@media screen and (max-width:1200px) { h1 { font-size:48px; } }
@media screen and (max-width:991px) {
	h1 { font-size:48px; } h2 { font-size:36px; } h3 { font-size:32px; } h4 { font-size:28px; } h5 { font-size:20px; } h6 { font-size:18px; }
	.section-padding,
	.hero-section { padding:50px 25px; }
	.custom-block { display:none; }
	.navbar { background-color:var(--darkz); }
	.navbar-expand-lg .navbar-nav { padding-bottom:30px; }
	.navbar-expand-lg .navbar-nav .nav-link { padding:0; }
	.booking-form { padding:45px; }
}
@media screen and (max-width:767px) { .custom-btn { font-size:14px; padding:10px 20px; } }
@media screen and (max-width:480px) {
	h1 { font-size:38px; } h2 { font-size:28px; } h3 { font-size:26px; } h4 { font-size:22px; } h5 { font-size:20px; }
	.services-info h4 { font-size:20px; }
	.booking-form { padding:35px; }
}
/***** SRAST Team (Study & Research on Arabic Scientific Tradition) *****/