/************************************\
 * Overriding styles set by NA Core *
\************************************/
.widgetdiv1 {
    margin-bottom: 0;
    width: auto;
}

.widgetdiv4 div {
    padding: 0;
}





/*****************************************\
 * Default .block and .widgetdiv1 styles *
\*****************************************/
.block,
#content .third-left .widgetdiv1,
#content .third-right .widgetdiv1 {
    border-bottom: 1px solid #e7efef;
    padding: 60px 15%;
}

@media only screen and (max-width: 767px) {
    .block,
    #content .third-left .widgetdiv1,
    #content .third-right .widgetdiv1 {
        padding: 60px 5%;
    }
}





/*************************\
 * Default Widget Styles *
\*************************/
.widgetdiv4 h3.widgettitle {
    font: 400 20px/27px 'Montserrat';
    letter-spacing: -1px;
    margin-bottom: 16px;
    padding: 0;
    text-transform: uppercase;
}





/*********************\
 * Blog Content Area *
\*********************/
/* add header styles to main content widgets */
#content_from_widget .widgettitle {
    border-bottom: 4px solid #f9b000;
    color: #f9b000;
    font: 600 16px/23px 'Montserrat';
    letter-spacing: -1px;
    margin: 0 0 40px;
    padding: 0 0 20px;
    text-transform: uppercase;
}





/*****************\
 * Homepage Hero *
\*****************/
#hero_unit .widget-slideshow {
    margin: 10px;
}

#hero_unit .ss-slideshow {
    overflow: visible;
}

#hero_unit .ss-slide-scroller {
    margin-left: 0;
    width: 66%;
}

/* Yeah, that's a fun one… sorry! -- dallas */
body:not(.full-width-hero) #hero_unit .ss-slide-scroller:not([data-ss-ratio]) {
    width: 66% !important;
}

#hero_unit .ss-slide-scroller .ss-section {
    background-size: auto;
}

#hero_unit .ss-text-scroller {
    border-left: 1px solid #e7efef;
    left: auto;
    margin: -10px 0;
    right: 0;
    width: 33%;
}

#hero_unit .ss-text-box {
    background: none;
    bottom: 75px;
    color: inherit;
    left: 45px;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 20px;
}

#hero_unit .ss-slide-title {
    bottom: 66%;
    color: #f9b000;
    font: 700 32px/30px 'Montserrat';
    letter-spacing: -1px;
    max-height: 33%;
    overflow: hidden;
    position: absolute;
    text-transform: uppercase;
}

#hero_unit .ss-slide-description {
    bottom: 0;
    color: #b6b8b8;
    font: 400 14px/21px 'Merriweather';
    overflow-y: scroll;
    position: absolute;
    top: 38%;
}

#hero_unit .ss-controls-wrapper {
    left: auto;
    right: 0;
    width: 33%;
}

#hero_unit .ss-controls {
    left: 0;
    margin: 0 0 25px 45px;
}

#hero_unit .ss-button {
    background-color: #fff;
    background-color: rgba(255,255,255,0.75);
    border-color: #f9b000;
    height: 10px;
    margin-right: 6px;
    -webkit-transition: background-color 500ms;
    transition: background-color 500ms;
    width: 10px;
}

    #hero_unit .ss-button.active {
        background-color: #f9b000;
        border-color: #f9b000; /* overrides border-color change from the widget */
    }

@media only screen and (max-width: 767px) {
    #hero_unit .ss-slide-scroller,
    #hero_unit .ss-text-scroller,
    body:not(.full-width-hero) #hero_unit .ss-slide-scroller:not([data-ss-ratio]) {
        width: 100% !important;
    }

    #hero_unit .ss-text-scroller {
        border: 0;
        height: 150px;
        margin: 10px 0 0;
        position: relative;
    }

        #hero_unit .ss-text-box,
        #hero_unit .ss-slide-title,
        #hero_unit .ss-slide-description,
        #hero_unit .ss-text-scroller .ss-link-wrapper {
            position: static;
        }

    #hero_unit .ss-controls-wrapper {
        bottom: 15px;
        left: 0;
        right: 0;
        width: auto;
    }

    #hero_unit .ss-controls {
        margin: 0;
        position: static;
        text-align: center;
    }
}

