/*
Theme Name: Webdesk
Theme URI: https://www.webdesk.ro/
Author: Webdesk Agency
Author URI: https://www.webdesk.ro
Description: Webdesk theme - created by Webdesk.ro
Requires at least: 5.9
Tested up to: 6.0
Requires PHP: 5.6
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: relaxit
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
*/

/*********
**********
********** HEADER
**********
**********/

#wd-header { height: 120px; width: calc(100% - 40px);  padding: 0px 20px; background: var(--dark); position: fixed; top: 0px; left: 0px; z-index: 1000; transition: .3s height; }
#wd-header.scroll { height: 100px; transition: .3s height; }
#wd-header.open, #wd-header.open.scroll { height: 100vh; background: var(--dark); transition: .3s all; }
#wd-header .wd-header-inner { width: 1400px; max-width: 100%; height: 100%; margin: 0 auto; position: relative; transition: .3s all; }
#wd-header.scroll .wd-header-inner { height: 100%; transition: .3s all; }
#wd-header .wd-header-inner > div { display: inline-block; }

body:not(.admin-bar) #wd-header { top: 0px; }
body.admin-bar #wd-header { top: 32px; }

@media only screen and (max-width: 991px) {
#wd-header { height: 100px; width: calc(100vw - 40px); }
body.admin-bar #wd-header { top: 46px; }
body #wd-header.scroll { top: 0px; }
#wd-header .wd-header-inner, #wd-header.scroll .wd-header-inner { height: 100%; }
}

/* LOGO */
#wd-header .wd-header-inner > div.logo { position: relative; width: 120px; height: 120px; transition: .3s all; }
#wd-header.scroll .wd-header-inner > div.logo { transition: .3s all; height: 100px; }
#wd-header .wd-header-inner > div.logo a { width: 250px; max-width: 100%; height: 100%; top: 50%; transform: translatey(-50%); position: absolute; }
#wd-header .wd-header-inner > div.logo a img { position: absolute; top: 50%; transform: translatey(-50%); width: 100px; transition: .3s all; }
#wd-header.scroll .wd-header-inner > div.logo a img { width: 80px; transition: .3s all; }

@media only screen and (max-width: 991px) {
#wd-header .wd-header-inner > div.logo { height: 100px; }
#wd-header .wd-header-inner > div.logo a img { width: 80px; }
}

/* MENIU */
#wd-header .wd-header-inner > div.menu { pointer-events: none; width: 100vw; height: 100vh; position: fixed; max-height: 120px; max-width: 600px; overflow: hidden; left: calc(50% - 0px); transform: translatex(-50%); transition: .3s all; }
#wd-header .wd-header-inner > div.menu > ul { max-width: 600px; width: 100%; left: -100%; position: absolute; padding: 0px 5px; list-style: none; margin: 0; opacity: 0; visibility: hidden; top: 50%; transform: translatey(-50%); transition: .3s 0s opacity, .3s 0s visibility, .3s .3s left; }
#wd-header .wd-header-inner > div.menu ul li a { text-decoration: none; line-height: 15px; padding: 5px; text-align: center; font-size: 20px; display: block; color: var(--light); position: relative; transition: .3s all; top: 50%; transform: translatey(-50%); }
#wd-header .wd-header-inner > div.menu ul li a span { color: var(--primary); }
#wd-header .wd-header-inner > div.menu ul li .menu-item { height: 60px; transition: .3s all; }

/* SCROLL */
#wd-header.scroll .wd-header-inner > div.menu ul li .menu-item { height: 60px; transition: .3s all; }
#wd-header.scroll .wd-header-inner > div.menu ul li a { color: var(--light); transition: .3s all; }

/* OPEN */
#wd-header.open .wd-header-inner > div.menu { pointer-events: inherit; max-height: 100%; transition: .3s all; }
#wd-header.open .wd-header-inner > div.menu > ul { left: 0px; opacity: 1; visibility: visible; transition: .3s .3s opacity, .3s .3s visibility, .3s 0s left; }

/* SUBMENU */
#wd-header .wd-header-inner > div.menu .wd-submenu { padding-left: 0px; display: none; }
#wd-header .wd-header-inner > div.menu > ul > li > div.menu-item:hover ~ .wd-submenu, #wd-header .wd-header-inner > div.menu > ul > li > div.menu-item ~ .wd-submenu:hover { opacity: 1; visibility: visible; pointer-events: inherit; transition: .3s all; }
#wd-header .wd-header-inner > div.menu .wd-submenu li { display: block; height: 40px; width: 100%; opacity: .4; }

/* CURRENT PAGE */
#wd-header .wd-header-inner > div.menu ul li.current > .menu-item > a,
#wd-header .wd-header-inner > div.menu ul.wd-submenu > li.current > a { color: var(--primary); font-weight: 600; position: relative; }
/*
#wd-header .wd-header-inner > div.menu ul li.current > .menu-item > a:before,
#wd-header .wd-header-inner > div.menu ul.wd-submenu > li.current > a:before { content: ''; position: absolute; transition: .2s all; background: var(--primary); border: 1px solid var(--primary); width: 20px; margin-left: -30px; top: 50%; transform: translateY(-50%); }

#wd-header .wd-header-inner > div.menu ul.wd-submenu > li.current > a:before { left: -10px; top: 50%; transform: translatey(-50%); width: 15px; height: 1px; }
*/

/* OPENER */
#wd-header .wd-header-inner > .menu-opener { position: absolute; right: 0px; width: 80px; height: 80px; z-index: 101; top: 20px; transition: .3s all; }
#wd-header.scroll .wd-header-inner > .menu-opener { height: 80px; top: 10px; transition: .3s all; }
#wd-header .wd-header-inner > .menu-opener span { top: 50%; }
#wd-header .wd-header-inner > .menu-opener span, #wd-header .wd-header-inner > .menu-opener span:before, #wd-header .wd-header-inner > .menu-opener span:after
{ background-color: var(--light); width: 40px; height: 5px; position: absolute; left: 50%; transform: translate(-50%, -50%); border-radius: 3px; transition: .3s all; }
#wd-header .wd-header-inner > .menu-opener span:before { content: ''; top: calc(50% - 10px); }
#wd-header .wd-header-inner > .menu-opener span:after { content: ''; top: calc(50% + 10px); }

