/* GLOBAL */
/* ==== */
#savecontent {
margin-top: -2px;
}
.codey {
font-family: courier, monospace;
}
.anchor {
scroll-margin-top: 200px;
}
@media(min-width: 576px) {
h1, .h1 {
font-size: 2.7rem;
}
h2,
.h2 {
font-size: 2.4rem;
}
h3,
.h3 {
font-size: 2.1rem;
}
h4,
.h4 {
font-size: 1.9rem;
}
h5,
.h5 {
font-size: 1.6rem;
}
h6,
.h6 {
font-size: 1.3rem;
}
}
@media(min-width: 768px) {
h1, .h1 {
font-size: 3.1rem;
}
h2,
.h2 {
font-size: 2.75rem;
}
h3,
.h3 {
font-size: 2.4rem;
}
h4,
.h4 {
font-size: 2.05rem;
}
h5,
.h5 {
font-size: 1.7rem;
}
h6,
.h6 {
font-size: 1.35rem;
}
}
@media(min-width: 1200px) {
h1.mega, .h1.mega {
font-size: 4.5rem !important;
}
body {
font-size: 1.1rem;
}
h1,
.h1 {
font-size: 3.4rem;
}
h2,
.h2 {
font-size: 3rem;
}
h3,
.h3 {
font-size: 2.6rem;
}
h4,
.h4 {
font-size: 2.2rem;
}
h5,
.h5 {
font-size: 1.8rem;
}
h6,
.h6 {
font-size: 1.4rem;
}
}
@media(min-width: 1600px) {
h1, .h1 {
font-size: 3.8rem;
}
h2,
.h2 {
font-size: 3.25rem;
}
h3,
.h3 {
font-size: 2.8rem;
}
h4,
.h4 {
font-size: 2.35rem;
}
h5,
.h5 {
font-size: 1.9rem;
}
h6,
.h6 {
font-size: 1.45rem;
}
}
.btn {
white-space: normal;
}
a:hover img,
a.bg-img:hover a.bg-image:hover {
opacity: .85;
}
#savecontent img {
max-width: 100% !important;
height: auto !important;
}
#savecontent img.rightfloat-sm {
float: right;
margin: 0 0 10px 15px;
width: 150px;
max-width: 30% !important;
}
.rightfloat {
float: right;
margin: 0 0 .5rem 1rem;
width: 40%;
}
@media (max-width: 767px) {
.rightfloat {
float: none;
margin: 0 0 1rem 0;
width: 100%;
}
}
.btn-primary {
color: white !important;
}
.round {
border-radius: 12px;
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
background-color: rgba(0, 0, 0, 0.9);
padding: 1rem;
background-size: 20px;
}
@media(min-width: 1600px) {
.container {
max-width: 1300px;
}
}
@media(min-width: 1600px) {
.container.container-wide {
width: 1500px !important;
max-width: 1500px !important;
}
}
.product-image {
background-size: cover !important;
min-height: auto !important;
padding-bottom: 75%;
}
#savecontent form label {
font-weight: bold;
}
#savecontent form .checkbox-group label,
#savecontent form .radio-group label {
font-weight: normal;
}
.formbuilder-required {
color: red;
}
.text-right.addToCart {
text-align: left !important;
}
.blog-wrapper .blog-item .blog-image a.d-flex {
padding-bottom: 90% !important;
}
.blog-detail-page {
background: var(--light);
}
.blog-detail-page .blog {
border-radius: 12px;
padding: 1.5rem;
background: white;
box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
}
.blog-detail-page .blog h4 {
margin-top: 1rem;
}
/*.dark-card:hover .card-text,
.dark-card:hover .card-text span {
text-decoration: underline;
}*/
.dark-card:hover .bg-dark {
background-color: var(--primary) !important;
}
#savecontent ul:not(.pagination):not(.basic) {
list-style: none;
padding: 0 15px;
}
#savecontent ul:not(.pagination):not(.basic) li {
position: relative;
padding-left: 30px;
}
#savecontent ul:not(.pagination):not(.basic) li:before {
content: "";
position: absolute;
left: 0;
top: 6px;
/* top: 50%;
transform: translateY(-50%);*/
width: 16px;
height: 16px;
background-image: url('/userfiles/2691/images/check.png');
/* Example image */
background-size: cover;
background-repeat: no-repeat;
}
ul.small {
padding-left: 20px;
line-height: 1.25;
}
ul.small li {
margin-bottom: 5px;
}
.accordion-new .card-header:hover {
background: #E9EAC9;
color: var(--primary);
}
/* Force proper transition */
.collapse {
transition: height 0.35s ease !important;
}
/* Bootstrap's temporary class during animation */
.collapsing {
height: 0;
overflow: hidden;
transition: height 0.35s ease !important;
}
/* Restore fade transitions */
.fade {
transition: opacity .15s linear !important;
}
/* Restore modal slide/fade animation */
.modal.fade .modal-dialog {
transition: transform .3s ease-out !important;
transform: translate(0, -20px);
}
.modal.show .modal-dialog {
transform: translate(0, 0);
}
.field.radio input,
.field.checkbox input {
margin-right: 10px;
}
.donation-form .field:not(.radio):not(.checkbox) input,
.donation-form .field select,
.donation-form .field textarea,
.donation-form #card-element,
.donation-form #paypal-button-container {
padding: 4px;
max-width: 100% !important;
width: 100% !important;
}
.checkboxes {
background: white;
}
.blog-title.h5 {
font-size: 1.3rem;
}
.oms-product-details .productRow .col-12.col-lg-4.mb-3,
.productRow .btn-back,
.proDet_sku,
.optionsRow .quantityRow {
display: none !important;
}
.oms-product-details .productRow,
.product-specs .row,
.productRow .col-12.col-lg-8 .d-flex.align-items-md-center.align-items-start.justify-content-between.flex-column.flex-md-row,
.addToCart.text-right {
justify-content: center !important;
text-align: center !important;
align-items: center !important;
}
.product-desc .productRow {
background: var(--light);
padding: 1.5rem;
border-radius: 8px;
margin: 2rem 1rem;
}
.border.product-specs {
background: white;
}
.productPrice {
font-size: 2rem;
font-weight: bold;
}
/* PAGE SPECIFIC */
/* FOOTER */