- Home
- Cyber Deals
.image-map .img-link-blk {
position: initial;
}
.image-map {
position: relative;
}
.image-map a {
display: block;
position: absolute;
z-index: 10;
opacity: 0;
filter: alpha(opacity=0);
background-color: #fff;
}
.mk-image-map-link {
position: absolute;
margin: 0 !important;
}
.mk-image-map-link a{
width:100%;
height:100%;
display:block;
text-decoration: none;
}
.mkjulyhp-link-1 {
left: 2%;
top: 2%;
width: 39%;
height: 95%;
}
.mkjulyhp-link-2 {
left: 40%;
top: 2%;
width: 21%;
height: 95%;
}
.mkjulyhp-link-3 {
left: 61%;
top: 2%;
width: 21%;
height: 95%;
}
.mkjulyhp-link-4 {
left: 80%;
top: 2%;
width: 21%;
height: 95%;
}
#mobiile-mileskimball .mkjulyhp-link-1 {
left: 1%;
top: 1%;
width: 100%;
height: 55%;
}
#mobiile-mileskimball .mkjulyhp-link-2 {
left: 1%;
top: 56%;
width: 35;
height: 62%;
}
#mobiile-mileskimball .mkjulyhp-link-3 {
left: 33%;
top: 56%;
width: 32%;
height: 62%;
}
#mobiile-mileskimball .mkjulyhp-link-4 {
left: 67%;
top: 56%;
width: 32%;
height: 62%;
}
.mk-image-map-link img {
display: none;
}
}
.flex-layout-block-override > div {
margin-bottom: 15px;
margin-top: 0 !important;
align-items: stretch !important;
}
.main > * {
margin-top: 10px !important;
margin-bottom: 10px !important;
}
.main > *:first-child {
margin-top: 0 !important;
}
.block-group__title{
margin-bottom: 20px !important;
}
.ornaments-block, .cards-block{
margin-bottom: 0px !important;
}
.ornaments-section-block, .cards-selection-block{
margin-top: 0px !important;
}
.block-group .sub-feature{
vertical-align: top;
}
.main.holiday-shop{
justify-content: flex-start;
}
.main.holiday-shop>div {
margin: auto;
}
.holiday-shop .slider-block .slick-slider {
justify-content: flex-start;
}
.spacing-override {
margin-bottom: -10px !important;
}
#category-page .category-list__item .promo__title-image {
width: 100%;
}
#category-page .category-list__item .promo .promo__body {
border: none;
padding: 0;
}
.category-list__item figcaption, .category-sidebar__title, .sidebar .sub-navigation__item {
display: none;
}
/* Styles for mobile devices (up to 767px) */
@media (max-width: 767px) {
.clpSpecialOfferPromoContainer {
flex-basis: 50% !important; /* Adjust the width for mobile with !important */
}
}
/* Styles for tablets (768px to 991px) */
@media (min-width: 768px) and (max-width: 991px) {
.clpSpecialOfferPromoContainer {
flex-basis: 50% !important; /* Adjust the width for tablets with !important */
}
}
/* Styles for desktop devices (992px and above) */
@media (min-width: 992px) {
.clpSpecialOfferPromoContainer {
flex-basis: 50% !important; /* Adjust the width for desktop with !important */
}
}
/* Flex Container */
.flex-container-clp-special-offer {
display: flex;
align-items: stretch; /* Ensure equal height for flex items */
}
/* Content Block */
.content-block {
display: flex;
padding: 20px; /* Adjust padding as needed */
background-color: #ffffff; /* White background color */
border-radius: 10px; /* Adjust border radius for rounded corners */
border: 1px solid #fff; /* Add a border with the desired color */
box-shadow: 0 0 8px rgba(0, 0, 0, 0.05); /* Optional: Add a subtle box shadow */
margin: 10px; /* Adjust margin around the block */
}
/* Image Container */
.image-container {
padding-right: 20px; /* Adjust padding around the image */
flex-grow: 1; /* Ensure equal height with the text container */
}
.image-container img {
max-width: 100%;
height: auto;
display: block;
}
/* Text Container */
.text-container {
flex-grow: 1;
width: 100%;
color: #555; /* Adjust text color for the text container */
}
.text-container a {
color: #555; /* Adjust link color */
text-decoration: none; /* Remove default underline */
transition: color 0.3s ease, text-decoration 0.3s ease; /* Add transition for smooth effect */
}
.text-container:hover a {
color: #0065ab; /* Adjust link color on hover */
text-decoration: underline; /* Add underline on hover */
}
.text-container h2 {
font-size: 2.4em; /* Adjust title font size */
margin-bottom: 0px; /* Adjust spacing */
}
.text-container p {
font-size: 1.3em; /* Adjust subtext font size */
margin-bottom: 10px; /* Adjust spacing */
padding-bottom: 10px;
}
.text-container a {
font-size: 1em; /* Adjust link font size */
text-decoration: none;
color: #0065ab; /* Blue color */
}
p:only-of-type:not([class]) {
margin-bottom: 0;
font-weight: normal;
}
/* Content Block Hover Effect */
.content-block:hover {
box-shadow: 0 0 8px rgba(0, 0, 0, 0.05); /* Add a stronger box shadow on hover */
border: 1px solid #fff; /* Add a border on hover with the desired color */
}
/* Responsive Styles for Text Container and Image Container */
@media screen and (max-width: 768px) {
.content-block {
flex-direction: column;
}
.image-container {
padding-right: 0; /* No padding around image on smaller screens */
margin-bottom: 10px; /* Adjust spacing between image and text on smaller screens */
}
.text-container {
width: 100%; /* Full width for text container on smaller screens */
}
}
/* Additional Responsive Styles for Larger Screens if Needed */
@media screen and (min-width: 992px) {
.text-container {
max-width: 60%; /* Adjust maximum width for text container on larger screens */
}
.image-container {
max-width: 33%; /* Adjust maximum width for image container on larger screens */
}
}
.category-list__item {
justify-content: normal;
}