/****************** Added Custom Styles ***************/
/******************************************************/

body {
font-family: 'Open Sans',Helvetica,Arial,sans-serif;
color:#777;
background-color: #fff;
background-color: #fefefe;
}

body.home {
background-color: #ebeced;
}

h1 {
font-size: 28px;
}

h1 a, h2 a {
color: #333;
}

h1 a:hover, h2 a:hover {
color: #428bca;
}

h1, h2, h3, h4, h5, h6 {
line-height: 1.3;
}

h5.edit_this {font-size: 16px; font-weight:600;}

p {
font-size: 1.6rem;
}

.page-top-margin {
margin-top: 70px;
}

img {
max-width: 100%;
height: auto;
}

.pull-left {
margin: 4px .8rem 4px 0;
}

.pull-right {
margin: 0 0 4px 12px;
}

.image-template {
	width:300px;
}

body.entry article.entry figure.image-template .photocredit {
	margin-top: -10px;
}

.pull-left.image-template {
	margin-right: 1em;
}

body.entry .image-template figcaption p {
	margin-top:0;
	margin-bottom:0;
}

.image-template .photocredit {
	margin-top:0;
	font-size: 1.2rem;
}

@media (max-width: 768px) {
.pull-right.image-template {
	margin-left:1.8em;
	float: none!important;
}
.pull-left.image-template {
	margin-left:24px;
}
}

.pullquote blockquote {
	width: 340px;
    float:left;
    quotes: "\201C" "\201D" "\2018" "\2019";
    font-style: italic;  
    border: none;
    font-family: Georgia, serif;
    font-size: 22px;
    line-height: 1.45;
    margin: 0.25em 12px .5em 0;
    padding: 0.25em 40px;
    position: relative;
    color: #383838;
}

.pullquote blockquote:before {
  content: open-quote;
  display: block;
  content: "\201C";
  font-size: 80px;
  position: absolute;
  left: -10px;
  top: -20px;
  color: #7a7a7a;
}
.pullquote blockquote:after {
  content: no-close-quote;
}

.pullquote blockquote cite {
	color: #999999;
	font-size: 14px;
	display: block;
	margin-top: 5px;
}
 
.pullquote blockquote cite:before {
	content: "\2014 \2009";
}

a:hover {
text-decoration: none;
}

a button h2 {
color: #fff;
}

.title.plain {
border:none;
}

hr {
border: 1px solid #ebebeb;
}

.small-logo {
font-family: 'Nunito', sans-serif;
font-size: 24px;
font-weight:300;
}

@media (min-width: 768px) {
.fhmm .title.large {
margin-top: 15px;
font-size: 22px;
font-weight:500;
text-transform: lowercase;
color: #000;
}
}

@media (min-width: 768px) {
.fhmm .title.medium {
margin-top: 15px;
font-size: 18px;
font-weight:500;
text-transform: lowercase;
color: #000;
}
}

.small-logo strong {
font-weight:bolder;
font-size: 26px;
}

iframe, embed {
max-width: 100%;
}

table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
table > caption + thead > tr:first-child > th,
table > colgroup + thead > tr:first-child > th,
table > thead:first-child > tr:first-child > th,
table > caption + thead > tr:first-child > td,
table > colgroup + thead > tr:first-child > td,
table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
table > tbody + tbody {
  border-top: 2px solid #ddd;
}

table > tbody > tr:nth-child(odd) > td,
table > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}

.modal {z-index:5000;}

/****************** Header and Subheader Styles ***************/

#subheader {
color: #fff;
height: 38px;
box-shadow: 0 2px 3px 0 rgba(0,0,0,0.2);
background: url("/themes/site_themes/will2.1/images/footer-bg.png") repeat scroll transparent;
background-color: #444242;
border-top: 1px inset #000;
border-bottom: 4px inset #007acc;
margin-bottom: 10px;
}

#subheader .container {
margin-top: 6px;
}

@media (max-width: 768px) {
#subheader {
margin-bottom: 0;
border-bottom: none;
height: 34px;
}

}

#subheader a {
color: #fff;
}

#subheader a:hover {
color: #777;
}

#google-custom-search {
margin-top: -2px;
width:73%;
}

