/*
Theme Name: WSR Theme
Theme URI: 
Author: WSR
Author URI: 
Description: For use with Elementor
Version: 1.0.0
Text Domain: wsrtheme
*/

/* //// Font Face /////////////////////////////////////////////////*/

@font-face {
    font-family: 'GothamBook';
    src: url('fonts/Gotham-Book.eot'); /* IE9 Compat Modes */
    src: url('fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/Gotham-Book.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/Gotham-Book.woff') format('woff'), /* Pretty Modern Browsers */
        url('fonts/Gotham-Book.ttf')  format('truetype'), /* Safari, Android, iOS */
        url('fonts/Gotham-Book.svg#svgFontName') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GothamBold';
    src: url('fonts/GothamBold.eot'); /* IE9 Compat Modes */
    src: url('fonts/GothamBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/GothamBold.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/GothamBold.woff') format('woff'), /* Pretty Modern Browsers */
        url('fonts/GothamBold.ttf')  format('truetype'), /* Safari, Android, iOS */
        url('fonts/GothamBold.svg#svgFontName') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GothamMedium';
    src: url('fonts/GothamMedium.eot'); /* IE9 Compat Modes */
    src: url('fonts/GothamMedium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('fonts/GothamMedium.woff2') format('woff2'), /* Super Modern Browsers */
        url('fonts/GothamMedium.woff') format('woff'), /* Pretty Modern Browsers */
        url('fonts/GothamMedium.ttf')  format('truetype'), /* Safari, Android, iOS */
        url('fonts/GothamMedium.svg#svgFontName') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
}

/* Type Setup */

html, body {
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6, .purple {
    color: #512d6c;
}

h2, h3, h4, h5, h6 {
    font-family: 'GothamBold', sans-serif;
}

h3{
    font-size: 20px;
    text-transform: uppercase;
}

.page-heading {
    
}

p,
body {
    font-family: 'Open Sans', sans-serif;
}

.back-btn {
    font-size: 20px;
    text-transform: uppercase;
    font-family: 'GothamBold';
    text-align: right;
    color: #512d6c;
}

.back-btn:hover,
.back-btn:focus {
    color: #512d6c;
    cursor: pointer;
}

/* Image tweaks */

.wsr-img-fullwidth .elementor-image img {
    width: 100%;
}

/* Header */

.admin-bar .navbar-default {
    top: 32px;
}

.navbar-default {
    background-color: #fff;
    border-color: transparent;
    border: 0px;
    border-radius: 0px;
}

.navbar-collapse {
    clear: both;
}

.navbar-default .navbar-toggle {
    display: block;
}

.navbar-brand {
    height: inherit;
    max-width: 100%;
}

.header-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-icons-holder {
    display: flex;
    align-items: center;
}

.header-icon {
    display: inline-block;
    margin-right: 20px;
}

.header-icon.phone img {
    width: 32px;
}

.menu-holder {
    background: #c6c8ca;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 11;
}

.navbar-default .navbar-toggle {
    border: 0px;
    padding: 0px;
    border: 4px solid #512d6c;
    border-radius: 50%;
    padding: 0px;
    height: 60px;
    width: 60px;
}

.navbar-default .navbar-toggle.collapsed {
    border: 0px;
    transition: all 100ms linear 0ms;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: transparent;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #512d6c !important;
    width: 40px;
    height: 6px;
}

.navbar-default .navbar-toggle.collapsed .icon-bar {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 100ms linear 0ms;
    -o-transition: all 100ms linear 0ms;
    transition: all 100ms linear 0ms;
    top: 0;
    position: relative;
}

.navbar-toggle.collapsed .icon-bar:nth-child(3) {
    top: 0px;
    position: relative;
}

.navbar-default .navbar-toggle.collapsed .icon-bar:nth-child(4) {
    display: block;
}

.navbar-toggle .icon-bar {
    position: absolute;
    top: 45%;
    right: 6px;
    left: 6px;
    -webkit-transition: transform 100ms linear 0ms;
    -o-transition: transform 100ms linear 0ms;
    transition: transform 100ms linear 0ms;
}

.navbar-toggle.collapsed .icon-bar+.icon-bar {
    margin-top: 4px;
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 0px;
}

.navbar-toggle .icon-bar:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.navbar-toggle .icon-bar:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.navbar-default .navbar-toggle .icon-bar:nth-child(4) {
    display: none;
}

.navbar-nav,
.navbar-nav>li {
    float: none;
    text-align: center;
}

.navbar-nav>li>a,
.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:focus, 
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.open>a, 
.navbar-default .navbar-nav>.open>a:focus, 
.navbar-default .navbar-nav>.open>a:hover {
    color: #fff;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 48px;
    letter-spacing: 2.4px;
    font-family: 'GothamMedium';
    background-color: transparent;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #fff;
}

.dropdown-menu>li>a {
    color: #fff;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 48px;
    letter-spacing: 2.4px;
    padding: 0px;
    font-family: 'GothamBook';
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    background-color: transparent;
    color: #fff;
}

.nav>li>a:focus, .nav>li>a:hover {
    background-color: transparent;
}

.dropdown-menu {
    position: unset;
    text-align: center;
    float: none;
    min-width: unset;
    padding: 0px;
    margin: 0px;
    font-size: 24px;
    text-align: center;
    list-style: none;
    background-color: transparent;
    background-clip: padding-box;
    border: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover,
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    background-color: transparent;
    border-color: transparent;
}

/*Sticky Header*/

#main-nav,
.navbar-brand {
    transition: 0.2s all;
}

#main-nav.sticky-header {
    background: #fff !important;
}

#main-nav.sticky-header .navbar-brand {
    max-width: 75%;
    padding-top: 0px;
}