@media only screen and (max-width: 690px) {
    #hero_unit .ss-text-scroller {
        height: 175px;
    }

    #hero_unit .ss-controls-wrapper {
        bottom: 10px;
    }

    #hero_unit .ss-button {
        height: 8px;
        width: 8px;
    }
}

@media only screen and (max-width: 459px) {
    #hero_unit .ss-slide-title {
        font-size: 24px;
        line-height: 22.5px;
    }

    #hero_unit .ss-slide-description {
        font-size: 12px;
        line-height: 18px;
    }
}

@media only screen and (max-width: 430px) {
    #hero_unit .ss-text-scroller {
        height: 200px;
    }
}

@media only screen and (max-width: 230px) {
    #hero_unit .ss-text-scroller {
        height: 220px;
    }
}

@media only screen and (max-width: 170px) {
    #hero_unit .ss-text-scroller {
        height: 250px;
    }
}

@media only screen and (max-width: 140px) {
    #hero_unit .ss-text-scroller {
        height: 280px;
    }
}

@media only screen and (max-width: 100px) {
    #hero_unit .ss-text-scroller {
        height: 330px;
    }
}

/*********************************************\
 * Full-width Slideshow as Header Background *
\*********************************************/
body.full-width-hero #hero_unit .widget-slideshow {
    margin: 0;
}

body.full-width-hero #hero_unit .ss-slide-scroller {
    min-height: 435px;
    width: 100%;
}

body.full-width-hero #hero_unit .size-by-height img {
    height: 100%;
    width: auto;
}

body.full-width-hero #hero_unit .ss-slide-scroller .ss-section {
    background-size: cover;
}

body.full-width-hero #hero_unit .ss-text-scroller {
    border-left: 0;
    padding: 0;
    position: absolute;
    right: auto;
    z-index: 2;
}

@media only screen and (min-width: 961px) {
    body.full-width-hero #hero_unit .ss-text-scroller {
        bottom: 5%;
        height: 55%;
        left: 50%;
        margin: 0 0 0 -30px;
        text-align: right;
        top: auto;
        width: 600px;
    }
}

body.full-width-hero #hero_unit .ss-slide-title {
    bottom: auto;
    line-height: 1;
    max-height: none;
}

body.full-width-hero #hero_unit .ss-slide-description {
    bottom: auto;
    line-height: 1.5;
    top: auto;
}

@media only screen and (min-width: 961px) {
    body.full-width-hero #hero_unit .ss-slide-title {
        font-size: 36px;
        position: static;
    }

    body.full-width-hero #hero_unit .ss-slide-description {
        color: #f6f5f4;
        font-size: 14px;
        position: static;
        -webkit-transition: color 200ms;
        transition: color 200ms;
    }

        body.full-width-hero #hero_unit .ss-slide-description.background--light {
            color: #1e1d1b;
        }
}

body.full-width-hero #hero_unit .ss-text-box .ss-link-wrapper {
    border: 2px solid #f9b000;
    border-radius: 4px;
    color: #f9b000;
    display: inline-block;
    font: 600 12px/12px 'Montserrat', sans-serif;
    margin: 20px 0 0;
    padding: 6px 10px;
    position: static;
}

    body.full-width-hero #hero_unit .ss-text-box .ss-link-wrapper:hover {
        border-color: #fff;
        color: #fff;
    }

body.full-width-hero #hero_unit .ss-controls-wrapper {
    left: 0;
}

body.full-width-hero #hero_unit .ss-controls {
    left: 0;
    margin: 0 0 20px 10px;
}

body.full-width-hero #hero_unit .ss-button {
    background: none;
    border-color: #fff;
    -webkit-transition: border-color 100ms;
    transition: border-color 100ms;
}

    body.full-width-hero #hero_unit .ss-button.active {
        background: #fff;
    }

body.full-width-hero #hero_unit .background--light .ss-button {
    border-color: #333;
}

    body.full-width-hero #hero_unit .background--light .ss-button.active {
        background: #333;
    }

