/*fix media queries for article pages */

.site-articles {
  position: relative;
  float: left;
  padding: 15px;
}
@media screen and (min-width: 768px) {
  .site-articles {
    width: 66.66666%;
  }
  .site-articles:after {
    display: block;
    position: absolute;
    top: 0;
    left: 100%;
    bottom: 0;
    content: ' ';
    width: 50%;
    background-color: #e4efee;
    z-index: -1;
  }  
}
@media screen and (min-width: 1025px) {
  .site-articles {
    width: 75%;
    padding: 30px;
  }
  .site-articles:after {
    width: 33.333334%;
  }
}

/* focus rules */
.browsehappy a:focus {
  color: white;
  text-decoration: underline;
}

.site-social li a:focus {
  color: #007083;
}

.btn:focus,
a.post-edit-link:focus,
a.btn:focus,
a.post-edit-link:focus {
  top: -1px;
  margin-bottom: 14px;
  border-bottom-width: 3px;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
}

.btn:focus,
a.post-edit-link:focus,
a.btn:focus,
a.post-edit-link:focus {
  color: #1b1818;
}
 
.btn.btn-black:focus, a.btn-black.post-edit-link:focus {
  color: #1b1818;
}

.btn.btn-red:focus, a.btn-red.post-edit-link:focus {
  color: #cf5050;
}

.btn.btn-darkblue:focus, a.btn-darkblue.post-edit-link:focus {
  color: #303d5d;
}

.btn.btn-donate:focus, a.btn-donate.post-edit-link:focus {
  color: white;
}

.btn.btn-search:focus, a.btn-search.post-edit-link:focus {
  color: white;
  margin-bottom: 1px;
}

.menu-bar > li > a:focus {
  color: black;
  background-color: #80b8c1;
}

.menu-bar > li > a.selected {
  color: black;
  background-color: #80b8c1;
}

.menu-bar ul[aria-hidden=false] {
  display: block;
}

.menu-bar > li.current-menu-item > a:focus, .menu-bar > li.current-menu-ancestor > a:focus, .menu-bar > li.current-menu-parent > a:focus {
  background-color: #80b8c1;
}

.menu-bar .sub-menu a:focus {
  background-color: #e4efee;
}

.menu-mobile.menu-is-active:focus {
  color: #cf5050;
}
.menu-mobile.menu-is-active:focus .genericon-menu  {
  display: none;
}
.menu-mobile.menu-is-active:focus .genericon-close-alt  {
  display: inline-block;
}

@media screen and (min-width: 768px) {
  .feature-slider-arrows {
    display: block;
    position: absolute;
    z-index: 1000;
    bottom: 20px;
    left: 25%;
    margin-left: -75px;
  }
}

.feature-slider-arrow:before {
  font-size: 16px;
  line-height: 12px;
  /*height: 9px;*/
}

.feature-slider-arrow:focus:before, .feature-slider-arrow:hover:before{
  text-decoration:underline;
  color:#000;
}

.feature-slider-arrow-up:before {
  /*font-size:150%;*/
  content: '\f458';
}
.feature-slider-arrow-down:before {
  /*font-size:150%;*/
  content: '\f459';
}

.feature-slider-arrow-pause:before {
  content: '\f448';
}
.feature-slider-arrow-stop:before {
  content: '\f449';
}
.feature-slider-arrow-resume:before {
  content: '\f452';
}
.feature-slider-arrow-goto:before {
  content: '\f428';
}
@media screen and (max-width: 767px) {
  
  .feature-slider-arrows {
    display: block;
    width:100%;
    position: absolute;
    z-index: 1000;
    bottom: 10px;
    left: 10px;
    
  }
  .feature-slider-arrows ul {
    display:inline;
  }
  .feature-slider-arrows ul li {
    display:inline;
  }
  .feature-slider-arrow {
    border-top:2px solid white;
    padding-top:10px;
    padding-right:10px;
    display:block;
    float:left;
  }
  .feature-slider-arrow:before{
    font-size:100%;
  }

}

/*
 Video Player
 */
ul.ytplayerbuttons {
  margin: 3px 0 0;
  padding: 5px 3px;
  height: 3.1em;
}
ul.ytplayerbuttons li {
    display:block;
    float:left;
    list-style-type: none;
    margin: 3px 2px 0 0;
}
ul.ytplayerbuttons li a{
    border: medium none;
    display:block;
    padding: 3px;
    text-align: center;
    text-decoration:none;
    background-color:#4094A2;
    color:#fff;
}
div.ytplayerbox {
    clear:both;
}

