Files
.github
config
database
docs
resources
assets
css
demos
demo-accounting-1.css
demo-app-landing.css
demo-architecture-2.css
demo-architecture-interior.css
demo-auto-services.css
demo-band.css
demo-barber.css
demo-beauty-salon.css
demo-business-consulting-2.css
demo-business-consulting-3.css
demo-business-consulting-4.css
demo-business-consulting-5.css
demo-business-consulting.css
demo-church.css
demo-cleaning-services.css
demo-coffee.css
demo-construction-2.css
demo-construction.css
demo-creative-agency-1.css
demo-creative-agency-2.css
demo-dentist.css
demo-digital-agency-2-dark.css
demo-digital-agency-2.css
demo-digital-agency.css
demo-education.css
demo-event.css
demo-finance.css
demo-gym.css
demo-hotel.css
demo-industry-factory.css
demo-insurance.css
demo-it-services.css
demo-landing.css
demo-law-firm-2.css
demo-law-firm.css
demo-marketing-1.css
demo-medical-2.css
demo-medical.css
demo-one-page-agency.css
demo-personal-portfolio-1.css
demo-personal-portfolio-2.css
demo-personal-portfolio-3.css
demo-photography-2.css
demo-photography-3.css
demo-photography.css
demo-product-landing.css
demo-real-estate.css
demo-renewable-energy.css
demo-restaurant.css
demo-resume-dark.css
demo-resume.css
demo-sass.css
demo-seo-2.css
demo-seo-3.css
demo-seo.css
demo-startup-agency.css
demo-transportation-logistic.css
demo-wedding.css
examples
fonts
skins
custom.css
theme-blog.css
theme-elements.css
theme-shop.css
theme.css
img
js
templates
vendor
public
views
routes
src
.editorconfig
.gitattributes
.gitignore
.prettierignore
.prettierrc.json
CHANGELOG.md
CONTRIBUTING.md
CONVENTIONS.md
LICENSE
LICENSE.es.md
README.en.md
README.md
SECURITY.md
composer.json
laravel-vuexy-website-layou…/resources/assets/css/demos/demo-transportation-logistic.css
2025-05-30 03:09:08 -06:00

138 lines
2.3 KiB
CSS

.custom-bg-color-grey-1 {
background-color: #f8f9fb;
}
.overlay-tertiary:before {
background: var(--tertiary);
}
.custom-font-size-1 {
font-size: 80px;
}
p {
color: #999;
}
.custom-heading-1 {
-webkit-text-fill-color: transparent;
-webkit-text-stroke-width: 0.5px;
-webkit-text-stroke-color: var(--grey-500);
white-space: nowrap;
font-size: 80px;
font-weight: bold;
letter-spacing: 1px;
}
@media (max-width: 991px) {
.custom-heading-1 {
font-size: 50px;
}
}
.custom-stroke-text-effect-1 {
-webkit-text-fill-color: transparent;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: var(--light);
white-space: nowrap;
}
.custom-text-pos-1 {
left: -80px;
}
.custom-text-pos-2 {
right: -80px;
}
.custom-text-pos-3 {
left: -10%;
top: 45%;
}
.custom-el-pos-1 {
margin-top: -160px;
}
.custom-el-pos-2 {
margin-top: -73px;
}
.custom-el-pos-3 {
margin-top: -73px;
}
.custom-drop-caps .custom-drop-caps-number {
font-weight: bold;
float: left;
font-size: 90px;
line-height: 90px;
padding: 0;
margin-right: 15px;
margin-top: 0;
}
.custom-vr-1 {
width: 6px;
height: 70px;
}
@media (max-width: 991px) {
#header .header-logo img {
max-width: 245px;
height: auto;
}
}
.section-intro {
background: url(../../img/demos/transportation-logistic/generic/generic-1.png) no-repeat 12% 100%;
min-height: 400px;
}
.custom-carousel-1-wrapper {
margin-top: -48px;
margin-bottom: -100px;
position: relative;
z-index: 1;
min-height: 300px;
}
@media (min-width: 992px) {
.custom-carousel-1-wrapper {
margin-top: -143px;
}
}
.custom-carousel-1 .owl-stage-outer .owl-item {
padding: 20px 2px 40px 18px;
}
.custom-carousel-1 .owl-stage-outer .owl-item .card {
transition: all 0.1s ease-in-out;
}
.custom-carousel-1 .owl-stage-outer .owl-item.active .card {
box-shadow: 0 0px 20px rgba(0, 0, 0, 0.05);
}
@media (max-width: 991px) {
.custom-carousel-1 .owl-carousel.nav-bottom.nav-bottom-align-left {
position: relative;
top: 20px;
width: 100% !important;
padding-right: 20px;
}
}
.custom-carousel-1 .owl-carousel.nav-bottom.nav-bottom-align-left .owl-nav {
position: absolute;
top: 73px;
left: -78px;
}
@media (min-width: 1200px) {
.custom-parallax-1 .parallax-background {
background-size: 100% !important;
}
}