#wd-header.open .wd-header-inner > .menu-opener { background: var(--primary); transition: .3s all; }
#wd-header.open .wd-header-inner > .menu-opener span:after { opacity: 0; transition: .3s all; }
#wd-header.open .wd-header-inner > .menu-opener span { transform: translate(-50%, -50%) rotate(45deg); transition: .3s all; }
#wd-header.open .wd-header-inner > .menu-opener span:before { transform: translate(-50%, -50%) rotate(-90deg); top: 50%; transition: .3s all; }

@media only screen and (max-width: 991px) {
#wd-header .wd-header-inner > .menu-opener {height: 90px; top: 5px; }  
}

/* LANG SELECTOR */
#wd-header .wd-header-inner > div.wpml-ls { position: absolute; z-index: 110; right: 100px; top: 38px; transition: .3s all; }
#wd-header .wd-header-inner > div.wpml-ls ul li a { padding: 0px; }

#wd-header.scroll .wd-header-inner > div.wpml-ls { top: 28px; transition: .3s all; }

@media only screen and (max-width: 991px) {
#wd-header .wd-header-inner > div.wpml-ls { top: 30px; }
}

/*********
**********
********** FOOTER
**********
**********/

#wd-footer { width: 100%; vertical-align: middle; min-width: 300px; }
#wd-footer .wd-footer-inner { margin: 40px auto; width: 1200px; max-width: calc(100% - 40px); }
#wd-footer img { max-width: 250px; }

/* COLS */
#wd-footer .col { display: inline-block; vertical-align: top; padding: 30px 20px; }
#wd-footer .col.col-l-3 { width: calc(25% - 44px); }
#wd-footer .col.col-l-4 { width: calc(33% - 44px); }
#wd-footer .col.col-l-6 { width: calc(50% - 44px); }
#wd-footer .col.col-l-8 { width: calc(66% - 44px); }

@media only screen and (max-width: 991px) {
#wd-footer .col.col-m-6 { width: calc(50% - 44px); text-align: center; }
#wd-footer .col.col-m-12 { width: 100%; padding: 30px 0px; text-align: center; }
}

@media only screen and (max-width: 600px) {
#wd-footer .col.col-s-12 { width: 100%; padding: 30px 0px; }
}

/* H3 */
#wd-footer h3 { margin: 0px 0px 10px; color: var(--primary); font-weight: 300; }

/* LOGO */
#wd-footer .col.logo img { max-width: 200px; }

/* MENUs */
#wd-footer .menu { text-align: right; }
#wd-footer .menu ul { list-style: none; padding: 0px; }
#wd-footer .menu ul li { margin: 5px 0px; }
#wd-footer .menu ul li a { text-decoration: none; padding: 5px 0px; color: var(--light); font-size: 15px; opacity: .8; }

@media (max-width: 991px) {
#wd-footer .menu { text-align: center; } 
}

/* BOTTOM */
#wd-footer-bottom .col.bottom { background: var(--dark); color: var(--light); padding: 5px 0px; font-size: 14px; display: block; width: 100vw; position: relative; left: 50%; transform: translatex(-50%); text-align: center; }
#wd-footer-bottom .col.bottom a { color: var(--light); text-decoration: none; font-weight: bold; }

/* SOCIALS */
#wd-footer .wd-socials .wd-social { display: inline-block; width: 50px; height: 50px; position: relative; }

#wd-footer .wd-socials .wd-social a:before { content: ''; filter: invert(1); width: 100%; height: 100%; background-repeat: no-repeat; background-size: 70%; background-position: center center; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

#wd-footer .wd-socials .wd-social.facebook a { background: #3b5998; }
#wd-footer .wd-socials .wd-social.instagram a { background: #C13584; }
#wd-footer .wd-socials .wd-social.twitter a { background: #1DA1F2; }
#wd-footer .wd-socials .wd-social.whatsapp a { background: #25D366; }

#wd-footer .wd-socials .wd-social.facebook a:before { background-image: url('uploads/icons/wd-facebook.png'); }
#wd-footer .wd-socials .wd-social.instagram a:before { background-image: url('uploads/icons/wd-instagram.png'); }
#wd-footer .wd-socials .wd-social.twitter a:before { background-image: url('uploads/icons/wd-twitter.png'); }
#wd-footer .wd-socials .wd-social.whatsapp a:before { background-image: url('uploads/icons/wd-whatsapp.png'); }

/*********
**********
********** PREFOOTER
**********
**********/

#wd-prefooter { padding: 60px 15px; background: var(--lightbg); }
#wd-prefooter .wd-prefooter-inner { max-width: 700px; margin: 0 auto; }
#wd-prefooter .wd-prefooter-inner .wd-form { text-align: center; }
#wd-prefooter .wd-prefooter-inner .wd-form input.wpcf7-text, #wd-prefooter .wd-prefooter-inner .wd-form textarea { width: calc(100% - 45px); }
#wd-prefooter .wd-prefooter-inner .wd-form .wpcf7-submit { background: var(--dark); color: var(--light); padding: 10px 30px; width: 180px; font-size: 20px; border: none; border-radius: 30px; }

/*********
**********
********** TESTIMONIALE
**********
**********/

