/*
Theme Name: Clothing Apparel Shop
Theme URI: https://www.ovationthemes.com/wordpress/free-clothing-wordpress-theme/
Author: pewilliams
Author URI: https://www.ovationthemes.com/
Description: Clothing Apparel Shop is a specialized website template designed for businesses in the fashion and apparel industry. This theme is tailored to meet the unique needs of clothing stores, boutiques, and online retailers seeking an appealing and functional online presence. Visually, the theme radiates style, elegance, and an aesthetic that harmonizes with the fashion world. It also incorporates features such as a captivating homepage with a large image or carousel to showcase the latest collections, highlighting products, promotions, or seasonal trends. The design is optimized for responsiveness, ensuring that your website looks stunning and functions seamlessly across an array of devices, including desktop computers, tablets, and mobile phones. This theme offers a wide range of features and functionalities specific to clothing and apparel businesses. These can include a user-friendly product catalog, product filtering, and sorting options, and integrated e-commerce capabilities that enable online shopping, secure payment processing, and inventory management. These elements are essential for fashion retailers looking to provide a smooth and convenient shopping experience to their customers. Furthermore, the Clothing Apparel Shop theme supports product reviews, size guides, and social media integration, enhancing the shopping experience and marketing efforts. Advanced SEO options are also included to help boost the visibility of the store in search engines, driving more organic traffic.
Requires at least: 6.1
Tested up to: 6.4
Requires PHP: 5.6
Version: 1.4
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
Text Domain: clothing-apparel-shop
Tags: portfolio, e-commerce, photography, one-column, two-columns, three-columns, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, right-sidebar, custom-background, wide-blocks

Clothing Apparel Shop WordPress Theme, Copyright 2023 pewilliams
Clothing Apparel Shop is distributed under the terms of the GNU GPL

*/

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__submenu-container .wp-block-navigation-link a{
    color: var(--wp--preset--color--white) !important;
}

.wp-block-image img{
    vertical-align: middle;
}

.pos-relative{
    position: relative;
}

.services-item {
    position: relative;
    margin-bottom: 20px;
}

.ser-inner {
    position: relative;
    text-align: center;
    border-radius: 6px;
    padding: 50px 35px 50px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.08);
}

.ser-inner:before {
    position: absolute;
    content: '';
    left: 14px;
    top: 14px;
    right: 14px;
    bottom: 14px;
    opacity: 0;
    border-radius: 6px;
    border: 1px solid var(--wp--preset--color--primary);
    -webkit-transform: scale(0.8, 1);
    -ms-transform: scale(0.8, 1);
    transform: scale(0.8, 1);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.ser-icon {
    position: relative;
    display: inline-block;
    margin-bottom: 30px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    padding: 15px;
    width: 90px;
    height: 90px;
}

.ser-icon:before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    top: 0px;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: inline-block;
    background-color: var(--wp--preset--color--primary);
    z-index: -1;
}

.ser-title {
    position: relative;
}

.ser-title h4 {
    font-weight: 600;
    margin-bottom: 10px;
}

.services-item:hover .ser-inner:before {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
}

.services-item:hover .ser-icon {
    -webkit-transform: scale(-1) rotate(180deg);
    -ms-transform: scale(-1) rotate(180deg);
    transform: scale(-1) rotate(180deg);
}

.teammember-list {
    position: relative;
    margin-bottom: 30px;
    padding: 10px;
    border-bottom: 3px solid var(--wp--preset--color--primary);
    text-align: center;
    background-color: #ffffff;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    box-shadow: 0 3px 24px rgb(0 0 0/20%);
    border-radius: 10px;
}

.team-inner {
    position: relative;
}

.team-thumbnail {
    position: relative;
}

.team-thumbnail img {
    border-radius: 10px;
    width: 100%;
    height: auto;
    display: block;
}

