/** LESS **/
@color01: #ffad08;


@max576: ~"(max-width: 576px)";
@max768: ~"(max-width: 768px)";
@max992: ~"(max-width: 992px)";
@max1200: ~"(max-width: 1200px)";


/** FONT DESIGN **/

body {
    font-size: 20px;
    line-height: 160%;
    color: #444;
    font-family: "jaf-bernino-sans", sans-serif;
    font-weight: 400;
    font-style: normal;
    @media @max768 {
        font-size: 16px;
    }
}

h1 {
    text-transform: uppercase;
    font-size: 350%;
    line-height: 110%;
    font-weight: 400;
    color: #b54c67;
    margin-bottom: 120px;
    position: relative;
    &:after {
        content: "";
        width: 100%;
        height: 10px;
        background: #b54c67;
        position: absolute;
        left: -180px;
        bottom: -40px;
        @media @max768 {
            left: -60px;
        }
    }
    @media @max768 {
        hyphens: auto !important;
        -webkit-hyphens:auto !important;
        -ms-hyphens: auto !important;
        font-size: 250%;
    }
}
h1 strong {
    font-weight: 900;
    @media @max768 {
        hyphens: auto !important;
        -webkit-hyphens:auto !important;
        -ms-hyphens: auto !important;
    }
}
h2 {
    text-transform: uppercase;
    font-size: 200%;
    line-height: 110%;
    font-weight: 400;
    color: #b54c67;
    margin-bottom: 10px;
    hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    margin-bottom: 120px;
    position: relative;
    &:after {
        content: "";
        width: 50%;
        height: 10px;
        background: #b54c67;
        position: absolute;
        left: -180px;
        bottom: -40px;
        @media @max768 {
            left: -60px;
        }
    }
    @media @max768 {
        hyphens: auto !important;
        -webkit-hyphens:auto !important;
        -ms-hyphens: auto !important;
        font-size: 180%;
    }
}
h2 strong {
    font-weight: 900;

    @media @max768 {
        hyphens: auto !important;
        -webkit-hyphens:auto !important;
        -ms-hyphens: auto !important;
    }
}
h3 {
    text-transform: none;
    font-size: 140%;
    line-height: 105%;
    font-weight: 700;
    color: #b54c67;
    margin-bottom: 10px;
    @media @max768 {
        hyphens: auto !important;
        -webkit-hyphens:auto !important;
        -ms-hyphens: auto !important;
    }
}
h3 strong {
    font-weight: 900;

    @media @max768 {
        hyphens: auto !important;
        -webkit-hyphens:auto !important;
        -ms-hyphens: auto !important;
    }
}
hr {

}
p {
}
a {
    text-decoration: none;
}
.wrapper-inner a {
    text-decoration: none;
    font-weight: 700;
    color:#b54c67;
    min-width: 100%;

}
strong {
    color:#b54c67;
}

.fa-chevron-right {
    display: none !important;
}

.button a::after,
a.button::after {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    content: "\f054";
    padding-left: 5px;
    font-size: 85%;
    transition:  all 0.25s ease-out;
}
.button a:hover:after,
a.button:hover:after {
   color: #753142;
   padding-left: 8px;
}
.button a,
a.button {
    transition:  all 0.25s ease-out;
}
.button a:hover,
a.button:hover {
    color: #753142;
 }


a.btn::after {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    content: "\f054";
    padding-left: 0px;
    font-size: 85%;
    transition:  all 0.25s ease-out;
}
a.btn:hover:after {
    color: #753142;
    padding-left: 3px;
 }
 a.btn {
     transition:  all 0.25s ease-out;
 }
 a.btn:hover {
     color: #753142;
  }

p.readmore {
    text-transform: uppercase;
    &:before {
        content: "";
        width: 50%;
        height: 4px;
        background: #b54c67;
        position: relative;
        display: flex;
        margin-bottom: 10px;
    }
}

hr {
    border: none;
    border-bottom: 1px solid #eee;
}
.wrapper-inner {
    ul {
        list-style: none;
        li {

        }
        li::before {
            font-family: "Font Awesome 6 Pro";
            content: "\f111"; 
            font-weight: 900;
            color: #b54c67;
            margin-left: -19px;
            padding: 0px 8px 5px 5px;
            font-size: 50%;
            position: absolute;
            align-self: flex-start;
        }
    }
}


table {
    position: relative;
        @media @max992 {
        
        }
    td {
    padding-right: 30px;
    padding-bottom: 12px;
    vertical-align: top;
        @media @max992 {
            padding-right: 0px;
        }
    }
    td.hide {
        @media @max992 {
            display: none;
        }
    }
    tr {
        &:after {
            content: "";
            width: 120%;
            height: 2px;
            background: #b54c67;
            position: absolute;
            left: -180px;
            margin-top: -7.5px;
            max-width: 600px;
            @media @max992 {
                left: -60px;
                display: none;
            }
        }
        @media @max992 {
            display: flex;
            flex-direction: column;
        }
    }
}

blockquote {
  margin: 0;
  margin-top: 0px;
  position: absolute;
  margin-top: -80px;
  font-size: 80%;
  font-style: italic;
  font-weight: 500;
  color: #b54c67;
}


/** HEADER DESIGN **/

.header_wrapper_outer {
    box-shadow: 0 0px 30px rgba(0, 0, 0, 0.1);
    .navigation {
        li li.current a {
            &:before {
                display: none !important;
            }
            &:after {
                display: none;
            }

        }
        li a {
            text-decoration: none;
            color: #333;
            text-transform: uppercase;
            transition:  all 0.25s ease-out;
        }
        li.current {
            position: relative;
            ul li a::before, ul li a::after {
                display: none !important;
            }
        }
        li.current a {
            font-weight: 600 ;
            color: rgb(181, 76, 103) ;
            &:before {
                content: "";
                width: calc(100% - 22px);
                height: 4px;
                background: #b54c67;
                position: absolute;
                margin-top: -6px;
            }
            &:after {
                content: "";
                width: calc(100% - 22px);
                height: 4px;
                background: #b54c67;
                position: absolute;
                margin-top: 32px;
                left: 11px;
            }
            li a {
                font-weight: 400;
            }
        }
        li a:hover {
            color: rgb(181, 76, 103);
        }

    }   
}