@media only screen and (max-width: 1140px) {
    body.full-width-hero #hero_unit .ss-text-scroller {
        left: auto;
        right: 2.5%;
        width: 53%;
    }
}

@media only screen and (min-width: 1140px) {
    body.full-width-hero #hero_unit .ss-slide-title {
        font-size: 38px;
    }

    body.full-width-hero #hero_unit .ss-slide-description {
        font-size: 16px;
    }

    body.full-width-hero #hero_unit .ss-controls-wrapper {
        left: 50%;
    }

    body.full-width-hero #hero_unit .ss-controls {
        left: -570px;
    }
}

@media only screen and (min-width: 1280px) {
    body.full-width-hero #hero_unit .ss-slide-title {
        font-size: 40px;
    }

    body.full-width-hero #hero_unit .ss-slide-description {
        font-size: 18px;
    }

    body.full-width-hero #hero_unit .ss-text-box .ss-link-wrapper {
        font-size: 13px;
        line-height: 13px;
        padding: 10px;
    }
}

@media only screen and (max-width: 960px) {
    body.full-width-hero #hero_unit .ss-slide-scroller {
        min-height: 0;
    }

    body.full-width-hero #hero_unit .ss-text-scroller {
        background: #fff;
        bottom: auto;
        height: auto;
        min-height: 150px;
        margin-top: 0;
        position: relative;
        right: auto;
        width: auto;
    }

    body.full-width-hero #hero_unit .ss-text-box,
    body.full-width-hero #hero_unit .ss-slide-title,
    body.full-width-hero #hero_unit .ss-slide-description {
        position: static;
    }

    body.full-width-hero #hero_unit .ss-text-box {
        margin: 15px;
    }

    body.full-width-hero #hero_unit .ss-slide-title {
        float: left;
        font-size: 32px;
        text-align: right;
        width: 48%;
    }

    body.full-width-hero #hero_unit .ss-slide-description {
        padding-left: 4%;
        width: 48%;
    }

    body.full-width-hero #hero_unit .ss-text-box .ac-link-wrapper {
        display: block;
        margin-left: 52%;
    }

    body.full-width-hero #hero_unit .ss-text-box .ss-link-wrapper {
        font-size: 11px;
        margin: 5px 0 0;
        padding: 5px 12px;
    }

        body.full-width-hero #hero_unit .ss-text-box .ss-link-wrapper:hover {
            border-color: #b6b8b8;
            color: #b6b8b8;
        }

    body.full-width-hero #hero_unit .ss-controls-wrapper {
        bottom: auto;
        left: 0;
        right: 0;
        top: 15px;
        width: auto;
    }

    body.full-width-hero #hero_unit .ss-controls {
        position: static;
        text-align: center;
    }
}

@media only screen and (max-width: 767px) {
    body.full-width-hero #hero_unit .ss-controls-wrapper {
        bottom: auto;
        top: 15px;
    }
}

@media only screen and (max-width: 690px) {
    body.full-width-hero #hero_unit .ss-slide-title,
    body.full-width-hero #hero_unit .ss-slide-description {
        float: none;
        margin: 0;
        position: static;
        text-align: left;
        width: auto;
    }

    body.full-width-hero #hero_unit .ss-slide-title {
        font-size: 26px;
        max-height: 26px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    body.full-width-hero #hero_unit .ss-slide-description {
        font-size: 13px;
        margin-top: 5px;
        padding-left: 0;
    }

    body.full-width-hero #hero_unit .ss-text-box .ac-link-wrapper {
        margin-left: 0;
    }

    body.full-width-hero #hero_unit .ss-controls-wrapper {
        bottom: auto;
        top: 10px;
    }
}

@media only screen and (max-width: 430px) {
    body.full-width-hero #hero_unit .ss-slide-title {
        font-size: 22px;
        max-height: 44px;
    }

    body.full-width-hero #hero_unit .ss-slide-description {
        font-size: 11px;
    }
}



/*****************\
 * Home Call-out *
\*****************/
#home-callout h3.widgettitle {
    margin-bottom: 8px;
}

