a{
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
a:focus,
button:focus{
outline: 2px solid blue !important;
}
.wp-block-navigation ul li a:focus,
.wp-block-navigation .wp-block-navigation__submenu-icon:focus{
outline: none;
border: 1px solid #cf2e2e;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container{
background-color: var(--wp--preset--color--secondary);
}
.wp-block-navigation ul ul{
padding: 0 !important;
} @media screen and (min-width:1000px){
.wp-block-navigation ul li a{
position: relative;
}
.wp-block-navigation ul li a::before {
content: "";
background: var(--wp--preset--color--secondary);
opacity: 0;
margin: 0 auto;
height: 2px;
width: 0;
left: 0;
right: 0;
bottom: -3px;
position: absolute;
-moz-transition: width 0.5s ease-in-out, opacity 0.5s ease-in-out;
-o-transition: width 0.5s ease-in-out, opacity 0.5s ease-in-out;
-webkit-transition: width 0.5s ease-in-out, opacity 0.5s ease-in-out;
transition: width 0.5s ease-in-out, opacity 0.5s ease-in-out;
}
.wp-block-navigation ul ul li a:hover::before {
width: 0 !important; 
}
.wp-block-navigation ul li a:hover::before {
opacity: 1;
width: calc(100% - 10px);
}
.wp-block-navigation .current-menu-item a{
color: var(--wp--preset--color--primary) !important; 
text-underline-offset: 8px;
text-decoration: underline;
text-decoration-color: var(--wp--preset--color--primary);
}
.wp-block-navigation__submenu-container .current-menu-item a{
color: var(--wp--preset--color--heading) !important; 
}
.wp-block-navigation ul ul li a:hover,.wp-block-navigation ul li a:hover{
color: var(--wp--preset--color--heading) !important;
}
.wp-block-navigation ul ul li a:hover{
background-color: var(--wp--preset--color--primary) !important;
}
.mega-menu .wp-block-navigation ul ul li a:hover{
background: transparent !important;
}
}
.wp-block-image img{
vertical-align: middle;
}
.pos-relative{
position: relative;
}
form {
position: relative;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
select {
width: 100%;
margin: 0;
padding: 10px 15px;
border: 1px solid #ebebeb;
outline: 0;
resize: none;
line-height: 20px;
background: none;
color: #000000;
font-weight: 400;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
select::-ms-expand {
display: none; }
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus,
select:focus {
border-color: var(--wp--preset--color--primary);
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
cursor: pointer;
border: none;
outline: none;
padding: 12px 20px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background-color: var(--wp--preset--color--primary);
color: #ffffff;
border-radius: 0;
text-transform: uppercase;
}
html input[type="button"],
input[type="reset"],
input[type="submit"] {
text-align: center;
letter-spacing: 2px;
}
.wpcf7-form label {
display: block;
text-transform: uppercase;
font-size: 12px;
margin: 0 0 8px;
color: #000000;
font-weight: 700;
}
.form-group {
margin-bottom: 30px;
}
.form-group p{
margin: 0;
}
.form-group.half {
width: 48%;
margin-right: 4%;
float: left;
}
.form-group.half.last {
margin-right: 0;
}
.form-group.third {
width: 32%;
margin-right: 2%;
float: left;
}
.form-group.third.last {
margin-right: 0;
} .wp-block-comments{
padding: 20px;
border: 1px solid #dfdfdf;
}
.wp-block-comment-template li .wp-block-columns{
border: 1px solid #dfdfdf;
padding: 20px;
}
.wp-block-avatar img{
border: 1px solid #949494;
padding: 2px;
}
.wp-block-post-comments-form textarea{
background: #eee;
} .wp-block-query-pagination-numbers .page-numbers{
padding: var(--wp--preset--spacing--20);
line-height: 1;
text-decoration: none;
color:var(--wp--preset--color--primary);
}
.wp-block-query-pagination-numbers .page-numbers.current{
background:var(--wp--preset--color--primary);
color: var(--wp--preset--color--white) !important;
}
.wp-block-query-pagination-numbers .page-numbers:hover{
color:var(--wp--preset--color--heading);
}
.wp-block-query-pagination-next, .wp-block-query-pagination-previous{
background:var(--wp--preset--color--primary);
font-size: var(--wp--preset--font-size--small);
line-height: 1;
padding: 10px;
color: var(--wp--preset--color--white);
text-decoration: none;
}
.wp-block-query-pagination-next:hover, .wp-block-query-pagination-previous:hover{
color: var(--wp--preset--color--white);
background: var(--wp--preset--color--heading);
} .sidebar-box,.inner-post-box{
position: relative;
box-shadow: 0px 4px 9px #a7aaad;
}
.sidebar-heading{
display: table;
position: absolute;
left: 0;
right: 0;
top: -25px;
width: auto;
}
.sidebar-post-title{
margin-block-start: 10px;
margin-block-end: 0;
}
.sidebar-box .wp-block-page-list  ul li{
list-style-image: url(//shop.andrewscreative.co.za/wp/wp-content/themes/clothing-store-blocks/images/list1.png);
}
.sidebar-box .wp-block-archives-list li ,.sidebar-box .wp-block-categories-list li,.sidebar-box .wp-block-page-list li{
list-style-image: url(//shop.andrewscreative.co.za/wp/wp-content/themes/clothing-store-blocks/images/list.png);
}
.sidebar-box ul li a{
text-decoration: none;
}
.sidebar-box .wp-block-tag-cloud a{
background: #c8f0f9;
}
.sidebar-box .wp-block-tag-cloud a:hover{
background: var(--wp--preset--color--white);
} .post-title{
position: relative;
}
.post-title .wp-block-separator{
width: 57px !important;
}
.post-title .wp-block-separator:after{
position: absolute;
content: "";
width: 10px;
height: 10px;
border-radius: 10px;
background: var(--wp--preset--color--primary);
top: 0;
bottom: 0;
margin: auto;
}
.archieve-readmore .wp-block-separator{
width: 20px !important;
} p.scroll-top {
position: absolute;
}
.scroll-top::before{
font-size: 20px;
cursor: pointer;
background: var(--wp--preset--color--primary); 
color: var(--wp--preset--color--white);
font-family: "Font Awesome 5 Free";
font-weight: 600;
content: '\f135'; 
position: fixed;
bottom: 30px;
right: 30px;
width: 40px;
height: 40px;
transform: rotate(-45deg);
display: flex;
align-items: center;
justify-content: center;
border-radius: 6px;
z-index: 99;
}
.scroll-top:hover::before {
background: var(--wp--preset--color--white) !important;
color: var(--wp--preset--color--heading);
} .woocommerce-Tabs-panel--reviews, .woocommerce-Tabs-panel--description {
padding: 20px !important;
border: 1px solid #e1e1e1;
}
.woocommerce span.onsale{
background-color:var(--wp--preset--color--primary);
border-radius: 10px;
}
nav.woocommerce-MyAccount-navigation ul li {
background: var(--wp--preset--color--primary);
border: 1px solid;
border-color: var(--wp--preset--color--primary);
padding: 12px!important;
margin-bottom: 10px;
}
nav.woocommerce-MyAccount-navigation ul li a{
color: var(--wp--preset--color--heading);
}
.added_to_cart.wc_forward{
background-color: var(--wp--preset--color--primary);
color: #fff;
border-radius: 0;
text-transform: uppercase;
padding: var(--wp--preset--spacing--30);
text-decoration: none;
} .icon-img{
width: 26px;
height: 26px;
}
.search-block .wp-block-search__inside-wrapper{
padding: 5px 10px;
background: #ECECEC;
border: none;
}
.search-block input[type="search"]{
padding: 0;
border: none;
color:var(--wp--preset--color--heading) ;
}
.search-block .wp-element-button{
background: transparent;
padding: 0;
}
.top-login a{
text-decoration: none;
} .mega-menu .wp-block-navigation__responsive-container.is-menu-open{
width: 20%;
}
.mega-menu .wp-block-navigation__responsive-container-close svg,
.mega-menu .wp-block-navigation__responsive-container-open svg{
width: 20px;
height: 20px;
}
.mega-menu .wp-block-navigation__responsive-container-close{
top: 10px;
right: 10px;
}
.mega-menu .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{
padding: 1.5em;
padding-top: 2.5rem;
}
.mega-menu .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container {
width: 100%;
gap: 0 !important;
border-bottom: none;
}
.mega-menu .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item {
width: 100%;
gap: 0 !important;
border: none !important;
}
.mega-menu .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item a {
width: calc( 100% - 48px );
padding: 12px 24px 12px;
line-height: 30px;
text-align: left;
}
.mega-menu .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item .wp-block-navigation__submenu-icon {
display: block !important;
margin-left: 15px;
padding: 3px 10px;
float: right;
font-size: 19px;
line-height: 1;
position: absolute;
right: 0;
top: 0;
height: 42px;
width: 42px;
}
.mega-menu .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item .wp-block-navigation__submenu-icon svg {
stroke: var(--wp--preset--color--white);
display: block;
width: 30px;
height: 13px;
margin: 0 !important;
padding: 0 !important;
}
.mega-menu .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container {
width: 100%;
gap: 0;
margin: 0;
padding: 0;
display: none;
box-shadow: none;
}
.mega-menu .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item ul.wp-block-navigation__submenu-container li.wp-block-navigation-item a {
padding-left: 35px;
}
.mega-menu .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container li.wp-block-navigation-item .wp-block-navigation-submenu__toggle[aria-expanded=true] + ul.wp-block-navigation__submenu-container {
display: block;
margin: 0;
padding: 0;
}
.cart-block{
text-align: right;
} .banner-content p{
width: 70%;
}
.banner-btn a{
position: relative;
padding-right: var(--wp--preset--spacing--50) !important;
}
.banner-btn a:before{
content: '\f07a';
position: absolute;
font-size: 13px;
left: 12px;
font-family: 'Font Awesome 5 Free';
font-weight: 600;
color: #fff;
}
.banner-img-box{
position: relative;
}
.banner-img-box img{
width: 100%;
}
.banner-img-box figure{
width: 100%;
}
.circle{
position: absolute;
top: 43%;
right: -10%;
background-color: #FA3D3D;
height: 140px;
width: 140px;
z-index: 2;
border-radius: 50%;
padding: 27px 20px;
} .hours-box,.timmer .box{
position: relative;
}
.timmer{
position: absolute;
right: 50px;
top: -29px;
width: 100%;
z-index: 99;
}
.eb-countdown-3l7zq.eb-cd-wrapper.default {
max-width: 300px;
padding: 6px;
background-color: rgba(255,255,255,1);
border-width: 1px;
border-color: rgba(34,34,34,1);
border-style: solid;
border-radius: 50px;
transition: background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s;
}
.timmer .eb-cd-wrapper{
margin-right: 0 !important;
margin-left: auto;
}
.eb-countdown-3l7zq.eb-cd-wrapper .eb-cd-inner {
flex-direction: row;
}
.timmer .cd-box-hour,.timmer .cd-box-minute,.timmer .cd-box-second{
margin-left: 0 !important;
}
.timmer .box:after{
content: ':';
position: absolute;
right: 0;
font-size: 19px;
font-weight: 900;
color: rgba(174,166,121,1);
}
.timmer .box.cd-box-second:after{
display: none;
}
.timmer .eb-cd-inner .box{
background: transparent !important;
}
div.eb-cd-wrapper div.eb-cd-inner .box {
display: flex;
position: relative;
width: 100%;
}
.box {
display: flex;
transition: background 0.5s, border 0.5s, border-radius 0.5s, box-shadow 0.5s;
padding-right: 3px;
padding-left: 3px;
flex-direction: column;
align-items: center;
}
span.eb-cd-label {
font-size: 13px;
}
span.eb-cd-digit {
font-family: "Roboto", sans-serif;
font-size: 19px;
font-weight: 500;
font-style: normal;
color: rgba(174,166,121,1);
}
div.eb-cd-wrapper div.eb-cd-inner {
display: flex;
justify-content: center;
}
.quick-buttons{
position: absolute;
left: 0;
right: 0;
width: 100%;
z-index: 99;
bottom: 0;
opacity: 0;
}
.hours-img-box:hover .quick-buttons{
opacity: 1;
}
.hours-img-box:hover .main-img img,.hours-img-box:hover .wishlist-icon{
border-color: var(--wp--preset--color--heading) !important;
}
.hours-img-box:hover .wishlist-icon{
background-color: var(--wp--preset--color--heading);
}
.hours-img-box:hover .wishlist-icon:before{
color: var(--wp--preset--color--white);
} .arrival-short-head p{
display: inline-block;
position: relative;
}
.arrival-short-head p:before{
content: "";
background: var(--wp--preset--color--secondary);
margin: 0 auto;
height: 2px;
width: 50px;
left: 0;
right: 0;
bottom: -7px;
position: absolute;
}
.arrival-img-box,.hours-img-box{
position: relative;
}
.main-img img{
width: 100%;
}
.sale-tag{
position: absolute;
left: 15px;
z-index: 99;
top: 15px;
display: inline-block;
}
.wishlist-icon-upper{
position: absolute;
right: 15px;
z-index: 99;
top: 15px;
}
.wishlist-icon{
position: relative;
width: 32px;
height: 32px;
}
.wishlist-icon img{
position: absolute;
font-size: 12px;
top: 50%;
left: 50%;
font-weight: 600;
color: #ECECEC;
transform: translate(-50%, -50%);
margin: auto;
}
.arrival-product-box h6,.hours-product-box h6{
width: 80%;
} .lowset-text{
position: absolute;
top: 0;
left: 0;
display: inline-block;
z-index: 99;
border-radius: 0px 0px 20px 0px;
box-shadow: 0px 3px 6px #0000001A;
}
.offer-content{
position: absolute;
top: 15px;
left: 10px;
z-index: 99;
width: 100%;
}
.offer-des{
width: 70%;
}
.offer-head{
width: 80%;
} .blog-img{
margin-bottom: 0 !important
}
.cat-name a{
text-decoration: none;
}
.blog-section .wp-block-post-title{
width: 60%;
}
.blog-section .wp-block-post-excerpt__excerpt{
width: 90%;
}
.blog-section .wp-block-comments{
padding: 0;
border: none;
}
.blog-section .post-meta .wp-block-post-date time,.blog-section .post-meta .wp-block-comments-title{
position: relative;
}
.blog-section .post-meta .wp-block-post-date time:before{
content: '\f073';
position: absolute;
font-size: 11px;
left: -13px;
font-family: 'Font Awesome 5 Free';
font-weight: 600;
color: var(--wp--preset--color--secondary);
}
.blog-section .post-meta .wp-block-comments-title:before{
content: '\f4ad';
position: absolute;
font-size: 11px;
left: -13px;
font-family: 'Font Awesome 5 Free';
font-weight: 600;
color: var(--wp--preset--color--secondary);
} .footer-info-wrapper{
text-align: right;
}
.footer-widgets .wp-block-search__inside-wrapper .wp-element-button{
background: transparent;
padding: 0;
border: none;
}
.footer-widgets input[type="search"]{
padding: 0;
border: none;
color:var(--wp--preset--color--heading) ;
}
.footer-widgets .wp-block-search__inside-wrapper{
padding: 5px 10px;
background: #ECECEC;
}
.footer-info{
display: inline-block;
}
.footer-call-box{
text-align: right;
}
.footer-columns li{
list-style-image: url(//shop.andrewscreative.co.za/wp/wp-content/themes/clothing-store-blocks/images/arrow.png);
}
.footer-columns li{
margin-block-start: 10px;
}
.footer-columns li a{
color: var(--wp--preset--color--body-text);
font-weight: normal;
text-decoration: none;
font-size: 15px;
}
.footer-columns li:hover,.footer-columns li:hover a{
color: var(--wp--preset--color--heading) !important;
}
.copyright-text a:hover{
color: var(--wp--preset--color--primary);
}   @media screen and (max-width:999px) {
.latest-news .wp-block-post-template,.post-grid-layout.wp-block-post-template{
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.inner-cover-img h2{
font-size: 30px !important;
}
}
@media screen and (max-width: 999px) and (min-width: 782px){
.page-template-blog-right-sidebar .wp-block-post-template,.page-template-blog-left-sidebar ,.wp-block-post-template{
grid-template-columns: 1fr !important;
}
.sidebar-col,.post-col{
flex-basis: 50% !important;
}
.page-sidebar-col{
flex-basis: 40% !important;
}
.page-text-col{
flex-basis: 60% !important;
}
}
@media screen and (max-width:781px){
.post-title .wp-block-separator{
width: 30px !important;
}
.post-title h4{
font-size: 21px;
}
.archieve-meta time ,.archieve-meta .wp-block-post-author-name{
font-size: 13px !important;
}
}
@media screen and (max-width:600px){
.latest-news .wp-block-post-template,.post-grid-layout.wp-block-post-template{
grid-template-columns: 1fr !important;
}
.inner-cover-img h2{
font-size: 25px !important;
text-align: center !important;
}
}
@media screen and (max-width:1390px) and (min-width:782px) {
.footer-info-wrapper p{
font-size: 12px !important;
}
}
@media screen and (max-width:1299px) and (min-width:782px) {
.arrival-product-box h6, .hours-product-box h6,.blog-section .wp-block-post-title {
width: 90%;
}
.product-info{
display: block !important;
}
.circle {
top: 35%;
right: -20%;
}
.offer-sec .wp-block-columns{
gap: 10px !important;
padding: 0 30px;
}
.offer-sec :where(:not(.alignleft):not(.alignright):not(.alignfull)){
max-width: 100% !important;
}
.offer-sec .offer-content{
max-width: 80% !important;
}
}
@media screen and (max-width:1190px)and (min-width:782px) {
.top-head p{
font-size: 12px !important;
}
.dummy-block{
flex-basis: 10% !important;
}
.logo-block{
flex-basis: 40% !important;
}
.hours-box-wrapper,.arival-box-wrapper,.footer-columns .wp-block-columns{
flex-wrap: wrap !important;
}
.hours-box-wrapper .wp-block-column,.arival-box-wrapper .wp-block-column,.footer-columns .wp-block-columns .wp-block-column{
flex-basis: 40% !important;
}
.product-info {
display: flex !important;
}
.latest-blogs.wp-block-post-template {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.footer-info-wrapper{
display: block !important;
}
.footer-call-box{
text-align: left;
margin-bottom: 10px !important;
}
.footer-info-wrapper{
text-align: left;
}
}
@media screen and (max-width: 781px){
.arival-box-wrapper.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column,.top-head .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column ,.hours-box-wrapper.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
flex-basis: 40% !important;
}
.info-row,.logo-box{
justify-content: center !important;
}
.top-sale p,.logo-box h1{
text-align: center  !important;
}
.dummy-block{
display: none;
}
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.search-block{
flex-basis: 70% !important;
}
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.cart-block{
flex-basis: 20% !important;
}
.inner-menu-header,.circle .wp-block-columns,.footer-info-wrapper{
flex-wrap: nowrap !important;
}
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.off-uppper{
flex-basis: 30% !important;
}
.latest-blogs.wp-block-post-template {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.footer-call-box{
text-align:left;
}
.footer-info-wrapper{
padding-top: 20px;
}
.banner-content p {
width: 100%;
}
}
@media screen and (max-width:600px){
.copyright-text{
display: grid !important;
}
.copyright-text p,.banner-content,.hours-box h4,.heading-p,.footer-call-box,footer{
text-align: center;
}
.arival-box-wrapper.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column, .top-head .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column, .hours-box-wrapper.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
flex-basis: 100% !important;
}
.banner-content h1{
font-size: 35px !important;
}
.banner-btn, footer .wp-block-group{
justify-content: center !important;
}
.circle {
top: 32%;
right: -14%;
}
.arrival-product-box h6, .hours-product-box h6,.blog-section .wp-block-post-title,.blog-section .wp-block-post-excerpt__excerpt{
width: 100%;
}
.latest-blogs.wp-block-post-template {
grid-template-columns: 1fr !important;
}
.footer-info-wrapper{
flex-wrap: wrap !important;
text-align: center;
}
.arrival-short-head-upper :where(:not(.alignleft):not(.alignright):not(.alignfull)){
max-width: 100% !important;
text-align: center;
}
.timmer{
position: static;
}
.timmer .eb-cd-wrapper{
margin-right: auto !important;
}
}
@media screen and (max-width:500px){
.offer-sec .wp-block-cover img{
object-position: 82% 50% !important;
}
.offer-sec .wp-block-cover h2,.offer-sec .wp-block-cover p,.offer-sec .wp-block-cover a{
color: var(--wp--preset--color--heading) !important;
}
}