/* --- Base Element Styles --- */
body {
    font-family: 'Open Sans', sans-serif;
    background-image: url("../_media/backgrounds/bg-pattern.png");
    font-size: 18px;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: 'Rokkitt', serif;
}

h1 .h1 {
    padding-bottom: .15em;
    border-bottom: 1px solid;
    font-size: 2.65em;
}

h2, .h2 {
    font-weight: 400;
    line-height: 24px;
}

h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-weight: 700;
}

p {
    text-align: justify;
}

ul.unstyled,
ol.unstyled {
    padding-left: 0;
}

span.line {
    display: block;
}

footer ul {
    text-align: center;
    padding: 0;
}

footer li {
    display: inline-block;
    padding: 4px 17px;
    font-size: 14px;
    font-weight: 400;
    line-height: 15px;
}

footer li a{
    font-family: "Oxygen", sans-serif;
}

hr{
    border-top: 1px solid;
}

@media (max-width: 767px){
    footer li{
        padding: 4px 4px;
    }
}

/* --- Admin Offset --- */

.admin-bar #header.header-scrolled {
    top: 32px!important;
}

.admin-bar .sidr {
    top: 32px;
    position: relative;
}

.admin-bar #header.header-scrolled .sidr {
    top: 0;
}

/* --- Static Text Colors --- */
.text-white {
    color: #FFF;
}
.text-black {
    color: #000;
}

/* --- Text Shadows ---  */
.text-shadow {
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

/* --- PBHS Slider Addons --- */
.pbhs-slider-content {
    display: none; /* Prevent slides from stacking down the page before slide has loaded */
}

.pbhs-slider-content:first-child {
    display: block;
}

.slider {
    width: 100%;
    z-index: 0;
    min-height: 100vh;
}

.slider .pbhs-slider-a-block {
    text-align: center;
}

.slider .pbhs-slider-a-block {
    left: 20%;
    right: 20%;
}

.slider .testimonial .pbhs-slider-a-block {
    top: 20%;
}

.slider .pbhs-slider-content blockquote {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    right: 50%;
}

.slider .pbhs-slider-content blockquote p {
    line-height: 1.5em;
}

#home .pbhs-slider-image.pbhs-slider-main-slide-image{
    height: 100vh !important;
}
#home img.pbhs-slider-image {
    height: 100%;
}
#home #banner .slider {
    height: 100vh !important;
}

@media (max-width: 1199px) {
.slider .pbhs-slider-content blockquote {
    right: 0;
}
}

@media (max-width: 767px) {
.slider .testimonial .pbhs-slider-a-block {
    top: 0;
}
}

/* --- Facebook Feed Style --- */
#cff .cff-item {
    padding: 15px !important;
    border-bottom: none !important;
}

#cff .cff-item:nth-child(odd) {
    background: rgba(255, 255, 255, 0.2);
}

#cff .cff-item:empty {
    display: none;
}

#cff .cff-view-comments,
#cff .cff-comments-box p,
#cff .cff-comments-box .cff-comment {
    background: rgba(0, 0, 0, 0.4);
}

#cff .cff-view-comments:hover {
    background: rgba(0, 0, 0, 0.6);
}

/* --- Gravity Form Addons --- */
.gform_wrapper {
    max-width: 100%;
}

.gform_wrapper li.gfield_error,
.gform_wrapper .validation_error {
    background-color: #f2dede !important;
}

.full-width-errors .gform_wrapper li.gfield.gfield_error,
.full-width-errors .gform_wrapper .validation_error,
.gform_wrapper .full-width-errors li.gfield.gfield_error,
.gform_wrapper .full-width-errors .validation_error {
    margin-left: -15px !important;
    margin-right: -15px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.gform_title {
    width: auto !important;
}

input.form-control,
textarea.form-control {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

/* --- Header Styles ---*/
.header-wrap {
    background-color: transparent !important;
}

@media (min-width: 768px) {
    #header {
        top: -70px;
        transition: top 0.5s ease;
        z-index: 1;
        width: 100%;
        position: fixed;
    }
}

#client-logo img {
    width: 100%;
    height: auto;
    max-width: 100%;
}

