position: relative;
background: #FFFFFF;
}
.cw-overlayArrow:after {
top: 0;
left: 50%;
border: solid transparent;
content: " ";
position: absolute;
pointer-events: none;
}
.cw-overlayArrow:hover:after {
border-top-color: #FFFFFF;
border-width: 3vw;
margin-left: -3vw;
}
/* Button 1 */
.cw-brandLogo {
background-image: url('https://cdn07.carsforsale.com/CustomTemplatePhotos/1013593/images/btn1.jpg');
}
.cw-brandLogo:hover {
background: #7FC100;
}
.cw-brandTop a {
display: block;
margin: 1em 0;
}
.cw-brandTop a .cw-overlay:before {
position: absolute;
content: " ";
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
z-index: 0;
background-color: rgba(127, 193, 0, .75);
}
/* Button 2 */
.cw-brandTop a:nth-of-type(2) .cw-brandLogo {
background-image: url('https://cdn07.carsforsale.com/CustomTemplatePhotos/1013593/images/btn3.jpg');
}
.cw-brandTop a:nth-of-type(2) .cw-brandLogo:hover {
background: #560AB4;
}
.cw-brandTop a:nth-of-type(2) .cw-overlay:before {
position: absolute;
content: " ";
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
z-index: 0;
background-color: rgba(86, 10, 180, .75);
}
/* Button 3 */
.cw-brandTop a:nth-of-type(3) .cw-brandLogo {
background-image: url('https://cdn07.carsforsale.com/CustomTemplatePhotos/1013593/images/btn2.jpg');
}
.cw-brandTop a:nth-of-type(3) .cw-brandLogo:hover {
background: #EBAF00;
}
.cw-brandTop a:nth-of-type(3) .cw-overlay:before {
position: absolute;
content: " ";
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
z-index: 0;
background-color: rgba(235, 175, 0, .75);
}
/* Button 4 */
.cw-brandTop a:nth-of-type(4) .cw-brandLogo {
background-image: url('https://cdn07.carsforsale.com/CustomTemplatePhotos/1013593/images/btn4.jpg');
}
.cw-brandTop a:nth-of-type(4) .cw-brandLogo:hover {
background: rgba(12, 61, 138, 1);
}
.cw-brandTop a:nth-of-type(4) .cw-overlay:before {
position: absolute;
content: " ";
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
z-index: 0;
background-color: rgba(12, 61, 138, .75);
}
/* Button 5 */
.cw-brandTop a:nth-of-type(5) .cw-brandLogo {
background-image: url('https://cdn07.carsforsale.com/CustomTemplatePhotos/1013593/images/btn5.jpg');
}
.cw-brandTop a:nth-of-type(5) .cw-brandLogo:hover {
background: #9E0203;
}
.cw-brandTop a:nth-of-type(5) .cw-overlay:before {
position: absolute;
content: " ";
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
z-index: 0;
background-color: rgba(204, 0, 0, 0.75);
}
/* About Us & Contact */
.cw-contactus {
padding: 2em 0;
}
.cw-contactus h5 {
font-size: 2em;
color: #FFFFFF;
font-weight: 700;
}
.cw-contactus i {
margin-right: .5em
}
.cw-contactus p {
color: #999999;
text-align: justify;
margin: 0 1em;
font-size: 1.25em;
}
/* MEDIA QUERIES */
@media (min-width: 440px) {
.cw-overlayArrow:hover:after {
border-top-color: #FFFFFF;
border-width: 2vw;
margin-left: -2vw;
}
}
@media (min-width: 768px) {
.cw-brandTop {
display: flex;
}
.cw-brandTop a {
flex: 1;
}
.cw-brandLogo {
height: 240px;
}
.cw-overlayArrow:hover:after {
border-top-color: #FFFFFF;
border-width: 1.5vw;
margin-left: -1.5vw;
}
}
@media (min-width: 992px) {
.cw-brandLogo .cw-buttonContent img {
width: 6em;
}
.cw-brandLogo h6 {
font-size: 1.75em;
}
}
@media (min-width: 1200px) {
.cw-overlayArrow:hover:after {
border-top-color: #FFFFFF;
border-width: 1.5vw;
margin-left: -1.5vw;
}
.cw-brandLogo .cw-buttonContent img {
width: 8em;
}
.cw-brandLogo h6 {
font-size: 2.25em;
}
}
@media (min-width: 1400px) {
.cw-overlayArrow:hover:after {
border-top-color: #FFFFFF;
border-width: 1.8em;
margin-left: -1.8em;
}
}
