@@ -223,32 +423,6 @@
Your favourite CSS syntaxes - all under one roof
-
-
-
-
-
-
- Building a better website, together
-
-
-
-
-
-
-
-
-
-
Help & Support
-
Guidance every step of the way
-
Outside of a cool new feature, each branch comes with an introductory landing page (just like this one) and a branch-specific README. The landing page gives you a quick overview of the branch, with the README providing more technical details should you wish to expand.
-
Additionally, all project-critical actions that need to be taken have a comment containing "CS-TODO". After merging in your branches, you can search the codebase for "CS-TODO", find the most important changes that need to be made, and action them effortlessly.
-
Finally, if you are still stuck or find a bug in the kit, you can use the CTAs in the header to get directly in touch with the kit creators, or reach out to a community of hundreds of other developers.
-
The kit continues to be supported going forward, with a complete set of tutorial videos and additional feature branches planned in the very near future. Follow our subreddit to stay up to date!
-
Learn More
-
-
+
{% endblock %}
\ No newline at end of file
diff --git a/starter-styles/sass/local.scss b/starter-styles/sass/local.scss
index 67d7962..27903ed 100644
--- a/starter-styles/sass/local.scss
+++ b/starter-styles/sass/local.scss
@@ -1,530 +1,680 @@
/*-- -------------------------- -->
<--- Hero -->
<--- -------------------------- -*/
-
/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
#hero-1621 {
/* 296px - 364px - top leaving extra space for the navigation */
/* 60px - 100px bottom */
- padding: clamp(18.5rem, 25.95vw, 22.75rem) calc(16 / 16 * 1rem)
+ padding: clamp(18.5rem, 25.95vw, 22.75rem) 1rem
clamp(3.75rem, 7.82vw, 6.25rem);
position: relative;
z-index: 1;
/* prevents the topper line from causing an overflow */
overflow: hidden;
+ }
+ #hero-1621 .cs-container {
+ width: 100%;
+ max-width: 80rem;
+ margin: auto;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ flex-wrap: wrap;
+ /* 140px - 180px */
+ gap: clamp(8.75rem, 13vw, 11.25rem);
+ }
+ #hero-1621 .cs-content {
+
+ width: 100%;
+ max-width: 53.125rem;
+ /* prevents padding from affecting height and width */
+ box-sizing: border-box;
+ /* 112px - 144px top & bottom */
+ /* 16px - 48px left & right */
+ padding: clamp(7rem, 8vw, 9rem) clamp(1rem, 5vw, 3rem);
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ position: relative;
+ z-index: 1;
+ }
+
+
+ #hero-1621 .cs-topper {
+ /* 13px - 16px */
+ font-size: clamp(0.8125rem, 1.5vw, 1rem);
+ font-weight: 700;
+ line-height: 1.2em;
+ text-align: center;
+ text-transform: uppercase;
+ letter-spacing: 0.1em;
+ margin-bottom: 0.25rem;
+ color: var(--primary);
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ gap: 0.5rem;
+ position: relative;
+ }
+ #hero-1621 .cs-chevron {
+ --chevronColor: var(--primary);
+ width: 3rem;
+ height: auto;
+ }
+ #hero-1621 .cs-title {
+ /* 39px - 61px */
+ font-size: clamp(5.4375rem, 8.4vw, 14.8125rem);
+ font-weight: 700;
+ line-height: 1.2em;
+ text-align: start;
+ max-width: 51.8125rem;
+ /* 16px - 24px */
+ margin-top:-200px;
+ color: #d7b65d;
+ position: relative;
+ }
+ #hero-1621 .cs-title2 {
+ /* 39px - 61px */
+ font-size: clamp(5.4375rem, 8.4vw, 10.8125rem);
+ font-weight: 700;
+ line-height: 1.2em;
+ text-align: start;
+ max-width: 51.8125rem;
+ /* 16px - 24px */
+ margin-top:-40px;
+ color: #fff;
+ position: relative;
+ }
+ #hero-1621 .cs-title3 {
+ /* 39px - 61px */
+ font-size:30px;
+ font-weight: 700;
+ line-height: 1.2em;
+ text-align: start;
+ max-width: 51.8125rem;
+ /* 16px - 24px */
+ margin-top: -100px;
+ margin-left: 20px;
+ color: #fff;
+ position: relative;
+ }
+ #hero-1621 .cs-text {
+ /* 16px - 20px */
+ font-size: clamp(1rem, 1.95vw, 1.25rem);
+ line-height: 1.5em;
+ text-align: center;
+ width: 100%;
+ /* 464px - 622px */
+ max-width: clamp(29rem, 60vw, 38.785rem);
+ margin: 0 auto 0;
+ margin-bottom: 2rem;
+ color: #fff;
+ }
+ #hero-1621 .cs-card-group {
+ width: 100%;
+ margin: 0;
+ padding: 0;
+ display: grid;
+ grid-template-columns: repeat(9, 8rem);
+ /* 16px - 20px */
+ gap: clamp(1rem, 2.3vw, 1.25rem);
+ }
+ #hero-1621 .cs-item {
+ text-align: left;
+ list-style: none;
+ width: 100%;
+ margin: 0;
+ /* prevents padding from affecting height and width */
+ box-sizing: border-box;
+ /* 24px - 32px */
+ padding: clamp(1.5rem, 3vw, 2rem);
+ background-color: #192026;
+ box-shadow: 0px 12px 80px 0px rgba(26, 26, 26, 0.08);
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: flex-start;
+ grid-column: span 12;
+ grid-row: span 1;
+ position: relative;
+ z-index: 1;
+ }
+ #hero-1621 .cs-icon {
+ width: 3rem;
+ height: auto;
+ margin: 0 0 auto 0;
+ padding: 0 0 1.5rem 0;
+ }
+ #hero-1621 .cs-h3 {
+ /* 20px - 25px */
+ font-size: clamp(1.25rem, 2.5vw, 1.5625rem);
+ font-weight: bold;
+ line-height: 1.2em;
+ text-align: inherit;
+ margin: 0 0 1rem 0;
+ color: var(--titleColor);
+ }
+ #hero-1621 .cs-item-text {
+ /* 14px - 16px */
+ font-size: clamp(0.875rem, 1.5vw, 1rem);
+ line-height: 1.5em;
+ max-width: 28.125rem;
+ margin: 0;
+ padding: 0;
+ color: var(--bodyTextColor);
+ }
+ #hero-1621 .cs-background {
+ width: 100%;
+ height: 55%;
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: -2;
+ }
+ #hero-1621 .cs-background:before {
+ /* Overlay */
+ content: "";
+ width: 100%;
+ height: 100%;
+ background: #111926;
+ opacity: 0.8;
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: 1;
+ /* prevents the cursor from interacting with it */
+ pointer-events: none;
+ }
+ #hero-1621 .cs-background img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ position: absolute;
+ top: 0;
+ left: 0;
+ }
+}
+/* Tablet - 768px */
+@media only screen and (min-width: 48rem) {
+ #hero-1621 .cs-item {
+ grid-column: span 6;
+ }
+ #hero-1621 .cs-background {
+ height: 70%;
+ }
+}
+/* Large Desktop - 1300px */
+@media only screen and (min-width: 81.25rem) {
+ #hero-1621 .cs-container {
+ width: 100%;
+ max-width: 80rem;
+
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ flex-wrap: wrap;
+ margin-right: 200px;
+ gap: clamp(8.75rem, 13vw, 11.25rem);
+ }
+ #hero-1621 .cs-content {
+
+ width: 100%;
+ max-width: 53.125rem;
+ /* prevents padding from affecting height and width */
+ box-sizing: border-box;
+ /* 112px - 144px top & bottom */
+ /* 16px - 48px left & right */
+ margin-bottom: 200px;
+ padding: clamp(7rem, 8vw, 9rem) clamp(1rem, 5vw, 3rem);
+ display: flex;
+ flex-direction: column;
+ align-items: start;
+ position: relative;
+ z-index: 1;
+ }
+ #hero-1621 .cs-item {
+ grid-column: span 3;
+ }
+ #hero-1621 .cs-background {
+ height: 80%;
+ }
+}
- .cs-container {
- width: 100%;
- max-width: calc(1280 / 16 * 1rem);
- margin: auto;
- display: flex;
- justify-content: center;
- align-items: center;
- flex-wrap: wrap;
- /* 140px - 180px */
- gap: clamp(8.75rem, 13vw, 11.25rem);
- }
- .cs-content {
- --cornerWidth: 8.75rem;
- --cornerHeight: 8.75rem;
-
- width: 100%;
- max-width: calc(850 / 16 * 1rem);
- /* prevents padding from affecting height and width */
- box-sizing: border-box;
- /* 112px - 144px top & bottom */
- /* 16px - 48px left & right */
- padding: clamp(7rem, 8vw, 9rem) clamp(1rem, 5vw, 3rem);
- display: flex;
- flex-direction: column;
- align-items: center;
- position: relative;
- z-index: 1;
-
- &:before {
- /* top left corner */
- content: "";
- width: 35vw;
- max-width: var(--cornerWidth);
- height: 35vw;
- max-height: var(--cornerHeight);
- opacity: 1;
- border: 2px solid #fff;
- border-right: none;
- border-bottom: none;
- display: block;
- position: absolute;
- top: 0;
- left: 0;
- z-index: -1;
- }
-
- &:after {
- /* top right corner */
- content: "";
- width: 35vw;
- max-width: var(--cornerWidth);
- height: 35vw;
- max-height: var(--cornerHeight);
- opacity: 1;
- border: 2px solid #fff;
- border-bottom: none;
- border-left: none;
- display: block;
- position: absolute;
- top: 0;
- right: 0;
- z-index: -1;
- }
- }
- .cs-corners {
- width: 100%;
- height: 100%;
- position: absolute;
- top: 0;
- left: 0;
- z-index: -1;
-
- &:before {
- /* bottom left corner */
- content: "";
- width: 35vw;
- max-width: var(--cornerWidth);
- height: 35vw;
- max-height: var(--cornerHeight);
- opacity: 1;
- border: 2px solid #fff;
- border-top: none;
- border-right: none;
- display: block;
- position: absolute;
- bottom: 0;
- left: 0;
- z-index: -1;
- }
-
- &:after {
- /* bottom right corner */
- content: "";
- width: 35vw;
- max-width: var(--cornerWidth);
- height: 35vw;
- max-height: var(--cornerHeight);
- opacity: 1;
- border: 2px solid #fff;
- border-top: none;
- border-left: none;
- display: block;
- position: absolute;
- right: 0;
- bottom: 0;
- z-index: -1;
- }
- }
+@media only screen and (min-width: 81.25rem) {
- .cs-topper {
- /* 13px - 16px */
- font-size: clamp(0.8125rem, 1.5vw, 1rem);
- font-weight: 700;
- line-height: 1.2em;
- text-align: center;
- text-transform: uppercase;
- letter-spacing: 0.1em;
- margin-bottom: calc(4 / 16 * 1rem);
- color: var(--primary);
- display: flex;
- justify-content: center;
- align-items: center;
- gap: calc(8 / 16 * 1rem);
- position: relative;
- }
+ #image-section {
+ margin-top: 100px;
+ position: relative;
+ width: 100%;
+ height: 600px; /* Adjust as needed */
+ overflow: hidden;
+ background-image: url('../images/road1.avif');
- .cs-chevron {
- --chevronColor: var(--primary);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: cover;
+
+ }
+
+
+ /* Container for titles */
+ #image-section .titles-container {
+ position: absolute;
+ top: 0;
+ left: 50%;
+ transform: translateX(-50%);
+ width: 100%;
+ text-align: center;
+ padding: 20px; /* Adjust as needed */
+ margin-top: 50px;
+ }
+
+ #image-section .title1 {
+ margin: 0;
+ color: #111926; /* Title color */
+ font-size: 1.5rem; /* Adjust size as needed */
+ font-weight: bold;
+ }
- width: calc(48 / 16 * 1rem);
- height: auto;
- }
+ #image-section .title2 {
+ margin: 0;
+ color: #d7b65d; /* Title color */
+ font-size: 6rem; /* Adjust size as needed */
+ font-weight: bold;
+ }
- .cs-title {
- /* 39px - 61px */
- font-size: clamp(2.4375rem, 6.4vw, 3.8125rem);
- font-weight: 700;
- line-height: 1.2em;
- text-align: center;
- max-width: calc(829 / 16 * 1rem);
- /* 16px - 24px */
- margin: 0 0 calc(40 / 16 * 1rem) 0;
- color: #fff;
- position: relative;
- }
+ #image-section .title3 {
+ margin: 0;
+ color: #111926; /* Title color */
+ font-size: 6rem; /* Adjust size as needed */
+ font-weight: bold;
+ }
- .cs-text {
- /* 16px - 20px */
- font-size: clamp(1rem, 1.95vw, 1.25rem);
- line-height: 1.5em;
- text-align: center;
- width: 100%;
- /* 464px - 622px */
- max-width: clamp(29rem, 60vw, 38.785rem);
- margin: 0 auto 0;
- margin-bottom: calc(32 / 16 * 1rem);
- color: #fff;
- }
+
+
- .cs-card-group {
- width: 100%;
- margin: 0;
- padding: 0;
- display: grid;
- grid-template-columns: repeat(12, 1fr);
- /* 16px - 20px */
- gap: clamp(1rem, 2.3vw, 1.25rem);
- }
+}
- .cs-item {
- text-align: left;
- list-style: none;
- width: 100%;
- margin: 0;
- /* prevents padding from affecting height and width */
- box-sizing: border-box;
- /* 24px - 32px */
- padding: clamp(1.5rem, 3vw, 2rem);
- background-color: #fff;
- box-shadow: 0px 12px 80px 0px rgba(26, 26, 26, 0.08);
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: flex-start;
- grid-column: span 12;
- grid-row: span 1;
- position: relative;
- z-index: 1;
- }
+@media only screen and (min-width: 81.25rem) {
- .cs-icon {
- width: calc(48 / 16 * 1rem);
- height: auto;
- margin: 0 0 auto 0;
- padding: 0 0 calc(24 / 16 * 1rem) 0;
- }
+ #image2 .overlay-image {
+ margin-top: 3200px;
+ position: absolute;
+ top: 0;
+ left: 50%;
+ transform: translateX(-50%);
+ width: 70%; /* Adjust the width as needed */
+ height: auto; /* Maintain aspect ratio */
+ z-index: 2; /* Ensure it appears above both sections */
+ pointer-events: none; /* Allow clicks to pass through */
+ }
+
+ /* Container for titles */
+
+}
- .cs-h3 {
- /* 20px - 25px */
- font-size: clamp(1.25rem, 2.5vw, 1.5625rem);
- font-weight: bold;
- line-height: 1.2em;
- text-align: inherit;
- margin: 0 0 calc(16 / 16 * 1rem) 0;
- color: var(--headerColor);
- }
- .cs-item-text {
- /* 14px - 16px */
- font-size: clamp(0.875rem, 1.5vw, 1rem);
- line-height: 1.5em;
- max-width: calc(450 / 16 * 1rem);
- margin: 0;
- padding: 0;
- color: var(--bodyTextColor);
- }
+@media only screen and (min-width: 81.25rem) {
- .cs-background {
- width: 100%;
- height: 55%;
- display: block;
- position: absolute;
- top: 0;
- left: 0;
- z-index: -2;
-
- &:before {
- /* Overlay */
- content: "";
- width: 100%;
- height: 100%;
- background: #111926;
- opacity: 0.8;
- display: block;
- position: absolute;
- top: 0;
- left: 0;
- z-index: 1;
- /* prevents the cursor from interacting with it */
- pointer-events: none;
- }
-
- img {
- width: 100%;
- height: 100%;
- object-fit: cover;
- position: absolute;
- top: 0;
- left: 0;
- }
- }
+ #background-seat {
+ position: relative; /* Ensure that the image is positioned relative to this container */
}
+
+ #background-seat .overlay-image {
+
+ margin-top: -450px;
+ position: absolute;
+ top: 0;
+ right: 0; /* Align to the right side of the container */
+ transform: translateX(0); /* No need to center horizontally */
+ width: 45%; /* Adjust the width as needed */
+ height: 600px; /* Maintain aspect ratio */
+ z-index: 2; /* Ensure it appears above both sections */
+ pointer-events: none; /* Allow clicks to pass through */
+ }
+
+ /* Container for titles */
+
}
-/* Tablet - 768px */
-@media only screen and (min-width: 48rem) {
- #hero-1621 {
- .cs-item {
- grid-column: span 6;
- }
+@media only screen and (min-width: 81.25rem) {
- .cs-background {
- height: 70%;
- }
+ #black-background {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ background-color: #111926;
+ color: #fff; /* Text color */
+ padding: 20px; /* Adjust as needed */
+ position: relative; /* Ensure positioning context for the image */
+ }
+
+ #black-background .content h2 {
+ margin-top: 300px;
+
+ margin-bottom: 10px;
+ font-size: 2.5rem; /* Adjust size as needed */
+ line-height: 1.2; /* Adjust line height as needed */
+ color: #fff; /* Default color for the text */
+ }
+
+ #black-background .highlight {
+ color: #d7b65d; /* Change this to your desired color */
+ font-weight: bold; /* Optional: Make it bold */
+ }
+
+ #black-background .svg-grid {
+ display: grid;
+ grid-template-columns: repeat(3, 1fr); /* 3 columns */
+ grid-template-rows: repeat(2, auto); /* 2 rows */
+ gap: 20px; /* Space between items */
+ max-width: 40%; /* Ensure grid fits within container */
+ padding: 20px; /* Padding around the grid */
+ box-sizing: border-box; /* Include padding in width calculation */
+ }
+
+
+ #black-background .svg-item {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ background-color: transparent; /* Light background for each item */
+ border-radius: 10px;
+ padding: 20px;
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow */
+ box-sizing: border-box; /* Include padding in width calculation */
+ }
+
+
+ #black-background .svg-icon {
+ width: 100px; /* Adjust size as needed */
+ height: auto; /* Maintain aspect ratio */
+ margin-bottom: 10px; /* Space between SVG and title */
+ filter: invert(71%) sepia(72%) saturate(334%) hue-rotate(359deg) brightness(93%) contrast(91%);
}
+
+
+ #black-background .svg-title {
+ font-size: 1rem; /* Adjust size as needed */
+ color: #ffffff; /* Title color */
+ text-align: center; /* Center-align the title */
+ }
+
+
+
+
+ /* Container for titles */
+
}
-/* Large Desktop - 1300px */
-@media only screen and (min-width: 81.25rem) {
- #hero-1621 {
- .cs-item {
- grid-column: span 3;
- }
- .cs-background {
- height: 80%;
- }
+
+
+
+
+@media only screen and (max-width: 81.25rem) {
+ #image-section {
+ height: 300px; /* Adjust for mobile */
+ background-image: url('../images/road1.avif'); /* Ensure correct path */
+ background-size: cover;
+ }
+
+ #image-section .titles-container {
+ position: relative;
+ padding: 10px; /* Adjust as needed */
+ margin-top: 20px;
+ text-align: center;
+ }
+
+ #image-section .title1,
+ #image-section .title3 {
+ font-size: 1.2rem; /* Adjust size as needed for mobile */
+ }
+
+ #image-section .title2 {
+ font-size: 3rem; /* Adjust size as needed for mobile */
}
}
+
+@media only screen and (max-width: 81.25rem) {
+ #image2 .overlay-image {
+ margin-top: 100px; /* Adjust top margin for mobile */
+ position: relative; /* Adjust positioning */
+ width: 100%; /* Adjust width for mobile */
+ height: auto; /* Maintain aspect ratio */
+ z-index: 1; /* Adjust if needed */
+ }
+}
+
+@media only screen and (max-width: 81.25rem) {
+ #background-seat {
+ position: relative; /* Adjust if needed */
+ }
+
+ #background-seat .overlay-image {
+ margin-top: 100px; /* Adjust top margin for mobile */
+ position: relative; /* Adjust positioning */
+ width: 100%; /* Adjust width for mobile */
+ height: 300px; /* Adjust height for mobile */
+ z-index: 1; /* Adjust if needed */
+ }
+}
+
+@media only screen and (max-width: 81.25rem) {
+ #black-background {
+ display: block; /* Stack items vertically on mobile */
+ background-color: #111926;
+ color: #fff; /* Text color */
+ padding: 20px; /* Adjust as needed */
+ }
+
+ #black-background .content h2 {
+ margin-top: 20px; /* Adjust for mobile */
+ margin-bottom: 20px; /* Adjust for mobile */
+ font-size: 1.5rem; /* Adjust size as needed for mobile */
+ }
+
+ #black-background .highlight {
+ color: #d7b65d; /* Adjust color if needed */
+ font-weight: bold; /* Optional: Make it bold */
+ }
+
+
+
+}
+
/* Large Desktop - Parallax Effect - 1600px */
@media only screen and (min-width: 100rem) {
- #hero-1621 {
- .cs-background {
- background: url("https://csimg.nyc3.cdn.digitaloceanspaces.com/Images/People/meeting-2.jpeg");
- background-position: center;
- background-size: cover;
- background-repeat: no-repeat;
- background-attachment: fixed;
- img {
- display: none;
- }
- }
+ #hero-1621 .cs-background {
+ background: url("https://csimg.nyc3.cdn.digitaloceanspaces.com/Images/People/meeting-2.jpeg");
+ background-position: center;
+ background-size: cover;
+ background-repeat: no-repeat;
+ background-attachment: fixed;
+ }
+ #hero-1621 .cs-background img {
+ display: none;
}
}
-
/* Dark Mode */
@media only screen and (min-width: 0rem) {
- body.dark-mode {
- #hero-1621 {
- .cs-item {
- background-color: var(--medium);
- }
-
- .cs-icon {
- filter: brightness(0) invert(1);
- }
-
- .cs-h3,
- .cs-item-text {
- color: var(--bodyTextColorWhite);
- }
-
- .cs-item-text {
- opacity: 0.8;
- }
-
- .cs-background {
- &:before {
- opacity: 0.9;
- }
- }
- }
+ body.dark-mode #hero-1621 .cs-item {
+ background-color: var(--medium);
+ }
+ body.dark-mode #hero-1621 .cs-icon {
+ filter: brightness(0) invert(1);
+ }
+ body.dark-mode #hero-1621 .cs-h3,
+ body.dark-mode #hero-1621 .cs-item-text {
+ color: var(--bodyTextColorWhite);
+ }
+ body.dark-mode #hero-1621 .cs-item-text {
+ opacity: 0.8;
+ }
+ body.dark-mode #hero-1621 .cs-background:before {
+ opacity: 0.9;
}
}
-
/*-- -------------------------- -->
-<--- Side By Side -->
-<--- -------------------------- -*/
-
+ <--- Side By Side -->
+ <--- -------------------------- -*/
/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
#sbs-523 {
padding: var(--sectionPadding);
-
- @keyframes floatAnimation {
- 0% {
- transform: translateY(0);
- }
- 50% {
- transform: translateY(-0.6em);
- }
- 100% {
- transform: translateY(0);
- }
- }
-
- @keyframes floatAnimation2 {
- 0% {
- transform: translateY(0);
- }
- 50% {
- transform: translateY(-1em);
- }
- 100% {
- transform: translateY(0);
- }
- }
-
- .cs-container {
- width: 100%;
- /* changes to 1280px at desktop */
- max-width: calc(550 / 16 * 1rem);
- margin: auto;
- display: flex;
- flex-direction: column;
- align-items: center;
- /* 48px - 64px */
- gap: clamp(3rem, 6vw, 4rem);
- }
-
- .cs-content {
- /* set text align to left if content needs to be left aligned */
- text-align: left;
- width: 100%;
- display: flex;
- flex-direction: column;
- /* centers content horizontally, set to flex-start to left align */
- align-items: flex-start;
- }
-
- .cs-color {
- color: var(--secondary);
+ }
+ @keyframes floatAnimation {
+ 0% {
+ transform: translateY(0);
}
-
- .cs-text {
- margin-bottom: calc(16 / 16 * 1rem);
- &:last-of-type {
- margin-bottom: calc(32 / 16 * 1rem);
- }
+ 50% {
+ transform: translateY(-0.6em);
}
-
- .cs-image-group {
- /* this is how we can scale entire groups using ems. Font size is tied to the view width, so as the screen gets bigger, so does the font size, and this scales up and down the elements with em values. Then it stops growing once the font size reaches the defined value of 1em (16px which is default on the html element). Font size changes at desktop */
- font-size: min(2.3vw, 0.875em);
- /* all values are done in ems, not rems, so we can scale the group with a font size min/max equation */
- width: calc(630 / 16 * 1em);
- height: calc(817 / 16 * 1em);
- /* pushes it to the top in the first position */
- order: -1;
- position: relative;
-
- &:before {
- content: "";
- width: calc(186 / 16 * 1em);
- height: calc(161 / 16 * 1em);
- background: var(--primary);
- opacity: 1;
- display: block;
- position: absolute;
- top: calc(0 / 16 * 1em);
- left: calc(0 / 16 * 1em);
- animation-name: floatAnimation;
- animation-duration: 6s;
- animation-timing-function: ease-in-out;
- animation-iteration-count: infinite;
- animation-fill-mode: forwards;
- }
+ 100% {
+ transform: translateY(0);
}
-
- .cs-picture {
- display: block;
- position: absolute;
-
- img {
- width: 100%;
- height: 100%;
- /* makes it act like a background image */
- object-fit: cover;
- position: absolute;
- top: 0;
- left: 0;
- }
+ }
+ @keyframes floatAnimation2 {
+ 0% {
+ transform: translateY(0);
}
-
- .cs-picture-large {
- width: calc(476 / 16 * 1em);
- height: calc(677 / 16 * 1em);
- top: calc(70 / 16 * 1em);
- left: calc(62 / 16 * 1em);
+ 50% {
+ transform: translateY(-1em);
}
-
- .cs-picture-small {
- width: calc(260 / 16 * 1em);
- height: calc(225 / 16 * 1em);
- background-color: #fff;
- border: calc(10 / 16 * 1em) solid #fff;
- right: 0;
- bottom: 0;
- animation-name: floatAnimation2;
- animation-duration: 20s;
- animation-timing-function: ease-in-out;
- animation-iteration-count: infinite;
- animation-fill-mode: forwards;
+ 100% {
+ transform: translateY(0);
}
}
+ #sbs-523 .cs-container {
+ width: 100%;
+ /* changes to 1280px at desktop */
+ max-width: 34.375rem;
+ margin: auto;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ /* 48px - 64px */
+ gap: clamp(3rem, 6vw, 4rem);
+ }
+ #sbs-523 .cs-content {
+ /* set text align to left if content needs to be left aligned */
+ text-align: left;
+ width: 100%;
+ display: flex;
+ flex-direction: column;
+ /* centers content horizontally, set to flex-start to left align */
+ align-items: flex-start;
+ }
+ #sbs-523 .cs-color {
+ color: var(--secondary);
+ }
+ #sbs-523 .cs-text {
+ margin-bottom: 1rem;
+ }
+ #sbs-523 .cs-text:last-of-type {
+ margin-bottom: 2rem;
+ }
+ #sbs-523 .cs-image-group {
+ /* this is how we can scale entire groups using ems. Font size is tied to the view width, so as the screen gets bigger, so does the font size, and this scales up and down the elements with em values. Then it stops growing once the font size reaches the defined value of 1em (16px which is default on the html element). Font size changes at desktop */
+ font-size: min(2.3vw, 0.875em);
+ /* all values are done in ems, not rems, so we can scale the group with a font size min/max equation */
+ width: 39.375em;
+ height: 51.0625em;
+ /* pushes it to the top in the first position */
+ order: -1;
+ position: relative;
+ }
+ #sbs-523 .cs-image-group:before {
+ content: "";
+ width: 11.625em;
+ height: 10.0625em;
+ background: var(--primary);
+ opacity: 1;
+ display: block;
+ position: absolute;
+ top: 0em;
+ left: 0em;
+ animation-name: floatAnimation;
+ animation-duration: 6s;
+ animation-timing-function: ease-in-out;
+ animation-iteration-count: infinite;
+ animation-fill-mode: forwards;
+ }
+ #sbs-523 .cs-picture {
+ display: block;
+ position: absolute;
+ }
+ #sbs-523 .cs-picture img {
+ width: 100%;
+ height: 100%;
+ /* makes it act like a background image */
+ object-fit: cover;
+ position: absolute;
+ top: 0;
+ left: 0;
+ }
+ #sbs-523 .cs-picture-large {
+ width: 29.75em;
+ height: 42.3125em;
+ top: 4.375em;
+ left: 3.875em;
+ }
+ #sbs-523 .cs-picture-small {
+ width: 16.25em;
+ height: 14.0625em;
+ background-color: #fff;
+ border: 0.625em solid #fff;
+ right: 0;
+ bottom: 0;
+ animation-name: floatAnimation2;
+ animation-duration: 20s;
+ animation-timing-function: ease-in-out;
+ animation-iteration-count: infinite;
+ animation-fill-mode: forwards;
+ }
}
-
/* Small Desktop - 1024px */
@media only screen and (min-width: 64rem) {
- #sbs-523 {
- .cs-container {
- max-width: calc(1280 / 16 * 1rem);
- flex-direction: row;
- justify-content: space-between;
- }
-
- .cs-content {
- width: 51%;
- max-width: calc(550 / 16 * 1rem);
- }
-
- .cs-image-group {
- font-size: min(1.1vw, 1em);
- }
+ #sbs-523 .cs-container {
+ max-width: 80rem;
+ flex-direction: row;
+ justify-content: space-between;
+ }
+ #sbs-523 .cs-content {
+ width: 51%;
+ max-width: 34.375rem;
+ }
+ #sbs-523 .cs-image-group {
+ font-size: min(1.1vw, 1em);
}
}
-
/* Dark Mode */
@media only screen and (min-width: 0rem) {
- body.dark-mode {
- #sbs-523 {
- .cs-title,
- .cs-text {
- color: var(--bodyTextColorWhite);
- }
-
- .cs-text {
- opacity: 0.8;
- }
-
- .cs-image-group {
- &:before {
- background-color: var(--secondary);
- opacity: 0.3;
- }
- }
-
- .cs-picture-small {
- border-color: var(--dark);
- }
- }
+ body.dark-mode #sbs-523 .cs-title,
+ body.dark-mode #sbs-523 .cs-text {
+ color: var(--bodyTextColorWhite);
+ }
+ body.dark-mode #sbs-523 .cs-text {
+ opacity: 0.8;
+ }
+ body.dark-mode #sbs-523 .cs-image-group:before {
+ background-color: var(--secondary);
+ opacity: 0.3;
+ }
+ body.dark-mode #sbs-523 .cs-picture-small {
+ border-color: var(--dark);
}
}
-
/*-- -------------------------- -->
-<--- Steps -->
-<--- -------------------------- -*/
-
+ <--- Steps -->
+ <--- -------------------------- -*/
/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
#steps-1172 {
@@ -532,206 +682,161 @@
position: relative;
z-index: 1;
overflow: hidden;
-
- .cs-container {
- width: 100%;
- /* changes to 1280px at desktop */
- max-width: calc(704 / 16 * 1rem);
- margin: auto;
- display: flex;
- flex-direction: column;
- align-items: center;
- /* 48px - 64px */
- gap: clamp(3rem, 6vw, 4rem);
- }
-
- .cs-content {
- /* set text align to left if content needs to be left aligned */
- text-align: center;
- width: 100%;
- display: flex;
- flex-direction: column;
- /* centers content horizontally, set to flex-start to left align */
- align-items: center;
- }
-
- .cs-text {
- font-size: var(--bodyFontSize);
- line-height: 1.5em;
- text-align: inherit;
- width: 100%;
- max-width: calc(650 / 16 * 1rem);
- margin: 0;
- color: var(--bodyTextColor);
- }
-
- .cs-card-group {
- width: 100%;
- margin: 0;
- padding: 0;
- display: grid;
- grid-template-columns: repeat(12, 1fr);
- gap: calc(20 / 16 * 1rem);
- }
-
- .cs-item {
- text-align: center;
- list-style: none;
- display: flex;
- flex-direction: column;
- align-items: center;
- grid-column: span 12;
- position: relative;
-
- &:last-of-type {
- &:after {
- display: none;
- }
- }
-
- &:nth-of-type(even) {
- &:after {
- /* scaleX -1 flips it horizontally */
- transform: rotate(-135deg) scaleX(-1);
- }
- }
-
- &:after {
- content: "";
- /* 54px - 84px */
- width: clamp(3.375rem, 6vw, 5.25rem);
- height: clamp(3.375rem, 6vw, 5.25rem);
- margin-top: calc(20 / 16 * 1rem);
- background: url("https://csimg.nyc3.cdn.digitaloceanspaces.com/Icons/curved-arrow-light.svg");
- background-position: center;
- background-size: contain;
- background-repeat: no-repeat;
- opacity: 1;
- display: block;
- position: relative;
- transform: rotate(135deg);
- }
- }
-
- .cs-picture {
- width: calc(88 / 16 * 1rem);
- height: calc(88 / 16 * 1rem);
- margin-bottom: calc(24 / 16 * 1rem);
- border: 1px solid #858585;
- border-radius: 50%;
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .cs-icon {
- width: calc(40 / 16 * 1rem);
- height: auto;
- display: block;
- }
-
- .cs-h3 {
- font-size: calc(20 / 16 * 1rem);
- line-height: 1.2em;
- text-align: inherit;
- margin: 0 0 calc(12 / 16 * 1rem) 0;
- color: var(--headerColor);
- }
-
- .cs-item-text {
- font-size: calc(16 / 16 * 1rem);
- line-height: 1.5em;
- text-align: inherit;
- max-width: calc(342 / 16 * 1rem);
- margin: 0;
- color: var(--bodyTextColor);
- }
+ }
+ #steps-1172 .cs-container {
+ width: 100%;
+ /* changes to 1280px at desktop */
+ max-width: 44rem;
+ margin: auto;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ /* 48px - 64px */
+ gap: clamp(3rem, 6vw, 4rem);
+ }
+ #steps-1172 .cs-content {
+ /* set text align to left if content needs to be left aligned */
+ text-align: center;
+ width: 100%;
+ display: flex;
+ flex-direction: column;
+ /* centers content horizontally, set to flex-start to left align */
+ align-items: center;
+ }
+ #steps-1172 .cs-text {
+ font-size: var(--bodyFontSize);
+ line-height: 1.5em;
+ text-align: inherit;
+ width: 100%;
+ max-width: 40.625rem;
+ margin: 0;
+ color: var(--bodyTextColor);
+ }
+ #steps-1172 .cs-card-group {
+ width: 100%;
+ margin: 0;
+ padding: 0;
+ display: grid;
+ grid-template-columns: repeat(12, 1fr);
+ gap: 1.25rem;
+ }
+ #steps-1172 .cs-item {
+ text-align: center;
+ list-style: none;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ grid-column: span 12;
+ position: relative;
+ }
+ #steps-1172 .cs-item:last-of-type:after {
+ display: none;
+ }
+ #steps-1172 .cs-item:nth-of-type(even):after {
+ /* scaleX -1 flips it horizontally */
+ transform: rotate(-135deg) scaleX(-1);
+ }
+ #steps-1172 .cs-item:after {
+ content: "";
+ /* 54px - 84px */
+ width: clamp(3.375rem, 6vw, 5.25rem);
+ height: clamp(3.375rem, 6vw, 5.25rem);
+ margin-top: 1.25rem;
+ background: url("https://csimg.nyc3.cdn.digitaloceanspaces.com/Icons/curved-arrow-light.svg");
+ background-position: center;
+ background-size: contain;
+ background-repeat: no-repeat;
+ opacity: 1;
+ display: block;
+ position: relative;
+ transform: rotate(135deg);
+ }
+ #steps-1172 .cs-picture {
+ width: 5.5rem;
+ height: 5.5rem;
+ margin-bottom: 1.5rem;
+ border: 1px solid #858585;
+ border-radius: 50%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ }
+ #steps-1172 .cs-icon {
+ width: 2.5rem;
+ height: auto;
+ display: block;
+ }
+ #steps-1172 .cs-h3 {
+ font-size: 1.25rem;
+ line-height: 1.2em;
+ text-align: inherit;
+ margin: 0 0 0.75rem 0;
+ color: var(--headerColor);
+ }
+ #steps-1172 .cs-item-text {
+ font-size: 1rem;
+ line-height: 1.5em;
+ text-align: inherit;
+ max-width: 21.375rem;
+ margin: 0;
+ color: var(--bodyTextColor);
}
}
-
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
- #steps-1172 {
- .cs-item {
- grid-column: span 6;
-
- &:nth-of-type(2) {
- &:after {
- display: none;
- }
- }
-
- &:nth-of-type(1) {
- &:after {
- transform: rotate(135deg) scaleX(-1);
- }
- }
-
- &:after {
- margin: 0;
- position: absolute;
- top: 0;
- right: calc(-40 / 16 * 1rem);
- transform: rotate(45deg);
- }
- }
+ #steps-1172 .cs-item {
+ grid-column: span 6;
+ }
+ #steps-1172 .cs-item:nth-of-type(2):after {
+ display: none;
+ }
+ #steps-1172 .cs-item:nth-of-type(1):after {
+ transform: rotate(135deg) scaleX(-1);
+ }
+ #steps-1172 .cs-item:after {
+ margin: 0;
+ position: absolute;
+ top: 0;
+ right: -2.5rem;
+ transform: rotate(45deg);
}
}
-
/* Desktop - 1024px */
@media only screen and (min-width: 64rem) {
- #steps-1172 {
- .cs-container {
- max-width: calc(1280 / 16 * 1rem);
- }
-
- .cs-item {
- grid-column: span 3;
-
- &:nth-of-type(2) {
- &:after {
- display: block;
- transform: rotate(45deg);
- }
- }
-
- &:nth-of-type(3) {
- &:after {
- display: block;
- transform: rotate(135deg) scaleX(-1);
- }
- }
-
- &:after {
- right: calc(-48 / 16 * 1rem);
- }
- }
+ #steps-1172 .cs-container {
+ max-width: 80rem;
+ }
+ #steps-1172 .cs-item {
+ grid-column: span 3;
+ }
+ #steps-1172 .cs-item:nth-of-type(2):after {
+ display: block;
+ transform: rotate(45deg);
+ }
+ #steps-1172 .cs-item:nth-of-type(3):after {
+ display: block;
+ transform: rotate(135deg) scaleX(-1);
+ }
+ #steps-1172 .cs-item:after {
+ right: -3rem;
}
}
-
/* Dark Mode */
@media only screen and (min-width: 0rem) {
- body.dark-mode {
- #steps-1172 {
- .cs-title,
- .cs-text,
- .cs-item-text,
- .cs-h3 {
- color: var(--bodyTextColorWhite);
- }
-
- .cs-text,
- .cs-item-text {
- opacity: 0.8;
- }
- }
+ body.dark-mode #steps-1172 .cs-title,
+ body.dark-mode #steps-1172 .cs-text,
+ body.dark-mode #steps-1172 .cs-item-text,
+ body.dark-mode #steps-1172 .cs-h3 {
+ color: var(--bodyTextColorWhite);
+ }
+ body.dark-mode #steps-1172 .cs-text,
+ body.dark-mode #steps-1172 .cs-item-text {
+ opacity: 0.8;
}
}
-
/*-- -------------------------- -->
-<--- Why Choose Us -->
-<--- -------------------------- -*/
-
+ <--- Why Choose Us -->
+ <--- -------------------------- -*/
/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
#why-choose-1657 {
@@ -740,411 +845,854 @@
position: relative;
z-index: 1;
overflow: hidden;
+ }
+ #why-choose-1657 .cs-container {
+ width: 100%;
+ /* changes to 1280px at tablet */
+ max-width: 36.5rem;
+ margin: auto;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ /* 48px - 100px */
+ gap: clamp(3rem, 10vw, 6.25rem);
+ }
+ #why-choose-1657 .cs-content {
+ /* set text align to left if content needs to be left aligned */
+ text-align: left;
+ width: 100%;
+ display: flex;
+ flex-direction: column;
+ /* centers content horizontally, set to flex-start to left align */
+ align-items: flex-start;
+ }
+ #why-choose-1657 .cs-flex {
+ max-width: 38.5rem;
+ }
+ #why-choose-1657 .cs-title {
+ max-width: 20ch;
+ margin-bottom: 1.5rem;
+ }
+ #why-choose-1657 .cs-ul {
+ width: 100%;
+ max-width: 32.625rem;
+ margin: 0;
+ padding: 0;
+ display: flex;
+ flex-direction: column;
+ /* 28px - 32px */
+ gap: clamp(1.75rem, 3vw, 2rem);
+ }
+ #why-choose-1657 .cs-li {
+ list-style: none;
+ display: flex;
+ flex-direction: row;
+ align-items: flex-start;
+ gap: 1rem;
+ }
+ #why-choose-1657 .cs-number {
+ font-size: 1.25rem;
+ font-weight: 700;
+ line-height: 1.2em;
+ margin: 0;
+ color: var(--primary);
+ display: block;
+ }
+ #why-choose-1657 .cs-li-text {
+ /* 14px - 16px */
+ font-size: clamp(0.875rem, 1.5vw, 1rem);
+ line-height: 1.5em;
+ margin: 0;
+ color: var(--bodyTextColor);
+ }
+ #why-choose-1657 .cs-wrapper {
+ width: 100%;
+ display: flex;
+ flex-direction: column;
+ /* 40px - 64px */
+ gap: clamp(2.5rem, 6vw, 4rem);
+ position: relative;
+ z-index: 1;
+ }
+ #why-choose-1657 .cs-wrapper:before {
+ /* white background */
+ content: "";
+ width: 100vw;
+ height: 500%;
+ background: #fff;
+ opacity: 1;
+ display: block;
+ position: absolute;
+ /* 40px - 140px */
+ top: clamp(2.5rem, 10vw, 8.75rem);
+ left: 50%;
+ z-index: -1;
+ transform: translateX(-50%);
+ }
+ #why-choose-1657 .cs-picture {
+ width: 100%;
+ height: 70vw;
+ max-height: 25rem;
+ display: block;
+ position: relative;
+ z-index: 1;
+ }
+ #why-choose-1657 .cs-picture img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ position: absolute;
+ top: 0;
+ left: 0;
+ }
+ #why-choose-1657 .cs-quote {
+ /* 62px - 100px */
+ width: clamp(3.875rem, 7vw, 6.25rem);
+ height: auto;
+ margin-bottom: -1.75rem;
+ opacity: 0.4;
+ position: relative;
+ z-index: -1;
+ }
+ #why-choose-1657 .cs-review {
+ --quoteColor: var(--primary);
+ /* 20px - 25px */
+ font-size: clamp(1.25rem, 3vw, 1.5625rem);
+ font-weight: 700;
+ line-height: 1.2em;
+ width: 100%;
+ max-width: 32.625rem;
+ margin: 0;
+ color: var(--headerColor);
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ }
+}
+/* Tablet - 768px */
+@media only screen and (min-width: 48rem) {
+ #why-choose-1657 .cs-container {
+ max-width: 80rem;
+ gap: 0;
+ }
+ #why-choose-1657 .cs-content {
+ padding-bottom: 6.25rem;
+ flex-direction: row;
+ justify-content: space-between;
+ align-items: flex-start;
+ }
+ #why-choose-1657 .cs-flex {
+ text-align: left;
+ width: 40vw;
+ max-width: 39.375rem;
+ flex: none;
+ }
+ #why-choose-1657 .cs-title {
+ margin: 0;
+ }
+ #why-choose-1657 .cs-wrapper {
+ /* -60px to -140px */
+ margin-top: calc(clamp(3.75rem, 10vw, 8.75rem) * -1);
+ flex-direction: row;
+ justify-content: space-between;
+ align-items: stretch;
+ }
+ #why-choose-1657 .cs-picture {
+ width: 43vw;
+ max-width: 39.375rem;
+ height: auto;
+ max-height: 100%;
+ /* 252px - 414px */
+ min-height: clamp(15.75rem, 30vw, 25.875rem);
+ /* prevents flexbox from squishing it */
+ flex: none;
+ }
+ #why-choose-1657 .cs-review {
+ /* 100px - 235px */
+ /* pushes up against the container so there's always that gap between the top of the review and the container */
+ margin-top: clamp(6.25rem, 20vw, 14.5rem);
+ align-self: flex-end;
+ }
+}
+/* Dark Mode */
+@media only screen and (min-width: 0rem) {
+ body.dark-mode #why-choose-1657 {
+ background-color: rgba(0, 0, 0, 0.3);
+ }
+ body.dark-mode #why-choose-1657 .cs-title,
+ body.dark-mode #why-choose-1657 .cs-li-text,
+ body.dark-mode #why-choose-1657 .cs-review {
+ color: var(--bodyTextColorWhite);
+ }
+ body.dark-mode #why-choose-1657 .cs-li-text {
+ opacity: 0.8;
+ }
+ body.dark-mode #why-choose-1657 .cs-wrapper:before {
+ background-color: var(--dark);
+ }
+}
+/*-- -------------------------- -->
+ <--- Side By Side Reverse -->
+ <--- -------------------------- -*/
+/* Mobile - 360px */
+@media only screen and (min-width: 0rem) {
+ #sbsr-1309 {
+ padding: var(--sectionPadding);
+ overflow: hidden;
+ }
+ #sbsr-1309 .cs-container {
+ width: 100%;
+ /* changes to 1280px at desktop */
+ max-width: 36.5rem;
+ margin: auto;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ gap: clamp(3rem, 4vw, 4rem);
+ }
+ #sbsr-1309 .cs-content {
+ /* set text align to left if content needs to be left aligned */
+ text-align: left;
+ width: 100%;
+ max-width: 33.875rem;
+ display: flex;
+ flex-direction: column;
+ /* centers content horizontally, set to flex-start to left align */
+ align-items: flex-start;
+ position: relative;
+ z-index: 10;
+ }
+ #sbsr-1309 .cs-text {
+ margin-bottom: 1rem;
+ }
+ #sbsr-1309 .cs-text:last-of-type {
+ margin-bottom: 2rem;
+ }
+ #sbsr-1309 .cs-image-group {
+ width: 100%;
+ max-width: 41.875rem;
+ height: 100vw;
+ max-height: 39.375rem;
+ display: block;
+ position: relative;
+ z-index: 1;
+ }
+ #sbsr-1309 .cs-picture {
+ /* big background image */
+ width: 93%;
+ height: 93%;
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0;
+ }
+ #sbsr-1309 .cs-picture img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ position: absolute;
+ top: 0;
+ left: 0;
+ }
+ #sbsr-1309 .cs-box {
+ text-align: left;
+ width: 70%;
+ max-width: 19rem;
+ /* prevents padding and border from affecting height and width */
+ box-sizing: border-box;
+ /* 20px - 40px */
+ padding: clamp(1.25rem, 4vw, 2.5rem);
+ background-color: #1a1a1a;
+ display: inline-flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: flex-start;
+ gap: 0.5rem;
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ z-index: 10;
+ }
+ #sbsr-1309 .cs-desc {
+ /* 16px - 31px */
+ font-size: clamp(1rem, 2.5vw, 1.9375rem);
+ font-weight: 700;
+ line-height: 1.2em;
+ text-align: inherit;
+ width: 100%;
+ color: var(--bodyTextColorWhite);
+ position: relative;
+ z-index: 10;
+ }
+ #sbsr-1309 .cs-graphic {
+ width: 150%;
+ height: auto;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ z-index: -1;
+ transform: translate(-50%, -50%);
+ }
+}
+/* Desktop - 1024px */
+@media only screen and (min-width: 64rem) {
+ #sbsr-1309 .cs-container {
+ max-width: 80rem;
+ /* set to horizontal arrangement */
+ flex-direction: row;
+ justify-content: space-between;
+ align-items: stretch;
+ }
+ #sbsr-1309 .cs-content {
+ width: 30%;
+ padding: 3rem 0;
+ align-self: center;
+ /* prevents flexbox from squishing it */
+ flex: none;
+ }
+ #sbsr-1309 .cs-image-group {
+ width: 70%;
+ max-width: 71.875rem;
+ height: auto;
+ max-height: 100%;
+ min-height: 11.875rem;
+ margin: 0;
+ /* sends it to the right in the second position */
+ order: 2;
+ }
+ #sbsr-1309 .cs-picture {
+ width: 93%;
+ height: 94%;
+ right: 0;
+ left: auto;
+ }
+ #sbsr-1309 .cs-box {
+ right: auto;
+ bottom: 0rem;
+ left: 0;
+ }
+ #sbsr-1309 .cs-graphic {
+ max-width: 44.6875rem;
+ right: 8.125rem;
+ left: auto;
+ transform: translateY(-50%);
+ }
+}
+/* Dark Mode */
+@media only screen and (min-width: 0rem) {
+ body.dark-mode #sbsr-1309 .cs-title,
+ body.dark-mode #sbsr-1309 .cs-text {
+ color: var(--bodyTextColorWhite);
+ }
+ body.dark-mode #sbsr-1309 .cs-link {
+ color: var(--secondaryLight);
+ }
+ body.dark-mode #sbsr-1309 .cs-text {
+ opacity: 0.8;
+ }
+ body.dark-mode #sbsr-1309 .cs-box {
+ background-color: var(--medium);
+ }
+}
- .cs-container {
- width: 100%;
- /* changes to 1280px at tablet */
- max-width: calc(584 / 16 * 1rem);
- margin: auto;
- display: flex;
- flex-direction: column;
- align-items: center;
- /* 48px - 100px */
- gap: clamp(3rem, 10vw, 6.25rem);
- }
- .cs-content {
- /* set text align to left if content needs to be left aligned */
- text-align: left;
- width: 100%;
- display: flex;
- flex-direction: column;
- /* centers content horizontally, set to flex-start to left align */
- align-items: flex-start;
- }
- .cs-flex {
- max-width: calc(616 / 16 * 1rem);
- }
+@media only screen and (min-width: 0rem) {
- .cs-title {
- max-width: 20ch;
- margin-bottom: calc(24 / 16 * 1rem);
- }
+ #gridsection1 {
+ /* Ensures container adapts to mobile screens */
+ overflow: hidden; /* Prevents overflow */
+ }
- .cs-ul {
- width: 100%;
- max-width: calc(522 / 16 * 1rem);
- margin: 0;
- padding: 0;
- display: flex;
- flex-direction: column;
- /* 28px - 32px */
- gap: clamp(1.75rem, 3vw, 2rem);
- }
+ #gridsection1 .grid-container {
+ display: grid;
+ grid-template-columns: 1fr; /* Single column layout for mobile */
+ gap: 10px; /* Reduced space between items */
+ padding: 10px;
+ max-width: 100%; /* Ensures container doesn't exceed screen width */
+ box-sizing: border-box; /* Includes padding in width calculation */
+ }
- .cs-li {
- list-style: none;
- display: flex;
- flex-direction: row;
- align-items: flex-start;
- gap: calc(16 / 16 * 1rem);
- }
+ #gridsection1 .grid-item {
+ padding: 10px;
+ box-sizing: border-box; /* Ensures padding does not cause overflow */
+ }
- .cs-number {
- font-size: calc(20 / 16 * 1rem);
- font-weight: 700;
- line-height: 1.2em;
- margin: 0;
- color: var(--primary);
- display: block;
- }
+ #gridsection1 .grid-item img {
+ width: 100%; /* Full width of the grid item */
+ height: auto; /* Adjust height to maintain aspect ratio */
+ display: block; /* Removes extra space below the image */
+ }
- .cs-li-text {
- /* 14px - 16px */
- font-size: clamp(0.875rem, 1.5vw, 1rem);
- line-height: 1.5em;
- margin: 0;
- color: var(--bodyTextColor);
- }
+ #gridsection1 .item-title {
+ font-size: 1.25rem; /* Adjust size for mobile */
+ margin: 10px 0; /* Adds margin around title */
+ }
- .cs-wrapper {
- width: 100%;
- display: flex;
- flex-direction: column;
- /* 40px - 64px */
- gap: clamp(2.5rem, 6vw, 4rem);
- position: relative;
- z-index: 1;
-
- &:before {
- /* white background */
- content: "";
- width: 100vw;
- height: 500%;
- background: #fff;
- opacity: 1;
- display: block;
- position: absolute;
- /* 40px - 140px */
- top: clamp(2.5rem, 10vw, 8.75rem);
- left: 50%;
- z-index: -1;
- transform: translateX(-50%);
- }
- }
+ #gridsection1 .item-description {
+ font-size: 0.9rem; /* Adjust size for mobile */
+ margin: 0 0 10px; /* Margin below description */
+ }
- .cs-picture {
- width: 100%;
- height: 70vw;
- max-height: calc(400 / 16 * 1rem);
- display: block;
- position: relative;
- z-index: 1;
-
- img {
- width: 100%;
- height: 100%;
- object-fit: cover;
- position: absolute;
- top: 0;
- left: 0;
- }
- }
+ #gridsection1 .item-button {
+ font-size: 0.9rem; /* Adjust font size for mobile */
+ padding: 8px 16px; /* Adjust padding for mobile */
+ display: inline-block; /* Allows for responsive button width */
+ }
- .cs-quote {
- /* 62px - 100px */
- width: clamp(3.875rem, 7vw, 6.25rem);
- height: auto;
- margin-bottom: calc(-28 / 16 * 1rem);
- opacity: 0.4;
- position: relative;
- z-index: -1;
- }
+ #gridsection1 .sub-grid {
+ display: grid;
+ grid-template-columns: repeat(3, 1fr); /* 3 columns on mobile */
+ gap: 5px; /* Reduced space between SVG items */
+ margin-bottom: 20px; /* Space between sub-grid and button */
+ }
- .cs-review {
- --quoteColor: var(--primary);
-
- /* 20px - 25px */
- font-size: clamp(1.25rem, 3vw, 1.5625rem);
- font-weight: 700;
- line-height: 1.2em;
- width: 100%;
- max-width: calc(522 / 16 * 1rem);
- margin: 0;
- color: var(--headerColor);
- display: flex;
- flex-direction: column;
- align-items: flex-start;
- }
+ #gridsection1 .sub-grid-item {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ width: 100%; /* Full width of the sub-grid item */
+ height: auto; /* Adjust height to maintain aspect ratio */
+ box-sizing: border-box; /* Includes padding in width calculation */
+ padding: 10px; /* Padding inside the item */
+ }
+
+ #gridsection1 .sub-grid-item img {
+ width: 60%; /* Adjust size for mobile */
+ height: auto; /* Maintain aspect ratio */
}
+
+ #gridsection1 .svg-title {
+ font-size: 0.8rem; /* Adjust size for mobile */
+ margin-top: 5px; /* Margin above title */
+ }
+
}
+/* Desktop - 1024px */
+@media only screen and (min-width: 64rem) {
-/* Tablet - 768px */
-@media only screen and (min-width: 48rem) {
- #why-choose-1657 {
- .cs-container {
- max-width: calc(1280 / 16 * 1rem);
- gap: 0;
- }
+ #gridsection1{
- .cs-content {
- padding-bottom: calc(100 / 16 * 1rem);
- flex-direction: row;
- justify-content: space-between;
- align-items: flex-start;
- }
- .cs-flex {
- text-align: left;
- width: 40vw;
- max-width: calc(630 / 16 * 1rem);
- flex: none;
- }
+ }
- .cs-title {
- margin: 0;
- }
+ #gridsection1 .grid-container {
+ display: grid;
+ grid-template-columns: repeat(3, 1fr); /* 3 equal columns */
+ gap: 20px; /* Space between items */
+ padding: 20px;
+ max-width: 1200px;
+ margin: 0 auto; /* Center the grid */
+ }
+
+ #gridsection1 .grid-item {
+ background-color: #ffffff; /* Light background for each item */
+ border-radius: 10px;
+ overflow: hidden;
+ text-align: center;
+ padding: 20px;
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+ }
+
+ #gridsection1 .grid-item img {
+ width: 100%;
+ height: 200px;
+ border-radius: 10px 10px 0 0;
+ }
+
+ #gridsection1 .item-title {
+ font-size: 1.5rem;
+ margin: 15px 0 10px;
+ color: #333;
+ }
+
+ #gridsection1 .item-description {
+ font-size: 1rem;
+ color: #666;
+ margin-bottom: 20px;
+ }
+
+ #gridsection1 .item-button {
+ background-color: #dd9528; /* Button color */
+ color: #fff;
+ border: none;
+ padding: 10px 20px;
+ font-size: 1rem;
+ border-radius: 5px;
+ cursor: pointer;
+ transition: background-color 0.3s ease;
+ }
+
+ #gridsection1 .item-button:hover {
+ background-color: #cc8522; /* Darker shade on hover */
+ }
- .cs-wrapper {
- /* -60px to -140px */
- margin-top: calc(clamp(3.75rem, 10vw, 8.75rem) * -1);
- flex-direction: row;
- justify-content: space-between;
- align-items: stretch;
- }
+ #gridsection1 .sub-grid {
+ display: grid;
+ grid-template-columns: repeat(3, 1fr); /* 3 equal columns */
+ gap: 10px; /* Space between SVG items */
+ margin-bottom: 20px; /* Space between sub-grid and button */
+ }
+
+ #gridsection1 .sub-grid-item {
+ margin-top: 20px;
+
+ border-radius: 1px;
+ padding: 1px;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ width: 60%; /* Ensures the item takes up full grid column space */
+ height: 120px;
+ aspect-ratio: 5 / 5; /* Makes the item a square */
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Adds a subtle shadow */
+ }
+
+ #gridsection1 .sub-grid-item img {
+ width: 60%; /* Adjusts SVG size */
+ height: 40px;
+ display: block;
+ margin-bottom: 10px; /* Space between SVG and title */
+ }
+
+ #gridsection1 .svg-title {
+ font-size: 0.9rem;
+ color: #333;
+ text-align: center; /* Center-align the title */
+ }
- .cs-picture {
- width: 43vw;
- max-width: calc(630 / 16 * 1rem);
- height: auto;
- max-height: 100%;
- /* 252px - 414px */
- min-height: clamp(15.75rem, 30vw, 25.875rem);
- /* prevents flexbox from squishing it */
- flex: none;
- }
+ #gridsection1 .filter-color{
+ filter: invert(71%) sepia(72%) saturate(334%) hue-rotate(359deg) brightness(93%) contrast(91%);
- .cs-review {
- /* 100px - 235px */
- /* pushes up against the container so there's always that gap between the top of the review and the container */
- margin-top: clamp(6.25rem, 20vw, 14.5rem);
- align-self: flex-end;
- }
}
+
}
-
/* Dark Mode */
@media only screen and (min-width: 0rem) {
- body.dark-mode {
- #why-choose-1657 {
- background-color: rgba(0, 0, 0, 0.3);
-
- .cs-title,
- .cs-li-text,
- .cs-review {
- color: var(--bodyTextColorWhite);
- }
-
- .cs-li-text {
- opacity: 0.8;
- }
-
- .cs-wrapper {
- &:before {
- background-color: var(--dark);
- }
- }
- }
+ body.dark-mode #sbsr-1309 .cs-title,
+ body.dark-mode #sbsr-1309 .cs-text {
+ color: var(--bodyTextColorWhite);
+ }
+ body.dark-mode #sbsr-1309 .cs-link {
+ color: var(--secondaryLight);
+ }
+ body.dark-mode #sbsr-1309 .cs-text {
+ opacity: 0.8;
+ }
+ body.dark-mode #sbsr-1309 .cs-box {
+ background-color: var(--medium);
}
}
-/*-- -------------------------- -->
-<--- Side By Side Reverse -->
-<--- -------------------------- -*/
-/* Mobile - 360px */
+
@media only screen and (min-width: 0rem) {
- #sbsr-1309 {
+ #sbsr-13091 {
padding: var(--sectionPadding);
overflow: hidden;
+ }
+ #sbsr-13091 .cs-container {
+ width: 100%;
+ /* changes to 1280px at desktop */
+ max-width: 36.5rem;
+ margin: auto;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ gap: clamp(3rem, 4vw, 4rem);
+ }
+ #sbsr-13091 .cs-content {
+ /* set text align to left if content needs to be left aligned */
+ text-align: left;
+ width: 100%;
+ max-width: 33.875rem;
+ display: flex;
+ flex-direction: column;
+ /* centers content horizontally, set to flex-start to left align */
+ align-items: flex-start;
+ position: relative;
+ z-index: 10;
+ }
+ #sbsr-13091 .cs-text {
+ margin-bottom: 1rem;
+ }
+ #sbsr-13091 .cs-text:last-of-type {
+ margin-bottom: 2rem;
+ }
+ #sbsr-13091 .cs-image-group {
+ width: 100%;
+ max-width: 41.875rem;
+ height: 100vw;
+ max-height: 39.375rem;
+ display: block;
+ position: relative;
+ z-index: 1;
+ }
+ #sbsr-13091 .cs-picture {
+ /* big background image */
+ width: 93%;
+ height: 93%;
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0;
+ }
+ #sbsr-13091 .cs-picture img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ position: absolute;
+ top: 0;
+ left: 0;
+ }
+ #sbsr-13091 .cs-box {
+ text-align: left;
+ width: 70%;
+ max-width: 19rem;
+ /* prevents padding and border from affecting height and width */
+ box-sizing: border-box;
+ /* 20px - 40px */
+ padding: clamp(1.25rem, 4vw, 2.5rem);
+ background-color: #1a1a1a;
+ display: inline-flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: flex-start;
+ gap: 0.5rem;
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ z-index: 10;
+ }
+ #sbsr-13091 .cs-desc {
+ /* 16px - 31px */
+ font-size: clamp(1rem, 2.5vw, 1.9375rem);
+ font-weight: 700;
+ line-height: 1.2em;
+ text-align: inherit;
+ width: 100%;
+ color: var(--bodyTextColorWhite);
+ position: relative;
+ z-index: 10;
+ }
+ #sbsr-13091 .cs-graphic {
+ width: 150%;
+ height: auto;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ z-index: -1;
+ transform: translate(-50%, -50%);
+ }
+}
+/* Desktop - 1024px */
+@media only screen and (min-width: 64rem) {
+ #sbsr-13091 .cs-container {
+ max-width: 80rem;
+ /* set to horizontal arrangement */
+ flex-direction: row;
+ justify-content: space-between;
+ align-items: stretch;
+ }
+ #sbsr-13091 .cs-content {
+ width: 40%;
+ padding: 3rem 0;
+ align-self: center;
+ /* prevents flexbox from squishing it */
+ max-width: 71.875rem;
+ flex: none;
+ }
+ #sbsr-13091 .cs-image-group {
+ width: 60%;
+
+ height: auto;
+ max-height: 100%;
+ min-height: 11.875rem;
+ margin-top: 100px;
+ /* sends it to the right in the second position */
+ order: 2;
+ }
+ #sbsr-13091 .cs-picture {
+ width: 93%;
+ height: 94%;
+ right: 0;
+ left: auto;
+ }
+ #sbsr-13091 .cs-box {
+ right: auto;
+ bottom: 0rem;
+ left: 0;
+ }
+ #sbsr-13091 .cs-graphic {
+ max-width: 44.6875rem;
+ right: 8.125rem;
+ left: auto;
+ transform: translateY(-50%);
+ }
- .cs-container {
- width: 100%;
- /* changes to 1280px at desktop */
- max-width: calc(584 / 16 * 1rem);
- margin: auto;
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- gap: clamp(3rem, 4vw, 4rem);
- }
+ #sbsr-13091 .form-container {
+ background-color: #f3f1f1;
+
+ padding: 90px;
+ border-radius: 1px;
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+ max-width:71.23rem;
+ margin: auto;
+ animation: fadeIn 1s ease-in-out;
+ }
- .cs-content {
- /* set text align to left if content needs to be left aligned */
- text-align: left;
- width: 100%;
- max-width: calc(542 / 16 * 1rem);
- display: flex;
- flex-direction: column;
- /* centers content horizontally, set to flex-start to left align */
- align-items: flex-start;
- position: relative;
- z-index: 10;
- }
+ #sbsr-13091 .form-content {
+ display: flex;
+ flex-direction: column;
+ }
- .cs-text {
- margin-bottom: calc(16 / 16 * 1rem);
- &:last-of-type {
- margin-bottom: calc(32 / 16 * 1rem);
- }
- }
+ #sbsr-13091 .form-group {
+ margin-bottom: 15px;
+ animation: slideIn 0.8s ease-in-out;
+ }
- .cs-image-group {
- width: 100%;
- max-width: calc(670 / 16 * 1rem);
- height: 100vw;
- max-height: calc(630 / 16 * 1rem);
- display: block;
- position: relative;
- z-index: 1;
- }
+ #sbsr-13091 .form-group label {
+ margin-bottom: 5px;
+ font-weight: bold;
+ color: #e1b656;
+ }
- .cs-picture {
- /* big background image */
- width: 93%;
- height: 93%;
- display: block;
- position: absolute;
- top: 0;
- left: 0;
- img {
- width: 100%;
- height: 100%;
- object-fit: cover;
- position: absolute;
- top: 0;
- left: 0;
- }
- }
+ #sbsr-13091 .form-group input,
+ .form-group select {
+ padding-right: 5px;
+ padding-left: 5px;
+ padding-top: 20px;
+ padding-bottom: 20px;
+
+ border-radius: 2px;
+ border: 1px solid #ccc;
+ width: 100%;
+ transition: border-color 0.3s ease;
+ }
- .cs-box {
- text-align: left;
- width: 70%;
- max-width: calc(304 / 16 * 1rem);
- /* prevents padding and border from affecting height and width */
- box-sizing: border-box;
- /* 20px - 40px */
- padding: clamp(1.25rem, 4vw, 2.5rem);
- background-color: #1a1a1a;
- display: inline-flex;
- flex-direction: column;
- justify-content: center;
- align-items: flex-start;
- gap: calc(8 / 16 * 1rem);
- position: absolute;
- right: 0;
- bottom: 0;
- z-index: 10;
- }
+ #sbsr-13091 .form-group input:focus,
+ .form-group select:focus {
+ border-color: #e1b656;
+ }
- .cs-desc {
- /* 16px - 31px */
- font-size: clamp(1rem, 2.5vw, 1.9375rem);
- font-weight: 700;
- line-height: 1.2em;
- text-align: inherit;
- width: 100%;
- color: var(--bodyTextColorWhite);
- position: relative;
- z-index: 10;
- }
+ #sbsr-13091 .submit-btn {
+ padding: 12px;
+ background-color: #e1b656;
+ color: white;
+ border: none;
+ border-radius: 5px;
+ cursor: pointer;
+ font-size: 16px;
+ width: 400px;
+ transition: background-color 0.3s ease, transform 0.2s;
+ }
+ #sbsr-13091 ::placeholder {
+ color: #000;
+ opacity: 1; /* Ensures full opacity */
+ }
+
+ #sbsr-13091 .cs-text{
- .cs-graphic {
- width: 150%;
- height: auto;
- position: absolute;
- top: 50%;
- left: 50%;
- z-index: -1;
- transform: translate(-50%, -50%);
- }
+ font-size: 20px;
+ text-align: left;
}
+
+
+ #sbsr-13091 .svg-wrapper {
+ position: relative;
+ width: 100%; /* Adjust if needed */
+ height: 50px; /* Adjust height to fit the SVG */
+ margin-top: 20px; /* Space above SVG */
+
+ }
+
+ #sbsr-13091 .svg-icon {
+ width: 80px; /* Adjust the size as needed */
+ height: 80px;
+ filter: invert(71%) sepia(72%) saturate(334%) hue-rotate(359deg) brightness(93%) contrast(91%);
}
+#sbsr-13091 .contact {
-/* Desktop - 1024px */
-@media only screen and (min-width: 64rem) {
- #sbsr-1309 {
- .cs-container {
- max-width: calc(1280 / 16 * 1rem);
- /* set to horizontal arrangement */
- flex-direction: row;
- justify-content: space-between;
- align-items: stretch;
- }
+ margin-top: 20px;
+ margin-left: 80px;
+ font-size: 20px; /* Adjust text size as needed */
+ color: #e1b656; /* Text color */
+}
+#sbsr-13091 .cs-button-solid {
+ font-size: 1rem;
+ font-weight: 700;
+ margin-top: 90px;
+ /* 46px - 56px */
+ line-height: clamp(2.875rem, 5.5vw, 3.5rem);
+ text-align: center;
+ text-decoration: none;
+ min-width: 9.375rem;
+
+ /* prevents padding from adding to the width */
+ box-sizing: border-box;
+ padding: 0 3rem;
+ color: #ffffff;
+ background-color: var(--primary);
+ display: inline-block;
+ position: relative;
+ z-index: 1;
+ transition: color 0.3s;
+}
+#sbsr-13091 .description {
- .cs-content {
- width: 48%;
- padding: calc(48 / 16 * 1rem) 0;
- align-self: center;
- /* prevents flexbox from squishing it */
- flex: none;
- }
+
+ font-size: 16px; /* Adjust text size as needed */
+ color: #000; /* Text color */
+}
+ #sbsr-13091 .submit-btn:hover {
+ background-color: #e1b656;
+ transform: scale(1.05);
+ }
- .cs-image-group {
- width: 55%;
- max-width: calc(670 / 16 * 1rem);
- height: auto;
- max-height: 100%;
- min-height: calc(670 / 16 * 1rem);
- margin: 0;
- /* sends it to the right in the second position */
- order: 2;
- }
+ #sbsr-13091 .highlight {
+ color: #d7b65d; /* Change this to your desired color */
+ font-weight: bold; /* Optional: Make it bold */
+ }
+
+
- .cs-picture {
- width: 93%;
- height: 94%;
- right: 0;
- left: auto;
- }
- .cs-box {
- right: auto;
- bottom: calc(0 / 16 * 1rem);
- left: 0;
- }
- .cs-graphic {
- max-width: calc(715 / 16 * 1rem);
- right: calc(130 / 16 * 1rem);
- left: auto;
- transform: translateY(-50%);
- }
+
+
+ @keyframes fadeIn {
+ from { opacity: 0; }
+ to { opacity: 1; }
}
-}
+ @keyframes slideIn {
+ from { transform: translateY(20px); opacity: 0; }
+ to { transform: translateY(0); opacity: 1; }
+ }
+}
/* Dark Mode */
@media only screen and (min-width: 0rem) {
- body.dark-mode {
- #sbsr-1309 {
- .cs-title,
- .cs-text {
- color: var(--bodyTextColorWhite);
- }
-
- .cs-link {
- color: var(--secondaryLight);
- }
-
- .cs-text {
- opacity: 0.8;
- }
-
- .cs-box {
- background-color: var(--medium);
- }
- }
+ body.dark-mode #sbsr-1309 .cs-title,
+ body.dark-mode #sbsr-1309 .cs-text {
+ color: var(--bodyTextColorWhite);
+ }
+ body.dark-mode #sbsr-1309 .cs-link {
+ color: var(--secondaryLight);
+ }
+ body.dark-mode #sbsr-1309 .cs-text {
+ opacity: 0.8;
+ }
+ body.dark-mode #sbsr-1309 .cs-box {
+ background-color: var(--medium);
}
}
+
+
+
+
+
+
diff --git a/starter-styles/sass/root.scss b/starter-styles/sass/root.scss
index efc47dd..ac11eb7 100644
--- a/starter-styles/sass/root.scss
+++ b/starter-styles/sass/root.scss
@@ -2,34 +2,30 @@
<--- Core Styles -->
<--- -------------------------- -*/
@media only screen and (min-width: 0rem) {
- // CS-TODO: Adjust core styles to your liking. It may also be worth adding additional fonts for the header and changing the body font below.
- // This kit has also removed all instances of .cs-button outside of the root sheet, meaning you can change for any of the content flair buttons in one place.
:root {
/* Add these styles to your global stylesheet, which is used across all site pages. You only need to do this once. All elements in the library derive their variables and base styles from this central sheet, simplifying site-wide edits. For instance, if you want to modify how your h2's appear across the site, you just update it once in the global styles, and the changes apply everywhere. */
- --primary: #ffba19;
+ --primary: #e1b656;
--primaryLight: #ffd675;
- --secondary: #001f3f;
+ --secondary: #e1b656;
--secondaryLight: #001f3f;
- --headerColor: #1a1a1a;
- --bodyTextColor: #4e4b66;
+ --headerColor: #001f3f;
+ --titleColor:#e1b656;
+ --bodyTextColor: #6a6f73;
--bodyTextColorWhite: #fafbfc;
/* 13px - 16px */
- --topperFontSize: clamp(0.8125rem, 1.6vw, 1rem);
+ --topperFontSize: clamp(2.8125rem, 1.6vw, 1rem);
/* 31px - 49px */
--headerFontSize: clamp(1.9375rem, 3.9vw, 3.0625rem);
--bodyFontSize: 1rem;
/* 60px - 100px top and bottom */
--sectionPadding: clamp(3.75rem, 7.82vw, 6.25rem) 1rem;
-
- --bodyFontFamily: Arial, Helvetica, sans-serif;
+ --bodyFontFamily: 'Playfair Display', serif;
}
-
body {
font-family: var(--bodyFontFamily);
margin: 0;
padding: 0;
}
-
*,
*:before,
*:after {
@@ -47,7 +43,6 @@
color: var(--primary);
display: block;
}
-
.cs-title {
font-size: var(--headerFontSize);
font-weight: 900;
@@ -58,7 +53,6 @@
color: var(--headerColor);
position: relative;
}
-
.cs-text {
font-size: var(--bodyFontSize);
line-height: 1.5em;
@@ -68,74 +62,61 @@
margin: 0;
color: var(--bodyTextColor);
}
-
.cs-button-solid {
- font-size: calc(16 / 16 * 1rem);
+ font-size: 1rem;
font-weight: 700;
/* 46px - 56px */
line-height: clamp(2.875rem, 5.5vw, 3.5rem);
text-align: center;
text-decoration: none;
- min-width: calc(150 / 16 * 1rem);
+ min-width: 9.375rem;
margin: 0;
/* prevents padding from adding to the width */
box-sizing: border-box;
- padding: 0 calc(24 / 16 * 1rem);
+ padding: 0 1.5rem;
color: #1a1a1a;
background-color: var(--primary);
display: inline-block;
position: relative;
z-index: 1;
transition: color 0.3s;
-
- &:before {
- content: "";
- width: 0%;
- height: 100%;
- background: #000;
- opacity: 1;
- position: absolute;
- top: 0;
- left: 0;
- z-index: -1;
- transition: width 0.3s;
- }
-
- &:hover {
- color: #fff;
- &:before {
- width: 100%;
- }
- }
+ }
+ .cs-button-solid:before {
+ content: "";
+ width: 0%;
+ height: 100%;
+ background: #000;
+ opacity: 1;
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: -1;
+ transition: width 0.3s;
+ }
+ .cs-button-solid:hover {
+ color: #fff;
+ }
+ .cs-button-solid:hover:before {
+ width: 100%;
}
}
-
/*-- -------------------------- -->
-<--- Mobile Navigation -->
-<--- -------------------------- -*/
+ <--- Mobile Navigation -->
+ <--- -------------------------- -*/
/* Mobile - 1023px */
@media only screen and (max-width: 63.9375rem) {
- body {
- &.cs-open {
- overflow: hidden;
- }
-
- &.scroll {
- #cs-navigation {
- .cs-top-container {
- gap: 0;
- }
-
- .cs-top-social {
- height: 0;
- opacity: 0;
- visibility: hidden;
- overflow: hidden;
- }
- }
- }
- }
-
+ body.cs-open {
+ overflow: hidden;
+ }
+ body.scroll #cs-navigation .cs-top-container {
+ gap: 0;
+ }
+ body.scroll #cs-navigation .cs-top-social {
+ height: 0;
+ opacity: 0;
+ visibility: hidden;
+ overflow: hidden;
+ }
#cs-navigation {
width: 100%;
/* prevents padding and border from affecting height and width */
@@ -144,664 +125,572 @@
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
position: fixed;
z-index: 10000;
-
- &:before {
- content: "";
- width: 100%;
- height: 0vh;
- background: rgba(0, 0, 0, 0.6);
- opacity: 0;
- display: block;
- position: absolute;
- top: 100%;
- right: 0;
- z-index: -1100;
- transition: height 0.5s, opacity 0.5s;
- -webkit-backdrop-filter: blur(10px);
- backdrop-filter: blur(10px);
- }
-
- &.cs-active {
- &:before {
- height: 150vh;
- opacity: 1;
- }
- .cs-ul-wrapper {
- opacity: 1;
- transform: scaleY(1);
- transition-delay: 0.15s;
- }
-
- .cs-li {
- opacity: 1;
- transform: translateY(0);
- }
- }
-
- .cs-top-bar {
- width: 100%;
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .cs-top-container {
- width: 100%;
- /* prevents padding and border from affecting height and width */
- box-sizing: border-box;
- /* 16px - 20px */
- padding: clamp(1rem, 2.5vw, 1.25rem) calc(16 / 16 * 1rem);
- display: flex;
- justify-content: space-between;
- align-items: center;
- gap: calc(16 / 16 * 1rem);
- }
-
- .cs-contact-group {
- display: flex;
- justify-content: flex-start;
- align-items: center;
- flex-wrap: wrap;
- /* sends it to the right in the 2nd position */
- order: 2;
- gap: calc(40 / 16 * 1rem);
- }
-
- .cs-contact-link {
- display: none;
- }
-
- .cs-container {
- width: 100%;
- /* prevents padding and border from affecting height and width */
- box-sizing: border-box;
- /* 16px - 20px */
- padding: clamp(1rem, 2.5vw, 1.25rem) calc(16 / 16 * 1rem);
- background-color: #1a1a1a;
- display: flex;
- justify-content: space-between;
- align-items: center;
- position: relative;
- }
-
- .cs-logo {
- width: auto;
- /* 24px - 32px */
- height: clamp(1.5rem, 3vw, 2rem);
- margin: 0 auto 0 0;
- /* prevents padding and border from affecting height and width */
- box-sizing: border-box;
- padding: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- order: 1;
- z-index: 10;
-
- img {
- width: auto;
- height: 100%;
- /* ensures the image never overflows the container. It stays contained within it's width and height and expands to fill it then stops once it reaches an edge */
- object-fit: contain;
- }
- }
-
- .cs-nav {
- order: 2;
- }
-
- .cs-toggle {
- /* 48px - 56px */
- width: clamp(3rem, 7.2vw, 3.5rem);
- height: clamp(3rem, 7.2vw, 3.5rem);
- margin: 0 0 0 auto;
- background-color: #484848;
- border: none;
- display: flex;
- justify-content: center;
- align-items: center;
- transition: transform 0.6s;
-
- &.cs-active {
- transform: rotate(180deg);
- }
- }
-
- .cs-active {
- .cs-line1 {
- top: 50%;
- transform: translate(-50%, -50%) rotate(225deg);
- }
-
- .cs-line2 {
- top: 50%;
- transform: translate(-50%, -50%) translateY(0) rotate(-225deg);
- transform-origin: center;
- }
-
- .cs-line3 {
- opacity: 0;
- bottom: 100%;
- }
- }
-
- .cs-box {
- /* 24px - 28px */
- width: clamp(1.5rem, 2vw, 1.75rem);
- height: calc(16 / 16 * 1rem);
- position: relative;
- }
-
- .cs-line {
- width: 100%;
- height: 2px;
- background-color: #fafbfc;
- border-radius: 2px;
- position: absolute;
- left: 50%;
- transform: translateX(-50%);
- }
-
- .cs-line1 {
- top: 0;
- transition: transform 0.5s, top 0.3s, left 0.3s;
- animation-duration: 0.7s;
- animation-timing-function: ease;
- animation-direction: normal;
- animation-fill-mode: forwards;
- transform-origin: center;
- }
-
- .cs-line2 {
- top: 50%;
- transform: translateX(-50%) translateY(-50%);
- transition: top 0.3s, left 0.3s, transform 0.5s;
- animation-duration: 0.7s;
- animation-timing-function: ease;
- animation-direction: normal;
- animation-fill-mode: forwards;
- }
-
- .cs-line3 {
- bottom: 0;
- transition: bottom 0.3s, opacity 0.3s;
- }
-
- .cs-ul-wrapper {
- width: 100%;
- height: auto;
- padding-bottom: calc(48 / 16 * 1rem);
- background-color: #fff;
- box-shadow: inset rgba(0, 0, 0, 0.2) 0px 8px 24px;
- opacity: 0;
- position: absolute;
- top: 100%;
- left: 0;
- z-index: -1;
- overflow: hidden;
- transform: scaleY(0);
- transition: transform 0.4s, opacity 0.3s;
- transform-origin: top;
- }
-
- .cs-ul {
- width: 100%;
- height: auto;
- max-height: 65vh;
- margin: 0;
- padding: calc(48 / 16 * 1rem) 0 0 0;
- display: flex;
- flex-direction: column;
- justify-content: flex-start;
- align-items: center;
- gap: calc(20 / 16 * 1rem);
- overflow: scroll;
- }
-
- .cs-li {
- text-align: center;
- list-style: none;
- width: 100%;
- margin-right: 0;
- opacity: 0;
- /* transition from these values */
- transform: translateY(-4.375rem);
- transition: transform 0.6s, opacity 0.9s;
-
- &:nth-of-type(1) {
- transition-delay: 0.05s;
- }
- &:nth-of-type(2) {
- transition-delay: 0.1s;
- }
- &:nth-of-type(3) {
- transition-delay: 0.15s;
- }
- &:nth-of-type(4) {
- transition-delay: 0.2s;
- }
- &:nth-of-type(5) {
- transition-delay: 0.25s;
- }
- &:nth-of-type(6) {
- transition-delay: 0.3s;
- }
- &:nth-of-type(7) {
- transition-delay: 0.35s;
- }
- &:nth-of-type(8) {
- transition-delay: 0.4s;
- }
- &:nth-of-type(9) {
- transition-delay: 0.45s;
- }
- &:nth-of-type(10) {
- transition-delay: 0.5s;
- }
- &:nth-of-type(11) {
- transition-delay: 0.55s;
- }
- &:nth-of-type(12) {
- transition-delay: 0.6s;
- }
- &:nth-of-type(13) {
- transition-delay: 0.65s;
- }
- }
-
- .cs-li-link {
- /* 16px - 24px */
- font-size: clamp(1rem, 2.5vw, 1.5rem);
- line-height: 1.2em;
- text-decoration: none;
- margin: 0;
- color: var(--headerColor);
- display: inline-block;
- position: relative;
-
- &.cs-active {
- color: var(--primary);
- }
-
- &:hover {
- color: var(--primary);
- }
- }
-
- .cs-button-solid {
- font-size: calc(16 / 16 * 1rem);
- font-weight: 700;
- /* 46px - 56px */
- line-height: clamp(2.875rem, 5.5vw, 3.5rem);
- text-align: center;
- text-decoration: none;
- min-width: calc(150 / 16 * 1rem);
- margin: 0;
- /* prevents padding from adding to the width */
- box-sizing: border-box;
- padding: 0 calc(24 / 16 * 1rem);
- color: #1a1a1a;
- background-color: var(--primary);
- display: inline-block;
- position: relative;
- z-index: 1;
- transition: color 0.3s;
-
- &:before {
- content: "";
- width: 0%;
- height: 100%;
- background: #000;
- opacity: 1;
- position: absolute;
- top: 0;
- left: 0;
- z-index: -1;
- transition: width 0.3s;
- }
-
- &:hover {
- color: #fff;
- &:before {
- width: 100%;
- }
- }
- }
-
- .cs-button-solid {
- margin: 0;
- display: none;
- }
-
- .cs-call {
- text-decoration: none;
- display: flex;
- justify-content: flex-start;
- align-items: center;
- gap: calc(16 / 16 * 1rem);
- position: relative;
-
- &:before {
- /* light green circle that animates on hover */
- content: "";
- width: calc(48 / 16 * 1rem);
- height: calc(48 / 16 * 1rem);
- background: #eff1f0;
- opacity: 1;
- border-radius: calc(24 / 16 * 1rem);
- display: block;
- position: absolute;
- top: 50%;
- left: 0;
- z-index: -1;
- transform: translateY(-50%);
- transition: width 0.3s, height 0.3s, border-radius 0.3s;
- }
-
- .cs-wrapper {
- width: calc(56 / 16 * 1rem);
- height: calc(56 / 16 * 1rem);
- background-color: var(--primary);
- display: flex;
- justify-content: center;
- align-items: center;
- transition: transform 0.3s;
- /* prevents flexbox from squishing it */
- flex: none;
- }
-
- .cs-icon {
- width: calc(24 / 16 * 1rem);
- height: auto;
- display: block;
- transition: transform 0.3s;
- }
-
- .cs-info {
- display: flex;
- flex-direction: column;
- align-items: flex-start;
- }
-
- .cs-header {
- font-size: calc(14 / 16 * 1rem);
- font-weight: 400;
- line-height: 1.2em;
- margin: 0;
- color: var(--bodyTextColorWhite);
- display: block;
- }
-
- .cs-link-content {
- font-size: calc(20 / 16 * 1rem);
- font-weight: 700;
- line-height: 1.2em;
- margin: 0;
- color: var(--bodyTextColorWhite);
- display: block;
- }
- }
+ }
+ #cs-navigation:before {
+ content: "";
+ width: 100%;
+ height: 0vh;
+ background: rgba(0, 0, 0, 0.6);
+ opacity: 0;
+ display: block;
+ position: absolute;
+ top: 100%;
+ right: 0;
+ z-index: -1100;
+ transition: height 0.5s, opacity 0.5s;
+ -webkit-backdrop-filter: blur(10px);
+ backdrop-filter: blur(10px);
+ }
+ #cs-navigation.cs-active:before {
+ height: 150vh;
+ opacity: 1;
+ }
+ #cs-navigation.cs-active .cs-ul-wrapper {
+ opacity: 1;
+ transform: scaleY(1);
+ transition-delay: 0.15s;
+ }
+ #cs-navigation.cs-active .cs-li {
+ opacity: 1;
+ transform: translateY(0);
+ }
+ #cs-navigation .cs-top-bar {
+ width: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ }
+ #cs-navigation .cs-top-container {
+ width: 100%;
+ /* prevents padding and border from affecting height and width */
+ box-sizing: border-box;
+ /* 16px - 20px */
+ padding: clamp(1rem, 2.5vw, 1.25rem) 1rem;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ gap: 1rem;
+ }
+ #cs-navigation .cs-contact-group {
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ flex-wrap: wrap;
+ /* sends it to the right in the 2nd position */
+ order: 2;
+ gap: 2.5rem;
+ }
+ #cs-navigation .cs-contact-link {
+ display: none;
+ }
+ #cs-navigation .cs-container {
+ width: 100%;
+ /* prevents padding and border from affecting height and width */
+ box-sizing: border-box;
+ /* 16px - 20px */
+ padding: clamp(1rem, 2.5vw, 1.25rem) 1rem;
+ background-color: #1a1a1a;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ position: relative;
+ }
+ #cs-navigation .cs-logo {
+ width: auto;
+ /* 24px - 32px */
+ height: clamp(1.5rem, 3vw, 2rem);
+ margin: 0 auto 0 0;
+ /* prevents padding and border from affecting height and width */
+ box-sizing: border-box;
+ padding: 0;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ order: 1;
+ z-index: 10;
+ }
+ #cs-navigation .cs-logo img {
+ width: auto;
+ height: 100%;
+ /* ensures the image never overflows the container. It stays contained within it's width and height and expands to fill it then stops once it reaches an edge */
+ object-fit: contain;
+ }
+ #cs-navigation .cs-nav {
+ order: 2;
+ }
+ #cs-navigation .cs-toggle {
+ /* 48px - 56px */
+ width: clamp(3rem, 7.2vw, 3.5rem);
+ height: clamp(3rem, 7.2vw, 3.5rem);
+ margin: 0 0 0 auto;
+ background-color: #484848;
+ border: none;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ transition: transform 0.6s;
+ }
+ #cs-navigation .cs-toggle.cs-active {
+ transform: rotate(180deg);
+ }
+ #cs-navigation .cs-active .cs-line1 {
+ top: 50%;
+ transform: translate(-50%, -50%) rotate(225deg);
+ }
+ #cs-navigation .cs-active .cs-line2 {
+ top: 50%;
+ transform: translate(-50%, -50%) translateY(0) rotate(-225deg);
+ transform-origin: center;
+ }
+ #cs-navigation .cs-active .cs-line3 {
+ opacity: 0;
+ bottom: 100%;
+ }
+ #cs-navigation .cs-box {
+ /* 24px - 28px */
+ width: clamp(1.5rem, 2vw, 1.75rem);
+ height: 1rem;
+ position: relative;
+ }
+ #cs-navigation .cs-line {
+ width: 100%;
+ height: 2px;
+ background-color: #fafbfc;
+ border-radius: 2px;
+ position: absolute;
+ left: 50%;
+ transform: translateX(-50%);
+ }
+ #cs-navigation .cs-line1 {
+ top: 0;
+ transition: transform 0.5s, top 0.3s, left 0.3s;
+ animation-duration: 0.7s;
+ animation-timing-function: ease;
+ animation-direction: normal;
+ animation-fill-mode: forwards;
+ transform-origin: center;
+ }
+ #cs-navigation .cs-line2 {
+ top: 50%;
+ transform: translateX(-50%) translateY(-50%);
+ transition: top 0.3s, left 0.3s, transform 0.5s;
+ animation-duration: 0.7s;
+ animation-timing-function: ease;
+ animation-direction: normal;
+ animation-fill-mode: forwards;
+ }
+ #cs-navigation .cs-line3 {
+ bottom: 0;
+ transition: bottom 0.3s, opacity 0.3s;
+ }
+ #cs-navigation .cs-ul-wrapper {
+ width: 100%;
+ height: auto;
+ padding-bottom: 3rem;
+ background-color: #fff;
+ box-shadow: inset rgba(0, 0, 0, 0.2) 0px 8px 24px;
+ opacity: 0;
+ position: absolute;
+ top: 100%;
+ left: 0;
+ z-index: -1;
+ overflow: hidden;
+ transform: scaleY(0);
+ transition: transform 0.4s, opacity 0.3s;
+ transform-origin: top;
+ }
+ #cs-navigation .cs-ul {
+ width: 100%;
+ height: auto;
+ max-height: 65vh;
+ margin: 0;
+ padding: 3rem 0 0 0;
+ display: flex;
+ flex-direction: column;
+ justify-content: flex-start;
+ align-items: center;
+ gap: 1.25rem;
+ overflow: scroll;
+ }
+ #cs-navigation .cs-li {
+ text-align: center;
+ list-style: none;
+ width: 100%;
+ margin-right: 0;
+ opacity: 0;
+ /* transition from these values */
+ transform: translateY(-4.375rem);
+ transition: transform 0.6s, opacity 0.9s;
+ }
+ #cs-navigation .cs-li:nth-of-type(1) {
+ transition-delay: 0.05s;
+ }
+ #cs-navigation .cs-li:nth-of-type(2) {
+ transition-delay: 0.1s;
+ }
+ #cs-navigation .cs-li:nth-of-type(3) {
+ transition-delay: 0.15s;
+ }
+ #cs-navigation .cs-li:nth-of-type(4) {
+ transition-delay: 0.2s;
+ }
+ #cs-navigation .cs-li:nth-of-type(5) {
+ transition-delay: 0.25s;
+ }
+ #cs-navigation .cs-li:nth-of-type(6) {
+ transition-delay: 0.3s;
+ }
+ #cs-navigation .cs-li:nth-of-type(7) {
+ transition-delay: 0.35s;
+ }
+ #cs-navigation .cs-li:nth-of-type(8) {
+ transition-delay: 0.4s;
+ }
+ #cs-navigation .cs-li:nth-of-type(9) {
+ transition-delay: 0.45s;
+ }
+ #cs-navigation .cs-li:nth-of-type(10) {
+ transition-delay: 0.5s;
+ }
+ #cs-navigation .cs-li:nth-of-type(11) {
+ transition-delay: 0.55s;
+ }
+ #cs-navigation .cs-li:nth-of-type(12) {
+ transition-delay: 0.6s;
+ }
+ #cs-navigation .cs-li:nth-of-type(13) {
+ transition-delay: 0.65s;
+ }
+ #cs-navigation .cs-li-link {
+ /* 16px - 24px */
+ font-size: clamp(1rem, 2.5vw, 1.5rem);
+ line-height: 1.2em;
+ text-decoration: none;
+ margin: 0;
+ color: var(--headerColor);
+ display: inline-block;
+ position: relative;
+ }
+ #cs-navigation .cs-li-link.cs-active {
+ color: var(--primary);
+ }
+ #cs-navigation .cs-li-link:hover {
+ color: var(--primary);
+ }
+ #cs-navigation .cs-button-solid {
+ font-size: 1rem;
+ font-weight: 700;
+ /* 46px - 56px */
+ line-height: clamp(2.875rem, 5.5vw, 3.5rem);
+ text-align: center;
+ text-decoration: none;
+ min-width: 9.375rem;
+ margin: 0;
+ /* prevents padding from adding to the width */
+ box-sizing: border-box;
+ padding: 0 1.5rem;
+ color: #1a1a1a;
+ background-color: var(--primary);
+ display: inline-block;
+ position: relative;
+ z-index: 1;
+ transition: color 0.3s;
+ }
+ #cs-navigation .cs-button-solid:before {
+ content: "";
+ width: 0%;
+ height: 100%;
+ background: #000;
+ opacity: 1;
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: -1;
+ transition: width 0.3s;
+ }
+ #cs-navigation .cs-button-solid:hover {
+ color: #fff;
+ }
+ #cs-navigation .cs-button-solid:hover:before {
+ width: 100%;
+ }
+ #cs-navigation .cs-button-solid {
+ margin: 0;
+ display: none;
+ }
+ #cs-navigation .cs-call {
+ text-decoration: none;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ gap: 1rem;
+ position: relative;
+ }
+ #cs-navigation .cs-call:before {
+ /* light green circle that animates on hover */
+ content: "";
+ width: 3rem;
+ height: 3rem;
+ background: #eff1f0;
+ opacity: 1;
+ border-radius: 1.5rem;
+ display: block;
+ position: absolute;
+ top: 50%;
+ left: 0;
+ z-index: -1;
+ transform: translateY(-50%);
+ transition: width 0.3s, height 0.3s, border-radius 0.3s;
+ }
+ #cs-navigation .cs-call .cs-wrapper {
+ width: 3.5rem;
+ height: 3.5rem;
+ background-color: var(--primary);
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ transition: transform 0.3s;
+ /* prevents flexbox from squishing it */
+ flex: none;
+ }
+ #cs-navigation .cs-call .cs-icon {
+ width: 1.5rem;
+ height: auto;
+ display: block;
+ transition: transform 0.3s;
+ }
+ #cs-navigation .cs-call .cs-info {
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ }
+ #cs-navigation .cs-call .cs-header {
+ font-size: 0.875rem;
+ font-weight: 400;
+ line-height: 1.2em;
+ margin: 0;
+ color: var(--bodyTextColorWhite);
+ display: block;
+ }
+ #cs-navigation .cs-call .cs-link-content {
+ font-size: 1.25rem;
+ font-weight: 700;
+ line-height: 1.2em;
+ margin: 0;
+ color: var(--bodyTextColorWhite);
+ display: block;
}
}
-
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
- #cs-navigation {
- .cs-button-solid {
- display: block;
- }
+ #cs-navigation .cs-button-solid {
+ display: block;
}
}
-
/* Dark Mode */
@media only screen and (max-width: 63.9375rem) {
- body.dark-mode {
- #cs-navigation {
- background-color: var(--dark);
-
- .cs-logo {
- /* makes it white */
- filter: grayscale(1) brightness(1000%);
- }
-
- .cs-ul-wrapper {
- background-color: var(--dark);
- }
-
- .cs-li-link {
- color: var(--bodyTextColorWhite);
- }
-
- .cs-container {
- background-color: rgba(0, 0, 0, 0.5);
- }
- }
+ body.dark-mode #cs-navigation {
+ background-color: var(--dark);
+ }
+ body.dark-mode #cs-navigation .cs-logo {
+ /* makes it white */
+ filter: grayscale(1) brightness(1000%);
+ }
+ body.dark-mode #cs-navigation .cs-ul-wrapper {
+ background-color: var(--dark);
+ }
+ body.dark-mode #cs-navigation .cs-li-link {
+ color: var(--bodyTextColorWhite);
+ }
+ body.dark-mode #cs-navigation .cs-container {
+ background-color: rgba(0, 0, 0, 0.5);
}
}
-
/*-- -------------------------- -->
-<--- Navigation Dropdown -->
-<--- -------------------------- -*/
+ <--- Navigation Dropdown -->
+ <--- -------------------------- -*/
/* Mobile - 1023px */
@media only screen and (max-width: 63.9375rem) {
- #cs-navigation {
- .cs-li {
- text-align: center;
- width: 100%;
- display: block;
- }
-
- .cs-dropdown {
- color: var(--bodyTextColorWhite);
- position: relative;
-
- &.cs-active {
- .cs-drop-ul {
- height: auto;
- margin: calc(12 / 16 * 1rem) 0 0 0;
- padding: calc(12 / 16 * 1rem) 0;
- opacity: 1;
- visibility: visible;
- }
-
- .cs-drop-link {
- opacity: 1;
- }
- }
-
- .cs-li-link {
- position: relative;
- transition: opacity 0.3s;
- }
- }
-
- .cs-drop-icon {
- width: calc(15 / 16 * 1rem);
- height: auto;
- position: absolute;
- top: 50%;
- right: calc(-20 / 16 * 1rem);
- transform: translateY(-50%);
- }
-
- .cs-drop-ul {
- width: 100%;
- height: 100%;
- margin: calc(16 / 16 * 1rem) 0 0 0;
- padding: 0;
- display: flex;
- flex-direction: column;
- justify-content: flex-start;
- align-items: center;
- gap: calc(12 / 16 * 1rem);
- overflow: hidden;
- }
-
- .cs-drop-li {
- list-style: none;
- }
-
- .cs-li-link {
- &.cs-drop-link {
- color: var(--headerColor);
- }
- }
+ #cs-navigation .cs-li {
+ text-align: center;
+ width: 100%;
+ display: block;
+ }
+ #cs-navigation .cs-dropdown {
+ color: var(--bodyTextColorWhite);
+ position: relative;
+ }
+ #cs-navigation .cs-dropdown.cs-active .cs-drop-ul {
+ height: auto;
+ margin: 0.75rem 0 0 0;
+ padding: 0.75rem 0;
+ opacity: 1;
+ visibility: visible;
+ }
+ #cs-navigation .cs-dropdown.cs-active .cs-drop-link {
+ opacity: 1;
+ }
+ #cs-navigation .cs-dropdown .cs-li-link {
+ position: relative;
+ transition: opacity 0.3s;
+ }
+ #cs-navigation .cs-drop-icon {
+ width: 0.9375rem;
+ height: auto;
+ position: absolute;
+ top: 50%;
+ right: -1.25rem;
+ transform: translateY(-50%);
+ }
+ #cs-navigation .cs-drop-ul {
+ width: 100%;
+ height: 100%;
+ margin: 1rem 0 0 0;
+ padding: 0;
+ display: flex;
+ flex-direction: column;
+ justify-content: flex-start;
+ align-items: center;
+ gap: 0.75rem;
+ overflow: hidden;
+ }
+ #cs-navigation .cs-drop-li {
+ list-style: none;
+ }
+ #cs-navigation .cs-li-link.cs-drop-link {
+ color: var(--headerColor);
}
}
-
/* Desktop - 1024px */
@media only screen and (min-width: 64rem) {
- #cs-navigation {
- .cs-dropdown {
- position: relative;
- &:hover {
- cursor: pointer;
- .cs-drop-ul {
- opacity: 1;
- visibility: visible;
- transform: scaleY(1);
- }
-
- .cs-drop-li {
- opacity: 1;
- transform: translateY(0);
- }
- }
- }
-
- .cs-drop-icon {
- width: calc(15 / 16 * 1rem);
- height: auto;
- display: inline-block;
- }
-
- .cs-drop-ul {
- min-width: calc(200 / 16 * 1rem);
- margin: 0;
- padding: 0;
- background-color: #fff;
- box-shadow: rgba(149, 157, 165, 0.2) 0px 10px 16px;
- opacity: 0;
- border-bottom: 5px solid var(--primary);
- visibility: hidden;
- /* if you have 8 or more links in your dropdown nav, uncomment the columns property to make the list into 2 even columns. Change it to 3 or 4 if you need extra columns. Then remove the transition delays on the cs-drop-li so they don't have weird scattered animations */
- // columns: 2;
- position: absolute;
- top: 100%;
- z-index: -100;
- overflow: hidden;
- transform: scaleY(0);
- transition: transform 0.3s, visibility 0.3s, opacity 0.3s;
- transform-origin: top;
- }
-
- .cs-drop-li {
- font-size: calc(16 / 16 * 1rem);
- text-decoration: none;
- list-style: none;
- width: 100%;
- height: auto;
- opacity: 0;
- display: block;
- transform: translateY(-0.625rem);
- transition: opacity 0.6s, transform 0.6s;
-
- &:nth-of-type(1) {
- transition-delay: 0.05s;
- }
- &:nth-of-type(2) {
- transition-delay: 0.1s;
- }
- &:nth-of-type(3) {
- transition-delay: 0.15s;
- }
- &:nth-of-type(4) {
- transition-delay: 0.2s;
- }
- &:nth-of-type(5) {
- transition-delay: 0.25s;
- }
- &:nth-of-type(6) {
- transition-delay: 0.3s;
- }
- &:nth-of-type(7) {
- transition-delay: 0.35s;
- }
- &:nth-of-type(8) {
- transition-delay: 0.4s;
- }
- &:nth-of-type(9) {
- transition-delay: 0.45s;
- }
- &:nth-of-type(10) {
- transition-delay: 0.5s;
- }
- &:nth-of-type(11) {
- transition-delay: 0.55s;
- }
- &:nth-of-type(12) {
- transition-delay: 0.6s;
- }
- &:nth-of-type(13) {
- transition-delay: 0.65s;
- }
- }
-
- .cs-li-link {
- &.cs-drop-link {
- font-size: calc(16 / 16 * 1rem);
- line-height: 1.5em;
- text-transform: capitalize;
- text-decoration: none;
- white-space: nowrap;
- width: 100%;
- /* prevents padding and border from affecting height and width */
- box-sizing: border-box;
- padding: calc(12 / 16 * 1rem);
- color: var(--bodyTextColor);
- display: block;
- transition: color 0.3s, background-color 0.3s;
-
- &:hover {
- color: var(--primary);
- background-color: #f7f7f7;
- }
-
- &:before {
- display: none;
- }
- }
- }
+ #cs-navigation .cs-dropdown {
+ position: relative;
+ }
+ #cs-navigation .cs-dropdown:hover {
+ cursor: pointer;
+ }
+ #cs-navigation .cs-dropdown:hover .cs-drop-ul {
+ opacity: 1;
+ visibility: visible;
+ transform: scaleY(1);
+ }
+ #cs-navigation .cs-dropdown:hover .cs-drop-li {
+ opacity: 1;
+ transform: translateY(0);
+ }
+ #cs-navigation .cs-drop-icon {
+ width: 0.9375rem;
+ height: auto;
+ display: inline-block;
+ }
+ #cs-navigation .cs-drop-ul {
+ min-width: 12.5rem;
+ margin: 0;
+ padding: 0;
+ background-color: #fff;
+ box-shadow: rgba(149, 157, 165, 0.2) 0px 10px 16px;
+ opacity: 0;
+ border-bottom: 5px solid var(--primary);
+ visibility: hidden;
+ /* if you have 8 or more links in your dropdown nav, uncomment the columns property to make the list into 2 even columns. Change it to 3 or 4 if you need extra columns. Then remove the transition delays on the cs-drop-li so they don't have weird scattered animations */
+ position: absolute;
+ top: 100%;
+ z-index: -100;
+ overflow: hidden;
+ transform: scaleY(0);
+ transition: transform 0.3s, visibility 0.3s, opacity 0.3s;
+ transform-origin: top;
+ }
+ #cs-navigation .cs-drop-li {
+ font-size: 1rem;
+ text-decoration: none;
+ list-style: none;
+ width: 100%;
+ height: auto;
+ opacity: 0;
+ display: block;
+ transform: translateY(-0.625rem);
+ transition: opacity 0.6s, transform 0.6s;
+ }
+ #cs-navigation .cs-drop-li:nth-of-type(1) {
+ transition-delay: 0.05s;
+ }
+ #cs-navigation .cs-drop-li:nth-of-type(2) {
+ transition-delay: 0.1s;
+ }
+ #cs-navigation .cs-drop-li:nth-of-type(3) {
+ transition-delay: 0.15s;
+ }
+ #cs-navigation .cs-drop-li:nth-of-type(4) {
+ transition-delay: 0.2s;
+ }
+ #cs-navigation .cs-drop-li:nth-of-type(5) {
+ transition-delay: 0.25s;
+ }
+ #cs-navigation .cs-drop-li:nth-of-type(6) {
+ transition-delay: 0.3s;
+ }
+ #cs-navigation .cs-drop-li:nth-of-type(7) {
+ transition-delay: 0.35s;
+ }
+ #cs-navigation .cs-drop-li:nth-of-type(8) {
+ transition-delay: 0.4s;
+ }
+ #cs-navigation .cs-drop-li:nth-of-type(9) {
+ transition-delay: 0.45s;
+ }
+ #cs-navigation .cs-drop-li:nth-of-type(10) {
+ transition-delay: 0.5s;
+ }
+ #cs-navigation .cs-drop-li:nth-of-type(11) {
+ transition-delay: 0.55s;
+ }
+ #cs-navigation .cs-drop-li:nth-of-type(12) {
+ transition-delay: 0.6s;
+ }
+ #cs-navigation .cs-drop-li:nth-of-type(13) {
+ transition-delay: 0.65s;
+ }
+ #cs-navigation .cs-li-link.cs-drop-link {
+ font-size: 1rem;
+ line-height: 1.5em;
+ text-transform: capitalize;
+ text-decoration: none;
+ white-space: nowrap;
+ width: 100%;
+ /* prevents padding and border from affecting height and width */
+ box-sizing: border-box;
+ padding: 0.75rem;
+ color: var(--bodyTextColor);
+ display: block;
+ transition: color 0.3s, background-color 0.3s;
+ }
+ #cs-navigation .cs-li-link.cs-drop-link:hover {
+ color: var(--primary);
+ background-color: #f7f7f7;
+ }
+ #cs-navigation .cs-li-link.cs-drop-link:before {
+ display: none;
}
}
-
/* Dark Mode */
@media only screen and (min-width: 64rem) {
- body.dark-mode {
- #cs-navigation {
- .cs-drop-ul {
- background-color: var(--dark);
- }
-
- .cs-li-link {
- &.cs-drop-link {
- color: var(--bodyTextColorWhite);
- &:hover {
- background-color: rgba(255, 255, 255, 0.2);
- }
-
- &:before {
- display: none;
- }
- }
- }
- }
+ body.dark-mode #cs-navigation .cs-drop-ul {
+ background-color: var(--dark);
+ }
+ body.dark-mode #cs-navigation .cs-li-link.cs-drop-link {
+ color: var(--bodyTextColorWhite);
+ }
+ body.dark-mode #cs-navigation .cs-li-link.cs-drop-link:hover {
+ background-color: rgba(255, 255, 255, 0.2);
+ }
+ body.dark-mode #cs-navigation .cs-li-link.cs-drop-link:before {
+ display: none;
}
}
-
/*-- -------------------------- -->
-<--- Desktop Navigation -->
-<--- -------------------------- -*/
+ <--- Desktop Navigation -->
+ <--- -------------------------- -*/
/* Small Desktop - 1024px */
@media only screen and (min-width: 64rem) {
#cs-navigation {
@@ -810,377 +699,319 @@
box-sizing: border-box;
padding: 0;
background-color: #fff;
- box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
+
position: fixed;
z-index: 10000;
-
- .cs-top-bar {
- width: 100%;
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .cs-top-container {
- width: 100%;
- max-width: calc(1280 / 16 * 1rem);
- /* prevents padding and border from affecting height and width */
- box-sizing: border-box;
- padding: calc(16 / 16 * 1rem);
- display: flex;
- justify-content: space-between;
- align-items: center;
- gap: calc(24 / 16 * 1rem);
- }
-
- .cs-contact-group {
- display: flex;
- justify-content: flex-end;
- align-items: center;
- gap: calc(24 / 16 * 1rem);
- }
-
- .cs-contact-link {
- text-decoration: none;
- padding-right: calc(30 / 16 * 1rem);
- display: flex;
- justify-content: flex-start;
- align-items: center;
- gap: calc(16 / 16 * 1rem);
- position: relative;
- transform-style: preserve-3d;
- perspective: 200px;
-
- &:nth-of-type(2) {
- display: none;
- }
-
- &:hover {
- .cs-wrapper {
- transform: rotateY(180deg);
- }
- }
- }
-
- .cs-wrapper {
- width: calc(56 / 16 * 1rem);
- height: calc(56 / 16 * 1rem);
- display: flex;
- justify-content: center;
- align-items: center;
- position: relative;
- z-index: 1;
- transition: transform 0.6s;
- /* prevents flexbox from squishing it */
- flex: none;
-
- &:before {
- /* backgorund color in pseudo so we can use the primary color variable and use opacity */
- content: "";
- width: 100%;
- height: 100%;
- background-color: var(--primary);
- opacity: 0.1;
- display: block;
- position: absolute;
- top: 0;
- left: 0;
- }
- }
-
- .cs-icon {
- width: calc(24 / 16 * 1rem);
- height: auto;
- display: block;
- transition: transform 0.3s;
- }
-
- .cs-info {
- display: flex;
- flex-direction: column;
- align-items: flex-start;
- gap: calc(4 / 16 * 1rem);
- }
-
- .cs-header {
- font-size: calc(16 / 16 * 1rem);
- font-weight: 700;
- line-height: 1.2em;
- margin: 0;
- color: var(--headerColor);
- display: block;
- }
-
- .cs-link-content {
- font-size: calc(14 / 16 * 1rem);
- font-weight: 400;
- line-height: 1.2em;
- margin: 0;
- color: var(--bodyTextColor);
- display: block;
- }
-
- .cs-button-solid {
- font-size: calc(16 / 16 * 1rem);
- font-weight: 700;
- /* 46px - 56px */
- line-height: clamp(2.875rem, 5.5vw, 3.5rem);
- text-align: center;
- text-decoration: none;
- min-width: calc(150 / 16 * 1rem);
- margin: 0;
- /* prevents padding from adding to the width */
- box-sizing: border-box;
- padding: 0 calc(48 / 16 * 1rem);
- color: #1a1a1a;
- background-color: var(--primary);
- display: inline-block;
- position: relative;
- z-index: 1;
- transition: color 0.3s;
-
- &:before {
- content: "";
- width: 0%;
- height: 100%;
- background: #000;
- opacity: 1;
- position: absolute;
- top: 0;
- left: 0;
- z-index: -1;
- transition: width 0.3s;
- }
-
- &:hover {
- color: #fff;
- &:before {
- width: 100%;
- }
- }
- }
-
- .cs-bottom-bar {
- width: 100%;
- background-color: #1a1a1a;
- display: flex;
- justify-content: center;
- align-items: center;
- }
-
- .cs-container {
- width: 100%;
- max-width: calc(1280 / 16 * 1rem);
- margin: auto;
- /* prevents padding from affectin gheight */
- box-sizing: border-box;
- padding: 0 calc(16 / 16 * 1rem);
- display: flex;
- justify-content: space-between;
- align-items: center;
- gap: calc(24 / 16 * 1rem);
- position: relative;
- }
-
- .cs-toggle {
- display: none;
- }
-
- .cs-logo {
- width: 18.4%;
- max-width: calc(197 / 16 * 1rem);
- height: calc(60 / 16 * 1rem);
- /* margin-right auto pushes everything away from it to the right */
- margin: 0 auto 0 0;
- padding: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- z-index: 100;
-
- img {
- width: 100%;
- height: 100%;
- /* ensures the image never overflows the container. It stays contained within it's width and height and expands to fill it then stops once it reaches an edge */
- object-fit: contain;
- }
- }
-
- .cs-ul {
- width: 100%;
- margin: 0;
- padding: 0;
- display: flex;
- justify-content: flex-start;
- align-items: center;
- gap: calc(36 / 16 * 1rem);
- }
-
- .cs-li {
- list-style: none;
- padding: calc(36 / 16 * 1rem) 0;
- /* prevent flexbox from squishing it */
- flex: none;
- }
-
- .cs-li-link {
- font-size: calc(16 / 16 * 1rem);
- line-height: 1.5em;
- text-transform: uppercase;
- text-decoration: none;
- margin: 0;
- color: var(--bodyTextColorWhite);
- display: block;
- position: relative;
- transition: color 0.3s;
-
- &:hover {
- color: var(--primary);
- }
-
- &.cs-active {
- font-weight: 700;
- color: var(--primary);
- }
- }
-
- .cs-call {
- text-decoration: none;
- display: flex;
- justify-content: flex-start;
- align-items: center;
- gap: calc(16 / 16 * 1rem);
- position: relative;
- transform-style: preserve-3d;
- perspective: 200px;
-
- &:hover {
- &:hover {
- .cs-wrapper {
- transform: rotateY(180deg);
- }
- }
- }
-
- .cs-wrapper {
- width: calc(56 / 16 * 1rem);
- height: calc(56 / 16 * 1rem);
- background-color: var(--primary);
- display: flex;
- justify-content: center;
- align-items: center;
- transition: transform 0.6s;
- /* prevents flexbox from squishing it */
- flex: none;
- }
-
- .cs-icon {
- width: calc(24 / 16 * 1rem);
- height: auto;
- display: block;
- transition: transform 0.3s;
- }
-
- .cs-info {
- display: flex;
- flex-direction: column;
- align-items: flex-start;
- }
-
- .cs-header {
- font-size: calc(14 / 16 * 1rem);
- font-weight: 400;
- line-height: 1.2em;
- margin: 0;
- color: var(--bodyTextColorWhite);
- display: block;
- }
-
- .cs-link-content {
- font-size: calc(20 / 16 * 1rem);
- font-weight: 700;
- line-height: 1.2em;
- margin: 0;
- color: var(--bodyTextColorWhite);
- display: block;
- }
- }
+ background: transparent;
+ position: absolute;
+ }
+ #cs-navigation .cs-top-bar {
+ width: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ }
+ #cs-navigation .cs-top-container {
+ width: 100%;
+ max-width: 80rem;
+ /* prevents padding and border from affecting height and width */
+ box-sizing: border-box;
+ padding: 1rem;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ gap: 1.5rem;
+ }
+ #cs-navigation .cs-contact-group {
+ display: flex;
+ justify-content: flex-end;
+ align-items: center;
+ gap: 1.5rem;
+ }
+ #cs-navigation .cs-contact-link {
+ text-decoration: none;
+ padding-right: 1.875rem;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ gap: 1rem;
+ position: relative;
+ transform-style: preserve-3d;
+ perspective: 200px;
+ }
+ #cs-navigation .cs-contact-link:nth-of-type(2) {
+ display: none;
+ }
+ #cs-navigation .cs-contact-link:hover .cs-wrapper {
+ transform: rotateY(180deg);
+ }
+ #cs-navigation .cs-wrapper {
+ width: 3.5rem;
+ height: 3.5rem;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ position: relative;
+ z-index: 1;
+ transition: transform 0.6s;
+ /* prevents flexbox from squishing it */
+ flex: none;
+ }
+ #cs-navigation .cs-wrapper:before {
+ /* backgorund color in pseudo so we can use the primary color variable and use opacity */
+ content: "";
+ width: 100%;
+ height: 100%;
+ background-color: var(--primary);
+ opacity: 0.1;
+ display: block;
+ position: absolute;
+ top: 0;
+ left: 0;
+ }
+ #cs-navigation .cs-icon {
+ width: 1.5rem;
+ height: auto;
+ display: block;
+ transition: transform 0.3s;
+ }
+ #cs-navigation .cs-info {
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ gap: 0.25rem;
+ }
+ #cs-navigation .cs-header {
+ font-size: 1rem;
+ font-weight: 700;
+ line-height: 1.2em;
+ margin: 0;
+ color: var(--headerColor);
+ display: block;
+ }
+ #cs-navigation .cs-link-content {
+ font-size: 0.875rem;
+ font-weight: 400;
+ line-height: 1.2em;
+ margin: 0;
+ color: var(--bodyTextColor);
+ display: block;
+ }
+ #cs-navigation .cs-button-solid {
+ font-size: 1rem;
+ font-weight: 700;
+ /* 46px - 56px */
+ line-height: clamp(2.875rem, 5.5vw, 3.5rem);
+ text-align: center;
+ text-decoration: none;
+ min-width: 9.375rem;
+ margin: 0;
+ /* prevents padding from adding to the width */
+ box-sizing: border-box;
+ padding: 0 3rem;
+ color: #1a1a1a;
+ background-color: var(--primary);
+ display: inline-block;
+ position: relative;
+ z-index: 1;
+ transition: color 0.3s;
+ }
+ #cs-navigation .cs-button-solid:before {
+ content: "";
+ width: 0%;
+ height: 100%;
+ background: #000;
+ opacity: 1;
+ position: absolute;
+ top: 0;
+ left: 0;
+ z-index: -1;
+ transition: width 0.3s;
+ }
+ #cs-navigation .cs-button-solid:hover {
+ color: #fff;
+ }
+ #cs-navigation .cs-button-solid:hover:before {
+ width: 100%;
+ }
+ #cs-navigation .cs-bottom-bar {
+ width: 100%;
+ background-color: #1a1a1a;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ }
+ #cs-navigation .cs-container {
+ width: 100%;
+ max-width: 80rem;
+
+ /* prevents padding from affectin gheight */
+ box-sizing: border-box;
+
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ gap: 1.5rem;
+ position: relative;
+ }
+ #cs-navigation .cs-toggle {
+ display: none;
+ }
+ #cs-navigation .cs-logo {
+ width: 18.4%;
+ max-width: 12.3125rem;
+ height: 3.75rem;
+ /* margin-right auto pushes everything away from it to the right */
+ margin: 0 auto 0 0;
+ padding: 0;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ z-index: 100;
+ }
+ #cs-navigation .cs-logo img {
+ width: 100%;
+ height: 100%;
+ /* ensures the image never overflows the container. It stays contained within it's width and height and expands to fill it then stops once it reaches an edge */
+ object-fit: contain;
+ }
+ #cs-navigation .cs-ul {
+ width: 100%;
+ margin: 0;
+ padding: 0;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ gap: 2.25rem;
+ }
+ #cs-navigation .cs-li {
+ list-style: none;
+ padding: 2.25rem 0;
+ /* prevent flexbox from squishing it */
+ flex: none;
+ }
+ #cs-navigation .cs-li-link {
+ font-size: 1rem;
+ line-height: 1.5em;
+ text-transform: uppercase;
+ text-decoration: none;
+ margin: 0;
+ color: var(--bodyTextColorWhite);
+ display: block;
+ position: relative;
+ transition: color 0.3s;
+ }
+ #cs-navigation .cs-li-link:hover {
+ color: var(--primary);
+ }
+ #cs-navigation .cs-li-link.cs-active {
+ font-weight: 700;
+ color: var(--primary);
+ }
+ #cs-navigation .cs-call {
+ text-decoration: none;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ gap: 1rem;
+ position: relative;
+ transform-style: preserve-3d;
+ perspective: 200px;
+ }
+ #cs-navigation .cs-call:hover:hover .cs-wrapper {
+ transform: rotateY(180deg);
+ }
+ #cs-navigation .cs-call .cs-wrapper {
+ width: 3.5rem;
+ height: 3.5rem;
+ background-color: var(--primary);
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ transition: transform 0.6s;
+ /* prevents flexbox from squishing it */
+ flex: none;
+ }
+ #cs-navigation .cs-call .cs-icon {
+ width: 1.5rem;
+ height: auto;
+ display: block;
+ transition: transform 0.3s;
+ }
+ #cs-navigation .cs-call .cs-info {
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ }
+ #cs-navigation .cs-call .cs-header {
+ font-size: 0.875rem;
+ font-weight: 400;
+ line-height: 1.2em;
+ margin: 0;
+ color: var(--bodyTextColorWhite);
+ display: block;
+ }
+ #cs-navigation .cs-call .cs-link-content {
+ font-size: 1.25rem;
+ font-weight: 700;
+ line-height: 1.2em;
+ margin: 0;
+ color: var(--bodyTextColorWhite);
+ display: block;
}
}
-
/* Large Desktop - 1300px */
@media only screen and (min-width: 75rem) {
- #cs-navigation {
- .cs-contact-link {
- &:nth-of-type(2) {
- display: flex;
- }
- }
+ #cs-navigation .cs-contact-link:nth-of-type(2) {
+ display: flex;
}
}
-
/* Larger Desktop - 1200px */
@media only screen and (min-width: 100rem) {
#cs-navigation {
- .cs-donate {
- margin-left: auto;
- display: flex;
- }
-
- .cs-nav-button {
- margin: 0;
- }
+ background: transparent;
+ }
+ #cs-navigation .cs-donate {
+ margin-left: auto;
+ display: flex;
+ }
+ #cs-navigation .cs-nav-button {
+ margin: 0;
}
}
-
/* Dark Mode */
@media only screen and (min-width: 64rem) {
- body.dark-mode {
- #cs-navigation {
- background-color: var(--dark);
-
- .cs-header,
- .cs-link-content {
- color: var(--bodyTextColorWhite);
- }
-
- .cs-wrapper {
- &:before {
- background-color: #fff;
- }
- }
-
- .cs-call {
- .cs-header {
- opacity: 0.8;
- }
-
- .cs-link-content {
- opacity: 1;
- }
- }
-
- .cs-link-content {
- opacity: 0.8;
- }
-
- .cs-bottom-bar {
- background-color: rgba(0, 0, 0, 0.4);
- }
-
- .cs-logo,
- .cs-link-icon {
- /* turns it white */
- filter: grayscale(1) brightness(1000%);
- }
- }
+ body.dark-mode #cs-navigation {
+ background-color: var(--dark);
+ }
+ body.dark-mode #cs-navigation .cs-header,
+ body.dark-mode #cs-navigation .cs-link-content {
+ color: var(--bodyTextColorWhite);
+ }
+ body.dark-mode #cs-navigation .cs-wrapper:before {
+ background-color: #fff;
+ }
+ body.dark-mode #cs-navigation .cs-call .cs-header {
+ opacity: 0.8;
+ }
+ body.dark-mode #cs-navigation .cs-call .cs-link-content {
+ opacity: 1;
+ }
+ body.dark-mode #cs-navigation .cs-link-content {
+ opacity: 0.8;
+ }
+ body.dark-mode #cs-navigation .cs-bottom-bar {
+ background-color: rgba(0, 0, 0, 0.4);
+ }
+ body.dark-mode #cs-navigation .cs-logo,
+ body.dark-mode #cs-navigation .cs-link-icon {
+ /* turns it white */
+ filter: grayscale(1) brightness(1000%);
}
}
-
/*-- -------------------------- -->
-<--- Footer -->
-<--- -------------------------- -*/
-
+ <--- Footer -->
+ <--- -------------------------- -*/
/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
#footer-1390 {
@@ -1188,177 +1019,151 @@
background-color: #1a1a1a;
position: relative;
z-index: 1;
-
- .cs-container {
- width: 100%;
- max-width: calc(1280 / 16 * 1rem);
- margin: auto;
- display: flex;
- flex-direction: column;
- align-items: center;
- }
-
- .cs-top {
- width: 100%;
- margin-bottom: calc(40 / 16 * 1rem);
- /* 24px - 64px */
- padding-bottom: clamp(1.5rem, 5vw, 4rem);
- border-bottom: 1px solid #484848;
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- /* 24px - 40px */
- gap: clamp(1.25rem, 4vw, 2.5rem);
- }
-
- .cs-ul {
- margin: 0;
- padding: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- flex-wrap: wrap;
- /* 24px - 36px */
- column-gap: clamp(1.5rem, 4vw, 2.25rem);
- row-gap: calc(8 / 16 * 1rem);
- }
-
- .cs-li {
- list-style: none;
- }
-
- .cs-link {
- /* 14px - 16px */
- font-size: clamp(0.875rem, 1.5vw, 1rem);
- line-height: 1.5em;
- text-decoration: none;
- margin: 0;
- color: #bababa;
- display: block;
- transition: color 0.3s;
-
- &:hover {
- color: var(--primary);
- }
- }
-
- .cs-logo {
- width: 100%;
- max-width: calc(209 / 16 * 1rem);
- height: auto;
- display: block;
- }
-
- .cs-logo-img {
- width: 100%;
- height: auto;
- display: block;
- }
-
- .cs-bottom {
- width: 100%;
- display: flex;
- flex-direction: column;
- align-items: center;
- gap: calc(16 / 16 * 1rem);
- }
-
- .cs-social {
- margin: 0;
- padding: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- gap: calc(8 / 16 * 1rem);
- }
-
- .cs-social-li {
- list-style: none;
- }
-
- .cs-social-link {
- width: calc(32 / 16 * 1rem);
- height: calc(32 / 16 * 1rem);
- background-color: #484848;
- border-radius: 50%;
- display: flex;
- justify-content: center;
- align-items: center;
- transition: background-color 0.3s;
- &:hover {
- background-color: var(--primary);
-
- .cs-social-icon {
- opacity: 1;
- filter: grayscale(1) brightness(1000%);
- }
- }
- }
-
- .cs-social-icon {
- width: calc(12 / 16 * 1rem);
- height: auto;
- opacity: 0.6;
- display: block;
- transition: opacity 0.3s;
- }
-
- .cs-copyright {
- font-size: calc(16 / 16 * 1rem);
- line-height: 1.5em;
- margin: 0;
- color: #bababa;
- display: block;
- }
-
- .cs-copyright-link,
- .cs-separater {
- font-size: calc(16 / 16 * 1rem);
- text-decoration: none;
- color: #bababa;
- transition: color 0.3s;
-
- &:hover {
- color: var(--primary);
- }
- }
-
- .cs-separater {
- margin: 0 calc(16 / 16 * 1rem);
- display: inline-block;
- }
+ }
+ #footer-1390 .cs-container {
+ width: 100%;
+ max-width: 80rem;
+ margin: auto;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ }
+ #footer-1390 .cs-top {
+ width: 100%;
+ margin-bottom: 2.5rem;
+ /* 24px - 64px */
+ padding-bottom: clamp(1.5rem, 5vw, 4rem);
+ border-bottom: 1px solid #484848;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ /* 24px - 40px */
+ gap: clamp(1.25rem, 4vw, 2.5rem);
+ }
+ #footer-1390 .cs-ul {
+ margin: 0;
+ padding: 0;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ flex-wrap: wrap;
+ /* 24px - 36px */
+ column-gap: clamp(1.5rem, 4vw, 2.25rem);
+ row-gap: 0.5rem;
+ }
+ #footer-1390 .cs-li {
+ list-style: none;
+ }
+ #footer-1390 .cs-link {
+ /* 14px - 16px */
+ font-size: clamp(0.875rem, 1.5vw, 1rem);
+ line-height: 1.5em;
+ text-decoration: none;
+ margin: 0;
+ color: #bababa;
+ display: block;
+ transition: color 0.3s;
+ }
+ #footer-1390 .cs-link:hover {
+ color: var(--primary);
+ }
+ #footer-1390 .cs-logo {
+ width: 100%;
+ max-width: 13.0625rem;
+ height: auto;
+ display: block;
+ }
+ #footer-1390 .cs-logo-img {
+ width: 100%;
+ height: auto;
+ display: block;
+ }
+ #footer-1390 .cs-bottom {
+ width: 100%;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ gap: 1rem;
+ }
+ #footer-1390 .cs-social {
+ margin: 0;
+ padding: 0;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ gap: 0.5rem;
+ }
+ #footer-1390 .cs-social-li {
+ list-style: none;
+ }
+ #footer-1390 .cs-social-link {
+ width: 2rem;
+ height: 2rem;
+ background-color: #484848;
+ border-radius: 50%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ transition: background-color 0.3s;
+ }
+ #footer-1390 .cs-social-link:hover {
+ background-color: var(--primary);
+ }
+ #footer-1390 .cs-social-link:hover .cs-social-icon {
+ opacity: 1;
+ filter: grayscale(1) brightness(1000%);
+ }
+ #footer-1390 .cs-social-icon {
+ width: 0.75rem;
+ height: auto;
+ opacity: 0.6;
+ display: block;
+ transition: opacity 0.3s;
+ }
+ #footer-1390 .cs-copyright {
+ font-size: 1rem;
+ line-height: 1.5em;
+ margin: 0;
+ color: #bababa;
+ display: block;
+ }
+ #footer-1390 .cs-copyright-link,
+ #footer-1390 .cs-separater {
+ font-size: 1rem;
+ text-decoration: none;
+ color: #bababa;
+ transition: color 0.3s;
+ }
+ #footer-1390 .cs-copyright-link:hover,
+ #footer-1390 .cs-separater:hover {
+ color: var(--primary);
+ }
+ #footer-1390 .cs-separater {
+ margin: 0 1rem;
+ display: inline-block;
}
}
-
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
- #footer-1390 {
- .cs-top {
- align-items: flex-start;
- }
-
- .cs-bottom {
- flex-direction: row;
- justify-content: center;
- }
-
- .cs-flex {
- margin: 0 auto;
- }
-
- .cs-social {
- /* sends it to the right in the 3rd position */
- order: 3;
- }
+ #footer-1390 .cs-top {
+ align-items: flex-start;
+ }
+ #footer-1390 .cs-bottom {
+ flex-direction: row;
+ justify-content: center;
+ }
+ #footer-1390 .cs-flex {
+ margin: 0 auto;
+ }
+ #footer-1390 .cs-social {
+ /* sends it to the right in the 3rd position */
+ order: 3;
}
}
-
/* Dark Mode */
@media only screen and (min-width: 0rem) {
- body.dark-mode {
- #footer-1390 {
- background-color: rgba(0, 0, 0, 0.6);
- }
+ body.dark-mode #footer-1390 {
+ background-color: rgba(0, 0, 0, 0.6);
}
}
From d606182983a43f92d24b689332b59688dfe55862 Mon Sep 17 00:00:00 2001
From: Hussainmirza10
Date: Thu, 22 Aug 2024 01:39:44 +0500
Subject: [PATCH 4/4] updates
---
src/assets/images/car3.webp | Bin 0 -> 192452 bytes
src/assets/images/car5.jpeg | Bin 0 -> 39235 bytes
src/assets/images/car6.jpg | Bin 0 -> 35910 bytes
src/assets/images/car7.webp | Bin 0 -> 7586 bytes
src/assets/images/hero.jpg | Bin 0 -> 3448125 bytes
src/assets/images/mer.png | Bin 0 -> 82544 bytes
src/assets/images/mer2.jpg | Bin 0 -> 60250 bytes
src/assets/images/road1.avif | Bin 0 -> 34667 bytes
src/assets/images/roll10.png | Bin 0 -> 341958 bytes
src/assets/images/roll11.webp | Bin 0 -> 16712 bytes
src/assets/images/roll12.png | Bin 0 -> 442487 bytes
src/assets/images/rolls.webp | Bin 0 -> 18614 bytes
src/assets/images/rolls2.png | Bin 0 -> 63415 bytes
src/assets/images/rolls3.png | Bin 0 -> 286336 bytes
src/assets/images/rolls4.png | Bin 0 -> 1349638 bytes
src/assets/images/rolls5.png | Bin 0 -> 79744 bytes
src/assets/images/rolls6.png | Bin 0 -> 357711 bytes
src/assets/images/rolls7.png | Bin 0 -> 79286 bytes
src/assets/images/rolls8.png | Bin 0 -> 108170 bytes
src/assets/images/rolls9.png | Bin 0 -> 110506 bytes
src/assets/images/seats.jpg | Bin 0 -> 71304 bytes
src/assets/images/seats2.avif | Bin 0 -> 23083 bytes
src/assets/images/sky1.avif | Bin 0 -> 5961 bytes
src/assets/svgs/calender.svg | 2 +
src/assets/svgs/call.svg | 5 ++
src/assets/svgs/car.svg | 5 ++
src/assets/svgs/clock.svg | 4 ++
src/assets/svgs/delivery.svg | 16 +++++++
src/assets/svgs/driver.svg | 38 +++++++++++++++
src/assets/svgs/limo.svg | 14 ++++++
src/assets/svgs/location.svg | 5 ++
src/assets/svgs/people.svg | 86 ++++++++++++++++++++++++++++++++++
src/assets/svgs/seat.svg | 13 +++++
src/assets/svgs/svg1.svg | 23 +++++++++
src/assets/svgs/svg2.svg | 2 +
src/assets/svgs/svg3.svg | 4 ++
src/assets/svgs/svgcar.svg | 3 ++
src/assets/svgs/svgcar2.svg | 2 +
src/assets/svgs/svgcar3.svg | 48 +++++++++++++++++++
src/assets/svgs/tag.svg | 4 ++
src/assets/svgs/whatsapp.svg | 4 ++
41 files changed, 278 insertions(+)
create mode 100644 src/assets/images/car3.webp
create mode 100644 src/assets/images/car5.jpeg
create mode 100644 src/assets/images/car6.jpg
create mode 100644 src/assets/images/car7.webp
create mode 100644 src/assets/images/hero.jpg
create mode 100644 src/assets/images/mer.png
create mode 100644 src/assets/images/mer2.jpg
create mode 100644 src/assets/images/road1.avif
create mode 100644 src/assets/images/roll10.png
create mode 100644 src/assets/images/roll11.webp
create mode 100644 src/assets/images/roll12.png
create mode 100644 src/assets/images/rolls.webp
create mode 100644 src/assets/images/rolls2.png
create mode 100644 src/assets/images/rolls3.png
create mode 100644 src/assets/images/rolls4.png
create mode 100644 src/assets/images/rolls5.png
create mode 100644 src/assets/images/rolls6.png
create mode 100644 src/assets/images/rolls7.png
create mode 100644 src/assets/images/rolls8.png
create mode 100644 src/assets/images/rolls9.png
create mode 100644 src/assets/images/seats.jpg
create mode 100644 src/assets/images/seats2.avif
create mode 100644 src/assets/images/sky1.avif
create mode 100644 src/assets/svgs/calender.svg
create mode 100644 src/assets/svgs/call.svg
create mode 100644 src/assets/svgs/car.svg
create mode 100644 src/assets/svgs/clock.svg
create mode 100644 src/assets/svgs/delivery.svg
create mode 100644 src/assets/svgs/driver.svg
create mode 100644 src/assets/svgs/limo.svg
create mode 100644 src/assets/svgs/location.svg
create mode 100644 src/assets/svgs/people.svg
create mode 100644 src/assets/svgs/seat.svg
create mode 100644 src/assets/svgs/svg1.svg
create mode 100644 src/assets/svgs/svg2.svg
create mode 100644 src/assets/svgs/svg3.svg
create mode 100644 src/assets/svgs/svgcar.svg
create mode 100644 src/assets/svgs/svgcar2.svg
create mode 100644 src/assets/svgs/svgcar3.svg
create mode 100644 src/assets/svgs/tag.svg
create mode 100644 src/assets/svgs/whatsapp.svg
diff --git a/src/assets/images/car3.webp b/src/assets/images/car3.webp
new file mode 100644
index 0000000000000000000000000000000000000000..0e3c80843891ff5277da2cd245f8e193a95a1129
GIT binary patch
literal 192452
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 
+ 
+ 
+ 
+ 
- 
- 
+ 
- 
+ 
- 
+ 
- 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ XXX-XXXX-XXXX
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
- 
- 
- 
+ 
+ 
- 
-