@media (max-width: 767px) {
#google-custom-search {
width:100%;
}
}

table.gsc-search-box > tbody > tr > td {
background-color: transparent;
border-top: none;
}

table.gsc-search-box tbody tr td.gsc-input input.gsc-input {
height: 24px;
margin-bottom:5px;
border-radius: 2px;
color: black;
}

table.gsc-search-box tbody tr td.gsc-search-button input.gsc-search-button {
height: 24px;
margin-bottom:5px;
}

#subheader .subheader-nav ul {
margin-top: 12px;
padding: 0;
display:inline;
}

#subheader .subheader-nav ul li {
display: inline;
list-style-type: none;
margin-left: 0;
margin-right: 1.4em;
font-size: 12px;
}

header h2.listen {
font-size: 18px;
text-transform:uppercase;
margin: 20px 0 4px 0;
}

.support-will .btn-block {
margin-bottom: 4px;
}

.support-will h2 {
margin-top: 0;
}

#weather-icon {
margin-top: 25px;
padding: 0;
}

#will-logo {
margin: 10px 0;
}

ul#secondary_top_nav {
padding: 0;
}

ul#secondary_top_nav li{
list-style-type: none;
display:inline;
padding: 0 8px;
border-right: solid #777 1px;
font-size: 12px;
font-weight:500;
text-transform: uppercase;
}

ul#secondary_top_nav li:last-child {
border:none;
}


/* -----------------------------------------
   Google Custom Search overrides		
----------------------------------------- */

.gsc-control-searchbox-only .gsc-control-searchbox-only-en {
text-align: center;
width: 70%;
}

table.gsc-search-box tbody tr td.gsc-input {
padding: 0;
width: 100%;
}


table.gsc-search-box tbody tr td.gsc-search-button {
padding: 0;
}

table.gsc-search-box tbody tr td.gsc-search-button input.gsc-search-button {
background: #f2f2f2;
border: 1px solid #cccccc;
padding: 0;
}

table.gsc-search-box tbody tr td.gsc-clear-button {
display: none;
height: 0; width: 0;
}

table.gsc-table-result {
border:none;
font-size: 110%;
}

table.gsc-resultsHeader tbody tr td, table.gsc-table-result tbody tr td {
padding: 0 10px 0 0;
background-color:transparent;
border:none;
font-size: 125%;
}

table.gsc-resultsHeader, table.gsc-above-wrapper-area-container {
border: none; margin: 0;
}

table.gsc-above-wrapper-area-container tbody tr td {
padding: 0 0 5px 0;
background-color:transparent;
border:none;
}

.gsc-control-cse.gsc-control-cse-en {
padding:0;
}

.mobilesearch {
margin: 0 10px;
}

/****************** Navbar Styles ***************/

.navbar {
border-radius: 0;
}

.jumbotron .navbar li.dropdown {
font-size: 16px;
}

.fhmm-content ul {
margin-top: 1em;
}


li.fhmm-content h3.header {
font-size: 1em;
margin: 5px 0 0 0;
padding: 0;
border:none;
}

li.fhmm-content h4 {
font-size:1em;
line-height:1.6;
}

li.fhmm-content a:hover {
color:#007acc;
}

.fhmm .dropdown-menu {
border-bottom: #5E87B0 6px solid;
}

.navbar-nav.navbar-right:last-child {
margin-right: 0;
}


.jumbotron.navigation {
	padding:0;
	margin-bottom:0;
	background-color: #fff;
}

li.dropdown h2 {
font-size:15px;
padding: 0;
margin:0;
}

.fhmm .dropdown-menu .support-buttons a {
color: #fff;
}

.top-nav-buttons .btn {
font-size: 13px;
margin-bottom: 4px;
}

.top-nav-buttons {
padding: 0 10px;
}

.navbar-blue {
border-bottom: 1px solid #0D5E94;
box-shadow: 0 2px 3px 0 rgba(0,0,0,0.2);
z-index: 3000;
}

ul.nav > li > a { padding-left:7px;padding-right:7px;}

.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
max-height: 380px;
}

/****************** Carousel Styles ***************/

@media (max-width: 767px) {
.carousel-caption h2 {
font-size: 20px;
}
}