.wd-testimonial { padding: 20px 15px; margin: 25px 20px; background: var(--light); }
.wd-testimonial:after { content: ',,'; color: var(--primary); position: absolute; font-size: 120px; line-height: 0px; left: 32px; top: 50%; height: 40px; width: 40px; letter-spacing: -20px; font-family: sans-serif; }
.wd-testimonial > p { opacity: .6; font-size: 14px; font-style: italic; padding-left: 50px; }
.wd-testimonial > div { padding: 0px 20px 0px 80px; margin: 30px 0px; position: relative; }
.wd-testimonial > div > img { position: absolute; width: 60px; height: 60px; border-radius: 50%; left: 0px; top: 0px; }
.wd-testimonial > div > * { margin: 0px; }
.wd-testimonial > div > h3 { font-weight: bold; color: var(--primary); }

/*********
**********
********** TEAM
**********
**********/


body .wd-members { width: 100%; }

body .wd-members .wd-member { position: relative; display: inline-block; width: calc(33% - 4px); margin: 5px 2px; background: var(--lightbg); text-align: center; padding: 30px 15px;}

@media (max-width: 991px) {
body .wd-members .wd-member { width: 100%; }
}

body .wd-members .wd-member a .avatar { height: 150px; width: 150px; margin: 0 auto 20px; border-radius: 50%; border: 5px solid var(--secondary); outline: 2px solid var(--primary); background-size: cover; background-position: center center; background-repeat: no-repeat; }

body .wd-members .wd-member a .name { margin-bottom: 0px; }

body .wd-members .wd-member a .function { font-size: 14px; }

body .wd-members .wd-member a .wd-button { margin: 15px auto 0px auto; }


/* SINGLE POST */
.single-members #wd-header { background: var(--light); }
.single-members #wd-header .wd-header-inner > div.logo { filter: unset; }
.single-members #wd-header .wd-header-inner > div.menu ul li a { color: var(--dark); }

.single-members .is-layout-flow { position: relative; width: 1200px; max-width: 100%; margin: 230px auto 0px !important; padding: 30px 30px 30px 300px; }
.single-members .is-layout-flow:before { content: ''; width: calc(100% - 150px); height: 100%; left: 150px; position: absolute; top: 50%; transform: translatey(-50%); background: white; z-index: -1; }
.single-members .is-layout-flow .wp-block-post-featured-image { position: absolute; left: 0px; top: -150px; margin: 0px !important; border-radius: 50%; overflow: hidden; width: 300px; height: 300px; box-shadow: 0px 0px 20px -5px rgb(0 0 0 / 10%); }
.single-members .is-layout-flow .wp-block-post-featured-image .wp-block-post-featured-image__overlay { display: none; }

@media (max-width: 991px) {
.single-members .is-layout-flow { padding: 240px 30px 30px; margin: 80px auto 0px !important; }
.single-members .is-layout-flow:before { width: 100%; height: calc(100% - 120px); left: 50%; transform: translatex(-50%); top: 120px; }
.single-members .is-layout-flow .wp-block-post-featured-image { width: 240px; height: 240px; left: 50%; transform: translatex(-50%); top: 0px; }
}

/*********
**********
********** SERVICII
**********
**********/

.wd-servicii > .item { padding: 20px 20px 20px 130px; box-shadow: 0px 10px 20px -10px rgb(0 100 255 / 20%); background: var(--light); border-radius: 5px; margin: 20px auto; max-width: 500px; vertical-align: middle; position: relative; min-height: 100px; }
.wd-servicii > .item:before { left: 20px; top: 20px; width: 70px; height: 70px; border-radius: 5px; background-color: var(--primary); background-size: 75%; background-repeat: no-repeat; background-position: center center; content: ''; position: absolute; }
.wd-servicii > .item:after { width: 40px; height: 40px; left: 70px; top: 70px; font-size: 25px; background: var(--lightbg); border-radius: 50%; content: '01'; text-align: center; line-height: 40px; position: absolute; font-weight: bold; }

.wd-servicii > .item#spalatorie-covoare:before { background-image: url('uploads/icons/vitan-clean-serviciu-1.png'); }
.wd-servicii > .item#spalatorie-covoare:after { content: '01'; color: var(--primary); }

.wd-servicii > .item#spalatorie-textile:before { background-image: url('uploads/icons/vitan-clean-serviciu-2.png'); }
.wd-servicii > .item#spalatorie-textile:after { content: '02'; color: var(--primary); }

.wd-servicii > .item#calcatorie-rufe:before { background-image: url('uploads/icons/vitan-clean-serviciu-3.png'); }
.wd-servicii > .item#calcatorie-rufe:after { content: '03'; color: var(--primary); }

.wd-servicii > .item#curatare-mochete:before { background-image: url('uploads/icons/vitan-clean-serviciu-4.png'); }
.wd-servicii > .item#curatare-mochete:after { content: '04'; color: var(--primary); }

.wd-servicii > .item#curatare-canapele:before { background-image: url('uploads/icons/vitan-clean-serviciu-5.png'); }
.wd-servicii > .item#curatare-canapele:after { content: '05'; color: var(--primary); }

.wd-servicii > .item#servicii-curatenie:before { background-image: url('uploads/icons/vitan-clean-serviciu-5.png'); }
.wd-servicii > .item#servicii-curatenie:after { content: '06'; color: var(--primary); }

.wd-servicii > .item h3 { font-size: 20px; margin-bottom: 10px; font-weight: bold; padding-top: 10px; }

.wd-servicii > .item a { position: relative; font-size: 16px; color: rgba(0,0,0,.7); }
.wd-servicii > .item a:after { content: ''; background: url('uploads/icons/wd-next.webp') no-repeat center center; top: 50%; transform: translatey(-50%); background-size: cover; width: 15px; height: 15px; position: absolute; margin-left: 10px; filter: invert(1);  }

/*********
**********
********** DETALII SERVICIU
**********
**********/
.wd-highlight.wd-light { border: unset; background: var(--secondary); padding: 20px; }

