/*
Theme Name: jewerlies
Author: Test
Author URI: 
Theme URI: 
Tags: full-site-editing
Text Domain: jewerlies
Requires at least: 6.0
Requires PHP: 7.4
Tested up to: 6.0
Version: 1.0.0

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/



/*--------------------FONTS---------------------*/
@import url('https://fonts.googleapis.com/css2?family=Prata&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&display=swap');

* {
    box-sizing: border-box;
}

body {
    font-family: 'DM Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #252525;
    background-color: #FAF6F1;
    margin: 0 auto;
}

h1,h2,h3,h4,h5,h6 {
    font-family: 'Prata', sans-serif;
    font-weight: 400;
}

h1 {
    font-size: 100px;
}
h2 {
    font-size: 60px;
}
h3 {
    font-size: 40px;
}
h4 {
    font-size: 24px;
}
span {
    font-size: 16px;
}

.container {
    max-width: 1700px;
    margin: 0 auto;
}

.divider {
    text-align: center;
    margin-bottom: 30px;
}

.second-section,.third-section,.fourth-section,.fifth-section,.sixth-section {
    padding: 100px 0;
}

.padd {
    padding: 100px 0;
}

.padd-lr {
    padding: 0 50px;
}

/*--------------------HEADER---------------------*/

header {
    height: auto;
    background: #FAF6F1;
}

header .section-a {
    display: flex;
    align-items: center;
    justify-content: center;
}

header .sec-a {
    width: 30%;
}

header .sec-b {
    width: 40%;
}

header .sec-c {
    width: 30%;
    display: inherit;
    justify-content: end;
}

header .nav-links ul{
    display: flex;
    column-gap: 40px;
    align-items: center;
}

header .nav-links li {
    list-style: none;
    align-items: center;
}

header .nav-links li a {
    text-decoration: none;
    color: #252525;
}

header .nav-links li a:hover {
    border-bottom: 2px solid #252525;
}

header .logo img{
    width: 110px;
    text-align: center;
}

header .sec-c a {
    text-decoration: none;
    color: #252525;
    margin-right: 20px;
    letter-spacing: 0.8px;
}

header .search {
    position: relative;
    z-index: 5;
    margin-right: 15px;
}

header .custom-search {
    display: none;
}

header .custom-search .custom-field {
    padding: 10px;
    border: 0;
    border-radius: 10px 0px 0px 10px;
}

header .custom-search .submit {
    background: #6D412A;
    color: #fff;
    border: 0;
    border-radius: 0px 10px 10px 0;
}

header .custom-search.show_menu {
    display: inline-flex;
    position: absolute;
    top: 25px;
    right: -70px;
}

/*--------------------FOOTER---------------------*/

footer {
    background: #252525;
    padding: 50px 0;
}

footer .sec-foot {
    display: flex;
    justify-content: space-between;
}

footer h4 {
    margin:0 0 15px 0;
    color: #fff;
}

footer .quick-links ul {
    padding: 0;
}

footer .quick-links li {
    list-style: none;
    margin-bottom: 10px;
}

footer .quick-links li a {
    text-decoration: none;
    color: #fff;
}

footer .quick-links li a:hover {
    border-bottom: 2px solid #fff;
}

footer .foot-sec-b {
    text-align: center;
    width: 18%;
}

footer .logo img {
    width: 150px;
}

footer .content {
    display: block;
}

footer .content ul {
    padding: 0;
}

footer .content li {
    list-style: none;
    margin-bottom: 10px;
}

footer span {
    color: #fff;
}

footer span a{
    color: #fff;
    text-decoration: none;
}

/*--------------------HOMEPAGE BODY---------------------*/

/* FIRST SECTION */

.background-overlay {
    background: rgba(0,0,0,0.5);
    background-size: cover;
    z-index: 2;
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    width: 100%;
    height: 100%;
    max-height: 800px;
}

.swiper-slide img{
    width: 100%;
}

.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
}

.swiper-pagination-bullet-active {
    background: #252525 !important;
}

