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

@font-face {
    font-family: 'Lucida Grande Bold';
    src:         url('fonts/lucidagrandebold-webfont.eot');
    src:         url('fonts/lucidagrandebold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/lucidagrandebold-webfont.woff') format('woff'), url('fonts/lucidagrandebold-webfont.ttf') format('truetype'), url('fonts/lucidagrandebold-webfont.svg#lucida_grandebold') format('svg');
    font-weight: bold;
    font-style:  normal;
}

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

@font-face {
    font-family: 'Dosis Bold';
    src:         url('fonts/dosis-bold-webfont.eot');
    src:         url('fonts/dosis-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/dosis-bold-webfont.woff') format('woff'), url('fonts/dosis-bold-webfont.ttf') format('truetype'), url('fonts/dosis-bold-webfont.svg#dosisbold') format('svg');
    font-weight: bolder;
    font-style:  normal;
}

@font-face {
    font-family: 'Dosis Medium';
    src:         url('fonts/dosis-medium-webfont.eot');
    src:         url('fonts/dosis-medium-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/dosis-medium-webfont.woff') format('woff'), url('fonts/dosis-medium-webfont.ttf') format('truetype'), url('fonts/dosis-medium-webfont.svg#dosismedium') format('svg');
    font-weight: bold;
    font-style:  normal;
}

.relative {
    position: relative;
}

/************ Main Content ************ */
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
    font-family:    "Dosis Bold", sans-serif;
    font-size:      14px;
    line-height:    20px;
    text-transform: uppercase;
}

.content h1 {
    background-color: #a1c038;
    color:            #fff;
    display:          inline-block;
    font-family:      "Dosis", sans-serif;
    font-size:        28px;
    letter-spacing:   0.03em;
    line-height:      40px;
    margin-bottom:    20px;
    margin-top:       0;
    padding-left:     4px;
    padding-right:    4px;
}

.content h2 {
    color:          #a1c038;
    display:        block;
    font-family:    "Dosis", sans-serif;
    font-size:      22px;
    letter-spacing: 0.03em;
    margin-top:     -6px;
    line-height:    30px;
}

.content h3 {
    color:     #a1c038;
    font-size: 16px;
}

.content h4 {
    color:          #3a3a3a;
    line-height:    24px;
    font-size:      16px;
    margin-bottom:  4px;
    margin-top:     0;
    text-rendering: auto;
}

.content h5 {
    font-size: 14px;
}

.content h6 {
    font-size:      12px;
    text-transform: normal;
}

.content p,
.content dl dt,
.content dl dd,
.content ul li {
    font-family: "Lucida Grande", sans-serif;
    font-weight: normal;
    font-size:   14px;
    line-height: 20px;
}

.content p + h2, .sidebar p + h2 {
    margin-top: 20px;
}

.start-page .content h2 {
    display:        inline-block;
    padding-left:   4px;
    padding-right:  4px;
    color:          white;
    background:     #a1c038;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-size:      28px;
    line-height:    30px;
}

.content a {
    color:           #a1c038;
    text-decoration: underline;
}

.start-page .content h2 + * {
    margin-top: 20px;
}

/***** Special Content ***** */
.page-heading {
    margin-bottom: 20px;
    margin-left:   10px;
}

.quote {
    margin-bottom: 20px;
}

.quote-text {
    font-family:    "Dosis bold", sans-serif;
    font-size:      14px;
    height:         20px;
    color:          #a1c038;
    text-transform: uppercase;
}

.quote-author {
    font-family:    "Dosis bold", sans-serif;
    font-size:      14px;
    height:         20px;
    color:          #a1c038;
    text-transform: uppercase;
    text-align:     right;
}

/*Articles Preview */
.article-preview img {
    max-width:     100%;
    margin-bottom: 20px;
}

.article-preview h3 {
    margin:         0;
    padding:        0;
    margin-bottom:  0px;
    height:         20px;
    font-size:      14px;
    line-height:    100%;
    color:          #a1c038;
    text-transform: uppercase;
    font-weight:    700;
}

.article-preview h3 .date {
    font-size:   11px;
    font-weight: normal;
    color:       #3a3a3a;
}

.article-archive {
    position:      relative;
    margin-top:    -32px;
    text-align:    right;
    margin-bottom: 20px;
    margin-right:  30px;
    z-index:       3;
}

