/*
Theme Name: avvocatosarabocci.com
Theme URI: https://www.avvocatosarabocci.com/
Description: Tema avvocato Sara Bocci
Version: 1.0
Author: Alessio Piazzini
*/

@charset "UTF-8";
/* CSS Document */


:root {
  --primary-color1: #152536; /* Blu navy */
  --primary-color2: #FAF9F6; /* Bianco caldo */
  --primary-color3: #F0EDE7; /* Beige chiaro */
  --primary-color4: #272D33; /* Antracite */
  --primary-color5: #B59A70; /* Oro tenue */

  --secondary-color1: #0d1723;; /* Blu dark */
}

/* P */
html,body,p  {line-height:1.8;letter-spacing:.02em;}

/* Text color*/
.txt-primary-color1{color: var(--primary-color1);}
.txt-primary-color4{color: var(--primary-color4);}
.txt-primary-color5{color: var(--primary-color5);}

/* Title*/
h1,h2,h3 {font-family:"Cormorant Garamond";font-weight:600;}

/* HR */
hr {width: 50px; border: 0;height: 2px; opacity: 1; background-color: var(--neutral-color7);}

/* Letter spacing */
.ls-15{letter-spacing:.15em;}

/* Font weight */
.fw-500{font-weight: 500;}
.fw-600{font-weight: 600;}


/* Background color*/
.bg-color1{background-color: var(--primary-color1);}
.bg-color2{background-color: var(--primary-color2);}
.bg-color3{background-color: var(--primary-color3);}
.bg-color5{background-color: var(--primary-color5);}
.bg-secondary-color1{background-color: var(--secondary-color1);}


/* Font */
.primary-font {font-family:"Manrope";}
.secondary-font {font-family:"Cormorant Garamond";}

/* Border radius */
.border-radius-8{border-radius: 8px;}

/* Icon Width */
.icon-48px{width: 48px;}

/* Border solid */
.border-solid-white{border:1px solid var(--neutral-color7);}
.border-top-solid-white{border-top:1px solid var(--neutral-color7);}
.border-bottom-purple{border-bottom: 5px solid var(--primary-color3);}
.border-top-solid-gray{border-top:1px solid var(--neutral-color3);}
.border-bottom-solid-gray{border-bottom:1px solid var(--neutral-color3);}

/* Gap */
.gap-6 {gap: 4rem !important;}
.gap-7 {gap: 5rem !important;}

/* Width */
.w-60 {width: 60% !important;}
.w-40 {width: 40% !important;}

/* Font size in px*/
.fs-12{font-size: 12px;}
.fs-14{font-size: 14px;}
.fs-15{font-size: 15px;}
.fs-16{font-size: 16px;}
.fs-18{font-size: 18px;}
.fs-20{font-size: 20px;}
.fs-21{font-size: 21px;}
.fs-24{font-size: 24px;}
.fs-30{font-size: 30px;}
.fs-40{font-size: 40px;}
.fs-45{font-size: 45px;}
.fs-50{font-size: 50px;}
.fs-60{font-size: 60px;}
.fs-70{font-size: 70px;}


/* Button primary*/
.button-primary, a.button-primary, a.button-primary:link {display:inline-block;padding:12px 32px;border:1px solid #E8C99B;border-radius:4px;background-color:#E8C99B;color:var(--primary-color1);font-weight:600;text-decoration:none;box-shadow:none;transition:background-color .3s ease,color .3s ease,border-color .3s ease,transform .3s ease,box-shadow .3s ease;}
.button-primary:hover, .button-primary:focus-visible {background-color:var(--primary-color2);border-color:var(--primary-color2);color:var(--primary-color1);transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.15);}
.button-primary-trasparent, a.button-primary-trasparent, a.button-primary-trasparent:link {display:inline-block;padding:12px 32px;border:1px solid var(--primary-color5);border-radius:4px;background-color:transparent;color:var(--primary-color2);font-weight:600;text-decoration:none;box-shadow:none;transition:background-color .3s ease,color .3s ease,border-color .3s ease,transform .3s ease,box-shadow .3s ease;}
.button-primary-trasparent:hover, .button-primary-trasparent:focus-visible {background-color:var(--primary-color5);border-color:var(--primary-color5);color:var(--primary-color1);transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.15);}
.button-primary .bi, .button-primary-trasparent .bi {display:inline-block;transition:transform .3s ease;}
.button-primary:hover .bi, .button-primary:focus-visible .bi, .button-primary-trasparent:hover .bi, .button-primary-trasparent:focus-visible .bi {transform:translateX(4px);}
@media (prefers-reduced-motion:reduce) {.button-primary, .button-primary-trasparent, .button-primary .bi, .button-primary-trasparent .bi {transition:none;transform:none;}}

