/* FONTS */

@font-face {
    font-family: 'OpenSansLight';
    src: url('../fonts/OpenSans-Light-webfont.eot');
    src: url('../fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Light-webfont.woff') format('woff'), url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Regular-webfont.woff') format('woff'), url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* GENERAL ASSETS */

.h-line1 {
    background-image: url(../img/h-line1.png);
    background-repeat: repeat-x;
}

.page-content h1 {
    margin-bottom: 25px;
    font-family: OpenSansRegular, "Segoe UI", "Helvetica LT Std", "Helvetica Light", Verdana, Arial, sans-serif;
}

h1 {
    font-weight: lighter;
    font-size: 27px;
    line-height: 27px;
    font-family: "Myriad Pro Light", "Segoe UI Light", "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
}

.page-content h2 {
    margin-bottom: 15px;
    font-family: OpenSansRegular, "Segoe UI", "Helvetica LT Std", "Helvetica Light", Verdana, Arial, sans-serif;
}

h2 {
    font-weight: lighter;
    font-size: 22px;
    line-height: 22px;
    font-family: "Myriad Pro Light", "Segoe UI Light", "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
}

h3 {
    font-weight: lighter;
    font-size: 21px;
    line-height: 21px;
    font-family: "Myriad Pro Light", "Segoe UI Light", "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
}

.page-content h4 {
    font-weight: 100;
    font-size: 1.7em;
    margin-bottom: 15px;
    line-height: 40px;
    font-family: OpenSansLight, "Segoe UI", "Helvetica LT Std", "Helvetica Light", Verdana, Arial, sans-serif;
}

/* FONTS */
body {
    font-family: "Segoe UI", "Helvetica LT Std", "Helvetica Light", Verdana, Arial, sans-serif;
    font-size: 16px;
    line-height: 22px;
}

/* HEADER */
@media (min-width: 1200px) {
    .hook-container {
        float: right;
    }

    /*.subhook-container {
        width: 100%;
    }*/
}

.hook-container img {
    padding-top: 30px;
}

.h-line-header {
    margin-top: 8px;
}

.top-menu {
    font-family: 'DIN Next W01 Bold', Arial, sans-serif;
    font-size: 1.1em;
    text-transform: uppercase;
}

div.top-menu a.top-menu-item {
    border-bottom: 2px solid #9A9A9A;
    min-height: 19px;
    min-width: 14.52991452991453%;
    color: #9A9A9A;
    text-decoration: none;
    margin-right: 2.564102564102564%;
}

    div.top-menu a.top-menu-item:hover {
        border-bottom-color: #a8121c;
        color: #a8121c;
    }

    div.top-menu a.top-menu-item.active-branch {
        color: #a8121c;
        border-bottom-color: #a8121c;
    }

div.top-menu div.top-menu-item {
    display: inline-block;
    min-width: /*14.52991452991453%;*/ 100%;
    margin-bottom: 8px;
    font-size: 14px;
}

@media (max-width: 768px) {
    div.top-menu-item {
        margin-top: 8px;
    }
}

/* Page title */
div.page-content {
    margin-top: 23px;
}

/* Side Menu */

.side-menu {
    font-family: 'DIN Next W01 Bold', Arial, sans-serif;
    /*margin-top: 66px;*/
    padding-right: 5px;
    /*text-transform: uppercase;*/

}

@media (max-width: 768px) {
    .side-menu {
        margin-top: 5px;
    }

    div.side-menu-item {
        display: inline-block;
        padding-right: 10px;
    }
}

@media (min-width: 768px) {
    .side-menu {
        /*margin-top: 66px;*/
        padding-right: 5px;
        border-right: 1px solid #a8121c;
    }
}

a.side-menu-item {
    color: #646363;
    text-decoration: none;
}

div.side-menu-item {
    margin-bottom: 12px;
}

a.side-menu-item:hover {
    color: #222322;
    text-decoration: none;
}

a.side-menu-item.active-branch {
    color: #a8121c;
}

/* Content */
.page-content {
    /*padding-top: 1px;*/
}

/* Footer */
.footer-left {
    border-right: 1px dotted #a8121c;
    width: 20%;
}

/* Logged on 
   REMOVE COMMENTS WHEN IMPLEMENTED
    */



.logged-on-container {
    background-image: url(../img/loggedon-bg.png);
    background-repeat: no-repeat;
    background-position: right;
    font-size: 12px;
    color: #70706f;
    padding-top: 9px;
    padding-right: 10px;
}

@media (max-width: 480px) {
    .logged-on-container {
        background-image: url(../img/loggedon-bg-small.png);
        margin-bottom: 15px;
    }

    .loggedon-info {
        display: none;
    }
}

@media (min-width: 480px) {
    .logged-on-container {
        background-image: url(../img/loggedon-bg.png);
    }
}




/* END Logged on 
   REMOVE COMMENTS WHEN IMPLEMENTED
    */

.logged-on-options {
    margin-right: 10px;
    /*display: none;*/ /* REMOVE WHEN IMPLEMENTED */
}

.logged-on-container a {
    color: #131313;
}

.log-off-text {
    padding-right: 5px;
}

.log-off-image {
    margin-top: -2px;
}

.generic-box {
    position: relative;
    margin: 15px 0;
    padding: 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

/* WIDGETS */

.widget {
    margin-bottom: 10px;
}

    .widget .widget-title-default {
        padding-bottom: 10px;
        margin-bottom: 10px;
        /*border-bottom: 1px solid #ddd;*/
        font-size: 21px;
    }

    .widget .widget-title-big {
        padding-bottom: 18px;
        /*padding-top: 16px;*/
        margin-bottom: 10px;
        /*border-bottom: 1px solid #ddd;*/
        /*border-top: 1px solid #ddd;*/
        font-size: 1.7em;
        color: #800000;
    }

    .widget.TextWidgetIntegration .left-border-dashed {
        border-left: 1px dotted #ddd;
        padding-left: 10px;
    }

    .widget.TextWidgetIntegration .bottom-border-dashed {
        border-bottom: 1px dotted #ddd;
        padding-bottom: 10px;
    }

/* NEWS ITEMS */
.newsitem {
    margin-bottom: 25px;
    /*float:left;
    width: 33%;*/
}

.newsitem-title {
    /*font-size: 18px;*/
}

.newsitem-date {
    font-size: 11px;
    margin-bottom: 5px;
}

.span4 .newsitem-list {
    background-color: #eeedea;
    border-bottom: 4px solid #9a9a9a;
}

    .span4 .newsitem-list .more-button {
        /*background-image: url(../img/more-bg.png);*/
        /*background-repeat: no-repeat;*/
        width: 85px;
        height: 32px;
        padding-top: 10px;
        font-weight: bold;
    }

        .span4 .newsitem-list .more-button a {
            color: #343434;
        }

    .span4 .newsitem-list .widget-title-default {
        height: 46px;
        background-color: #a8121c;
        color: white;
        padding: 0;
    }

        .span4 .newsitem-list .widget-title-default div {
            position: relative;
            top: 11px;
            left: 17px;
        }

.span4 .newsitem-wrapper {
    background-color: #f6f5f4;
    border-bottom: 1px solid #afafae;
    padding: 11px 17px;
}

    .span4 .newsitem-wrapper:hover {
        background-color: #ffffff;
        cursor: pointer;
    }

.span4 .newsitem {
    width: 100%;
    margin: 0;
    min-height: 67px;
}

    .span4 .newsitem .newsitem-title a {
        color: #343434;
        /*font-size: 0.8em;*/
        font-weight: bold;
    }

.span4 .newsitem-wrapper:hover .newsitem .newsitem-title a {
    text-decoration: underline;
}

.span4 .newsitem .newsitem-date {
    margin-top: 4px;
}

/* CLIENT FILES */

.client-file-title {
    font-size: larger;
    font-weight: bold;
}

.client-file {
    padding-bottom: 20px;
}

div.space {
    padding-top: 20px;
}

section#loginForm {
    padding: 0 10px 0 10px;
}

div.login-form {
    border-right: 1px solid #ddd;
}

section#signUpForm {
    padding: 0 0 0 60px;
}

