/* ==========================================================================
   CUSTOM
   ========================================================================== */


/* ==========================================================================
   MASTER PAGE LAYOUT
   ========================================================================== */

html#MainHtml {
    background: #eee url(images/body-content-bg.png) repeat-x left top;
    background-size: 20px 268px;
}

#masterHeaderImage {
    background-size: contain;
}

@media (max-width: 767px) {
    #masterHeaderImage {
        width: 230px !important;
        height: 48px !important;
        margin-top: -5px;
    }
}

body {
    background-color: transparent;
    letter-spacing: 0.04em;
}


/* Reduce type size for tablet sized devices */

@media (min-width: 768px) and (max-width: 991px) {
    body {
        font-size: 14px;
        line-height: 1.4;
    }
    .RadMenu.rmResponsive {
        margin-left: -5px;
    }
    .RadMenu.rmResponsive .rmRootGroup > .rmItem:nth-child(2) {
        display: none;
    }
    .RadMenu.rmResponsive .rmRootGroup > .rmItem > .rmLink {
        font-size: 88% !important;
        letter-spacing: 0.04em !important;
    }
    .RadMenu.rmResponsive .rmLink,
    .RadMenu.rmResponsive .rmSlide.rmLink {
        padding: 10px !important;
    }
    .RadMenu.rmResponsive .join-now a.rmLink {
        background: #00a47e !important;
        padding-right: 10px !important
    }
}


/* MAIN
   ========================================================================== */

.wrapper {
    display: block !important;
    /* added by jk to fix responsive carousel issues */
}


/* achieve proper word wrapping within elements with a dynamic width */

#masterContentArea .ContentItemContainer {
    /*-ms-word-break: break-all;
      word-break: break-all;*/
    word-break: break-word;
}

b,
strong {
    font-weight: 600;
}

h1,
.PageTitle {
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
}

@media (max-width: 480px) {
    .ContentItemContainer h1,
    .PageTitle {
        font-size: 218%;
        line-height: 1.2em;
    }
}

h2 {
    border-bottom-style: none !important;
    color: #333;
}

@media (min-width: 992px) and (max-width: 1199px) {
    h2,
    .PanelTitle {
        line-height: 1.35em !important;
        font-size: 140% !important;
    }
}

h3,
.h3,
.SectionTitle {
    font-weight: 400;
}

h4,
.SectionLabel,
h5 {
    font-weight: normal;
}

a:hover,
a:focus,
a:active {
    text-decoration: underline;
}

ul,
ol {
    padding-left: 17px;
}


/* ==========================================================================
   AUXILIARY NAVIGATION
   ========================================================================== */

.nav-auxiliary a {
    font-size: small;
}

a.EnableSurfToEditButton.SurfEdit {
    text-indent: -999px;
    overflow: hidden;
}

span.nav-text {
    padding: 2px 0;
    line-height: 2em;
}

[id*="panProxy_OBOHeader"],
[id*="panProxy_OBONotSetPanel"] {
    display: inline-block;
}


/* ==========================================================================
   PRIMARY NAVIGATION
   ========================================================================== */

@media (min-width: 768px) {
    div#navbar-collapse {
        width: 100%;
    }
}

@media (max-width: 767px) {
    div#navbar-collapse {
        width: auto !important;
    }
}

.rmResponsive .rmSlide .rmFocused > .rmLink,
.rmResponsive .rmSlide .rmSelected > .rmLink,
.rmResponsive .rmSlide .rsmSelected > .rsmLink,
.rmResponsive .rmSlide .rsmTwoLevels > .rsmItem.rsmSelected > .rsmLink {
    text-decoration: underline;
}

.rmResponsive .rmSlide .rmLink:hover,
.rmResponsive .rmSlide .rmLink:focus,
.rmResponsive .rmSlide .rsmLink:hover,
.rmResponsive .rmSlide .rsmLink:focus,
.rmResponsive .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink:hover,
.rmResponsive .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink:focus {
    text-decoration: underline;
}

.rsmColumn .rsmItem {
    margin-bottom: 0;
}

@media (min-width: 767px) {
    .RadMenu.rmResponsive .rmRootGroup > .rmItem {
        background: url(images/sep.gif) no-repeat right center;
    }
    .RadMenu.rmResponsive .rmRootGroup > .rmItem:nth-child(9) {
        background: none;
    }
}


/* Custom navigation */

.RadMenu.rmResponsive .rmRootGroup > .rmItem > .rmLink {
    -webkit-transition: background 0.1s ease-out;
    -moz-transition: background 0.1s ease-out;
    -o-transition: background 0.1s ease-out;
    transition: background 0.1s ease-out;
}