/* Button secondary*/
.button-secondary, a.button-secondary, a.button-secondary:link {display:inline-block;padding:12px 32px;border:1px solid var(--primary-color1);border-radius:4px;background-color:var(--primary-color1);color:var(--primary-color2);font-weight:600;text-decoration:none;box-shadow:none;transition:background-color .3s ease,color .3s ease,border-color .3s ease,transform .3s ease,box-shadow .3s ease;}
.button-secondary:hover, .button-secondary:focus-visible {background-color:#E8C99B;border-color:#E8C99B;color:var(--primary-color1);transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.15);}
.button-secondary .bi {display:inline-block;transition:transform .3s ease;}
.button-secondary:hover .bi, .button-secondary:focus-visible .bi {transform:translateX(4px);}
@media (prefers-reduced-motion:reduce) {.button-secondary, .button-secondary .bi {transition:none;transform:none;}}

/* a */
a, a:link, a:hover {transition: 0.5s all ease;color: var(--primary-color5); text-decoration: none;}

/* Accordion*/
.accordion-button:not(.collapsed) {color: var(--neutral-color7);background-color: var(--primary-color2);box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);}
.accordion .container-header  div:nth-of-type(1) {width: 50px;}
.accordion-icon svg {color: rgba(89, 115, 238, 1); transition: color 0.3s ease-in-out;}
.accordion-button:not(.collapsed) .accordion-icon svg {color: white;}
.accordion-body{margin-left: 50px;}
.accordion-item{box-shadow: 0px 3px 7px 0px rgba(0, 68, 194, 0.16); margin-bottom:10px; border-radius: 8px;}
.accordion-button {border-radius: 8px !important;}
.accordion-button:not(.collapsed) {border-radius: 8px 8px 0 0 !important;}
.accordion-button::after {filter: invert(21%) sepia(34%) saturate(976%) hue-rotate(197deg) brightness(91%) contrast(85%);}
.accordion-button:not(.collapsed)::after { filter: brightness(0) invert(1);}

/* Blur*/
.blur{backdrop-filter: blur(15px);}

/* LANGUAGE */
.language-top {position: absolute;top: 100px;right: 0;z-index: 4;list-style-type: none;padding-right: 0;width: auto;}
/* CHIUDO LANGUAGE */


/* Hidden text*/
.hidden {display: none;}
.read-more {color: blue;cursor: pointer;}


* {outline: none;}
img{max-width: 100%;}
h1,h2,h3,h4{font-weight: bold;}

.logo {color: var(--primary-color5);text-transform: uppercase;height: 55px;line-height: 55px;font-size: 30px; border: 2px solid var(--primary-color5);border-radius: 4px;font-weight: bold;padding: 0 10px;}
a.navbar-brand:link{color:  var(--primary-color5);}

/* Flex */
.flex-1 {flex: 1;}

/* Align */
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}

/* Width */
.w50-16px {width: calc(50% - 16px);}
.w25-16px {width: calc(25% - 16px);}
.w33-16px {width: calc(33% - 16px);}
.w33-14px {width: calc(33% - 14px);}


/* Margin */
.ml-32{margin-left: 32px;}
.mt-32{margin-top: 32px;}
.mt-6 { padding-top: 5rem; }