#carousel-highlights {
margin-bottom: 15px;
border: 1px solid #ddd;
}

#carousel-highlights a {
color: #fff;
}

#carousel-highlights a:hover {
color: #ccc;
}
#carousel-highlights h2 {
text-shadow: 3px 6px 9px rgba(14, 13, 12, 1);
}

#carousel-highlights p {
font-size:18px;
text-shadow: 3px 6px 9px rgba(14, 13, 12, 1);
}

.carousel-caption {
z-index:3;
}

/****************** Main content sections Styles ***************/

article.entry .row {
margin-left: -10px;
margin-right: -10px;
}

#contentstream h2.title, #contentstream h3.title {
font-size: 24px;
font-weight:600;
margin: 10px 0;
padding: 0;
}

#contentstream.education_home h3.title {
font-size: 20px;
}


#contentstream h2.title a, #contentstream h3.title a {
color: #333;
}

#contentstream h2.title a:hover, #contentstream h3.title a:hover {
color: #428bca;
}

#contentstream img {
margin-top: 4px;
}

.card {
color: #111;
}

.card {
margin-bottom: 15px;
border-top: 1px solid #ddd;
background: white;
-webkit-box-shadow:0 1px 1px 1px rgba(0, 0, 0, 0.15);
-moz-box-shadow:0 1px 1px 1px rgba(0, 0, 0, 0.15);
box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.15);
border-radius: 1px;
padding: 15px;
height:auto;
}

.card:before,
.card:after {
  display: table;
  content: " ";
  clear: both;
}

.channel, .channel a {
/*  font-size: 1.8rem;
color: #333; */
font-weight: 700;
margin-bottom: 8px;
line-height: 18px;
text-transform:lowercase;
}

.channel a:hover {
color:#888;
}

body.entry .channel {
font-size: 1.8rem;
}

#contentstream .channel {
font-size: 1.5rem;
margin-top: 0;
padding-bottom: 0;
}

body.entry h1.title {
	font-size: 32px;
margin: 0;
font-family: Georgia,serif;
color: #444;
}

body.entry article h1.title {
	font-family: 'Open Sans',Helvetica,Arial,sans-serif;
}

body.entry article p.slug {
font-size: 12px;;
margin-bottom: 8px;
color: #888;
font-weight: 700;
}

@media (max-width: 767px) {
body.entry h1.title {
font-size:22px;
}
}

.title {
color: #444;
}

a .title:hover {
color: #428bca;
}

article ul {
list-style-position: outside;
padding-left: 20px;
}

/****************** Channel Home Page Styles ***************/

body.entry article p.small {
font-size: 12px;
}

.page-header, .page-header h1, h2.project-header {
margin-top: 0;
}

.page-header h1, h2.project-header  {
font-family: 'Open Sans', sans-serif;
color: #333;
font-weight: 600;
}

.page-header p {
	font-size: 1.8rem;
}

.page-header ul {
padding-left: 0;
margin-top: 15px;
}
.page-header ul li {
display:inline-block;
text-transform: lowercase;
font-weight: 600;
}

.page-header ul li a {
padding: .1em .4em .2em;
}

.page-header ul a:hover li {
  color: #ffffff;
  border-radius: .25em;
  background-color: #428bca;
}

.page-header ul li a:hover {
  color: #ffffff;
  border-radius: .25em;
  background-color: #428bca;
}


.col-md-4.subleads {
border-left: 1px solid #e0e0e0;
}

#contentstream .lead-story article.entry h2, #contentstream .lead-story article.entry h3 {
font-size: 28px;
margin: 5px 0;
}
#contentstream .sublead-story article.entry h2, #contentstream .sublead-story article.entry h3 {
font-size: 18px;
margin: 5px 0;
}

body.channelpage .card {
border: 1px solid #ddd;
box-shadow:none;
}

body.channelpage.entry article p {
	font-family: 'Open Sans',Helvetica,Arial,sans-serif;
	font-size: 1.6rem;
}

