.chkpt-package-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 20px;
} .splide.chkpt-package-slider {
width: 100%; max-width: 1200px;
margin: 0 auto; }
.splide__pagination__page {
top:20px;
} .splide__list {
display: flex;
align-items: flex-start; }
.splide__slide {
display: flex;
align-items: stretch;
padding: 10px;
box-sizing: border-box;
} .chkpt-package-card {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
box-sizing: border-box;
border: 1px solid #ddd; padding: 20px; background-color: #fff; }
.chkpt-package-radio {
margin-top:10px;
}
.chkpt-package-radio input[type="radio"] {
width: 20px;
height: 20px;
} .chkpt-package-card > * {
flex: 1;
} .chkpt-package-accordion-content {
flex: 1; min-height: 50px; } .chkpt-package-card {
min-height: 300px; } .chkpt-package-image img {
max-width: 100%;
height: auto;
display: block;
}
.chkpt-package-card label {
width:100%;
}
.chkpt-package-accordions {
width:100%!important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
background-image:none!important;
}
.ui-state-active, .ui-widget-content .ui-state-active {
background-image:none!important;
}
.ui-state-default, .ui-widget-content .ui-state-default {
background-image:none!important;
}
.chkpt-package-card h2 {
font-size: 24px;
margin-bottom: 10px;
}
.chkpt-package-card p {
margin-bottom: 10px;
font-size: 16px;
}
.chkpt-package-card .button {
margin-top: 15px;
display: inline-block;
background-color: #0073aa;
color: #fff;
padding: 10px 15px;
text-decoration: none;
border-radius: 3px;
transition: background-color 0.2s ease;
}
.chkpt-package-card .button:hover {
background-color: #005983;
}
.accordion-toggle-icon {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
width: 10px;
height: 10px;
border-right: 2px solid #000;
border-bottom: 2px solid #000;
transform: rotate(45deg);
transition: transform 0.3s ease;
}
.chkpt-package-accordion-header.accordion-open .accordion-toggle-icon {
transform: translateY(-40%) rotate(135deg); }
.chkpt-package-accordion-content {
padding: 10px;
border-bottom: 1px solid #ddd;
}
.ui-state-highlight {
height: 40px; background-color: #f4f4f4;
border: 1px dashed #ccc;
}
.ui-state-default, .ui-widget-content .ui-state-default {
border: 0px!important;
width:100%;
outline: none;
}
.ui-state-active {
border:0px!important;
color:#333!important;
}
.chkpt-package-card {
position: relative;
}
.chkpt-package-card.selected {
border: 2px solid #007cba; box-shadow: 0 0 10px rgba(0, 124, 186, 0.5);
}
.chkpt-package-card .chkpt-package-selected-icon {
position: absolute;
top: -35px;
left: -14px;
display: none;
width: 32px;
height: 32px;
background-size: contain;
background-repeat: no-repeat;
}
.checkbox-black {
background-image: url(//experiencemosaic.com/wp-content/plugins/chkpt-package-builder/library/checkbox-black.png)!important;
}
.checkbox-navy {
background-image: url(//experiencemosaic.com/wp-content/plugins/chkpt-package-builder/library/checkbox-navy.png)!important;
}
.checkbox-orange {
background-image: url(//experiencemosaic.com/wp-content/plugins/chkpt-package-builder/library/checkbox-orange.png)!important;
}
.checkbox-green {
background-image: url(//experiencemosaic.com/wp-content/plugins/chkpt-package-builder/library/checkbox-green.png)!important;
}
.checkbox-blue {
background-image: url(//experiencemosaic.com/wp-content/plugins/chkpt-package-builder/library/checkbox-blue.png)!important;
}
.chkpt-package-card.selected .chkpt-package-selected-icon {
display: block;
}
.splide__list {
padding-top: 28px !important;
}