/* VARIABLES */ /* * scss-docs-start theme-color-variables * $brand-success: $green; * $brand-info: $teal; * $brand-warning: $orange; * $brand-danger: $red; */ /* * Body * Settings for the `` element. */ /* * Links * Style anchor elements. * $link-color: $accent-shade; * $link-hover-color: $accent-dark; * $link-hover-decoration: underline; */ /* * Comments * Breadcrumbs (Works only on Bootstrap 5+) * $breadcrumb-divider: quote(">"); */ /* Responsive font sizes * Breadcrumbs (Works only on Bootstrap 5+) * $breadcrumb-divider: quote(">"); * */ /* TYPOGRAPHY */ /* Google Fonts */ .site-footer { background-color: #121e38; margin-top: 8.3125rem; position: relative; z-index: 1; } .site-footer::before { content: ""; position: absolute; inset: 0; background-image: url("../../images/footer-bg-dark.png"); background-size: cover; background-position: center; filter: brightness(80%); transition: filter 0.4s ease; } .site-footer:hover::before { filter: brightness(150%); } .site-footer .first-row { padding-top: 7.25rem; padding-bottom: 6rem; position: relative; } .site-footer .first-row .web-form { align-items: center; } .site-footer .first-row .web-form .footer-branding .tagline { margin: 2rem 0; max-width: 650px; } .site-footer .first-row .web-form .footer-branding .tagline p { color: #d8d4d7; font-size: 4.5rem; font-weight: 700; line-height: 1.25; } .site-footer .first-row .web-form .footer-branding .social-icons { display: flex; gap: 16px; } .site-footer .first-row .web-form .footer-branding .social-icons .icon { background: #000; padding: 0.8125rem 0.9375rem; border-radius: 50%; transition: 0.3s ease-in-out; width: 60px; height: 58px; } .site-footer .first-row .web-form .footer-branding .social-icons .icon:hover { background: #425471; } .site-footer .first-row .web-form .footer-branding .social-icons .icon img { width: 30px; height: 22px; } .site-footer .first-row .web-form .block-webform .webform-submission-newsletter-form .js-form-item label { color: #d8d4d7; font-size: 1.5rem; font-weight: 400; line-height: 2.125rem; margin-bottom: 1rem; } @media (min-width: 62rem) and (max-width: 64rem) { .site-footer .first-row .web-form .block-webform .webform-submission-newsletter-form .js-form-item label { font-size: 1.25rem; line-height: 1.875rem; } } .site-footer .first-row .web-form .block-webform .webform-submission-newsletter-form .js-form-item input { height: 48px; border-radius: 0; background: #717f95; border: none; width: 344px; } @media (min-width: 62rem) and (max-width: 64rem) { .site-footer .first-row .web-form .block-webform .webform-submission-newsletter-form .js-form-item input { width: 300px; } } .site-footer .first-row .web-form .block-webform .webform-submission-newsletter-form .webform-button--submit { color: #13294e; font-size: 1rem; font-weight: 700; line-height: 1.625rem; background: #dbccbb; padding: 0.75rem 1.5rem; transition: 0.3s ease-in-out; margin-top: 1.5rem; } .site-footer .first-row .web-form .block-webform .webform-submission-newsletter-form .webform-button--submit::after { display: none; } .site-footer .first-row .web-form .block-webform .webform-submission-newsletter-form .webform-button--submit:hover { background: #ede5dd; } .site-footer .second-row { position: relative; } .site-footer .second-row section { display: flex; flex-wrap: nowrap; gap: 68px; border-bottom: solid 1px #425471; padding-bottom: 3.5rem; } @media (min-width: 62rem) and (max-width: 64rem) { .site-footer .second-row section { flex-wrap: wrap; } } .site-footer .second-row section #block-aki-projects .nav .nav-item:last-child { position: relative; display: flex; } .site-footer .second-row section #block-aki-projects .nav .nav-item:last-child .nav-link { color: #a47f55; } .site-footer .second-row section #block-aki-projects .nav .nav-item:last-child::after { content: url("../../images/arrow-left-gold.svg"); position: absolute; right: 40px; } .site-footer .second-row section .block-menu { width: max-content; } .site-footer .second-row section .block-menu h2 { color: #a1a9b8; font-size: 1.125rem; font-weight: 700; line-height: 1.5625rem; margin-bottom: 0; font-family: "FrutigerLTArabic", -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, Helvetica, Arial, sans-serif !important; text-transform: uppercase; } .site-footer .second-row section .block-menu .nav { flex-direction: column; } .site-footer .second-row section .block-menu .nav .nav-item { margin: 0.5rem 0 0.5rem 0; } .site-footer .second-row section .block-menu .nav .nav-item .nav-link { padding: 0; color: #a1a9b8; font-size: 1rem; line-height: 1.625rem; transition: 0.3s ease-in-out; text-transform: capitalize; } .site-footer .second-row section .block-menu .nav .nav-item .nav-link:hover { color: #e8e9ec; } .site-footer .second-row section #block-aki-footercontactus { width: max-content; } .site-footer .second-row section #block-aki-footercontactus .content .field--name-body .contact-box h2 { color: #a1a9b8; font-size: 1.125rem; font-weight: 700; line-height: 1.5625rem; margin-bottom: 0; font-family: "FrutigerLTArabic", -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, Helvetica, Arial, sans-serif !important; } .site-footer .second-row section #block-aki-footercontactus .content .field--name-body .contact-box .contact-item, .site-footer .second-row section #block-aki-footercontactus .content .field--name-body .contact-box a { align-items: center; display: flex; gap: 16px; margin: 0.5rem 0 0.5rem 0; padding: 0; color: #a1a9b8; font-size: 1rem; line-height: 1.625rem; transition: 0.3s ease-in-out; } .site-footer .second-row section #block-aki-footercontactus .content .field--name-body .contact-box .contact-item:hover, .site-footer .second-row section #block-aki-footercontactus .content .field--name-body .contact-box a:hover { color: #e8e9ec; } .site-footer .third-row { position: relative; padding: 1.8125rem 0 3.625rem 0; } .site-footer .third-row section #block-aki-termscondition .nav { gap: 41px; } .site-footer .third-row section #block-aki-termscondition .nav .nav-item .nav-link { padding: 0; color: #a1a9b8; font-size: 1rem; line-height: 1.625rem; transition: 0.3s ease-in-out; text-transform: capitalize; } .site-footer .third-row section #block-aki-termscondition .nav .nav-item .nav-link:hover { color: #e8e9ec; } .site-footer .third-row section #block-aki-copyright ul { flex-direction: row-reverse; } .site-footer .third-row section #block-aki-copyright ul .nav-item .nav-link { padding: 0; color: #a1a9b8; font-size: 1rem; line-height: 1.625rem; text-transform: capitalize; } @media (max-width: 61.9375rem) { .site-footer .first-row { padding-top: 4rem; padding-bottom: 0; } .site-footer .first-row .web-form .footer-branding .tagline p { font-size: 2.75rem; } .site-footer .first-row .web-form .block-webform { margin: 2rem 0; } .site-footer .first-row .web-form .block-webform .webform-submission-newsletter-form .js-form-item label { font-size: 1.125rem; line-height: 1.75rem; } .site-footer .first-row .web-form .block-webform .webform-submission-newsletter-form .js-form-item input { width: -webkit-fill-available; } .site-footer .first-row .web-form .block-webform .webform-submission-newsletter-form .webform-button--submit { font-size: 0.75rem; line-height: 1.375rem; padding: 0.75rem 1.25rem; } .site-footer .second-row section { flex-wrap: wrap; gap: 32px; padding-bottom: 2rem; } .site-footer .second-row section .block-menu h2 { font-size: 0.875rem; line-height: 1.375rem; } .site-footer .second-row section .block-menu .nav .nav-item .nav-link { font-size: 0.75rem; line-height: 1.375rem; } .site-footer .third-row { padding: 2rem 0 4rem 0; } .site-footer .third-row section #block-aki-termscondition { margin-bottom: 2rem; } .site-footer .third-row section #block-aki-termscondition .nav { gap: 0; } .site-footer .third-row section #block-aki-termscondition .nav .nav-item { flex-basis: 50%; } .site-footer .third-row section #block-aki-termscondition .nav .nav-item:last-child { text-align: end; } .site-footer .third-row section #block-aki-termscondition .nav .nav-item .nav-link { font-size: 0.75rem; line-height: 1.375rem; } .site-footer .third-row section #block-aki-copyright ul { justify-content: center; gap: 0 !important; } .site-footer .third-row section #block-aki-copyright ul .nav .nav-item .nav-link { font-size: 0.75rem; line-height: 1.375rem; } }