/*
Theme Name: Menoelle
Theme URI: https://www.foxcomputers.ch
Author: Fox Computers
Author URI: https://www.foxcomputers.ch
Version: 2023
Requires at least: 5.2
Tested up to: 6.1
Requires PHP: > 7.0
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: menoelle

Menoelle WordPress Theme © 2011-2023 Fox Computers
Menoelle is distributed under the terms of the GNU GPL
*/

@font-face {
    font-family: 'usual_regular';
    src: url('fonts/Usual-Regular.woff2') format('woff2'),
         url('fonts/Usual-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'usual_medium';
    src: url('fonts/Usual-Medium.woff2') format('woff2'),
         url('fonts/Usual-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'usual_bold';
    src: url('fonts/Usual-Bold.woff2') format('woff2'),
         url('fonts/Usual-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

* {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline;
    outline:none;
    box-sizing: border-box;
}
body {
    line-height:1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
a {
    text-decoration-skip-ink:auto
}
a[href^="tel"] {
    color:inherit;
    text-decoration:none
}
ol,ul {
    list-style:none
}
blockquote, q {
    quotes:none
}
blockquote:before, blockquote:after, q:before, q:after {
    content:'';
    content:none
}
q {
    display:inline;
    font-style:italic
}
q:before {
    content:'"';
    font-style:normal
}
q:after {
    content:'"';
    font-style:normal
}
textarea, input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], input[type="search"], input[type="password"] {
    -webkit-appearance:none;
    appearance:none;
    border-radius:0
}
input[type="search"] {
    -webkit-appearance:textfield
}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
ins {
    text-decoration:underline
}
del, strike, s {
    text-decoration:line-through
}
img {
    max-width:100%;
    height:auto;
}
strong {
    font-family: 'usual_bold';
    font-weight: normal !important;
}
.wp-caption, .wp-caption-text, .gallery-caption {
    display: none;
}
.alignright {
    float:right;
    margin:0 0 36px 40px;
}
.alignleft {
    float:left;
    margin:0 40px 36px 0;
}
.aligncenter {
    display: block;
    margin:0 auto 36px auto;
}

#mobile-menu {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#702283;
    transform: translateY(105%);
    transition: all .8s ease;
    z-index:99999;
}
#mobile-menu.mopen {
    transform: translateY(0);
    transition: all .8s ease;
}
#mobile-menu-close {
    position: absolute;
    top:39px;
    right:55px;
    cursor: pointer;
    z-index: 2;
}
#mobile-menu-close img {
    display: block;
    width:27px;
    height:27px;
}
#mobile-menu-inner {
    padding:152px 168px 114px 168px;
    height:100%;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    position: relative;
    opacity:0;
    transform: translateY(60px);
    transition: all 1s ease .6s;
}
.mopen #mobile-menu-inner {
    opacity:1;
    transform: translateY(0);
    transition: all 1s ease .6s;
}
#mobile-menu-inner::-webkit-scrollbar {
    display: none;
}

#lang-select {
    margin-bottom:48px;
    padding:0 2px;
}
.wpml-ls-legacy-list-horizontal, .wpml-ls-legacy-list-horizontal a {
    padding:0 !important;
}
.wpml-ls-legacy-list-horizontal .wpml-ls-item {
    margin-right:8px !important;
}
.wpml-ls-legacy-list-horizontal a {
    font-family: 'usual_regular';
    font-size:24px;
    line-height:32px;
    letter-spacing:0.48px;
    color:rgba(255,255,255,.4);
    cursor: pointer;
    margin-right:4px;
}
.wpml-ls-legacy-list-horizontal a:hover, .wpml-ls-legacy-list-horizontal .wpml-ls-current-language a {
    color:#fff;
}

#menu {
    margin-bottom:64px; 
}
#menu ul li {
    padding:6px 0;
}
#menu ul li a {
    font-family: 'usual_regular';
    font-size:60px;
    line-height:80px;
    letter-spacing:1.2px;
    color:rgba(255,255,255,.4);
    text-decoration: none;
}
#smenu ul li a {
    font-family: 'usual_regular';
    font-size:24px;
    line-height:24px;
    letter-spacing:0.6px;
    color:rgba(255,255,255,.4);
    text-decoration: none;
}
#menu ul li a:hover, #menu ul li.current-menu-item a, #smenu ul li a:hover, #smenu ul li.current-menu-item a {
    color:#fff;
}
#menu ul li .sub-menu, #smenu ul li .sub-menu {
    display: none;
}

#smenu {
    position: absolute;
    bottom:114px;
    left:168px;
}
#smenu ul {
    font-size:0;
    text-align: left;
}
#smenu ul li {
    display: inline-block;
}
#smenu ul li:after {
    content:"|";
    font-family: 'usual_regular';
    font-size:24px;
    line-height:24px;
    letter-spacing:0.6px;
    color:rgba(255,255,255,.4);
    display: inline-block;
    margin:0 8px;
}
#smenu ul li:nth-last-child(1):after {
    content:"";
    display: none;
}