#client-logo {
    max-width: 100%;
    z-index: 0;
}

#bannerPractice{
    margin-top: 50px;
    margin-left: 60px;
}

#interior #bannerPractice{
    margin-top: 0;
    position: relative;
}

#interior #client-logo{
    margin-top: 0;
}

#practice{
    position: relative;
    z-index: 1;
    margin: 0 0 0 1%;
    line-height: 0.8;
}

#practiceBannerTop, #practiceBannerBottom{
    font-family: 'Rokkitt', serif;
    font-weight: 400;
    line-height: 23px;
    margin-right: 36px;
}

#practiceBannerTop{
    font-size: 56px;
    line-height: 0.8;
}

#interior #practiceBannerTop{
    line-height: 0.8;
}

#practiceBannerBottom{
    font-size: 26px;
}

#banner {
    position: relative;
    z-index: -1;
}

#home .banner-wrap{
    min-height: 90vh;
}

.banner-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.banner-overlay > .container {
    margin-top: 20px;
}

#location a, #aboveNavLocation a {
    color: inherit;
}

#location a:hover, #aboveNavLocation a:hover {
    text-decoration: none;
}

#phone a, #aboveNavPhone a {
    cursor: pointer !important;
}

.highlight .btn {
    color: #FFFFFF;
}

#mapModal .modal-body, #mapModal .modal-header {
    background: #222222;
}

#mapModal .fa-times {
    color:#dfc6b2;
}

#mapModal .close {
    opacity: 1;
}

@media (min-width: 767px) {
    #home #client-logo {
        margin-top: 50px !important;
    }
}

@media (min-width: 1200px){
    #bannerPractice{
        margin-left: 15px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px){

    #interior #client-logo {
        margin-top: 50px;
    }
    #client-logo {
        margin: 0 15% !important;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    #interior #client-logo {
        margin-top: -50px !important;
    }
}

@media (max-width: 767px){
    #client-logo img {
        width: auto;
    }

    #bannerPractice{
        margin-left: 0;
        margin-top: 12px;
    }

    #interior #practiceBannerTop, #interior #practiceBannerBottom {
        display: none;
    }
}

@media (max-width: 479px){
    #client-logo {
        margin: 10px 25% 0 25% !important;
    }
    #interior #client-logo {
        margin: -45px 25% 0 25% !important;
    }
    #practiceBannerTop {
        font-size: 37px;
    }
    #practiceBannerBottom {
        font-size: 17px;
    }
}

@media (max-width: 992px) {
    #phone{
        font-size: 15px;
    }

    #location{
        font-size: 15px;
    }
}

.h4.doctor {
    margin: 0;
    line-height: 135%;
}

/* ---Below Banner Client Info--- */
#phone, #location{
    display:inline-block;
    margin: 0 2% 0 2%;
    text-transform: uppercase;
    font-family: 'Oxygen', sans-serif;
}
#phone{
    cursor: pointer !important;
}

#belowBanner{
    border-bottom: 1px solid;
}
#home #belowBanner{
    padding: 22px 0 !important;
}

#interior #belowBanner{
    top: -55px;
    background: rgba(34, 34, 34, 0.8) none;
    z-index: 0;
    border-bottom: none;
    width: 100%;
    position: relative;
    margin-bottom: -55px;
}
@media (max-width: 767px){
    #interior #belowBanner{
        display: none;
    }
    #practiceBannerTop, #practiceBannerBottom{
        margin-right: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px){
    #interior #belowBanner {
        font-size: 15px;
        top: -72px;
    }
}

@media (min-width: 992px) and (max-width: 1199px){
    #interior #belowBanner {
        top: -80px;
    }
}

