/*
 * Theme Name:  Revision Child
 * Theme URI:   https://revision.codesupply.co/
 * Description: Revision Child Theme
 * Author:      Code Supply Co.
 * Author URI:  https://codesupply.co/
 * Template:    revision
 * Version:     1.0.0
 */

/* Copy any classes from parent theme here. They will override the parent's version. */
/* ── Rank Math FAQ Styling ── */
#rank-math-faq .rank-math-list-item{
    position:relative;
}
#rank-math-faq .rank-math-list-item input{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 41px;
    opacity: 0;
    cursor: pointer;
    z-index:999;
}
#rank-math-faq .rank-math-list-item h3 {
    background: #f1f2f6;
    padding: 17px 17px 17px 22px;
    cursor: pointer;
    font-size: 18px !important;
    font-weight: normal !important;
    position: relative;
    margin-bottom: 0;
    border-radius: var(--cs-thumbnail-border-radius);
}
#rank-math-faq .rank-math-list-item h3:before {
    display:inline-block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 12px;
    border-color: transparent transparent transparent var(--cs-color-accent);
    margin-right: 8px;
}
#rank-math-faq .rank-math-list-item input:checked+h3:before {
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
}
#rank-math-faq .rank-math-answer{
    padding: 20px 10px 0px 10px;
    max-height: 0;
    overflow:hidden;
}
#rank-math-faq .rank-math-list-item input:checked+h3~.rank-math-answer {
    max-height: 100vh;
    overflow:visible;
}


.mil-contact-list{
    display:flex;
    flex-direction:column;
}

.mil-contact-item{
    position:relative;
}

/* PULSANTE */

.mil-contact-trigger{
width: 90px;
    height: 90px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    transition: .25s;
    box-shadow: 0 4px 20px rgb(0 0 0 / 5%);
    border-bottom: 1px solid var(--cs-color-border);
}

.mil-contact-trigger:hover{


      box-shadow: 0px 5px 20px 0px rgba(var(--cs-color-box-shadow-rgb), 0.12);
}

.mil-contact-label{
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 1px;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    background: var(--cs-color-highlight-background);
    height: 100%;
    text-align: center;
    padding: 6px;
    line-height: initial;
}

.mil-contact-label{
    color:var(--cs-color-primary);
}


.mil-contact-trigger svg{

    width:35px;
    height:35px;
}

/* POPUP */

.mil-contact-popup{
    position: absolute;
    left: 105px;
    top: 50%;
    transform: translateY(-50%) translateX(-15px);
    width: 260px;
        background: var(--cs-layout-background);
    border-radius: 14px;
    padding: 22px;
    display: flex;
    align-items: center;
    gap: 20px;
    opacity: 0;
    visibility: hidden;
    transition: .25s;
    box-shadow: 0 18px 60px rgb(0 0 0 / 12%);
    z-index: 1000;
    justify-content: center;
        text-align: center;
}

.mil-contact-item:hover .mil-contact-popup{

    opacity:1;
    visibility:visible;

    transform:translateY(-50%) translateX(0);
}



/* barra colorata */

.mil-contact-popup::after{

    content:"";

    position:absolute;

    left:0;
    top:0;

    width:5px;
    height:100%;

    border-radius:14px 0 0 14px;
}

.whatsapp .mil-contact-popup::after{background:#25D366;}
.phone .mil-contact-popup::after{background:var(--cs-light-accent-color);}
.email .mil-contact-popup::after{background:var(--cs-palette-color-secondary);}



/* testo */
.cs-entry__header-split {
    margin-bottom: 2rem;
}
.wp-block-separator:not(.is-style-dots) {
    border-bottom: 1px solid var(--cs-color-border);
    margin: 3rem 0;
}

.mil-popup-content p{

margin: 8px 0 20px;
    color: var(--cs-palette-color-primary) !important;
    line-height: 1.5;
    font-weight: 500;
}

.mil-popup-btn{

    display:inline-flex;
    align-items:center;

    padding:12px 24px;

    color:#fff;

    border-radius:8px;

    text-decoration:none;

    font-weight:600;
}

.whatsapp .mil-popup-btn{
    background:#25D366;
}

.phone .mil-popup-btn{
    background:var(--cs-light-accent-color);
}

.email .mil-popup-btn{
    background:var(--cs-palette-color-secondary);
}

.mil-page-name:before {
    content: "";
    margin-right: 7.4px;
    position: absolute;
    top: -20px;
    display: block;
    width: 7px;
    height: 7px;
    background-color: var(--cs-light-accent-color);
    border-radius: 50%;
}



.mil-dot {
    background: var(--cs-color-button);
    width: 90px;
    min-width: 90px;
    height: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
        padding: 8px;
}







.mil-left-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 90px;
    border-right: 1px solid var(--cs-color-border);
    pointer-events: all;
    position: sticky;
    top: 0;
    height: 100vh;
    min-width: 90px;
    background: var(--cs-header-background);
    z-index: 9999;
    gap: 50px;
}
.cs-site-inner .custom-page {
    display: flex;
    flex-direction: row;
}
.custom-page-right {
    width: 100%;
}
header .cs-container {
    padding: 0px;

}

