diff --git a/app/assets/stylesheets/_bootstrap-customizations.scss b/app/assets/stylesheets/_bootstrap-customizations.scss index 03667882..4684ac90 100644 --- a/app/assets/stylesheets/_bootstrap-customizations.scss +++ b/app/assets/stylesheets/_bootstrap-customizations.scss @@ -7650,212 +7650,6 @@ abbr[title] { } } -@media (max-width: 1100px) { - .landing_page { - .carousel-inner { - .carousel-box { - padding: 5px 10px 0; - height: 300px; - } - } - - .research { - .widget-header-place { - font-size: 13px; - line-height: 16px; - } - } - } -} - -@media (max-width: 768px) { - .landing_page { - .landing-header { - padding: 50px 0 50px; - - h1 { - font-size: 22px; - line-height: 27px; - margin: 0 0 20px; - } - - p { - font-size: 14px; - line-height: 20px; - max-width: 90%; - margin: 0 auto 30px; - } - - .browse { - width: 95%; - margin: 25px auto 0; - text-align: center; - - .browse-label { - text-align: center; - margin-bottom: 15px; - } - - .solutions-box { - display: block; - - a { - margin: 0 5px 15px 5px; - display: inline-block; - } - } - } - } - - .research-activity { - padding: 50px 0; - - h2 { - font-size: 25px; - line-height: 30px; - } - - .activity { - width: 95%; - margin: 0 auto 50px; - - .activity-texts { - .activity-title { - font-size: 15px; - line-height: 20px; - margin-bottom: 5px; - } - - .activity-subtitle { - font-size: 13px; - line-height: 18px; - } - } - - &:hover { - .activity-icon { - margin: 0 20px 0 0; - } - } - } - } - - .support { - padding: 0 0 50px; - - h3 { - font-size: 25px; - line-height: 30px; - margin: 40px 0 25px; - } - } - - .eosc-navy { - padding: 45px 15px 45px; - - .mb-5 { - text-align: center; - margin-bottom: 15px; - } - - h4 { - font-size: 16px; - line-height: 22px; - margin: 0; - text-align: center; - } - - .eosc-info-icon { - img { - width: 45px; - } - } - } - - .provider { - padding: 45px 15px 60px; - - h3 { - font-size: 20px; - line-height: 25px; - margin: 25px 0 25px; - } - - .communities { - margin-top: 100px; - - .lead { - font-size: 18px; - line-height: 24px; - margin: 0 auto 40px; - } - } - } - - .research { - padding: 40px 15px 50px; - - h3 { - font-size: 25px; - line-height: 30px; - } - - h4 { - font-size: 19px; - line-height: 23px; - } - - .lead { - font-size: 16px; - line-height: 26px; - } - - .carousel-box { - margin-bottom: 30px; - height: auto; - padding-bottom: 20px; - } - } - - .questions { - padding: 70px 15px 65px; - - h3 { - font-size: 22px; - line-height: 25px; - margin: 30px 0 15px; - } - - .lead { - font-size: 17px; - line-height: 22px; - } - - .contact-form { - margin-top: 40px; - } - } - - .facilities { - padding: 0 15px 55px; - background: url("landing_page/facilities.png") 30% 100% no-repeat; - background-size: auto 100%; - min-height: 310px; - - h3 { - font-size: 22px; - line-height: 30px; - margin: 50px 0 25px; - } - - .blue-link { - font-size: 15px; - margin-top: 20px; - } - } - } -} - .new-service, .edit-service { .accordion { @@ -8257,3 +8051,284 @@ footer { } } } + +// scss-lint:disable all +@media (max-width: 1100px) { + .landing_page { + .carousel-inner { + .carousel-box { + padding: 5px 10px 0; + height: 300px; + } + } + + .research { + .widget-header-place { + font-size: 13px; + line-height: 16px; + } + } + } +} + +@media (max-width: 768px) { + .eosc-common.top { + .container { + padding-left: 10px !important; + padding-right: 10px !important; + } + } + + .eosc-common.white-label { + .left-links { + .header-logo-whitelabel { + width: 100px; + height: 32px; + background-size: contain; + margin-top: 5px; + } + } + } + + .landing_page { + .landing-header { + padding: 35px 0; + + h1 { + font-size: 20px; + line-height: 27px; + margin: 0 0 20px; + } + + p { + font-size: 14px; + line-height: 20px; + max-width: 90%; + margin: 0 auto 30px; + } + + .browse { + width: 95%; + margin: 25px auto 0; + text-align: center; + display: block !important; + + .browse-label { + text-align: center; + margin-bottom: 10px; + } + + .solutions-box { + display: block; + + a { + margin: 0 5px 15px; + display: inline-block; + } + } + } + } + + .research-activity { + padding: 50px 0; + + h2 { + font-size: 25px; + line-height: 30px; + } + + .activity { + width: 95%; + margin: 0 auto 25px; + + .activity-texts { + .activity-title { + font-size: 15px; + line-height: 20px; + margin-bottom: 5px; + } + + .activity-subtitle { + font-size: 13px; + line-height: 18px; + } + } + + &:hover { + .activity-icon { + margin: 0 20px 0 0; + } + } + } + + .activity-wrapper { + display: block; + + .text-wrapper { + display: block; + padding-top: 10px; + width: 100%; + font-size: 16px; + text-align: center; + line-height: 28px; + } + } + } + + .support { + padding: 0 0 50px; + + h3 { + font-size: 25px; + line-height: 30px; + margin: 40px 0 25px; + } + } + + .eosc-navy { + padding: 45px 15px 45px; + + .mb-5 { + text-align: center; + margin-bottom: 15px; + } + + h4 { + font-size: 16px; + line-height: 22px; + margin: 0; + text-align: center; + } + + .eosc-info-icon { + img { + width: 45px; + } + } + } + + .provider { + padding: 45px 15px 60px; + + h3 { + font-size: 20px; + line-height: 25px; + margin: 25px 0; + } + + .communities { + margin-top: 100px; + + .lead { + font-size: 18px; + line-height: 24px; + margin: 0 auto 40px; + } + } + } + + .research { + padding: 40px 15px 50px; + + h3 { + font-size: 25px; + line-height: 30px; + } + + h4 { + font-size: 19px; + line-height: 23px; + } + + .lead { + font-size: 16px; + line-height: 26px; + } + + .carousel-box { + margin-bottom: 30px; + height: auto; + padding-bottom: 20px; + } + } + + .questions { + padding: 0 0 45px; + + h3 { + font-size: 22px; + line-height: 25px; + margin: 30px 0 15px; + } + + .lead { + font-size: 17px; + line-height: 22px; + } + + .contact-form { + margin-top: 40px; + } + + .container { + .questions-wrapper { + padding: 0 20px 35px; + } + } + } + + .facilities { + padding: 0 15px 55px; + background: url("landing_page/facilities.png") 30% 100% no-repeat; + background-size: auto 100%; + min-height: 310px; + + h3 { + font-size: 22px; + line-height: 30px; + margin: 50px 0 25px; + } + + .blue-link { + font-size: 15px; + margin-top: 20px; + } + } + } + + .qa-button { + height: auto; + font-size: 13px; + padding-right: 40px; + } + + .learn { + .learn-link { + margin-bottom: 25px; + } + } + + .popular-services-box { + margin-bottom: 25px; + } + + footer { + .footer-left { + .footer-row { + display: flex; + justify-content: space-between; + flex-direction: column; + row-gap: 30px; + } + } + + .footer-right { + .row { + width: 100%; + text-align: center; + display: block; + } + } + } +} +// scss-lint:enable all