.sublead-story.first > article.entry > .hr {border-bottom: 2px solid #ebebeb; margin: 6px 0;}

.jumbotron.highlights {
margin-top: 15px;
margin-bottom: 15px;
padding: 30px;
}

.jumbotron.highlights h3 {
margin-top:0;
}

.jumbotron.highlights p {
font-size: 16px;
}

@media (min-width: 768px) {
.entry_image {
width: 50%;
margin-left: 1em;
}
}
.entry_image_audioplayer {
width: 50%;
margin-right: 1em;
}
#contentstream .entry_image_audioplayer img {
margin-top:0;
margin-bottom:6px;
}

/****************** Sidebar Styles ***************/

#npr_news h2 {line-height: 1.2;}

body.entry #highlights article p {
font-size: 1.4rem;
}


/****************** Single Entry Page Styles ***************/

/* body.entry article p {
font-size: 1.6rem;
color: #111;
line-height: 1.6;
margin-bottom: 1.3em;
} */

body.entry article p {
font-family: Georgia,serif;
font-size: 1.8rem;
color: #111;
line-height: 1.6;
margin-bottom: 1.3em;
}

@media (min-width: 768px) {
#section-wrap {
border-right: 2px solid #e0e0e0;
min-width: 0;
padding: 0 30px 0 0;
}
}

.shorttitle {
margin: 1em 0;
}

.author {
font-size: 1.3rem;
color: #999;
background: #fff;
border: 1px #ddd solid;
padding: 4px 8px;
margin-bottom: 2em;
text-transform: uppercase;
text-align:left;
}

.datepublished {
font-family: Helvetica,Arial,sans-serif;
font-weight: bold;
color: #999;
margin: 1em 0;
vertical-align: baseline;
}

figcaption {
/* background: #e0e0e0; 
font-size: 80%; */
font-family: 'Open Sans',Helvetica,Arial,sans-serif;
margin: 1em 0;
}

figcaption span {
text-align: right;
}

/* 
figcaption p, body.entry figcaption p {
font-size: 1.2rem;
padding: 12px;
color: grey;
}

.photocredit {
font-style: italic;
font-size: 1.1rem;
color: grey;
margin-bottom: 1em;
max-width:300px;
clear:both;
}
*/


/* Styles for figure and enclosed elements on channelpage only */

body.channelpage article.entry .entry_image figure, body.home article.entry .entry_image figure {
	width: 300px;
	float: right; 
}


body.channelpage.entry article figure figcaption p.photocredit {
	max-width:100%;
	margin-top: 0;
	margin-left:0;
	line-height: 1.42857143;
}



figcaption p, body.entry figcaption p {
font-family: 'Open Sans',Helvetica,Arial,sans-serif;
font-size: 1.4rem;
color: grey;
line-height: 1.7em;
}

body.entry figcaption p.photocredit, body.entry article.entry figure .photocredit{
font-style: italic;
font-size: 1.3rem;
color: grey;
padding-top: 0;
margin-top: -16px;
margin-bottom: 1em;
}

body.entry figcaption p.photocredit, body.home figcaption p.photocredit, var  {
font-family: 'Open Sans',Helvetica,Arial,sans-serif;
font-style: italic;
font-size: 1.3rem;
color: grey;
padding-top: 0;
margin-top: -16px;
margin-bottom: 1em;
}

body.home figcaption p.photocredit {
	margin-top: 3px;
	margin-left: 0;
	line-height: 1.42857143;
	}

body.channelpage.entry .lead-story figcaption p.photocredit, body.channelpage.entry .subleads figcaption p.photocredit {
	line-height: 1.42857143;
	margin-top: -9px;
	float:right;
	}

body.entry article.entry .photocredit {
	font-style:italic !important;
}

.storybody {
margin: 12px 0 0 0;
}

.teaser {
margin: 1em 0;
}

.teaser .datetime {
color: #aaa;
margin: 0;
font-size: inherit;
font-weight: normal;
text-transform: none;
}

.label-video {
margin: 0;
padding-top: .3em;
display:inline-block;
font-size: 16px;
}

article.entry h4 {
margin-top: 2em;
}

.continue {margin-top: 2em;}

.links h2, #related_entries h2 {
padding-top: 4px;
padding-bottom: 6px;
color: #999;
font-size: 2.4rem;
font-weight: normal;
line-height: 1.2;
margin-top: 0;
}

.links ul {
list-style:none;
padding-left: 0;
margin-top: 1em;
}