/* Padding */
.ps-0 {padding-left: 0;}
.pe-0 {padding-right: 0;}
.py-6 { padding-top: 5rem; padding-bottom: 5rem;}
.px-6 { padding-left: 5rem; padding-right: 5rem;}
.pt-6 { padding-top: 5rem; }
.pb-6 { padding-bottom: 5rem; }
.pe-6 { padding-right: 5rem; }
.ps-6 { padding-left: 5rem; }
.pt-7 { padding-top: 6rem; }
.pb-7 { padding-bottom: 6rem; }
.pt-9 { padding-top: 8rem; }


/* Background size*/
.background-cover-center {background-size: cover; background-position: center; }
.background-position-right {background-position: right; background-size: cover;}
.background-position-bottom {background-position: bottom; background-size: cover;}
.background-position-top {background-position: top; background-size: cover;}
.bg-center-no-repeat{background-position: top center; background-repeat: no-repeat;}

/* Text color*/
.text-primary-color{color: var(--primary-color);}
.text-secondary-color{color: var(--secondary-color);}
.text-quaternary-color{color: var(--quaternary-color);}
.text-tertiary-color{color:var(--tertiary-color);}  


/* Border color*/
.border-octonary-color{border: 2px solid var(--octonary-color);}
.border-bottom-octonary-color{border-bottom: 2px solid var(--octonary-color);}
.border-bottom-quaternary-color{border-bottom: 1px solid var(--quaternary-color);}


/* Position */
.position-relative{position: relative;}
.position-absolute{position: absolute;}

/* Img-object-fit */
.img-object-fit {width: 100%;height: 100%;object-fit: cover;object-position: center;}

/* List */
.list-style-type-none{list-style-type: none;}

/* List */
.text-right{text-align: right;}

/* Display */
.display-inline-block{display: inline-block;}
.display-block{display: block;}

/* Fixed*/
.background-attachment-fixed{background-attachment: fixed;}

/* Allineamento Gutenberg */
.alignfull {width: 100vw;position: relative;left: 50%;right: 50%;margin-left: -50vw;margin-right: -50vw;}
.alignwide {max-width: 1200px;margin-left: auto;margin-right: auto;}
.wp-block-group.container {padding-left: 15px;padding-right: 15px;margin-left: auto;margin-right: auto;width: 100%;}

/* Background gradient*/
.bg-primary-gradient{background: var(--primary-gradient)}
.bg-secondary-gradient{background: var(--secondary-gradient)}