.RadMenu.rmResponsive .join-now a.rmLink {
    display: block !important;
    background: #00a47e url(images/profile.png) no-repeat right 12px center;
    box-shadow: rgba(0, 0, 0, 0.5) 5px 5px 0px 0px;
    padding-right: 42px;
    color: #fff !important;
}

.RadMenu.rmResponsive .join-now a.rmLink:hover {
    background: #f44b14 url(images/profile.png) no-repeat right 12px center;
}

.RadMenu.rmResponsive .join-now.rmExpanded a.rmLink {
    background: #f44b14;
}

.pull-right {
    float: right !important;
}

@media (max-width: 991px) {
    .RadMenu.rmResponsive .join-now.pull-right {
        float: left !important;
    }
}

@media (max-width: 767px) {
    /* hide join now / members area navigation item from auxiliary nav */
    .RadMenu.rmResponsive ul {
        background: #fff;
    }
    .nav-auxiliary .join-now {
        display: none !important;
    }
    .RadMenu.rmResponsive .join-now a.rmLink {
        padding: 10px 12px !important;
        background: #00a47e;
    }
    .RadMenu.rmResponsive .join-now a.rmLink:hover {
        padding: 10px 12px !important;
        background: #00b289;
    }
    .RadMenu.rmResponsive .join-now.pull-right {
        width: 100%;
        float: left !important;
        background: #00a47e;
        box-shadow: none;
    }
}


/* Hierarchical navigation */

ul.rmVertical.rmGroup.rmLevel1 {
    background: #fff !important;
    border: 4px solid #f44b14
}

ul.rmVertical.rmGroup.rmLevel2 {
    background: #B4370F !important;
}


/* ==========================================================================
   SECONDARY NAVIGATION
   ========================================================================== */


/**** Telerik overrides ****/

.RadTreeView.RadTreeView_Austin a.rtIn {
    content: " - ";
}

.wrap {
    white-space: normal;
}

.nav-secondary .sub-nav-head {
    letter-spacing: 0.07em;
    text-transform: uppercase;
}


/* ==========================================================================
   SIDEBAR FOLLOW US
   ========================================================================== */

iframe#twitter-widget-0 {
    width: 100% !important;
}


/* banners */

a.side-adv-container {
    margin-bottom: 30px;
    display: block;
    text-align: center;
}

img.side-adv-banner {
    float: none !important;
    width: 70%;
    max-width: 220px !important;
    margin: 0 auto;
}


/* ==========================================================================
   Footer
   ========================================================================== */

.footer-content .container,
.footer-nav-copyright .container {
    max-width: 1330px !important;
}

.footer-nav-copyright .NavigationUnorderedList > .NavigationListItem {
    padding: 0.15em;
}

@media (min-width: 768px) {
    .footer-nav-copyright .NavigationUnorderedList > .NavigationListItem {
        width: 25%;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .footer-nav-copyright .NavigationUnorderedList > .NavigationListItem {
        width: 50%;
    }
}

@media (max-width: 480px) {
    .footer-nav-copyright .NavigationUnorderedList > .NavigationListItem {
        width: 100% !important;
    }
}


/* copied from old site */

#ft h4 {
    border-bottom: 1px solid #ccc;
    padding: 0 0 10px;
    font-weight: 400;
    margin-bottom: 0.6em;
}

#ft h4 span {
    background: url(images/small-logo.png) no-repeat left center;
    padding-left: 30px;
}

#ft #masterFooterLinks h4 span {
    background: none;
    padding-left: 0;
}

#masterFooterLinks ul,
#masterFooterLinks ul li {
    padding: 0;
    list-style: none;
    margin-bottom: 0.6em;
}

.footer-content .col-sm-3 {
    padding: 0 3em;
}

.footer-content {
    font-size: 0.9em;
}

.footer-content p {
    margin-bottom: 0.6em;
}


/* ==========================================================================
   CONTENT
   ========================================================================== */

div.body-container {
    padding: 10px;
}


/* Reset margin / padding for home page only */

.home-page-content-layout {
    margin: -20px -10px 0;
}

#masterContentArea {
    position: relative;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.06) 0px 5px 5px;
    margin-bottom: 2em;
}

.row.carousel-row,
.row.stories-row,
.row.adv-row {
    width: 100%;
    margin: 0;
}

.carousel-col,
.stories-col,
.row.adv-row {
    max-width: 1330px;
    margin: 0 auto;
    float: none;
}

.row.carousel-row {
    background: #fff;
}

.row.carousel-row:before {
    background: url(images/slider-content-bg.png) repeat-x 0 45px;
    width: 100%;
    height: 225px;
    position: absolute;
}

@media (max-width: 1329px) {
    .row.carousel-row:before {
        background: none;
    }
}

.row.stories-row {
    border-top: 1px solid #eaeaea;
    background: #fafafa;
    border-bottom: 1px solid #ddd;
}