.links ul li {
padding: 5px 0;
}

.tags {
overflow: hidden;
margin: 1.4em 0;
}

.tags ul {
list-style: none;
margin:0;
-webkit-padding-start: 0;
}

.tags li {
float: left;
margin: 0 3px 3px 0;
text-transform: lowercase;
}

.tags li a {
line-height: 29px;
background-color: #ebebeb;
color: #6d8ac4;
padding: 6px 9px;
font-size: 13px;
font-size: 1.3rem;
font-weight: bold;
}


/*
#related_entries h3 {
font-size: 1.6rem;
font-weight: 600;
margin-bottom: 4px;
margin-top: 0;
}
*/

#related_entries ul {
padding-left: 0;
}

#related_entries ul li a {
font-family: 'Open Sans',Helvetica,Arial,sans-serif;
font-size: 15px;
padding-bottom: 6px;
}

.categories ul li, #related_entries ul li {
    background: url("/themes/site_themes/will2.1/images/bullet_blue.png") no-repeat scroll 0 2px transparent;
    list-style: none outside none;
    margin: 0;
    padding: 0 20px;
}

.categories ul li:hover, #related_entries ul li:hover { 
background: url("/themes/site_themes/will2.1/images/bullet_black.png") no-repeat scroll 0 2px transparent;
text-decoration: none;
}

.rss {
background: url("/themes/site_themes/will2.1/images/feed.png") no-repeat scroll 0 2px transparent;
padding-left: 20px;
height: 20px;
text-decoration: none;
}

/******* Apple Podcast and RSS Feed Links styles ******/

ul#feed-links li a.feed-link {
	display: inline-block;
    margin-right:2px;
    }
ul#feed-links li.feed-link h3 {    
	font-size: 20px;
    text-transform:none;
}

.page-header ul li a.feed-link {
    min-height: 30px;
    padding: 5px 10px 0 40px;
    border-radius: 2px;
    letter-spacing: 1.08px;
    font-size: 16px;
    line-height: 1.2;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #333;
    background-color: #fff;
    color: #777;
    text-transform: uppercase;
}
.page-header ul li a.feed-link:hover {
color:#6d8ac4;
}
.page-header ul li a.rss-feed {
    background: url(/themes/site_themes/will2.1/images/rss_icon_icon_24.png) 7px center no-repeat;
}

.page-header ul li a.apple-podcasts {
    background: url(/themes/site_themes/will2.1/images/itunes_podcast_icon_24.png) 7px center no-repeat;
}
 /********   End Apple Podcast and RSS Feed Styles *******/



/****************** Live Stream Audio Player Styles ***************/

    body.player {background: #fff url('/themes/site_themes/will2.1/images/bg.png') repeat top left;}
    .mejs-audio {width:100% !important;}
    .mejs-container .mejs-controls .mejs-time span.mejs-duration {display:none;}
    body.player h2 {font-size: 14px;margin: 1em 0 10px;}
    body.player ul {margin-bottom: 0; }
    body.player ul li {font-size: 12px;}
    body.player header {margin-bottom: 1em; box-shadow: 0 1px 6px 1px rgba(50, 50, 50, 0.5);}
    body.player .streamheader {
    font-family: p22-underground,Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 14px;
    color: #000;
    margin: 5px 0 10px 0;
    }
    body.player .playercard {background: white; margin-bottom: 1em; border: 1px solid #cdcdcd;}
    body.player article.player {padding: 1em;}
/*        body.player #audioplayer, #promocard {height: 280px; margin-bottom: 1em;} */
    body.player #audioplayer, #promocard {margin-bottom: 1em;}
    body.player #playerbuttons {margin: 1em 0 1em 0; text-align: center; } 
    body.player #playerbuttons a {color: #fff;}   
    body.player button.btn.btn-success.donate {background-color: #d56532; border: 1px solid transparent; border-radius:0; width: 121px}
    body.player iframe {margin-left: -8px; height: 100%}
    body.player main .col-sm-7, main .col-sm-5 {padding-right: 5px; padding-left: 5px;}
    .close_player {font-size: 1.8rem; text-align: center;margin-top: 1.4em;}

/****************** Newscast Player Styles ***************/


.will-newscast a {
display: block;
font-size: 15px;
font-size: 1.5rem;
text-decoration: none;
color: black;
margin-top: 6px;
}

.will-newscast h2:hover {
color: #555;
}

.newscast>a>b.icn-media {
width: 54px;
height: 54px;
background: url('/themes/site_themes/will2.1/images/player.svg');
background-position: top center;
background-repeat: no-repeat;
}

.newscast h2 {
margin-bottom: 0;
}

#newscast hr {
margin-bottom: 7px;
}

#newscast p.duration {
font-size: 12px;
margin-top: 0;
}

#newscast p.audio-title {
font-size: 14px;
padding-top: 4px;
margin-bottom: 0;
}

