nevets.tech/JavaProjects.css
2021-11-10 20:00:56 -05:00

707 lines
11 KiB
CSS

.u-section-1 {
background-image: none;
}
.u-section-1 .u-sheet-1 {
min-height: 495px;
}
.u-section-1 .u-layout-wrap-1 {
margin: 43px auto 0 0;
}
.u-section-1 .u-layout-cell-1 {
min-height: 422px;
margin-top: 0;
}
.u-section-1 .u-text-1 {
margin-left: 20px;
margin-right: 20px;
font-size: 3rem;
font-weight: 700;
margin-bottom: 0;
}
.u-section-1 .u-text-2 {
text-transform: uppercase;
letter-spacing: 2px;
margin: 20px 20px 0;
}
.u-section-1 .u-text-3 {
font-size: 0.875rem;
font-style: italic;
margin: 20px 20px 0;
}
.u-section-1 .u-layout-cell-2 {
min-height: 422px;
}
.u-section-1 .u-container-layout-2 {
padding-left: 20px;
padding-right: 20px;
}
.u-section-1 .u-text-4 {
text-transform: uppercase;
letter-spacing: 2px;
font-size: 1.25rem;
margin: 92px 0 0;
}
.u-section-1 .u-text-5 {
font-size: 0.875rem;
font-style: italic;
margin: 20px 0 0;
}
@media (max-width: 1199px) {
.u-section-1 .u-sheet-1 {
min-height: 499px;
}
.u-section-1 .u-layout-wrap-1 {
margin-right: initial;
margin-left: initial;
}
.u-section-1 .u-layout-cell-1 {
min-height: 426px;
}
.u-section-1 .u-text-1 {
margin-left: 16px;
margin-right: 16px;
position: relative;
}
.u-section-1 .u-text-2 {
margin-left: 16px;
margin-right: 16px;
position: relative;
}
.u-section-1 .u-text-3 {
margin-left: 16px;
margin-right: 16px;
position: relative;
}
.u-section-1 .u-layout-cell-2 {
min-height: 426px;
}
.u-section-1 .u-container-layout-2 {
padding-left: 16px;
padding-right: 16px;
}
.u-section-1 .u-text-4 {
position: relative;
}
.u-section-1 .u-text-5 {
position: relative;
}
}
@media (max-width: 991px) {
.u-section-1 .u-sheet-1 {
min-height: 595px;
}
.u-section-1 .u-text-1 {
margin-left: 13px;
margin-right: 13px;
}
.u-section-1 .u-text-2 {
margin-left: 13px;
margin-right: 13px;
}
.u-section-1 .u-text-3 {
margin-left: 13px;
margin-right: 13px;
}
.u-section-1 .u-container-layout-2 {
padding-left: 13px;
padding-right: 13px;
}
}
@media (max-width: 767px) {
.u-section-1 .u-text-1 {
margin-left: 9px;
margin-right: 9px;
}
.u-section-1 .u-text-2 {
margin-left: 9px;
margin-right: 9px;
}
.u-section-1 .u-text-3 {
margin-left: 9px;
margin-right: 9px;
}
.u-section-1 .u-container-layout-2 {
padding-left: 9px;
padding-right: 9px;
}
.u-section-1 .u-text-4 {
margin-top: 45px;
}
.u-section-1 .u-text-5 {
margin-bottom: 45px;
}
}
@media (max-width: 575px) {
.u-section-1 .u-sheet-1 {
min-height: 551px;
}
.u-section-1 .u-text-1 {
margin-left: 6px;
margin-right: 6px;
}
.u-section-1 .u-text-2 {
margin-left: 6px;
margin-right: 6px;
}
.u-section-1 .u-text-3 {
margin-left: 6px;
margin-right: 6px;
}
.u-section-1 .u-container-layout-2 {
padding-left: 6px;
padding-right: 6px;
}
.u-section-1 .u-text-4 {
width: auto;
margin-top: 2px;
}
}.u-section-2 {
background-image: none;
}
.u-section-2 .u-sheet-1 {
min-height: 524px;
}
.u-section-2 .u-slider-1 {
margin-top: 36px;
margin-bottom: 36px;
min-height: 453px;
}
.u-section-2 .u-carousel-indicators-1 {
position: absolute;
bottom: 10px;
width: auto;
height: auto;
}
.u-section-2 .u-container-layout-1 {
padding: 30px 55px;
}
.u-section-2 .u-container-layout-2 {
padding: 30px;
}
.u-section-2 .u-gallery-1 {
height: 354px;
width: 904px;
margin: 0 auto;
}
.u-section-2 .u-gallery-inner-1 {
grid-gap: 10px 10px;
}
.u-section-2 .u-over-slide-1 {
background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
padding: 20px;
}
.u-section-2 .u-over-slide-2 {
background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
padding: 20px;
}
.u-section-2 .u-over-slide-3 {
background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
padding: 20px;
}
.u-section-2 .u-carousel-control-1 {
background-image: none;
width: 55px;
height: 55px;
}
.u-section-2 .u-carousel-control-2 {
background-image: none;
width: 55px;
height: 55px;
}
@media (max-width: 1199px) {
.u-section-2 .u-sheet-1 {
min-height: 515px;
}
.u-section-2 .u-slider-1 {
height: auto;
}
.u-section-2 .u-container-layout-1 {
padding-left: 60px;
padding-right: 60px;
}
.u-section-2 .u-container-layout-2 {
padding-left: 60px;
padding-right: 60px;
}
.u-section-2 .u-gallery-1 {
height: 393px;
margin-right: initial;
margin-left: initial;
width: auto;
}
.u-section-2 .u-gallery-inner-1 {
grid-template-columns: repeat(3, auto);
}
}
@media (max-width: 991px) {
.u-section-2 .u-container-layout-2 {
padding-right: 65px;
}
.u-section-2 .u-gallery-1 {
height: 680px;
width: auto;
margin-right: initial;
margin-left: initial;
}
.u-section-2 .u-gallery-inner-1 {
grid-template-columns: repeat(2, auto);
}
}
@media (max-width: 767px) {
.u-section-2 .u-container-layout-1 {
padding-left: 10px;
padding-right: 10px;
}
.u-section-2 .u-container-layout-2 {
padding-left: 10px;
padding-right: 10px;
}
.u-section-2 .u-gallery-1 {
height: 1607px;
width: auto;
margin-right: initial;
margin-left: initial;
}
.u-section-2 .u-gallery-inner-1 {
grid-template-columns: repeat(1, auto);
}
}
@media (max-width: 575px) {
.u-section-2 .u-gallery-1 {
height: 989px;
width: auto;
margin-right: initial;
margin-left: initial;
}
}.u-section-3 {
background-image: none;
}
.u-section-3 .u-sheet-1 {
min-height: 421px;
}
.u-section-3 .u-layout-wrap-1 {
margin-top: 43px;
margin-bottom: 43px;
}
.u-section-3 .u-layout-cell-1 {
min-height: 335px;
margin-top: 0;
}
.u-section-3 .u-container-layout-1 {
padding-bottom: 0;
}
.u-section-3 .u-text-1 {
margin-left: 20px;
margin-right: 20px;
font-size: 3rem;
font-weight: 700;
}
.u-section-3 .u-text-2 {
margin-left: 20px;
margin-right: 20px;
text-transform: uppercase;
letter-spacing: 2px;
}
.u-section-3 .u-text-3 {
margin-left: 20px;
margin-right: 20px;
font-size: 0.875rem;
font-style: italic;
margin-bottom: 0;
}
.u-section-3 .u-btn-1 {
background-image: none;
padding: 0;
}
.u-section-3 .u-btn-2 {
background-image: none;
padding: 0;
}
.u-section-3 .u-btn-3 {
background-image: none;
padding: 0;
}
.u-section-3 .u-btn-4 {
background-image: none;
padding: 0;
}
.u-section-3 .u-layout-cell-2 {
min-height: 335px;
}
.u-section-3 .u-container-layout-2 {
padding-left: 20px;
padding-right: 20px;
}
.u-section-3 .u-text-4 {
text-transform: uppercase;
margin: 92px 0 0;
}
.u-section-3 .u-text-5 {
font-size: 0.875rem;
font-style: italic;
margin: 20px 76px 0 0;
}
.u-section-3 .u-btn-5 {
background-image: none;
padding: 0;
}
.u-section-3 .u-btn-6 {
background-image: none;
padding: 0;
}
@media (max-width: 1199px) {
.u-section-3 .u-sheet-1 {
min-height: 499px;
}
.u-section-3 .u-layout-cell-1 {
min-height: 426px;
}
.u-section-3 .u-text-1 {
margin-left: 16px;
margin-right: 16px;
position: relative;
}
.u-section-3 .u-text-2 {
margin-left: 16px;
margin-right: 16px;
position: relative;
}
.u-section-3 .u-text-3 {
margin-left: 16px;
margin-right: 16px;
position: relative;
}
.u-section-3 .u-layout-cell-2 {
min-height: 276px;
}
.u-section-3 .u-container-layout-2 {
padding-left: 16px;
padding-right: 16px;
}
.u-section-3 .u-text-4 {
margin-left: 25px;
}
.u-section-3 .u-text-5 {
margin-right: 0;
}
}
@media (max-width: 991px) {
.u-section-3 .u-sheet-1 {
min-height: 595px;
}
.u-section-3 .u-text-1 {
margin-left: 13px;
margin-right: 13px;
}
.u-section-3 .u-text-2 {
margin-left: 13px;
margin-right: 13px;
}
.u-section-3 .u-text-3 {
margin-left: 13px;
margin-right: 13px;
}
.u-section-3 .u-layout-cell-2 {
min-height: 100px;
}
.u-section-3 .u-container-layout-2 {
padding-left: 13px;
padding-right: 13px;
}
}
@media (max-width: 767px) {
.u-section-3 .u-text-1 {
margin-left: 9px;
margin-right: 9px;
}
.u-section-3 .u-text-2 {
margin-left: 9px;
margin-right: 9px;
}
.u-section-3 .u-text-3 {
margin-left: 9px;
margin-right: 9px;
}
.u-section-3 .u-container-layout-2 {
padding-left: 9px;
padding-right: 9px;
}
}
@media (max-width: 575px) {
.u-section-3 .u-sheet-1 {
min-height: 551px;
}
.u-section-3 .u-text-1 {
margin-left: 6px;
margin-right: 6px;
}
.u-section-3 .u-text-2 {
margin-left: 6px;
margin-right: 6px;
}
.u-section-3 .u-text-3 {
margin-left: 6px;
margin-right: 6px;
}
.u-section-3 .u-layout-cell-2 {
min-height: 239px;
}
.u-section-3 .u-container-layout-2 {
padding-left: 6px;
padding-right: 6px;
}
.u-section-3 .u-text-4 {
width: auto;
margin-top: 21px;
}
}.u-section-4 {
background-image: none;
}
.u-section-4 .u-sheet-1 {
min-height: 524px;
}
.u-section-4 .u-slider-1 {
margin-top: 36px;
margin-bottom: 36px;
min-height: 453px;
}
.u-section-4 .u-carousel-indicators-1 {
position: absolute;
bottom: 10px;
width: auto;
height: auto;
}
.u-section-4 .u-container-layout-1 {
padding: 30px 55px;
}
.u-section-4 .u-container-layout-2 {
padding: 30px;
}
.u-section-4 .u-gallery-1 {
height: 354px;
width: 904px;
margin: 0 auto;
}
.u-section-4 .u-gallery-inner-1 {
grid-gap: 10px 10px;
}
.u-section-4 .u-over-slide-1 {
background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
padding: 20px;
}
.u-section-4 .u-over-slide-2 {
background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
padding: 20px;
}
.u-section-4 .u-over-slide-3 {
background-image: linear-gradient(0deg, rgba(0,0,0,0.2), rgba(0,0,0,0.2));
padding: 20px;
}
.u-section-4 .u-carousel-control-1 {
background-image: none;
width: 55px;
height: 55px;
}
.u-section-4 .u-carousel-control-2 {
background-image: none;
width: 55px;
height: 55px;
}
@media (max-width: 1199px) {
.u-section-4 .u-sheet-1 {
min-height: 515px;
}
.u-section-4 .u-slider-1 {
height: auto;
}
.u-section-4 .u-container-layout-1 {
padding-left: 60px;
padding-right: 60px;
}
.u-section-4 .u-container-layout-2 {
padding-left: 60px;
padding-right: 60px;
}
.u-section-4 .u-gallery-1 {
height: 393px;
margin-right: initial;
margin-left: initial;
width: auto;
}
.u-section-4 .u-gallery-inner-1 {
grid-template-columns: repeat(3, auto);
}
}
@media (max-width: 991px) {
.u-section-4 .u-container-layout-2 {
padding-right: 65px;
}
.u-section-4 .u-gallery-1 {
height: 680px;
width: auto;
margin-right: initial;
margin-left: initial;
}
.u-section-4 .u-gallery-inner-1 {
grid-template-columns: repeat(2, auto);
}
}
@media (max-width: 767px) {
.u-section-4 .u-container-layout-1 {
padding-left: 10px;
padding-right: 10px;
}
.u-section-4 .u-container-layout-2 {
padding-left: 10px;
padding-right: 10px;
}
.u-section-4 .u-gallery-1 {
height: 1607px;
width: auto;
margin-right: initial;
margin-left: initial;
}
.u-section-4 .u-gallery-inner-1 {
grid-template-columns: repeat(1, auto);
}
}
@media (max-width: 575px) {
.u-section-4 .u-gallery-1 {
height: 989px;
width: auto;
margin-right: initial;
margin-left: initial;
}
}