.carousel-col {
    padding: 0;
}

.article-content > .ContentItemContainer {
    min-height: 175px;
}

.article-content > .ContentItemContainer {
    margin-bottom: 1em;
}

@media (max-width: 992px) {
    .article-content > .ContentItemContainer {
        min-height: 145px;
    }
    .article-content .ContentItemContainer {
        text-align: center;
    }
}

.article-content {
    padding: 1em 0 2em 0;
}

@media (max-width: 467px) {
    .article-content {
        padding: 1em 0 1em 0;
    }
}

.adv-content {
    padding: 2em 2em 0;
}

@media (max-width: 467px) {
    .adv-content:nth-child(2),
    .adv-content:nth-child(3) {
        padding: 1em 2em 0;
    }
}

.article-content .ContentItemContainer {
    width: 90%;
    margin: 0 auto;
}

.article-content .WebPartZone > .iMIS-WebPart:first-child > .ContentItemContainer {
    min-height: 330px;
}

@media (max-width: 767px) {
    .article-content .WebPartZone > .iMIS-WebPart:first-child > .ContentItemContainer {
        min-height: 130px;
    }
}


/* home content */

.home-more-btn {
    position: relative;
    bottom: 0;
    width: 94.7%;
}

.HomeContentArea img {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 10px;
    margin-bottom: 0.6em;
}

a.more span {
    -webkit-transition: background 0.2s ease;
    transition: background 0.2s ease;
    text-transform: uppercase;
    display: block;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 0.5em 0.25em;
}

a.more span:after {
    content: ">";
    font-family: Segoe UI Light, Helvetica Neue, Helvetica, Arial, sans-serif;
    background: #f44b14;
    display: block;
    position: absolute;
    width: 33px;
    height: 100%;
    right: 0;
    top: 0;
    line-height: 35px;
    text-align: center;
    font-size: 1.4em;
    color: #fff;
    border: none;
}

a.more span:hover {
    color: #fff;
    text-decoration: none;
    background: #f44b14;
    border-bottom: 1px solid rgb(244, 75, 20);
    border-top: 1px solid rgb(244, 75, 20);
}


/* Custom CSS styles */


/* tables */

table.wrapper {
    display: table !important;
}

table.wrapper tr:nth-child(2) td {
    width: 50%;
    vertical-align: top;
}

.table-striped,
.groups_detail {
    overflow-x: auto;
    width: 94%;
    border: 1px solid #fafafa;
}


/* .groups_detail td, .groups_detail th { padding: 5px; border-bottom: 1px solid #EEE } */

.table-striped td,
.groups_detail td,
.table-striped th,
.groups_detail th {
    padding: .4em;
    text-align: left;
}

.groups_detail th > h3 {
    font-weight: 600;
}

.table-striped td:empty,
.groups_detail td:empty {
    visibility: hidden;
}

@media (max-width: 767px) {
    .table-striped td,
    .groups_detail td,
    .table-striped th,
    .groups_detail th {
        font-size: 0.9em;
    }
    .groups_detail th > h3 {
        font-size: 130%;
        margin: 9px 0;
    }
}

.table-striped tr:nth-child(odd),
.groups_detail tr:nth-child(odd) {
    background: #fafafa;
}


/* ==========================================================================
   BUTTONS
   ========================================================================== */

.LargeButton {
    display: inline-block;
}

.LargeButton a {
    color: #fff;
}


/* ==========================================================================
   PAGE CONTENT / TEMPLATE / LAYOUT
   ========================================================================== */

.no-padding {
    padding: 0;
}


/* search results */

.search-field {
    font-size: small;
}

.SearchResultSummary .ListItemTitle a {
    font-weight: normal;
}


/* flex */

