/*
Theme Name: HIVTEST
Theme URI: https://hivtest.tj
Author: Oleh Zadorozhnyi
Description: A custom WordPress theme for Hivtest.tj.
Version: 1.1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

div[data-menu="main"] {
    background: #fff !important;
}
div[data-menu="main"].ui.secondary.menu {
    border-bottom: 1px solid #d8d8d8;
}
div[data-menu="main"].ui.secondary.menu .toc.item {
    display: none;
}
div[data-menu="main"].ui.secondary.menu .right.item > .item {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.visual {
    display: block !important;
}
.visual.button {
    display: inline-block !important;
}
.visual.hidden {
    display: none !important;
}
.ui.button {
    border-radius: 0.6rem !important;
}
.ui.button.blue {
    background: #00aaff !important;
}
.ui.button.blue:hover {
    background: #008cff !important;
}
.ui.modal {
    border-radius: 2rem !important;
}
.ui.modal > .close {
    top: 1rem !important;
    right: 1rem !important;
    color: #000 !important;
    text-shadow: none !important;
}
.ui.modal > :first-child:not(.close):not(.dimmer),
.ui.modal > i.icon:first-child + * {
    border-top-left-radius: 2rem !important;
    border-top-right-radius: 2rem !important;
}
.ui.modal > :last-child {
    border-bottom-left-radius: 2rem !important;
    border-bottom-right-radius: 2rem !important;
}
.ui.modal > .header {
    border-bottom: none !important;
}
.ui.modal > .header span {
    color: #a9a9a9;
}
.ui.modal > .actions {
    border-top: none !important;
    background: #fff !important;
    text-align: left;
    padding-bottom: 2rem;
}
.ui.modal .actions > .button:not(.fluid) {
    margin-left: 0.6em;
}
.ui.dimmer {
    background: rgba(0, 0, 0, 0.32) !important;
}
.ui.form:not(.initial) .field input:invalid {
    background: #fff;
    color: rgba(0, 0, 0, 0.87);
}
.ui.text.red {
    color: #d5132c;
}
@media only screen and (max-width: 700px) {
    div[data-menu="main"].ui.secondary.menu .item:not(.logo),
    div[data-menu="main"].ui.secondary.menu .menu {
        display: none;
    }
    div[data-menu="main"].ui.secondary.menu .toc.item {
        display: block;
    }
}

/* Blocks styles */
div[data-block="promo"] {
    position: relative;
    margin-top: 4rem;
    height: 660px;
}
div[data-block="promo"] .parallax {
    transition-timing-function: linear;
    transition: 0.1s;
}
div[data-block="promo"] .triangles-left {
    position: absolute;
    left: -30px;
    top: 0;
}
div[data-block="promo"] .triangles-right {
    position: absolute;
    right: -30px;
    top: 0;
}
div[data-block="promo"] .triangles-left img,
div[data-block="promo"] .triangles-right img {
    pointer-events: none;
}
div[data-block="promo"] .packet {
    position: absolute;
    right: 145px;
    top: 55px;
}
div[data-block="promo"] .packet img {
    margin-top: 60px;
    width: 450px;
    pointer-events: none;
}
div[data-block="promo"] .count {
    position: absolute;
    display: table;
    padding: 40px;
    right: 228px;
    top: 381px;
    background: linear-gradient(156.2deg, #f91c3b 11.52%, #bd0811 86.13%);
    border-radius: 200px;
    width: 248px;
    height: 248px;
    font-size: 14pt;
    font-weight: bold;
    color: #fff;
}
div[data-block="promo"] .count p {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
div[data-block="promo"] .count span {
    font-size: 24pt;
    display: block;
    padding: 0.5rem 0;
}
div[data-block="promo"] .mess {
    position: absolute;
    width: 40%;
    left: 14%;
    top: 80px;
    text-align: right;
}
div[data-block="promo"] .mess h1,
div[data-block="promo"] .mess h2 {
    font-size: 70pt;
    line-height: 76px;
}
div[data-block="promo"] .mess h1 span,
div[data-block="promo"] .mess h2 span {
    color: #d5132c;
    font-size: smaller;
}
div[data-block="promo"] .mess p {
    font-size: 26pt;
    line-height: 40px;
    padding-top: 2rem;
}
div[data-block="promo"] .mess .button {
    font-size: 22pt;
    background: #d5132c;
    color: #fff;
    border-radius: 50px;
}
div[data-block="promo"] .mess .button:hover,
div[data-block="promo"] .mess .button:focus,
div[data-block="promo"] .mess .button:active {
    background: #ee3149;
    color: #fff;
}

div[data-block="video"] .column:nth-child(1) {
    font-size: 18pt;
    font-weight: bold;
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-content: stretch;
    align-items: center;
}
div[data-block="video"] .column:nth-child(1) div {
    flex: 0 1 auto;
    align-self: auto;
}
div[data-block="video"] .column:nth-child(1) p span {
    color: #d5132c;
}
div[data-block="video"] .column:nth-child(2) div {
    width: 343px;
}
div[data-block="video"] .column:nth-child(2) a {
    color: #000;
}
div[data-block="video"] .column:nth-child(2) a:hover {
    color: #d5132c;
}
div[data-block="video"] .column:nth-child(2) .link {
    text-align: center;
}
div[data-block="faq"] {
    margin-top: 5rem;
}
div[data-block="faq"] .menu {
    justify-content: center;
    border-bottom: none !important;
}
div[data-block="review"] {
    margin-top: 5rem;
}
div[data-block="review"] .review {
    background: #fff;
    box-shadow:
        0 1px 3px rgba(0, 0, 0, 0.05),
        0 4px 30px rgba(0, 0, 0, 0.1);
    border-radius: 16px;
    padding: 1.5rem;
    overflow: hidden;
}
div[data-block="review"] .grid {
    margin-top: 1rem;
}
div[data-block="review"] .review.person_1 {
    background: url("images/review_person_1.png") right bottom no-repeat;
    background-size: 17%;
}
div[data-block="review"] .review.person_2 {
    background: url("images/review_person_2.png") right bottom no-repeat;
    background-size: 17%;
}
div[data-block="review"] .review.person_3 {
    background: url("images/review_person_3.png") right bottom no-repeat;
    background-size: 17%;
}
div[data-block="review"] .review.person_4 {
    background: url("images/review_person_4.png") right bottom no-repeat;
    background-size: 17%;
}
div[data-block="result"] {
    margin-top: 7rem;
    text-align: center;
}
div[data-block="result"] .button {
    font-size: 14pt;
    background: #d5132c;
    color: #fff;
    border-radius: 50px;
}
div[data-block="result"] .button:hover,
div[data-block="result"] .button:focus,
div[data-block="result"] .button:active {
    background: #ee3149;
    color: #fff;
}
div[data-block="result"] .text,
div[data-block="hiv"] .text {
    padding: 2rem 0;
}
div[data-block="hiv"] {
    margin-top: 7rem;
}
div[data-block="hiv"] .card,
div[data-block="amec"] .card {
    background: #fff !important;
    box-shadow:
        0 1px 3px rgba(0, 0, 0, 0.05),
        0 4px 30px rgba(0, 0, 0, 0.1) !important;
    border-radius: 16px !important;
    overflow: hidden;
}
div[data-block="hiv"] .card img,
div[data-block="amec"] .card img {
    width: 40px;
    margin-bottom: 1rem;
}
div[data-block="hiv"] .card {
    width: 186px !important;
    cursor: default !important;
}
div[data-block="pkp"] {
    margin-top: 7rem;
}
div[data-block="pkp"] .card {
    background: #fff !important;
    box-shadow:
        0 1px 3px rgba(0, 0, 0, 0.05),
        0 4px 30px rgba(0, 0, 0, 0.1) !important;
    border-radius: 16px !important;
    overflow: hidden;
    width: 186px !important;
    cursor: default !important;
}
div[data-block="pkp"] .card img {
    width: 40px;
    margin-bottom: 1rem;
}
div[data-block="amec"] {
    margin-top: 7rem;
}
div[data-block="amec"] .cards {
    margin-top: 2rem;
}
div[data-block="amec"] .card {
    width: 300px !important;
    cursor: default !important;
}

div[data-block="footer"] {
    margin-top: 7rem;
    position: relative;
}
div[data-block="footer"] .triangles-left {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    z-index: -1;
}
div[data-block="footer"] .triangles-right {
    position: absolute;
    right: 0;
    top: 0;
    pointer-events: none;
    z-index: -1;
}
div[data-block="footer"] .soc_links {
    text-align: center;
    margin-top: 3rem;
}
div[data-block="footer"] .soc_links a {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 15px;
    color: #d5132c;
    margin: 0 5px;
    text-align: center;
    padding-top: 16px;
    box-shadow:
        0 1px 3px rgba(0, 0, 0, 0.05),
        0 4px 30px rgba(0, 0, 0, 0.1);
}
div[data-block="footer"] .copy {
    text-align: center;
    font-size: 10pt;
    color: #999;
    margin-top: 3rem;
}
div[data-block="footer"] .coordinator {
    text-align: center;
    font-size: 18pt;
    font-weight: bold;
    line-height: 32px;
}
div[data-block="banner"] {
    position: fixed;
    bottom: 7%;
    right: 4%;
    z-index: 100;
    background: #fff;
    box-shadow:
        0 1px 3px rgba(0, 0, 0, 0.05),
        0 4px 30px rgba(0, 0, 0, 0.1);
    color: #d5132c;
    padding: 1.4rem;
    border-radius: 1rem;
    cursor: pointer;
}
div[data-block="banner"] h3 {
    width: 170px;
}
.ui.cards {
    margin: 10px 0;
}
.pkp_icons {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 1rem;
}
.pkp_icons i {
    font-size: 36px;
    color: #d5132c;
}
@media only screen and (max-width: 767.98px) {
    div[data-block="promo"] {
        margin-top: 1rem;
    }
    div[data-block="promo"] .parallax {
        transform: none !important;
    }
    div[data-block="promo"] .mess {
        width: auto;
        top: 0;
        left: 0;
        text-align: center;
    }
    div[data-block="promo"] .packet {
        right: 68px;
        top: 321px;
    }
    div[data-block="promo"] .packet img {
        width: 339px;
    }
    div[data-block="promo"] .count {
        right: -18px;
        top: 426px;
        width: 225px;
        height: 225px;
        padding: 29px;
    }
    div[data-block="promo"] .mess h1,
    div[data-block="promo"] .mess h2 {
        font-size: 45pt;
        line-height: 55px;
        text-align: center;
    }
    div[data-block="promo"] .mess p {
        font-size: 20pt;
        line-height: 30px;
        text-align: center;
        padding-top: 0;
    }
    div[data-block="promo"] .mess .button {
        font-size: 18pt;
    }
    div[data-block="banner"] {
        display: none;
    }
    div[data-block="video"] {
        padding-top: 2rem;
    }
    div[data-block="video"] .row .column:first-child {
        text-align: center !important;
    }
    div[data-block="video"] .row .column:last-child > div {
    }
    .triangles-left,
    .triangles-right {
        display: none;
    }
}

/* Modal Form styles */
.form-actions {
    margin-top: 3rem;
}

div[data-switch="list_map"] {
    background: #f2f1f0 !important;
    border-radius: 0.68571429rem !important;
}

div[data-switch="list_map"] .item {
    margin: 0.3em !important;
    cursor: pointer;
    padding: 0.78571429em 1.92857143em !important;
}

div[data-switch="list_map"] .item.active {
    background: #fff !important;
    border-radius: 0.68571429rem !important;
}

div[data-switch="list_map"] .item.active:hover {
    background: #fdfdfd !important;
}
.phone-warning,
.phone-warning-mobile {
    display: flex;
    text-align: center;
    color: #d5132c;
    font-weight: bold;
}
.phone-warning-mobile {
    display: none;
}
.ui.ui.form .field.error .input,
.ui.ui.form .field.error .ui.label:not(.corner),
.ui.ui.form .field.error label,
.ui.ui.form .fields.error .field .input,
.ui.ui.form .fields.error .field .ui.label:not(.corner),
.ui.ui.form .fields.error .field label {
    color: #d5132c !important;
}
.ui.form .field.error .ui.dropdown,
.ui.form .fields.error .field .ui.dropdown {
    border-color: #d5132c !important;
}
.ui.form .field.error .ui.dropdown,
.ui.form .field.error .ui.dropdown .item,
.ui.form .field.error .ui.dropdown > .text,
.ui.form .fields.error .field .ui.dropdown,
.ui.form .fields.error .field .ui.dropdown .item {
    color: #d5132c !important;
}
.ui.form .field.error .ui.checkbox {
    border: 1px solid #d5132c;
    padding: 3px;
    border-radius: 5px;
}
@media only screen and (max-width: 700px) {
    .phone-warning-mobile {
        display: flex;
        margin-bottom: 10px;
    }
    .phone-warning {
        display: none;
    }
}