#main-nav.sticky-header .navbar-nav>li>a {
    font-size: 14px;
}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: unset;
}

/* Home */

.four-box-col img {
    width: 100%;
    max-width: inherit;
}

/* Content */

.doctor-title h3 {
    margin-bottom: 0px;
    font-size: 20px;
}

.doctor-title p {
    color: #512d6c;
}

/* FAQ */

.faq-accordion .elementor-accordion-item {
    margin: 10px 0px;
}

.faq-accordion  .elementor-accordion .elementor-accordion-item {
    border-top: 1px;
}

.faq-accordion  .elementor-accordion .elementor-tab-title {
    border: 1px solid #ccc;
}

.elementor-inner strong{
    color: #512d6c;
}

.elementor-inner .elementor-text-editor a,
.elementor-accordion-item a {
    color: #333;
    white-space: pre-wrap; /* css-3 */    
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */    
    white-space: -o-pre-wrap; /* Opera 7 */    
    word-wrap: break-word; /* Internet Explorer 5.5+ */
    transition: 0.2s all;
}

.elementor-inner .elementor-text-editor a {
    color: #512d6c;
    font-weight: normal;
    text-decoration: underline;
}

.elementor-inner .elementor-text-editor a:hover,
.elementor-accordion-item a:hover,
body .elementor-accordion-item .elementor-tab-content a {
    text-decoration: underline;
}

.elementor-inner .elementor-text-editor strong,
.elementor-inner .elementor-text-editor b {
    color: #512d6c;
}

.wpforms-field-label{
    color: #512d6c;
}

.elementor div.wpforms-container-full .wpforms-form input{
    border-color: #512d6c;
    border-radius: 10px;
    height: 50px;
}

.elementor div.wpforms-container-full .wpforms-form input::placeholder,
.elementor div.wpforms-container-full .wpforms-form textarea::placeholder{
    color:#707170;
    font-weight: 500;
}

.elementor div.wpforms-container-full .wpforms-form textarea{
    border-color: #512d6c;
    border-radius: 10px;
}

.elementor div.wpforms-container-full .wpforms-form button[type=submit]{
    border-color: #512d6c;
    background-color: #512d6c;
    color: #fff;
    text-transform: uppercase;
    font-size: 19px;
    font-family: 'GothamBold', sans-serif;
    border-radius: 10px;
    font-weight: bold;
    padding: 13px 34px;
    letter-spacing: 1px;
}

.useful-links a {
    font-weight: 600;
}

#header-phones-mobile span {
    display: block;
    background-color: #DEDEDC;
    border-bottom: 1px solid #F4F4F3;
    padding: 6px 20px;
}