#socials {
    position: absolute;
    bottom:114px;
    right:168px;
}
#socials #socials-items {
    display: flex;
    justify-content: flex-end;
    margin:0 -11px;
}
#socials #socials-items .socials-item {
    margin:0 11px;
}
#socials #socials-items .socials-item img {
    display: block;
    height:32px;
    width:auto;
    opacity:.4;
    transition:opacity .4s ease;
}
#socials #socials-items .socials-item:hover img {
    opacity:1;
    transition:opacity .4s ease;
}

#logo {
    position: absolute;
    top:40px;
    left:56px;
    z-index:99;
}
#logo img {
    display: block;
    width:143px;
    height:53px;
}
#menu-trigger {
    position: fixed;
    top:34px;
    right:51px;
    z-index:999;
    width:37px;
    height:37px;
    cursor: pointer;
    transform: rotate(0deg);
    transform-origin: center center;
    transition:all .4s ease;
}
#menu-trigger:hover {
    width:39px;
    transform: rotate(90deg);
    transition:all .4s ease;
}
#menu-trigger span {
    width:100%;
    height:3px;
    border-radius:1px;
    background:#702283;
}
#menu-trigger span:nth-child(1) {
    position: absolute;
    top:11px;
    left:0;
}
#menu-trigger span:nth-child(2) {
    position: absolute;
    bottom:11px;
    left:0;
}

#wrapper {
    height: auto;
    min-height: calc(100vh - 112px);
    overflow: hidden;
}

#header-home {
    width:100%;
    height:100vh;
    position: relative;
}
.safari #header-home {
    height:100vh;
    height:-webkit-fill-available;
}
#header-home-caption {
    position: absolute;
    bottom:54px;
    left:57px;
}
#header-home-caption span {
    background:rgba(255,255,255,.85);
    padding:23px 64px;
    font-family: 'usual_bold';
    font-size:24px;
    line-height:32px;
    letter-spacing:0.48px;
    color:#702283;
    display: inline-block;
    border-radius:40px;
}

#header-img {
    position: relative;
}
#header-img img {
    display: block;
}
#header-img-caption {
    position: absolute;
    bottom:56px;
}
#header-img-caption.left {
    left:57px;
}
#header-img-caption.right {
    right:57px;
}
#header-img-caption span {
    font-family: 'usual_regular';
    font-size:28px;
    line-height:32px;
    letter-spacing:0.56px;
    color:#702283;
    display: inline-block;
    position: relative;
}
#header-img-caption.left span {
    text-align:left;
}
#header-img-caption.right span {
    text-align:right;
}
#header-img-caption span:before {
    content:"";
    position: absolute;
    top:-16px;
    width:46px;
    height:2px;
    background:#702283;
}
#header-img-caption.left span:before {
    left:0;
}
#header-img-caption.right span:before {
    right:0;
}

.blog #content, .single-post #content {
    margin:0 auto;
    padding:246px 138px 68px 138px;
    max-width:1280px;
}
.single-post #content {
    padding:246px 138px 196px 138px;
}
#post-e404 {
    margin:0 auto;
    padding:246px 138px 68px 138px;
    max-width:960px;
    text-align: center;
}

#sitebuilder.no-head .sb-item:nth-child(1) {
    padding-top:122px;
}
.sb-item {
    position: relative;
}
.sb-item:nth-last-child(1) {
    padding-bottom:24px;
}
.sb-item.white {
    background:#fff;
}
.sb-item.purple {
    background:#f5eff6;
}
.sb-item.top-gap-off > div {
    padding-top:0 !important;
}
.sb-item.topline:before {
    content:"";
    position: absolute;
    top:0;
    left:50%;
    width:1004px;
    border-top:3px solid rgba(112,34,131,.2);
    transform: translateX(-50%);
}

.sbi-tfull {
    margin:0 auto;
    padding:124px 138px 88px 138px;
    max-width:1280px;
}
.sbi-tfull-inner {
    display: flex;
    flex-wrap: wrap;
    margin:0 -20px;
    padding-top:32px;
}
.sbi-tfull-inner .sbi-tfull-sidebar {
    width:318px;
    margin:0 20px;
}
.sbi-tfull-inner .sbi-tfull-content {
    width:calc(100% - 398px);
    margin:0 20px;
}
.sbi-tfull-text:after {
    content:"";
    clear: both;
    display: block;
}