/* --- About MOSA Homepage Section --- */
#aboutMosa{
    background: url('../_media/backgrounds/gradient.png') 100% 100%;
    margin: 2% auto;
}
@media (max-width: 991px) {
    #aboutMosa{
        padding-bottom: 5%;
        margin-top: 5%;
    }
}
@media (max-width: 1200px) {
    #aboutParagraph{
        font-size: .8em !important;
    }
}

#aboutImg {
    width: 100%;
}

#aboutTitle{
    margin: 3% 6%;
    font-size: 1.2em;
}

#aboutMosa h2 {
    margin: 8% 6% 3% 6%;
    font-size: 1.5em;
    color: #222222;
    font-weight: 700;
}

#aboutParagraph, #aboutLink{
    font-size: .85em;
    margin: 1% 6%;
    line-height: 19px;
    font-weight: 700;
}

#aboutLink{
    font-size: 0.89em;
    padding-top: 1%;
    text-decoration: underline;
}

/* --- Featured Pages Styles --- */
#features-wrap{
    padding: 50px 0;
}

@media (max-width: 767px){

    .bucket-link {
        margin: 10px auto !important;
    }
}
.bucket-wrap > .row {
    position: relative;
    overflow: hidden;
}

.bucket-row {
    margin: 8px -4px 0;
    overflow: hidden;
}

.bucket-row:first-child {
    margin-top: 0;
}

.bucket {
    padding: 0 20px;
    margin: 10% 0;
}

.bucket-title {
    line-height: 1;
    font-weight: 400;
    text-align: center;
}

.bucket-icon {
    position: relative;
    float: left;
    width: 0.9em;
    height: 1em;
    margin-right: 0.4em;
    margin-bottom: 10px;
    font-size: 1.94em;
}

.bucket-icon .fa-stack {
    font-size: 0.24em;
    position: absolute;
    bottom: -8%;
    right: -17%;
}

.features-count-4 .bucket-title,
.features-count-7 .bucket-title,
.features-count-8 .bucket-title {
    font-size: 22px;
}

.bucket-title .line2 {
    font-weight: 400;
}

.bucket-img-wrap {
    margin: 15px 0;
    overflow: hidden;
}

.bucket-img {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    margin: 0;
}

.bucket-text {
    font-size: 15px;
    line-height: 1.6em;
}

.bucket-text p:last-child {
    margin-bottom: 0;
}

.bucket-text p {
    text-align: center;
}

.bucket-link {
    display: block;
    min-height: 50px;
    padding: 10px;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    text-transform: uppercase;
    border-radius: 0;
    margin: 27px 20%;
}

.bucket-link:hover {
    text-decoration: none;
}

@media (min-width: 768px) {
    .bucket.first.last .bucket-img-wrap {
        width: 48%;
        max-width: 541px;
        margin: 0 20px 0 0;
        float: left;
    }
}

@media (max-width: 991px) {
    .bucket-title,
    .features-count-4 .bucket-title,
    .features-count-7 .bucket-title,
    .features-count-8 .bucket-title {
        font-size: 25px;
    }

    .bucket-link {
        padding-left: 10px;
        padding-right: 10px;
        margin: 12% 0 9% 10%;
    }
}

@media (max-width: 767px) {
    #features-wrap {
        padding-left: 10px;
        padding-right: 10px;
    }

    .bucket {
        text-align: center;
    }

    .bucket-link {
        min-height: 0;
        padding: 12px 4px;
    }

    .bucket-icon {
        float: none;
        margin: 0 auto 10px;
    }

    .bucket-icon .fa-stack {
        font-size: 40%;
    }
    

    .features-count-4 .bucket-title,
    .features-count-7 .bucket-title,
    .features-count-8 .bucket-title {
        font-size: 13px;
    }

    .bucket .bucket-img-wrap img {
        margin: 0 auto;
    }
}

/* --- Member and Office Bucket Styles --- */
#members-and-offices{
    padding-top: 50px !important;
}

