/*
 Theme Name:   Twenty Twenty-Four
 Template:     twentytwentyfour
 Description:  Twenty Twenty-Four Child Theme
 Author:       Tryfon Tzanetis
 Author URI:   http://tafhub.com
 Description: Twenty Twenty-Four is designed to be flexible,
 versatile and applicable to any website. Its collection of templates and patterns tailor to different needs,
 such as presenting a business,
 blogging and writing or showcasing work. A multitude of possibilities open up with just a few adjustments to color and typography. Twenty Twenty-Four comes with style variations and full page designs to help speed up the site building process,
 is fully compatible with the site editor,
 and takes advantage of new design tools introduced in WordPress 6.4.
 Template:     twentytwentyfour
Requires at least: 6.4
Tested up to: 6.4
Requires PHP: 7.0
Version: 1.0 License: GNU General Public License v2 or later
License URI: http: //www.gnu.org/licenses/gpl-2.0.html
Tags:         Tags: one-column,
custom-colors,
custom-menu,
custom-logo,
editor-style,
featured-images,
full-site-editing,
block-patterns,
rtl-language-support,
sticky-post,
threaded-comments,
translation-ready,
wide-blocks,
block-styles,
style-variations,
accessibility-ready,
blog,
portfolio,
news
 Text Domain:  twentytwentyfourchild
*/


.otgs-development-site-front-end {
    display: none !important;
}


.hidden {
    display: none !important;
}

/* HEADER */
.header {
    position: relative;
}

.header .header-banner {
    position: absolute;
    bottom: -90px;
}

.header a{
    outline: none;
    text-decoration: none;
    /* color: #8a7459 !important; */
}
.header a:hover{
    outline: none;
    text-decoration: none;
    color: #8a7459 !important;
}

footer {
    margin-block-start: 0 !important;
}

/* LINKS */
a {
    text-underline-offset: 6px;
    cursor: pointer !important;
}

.no-underline a {
    text-decoration: none !important;
}

a:hover:not(.wp-block-button__link) {
    outline: none;
    text-decoration: underline;
}

a:hover.wp-block-button__link {
    color: #4d443d !important;
}

.reverse a {
    color: #4d443d !important;
    /* font-weight: 300; */
}
.reverse a:hover {
    color: #8a7459 !important;
}

a:focus:not(:focus-visible) {
    outline: none;
}

footer a {
    text-decoration: none !important;
}
footer a:hover {
    text-decoration: none !important;
    color: #8a7459 !important;
}

/* LISTS */
ul.is-style-checkmark-list{
    padding: 0;
    list-style: none; /* Removes the default marker */
}
ul.is-style-checkmark-list li::marker {
    visibility: hidden;
}
ul.is-style-checkmark-list li{
    padding-inline-start: 0;

    display: flex;
    align-items: center;
}
ul.is-style-checkmark-list li::before {
    content: url('data:image/svg+xml,<svg id="checkmark" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"><circle cx="11.3" cy="12" r="10" fill="none" stroke="%238a7459" stroke-width="2"/><polyline points="6.5 10.3 11 14.8 22.7 3.1" fill="none" stroke="%238a7459" stroke-width="2"/></svg>');
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 12px;
}

/*  NAV */
nav.desktop {
    display: flex;
}
nav.mobile {
    display: none;
}

@media screen and (max-width: 950px) {
    nav.desktop {
        display: none;
    }
    nav.mobile {
        display: flex;
    }
}

.active-menu-item {
    font-weight: bold;
}
nav a:hover {
    outline: none;
    text-decoration: none;
    color: #8a7459 !important;
}


/* MAPS */
/* .maps .leaflet-container {
    width: 100px;
  height: 100px;
  background: lightgray;
  clip-path: inset(50% 0 0 0);
  border-radius: 50%;
}
.maps {
    border: 1px dashed blue !important; 
}*/


/* BREADCRUMBS */
nav.breadcrumbs {

}
nav.breadcrumbs .arrow {
    max-height: 16px;
    margin-left: 10px;
    margin-right: 10px;
}
nav.breadcrumbs a {
    text-decoration: none;
    font-weight: lighter;
}
nav.breadcrumbs a:hover {
    text-decoration: none;
    color: #4d443d !important;
}

/* INITIALS */
@media screen and (max-width: 781px) {
    .initials {
        padding: 12vw 0 !important;
    }
    .initials p {
        font-size: 16vw !important;
    }
}

/* POSTS STYLE */
.posts .post .post:last-of-type .post-divider {
    display: none;
}
.wp-block-post-terms__prefix {
    display: none !important;
}