/* focus rules */
.site-home:focus,
.site-home:hover {
    outline: 2px solid #000;
}
.search-field:focus,
.search-field:hover {
    outline: 2px solid #000;
}
.btn.btn-search:focus, .btn.btn-search:hover {
    color:#000;
    background-color: #80b8c1;
}
.social-newsletter:hover, .social-newsletter:focus {
    text-decoration:none;
}
.site-navigation a:focus, .site-navigation a:hover {
    text-decoration:underline;
}
a.btn.btn-black:focus, a.btn.btn-black:hover {
    color:#fff;
    background-color:#333;
}
.front-column a:hover, .front-column a:focus {
    text-decoration:underline;
}
a.btn-donate:hover, a.btn-donate:focus {
    outline: 2px solid #000 !important;
}

.front-entry a:hover, .front-entry a:focus {
    text-decoration:none;
}
.widget a:hover, .widget a:focus {
    text-decoration:underline;
}
.menu-footer a:hover, .menu-footer a:focus {
    text-decoration:none;
}
p#breadcrumbs a:focus,
p#breadcrumbs a:hover{
    text-decoration:underline;
}

#content a:focus > img,
#content a:hover > img {
    outline: 4px solid #000;
}
#content a:focus,
#content a:hover {
    text-decoration:none;
}
#content .site-articles header a:focus,
#content .site-articles header a:hover {
    text-decoration:underline;
}
ul.ytplayerbuttons a:focus,
ul.ytplayerbuttons a:hover {
    outline: 2px solid #000;
}

#content aside ul.widgets a:hover,
#content aside ul.widgets a:focus {
    text-decoration: underline;
}

div#content aside div.textwidget a.btn-red:focus,
div#content aside div.textwidget a.btn-red:hover {
    outline: 4px solid #fff !important;
}

div#content aside div.textwidget a.btn-darkblue:focus,
div#content aside div.textwidget a.btn-darkblue:hover {
    outline: 4px solid #fff !important;
}

#front-announcement a:focus,
#front-announcement a:hover,
#content div.front-column .front-content a:focus,
#content div.front-column .front-content a:hover {
    text-decoration:underline;
}

div#archive-pagination{
    padding: 15px 30px 15px;
    font-size:120%;
}
#archive-pagination ul, #archive-pagination li {
    display:inline;
    list-style:none;
}
#archive-pagination li {
    padding: 0 5px 0 0;
}

.widget_nss_text {
  text-align: center;
  background-color: #cf5050;
}
.widget_nss_text_blue.widget_nss_text  {
  background-color: #303d5d;
}
.widget_nss_text .widgettitle {
  font-size: 18px;
}
.widget_nss_text .textwidget {
  padding: 0 15px 15px;
}

.entry-post-with-thumbnail {
    padding: 30px 30px 15px;
}

.entry-post-with-thumbnail .image-container {
    width:100%;
    float:none;
}
.entry-post-with-thumbnail .excerpt-container {
    width:100%;
    float:none;
}

@media screen and (min-width: 480px) {
    .entry-post-with-thumbnail .image-container {
        width:33.33333%;
        float:left;
    }
    .entry-post-with-thumbnail .excerpt-container {
        width:66.66666%;
        float:left;
    }
}

.entry-post-with-thumbnail .excerpt-container:after,
.entry-post-with-thumbnail .image-container:after {
    clear:both;
}
.entry-post-with-thumbnail img {
    padding: 0 30px 15px 0;
    width:100%;
    height:auto;
}
.entry-post-with-thumbnail header {
    padding: 0 0 15px;
}
.entry-post-with-thumbnail h2 {
    font-family: "proxima-nova","source-sans-pro","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 24px;
    font-weight: 300;
    margin-top: 20px;
    position: relative;
    text-transform: uppercase;
}
.entry-post-with-thumbnail h2 small {
    font-size: 14px;
    font-weight: bold;
    left: 0;
    line-height: 15px;
    position: absolute;
    text-transform: uppercase;
    top: -20px;
}