.member-social-icon {
    position: absolute;
    margin-bottom: 10px;
    text-align: center;
    top: 15px;
    right: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.member-social-icon ul {
    margin: 0;
    padding: 0;
}

.member-social-icon ul li {
    position: relative;
    list-style: none;
}

.team-info {
    padding: 10px 0;
}

.team-info h4 {
    margin-bottom: 5px;
}

.team-info span {
    font-weight: 600;
    color: var(--wp--preset--color--primary);
    font-size: 16px;
}

.teammember-list:hover {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
}

.teammember-list:hover .member-social-icon {
    opacity: 1;
    right: 15px;
}

.footer-menu{
    padding: 0;
}

.footer-menu li{
    margin-bottom: 14px;
    width: 100%;
    display: block;
}

.footer-menu li a{
    display: block;
    margin-bottom: 8px;
    position: relative;
    padding-left: 20px;
}

.footer-menu li a:before {
    content: '>>';
    position: absolute;
    font-weight: 300;
    font-size: 12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
}

.footer-post-excerpt p{ 
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

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; /* hide the default arrow in ie10 and ie11 */
}

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: linear-gradient(135deg,rgb(155,81,224) 0%,rgb(128,53,255) 100%);
    color: #ffffff;
}
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;
}
.single-post .wp-block-comments{
    box-sizing: border-box;
    padding: 20px;
    border: 1px solid #949494;
}
/*header*/
.dropdown-column button{
    background: transparent !important;
    color: #55668F;
}
.menu-header .wp-block-woocommerce-mini-cart button{
    background: transparent !important;
}
.header_dropdown svg.dashicon.dashicons-arrow-right-alt2 {
    rotate: 86deg;
}
.header_dropdown select{
    border: none;
    color: #55668F;
    font-family: 'Inter', sans-serif;
}
.header_dropdown option{
    padding: 10px;
}
.header-nav ul li a{
    padding: 10px 5px;
}
.header-nav ul{
    gap: 13px;
    letter-spacing: 0;
}
.contact-info{
    margin-block-start: 0;
}
/*service box*/
.bannerimage{
    position: relative;
}
.service-box{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 20px;
}
.service-box img{
    width: 100%;
}
/*instgram section css*/
.instagroup{
    gap: 0;
}
.instagroup img{
    width: 100%;
}
/*offer section css*/
.about-us img {
    width: 100%;
}
.offer-zone-text h3{
    border-radius: 30px;
}
/*footer css*/
.custom-footer-class{
    margin-block-start: 0;
}
/*wooocommerce css*/
.woocommerce-Tabs-panel--reviews, .woocommerce-Tabs-panel--description {
    padding: 20px !important;
    border: 1px solid #e1e1e1;
}
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);
}
.woocommerce span.onsale,.wc-block-grid .wc-block-grid__product-onsale, .wc-block-grid__product-image .wc-block-grid__product-onsale{
    color: var(--wp--preset--color--white);
    border-color: var(--wp--preset--color--primary);
    background: var(--wp--preset--color--primary);
}
/*sidebar css*/
.sidebar-post-title{
    margin-block-start: 10px;
    margin-block-end: 0;
}
/* --- Block Media Quries
-------------------------------------------------------- */
/* --- > Media Queries
-------------------------------------------------------- */
/* --- > 781px
-------------------------------------------------------- */
@media screen and (max-width:999px) {

    .wp-block-navigation__responsive-container,
    .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content{
        display: none;
    }

    .wp-block-navigation__responsive-container-close svg,
    .wp-block-navigation__responsive-container-open svg{
        width: 42px;
        height: 42px;
    }
    
    .wp-block-navigation__responsive-container-open svg path,
    .wp-block-navigation__responsive-container-close svg path{
        fill: var(--wp--preset--color--white);
    }

    .wp-block-navigation__responsive-container-close{
        top: 20px;
        right: 20px;
    }

    .wp-block-navigation__responsive-container-open:not(.always-shown){
        display: block;
    }

    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none; 
    }

    .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open{
        background-color: var(--wp--preset--color--secondary);
    }

    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content{
        padding: 1.5em;
    }

    .wp-block-navigation .wp-block-navigation__responsive-container-content ul.wp-block-navigation__container {
        width: 100%;
        gap: 0 !important;
        border-bottom: none;
    }
    .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;
    }
    .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;
    }

    /*
    * Submenu Css
    */

    .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;
    }
    .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;
    }
    .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;
    }
    .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;
    }
    .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;
    }
    .bannerimage a{
        padding: 10px  16px;
    }
    .bannerimage .banner-image-cover{
        border-radius: 0 !important;
    }
    .header-nav nav{
        justify-content: center !important;
    }
    .header-nav ul li a{
        color: #fff !important;
    }
}
ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu {
    background: #fff !important;
}
ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu li a{
    color: #000 !important;
}
.bannerimage img{
    width: 100%;
}
.menublock {
    display: flex;
    justify-content: end;
}
@media screen and (max-width:999px) {
    .upper-header, .menu-header {
        text-align: center;
    }
    .upper-header .wp-block-group, .menu-header .wp-block-group{
        justify-content: center;
    }
    .menublock{
        justify-content: center !important;
    }
    .offer-zone-text h3{
        max-width: 20% !important;
    }
    .instagroup.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: 50%!important;
    }
    .instagroup img{
        padding: 10px 10px;
    }
    .menu-header figure{
        display: flex !important;
        float: none !important;
        justify-content: center !important;
        margin-inline-start:0 !important;
    }
}

@media screen and (max-width:1440px){
    .bannerimage .banner-image-cover{
        min-height: 630px !important;
    }
}
@media screen and (max-width:1024px){
    .service-box{
        position: static;
        margin-top: 15px;
    }
    .bannerimage .banner-image-cover{
        min-height: 443px !important;
    }
    .offer-zone-text h3{
        max-width:15% !important;
    }
    .bannerimage h2{
        font-size: 45px !important;
    }
    .header-nav ul{
        gap: 5px;
    }
}
@media screen and (max-width: 1440px) and (min-width: 1000px){
    .contact-text{
        font-size: 13px !important;
    }
    .contact-info{
        font-size: 12px !important;
    }
    .menu-header figure{
        margin-inline-start:0 !important;
    }
    .menu-header .wc-block-mini-cart__amount{
        font-size: 10px !important;
    }
    .header_dropdown select{
        font-size: 12px;
        padding: 10px 6px;
    }
}

@media screen and (max-width:600px){
    .banner-image-cover p,.banner-image-cover h2, .banner-image-cover a{
        text-align: center;
    }
    .banner-image-cover .wp-block-buttons{
        justify-content: center;
    }
    .offer-zone-text h3{
        max-width: 35% !important;
    }
    .copyright-text{
        display: grid !important;
    }
    .copyright-text p{
        text-align: center;
    }
    ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu li a{
        color: #fff !important;
    }
    .banner-image-cover img{
        object-position: 19% 21% !important;
    }
}
@media screen and (max-width: 781px){
    .instagroup.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: 50%!important;
    }
    .instagroup img{
        padding: 10px 10px;
    }
    .offer-zone-column.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
        flex-basis: 46%!important;
    }
    .dropdown-column{
        gap: 0;
    }
}