#home-callout .third-left .widgetdiv1,
#home-callout .third-right .widgetdiv1 {
    padding: 60px 12% 40px 20%;
}

#home-callout .third-left .widgetdiv1 {
    background-position: top right;
}

#home-callout .two-thirds-left .widgetdiv1,
#home-callout .two-thirds-right .widgetdiv1 {
    overflow: hidden;
    padding: 60px 5% 40px 10.5%;
}

#home-callout .two-thirds-right .widgetdiv1 {
    padding-left: 5%;
    padding-right: 5%;
}

@media only screen and (max-width: 767px) {
    #home-callout .third-left .widgetdiv1,
    #home-callout .third-right .widgetdiv1 {
        min-height: 0;
        padding: 30px 4%;
    }

    #home-callout .two-thirds-left .widgetdiv1,
    #home-callout .two-thirds-right .widgetdiv1 {
        padding: 0 7%;
    }
}

#home-callout p {
    font-weight: 300;
}

/* Adventist Life widget */
#home-callout .widget-adventist-id-living-the-adventist-life h3.widgettitle {
    color: #fff;
    font: 600 30px/37px 'Montserrat';
    letter-spacing: -1px;
    margin: 0 0 10px;
    text-transform: uppercase;
}

#home-callout .adventist-life-callout {
    color: #fff;
    display: block;
    float: left;
    font: 400 12px/19px 'Merriweather';
    padding: 45px 3% 20px;
    text-align: center;
    text-decoration: none;
    width: 27%;
}

    #home-callout .adventist-life-callout a {
        display: block;
        text-decoration: none;
    }

    #home-callout .adventist-life-callout strong {
        display: block;
        text-transform: uppercase;
        color: #f9b000;
        margin: 0 0 10px;
        font: 700 16px/16px 'Montserrat';
        letter-spacing: -1px;
    }

@media only screen and (max-width: 767px) {
    #home-callout .adventist-life-callout {
        float: none;
        width: auto;
        margin: 0 0 20px;
        padding: 0 3% 0 50px;
        text-align: left;
    }

        #home-callout .adventist-life-callout strong {
            margin: 0 0 3px;
        }
}

#adventistSpirituality {
    background: url(../images/ico-spirituality.png) no-repeat left top;
    min-height: 40px;
    padding-left: 50px;
    width: auto;
}

#adventistVitality {
    background: url(../images/ico-heart.png) no-repeat left top;
    min-height: 40px;
    padding-left: 50px;
    width: auto;
}

#adventistService {
    background: url(../images/ico-network.png) no-repeat left top;
    min-height: 40px;
    padding-left: 50px;
    width: auto;
}

@media only screen and (min-width: 768px) {
    #home-callout #adventistSpirituality {
        background-position: 39% 0;
        padding-left: 0;
        padding-right: 6%;
        width: 24%;
    }

    #home-callout #adventistVitality {
        background-position: 50% 0;
        border-left: 1px solid #5a929d;
        border-right: 1px solid #5a929d;
    }

    #home-callout #adventistService {
        background-position: 62% 5%;
        padding-right: 0;
        padding-left: 6%;
        width: 27%;
    }
}

@media only screen and (max-width: 767px) {
    #adventistSpirituality {
        width: auto;
        padding-left: 50px;
        background-position: top left;
    }

    #adventistVitality {
        width: auto;
        padding-left: 50px;
        border: 0;
        background-position: top left;
    }

    #adventistService {
        width: auto;
        padding-left: 50px;
        background-position: top left;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio : 1.5) and (max-width: 480px) {
    #adventistSpirituality {
        background: url(../images/ico-spirituality@2x.png) no-repeat top left;
        background-size: 33px 31px;
    }

    #adventistVitality {
        background: url(../images/ico-heart@2x.png) no-repeat top left;
        background-size: 36px 32px;
    }

    #adventistService {
        background: url(../images/ico-network@2x.png) no-repeat top left;
        background-size: 40px 26px;
    }
}