hr {
    z-index: -1 !important;
}

@media screen and (min-width: 782px) {
    .posts .post:nth-child(even) .wp-block-columns:first-child .wp-block-column:first-of-type {
        order: 2;
    }
}

/* post link */
.single-post .wp-block-template-part a{
    text-decoration: none;
}
.wp-block-post-template .wp-block-template-part a{
    color: #4d443d;
}
.single-post .wp-block-template-part a:hover,
.wp-block-post-template .wp-block-template-part a:hover{
    text-decoration: none;
    color: #8a7459;
}
.posts .post a:hover:not(.wp-block-post-excerpt__more-link) {
    text-decoration: none;
}

.taxonomy-post_tag [rel="tag"] {
    cursor: pointer;
    padding: 4px 8px;
    background: none;
    border: 1px solid #8a7459;
    border-radius: 12px;
    font-family: 'Open sans', sans-serif;
    font-size: 14px;
    font-weight: lighter;
    color: #8a7459;
}
.taxonomy-post_tag [rel="tag"]:hover {
    border: 1px solid #4d443d;
    color: #4d443d;
    background: none !important;
    text-decoration: none !important;
}

.featured{

}

.featured .prev,
.featured .next {
    position: relative;
}

.featured .post-navigation-link-previous,
.featured .post-navigation-link-next{
    position: absolute;
    top: 45%;
}

.featured .post-navigation-link-next{
    left: 5%;
}
.featured .post-navigation-link-previous{
    right: 5%;
}

.featured .post-navigation-link-previous a,
.featured .post-navigation-link-next a{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    position: relative;
    overflow: hidden;
    border: none;
    background: transparent;
    color: transparent;
}

.featured .post-navigation-link-previous a::before,
.featured .post-navigation-link-next a::after {
    content: "";
    width: 36px;
    height: 36px;
    border: solid black;
    border-width: 1px 1px 0 0;
    transform: rotate(45deg);
    cursor: pointer;
  }

.featured .post-navigation-link-previous a::before {
    right: 5%;
    transform: rotate(-135deg);
}

.featured .post-navigation-link-next a::before {
    left: 5%;
    transform: rotate(45deg);
}

.post-navigation .post-navigation-link-previous a,
.post-navigation .post-navigation-link-next a{
    color: var(--wp--preset--color--base) !important;
    font-style: normal;
    font-weight: 400;
    line-height: 1.75;
    text-decoration: none !important;
}
.post-navigation .post-navigation-link-previous a:hover,
.post-navigation .post-navigation-link-next a:hover{
    text-decoration: underline !important;
}
.post-navigation .post-navigation-link-previous a::before,
.post-navigation .post-navigation-link-next a::after {
    display: inline-block !important;
    content: '';
    width: 16px;
    height: 16px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: -2px;
    background: url('/app/themes/twentytwentyfour-child/assets/images/icons/gt.svg');
}
.post-navigation .post-navigation-link-previous a::before {
    transform: rotate(180deg);
}


