--- a PPN by Garber Painting Akron. With Image Size Reduction included!URL: http://visitsheboygan.com/includes/public/managed/v_860458ab_18229a32/core/plugins/common/virtuals/css/custom_quickview.css
cubic-bezier(0,0,0.3,1);
pointer-events: none;
}
.quickview-detail.open {
background-color: rgba(0,0,0,0.2);
pointer-events: all;
}
.quickview-detail .outside-click-intercept { flex: 1; }
.quickview-detail > .inner {
width: 100%;
max-width: var(--width-compact);
display: flex;
flex-direction: column;
box-shadow: var(--shadow-2xl);
background-color: var(--background-color);
}
@media (min-width: 64em) {
.quickview-detail > .inner {
max-width: var(--width-comfortable);
}
}
.quickview-detail .slide-enter-active,
.quickview-detail .slide-leave-active {
transition: transform 200ms cubic-bezier(0,0,0.3,1);
}
.quickview-detail .slide-enter-to,
.quickview-detail .slide-leave {
transform: none;
}
.quickview-detail .slide-enter,
.quickview-detail .slide-leave-to {
transform: translateX(110%);
}
.quickview-detail .control-bar {
position: relative;
z-index: 1;
display: flex;
justify-content: space-between;
align-items: baseline;
padding: var(--space-3);
padding-left: var(--space-6);
box-shadow: var(--shadow);
background-color: var(--control-bar-bg-color);
}
.quickview-detail .control-bar .quickview-label {
display: flex;
align-items: baseline;
gap: var(--space-2);
font-size: var(--text-2xl);
font-weight: 700;
}
.quickview-detail .control-bar .quickview-icon {
font-size: var(--text-xl);
color: var(--quickview-icon-color);
}
.quickview-detail .controls {
display: flex;
align-items: center;
justify-content: space-between;
}
.quickview-detail .control-btn {
display: flex;
align-items: center;
justify-content: center;
margin: 0;
padding: 0;
width: 30px;
height: 30px;
font-size: var(--text-xl);
color: var(--control-btn-color);
border-radius: 50%;
background-color: transparent;
}
.quickview-detail .control-btn:hover {
background-color: var(--control-btn-hover-bg);
}
.quickview-detail .inner > .content {
padding-bottom: var(--space-8);
height: 100%;
overscroll-behavior: contain;
overflow-y: scroll;
}
.quickview-detail.loaded .inner > .content {
overflow-y: auto;
overflow-x: hidden;
}
.quickview-detail .content > *:not(.image) {
padding: 0 var(--space-6);
}
.quickview-detail .content > *:last-child {
padding-bottom: var(--space-8);
}
.quickview-detail .image .slider-cont .glide__arrows {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
display: flex;
justify-content: space-between;
pointer-events: none;
}
.quickview-detail .content .image {
position: relative;
}
.quickview-detail .content .image > a {
position: relative;
display: block;
}
.quickview-detail .content .image .thumb {
display: block;
width: 100%;
}
.quickview-detail .mini-date-container {
position: absolute;
top: 0;
left: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background-color: var(--mini-date-container-bg);
color: var(--mini-date-container-text);
padding: var(--space-2) var(--space-4);
pointer-events: none;
z-index: 2;
}
.quickview-detail .mini-date-container .month {
font-size: var(--text-base);
font-weight: 700;
line-height: var(--leading-none);
text-transform: uppercase;
}
.quickview-detail .mini-date-container .day {
font-size: var(--text-3xl);
font-weight: 700;
line-height: var(--leading-none);
}
.quickview-detail .image .featured {
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
display: flex;
align-items: center;
font-size: var(--text-sm);
font-weight: 600;
line-height: var(--leading-none);
letter-spacing: 2px;
text-transform: uppercase;
width: 100%;
background: rgba(0, 0, 0, 0.65);
color: var(--featured-text);
padding: var(--space-1) var(--space-2);
height: 32px;
pointer-events: none;
}
.quickview-detail .tripbuilder {
position: absolute;
top: var(--space-3);
right: var(--space-3);
z-index: 3;
}
.quickview-detail .tripbuilder a {
position: relative;
display: block;
font-size: var(--text-2xl);
line-height: var(--leading-none);
cursor: pointer;
}
@media (hover: hover) {
.quickview-detail .tripbuilder a:hover {
text-decoration: none; /*reboot.css override*/
}
}
.quickview-detail .tripbuilder .addTrip:before {
width: 100%;
font: var(--fa-font-solid);
content: "\f004";
color: var(--tripbuilder-bg-color);
opacity: 0.5;
}
/* FontAwesome Heart outline */
.quickview-detail .tripbuilder .addTrip:after{
position: absolute;
right: 0;
width: 100%;
font: var(--fa-font-regular);
content: "\f004";
color: var(--background-color);
}
.quickview-detail .tripbuilder .removeTrip:before{
width: 100%;
font: var(--fa-font-solid);
content: "\f004";
color: var(--sw-alert-color);
}
.quickview-detail .content .info {
display: flex;
flex-direction: column;
justify-content: space-between;
flex: 1;
padding: 0;
}
.quickview-detail .content .info > * {
padding: var(--space-5);
}
.quickview-detail .content .top-info {
padding-top: var(--space-8);
padding-bottom: var(--space-8);
background-color: var(--top-info-bg);
}
.quickview-detail .content .info h4,
.quickview-detail .content .info h4 a {
font-size: var(--text-xl);
font-weight: 700;
line-height: var(--leading-tight);
color: var(--text-color);
margin-bottom: var(--space-3);
}
.quickview-detail .content .title {
font-size: var(--text-3xl);
font-weight: 700;
line-height: var(--leading-tight);
color: var(--text-color);
margin-bottom: var(--space-1);
}
.quickview-detail .yelp-snippet {
position: relative;
display: inline-block;
max-width: 320px;
margin-top: var(--space-3);
}
.quickview-detail .yelp-snippet .yelp-top {
display: flex;
flex-direction: row-reverse;
align-items: center;
white-space: nowrap;
gap: var(--space-2);
flex: 0 1 130px;
}
.quickview-detail .yelp-snippet .yelp-top a {
display: inline-block;
width: 70px;
}
.quickview-detail .yelp-snippet .yelp-top a::before {
content: "";
position: absolute;
z-index: 10;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
}
.quickview-detail .yelp-snippet .yelp-bottom {
font-size: var(--text-sm);
}
.quickview-detail .tripadvisor-snippet {
position: relative;
display: inline-block;
max-width: 320px;
margin-top: var(--space-3);
}
.quickview-detail .content .tripadvisor-snippet h4 {
margin: 0;
font-size: var(--text-sm);
font-weight: 400;
}
.quickview-detail .content .tripadvisor-snippet h4.ranking-string {
font-weight: 700;
}
.quickview-detail .tripadvisor-snippet .reviews-rating-line .review-img {
margin-left: -10px;
}
.quickview-detail .content .social {
margin: 0;
margin-top: var(--space-4);
list-style: none;
}
.quickview-detail .content .social {
display: flex;
gap: var(--space-4);
flex-wrap: wrap;
}
.quickview-detail .content .social li a {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
border-radius: 50%;
border: 1px solid var(--social-icon-border);
background-color: transparent;
}
@supports (display: grid) {
.quickview-detail .content .social {
display: grid;
grid-template-columns: repeat(auto-fill, 40px);
gap: var(--space-3);
}
.quickview-detail .content .social li {
margin: 0;
}
}
.quickview-detail .content .social li a:hover {
background-color: var(--background-color);
}
@media (hover: hover) {
.quickview-detail .content .social li a:hover {
background-color: var(--background-color);
text-decoration: none; /*reboot.css override*/
}
}
.quickview-detail .actions {
display: flex;
align-items: center;
gap: var(--space-4);
margin-top: var(--space-4);
}
.quickview-detail .action-item {
font-size: var(--text-base);
font-weight: 400;
line-height: var(--leading-tight);
padding: var(--space-3) var(--space-8);
background-color: var(--default-btn-bg);
color: var(--default-btn-color);
border-radius: var(--rounded-full);
text-decoration: none;
}
@media (hover: hover) {
.quickview-detail .action-item:hover {
background-color: var(--default-btn-bg-hover);
text-decoration: none; /*reboot.css override*/
}
}
.quickview-detail .content .meta,
.quickview-detail .content .info-list {
font-size: var(--text-base);
font-weight: 400;
line-height: var(--leading-snug);
list-style: none;
margin: 0;
color: var(--text-color);
}
.quickview-detail .content .meta {
display: block;
line-height: var(--leading-tight);
}
.quickview-detail .content .info-list > li {
display: grid;
align-items: baseline;
grid-template-columns: auto minmax(0, 1fr);
line-height: var(--leading-tight);
}
.quickview-detail .content .info-list > li + li {
margin-top: var(--space-3);
}
.quickview-detail .content .meta > *:not(i),
.quickview-detail .content .info-list > li > *:not(i) {
flex: 1;
}
.quickview-detail .content .meta > img,
.quickview-detail .content .meta > i,
.quickview-detail .content .info-list > li > i {
display: block;
color: var(--info-list-icon);
margin-right: var(--space-3);
min-width: 22px;
width: 22px;
max-width: 22px;
text-align: center;
}
.quickview-detail .content .meta-title {
padding-bottom: var(--space-2);
margin-bottom: var(--space-3);
font-weight: 700;
font-size: var(--text-2xl);
text-transform: uppercase;
border-bottom: 2px solid var(--sw-key-color);
}
.quickview-detail .content .meetingfacility-list .info-list {
display: grid;
gap: var(--space-1) var(--space-16);
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}
.quickview-detail .content .meetingfacility-list li {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: var(--space-5);
color: var(--meetingfacility-list);
margin-bottom: 0;
}
.quickview-detail .content .meetingfacility-list li span {
font-weight: 700;
}
.quickview-detail .content .meetingfacility-list .number {
text-align: right;
}
.quickview-detail .content .meta.meta.threshold360 .meta-title {
display: flex;
align-items: baseline;
gap: var(--space-3);
}
.quickview-detail .content .meta.threshold360 > img {
position: relative;
top: var(--space-1);
}
.quickview-detail .details-bottom {
background-color: var(--default-btn-bg);
}
.quickview-detail .details-bottom .more-details {
height: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
gap: var(--space-2);
font-size: var(--text-xl);
font-weight: 700;
color: var(--default-btn-color);
padding: var(--space-5);
}
.quickview-detail .details-bottom .more-details i {
transform: translateY(var(--space-px));
}
@media (hover: hover) {
.quickview-detail .details-bottom:hover {
background-color: var(--default-btn-bg-hover);
}
.quickview-detail .details-bottom:hover .more-details {
color: var(--default-btn-color-hover);
}
}
.quickview-detail img {
position: relative;
z-index: 1;
max-width: 100%;
}
.quickview-detail .img-cont {
position: relative;
}
.quickview-detail .lightbox-toggle {
position: absolute;
inset: 0;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
}
@media (hover: hover) {
.quickview-detail .slider-section .button-default:hover {
background-color: var(--sw-button-primary-bg-hover);
color: var(--sw-button-primary-color-hover);
}
}
pFad - Phonifier reborn
Pfad - The Proxy pFad © 2024 Your Company Name. All rights reserved.
Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.
Alternative Proxies:
Alternative Proxy
pFad Proxy
pFad v3 Proxy
pFad v4 Proxy