/* GLOBAL */
.oms-service-cards .overlay {
transition: 0.3s;
}
.oms-service-cards .control:hover .overlay {
background: var(--primary)!important;
opacity: 0.9!important;
}
.bg-image {
transition: 0.3s transform;
}
.oms-wheel-cards .control .card-overlay {
width: 100%;
position: absolute;
right: 0;
bottom: 0;
left: 0;
height: 40%;
transition: 0.3s height, 0.3s background;
}
.oms-wheel-cards .control:hover .card-overlay {
background: rgb(205 0 0 / 50%);
height: 100%;
}
a:hover img {
opacity: .9;
}
.oms-hover-cards .card-overlay {
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 40%;
z-index: 1;
background: linear-gradient(0deg, #101011 0, rgba(16, 16, 17, .49) 50.51%, rgba(16, 16, 17, 0) 100%);
transition: 0.3s height, 0.3s background;
}
.oms-hover-cards .h-100.w-100:hover .fas {
transition: 0.3s color;
color: white!important;
}
.oms-hover-cards .h-100.w-100:hover .card-overlay {
background: rgb(205 0 0 / 50%);
height: 100%;
}
@media(min-width: 992px){
.mega {
font-size: 4rem;
}
}
.oms-hover-cards .h-100.w-100:hover .colored-separator .first-long,
.oms-hover-cards .h-100.w-100:hover .colored-separator .last-short {
transition: 0.3s background;
background-color: white!important;
}
@media(max-width: 767px) {
.display-4 {
font-size: 2.5rem!important;
}
}
/* GLOBAL CSS */
a.w-100.bg-image {
position: relative;
}
a.w-100.bg-image:hover:after {
opacity: 1;
}
a.w-100.bg-image:after {
transition: 0.2s ease opacity;
opacity: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: '';
background: rgba(0, 0, 0, 0.5);
}
.colored-separator .first-long {
margin-right: 3px;
}
.colored-separator .first-long,
.colored-separator .last-short {
display: inline-block;
vertical-align: top;
width: 33px;
height: 5px;
transform: skew(-40deg, 0deg);
border-radius: 2px;
background-color: var(--primary);
}
.colored-separator .last-short {
width: 16px;
}
.colored-separator .first-long,
.colored-separator .last-short {
display: inline-block;
vertical-align: top;
width: 33px;
height: 5px;
transform: skew(-40deg, 0deg);
border-radius: 2px;
background-color: var(--primary);
}
.oms-hover-cards .control .overlay {
transition: 0.3s;
}
.oms-hover-cards .control:hover .overlay {
opacity: 0.6!important;
background: var(--primary)!important;
}
.oms-wrapper .btn {
text-transform: uppercase;
padding: 15px 25px 15px 25px;
font-weight: 700;
}
/**************YOUTUBE EMBED************/
.vehicle-videos .col-sm-4 {
padding: 0
}
.youtube-player {
position: relative;
padding-bottom: 56.23%;
/* Use 75% for 4:3 videos */
height: 0;
overflow: hidden;
max-width: 100%;
background: #000;
margin: 0;
}
.youtube-player iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
background: transparent;
}
.youtube-player img {
bottom: 0;
display: block;
left: 0;
margin: auto;
max-width: 100%;
width: 100%;
position: absolute;
right: 0;
top: 0;
border: none;
height: auto;
cursor: pointer;
-webkit-transition: .4s all;
-moz-transition: .4s all;
transition: .4s all;
}
.youtube-player .play:hover + img,
.youtube-player img:hover {
-webkit-filter: brightness(55%);
}
.youtube-player .play {
height: 72px;
width: 72px;
left: 50%;
top: 50%;
margin-left: -36px;
margin-top: -36px;
position: absolute;
background: url("//i.imgur.com/TxzC70f.png") no-repeat;
cursor: pointer;
}
.snip.basic-one-column.basic-column#dwd_7861,
.container.snip.basic-four-column.basic-column.text-center.video,
.container-fluid.snip.basic-four-column.basic-column.text-center,
.container.snip.basic-four-column.basic-column.text-center#dwd_228 {
display: none;
}
.gallery-wrapper {
width: 100% !important;
}
.snip.basic-two-column.basic-column .row {
justify-content: center;
}
.basic-two-column .row .row {
width: 100%;
margin: auto;
}
/* PAGE SPECIFIC */
/* FOOTER */