.wd-detalii-serviciu .pret-serviciu .wd-highlight.wd-light { border-color: var(--primary); padding: 15px 20px 45px 20px; margin: 15px 0px; background: rgba(255,255,255,.05); position: relative; transition: .3s all; }
.wd-detalii-serviciu .pret-serviciu .wd-highlight.wd-light:hover { border-color: var(--secondary); }
.wd-detalii-serviciu .pret-serviciu .wd-highlight.visible { padding: 15px 0px 15px 20px; transition: .3s all; }

.wd-detalii-serviciu .pret-serviciu .specificatii { font-size: 14px; }
.wd-detalii-serviciu .pret-serviciu .specificatii > span { border: 1px solid var(--primary); color: var(--light); font-size: 12px; padding: 5px 10px; }
.wd-detalii-serviciu .pret-serviciu .specificatii > span a { color: var(--light); }

.wd-detalii-serviciu .pret-serviciu h3 { font-size: 24px; margin-bottom: 7px; }
.wd-detalii-serviciu .pret-serviciu h3 .pret { color: var(--secondary); font-weight: bold; margin-top: 15px; position: relative; }

.wd-detalii-serviciu .pret-serviciu .show-more { color: var(--light); overflow: hidden; position: absolute; left: 20px; bottom: 20px; display: inline-block; padding: 5px 0px 5px 40px; font-size: 16px; margin-top: 15px; z-index: 1; transition: .3s all; }
.wd-detalii-serviciu .pret-serviciu .wd-highlight.visible .show-more { max-height: 0px; padding: 0px; transition: .3s all; }
.wd-detalii-serviciu .pret-serviciu .show-more:after { content: '+'; position: absolute; z-index: -1; width: 30px; height: 30px; border: 2px solid var(--secondary); left: 0px; text-align: center; line-height: 26px; top: 50%; transform: translatey(-50%); transition: .3s all; }
.wd-detalii-serviciu .pret-serviciu .show-more:hover:after { background: var(--secondary); color: var(--dark); transition: .3s all; }


.wd-detalii-serviciu .pret-serviciu .detalii { max-height: 0px; display: inline-block; overflow: hidden; transition: .3s all; }
.wd-detalii-serviciu .pret-serviciu .wd-highlight.visible .detalii { max-height: 1000px; transition: .3s all; }
.wd-detalii-serviciu .pret-serviciu .detalii .descriere { font-size: 16px; margin: 0px 0px; transition: .3s all; }
.wd-detalii-serviciu .pret-serviciu .wd-highlight.visible .detalii .descriere { margin: 15px 0px 0px; transition: .3s all; }
.wd-detalii-serviciu .pret-serviciu .descriere:before { content: 'Descriere: '; font-size: 1.1em; color: var(--primary); font-weight: bold; }

.wd-detalii-serviciu .descriere-serviciu ul, .wd-detalii-serviciu .descriere-serviciu ol { color: var(--light); list-style: none; padding-left: 0px; font-size: 14px; }
.wd-detalii-serviciu .descriere-serviciu li { padding: 5px 0px 5px 20px; position: relative; }

.wd-detalii-serviciu .descriere-serviciu ul li:before { content: ''; width: 30px; height: 30px; position: absolute; top: 5px; left: -10px; filter: invert(1); background: url('uploads/icons/wd-check.svg') no-repeat center center; background-size: 15px; }

.wd-detalii-serviciu .descriere-serviciu ol { counter-reset: my-awesome-counter; }
.wd-detalii-serviciu .descriere-serviciu ol li { padding: 5px 0px 5px 40px; position: relative; counter-increment: my-awesome-counter; }
.wd-detalii-serviciu .descriere-serviciu ol li:before { content: "0" counter(my-awesome-counter); color: var(--secondary); top: 0px; font-weight: bold; font-size: 25px; position: absolute; left: 0px; }

/*********
**********
********** DETALII SERVICIU TABEL
**********
**********/

.wd-tabel { position: relative; margin: 0 auto; }

@media (max-width: 991px) {
.wd-tabel { max-width: 450px; }
}

.wd-tabel table { text-align: left; display: block; position: relative; overflow-y: auto; color: var(--light); width: 100%; }
.wd-tabel.dark table { color: var(--dark); }

.wd-tabel table tr:nth-of-type(odd) { background: rgba(255,255,255,0); }
.wd-tabel table tr:nth-of-type(even) { background: rgba(255,255,255,.05); }

.wd-tabel table thead, .wd-tabel table tbody { display: inline-table; width: 100%; }
.wd-tabel table thead { position: sticky; top: 0px; background: var(--primary); }
.wd-tabel table thead tr { font-size: 16px; }

.wd-tabel table tbody tr { font-size: 14px; border-bottom: 1px solid var(--primary); display: block; }

.wd-tabel table td, .wd-tabel table th { padding: 5px; }
.wd-tabel table td:nth-of-type(1), .wd-tabel table th:nth-of-type(1) { width: calc(100% - 100px); }
.wd-tabel table td:not(:nth-of-type(1)), .wd-tabel table th:not(:nth-of-type(1)) { width: 90px; }

html[lang="ro-RO"] .wd-tabel.suprafata table td:nth-of-type(2):after { content: ' mp'; }
html[lang="en-US"] .wd-tabel.suprafata table td:nth-of-type(2):after { content: ' sqm'; }
.wd-tabel.pret table td:nth-of-type(2):before { content: '€'; }

/*********
**********
********** CUSTOM LIST
**********
**********/

.wd-custom-list { padding-left: 0px; counter-reset: orderedlist; width: 500px; max-width: 100%; margin: 20px auto 0px; }
.wd-custom-list li { position: relative; color: var(--light); padding-right: 50px; border-bottom: 1px solid var(--primary); padding: 10px 0px 10px 30px; list-style: none; }
.wd-custom-list li:before { counter-increment: orderedlist; content: counter(orderedlist) ' '; color: var(--primary); font-size: 30px; font-weight: bold; position: absolute; left: 0px; top: 50%; transform: translatey(-50%); }
.wd-custom-list li > span { position: absolute; color: var(--light); font-weight: bold; right: 0px; background: var(--primary); width: 150px; text-align: center; height: 35px; line-height: 35px; top: 50%; transform: translatey(-50%); }

