/*
 Theme Name:   SR Veterinary Physiotherapy
 Theme URI:    https://srvetphysio.co.uk
 Description:  SR Veterinary Physiotherapy Custom Files
 Author:       Magical Design
 Author URI:   https://magicaldesign.co.uk
 Template:     srvetphysio
 Version:      1.0
*/
    /* Heading in purple */
    
    .main-navigation,
    .main-navigation ul ul {
        background-color: #9a3e96;
    }
    
    .main-navigation .main-nav ul li a,
    .menu-toggle {
        color: #ffffff;
    }
    
    .main-navigation .main-nav ul li[class*="current-menu-"]>a {
        color: #ffffff;
        background-color: rgba(63, 63, 63, 0);
    }
    
    .main-navigation .main-nav ul li:hover>a,
    .main-navigation .main-nav ul li:focus>a,
    .main-navigation .main-nav ul li.sfHover>a {
        color: #f7d6f5;
        background-color: rgba(63, 63, 63, 0);
    }
    
    .main-navigation .main-nav ul li[class*="current-menu-"]>a:hover,
    .main-navigation .main-nav ul li[class*="current-menu-"].sfHover>a {
        color: #f7d6f5;
        background-color: rgba(63, 63, 63, 0);
    }
    
    .main-navigation .main-nav ul ul li a {
        color: #ffffff;
    }
    
    .main-navigation .main-nav ul ul li[class*="current-menu-"]>a {
        color: #ffffff;
        background-color: #9a3e96;
    }
    
    .main-navigation .main-nav ul ul li[class*="current-menu-"]>a {
        color: #ffffff !important;
    }
    
    .main-navigation .main-nav ul ul li:hover>a,
    .main-navigation .main-nav ul ul li:focus>a,
    .main-navigation .main-nav ul ul li.sfHover>a {
        color: #fff;
        background-color: #af44aa;
    }
    
    .main-navigation .main-nav ul ul li[class*="current-menu-"]>a:hover,
    .main-navigation .main-nav ul ul li[class*="current-menu-"].sfHover>a {
        color: #fff !important;
        background-color: #af44aa !important;
    }
    
    .icon-set-lsi_widget-2 a,
    .icon-set-lsi_widget-2 a:visited,
    .icon-set-lsi_widget-2 a:focus {
        border-radius: 20px;
        background: #ffffff !important;
        color: #9a3e96 !important;
        font-size: 20px !important;
    }
    
    .main-navigation .main-nav ul li a,
    .menu-toggle,
    .main-navigation .mobile-bar-items a {
        line-height: 90px;
    }
    
    .header-widget {
        float: right;
        overflow: hidden;
        max-width: 50%;
        margin-top: -87px !important;
    }
    
    .home .site-header {
        padding-top: 50px;
    }
    
    .home .header-widget {
        margin-top: -137px !important;
    }
    
    #menu-item-36>ul {
        margin-top: 0px !important;
        /* sub menu drop down space */
    }
    /* End of header in purple */
    
    .elementor a {
        text-decoration: underline;
    }
    
    .navigation-stick {
        /* text-align: center !important; */
    }
    
    .copyright-bar {
        margin-top: 30px;
    }
    
    .inside-footer-widgets .lsi-social-icons li {
        margin: 0 5px 8px 5px !important;
    }
    
    .copyright-bar {
        margin-top: 5px;
        border-top: 2px #e6cfe6 solid;
        padding-top: 45px;
    }
    
    .slogan-mobile {
        display: none;
    }
    
    body>div>div.i4ewOd-haAclf>div.i4ewOd-UzWXSb>div.i4ewOd-pzNkMb-haAclf {
        display: none !important;
    }
    /* This hides the top bar of information on the custom Google Map on the Prices page */
    
    .i4ewOd-pzNkMb-haAclf {
        display: none !important;
    }
    /* This hides the top bar of information on the custom Google Map on the Prices page */
    /* This is for the featured image next to the logo on sub pages */
    
    .sub-page-image {
        float: right;
        max-width: 50%;
        margin-top: -20px;
    }
    /* This hides the auto generated image that appears on pages with a Featured Image */
    
    body>div.featured-image.page-header-image.grid-container.grid-parent {
        display: none;
    }
    
    .sub-page-image-block {
        position: relative;
        top: -50px;
    }
    /* This moves the parallax background photo heading on sub pages up the page */
    /* Reduce letter spacing on main menu */
    
    .main-navigation .main-nav ul li a {
        letter-spacing: -1px !important;
    }
    /* This changes the menu to left aligned (instead of the default center align) */
    
    .nav-aligned-center .main-navigation {
        text-align: left;
    }
    /* This moves the social media buttons in the header to the same level as the menu */
    
    .header-widget {
        float: right;
        overflow: hidden;
        max-width: 50%;
        margin-top: -110px;
    }
    /* This adds a small margin on the left and right edges of the logo so it is not flush with the menu on the left edge */
    
    .site-header .header-image {
        margin-left: 50px;
        margin-right: 50px;
    }
    
    .elementor-testimonial-image {
        /* display: none !important; */
    }
    /* NON - HOME PAGE ONLY */
    
    .header-image {
        margin-left: 50px;
        margin-right: 50px;
        margin-top: -20px;
        margin-bottom: 45px;
        max-width: 300px;
        display: none;
        /* Added to hide logo on sub pages as we are using Elementor section instead */
    }
    
    .inside-header {
        text-align: left;
    }
    /* HOME PAGE ONLY */
    
    .home .header-image {
        margin-left: 50px;
        margin-right: 50px;
        margin-bottom: auto;
        max-width: none;
        display: inline !important;
    }
    
    .home .inside-header {
        text-align: center;
    }
    
    .main-navigation .main-nav ul ul li[class*="current-menu-"]>a {
        color: #9a3e96;
    }
    
    .main-navigation .main-nav ul ul li[class*="current-menu-"]>a:hover,
    .main-navigation .main-nav ul ul li[class*="current-menu-"].sfHover>a {
        color: #9a3e96;
        background-color: #f9f9f9;
    }
    
    .inside-header {
        padding: 20px 40px 0px 40px !important;
    }
    
    .site-content {
        padding: 0 40px 40px 40px !important;
    }
    
    .site-footer {
        background: rgb(255, 255, 255);
        background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, #eee1ed 100%);
        letter-spacing: -0.5px;
    }
    
    .site-footer .footer-widgets-container .inner-padding {
        text-align: center;
    }
    
    .footer-widgets {
        padding: 0px;
    }
    
    #form-field-field_ffc8c9b {
        margin: 20px auto 30px auto !important;
        /* This centers and adds margin above and below the RECAPTCHA verification box */
    }
    
    #form-field-field_ffc8c9b {
        padding: 0px !important;
    }
    
    .elementor-element.elementor-element-78ddc74 .elementor-field-group:not(.elementor-field-type-upload) .elementor-field:not(.elementor-select-wrapper) {
        padding: 13px 20px;
    }
    
    .elementor-element.elementor-element-78ddc74 .elementor-message {
        font-family: "Poppins", Sans-serif;
        font-size: 1.15em;
        font-weight: 500;
        letter-spacing: -0.5px;
        margin: 40px auto 20px auto;
        text-align: center;
    }
    /* ==================================================================== */
    /* Animation Customisations */
    
    @-webkit-keyframes fadeInLeft {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-50px);
        }
        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
        }
    }
    
    @-moz-keyframes fadeInLeft {
        0% {
            opacity: 0;
            -moz-transform: translateX(-50px);
        }
        100% {
            opacity: 1;
            -moz-transform: translateX(0);
        }
    }
    
    @-o-keyframes fadeInLeft {
        0% {
            opacity: 0;
            -o-transform: translateX(-50px);
        }
        100% {
            opacity: 1;
            -o-transform: translateX(0);
        }
    }
    
    @keyframes fadeInLeft {
        0% {
            opacity: 0;
            transform: translateX(-50px);
        }
        100% {
            opacity: 1;
            transform: translateX(0);
        }
    }
    
    .animated.fadeInLeft {
        -webkit-animation-name: fadeIn;
        -moz-animation-name: fadeIn;
        -o-animation-name: fadeIn;
        animation-name: fadeIn;
    }
    
    .home .animated.fadeInLeft {
        -webkit-animation-name: fadeInLeft;
        -moz-animation-name: fadeInLeft;
        -o-animation-name: fadeInLeft;
        animation-name: fadeInLeft;
    }
    /* ==================================================================== */
    
    @-webkit-keyframes fadeInRight {
        0% {
            opacity: 0;
            -webkit-transform: translateX(50px);
        }
        100% {
            opacity: 1;
            -webkit-transform: translateX(0);
        }
    }
    
    @-moz-keyframes fadeInRight {
        0% {
            opacity: 0;
            -moz-transform: translateX(50px);
        }
        100% {
            opacity: 1;
            -moz-transform: translateX(0);
        }
    }
    
    @-o-keyframes fadeInRight {
        0% {
            opacity: 0;
            -o-transform: translateX(50px);
        }
        100% {
            opacity: 1;
            -o-transform: translateX(0);
        }
    }
    
    @keyframes fadeInRight {
        0% {
            opacity: 0;
            transform: translateX(50px);
        }
        100% {
            opacity: 1;
            transform: translateX(0);
        }
    }
    
    .animated.fadeInRight {
        -webkit-animation-name: fadeInRight;
        -moz-animation-name: fadeInRight;
        -o-animation-name: fadeInRight;
        animation-name: fadeInRight;
    }
    /* Updates October 2020 */
    
    .home .site-logo {
        float: left;
        margin-left: 50px;
    }
    
    .home .slogan {
        float: left;
        margin-top: 20px;
        letter-spacing: -0.75px;
        font-size: 115%;
    }
    
    .home-page-vet {
        float: right;
    }
    /* ==================================================================== */
    
    .main-navigation .main-nav ul ul li a {
        font-size: 20px !important;
    }
    /* Responsive */
    
    @media only screen and (max-width: 1280px) {
        .home .slogan {
            font-size: 100%;
        }
        .home-page-vet {
            float: right;
            max-width: 250px;
        }
        .site-header .header-image {
            margin-left: 20px;
            margin-right: 20px;
        }
        .home-page-testimonial {
            position: absolute;
            left: 40%;
        }
        .main-navigation .main-nav ul ul li a {
            font-size: 18px !important;
        }
    }
    
    @media only screen and (max-width: 1240px) {
        .main-navigation a,
        .menu-toggle {
            font-weight: 600;
            font-size: 22px;
        }
    }
    
    @media only screen and (max-width: 1180px) {
        .main-navigation a,
        .menu-toggle {
            font-weight: 600;
            font-size: 20px;
        }
        .main-navigation .main-nav ul li a {
            padding-left: 15x;
            padding-right: 15px;
        }
    }
    
    @media only screen and (max-width: 1080px) {
        .main-navigation a,
        .menu-toggle {
            font-weight: 600;
            font-size: 18px;
        }
        .main-navigation .main-nav ul li a {
            padding-left: 12x;
            padding-right: 12px;
        }
        .main-navigation .main-nav ul ul li a {
            font-size: 16px !important;
        }
    }
    
    @media only screen and (min-width: 990px) {
        .main-navigation ul ul {
            margin-top: -35px !important;
        }
    }
    
    @media only screen and (max-width: 990px) {
        .header-widget {
            float: none;
            overflow: hidden;
            max-width: 100%;
            margin-top: -195px;
            margin-bottom: 80px;
        }
        #lsi_widget-2>ul {
            text-align: center !important;
        }
        .main-navigation .main-nav ul li a {
            line-height: 200px;
            /* margin-bottom: -20px; */
        }
        .nav-aligned-center .main-navigation {
            text-align: center;
        }
        .site-logo {
            display: inline-block;
            max-width: 300px !important;
        }
        .site-header .header-image {
            max-height: 230px;
            width: auto;
        }
        .home .slogan {
            font-size: 90%;
        }
        .home-page-vet {
            float: right;
            max-width: 200px;
        }
        .home-page-testimonial {
            position: absolute;
            left: 36%;
        }
        .main-navigation ul ul {
            margin-top: -65px !important;
        }
        /* HEADING IN PURPLE */
        .main-navigation .main-nav ul li a {
            line-height: 80px;
            margin-bottom: 50px;
        }
        /* END OF HEADING IN PURPLE */
    }
    
    @media only screen and (max-width: 860px) {
        .main-navigation a,
        .menu-toggle {
            font-weight: 600;
            font-size: 16px;
        }
        .main-navigation .main-nav ul li a {
            padding-left: 10px;
            padding-right: 10px;
        }
        .site-logo {
            display: inline-block;
            max-width: 250px;
        }
        .site-header .header-image {
            max-height: 200px;
            width: auto;
        }
        .home .slogan {
            font-size: 80%;
        }
        .home-page-vet {
            float: right;
            max-width: 180px;
        }
        .home-page-testimonial {
            position: absolute;
            left: 35%;
        }
        .inside-header {
            padding: 20px 20px 0px 20px !important;
        }
    }
    
    @media only screen and (max-width: 768px) {
        .site-header .header-image {
            max-height: none;
            width: auto;
        }
        .home .slogan {
            font-size: 110%;
            width: 100% !important;
        }
        .home .site-logo {
            margin-left: 0px;
        }
        .slogan-mobile {
            display: block;
            margin-top: 25px;
            font-size: 100%;
            letter-spacing: -0.5px;
        }
        .slogan {
            display: none !important;
        }
        .site-header .header-image {
            margin-top: 10px;
        }
        .inside-header>:not(:last-child):not(.main-navigation) {
            margin-bottom: 10px;
        }
        .sub-page-image-block {
            position: relative;
            top: -30px;
        }
        /* This moves the parallax background photo heading on sub pages up the page */
        .slideout-navigation.do-overlay .menu-item-has-children .dropdown-menu-toggle {
            border-left: 0px solid rgba(0, 0, 0, .07) !important;
        }
        #generate-slideout-menu.main-navigation ul ul.toggled-on {
            margin: 25px auto 10px auto !important;
            font-size: 90%;
        }
        .slideout-navigation.main-navigation .main-nav ul ul li a {
            color: #4c2a4c !important;
        }
        .slideout-widget .lsi-social-icons li {
            margin: 0 8px 8px 8px !important;
        }
        #generate-slideout-menu>div>div {
            margin-bottom: 20px !important;
        }
        .header-widget {
            display: none !important;
            /* This hides the social icons on the mobile version */
        }
        .main-navigation .main-nav ul li a,
        .menu-toggle,
        .main-navigation .mobile-bar-items a {
            line-height: 100px;
        }
        button.menu-toggle {
            font-size: 110% !important;
        }
        .main-navigation .main-nav ul li a,
        .menu-toggle,
        .main-navigation .mobile-bar-items a {
            line-height: 65px;
            font-size: 100%;
            text-align: center;
        }
        .inside-navigation {
            padding-top: 20px;
            padding-bottom: 20px;
        }
        /* HEADER IN PURPLE START */
        .inside-navigation {
            padding-top: 10px;
            padding-bottom: 10px;
        }
        button.menu-toggle:hover,
        button.menu-toggle:focus,
        .main-navigation .mobile-bar-items a,
        .main-navigation .mobile-bar-items a:hover,
        .main-navigation .mobile-bar-items a:focus {
            color: #ffffff;
        }
        /* HEADER IN PURPLE END */
        .inside-header {
            padding: 0px 40px 0px 40px !important;
        }
        .home-page-vet {
            float: none;
            margin-top: 40px;
            margin-bottom: -10px !important;
            max-width: 60%;
        }
        .site-header .header-image {
            margin-left: 0px;
            margin-right: 0px;
            max-width: 100%;
        }
        .site-logo {
            display: inline-block;
            max-width: 350px;
            float: none !important;
        }
        .home-page-testimonial {
            position: relative;
            clear: both;
            float: none;
            text-align: center;
            margin: 20px auto 0px auto;
            left: auto;
        }
        .site-content {
            padding: 0 20px 40px 20px !important;
        }
        #menu-main-menu {
            padding-bottom: 40px;
        }
        /* HEADER IN PURPLE START */
        .main-navigation.slideout-navigation .main-nav>ul>li>a {
            line-height: 20px !important;
        }
        .main-navigation .main-nav ul li a {
            margin-bottom: 20px;
        }
        .sub-menu li a {
            margin-bottom: 0px !important;
        }
        /* HEADER IN PURPLE END */
    }