/*
Theme Name: zaxidna
Author: zaxidna.pro
Author URI: http://zaxidna.pro
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;900&display=swap');


html {
        font-size: 95%;
}

body {
        font-family: 'Montserrat', sans-serif;
        color: #212121;
}


h3, .h3, h4, .h4, h5, .h5, h6, .h6, thead th {
        line-height: 1.35;
        font-weight: 700;
}

h1, .h1, h2, .h2 {
        line-height: 1.35;
        font-weight: 700;
}

h6, .h6 {
        font-size: 1.1rem;
}

small, .small {
        font-size: 95%;
}

.fw-600 {
        font-weight: 600;
}
.fw-700 {
        font-weight: 700;
}

.lead {
        font-weight: 400 !important;
        font-size: 1.1rem;
}

.more-link {
        display: none !important;
}

.rotate-45 {
        transform: rotate(45deg);
}

img {
        max-width: 100%;
}

.table thead th {
        vertical-align: top;
        font-size: 1.1rem;
        font-weight: 700 !important;
        background-color: #72D54A;
        color: #fff;
        border-bottom: 0 !important;
}

.table thead th:last-child {
        width: 25%;
}

.table > :not(:first-child) {
        border-top: 0 !important;
}

.table td strong {
        font-weight: 600 !important;
        font-size: 1.15rem;
}

.bg-primary {
        background-color: #72D54A !important;
}

.bg-secondary {
        background-color: #C71740 !important;
}

.bg-primary a, .bg-secondary a, .bg-dark a, .bg-primary a:hover, .bg-secondary a:hover, .bg-dark a:hover {
        color: #fff;
}

.bg-dark {
        background-color: #173E34 !important;
}

.bg-light {
        background-color: #f1f1f1 !important;
}

.text-primary {
        color: #72D54A !important;
}

.text-secondary {
        color: #C71740 !important;
}

.title-line {
        border-top: .1rem solid #4c4c4c !important;
        opacity: 1;
}

hr, .border-top, .border {
        border-color: rgba(0, 0, 0, 0.15) !important;
        opacity: 1;
}

a {
        color: #212121;
        text-decoration: none !important;
        transition: .25s;
}

a:focus, button {
        outline: none !important;
}

a:hover {
        color: #C71740;
        text-decoration: none;
        transition: .25s;
}

a[href^="tel:"] {
        white-space: nowrap;
}

article p a {
        font-weight: 600;
}

.btn {
        border-radius: 3rem;
        box-shadow: none !important;
        outline: 0 !important;
        border: 0 !important;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        transition: .25s;
        font-size: 1;
        font-weight: 600;
}

.btn-primary {
        background-color: #72D54A;
        color: #fff;
        -webkit-transition: all 0.25s ease-in-out;
}

.btn-primary:hover {
        background-color: #173E34;
        color: #fff;
}

.btn-primary:focus {
        background-color: #173E34;
        color: #fff;
}

.btn-primary.disabled, .btn-primary:disabled {
        color: #6c6c6c;
}


.btn-secondary {
        background-color: #fff;
        color: #212121;
        -webkit-transition: all 0.25s ease-in-out;
}

.bg-primary .btn-secondary {
        color: #212121;
}

.btn-secondary:hover {
        background-color: #173E34;
        color: #fff;
}

.btn-secondary:focus {
        background-color: #173E34;
        color: #fff;
}

.btn-secondary.disabled, .btn-secondary:disabled {
        color: #6c6c6c;
}

section.top {
        position: relative;
        z-index: 999;
}

.logo svg, .logo img {
        width: 9rem;
}


header {
        z-index: 99;
        position: relative;
}

header a {
        color: #212121;
        text-decoration: none !important;
}

header .navbar {
        display: block;
}

header .navbar-toggler {
        border: 0 !important;
        padding: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;
}

header .navbar-nav .nav-link {
        font-size: 1.1rem;
        color: #212121 !important;
        white-space: nowrap;
        font-weight: 600;
}

header .navbar-nav .nav-link:focus, header .navbar-nav .nav-link:hover {
        background-color: transparent;
        color: #C71740 !important;
}

header .navbar-nav .active > .nav-link, header .navbar-nav .nav-link.active, header .navbar-nav .nav-link.show, header .navbar-nav .show > .nav-link {
        background-color: transparent;
}

header .navbar-light .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 33, 33, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}


header .dropdown-menu {
        margin: .125rem 0 .5rem 0;
        min-width: 1rem;
        border: 0;
}

header .dropdown-menu .dropdown-item {
        color: #212121 !important;
        font-weight: 600;
}

header .dropdown-menu .dropdown-item:focus, header .dropdown-menu .dropdown-item:hover {
        color: #C71740 !important;
        background-color: transparent !important;
}

header .dropdown-item.active, header .dropdown-item:active {
        color: #C71740 !important;
        background-color: transparent !important;
}



section.intro {
        background-image: url("images/gr_bg.jpg");
        background-repeat: no-repeat;
        background-size: cover;
}

section.intro img {
        left: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        max-width: 100vw;
        position: relative;
        right: 50%;
        width: 100vw;
}









div.gallery-fix {
        margin-top: -40px;
}

.sy-slides-wrap .sy-filler {
        padding-top: 66.67% !important;
}


article ul {
        list-style-type: none;
        padding-left: 1.5rem;
        margin-left: 0;
}

article ul li:before {
        content: "—";
        position: absolute;
        margin-left: -1.5rem;
}

article ul.list-unstyled {
        list-style-type: none;
        padding-left: 0;
        margin-left: 0;
}

article ul.list-unstyled li:before {
        content: none;
}

article .wp-block-gallery ul {
        padding-left: 0;
}

article .wp-block-gallery ul li:before {
        content: none;
}

.page-id-44 article img {
        width: 13rem !important;
}

article .wp-block-table {
        overflow: hidden !important;
        margin: 0 !important;
}

article hr {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
        height: 0 !important;
        border-top: 1px solid #dee2e6 !important;
}

article p:last-child {
        margin-bottom: 0;
}

.doctor-item article p {
       margin-bottom: 0;
}




.gmap {
        height: 27rem;
        border: 0;
}

footer li p {
        margin: 0 !important;
}

footer .zaxidna svg {
        width: 3.6rem;
}













@media (min-width: 576px) {

.logo svg, .logo img {
        width: 11rem;
}

}


@media (min-width: 768px) {

article .wp-image-364 {
        width: 12rem !important;
}

}


@media (min-width: 992px) {


section.intro {
        overflow: hidden;
}

section.intro img {
        margin-right: -58.33333333vw;
        width: 58.33333333vw;
        left: auto;
        margin-left: auto;
        margin-right: -58.33333333vw;
        right: auto;

}

header .dropdown-item {
        white-space: nowrap;
}

header .navbar-nav .nav-link {
        padding-left: 0 !important;
        padding-right: 0 !important;
}

header .navbar-nav > .nav-item + .nav-item {
        margin-left: 1.5rem;
}

header .dropdown-item {
        padding: .25rem 1.5rem;
}

.table-sm > :not(caption) > * > * {
        padding: .25rem .5rem;
}

section.features .feature-item {
        width: 24rem;
}

.page-id-44 article img {
        width: 15rem !important;
        float: right;
        margin-left: 1rem;
        margin-bottom: 1rem;
}


}


@media (min-width: 1200px) {

html {
        font-size: 100%;
}

.btn {
        padding-left: 1.75rem;
        padding-right: 1.75rem;
        font-size: 1.1rem;
}

header .navbar-nav > .nav-item + .nav-item {
        margin-left: 1.5rem;
}

.lead, body.page-template-item article p:first-child {
        font-size: 1.25rem !important;
}

article .wp-image-364 {
        width: 15rem !important;
}

section.features .feature-item {
        width: 15rem;
}

.table-sm > :not(caption) > * > * {
        padding: .25rem .75rem;
}

}

@media (min-width: 1400px) {

.logo svg, .logo img {
        width: 13rem;
}

header .navbar-nav > .nav-item + .nav-item {
        margin-left: 2rem;
}

}