.sbi-iltr, .sbi-tlir {
    margin:0 auto;
    padding:124px 138px 88px 138px;
    max-width:1280px;
}
.sbi-iltr .sbi-iltr-inner, .sbi-tlir .sbi-tlir-inner {
    display: flex;
    flex-wrap: wrap;
}
.sbi-iltr .sbi-iltr-inner {
    padding-top:60px;
}
.sbi-iltr .sbi-iltr-inner .sbi-iltr-img, .sbi-tlir .sbi-tlir-inner .sbi-tlir-text {
    width:55%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.sbi-tlir .sbi-tlir-inner .sbi-tlir-img, .sbi-iltr .sbi-iltr-inner .sbi-iltr-text {
    width:45%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.sbi-tlir .sbi-tlir-inner .sbi-tlir-text {
    width:52.5%
} 
.sbi-tlir .sbi-tlir-inner .sbi-tlir-img {
    width:47.5%
}
.sbi-iltr .sbi-iltr-inner .sbi-iltr-img:before {
    content:"";
    position: absolute;
    top:50%;
    left:-55px;
    width:435px;
    height:435px;
    background:url(images/circle-left.svg) no-repeat center center;
    background-size:435px 435px;
    transform: translateY(-50%);
    z-index:1;
}
.sbi-iltr .sbi-iltr-inner .sbi-iltr-img:before {
    transform: translateX(-200%) translateY(-50%);
    opacity:0;
    transition: all 1.6s ease;
}
.sbi-tlir .sbi-tlir-inner .sbi-tlir-img {
    order:2;
}
.sbi-iltr .sbi-iltr-inner .sbi-iltr-img img, .sbi-tlir .sbi-tlir-inner .sbi-tlir-img img {
    display: block;
    z-index: 2;
    position: relative;
}
.sbi-tlir .sbi-tlir-inner .sbi-tlir-img:after {
    content:"";
    position: absolute;
    top:50%;
    right:-55px;
    width:500px;
    height:500px;
    background:url(images/circle-right.svg) no-repeat center center;
    background-size:500px 500px;
    transform: translateY(-50%);
    z-index:1;
}
.sbi-tlir .sbi-tlir-inner .sbi-tlir-img:after {
    transform: translateX(200%) translateY(-50%);
    opacity:0;
    transition: all 1.6s ease;
}
.sbi-tlir .sbi-tlir-inner .sbi-tlir-text {
    order:1;    
    z-index: 2;
    padding-right:16px;
}
.sbi-iltr .sbi-iltr-inner .sbi-iltr-text {
    z-index: 2;
}
.sbi-iltr .sbi-iltr-inner .sbi-iltr-img img {
    transform: translateX(-200%);
    opacity:0;
    transition: all 1.6s ease;
}
.sbi-tlir .sbi-tlir-inner .sbi-tlir-img img {
    transform: translateX(200%);
    opacity:0;
    transition: all 1.6s ease;
}
.item-visible .sbi-iltr .sbi-iltr-inner .sbi-iltr-img img, .item-visible .sbi-tlir .sbi-tlir-inner .sbi-tlir-img img {
    transform: translateX(0);
    opacity:1;
    transition: all 1.6s ease;
}
.item-visible .sbi-iltr .sbi-iltr-inner .sbi-iltr-img:before, .item-visible .sbi-tlir .sbi-tlir-inner .sbi-tlir-img:after {
    transform: translateX(0) translateY(-50%);
    opacity:1;
    transition: all 1.6s ease;
}

.sbi-itiles {
    margin:0 auto;
    padding:180px 144px 116px 144px;
    max-width:1440px;
}
.sbi-itiles .sbi-itiles-items {
    padding-top:38px;
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
    margin:0 -32px;
}
.sbi-itiles .sbi-itiles-items .sbi-itiles-item {
    width:calc(16.66666666666667% - 64px);
    margin:0 32px 64px 32px;
}
.sbi-itiles .sbi-itiles-items .sbi-itiles-item img {
    display: block;
    margin:0 auto 22px auto;
}

.sbi-tiles {
    margin:0 auto;
    padding:124px 138px 84px 138px;
    max-width:1280px;
}
.sbi-tiles .sbi-tiles-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin:0 -20px;
}
.sbi-tiles .sbi-tiles-items .sbi-tiles-item {
    width:calc(33.333% - 40px);
    margin:0 20px 40px 20px;
}
.sbi-tiles .sbi-tiles-items .sbi-tiles-item img {
    display: block;
    margin-bottom:22px;
}

.sbi-ltiles {
    margin:0 auto;
    padding:124px 138px 76px 138px;
    max-width:1280px;
}
.sbi-ltiles .sbi-ltiles-items {
    display: flex;
    flex-wrap: wrap;
    margin:0 -20px;
    padding-top:48px;
}
.sbi-ltiles .sbi-ltiles-items .sbi-ltiles-item {
    width:calc(33.333% - 40px);
    margin:0 20px 40px 20px;
    border:1px solid #f5eff6;
    border-radius:10px;
    overflow: hidden;
}
.sbi-ltiles .sbi-ltiles-items .sbi-ltiles-item img {
    display: block;
    transform: scale(1);
    transform-origin: center center;
    transition:transform .4s ease;
}
.sbi-ltiles .sbi-ltiles-items .sbi-ltiles-item:hover img {
    transform: scale(1.15);
    transition:transform .4s ease;
}

.sbi-testimonials {
    margin:0 auto;
    padding:124px 138px 88px 138px;
    max-width:1280px;
}
.sbi-testimonials .sbi-testimonials-items {
    padding-top:40px;
    display: flex;
    flex-wrap: wrap;
    margin:0 -21px;
}
.sbi-testimonials .sbi-testimonials-items .sbi-testimonials-item {
    width:calc(100% - 397px);
    margin:0 21px;
} 
.sbi-testimonials .sbi-testimonials-items .sbi-testimonials-item:nth-child(2), .sbi-testimonials .sbi-testimonials-items .sbi-testimonials-item:nth-child(3), .sbi-testimonials .sbi-testimonials-items .sbi-testimonials-item:nth-child(6), .sbi-testimonials .sbi-testimonials-items .sbi-testimonials-item:nth-child(7) {
    width:313px;
    margin:0 21px;
} 
.sbi-testimonials .sbi-testimonials-items .sbi-testimonials-item img {
    display: block;
    width:221px;
    height:221px;
    margin-bottom:44px;
    border-radius:50%;
}
.sbi-testimonials .sbi-testimonials-items .sbi-testimonials-item .sbi-testimonials-item-text {
    border-left:1px solid #702283;
    padding:22px 0 2px 19px;
}

.sbi-button {
    text-align: left;
    font-size:0;
    margin-bottom:36px;
    padding-top:32px;
}
.tcenter .sbi-button {
    text-align: center;
}
.sbi-button a {
    font-family: 'usual_bold';
    font-size:22px;
    line-height:36px;
    letter-spacing:0.44px;
    color:#702283;
    text-decoration: none;
    padding:10px 32px 13px 32px;
    border:2px solid #702283;
    background:transparent;
    border-radius:29px;
    display: inline-block;
    transition:all .4s ease;
}
.sbi-button a:hover {
    background:#fff;
    transition:all .4s ease;
}

#blog-items {
    display: flex;
    flex-wrap: wrap;
    margin:0 -20px;
    padding-top:62px;
}
#blog-items .blog-item {
    width:calc(50% - 40px);
    margin:0 20px 72px 20px;
}
#blog-items .blog-item a {
    text-decoration: none;
}
#blog-items .blog-item .blog-item-img {
    overflow: hidden;
    margin-bottom:40px;
}
#blog-items .blog-item .blog-item-img img {
    display: block;
    transform:scale(1);
    transform-origin: center center;
    transition: all .4s ease;
}
#blog-items .blog-item:hover .blog-item-img img {
    display: block;
    transform:scale(1.1);
    transition: all .4s ease;
}
#blog-items .blog-item .blog-item-text {
    border-left:2px solid #702283;
    padding-left:22px;
}

