/* Theme Name: Divi Child Theme URI: https://www.elegantthemes.com/gallery/divi/ Description: Divi Child Theme Author: Chris Harley Author URI: https://www.elegantthemes.com Template: Divi Version: 1.0.0 */ /* =Theme customization starts here ------------------------------------------------------- */ /*GLOBAL*/ .center-align{display: flex; align-items: center;} .slider { display: none; } .slider.slick-initialized { display: block; } #main-content h2{font-weight:700; text-transform: uppercase; font-size: 24px !important;} .et_pb_row {width: 90%;} .carouselrow .slick-slide, .carouselrow off{margin: 10px 30px!important; } .et_pb_title_container .entry-title{text-align:center; font-weight: 700; text-transform: uppercase; font-size: 40px;} .et_pb_button:hover {background-color: #444 !important;} .et_pb_post.category-brands{margin-bottom: 20px} .fournier{font-family: psfournier-std-grand, sans-serif;font-weight: 700;font-style: normal;} @media (max-width: 980px){ .et_pb_column .et_pb_row_inner, .et_pb_row {padding: 15px 0;} .col-flip{display: flex !important; flex-direction: column-reverse;} } @media only screen and (max-width: 990px) { .center-align{display: block;} .carouselrow .slick-slide, .carouselrow off{margin: 10px 20px!important; } } /*HEADER*/ #topbar #topbar-story a{transition: 0.4s all ease-in-out} #topbar #topbar-story a:hover{color: hsla(0,0%,100%,.8) !important} #topbar-nav .et_pb_menu__wrap{justify-content: flex-end;} #topbar-nav .et_pb_menu__menu > nav > ul > li > a{padding-bottom: 1px} #topbar-nav .et_pb_menu__menu > nav > ul > li{border-right:1px solid #656565} #topbar-nav .et_pb_menu__menu > nav > ul > li:last-child{border-right:none} #topbar .et_pb_column{margin-bottom: 0} #creaseys-head .et_pb_menu__wrap .et_pb_menu__menu{ border-top:1px solid #F1f1f1} #creaseys-head .et_pb_menu .et_pb_menu__menu{justify-content: center;} #creaseys-head .et_pb_menu__menu, #creaseys-head .et-menu-nav{width:100%; max-width: 1360px} #creaseys-head #menu-topnav{margin:0px auto; display: table; width:100%} #creaseys-head #menu-topnav li{display: table-cell; text-align: center; padding: 0} #creaseys-head #menu-topnav li a{padding:20px 5px; color:#000} #creaseys-head #menu-topnav li a:hover{background-color:#ddd; color: #000} #creaseys-head .header-col1, #creaseys-head .header-col3{display:flex; align-items: center; margin-bottom: 0} #creaseys-head #nav-icons{justify-content: flex-end} #creaseys-head #nav-icons .et_pb_text_inner ul{list-style: none; padding: 0} #creaseys-head #nav-icons .et_pb_text_inner ul li{text-align: right; display: inline-block} #creaseys-head #nav-icons .et_pb_text_inner ul li:first-child{margin-right: 20px} #creaseys-head #nav-icons .et_pb_text_inner ul li a, #creaseys-head #opening-hours .et_pb_text_inner{background-repeat:no-repeat; padding: 5px 0 5px 30px; background-position: center left; background-size: 20px 20px; transition:0.3s all ease-out} #creaseys-head #nav-icons .et_pb_text_inner ul li.account a{background-image: url("../svg/account_icon.svg")} #creaseys-head #nav-icons .et_pb_text_inner ul li.finder a{background-image: url("../svg/locator.svg")} #creaseys-head #nav-icons .et_pb_text_inner ul li.account a:hover, #creaseys-head #nav-icons .et_pb_text_inner ul li.finder a:hover{opacity: 0.5} #creaseys-head #opening-hours .et_pb_text_inner{background-image: url("../svg/clock_icon.svg"); background-size: 16px 16px; padding-left: 24px} #top-right-nav a{padding: 0 8px} @media only screen and (min-width: 981px) { #creaseys-head .sub-menu{max-width: 1360px; left: calc(50% - 600px) !important; background-color: #FFF !important} } @media only screen and (max-width: 980px) { .et_pb_menu--style-centered .et_pb_menu__wrap{position: absolute; top: -4px; width: 100%; z-index: 1; justify-content: left;} #creaseys-head .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu{background-color: #FFF !important} #creaseys-head .header-col2{margin-bottom: 0; z-index: 5; max-width: 160px; margin-left: 32px; margin-top: 3px;} #creaseys-head .et_pb_menu__wrap{border:none} #et-boc #creaseys-head .et_pb_row_2_tb_header.et_pb_row--with-menu{position: absolute; top:13px; margin: 0 !important} #creaseys-head #nav-icons{position: absolute; width: 120px !important; right: 0; z-index: 4; top:-5px} #creaseys-head #nav-icons li span{display:none} #creaseys-head #nav-icons .et_pb_text_inner ul li a, #creaseys-head #opening-hours .et_pb_text_inner{background-size: 34px 31px; padding: 20px 10px 20px 10px; width: 40px; display: inline-block;} .mobile_menu_bar::before {font-size:40px} .et-db #et-boc .et-l #creaseys-head .et_pb_menu_1_tb_header.et_pb_menu .et_mobile_menu{background-color:#FFF !important} #creaseys-head #nav-icons .et_pb_text_inner ul li a{background-position:center} #creaseys-head #nav-icons .et_pb_text_inner ul li:first-child{margin-right: 0px} #creaseys-head .et_mobile_nav_menu{margin-bottom: 16px !important} } @media only screen and (max-width: 480px) { #creaseys-head .header-col2{max-width: 125px;} } /*MEGAMENU*/ .wp-megamenu-wrap .wpmm-nav-wrap > ul > li > a{text-transform: uppercase; transition: 0.3s all ease-out; padding: 15px 0;} .wp-megamenu-wrap .wpmm-nav-wrap > ul > li > a:hover {color: #000; background-color: #EEE} .wp-megamenu-wrap .wpmm-nav-wrap > ul.wp-megamenu > li.wpmm_mega_menu > ul.wp-megamenu-sub-menu, .wp-megamenu-wrap .wpmm-nav-wrap > ul.wp-megamenu > li.wpmm_mega_menu > .wpmm-strees-row-container > ul.wp-megamenu-sub-menu, .wp-megamenu-wrap .wpmm-nav-wrap > ul.wp-megamenu > li.wpmm_mega_menu > .wpmm-strees-row-and-content-container > ul.wp-megamenu-sub-menu{background-color: #FFF; padding: 40px 0;} .wp-megamenu-wrap .wpmm-nav-wrap > ul > li.wpmm-strees-row > .wpmm-strees-row-container > ul.wp-megamenu-sub-menu::after, .wp-megamenu-wrap .wpmm-nav-wrap > ul > li.wpmm-strees-row > .wpmm-strees-row-container > ul.wp-megamenu-sub-menu::before {background-color: #FFF} .wpmm-grid-post-img-wrap .wpmm-grid-post-img{aspect-ratio:6/5; height:inherit} .nav-whatson .wpmm-grid-post-img-wrap .wpmm-grid-post-img{aspect-ratio: 600/288;} .wpmm-grid-post {padding: 0 30px;} #et-main-area{position: relative} ul.wp-megamenu-sub-menu li .textwidget ul li, .wpmm-item-title{text-align: left} ul.wp-megamenu-sub-menu li .textwidget ul li a{font-weight: 500 !important} ul.wp-megamenu-sub-menu li .textwidget ul li a:hover{color:#000 !important; text-decoration: underline !important} li.wpmm_dropdown_menu.services .wp-megamenu-sub-menu li a{color:#000 !important; text-align: center; font-weight: 500 !important; background-color: #FFF} li.wpmm_dropdown_menu.services .wp-megamenu-sub-menu li a:hover{color:#000 !important ;text-decoration: underline} .wp-megamenu-wrap .wpmm-nav-wrap > ul.wp-megamenu ul.wp-megamenu-sub-menu li.wpmm-type-widget{text-align:center} .wpmm-grid-post-addons h4{text-align: left; font-size: 15px; margin-top: 10px !important} body .wpmm-grid-post-content .grid-post-title a{font-weight: 400 !important; overflow: visible} .wpmm-grid-post-img-wrap{transition:0.3s all ease-out} .wpmm-grid-post-img-wrap:hover{opacity: 0.6} @media only screen and (min-width: 981px) { .wp-megamenu-wrap .wpmm-nav-wrap > ul{display:flex !important; width:100%; border-top: 1px solid #eee;} .wp-megamenu-wrap .wpmm-nav-wrap > ul > li{flex:1} .wp-megamenu-wrap .wpmm-nav-wrap > ul > li > a{display:block} .wp-megamenu-wrap .wpmm-nav-wrap > ul > li > a b{display: none} #et-main-area.shade:after{content:""; background-color:rgba(0,0,0,0.7); width:100%; height:100%; top: 0; left: 0; z-index: 1; position: absolute;} .wp-megamenu-wrap .wpmm-nav-wrap > ul.wp-megamenu > li.wpmm_dropdown_menu.services > ul.wp-megamenu-sub-menu{width:150% !important; margin-left: -25%; padding: 25px 0; background-color: #FFF} } @media only screen and (max-width: 980px) { #megamenu-row{position: absolute; top: 0; left: 0;} .wp-megamenu-wrap.wpmm-mobile-menu .wpmm-nav-wrap{text-align: left} .wpmm-mobile-menu a.wpmm_mobile_menu_btn{margin-left: 8px} .wpmm_mobile_menu_btn {color: #000 !important; background-color: #fff; transition: none !important} .wpmm-mobile-menu .wpmm_mobile_menu_btn i{display:none} a.wpmm_mobile_menu_btn{width:34px; height:32px; background-image: url("../svg/menu-icon.svg"); background-size: 16px 16px; background-repeat: no-repeat; background-position: center; display:block !important} #menu-topnav-1{display:none} a.wpmm_mobile_menu_btn.menu-active{background-image: url("../svg/menu-close-icon.svg");} .wpmm-mobile-menu ul.wp-megamenu li > a b{width: 40px; height: 46px; background-image: url("../svg/arrow-down.svg"); background-size: 14px 20px; background-repeat: no-repeat; background-position: center; margin-top: -10px; border-left: 1px solid #eee; background-color: #FFF} .wpmm-mobile-menu ul.wp-megamenu li > a b:hover{background-color: #EEE} .wpmm-mobile-menu ul.wp-megamenu li > a b:before{display:none} .wp-megamenu-wrap .wpmm-nav-wrap > ul.wp-megamenu > li.wpmm_mega_menu > .wpmm-strees-row-container > ul.wp-megamenu-sub-menu{padding: 10px 0} .wp-megamenu-wrap.wpmm-mobile-menu .wpmm-nav-wrap ul.wp-megamenu{min-height: calc(100vh - 95px);} .nav-beauty .wp-megamenu-sub-menu li:nth-child(3), .nav-beauty .wp-megamenu-sub-menu li:nth-child(4), .nav-womens .wp-megamenu-sub-menu li:nth-child(3), .nav-womens .wp-megamenu-sub-menu li:nth-child(4), .nav-mens .wp-megamenu-sub-menu li:nth-child(3), .nav-mens .wp-megamenu-sub-menu li:nth-child(4), .nav-home .wp-megamenu-sub-menu li:nth-child(3), .nav-home .wp-megamenu-sub-menu li:nth-child(4), .nav-kids .wp-megamenu-sub-menu li:nth-child(3), .nav-kids .wp-megamenu-sub-menu li:nth-child(4){display:none} .services.menu-item .wp-megamenu-sub-menu{padding: 0 10px !important; background-color: transparent !important} body .wpmm_dropdown_menu.services .wp-megamenu-sub-menu li a {text-align: left; padding: 0 !important} .nav-whatson > a b, .nav-theedit > a b{display:none !important} .wp-megamenu-wrap.wpmm-mobile-menu ul.wp-megamenu > li{border-bottom:1px solid #eee} .wp-megamenu-wrap.wpmm-mobile-menu .wpmm-nav-wrap > ul > li > a {padding: 10px 0 10px 12px; } } /*FOOTER*/ .et_pb_button.goldbutton, .et_pb_button.goldbutton:hover{position: absolute; bottom: 37px; color: #000 !important; background: rgb(197,163,81); background: linear-gradient(52deg, rgba(197,163,81,1) 0%, rgba(238,226,171,1) 50%, rgba(197,163,81,1) 100%);padding: 15px 45px !important; display: flex; min-height: 46px; align-items: center; right: 0; border:1px solid #c5a351 !important; transition:0.3s all ease-out} body footer .et_pb_button.goldbutton:hover{opacity:0.6; color:#000 !important} .appstores{max-width:400px; margin: 0px auto} .appstores.onecardblock{max-width: 430px;display: grid; grid-template-columns: 100px auto auto; grid-gap: 15px; place-items: center;} .appstores img{max-width: 180px; display: block; margin: 0px auto; width:100%; transition:0.3s all ease-out} .appstores img:hover{opacity:0.6} footer h2, .et_bloom .et_bloom_form_container h2{font-weight:700; text-transform: uppercase; font-size: 20px !important;} footer h3{font-weight:700; text-transform: uppercase; font-size: 16px !important;} .loyalty-buts{text-align: center; max-width: 500px; padding: 0 !important; margin: 10px auto;} .loyalty-buts li{list-style: none; display:inline-block; width: 40%; margin: 10px;} .loyalty-buts li a{color:#FFF; border:1px solid #fff; border-radius: 5px; display: block; text-align: center; text-transform: uppercase; padding: 10px; font-size:16px; transition: 0.3s all ease-out} .loyalty-buts li a:hover{background-color: #ec006e; } footer h3 + ul {padding: 0 !important; margin: 10px 0;} footer h3 + ul li{list-style: none; margin-bottom: 15px;} footer h3 + ul li a{transition:0.3s all ease-out} footer h3 + ul li a:hover{opacity:0.5} footer .et_bloom_form_content{max-width: 450px; margin: 0px auto !important; } #upper-footer .et_bloom_form_container .et_bloom_form_content .et_bloom_popup_input input{height:50px !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important} #upper-footer .et_bloom_submit_subscription{height:50px !important; } #upper-footer .et_bloom_submit_subscription span{letter-spacing: 0 !important} .et_pb_row_5_tb_footer .et_pb_social_icon a.icon{transition:0.3s all ease-out} .et_pb_row_5_tb_footer .et_pb_social_icon a.icon:hover{opacity:0.5} footer h3.social:before, footer h3.social:after{content:""; border-top:1px solid #cdcdcd; display: inline-block; width: calc(50% - 75px); height:5px } footer h3.social:before{margin-right: 20px;} footer h3.social:after{margin-left: 20px;} #footer-ani-hastag svg{width:100%; max-width: 320px; max-height: 130px; display: flex; margin: 0px auto;} .et_bloom .et_bloom_form_container, .et_bloom .et_bloom_form_container div, .et_bloom .et_bloom_form_container span, .et_bloom .et_bloom_form_container h2, .et_bloom .et_bloom_form_container h3, .et_bloom .et_bloom_form_container h4, .et_bloom .et_bloom_form_container p, .et_bloom .et_bloom_form_container a, .et_bloom .et_bloom_form_container font, .et_bloom .et_bloom_form_container img, .et_bloom .et_bloom_form_container strike, .et_bloom .et_bloom_form_container strong, .et_bloom .et_bloom_form_container b, .et_bloom .et_bloom_form_container u, .et_bloom .et_bloom_form_container i, .et_bloom .et_bloom_form_container ol, .et_bloom .et_bloom_form_container ul, .et_bloom .et_bloom_form_container li{font-family: inherit !important} .et_bloom .et_bloom_optin_1 .et_bloom_form_container h2{font-size:20px !important; font-weight:700 !important} .et_bloom .et_bloom_form_header p{color:#000 !important} #upper-footer .et_bloom_form_container .et_bloom_form_content{padding: 0px 10px 10px 10px !important; background-color: transparent!important} #upper-footer .et_bloom_optin_1 .et_bloom_form_content button{background-color: #000 !important; border-radius: 5px !important; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important;width: 110px !important;transition:0.3s all ease-out} #upper-footer .et_bloom_optin_1 .et_bloom_form_content button:hover{background-color: #444 !important} #upper-footer .et_bloom_optin_1 .et_bloom_form_container .et_bloom_form_header, #upper-footer .et_bloom_form_container{background-color: transparent!important} #upper-footer .et_bloom_inline_form{margin: 0 !important} #upper-footer .et_bloom_form_container .et_bloom_form_header{padding-top:0 !important} #upper-footer .et_bloom .et_bloom_form_header .et_bloom_form_text{padding-top:0 !important} #upper-footer .et_bloom_form_header .et_bloom_form_text{padding-top:0 !important} #upper-footer .et_bloom_form_container .et_bloom_form_content .et_bloom_popup_input input{border: 1px solid #ddd; border-right: none !important; border-radius: 0 !important; height:39px; border-top-left-radius: 5px !important; border-bottom-left-radius: 5px !important; font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif; font-weight:400} #upper-footer .et_bloom_form_content .et_bloom_popup_input{padding-right: 0 !important; height:40px; width: calc(100% - 110px) !important;} #upper-footer .et_bloom_form_header p{font-weight:500} @media only screen and (max-width: 980px) { #footer-card-logo{max-width: 340px} #footer-phonepic{max-width: 500px; margin: 0px auto} } @media only screen and (max-width: 480px) { #footer-card-logo{max-width: 260px} .et_pb_button.goldbutton, .et_pb_button.goldbutton:hover{bottom: 25px; padding: 15px 20px !important; } .appstores.onecardblock{max-width: 100%;display: grid; grid-template-columns: 1fr 1fr; margin-bottom: 40px} .appstores.onecardblock div:first-of-type{grid-column-start: 1; grid-column-end: 3; text-align: center;} .footer-collapse h3 + ul{display:none} .footer-collapse h3.active + ul{display:block} #lower-footer .et_pb_column{margin: 0; border-top: 1px solid #CCC;} #lower-footer .et_pb_column.et-last-child{border-bottom: 1px solid #CCC;} #lower-footer h3 {padding: 15px 40px 15px 0; cursor: pointer; background-image: url("../svg/arrow-down.svg"); background-repeat:no-repeat; background-position: center right; background-size: 20px 20px} #lower-footer h3.active {background-image: url("../svg/arrow-up.svg");} #footer-ani-hastag svg{max-width: 260px; } footer h3.social:before, footer h3.social:after{display: none} } /*BLOG CAROUSEL*/ .carouselrow{width:100% !important; padding-top: 5px !important} .carouselrow .slick-slide{border:1px solid #eaeaf1 !important} .carouselrow .et_pb_post {margin-bottom: 10px;} .et-custom-read-more-text .more-link{margin-top: 15px; margin-bottom: 10px;} body .et_pb_blog_0 .et_pb_post .entry-title a, body .et_pb_blog_0 .not-found-title {color: #222 !important;} .et_pb_posts .et_pb_post .post-content, .et_pb_posts .et_pb_post .entry-title{padding:0 20px 10px 20px} article .more-link:after{content:""; background-image: url("../svg/arrow-next.svg"); background-repeat:no-repeat; background-position: center; background-size: 14px 14px; width: 14px; height: 10px; display: inline-block; margin-left: 10px;} article .event_date{margin-bottom: 47px; margin-top: -75px; position: relative; background-color: rgba(255,255,255,0.8); width: 80%; left: 10%; text-align: center; padding: 2px;} #featured-brands .entry-title{display:none} #featured-brands .post-content {position: relative} #featured-brands .post-content > img{width: auto; max-width: calc(100% - 170px); margin-bottom: 5px; max-height: 25px;} #featured-brands .post-content .more-link{width: 130px; position: absolute; top: -15px; right: 15px;} body .wpwax-lsu-ultimate.wpwax-lsu-carousel.wpwax-lsu-carousel-theme-1 .wpwax-lsu-item .wpwax-lsu-item-inner {padding: 10px 15px !important; min-height: 115px;} .hover-grow article, .hover-grow-caro .slick-slide{transition:0.3s all ease-out} .hover-grow article:hover, .hover-grow-caro .slick-slide:hover{transform:scale(1.02)} .hover-grow-caro .slick-slide{background-color:#FFF} .slick-slide .not-found-title, .slick-slide .not-found-title + p{display: none} .hover-grow-caro .slick-track{align-items: stretch !important; flex-wrap: wrap; justify-content: center;} #featured-brands + #ymal{padding-top: 0; margin-top: -30px} @media only screen and (max-width: 980px) { #featured-brands + #ymal{margin-top: -10px} } /*HOMEPAGE*/ #hp-slider{width:100%; max-width: 100%} .home-main-cat-block{position: relative;} .et_pb_bg_layout_dark .et_pb_slide_description{text-shadow: none} #hp-services .lwp_post_carousel_item_inner{position: relative; border:none} #hp-services .lwp_post_carousel_title{position: absolute; top: 30%; width: calc(100% - 40px); pointer-events: none} #hp-services .lwp_post_carousel_excerpt{position: absolute; top: 42%; width: calc(100% - 40px); pointer-events: none} #hp-services .lwp_post_carousel_meta{display: none} #sb_instagram .sb_instagram_header{display: none} #sb_instagram .sbi_follow_btn{display: none} #sb_instagram .sbi_info_wrapper{display: none} /*ONECARD ROW*/ #onecard-bannertext{position: absolute; bottom: 37px; right: 0; max-width: 230px; text-align: center;} @media only screen and (max-width: 767px) { #onecard-bannertext{position: inherit; bottom: inherit; right:inherit; max-width: inherit; text-align: center;margin-bottom: 20px} #creaseys-one-rewards-col{margin-bottom: 0} } /*BRAND STORE LINK BLOCK*/ #brand-store-links p{display: inline-block; padding-bottom: 0;} #brand-store-links p:after{content: " / "; margin-right: 10px} #brand-store-links p:last-of-type:after{content: ""} #brand-store-links .et_pb_code_inner{font-weight: 400} #brand-store-links .et_pb_code_inner span{background-repeat:no-repeat; padding: 5px 0 5px 30px; background-position: center left; background-size: 20px 20px; background-image: url("../svg/locator.svg")} #brand-store-links .acf-storelink{ font-weight: 800} #brand-store-links .acf-storelink:after{content:""; background-image: url("../svg/arrow-next.svg"); background-repeat:no-repeat; background-position: center; background-size: 14px 14px; width: 14px; height: 10px; display: inline-block; margin-left: 5px; margin-right: 10px;} /*LOGO CAROUSEL*/ .wpwax-lsu-ultimate.wpwax-lsu-carousel.wpwax-lsu-carousel-theme-1 .wpwax-lsu-item .wpwax-lsu-item-inner{padding:15px !important; max-height: 100px !important} .wpwax-lsu-item img{max-height: 100px} .brandlogo-slider .wpwax-lsu-item img{max-height: 60px} .brand-slider-row{width:93%} .brand-slider-row.wide{width:100%} .brand-slider-row .wpwax-lsu-carousel.wpwax-lsu-carousel-nav-around {padding: 0 50px} .brand-slider-row .wpwax-lsu-carousel-nav.wpwax-lsu-carousel-nav--around .wpwax-lsu-carousel-nav__btn{border:none; font-size: 24px; color: #000} .brand-slider-row .wpwax-lsu-carousel-nav.wpwax-lsu-carousel-nav--around .wpwax-lsu-carousel-nav__btn svg{display:none} .brand-slider-row .wpwax-lsu-carousel-nav .wpwax-lsu-carousel-nav__btn:hover{background-color:#fff} .wpwax-lsu-carousel-nav .wpwax-lsu-carousel-nav__btn.wpwax-lsu-carousel-nav__btn-prev:after, .wpwax-lsu-carousel-nav .wpwax-lsu-carousel-nav__btn.wpwax-lsu-carousel-nav__btn-next:after{content:""; background-repeat:no-repeat; background-position: center; background-size: 20px 20px; width: 20px; height: 20px; display: inline-block; } .wpwax-lsu-carousel-nav .wpwax-lsu-carousel-nav__btn.wpwax-lsu-carousel-nav__btn-next:after{background-image: url("../svg/arrow-next.svg");} .wpwax-lsu-carousel-nav .wpwax-lsu-carousel-nav__btn.wpwax-lsu-carousel-nav__btn-prev:after{background-image: url("../svg/arrow-prev.svg");} .wpwax-lsu-item-inner a[href=""], .wpwax-lsu-item-inner a[href="#"] {pointer-events: none !important} .wpwax-lsu-ultimate.wpwax-lsu-hover-active .wpwax-lsu-item img{max-height: 50px} .lsu_load_more{border:none !important; background-color: #000 !important; text-transform: uppercase;font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif !important; padding: 10px 30px !important; font-weight: 700 !important;} .lsu_load_more:hover{background-color: #444 !important} .lsu_load_more::after {display: none !important} /*DYNAMIC WHATS ON*/ #whatsongrid .el-dbe-blog-extra{display: grid; grid-auto-flow: column; grid-gap: 50px;grid-auto-columns: 1fr;} #whatsongrid .et_pb_post{padding-bottom: 0; margin-bottom: 0; container-type:inline-size;} #whatsongrid .not-found-title, #whatsongrid .not-found-title + p{display:none} #whatsongrid .et_pb_post .entry-featured-image-url{margin-top: 40px; margin-bottom: 50px} #whatsongrid .entry-featured-image-url img{object-position: top; object-fit: contain;} #whatsongrid .post-data{padding-bottom: 0} #whatsongrid .more-link{margin-top: 10px} #whatsongrid .entry-title{padding-bottom: 0} #whatsongrid article{padding: 0} #whatsongrid h2{text-transform: none} #whatsongrid .et_pb_post_extra.el_dbe_full_width .post-content .post-data{border-bottom: none} #whatsongrid .entry.empty{display:none} /*WHATS ON POST*/ #whatson-sidebar{border-left: 1px solid rgba(0,0,0,.1); border-right:none; padding-right: 0; padding-left: 30px;} #whatson-sidebar .wp-block-latest-posts__list li{margin-bottom: 30px} @media only screen and (max-width: 767px) { #whatson-side-col{display: none} } @container (min-width: 400px) { #whatsongrid .post-media{width: 40%; float: left; margin-right: 0 } #whatsongrid .post-content{width:60%; float: right; padding-bottom: 0} #whatsongrid .entry-title{margin-top: 40px; padding-left: 0} } @container (min-width: 600px) { #whatsongrid .post-media{width: 30%; float: left; margin-right: 0 } #whatsongrid .post-content{width:70%; float: right; padding-bottom: 0; display: flex; flex-direction: column; justify-content: center;} #whatsongrid .entry-title{margin-top: 0px; padding-left: 0} } @container (max-width: 399px) { #whatsongrid .post-media{width: 100%; margin-right: 0 } #whatsongrid .post-content{width:100%; background-color: #FFF;} #whatsongrid article:last-child .post-content{margin-bottom: 30px} #whatsongrid .entry-title{margin-top: 40px; padding-left: 0} #whatsongrid .et_pb_post .entry-featured-image-url{margin-top: 40px; margin-bottom: 0px} .et_pb_post_extra{align-content: start;} } @media only screen and (max-width: 767px) { #whatsongrid .el-dbe-blog-extra{grid-auto-flow: row; grid-gap: 15px} } @media only screen and (max-width: 767px) { whatsongrid article:last-child .entry-featured-image-url{margin-top: 40px;} } /*QUICKLINKS*/ .quicklinks {padding: 0 !important; text-align: center; display: flex; overflow: auto; justify-content: center} .quicklinks li{list-style:none; display:inline-block; padding: 0 25px; margin-bottom: 20px} .quicklinks li img{border-radius: 50%; width:100px; transition:0.3s all ease-out; min-width:80px; margin-bottom: 10px} .quicklinks li:hover img{opacity: 0.6} .quicklinks li a{display: block; font-size: 14px; text-transform: uppercase; font-weight:700; line-height: 1.1} @media only screen and (max-width: 980px) { .quicklinks {justify-content: flex-start;} .quicklinks li{padding: 0 15px; } .quicklinks li img{max-width:80px} } /*CATEGORY LANDING*/ @media only screen and (max-width: 980px) { #category-header-banner{background-position: right 25% center !important; padding: 20px 0;} } /*CBLOG ARCHIVES*/ .et_pb_blog_grid .et_pb_image_container img{border: 1px solid #d8d8d8; border-bottom: none} /*THE EDIT*/ #the-edit-grid h3.entry-title{padding-left: 0; border-bottom: none; padding-bottom: 0; margin-top: 15px} #the-edit-grid .more-link{text-transform: uppercase; font-weight: 700} #the-edit-grid article{transition:0.5s all ease-in-out} #the-edit-grid article:hover{transform:scale(1.1)} /**** This hides the sub menu items on mobile ****/ #page-container .mobile_nav li ul.hide { display: none !important; } /**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/ #page-container .mobile_nav .menu-item-has-children { position: relative; } #page-container .mobile_nav .menu-item-has-children > a { background: transparent; } /**** This styles the icon and moves it to the right ****/ #page-container .mobile_nav .menu-item-has-children > a + span { position: absolute; right: 0; top: 0; padding: 10px 20px; font-size: 20px; font-weight: 700; cursor: pointer; z-index: 3; } /**** Here you can swap out the actual icons ****/ #page-container span.menu-closed:before { content: "\4c"; display: block; color: #000; font-size: 16px; font-family: ETmodules; } #page-container span.menu-closed.menu-open:before { content: "\4d"; } /*READ MORE LESS*/ /*collpse and set the height of the toggle text*/ .pa-toggle-text .et_pb_text_inner { max-height: 75px; transition: max-height 0.3s ease-out; overflow: hidden;} /*style the expand text link*/ .pa-toggle-text .pa-text-expand-button {padding: 0.5em; text-align: left; color: #000 !important; text-transform: uppercase; font-weight:700} .pa-toggle-text.left .pa-text-expand-button {text-align: left;} /*change the curor to a pointed when hovering over the expand text link*/ .pa-toggle-text .pa-text-expand-button span {cursor: pointer;} /*set the max height and transition of the expanded toggle*/ .pa-toggle-text .pa-text-toggle-expanded {max-height: 2000px; transition: max-height 0.3s ease-in;} @media only screen and (max-width: 980px) { .pa-toggle-text .pa-text-expand-button {text-align: left;} } /*APPOINTMENTS*/ .bpa-front-tabs--panel-body.__bpa-is-active:not(.bpa_summary_tab) .bpa-front-dc--body{min-height: inherit} .bpa-front-ma-table-actions-wrap{opacity: 100 !important; z-index: 2 !important;} @media (min-width: 1368px) and (max-width: 1599px){ .et_pb_section .bpa-frontend-main-container {max-width: 1360px !important;} } /*MY ACCOUNT*/ .woocommerce form.login{background-color: #f8f8f8; border-radius: 0; border:none} .woocommerce .quantity input.qty, .woocommerce-page .quantity input.qty, .woocommerce #content .quantity input.qty, .woocommerce-page #content .quantity input.qty, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .et_pb_wc_cart_totals .select2-container--default .select2-selection--single, .et_pb_wc_checkout_billing .select2-container--default .select2-selection--single, .et_pb_wc_checkout_shipping .select2-container--default .select2-selection--single{border:1px solid #eee; background-color: #FFF} .woocommerce form .form-row label{font-weight:700; text-transform: uppercase} #customer_login h2{text-align: center} .woocommerce form .form-row .required{color:#ff6f61; font-size: 14px;} .woocommerce-form-login__submit, .woocommerce-form-register__submit{display: block; width: 100%; margin: 10px auto !important; min-height: 50px;} .woocommerce-form-login__submit{margin-top: 22px!important} .woocommerce-privacy-policy-text{font-size:12px} .woocommerce-privacy-policy-text a{text-decoration: underline} .woocommerce-form-register{display: grid; grid-template-columns: 1fr 1fr; grid-gap: 0 15px; border: none !important; border-bottom: 1px solid #ddd !important;} #creaseys-login .woocommerce form .form-row-first, #creaseys-login .woocommerce form .form-row-last{width:100%} #creaseys-login .woocommerce-form-row--wide, #creaseys-login .woocommerce-form-row--wide + p, #creaseys-login .woocommerce-privacy-policy-text, #creaseys-login .woocommerce-form-row {grid-column-start:1; grid-column-end:3} #creaseys-login .woocommerce-privacy-policy-text{grid-row:6} #customer_login h2{font-size:0 !important} #customer_login .col-1 h2:after{content:"EXISTING CUSTOMERS"; font-size: 24px !important;} #customer_login .col-2 h2:after{content:"NEW TO CREASEY’S"; font-size: 24px !important;} .appstores.login{ margin: 15px auto 0 auto !important} .appstores.login, .appstores.login td{border:none !important;} .woocommerce-MyAccount-navigation ul{max-width: 300px; padding-left: 0} .woocommerce-MyAccount-navigation li{list-style: none} .woocommerce-MyAccount-navigation li a{display: block; border-bottom: 1px solid #ddd; padding: 10px; transition: 0.3s all ease-out; text-transform: capitalize;} .woocommerce-MyAccount-navigation li a:hover{background-color: #eee} .woocommerce-MyAccount-navigation-link--downloads{display:none} .mep-user-ticket-list{margin-top: 30px} .woocommerce form .show-password-input, .woocommerce-page form .show-password-input{top: 1.2em;} .woocommerce-Addresses .woocommerce-Address{border: 1px solid #ddd; padding: 20px; border-radius: 10px; margin-bottom: 15px} .woocommerce-Addresses .woocommerce-Address h3{text-transform: uppercase; font-weight:700; font-size:16px} .woocommerce-LostPassword{margin-top: -5px} .woocommerce-LostPassword a{text-decoration:underline} .page-id-409.logged-in #OC-login-signup{display:none} #billing_city_field label, #shipping_city_field label{font-size:0} #billing_city_field label:before, #shipping_city_field label:before{content:"Parish "; font-size:14px} .woocommerce-address-fields #shipping_company_field, .woocommerce-address-fields #shipping_state_field, .woocommerce-address-fields #shipping_country_field{display:none} @media only screen and (max-width: 768px) { #creaseys-login .woocommerce form .form-row-first, #creaseys-login .woocommerce form .form-row-last{grid-column-start:1; grid-column-end:3} } /*ONECARD PAGE*/ .one-card-icon-block .et_pb_image_wrap{width:80px; height:80px; display: flex !important; align-items: center; justify-content: center;} .one-card-icon-block .et_pb_image_wrap img{max-height: 100% !important; max-width: 100% !important} .number-table{margin-top: 20px !important} .number-table, .number-table td{border:none !important} .number-table tr td{padding: 5px} .number-table img{min-width:40px} #onecard-intro .appstores-onecard, #lower-app-section .appstores-onecard{max-width: 400px; margin: 0px auto} #onecard-intro .appstores-onecard, #onecard-intro .appstores-onecard td, #lower-app-section .appstores-onecard, #lower-app-section .appstores-onecard td {border:none; text-align: center} #onecard-intro .appstores-onecard td, #lower-app-section .appstores-onecard td {padding: 5px} #onecard-intro .appstores-onecard img, #lower-app-section .appstores-onecard img {max-width: 175px; width:100%} #onecard-faqs .et_pb_toggle_close .et_pb_toggle_title{color:#FFF !important} #onecard-faqs .et_pb_toggle{margin-bottom: 10px !important; transition: 0.5s all ease-out;} /*CONTACT US*/ .et_pb_contact p input, .et_pb_contact p textarea{border: 1px solid #ddd; border-radius: 5px; background-color: #FFF} /*OUR STORES*/ .store-info-row{border-bottom: 1px solid #ddd; margin-bottom: 30px} .store-info-row h3{font-weight: 700} .store-info-row .col1{width:100px; float:left; margin-right: 30px} .store-info-row .col2{width:calc(50% - 80px); margin-right: 30px; float:left} .store-info-row .col3{width:calc(50% - 80px); float:left} .store-info-row .col3 table{border:none} .store-info-row .col3 td{padding: 5px 0; border:none} .store-info-row .col3 tr td:last-of-type{text-align:right} .store-info-row .location, .store-info-row .opening, .store-info-row .call{padding-left:30px; background-size: 20px 20px; background-repeat: no-repeat; background-position: top 5px left;} .store-info-row .location{background-image: url("../svg/location.svg");} .store-info-row .location a{text-decoration: underline} .store-info-row .opening{background-image: url("../svg/clock_icon.svg"); margin-top: 20px} .store-info-row .call{background-image: url("../svg/phone_icon.svg");} #mands{max-width: 810px; margin: 20px auto} #mands a{text-decoration: underline} #mands, #mands tr, #mands td{border:none !important; padding: 0} .top-tab-links{list-style: none; text-align: center; display: flex; max-width: 700px; margin: 0px auto; gap: 20px; align-items: stretch} .top-tab-links li{display: inline-block; width:100%} .top-tab-links li a{border:1px solid #ddd; padding: 10px 20px; width: 100%; transition: 0.3s all ease-out; height:100%; display: flex; align-items: center; justify-content: center; line-height: 1.4} .top-tab-links li a:hover{background-color: #DDD} @media only screen and (max-width: 768px) { .store-info-row h3{font-size: 16px} .store-info-row .col1{width:100%; float:none; margin-right: 0; text-align: center} .store-info-row .col2{width:100%; float:none; margin: 20px 0} .store-info-row .col3{width:100%; float:none} } /* .hp-3-2-grid{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-rows: auto auto; grid-gap: 50px} .hp-3-2-grid .et_pb_column{width:100% !important; margin-right: 0 !important} .hp-3-2-grid .et_pb_image{margin-bottom:15px !important} .hp-3-2-grid .item-one{grid-column-start: 1; grid-column-end: 4; grid-row-start: 1; grid-row-end: 2;} .hp-3-2-grid .item-two{grid-column-start: 4; grid-column-end: 7;grid-row-start: 1; grid-row-end: 2;} .hp-3-2-grid .item-three{grid-column-start: 1; grid-column-end: 3;} .hp-3-2-grid .item-four{grid-column-start: 3; grid-column-end: 5;} .hp-3-2-grid .item-five{grid-column-start: 5; grid-column-end: 7;} @media only screen and (max-width: 768px) { .hp-3-2-grid{grid-template-columns: 1fr 1fr; grid-template-rows: auto auto auto auto; grid-gap: 20px} .hp-3-2-grid .item-one{grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2;} .hp-3-2-grid .item-two{grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end: 3;} .hp-3-2-grid .item-three{grid-column-start: 2; grid-column-end: 3; grid-row-start: 2; grid-row-end: 3;} .hp-3-2-grid .item-four{grid-column-start: 1; grid-column-end: 2; grid-row-start: 3; grid-row-end: 4;} .hp-3-2-grid .item-five{grid-column-start: 2; grid-column-end: 3; grid-row-start: 3; grid-row-end: 4;} }*/ /*FORMS*/ .et_pb_contact_select{background-color:#FFF; border:1px solid #ddd; border-radius: 5px; color: #000} body .et_pb_contact_field_0.et_pb_contact_field[data-type="select"]::after {top: 70% !important;} .et_pb_contact p input[type="radio"] + label i{border-radius: 5px; width: 20px; height: 20px; margin-top: -3px; margin-right: 10px} .et_pb_counter_amount, .et_pb_featured_table .et_pb_pricing_heading, .et_quote_content, .et_link_content, .et_audio_content, .et_pb_post_slider.et_pb_bg_layout_dark, .et_slide_in_menu_container, .et_pb_contact p input[type="radio"]:checked + label i::before {background-color: #ff6f61 !important; border:2px solid #FFF; box-shadow: 0px 0px 0px 1px #ff6f61} .et_pb_contact p input[type="radio"]:checked + label i::before{border-radius: 5px; width: 20px; height: 20px;} .et_pb_contact_field_options_title{display: block;} .et_pb_contact_field_radio{display: inline-block; margin-right: 20px; margin-bottom: 15px} .et_pb_contact_field_6 .et_pb_contact_field_options_list, .et_pb_contact_field_7 .et_pb_contact_field_options_list, .et_pb_contact_field_9 .et_pb_contact_field_options_list, .et_pb_contact_field_11 .et_pb_contact_field_options_list, .et_pb_contact_field_13 .et_pb_contact_field_options_list, #et_pb_contact_form_0 .et_pb_contact_field_5 .et_pb_contact_field_options_list, .et_pb_contact_field_4 .et_pb_contact_field_options_list{display: inline-block !important} .et_pb_contact_form_label, .et_pb_contact_field_options_title{text-transform: uppercase} .et_pb_contact_submit.et_pb_button, .et_pb_contact_submit.et_pb_button:hover{width: 100%; margin-top: 20px; padding: 15px !important;} .et_pb_contact p input, .et_pb_contact p textarea{transition: 0.3s all ease-out} .et_pb_contact p input:focus, .et_pb_contact p textarea:focus{border-color: #444} #et_pb_contact_form_0 .et_pb_contact p input[type="radio"] + label i{background-color: #FFF; border:1px solid #ddd} .et_pb_file_upload_button{background-color:#444; padding: 10px !important; transition: 0.3s all ease-out; border:none !important; border-radius:10px !important; color:#fff !important; font-weight: 700; text-transform:uppercase; font-size:14px !important} .et_pb_file_upload_button::after, .et_pb_file_upload_button::before, .et_pb_file_upload_button:hover::after, .et_pb_file_upload_button:hover::before{display: none} .et_pb_file_upload_button:hover {background-color: #000} #et_pb_contact_form_0 .et_pb_contact_form_0 .et_pb_files_container{padding: 0 !important; background-color: transparent !important} /*CONTACT US*/ #contact-block h4{margin-top:40px} #contact-block a{text-decoration: underline} #contact-block .call, #contact-block .email, #contact-block .address{padding-left:30px; background-size: 20px 20px; background-repeat: no-repeat; background-position: top 4px left; font-weight: 700; text-decoration: none; transition: 0.3s all ease-out; min-height: 30px; display: inline-block} #contact-block .call:hover, #contact-block .email:hover{opacity: 0.6} #contact-block .call{background-image: url("../svg/phone_icon.svg");} #contact-block .email{background-image: url("../svg/email_icon.svg");} #contact-block .address{background-image: url("../svg/location.svg");} .FORMDiv{display:none; padding:10px; margin-top:20px;} #showOne{display: block} .form-selector{padding: 0 10px;} .form-selector label{font-weight:700; text-transform: uppercase;display: block; margin-bottom: 5px} .form-selector select{width:100%; padding: 15px; border-radius: 5px; border: 1px solid #ddd;} /*GIFT LIST*/ @media only screen and (max-width: 768px) { .gl-header{transform:scale(0.75)} } /*THE EDIT*/ .et_pb_section_0.fadeout:after{content:""; width:100%; height:50%; position: absolute; bottom:0; left:0; background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); display:block} .fournier h1.entry-title{font-family: psfournier-std-grand, sans-serif;font-weight: 700;font-style: normal; text-transform:none} /*EVENTS*/ .mep-ev-start-date, h3.mep_list_date i, .df-ico i, button.mep-cat-control, .pagination-sec a{background: #ff7062 !important;} .mep-default-sidrbar-events-schedule ul li i, .mep-default-sidrbar-address ul li i, .mep-default-sidrbar-social ul li a{background: #646464 !important;} .mep-default-sidrbar-meta .fa-list-alt{color: #646464 !important} .mep-list-footer ul li i{color: #ff7062 !important} .ex-sec-title, h3.ex-sec-title{background: #a4a4a4 !important;} .mep-default-sidrbar-meta p a{color: #000 !important} .mep-default-sidrbar-events-schedule h3 i, .mep_event_list .mep_list_date, .mep-event-theme-1 .mep-social-share li a, .mep-template-2-hamza .mep-social-share li a{color: #646464 !important} #mep_add_calender_button, ul#mep_add_calender_links li a {background: #646464 !important} .mep-events-wrapper .extra-qty-box{border: 1px solid #000; padding: 7px;} .mep-default-sidebar .df-sidebar-part{margin-top: 50px} table.table.table-bordered.mep_event_add_cart_table{background-color:#FFF} .btn-mep-event-cart{width:100%; display:block} .mep-day-details-section .mep-day-title{font-size: 16px;} .mep-default-theme .mep-day-details-item .mep-day-icon{margin-right: 15px; width:44px; height:44px; min-width: 44px} .mep-default-theme .mep-day-content::before {margin-left: 22px} h3.ex-sec-title{font-weight:700} @media only screen and (max-width: 768px) { .mep_event_add_cart_table td{display:table; width:100%} .mep-events-wrapper table td.total-col{text-align: right} } /*BASKET*/ #add_payment_method table.cart .product-thumbnail, .woocommerce-cart table.cart .product-thumbnail, .woocommerce-checkout table.cart .product-thumbnail {min-width: 50px;} #add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {width: 50px;} .woocommerce .coupon button{height:57px} .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled]{font-size:14px; height:57px; border:1px solid #ccc !important} .woocommerce td.product-name .wc-item-meta, .woocommerce td.product-name dl.variation{text-align:left} .woocommerce .checkout-button{height: 50px; display: flex !important; align-items: center; justify-content: center;} .woocommerce-billing-fields__field-wrapper #billing_company_field{display:none} @media only screen and (max-width: 768px) { .woocommerce .coupon button{width: 100% !important; height: 30px;} .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled]{height:30px;} }