.hero-standard .w-60 .briciole span span {margin: 0 7px;display: inline-block;line-height: 1;background-image: none;font-weight: bold;padding: 3px 8px;border-radius: 30px;border: 1px solid #fff;font-size: 12px;}
.hero-standard .w-60  .briciole  span span:first-of-type {margin-left: 0;}

/* Hero */
.hero{height: 100vh;}

/* Hero standard*/
.hero-standard{height: 50vh;}

/* Swiper preview news */
.swiper-preview-news swiper-container {width: 100%;height: 100%;}
.swiper-preview-news swiper-slide { height: auto; border:1px solid #000;}
.label-date{margin-bottom:15px;display: inline-block; line-height: 1;background-image: none;font-weight: bold;padding: 3px 8px;border-radius: 30px;}

/* News */
.all-news .container-prev-post::after {content: "";display: block;margin-left: 410px;}
.all-news .prev-post {border: 1px solid #000;}
.hero-single-news .container-hero {height: 300px;}
.hero-single-news {background: linear-gradient(90deg, rgba(0,0,0,0.7231486344537815) 0%, rgba(0,0,0,0.5886948529411764) 42%, rgba(0,0,0,0) 100%);}


/* Srvice */
.grid-box .item-box{border:1px solid rgba(181,154,112,.35);border-radius:4px;}}
.grid-box .item-box img{width: 48px;}

/* Description*/
.description-row .container-img{min-height: 420px;}
.description-row .background-cover-center .row{background: linear-gradient(77deg, rgba(17,18,37,0.9052214635854342) 0%, rgba(17,18,37,0.45) 100%);}
.description-row .container-logo{max-width: 260px;}

/* Nav*/
.navbar-nav a.nav-link{padding:  0 1.4rem !important; text-decoration: none;color: #fff;}
.navbar-nav a.nav-link:hover,
li.active a.nav-link {text-decoration: underline;color: var(--primary-color5);text-decoration-thickness: 2px;text-underline-offset: 8px !important; }
.navbar{background-color: rgba(7, 27, 47,0.9);}

/* Section video */
.bg-video {height: 80vh;}
.bg-video .video-container {position: absolute;top: 0;bottom: 0;width: 100%;height: 100%;overflow: hidden;z-index: -1;background-size: cover;background-position: center;background-repeat: no-repeat;}
.bg-video video {min-width: 100%;min-height: 100%;width: auto;height: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

/* Content page */
.content-page {--content-page-nav-offset:110px;background-color:var(--primary-color2);color:var(--primary-color4);}
.content-page-copy {font-size:18px;line-height:1.8;letter-spacing:.02em;overflow-wrap:anywhere;}
.content-page-copy p {margin-bottom:1.25rem;line-height:inherit;letter-spacing:inherit;}
.content-page-copy h2 {margin-top:3rem;margin-bottom:1.25rem;font-family:'Cormorant Garamond',serif;font-size:clamp(28px,2.5vw,38px);font-weight:600;line-height:1.2;letter-spacing:normal;color:var(--primary-color1);scroll-margin-top:var(--content-page-nav-offset);}
.content-page-copy > h2:first-child {margin-top:0;}
.content-page-heading-text {flex:0 1 auto;min-width:0;}
.content-page-heading::after {content:"";flex:1 0 40px;height:1px;background-color:var(--primary-color5);opacity:.65;}
.content-page-copy h3,.content-page-copy h4 {font-family:'Cormorant Garamond',serif;font-weight:600;line-height:1.3;letter-spacing:normal;color:var(--primary-color1);margin-top:1.75rem;margin-bottom:.75rem;}
.content-page-copy ul,.content-page-copy ol {padding-left:1.5rem;margin-bottom:1.5rem;}
.content-page-copy li {padding-left:.25rem;margin-bottom:.6rem;}
.content-page-copy li::marker {color:var(--primary-color5);}
.content-page-copy blockquote {margin:2rem 0;padding:1rem 1.25rem;border-left:3px solid var(--primary-color5);background-color:var(--primary-color3);}
.content-page-copy blockquote p:last-child {margin-bottom:0;}
.content-page-copy img {max-width:100%;height:auto;}
.content-page-copy a {color:var(--primary-color1);text-underline-offset:4px;}
.content-page-copy a:hover {text-decoration-thickness:2px;}
.content-page-sidebar {background-color:var(--primary-color3);border:1px solid rgba(181,154,112,.55);}
.content-page-sidebar-title {font-family:'Cormorant Garamond',serif;font-size:25px;font-weight:600;line-height:1.25;color:var(--primary-color1);}
.content-page-index {border-left:1px solid var(--primary-color5);}
.content-page-index a {font-size:14px;line-height:1.6;color:var(--primary-color4);text-decoration:none;overflow-wrap:anywhere;}
.content-page-index a:hover,.content-page-index a:focus-visible {color:var(--primary-color1);text-decoration:underline;text-underline-offset:4px;}
.content-page-sidebar hr {border-color:var(--primary-color5);opacity:.55;}
.content-page-contact {background-color:var(--primary-color1);color:var(--primary-color2);}
.content-page-contact .content-page-sidebar-title {color:var(--primary-color2);}
.content-page-contact p {font-size:14px;line-height:1.8;letter-spacing:.02em;}
.content-page-contact .button-primary {font-size:14px;padding:12px 16px;background-color:#E8C99B;border:1px solid #E8C99B;border-radius:4px;color:var(--primary-color1);font-weight:600;text-decoration:none;transition:background-color .3s ease,border-color .3s ease;}
.content-page-contact .button-primary:hover,.content-page-contact .button-primary:focus-visible {background-color:var(--primary-color2);border-color:var(--primary-color2);}
.content-page a:focus-visible {outline:2px solid var(--primary-color5);outline-offset:4px;}
@media (min-width:992px) {.content-page-sticky {position:sticky;top:var(--content-page-nav-offset);max-height:calc(100vh - var(--content-page-nav-offset) - 24px);overflow-y:auto;}}
@media (max-width:991.98px) {.content-page-copy {font-size:17px;}.content-page-copy h2 {margin-top:2.25rem;}}
@media (prefers-reduced-motion:reduce) {.content-page-contact .button-primary {transition:none;}}


/* CONTATTI */
.wpcf7 {width:100% !important;}
.wpcf7-form {width:100% !important;}
.wpcf7-form 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="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], select, textarea {color:#44474d; width: 100% !important;margin-top: 0; border-radius: 0;border-bottom: 1px solid #44474d; border-top: 0px; border-left: 0px; border-right: 0; background-color: transparent;}
.wpcf7-form input[type="date"]{color:#44474d; margin-top: 5px; border-radius: 0; border-bottom: 1px solid #44474d; border-top: 0px; border-left: 0px; border-right: 0; background-color: transparent;}
.wpcf7-form label{display: block; font-size: 16px; margin-bottom: 40px;}
.wpcf7-form textarea {overflow: auto;resize: vertical;border: 1px solid #000;height: 150px;}
.wpcf7-form span.wpcf7-list-item {display: inline-block;margin: 10px 0 0 0;}
.wpcf7-not-valid-tip {font-size: .75rem !important; color: #d9534f!important;}

/* Aboslute zindex-1*/
.absolute-width-eight-100-z-index-1{position: absolute;z-index: -1; left: 0; right: 0; top:0; bottom: 0;}

/* Footer */
.footer img{width: 42px;}
.footer .content-mail div:nth-of-type(1) {width: 320px;}
.footer .content-mail div:nth-of-type(3) {width: 320px;}
.footer .content-mail div:nth-of-type(2) {border-left: 1px solid var(--secondary-color1); border-right: 1px solid var(--secondary-color1);}
.copy a:link, .copy a:hover,  .copy a:visited, .footer a:link, .footer a:hover,  .footer a:visited{color:var(--neutral-color7); text-decoration: underline;}

/* Scroll down */
.scroll-down {position: absolute;bottom: 4%;left: 50%;margin-left: -16px;display: block;width: 32px;height: 32px;border: 2px solid #fff;background-size: 14px auto;border-radius: 50%;z-index: 2;-webkit-animation: bounce 2s infinite 2s;animation: bounce 2s infinite 2s;-webkit-transition: all .2s ease-in;transition: all .2s ease-in;}
.scroll-down:before {position: absolute;top: calc(50% - 8px);left: calc(50% - 6px);transform: rotate(-45deg);display: block;width: 12px;height: 12px;content: ""; border: 2px solid #fff;border-width: 0px 0 2px 2px;}
@keyframes bounce {
  0%,
  100%,
  20%,
  50%,
  80% {-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
  40% {-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);}
  60% {-webkit-transform: translateY(-5px);-ms-transform: translateY(-5px);transform: translateY(-5px);}
}


@media (max-width: 1199px) {

}


@media (min-width: 992px) and (max-width: 1199px) {
.navbar-brand img{width: 110px}
.nav-link {font-size: 14px;}
}



@media (max-width: 991px) {
.w-40, .w-60 {width: 100% !important;}
.scroll-down{display: none;}
h1.fs-50 {font-size: 46px !important;}
.hero {height: auto;padding: 130px 0 80px 0;}
.fs-40 {font-size: 32px;}
#avvocato-sara-bocci .mb-5{margin-bottom: 0px !important;}
.bg-video {height: auto;padding: 60px 0;}
.footer, .footer .text-right{text-align: center;}
.footer .wp-block-navigation .wp-block-navigation-item {justify-content: center !important;}
.footer  .widget_block{margin-bottom:30px; }
.copy .container{flex-direction: column;}
#block-8 {margin-bottom:0;}
.cta-final{text-align: center;}
.navbar-toggler{border: 0 !important;}
.navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}
.navbar-expand-xl .navbar-nav .nav-link {padding: 15px;}
.navbar-nav a.nav-link, .navbar-nav a.nav-link:hover, li.active a.nav-link {padding: 15px 0 !important;}
.all-news .w33-14px{width: 100%;}
}

@media (max-width: 781px) {
.form-contact{padding-top: 0 !important;}
.col-contact-text{padding-bottom: 30px !important;}
}