/*Browser-specific reset for HTML5 button*/
button.nss_donate_button_large::-moz-focus-inner, button.nss_donate_button_med::-moz-focus-inner, button.nss_donate_button_small::-moz-focus-inner{
    border: 0;
    padding: 0;
}
button.nss_donate_button_large, button.nss_donate_button_med, button.nss_donate_button_small{
    /*Reseting HTML5 button*/
        background: none repeat scroll 0 0 transparent;
        border: medium none;
        border-spacing: 0;
        color: #26589F;
        font-family: 'PT Sans Narrow',sans-serif;
        font-size: 16px;
        font-weight: normal;
        line-height: 1.42rem;
        list-style: none outside none;
        margin: 0;
        padding: 0;
        text-align: left;
        text-decoration: none;
        text-indent: 0;
    /*End of Reset*/

    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    background-color: #007083;
    color: #FFF;
}
button.nss_donate_button_large{
    border-bottom: 8px solid #025159;
    height:125px;
    width:410px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
button.nss_donate_button_med{
    border-bottom: 6px solid #025159;
    height:94px;
    width:308px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
button.nss_donate_button_small{
    border-bottom: 4px solid #025159;
    height:63px;
    width:205px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

button.nss_donate_button_large:hover, button.nss_donate_button_med:hover, button.nss_donate_button_small:hover,
button.nss_donate_button_large:focus, button.nss_donate_button_med:focus, button.nss_donate_button_small:focus {
    background-color: #80B8C1;
    color: #FFF;
}
button.nss_donate_button_large:hover, button.nss_donate_button_large:focus {
border-bottom: 8px solid #007083;
}
button.nss_donate_button_med:hover, button.nss_donate_button_med:focus {
border-bottom: 6px solid #007083;
}
button.nss_donate_button_small:hover, button.nss_donate_button_small:focus {
border-bottom: 4px solid #007083;
}

button.nss_donate_button_large span,
button.nss_donate_button_med span,
button.nss_donate_button_small span{
    display:block;
    text-align:center;
}

button.nss_donate_button_large span.small_text{
    font-size:26px;
    padding-bottom:15px;
}
button.nss_donate_button_med span.small_text{
    font-size:20px;
    padding-bottom:12px;
}
button.nss_donate_button_small span.small_text{
    font-size:13px;
    padding-bottom:8px;
}

button.nss_donate_button_large span.large_text{
    font-size:32px;
}
button.nss_donate_button_med span.large_text{
    font-size:24px;
}
button.nss_donate_button_small span.large_text{
    font-size:16px;
}
html div.container div#content.site-content article div .pad_top_1{
  padding-top:1em;
}
html div.container div#content.site-content article div .pad_top_2{
  padding-top:2em;
}
html div.container div#content.site-content article div .pad_top_3{
  padding-top:3em;
}
html div.container div#content.site-content article div .pad_top_4{
  padding-top:4em;
}
/*selectively displaying text by screen resolution*/
/*footer newsletter links */ 
/*
#responsive-site-social  ul.site-social li.social-newsletter {
    display: block;
    margin-right: 0px;
    line-height: 175%;
}
@media screen and (min-width: 768px) {
    #responsive-site-social  ul.site-social li.social-newsletter {
        display:none;
    }       
}
*/

#responsive-site-social {
    display:block;
    position:relative;
    text-align:left;

}
#responsive-site-social ul.site-social > li.social-newsletter:first-of-type {
    margin-bottom:0px;
}
#responsive-site-social ul.site-social > li.social-newsletter {
    display:block;
    margin-top:30px;
    margin-bottom:30px;
    font-size:24px;
}
#responsive-site-social ul.site-social {
    position:relative;
    top:0;
    right:0;
    margin-left:0px;
    text-align:center;
}

@media screen and (min-width: 768px) {
    #responsive-site-social {
        display:none;
    }
}

/*header newsletter links */
header ul.site-social > li.social-newsletter {
    display:none;
}
@media screen and (min-width: 768px) {
    header ul.site-social > li.social-newsletter {
        display: block;
        margin-right: 0px;
        line-height: 175%;
    }
}
div#paperli-disclaimer {
    font-size:10px;
    line-height:150%;
    padding:3px;
    background:#fff;
    border-bottom:1px solid #ccc;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    border-top:1px solid #ccc;
}
div#paperli-container {

}
.btn-donate.btn-connect {
    font-size:20px;
    background-color: #007083;
}