#newscast h3.newscast_title {
padding-top: 12px;
margin-left: 8px;
}

/****************** Archive Audio Player Styles ***************/
/**** Come back to this and improve the audio player styles ***/

body.archive.player article.player {padding: 8px;}

body.archive.player h1 { 
font-size: 20px;
color: #333;
}

.audioplayer.small {
display:block;
line-height: 40px;
margin-bottom: 1em;
height: 40px;
font-family: 'Gotham SSm',Helvetica,Arial,sans-serif;
background: #ebebeb;
position:relative;
}

a .audio-player {
display:block;
line-height: 40px;
margin-bottom: 1em;
height: 40px;
font-family: 'Gotham SSm',Helvetica,Arial,sans-serif;
background: #ebebeb;
}

.audioplayer.small a .audio-player {
position:absolute;
top:0;
left:0;
}

.audio-player .call-to-action {
position: absolute;
top: 0;
left: 55px;
color: #6d8ac4;
font-weight: bold;
}

a .audio-player:hover .call-to-action {
color: #bccae5;
} 

.glyphicon-audioplayer {
position: absolute;
top:0;
left:0;
color: #fff;
font-size: 1.9rem;
background-color: #6d8ac4;
padding: 10px 10px 11px 10px;
}

a .audio-player:hover .glyphicon-audioplayer {
background-color: #bccae5;
} 

a .audiodownload {
display:block;
background: #ebebeb;
height: 40px;
border-left: 2px solid #fff;
text-align: center;
}

.audioplayer.small a .audiodownload {
position: absolute;
top: 0;
right:0;
}

.glyphicon-audiodownload {
top: 12px; 
color: #6d8ac4;
}

.audioplayer.small .glyphicon-audiodownload {
position:absolute;
top:14px;
right: 30%;
}

a .audiodownload:hover .glyphicon-audiodownload {
color: #bccae5;
}



/****************** Large Audio Player Styles ***************/

.large-audioplayer a .audio-player, .large-audioplayer a .audiodownload {
height: 60px;
}

.large-audioplayer .audio-player .call-to-action {
left: 80px;
top: 2px;
font-size: 1.8rem;
}

.large-audioplayer .glyphicon-audioplayer {
font-size: 2.8rem;
padding: 16px;
}

.large-audioplayer .glyphicon-audiodownload {
top: 22px;
font-size: 2rem;
}

.large-audioplayer a .audio-player .audio-duration {
	font-family: 'Open Sans',Helvetica,Arial,sans-serif;
font-size: 1.2rem;
font-weight: bold;
color: #999;
position:absolute;
left: 80px;
top: 34px;
}

body.home a .audio-player .audio-duration {
top: 22px;
}

/****************** Share Styles ***************/

div#at4-share {margin-top: 5em !important;}

.social_buttons {
float:right;
margin-top: -10px;
margin-bottom: 10px;
}

@media (max-width: 767px) {
.social_buttons {
padding: 0 7%;
margin-top: -16px;
margin-bottom: 0;
}
}

#share_panel {
margin-bottom:2em;
}

.addthis_sharing_toolbox {
border: 1px #ddd solid;
}
.addthis_sharing_toolbox.tabs {
border: none;
padding: 8px 0;
}

#share_panel .nav-tabs>li.active, #tab_panel .nav-tabs>li.active {
border-bottom:3px solid #007acc;
}

#tab_panel .archives, #tab_panel .categories {
margin-top: 1em;
}

#tab_panel .categories ul {
padding:0;
}

#tab_panel .archives ul {
padding-left: 22px;
}

