body,
html {
margin: 0;
padding: 0;
font-family: "Oswald", sans-serif;
}
.order_item .product-name .product-quantity {
font-size: 22px;
}
.shipping-bar {
background-color: #f200af;
color: white;
font-weight: 600;
font-size: 24px;
text-align: center;
padding: 3px 0 5px;
width: 100%;
display: flex;
justify-content: space-around;
letter-spacing: 1px;
}
.xoo-wsc-product .xoo-wsc-img-col .attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
height: auto !important;
}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox] {
height: 24px !important;
width: 24px !important;
cursor: pointer !important;
appearance: none !important;
border: 1px solid #D6D6D6 !important;
border-radius: 5px !important;
background-color: white !important;
display: flex;
align-items: center;
justify-content: center;
}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:checked {
background-color: #F200AF !important;
border-color: transparent !important;
}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]::before {
content: '✔' !important;
font-size: 14px !important;
color: white !important;
display: none !important;
}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:focus {
outline: 0 !important;
}
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]::before {
display: block !important;
}
.wc-block-components-checkbox .wc-block-components-checkbox__mark {
display: none !important;
}
.wc-block-components-checkbox .wc-block-components-checkbox__label a {
color: #F200AF;
text-decoration: none;
}
.wc-block-components-checkbox .wc-block-components-checkbox__label a:hover {
text-decoration: underline;
}
.blog-detail-outer,
.blogs-section {
width: 100%;
padding: 0 100px 40px;
}
.blog-detail-outer .upper-section {
width: 100%;
display: flex;
gap: 40px;
justify-content: space-between;
}
.blog-detail-outer .upper-section .blog-image-section,
.blog-detail-outer .upper-section .blog-desc-section {
width: 49%;
}
.blog-detail-outer .upper-section .blog-desc-section p,
.blog-detail-outer .below-section .blog-desc-section p,.blog-detail-outer .upper-section .blog-desc-section li,
.blog-detail-outer .below-section .blog-desc-section li{
font-family: "Oswald", sans-serif;
font-size: 28px;
font-weight: 400;
line-height:40px;
}
.blog-detail-outer .blog-desc-section strong{
font-family: "Oswald", sans-serif !important;
font-size: 28px;
line-height:40px;
font-weight:600;
}
.blog-detail-outer .upper-section .blog-desc-section h1,
.blog-detail-outer .below-section .blog-desc-section h1{
font-family: "Oswald", sans-serif;
font-size: 32px;
font-weight: 600;
line-height:40px;
}
.blog-detail-outer .below-section .blog-desc-section {
width: 100%;
margin-top: 40px;
}
.blog-detail-outer .upper-section .blog-desc-section {
margin-top: -10px;
}
.blog-desc-section p br{
display:block;
}
.blog-detail-outer .upper-section .blog-image-section {
display: flex;
/*align-items: center;*/
justify-content: center;
}
.blog-detail-outer .upper-section .blog-image-section img {
width:100%;
height:auto;
}
.blog-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 22px;
align-items: start;
}
.blog-detail-outer .below-section .blog-desc-section h1{
}
.blog-card {
/*background: #fff;*/
background-color: rgba(255, 255, 255, 0.85);
border-radius: 10px;
padding: 20px;
border: 1px solid #EE5599;
text-align:left ;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
}
.blog-card a {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.social-icons {
margin-bottom: 0;
margin-top:20px;
}
.blog-detail-outer .below-section .blog-desc-section li {
text-align: left;
}
.blog-card img {
width: 100%;
height: auto;
display: block;
margin-bottom: 10px;
object-fit: contain;
}
.blog-card .card-title {
font-family: 'Oswald', Arial, sans-serif;
font-size: 21px;
font-weight: 600;
margin: 6px 0 12px;
color: black;
text-align:center;
line-height:40px;
}
.blog-card .card-excerpt {
font-family: 'Oswald', Arial, sans-serif;
font-size: 18px;
color: black;
margin-bottom: 15px;
line-height: 30px;
}
.blog-card .card-button-center{
display:flex;
align-items:center;
justify-content:center;
width:100%;
}
.btn-read {
display: inline-block;
background: #D60620;
color: #fff;
width:100% !important;
max-width: 256px;
height: 59px;
display: flex;
justify-content: center;
align-items: center;
margin-top: 15px;
border-radius: 10px;
text-decoration: none;
font-family: 'Oswald', Arial, sans-serif;
font-size: 24px;
font-weight: 600;
box-shadow: 0px 5px 20px 0px #00000033;
transition: all 0.3s ease;
}
.btn-read:hover {
background: #EE5599;
}
.pagination-row {
margin-top: 70px;
display: flex;
justify-content: center;
gap: 15px;
}
.pagination-row .page-btn {
border: 3px solid #D60620;
color: #D60620;
background: #fff;
font-family: 'Oswald', Arial, sans-serif;
border-radius: 10px;
text-decoration: none;
font-weight: 600;
font-size: 32px;
display: flex;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
box-shadow: 0px 5px 20px 0px #00000033;
}
.pagination-row .next-button {
width: 152px;
}
.pagination-row .page-btn.active {
background: #D60620;
color: #fff;
}
/* Responsive breakpoints */
@media (max-width: 980px) {
.blog-grid {
grid-template-columns: repeat(2, 1fr);
}
.blogs-header {
font-size: 32px;
}
.blog-card {
width: 100%;
}
.blog-detail-outer .upper-section .blog-image-section {
width: 100%;
}
}
@media (max-width: 600px) {
.blog-grid {
grid-template-columns: 1fr;
}
.blogs-header {
font-size: 28px;
}
.pagination-row .page-btn {
width: 50px;
height: 50px;
font-size: 20px;
}
.pagination-row .next-button {
width: 100px;
}
.pagination-row {
margin-top: 30px;
}
}
.shipping-bar p {
margin-bottom: 0;
}
.main-top-pink-bar {
font-size: 24px !important;
}
.email-bar {
background-color: #f200af;
color: white;
font-weight: 500;
font-size: 30px;
text-align: center;
padding: 10px;
}
.bannerImage {
background-image: url("../images/BgImage1.png");
min-height: 100vh;
position: relative;
z-index: 1;
}
.shipping-bar-text {
font-family: "Oswald", sans-serif;
}
.outer-container {
width: 100%;
padding: 0 50px;
}
.overlay-content {
padding: 20px 20px;
z-index: 2;
padding-bottom: 0;
max-width: 1680px;
margin: 0 auto;
}
.logo-container {
width: 100%;
position: relative;
padding: 0 30px;
display: flex;
justify-content: center;
align-items: center;
}
.top-img {
width: 100%;
height: 100%;
position: relative;
}
.set-navbar {
width: 100%;
position: relative;
}
.logo-container .bottom-set {
display: flex;
align-items: end;
flex-direction: column;
/*justify-content: end;*/
padding-bottom: 30px;
position: absolute;
right: 70px;
top: 0;
}
.search-bar-container {
margin-top: 30px;
display: flex;
justify-content: flex-end;
gap: 10px;
}
.search-input {
width: 300px;
border-radius: 5px;
border: 1px solid #c1c5c9;
padding: 10px 15px;
font-size: 16px;
font-weight: 400;
}
.icon-button {
background-color: white;
border: 1px solid #c1c5c9;
border-radius: 5px;
display: flex;
justify-content: center;
align-items: center;
width: 52px;
height: 52px;
position: relative;
}
.icon-button div {
width: 20px;
height: 20px;
border-radius: 50%;
background-color: black;
position: absolute;
top: 4px;
right: 5%;
color: white;
display: flex;
justify-content: center;
align-items: center;
font-size: 12px;
font-family: "Oswald", sans-serif;
}
.icon-button:hover {
background-color: #D60620;
}
.icon-button img {
height: 32px;
width: 32px;
transition: filter 0.3s;
margin-top: 5px;
}
.icon-button:hover .button-icon {
content: url('../images/shopping-bag-white.svg');
}
.icon-button.active:hover {
background-color: #D60620;
}
.icon-button.active:hover .button-icon {
content: url('../images/shopping-bag-white.svg');
}
.search-input-wrapper {
position: relative;
width: 292px;
height: 52px;
}
.search-input {
width: 100%;
border-radius: 5px;
border: 1px solid #c1c5c9;
padding: 10px 40px 10px 15px;
/* extra right padding for icon */
font-size: 16px;
font-weight: 400;
box-sizing: border-box;
height: 100%;
color: black;
}
.search-icon {
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
color: #777;
height: 24px;
width: 24px;
pointer-events: none;
/* ensures clicks go to the input */
}
.nav-btn-group {
margin-top: 30px;
display: flex;
justify-content: end;
}
.custom-nav-link {
font-weight: 600;
text-transform: uppercase;
font-size: 20px;
padding: 7.5px 20px;
text-align: center;
text-decoration: none;
color: white;
transition: background-color 0.3s ease;
background-color: #f200af;
width: auto;
}
.custom-nav-link:hover {
opacity: 0.9;
background-color: #d60620;
}
.custom-nav-link.active {
background-color: #D60620;
color: white;
}
.btn-home {
border: 1.5px solid;
border-right-color: white;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.btn-about {
border: 1.5px solid;
border-right-color: white;
}
.btn-whimsical {
border: 1.5px solid;
border-right-color: white;
}
.btn-rebel {
border: 1.5px solid;
border-right-color: white;
}
.btn-blogs {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border: 1.5px solid;
border-right-color: white;
}
.hero-heading {
font-size: 28px;
font-weight: bold;
text-align: center;
color: black;
display: flex;
justify-content: center;
align-items: center;
}
.hero-title {
font-size: 50px;
font-weight: 400;
line-height: 65px;
letter-spacing: 0%;
width: 100%;
max-width: 900px !important;
font-family: "Bowlby One SC", sans-serif;
}
.cta-button {
margin-top: 20px;
text-align: center;
}
.btn-custom-red {
background-color: #d60620;
color: white;
font-weight: bold;
padding: 12px 24px;
border: none;
border-radius: 6px;
transition: background-color 0.3s ease;
}
.btn-custom-red:hover {
background-color: #b0051a;
}
.about-us-outer-con {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
flex-direction: column;
}
.shazam-outer {
width: 100%;
padding: 0 100px;
max-width: 1200px;
}
.shazam-container {
width: 100%;
height: 100%;
display: inline-block;
position: relative;
}
.shazam-container .shazam-text {
position: absolute;
right: 15%;
top: 22.75%;
width: 826px;
transform: translateY(-50%);
}
.shazam-girls {
width: 100%;
height: auto;
}
.shazam-info {
position: absolute;
top: 74%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
max-width: 806px;
border-radius: 5px;
background-color: white;
opacity: 85%;
padding: 22px 15px;
letter-spacing: 0;
text-align: center;
font-family: "League Gothic", sans-serif;
}
.shazam-info div h1 {
color: #000204;
font-size: 60px;
font-weight: 400;
line-height: 80px;
margin-bottom: 0;
}
/* homepage css */
.whimsical-collection-section {
display: flex;
justify-content: center;
align-items: center;
position: relative;
width: 100%;
}
.second-header-images {
height: 534px;
width: 100%;
position: relative;
overflow: hidden;
}
.second-header-images img {
width: 100%;
height: 100%;
object-fit: cover;
}
.image-overlay {
width: 652px;
height: 462px;
background-color: rgba(255, 255, 255, 0.85);
color: black;
border-radius: 5px;
display: flex;
justify-content: center;
align-items: center;
}
.image-overlay-outer {
position: absolute;
}
.WHIMSICALCOLLECTION {
font-size: 60px;
font-weight: 400;
color: black;
text-align: center;
line-height: 72px;
padding: 0 20px 20px;
font-family: "League Gothic", sans-serif;
}
.WHIMSICALCOLLECTION-details {
font-size: 28px;
font-weight: 500;
font-family: "Oswald", sans-serif;
color: black;
text-align: center;
line-height: 40px;
padding: 0 32px;
}
.btn-black {
background-color: black;
color: white;
border: 1px solid white;
font-family: "Oswald", sans-serif;
}
.beddingBrandText {
font-size: 40px;
font-weight: 600;
font-family: "Oswald", sans-serif;
color: black;
text-align: center;
line-height: 60px;
}
.noLoyalityToConformity {
font-size: 40px;
font-weight: 500;
font-family: "Bowlby One", cursive;
color: #f200af;
text-align: center;
line-height: 60px;
}
.promiscuousText {
font-size: 40px;
font-weight: 400;
font-family: "Kavoon", cursive;
color: black;
text-align: center;
line-height: 60px;
}
.image-container {
width: 100%;
height: 490px;
overflow: hidden;
position: relative;
padding: 5px;
}
.pink-king {
display: flex;
justify-content: space-evenly;
align-items: center;
width: 100%;
}
.pink-king .spacing-adjust {
display: flex;
max-width: 700px;
width: 100%;
justify-content: space-between;
}
.shipping-bar-con {
font-family: "Oswald", sans-serif;
}
.image-container img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.img-col-con {
width: 50%;
}
.tnp-field input[type="submit"] {
height: 65px !important;
max-width: 150px !important;
width: 100%;
}
/* Responsive adjustments */
@media (max-width: 767.98px) {
.close-tab {
width: 100%;
}
.blog-detail-outer .upper-section .blog-desc-section p,
.blog-detail-outer .below-section .blog-desc-section p,.blog-detail-outer .upper-section .blog-desc-section li,
.blog-detail-outer .below-section .blog-desc-section li{
font-size:22px;
line-height:28px;
text-align:left;
}
.blog-detail-outer strong{
font-size:22px !important;
}
.bannerImage {
background-size: contain;
}
.btn-home {
border: 1px solid;
border-right-color: white;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.btn-about {
border: 1px solid;
border-right-color: white;
}
.btn-whimsical {
border: 1px solid;
border-right-color: white;
}
.btn-rebel {
border: 1px solid;
border-right-color: white;
}
.btn-contact {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border: 1px solid;
border-right-color: white;
}
.search-results-wrapper {
padding: 0 20px !important;
}
.return-and-exchange h1 {
font-size:36px !important;
line-height:40px !important;
font-weight:600;
}
.blog-detail-outer .upper-section .blog-desc-section h1, .blog-detail-outer .below-section .blog-desc-section h1 {
font-size: 30px !important;
line-height:37px !important;
font-weight:600;
}
.image-container {
height: 300px;
/* Smaller height on mobile */
}
.image-outer-container {
padding: 30px 15px !important;
}
.img-col-con {
width: 100%;
}
.bedgasm-text-overlay img {
width: 132px !important;
height: 45px !important;
}
.bedgasm-subtitle {
font-size: 23px !important;
font-weight: 400 !important;
line-height: 28px !important;
margin-bottom: 0;
}
}
@media (min-width: 768px) {
.show-br {
display: none;
}
.close-tab {
display: none;
}
.image-container {
max-width: 583px;
/* Desktop width */
margin: 0 auto;
/* Center images on larger screens */
}
.text-center img {
width: 100%;
max-width: 1000px;
}
.bedgasm-outer-con img {
width: 100%;
}
.search-input-wrapper form {
height: 52px;
}
}
.bedgasm-text-overlay {
position: absolute;
top: 35%;
left: 50%;
transform: translate(-50%, -50%);
color: #000;
width: 100%;
padding: 10px;
}
.bedgasm-text-overlay img {
width: 479px;
height: 154px;
}
.bedgasm-title {
font-size: 3rem;
font-weight: bold;
color: #ff4dd2;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
.bedgasm-subtitle {
font-weight: 400;
font-size: 60px;
color: #000;
font-family: "League Gothic", sans-serif;
line-height: 72px;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
.bedgasm-highlight {
font-size: 2rem;
font-weight: bold;
color: #000;
padding-top: 5px;
}
/* about us section */
.about-section {
padding: 60px 100px;
text-align: center;
width: 100%;
max-width: 1440px;
color: #000;
}
.image-outer-container {
width: 100%;
padding: 30px;
display: flex;
justify-content: center;
align-items: center;
}
.img-row {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
row-gap: 20px;
max-width: 1180px !important;
}
.about-row {
width: 100%;
flex-wrap: wrap;
margin-bottom: 40px;
position: relative;
}
.circle-img {
width: 180px;
height: 180px;
border-radius: 50%;
z-index: 1 !important;
border: 6px solid #f200af;
padding: 0;
}
.one-left {
position: absolute;
left: -4%;
top: 0;
}
.one-right {
position: absolute;
top: 0;
right: -4%;
}
.third-left {
position: absolute;
left: -2%;
bottom: -4%;
}
.third-right {
position: absolute;
right: -4%;
bottom: -10%;
}
.six-left {
position: absolute;
left: -5%;
bottom: -15%;
}
.six-right {
position: absolute;
right: -5%;
bottom: -15%;
}
.second-left {
position: absolute;
left: -16%;
bottom: -51%;
}
.second-right {
position: absolute;
right: -16%;
bottom: -51%;
}
.seven-left {
position: absolute;
left: -13%;
bottom: -40%;
}
.seven-right {
position: absolute;
right: -13%;
bottom: -40%;
}
.four-left {
position: absolute;
left: -5%;
top: 50%;
transform: translate(-50%, -50%);
}
.four-right {
position: absolute;
right: -29%;
top: 60%;
transform: translate(-50%, -50%);
}
.five-left {
position: absolute;
left: -5%;
top: -8%;
}
.five-right {
position: absolute;
right: -5%;
top: 0;
}
.extra-img {
display: none;
}
.about-box {
background: #f5f5f5;
border-radius: 5px;
padding: 40px 65px;
max-width: 806px;
margin: 0 auto;
font-size: 28px;
line-height: 40px;
font-weight: 500;
opacity: 85%;
position: relative;
}
.italic {
font-size: 28px;
display: inline-block;
transform: skewX(-5deg);
font-weight: 500;
}
.about-box strong,
.font-500 {
font-weight: 500;
}
strong {
font-family: "Kavoon", serif;
}
.second-row {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
max-width: 800px;
}
.second-row a {
color: white;
text-decoration: none;
}
.about-section-last-con {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.our-story {
border-radius: 10px;
color: white;
background-color: #d60620;
padding: 10px 60px;
font-size: 24px;
font-weight: 600;
cursor: pointer;
width: 220px;
}
.our-story a {
color: white;
text-decoration: none;
}
.our-story:hover {
background-color: #f200af;
}
/* footer section */
.promo-footer {
text-align: center;
padding-top: 40px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.bedgasm-outer-con {
width: 100%;
position: relative;
display: flex;
justify-content: center;
}
.bedgasm-outer-con img {
max-width: 1166px;
}
.discount-text {
color: #f200af;
font-size: 60px;
font-weight: 400;
margin-bottom: 20px;
line-height: 72px;
letter-spacing: 0;
font-family: "League Gothic", sans-serif;
}
.newsletter p {
font-size: 32px;
font-weight: 600;
margin: 0 auto 20px;
}
/*.pintrest-description p{*/
/* font-style:italic;*/
/*}*/
.newsletter .highlight {
color: #d60620;
}
.newsletter-form {
display: flex;
justify-content: center;
align-items: center;
max-width: 639px;
margin: 0 auto;
}
.tnp-subscription input[type="email"] {
flex: 1;
padding: 14px 20px !important;
border: none;
font-size: 22px !important;
font-weight: 400;
text-transform: none;
border: 2px solid #000 !important;
border-right: 0 !important;
height: 65px;
color: #000 !important;
background-color: #FFFFFF !important;
}
.tnp-subscription input[type="email"]::placeholder {
color: #000 !important;
}
.tnp-field input[type="submit"] {
background: #000;
color: #fff;
padding: 9px 30px;
border: none;
font-size: 28px;
font-weight: 500;
text-transform: uppercase;
cursor: pointer;
height: 82px;
}
.tnp-field input[type="submit"]:hover {
background-color: #D60620 !important;
}
.social-icons {
display: flex;
gap: 20px;
justify-content: center;
margin-bottom: 20px;
}
.social-icons a {
margin: 0 10px;
display: inline-block;
}
.social-icons img {
width: 56px;
height: 56px;
transition: transform 0.3s ease;
cursor: pointer;
}
.social-icons img:hover {
transform: scale(1.3);
}
.footer-content {
display: flex;
flex-wrap: wrap;
padding: 20px 100px 30px;
justify-content: space-between;
}
.logo-area {
width: 45%;
}
.logo-area img {
width: 100%;
}
.footer-links {
width: 48%;
display: flex;
gap: 10px;
flex-direction: column;
text-align: left;
padding-left: 30px;
}
.footer-links ul {
list-style: none;
padding: 0;
margin: 0;
}
.footer-heading {
font-weight: 400;
font-size: 50px !important;
color: #000000;
font-family: "League Gothic", sans-serif;
}
.footer-links ul li {
margin-bottom: 10px;
font-size: 30px;
font-weight: 400;
}
.footer-links a {
text-decoration: none;
color: #000;
font-weight: 400;
}
.align-footer-links {
width: 100%;
display: flex;
gap: 50px;
}
.align-footer-links p {
font-size: 30px;
font-weight: 400;
line-height: 42px;
margin-bottom: 0;
}
.align-footer-links p:hover {
text-decoration: underline;
}
.footer-bottom-outer {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
background: #f200af;
padding: 5px 100px;
}
.footer-bottom {
color: #fff;
width: 100%;
max-width: 1300px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
font-size: 24px;
font-weight: 500;
}
.footer-bottom p {
margin: 0;
}
.footer-bottom .design-credit a {
color: #fff;
text-decoration: none;
}
.design-credit a:hover {
cursor: pointer;
text-decoration: underline;
}
.contact-us-outer {
width: 100%;
position: relative;
height: 100%;
min-height: 550px;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 0%, rgba(225, 217, 243, 0.7) 100%);
display: flex;
justify-content: center;
align-items: center;
}
.contact-us-left {
position: absolute;
left: -3%;
top: -2%;
opacity: 40%;
width: 400px;
}
.contact-us-right {
position: absolute;
right: 0;
bottom: 0;
}
.contact-us-con {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.contact-btn-grp {
width: 100%;
display: flex;
justify-content: center;
gap: 24px;
}
.contact-details-con {
max-width: 850px;
text-align: center;
padding: 0 15px;
}
.button-style {
background-color: #d60620;
padding: 12px 38px;
color: white;
border-radius: 10px;
box-shadow: 0px 5px 20px 0px #00000033;
border: none;
font-weight: 600;
font-size: 24px;
opacity: 1 !important;
}
.contact-btn-grp .button-style {
width: 100%;
max-width: 202px !important;
}
.contact-btn-grp .button-style a {
text-decoration: none;
color: #FFFFFF;
}
#why-promiscous-button {
background-color: #d60620;
padding: 12px 38px;
color: white;
border-radius: 10px;
box-shadow: 0px 5px 20px 0px #00000033;
border: none;
font-weight: 600;
font-size: 24px;
opacity: 1 !important;
width: 100%;
max-width: 300px !important;
}
#why-promiscous-button:hover {
background-color: #f200af;
color: white;
}
/* #openPopupBtn {
padding: 12px 24px;
font-size: 16px;
background: #e60073;
color: #fff;
border: none;
cursor: pointer;
border-radius: 6px;
} */
.popup-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
/* Transparent background */
display: none;
justify-content: center;
align-items: center;
z-index: 999;
}
.popup-content {
position: relative;
font-family: "League Gothic", sans-serif;
max-width: 754px;
width: 100%;
height: 100%;
max-height: 602px;
background-size: 100% 100%;
background-image: url("../images/back-popup.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
border: 8px solid #D60620;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
background-color: white;
}
.popup-content .popup-inner-content {
width: 100%;
height: 100%;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
border: 8px solid #F200AF;
}
.popup-inner-content h2 {
font-size: 80px;
font-weight: 400;
margin-bottom: 20px;
}
.popup-inner-content p {
padding: 0 100px;
font-size: 28px;
font-weight: 600;
line-height: 40px;
font-family: "Oswald", sans-serif;
}
.close-btn {
position: absolute;
top: -5%;
right: -4.5%;
font-size: 28px;
background: #D60620;
color: white;
border: none;
border-radius: 50%;
width: 64px;
height: 64px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}
.close-btn .cross-button {
width: 48px;
height: 48px;
}
.shipping-bar-con img {
margin-bottom: 3px;
width: 30px;
}
.whimsical-collection-section .button-style {
width: 100%;
max-width: 220px !important;
font-size: 20px;
}
.button-style:hover {
background-color: #f200af;
color: white;
}
.contact-btn-grp a {
width: 202px;
}
.button-black {
background-color: black;
padding: 12px 35px;
color: white;
border-radius: 10px;
box-shadow: 0px 5px 20px 0px #00000033;
border: none;
font-weight: 600;
font-size: 24px;
opacity: 1 !important;
width: 100%;
max-width: 202px !important;
}
.button-black:hover {
background-color: #d60620;
}
.whim-title-section {
width: 100%;
margin: 0 auto;
text-align: center;
gap: 10px;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
.whim-title {
color: #000204;
font-size: 60px;
line-height: 72px;
font-weight: 400;
font-family: "League Gothic", sans-serif;
}
.whim-content-cont {
max-width: 809px;
width: 100%;
}
.whim-content {
color: #000204;
font-size: 28px;
font-weight: 400;
line-height: 40px;
}
.grid-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
justify-items: center;
align-items: center;
padding: 40px;
}
.grid-item {
width: 100%;
height: 520px;
background: transparent;
overflow: hidden;
display: flex;
flex-direction: column;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
#productLabel {
cursor: pointer;
}
.grid-item img {
width: 100%;
height: calc(100% - 70px);
object-fit: cover;
}
.label {
height: 70px;
display: flex;
justify-content: center;
align-items: center;
font-weight: bold;
font-size: 32px;
color: white;
position: relative;
transition: all 0.3s ease;
background-color: #F200AF;
gap: 10px;
padding-left: 50px;
}
.red {
background-color: #e41c37;
}
.arrow {
opacity: 0;
transform: translateX(-10px);
transition: 0.3s ease;
}
.arrow img {
height: 40px;
width: 40px;
}
.grid-item .label:hover {
background-color: #D60620;
cursor: pointer;
}
.label:hover .arrow {
opacity: 1;
transform: translateX(0);
}
.our-story-con {
display: flex;
flex-wrap: wrap;
padding: 0;
width: 100%;
justify-content: center;
align-items: center;
}
.story-text {
width: 100%;
text-align: center;
font-family: "Oswald", sans-serif;
color: #000204;
margin-bottom: 15px;
max-width: 970px;
}
.story-text h2 {
font-size: 60px;
font-weight: 400;
line-height: 46px;
margin-bottom: 0;
font-family: "League Gothic", sans-serif;
}
.story-text .make-our-center {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 0;
flex-direction: column;
}
.story-text .make-our-center p {
display: inline-block;
transform: skewX(-5deg);
font-size: 28px;
/*font-weight: 600 !important;*/
line-height: 30px;
}
.story-text .story-gray-bg {
background-color: #F5F5F5;
opacity: 85%;
border-radius: 5px;
padding: 18px 0;
}
.story-text blockquote br {
display: none;
}
.story-text blockquote {
display: inline-block;
transform: skewX(-8deg);
font-size: 32px;
margin: 0;
font-weight: 600;
line-height: 35px;
}
.story-text p {
font-size: 16px;
line-height: 1.6;
font-weight: 500;
}
.story-text .image-desc-con {
width: 100%;
background-color: #b0051a;
display: flex;
justify-content: center;
align-items: center;
}
.image-desc-con {
width: 100%;
font-family: "Oswald", sans-serif;
max-width: 970px;
position: relative;
}
.image-desc-con .open-tab {
float: right;
top: 23%;
float: right;
position: absolute;
width: 290px;
right: 0;
}
.image-desc-con p {
font-size: 28px;
font-weight: 400;
}
.woocommerce-order {
margin: 20px 100px;
background-color: #FFFFFFB2;
font-family: "Oswald", sans-serif;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
padding-top: 25px;
}
.woocommerce-order p {
font-size: 40px;
}
.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button {
width: 32% !important;
}
.woocommerce-thankyou-order-received {
font-size: 40px;
color: #F200AF;
}
.woocommerce .woocommerce-order-details,
.woocommerce .woocommerce-customer-details {
width: 100%;
max-width: 600px;
margin-top: 30px;
}
.woocommerce .woocommerce-order-details h2,
.woocommerce-column__title {
font-size: 40px;
font-weight: 500;
}
.woocommerce ul.order_details li {
font-size: 24px;
}
.woocommerce ul.order_details {
margin: 20px 0;
}
.woocommerce .woocommerce-order-details thead {
font-size: 26px;
font-weight: 500;
}
.woocommerce table.shop_table tfoot th {
font-size: 22px;
font-weight: 500;
}
.woocommerce table.shop_table tfoot td {
font-size: 20px;
font-weight: 400;
}
.woocommerce-table__product-name a {
color: #F200AF;
text-decoration: none;
}
.woocommerce .woocommerce-customer-details address {
font-size: 24px;
font-weight: 400;
}
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email {
font-size: 24px;
font-weight: 500;
color: #F200AF;
}
.woocommerce ul.order_details li strong {
font-size: 22px;
font-family: "Oswald", sans-serif;
}
.return-and-exchange {
width: 100%;
padding: 0 100px 40px;
}
.return-and-exchange .heading {
width: 100%;
text-align: center;
/* margin-top:30px; */
}
.return-and-exchange h1 {
font-size: 60px;
font-weight: 400;
font-family: "League Gothic", sans-serif;
}
.return-and-exchange h3 {
font-size: 40px;
font-weight: 400;
font-family: "League Gothic", sans-serif;
}
.return-and-exchange p {
font-size: 28px;
font-weight: 400;
line-height: 40px;
font-family: "Oswald", sans-serif;
}
.return-and-exchange .content {
width: 100%;
text-align: left;
display: flex;
flex-direction: column;
gap: 20px;
margin-top: 20px;
}
.contact-us-outer-con {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 0 100px;
}
.contact-container {
display: flex;
max-width: 1167px;
width: 100%;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
justify-content: center;
overflow: hidden;
height: auto;
}
.wpcf7 form .wpcf7-response-output {
margin: 0;
}
:where(.wp-block-columns) {
margin-bottom: 0;
}
.size-large img {
width: 40%;
}
.contact-right {
width: 100%;
padding: 20px 50px 15px;
border: 1px solid #C1C5C9;
border-left: none;
max-width: 690px;
background-color: #FFFFFFD9;
}
.contact-left {
width: 100%;
border: 1px solid #C1C5C9;
padding: 20px 45px;
font-family: "Oswald", sans-serif;
background-color: #F5F5F5D9;
max-width: 477px;
}
.contact-right input {
height: 45px;
}
.contact-left h1,
.contact-right h1 {
font-size: 52px;
font-weight: 400;
margin-bottom: 15px;
font-family: "League Gothic", sans-serif;
}
.contact-info {
display: flex;
align-items: center;
gap: 15px;
}
.contact-info .icon {
background: #F200AF;
display: flex;
justify-content: center;
align-items: center;
height: 63px;
width: 63px;
}
.contact-info .icon img {
height: 26px;
width: 26px;
}
.contact-info p {
margin: 0;
font-size: 22px;
color: #999999;
font-weight: 500;
}
.contact-info .email a {
color: #000;
text-decoration: none;
font-size: 28px;
font-weight: 600;
}
form {
display: flex;
flex-direction: column;
gap: 12px;
font-family: "Oswald", sans-serif;
}
.form-row {
display: flex;
gap: 19px;
flex-wrap: wrap;
}
.form-row span {
flex: 1 1 45%;
}
input,
textarea {
padding: 12px;
border: 1px solid #C1C5C9;
color: #999999;
font-size: 18px;
font-weight: 500;
width: 100%;
color: black;
}
input {
height: 59px;
}
textarea {
resize: none !important;
}
.grid-container a {
text-decoration: none;
width: 100%;
}
img.attachment-woocommerce_thumbnail.size-woocommerce_thumbnail {
height: 440px !important;
}
.desc-con .desc-img img {
height: 100% !important;
}
.quantity-buttun-outer form {
flex-direction: row;
gap: 23px;
align-items: center;
}
.quantity input {
height: 23px;
border: none;
background-color: #F5F5F5;
color: black;
}
.send-button {
background: #e50914;
color: white;
padding: 17.5px;
border: none;
border-radius: 5px !important;
font-size: 24px;
font-weight: 600;
line-height: 100%;
cursor: pointer;
transition: background 0.3s ease;
box-shadow: 0px 5px 20px 0px #00000033;
height: 59px !important;
}
.send-button:hover {
background: #F200AF;
}
.cart-container {
max-width: 1200px;
margin: 0 auto;
}
.cart-title {
text-align: center;
font-size: 40px;
font-weight: 400;
margin-bottom: 2rem;
font-family: "League Gothic", sans-serif;
}
.cart-content {
display: flex;
gap: 40px;
width: 100%;
justify-content: center;
}
.cart-items {
display: flex;
flex-direction: column;
gap: 1.5rem;
width: 100%;
max-width: 652px;
}
.cart-items p {
display: flex;
justify-content: center;
font-size: 40px;
font-weight: 600;
font-family: "Oswald", sans-serif;
}
.cart-item {
display: flex;
background: #FFFFFFB2;
width: 100%;
max-width: 652px;
padding: 25px;
align-items: center;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
position: relative;
height: auto !important;
}
.promo .promo-code-box input {
max-height: 49px;
}
.item-image {
width: 226px;
height: 100%;
max-height: 300px;
object-fit: cover;
}
.item-details {
margin-left: 1rem;
flex: 1;
}
.item-details h2 {
font-size: 36px;
font-weight: 400;
font-family: "League Gothic", sans-serif;
}
.item-details .king-size {
font-size: 28px;
font-weight: 400;
font-family: "League Gothic", sans-serif;
margin-bottom: 10px;
}
.item-details .item-set {
font-size: 24px;
font-weight: 500;
color: #000204;
font-family: "Oswald", sans-serif;
margin-bottom: 20px;
}
.item-details .price-and-quantity {
width: 100%;
display: flex;
font-family: "Oswald", sans-serif;
}
.item-details .price-and-quantity .price {
display: flex;
flex-direction: column;
width: 30%;
gap: 12px;
}
.item-details .price-and-quantity .price h6 {
font-size: 20px;
font-weight: 400;
}
.item-details .price-and-quantity .price .amount {
font-size: 26px;
font-weight: 600;
}
.quantity-control .quantity-select {
width: 30px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
background-color: #FFFFFF;
border: none;
}
.quantity-control {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.quantity-control label {
font-size: 20px;
font-weight: 400;
}
.quantity-control .quantity-buttun-outer {
display: flex;
gap: 18px;
align-items: center;
background-color: #9999991A;
justify-content: space-between;
width: 148px;
padding: 7px;
border-radius: 5px;
}
.quantity-control .quantity-buttun-outer input {
width: 30px;
height: 30px;
border: none;
background-color: #F5F5F5;
padding: 0 7px;
}
.delete-btn {
border: none;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
height: 55px;
width: 55px;
position: absolute;
top: 0;
right: 0;
}
.delete-btn img {
transition: transform 0.3s ease;
}
.delete-btn img:hover {
transform: scale(1.2);
}
.cart-summary {
background: #FFFFFF;
width: 100%;
border: 1px solid #C1C5C9;
max-width: 464px;
position: sticky;
top: 5%;
height: 100%;
}
.cart-summary .summary-section {
width: 100%;
padding: 29px;
display: flex;
flex-direction: column;
text-align: center;
border-bottom: 1px solid #C1C5C9;
}
.cart-summary .order-payment-details {
width: 100%;
padding: 29px;
display: flex;
flex-direction: column;
}
.cart-summary .order-payment-details h4 {
font-size: 38px;
font-weight: 400;
font-family: "League Gothic", sans-serif;
}
.cart-summary .order-payment-details .summary-details {
padding-bottom: 10px;
border-bottom: 1px solid #C1C5C9;
}
.cart-summary .order-payment-details .summary-details p {
font-family: "Oswald", sans-serif;
font-size: 22px;
font-weight: 400;
}
.cart-summary h3 {
font-size: 45px;
font-weight: 400;
margin-bottom: 1rem;
font-family: "League Gothic", sans-serif;
margin-bottom: 20px;
margin-top: 10px;
}
.cart-summary .promo {
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
font-family: "Oswald", sans-serif;
}
.promo p {
font-size: 20px;
font-weight: 400;
}
.coupon-code-input {
flex: 1;
padding: 10px 15px;
border: 1px solid #C1C5C9;
border-right: none;
height: 49px;
}
.promo input::placeholder {
font-size: 18px;
font-weight: 500;
font-family: "Oswald", sans-serif;
color: #999999;
}
.promo .promo-code-box {
display: flex;
width: 100%;
height: 49px;
}
.promo .promo-code-box input {
border: 2px solid #000 !important;
border-right: 0 !important;
}
.promo .promo-code-box input::placeholder {
color: black;
}
.apply-btn {
background: black;
color: white;
border: none;
font-family: "Oswald", sans-serif;
cursor: pointer;
font-size: 20px;
line-height: 100%;
letter-spacing: 0%;
font-weight: 500;
width: 120px;
}
.apply-btn:hover {
background-color: #F200AF;
}
.summary-details p,
.total p {
display: flex;
justify-content: space-between;
margin: 0.5rem 0;
}
.cart-summary .order-payment-details .total p {
font-size: 26px;
font-weight: 500;
font-family: "Oswald", sans-serif;
}
.checkout-btn {
font-family: "Oswald", sans-serif;
width: 100%;
background: white;
border: 1px solid #D60620;
color: #D60620;
padding: 11.5px;
font-size: 24px;
font-weight: 600;
margin-top: 1rem;
border-radius: 10px;
cursor: pointer;
transition: all 0.3s ease;
box-shadow: 0px 5px 20px 0px #00000033;
}
.checkout-btn:hover {
background-color: #F200AF;
color: white;
border: none;
}
/* detail page css */
.detail-outer-con {
width: 100%;
padding: 0 100px;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
.trademark-container {
font-family: "Antonio", sans-serif;
font-weight: bold;
font-size: 50px;
color: #FF96D5;
position: relative;
display: inline-block;
text-shadow: 0px 5px 20px #F200AF4D;
text-transform: uppercase;
-webkit-text-stroke: 2px #D20098;
}
.space {
margin-left: 20px;
}
.tm {
font-size: 30px;
font-weight: 700;
position: absolute;
top: 7px;
left: 171px;
color: #FF96D5;
-webkit-text-stroke: 1.5px #D20098;
}
.warning-subtext {
font-size: 36px;
font-weight: 500;
text-transform: uppercase;
color: #999999B2;
-webkit-text-stroke: 1px #000000;
font-family: "Oswald", sans-serif;
letter-spacing: 1.7px;
line-height: 48px;
}
.detail-outer-con .bedgasm-heading-con {
width: 100%;
max-width: 1110px;
}
.detail-outer-con .desc-con,
.detail-outer-con .product-detail-con,
.detail-outer-con .pillowcase-con {
width: 100%;
max-width: 1110px;
display: flex;
justify-content: space-between;
gap: 30px;
margin: 30px 0;
}
.pillowcase-con .pillow-image-sec {
width: 100%;
max-width: 515px;
max-height: 344px;
position: relative;
}
.pillowcase-con .pillow-image-sec img {
width: 100%;
}
.pillowcase-con .pricing-box {
height: 100%;
width: 100%;
max-width: 508px;
max-height: 344px;
background-color: #FFFFFFB2;
box-shadow: 0px 0px 8px 0px #00000038;
padding: 20px 30px;
font-family: "Oswald", sans-serif;
}
.pillowcase-con .pricing-box .price-qunatity {
width: 100%;
display: flex;
padding: 10px 20px 20px;
border-bottom: 1px solid #C1C5C9;
}
.pricing-box .price-qunatity .amount-section {
width: 100%;
margin-top: 6px;
}
.price-qunatity .amount-section h6 {
font-size: 20px;
font-weight: 400;
}
.amount-section .amount-money {
font-size: 32px;
font-weight: 600;
color: #F200AF;
}
.desc-con .desc-img {
width: 100%;
max-width: 562px;
max-height: 597px;
}
.desc-img img {
width: 100%;
height: 597px;
}
.desc-con .desc-info {
width: 100%;
max-width: 508px;
max-height: 597px;
box-shadow: 0px 0px 8px 0px #00000038;
background-color: #FFFFFFB2;
padding: 60px 20px;
}
.desc-info h1 {
font-size: 60px;
font-weight: 400;
font-family: "League Gothic", sans-serif;
margin-bottom: 12px;
}
.desc-info h5 p {
font-family: "Oswald", sans-serif;
font-size: 26px;
font-weight: 500;
margin-bottom: 25px;
}
.desc-info p {
font-family: "Oswald", sans-serif;
font-size: 28px;
font-weight: 400;
}
.product-detail-con .product-details {
width: 100%;
max-width: 516px;
display: flex;
flex-direction: column;
}
.product-details .detail-table {
width: 100%;
box-shadow: 0px 0px 8px 0px #00000038;
background-color: #FFFFFFB2;
border-radius: 5px;
font-family: "Oswald", sans-serif;
}
.detail-table .detail-row {
width: 100%;
display: flex;
padding: 18px 15px;
border-bottom: 1px solid #C1C5C9;
}
.detail-table .detail-row h6 {
color: #000204;
width: 40%;
font-size: 24px;
font-weight: 500;
margin-bottom: 0;
}
.border-none {
border: 0 !important;
}
.detail-table .detail-row p {
font-size: 18px;
font-weight: 400;
margin-bottom: 0;
white-space: break-spaces;
}
.product-details h4 {
font-size: 50px;
font-weight: 400;
font-family: "League Gothic", sans-serif;
margin-top: -12px;
}
.product-details .product-describe {
font-size: 18px;
font-weight: 400;
font-family: "Oswald", sans-serif;
letter-spacing: 0;
line-height: 48px;
}
.product-detail-con .cover-photo {
width: 100%;
max-width: 508px;
max-height: 508px;
display: flex;
position: relative;
}
.vertical-text {
writing-mode: vertical-rl;
transform: rotate(0deg);
font-size: 24px;
font-weight: 500;
position: absolute;
right: -36px;
bottom: 0;
font-family: "Oswald", sans-serif;
transform-origin: right center;
}
.vertical-text-pillowcase {
writing-mode: vertical-rl;
transform: rotate(180deg);
font-size: 24px;
font-weight: 500;
position: absolute;
left: -70px;
bottom: 0;
font-family: "Oswald", sans-serif;
transform-origin: right center;
}
.size-purchase-sec h4 {
font-size: 20px;
font-weight: 400;
margin-bottom: 10px;
}
.relative {
position: relative;
}
.select-selected {
background-color: #F5F5F5;
color: #000204;
padding: 9px 16px;
font-size: 18px;
font-weight: 400;
border-radius: 5px;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
width: 183px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
word-break: keep-all;
}
.text-ellipsis {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.search-input:focus {
outline: none !important;
box-shadow:
-2px 0 0 0 #D60620,
2px 0 0 0 #D60620,
0 -2px 0 0 #D60620,
0 2px 0 0 #D60620 !important;
}
.wpcf7-form-control-wrap input:focus,
.wpcf7-form-control-wrap textarea:focus {
outline: none;
box-shadow:
-2px 0 0 0 #D60620,
2px 0 0 0 #D60620,
0 -2px 0 0 #D60620,
0 2px 0 0 #D60620;
}
.dropdown-icon {
margin-left: 8px;
width: 25px;
height: 23px;
transition: transform 0.3s ease;
}
.rotate-180 {
transform: rotate(180deg);
}
.select-items {
position: absolute;
left: 0;
right: 0;
width: 183px;
margin-top: 0.5rem;
background-color: #F5F5F5;
color: black;
box-shadow: 0px 5px 20px 0px #00000033;
font-size: 18px;
font-weight: 400;
border-radius: 5px;
z-index: 10;
max-height: 200px;
overflow-y: auto;
}
.select-items div {
padding: 8px 0 8px 24px;
cursor: pointer;
}
.select-items div:hover,
.select-items div.active {
background-color: #F200AF;
color: white;
}
.custom-scrollbar::-webkit-scrollbar {
width: 6px;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
background-color: #ccc;
border-radius: 10px;
}
.cover-photo img {
width: 100%;
}
.pricing-box .size-purchase-sec {
padding: 15px;
}
.size-select {
margin-bottom: 20px;
}
.size-select label {
display: block;
font-weight: 400;
font-size: 20px;
margin-bottom: 8px;
}
.size-select select {
width: 100%;
padding: 10px;
max-width: 183px;
height: 45px;
font-size: 16px;
border: none;
background: #f5f5f5;
border-radius: 6px;
appearance: none;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 16px;
}
.action-buttons {
display: flex;
gap: 14px;
margin-top: 25px;
width: 100%;
}
.add-to-cart,
.buy-now {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
padding: 14px;
font-weight: 600;
font-size: 24px;
border-radius: 10px;
cursor: pointer;
transition: all 0.3s ease;
width: 202px;
height: 59px;
max-width: 202px;
box-shadow: 0px 5px 20px 0px #00000033;
}
.add-to-cart {
background: white;
border: 1px solid #D60620;
color: #D60620;
}
.add-to-cart:hover {
background: #F200AF;
color: white;
border: none;
}
.buy-now {
background: #D60620;
color: white;
border: 1px solid #D60620;
}
.buy-now:hover {
background: #F200AF;
color: white;
border: none;
}
@media (max-width: 768px) {
.image-desc-con .open-tab {
display: none;
}
.is-medium .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title {
padding: 20px !important;
}
.is-medium.wc-block-components-sidebar-layout .wc-block-components-main {
padding: 20px !important;
}
.wp-block-woocommerce-checkout {
padding: 0 20px;
}
.text-center img {
width: 100%;
}
.bedgasm-outer-con img {
width: 100%;
}
.vertical-text-pillowcase {
left: -54px;
font-size: 20px;
}
.is-layout-flex {
flex-wrap: nowrap !important;
}
.vertical-text {
right: -26px;
font-size: 20px;
}
.quantity-control .quantity-buttun-outer {
height: 45px !important;
width: 144px !important;
}
.pillowcase-con .pricing-box .price-qunatity {
justify-content: space-between;
}
.add-to-cart,
.buy-now {
width: 100%;
max-width: 100%;
font-size: 20px;
}
.action-buttons {
flex-direction: column;
}
.product-details .product-describe {
font-size: 16px;
letter-spacing: 0;
}
.detail-table .detail-row p {
font-size: 16px;
white-space: break-spaces;
}
.detail-table .detail-row h6 {
font-size: 22px;
width: 50%;
}
.product-details h4 {
font-size: 40px;
margin-bottom: 20px;
}
.desc-info p {
font-size: 20px;
line-height: 28px;
margin-bottom: 0;
}
.desc-info h5,
.desc-info h5 p {
font-size: 22px;
}
.desc-info h5 p {
margin: 0;
}
.desc-info h1 {
font-size: 32px;
line-height: 30px;
margin-bottom: 10px;
}
.desc-con .desc-info {
padding: 60px 25px;
max-block-size: fit-content;
}
.warning-subtext {
font-size: 26px;
}
.detail-outer-con {
padding: 0 30px !important;
}
.detail-outer-con .desc-con,
.detail-outer-con .product-detail-con,
.detail-outer-con .pillowcase-con {
width: 100%;
flex-direction: column;
align-items: center;
}
.cart-content {
flex-direction: column;
padding: 0 15px;
align-items: center;
}
.cart-item {
height: 203px;
padding: 18px;
}
.item-image {
width: 148px;
height: 163px;
}
.item-details h2 {
font-size: 32px;
font-weight: 400;
margin-bottom: 5px;
}
.item-details .item-set {
font-size: 16px;
font-weight: 500;
margin-bottom: 5px;
}
.item-details .price-and-quantity .price h6 {
font-size: 20px;
font-weight: 400;
margin-bottom: 0px;
/*margin-top: 3px;*/
}
.quantity-control label,
.item-details .king-size {
font-size: 14px;
font-weight: 400;
}
.item-details .price-and-quantity .price .amount {
font-size: 16px;
margin-bottom: 0;
margin-top: 15px;
}
.cart-summary .summary-section,
.cart-summary .order-payment-details {
padding: 20px 29px;
}
.cart-summary .order-payment-details h4 {
font-size: 32px;
}
.cart-summary .order-payment-details .summary-details p {
font-size: 20px;
}
.cart-summary .order-payment-details .total p {
font-size: 22px;
font-weight: 600;
}
.item-details .quantity-control .quantity-select {
width: 24px;
height: 24px;
}
.item-details .quantity-control .quantity-select img {
height: 20px;
width: 20px;
}
.delete-btn {
width: 30px;
height: 30px;
}
.delete-btn img {
width: 24px;
height: 24px;
}
.item-details {
margin-left: 20px;
}
.promo {
flex-direction: column;
}
}
/* ========== Responsive Breakpoints ========== */
@media (max-width: 1023px) {
.pink-king .spacing-adjust {
flex-direction: column;
}
.contact-us-left {
width: 40%;
}
.contact-us-right {
width: 40%;
}
.is-medium .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content.is-open {
padding: 0 20px !important;
}
.is-mobile .wp-block-woocommerce-checkout-order-summary-block {
padding: 0 20px;
}
.wp-block-image img {
width: 100%;
}
.search-results-wrapper {
padding: 0 30px !important;
align-items: center !important;
}
.detail-outer-con {
padding: 0 20px;
}
.detail-outer-con .desc-con,
.detail-outer-con .product-detail-con,
.detail-outer-con .pillowcase-con {
width: 100%;
flex-direction: column;
align-items: center;
}
.detail-outer-con .product-detail-con {
flex-direction: column-reverse;
}
.contact-us-outer-con {
padding: 30px;
}
.contact-container {
flex-direction: column-reverse;
height: auto;
}
.contact-right {
width: 100%;
max-width: 100%;
padding: 80px 50px 40px;
}
.contact-left {
border-right: none;
border-bottom: 1px solid #e0e0e0;
width: 100%;
max-width: 100%;
}
.form-row {
flex-direction: column;
}
.form-row input {
flex: 1 1 100%;
}
.contact-left h1,
.contact-right h1 {
font-size: 45px;
}
.contact-info .email a {
font-size: 24px;
font-weight: 500;
}
}
/* Responsive grid behavior */
@media (max-width: 1023px) {
.image-desc-con .open-tab {
position: relative;
}
.hide-br {
display: none;
}
.woocommerce-order {
margin: 20px;
padding-top: 20px;
}
.detail-outer-con .pillowcase-con {
margin-top: 0 !important;
}
.grid-container {
grid-template-columns: repeat(2, 1fr);
padding: 0;
margin-bottom: 25px;
}
.grid-item {
width: auto;
max-width: 400px;
height: 450px;
}
}
@media (max-width: 767px) {
.promo-footer {
padding-top: 18px;
}
form {
gap: 17px;
}
.contact-left h1,
.contact-right h1 {
font-size: 36px;
margin-bottom: 20px;
}
.grid-item img {
height: calc(100% - 50px);
}
.label {
font-size: 22px;
font-weight: 400;
height: 50px;
}
.story-text .make-our-center {
flex-direction: column;
margin-bottom: 20px;
}
.detail-outer-con .pillowcase-con form {
width: 100%;
display: flex;
justify-content: center;
align-items: anchor-center;
}
.quantity-control .quantity-buttun-outer {
max-width: 110px;
display: flex;
align-items: center;
height: 32px;
width: 105px;
background-color: #9999991A;
padding: 0 5px;
gap: 20px;
}
.pillowcase-con .pricing-box {
max-height: 100% !important;
padding: 15px;
}
.grid-container {
grid-template-columns: repeat(2, 1fr);
justify-items: center;
padding: 20px;
gap: 15px;
}
.grid-item {
width: 100%;
max-width: 400px;
}
}
@media (min-width:1023px) and (max-width:1279px) {
.logo-container {
margin-bottom: 25px !important;
}
.grid-container {
padding: 15px !important;
}
.label {
font-size: 30px;
}
.detail-outer-con .bedgasm-heading-con {
margin-top: 30px;
}
.vertical-text-pillowcase {
bottom: 75px;
}
.detail-outer-con {
padding: 0 20px;
}
.img-col-con {
width: 48%;
}
.img-row {
column-gap: 20px;
}
.promo-footer .newsletter {
padding: 0 25px;
}
.contact-us-outer-con {
padding: 0 50px;
margin-top: 70px;
}
.contact-left {
width: auto;
}
.contact-container {
height: auto;
}
.footer-content {
padding: 40px 20px;
}
.align-footer-links {
gap: 30px;
}
.logo-container .bottom-set {
padding-bottom: 0;
}
.image-outer-container {
padding: 20px;
}
.circle-img {
width: 150px;
height: 150px;
}
.one-left {
position: absolute;
left: -12%;
top: -7%;
}
.one-right {
position: absolute;
top: -7%;
right: -12%;
}
.third-left {
position: absolute;
left: -12%;
bottom: -12%;
}
.third-right {
position: absolute;
right: -12%;
bottom: -12%;
}
.six-left {
position: absolute;
left: -12%;
bottom: -30%;
}
.six-right {
position: absolute;
right: -12%;
bottom: -30%;
}
.second-left {
position: absolute;
left: -12%;
bottom: -35%;
}
.second-right {
position: absolute;
right: -12%;
bottom: -35%;
}
.seven-left {
position: absolute;
left: -12%;
bottom: -31%;
}
.seven-right {
position: absolute;
right: -12%;
bottom: -31%;
}
.four-left {
position: absolute;
left: -4%;
top: 51%;
transform: translate(-50%, -50%);
}
.four-right {
position: absolute;
right: -24%;
top: 50%;
transform: translate(-50%, -50%);
}
.five-left {
position: absolute;
left: -12%;
top: -28%;
}
.five-right {
position: absolute;
right: -12%;
top: -28%;
}
/*.eight-left{*/
/* position: absolute;*/
/* left: -12%;*/
/*}*/
.second-row {
max-width: 680px !important;
}
.about-section-last-con {
margin-top: 150px;
}
}
@media (min-width:550px) and (max-width:767px) {
.close-btn-environment {
right: -4% !important;
}
.quantity-control .quantity-buttun-outer {
width: 144px !important;
max-width: 100%;
}
}
@media (min-width:767px) and (max-width:1023px) {
.blog-detail-outer,
.blogs-section {
padding: 30px;
}
.blog-detail-outer .upper-section .blog-desc-section,
.blog-detail-outer .below-section .blog-desc-section {
text-align: center;
width: 100%;
}
.blog-detail-outer .upper-section .blog-image-section img {
width: 100%;
height: auto;
}
.blog-detail-outer .upper-section {
flex-direction: column;
}
.promo-footer {
padding-top: 20px;
}
.whim-title-section {
gap: 0;
}
.whim-title {
line-height: 60px;
}
.about-section {
padding: 60px 100px 0;
}
.shazam-info div h1 {
line-height: 55px;
font-size: 55px;
}
.bedgasm-subtitle {
line-height: 50px;
font-size: 50px;
}
.image-container {
height: 370px;
}
.desc-con .desc-img {
max-width: 508px !important;
}
.pillowcase-con .pricing-box {
width: 508px !important;
max-height: 100% !important;
}
.product-details .detail-table {
margin-bottom: 10px !important;
}
.popup-content {
max-width: 700px !important;
}
/*.popup-inner-content p{*/
/* padding:0 133px !important;*/
/*}*/
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-formatted-money-amount {
font-size: 15px !important;
}
.text-center img {
width: 100%;
}
.bedgasm-outer-con img {
width: 100%;
}
.desc-con .desc-img img {
height: 597px !important;
}
.cart-content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.return-and-exchange {
padding: 30px;
}
.return-and-exchange .content {
text-align: center;
}
.our-story-con {
padding: 30px;
}
.image-outer-container {
padding: 20px;
}
.img-col-con {
width: 48%;
}
.img-row {
column-gap: 20px;
}
.newsletter p {
padding: 0 20px;
}
.bedgasm-text-overlay img {
height: 120px;
width: 300px;
}
.logo-container .bottom-set {
position: relative;
right: 0;
margin-top: -65px;
}
.hero-title {
line-height: 45px;
}
.search-bar-container {
justify-content: flex-end;
gap: 10px;
align-items: center;
position: relative;
width: 100%;
margin-top: 0;
}
.search-input-wrapper {
width: 100%;
height: 52px;
max-width: 292px;
}
.nav-btn-group {
width: 100%;
margin-top: 20px;
gap: 0;
display: flex;
justify-content: start;
}
.custom-nav-link {
font-size: 20px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
white-space: nowrap;
padding: 7.5px;
}
.footer-content {
display: flex;
flex-direction: column;
padding: 20px;
}
.footer-content .logo-area {
width: 100%;
}
.logo-area img {
width: 100%;
}
.footer-links {
width: 100%;
padding-left: 0;
display: flex;
margin-top: -35px;
justify-content: center;
align-items: center;
}
.footer-links .align-footer-links {
display: flex;
flex-direction: column;
gap: 0;
justify-content: center;
align-items: center;
}
.row-1 {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.footer-bottom {
padding: 20px;
text-align: center;
display: flex;
justify-content: center;
gap: 10px;
font-size: 24px;
}
.shazam-outer {
padding: 30px;
}
.circle-img {
width: 132px;
height: 132px;
}
.top-row {
margin-top: 45px;
}
.shazam-info {
top: 76%;
padding: 17px 15px;
}
.hide {
display: none;
}
.one-left {
left: -2%;
top: -13%;
}
.one-right {
right: -2%;
top: -13%;
}
.second-left {
bottom: -19%;
left: -2%;
}
.second-right {
bottom: -19%;
right: -2%;
}
.third-left {
left: -8%;
bottom: -11%;
}
.third-right {
right: -8%;
bottom: -11%;
}
.italic {
font-size: 26px;
font-weight: 500;
}
.four-left {
top: 103%;
left: 5%;
}
.four-right {
top: 103%;
right: -19%;
}
.five-left {
top: 87%;
left: -8%;
}
.five-right {
top: 87%;
right: -8%;
}
.our-story {
margin-top: 50px;
}
/* .seven-left{
top: ;
} */
.extra-img {
display: inline-block;
}
.extra-pos-left {
position: absolute;
left: -12%;
top: 45%;
}
.extra-pos-right {
position: absolute;
right: -15%;
top: 45%;
}
.extra-pos-left2 {
position: absolute;
top: -15%;
left: 0;
}
.extra-pos-right2 {
position: absolute;
right: 0;
top: -15%;
}
.six-left {
top: 88%;
left: -7%;
}
.six-right {
top: 88%;
right: -7%;
}
.seven-left {
bottom: -14%;
}
.seven-right {
bottom: -14%;
}
/* .seven-left{
top: ;
} */
.extra-img {
display: inline-block;
}
.extra-pos-left {
position: absolute;
left: -12%;
top: 45%;
}
.extra-pos-right {
position: absolute;
right: -15%;
top: 45%;
}
.extra-pos-left2 {
position: absolute;
top: -25%;
left: 0;
}
.extra-pos-right2 {
position: absolute;
right: 0;
top: -25%;
}
.eight-left {
position: absolute;
bottom: -12%;
left: 0;
}
.eight-right {
position: absolute;
bottom: -12%;
right: 0;
}
.second-row {
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.popup-content-environment {
max-height: 720px !important;
max-width: 700px !important;
}
}
/*@media (max-width:450px{*/
/* .tm {*/
/* right: 195px;*/
/*}*/
/*}*/
@media (max-width:425px) {
/* .tm {*/
/* right: 155px;*/
/*}*/
}
@media (max-width: 767px) {
.is-mobile.wc-block-components-sidebar-layout .wc-block-components-main {
padding: 20px 10px 10px !important;
overflow: hidden;
}
.blog-card .card-title{
font-size:28px;
line-height:30px;
}
.blog-card .card-excerpt{
font-size:22px;
line-height:28px;
}
.blog-detail-outer .below-section .blog-desc-section li{
text-align:left;
}
.grid-container a {
display: contents;
}
#why-promiscous-button {
max-width: 180px !important;
height: 59px;
padding: 0;
font-size: 20px;
}
.return-and-exchange,
.blog-detail-outer,
.blogs-section {
padding: 15px 20px;
}
.return-and-exchange .content {
text-align: center;
gap: 10px;
}
.return-and-exchange p,
.blog-detail-outer .upper-section .blog-desc-section,
.blog-detail-outer .below-section .blog-desc-section {
font-size: 22px;
font-weight: 500;
line-height: 28px;
margin-bottom: 8px;
}
.blog-detail-outer .upper-section .blog-desc-section,
.blog-detail-outer .below-section .blog-desc-section {
text-align: center;
width: 100%;
}
.blog-detail-outer .below-section .blog-desc-section {
margin-top: 0;
}
.blog-detail-outer .upper-section .blog-image-section img {
width: 100%;
height: auto;
}
.blog-detail-outer .upper-section {
flex-direction: column;
}
.return-and-exchange h3 {
font-size: 36px;
font-weight: 500;
}
.our-story-con {
padding: 20px;
}
.image-desc-con p {
width: 100%;
text-align: center;
font-size: 24px;
font-weight: 500;
}
.image-desc-con .open-tab {
float: none;
width: 100%;
margin-bottom: 20px;
/* display: none; */
}
.story-text blockquote {
font-size: 28px;
}
.story-text .story-gray-bg {
padding: 10px;
}
.story-text h2 {
font-size: 40px;
margin-bottom: 0;
}
.story-text .make-our-center p {
font-size: 28px;
/*font-weight: 400;*/
margin: 0 !important;
}
.open-mobile .icon-button {
width: 52px;
height: 52px;
}
.icon-button img {
height: 32px;
width: 32px;
}
.outer-container {
padding: 0 30px;
}
.search-input {
width: 100%;
padding: 10px 15px;
font-size: 16px;
}
.search-input:focus {
outline: none;
box-shadow:
-2px 0 0 0 #D60620,
2px 0 0 0 #D60620,
0 -2px 0 0 #D60620,
0 2px 0 0 #D60620;
}
.search-bar-container {
justify-content: flex-end;
gap: 10px;
align-items: center;
position: relative;
width: 100%;
margin-top: 0;
}
.logo-container .bottom-set {
position: absolute;
right: 30px;
bottom: 0;
padding-bottom: 30px;
width: auto;
}
.logo-container {
padding: 30px 15px 0;
}
.overlay-content {
padding: 0;
}
.top-img {
width: 100%;
height: auto;
position: relative;
}
.set-navbar {
width: 100%;
position: relative;
}
.logo-container .bottom-set {
display: flex;
align-items: flex-end;
flex-direction: column;
justify-content: flex-end;
padding-bottom: 15px;
position: relative;
right: auto;
bottom: auto;
margin-top: 15px;
width: 100%;
}
.search-input-wrapper {
width: 100%;
height: 52px;
max-width: 262px;
}
.search-input {
padding: 10px 40px 10px 15px;
height: 52px;
font-size: 16px;
}
.nav-btn-group {
width: 100%;
margin-top: 20px;
gap: 0;
display: flex;
justify-content: start;
}
.search-icon {
right: 15px;
height: 24px;
width: 24px;
}
.custom-nav-link {
font-size: 12px;
white-space: nowrap;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 7px 5px;
font-weight: 200;
}
.btn-about {
border: 1px solid;
}
.btn-whimsical {
border: 1px solid;
}
.btn-rebel {
border: 1px solid;
}
.btn-contact {
border: 1px solid;
}
.hero-heading {
font-size: 22px;
margin-top: 30px;
padding: 0 10px;
}
.why-promiscous-button {
max-width: 256px !important;
padding: 12px;
}
.popup-overlay {
padding: 0 30px;
}
.popup-content {
height: auto;
border: 5px solid #D60620;
}
.close-btn {
height: 44px;
width: 44px;
position: absolute;
top: -6%;
right: -6.5%;
}
.close-btn .cross-button {
width: 30px;
height: 30px;
}
.popup-inner-content {
padding: 15px 10px;
}
.popup-inner-content h2 {
font-size: 40px;
font-weight: 500;
margin-bottom: 10px;
}
.popup-inner-content p {
font-size: 18px;
font-weight: 600;
line-height: 1.3;
padding: 0 10px;
}
.WHIMSICALCOLLECTION {
font-size: 36px;
font-weight: 400;
line-height: 72px;
padding: 15px 0 0;
}
.WHIMSICALCOLLECTION-details {
font-size: 22px;
padding: 0 15px;
}
.beddingBrandText {
font-size: 30px;
}
.promiscuousText {
font-size: 30px;
}
.noLoyalityToConformity {
font-size: 36px;
}
.discount-text {
font-size: 50px;
}
.hero-title {
font-size: 56px;
font-weight: 400;
line-height: 72px;
}
.button-style {
padding: 12px 20px;
width: 100%;
max-width: 300px;
}
.contact-btn-grp a {
width: 256px;
}
.contact-btn-grp .button-style {
width: 100%;
max-width: 170px !important;
height: 54px;
font-size: 20px;
}
.button-black {
width: 100%;
max-width: 170px !important;
height: 54px;
font-size: 20px;
}
.shipping-bar {
font-size: 24px;
font-weight: 600;
display: flex;
justify-content: center;
align-items: center;
gap: 15px;
flex-direction: column;
}
.pink-king {
width: 100%;
}
.pink-king div {
max-width: 400px;
}
.shipping-bar img {
width: 32px;
height: 32px;
}
.bedgasm-outer-con {
width: 100%;
}
.whimsical-collection-section {
flex-direction: row;
height: 704px;
align-items: flex-start;
}
.second-header-images {
width: 100%;
}
.hide-small-screen {
display: none;
}
.image-overlay {
width: 100%;
padding: 0;
height: auto;
}
.image-overlay-outer {
width: 100%;
padding: 0;
bottom: 0;
}
.newsletter p {
padding: 0 8px;
font-size: 18px;
line-height: 26px;
}
.outer-newsletter {
padding: 0 20px;
}
.newsletter-form {
width: 100% !important;
}
.tnp-subscription input[type="email"] {
border: 1px solid black !important;
font-size: 20px !important;
font-weight: 500;
height: 65px;
}
.tnp-subscription input[type="email"]::placeholder {
color: black;
}
.footer-bottom-outer {
padding: 20px;
}
.footer-bottom {
text-align: center;
display: flex;
justify-content: center;
gap: 10px;
font-size: 15px;
line-height: 16px;
padding: 10px;
}
.footer-content {
display: flex;
flex-direction: column;
padding: 20px;
margin-top: 35px;
}
.footer-content .logo-area {
width: 100%;
}
.logo-area img {
width: 100%;
}
.footer-links {
width: 100%;
padding-left: 0;
display: flex;
justify-content: center;
align-items: center;
margin: 30px 0;
gap: 10px;
}
.footer-links .align-footer-links {
display: flex;
flex-direction: column;
gap: 0;
justify-content: center;
align-items: center;
}
.row-1 {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.row-1 p {
font-size: 30px;
font-weight: 500;
}
.contact-us-outer {
width: 100%;
height: 100%;
min-height: 340px;
}
.contact-btn-grp {
gap: 10px;
justify-content: center;
align-items: center;
}
.contact-us-con {
width: 100%;
height: 100%;
padding: 12px 20px 0;
background: none;
}
/*.img-row{*/
/* flex-direction: column;*/
/*}*/
.shazam-outer {
padding: 20px;
}
.shazam-info {
top: 110%;
}
.shazam-info div h1 {
font-size: 40px;
font-weight: 400;
line-height: 1.2;
}
.about-section {
padding: 40px 40px 0;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
margin-top: 200px;
}
.circle-img {
height: 100px;
width: 100px;
border: 4px solid #F200AF;
}
.about-box {
font-size: 24px;
font-weight: 400;
padding: 40px 35px;
}
.about-row {
max-width: 300px;
width: 100%;
}
.top-row {
margin-top: 50px;
}
.one-left {
left: -2%;
top: -8%;
}
.one-right {
right: -2%;
top: -8%;
}
.second-left {
bottom: -14%;
left: -2%;
}
.second-right {
bottom: -14%;
right: -2%;
}
.third-left {
left: -8%;
bottom: -6%;
}
.third-right {
right: -8%;
bottom: -6%;
}
.italic {
font-size: 26px;
font-weight: 500;
transform: none;
font-style: italic;
}
.four-left {
top: 103%;
left: 15%;
}
.four-right {
top: 103%;
right: -21%;
}
.five-left {
top: 93%;
left: -11%;
}
.five-right {
top: 93%;
right: -11%;
}
/* .seven-left{
top: ;
} */
.extra-img {
display: inline-block;
}
.extra-pos-left {
position: absolute;
left: -12%;
top: 45%;
}
.extra-pos-right {
position: absolute;
right: -15%;
top: 45%;
}
.extra-pos-left2 {
position: absolute;
top: -15%;
left: 0;
}
.extra-pos-right2 {
position: absolute;
right: 0;
top: -15%;
}
.six-left {
top: 95%;
left: -11%;
}
.six-right {
top: 95%;
right: -11%;
}
.seven-left {
bottom: -14%;
}
.seven-right {
bottom: -14%;
}
.eight-left {
position: absolute;
bottom: -12%;
left: 0;
}
.eight-right {
position: absolute;
bottom: -12%;
right: 0;
}
.second-row {
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.our-story {
margin-top: 70px;
}
.hide {
display: none;
}
.whim-title-section {
padding: 20px;
gap: 0;
/*margin-top:20px;*/
}
}
@media (max-width :1279px) {
.image-desc-con .open-tab {
/*position:relative;*/
width: auto;
height: 400px;
}
}
@media (min-width :1440px) {
.blog-card .card-title{
font-size:25px;
}
.our-story-con {
margin-top: -55px !important;
}
.return-and-exchange {
margin-top: -60px !important;
}
.hero-heading {
margin-top: -60px !important;
}
.whim-title-section,
.about-us-outer-con,
.detail-outer-con {
margin-top: -45px !important;
}
.cart-container {
margin-top: -55px !important;
}
}
@media (min-width :1279px) {
.contact-btn-grp {
margin-top: 35px !important;
}
.beddingBrandText {
margin-bottom: 0 !important;
line-height: 50px !important;
}
.noLoyalityToConformity {
margin: 15px 0 10px;
}
.logo-area img {
width: 534px;
}
.product-details .product-describe {
letter-spacing: 1.1px;
/*margin-top: 8px;*/
text-align: center;
}
/*.btn-home{*/
/* width:120px;*/
/*}*/
/*.btn-about{*/
/* width: 147px;*/
/*}*/
/*.btn-whimsical{*/
/* width: 205px;*/
/*}*/
/*.btn-rebel{*/
/* width: 153px;*/
/*}*/
/*.btn-contact{*/
/* width: 170px;*/
/*}*/
}
.popup-content-environment {
position: relative;
font-family: "League Gothic", sans-serif;
max-width: 880px;
width: 100%;
height: 100%;
max-height: 650px;
background-size: 100% 100%;
background-image: url("../images/back-popup.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
border: 8px solid #D60620;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
background-color: white;
}
.popup-content-environment .popup-inner-content-environment {
width: 100%;
height: 100%;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
border: 8px solid #F200AF;
}
.popup-inner-content-environment h2 {
font-size: 60px;
font-weight: 400;
}
.popup-inner-content-environment p {
padding: 0 30px;
font-size: 28px;
font-weight: 600;
line-height: 40px;
font-family: "Oswald", sans-serif;
}
.close-btn-environment {
position: absolute;
top: -4%;
right: -4%;
font-size: 28px;
background: #D60620;
color: white;
border: none;
border-radius: 50%;
width: 64px;
height: 64px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
}
.close-btn-environment .cross-button {
width: 48px;
height: 48px;
}
.popup-inner-content-environment a {
color: #2456FD;
text-decoration: underline;
}
@media (max-width:767px) {
.popup-content-environment {
height: auto;
max-height: fit-content;
border: 5px solid #D60620;
}
.popup-inner-content-environment {
padding: 15px 10px;
}
.popup-inner-content-environment h2 {
font-size: 40px;
font-weight: 500;
}
.popup-inner-content-environment p {
font-size: 20px;
font-weight: 500;
line-height: 1.3;
padding: 0 10px;
color: black;
}
.close-btn-environment {
height: 44px;
width: 44px;
position: absolute;
top: -3%;
right: -6.5%;
}
.close-btn-environment .cross-button {
width: 30px;
height: 30px;
}
}
/* checkout page css */
.wc-block-components-sidebar-layout .wc-block-components-main {
background-color: #F5F5F5;
padding: 40px;
border: 2px solid #C1C5C9;
}
.wc-block-components-form .wc-block-components-checkout-step {
margin: 0 !important;
}
.wc-block-components-title.wc-block-components-title {
font-size: 40px;
font-weight: 400;
font-family: "League Gothic", sans-serif;
}
.wc-block-components-checkout-step__heading-container {
margin: 16px 0;
}
.wc-block-components-checkout-step__description {
font-size: 26px;
font-weight: 400;
font-family: "Oswald", sans-serif;
}
.wc-block-components-form .wc-block-components-text-input input[type=email],
.wc-block-components-form .wc-block-components-text-input input[type=number],
.wc-block-components-form .wc-block-components-text-input input[type=password],
.wc-block-components-form .wc-block-components-text-input input[type=tel],
.wc-block-components-form .wc-block-components-text-input input[type=text],
.wc-block-components-form .wc-block-components-text-input input[type=url],
.wc-block-components-text-input input[type=email],
.wc-block-components-text-input input[type=number],
.wc-block-components-text-input input[type=password],
.wc-block-components-text-input input[type=tel],
.wc-block-components-text-input input[type=text],
.wc-block-components-text-input input[type=url] {
padding: 12px;
border: 1px solid #C1C5C9;
color: black;
font-size: 18px;
font-weight: 500;
width: 100%;
}
.wc-block-components-form .wc-block-checkout__order-notes.wc-block-components-checkout-step {
margin-bottom: 0 !important;
}
.wc-block-checkout__terms.wc-block-checkout__terms--with-separator {
padding-top: 20px !important;
}
.wc-block-components-button:not(.is-link):disabled .wc-block-components-button__text {
opacity: 1 !important;
}
.wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input {
flex: 3 1 60px !important;
}
.wc-block-components-button {
min-height: 45px !important;
}
.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button,
.wc-block-components-button {
color: white;
padding: 17.5px;
background: white;
border: 1px solid #D60620 !important;
color: #D60620;
border: none;
border-radius: 10px !important;
font-size: 24px;
font-weight: 600;
line-height: 100%;
cursor: pointer;
transition: all 0.3s ease;
box-shadow: 0px 5px 20px 0px #00000033;
}
.wc-block-components-button {
height: 50px !important;
padding: 0 !important;
}
.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button:hover,
.wc-block-components-button:hover {
background: #F200AF;
color: white;
border: 1px solid #F200AF !important;
}
.wp-block-woocommerce-checkout-order-summary-block {
background-color: #F5F5F5;
}
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title .wc-block-components-checkout-order-summary__title-text {
font-size: 30px;
}
.wc-block-components-sidebar {
margin-top: 0;
}
.wc-block-components-order-summary .wc-block-components-order-summary-item__image {
width: 50px;
}
.wc-block-components-order-summary .wc-block-components-order-summary-item__image>img {
width: 115px;
}
.wc-block-components-product-name {
font-size: 22px;
}
.wc-block-components-order-summary .wc-block-components-order-summary-item__individual-prices {
display: none;
}
.wc-block-components-product-badge {
font-size: 16px;
}
.wc-block-components-order-summary .wc-block-components-order-summary-item__description .wc-block-components-product-metadata,
.wc-block-components-order-summary .wc-block-components-order-summary-item__description p {
margin-top: 0;
font-size: 16px;
}
.wc-block-components-order-summary .wc-block-components-order-summary-item__total-price {
font-size: 25px;
}
.wp-block-woocommerce-checkout-order-summary-block {
border: 1px solid #C1C5C9;
border-radius: 0;
font-family: "Oswald", sans-serif;
}
.shipping-bar-text p {
margin-bottom: 0 !important
}
div.tnp-subscription {
max-width: 500px !important;
}
div.tnp-subscription form {
display: flex;
gap: 0;
flex-direction: row;
width: 100%;
}
.tnp-field label {
display: none !important;
}
.tnp-subscription div.tnp-field-email {
width: 100%;
}
.tnp-subscription div.tnp-field-button {
width: auto;
}
.tnp-field input[type="submit"] {
border: 1px solid black;
width: 130px !important;
height: 80px;
font-size: 20px !important;
font-weight: 500;
background-color: #000000 !important;
}
.disabled-button {
background-color: #cccccc !important;
color: #666666 !important;
cursor: not-allowed;
pointer-events: none;
border-color: #aaaaaa !important;
opacity: 0.8;
}
.add-to-cart-popup {
position: fixed;
top: 3%;
left: 50%;
transform: translateX(-50%);
z-index: 1000;
/* ensures it's above other elements */
background-color: #F200AF;
padding: 20px 30px;
border-radius: 5px;
color: white;
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
min-width: 300px;
max-width: 90%;
text-align: center;
font-size: 26px;
font-weight: 600;
font-family: "Oswald", sans-serif;
}
.search-results-wrapper {
width: 100%;
display: flex;
justify-content: center;
font-size: 40px;
font-weight: 600;
font-family: "Oswald", sans-serif;
flex-direction: column;
padding: 0 100px;
gap: 20px;
margin-top: 50px !important;
}
.search-results-wrapper h2 {
font-size: 48px;
font-weight: 500;
}
.search-results-wrapper a {
text-decoration: none !important;
}
.search-results-wrapper h3 {
color: #F200AF;
font-size: 40px !important;
font-weight: 500;
width: 100%;
display: flex;
margin-top: 20px;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type="number"] {
-moz-appearance: textfield;
}
.variation {
position: relative;
width: 183px;
height: 45px;
display: flex;
flex-direction: column;
justify-content: center;
}
.variation select {
cursor: pointer;
border: none;
appearance: none;
width: 100%;
height: 100%;
font-size: 18px;
font-weight: 400;
color: black;
padding: 0 30px 0 15px;
border-radius: 5px;
background-color: #F5F5F5;
}
select option {
cursor: pointer;
}
.select-icon {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
display: flex;
justify-content: center;
align-items: center;
pointer-events: none;
}
.select-icon img {
width: 23px;
height: 25px;
}
@media (max-width: 480px) {
.wc-block-components-totals-wrapper {
padding: 8px 0;
}
.is-mobile .wc-block-checkout__terms.wc-block-checkout__terms--with-separator {
margin-bottom: 10px;
}
.is-mobile .wc-block-components-form .wc-block-components-checkout-step {
padding-top: 10px !important;
}
.wc-block-components-express-payment-continue-rule {
margin: 0 !important;
}
.wc-block-components-checkbox {
margin-top: 0 !important;
}
.cart-summary .summary-section {
padding: 0 15px 15px !important;
}
.is-mobile.wc-block-components-sidebar-layout .wc-block-components-sidebar {
margin-bottom: 0 !important;
}
.is-mobile.wc-block-components-sidebar-layout .wc-block-components-main {
border-top: 0 !important;
}
.item-details .price-and-quantity {
flex-direction: column-reverse;
}
.item-details .price-and-quantity .price {
width: 100%;
flex-direction: row;
align-items: center;
}
.quantity-control {
width: 100%;
flex-direction: row;
}
.item-details .price-and-quantity .price .amount {
margin-top: 0;
font-size: 20px;
}
.quantity-control .quantity-buttun-outer {
height: 35px !important;
}
.story-text blockquote {
font-size: 28px;
}
.story-text blockquote br {
display: none;
}
.contact-left h1,
.contact-right h1 {
font-size: 28px;
margin-bottom: 12px;
}
.contact-us-outer-con {
padding: 20px 30px 0;
}
form,
.form-row {
gap: 12px;
}
.contact-right input {
height: 40px;
}
.about-box .font-500 .next-line {
display: block;
}
.footer-bottom {
gap: 5px;
padding: 7px;
}
.detail-outer-con .desc-con,
.detail-outer-con .product-detail-con,
.detail-outer-con .pillowcase-con {
gap: 15px;
}
.pillowcase-con .pricing-box .price-qunatity {
padding: 0 10px 10px;
}
.pricing-box .size-purchase-sec {
padding: 10px 10px 0;
}
.action-buttons {
flex-direction: row;
margin-top: 15px;
}
.add-to-cart,
.buy-now {
padding: 0;
font-size: 16px;
height: 48px;
}
.send-button {
font-size: 18px;
font-weight: 400;
height: 48px !important;
padding: 10px 0;
}
.item-details h2 {
width: 155px;
font-size: 28px;
margin-bottom: 0;
}
.item-details .king-size {
font-size: 25px;
margin-bottom: 0;
}
.one-left {
left: -2%;
top: -12%;
}
.one-right {
right: -2%;
top: -12%;
}
.second-left {
bottom: -26%;
}
.second-right {
bottom: -26%;
}
.third-left {
left: -4%;
bottom: -11%;
}
.third-right {
right: -4%;
bottom: -11%;
}
.four-left {
top: 103%;
left: 12%;
}
.four-right {
top: 105%;
right: -20%;
}
.five-left {
top: 86%;
left: -4%;
}
.five-right {
top: 86%;
right: -4%;
}
.six-left {
top: 84%;
left: -3%;
}
.six-right {
top: 84%;
right: -3%;
}
.about-row {
max-width: 350px;
}
.about-box {
padding: 40px 20px;
}
.arrow {
display: none;
}
.grid-item img {
height: calc(100% - 30px);
}
.label {
font-size: 18px;
font-weight: 400;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
padding-left: 0;
}
.grid-item {
height: 240px;
}
.detail-outer-con .desc-con,
.detail-outer-con .product-detail-con,
.detail-outer-con .pillowcase-con {
margin: 8px 0;
}
.make-small {
font-size: 18px !important;
line-height: 18px;
}
.about-section {
margin-top: 0;
padding-top: 20px;
}
.shazam-info {
top: 75%;
padding: 10px 0;
}
.shazam-info div h1 {
font-size: 28px;
line-height: 30px;
}
.popup-inner-content p {
font-size: 18px;
}
.contact-btn-grp a {
width: 150px;
}
.logo-container {
padding-top: 7px;
}
.image-outer-container {
padding: 15px 5px !important;
}
.img-col-con {
width: 50%;
}
.img-row {
row-gap: 5px;
}
.image-container {
height: 175px;
}
.contact-us-con {
padding-bottom: 20px;
}
.add-to-cart-popup {
font-size: 20px;
padding: 10px 15px;
}
.popup-inner-content-environment p {
margin-bottom: 5px;
padding: 0 0 5px;
line-height: 24px;
}
.whim-title-section {
padding: 5px 20px;
}
.grid-container {
padding: 0 20px;
margin-bottom: 0;
}
.social-icons {
margin-bottom: 0;
margin-top:20px;
}
.outer-newsletter{
margin:20px 0;
}
.discount-text {
font-size: 36px;
margin-bottom: 5px;
line-height: 40px;
}
.contact-btn-grp .button-style,
.button-black {
font-size: 16px;
max-width: 132px !important;
height: 48px;
font-weight: 500;
padding: 12px 0;
}
.WHIMSICALCOLLECTION-details {
line-height: 28px !important;
}
.WHIMSICALCOLLECTION {
line-height: 40px !important;
}
.whimsical-collection-section {
height: 501px !important;
}
.shipping-bar img {
height: 24px !important;
width: 24px !important;
}
#why-promiscous-button {
max-width: 180px !important;
height: 48px !important;
padding: 0;
font-size: 16px !important;
}
.nav-btn-group {
margin-top: 15px;
}
.logo-container .bottom-set {
margin-top: -55px !important;
padding-bottom: 5px;
}
.search-icon {
right: 4px !important;
height: 21px !important;
width: 18px !important;
}
.search-input-wrapper {
height: 32px !important;
max-width: 180px !important;
}
.search-input {
height: 32px !important;
padding: 5px 35px 7px 7px;
}
.icon-button img {
height: 20px !important;
width: 18px !important;
margin-top: 0;
}
.icon-button div {
height: 11px;
width: 10px;
font-size: 6px;
right: 10%;
top: 3px;
}
.icon-button a {
display: flex;
}
.icon-button {
height: 32px;
width: 32px;
}
.second-header-images {
height: 230px;
}
#why-promiscous-button {
margin-top: -20px;
}
.hero-heading {
margin: 15px 0 0 !important;
}
.image-desc-con p,
.about-box,
.italic {
font-size: 22px !important;
line-height: 28px;
}
.story-text blockquote {
font-size: 22px !important;
line-height: 23px;
margin: 0;
max-width: 310px;
}
.story-text {
margin-bottom: 10px;
}
.our-story-con {
padding-bottom: 0;
}
.story-text h2 {
font-size: 36px !important;
margin-bottom: 0;
line-height: 35px;
}
.story-text .make-our-center p {
font-size: 16px !important;
font-weight: 400;
margin: 0 !important;
line-height: 20px;
}
.story-text .make-our-center {
margin-bottom: 10px;
}
.whim-title {
font-size: 36px;
margin-bottom: 0;
line-height: 50px;
}
.whim-content {
font-size: 22px;
line-height: 28px;
font-weight: 500;
}
.whimsical-collection-section .button-style {
max-width: 150px !important;
font-size: 16px;
}
.footer-bottom-outer {
padding: 0 !important;
}
.tnp-subscription input[type="email"] {
height: 48px !important;
}
.contact-us-left {
width: 50%;
left: -6%;
top: -6%;
opacity: 0.2;
}
.contact-us-right {
width: 37%;
}
.detail-table .detail-row {
padding: 8px 0 8px 6px !important;
}
.space {
margin-left: 18px !important;
}
.image-desc-con .open-tab {
height: 450px !important;
width: 100% !important;
}
.warning-subtext {
font-size: 20px !important;
line-height: 24px !important;
letter-spacing: 0;
margin-bottom: 5px;
}
.tm {
left: 111px;
top: 4px;
font-size: 22px;
}
/*.pink-king div{*/
/* max-width: 210px !important;*/
/*}*/
.our-story {
font-size: 20px;
width: 170px;
height: 54px;
padding: 10px 0;
}
.btn-home {
border: 0.5px solid !important;
border-right-color: white;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.btn-about {
border: 0.5px solid !important;
border-right-color: white;
}
.btn-whimsical {
border: 0.5px solid !important;
border-right-color: white;
}
.btn-rebel {
border: 0.5px solid !important;
border-right-color: white;
}
.btn-contact {
border: 0.5px solid !important;
border-right-color: white;
}
.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button {
font-size: 20px !important;
padding: 10px 0 !important;
}
.search-results-wrapper a {
font-size: 24px !important;
}
.search-results-wrapper h2 {
font-size: 30px !important;
}
.search-results-wrapper h3 {
font-size: 24px !important;
}
.woocommerce ul.order_details {
padding-left: 10px;
display: flex;
width: 100%;
flex-direction: column;
gap: 10px;
}
.woocommerce ul.order_details li {
border-right: 0;
padding-right: 0;
}
.woocommerce table.shop_table tfoot th,
.woocommerce table.shop_table th,
.woocommerce table.shop_table tfoot td,
.woocommerce ul.order_details li,
.woocommerce ul.order_details li strong {
font-size: 18px;
}
.woocommerce .woocommerce-customer-details address {
font-size: 18px;
}
.woocommerce-order {
padding: 0 15px;
}
.woocommerce-order p {
font-size: 24px;
}
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email {
font-size: 18px;
}
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone {
font-size: 18px !important;
}
.woocommerce .woocommerce-order-details h2,
.woocommerce-column__title {
font-size: 24px;
}
.main-top-pink-bar {
font-size: 18px !important;
}
.padding-10 {
padding-top: 0 !important;
}
.cart-content {
gap: 10px;
}
.cart-items p {
font-size: 22px;
}
.apply-btn {
font-size: 20px;
}
.checkout-btn {
font-size: 20px;
}
.cart-summary h3 {
font-size: 36px;
}
.cart-title {
font-size: 36px;
margin-bottom: 10px;
}
/*.detail-outer-con .desc-con, .detail-outer-con .product-detail-con, .detail-outer-con .pillowcase-con{*/
/* gap:15px;*/
/*}*/
.quantity-control label {
font-size: 20px;
}
.product-details .detail-table {
margin-bottom: 0;
}
.desc-con .desc-info {
padding: 15px 25px;
}
.product-details .product-describe {
font-size: 13px;
margin-bottom: 0;
line-height: 30px;
word-spacing: 0.5px;
}
.vertical-text-pillowcase {
font-size: 13px;
left: -35px;
}
.vertical-text {
font-size: 13px;
right: -16px;
}
.product-details h4 {
font-size: 36px;
margin-bottom: 10px;
}
.shipping-bar {
font-size: 18px !important;
font-weight: 500 !important;
padding: 2px 15px;
letter-spacing: 0;
}
.contact-btn-grp {
margin-top: 30px !important;
}
.footer-links {
margin: -25px 0 10px !important;
gap: 0;
}
.contact-details-con p {
margin-bottom: 0 !important;
line-height: 40px !important;
font-size: 21px;
}
.promiscuousText {
font-size: 24px !important;
}
.shipping-bar {
gap: 5px !important;
}
.footer-heading {
font-size: 36px !important;
margin-bottom: 0;
}
.row-1 p {
font-size: 22px !important;
line-height: 32px;
}
.footer-content {
margin-top: 0 !important;
}
.social-icons img {
width: 44px !important;
height: 44px !important;
}
.tnp-field input[type="submit"] {
max-width: 100px !important;
padding: 10px 0 !important;
height: 48px !important;
font-size: 18px !important;
}
/*.hero-heading{*/
/* padding:0 55px !important;*/
/* }*/
.hero-title {
font-size: 28px !important;
line-height: 32px !important;
margin-bottom: 5px;
}
.quantity-control .quantity-buttun-outer {
gap: 0 !important;
}
.search-results-wrapper img {
width: 100%;
}
.second-header-images img {
object-fit: cover;
}
.trademark-container {
font-size: 32px !important;
}
/*.tm{*/
/* right: 50%;*/
/*}*/
.contact-left,
.contact-right {
padding: 12px 20px;
}
h2 {
font-size: 20px;
}
.contact-info .icon {
font-size: 20px;
padding: 8px;
}
button {
font-size: 14px;
padding: 12px;
}
div.tnp-subscription {
margin: 0 !important;
}
}
@media (max-width:400px) {
.about-box {
padding: 40px 14px;
}
.grid-container {
gap: 13px;
padding: 0 13px;
}
.grid-item img {
height: calc(100% - 30px);
}
.label {
font-size: 18px;
font-weight: 400;
height: 30px;
}
.grid-item {
height: 210px;
}
.shazam-info {
top: 76%;
padding: 6px 0;
}
.shazam-info div h1 {
font-size: 26px;
line-height: 28px;
}
.popup-inner-content p {
font-size: 15px !important;
}
/*.contact-btn-grp .button-style{*/
/* margin-left:16px;*/
/*}*/
.contact-us-con {
padding: 12px 0;
}
.whimsical-collection-section {
height: 490px !important;
}
.second-header-images {
height: 220px;
}
.contact-details-con p {
font-size: 20px;
line-height: 35px !important;
}
.contact-details-con {
padding: 10px;
}
.hero-title {
font-size: 24px !important;
line-height: 28px !important;
}
.detail-table .detail-row h6 {
font-size: 20px;
width: 49%;
}
.detail-table .detail-row p {
font-size: 14px !important;
white-space: break-spaces;
}
.tm {
left: 97px;
top: 4px;
font-size: 16px;
}
.space {
margin-left: 13px !important;
}
.trademark-container {
font-size: 28px !important;
}
.logo-container {
padding: 7px 10px 0 !important;
}
.tnp-field input[type="submit"] {
max-width: 110px !important;
}
.cart-item {
padding: 10px !important;
}
/*.item-details h2{*/
/* width:80% !important;*/
/*}*/
.wp-block-woocommerce-checkout-order-summary-block .wc-block-components-formatted-money-amount {
font-size: 15px !important;
}
.is-mobile .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title {
padding: 10px !important;
}
.cart-summary .summary-section,
.cart-summary .order-payment-details {
padding: 20px 15px;
}
.noLoyalityToConformity {
font-size: 35px;
}
.quantity-control {
gap: 2px;
/*margin-left: 6px;*/
align-items: center;
}
.quantity-control .quantity-buttun-outer {
gap: 12px;
width: 100px !important;
margin-top: 5px;
}
.item-details {
margin-left: 10px;
}
.contact-us-outer {
min-height: 310px !important;
}
.tnp-field input[type="submit"] {
font-size: 18px;
padding: 11px 8px !important;
}
.tnp-subscription input[type="email"] {
padding: 10px !important;
}
.promiscuousText {
font-size: 24px !important;
}
}
@media (max-width:362px) {
.product-details .product-describe {
font-size: 12px;
}
.whimsical-collection-section {
height: 518px !important;
}
}
.image-wrapper {
position: relative;
width: 20px;
height: 20px;
}
.checkout-order-summary-block-fill-wrapper {
display: none !important;
}
.image-wrapper img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
}
.image-wrapper img.hover {
opacity: 0;
}
.image-wrapper:hover img.hover {
opacity: 1;
}
.image-wrapper:hover img.default {
opacity: 0;
}
.order_item .product-name .wc-item-meta {
padding-left: 0;
}
.woocommerce td.product-name .wc-item-meta .wc-item-meta-label,
.woocommerce td.product-name .wc-item-meta p {
font-size: 18px;
}
.order_item .product-name a {
font-size: 22px;
}
.order_item .product-total .amount bdi {
font-size: 20px;
}
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone {
font-size: 24px;
margin-bottom: 0px
}
.thinking-behind {
background: #ffffffb2;
box-shadow: 0px 0px 8px 0px #00000038;
padding:30px;
width: 100%;
margin: 20px auto;
max-width:1110px;
}
.thinking-behind h3 {
font-family: "Oswald", sans-serif;
font-size: 30px;
font-weight: 600;
display: inline-block;
transform: skewX(-5deg);
margin-bottom:30px;
}
.thinking-behind h4 {
font-family: "League Gothic", sans-serif;
font-size: 50px;
font-weight: 500;
margin-bottom:15px;
}
.thinking-behind h5 {
font-family: "Oswald", sans-serif;
font-size: 28px;
font-weight: 600;
margin-bottom:40px;
}
.thinking-behind p {
font-family: "Oswald", sans-serif;
font-size: 28px;
font-weight: 400;
line-height: 40px;
margin-bottom:12px;
}
.thinking-behind .full-piece{
font-family: "Oswald", sans-serif;
font-size: 24px;
font-weight: 400;
text-decoration: none;
color:#D60620;
display: flex;
align-items: center;
gap: 10px;
}
.thinking-behind .full-piece:hover{
text-decoration:underline
}
@media (max-width: 600px) {
.thinking-behind {
padding: 20px;
}
.thinking-behind h3 ,.thinking-behind h4 {
font-size: 23px;
margin-bottom:26px;
}
.thinking-behind p {
font-size: 20px;
line-height: 28px;
}
.thinking-behind h5{
font-size: 21px;
line-height: 28px;
margin-bottom:20px;
}
.thinking-behind .full-piece{
font-size: 16px;
}
}