.first-section {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.first-section .slide-a {
    position: absolute;
    bottom: 25%;
    right: 25%;
    transform: translateX(50%);
    width: 45%;
}

/* SECOND SECTION */

.second-section {
    text-align: center;
}

.second-section .cont {
    padding: 0 350px;
}

.second-section h2 {
    margin: 0 0 25px 0;
}

/* THIRD SECTION */

.third-section h2 {
    margin: 0 0 10px 0;
    text-align: center;
    font-size: 40px;
}

.third-section .collections {
    display: flex;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
}

.third-section .collections li {
    list-style: none;
}

.third-section .collections li a {
    font-family: 'Prata', sans-serif;
    color: #252525;
    text-decoration: none;
    position: absolute;
    z-index: 1;
    font-size: 26px;
    color: #f5f5f5;
    bottom: 10%;
    margin-left: 50px;
    text-shadow: 2px 2px 4px #000000;
}

.third-section .collections li a:hover {
    border-bottom: 2px solid #252525;
}

.third-section .collections img {
    width: 370px;
    height: 370px;
    z-index: 0;
}

/* FOURTH SECTION */

.fourth-section .featured {
    display: flex;
    justify-content: space-evenly;
}

.fourth-section h2 {
    margin: 0 0 10px 0;
    text-align: center;
    font-size: 40px;
}

.fourth-section .featured li {
    list-style: none;
    display: unset;
    text-align: center;
}

.fourth-section .featured li a {
    text-decoration: none;
    text-align: center;
    margin-right: 15px;
}

.fourth-section li .button {
    background: #6D412A;
    color: #fff;
    padding: 15px;
}

.fourth-section li .button:hover {
    background: #252525;
}

.fourth-section .featured li h2{
    color: #252525;
    font-size: 25px;
    margin-top: 10px;
    margin-bottom: 25px;
}

.fourth-section .featured li span {
    text-align: center;
    color: #252525;
}

.fourth-section .featured li bdi {
    margin-right: 15px;
}

.fourth-section a:where(:not(.wp-element-button)) {
    color: #252525;
    margin-left: 15px;
}

/* FIFTH SECTION */

.fifth-section {
    background-repeat: no-repeat;
    background-position: bottom;
}

.fifth-section .content-a {
    display: flex;
    justify-content: space-evenly;
}

.fifth-section .section-2 {
    width: 30%;
}

.fifth-section .section-2 h2 {
    color: #6D412A;
    font-size: 90px;
}

.fifth-section .btn-1 {
    background: #6D412A;
    padding: 15px 15px;
}

.fifth-section .btn {
    margin-top: 50px;
}

.fifth-section .btn a {
    color: #fff;
    text-decoration: none;
}

.fifth-section .btn a:hover {
    background: #252525;
}

/* SIXTH SECTION */

.sixth-section .special {
    display: flex;
    text-align: center;
    justify-content: space-between;
}

.sixth-section .specials img {
    width: 80px;
    height: 80px;
}

/* SEVENTH SECTION */

.seventh-section .testimonials{
    padding: 100px 350px;
    text-align: center;
}

.seventh-section .testimonials h3 {
    margin: 0 0 15px 0;
}

.seventh-section .testimonials a {
    text-decoration: none;
    color: #252525;
}

/* EIGHT SECTION */
.eight-section {
    text-align: center;
    padding: 100px 0;
}
.eight-section h3 {
    margin-bottom: 15px;
}
.eight-section .textbox {
    padding: 10px;
    width: 30%;
    margin-bottom: 30px;
}
.eight-section .btn-sub {
    text-align: center;
}
.eight-section .btn-sub a {
    background: #6D412A;
    color: #fff;
    padding: 15px 20px;
    text-decoration: none;
    letter-spacing: 2px;
}
.eight-section .btn-sub a:hover {
    background: #252525;
}

/* NINTH SECTION */
.ninth-section .clients {
    display: flex;
    text-align: center;
    justify-content: center;
    padding: 50px;
}

/*--------------------BREADCRUMBS---------------------*/

.bread {
    background: #252525;
    text-align: center;
    padding: 150px 0;
}

.bread h1 {
    font-size: 45px;
    color: #fff;
}

.bread h1 a {
    color: #fff;
}

/*--------------------PRODUCT-CATEGORY---------------------*/
.woocommerce ul.products li.product a img {
    border: 1px solid #000;
    padding: 10px;
    border-radius: 4px;
}
.product-category h2 {
    font-size: 30px !important;
    color: #252525;
}

.product-category a.added_to_cart {
    margin-left: 15px;
    color: #252525;
}

.product-category li {
    text-align: center;
}
.woocommerce .woocommerce-ordering select {
    padding: 10px;
    font-family: 'DM Sans';
}

/*--------------------SINGLE-PRODUCT---------------------*/
.woocommerce div.product div.images img {
    width: 50%;
    transform: translateX(50%);
}
.woocommerce div.product .product_title {
    font-size: 50px;
}
.woocommerce .quantity .qty{
    padding: 8px;
}
.woocommerce-Price-amount span {
    font-size: 20px;
}
.woocommerce button.button.alt {
    background: #6D412A;
    font-size: 15px;
    font-family: 'DM Sans';
}
.woocommerce button.button.alt:hover{
    background: #252525;
}
bdi {
    color: #252525;
    font-size: 16px;
}
/*--------------------RELATED-PRODUCT---------------------*/
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 25px;
    color: #252525;
}
/*--------------------CART---------------------*/

.custom-cart .custom-text {
    padding: 10px 10px !important;
    width: 160px !important;
}

.woocommerce table.shop_table td {
    padding: 30px 12px;
}

.woocommerce-cart table.cart img {
    width: 100px;
}

/*--------------------CHECKOUT---------------------*/

.custom-checkout {
    padding-bottom: 100px;
}

.woocommerce form .form-row input.input-text {
    padding: 10px 0;
}

/*--------------------CONTACT---------------------*/

.contact-section .contact-sec {
    display: flex;
    justify-content: center;
}

.contact-section .sec-a{
    width: 50%;
    margin-left: 30px;
}

.contact-section .sec-b {
    width: 50%;
    margin-left: 30px;
}

.contact-section h3 {
    margin: 0 0 15px 0;
}

.contact-section p {
    margin: 0 0 5px 0;
}

.contact-section .textbox {
    padding: 10px;
    width: 40%;
    margin-bottom: 15px;
}

.contact-section textarea {
    width: 40%;
    margin-bottom: 15px;
}

/*--------------------ABOUT---------------------*/
.about .banner {
    height: 675px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.about .content {
    text-align: center;
    margin-bottom: 100px;
}
.about .content-a {
    text-align: center;
    padding: 0 200px;
    margin-bottom: 100px;
}
.about .sec-employee {
    display: flex;
    padding: 0 50px;
    justify-content: center;
}
.about .sec-em {
    text-align: center;
    padding: 0 100px;
}
.about .picture img {
    border-radius: 50%;
    width: 250px;
    height: 250px;
}

/*--------------------FAQ---------------------*/
.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
} 
.active, .accordion:hover {
    background-color: #ccc;
}
.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}
.faq {
    padding-bottom: 50px;
}
.accor li {
    list-style: none;
}

/*****************MEDIA********************/