ul.nav.nav-tabs li {
list-style: none;
background: none;
padding:0;
margin:0;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus, .nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:focus {
background-color: transparent;
border:none;
}

.nav-tabs.nav-justified>li>a {
margin-bottom: -2px;
}

/****************** Secondary Section Styles ***************/


.secondary  h3, .secondary h2 {
font-size: 1.6rem;
font-weight: 700;
margin-bottom: 4px;
margin-top: 0;
color: #888;
}

.secondary h2 {
font-size: 1.8rem;
margin-bottom: 10px;
}

.secondary h2 a {
color: #888;
}

.secondary h3 a {
color: #444;
}

.secondary h2 a:hover, .secondary h3 a:hover {
color: #428bca;
}

.secondary p {
color: #888;
font-weight: 500;
font-size: 1.5rem;
}

.secondary > section > article p {
color: #888;
font-weight: 500;
font-size: 1.5rem;
}

h3.slug {
font-size: 12px;
margin-bottom: 10px;
}


section > article hr {
margin-top:10px;
margin-bottom: 10px;
clear:both;
}

.contribute-box-body {
position: relative;
transition: background-color 500ms;
color: white;
text-align: center;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;

}

.contribute-box-body h3 {
margin-top: 5px;
}

#sustainer-box {
background-color: #0AB27A;
padding: 30px;
border-radius:5px;
color: #fff;
height: 260px;
}

#onegift-box {
background-color: #218ABD;
padding: 30px;
border-radius:5px;
color:#fff;
height: 260px;
}

#sustainer-box:hover {
background-color: #17CA8E;
}

#onegift-box:hover {
background-color: #04adff;
}

#sustainer-box p, #onegift-box p {
color: #fff;
}

/****************** Buttons ***************/

section#support_will .btn {
margin-bottom: 10px;
}

.btn.btn-primary {
background-color: #00a0df;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #3276b1;
  border-color: #285e8e;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn.btn-success {
background-color: #77b800;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #47a447;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none;
}


/****************** Footer Styles ***************/

footer {
width: 100%;
margin: 0;
background: url("/themes/site_themes/will2.1/images/footer-bg.png") repeat scroll transparent;
background-color: #25303D;
padding-bottom: 1em;
border-top: 1px solid #000;
z-index: 1000;
}

footer a, #subfooter a {
color: #999;
}

footer a:hover, #subfooter a:hover {
color: #fff;
text-decoration: none;
}

footer h2 {
font-size: 1.8rem;
color: #eee;
}

footer ul {
margin: 0;
padding: 0;
}

footer ul li {
list-style: none;
}

footer hr {
border-top: 1px solid rgba(255,255,255,.1);
}

footer hr.copyright {
border-top: 5px solid rgba(255,255,255,.1);
}

footer ul.social li a, footer ul.apps li a {
height: 26px;
padding: 0 0 0 26px;
display: block;
}

footer ul li.apple a {
list-style-type: none;
background: url("/themes/site_themes/will2.1/images/socialmedia/fc-webicon-apple-m.png") no-repeat scroll 0 0 transparent;
}

footer ul li.android a {
list-style-type: none;
background: url("/themes/site_themes/will2.1/images/socialmedia/fc-webicon-android-m.png") no-repeat scroll 0 0 transparent;
}

#subfooter {
background: none;
background-color: #222C36;
border-top: 1px dotted #000;
}

#subfooterlinks {
margin: 2em 0;
font-size: larger;
}


ul.footer-social li {
display: inline-block;
margin-top: 4px;
}

footer ul.apps li a {
height: 36px;
padding: 4px 0 0 40px;
display: block;
}

ul.apps li {
display: inline-block;
margin-top: 4px;
}

#uofi-logo {
float:right;
margin-top: -.7em;
}

#subfooterlinks .bright {
	color: #fff;
}

/****************** Forms Styles ***************/
.input-group {
margin: 1em 0;
}

/****************** WILLpledge Styles ***************/