#members-wrap {
    padding: 72px 0;
}

#footerAddress{
    text-align: center;
}

#practiceFooterTop, #practiceFooterBottom{
    font-family: 'Rokkitt', serif;
    font-weight: 400;
    line-height: 25px;
}

#practiceFooterTop{
    font-size: 42px;
}

#practiceFooterBottom{
    font-size: 20px;
}

@media (max-width: 479px) {
    #footerLogo{
        margin-bottom: 5%;
    }
    #footerAddress{
        margin-bottom: 5%;
    }
    #footerPractice{
        display: none;
    }
    #members-wrap {
        text-align: center;
        padding: 20px 0 !important;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    #footerLogo{
        margin-bottom: 2%;
    }
    #footerPractice{
        display: none;
    }
    #footerAddress{
        margin-bottom: 2%;
    }
    #members-wrap {
        text-align: center;
        padding: 20px 0 !important;
    }
}

@media (min-width: 767px) and (max-width: 992px) {
    #footerLogo img {
        width: 115%;
        height:auto;
    }
    #practiceFooterTop{
        font-size: 35px;
        line-height: 20px;
    }
    #practiceFooterBottom{
        font-size: 14px;
        line-height: 18px;
    }
    #members-wrap{
        padding: 50px 0;
    }
}
@media (min-width: 993px) and (max-width: 1200px) {
    #practiceFooterTop{
        text-align: right;
        font-size: 33px;

    }
    #practiceFooterBottom{
        text-align: right;
        font-size: 15px;
    }
}

.member-title,
.office-title {
    margin-top: 0;
}

.office-body {
    margin-bottom: 10px;
}

.office-phone,
.office-fax {
    display: block;
}

/* --- Content Section Styles --- */
#content-side{
    text-align: right;
    padding-right: 35px;
    margin-top: 2em;
}

@media (max-width : 992px) {
    #content-side {
        display: none;
    }
}

/* --- Page Content Styles (Specific to the main content area of the page editable by users) --- */
.page-content-wrap {
    min-height: 500px;
}

.page-content-wrap li {
    text-align: justify;
}

.page-content-wrap .container {
    width: auto;
}

/* --- Sidebar Navigation Styles --- */
.side-nav-title {
    margin-top: 0;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 500;
    padding-bottom: .25em;
    font-family: "Oxygen", sans-serif;
}

.side-nav h2 a,
.side-nav h2 a:hover,
.side-nav-title a,
.side-nav-title a:hover {
    text-decoration: none;
    color: inherit;
}

.side-nav,
.side-nav ul {
    padding: 0;
    list-style: none;
}

.side-nav li a {
    display: block;
    padding: 5px 8px;
    transition: ease-in-out background .2s, ease-in-out color .2s;
    -moz-transition: ease-in-out background .2s, ease-in-out color .2s;
    -webkit-transition: ease-in-out background .2s, ease-in-out color .2s;
    color: #fff;
    font-size: 16px;
}

.side-nav li a:hover,
 .side-nav .current_page_item > a {
     text-decoration: none;
 }

.side-nav li li {
    margin-right: 7px;
}

.side-nav li li a {
    padding: 3px 12px;
}

.side-nav .current_page_item.page_item_has_children > a,
.side-nav .current_page_ancestor > a {
    border-bottom: none;
}

.side-nav .children {
    display: none;
}

/* Hide Child Pages by Default */
.side-nav .current_page_ancestor > .children,
.side-nav .current_page_item > .children {
    display: block;
}

/* --- Footer Styles --- */
.footer-wrap {
    border-top: .06em solid;
}

#footerLinks{
    border-top: #494949 1px solid;
    border-bottom: #494949 1px solid;
}

.pbhs-copyright {
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
}

.nav-column-wrap ul {
    overflow: hidden;
    max-height: 200px;
}

/* --- Button Styles --- */
.navigation div.btn:empty {
    display: none;
}