.cs-site-content:has(.cs-breadcrumbs) {
    margin-top: 2.5rem;
}
.cs-entry__header-image-overlay, .cs-entry__header-standard {
    padding-bottom: 3rem;
}
.mil-page-name{
            writing-mode: vertical-rl;
    transform: rotate(180deg);
}


.svg_contact {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cs-offcanvas {
    z-index: 10000;
}

.cs-icon-menu1:before {
    font-size: 30px;
   
}
.cs-header__logo img {
    max-width: 100%;
}
.cs-header__offcanvas-toggle  {
        width: auto;
    height: 100%;
    background: var(--cs-color-accent);
    color: var(--cs-color-input);
    padding: 0px 32px 0px 18px;
    display: flex;
    justify-content: center;
    clip-path: polygon(0 0,100% 0,70% 100%,0 100%);
}
.cs-container {

    max-width: var(--cs-tablet-container, 992px);
}
.cs-header__col {

    flex: inherit;
}
.single .cs-main-content {
    margin-top: 2rem;
}
@media (min-width: 1248px){
.cs-header .cs-logo:not(:first-child) {
    margin-left: 1rem;
}

}

@media (min-width: 992px){
 .cs-header__col.cs-col-right:not(:only-child) {
    padding-right: 3.5rem;
}   
.cs-container {
    max-width: 100%!important;
    padding-right: 3.5rem;
    padding-left: 3.5rem;
}
.single .cs-main-content {
    column-gap: var(--cs-container-column-gap);
}

.single .cs-entry__content-wrap {
    max-width: 100%;
}
}
@media (max-width: 991.98px) {
   .mil-page-name {
    display: none;
}
.mil-left-panel {
    position: fixed;
    width: 100%;
    height: auto;
    bottom: 0;
    top: auto;
    padding: 7px;
    background: transparent;
}
.mil-contact-list {
    flex-direction: row;
    width: 100%;
    gap: 7px;
}
.mil-contact-trigger {
    border-bottom: 0;
    width: 100%;
    height: auto;

}
.mil-contact-label {
    writing-mode: inherit;
    transform: none;
    height: auto;
    width: 100%;
    border-top-left-radius: var(--cs-button-border-radius);
    border-bottom-left-radius: var(--cs-button-border-radius);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.svg_contact {
    border-top-right-radius: var(--cs-button-border-radius);
    border-bottom-right-radius: var(--cs-button-border-radius);
        border-left: 0px!important;
}
.mil-contact-item {
    flex-grow: 1;
    flex-basis: 0;
    display: flex;
}
.mil-contact-trigger svg {
    width: 30px;
    height: 30px;
    margin: 4px;
}
.mil-contact-item.whatsapp span{
    background: #25d366;
    color: #fff;
    font-weight: 700;
}
.mil-contact-item.phone span{
    background: var(--cs-light-accent-color);
    color: #fff;
    font-weight: 700;
}
.mil-contact-item.email span{
background: var(--cs-color-primary);
    color: var(--cs-color-input);
    font-weight: 700;
}
.mil-contact-item.whatsapp .svg_contact {
    border: 2px solid #25d366;
     background: #ffffff;
}
.mil-contact-item.phone .svg_contact {
    border: 2px solid var(--cs-light-accent-color);
      background: #ffffff;
}
.mil-contact-item.email .svg_contact {
    border: 2px solid var(--cs-color-primary);
    background: var(--cs-header-background);
}
.cs-scroll-top {
    bottom: 4.5rem;
}
footer {
    margin-bottom: 50px;
}
.cs-header__col.cs-col-left:not(:only-child) {
    padding-right: 0;
        flex: 0;
}
.cs-header__col.cs-col-center:last-child {
    padding: 0 20px!important;
    justify-content: center;
}
}


:root
 {
    --wp--style--global--content-size: 1248px;
}