#blog-single-content {
    padding-top:62px;
}
#blog-single-content-inner {
    display: flex;
    flex-wrap: wrap;
    margin:0 -32px;
}
#blog-single-content-inner #blog-single-content-left {
    width:calc(50% - 64px);
    margin:0 32px;
}
#blog-single-content-inner #blog-single-content-left #blog-single-content-img {
    margin-bottom:48px; 
}
#blog-single-content-inner #blog-single-content-left #blog-single-content-img img {
    display: block;
}
#blog-single-content-links-list .blog-single-content-links-list-item {
    margin-bottom:8px;
}
#blog-single-content-inner #blog-single-content-right {
    width:calc(50% - 64px);
    margin:0 32px;
}
#blog-single-content-links .blog-single-content-links-list-item a {
    font-family: 'usual_regular';
    font-size:22px;
    line-height:36px;
    letter-spacing:0.44px;
    color:#702283;
    text-decoration: none;
    border-bottom:1px solid #702283;
}
#blog-single-content-links .blog-single-content-links-list-item a:hover {
    border-bottom:1px solid transparent;
}
#blog-single-content-links.bscl-mobile {
    display: none;
}
#blog-bto-socials {
    padding-top:26px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#blog-bto {
    text-align: left;
    font-size:0;
}
#blog-bto a {
    display: inline-block;
    font-family: 'usual_bold';
    font-size:22px;
    line-height:26px;
    letter-spacing:0.44px;
    padding:7px 36px 10px 36px;
    color:#702283;
    text-decoration: none;
    border:2px solid #702283;
    border-radius:29px;
    background:transparent;
    transition: all .4s ease;
}
#blog-bto a:hover {
    background:#F5EFF6;
    transition: all .4s ease;
}
#blog-socials {
    display: flex;
}
#fb-share, #pinterest-share, #twitter-share {
    margin-right:20px;
}
#blog-socials a {
    opacity:1;
    transition:opacity .4s ease;
}
#blog-socials a:hover {
    opacity:.75;
    transition:opacity .4s ease;
}

