/* views_slideshow fixes from http://drupal.stackexchange.com/questions/44662/make-views-slideshow-responsive-remove-inline-styles */


.views_slideshow_cycle_main { width: 100%; }
.views_slideshow_cycle_main .views-slideshow-cycle-main-frame { width: 100% !important; height: auto; }
.views_slideshow_cycle_main .views-slideshow-cycle-main-frame-row { width: 100% !important; height: auto; }
.views_slideshow_cycle_main .field-content { max-width: 100%; width: 100%; }
.views_slideshow_cycle_main .field-content img { max-width: 100%; width: 100%; height: auto; margin: 0; padding: 0; }


/* newsletter slideshow */

.page-node-edit.node-type-newsletter tr.even {
    background: #ddd;
}

.newsletter-slideshow .container-12 {
    width: 100%;
}


.newsletter-slideshow .container-12 .grid-1,
.newsletter-slideshow .container-12 .grid-2,
.newsletter-slideshow .container-12 .grid-3,
.newsletter-slideshow .container-12 .grid-4,
.newsletter-slideshow .container-12 .grid-5,
.newsletter-slideshow .container-12 .grid-6,
.newsletter-slideshow .container-12 .grid-7,
.newsletter-slideshow .container-12 .grid-8,
.newsletter-slideshow .container-12 .grid-9,
.newsletter-slideshow .container-12 .grid-10,
.newsletter-slideshow .container-12 .grid-11,
.newsletter-slideshow .container-12 .grid-12,
.newsletter-slideshow .container-12 .grid-13,
.newsletter-slideshow .container-12 .grid-14,
.newsletter-slideshow .container-12 .grid-15,
.newsletter-slideshow .container-12 .grid-16,
.newsletter-slideshow .container-12 .grid-17,
.newsletter-slideshow .container-12 .grid-18,
.newsletter-slideshow .container-12 .grid-19,
.newsletter-slideshow .container-12 .grid-20,
.newsletter-slideshow .container-12 .grid-21,
.newsletter-slideshow .container-12 .grid-22,
.newsletter-slideshow .container-12 .grid-23,
.newsletter-slideshow .container-12 .grid-24 {
    margin: 0;
    width: 100%;
    padding: 0;
}

.newsletter-slideshow #page {
    margin: 0;
    padding: 0;
    width: 100%;
}

.newsletter-slideshow {
    /*font-family: Rockwell,"Courier New",Courier,Georgia,Times,"Times New Roman",serif;*/
    font-family: Verdana, sans-serif;
    background: #b4e4fb;
}

.newsletter-slideshow #zone-menu-wrapper,
.newsletter-slideshow .site-name-slogan,
.newsletter-slideshow #block-boxes-donate,
.newsletter-slideshow .region-branding #block-search-form,
.newsletter-slideshow .region-footer-first,
#views_slideshow_controls_text_pause_newsletter_slideshow-block,
.newsletter-slideshow .action-links,
.newsletter-slideshow .tabs,
html.js .newsletter-slideshow div.contextual-links-wrapper {
    display: none;
}

.newsletter-slideshow ul li {
    list-style-type: square;
    font-size: 90%;
}


.newsletter-slideshow .logo-img {
    margin-left: 10px;
    float: left;
}

.newsletter-slideshow .logo-img img {
    width: 75px;
}

.newsletter-slideshow h1#page-title {
    font-family: Verdana, sans-serif;
    font-size: 95%;
    text-transform: uppercase;
    background: #4cb0c5;
    color: white;
    float: left;
    padding: 8px 0 8px 0;
    height: 100%;
    width: 100%;
    text-align: center;
}

.newsletter-slideshow #section-content {
    background: none;
    padding-bottom: 0;
    float: left;
    width: 100%;
    margin: 0 auto;
}

.newsletter-slideshow #section-footer {
    display: none;
}

.newsletter-slideshow #block-system-main {
    display: none;
}

#views_slideshow_cycle_teaser_section_newsletter_slideshow-block {
    font-size: 110%;
    float: left;
    margin: 0 0 10px 0;
}

#views_slideshow_controls_text_previous_newsletter_slideshow-block a,
#views_slideshow_controls_text_next_newsletter_slideshow-block a {
    position: absolute;
    top: -9999px;
}

#prev2 {
    position: fixed;
    left: 0;
    top: 94px;
    z-index: 999;
    width: 40px;
    height: 82px;
    text-indent: -9999px;
    background: url('../images/icons/arrows.png') no-repeat;
    background-size: 200%;
    background-position: 0;
    opacity: .8;
    color: #f00;
}

