/* ---------------------------------------------------------------------
Original Author: Patrick Jannette
Contributors: Jamie Birthler, Tony Webster

Target Browsers: All
Media Type: Screen, Projection
Width: All Sizes
------------------------------------------------------------------------ */

/* 20131030 (efc) replaced #5F5F5F with #010000 (gray to black, per Mike Bruns) */

/* ---------------------------------------------------------------------
RESET CSS (thanks Eric Meyer)
------------------------------------------------------------------------ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    vertical-align: baseline;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

:focus {
    outline: 0;
}

/* Always show a vertical scrollbar, even when there is no scrolling */
html {
    overflow-y: scroll;
}

/* Don't let iOS and WinMobile mobile-optimize text for you */
/* Turn this rule on for mobile sites or sites using mediaqueries */
/*
html {
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
}
*/

/* ---------------------------------------------------------------------
 HTML5 Block / Inline Block declarations
------------------------------------------------------------------------ */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

audio, canvas, video {
    display: inline-block;
}

/* ---------------------------------------------------------------------
 Form Reset Styles
------------------------------------------------------------------------ */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none;
}

input[type=search] {
    -webkit-appearance: none;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
}

::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/* ---------------------------------------------------------------------
 Base Styles
------------------------------------------------------------------------ */

.imgFull {
    width: 100%;
}

/* ---------------------------------------------------------------------
 Font Styles
------------------------------------------------------------------------ */

/* @TODO can we remove any of these files? */

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

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

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

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

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

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

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

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


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

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


/* ---------------------------------------------------------------------
 Base Styles
------------------------------------------------------------------------ */

body {
    font-family: Georgia, serif;
    font-size: 14px;
}

a {
    text-decoration: none;
    color: #3fa84f;
}

a:hover {
    color: #555555;
}

a:active,
a.active {
    color: #666666;
}

em {
    font-style: italic;
    /* color: #5F5F5F; why specify color for italics? */
}