#content .tcenter h1, #content .tcenter h2, #content #blog-lead h1 {
    text-align: center;
}
#content h1, #content h2 {
    font-family: 'usual_bold';
    font-size:32px;
    line-height:44px;
    letter-spacing:0.64px;
    color:#702283;
    margin-bottom:36px;
}
#content .smallfont h1, #content .smallfont h2 {
    font-size:18px;
    line-height:28px;
    letter-spacing:0.36px;
    margin-bottom:28px;
}
#content .blog-item-text h2, #content #blog-single-content-right h2 {
    font-family: 'usual_bold';
    font-size:22px;
    line-height:36px;
    letter-spacing:0.44px;
    margin-bottom:0;
}
#content h3 {
    font-family: 'usual_bold';
    font-size:22px;
    line-height:36px;
    letter-spacing:0.44px;
    color:#702283;
}
#content .sbi-itiles-item h3 {
    font-family: 'usual_regular';
    font-size:22px;
    line-height:28px;
    letter-spacing:0.44px;
    text-align: center;
}
#content .sbi-tiles-item h3 {
    line-height:32px;
    letter-spacing:0.44px;
}
#content #blog-single-content-links h3 {
    color:#061E4A;
    margin-bottom:12px;
}
#content .sbi-testimonials-item-text h4 {
    font-family: 'usual_regular';
    font-size:22px;
    line-height:36px;
    letter-spacing:0.44px;
    color:#702283;
    margin-bottom:42px;
}
#content #blog-socials-title h4 {
    font-family: 'usual_bold';
    font-size:16px;
    line-height:22px;
    letter-spacing:0.48px;
    text-transform: uppercase;
    color:#061E4A;
    margin-right:24px;
}
#content p {
    font-family: 'usual_regular';
    font-size:22px;
    line-height:36px;
    letter-spacing:0.44px;
    color:#061E4A;
    margin-bottom:36px;
}
#content ul, #content ol {
    margin-bottom:36px;
    padding-left:24px;
}
#content ul {
    padding-left:0;
}
#content ul ul {
    margin-bottom:0;
}
#content ul li {
    font-family: 'usual_regular';
    font-size:22px;
    line-height:36px;
    letter-spacing:0.44px;
    color:#061E4A;
    padding-left:32px;
    position: relative;
}
#content ul li:before {
    content:"";
    position: absolute;
    top:9px;
    left:0;
    width:19px;
    height:19px;
    background:url(images/list-icon.svg) no-repeat center center;
    background-size:19px 19px;
}
#content ul li ul li:before {
    content:"–";
    font-family: 'usual_regular';
    font-size:22px;
    line-height:36px;
    letter-spacing:0.44px;
    color:#061E4A;
    position: absolute;
    top:0;
    left:0;
    width:auto;
    height:auto;
    background:none;
}
#content ol li {
    font-family: 'usual_regular';
    font-size:22px;
    line-height:36px;
    letter-spacing:0.44px;
    color:#061E4A;
    list-style: decimal;
}
#content p a, #content ul li a, #content ol li a {
    color:#061E4A;
    text-decoration: none;
    border-bottom:1px solid #061E4A;
    word-break: break-all;
}
#content p a:hover, #content ul li a:hover, #content ol li a:hover {
    color:#702283;
    border-bottom:1px solid transparent;
}
#content .smallfont p, #content .smallfont ul li, #content .smallfont ol li {
    font-size:18px;
    line-height:28px;
    letter-spacing:0.36px;
}
#content .smallfont p, #content .smallfont ul, #content .smallfont ol {
    margin-bottom:28px;
}

#footer {
    background:#702283;
    padding:43px 57px;
    position: relative;
}
#footer:before {
    content:"";
    position: absolute;
    top:-24px;
    left:0;
    width:100%;
    height:24px;
    background:#702283;
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}
#footer #footer-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#copyright {
    margin-right:16px;
}
#copyright p {
    font-family: 'usual_regular';
    font-size:18px;
    line-height:24px;
    letter-spacing:0.45px;
    color:rgba(255,255,255,.6);
}
#fclaim {
    margin-left:16px;
}
#fclaim span {
    font-family: 'usual_medium';
    font-size:22px;
    line-height:26px;
    letter-spacing:0.44px;
    color:#fff;
}
#footer #socials.smobile, #blog-single-content-links.bscl-mobile {
    display: none;
}

/* Menotest */
.menopause-test-wrapper {
    min-height:calc(100vh - 112px);
}
#content .menopause-test-wrapper h1 {
    font-size: 25px;
    line-height: 32px;
    letter-spacing: 0.5px;
    margin-bottom: 32px;
}
#content .text-progress p, #content .acceptance-area p, #content .accept-label p {
    font-size: 10px;
    line-height: 16px;
    letter-spacing: 0.2px;
    color: #a0a4a9;
    margin-bottom: 0;
}
#content .single-answer-wrapper-special-question p {
    font-size: 17px !important;
    line-height: 24px !important;
    letter-spacing: 0.34px;
    margin-bottom: 0;
}
#content .single-answer-wrapper-special-question input:checked ~ label p {
    color: #f7f4fc;
}
#content .info-text p {
    font-size:15px;
    line-height:20px;
    margin-bottom:0;
}
.age-input, #user_name, #user_surname, #user_email {
    font-family: 'usual_regular' !important;
}
.template-menopause-test .question-card-wrapper .col-card-answers .single-answer-wrapper label {
    font-family: 'usual_medium' !important;
}
.menopause-test-wrapper button {
    font-family: 'usual_medium' !important;
    cursor: pointer;
}
.template-menopause-test .question-card-wrapper .col-card-answers .single-answer-wrapper input:checked ~ label::after, .template-menopause-test .question-card-wrapper .single-answer-wrapper-special-question input:checked ~ label::after {
    width: 15px !important;
    height: 15px !important;
}
.col-check-acceptance {
    position: relative;
}
.template-menopause-test .thank-you-wrapper .thank-you {
    margin:0 auto;
    max-width:960px;
    padding-left:36px;
    padding-right:36px;
}
.template-menopause-test .thank-you-wrapper .split-buttons-wrapper a {
    font-family: 'usual_medium' !important;
    text-decoration: none;
}
.template-menopause-test .thank-you-wrapper img {
    display: block;
    margin:0 auto;
    max-width:960px;
}