.article-archive a {
    background:    white;
    padding-left:  4px;
    padding-right: 4px;
}

/*Partner Links */
.partner {
    margin-top:  90px;
    font-family: "Lucida Grande", helvetica, arial, sans;
    font-size:   12px;
    text-align:  center;
}

.partner .partner-label {
    margin-top:  -32px;
    margin-left: 50px;
    text-align:  left;
}

.partner .partner-label span {
    background:    white;
    padding-left:  10px;
    padding-right: 10px;
}

.partner img {
    margin: 30px;
}

/*Newsletter Box */
.newsletter p {
    width: 44%;
    float: left;
}

.newsletter input {
    width: 15%;
}

/*Youtube Videos */
.youtube-wrapper {
    position:       relative;
    padding-bottom: 56.25%;
    margin-bottom:  30px;
    padding-top:    30px;
    height:         0;
    overflow:       hidden;
}

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

/********* Hexagons and Teaser ********** */
.hexagons-and-teaser {
    background-repeat: no-repeat;
    margin-bottom:     40px;
}

.teaser {
    margin-top:  34px;
    position:    absolute;
    z-index:     3;
    font-family: "Dosis", sans-serif;
    background:  transparent;
    height:      0;
    float:       left;
}

.teaser-main span, .teaser-sub span, .teaser-sub a {
    color:          white;
    background:     #a1c038;
    display:        block;
    text-transform: uppercase;
    font-size:      25px;
    line-height:    29px;
    padding:        6px;
    padding-top:    0px;
    padding-bottom: 2px;
    margin-top:     0px;
    margin-bottom:  0px;
    clear:          both;
    float:          left;
}

.teaser-sub span {
    margin-top:  4px;
    margin-left: 14px;
    font-weight: 700;
}

/** Hexagons *** */
.hexagons {
    margin-top: 10px;
    overflow:   hidden;
    *zoom:      1;
}

.hexagons .row1, .hexagons .row2, .hexagons .row3, .hexagons .row4 {
    float:         right;
    clear:         right;
    width:         100%;
    margin-bottom: -25px;
}

.hexagons .row1 .hexagon:first-child {
    margin-left: 60%;
}

.hexagons .row2 .hexagon:first-child {
    margin-left: 67.5%;
}

.hexagons .row3 .hexagon:first-child {
    margin-left: 0%;
}

.hexagons .row4 .hexagon:first-child {
    margin-left:   7.5%;
    margin-bottom: 50px;
}

.hexagons .hexagon.newsletter {
    margin-left: 2%;
    margin-top:  20px;
}

.hexagons .hexagon.newsletter a {
    color: #a1c038;
}

.hexagon {
    float:       left;
    position:    relative;
    display:     block;
    width:   14%;
    margin-left: 1%;
    text-align:  center;
}

.hexagon div.center-wrapper {
    top:      0px;
    left:     0px;
    bottom:   0px;
    right:    0px;
    margin:   0px;
    position: absolute;
    z-index:  1;
    width:    100%;
    height:   100%;
}

.hexagon div.center-wrapper > div {
    display: table;
    width:   100%;
    height:  100%;
}

.hexagon div.center-wrapper > div > div {
    display: table-row;
}

.hexagon div.center-wrapper > div > div > div {
    display:        table-cell;
    vertical-align: middle;
    text-align:     center;
    padding: 12px;
}

.hexagon a {
    z-index:        1;
    font-size:      15px;
    font-family:    "Dosis bold", sans-serif;
    text-transform: uppercase;
    text-align:     center;
    color:          white;
    line-height: 1;
}
/*
@media (max-width: 1199px) {

    .hexagon a {
        font-size: 14px;
    }
}
*/
/*
@media (max-width: 976px) {
    .hexagons {
        overflow: hidden;
        *zoom:    1;
    }

    .hexagons .row1, .hexagons .row2, .hexagons .row3, .hexagons .row4 {
        margin-bottom: -2%;
    }

    .teaser {
        margin-top: 14px;
    }

    .teaser-main span, .teaser-sub span {
        font-size:   18px;
        line-height: 22px;
    }
}

@media (max-width: 768px) {

    .teaser-main span, .teaser-sub span {
        font-size:   13px;
        line-height: 14px;
    }

    .hexagons {
        overflow: hidden;
        *zoom:    1;
    }

    .hexagons .row1, .hexagons .row2, .hexagons .row3, .hexagons .row4 {
        margin-bottom: -3%;
    }

    .hexagons a {
        font-size:   12px;
    }
}

@media (max-width: 480px) {

    .hexagon a {
        font-size:   7px;
    }
}
*/
.nav-main > ul > li > a {
    font-family: "Dosis bold", sans-serif;
}