html[lang="ro-RO"] .wd-custom-list li:not(.exceptie) > span:after { content: ' mp'; }
html[lang="en-US"] .wd-custom-list li:not(.exceptie) > span:after { content: ' sqm'; }

/* SUPRAFETE */
ul.wd-custom-list li { padding: 10px 0px; }
ul.wd-custom-list li:before { content: none; }

/* DIFERITE */
.wd-custom-list li.dif { border-bottom: 1px solid var(--light); }
.wd-custom-list li.dif:before { color: var(--light); }
.wd-custom-list li.dif > span { background: var(--light); color: var(--dark); }

/* DISCLAIMER */
.wd-disclaimer { color: var(--light); opacity: .7; text-transform: italic; text-align: center; width: 500px; max-width: 100%; margin: 60px auto; }

/*********
**********
********** NEWS
**********
**********/

#wd-news .display-posts-listing { margin: 0 auto; max-width: 1200px; }
#wd-news .display-posts-listing .listing-item { width: calc(25% - 10px); text-align: center; display: inline-block; background: var(--light); margin: 5px; padding: 15px; overflow: hidden; }

@media (max-width: 991px) {
#wd-news .display-posts-listing .listing-item { width: calc(50% - 10px); }
}

@media (max-width: 600px) {
#wd-news .display-posts-listing .listing-item { width: calc(100% - 10px); }
}

#wd-news .display-posts-listing .listing-item > * { display: block; }

#wd-news .display-posts-listing .listing-item .image, #wd-news .display-posts-listing .listing-item .image img { width: 100%; }

#wd-news .display-posts-listing .listing-item .title { font-size: 16px; color: var(--primary); width: calc(100% - 20px); margin: 10px auto; font-weight: bold; }

#wd-news .display-posts-listing .listing-item .date { font-size: 13px; margin: 10px auto 0px; }

#wd-news .display-posts-listing .listing-item .excerpt { font-size: 12px; }

/* SINGLE POST */
body.single-post .wp-site-blocks { padding-top: 0px; }
body.single-post .wd-blog-hero { position: relative; width: 1400px; margin: 0 auto; max-width: 100%; }
body.single-post .wp-block-post-featured-image { max-height: 600px;  overflow: hidden; margin: 0px !important; }

body.single-post .wd-blog-title { background: rgb(49 68 85 / 80%); padding: 20px 30px; margin: 0px; width: 940px; max-width: calc(100% - 40px); bottom: 0px; left: 50%; transform: translatex(-50%); position: absolute; text-align: center; }
body.single-post .wd-blog-title h1 { color: var(--light); font-size: 60px; }

body.single-post .wd-blog-title > div { margin-top: 0px; }

body.single-post .wp-block-post-author__name { display: inline-block; color: var(--light); }
body.single-post .wp-block-post-author__name:before { content: 'Scris de '; }

body.single-post .wp-block-post-date { color: var(--light); }

body.single-post .wp-block-post-content { width: 900px; max-width: calc(100% - 80px); margin: 0 auto; background: var(--light); padding: 30px 20px 50px; box-shadow: 0px -30px 40px rgba(0,0,0,.1); position: relative; z-index: 10; }
body.single-post .wp-block-post-content > * { width: 600px; max-width: 100%; }
body.single-post .wp-block-post-content h2 { color: var(--primary); }
body.single-post .wp-block-post-content p { font-size: 16px; }
body.single-post .wp-block-post-content p:nth-of-type(2) { padding: 15px 0px 15px 40px; font-size: 18px; border-left: 2px solid var(--primary); width: 560px; max-width: calc(100% - 40px); }


@media (max-width: 991px) {
body.single-post h1 { font-size: 50px; }
}

@media (max-width: 600px) {
body.single-post h1 { font-size: 40px; }
}

/*********
**********
********** FORM
**********
**********/
.wd-form { text-align: center; }
.wd-form .wd-col { display: inline-block; position: relative; }
.wd-form .wd-col > span { display: block; width: 100%; position: relative; }
.wd-form .wd-col.wd-6 { width: calc(50% - 4px); }
.wd-form .wd-col.wd-12 { width: calc(100% - 4px); }

@media (max-width: 768px) {
.wd-form .wd-col.wd-6 { width: calc(100% - 4px); }
}

.wd-form input.wpcf7-text, .wd-form textarea { background: none; outline: none; border: none; border-bottom: 2px solid var(--primary); color: var(--light); padding: 15px 20px; margin: 2.5px; width: calc(100% - 2.5px); }
.wd-form input.wpcf7-text::placeholder, .wd-form textarea::placeholder { color: var(--light); opacity: .7; }

/* SUBMIT */
.wd-form p { margin: 0px 0px 30px; text-align: center; }
.wd-form input[type=submit] { background: var(--primary); color: var(--light); font-size: 20px; border: none; padding: 10px 20px; }
.wd-form .wpcf7-spinner { display: none; }

.wd-form p { position: relative; }
.wd-form p .wpcf7-spinner { position: absolute; left: 50%; transform: translatex(-50%); margin: 0px; top: 50px; }

/* CHECKBOXES */

.wd-form .wd-acceptare { margin: 25px 0px 10px; }
.wd-form .wd-acceptare > p { margin: 10px 0px; text-align: left; }
.wd-form .wd-acceptare > p a { color: var(--primary); }

.wd-form .wpcf7-list-item a { color: var(--primary); }