/* --- Popovers --- */
.popover .popover-title {
    color: #333;
}

/* --- Wp Alignment Classes --- */
.alignleft, .alignright, .aligncenter, .alignnone {
    margin-bottom: 30px;
}

.alignleft, .alignright {
    width: 50%;
}

.alignleft {
    margin-right: 30px;
    float: left;
}

.alignright {
    margin-left: 30px;
    float: right;
}

.aligncenter {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    float: none;
    clear: both;
}

.alignnone {
    width: auto;
    float: none;
}

img.alignleft, img.alignright, img.aligncenter,
.alignleft.flash-replaced, .alignright.flash-replaced, img.aligncenter {
    display: block;
    width: auto;
    margin-bottom: 15px;
}

@media (max-width: 767px) {
    .alignleft, .alignright, .aligncenter {
        width: auto;
        margin-left: 0;
        margin-right: 0;
        float: none;
    }
}

/* --- Module, Image, Highlight and Well Styles --- */
/*.image, .module, .highlight, .well {
    color: #FFF;
    background-color: #333;
}*/
.highlight.aligncenter, .highlight.alignnone,
.well.aligncenter, .well.alignnone,
.module.aligncenter, .module.alignnone,
.image.aligncenter, .image.alignnone {
    margin-top: 30px;
}

/*.image h2, .image .h2, .module h2, .module .h2, .highlight h2, .highlight .h2, .well h2, .well .h2,
.image h3, .image .h3, .module h3, .module .h3, .highlight h3, .highlight .h3, .well h3, .well .h3,
.image p, .module p, .highlight p, .well p,
.image label, .module label, .highlight label, .well label,
.image .btn, .module .btn, .highlight .btn, .well .btn,
.image a, .module a, .highlight a, .well a {
    color: inherit;
} */

.image, .module, .highlight,
.image h2, .image .h2, .module h2, .module .h2, .highlight h2, .highlight .h2,
.image h3, .image .h3, .module h3, .module .h3, .highlight h3, .highlight .h3,
.image p, .module p, .highlight p,
.image label, .module label, .highlight label,
.image .btn, .module .btn, .highlight .btn,
.image a, .module a, .highlight a {
    text-align: center;
}

.image label, .module label, .highlight label, .well label {
    display: block;
}

.image a, .module a, .highlight a, .well a {
    text-decoration: underline;
    font-weight: bold;
}

.image a:hover, .module a:hover, .highlight a:hover, .well a:hover {
    text-decoration: none;
    opacity: 0.8;
}

.image .btn, .module .btn, .highlight .btn, .well .btn {
    text-decoration: none;
}

.image .btn:hover, .module .btn:hover, .highlight .btn:hover, .well .btn:hover {
    opacity: 1;
}

.image > :first-child, .module > :first-child, .highlight > :first-child, .well > :first-child {
    margin-top: 0;
}

.image {
    border: 15px solid #333;
}

.module {
    padding: 30px;
    border: none;
}

.ht-image {
    padding-top: 15px;
    padding-bottom: 15px;
}

.ht-image img {
    border: 15px solid transparent;
}

/*.ht-image a:hover img { border-color: #428bca; }*/

@media (max-width: 767px) {
    .module, .highlight {
        margin-left: -15px;
        margin-right: -15px;
    }
}

/* --- Map Shortcode Styles --- */
.map {
    height: 400px;
}

.mobile-phone .map{
    margin-bottom: 65px;
}

#interior #banner > div.slider.pbhs-slider-horizontal.pbhs-slider-fade.pbhs-slider-with-bullets > div.pbhs-slider-overflow > div > div > div > img{
    margin-top: 0 !important;
}

#interior .banner-overlay > .container {
    margin-top: 38px;
}

#interior > div.content-wrap.padding-vert.padding-none-sm{
    background-image: linear-gradient(rgba(34, 34, 34, 0), rgba(34,34,34,1)), url("../_media/backgrounds/bg-pattern.png");;
}