.responsive-video {
    position:       relative;
    padding-bottom: 55%;
    padding-top:    15px;
    height:         0;
    overflow:       hidden;
}

.responsive-video iframe {
    position: absolute;
    top:      0;
    left:     0;
    width:    100%;
    height:   100%;
}

span.info {
    display: none;
}

img.left {
    float:         left;
    margin-right:  20px;
    margin-bottom: 20px;
}

img.right {
    float:         right;
    margin-left:   20px;
    margin-bottom: 20px;
}

.list {
    clear: both;
}

.list .media:first-child {
    margin-top: 15px;
}

.list .media,
.list .media-body {
    overflow: visible;
}

.list h2 {
    display: inline;
}
.list h3 {
    margin-top: 0;
}
/*
.list .media-body {
  margin-left: 80px; /* Image outer width 
  overflow: visible;
}
*/
.list .media-image {
  float: left;
  margin-right: 10px; /* For follow-up text */
}

/* Map */
#map {
    width:              100%;
    border:             1px solid #eee;
    margin-bottom:      10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    -ms-box-sizing:     border-box;
    box-sizing:         border-box;
}

.sidebar #map {
    height: 300px;
}

.content #map {
    height: 600px;
}

div.ms-legend div {
    margin-bottom: 10px;
}

div.ms-legend div span, .sidebar div.ms-legend div label {
    display:        inline-block;
    font-size:      1.2em;
    line-height:    2em;
    text-transform: uppercase;
    vertical-align: middle;
}

div.ms-legend div.disabled span, .sidebar div.ms-legend div.disabled label {
    background-color: #fff !important;
}

div.ms-legend div span {
    text-align: center;
    width:      10%;
}

div.ms-legend div label {
    color:        #fff;
    font-weight:  bold;
    margin:       0 0 0 10px;
    padding-left: 10px;
    width:        80%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: moz-none;
    -ms-user-select: none;
    user-select: none;
}

div.ms-legend div.ms-projects-recommended label {
    color: #333;
}

div.ms-events a,
div.ms-events h2,
div.ms-legend div.ms-events.disabled label {
    color: #ff7511 !important;
}

div.ms-groups a,
div.ms-groups h2,
div.ms-legend div.ms-groups.disabled label {
    color: #c335c5 !important;
}

div.ms-members a,
div.ms-members h2,
div.ms-legend div.ms-members.disabled label {
    color: #94c11e !important;
}

div.ms-coaches a,
div.ms-coaches h2,
div.ms-legend div.ms-coaches.disabled label {
    color: #df3535 !important;
}

div.ms-projects a,
div.ms-projects h2,
div.ms-legend div.ms-projects.disabled label {
    color: #0092a2 !important;
}

div.ms-legend div.ms-events span,
.sidebar div.ms-legend div.ms-events label {
    background-color: #ff7511;
}

div.ms-legend div.ms-groups span,
.sidebar div.ms-legend div.ms-groups label {
    background-color: #c335c5;
}

div.ms-legend div.ms-members span,
.sidebar div.ms-legend div.ms-members label {
    background-color: #94c11e;
}

div.ms-legend div.ms-coaches span,
.sidebar div.ms-legend div.ms-coaches label {
    background-color: #df3535;
}

div.ms-legend div.ms-projects span,
.sidebar div.ms-legend div.ms-projects label {
    background-color: #0092a2;
}

div.ms-legend div span input {
    margin: 0;
}

div.ms-legend p {
    font-family:      "Dosis", sans-serif;
}

/* Fix map bugs */
#map img {
    max-width: none;
}

#map label {
    width:   auto;
    display: inline;
}

.plugin_link {
    display: inline-block;
    clear:   both;
}
form div.control-group.required>label {
    font-weight: bold;
}

/* Motion sensor (map/grid) */
.motionsensor .nav-pills {
    float: right;
}

.displaynone {
    display: none;
}

.maps-infobox {
    top: 0;
    left: 0;
    z-index: 1010;
    background-clip: padding-box;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    max-width: 276px;
    text-align: left;
    white-space: normal;
}