#header-phones-mobile a {
    color: #161515;
    font-size: 16px;
    padding: 8px 0px;
}

body .footer .elementor-text-editor a {
    transition: 0.3s all;
    font-weight: bold;
}

body .footer .elementor-text-editor a:hover {
    color: #512d6c !important;
}

.elementor-text-editor a[href^="tel:"] {
    font-weight: bold;
    color: #512d6c;
    text-decoration: underline;
}

.panel-body a[href^="tel:"] {
    font-weight: bold;
    color: #512d6c !important;
    text-decoration: underline;
}

.panel-body p a {
    color: #512d6c !important;
}


/* Custom Accordions*/

.panel-group .panel,
.panel-group .panel+.panel {
    border-radius: 0px;
    box-shadow: none;
}

.panel-group .panel-heading {
    background: #e3dce7;
    padding: 15px 20px;
    border: 1px solid #ccc;
    border-radius: 0px;
}

.panel-group .panel-body {
    border: 0px;
}

.panel-group .panel-body p a {
    word-break: break-all;
    text-decoration: underline;
    color: #333;
}

/* //// Media Queries /////////////////////////////////////////////////*/
@media (max-width: 767px)  {

    .navbar-brand img {
        max-width: 80%;
    }

    .navbar-nav {
        margin: 20px -15px;
    }

    .header-icon.phone {
        margin-right: 8px;
    }

    .header-icon.phone img {
        width: 22px;
    }

    .header-icon.mail {
        margin-right: 5px;
    }

    .header-icon.mail img {
        width: 27px;
    }

    .navbar-default .navbar-toggle {
        width: 35px;
        margin-right: 0;
        border: none;
    }

    .navbar-default .navbar-toggle .icon-bar {
        width: 25px;
        height: 4px;
    }

    .navbar-nav>li>a, 
    .navbar-default .navbar-nav>li>a, 
    .navbar-default .navbar-nav>.active>a, 
    .navbar-default .navbar-nav>.active>a:focus, 
    .navbar-default .navbar-nav>.active>a:hover {
        font-size: 20px;
        line-height: 30px;
    }

    .dropdown-menu>li>a {
        font-size: 18px;
        line-height: 36px;
    }

    #main-nav.sticky-header .navbar-nav>li>a,
    #main-nav.sticky-header .dropdown-menu>li>a {
        line-height: 22px;
        font-size: 16px;
    }

    .main {
        margin-top: 147.5px;
    }

    a.back-btn {
        margin-top: -20px;
        display: block;
        padding-bottom: 16px;
    }

    .page-id-12 a.back-btn {
        margin-top: -45px;
        display: block;
        padding-bottom: 62px;
    }

}
@media (min-width: 768px)  {

    body .navbar-collapse.collapse {
        display: none !important;
    }

    body .navbar-collapse.collapse.in {
        display: block !important;
    }

    .navbar-nav {
        padding: 80px 0px;
    }

    .sticky-header .navbar-nav {
        padding: 40px 0px;
    }

    #main-nav.sticky-header .navbar-nav>li>a {
        font-size: 18px;
        line-height: 40px;
        transition: 0.3s all; 
    }

    .sticky-header .dropdown-menu>li>a {
        font-size: 16px;
        line-height: 30px;
    }

    .navbar-nav>li>a {
        padding-top: 0;
        padding-bottom: 0;
        font-size: 24px;
        line-height: 48px;
        letter-spacing: 2.4px;
    }

    .four-box-holder .elementor-row {
        margin-right: -15px;
        margin-left: -15px;
    }

    .four-box-col img {
        padding: 15px;
    }

    .elementor div.wpforms-container-full .wpforms-form textarea{
        height: 330px;
    }
    
    #header-phones-mobile a{
        display: block;
        margin: 0 auto;
        max-width: 700px
    }

    .main {
        margin-top: 185.5px;
    }

}
@media (min-width: 992px)  {

    .four-box-holder .elementor-row {
        width: 103%;
    }
    
    
    #header-phones-mobile a{
        display: block;
        margin: 0 auto;
        max-width: 915px
    }

}


@media (min-width: 1200px) {
    
    #header-phones-mobile a{
        display: block;
        margin: 0 auto;
        max-width: 1120px
    }
    
}