.bgPattern{
    background-image: url("../_media/backgrounds/bg-pattern.png");
}
/* required for animations */
.hidden2 { opacity: 0; }
.visible { opacity: 1; }

@media (min-width: 767px) {
    #client-logo,
    #home .slider,
    #home .pbhs-slider-image.pbhs-slider-main-slide-image,
    #bannerPractice
    {
        position: fixed !important;
    }
}

#content-side > nav > ul > li > ul{
    margin: 5px 0 10px 0;
    background: rgba(0,0,0,0.2);
    border-radius: 4px;
    padding: 20px 4px;
}

#footerText {
    font-size: 16px;
    padding: 2% 4%;
    text-align: center;
    line-height: 24px;
}

ul.nav-links, ul.admin-links.group {
    color: #888888;
}

.bucket {
    margin-top:0; margin-bottom:0;
}

.fade-up {
    margin-bottom:30px;
}

.bucket-text p {
    text-align: left;
}

.btn-lg{
    border: 1px solid #DFC6B2;
}

.btn:hover, .btn:focus {
    background-color: #DFC6B2;
}

.content-wrap ul {
    color: #888888;
}

h1, .h1 {
    font-size:2.5em; border-bottom:1px solid #494949; padding-bottom:5px;
}

.home h1, .home .h1 {
    color:#dddddd; border-bottom:0 none; font-size:2em;
}

.ht-image img, .image, .well {
    border-color:#494949;
}

.well {
    margin-top:30px; margin-bottom:30px;
}

.module {
    border:1px solid #494949; border-radius:4px;
}

hr {
    margin-top:40px; margin-bottom:40px;
}

.drOne {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}

.drTwo {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.drThree {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
}

.drFour {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.hidden2 {
    visibility:hidden;
}

.visible {
    visibility:visible;
}

footer li {
    padding: 4px 14px;
}

/* Above Navigation */

#aboveNavWrap {
    height: 70px;
    max-height: 70px;
    background-color: #181818;
    padding: 13px;
    line-height: 19px;
}

#aboveNavLogo{
    text-align: right;
}

#aboveNavTop {
    font-family: 'Rokkitt', serif;
    line-height: 28px;
    font-size: 41px;
    color: #ffffff;
    font-weight: 400;
}

#aboveNavBottom {
    font-family: 'Rokkitt', serif;
    line-height: 25px;
    font-size: 19px;
    color: #dfc6b2;
    font-weight: 400;
}

#aboveNavPhone, #aboveNavLocation{
    display: inline-block;
    margin: 0 2% 0 2%;
    text-transform: uppercase;
    font-family: 'Oxygen', sans-serif;
    color: #ffffff;
}

#aboveNavPhoneLocation{
    margin: 10px 0;
}

@media (min-width: 992px) and (max-width: 1199px){
    #aboveNavPhone, #aboveNavLocation{
        font-size: 16px;
    }

    #aboveNavPhoneLocation{
        margin: 5px 0 ;
    }

    #aboveNavTop{
        font-size: 36px;
        line-height: 27px;
    }

    #aboveNavBottom{
        font-size: 17px;
    }
    #aboutImg {
        min-height: 300px;
    }
}

@media (min-width: 768px) and (max-width: 991px){
    #aboveNavPhone, #aboveNavLocation{
        margin: 0 0 0 0.5%;
        font-size: 14px;
    }

    #aboveNavPhoneLocation {
        margin: 5px 0;
    }

    #aboveNavTop {
        line-height: 25px;
        font-size: 33px;
    }

    #aboveNavBottom {
        line-height: 22px;
        font-size: 15px;
    }

    #aboveNavLogo > img {
        width: 90%;
    }
}

@media (max-width: 767px){
    #aboveNavWrap {
        display: none;
    }
}

#header.header-scrolled {
    top: 0 !important;
}