.SliderContent {
    z-index: 999;
    position: relative;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.SliderContent:before,
.SliderContent:after {
    content: "";
    position: absolute;
    z-index: -1;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
    top: 50%;
    bottom: 0;
    left: 10px;
    right: 10px;
    -moz-border-radius: 100px / 10px;
    border-radius: 100px / 10px;
}

.flexslider .slides > li {
    position: relative;
}

@media (min-width: 768px) {
    .flexslider .slides > li div.flex-caption {
        max-width: 570px;
        width: auto;
        padding: 15px;
        min-width: 420px;
        zoom: 1;
        min-height: 180px;
        position: absolute;
        left: 4.35%;
        top: 45px;
        overflow-y: visible;
    }
}

.flexslider .slides > li div.flex-caption {
    background: url(images/diagonal-cnr.png) no-repeat right -30px top, url(images/slider-content-bg.png) repeat-x left top;
}

.no-mqs .flex-caption {
    background: #982b09 url(images/fallback.png) no-repeat right top;
}

.flexslider .slides > li {
    height: 270px;
}

.flexslider .slides img {
    width: auto !important;
    max-width: inherit !important;
}

.flexslider .slides > li div.flex-caption h1 {
    color: #fff;
    letter-spacing: 1px;
    margin-bottom: 4px;
}

.flexslider .slides > li div.flex-caption p {
    color: #fff;
    /*font-size: 1.16em; line-height: 1.48em;*/
}

.flexslider .slides > li div.flex-caption .ActionButton {
    float: left;
    clear: left;
    right: 1em;
    position: absolute;
    bottom: -1.75em;
    top: initial;
}

.flexslider .slides > li div.flex-caption .ActionButton a {
    float: left;
    clear: left;
    border-top: 1px solid #00b289;
    background: #00a47e url(images/login-arrow.png) no-repeat right center;
    background: url(images/login-arrow.png) no-repeat right center, -ms-linear-gradient(top, #00a47e 0%, #067a5f 100%);
    background: url(images/login-arrow.png) no-repeat right center, -moz-linear-gradient(top, #00a47e 0%, #067a5f 100%);
    background: url(images/login-arrow.png) no-repeat right center, -o-linear-gradient(top, #00a47e 0%, #067a5f 100%);
    background: url(images/login-arrow.png) no-repeat right center, -webkit-gradient(linear, left top, left bottom, color-stop(0, #00a47e), color-stop(1, #067a5f));
    background: url(images/login-arrow.png) no-repeat right center, -webkit-linear-gradient(top, #00a47e 0%, #067a5f 100%);
    background: url(images/login-arrow.png) no-repeat right center, linear-gradient(to bottom, #00a47e 0%, #067a5f 100%);
    -webkit-box-shadow: rgba(0, 0, 0, 0.5) 5px 5px 0px 0px;
    -moz-box-shadow: rgba(0, 0, 0, 0.5) 5px 5px 0px 0px;
    box-shadow: rgba(0, 0, 0, 0.5) 5px 5px 0px 0px;
    padding-right: 28px !important;
    font-size: 120% !important;
    padding: 8px 28px 8px 17px !important;
}

.flexslider .slides > li div.flex-caption .ActionButton a:hover {
    border-top: 1px solid #008A6A;
    background: #008A6A url(images/login-arrow.png) no-repeat right center;
}

@media (max-width: 767px) {
    .flexslider img {
        height: auto;
    }
    .flexslider .slides > li div.flex-caption {
        max-width: 570px;
        width: auto;
        padding: 8px;
        min-width: auto !important;
        width: 92%;
        height: 78%;
        margin: auto;
        position: absolute;
        top: 0;
        left: 4%;
        bottom: 0;
        opacity: 0.9;
    }
    .flex-caption h1 {
        font-size: 200%;
        line-height: normal;
    }
    .flexslider .slides > li div.flex-caption .ActionButton a {
        font-size: 1.1em !important
    }
    .flex-control-nav {
        display: none !important;
    }
}

@media (max-width: 480px) {
    .flex-caption h1 {
        font-size: 180%;
        line-height: 1.2em;
    }
    .flexslider .slides > li div.flex-caption .ActionButton a {
        font-size: 1em !important
    }
    .flexslider .slides > li p {
        display: none;
    }
    .flexslider .slides > li div.flex-caption {
        width: 100%;
        height: 38%;
        top: 0;
        left: 0;
    }
    .flexslider .slides > li {
        height: 220px;
    }
}


/* ==========================================================================
   COMMUNITIES
   ========================================================================== */


/* Community left nav */

.CommunityLinksBlock a {
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}


/* obo */

.breadcrumb-obo-container.ClearFix {
    max-width: 1330px;
    margin: -4px auto 8px;
    float: none;
    padding: 0;
}

/* custom templates */

.join-options {
    max-width: 800px;
    margin: 0 auto;
}

.join-options .btn {
    padding: 14px 10px !important;
    display: block;
}


/* ==========================================================================
   WEBFORMZ
   ========================================================================== */

.LockPane div {
    background-color: #f44b14 !important;
}

.WebFormZRow,
.WebFormZAltRow {
    margin-left: 3px !important;
    line-height: 2em !important;
}

div[class*='WFZ5Normal'] > div > label {
    width: 51% !important;
    margin: 0;
}

div[class*='WFZ5Normal'] > div:last-child {
    width: 49% !important;
    margin: 0 !important;
    padding: 0 !important;
}

div[class*='WFZ5Normal'] > div.PanelFieldValue {
    margin: 0 !important;
    padding: 0 !important;
}

label.Required {
    background-image: none !important;
}

.WFZ5NormalRadioButtonSet .CheckBoxList label {
    font-weight: normal !important;
}

.Required:before {
    content: "* ";
    color: red;
    vertical-align: middle;
}