/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
/*
||||||||||||||||||||||||||||||||||||||||
||||||||||||||||||||||||||||||||||||||||
COLOR PALETTE DEC 5 2024
||||||||||||||||||||||||||||||||||||||||
||||||||||||||||||||||||||||||||||||||||
A: Green
177-6 C
57c 40m 52y 0k
#747c6f
rgb(116,124,111)
B: Yellow
10-3 C
0c 11m 42y 0k
#ffd990
rgb(255,217,144)
C: Muted Purple
173-2 C
35c 30m 24y 0k
#9f979d
rgb(159,151,157)
D: Light Olive
169-8 C
43c 36m 41y 0k
#8f8980
rgb(143,137,128)
E: Pale Yellow
1-9 C
0c 0m 6y 1k
#fdfaeb
rgb(253,250,235)
F: Soft Warm Gray
169-1 C
8c 7m 8y 0k
#e4dfdc
rgb(228,223,220)
G: Mid Warm Gray
169-3 C
19c 16m 19y 0k
#c4bdb6
rgb(196,189,182)
H: Warm Black
169-13 C
43c 36m 41y 60k
#45433f
rgb(69,67,63)
COLLECTIONS
Anti-Aging:
93-6 C
54c 72m 0y 0k
#a35bc0 rgb(163,91,192)
Specialty:
73-5 C
0c 62m 7y 0k
#ec80a9 rgb(236,128,169)
Firming:
154-8 C
62c 0m 100y 0k
#6bc048 rgb(107,192,72)
Hydrating:
106-7 C
86c 45m 0y 0k
#318dde rgb(49,141,222)
Restoring:
69-4 C
0c 73m 24y 15k
#d85b72 rgb(216,91,114)
Brightening:
40-5 C
54c 72m 0y 0k
#ff9d6c rgb(255,157,108)
Revitalizing:
118-6 C
75c 0m 11y 0k
#00badc rgb(0,186,220)
Defense:
10-8 C
0c 27m 100y 0k
#ffb718 rgb(255,183,25)
Primary Color: #e2a6b0 / #88666e -> #c86c79 / #71343c
Secondary Color: #9f979d / #6f696e
Success Color: #94b480
Alert Color: #e96565
Type Colors
Base Color: #222
Headline Color: #000
Links
Link Colors: #c86c79
Link Hover: #71343c
||||||||||||||||||||||||||||||||||||||||
||||||||||||||||||||||||||||||||||||||||
*/
/*
Primary Color: #ba3a5c / old #E0A1B2 /old #E05C7F -> #d9b4c5
Secondary Color: #444 -> #545a70
Success Color: #7a9c59 -> #ced37f
Alert Color: #b20000 - > #D9B4C5
Type Colors
Base Color: #444 -> #231f20
Headline Color: #111 -> 231f20
Links
Link Colors: #E05C7F -> #8c2336
Link Hover: #111 -> #000
/*
anti-aging: #a35bc0 rgb(163,91,192)
brightening: #ff9d6c rgb(255,157,108)
defense: #ffb718 rgb(255,183,25)
firming: #6bc048 rgb(107,192,72)
hydrating: #318dde rgb(49,141,222)
restoring: #d85b72 rgb(216,91,114)
revitalizing: #00badc rgb(0,186,220)
specialty: #ec80a9 rgb(236,128,169)
*/
/* New Palete as of 4-3-24 //color.adobe.com/berry%20cream-color-theme-1242176 */
/* Color Theme Swatches in Hex
.berry-cream-1-hex { color: #8C2336; }
.berry-cream-2-hex { color: #F2DCE4; }
.berry-cream-3-hex { color: #D9B4C5; }
.berry-cream-4-hex { color: #545A70; }
.berry-cream-5-hex { color: #F2F2F2; }
.cherry-blossom-remix-4-hex { color: #CED37F; }
Color Theme Swatches in RGBA
.berry-cream-1-rgba { color: rgba(140, 35, 54, 1); }
.berry-cream-2-rgba { color: rgba(242, 219, 228, 1); }
.berry-cream-3-rgba { color: rgba(216, 179, 196, 1); }
.berry-cream-4-rgba { color: rgba(84, 89, 112, 1); }
.berry-cream-5-rgba { color: rgba(242, 242, 242, 1); }
Color Theme Swatches in HSLA
.berry-cream-1-hsla { color: hsla(349, 60, 34, 1); }
.berry-cream-2-hsla { color: hsla(338, 45, 90, 1); }
.berry-cream-3-hsla { color: hsla(332, 32, 77, 1); }
.berry-cream-4-hsla { color: hsla(227, 14, 38, 1); }
.berry-cream-5-hsla { color: hsla(0, 0, 94, 1); }
*/
/* Optional Palete */
/* Color Theme Swatches in Hex
.cherry-blossom-remix-1-hex { color: #C7B0BA; }
.cherry-blossom-remix-2-hex { color: #F2D2D7; }
.cherry-blossom-remix-3-hex { color: #FFEFEF; }
.cherry-blossom-remix-4-hex { color: #CED37F; }
.cherry-blossom-remix-5-hex { color: #4B1E19; }
Color Theme Swatches in RGBA
.cherry-blossom-remix-1-rgba { color: rgba(198, 175, 185, 1); }
.cherry-blossom-remix-2-rgba { color: rgba(242, 209, 214, 1); }
.cherry-blossom-remix-3-rgba { color: rgba(255, 239, 239, 1); }
.cherry-blossom-remix-4-rgba { color: rgba(205, 211, 126, 1); }
.cherry-blossom-remix-5-rgba { color: rgba(75, 29, 24, 1); }
Color Theme Swatches in HSLA
.cherry-blossom-remix-1-hsla { color: hsla(334, 16, 73, 1); }
.cherry-blossom-remix-2-hsla { color: hsla(350, 55, 88, 1); }
.cherry-blossom-remix-3-hsla { color: hsla(0, 100, 96, 1); }
.cherry-blossom-remix-4-hsla { color: hsla(63, 48, 66, 1); }
.cherry-blossom-remix-5-hsla { color: hsla(5, 50, 19, 1); }
*/
/* WP 6.1 quick fix for broken image gallery block - //core.trac.wordpress.org/ticket/56970 */
.is-layout-flex {
display: flex;
flex-wrap: wrap;
gap: 10px 10px;
}
/*
************************************
css customization for complianz.io - NOTE 3/24/24 used a custom MU Plugin to configure and override
***********************************
*/
/*************** Override a few plugin styles ***************/
.text-pink { color: #ba3a5c; }
.text-light-pink { color: #E0A1B2; }
.text-dark-pink { color: #E05C7F; }
.text-white { color: #fff; }
.text-mid { color: #ccc; }
.text-dark { color: #111; }
.text-gray { text-shadow: 0px 0px 9px rgba(0, 0, 0, .75); }
.text-warm-brown {color: rgb(196,189,182); }
.text-warm-black { color: rgb(69,67,63) !important; text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8) !important; }
.text-warm-black1, .text-warm-black2 { color: rgb(69,67,63) !important; }
.fa-3 { font-size: 3em; color: #444; }
.fa-4 { font-size: 7em; }
.big { font-size: 130%; }
.bigger { font-size: 160%; }
.biggest { font-size: 210%; line-height: 1.2em; font-weight: 300; }
.bigHead { font-size: 240%; line-height: 1.2em; font-weight: 300; }
.uberBig { font-size: 300%; line-height: 1.2em; font-weight: 300; }
.x-smallish { font-size: 85% !important; }
.xx-smallish { font-size: 75% !important; }
.xxx-smallish { font-size: 65% !important; }
.xxxx-smallish { font-size: 55% !important; }
.lead, .lead2, .intro { font-size: 130%; line-height: 1.8em; font-weight: 300; }
.lead2 { font-size: 160%; }
.text-bold {font-weight: bold; }
.super-bold { font-weight: 900 !important; }
/* css formatting for search function via function file */
#search-form-alt,
#search-form-alt input[type="text"] {
/*width: 110px; */
display: inline-block;
width: auto;
vertical-align: middle;
border-radius: 9px !important; /* future proofing */
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
-khtml-border-radius: 9px; /* for old Konqueror browsers */
}
.swp-input--search { }
hr.mention { border: 1px solid rgba(0, 0, 0, 0.99); border-width: 1px 0 0; margin-top: 36px !important; margin-right: 0 !important; marging-bottom: 35px !important; marging-left: 0 !important; height: 0; clear: both; border-color: red !important; }
/* SMALL */
@media screen and (max-width: 549px) {
#search-form-alt,
#search-form-alt input[type="text"] { width: 100%; }
}
@media only screen and (max-width : 320px) {
}
/* fix shop by cateogry font weight */
#row-2104411376 .box-text-middle,
.header-title { font-weight: bold !important; }
/* hide page excerpt showing by default - very strange */
.page-header-excerpt { display: none; visibility: hidden; }
div.meta-alert { border: solid 1px #ccc; background-color: #f4f4f4; padding: 0 6px; }
div.meta-alert2 { border: solid 1px #ccc; background-color: #f4f4f4; padding: 12px; margin-bottom: 12px; }
div.meta-alert3 { border: solid 1px #ccc; background-color: #f4f4f4; padding: 2em 1em 1em 1em; margin: 2.5em 0; border-radius: 9px !important; /* future proofing */
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
-khtml-border-radius: 9px; /* for old Konqueror browsers */
clear: both;
}
div.meta-alert4 { border: solid 1px #ccc; background-color: #f4f4f4; padding: 2em 1em 1em 1em; margin: 2.5em 0; border-radius: 9px !important; /* future proofing */
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
-khtml-border-radius: 9px; /* for old Konqueror browsers */
clear: both;
}
.show-date { font-size: 80%; line-height: 1.1em; }
/*******************************************************/
/* BLOG PAGEs */
/*******************************************************/
.badge-inner { background-color: #8C2336; } /* add contract for ADA Compliance */
.product-in-blog { margin: 1.5em 0; padding: 40px 20px 20px 20px; background-color: #e4dfdc; }
.product-in-blog h2.wp-block-post-title { margin-top: 12px; }
.product-in-blog input[type=number] { background-color: #fff; }
.klaviyo-form-Y3P6ET,
.klaviyo-form-RdqGY9 { margin-top: 36px; margin-right: 60px; margin-bottom: 48px; margin-left: 60px; }
/* Small screens 640px */
@media only screen and (max-width: 40em) {
.klaviyo-form-Y3P6ET,
.klaviyo-form-RdqGY9 { margin-top: 36px; margin-right: 0; margin-bottom: 48px; margin-left: 0; }
}
/* fix a new issue with yarpp plugin adding to video block */
.video.video-fit.mb.vid-fix2 .yarpp {
display: none !important;
height: 0 !important;
visibility: hidden !important;
}
.blog_product_block { border: solid 1px #ddd; background: #f4f4f4; padding: 30px 20px 10px 20px; margin: 18px 0px 36px 0px; }
.blog_product_block h2 { text-align: center; font-size: 24px !important; }
.blog_product_block h5 { text-align: center; font-size: 14px !important; }
/*******************************************************/
/*******************************************************/
/*******************************************************/
/* FOOTER STUFF */
/*******************************************************/
/*******************************************************/
/*******************************************************/
#footer-top-border { background: #000 url("/wp-content/uploads/2017/05/colored-rule.gif") repeat-x center center; height: 4px; }
/* 4-7-2024 custom footer menu stuff */
#footer-menu-container {
/*display: flex;
flex-flow: row wrap;
width: 100%;*/
}
.sliderToggle {
display: block;
cursor: pointer;
font-weight: 700;
}
.sliderToggle:hover { color: #8c2336; }
.sliderDiv {
display: block;
min-width: 60%;
max-width: 100%;
position: relative;
}
/* SMALL */
@media screen and (max-width: 549px) {
.sliderToggle { display: block; font-size: 110%; }
.sliderToggle:after {
font: var(--fa-font-solid);
content: ' \f0fe';
}
/*.sliderDiv { display: none; }*/
}
/*
//CSSTerm.com Simple CSS menu
//menu_simple used in teams .css plugin file
*/
.menu_simple2 ul {
margin: 0;
padding: 0;
/*width:185px;*/
list-style-type: none;
}
.menu_simple2 ul li { padding: 0; margin: 0; }
.menu_simple2 ul li a {
font-size: 70%;
line-height: 1.2em;
text-decoration: none;
color: #231f20;
padding: .2em 0;
margin: 0;
/*background-color: #ffffff;*/
display:block;
/*border-bottom: solid 1px rgba(0, 0, 0, 0.1);*/
}
.menu_simple2 ul li a:visited {
color: #444;
}
.menu_simple2 ul li a:hover, .menu_simple2 ul li .current {
color: #000;
/*padding-left: .6em;*/
/*background-color: rgba(0, 0, 0, 0.04);*/
}
/* SMALL */
@media screen and (max-width: 549px) {
.menu_simple2 ul li a { font-size: 100%; }
}
/*
li.f-about a,
li.f-results a,
li.f-new a,
li.f-extended a,
li.f-terms a {color: green !important; }
*/
/*
#footer .footer-1 { padding-top: 4%; padding-bottom: 2%; }
#footer .footer-1 { background: #555 url("/wp-content/uploads/2017/05/flower-icon-footer.png") no-repeat right bottom; background-size: contain; }
.footer-widgets .widget-title { color: #E0A1B2; }
.footer-widgets h3.widget-title { color: #111; font-size: 120%; }
.footer-widgets h3.widget-title.alt { margin-top: 8% !important; margin-bottom: 0 !important; }
.footer-widgets .is-divider { display: none; color: #999; }
.footer-widgets a:link, .footer-widgets a:visited { color: #999; }
.footer-widgets a:hover, .footer-widgets a:active { color: #111; }
.widget>ul>li+li { border-top-color: #777; }
*/
/* fix campaignmonitor form widget
.footer-widgets .cmApp_signupContainer { margin: 0 0 0 -2px; padding: 0; width: 98%; }
.footer-widgets .cmApp_fieldWrap { margin: 0; padding: 0; width: 100%; }
.footer-widgets .cmApp_formSubmitButton { margin: 0; padding: 0; border: none;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border-radius: 9px;
-khtml-border-radius: 9px;
font-family: "Fira Sans", sans-serif;
}
.footer-widgets .cmApp_signupContainer #cmApp_signupForm > div { padding: 0; }
*/
.copyright-footer { text-align: center; padding-left: 0; margin-left: 0; }
/*
.footer-link a { color: white !important; }
.footer-link a:hover { color: #E05C7F !important; }
*/
.absolute-footer { padding-bottom: 4%; }
/* menu qdjustments
anti-aging: #a35bc0 rgb(163,91,192)
brightening: #ff9d6c rgb(255,157,108)
defense: #ffb718 rgb(255,183,25)
firming: #6bc048 rgb(107,192,72)
hydrating: #318dde rgb(49,141,222)
restoring: #d85b72 rgb(216,91,114)
revitalizing: #00badc rgb(0,186,220)
specialty: #ec80a9 rgb(236,128,169)
*/
ul.nav ul li.categories-menu ul li.anti-aging-menu a { border-left: solid 2px #a35bc0; padding-left: 3px; }
ul.nav ul li.categories-menu ul li.brightening-menu a { border-left: solid 2px #ff9d6c; padding-left: 3px;}
ul.nav ul li.categories-menu ul li.defense-menu a { border-left: solid 2px #ffb718; padding-left: 3px;}
ul.nav ul li.categories-menu ul li.firming-menu a { border-left: solid 2px #6bc048; padding-left: 3px;}
ul.nav ul li.categories-menu ul li.hydrating-menu a { border-left: solid 2px #318dde; padding-left: 3px;}
ul.nav ul li.categories-menu ul li.restoring-menu a { border-left: solid 2px #d85b72; padding-left: 3px;}
ul.nav ul li.categories-menu ul li.revitalizing-menu a { border-left: solid 2px #00badc; padding-left: 3px;}
ul.nav ul li.categories-menu ul li.specialty-menu a { border-left: solid 2px #ec80a9; padding-left: 3px;}
ul.nav ul li.categories-menu ul li.bundle-menu a { border-left: solid 2px #b2b2b2; padding-left: 3px;}
#menu-item-438 a { } /* anti-aging */
#menu-item-439 a { } /* brighteing */
#menu-item-440 a { } /* defense */
#menu-item-442 a { } /* firming */
#menu-item-441 a { } /* hydrating */
#menu-item-443 a { } /* restoring */
#menu-item-444 a { } /* revitalizing */
#menu-item-445 a { } /* specialty */
#recent-posts-10 { padding-right: 45px !important; }
#recent-posts-11 { padding-right: 45px !important; }
/* SMALL */
@media screen and (max-width: 549px) {
ul.nav ul li.categories-menu ul li.anti-aging-menu a { background: #a35bc0; padding-left: 0; color: #fff; }
ul.nav ul li.categories-menu ul li.brightening-menu a { background: #ff9d6c; padding-left: 0; color: #fff; }
ul.nav ul li.categories-menu ul li.defense-menu a { background: #ffb718; padding-left: 0; color: #fff; }
ul.nav ul li.categories-menu ul li.firming-menu a { background: #6bc048; padding-left: 0; color: #fff; }
ul.nav ul li.categories-menu ul li.hydrating-menu a { background: #318dde; padding-left: 0; color: #fff; }
ul.nav ul li.categories-menu ul li.restoring-menu a { background: #d85b72; padding-left: 0; color: #fff; }
ul.nav ul li.categories-menu ul li.revitalizing-menu a { background: #00badc; padding-left: 0; color: #fff; }
ul.nav ul li.categories-menu ul li.specialty-menu a { background: #ec80a9; padding-left: 0; color: #fff; }
ul.nav ul li.categories-menu ul li.bundle-menu a { background: #b2b2b2; padding-left: 0; color: #fff; }
/* hide footer elements on mobile */
#recent-posts-10, #recent-posts-11 { display: none; }
#custom_html-3 { display: none; }
#custom_html-4 { } /* 8-22-23 show social icons on mobile */
}
/* SOCIAL BRAND ICONS USED IN FOOTER */
.social-logos-container {
display: flex;
flex-wrap: wrap; /* Allows icons to wrap on smaller screens */
margin-left: -10px;
/*
justify-content: center;
gap: 15px;
padding: 20px;
*/
}
.social-logos {
width: 12%; /* Adjust width as needed */
max-width: 100px; /* Ensures they don’t get too large */
}
/* override flatsome banner background color */
.banner { background-color: #ccc !important; }
.header-wrapper:not(.stuck) .header-main .header-nav .free-shipping { right: 0; margin-top: 34px; margin-right: 5%; }
figure.shadowit, div.shadowit { box-shadow: 3px 3px 5px 5px rgba(102, 102, 102, 0.31); }
img.shadowit {
filter: brightness(120%);
filter: contrast(120%);
filter: drop-shadow(10px 10px 10px gray);
}
/* ***************************************** */
/* ***************************************** */
/* ***************************************** */
/* TEAMS
--------------------------------------- */
/* //stackoverflow.com/questions/7273927/image-greyscale-with-css-re-color-on-mouse-over */
.nvt-grid-image-not img {
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}
.nvt-grid-image-not img:hover {
filter: none;
-webkit-filter: grayscale(0%);
}
.nvt-grid-social li { margin-left: .1em !important; margin-right: .1em !important; }
.nvt-grid-image a {
height: 300px !important;
position:relative;
overflow:hidden;
border: solid 2px #fff;
box-shadow: 4px 4px 9px rgba(153, 153, 153, 0.3), -1px -1px 3px rgba(153, 153, 153, 0.3);; }
.nvt-grid-image a img {
/* -webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
*/
}
.nvt-grid-image a img {
min-width:100%;
min-height:100%;
height:auto;
position:relative;
top:50%;
left:50%;
transform:translateY(-50%) translateX(-50%);
}
/* SMALL */
@media screen and (max-width: 549px) {
ul.nvt-grid li div.nvr-grid-image a { height: auto; }
ul.nvt-grid li div.nvr-grid-image a img {
min-width:100%;
min-height:100%;
height:auto;
position:relative;
top:50%;
left:50%;
transform:translateY(-50%) translateX(-50%);
}
}
.glossary-menu22 {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}
.glossary-menu22 li { font-size: .8em; display: block; float: left; min-width: 1em; margin-right: .5glossem; }
.glossary-menu22 li a { display: inline-block; }
/* glossary category menu overrides */
ul#menu-glossary-menu, ul#menu-glossary-menu1 { display: flex; flex-direction: row; flex-wrap: wrap; list-style-image: none; padding:0; margin: 0; }
ul#menu-glossary-menu li, ul#menu-glossary-menu1 li {
font-size: .8em; line-height: 1em; display: inline-block; margin: .5em .6em .5em .2em; padding: .5em .6em .5em .2em; border-right: 1px solid rgba(0,0,0,0.1);
}
ul#menu-glossary-menu li:last-child, ul#menu-glossary-menu1 li:last-child {border-right: 0px none rgba(0,0,0,0.0);}
ul#menu-glossary-menu li > a::after, ul#menu-glossary-menu1 li > a::after {}
ul#menu-glossary-menu > li > a, ul#menu-glossary-menu1 > li > a { display: inline-flex; }
/* Small screens 640px */
@media only screen and (max-width: 40em) {
/* glossary category menu overrides */
ul#menu-glossary-menu,
ul#menu-glossary-menu1 { display: flex; flex-direction: row; flex-wrap: wrap; list-style-image: none; padding-bottom: 2em;}
ul#menu-glossary-menu li,
ul#menu-glossary-menu1 li { font-size: .8em; line-height: 1em; display: inline-block; margin: .5em .6em .5em .2em; padding: .5em .6em .5em .2em; border-right: 1px solid rgba(0,0,0,0.1); }
ul#menu-glossary-menu li:last-child,
ul#menu-glossary-menu1 li:last-child {border-right: 0px none rgba(0,0,0,0.0);}
ul#menu-glossary-menu li > a::after { }
ul#menu-glossary-menu > li > a,
ul#menu-glossary-menu1 > li > a { display: inline-flex; }
}
/* ***************************************** */
/* ***************************************** */
/* ***************************************** */
/* RELEASES
--------------------------------------- */
.nvp-listing-excerpt { margin-bottom: 36px; }
/*.nvp-listing-hr { border: solid #777; border-width: 1px 0 0; clear: both; margin: 36px 0 35px; height: 0; opacity: 1.0; }*/
.x-more-link { /* see people */ }
/* ***************************************** */
/* ***************************************** */
/* ***************************************** */
/* STORES
--------------------------------------- */
#wpsl-result-list { border: solid 1px #ccc; padding: 1%; }
#wpsl-stores ul li { background: #fbfbfb; float: left; height: 300px; width: 23% !important; margin: 0 1% 2% 0 !important; }
/* #wpsl-stores ul li:nth-child(5n) {clear: both; } */
#wpsl-stores ul li div.wpsl-store-location,
#wpsl-stores ul li div.wpsl-direction-wrap { padding: 0 1em; }
.single-wpsl_stores .entry-meta { display: none !important; }
.single-wpsl_stores .entry-author { display: none !important; }
table.wpsl-opening-hours { display: none !important; }
/* SMALL */
@media screen and (max-width: 549px) {
#wpsl-stores ul li { background: #fbfbfb; float: none; height: 300px; width: 100% !important; margin: 0 0 2% 0 !important; }
}
/* ***************************************** */
/* ***************************************** */
/* ***************************************** */
/* TESTIMONIALS / REVIEWS
--------------------------------------- */
#all-reviews { float: left; width: 100%; }
#all-reviews .ar-reviews { float: left; width: 100%; list-style: none; margin-left: auto; margin-right: auto; }
#all-reviews .ar-reviews li{border-bottom: 1px solid #e2e0e0; margin-top: 1.5em; float: left; width: 100%; padding-bottom: 25px;}
#all-reviews .ar-reviews li .ar-product-title{margin-bottom: 15px;}
#all-reviews .ar-reviews li .ar-product-title h2{margin: 0;}
#all-reviews .ar-reviews li .ar-product-title h2 a{box-shadow: none;}
#all-reviews .ar-reviews li .ar-product-details{width: 20%; float: left;}
#all-reviews .ar-reviews li .ar-product-details a{float: left; margin-right: 3%;}
#all-reviews .ar-reviews li .ar-product-details a img{width: 100%;}
#all-reviews .ar-reviews li .ar-product-details p{float: left; width: 50%; margin: 5px 0; font-size: 14px;}
#all-reviews .ar-reviews li .ar-review-details{width: 80%; float: left; padding: 0px 1% 5px 2%;}
#all-reviews .ar-reviews li .ar-review-details .ar-review-date{width: auto; float: left; font-weight: bold;}
#all-reviews .ar-reviews li .ar-review-details .ar-review-content{float: left; width: 100%; margin-top: 10px;}
#all-reviews .ar-reviews li .ar-review-details .ar-review-content .quote{position: relative; display: inline-block; font-size: 120%; }
#all-reviews .ar-reviews li .ar-review-details .ar-review-content .quote:before{content: url("/wp-content/themes/flatsome-child/images/before.png"); position: absolute; top: -9px; left: -10px;}
#all-reviews .ar-reviews li .ar-review-details .ar-review-content .quote:after{content: url("/wp-content/themes/flatsome-child/images/after.png"); position: absolute; bottom: 8px;}
#all-reviews .ar-reviews li .ar-review-details .ar-review-content .ar-review-author{ width: 100%; text-align: right;}
#all-reviews .ar-reviews li .ar-review-details .ar-img-info{ width: 100%; text-align: left; border-bottom: 1px solid #f1efef; padding-bottom: 15px; margin-bottom: 10px; font-size: 14px;}
#all-reviews .ar-reviews li .ar-review-details .ar-img-info{ display: none; }
#all-reviews .ar-reviews-not-found{width: 100%; float: left; margin-top: 1em; font-size: 20px; font-weight: bold;}
.ar-review-rating{margin: 10px 0 0 0;background: url("/wp-content/themes/flatsome-child/images/star_rating.png") 0 0 repeat-x;width: 75px; height: 15px; font-size: 0; line-height: 0; text-indent: -999em; overflow: hidden; display: inline-block; float: right !important;}
.ar-review-rating .rating-1{width: 20%; background: url("/wp-content/themes/flatsome-child/images/star_rating.png") 0 100% repeat-x; float: left; height: 15px;}
.ar-review-rating .rating-2{width: 40%; background: url("/wp-content/themes/flatsome-child/images/star_rating.png") 0 100% repeat-x; float: left; height: 15px;}
.ar-review-rating .rating-3{width: 60%; background: url("/wp-content/themes/flatsome-child/images/star_rating.png") 0 100% repeat-x; float: left; height: 15px;}
.ar-review-rating .rating-4{width: 80%; background: url("/wp-content/themes/flatsome-child/images/star_rating.png") 0 100% repeat-x; float: left; height: 15px;}
.ar-review-rating .rating-5{width: 100%; background: url("/wp-content/themes/flatsome-child/images/star_rating.png") 0 100% repeat-x; float: left; height: 15px;}
/*
@media screen and (min-width: 0px) and (max-width: 767px){
#all-reviews .ar-reviews li .ar-product-details{width: 100%;}
#all-reviews .ar-reviews li .ar-review-details{width: 100%; margin-top: 10px;}
#all-reviews .ar-reviews li .ar-product-details p{width: 100%;}
}
@media screen and (min-width: 0px) and (max-width: 1180px){
#all-reviews .ar-filter-form .ar-form-control{width: 100%; margin-bottom: 10px;}
#all-reviews .ar-filter-form .ar-form-control label{float: left; width: 125px;}
#all-reviews .ar-form-control input[type="submit"]{margin-top: 5px;}
}
*/
#all-reviews .ar-filter-form { display: none; }
/* fix page numbers */
#all-reviews ul.page-numbers {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
margin: 0;
padding: 0;
}
#all-reviews ul.page-numbers { list-style: none; margin-left: auto; margin-right: auto; }
#all-reviews ul.page-numbers li { /* float: left; */ display: inline-block; margin: 0 .2em; }
#all-reviews ul.page-numbers li a,
#all-reviews ul.page-numbers li span {
/* font-size: 1.1em; */
font-size: 85%;
display: block;
height: 2.25em;
line-height: 2em;
text-align: center;
width: 2.25em;
font-weight: bolder;
border-radius: 99px;
/* border: 2px solid currentColor; */
color: rgb(119, 119, 119);
border: 2px solid rgb(119, 119, 119);
transition: all .3s;
vertical-align: top
}
#all-reviews ul.page-numbers>li {
font-size: 1.2em;
vertical-align: middle;
top: -1px
}
#all-reviews ul.page-numbers li span.page-numbers,
#all-reviews ul.page-numbers li span.page-numbers:hover,
#all-reviews ul.page-numbers li span.page-numbers.current:hover,
#all-reviews ul.page-numbers li a.page-numbers:hover {
border-color: rgb(224, 161, 178); /* #446084; */
background-color: rgb(224, 161, 178);
color: #FFF
}
#all-reviews ul.page-numbers li a.prev { }
#all-reviews ul.page-numbers li a.next { }
/* ***************************************** */
/* ***************************************** */
/* ***************************************** */
/* MEMBERS & DOWNLOADS
--------------------------------------- */
.sdm_download_item { width: 23%; height: 350px; margin-right: 1.8%; float: left; background: #f8f8f8; }
.sdm_download_item .sdm_download_item_top { height: auto; }
.sdm_download_item .sdm_download_item_top .sdm_download_thumbnail {
position: relative; display: block;
width: 100%; height: 200px !important;
overflow: hidden;
background: #fff;
box-shadow: 0px 0px 1px 0px #e1e1e1;
}
.sdm_download_item .sdm_download_item_top .sdm_download_thumbnail img {
display: block; width: 100% !important; height: auto !important;
margin: auto;
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
}
.sdm_download_item .sdm_download_item_top .sdm_download_title { font-size: 1em; line-height: 1.1em; font-weight: normal; display: block; clear: both; margin: .25em 0 0 0; }
.sdm_download_item .sdm_download_description { display: none; }
.sdm_download_item .sdm_download_button { display: block; margin-top: .5em; }
.sdm_download_item .sdm_download_item_count { float: none; display: block; margin-left: 0; margin-top: .5em; padding-left: 0; border-left: none; border-bottom: none; border-right: none; }
/* SMALL */
@media screen and (max-width: 549px) {
.sdm_download_item { width: 100%; height: auto; margin-right: 0; float: none; background: #f8f8f8; }
.sdm_download_item .sdm_download_item_top .sdm_download_thumbnail {
width: 100%; height: auto !important;
overflow: hidden;
background: #fff;
box-shadow: 0px 0px 1px 0px #e1e1e1;
}
.sdm_download_item .sdm_download_item_top .sdm_download_thumbnail img {
display: block; width: 100% !important; height: auto !important;
margin: auto;
position: relative;
top: inherit; left: inherit; bottom: inherit; right: inherit;
}
}
/* ***************************************** */
/* ***************************************** */
/* ***************************************** */
/* ACF STUFF
--------------------------------------- */
.related-acf-products { width: 100%; }
.related-acf-products ul { list-style: none; margin: 0; padding: 0; }
.related-acf-products ul li { overflow: hidden; }
.related-acf-products ul.acf-col-2 li { float: left; width: 48%; margin-right: 2%; height: 300px; }
.related-acf-products ul.acf-col-3 li { float: left; width: 33%; margin-right: 2%; height: 300px; }
.related-acf-products ul.acf-col-4 li { float: left; width: 23%; margin-right: 2%; height: 300px; }
.related-acf-products ul.acf-col-5 li { float: left; width: 18%; margin-right: 2%; height: 300px; }
.related-acf-products ul.acf-col-6 li { float: left; width: 14.5%; margin-right: 2%; height: 300px; }
.related-acf-products ul li p { line-height: 1.1em; }
/* SMALL */
@media screen and (max-width: 549px) {
.related-acf-products ul li { overflow: visible; padding-top: 24px; }
.related-acf-products ul.acf-col-2 li,
.related-acf-products ul.acf-col-3 li,
.related-acf-products ul.acf-col-4 li,
.related-acf-products ul.acf-col-5 li,
.related-acf-products ul.acf-col-6 li { float: none; width: 108%; margin-right: 0%; height: auto; }
}
/* ***************************************** */
/* ***************************************** */
/* ***************************************** */
/* INGREDIENTS
--------------------------------------- */
/*.nvi-listing-hr { border: solid #777; border-width: 1px 0 0; clear: both; margin: 36px 0 35px; height: 0; opacity: 1.0; }*/
#um-nav { text-align: center; }
#um-nav ul.page-numbers { list-style: none; margin-left: auto; margin-right: auto; }
#um-nav ul.page-numbers li { /* float: left; */ display: inline-block; margin: 0 .2em; }
#um-nav ul.page-numbers li a,
#um-nav ul.page-numbers li span {
/* font-size: 1.1em; */
font-size: 85%;
display: block;
height: 2.25em;
line-height: 2em;
text-align: center;
width: 2.25em;
font-weight: bolder;
border-radius: 99px;
/* border: 2px solid currentColor; */
color: rgb(119, 119, 119);
border: 2px solid rgb(119, 119, 119);
transition: all .3s;
vertical-align: top
}
#um-nav ul.page-numbers>li {
font-size: 1.2em;
vertical-align: middle;
top: -1px
}
#um-nav ul.page-numbers li span.page-numbers,
#um-nav ul.page-numbers li span.page-numbers:hover,
#um-nav ul.page-numbers li span.page-numbers.current:hover,
#um-nav ul.page-numbers li a.page-numbers:hover {
border-color: rgb(224, 161, 178); /* #446084; */
background-color: rgb(224, 161, 178);
color: #FFF
}
/* ***************************************** */
/* ***************************************** */
/* ***************************************** */
/* EVENTS
--------------------------------------- */
/* MOVED TO FOOTER STYLES */
.banner-layers h1, .banner-layers h2, .banner-layers h3, .banner-layers h4, .banner-layers h5, .banner-layers h6 { /* color: #111; */ }
.banner-layers p, .banner-layers p.lead { /* color: #111; */ }
/* ***************************************** */
/* ***************************************** */
/* ***************************************** */
/* WOOCOMMERCE
--------------------------------------- */
/* BUNDLES - custom product layout - bundles */
.bundle-content .product-page-price { font-size: 1.5em !important; line-height: 1em; }
.bundle-content .product-page-price { margin-bottom: .5em !important; margin-top: 1em; margin-block-end: .5em !important; }
.product-short-description ul li { margin-bottom: 0; padding-bottom: 0; }
.product-info { }
.bundled_product_summary { flex-basis: 240px !important; flex-grow: 0 !important; margin: 0 !important; padding: 0 !important; border-bottom: none !important; }
.bundled_product_images { }
.bundled_product_summary > .details { margin: 0 !important; padding: 0 0 0 10px !important; }
.bundled_product_excerpt { display: none; visibility: hidden; }
.bundled_item_cart_details { display: none; visibility: hidden; }
/* hide bundled product attributes - also hid the attribute tab via function */
.bundled_product_attributes_title { /* display: none; visibility: hidden; */ }
.bundled_product_attributes_title + .woocommerce-product-attributes { /* display: none; visibility: hidden; */ }
.bundle_data { order: -3; }
.special-bundle-offer { flex:inherit; order: -1; margin-top: 2em; border-bottom: solid 1px #e4dfdc; }
.bundle-right .col-inner { padding: 0 !important; }
.bundle-panel {
background-color: #e4dfdc;
border: solid 1px #c4bdb6;
padding: 30px 30px 10px 30px;
border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
}
/* SMALL */
@media screen and (max-width: 549px) {
.bundled_product_summary { flex-grow: 1 !important; }
.bundled_product_images { float: left; width: 75px !important; }
.bundled_product_summary > .details { float: left; width: 250px !important; }
}
p.first-payment-date::after { clear: both; }
div.product_meta::before { clear: both; }
div.product_meta, .product_meta { margin-top: 1em; padding-top: 1em; }
div.woocommerce-terms-and-conditions-wrapper label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox {
padding: 4px;
background-color: #fff;
box-shadow: 0px 0px 24px 5px rgba(245,0,208,1);
/* animation: pulsate 2s ease-out infinite; */
/* //stackoverflow.com/questions/43206423/css3-tranisition-box-shadow-pulse */
/*box-shadow: 0 0 20px rgba(255, 251, 0, 0.5); */
}
/*
@-webkit-keyframes pulsate {
0% { box-shadow: 0 0 0 0 rgba(245,0,208,1); }
50% { box-shadow: 0px 0px 24px 5px rgba(245,0,208,1); }
100% { box-shadow: 0 0 0 0 rgba(245,0,208,1); }
}
*/
.yikes-custom-woo-tab-title { display: none; }
@media screen and (min-width: 849px) {
th.woocommerce-product-attributes-item__label { width: 30%; max-width: 6em; padding-left: .6em ; padding-right: .6em ; background-color: #f8f8f8; /*white-space: nowrap; */}
}
/* Amazon Pay Fixes */
.form-row.create-account::before { clear: left; }
#amazon_consent_widget::after { clear: both; }
/* TOTAL SALES FIX */
#donationBox { background: #f4f4f4; border: solid 1px #ccc; padding: 3% 5%; margin: 5% auto; text-align: center; width: 70%; }
#donationBox span.items-sold-texts { font-size: 150%; }
/* SMALL */
@media screen and (max-width: 549px) {
#donationBox { width: 100%; }
div.cross-sells {display: none; height: 0; }
}
/* **********************************************************************
4-9-2024 deal with top-category banner content on shop pages
********************************************************************** */
/* categories */
.top-category h1 { font-size: 220%; color: #fff !important; text-shadow: rgba(0, 0, 0, .6) 1px 1px 3px; }
.top-category h3 { font-size: 130%; line-height: 1.4em;}
.top-category p { font-size: 110%; line-height: 2em; }
/* collections */
.top-collection h1 { color: #fff !important; text-shadow: rgba(0, 0, 0, .6) 1px 1px 3px; }
.top-collection p { font-size: 120%; }
/* SMALL */
@media screen and (max-width: 549px) {
.top-category h1 { font-size: 280%; color: #fff !important;}
.top-category h3 { font-size: 140%; line-height: 1.3em; }
.top-category p { font-size: 110%; line-height: 1.6em; }
}
.oosBox { background: #f4f4f4; border: solid 1px #ccc; padding: 3% 5%; margin: 5% 0; width: 80%; }
.wcwl_elements { background: #f4f4f4; border: solid 1px #ccc; padding: 3% 5%; margin: 5% 0; width: 80%; }
/* SMALL */
@media screen and (max-width: 549px) {
.oosBox { width: 100%; }
.wcwl_elements { witdh: 100%; }
}
/* add background to zoom modal to fix pngs */
.pswp__zoom-wrap { }
.pswp__img { background-color: #f2f2f2; }
.box-image { }
.box-image div a { }
.box-image div a img { }
.image-cover { padding-top: 300px !important; }
div.product-category div.image-cover { padding-top: 140px !important; }
/* MEDIUM */
@media screen and (max-width: 849px) {
.image-cover { padding-top: 300px !important; }
div.product-category div.image-cover { padding-top: 140px !important; }
}
.woocommerce .woocommerce-message:before { color: #fff; }
.woocommerce .woocommerce-message {
background-color: #e96565 !important;
border: none !important;
text-align: center;
margin-bottom: 6px !important;
/*
margin-left: 8.5% !important;
margin-right: 8.5% !important;
*/
color: #fff;
padding: 1em;
}
.woocommerce .woocommerce-message h5 { color: #fff; font-size: 130%; font-weight: bold; line-height: 1.1em; margin: 0 0 .3em 0; padding: 0; }
.woocommerce .woocommerce-message h6 { color: #fff; font-weight: bold; line-height: 1.1em; margin: 0; padding: 0;}
.woocommerce .woocommerce-message h6 strong { color: #111; }
#myalert { background-color: #6bc048 !important; }
.success-color { color: #111 !important; }
/* FREE GIFT OVERRIDES */
.woocommerce-info { color: #b20000; }
.woocommerce-info span.fg_msg { display: inline-block; width: 100% !important; padding: 12px; text-align: center; color: #b20000; }
.woocommerce-info span.fg_msg .woocommerce-Price-amount amount,
.woocommerce-info span.fg_msg .woocommerce-Price-amount amount .woocommerce-Price-currencySymbol { color: #b20000; }
/* gift with purchase overrides
table.shop_table,
table.shop_table_responsive { border-color: black !important; border-width: thick !important; border-style: solid !important; }
*/
img.product-icon { box-sizing: border-box; /* float: left; margin-right: 2%; margin-left: -2px; */
/*
width: 50px !important;
margin-right: 10px;
*/
border: none;
}
img.product-icon:hover { transform: scale(1.4); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */}
.icon-wrap { display: flex; flex-wrap: wrap; padding-bottom: 24px; }
a.gray-icon { width: 45px; margin-right: 12px; }
/* disabled on 12-6-24 */
a.gray-icon img.product-icon {
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: gray;
-webkit-filter: grayscale(100%);
border: none !important;
}
a.gray-icon:hover img.product-icon {
filter: none;
-webkit-filter: grayscale(0%);
}
p.mailchimp-newsletter,
p.form-row.form-row-wide.mailchimp-newsletter { display: none !important; height: 0 !important; }
#mc_embed_signup { background:rgba(255, 255, 255, 0.2) !important; background-color: rgba(255, 255, 255, 0.2) !important; }
.afterpay-payment-info { font-size: 80% !important; line-height: 1.25em; }
/* ***************************************** */
/* woocommerce YITH tweaks */
/* ***************************************** */
/* waiting list */
#yith-wcwtl-output { border-top: 1px solid rgba(0, 0, 0, 0.12) ; padding-top: 31px; margin-top: 32px; border-bottom: 1px solid rgba(0, 0, 0, 0.12); padding-bottom: 8px; margin-bottom: 9px;}
/* frequently bought together */
.yith-wfbt-section { border-top: 1px solid rgba(0, 0, 0, 0.12) ; padding-top: 18px; }
ul.yith-wfbt-items li.yith-wfbt-item label span.price span.woocommerce-Price-amount { font-size: 80% !important;}
/* ***************************************** */
/* woocommerce CHECKOUT tweaks */
/* ***************************************** */
.wc-amazon-checkout-message { display: none; visibility: hidden; }
.woocommerce-form-login-toggle { margin: 0 0 12px 0; padding-top: 6px; border-top: solid 1px rgb(228,223,220); }
.woocommerce-form-login-toggle::before { font-family: FontAwesome; content: "\f2f6"; float: left; margin-right: 3px; }
.woocommerce-form-coupon-toggle { margin: 0 0 12px 0; padding-top: 6px; border-top: solid 1px rgb(228,223,220); }
.woocommerce-form-coupon-toggle::before { font-family: FontAwesome; content: "\f53d"; float: left; margin-right: 3px; }
.kl_newsletter_checkbox_field { margin: 6px 0 12px 0; padding-top: 6px; padding-bottom: 6px; /* border-top: solid 1px rgb(228,223,220); */ }
.kl_newsletter_checkbox_field label { font-size: 18px; }
.woocommerce-account-fields { margin: 6px 0 12px 0; padding-top: 6px; border-top: solid 1px rgb(228,223,220);}
.woocommerce-account-fields label { font-size: 18px; }
.woocommerce-shipping-fields { margin: 6px 0 12px 0; padding-top: 6px; border-top: solid 1px rgb(228,223,220);}
.woocommerce-shipping-fields label { font-size: 18px; }
/*
.page-checkout .woocommerce { display: flex; }
.woocommerce-form-login-toggle { background-color: rgb(228,223,220); width: 50% !important; }
.woocommerce-form-login { }
.woocommerce-form-coupon-toggle { background-color: rgb(253,250,235); width: 509% !important; }
.woocommerce-form-coupon { }
.woocommerce-notices-wrapper { flex: none; }
form.checkout { flex: none; }
*/
/* ***************************************** */
/* woocommerce STRIPE tweaks */
/* ***************************************** */
.wc-stripe-elements-field {
border-color: #999;
font-size: 115%;
padding: .85em;
}
/* ***************************************** */
/* yotpo fix woocommerce 7-28-23 */
/* ***************************************** */
div.price-wrapper { padding-top: .1em; clear: both !important; }
/* yotpo fix added 10-21-23 */
.bottomLine + .QABottomLine { margin-bottom: 0 !important; }
/* ***************************************** */
/* ***************************************** */
/* ***************************************** */
/* STORE LOCATOR OVERRIDES
--------------------------------------- */
#wpsl-category { clear: none; }
/* ***************************************** */
/* ***************************************** */
/* ***************************************** */
/* FORMS OVERRIDES for THEME and GRAVITY
--------------------------------------- */
.nuv-gss .button, button, input, textarea, select, fieldset { margin-bottom: 0; }
.nuv-gss .gform_button { background-color: #c86c79 !important; background: #c86c79 !important;}
/* For all Gravity Forms submit buttons */
.gform_wrapper .gform_footer input[type=submit] {
background-color: #c86c79 !important; /* Example: blue background */
background: #c86c79 !important;
color: #ffffff; /* Example: white text */
border: none; /* Remove default border if desired */
padding: 10px 20px; /* Adjust padding as needed */
cursor: pointer;
}
/* Example for a specific form (replace 1 with your form ID)
#gform_wrapper_1 .gform_footer input[type=submit] {
background-color: #c86c79;
}
*/
/* Hover state for all Gravity Forms submit buttons */
.gform_wrapper .gform_footer input[type=submit]:hover {
background-color: #71343c; /* Darker blue on hover */
}
.nuv-gss input[type="text"],
.nuv-gss input[type="tel"],
.nuv-gss input[type="email"],
.nuv-gss select {
height: 3.5em; /* adjust as needed */
}
.nuv-gss select.gfield_select {
height: 3.5em; /* adjust as needed */
}
.nuv-gss label { color: #999; text-transform: capitalize; }
.gform_legacy_markup_wrapper .field_description_below .gfield_description { padding-top: 2px; padding-bottom: 12px; }
.email-footer-subscribe input[type=submit]#gform_submit_button_62 {
color:#ffffff;
padding-top:4px;
padding-bottom:4px;
padding-left:10px;
padding-right:10px;
border: 1px solid rgba(114,114,114,0.4);
border-radius: 1px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
box-shadow: 0 1px 0px rgba(114,114,114,0.3);
-moz-box-shadow: 0 1px 0px rgba(114,114,114,0.3);
-webkit-box-shadow: 0 1px 0px rgba(114,114,114,0.3);
background-color: #545a70;
}
.email-footer-subscribe input[type=submit]#gform_submit_button_62:hover {
border: 1px solid rgba(114,114,114,0.6);
background-color: #8c2336;
}
#gform_62_validation_container { display: none; }
/* Small screens 640px */
@media only screen and (max-width: 40em) {
#gform_fields_62 { row-gap: 10px ; }
}
/*
body .gform_wrapper .gform_footer input.button,
body .gform_wrapper .gform_footer input[type=submit] {
color:#ffffff;
padding-top:4px;
padding-bottom:4px;
padding-left:10px;
padding-right:10px;
border: 1px solid rgba(114,114,114,0.4);
border-radius: 1px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
box-shadow: 0 1px 0px rgba(114,114,114,0.3);
-moz-box-shadow: 0 1px 0px rgba(114,114,114,0.3);
-webkit-box-shadow: 0 1px 0px rgba(114,114,114,0.3);
background-color: #0096d6;
}
*/
/*
input[type=submit]::before { content: ' '; display: block; clear: both; }
input[type=submit] .gform_button { margin-left: calc( 100% - widthOfelement); margin-right: calc( 100% - widthOfelement); }
div.h-captcha:after { content: ' '; display: block; width: 100%; clear: both; }
.gform_break {
flex-basis: 100%;
height: 0;
}
input[type=submit].gform_button::before { content:'\A'; flex-wrap:wrap !important; }
*/
/* ***************************************** */
/* ***************************************** */
/* ***************************************** */
/* START PREVIOUSLY in FOOTER Styles - until it stopped working 2-7-23
/* ***************************************** */
/* ***************************************** */
/* .vid-holder, */
.epyt-video-wrapper { /* margin: 1% auto; width: 100%; */ }
.vid-holder .epyt-video-wrapper { }
/* Small screens 640px */
@media only screen and (max-width: 40em) {
/* .vid-holder, */
.epyt-video-wrapper { /* margin: 1% auto; width: 100%; */ }
}
/* .vid-holder { box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; border: solid 3px yellow !important; } */
div.epyt-video-wrapper { box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 16px; border: solid 3px white !important; /**/}
/* .vid-holder:hover { box-shadow: rgba(0, 0, 0, 0.4) 0px 4px 12px; } */
div.epyt-video-wrapper:hover { box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 16px; /* */ }
.vid-fix { padding-top: 0 !important; height: 298px !important; }
.vid-fix2 { padding-top: 0 !important; height: 480px !important; }
/*
.html5-video-player { height: 298px !important; }
.html5-video-container { height: 298px !important; }
*/
/* ***************************************** */
/* ***************************************** */
/* END PREVIOUSLY in FOOTER Styles - until it stopped working 2-7-23
/* ***************************************** */
/* ***************************************** */
/* ***************************************** */
/* SMALL */
@media screen and (max-width: 549px) {
.reviva-category-section { height: 0 !important; display: none !important; visibility: hidden !important; }
.home-page-story-row { height: 0 !important; display: none !important; visibility: hidden !important; }
}
/* MEDIUM */
@media screen and (max-width: 849px) {
}
/* LARGE */
@media screen and (min-width: 850px) {
}
/* ALT SMALL */
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE ***************/
.reviva-category-section { height: 0 !important; display: none !important; visibility: hidden !important; }
.home-page-story-row { height: 0 !important; display: none !important; visibility: hidden !important; }
}
/* Small screens 640px */
@media only screen and (max-width: 40em) {
.bkgdmobile { background: rgba(255, 255, 255, 0.45) !important; padding: 12px !important; }
}
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
.reviva-category-section { height: 0 !important; display: none !important; visibility: hidden !important; }
.home-page-story-row { height: 0 !important; display: none !important; visibility: hidden !important; }
}
/* Portrait Tablets*/
@media (min-width: 768px) and (max-width: 980px) { }