html, body {
font-family: 'Poppins', sans-serif;
}
.sawarabi-gothic-regular {
font-family: "Sawarabi Gothic", sans-serif;
font-weight: 400;
font-style: normal;
}
.font-height-reduce {
transform: scale(1, 0.85)
}
.platypi-normal {
font-family: "Platypi", serif;
font-optical-sizing: auto;
font-weight: 300;
font-style: normal;
}
.platypi-bold {
font-family: "Platypi", serif;
font-optical-sizing: auto;
font-weight: 500;
font-style: normal;
}
.bg-dark {
background-color: #281819!important;
}
.bg-offset {
background-color: #472e30!important;
}
/*------------------ Stuff for generator CSS ----------------------------*/
.bg-scroll {
background: rgb(255,248,228);
background: radial-gradient(circle, rgb(238, 221, 174) 13%, rgba(249,229,176,1) 61%, rgb(255, 225, 144) 100%);
}
.bg-dark-scroll {
background: rgb(255,248,228);
background: radial-gradient(circle, rgb(243, 226, 178) 13%, rgb(250, 218, 129) 91%, rgb(151, 117, 24) 100%);
/**-webkit-box-shadow: inset 0 0 40px 20px green;**/
box-shadow: inset 0 0 15px 5px rgb(109, 81, 3);
}
.scroll-shadow {
box-shadow: 1px -1px 20px -1px rgba(128, 79, 6, 0.84);
-webkit-box-shadow: 1px -1px 20px -1px rgba(128, 79, 6, 0.84);
-moz-box-shadow: 1px -1px 20px -1px rgba(128, 79, 6, 0.84);
}
.loader {
border: 16px solid #f3f3f3; /* Light grey */
border-top: 16px solid #281819; /* Blue */
border-radius: 50%;
width: 120px;
height: 120px;
animation: spin 2s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
/*------------------ END Stuff for generator CSS ----------------------------*/
a {
color: #F53B3E;
}
.bg-blog-post {
background-color: #842C2A;
}
.fw-500 {
font-weight: 500;
}
.fw-600 {
font-weight: 600;
}
.fw-700 {
font-weight: 700;
}
.fw-800 {
font-weight: 800;
}
#navbar-toggler {
border: none!important;
}
.nav-pills, .nav-link, .active {
color: #ffffff!important;
font-size: 1.0rem;
padding-top: 0;
padding-bottom: 0;
}
.nav-link.active {
background-color: unset!important;
}
.sale-price {
font-size: 1.6rem;
}
.retail-price {
font-size: 1rem;
color: rgb(201, 62, 62);
text-decoration: line-through;
}
.carousel-indicators {
bottom: 20%;
}
#product-description-hero-container {
background-image: url('/images/hero-background-pattern.jpg');
background-repeat: no-repeat;
background-size: cover;
}
#flipQuote {
transform: scale(-1, 1);
-moz-transform: scale(-1, 1);
-webkit-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.opacity-transition-class {
transition: opacity .5s;
transition-timing-function: ease;
}
.lower-opacity-class {
opacity: 50%;
}
@keyframes example {
0% {
opacity: 0%;
padding-top: 30px;
}
100% {
opacity: 100%;
padding-top: 0px;
}
}
#quote-header{
animation-name: example;
animation-duration: 1s;
}
.product-title-text {
color: #86f031;
/**-webkit-text-stroke: 2px black;
paint-order: stroke fill;**/
text-shadow:
-1px -1px 0 #000,
0 -1px 0 #000,
1px -1px 0 #000,
3px 3px 0 #000,
1px 1px 0 #000,
0 1px 0 #000,
-1px 1px 0 #000,
-1px 0 0 #000,
2px 2px 5px #00000044;
}
.text-outline {
text-shadow:
-1px -1px 0 #000,
0 -1px 0 #000,
1px -1px 0 #000,
1px 1px 0 #000,
1px 1px 0 #000,
0 1px 0 #000,
-1px 1px 0 #000,
-1px 0 0 #000
}
.fc-forest-green {
color: #374C4A;
}
.fc-bright-green {
color: #3A8C7B;
}
.bg-beige {
background-color: #EEEAE3;
}
.card {
border: none;
border-radius: 0px;
}
.stop-losing-card {
background-color: #ffffff;
}
.card-header-font {
font-size: 1.75rem;
}
.link-class {
text-decoration: underline wavy #ffc875;
color: inherit!important;
}
.cost-style-class {
background-color: #1F6D5C;
color: #ffffff;
padding-left: 7px;
padding-right: 7px
}
.orange-link {
color: #F53B3E;
}
@media screen and (max-width: 991px) {
.nav > * {
width: 100%;
text-align: center;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.img-fluid-md {
max-width: 100%;
height: auto;
}
.lead {
font-size: 1rem;
}
}