/* previos / next post image */
.prev .prev-featured,
.next .next-featured {
    position: relative;
    opacity: 0.7;
    height: 100%;
}
.prev .prev-featured img{
    border-radius: 0 20px 20px 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.next .next-featured img{
    border-radius: 20px 0 0 20px;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.prev .post-navigation-link-previous,
.next .post-navigation-link-next {
    margin-block-start: 0 !important;
}

@media screen and (max-width: 781px) {
    .prev .prev-featured,
    .next .next-featured,
    .prev .post-navigation-link-previous,
    .next .post-navigation-link-next {
        display: none !important;
    }
}


/* FORMS STYLES */
form {
    margin: 0;
    padding: 0;
}

form input[type="text"],
form input[type="email"],
form input[type="tel"],
form textarea {
    box-sizing: border-box;
    background-color: #f4f1ee;
    border: none;
    width: 100%;
    padding: 18px;
    border-radius: 12px;
    font-family: 'Open sans', sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #4d443d;
}

form input[type="checkbox"] {
    margin-left: 0;
}

form input[type="submit"] {
    cursor: pointer;
    padding: 8px 24px !important;
    margin-top: 16px;
    background: none;
    border: 1px solid #8a7459;
    border-radius: 12px;
    font-family: 'Open sans', sans-serif;
    font-size: 16px;
    line-height: 28px;
    font-weight: 500;
    color: #8a7459;
}

form input[type="submit"]:hover {
    border: 1px solid #4d443d;
    color: #4d443d;
}

form input::placeholder,
form textarea::placeholder {
    color: #8a7459;
    font-size: 16px;
    font-weight: 300;
}

form p,
form .wpcf7-list-item  {
    margin-left: 0;
    font-size: 12px;
    font-weight: 300;
}

form input:focus,
form textarea:focus,
form input:focus-visible,
form textarea:focus-visible {
    outline: #8a7459 auto 1px;
}

input[type="checkbox"] {
    accent-color: #8a7459; /* Change to your desired color */
}


/* ACCORDION STYLES */
/* Normal faq */
.faq .esab__container .wp-block-esab-accordion-child {
    margin-top: 0.5rem;
}
.faq .esab__container .wp-block-esab-accordion-child .esab__head .esab__icon {
    align-self: flex-end;
    margin-bottom: 0.5rem;
}
.faq .esab__container .wp-block-esab-accordion-child .esab__head {
    position: relative;
    border-bottom: 1px solid #000;
    transform: translateY(-2px);
    user-select: none;
}
.faq .esab__container .wp-block-esab-accordion-child .esab__head .esab__heading_txt .esab__heading_tag {
    font-family: "Novel Sans Pro", sans-serif !important;
    /* display: inline-block !important; */
    line-height: 2 !important;
    border-bottom: none !important;
    letter-spacing: 4px !important;
}

/* Services accordion */
.services .esab__container .wp-block-esab-accordion-child .esab__head {
    position: relative;
    border-bottom: 1px solid #000;
    transform: translateY(-2px);
    user-select: none;
}
.services .esab__container .wp-block-esab-accordion-child .esab__head::after {
    position: absolute;
    right:10px;
    top: 0;
    bottom: 0;
    width: 55px;
    content: '';
}
.services .esab__container .wp-block-esab-accordion-child .esab__head .esab__heading_txt .esab__heading_tag {
    /* display: inline-block !important; */
    margin-bottom: -2px !important;
    min-height: 70px !important;
    line-height: 4 !important;
    border-bottom: 4px solid transparent !important;
    width: calc(100% - 60px);
}
.services .esab__container .wp-block-esab-accordion-child.esab__active_accordion .esab__head .esab__heading_txt .esab__heading_tag {
    border-bottom: 4px solid #8a7459 !important;
}
@media screen and (min-width: 782px) and (max-width: 1200px) {
    .services .esab__container .wp-block-esab-accordion-child .esab__head .esab__heading_txt .esab__heading_tag {
        display: flex !important;
        align-items: center !important;
        font-size: 18px !important;
        line-height: 22px !important;
    }
}
@media screen and (max-width: 781px) {
    .services .esab__container .wp-block-esab-accordion-child .esab__head .esab__heading_txt .esab__heading_tag {
        display: flex !important;
        align-items: center !important;
        font-size: 14px !important;
        line-height: 18px !important;
    }

    .services .esab__container .wp-block-esab-accordion-child .esab__head::after {
        right:8px;
        width: 40px;
    }

    .services .esab__container .wp-block-esab-accordion-child .esab__head .esab__heading_txt .esab__heading_tag {
        min-height: 50px !important;
    }
}

/* accordion icons */
.services .esab__container .wp-block-esab-accordion-child#debt-recovery .esab__head::after {
    background: url('assets/images/icons/debt_recovery.svg') no-repeat right center / contain;
}
.services .esab__container .wp-block-esab-accordion-child#administrative .esab__head::after {
    background: url('assets/images/icons/administrative.svg') no-repeat right center / contain;
}
.services .esab__container .wp-block-esab-accordion-child#banking .esab__head::after {
    background: url('assets/images/icons/banking.svg') no-repeat right center / contain;
}
.services .esab__container .wp-block-esab-accordion-child#data-protection .esab__head::after {
    background: url('assets/images/icons/data_protection.svg') no-repeat right center / contain;
}
.services .esab__container .wp-block-esab-accordion-child#bankruptcy .esab__head::after {
    background: url('assets/images/icons/bankruptcy.svg') no-repeat right center / contain;
}
.services .esab__container .wp-block-esab-accordion-child#claims .esab__head::after {
    background: url('assets/images/icons/claims.svg') no-repeat right center / contain;
}
.services .esab__container .wp-block-esab-accordion-child#commercial .esab__head::after {
    background: url('assets/images/icons/commercial.svg') no-repeat right center / contain;
}
.services .esab__container .wp-block-esab-accordion-child#competition .esab__head::after {
    background: url('assets/images/icons/competition.svg') no-repeat right center / contain;
}
.services .esab__container .wp-block-esab-accordion-child#corporate .esab__head::after {
    background: url('assets/images/icons/corporate.svg') no-repeat right center / contain;
}
.services .esab__container .wp-block-esab-accordion-child#criminal .esab__head::after {
    background: url('assets/images/icons/criminal.svg') no-repeat right center / contain;
}
.services .esab__container .wp-block-esab-accordion-child#gavel .esab__head::after {
    background: url('assets/images/icons/gavel.svg') no-repeat right center / contain;
}
.services .esab__container .wp-block-esab-accordion-child#intellectual .esab__head::after {
    background: url('assets/images/icons/intellectual.svg') no-repeat right center / contain;
}
.services .esab__container .wp-block-esab-accordion-child#labor .esab__head::after {
    background: url('assets/images/icons/labor.svg') no-repeat right center / contain;
}
.services .esab__container .wp-block-esab-accordion-child#mergers .esab__head::after {
    background: url('assets/images/icons/mergers.svg') no-repeat right center / contain;
}
.services .esab__container .wp-block-esab-accordion-child#realestate .esab__head::after {
    background: url('assets/images/icons/realestate.svg') no-repeat right center / contain;
}
.services .esab__container .wp-block-esab-accordion-child#sales .esab__head::after {
    background: url('assets/images/icons/sales.svg') no-repeat right center / contain;
}
.services .esab__container .wp-block-esab-accordion-child#scale .esab__head::after {
    background: url('assets/images/icons/scale.svg') no-repeat right center / contain;
}
.services .esab__container .wp-block-esab-accordion-child#tax .esab__head::after {
    background: url('assets/images/icons/tax.svg') no-repeat right center / contain;
}
.services .esab__container .wp-block-esab-accordion-child#team .esab__head::after {
    background: url('assets/images/icons/team.svg') no-repeat right center / contain;
}