#next2 {
    position: fixed;
    right: 0;
    top: 94px;
    z-index: 999;
    width: 40px;
    height: 82px;
    text-indent: -9999px;
    background: url('../images/icons/arrows.png') no-repeat;
    background-size: 200%;
    background-position: -40px 0;
    opacity: .8;
}

#prev2:hover,
#next2:hover {
    opacity: 1;
}

#prev2 a {
    color: #f00;
}

/* hide that nasty comma after the video field, even though it's not multiple and not inline */
.views-field-field-newsletter-slide-video .field-content {
    color: #B4E4FB;
}

.views-field-field-newsletter-slide-image {
    margin-bottom: 10px;
}

.views-field-field-newsletter-slide-image img {
    float: none;
}

.views-field-field-newsletter-slide-body-text {
    font-size: 150%;
    line-height: 110%;
    color: #000;
    width: 75%;
    margin: 20px auto;
}

.views-field-field-newsletter-slide-caption {
    font-size: 110%;
    color: #000;
    width: 90%;
    margin: 10px auto;
}

.views-field-field-newsletter-slide-link {
    font-size: 110%;
    color: #000;
    width: 90%;
    margin: 0 auto;
}

.views-field-field-newsletter-slide-link a:link {
    font-size: 100%;
    color: #3997B2;
}

.views-field-field-newsletter-slide-link a:hover {
    text-decoration: underline;
}

.newsletter-slideshow .views-field-edit-node {
    float: right;
    margin: 40px 20px 0 10px;
}



/* sharebar */

.newsletter-slideshow #sharebar {
    display: none;
}

.newsletter-slideshow #sharebarx {
    display: none;
}

.newsletter-slideshow #sb_sharebuttons {
    position: absolute;
    top: 15px;
    right: 43px;
}

.admin-menu.newsletter-slideshow #sb_sharebuttons {
    top: -40px;
}

.newsletter-slideshow #sb_sharebuttons img {
    float: left;
    margin: 0 8px 0 0;
    width: 30px !important;
    height: 30px !important;
    margin-right: 8px;
}

#newsletters_close_button {
    padding: 5px 7px 6px 8px;
    position: absolute;
    top: 15px;
    right: 10px;
    text-transform: uppercase;
    opacity: .6;
    font-size: 1.6em;
    border: 1px solid #3997B2;
    border-radius: 4px;
}

.admin-menu #newsletters_close_button {
    top: -40px;
}

#newsletters_close_button:hover {
    opacity: 1;
}

/* media queries */

/*
Client widths up to 1219 px
text floats right on image and video

Client widths up to 979 px
text floats right on image and video

Client widths up to 679 px
text, images and video inline

Client widths up to 479 px
text, images and video inline
*/

@media only screen and (max-width: 920px) and (orientation: landscape) {
    .newsletter-slideshow #sb_sharebuttons {
        top: 7px;
        right: 36px;
    }
    .newsletter-slideshow #sb_sharebuttons img {
        width: 25px !important;
        height: 25px !important;
        margin-right: 8px;
    }
    #newsletters_close_button {
        padding: 3px 7px 3px 7px;
        position: absolute;
        top: 7px;
        right: 10px;
        text-transform: uppercase;
        opacity: .6;
        font-size: .9em;
        border: 1px solid #3997B2;
        border-radius: 3px;
    }
    .newsletter-slideshow .logo-img img {
        width: 45px;
    }
    .newsletter-slideshow h1#page-title {
        font-size: 70%;
        padding: 5px 0;
        margin: 0;
    }
    .newsletter-slideshow .section-header .zone-branding .branding-data {
        margin-bottom: 5px;
        padding-top: 5px;
    }
}

@media only screen and (min-width: 680px) {

    .newsletter-slideshow h1#page-title {
        font-size: 120%;
    }

    .newsletter-slideshow ul li {
        font-size: 90%;
    }

    .views-field-field-newsletter-slide-body-text {
        font-size: 250%;
        line-height: 130%;
    }

    .views-field-field-newsletter-slide-image,
    .views-field-field-newsletter-slide-video {
        float: left;
        width: 60%;
        max-height: 540px;
        margin: 10px 0 20px 0;
    }

    .views-field-field-newsletter-slide-video .field-content {
        margin-bottom: -12px;
    }

    .views-field-field-newsletter-slide-caption {
        font-size: 150%;
        text-align: left;
        line-height: 120%;
        float: right;
        width: 32%;
        margin: 10px 50px 0 0;
    }

    .views-field-field-newsletter-slide-link {
        text-align: left;
        float: right;
        width: 32%;
        margin: 0 50px 0 0;
    }

}

@media only screen and (min-width: 1280px) {
    .views-field-field-newsletter-slide-image,
    .views-field-field-newsletter-slide-video {
        max-height: none;
    }
}