#contributeBoxes {
    box-sizing: border-box;
    color: rgb(51, 51, 51);
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#sustainerbox, #contributenowbox {
    margin: 30px 0px 0px;
}
#sustainlink, #donationlink {
    text-decoration: none;
}
#sustainerouter {
    display: flex;
    height: 300px;
    text-align: center;
    align-items: center;
    justify-content: center;
    background: rgb(228, 157, 7);
    padding: 30px;
    transition: background-color 0.5s ease 0s;
}
#sustainerouter:hover {
background: rgb(248, 181, 38);
}
#donationouter {
    display: flex;
    height: 300px;
    text-align: center;
    align-items: center;
    justify-content: center;
    background: rgb(0, 140, 208);
    padding: 30px;
    transition: background-color 0.5s ease 0s;
}
#donationouter:hover {
background-color: #04adff;
}

#sustainerinner {
    height: 128px;
    text-align: center;
    align-self: center;
    justify-content: center;
}
#donationinner {
    height: 128px;
    text-align: center;
    align-self: center;
}
.iconheader {
    height: 33px;
    text-align: center;
    font: 28px/33.5999984741211px 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    margin: 0px;
}
#sustainicon:before {
    color: rgb(255, 255, 255);
    text-align: center;
    font: normal 32px/32px FontAwesome;
}
.pledgeheader {
    color: rgb(255, 255, 255);
    height: 33px;
    text-align: center;
    font:  28px/33.5999984741211px 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    margin: 0px;
}
body.entry article p.pledgeparagraph {
    color: rgb(255, 255, 255);
    height: 22px;
    text-align: center;
    font: normal 16px/22.3999996185303px 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    margin: 8px 0px 10px;
}
#contributeicon:before {
    color: rgb(255, 255, 255);
    text-align: center;
    font:  normal 32px/32px FontAwesome;
}		

.btn.btn-sustain {
color: #fff;
background: rgb(228, 157, 7);
border-color: rgb(228, 157, 7);
transition: background-color 0.5s ease 0s;
}

.btn.btn-sustain:hover {
background: rgb(248, 181, 38);
border-color: rgb(228, 157, 7);
}

.btn.btn-donate {
color: #fff;
background: rgb(0, 140, 208);
border-color: rgb(0, 140, 208);
transition: background-color 0.5s ease 0s;
}

.btn.btn-donate:hover {
background-color: #04adff;
border-color: rgb(0, 140, 208);
}

/* -------------------------------- 
Back to Top Module
-------------------------------- */
/*
.cd-container::after {
  content: '';
  display: table;
  clear: both;
}
*/

.cd-top {
  display: inline-block;
  height: 30px;
  width: 30px;
  position: fixed;
  bottom: 30px;
  right: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: #0088cc url(../images/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  opacity: .4;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 10px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 40px;
    width: 40px;
    right: 10px;
    bottom: 37px;
  }
}

/* -------------------------------------------------------------------- 
Planned Giving Widget -- Delete after project is done
-------------------------------------------------------------------- */

	#planned_giving_widget {
	 background: #ffeabb;
  display: block;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
  margin-bottom: 2em;
	}
	#planned_giving_pullquote_start {
	 background: #2e0e3e;
		color: #ed3990;
		font-size: 1.4em;
		font-weight: 600;
		padding: 12px 10px 8px 10px;
		}
	#planned_giving_body {
		background: #ffeabb;
		background-image: url('/themes/site_themes/will2.1/images/plates_bg.png');
		background-repeat: no-repeat;
		background-position: 100% 140%; 
		font-size: 1.1em;
		font-weight: 500;
		line-height: 1.4em;
		margin-top: .6em;
	}
	#planned_giving_top_text {
	 margin: 0 14px;
	 color: #000;
	}
	#planned_giving_bottom_text {
	 margin: 14px;
	 color: #6c1b78;
	}	
	#planned_giving_link {
	 background: #6c1b78;
	 margin-top: 14px;
	 color: #fff;
	 font-size: 1.4em;
	 padding: 10px;
	 text-align: center;
	}
	#planned_giving_link a {
	 color: #fff;
	 text-decoration:none;
	}
	#planned_giving_link a:hover {
	 color: #ddd; /* change this color if you wish to match your site hover styles */
	}	

  ul li.facebook i.fa.fa-facebook-square, ul li.twitter i.fa.fa-twitter-square, ul li.instagram a i.fa.fa-instagram {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 20px;
    margin-right: 4px;
    }