/*********
**********
********** CONTACT INFO
**********
**********/
.wd-contact a { display: block; margin: 10px 0px; padding: 10px 0px 10px 50px; position: relative; font-size: 16px; }
.wd-contact a:before, .wd-contact a:after { content: ''; width: 40px; height: 40px; left: 0px; top: 2.5px; position: absolute; }
.wd-contact a:before { background: var(--primary); border-radius: 50%; }
.wd-contact a:after { filter: invert(1); background-size: 60%; background-position: center center; background-repeat: no-repeat; }
.wd-contact a.phone:after { background-image: url('uploads/icons/wd-phone.png'); }
.wd-contact a.email:after { background-image: url('uploads/icons/wd-email.png'); }
.wd-contact a.address:after { background-image: url('uploads/icons/wd-map.png'); }

/*********
**********
********** SOCIAL BUTTONS
**********
**********/
.wd-social-buttons { position: fixed; bottom: 0px; right: 0px; width: 140px; height: 140px; z-index: 100; }

.wd-social-buttons .wd-opener, .wd-social-buttons .wd-opener:after, .wd-social-buttons .inner > a, .wd-social-buttons .inner > a:after { position: absolute; border-radius: 50%; background-size: 30px; background-repeat: no-repeat; background-position: center center; }

.wd-social-buttons .wd-opener { background-color: var(--dark); box-shadow: 0px 0px 40px var(--primary); border: 2px solid var(--primary); width: 100px; height: 100px; right: 10px; bottom: 10px; z-index: 2; transition: .3s all; }
.wd-social-buttons.open .wd-opener { width: 60px; height: 60px; box-shadow: 0px 0px 0px var(--primary); transition: .3s all; }

.wd-social-buttons .inner { position: absolute; width: 100%; height: 100%; right: 0px; bottom: 0px; z-index: 1; opacity: 0; transition: .3s all; }
.wd-social-buttons.open .inner { opacity: 1; transition: .3s all; }
.wd-social-buttons .inner > a { background-color: var(--primary); width: 50px; height: 50px; transition: .3s all; left: 60px; top: 60px; }
.wd-social-buttons.open .inner > a { transition: .3s all; }
.wd-social-buttons.open .inner > a:nth-of-type(1) { left: 27.5px; top: 27.5px; }
.wd-social-buttons.open .inner > a:nth-of-type(2) { left: 80px; top: 10px; }
.wd-social-buttons.open .inner > a:nth-of-type(3) { left: 10px; top: 80px; }

.wd-social-buttons .wd-opener:after, .wd-social-buttons .inner > a:after { content: ''; filter: invert(1); width: 100%; height: 100%; }

.wd-social-buttons .wd-opener:after { content: "Fa-ne o vizita"; text-align: center; transition: .3s all; line-height: 15px; font-size: 16px; top: 50%; transform: translatey(-50%); height: auto; }
html[lang="ro-RO"] .wd-social-buttons .wd-opener:after { content: "Fa-ne o vizita"; }
html[lang="en-US"] .wd-social-buttons .wd-opener:after { content: "Give us a call"; }
.wd-social-buttons.open .wd-opener:after { content: '' !important; filter: invert(1); background-image: url('uploads/icons/wd-close.svg'); height: 100%; background-size: 20px; transition: .3s all; }

.wd-social-buttons .inner > a.wd-call:after { background-image: url('uploads/icons/wd-phone.png'); }
.wd-social-buttons .inner > a.wd-map:after { background-image: url('uploads/icons/wd-map.png'); }
.wd-social-buttons .inner > a.wd-waze:after { background-image: url('uploads/icons/wd-waze.png'); }

/*********
**********
********** TIMELINE
**********
**********/

.wd-timeline { width: 800px; max-width: 100%; }
.wd-timeline .wd-timeline-item { width: 100%; text-align: left; margin: 40px 0px; padding: 40px 20px 40px 50px; opacity: .4; position: relative; transition: .3s all; }
.wd-timeline .wd-timeline-item.active { opacity: 1; padding: 40px 20px 40px 80px; transition: .3s all; }

.wd-timeline .wd-timeline-item h3 { max-width: 600px; margin: 0 0 20px 60px; color: var(--light); transition: .3s all; }
.wd-timeline .wd-timeline-item.active h3 { margin: 0 0 20px 0; transition: .3s all; }

.wd-timeline .wd-timeline-item span { color: var(--light); position: absolute; left: 0px; top: 30px; transform: translatey(0%) rotate(0deg); font-size: 40px; border-bottom: 2px solid transparent; font-weight: bold; transition: .3s all; text-align: center; }
.wd-timeline .wd-timeline-item.active span { top: 50%; transform: translatey(-50%) rotate(-90deg); left: -30px; transition: .3s all; border-bottom: 2px solid var(--primary); }

.wd-timeline .wd-timeline-item p { color: var(--light); opacity: 0; transition: .3s all; max-width: 600px; margin: 0px; }
.wd-timeline .wd-timeline-item.active p { opacity: 1; transition: .3s all; }

/*********
**********
********** ACCORDION
**********
**********/

.wd-accordion { width: 1000px; max-width: 100%; position: relative; }

.wd-accordion .navigator { top: 0px; position: absolute; }
.wd-accordion .navigator.scroll { position: fixed; top: 50%; transform: translatey(-50%); }
.wd-accordion .navigator.scroll.bottom { position: absolute; bottom: 0px; top: unset; transform: none; }

.wd-accordion .navigator > a { padding: 10px 0px; position: relative; margin: 5px 0px; display: block; font-size: 16px; font-weight: bold; opacity: .4; }
.wd-accordion .navigator > a span { transition: .3s all; }
.wd-accordion .navigator > a span:nth-of-type(1) { font-size: 30px; }
.wd-accordion .navigator > a span:nth-of-type(2) { font-size: 16px; }
.wd-accordion .navigator > a.active { opacity: 1; transition: .3s all; }
.wd-accordion .navigator > a.active span { transition: .3s all; }
.wd-accordion .navigator > a.active span:nth-of-type(1) { color: var(--primary); }
.wd-accordion .navigator > a.active span:nth-of-type(2) { font-size: 18px; }

