Files
RangelDigital/rangeldigital/public/css/rangeldigital.css
2025-02-11 17:29:14 -08:00

137 lines
8.6 KiB
CSS

body {background:#01071C!important}
section {padding:40px 0px;background:#01071C}
section {background:#01071C}
.row {margin-bottom:20px}
.rd-heading-row {margin-bottom:50px}
.rd.card {background-color:#1C2037}
h1,h2,h3,h4,h5,h6,p {color:#E0E0E0}
h2.rd {color:#E0E0E0}
.rd-button-one {padding:10px 20px;font-weight:bold;border-radius:3px;color:black;background-image: linear-gradient(134deg, #008AFC 27%, #97F8F4 100%)}
.text-gradient-1 {background-clip:text;-webkit-background-clip: text !important;padding-top:10px;padding-bottom:20px;background: -webkit-linear-gradient(#119CFF, #97F8F4);-webkit-text-fill-color: transparent}
/* ----- Gradients ----- */
.rd-background-gradient-1 {background-color:transparent;background-image:linear-gradient(45deg, rgb(0, 138, 252) 0%, rgb(28, 31, 55) 100%);border-bottom-color:rgb(17, 156, 255)}
.rd-background-gradient-left-1 {position:relative}
.rd-background-gradient-left-1:before {content:"";display:block;position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position: center left;background-image:url(/assets/rangeldigital/files/img/bg-gradient-left-1.jpg)}
/* ------- NAVARS * ---------*/
nav.rd-navbar-1 {padding-left:15px;padding-right:15px}
nav.rd-navbar-1 .navbar-toggler svg {stroke:white}
.rd-navbar-1 .nav-item a {color:white;font-weight:bold;font-size:1rem}
.rd-navbar-1 .navbar-brand {font-size:1.5rem;font-weight:bold;background-clip:text;-webkit-background-clip: text !important;padding-top:10px;padding-bottom:20px;background: -webkit-linear-gradient(#119CFF, #97F8F4);-webkit-text-fill-color: transparent}
.rd-navbar-1 .dropdown-menu {overflow:hidden;background:#003073;border:1px solid #87868636;padding:0}
.rd-navbar-1 .dropdown-menu .dropdown-item {background-color:#003073;padding: 15px 35px!important;border-radius:0}
.rd-navbar-1 .dropdown-item:hover {background-color:#008AFC}
@media only screen and (max-width: 991px) {
.rd-navbar-1 #navbarSupportedContent {background:#003073!important;padding-left:20px;padding-right:20px}
.rd-navbar-1 #navbarSupportedContent a {font-size:1rem;font-weight:400}
}
/* ------- Sections --------*/
/* ------- 50/50 Accordion Section - 1 ---------*/
section.rd-fifty-fifty-accordion-one {background:#01071C;position:relative;z-index:1}
.rd-fifty-fifty-accordion-one .rd-heading-row {margin-bottom:80px}
.rd-fifty-fifty-accordion-one p {font-size:1.5rem}
.rd-fifty-fifty-accordion-one .accordion-header {color:white;font-size:1.5rem}
.rd-fifty-fifty-accordion-one .accordion-header button:after {content:"";background-image:url("/assets/rangeldigital/files/svg/down.svg");filter:brightness(100);height:17px;width:17px}
.rd-fifty-fifty-accordion-one .accordion-body {color:white;font-size:1.1rem}
.rd-fifty-fifty-accordion-one button {width:100%;text-align:left;color:white;background:none;border:none}
@media only screen and (min-width: 768px) {
.rd-fifty-fifty-accordion-one .rd-accordion-column:before {content:"";position:absolute;background:white;height:100%;width:1px}
}.rd-fifty-fifty-accordion-one .accordion-item {gap:10px;padding-left:20px}
.rd-fifty-fifty-accordion-one .accordion-body {padding-left:10px}
/* ------- Parallax Cards - 1 ---------*/
.rd-parallax-cards-one .feature-item-inner {background-color:transparent;background-image:linear-gradient(180deg, rgb(0, 138, 252) 0%, rgb(28, 31, 55) 100%);border-bottom-color:rgb(17, 156, 255)}
/* ------- 5 Card Section - 1 ---------*/
.rd-5-card-section-1 h2 {color:white;margin-bottom:40px}
.rd-5-card-section-1 h5 {color:white;font-weight:400}
.rd-5-card-section-1 .card {background:#1D1F37;position:relative;min-height:25vh;padding:20px 0px 400px 0px}
.rd-5-card-section-1 img {position:absolute;bottom:0;right:0}
.rd-5-card-section-1 .card-body {z-index:1}
.rd-5-card-section-1 .card p {font-size:2rem;font-weight:bold;position:relative;z-index:1}
.rd-5-card-section-1 .card-two {background-color:transparent;background-image:linear-gradient(180deg, rgb(0, 138, 252) 0%, rgb(28, 31, 55) 100%);border-bottom-color:rgb(17, 156, 255)}
.rd-5-card-section-1 .row {row-gap:20px}
@media only screen and (max-width: 767px) {
.rd-5-card-section-1 .card {min-height:40vh;padding:20px 0px 200px 0px}
}
/* Page Heading 1 */
section.page-heading-1 {padding-top:255px;padding-bottom:120px}
.page-heading-1 h1 {color:white;font-size:4rem;font-weight:bold}
.page-heading-1 h2 {color:white;margin-bottom:60px;}
.page-heading-1 {--background-overlay: '';
background-color: transparent;
background-image: radial-gradient(at center center, #004BADBF 0%, var(--e-global-color-495d27d) 69%);}
@media only screen and (max-width: 767px) {
.page-heading-1 h1 {font-size:3rem}
section.page-heading-1 {padding-top:150px;padding-bottom:80px}
}
/* 4 Blurb Box Section - 1 */
section.rd-four-blurb-box-one {padding:20px;position:relative;padding-top:100px;padding-bottom:100px}
section.rd-four-blurb-box-one > .container {background:blue;overflow:hidden;position:relative;z-index:1;min-height:700px;border-radius:10px;background-color:rgb(28, 31, 55)}
.rd-four-blurb-box-one > .container:before {opacity:0.9;content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-image:url(/assets/rangeldigital/files/img/bg-gradient-1.jpg)}
.rd-four-blurb-box-one .rd-heading-row {margin-bottom:150px}
.rd-four-blurb-box-one h2 {font-size:3rem}
.rd-four-blurb-box-one h5 {color:white;font-size:1.5rem;font-weight:bold}
.rd-four-blurb-box-one p.rd-sub-heading {color:white;font-size:1.5rem}
.rd-four-blurb-box-one .col-md-3 p {color:#A5A5A5}
@media only screen and (max-width: 767px) {
.rd-four-blurb-box-one .rd-heading-row {margin-bottom:40px}
.rd-four-blurb-box-one .col-md-3 {text-align:center}
}
/* 6 Card Section - 1 */
.rd-six-card-section-one {row-gap:20px;position:relative}
.rd-six-card-section-one:before {content:"";display:block;position:absolute;top:0;bottom:0;right:0;width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position: center right;background-image:url(/assets/rangeldigital/files/img/bg-gradient-right-1.jpg)}
.rd-six-card-section-one .card {min-height:300px}
.rd-six-card-section-one h2 {font-size:3rem;margin-bottom:60px;color:white}
.rd-six-card-section-one h5 {font-size:1.5rem;color:#008AFC}
.rd-six-card-section-one p {color:white}
@media only screen and (max-width: 767px) {
.rd-six-card-section-one .row {gap:20px}
}
/* 40/60 Stat Blurbs Section - 1 */
.rd-forty-sixty-stat-blurbs-section-one .rd-heading-row {margin-bottom:30px}
.rd-forty-sixty-stat-blurbs-section-one .rd-heading {margin:0;color:white;font-weight:400;font-size:2.5rem;line-height:3.5rem}
.rd-forty-sixty-stat-blurbs-section-one .rd-sub-heading {color:white;font-weight:200;font-size:1.2rem}
.rd-forty-sixty-stat-blurbs-section-one .rd-blurb-row {border-top:1px solid #D5DFFF5E;padding-top:30px}
.rd-forty-sixty-stat-blurbs-section-one .rd-blurb-heading {color:white;font-weight:200;font-size:4rem;line-height:4rem}
.rd-forty-sixty-stat-blurbs-section-one .rd-blurb-sub-heading {color:white;font-weight:200;font-size:1.2rem}
@media only screen and (max-width: 767px) {
.rd-forty-sixty-stat-blurbs-section-one .rd-heading {font-size:2rem;line-height:2.5rem}
.rd-forty-sixty-stat-blurbs-section-one .rd-heading-row {flex-direction:row-reverse}
.rd-forty-sixty-stat-blurbs-section-one .rd-heading-row .col-md-9 {margin-bottom:40px}
.rd-forty-sixty-stat-blurbs-section-one .rd-blurb-heading {font-size:3rem;line-height:3rem}
}
/* ---------- Parallax Cards - 1 ---------- */
.rd-parallax-cards-1 .rd-sub-heading {margin-bottom:60px}
/* ---------- Page Heading - 2 ---------- */
section.rd-page-heading-2 {padding-top:255px;padding-bottom:120px}
.rd-page-heading-2 .rd-heading {font-size:4rem;font-weight:bold}
.rd-page-heading-2 .rd-sub-heading {color:white;font-size:1rem;font-weight:bold}
.rd-page-heading-2 img {margin-top:80px}
@media only screen and (max-width: 767px) {
section.rd-page-heading-2 {padding-top:150px;padding-bottom:80px}
.rd-page-heading-2 .rd-heading {font-size:2rem}
}
/* ---------- Footers ---------- */
footer.rd-footer-1 {position:relative;padding-top:100px;min-height:400px;background:#01071C}
footer.rd-footer-1:before {opacity:0.5;content:"";display:block;position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;background-size:cover;background-image:url(/assets/rangeldigital/files/img/bg-gradient-waves-1.jpg)}
footer.rd-footer-1 .rd-heading {font-size:3rem;font-weight:bold}
footer.rd-footer-1 .rd-sub-heading {font-size:1.5rem;color:white}
footer.rd-footer-1 ul {padding:0;list-style:none}
footer.rd-footer-1 ul li {color:white}
footer.rd-footer-1 .rd-footer-column-heading {color:white;font-weight:bold}