'); background-size: cover; margin-left: 5px;}.main-news .mn-list ul li a:hover { color: var(--fcolor);}.pagenation { text-align: center;}.pagenation li { display: inline-block; overflow: hidden; margin: 4px 0; padding: 10px; list-style-type: none;}.pagenation a { display: inline-block; margin-bottom: 5px; padding: 5px 10px; color: #000; background: #fff; border: 1px solid #000; border-radius: 4px;}.pagenation a:hover { color: #fff; background: var(--bcolor); border: 1px solid var(--bcolor);}.footer { position: relative; padding: 60px 0 0 0; background: #111;}.footer a,.footer p { color: #fff;}.footer .row { margin: 0;}.footer .footer-widget { position: relative; width: 100%; margin-bottom: 60px;}.footer .footer-widget .title { color: #fff; font-size: 18px; letter-spacing: 1px; padding-bottom: 10px; margin-bottom: 25px; border-bottom: 3px double #fff;}.footer .footer-widget p { color: #fff;}.footer .footer-widget ul { margin: 0; padding: 0; list-style: none;}.footer .footer-widget ul li { margin-bottom: 12px;}.footer .footer-widget ul li:last-child { margin-bottom: 0;}.footer .footer-widget ul li a { color: #fff; display: block; line-height: 23px;}.footer .footer-widget ul li a::before { content: ""; display: inline-block; width: 12px; height: 12px; background-image: url('data:image/svg+xml;utf8,'); background-size: cover; margin-left: 5px;}.footer .footer-widget ul li a:hover { padding-right: 10px; color: var(--fcolor);}.footer .contact-info p { margin-bottom: 10px; color: #fff; font-size: 16px;}.footer .contact-info p i { color: #fff; margin-left: 5px;}.footer .social { position: relative; width: 100%;}.footer .social a { display: inline-block; margin: 10px 5px 0 0; width: 35px; height: 35px; padding: 5px 0; text-align: center; font-size: 16px; background: #fff; border-radius: 4px;}.footer .social a i { color: #111;}.footer .social a:hover { background: var(--bcolor);}.footer .social a:hover i { color: #fff;}.fa-envelope { background-image: url('data:image/svg+xml;utf8,');}.fa-twitter { background-image: url('data:image/svg+xml;utf8,');}.fa-facebook-f { background-image: url('data:image/svg+xml;utf8,');}.fa-pinterest { background-image: url('data:image/svg+xml;utf8,');}.fa-instagram { background-image: url('data:image/svg+xml;utf8,');}.fa-youtube { background-image: url('data:image/svg+xml;utf8,');}.fa-telegram { background-image: url('data:image/svg+xml;utf8,');}.footer .newsletter { position: relative; width: 100%;}.footer .newsletter form { position: relative; width: 100%;}.footer .newsletter input { width: 100%; height: 35px; padding: 0 15px; border: 1px solid #fff; border-radius: 4px;}.footer .newsletter .btn { position: absolute; width: 80px; height: 35px; top: 0; left: 0; padding: 0 15px; border: none; background: #111; color: #fff; font-size: 14px; border: 1px solid #fff; border-radius: 0 4px 4px 0;}.footer .newsletter .btn:hover { background: var(--bcolor);}.footer .newsletter .btn:focus,.footer .newsletter input:focus { box-shadow: none;}.footer-menu { position: relative; background: #111;}.footer-menu .container { padding: 15px 0; border-top: 1px solid #000;}.footer-menu .f-menu { font-size: 0; text-align: center;}.footer-menu .f-menu a { color: #fff; font-size: 14px; margin-left: 15px; padding-left: 15px; height: 48px; display: inline-block;}.footer-menu .f-menu a:hover { color: var(--fcolor);}.footer-menu .f-menu a:last-child { margin-left: 0; padding-left: 0; border-left: none;}.footer-bottom { position: relative; padding: 25px 0; background: #000;}.footer-bottom a { color: #fff;}.footer-bottom .copyright { text-align: right;}.footer-bottom .copyright p { color: #fff; font-weight: 400; margin: 0;}.footer-bottom .copyright p a { font-weight: 600;}.footer-bottom .copyright p a:hover { color: #fff;}@media (max-width: 768.98px) { .footer-bottom .copyright { text-align: center; }}.back-to-top { position: fixed; display: none; background: var(--bcolor); color: #fff; width: 35px; height: 35px; text-align: center; line-height: 1; font-size: 16px; left: 15px; bottom: 15px; transition: background 0.5s; border-radius: 4px; z-index: 11;}.back-to-top:hover { background: #000;}.back-to-top i { padding-top: 9px; color: #fff;}
حالة الطقس الصفحة 4 - صحتك أغلى ما تملك