.wd-accordion .items { margin: 50px auto; }
.wd-accordion .items .item { padding: 60px 20px 0px; margin: 30px 0px; opacity: .4; transition: .3s all; }
.wd-accordion .items .item:nth-of-type(1) { padding: 60px 20px 0px; }
.wd-accordion .items .item.active { opacity: 1; transition: .3s all; }

.wd-accordion .items .item > .inner > div { background-size: cover; background-position: center center; background-repeat: no-repeat; height: 300px; width: 100%; margin-bottom: 10px; }

.wd-accordion .items .item > .inner { border: 3px solid transparent; border-radius: 25px; overflow: hidden; transition: .3s all; }
.wd-accordion .items .item.active > .inner { border-color: var(--dark); transition: .3s all; }
.wd-accordion .items .item > .inner > h3, .wd-accordion .items .item > .inner > p { margin-left: 15px; margin-right: 15px; }

/* DESKTOP */
@media (min-width: 991px) {
.wd-accordion { padding-left: 200px; }
.wd-accordion .navigator { width: 220px; margin-left: -200px; }
.wd-accordion .items { width: calc(100% - 200px); }
.wd-accordion .navigator > a > span:nth-of-type(1) { display: none; }
}

/* MOBIL */
@media (max-width: 991px) {
.wd-accordion { padding-left: 50px; }
.wd-accordion .navigator { width: 40px; margin-left: -40px; }
.wd-accordion .items { width: calc(100% - 50px); }
.wd-accordion .navigator > a > span:nth-of-type(2) { display: none; }
}

/*********
**********
********** SERVICII - SLIDER
**********
**********/

.wd-text-slider > span > span.activ, .wd-text-slider > span > span.prev, .wd-text-slider > span > span.next { transition: .3s all; }

.wd-text-slider { position: relative; color: var(--light); text-align: center; margin: 80px 0px; font-size: 35px; }
.wd-text-slider span { position: relative; color: var(--light); }
.wd-text-slider > span:nth-of-type(1) { margin-right: -8px; width: 110px; text-align: right; }
.wd-text-slider > span:nth-of-type(2) { font-size: 30px; }
.wd-text-slider > span > span { opacity: 0; position: absolute; font-size: 30px; color: var(--primary); top: 50px; font-weight: bold; }
.wd-text-slider > span > span.activ { top: 0px; opacity: 1; position: relative; }
.wd-text-slider > span > span.prev, .wd-text-slider > span > span.next { opacity: 0; left: 0px; }
.wd-text-slider > span > span.prev { top: -20px; }
.wd-text-slider > span > span.next { top: 25px; }

/*********
**********
********** WD VIDEOS
**********
**********/

.wd-videos { position: relative; }

.wd-videos .item { position: relative; margin: 20px auto; border: 2px solid var(--light); max-width: 404px; border-radius: 5px; }

.wd-videos .item h3 { position: absolute; bottom: 0px; z-index: 11; color: var(--light); left: 20px; line-height: 1.2em; bottom: 10px; margin: 0px; }
.wd-videos .item h3 span { font-weight: bold; color: var(--primary); display: block; font-size: 1.2em; }

.wd-videos .item .wd-video { width: 400px; height: 200px; max-width: 100%; border-radius: 5px; overflow: hidden; position: relative; background-size: cover; background-position: center center; background-repeat: no-repeat; cursor: pointer; }
.wd-videos .item .wd-video:before, .wd-videos .item .wd-video:after { content: ''; position: absolute; left: 50%; }
.wd-videos .item .wd-video:before { transform: translatex(-50%); bottom: 0px; width: 100%; height: 150px; background: -webkit-linear-gradient(90deg, var(--dark), transparent); background: linear-gradient(0deg, var(--dark), transparent); }
.wd-videos .item .wd-video:after { width: 50px; height: 50px; background-repeat: no-repeat; background-size: 100%; background-position: center center; top: 50%; transform: translate(-50%, -50%); background-image: url('uploads/icons/wd-play.png'); }

.wd-videos .item .wd-video.loading:after { background-image: url('uploads/icons/wd-loading.png'); animation: loading .8s infinite; }

@keyframes loading {
    from { transform: translate(-50%,-50%) rotate(0deg); }
    to { transform: translate(-50%,-50%) rotate(360deg); }
}

/* INLINE */
.wd-videos.inline .item { width: 33%; display: inline-block; }

@media (max-width: 991px) {
.wd-videos.inline .item { width: 100%; display: block; }
}

#wd-video-player { width: 90vw; height: calc(100vh - 190px); padding: 120px 0px 70px; background: var(--dark); box-shadow: 0px 0px 0px 2000px var(--dark); z-index: 110; opacity: 0; visibility: hidden; transition: .3s all; position: fixed; top: 0px; left: 5vw; }
#wd-video-player.activ { opacity: 1; visibility: visible; transition: .3s all; }

#wd-video-player iframe { max-width: 800px; max-height: 400px; left: 50%; top: 50%; transform: translate(-50%,-50%); position: relative; }

#wd-video-player .close { content: ''; filter: invert(1); position: absolute; width: 50px; height: 50px; background-repeat: no-repeat; background-size: 80%; background-position: center center; bottom: 10px; left: 50%; transform: translatex(-50%); background-image: url('uploads/icons/wd-close.svg');}

/*********
**********
********** LISTA CASA
**********
**********/

.wd-top-icon { position: relative; padding-top: 130px; }
.wd-top-icon:before { content: ''; filter: brightness(0) invert(1); width: 100px; height: 100px; position: absolute; top: 0px; transform: translatex(-50%); left: 50%; background-size: 100%; background-position: center center; background-repeat: no-repeat; }