/* OUR TEAM */
/* 
.initials {
    position: relative;
}
.initials p {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    font-size: 15vw;
    line-height: 15vw !important;
    height: 100;
} */
.person a,
.our-team a {
    text-decoration: none !important;
    font-family: inherit !important;
}

/* MAPS */
#map {
    min-height: 500px;
    width: 100%;
    clip-path: ellipse(50% 100% at 50% 100%);
}

@media screen and (max-width: 1000px) {
    #map {
        min-height: 40vw;
    }
}

@media screen and (max-width: 782px) {
    #map {
        width: 100%;
        clip-path: ellipse(50% 100% at 50% 100%);
    }
}


/* SLIDER */
.slider {
    height: 100% !important;
    margin-bottom: 0 !important;
}

.slider ul.slick-dots{
    position: absolute;
    left: 0;
    right: 0;
    top: 10%;
    height: 0px;
}
.slider ul.slick-dots li{
    margin: 0 15px;
}
.slider ul.slick-dots li button{
    border-radius: 50%;
    background: none !important;
    border: 2px solid #8a7459 !important;
}
.slider ul.slick-dots li.slick-active button{
    background: #8a7459 !important;
}
.slider ul.slick-dots li button::before{
    display: none !important;
}
.slider .slick-cloned,
.slider .slick-slide {
    height: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* CUSTOM POST PAGINATION */
.custom-post-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
}
.custom-post-pagination a {
    margin: 0 10px;
}
.custom-post-pagination .current {
    margin: 0 10px;
    color: #4d443d;
}
.custom-post-pagination .dots {
    color: #4d443d;
}

/* LANG SWITCHER */
.wpml-language-switcher-navigation-block ul li[data-wpml="current-language-item"] {
    display: none !important;
}
.wpml-language-switcher-navigation-block ul li[data-wpml="language-item"] {
    display: inline-flex !important;
    justify-content: center;
    border: 1px solid #4d443d;
    border-radius: 0.5rem;
    font-size: 12px !important;
    text-transform: uppercase;
    text-decoration: none !important;
    cursor: pointer;
    margin-top: 0 !important;
    width: 2rem;
    height: 1.35rem;
}
.wpml-language-switcher-navigation-block ul li[data-wpml="language-item"]:hover {
    border: 1px solid #8a7459;
}
.wpml-language-switcher-navigation-block ul li[data-wpml="language-item"]:hover a {
    text-decoration: none !important;
}
.wpml-language-switcher-navigation-block ul li[data-wpml="language-item"]:hover a span {
    color: #8a7459 !important;
}