/* This prevents unwanted default behavior on mobile devices with non-linking anchor tags */
a[href="#"] {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

p {
    font-family: Georgia, serif;
    font-size: 14px;
    line-height: 1.571;
    color: #5f5f5f;
    letter-spacing: 1px;
    margin: 12px 0;
}

.text-quote {
    font-style: italic;
    font-size: 22px;
    line-height: 1.3636;
    margin-bottom: 25px;
    padding-top: 25px;
    letter-spacing: 1px;
    color: #222121;
}

.text-quote > p {
    font-size: inherit;
}

.text-quote_alt {
    padding: 5%;
    color: #636363;
    font-size: 20px;
}

.text_light {
    color: #dadada;
}

.text-jobTitle {
    font-style: italic;
    color: #5f5f5f;
    margin-top: 15px;
}

/* ---------------------------------------------------------------------
 Layout Styles
------------------------------------------------------------------------ */

.wrapper {
    width: 98%;
    padding: 0 1%;
}

.wrapper_hero {
    border-bottom: 20px solid #222121;
    background-size: 300%;
}

.wrapper_hero.isBlank {
    height: 150px;
    /*height: 280px;*/
    background: url(../images/pic5.jpg) no-repeat 0 0 #ffffff;
}

.postid-32 .wrapper_hero,
.postid-25 .wrapper_hero {
    background: url(../images/pic1.jpg) 0 0 no-repeat;
}

.postid-30 .wrapper_hero {
    background: url(../images/pic2.jpg) 0 0 no-repeat;
}

.postid-27 .wrapper_hero,
.postid-23 .wrapper_hero {
    background: url(../images/pic3.jpg) 0 0 no-repeat;
}

.postid-31 .wrapper_hero,
.postid-29 .wrapper_hero {
    background: url(../images/pic4.jpg) 0 0 no-repeat;
}

.postid-26 .wrapper_hero,
.postid-86 .wrapper_hero {
    background: url(../images/pic5.jpg) 0 0 no-repeat;
}

.postid-24 .wrapper_hero,
.postid-28 .wrapper_hero {
    background: url(../images/pic6.jpg) 0 0 no-repeat;
}


.hero-caption {
    position: absolute;
    width: 76%;
    text-align: center;
    margin: 13% 12% 7%;
}

.page-template-advocacy-php .hero-caption { margin-top: 142px; }

.wrapper_pattern {
    background: url(../images/bg-pattern.png) 0 0 repeat;
}

.hero-overflow {
    position: relative;
    min-width: 100%;
    overflow: hidden;
}

.hero-image {
    display: block;
}

/* ---------------------------------------------------------------------
 Utility Styles
------------------------------------------------------------------------ */

.grid-col_dark {
    background-color: #222121;
}

.grid_offsetMainPlus {
	background-color: #FFFFFF;
}

.grid_offsetMain > .grid-col_main,
.grid_offsetMobile {
    margin-top: -100px;
    z-index: 5;
}

.grid_offsetMobile > * {
    position: relative;
}

/* ---------------------------------------------------------------------
 Heading Styles
------------------------------------------------------------------------ */

.hdg {
    font-family: 'AmbleBold', Arial, Helvetica, sans-serif;
    color: #000000;
    letter-spacing: 1px;
}

.hdg_alt {
    font-family: 'BebasNeueRegular', Arial, Helvetica, sans-serif;
    color: #000000;
    letter-spacing: 1px;
}

.noTouch a.hdg:hover {
    color: #fd5b1d;
}

.hdg + .hdg,
.hdg + .hdg_sub,
.hdg_sub + .hdg_sub,
.hdg_sub + .hdg,
.hdg_sub + p,
.hdg + .vList_bullets {
    margin-top: 6px;
}

/* heading sizes */
.hdg_1 {
    font-size: 46px;
}

.hdg_2 {
    font-size: 27px;
}

.hdg_3 {
    font-size: 18px;
}

.hdg_4 {
    font-size: 16px;
    line-height: 1.25;
}

.hdg_5 {
    font-size: 14px;
    line-height: 1.21;
}

.hdg_6 {
    font-size: 13px;
}

.hdg_sub {
    font-size: 14px;
    text-transform: uppercase;
}

/* heading mixins */
.mix-hdg_caps       { text-transform: uppercase; }
.mix-hdg_reg        { font-family: 'AmbleRegular', Arial, Helvetica, sans-serif; }
.mix-hdg_push       { margin-bottom: 25px;}
.mix-hdg_rule       { border-bottom: 2px solid #e8e9ea; padding-top: 5px; padding-bottom: 10px; margin-bottom: 15px; }
.mix-hdg_pushTop    { margin-top: 20px; }
.mix-hdg_center     { text-align: center; }
/*.mix-hdg_heavy      { font-family: Arial, Helvetica, sans-serif; }*/

/* heading colors */
.mix-hdg_brand      { color: #3fa84f; }
.mix-hdg_brandAlt   { color: #e9ac44; }
.mix-hdg_light      { color: #999999; }
.mix-hdg_med        { color: #656565; }
.mix-hdg_dark       { color: #333333; }
.mix-hdg_white      { color: #ffffff; }


/* ---------------------------------------------------------------------
 Link and Button Styles
------------------------------------------------------------------------ */

button,
input[submit] {
    border: 0;
}

.btn,
input[type='submit'] {
    display: inline-block;
    padding: 14px 25px;
    background-color: #3fa84f;
    text-transform: uppercase;
    color: #ffffff;
    font-family: "AmbleRegular", Arial, Helvetica;
    font-size: 13px;
}

.btn:hover,
input[type='submit']:hover {
    background-color: #e9ac44;
    cursor: pointer;
}

.btn_alt:hover {
    background-color: #ffffff;
    color: #3fa84f;
}

.btn_right {
    float: right;
}

.lTable .btn {
    white-space: nowrap;
    margin-left: 15px;
}

.cat_list { margin-top: 6px;}
.cat_list a {
    color: #FFF;
    font-family: Georgia, serif;
    font-size: 14px;
    line-height: 1.571;
    letter-spacing: 1px;
    text-transform: capitalize;
    margin: 10px 0;
}
.cat_list a:hover { color: #5f5f5f;}

/* ---------------------------------------------------------------------
 Form Element Styles
------------------------------------------------------------------------ */

input {
    border: 0;
}

.globalSearchBox > * {
    display: inline-block;
    margin: 0 auto;
}

::-webkit-input-placeholder {
    color: inherit;
}

.input[placeholder] {
    color: #cccccc;
    line-height: normal;
}

.input:focus {
    color: #3fa84f;
}

.searchGlobal {
    width: 125px;
    border-top: 1px solid #7e7e7e;
    border-bottom: 1px solid #7e7e7e;
    padding: 13px 17px;
}


/* ---------------------------------------------------------------------
 Box Objects
------------------------------------------------------------------------ */

.box {
    margin-bottom: 15px;
}

.box-fill {
    padding: 15px 10px;
    background-color: #f6f5f5;
    margin-bottom: 25px;
    margin-top: 25px;
}

.box-center {
	text-align: center;
}

.box-hd {
    padding: 10px 25px;
    background-color: #ffffff;
}

.box-hd_opaque {
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.75);
}

.box-bd {
    position: relative;
    padding: 25px;
    background-color: #ffffff;
}

.box-ft {
    padding: 10px 25px;
}

.box-ft_pushTop {
    padding-top: 50px;
}

.box_clear > * {
    background-color: transparent;
}


/* ---------------------------------------------------------------------
 Table Layout styles for elements that need to layout horizontally,
 vertically align, and fill the container based on number of
 elements contained within.
------------------------------------------------------------------------ */

.lTable {
    display: table;
    width: 100%;
}

.lTable > * {
    display: table-cell;
    vertical-align: middle;
}

.lTable_2up > * {
    width: 50%;
}

.lTable_3up > * {
    width: 33.33%;
}

.lTable_4up > * {
    width: 25%;
}

.lTable_5up > * {
    width: 20%;
}

.lTable_top > * {
    vertical-align: top;
}

.lTable_pushTop {
    margin-top: 10px;
}


/* ---------------------------------------------------------------------
 Media Block
------------------------------------------------------------------------ */

.media {
    overflow: hidden;
}


.media + .media {
    margin-top: 20px;
}

.media-element {
    float:left;
    margin: 15px 10px 0 0;
}

.media-element_flip {
    float: none;
}

.media-element_padded {
    margin: 10px 40px;
}

.media-element img {
    display: block;
}

.media-bd {
    overflow: hidden;
    margin-top: 15px;
}

.media-ft {
    display: block;
    margin-top: 8px;
    text-align: right;
}

/* ---------------------------------------------------------------------
 Vertical List Styles
------------------------------------------------------------------------ */

.vList > *,
.vList li,
.vList div.media {
    display: block;
}


.vList_spread > *,
.vList_spread li,
.vList_spread div.media {
    margin-bottom: 10px;
}

.vList_spreadEven > *,
.vList_spreadEven li,
.vList_spreadEven div.media {
    margin-bottom: 7px;
    padding-top: 10px;
}

ul.vList_spreadEven > *:first-child {
    padding-top: 0;
}

.vList_divided > * + *,
.vList_divided li + li,
.vList_divided div.media + div.media {
    border-top: 1px solid #cccccc;
}

.vList_bullets  {
    list-style: disc outside;
    margin-left: 16px;
    font-size: 14px;
    line-height: 1.571;
    color: #5f5f5f;
    letter-spacing: 1px;
}

.vList_tabs > * {
    margin-left: 15px;
    padding: 14px 12px 12px 12px;
    font-family: 'AmbleRegular', Arial, Helvetica;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1.21;
    color: #ffffff;
    letter-spacing: 1px;
}

.vList_tabs > *:hover {
    background-color: #3fa84f;
    cursor: pointer;
}

.vList_tabs > *:hover > a,
.vList_tabs > * > a:hover {
    color: #ffffff;
}


.vList_tabs > *.isActive {
    background-color: #e9ac44;
}

.vList_tabs > *.isActive > a {
    color: #ffffff;
}


/* ---------------------------------------------------------------------
 Horizontal List Styles
------------------------------------------------------------------------ */

.hList {
    overflow: hidden;
}

.hList > * {
    float: left;
}

/*.hList_tight > * + * { margin-left: 8px; }*/ /* TODO: Identify Style */
.hList_std > * + * { margin-left: 27px; }

.hList_divided > * + * {
    margin-left: 9px;
    padding-left: 9px;
    border-left: 1px solid;
}

/* ---------------------------------------------------------------------
 Icon Styles
------------------------------------------------------------------------ */

.icon-circle {
    text-indent: -9999px;
    height: 32px;
    width: 32px;
    padding: 12px 10px 8px 10px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #3fa84f;
}

.icon-circle.icon-search {
    display: none;
}

.icon-menu:before, .icon-search:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    color: #ffffff;
}
.icon-menu:before {
    content: "\e000";
}
.icon-search:before {
    content: "\e001";
}



/* ---------------------------------------------------------------------
 Blocks
------------------------------------------------------------------------ */

.blocks > * {
    margin-bottom: 2.5%;
}

.blocks_badges {
    margin-left: 0;
    margin-bottom: 30px;
}

.blocks_badges > * {
    width: 191px;
    height: 111px;
    margin: 10px auto;
    /*margin-left: 45px !important;*/
    border-radius: 50%;
    text-align: center;
    font-family: 'BebasNeueRegular', Helvetica, sans-serif;
    font-size: 24px;
    padding: 90px 10px 10px 10px;
    background: url(../images/bg-badge.png) 0 0 no-repeat #ffffff;
}

.blocks-ftd {
	margin: 3em 0;
}

.blocks-ftd a {
	background: #FFFFFF;
	display: inline-block;
}

.blocks-ftd_body {
	padding: 10px;
}

.blocks-ftd_body > img {
    display: block;
	width: 100%;
	max-width: 295px;
    height: auto;
}

.blocks-ftd_head {
	padding-bottom: 10px;
}

.mod-news {
    margin: 3em 0 5em;
}

.mod-news .hdg_1 {
    display: inline-block;
    margin-bottom: 0.5em;
    border-bottom: 4px solid #3FA84F;
}

.mod-news .hdg_1 a,
.mod-news .hdg_2 a { color: #000;}

.mod-news .hdg_1 a:hover,
.mod-news .hdg_2 a:hover { color: #3FA84F;}

/* ---------------------------------------------------------------------
 Header Styles
------------------------------------------------------------------------ */

.wrapper-full_header {
    background-color: #222021;
    width: 100%;
}

.listGlobalNav > * {
    list-style: none;
    text-align: center;
}

.listGlobalNav > * {
    display: block;
    font-family: 'AmbleRegular', Arial, Helvetica, sans-serif;
    color: #ffffff;
    text-transform: uppercase;
    padding: 10px;
    border-bottom: 1px solid #ffffff;
}

.listGlobalNav-target {
    padding-top: 10px;
}

.blocks_navtarget ul > li > a {
    text-transform: lowercase;
}

.globalLogoContainer,
.globalLogo {
    display: none;
}

.mobileNavBox {
    height: 30px;
    padding: 10px 0;
}
/*
.globalNavMobile + .listGlobalNav {
    display: none;
}*/

.isHiddenMobile {
    display: none;
}

.globalLogo-mobile {
    text-indent: -9999px;
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 80px;
    background: url(../images/flag-logo-mobile.png) 0 0 no-repeat ;
    z-index: 1000;
}

.globalMenuIcon-mobile {
    padding: 12px;
    border: 1px solid #ffffff;
    float: right;
    background-color: #3FA84F;
}



/* ---------------------------------------------------------------------
 Swipe Carousel Styles
------------------------------------------------------------------------ */

.wrapper-full_carousel {
    overflow: hidden;
    position: relative;
    /*background: url(../images/bg-wrap-carousel.jpg) top center no-repeat;*/
}

.wrapperCarousel {
    overflow: visible;
}

.carousel-mask {
    width: 100%;
    position: relative;
    z-index: 3;
}

.carousel-mask:before {
    display: block;
    position: absolute;
    height: 700px;
    width: 1000%;
    content: '';
    right: 1024px;
    top: 0;
    z-index: 3;
    background-color: #000000;
    background-color: rgba(0,0,0,0.7);
}

.carousel-mask:after {
    display: block;
    position: absolute;
    height: 700px;
    width: 1000%;
    content: '';
    left: 1024px;
    top: 0;
    z-index: 3;
    background-color: #000000;
    background-color: rgba(0,0,0,0.7);
}

.carousel {
    position: relative;;
}

.swipeWrapper {
	width: 300%;
    position: relative;
    left: 0;
}

.swipeWrapper > * {
    float: left;
    position: relative;
}

.swipeWrapper > li > a > img {
    width: 100%;
    display: block;
}

.swipeWrapper > li.isActive {
    z-index: 2;
}

.carousel-nav {
    display: none;
}

.wrapper-full_footer {
    margin-top: 0;
    height: 225px;
    padding-top: 70px;
    background-color: #222121;
}

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

.banner-est {
    display: block;
    text-indent: -9999px;
    margin: 20px auto;
    height: 32px;
    width: 224px;
    background: url(../images/banner-est.png) 0 0 no-repeat;
}

.text_legal {
    margin-top: 50px;
    font-family: 'AmbleRegular', Arial, Helvetica, sans-serif;
    text-align: center;
    font-size: 13px;
    line-height: 1.75;
    color: #606060;
}

.text_legal a {
    color: #ffffff;
}

.text_legal a:hover {
    color: #3FA84F;
}

/* ---------------------------------------------------------------------
 About / Bio Styles
------------------------------------------------------------------------ */

.bio-members li {
    position: relative;
}

.bio-members li > a > img:first-child {
    margin: 0 auto;
    display: block;
}

.bio-members li .hdg_alt {
    position: absolute;
    bottom: 20px;
    text-align: center;
    display: block;
    width: 100%;
    text-shadow: 0px 0px 2px #000;
    font-size: 22px;
}

.bio-overlay {
    display: none;
}

/* ---------------------------------------------------------------------
 Swipe Carousel Styles
------------------------------------------------------------------------ */

.box-carousel {
    display: none;
    font-family: "BebasNeueRegular", Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 30px;
    text-shadow: 1px 1px 1px #000000;
    text-align: center;
    color: #ffffff;
    position: absolute;
    left: 0;
    top: 90px;
    width: 100%;
    z-index: 3;
}

.box-carousel:hover {
    cursor: pointer;
}


.isActive .box-carousel {
    display: block;
}

/* ---------------------------------------------------------------------
WYSIWYG Styles
--------------------------------------------------------------------- */

.wysiwyg h1 {
    color: #3FA84F;
    font-size: 27px;
    font-family: 'AmbleBold', Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
}

.wysiwyg h2 {
    margin-top: 6px;
    font-family: 'AmbleRegular', Arial, Helvetica, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    color: black;
    letter-spacing: 1px;
}

.wysiwyg h3 {
    /* Profits? */
}

.wysiwyg blockquote,
.wysiwyg blockquote p {
    font-style: italic;
    font-size: 22px;
    line-height: 1.3636;
    margin: 25px 0;
    letter-spacing: 2px;
    color: #222121;
}

.wysiwyg p {
    margin-top: 6px;
    font-family: Georgia, serif;
    font-size: 14px;
    line-height: 1.571;
    color: #010000;
    letter-spacing: 1px;
    margin: 12px 0;
}

.wysiwyg ul {
    margin-top: 6px;
    list-style: disc outside;
    margin-left: 16px;
    font-size: 14px;
    line-height: 1.571;
    color: #010000;
    letter-spacing: 1px;
}

.wysiwyg ul > li {
    list-style: disc outside;
    font-size: 14px;
    line-height: 1.571;
    color: #010000;
    letter-spacing: 1px;
}

.wysiwyg iframe {
    width: 100% !important;
}