/*div.slot-picker div {
    border: 1px solid black;
}*/

div.slot-picker div.therapist-row {
    min-height: 90px;
    border-left: 1px solid #E0E0E0;
    border-right: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
}

    div.slot-picker div.therapist-row.first {
        border-top: 1px solid #E0E0E0;
    }

div.slot-picker div.day-headers {
    padding-left: 220px;
    height: 50px;
}

div.slot-picker div.day-header {
    float: left;
}

div.slot-picker div.dayName {
    font-weight: bold;
}

div.slot-picker div.day-headers div.date {
    font-size: 0.8em;
}

div.slot-picker div.week-nav {
    float: left;
    width: 22px;
    padding-left: 8px;
}

div.slot-picker div.day-headers div.week-nav:hover {
    cursor: pointer;
}

div.slot-picker div.day-headers div.week-nav i {
    margin-top: 16px;
    margin-bottom: 16px;
}

div.slot-picker div.therapist-info {
    width: 180px;
    float: left;
    padding: 20px 20px;
}

div.slot-picker div.therapist-name {
    font-weight: bold;
}

div.slot-picker div.week {
    float: left;
}

div.slot-picker div.week-slots {
    height: 100%;
    position: relative;
}

div.slot-picker div.day-slots {
    float: left;
    height: 100%;
}

div.slot-picker div.slot-column {
    width: 78px;
    padding: 5px 9px;
}

    div.slot-picker div.slot-column.even {
        background-color: #FFF9F2;
    }

div.slot-picker div.no-slots {
    position: absolute;
    background-color: white;
    border: 2px solid #E0E0E0;
    font-size: 1.1em;
    padding: 4px;
    top: 34px;
    left: 235px;
}

/* changes to appointment picker when logged on */
div.slot-picker.logged-on div.day-headers {
    padding-left: 120px;
}

div.slot-picker.logged-on div.slot-column {
    width: 68px;
}

div.slot-picker.logged-on div.therapist-info {
    width: 80px;
}

/* appointment picker non-recommended */
#non-recommended-toggle {
    margin-top: 15px;
    margin-bottom: 15px;
}

div.youtube-embed-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

    div.youtube-embed-container iframe,
    div.youtube-embed-container object,
    div.youtube-embed-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

/* APPO BUTTON */
div.make-appo-button {
    color: #b84b54;
    background-color: #eeedea;
    border-bottom: 4px solid #9a9a9a;
    height: 59px;
}

    div.make-appo-button div {
        position: relative;
        top: 17px;
        left: 17px;
        font-size: 24px;
    }

    div.make-appo-button a, div.make-appo-button a:hover, div.make-appo-button a:visited {
        color: #b84b54;
    }

/* homepage links */
div.homepage-links a, div.homepage-links a:hover, div.homepage-links a:visited {
    color: #343434;
    line-height: 27px;
}

.footer-email{
    text-align: center;
}

.row-fluid .footer-address {
    width: 17.9%;
    font-size: 14px;
}