x
x
x
x
Only portrait mode is currently supported - please rotate your device.
...
HTML |
---|
<style>
.profilecard.custom-card-container{
border-radius: 0!important;
box-shadow: none!important;
width: 300px!important;
height: 450px!important;
margin: 20px 20px 0 0!important;
padding: 0!important;
}
.profilecard img {
width: 100%!important;
height: 100%!important;
border-radius: 0!important;
margin: 0!important;
object-fit: cover!important;
padding: 0!important;
}
.profilecard .image-container {
display: flex!important;
padding: 0!important;
margin: 0!important;
width: 100%!important;
height: 320px!important;
}
.profilecard .card-text-container {
display: flex!important;
flex-direction: column!important;
height: 100%!important;
width: 100%!important;
}
div#main-content {
background: #eeeeee;
}
.rw_formatting_item>.rw_background_image {
background: #e9eae9;
}
.rw_search_item.rw_formatting_item .rw_search_module_container>div .rw_search_item {
background: #e9eae9;
}
.roundedborderlayered-autocards.cardstyle {
background: none!important;
width: 300px!important;
height: 450px!important;
margin: 15px 15px 0 0!important;
}
.custom-card-link-styling{
border-radius: 0px!important;
}
.roundedborderlayered-autocards.cardstyle .card-text-container{
width: 100%!important;
height: 210px!important;
margin: 20px 0!important;
}
.roundedborderlayered-autocards.cardstyle .image-container{
width: 100%!important;
height: 200px!important;
padding: 0!important;
border: 1px solid #ccc;
box-sizing: border-box;
}
.roundedborderlayered-autocards.cardstyle .prof-container{
width: 100%!important;;
height: 200px!important;
margin: 0!important;
}
.roundedborderlayered-autocards.cardstyle a {
margin: 0!important;
box-shadow: none!important;
width: 100%;
height: 100%;
}
.roundedborderlayered-autocards.cardstyle p.card-perks-subtitle {
background: var(--primary-color);
color: var(--secondary-color) !important;
}
.roundedborderlayered-autocards.cardstyle .card-text-container .card-title {
color: #333;
padding-left: 30px;
text-align: left;
font-weight: bold;
font-size: 22px!important;
}
.roundedborderlayered-autocards.cardstyle .card-text-container .card-subtitle {
color: gray;
padding-left: 30px;
text-align: left;
font-weight: normal;
font-size: 15px!important;
}
.roundedborderlayered-cc.cardstyle {
box-shadow: 0px 15px 0 var(--secondary-color), 0px -15px 0 var(--secondary-color), -2px 3px 10px 0 rgb(0 0 0 / 16%), 2px -3px 10px 0 rgb(0 0 0 / 16%);
}
.rw_search_item.rw_formatting_item .rw_search_module_container>div .rw_search_item {
width: max-content;
}
.rw_search_item.rw_formatting_item .rw_search_module_container>div .rw_search_item .rw_search_icon {
left: 0px;
}
.rw_searchsimple_module {
margin: 30px auto;
margin-bottom: 60px;
width: 85%;
}
.rw_cell.rw_search_module_container {
margin-left: 0px;
}
/* MOBILE STYLING */
@media screen and (max-width: 930px) {
.main-header-container h1 {
font-size: 35px;
}
.custom-section-container.titlecontainer {
font-size: 22px;
width: 85%;
margin: 40px auto !important;
}
}
@media screen and (max-width: 700px) {
.mostpopular, #newest-perks-container {
width: 85%;
margin: 0 auto !important;
}
.rw_searchsimple_module {
width: 80%;
}
#myCards-passportproperks, #myCards-popularperks, #categories, #myCards-newestperks {
justify-content: center !important;
align-items: center !important;
margin: 0 auto !important;
}
}
</style> |
...
OneValley