.wd-top-icon.wd-icon-fundatie:before { background-image: url('uploads/icons/casa/fundatie.png'); }
.wd-top-icon.wd-icon-zidarie:before { background-image: url('uploads/icons/casa/zidarie.png'); }
.wd-top-icon.wd-icon-izolatie:before { background-image: url('uploads/icons/casa/izolatie.png'); }
.wd-top-icon.wd-icon-baie:before { background-image: url('uploads/icons/casa/baie.png'); }
.wd-top-icon.wd-icon-gresie:before { background-image: url('uploads/icons/casa/gresie.png'); }
.wd-top-icon.wd-icon-parchet:before { background-image: url('uploads/icons/casa/parchet.png'); }
.wd-top-icon.wd-icon-geamuri:before { background-image: url('uploads/icons/casa/geamuri.png'); }
.wd-top-icon.wd-icon-centrala:before { background-image: url('uploads/icons/casa/centrala.png'); }
.wd-top-icon.wd-icon-radiatoare:before { background-image: url('uploads/icons/casa/radiatoare.png'); }
.wd-top-icon.wd-icon-panouri:before { background-image: url('uploads/icons/casa/panouri.png'); }
.wd-top-icon.wd-icon-apa:before { background-image: url('uploads/icons/casa/apa.png'); }
.wd-top-icon.wd-icon-canalizare:before { background-image: url('uploads/icons/casa/canalizare.png'); }


/*********
**********
********** CARUSEL
**********
**********/
body .wd-carusel-imagini > .e-con .elementor-image-carousel-wrapper .elementor-swiper-button { opacity: 0; padding: 10px; border-radius: 50%; transform: translatex(-50%); bottom: -20px; top: unset; transform: none; transition: .3s all; z-index: 10; }
body .wd-carusel-imagini > .e-con .elementor-image-carousel-wrapper .elementor-swiper-button-prev { left: calc(50% - 25px); }
body .wd-carusel-imagini > .e-con .elementor-image-carousel-wrapper .elementor-swiper-button-next { left: calc(50% + 25px); right: unset; }

body .wd-carusel-imagini > .e-con { padding: 0px 20px 0px 50px; transform: scale(.9); transition: .3s all; }

@media (min-width: 991px) {
body .wd-carusel-imagini > .e-con:nth-of-type(3n+1) { margin-top: 70px; }
body .wd-carusel-imagini > .e-con:nth-of-type(3n+2) { margin-top: 35px; }
}

@media (min-width: 768px) and (max-width: 991px) {
body .wd-carusel-imagini > .e-con:nth-of-type(2n+1) { margin-top: 70px; }
body .wd-carusel-imagini > .e-con:nth-of-type(2n+2) { margin-top: 35px; }
}

body .wd-carusel-imagini > .e-con:after { content: ''; pointer-events: none; opacity: 1; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; transition: .3s all; background: -webkit-linear-gradient(0deg,rgb(49 68 85 / 70%),transparent,transparent); background: linear-gradient(90deg,rgb(49 68 85 / 70%),transparent,transparent); z-index: 1; }
body .wd-carusel-imagini > .e-con .elementor-widget-html { position: absolute; top: 60px; left: 15px; pointer-events: none; }
body .wd-carusel-imagini > .e-con .elementor-widget-html h3 { font-size: 35px; transition: .3s all; }

body .wd-carusel-imagini > .e-con:hover { transform: scale(1); transition: .3s all; }
body .wd-carusel-imagini > .e-con:hover .elementor-image-carousel-wrapper .elementor-swiper-button { opacity: 1; bottom: -60px; transition: .3s all; }
body .wd-carusel-imagini > .e-con:hover .elementor-image-carousel-wrapper .elementor-swiper-button-prev { left: calc(50% - 25px); }
body .wd-carusel-imagini > .e-con:hover .elementor-image-carousel-wrapper .elementor-swiper-button-next { left: calc(50% + 25px); }
body .wd-carusel-imagini > .e-con:hover:after { opacity: 0; transition: .3s all; }
body .wd-carusel-imagini > .e-con:hover h3 { opacity: 0; transition: .3s all; }

@media (min-width: 991px) and (max-width: 1300px) {
body .wd-carusel-imagini > .e-con .elementor-widget-html h3 { font-size: 25px; }
}

/*********
**********
********** CUSTOM MAP
**********
**********/

.wd-custom-map { position: relative; }


.wd-custom-map-legend { position: absolute; top: 50%; transform: translatey(-50%); }
.wd-custom-map-legend p { padding-left: 40px; position: relative; }
.wd-custom-map-legend p:before { content: ''; width: 30px; height: 30px; position: absolute; top: 0px; left: 0px; background-repeat: no-repeat; background-position: center center; background-size: 25px; filter: brightness(0) invert(1); }

.wd-custom-map-legend p.acces:before { background-image: url('uploads/icons/wd-entrance.png'); }
.wd-custom-map-legend p.adresa:before { background-image: url('uploads/icons/wd-map.png'); }
.wd-custom-map-legend p.autobuz:before { background-image: url('uploads/icons/wd-bus.png'); }
.wd-custom-map-legend p.constanta:before { background-image: url('uploads/icons/wd-constanta.png'); }

@media (max-width: 991px) {
.wd-custom-map-legend { position: relative; transform: none; top: unset; }
}

/*********
**********
********** LEAF SHAPE
**********
**********/

.wd-leaf { padding: 45px 45px 45px; text-align: center; width: 450px; margin: 40px auto 20px; position: relative; max-width: 90vw; max-height: 90vw; background: #fbf6e9; border-radius: 40px; transition: .3s all; }
.wd-leaf:before { content: ''; width: 100%; height: 100%; border: 2px solid #000; position: absolute; top: -15px; right: -15px; background-size: cover; border-radius: 40px; transition: .3s all; } 
.wd-leaf:hover:before { right: 0px; top: 0px; border: 3px solid #f9c017; transition: .3s all; }

/*
.wd-leaf:after { content: ''; position: absolute; width: 150px; height: 150px; top: -70px; left: 50%; transform: translatex(-50%); background: url('uploads/images/leaf.png') no-repeat center center; background-size: cover; }
*/