@media only screen and (max-height:732px) {
    #smenu {
        bottom:162px;
        left:inherit;
        right:168px;
    }
    #smenu.no-socials {
        bottom:114px;
    }
    #smenu ul {
        text-align:right;
    }
    #smenu ul li {
        display: block;
        margin-bottom:8px;
    }
    #smenu ul li:after {
        content:"";
        display: none;
    }
}
@media only screen and (max-width:1080px) and (max-height:732px) {
    #smenu {
        bottom:92px;
        right:46px;
    }
    #smenu.no-socials {
        bottom:46px;
    }
    #smenu ul li {
        display: block;
        margin-bottom:4px;
    }
}

@media only screen and (min-width:811px) and (max-width:920px) {
    #blog-bto-socials {
        flex-direction: column;
        justify-content:flex-start;
    }
    #blog-bto {
        margin-bottom:24px;
    }
}
@media only screen and (min-width:1441px) { 
    #header-home {
        background-position: bottom center !important;
    }
    #header-home-caption span {
        padding: 28px 72px;
        font-size: 26px;
        line-height: 34px;
        letter-spacing: 0.52px;
        border-radius: 50px;
    }
}
@media only screen and (max-width:1440px) {    
    .sbi-itiles {
        padding:180px 138px 116px 138px;
    }
}
@media only screen and (max-width:1280px) {
    .sbi-itiles {
        padding:92px 36px 28px 36px;
    }
    .sbi-tfull, .sbi-iltr, .sbi-tlir, .sbi-testimonials {
        padding:92px 36px 56px 36px;
    }
    .sbi-tiles {
        padding:92px 36px 52px 36px;
    }
    .sbi-ltiles {
        padding:92px 36px 44px 36px;
    }
    .sbi-itiles .sbi-itiles-items .sbi-itiles-item {
        width: calc(33.333% - 64px);
    }
    .blog #content, .single-post #content {
        padding: 246px 36px 68px 36px;
    }
    .single-post #content {
        padding: 246px 36px 196px 36px;
    }
    #blog-single-content {
        padding-top: 0;
    }
    .sb-item.topline::before {
        left: 36px;
        right:36px;
        width:calc(100% - 72px);
        transform:none;
    }
}
@media only screen and (max-width:1080px) {
    #logo {
        top: 22px;
        left: 27px;
    }
    #logo img {
        width: 104px;
        height: 38px;
    }
    #menu-trigger, #menu-trigger:hover {
        top: 27px;
        right: 23px;
        width: 26px;
        height: 26px;
        transform: rotate(0deg);
    }
    #menu-trigger span {
        width:100%;
        height:2px;
        border-radius:1px;
        background:#702283;
    }
    #menu-trigger span:nth-child(1) {
        top:7px;
    }
    #menu-trigger span:nth-child(2) {
        bottom:7px;
    }
    #mobile-menu-close {
        top: 26px;
        right: 26px;
    }
    #mobile-menu-close img {
        width: 21px;
        height: 21px;
    }
    #mobile-menu-inner {
        padding: 166px 46px 46px 46px;
    }
    #lang-select {
        margin-bottom: 36px;
    }
    .wpml-ls-legacy-list-horizontal a {
        font-size: 20px;
        line-height: 28px;
        letter-spacing: 0.40px;
    }
    #menu ul li {
        padding: 3px 0;
    }
    #menu ul li a {
        font-size: 40px;
        line-height: 56px;
        letter-spacing: 0.8px;
    }
    #smenu {
        bottom:92px;
        right:46px;
    }
    #smenu.no-socials {
        bottom:46px;
    }
    #smenu ul {
        text-align:right;
    }
    #smenu ul li {
        display: block;
        margin-bottom:4px;
    }
    #smenu ul li:after {
        content:"";
        display: none;
    }
    #smenu ul li a {
        font-size: 20px;
        line-height: 28px;
        letter-spacing: 0.5px;
    }
    #socials {
        bottom: 46px;
        right: 46px;
    }
    .sbi-tlir .sbi-tlir-inner .sbi-tlir-img::after {
        width: 460px;
        height: 460px;
        right: -15px;
        background: url(images/circle-right.svg) no-repeat center center;
        background-size: 460px 460px;
    }
    #content h1, #content h2 {
        font-size:26px;
        line-height:32px;
        letter-spacing:0.52px;
    }
    #content #blog-single-content-right h1 {    
        margin-bottom: 26px;
    }
    #content .smallfont h1, #content .smallfont h2 {
        font-size:16px;
        line-height:24px;
        letter-spacing:0.32px;
    }
    #content .blog-item-text h2, #content #blog-single-content-right h2, #content h3, #content p, #content ul li, #content ul li ul li:before, #content ol li {
        font-size:18px;
        line-height:28px;
        letter-spacing:0.36px;
    }
    #content .sbi-testimonials-item-text h4 {
        font-size:18px;
        line-height:28px;
        letter-spacing:0.36px;
        margin-bottom:32px;
    }
    #content .sbi-itiles-item h3 {
        font-size:18px;
        line-height:22px;
        letter-spacing:0.36px;
    }
    #content .sbi-tiles-item h3 {
        line-height:28px;
        letter-spacing:0.36px;
    }
    #content ul li {
        padding-left:26px;
    }
    #content ul li:before {
        top:5px;
        width:17px;
        height:17px;
        background:url(images/list-icon.svg) no-repeat center center;
        background-size:17px 17px;
    }
    #content .smallfont p, #content .smallfont ul li, #content .smallfont ol li {
        font-size:16px;
        line-height:24px;
        letter-spacing:0.32px;
    }    
    .sbi-button {
        padding-top:16px;
    }
    .sbi-button a, #blog-bto a {
        font-size:17px;
        line-height:28px;
        letter-spacing:0.34px;
        padding:8px 26px 11px 26px;
    }
    #content p, #content ul, #content ol {
        margin-bottom:28px;
    }
    #blog-single-content-links .blog-single-content-links-list-item a {
        font-size: 18px;
        line-height: 28px;
        letter-spacing: 0.36px;
    }
    #header-img-caption {
        bottom:27px;
    }
    #header-img-caption.left {
        left:27px;
    }
    #header-img-caption.right {
        right:27px;
    }
}
@media only screen and (max-width:1023px) {
    .alignright, .alignleft {
        float:none;
        display: block;
        margin:0 auto 36px auto;
    } 
    .sbi-itiles {
        padding:90px 36px 48px 36px;
    }
    .sbi-tfull, .sbi-iltr, .sbi-tlir {
        padding:62px 36px 48px 36px;
    }
    .sbi-testimonials {
        padding:76px 36px 48px 36px;
    }
    .sbi-tiles {
        padding:62px 36px 48px 36px;
    }
    .sbi-ltiles {
        padding:62px 36px 48px 36px;
    }
    .blog #content, .single-post #content {
        padding: 124px 36px 32px 36px;
    }
    .single-post #content {
        padding: 124px 36px 88px 36px;
    }
    #sitebuilder.no-head .sb-item:nth-child(1) {
        padding-top: 62px;
    }
    .sbi-tiles .sbi-tiles-items, .sbi-ltiles .sbi-ltiles-items {
        margin: 0 -18px;
    }
    .sbi-tiles .sbi-tiles-items .sbi-tiles-item {
        width: calc(33.333% - 36px);
        margin: 0 18px 36px 18px;
    }
    .sbi-ltiles .sbi-ltiles-items .sbi-ltiles-item {
        width: calc(33.333% - 36px);
        margin: 0 18px 36px 18px;
    }
    #blog-single-content-inner {
        margin: 0 -18px;
    }
    #blog-single-content-inner #blog-single-content-left, #blog-single-content-inner #blog-single-content-right {
        width: calc(50% - 36px);
        margin: 0 18px;
    }
}
@media only screen and (max-width:960px) {
    .sbi-tfull-inner .sbi-tfull-sidebar, .sbi-tfull-inner .sbi-tfull-content {
        width: calc(100% - 40px);
    }
}
@media only screen and (max-width:810px) {
    .sbi-testimonials .sbi-testimonials-items .sbi-testimonials-item, .sbi-testimonials .sbi-testimonials-items .sbi-testimonials-item:nth-child(2), .sbi-testimonials .sbi-testimonials-items .sbi-testimonials-item:nth-child(3), .sbi-testimonials .sbi-testimonials-items .sbi-testimonials-item:nth-child(6), .sbi-testimonials .sbi-testimonials-items .sbi-testimonials-item:nth-child(7) {
        width: calc(100% - 42px);
        margin-bottom:48px;
    }
    .sbi-testimonials .sbi-testimonials-items .sbi-testimonials-item img {
        margin-bottom: 16px;
    }
    #content .sbi-testimonials-item-text h4 {
        margin-bottom: 24px;
    }
    .sbi-ltiles .sbi-ltiles-items {
        padding-top: 24px;
    }
    #blog-items {
        padding-top: 24px;
    }
    #blog-single-content-inner #blog-single-content-left, #blog-single-content-inner #blog-single-content-right {
        width: calc(100% - 36px);
    }
    #blog-single-content-inner #blog-single-content-left #blog-single-content-img {
        margin-bottom: 24px;
        width: 320px;
    }
    #blog-single-content-links {
        display: none;
    }
    #blog-single-content-links.bscl-mobile {
        display: block;
    }
}
@media only screen and (max-width:767px) {
    #smenu {
        bottom:46px !important;
    }
    #mobile-menu #socials {
        display: none;
    }
    #header-img-caption span {
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 0.32px;
    }
    #header-img-caption span::before {
        top: -12px;
        width: 36px;
        height: 1px;
    } 
    
    #header-home-caption {
        bottom:0;
        left:0;
        width:100%;
        background:url(images/menoelle.png) #fff no-repeat bottom 20px right 22px;
        background-size:112px 148px;
        height:180px;
        display: flex;
        align-items: flex-end;
    }
    #header-home-caption span {
        background:none;
        margin-bottom:20px;
        padding:24px 148px 24px 40px;
        font-size:20px;
        line-height:26px;
        letter-spacing:0.40px;
        border-radius:0;
    }
    #content h1, #content h2 {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: 0.40px;
    }
    .sbi-iltr .sbi-iltr-inner {
        padding-top:32px;
    }
    .sbi-iltr .sbi-iltr-inner .sbi-iltr-img, .sbi-tlir .sbi-tlir-inner .sbi-tlir-text {
        width:100%;
    }
    .sbi-tlir .sbi-tlir-inner .sbi-tlir-img, .sbi-iltr .sbi-iltr-inner .sbi-iltr-text {
        width:100%;
    }
    .sbi-tlir .sbi-tlir-inner .sbi-tlir-text {
        width:100%
    } 
    .sbi-tlir .sbi-tlir-inner .sbi-tlir-img {
        width:100%
    }
    .sbi-tlir .sbi-tlir-inner .sbi-tlir-img {
        order:1;
    }
    .sbi-tlir .sbi-tlir-inner .sbi-tlir-text {
        order:2;    
    }
    .sbi-iltr .sbi-iltr-inner .sbi-iltr-img, .sbi-tlir .sbi-tlir-inner .sbi-tlir-img {
        margin-bottom:64px;
    }
    .sbi-tlir .sbi-tlir-inner .sbi-tlir-img {
        padding-top:48px;
    }
    .sbi-iltr .sbi-iltr-inner .sbi-iltr-img:before {
        left:calc(50% - 32px);
        width:235px;
        height:235px;
        background:url(images/circle-left.svg) no-repeat center center;
        background-size:235px 235px;    
        transform: translateX(-200%) translateY(-50%);
    }
    .item-visible .sbi-iltr .sbi-iltr-inner .sbi-iltr-img:before {
        transform: translateX(-50%) translateY(-50%);
    }
    .sbi-iltr .sbi-iltr-inner .sbi-iltr-img img {
        max-width:300px;
        height:auto;
        display: block;
        margin:0 auto;
    }
    .sbi-tlir .sbi-tlir-inner .sbi-tlir-img:after {
        right:calc(50% - 32px);
        width:300px;
        height:300px;
        background:url(images/circle-right.svg) no-repeat center center;
        background-size:300px 300px;
        transform: translateX(200%) translateY(-50%);
    }
    .item-visible .sbi-tlir .sbi-tlir-inner .sbi-tlir-img:after {
        transform: translateX(50%) translateY(-50%);
    }
    .sbi-tlir .sbi-tlir-inner .sbi-tlir-img img {
        max-width:360px;
        height:auto;
        display: block;
        margin:0 auto;
    }  
    .sbi-tiles .sbi-tiles-items .sbi-tiles-item {
        width: calc(50% - 36px);
    }
    .sbi-ltiles .sbi-ltiles-items .sbi-ltiles-item {
        width: calc(50% - 36px);
    }
    .sbi-testimonials .sbi-testimonials-items {
        padding-top:0;
    }
    #blog-items .blog-item {
        width: calc(100% - 40px);
        margin: 0 20px 24px 20px;
    }
    #blog-items .blog-item .blog-item-img {
        margin-bottom: 24px;
    }
    #footer #socials.smobile {
        display: block;
        position: inherit;
        bottom: inherit;
        right: inherit;
        width:100%;
        order:2;
        margin-bottom:28px;
    }
    #socials #socials-items {
        justify-content: center;
    }
    #socials #socials-items .socials-item img {
        height: 24px;
    }
    #footer #footer-inner {
        flex-direction: column;
        justify-content: flex-start;
    }
    #copyright {
        width:100%;
        margin-right: 0;
        order:3;
        text-align: center;
    }
    #fclaim {
        width:100%;
        margin-left: 0;
        margin-bottom:62px;
        order:1;
        text-align: center;
    }
}
@media only screen and (max-width:568px) {
    .sbi-testimonials .sbi-testimonials-items .sbi-testimonials-item img {
        width: 154px;
        height: 154px;
    }
    .sbi-tiles {
        padding: 62px 36px 26px 36px;
    }
    .sbi-itiles .sbi-itiles-items .sbi-itiles-item {
        width: calc(50% - 64px);
    }
    .sbi-tiles .sbi-tiles-items .sbi-tiles-item {
        width: calc(100% - 36px);
    }
    .sbi-tiles .sbi-tiles-items .sbi-tiles-item img {
        margin-bottom: 12px;
    }
    .sbi-tiles .sbi-tiles-items {
        margin: 0 -18px;
    }
    .sbi-ltiles .sbi-ltiles-items {
        margin: 0 -10px;
    }
    .sbi-ltiles .sbi-ltiles-items .sbi-ltiles-item {
        width: calc(50% - 20px);
        margin: 0 10px 20px 10px;
    }
    #blog-bto-socials {
        flex-direction: column;
        justify-content: flex-start;
    }
    #blog-bto {
        margin-bottom:24px;
    }
    #fclaim span {
        display: inline-block;
        max-width:232px;
        line-height: 32px;
    }
    #logo img {
        width: 90px;
        height: 33px;
    }
    #menu-trigger, #menu-trigger:hover {
        top: 26px;
        right: 23px;
        width: 23px;
        height: 23px;
        transform: rotate(0deg);
    }
    #menu-trigger span {
        width:100%;
        height:2px;
        border-radius:1px;
        background:#702283;
    }
    #menu-trigger span:nth-child(1) {
        top:7px;
    }
    #menu-trigger span:nth-child(2) {
        bottom:7px;
    }
    #mobile-menu-close {
        top: 26px;
        right: 26px;
    }
    #mobile-menu-close img {
        width: 18px;
        height: 18px;
    }
    #menu ul li {
        padding: 2px 0;
    }
    #menu ul li a {
        font-size: 34px;
        line-height: 50px;
        letter-spacing: 0.68px;
    }
}