/* Adventist Beliefs widget */
#home-callout .widget-adventist-id-adventist-beliefs h3.widgettitle {
    background: url(../images/ico-book.png) no-repeat 0 4px;
    font: 400 20px/27px 'Montserrat';
    letter-spacing: -1px;
    margin: 0 0 22px -30px;
    padding-left: 30px;
    text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
    #home-callout .widget-adventist-id-adventist-beliefs h3.widgettitle {
        margin-left: 0;
    }
}




/*****************\
 * Other Widgets *
\*****************/
/* inner titles */
.AnnouncementInfo h4,
.EventInfo h4,
.adventistreview-widget h4 {
    font: 400 18px/1.25 'Montserrat', sans-serif;
    margin-bottom: 0;
}
/* ContentBodies */
.AnnouncementInfo p.ContentBody,
.EventInfo p.ContentBody {
    line-height: 1.5;
    margin: 0;
    padding: 1em;
}
/* metas */
.EventInfo p.meta {
    font-size: 85%;
    line-height: 1;
}



.EventInfo {
    margin-bottom: 2em;
}



.widget-forms-widget .float-left-field {
    margin-right: 2%;
    width: 48%;
}

    .widget-forms-widget .float-left-field + .float-left-field {
        margin-right: 0;
        width: 50%;
    }

.third-left .widget-forms-widget .float-left-field,
.third-right .widget-forms-widget .float-left-field {
    float: none;
    margin-right: 0;
    width: 100%;
}

.third-left .widget-forms-widget .clear,
.third-left .widget-forms-widget .clear-floated-field,
.third-right .widget-forms-widget .clear,
.third-right .widget-forms-widget .clear-floated-field {
    display: none;
}

@media only screen and (max-width: 767px) {
    .widget-forms-widget .float-left-field,
    .widget-forms-widget .float-left-field + .float-left-field {
        float: none;
        margin-right: 0;
        width: 100%;
    }

    .widget-forms-widget .clear,
    .widget-forms-widget .clear-floated-field {
        display: none;
    }
}

.widget-forms-widget input[type=text] {
    margin-bottom: 0;
    width: 100%;
}

.widget-forms-widget div.fieldset {
    margin-bottom: 2em;
}

    .widget-forms-widget div.fieldset label {
        display: block;
        font-family: 'Montserrat', sans-serif;
    }

.widget-forms-widget .sub-label {
    display: block;
    font-style: italic;
    margin-bottom: 1em;
}



.widgetdiv4 .sabbathtime-widget {
    text-align: left;
}

    .widgetdiv4 .sabbathtime-widget img {
        border: 1px solid #e7efef;
        margin-bottom: 1em;
        padding: 3px;
    }

    .widgetdiv4 .sabbathtime-widget p {
        margin-bottom: 0;
    }

        .widgetdiv4 .sabbathtime-widget p strong {
            display: inline-block;
            font-family: 'Montserrat', sans-serif;
            text-align: right;
        }



.adventistreview-widget {
    margin-bottom: 2em;
}

    .adventistreview-widget + .adventistreview-widget {
        margin-top: 3em;
    }

.widgetdiv4 .adventistreview-widget img {
    border: 1px solid #e7efef;
    float: left;
    margin-right: 0.75em;
    padding: 3px;
}

.adventistreview-widget img + h4 {
    min-height: 65px;
}

.adventistreview-widget p {
    clear: left;
    margin: 0 0 0 2em;
}



.widget-adventist-news-network h3.widgettitle {
    margin-bottom: 30px;
}

.ann-widget {
    margin-bottom: 50px;
}

    .ann-widget img {
        border-radius: 4px;
        display: block;
        height: auto;
        margin: 0 0 8px;
    }

    .ann-widget a img {
        border: 0;
    }

    .ann-widget h4,
    #content .ann-widget h4 a {
        color: #f9b000;
        font: 400 13px/18px 'Merriweather', serif;
    }

        #content .ann-widget h4 a:hover {
            text-decoration: underline;
        }

    .ann-widget p {
        color: #7e7667;
        font: 400 12px/21px 'Merriweather', serif;
        margin: 3px 0 5px;
    }