body {
  font-family: 'Montserrat', sans-serif;
}
.sr-only {
  border: 0;
  clip: rect(0,0,0,0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.red-need {
  color: red !important;
}


.img-responsive.w-30 {
  width: 30%;
  margin-left: 75%;
}

.img-responsive.w-30.pull-left {
  margin-left: auto;
}

.date-time-event a:not([href]),
.date-time-event a.button-link:link,
.date-time-event a.button-link:visited  {
  color: #1073B7 !important;
}


.date-time-event a.button-link:hover,
.date-time-event a.button-link:active,
.date-time-event a.button-link:focus {
  text-decoration: underline;
}

.mt-20 {
  margin-top: 20px;
}
.mb-20 {
  margin-bottom: 20px;
}

#DanceEventsHp .row,
#EventsPerformances .row,
#MusicEventsHp .row,
#TheaterHPEvents .row,
#VisualArtsHPEvents .row {
  margin-left: auto;
  margin-right: auto;
}

.img-responsive.width-30 {
  width: 30%;
}

/*  Alerts */
.alerts {
  margin-top: 90px;
  padding-left: 20px;
  padding-right: 20px;
  color: #ffffff;
}
.alerts.danger {
  background-color: #C9302C;
}
.alerts.information {
  background-color: #0d47a1;
}
.alerts.warning {
  background-color: #AB7900;
}
.alerts h1 {
  padding-top: 20px;
}
.covid-banner {
  background-color: #BF0003;

}
.covid-banner p {
  padding-top: 10px;
  padding-bottom: 10px;
  color:white;
  font-size: 20px;
  text-align: center;
}
.covid-banner a:hover,
.covid-banner a:visited,
.covid-banner a:link,
.covid-banner a:active {
	color:white;
	text-decoration: underline;
}

.question {
  font-weight: bold;
  margin-bottom: 1px !important;
}

/* media objects */
.media-left, .media>.pull-left {
  padding-right: 20px;
}
.media-left, .media-right, .media-body {
  display: table-cell;
  vertical-align: top;
}

.news .media-left {
  /* background-color: #000;
  height: 165px;
  width: 165px;
  padding-right: 0px;
  margin-right: 20px;
  display: flex;
  align-items: center; */
}

.news .media-left img {
  /* width: 165px; */
  object-fit: cover;
  width:150px;
  height:150px;
}

#newsSection,
#EventsPerformances {
  justify-content: center;
}

#newsSection .img-responsive {
  /* width: 50%; */
  margin-left: auto;
  margin-right: auto;
  object-fit: cover;
  width: 340px;
  height: 340px;
}

#news-list.media-list.list-decoration hr:last-child {
  display: none !important;
}


/* events */
.general-content.events .col-sm-4 {
  margin-bottom: 2em;
}
.event-name {
  /* font-size: 24px; */
  font-size: 18px;;
}

/* .event-name a:link, 
.event-name a:visited {
  color: #000000;
} */

.event-name a:hover,
.event-name a:active,
.event-name a:focus {
  text-decoration: underline;
}

.event-date {
  /* font-size: 18px; */
  font-size: 16px;
  margin-top: 1em;
  margin-bottom: 0.3em !important;
}
.img-box-title.green .no-margin,
.img-box-title.gold .no-margin,
.img-box-title.purple .no-margin,
.img-box-title.turquoise .no-margin,
.img-box-title.mdc-blue .no-margin {
  margin-bottom: 2px !important;
}


.img-box-title.green {
  background-color: #005F3D;
}
.img-box-title.gold {
  /* background-color: #A46909; */
  /* background-color: rgb(241, 228, 140); */
  /* background-color: #d6bb1aeb; */
  background-color: #B8870C;
}
.img-box-title.purple {
  /* background-color: #7100B2; */
  background-color: rgb(124, 44, 131);
}
.img-box-title.turquoise {
  /* background-color: #0079B7; */
  background-color: rgb(85, 156, 190);
}

.img-box-title.darkred {
  /* background-color: #0079B7; */
  color: white;
  background-color: rgba(82,12,0,1.00);
}

.img-box-title.green {
  /* background-color: #0079B7; */
  color: white;
  background-color: rgba(4,61,4,1.00);
}
.img-box-title.mdc-blue {
  /* background-color:#0d47a1; */
  /* background-color: #0079B7; */
  background-color: rgb(85, 156, 190);
}

.img-box-title.green p, 
.img-box-title.gold p, 
.img-box-title.purple p, 
.img-box-title.turquoise p,
.img-box-title.mdc-blue p {
  color: #fff;
  padding-left: 0px;
  padding-right: 0px;
}

a .img-box-title.green p:link, 
a .img-box-title.green p:visited,
a .img-box-title.gold p:link, 
a .img-box-title.gold p:visited,
a .img-box-title.purple p:link, 
a .img-box-title.purple p:visited,
a .img-box-title.turquoise p:link, 
a .img-box-title.turquoise p:visited,
a .img-box-title.mdc-blue p:link, 
a .img-box-title.mdc-blue p:visited{
  text-decoration: none;
}
a .img-box-title.green p:hover,
a .img-box-title.green p:active,
a .img-box-title.green p:focus,
a .img-box-title.gold p:hover,
a .img-box-title.gold p:active,
a .img-box-title.gold p:focus,
a .img-box-title.purple p:hover,
a .img-box-title.purple p:active,
a .img-box-title.purple p:focus,
a .img-box-title.turquoise p:hover,
a .img-box-title.turquoise p:active,
a .img-box-title.turquoise p:focus,
a .img-box-title.mdc-blue p:hover,
a .img-box-title.mdc-blue p:active,
a .img-box-title.mdc-blue p:focus {
  text-decoration: underline;
}

.event-details-content .embed-responsive.embed-responsive-16by9 {
  margin-bottom: 2rem;
}

.mb-30,
.img-responsive.mb-30 {
  margin-bottom: 30px;
}
.mb-2em {
  margin-bottom: 2em;
}
a.mb-0 {
  margin-bottom: 0px;
}
.wd-70 {
  width: 80%;
}

p {
  font-style: normal;
  font-size: 16px;
  line-height: 27.2px;
  vertical-align: top;
  margin-bottom: 1.4rem !important;
}

.lead {
  font-weight:400; 
  font-size: 1.4em;
  line-height: 1.5;
}

.font-24 {
  font-size: 24px;
}

ul {
  /* margin-bottom: 1.4rem !important; */
}

.list-divider>li {
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.list-divider>li:last-child {
  border-bottom: none;
}

.row {
   margin-right: 0px;
  margin-left: 0px; 
} 

/* .row.fix {
  display: contents;
  flex-wrap: wrap;
} */

nav {
  background-color: black;
  display: flex;
  justify-content: space-between;
  padding: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 800;
}

/* nav + #siteContent {
  padding-top: 2.2em;
} */

nav .hidden,
.hidden {
  display: none;
}

#nwsa-nav-logo {
  padding: 16px;
}

#nwsa-nav-logo-mobile  {
  display: none;
}

nav .left-container {
  display:flex;
  cursor: pointer;
}

nav .right-container{
  display:flex;
  cursor: pointer;
}

nav .bottom-container {
  display: flex;
  align-items: flex-end;
  cursor: pointer;
}

nav ul {
  display:flex; 
  list-style:none;
  padding: 0;
  margin: 0;
  white-space: nowrap;
}

nav ul li {
  padding-top: 28px;
  padding-bottom: 28px;
  padding-left: 6px;
  padding-right: 6px;
}

nav #nav-primary-menu {
  font-size: 20px;
  font-weight: bold;   
}

nav #nav-secondary-menu {
  text-transform: uppercase; 
  font-size: 14px;   
}

nav .left-container .bottom-container ul li a:link,
nav .left-container .bottom-container ul li a:visited {
  color: #eee;
  font-weight: 600;
  font-size: 20px;
}

nav .right-container .bottom-container ul li a:link, 
nav .right-container .bottom-container ul li a:visited {
    color: #eee;
    border: 2px solid #eee;
    padding: 0.3em 0.6em;
    font-weight: 600;
    font-size: 14px;
    transition-property: background,border-color,color;
    /*-webkit-transition-duration: .25s;
    transition-duration: .25s;*/
    -webkit-transition-duration: .40s;
    transition-duration: .40s;
}

nav .left-container .bottom-container ul li a:hover,
nav .left-container .bottom-container ul li a:active,
nav .left-container .bottom-container ul li a:focus {
  text-decoration: underline;
}

nav .right-container .bottom-container ul li a:hover,
nav .right-container .bottom-container ul li a:active,
nav .right-container .bottom-container ul li a:focus {
  color: black;
  background-color: white;
  border-color: black;
  text-decoration: none;
}

#show-search-form {
  /* padding-bottom: 26px; */
  padding-bottom: 23px;
  padding-right: 1em;
}
#show-search-form button {
  background-color: black;
  border-color: black;
}

#hide-search-form { 
    background-color: #000;
    padding: 6px 12px;
}

nav .form-control {
  border-radius: 0;
}

nav .vertical-center-container {
  display: flex;
  align-items: center;
}

#searchbox {
  padding: 0 16px 0 40px; 
  /* background-color: #000; */
}

#searchbox .input-group {
  margin-top: 16px;
}

#search-input-nwsa {
  width: 400px;
  border-bottom: 0;
}

nav .menuHamburger div {
  width: 35px;
  height: 5px;
  background-color: white;
  margin: 6px 0;
}

.menuHamburger {
  display: none;
}

#buttonHamburger,
#menuClose {
  border-color: transparent;
  background-color: transparent;
}
#menuClose {
  z-index: 300;
}
/* .menuHamburger:focus {
outline: 5px auto -webkit-focus-ring-color;
z-index: 200;
} */

/* Popup right menu*/
#pop-right-menu {
  /* background-color: #282829;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 900;
  padding-right: 2em;
  width: 40%; */
  background-color: #282829;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 900;
  padding-right: 2em;
  width: 40%;
  cursor: pointer;
}

#pop-right-menu .menuClose {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
}

#pop-right-menu .menuClose div {
  color: white;
  font-size: 3em;
}

#popup-primary-menu {
  padding-left: 2em;
}

#popup-secondary-menu {
  padding-left: 1.6em;
}

#popup-primary-menu li {
  list-style: none;
  padding-bottom: 1em;
}

#popup-secondary-menu li {
  border-bottom: 1px solid #333;
  list-style: none;
  padding-bottom: 0.4em;
  padding-top: 0.7em;
}

#popup-primary-menu li a:link,
#popup-primary-menu li a:visited {
  color: #eee;
  font-size: 20px;
  font-weight: 900;
}

#popup-primary-menu li a:hover,
#popup-primary-menu li a:active,
#popup-primary-menu li a:focus {
  text-decoration: underline;
}

#popup-secondary-menu li a:link,
#popup-secondary-menu li a:visited {
  color: #eee;
  padding-left: 0.4em;
}

#popup-secondary-menu li a:hover,
#popup-secondary-menu li a:active,
#popup-secondary-menu li a:focus {
  text-decoration: underline;
}

aside.col-sm-3 {
  padding-left: 0px !important;
}

hr {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

#siteContent {
  /* margin-top: 30px; */
   margin-top: 140px; 
}

.anchor-margin:before {
  content: "";
  display: block;
  height: 100px;
  margin: -95px 0 0;
}

.banner ~ #siteContent {
  margin-top: 0px !important;
}
 
.banner {
  background: url(../img/donate_background.jpg) no-repeat 0 0;
  background-size: cover;
  background-position: center;
  padding: 50px;
  height:50em;
}
/* This banner class is unique per page */
.banner-about {
  background: url(../img/about/about.jpg) no-repeat 0 0;
  background-size: cover;
  background-position: center;
  padding: 50px;
  height:50em;
}
.banner-about ~ #siteContent {
  margin-top: 0px !important;
}

.banner-dance {
  background: url(../img/dance/dance.jpg) no-repeat 0 0;
  background-size: cover;
  background-position: center;
  padding: 50px;
  height:50em;
}

.banner-dance ~ #siteContent {
  margin-top: 0px !important;
}

.banner-music {
  background: url(../img/music/violins.JPG) no-repeat 0 0;
  background-size: cover;
  background-position: center;
  padding: 50px;
  height:50em;
}

.banner-music ~ #siteContent {
  margin-top: 0px !important;
}


.banner-theater {
  background: url(../img/theater/Theater.jpg) no-repeat 0 0;
  background-size: cover;
  background-position: center;
  padding: 50px;
  height:50em;
}

.banner-theater ~ #siteContent {
  margin-top: 0px !important;
}


.banner-visualarts {
  background: url(../img/visual-arts/Visual-Arts.jpg) no-repeat 0 0;
  background-size: cover;
  background-position: center;
  padding: 50px;
  height:50em;
  margin-top: 80px;
}

.banner-visualarts ~ #siteContent {
  margin-top: 0px !important;
}

.video-visualarts ~ #siteContent,
.video-dance ~ #siteContent,
.video-music ~ #siteContent,
.video-theater ~ #siteContent {
  margin-top: 0px !important;
}

/*  END of Specific classes for the banner - this will not be transfered to the css t4 */

.full-width-banner {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  text-shadow: 0px 9px 18.69px rgba(0, 0, 0, 0.48);
  color: rgb(255, 255, 255);
  text-align: center;
  padding: 2em 0;
  margin-bottom: 40px;
  background-color: #324d6a;
  margin-top: -30px;
}

.page-header {
  /* padding-bottom: 6px; */
  margin: 40px 0 20px;
}

.bottom-border {
  margin-top: 16px;
  border-bottom: 1px solid #0000001a;
  padding-bottom: 12px;
  margin-bottom: 0.5rem !important;
}

.staff-position {
  margin-top: 0px;
}

.staff-name {
  margin-bottom: 0.1em !important;
}

.page-header h1.bottom-border {
  border-bottom: 1px solid #000;
  padding-bottom: 0px;
  font-weight: 700;
}
.general-content h2{
  margin-bottom: 0.8em;
}
.general-content li {
  margin-bottom: 10px;
}

h2 {
  font-weight: 600;
} 

h3 {
  margin-bottom: 0.6em;
  font-weight: bold;
  font-size: 1.25rem;
}

h4 {
  font-size: 18px;
  font-weight: bold;
}

.well {
  padding: 10px 15px;
  background-color: #eee;
}
.well p {
  margin-bottom: 0px !important;
}

.donate-gray-box {
  background-color: #eee;
}
.donate-gray-box .dark-box-title {
  background-color: #000000;
  color:#ffffff;
  font-weight: 700;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
}

.donate-gray-box .content {
  padding-left: 1.6em;
  padding-right: 1.6em;
  padding-bottom: 1.2em;
  padding-top: 1.2em;
}

.donate-gray-box .content p{
  margin-bottom: 2px !important;
}
.donate-gray-box .content ul {
  padding-left: 1em;
  padding-bottom: 1em;
}
.donate-gray-box .content a.btn.btn-primary.trans {
  color: #000000;
  border-color: #000000;
}

.title-block p.lead {
  margin-bottom: 0px !important;
  font-size: 1.7em;
}
.title-block h2 {
  margin-bottom: 0px !important;
}

.article-title {
  font-size: 1.4em;
  margin-top: 1.3em;
  /* margin-bottom: 0.1em; */
  margin-bottom: 20px;
}

.article-date {
  font-size: 0.9em;
}

.center-text {
  text-align: center;
}
.smaller-font {
  font-size: 0.8em;
}

.dark-background,
.white-background {
  padding-top: 3em;
  padding-bottom: 3em;
}
.black-background {
  background-color: #000000;
}

.dark-background {
  background-color: #1C1C1C;
}

.dark-background h2,
.white-background h2 {
  text-align: center;
}
.dark-background h2 {
  padding-bottom: 1.2em;
}
.dark-background h4 {
 color: #fff;
}

.white-background .col-sm-7 h2 {
  text-align: left;
  padding-bottom: 0em;
}

.white-background .col-sm-7 p {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.dark-background h2,
.dark-background p,
.black-background p,
.black-background h2 {
  color: #ffffff;
}

.anchor-bar-container {
  text-align: center;
}

.anchor-bar-container hr {
  margin-bottom: 1rem;
  margin-top: 1rem;
}

.anchor-bar-container ul {
  list-style-type: none;
  display: inline-flex;
  margin-bottom: 0;
  padding-left: 0px;
}
.anchor-bar-container ul li {
  padding-left: 1em;
  padding-right: 1em;
}

.anchor-bar {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.anchor-bar a {
  white-space: nowrap;
  padding-right: 2em;
  padding-left: 2em;
}

ul.list-unstyled li {
  margin-bottom: 1rem;
}

.list-unstyled-with-padding {
  list-style-type: none;
}

.media-body h2 {
  margin-bottom: 1em;
}

.media-body p {
  margin-bottom: 1.3em;
}

.dark-background .col-sm-4 img,
.dark-background .col-sm-3 img, 
.white-background .col-sm-4 img  {
  margin-bottom: 10px;
}

.highlight.center-text {
  font-size: 1.4em;
  line-height: 1.5;
  margin-top: 1em;
  margin-bottom: 1em;
}

.address {
  line-height: 1.3;
}

#fsForm4216486,
div.fsBody.fsEmbed {
  padding: 0px !important;
}

/* buttons */
.btn {
  margin-bottom: 1em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  word-break: break-word;
}
.btn.btn-primary.clear {
  background-color: transparent;
  border-color: #212529;
  color: #212529;
  font-size: 16px;
  font-weight: 600;
  border-radius: 0px;
  /* text-transform: uppercase; */
  padding: 0.5em 2em;
  /* margin-bottom: 3em; */
}

.btn.btn-primary.trans {
  background-color: transparent;
  border-color: #ffffff;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  border-radius: 0px;
}

.trans.dark-color {
  border-color: #000000;
  color: #000000;
}

.btn.btn-primary.btn-red {
  /* background-color: #FF0000;
  border-color: #FF0000; */
  background-color: #CD0028;
  border-color: #CD0028;
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  border-radius: 0px;
/*  padding: 0.5em 10em;
*/}

.btn.btn-primary.btn-blue {
  background-color: #0079B7;
  border-color: #0079B7;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  border-radius: 0px;
  /* padding: 0.5em 4em; */
  padding: 8px 64px;
}

.no-mb {
  margin-bottom: 0px;
}

.btn-wide {
  width: 40%;
  margin-left: auto;
  margin-right: auto;
}

.dark-background .col-sm-12.text-center .btn,
.white-background .col-sm-12.text-center .btn {
  margin-top: 3em;
}
.parent {
  display: flex;
  height: 100%;
  align-content: center;
}

.child {
  align-self: center;
  padding-left: 40px;
  padding-right: 40px;
}

a.btn.btn-primary.trans:link,
a.btn.btn-primary.trans:visited {
  text-decoration: none;
}

a.btn.btn-primary.trans:hover,
a.btn.btn-primary.trans:active,
a.btn.btn-primary.trans:focus {
  /* text-decoration: underline; */
  background-color: #ffffff;
  color: #000000;
}


a.btn.btn-primary.clear:link,
a.btn.btn-primary.clear:visited {
  text-decoration: none;
}
a.btn.btn-primary.clear:hover,
a.btn.btn-primary.clear:active,
a.btn.btn-primary.clear:focus {
  /* text-decoration: underline; */
  background-color: #000000;
  color: #ffffff;
}

a.btn.btn-primary.btn-blue:link,
a.btn.btn-primary.btn-blue:visited,
a.btn.btn-primary.btn-red:link,
a.btn.btn-primary.btn-red:visited
 {
  text-decoration: none;
}
a.btn.btn-primary.btn-blue:hover,
a.btn.btn-primary.btn-blue:active,
a.btn.btn-primary.btn-blue:focus,
a.btn.btn-primary.btn-red:hover,
a.btn.btn-primary.btn-red:active,
a.btn.btn-primary.btn-red:focus {
  /* text-decoration: underline; */
  background-color: #000000;
  border-color: #000000;
  color: #ffffff;
}

.img-responsive {
  display: block;
  width: 100%;
  height: auto;
}

img.pull-left {
  margin: 0px 30px 20px 0px;
}

img.pull-right {
  margin: 0px 0px 20px 30px;
}

.img-box img {
  margin-bottom: 0px;
}

.discipline {
  padding: 5px 10px;
  color: #fff;
  font-size: 14px;
  display: inline;
  font-weight: 300;
}
.discipline.theater-event {
  /* background-color: #A46909; */
  /* background-color: rgb(241, 228, 140); */
  /* background-color: #d6bb1aeb; */
  background-color: #B8870C;
}
.discipline.visual-arts-event {
  background-color: #005F3D;
}
.discipline.music-event {
  /* background-color: #7100B2; */
  background-color: rgb(124, 44, 131);
}
.discipline.dance-event {
  /* background-color: #0079B7; */
  background-color: rgb(85, 156, 190);
}

.flex-wrap {
  display: flex;
}

.img-box-title p {
  text-align: center;
  padding: 10px;
}


.pull-left {
  float: left !important;
}

.pull-right {
  float: right !important;
}

.current-page {
  color:#000;
  font-weight: 700;
}

.alert.alert-info {
  border-radius: 0px;
}
.blockquote p {
  border-left: 1px solid #000;
  font-weight: 300;
  font-style: italic; 
  font-size: 24px;
  line-height: 36px;
}
.blockquote p,
.blockquote footer {
  padding-left: 1.5em;
  
}
footer.blockquote-footer {
  margin-top: 10px;
  font-size: 0.7em;
}

figcaption p {
  line-height: 1.7;
  margin-top: 1em;
}

figcaption span.secondary-info {
  font-size: 0.8em;
  font-weight: lighter;
}

figcaption a:link,
figcaption a:visited {
  text-decoration: none;
  font-weight: 500;
}

figcaption a:hover,
figcaption a:active,
figcaption a:focus {
  text-decoration: underline;
  font-weight: 500;
}

.dark-background figcaption a:link,
.dark-background figcaption a:visited {
  color: #eee;
}

.dark-background figcaption a:hover,
.dark-background figcaption a:active,
.dark-background figcaption a:focus {
  color: #eee;
}

.title-info {
  line-height: 1.6;
}

/* Left Navigation */
.nav-stacked>li+li {
  margin-top: 0;
}
.nav-pills>li>a {
  border-radius: 0px;
}
.left-nav {
  margin-bottom: 20px;
}
.left-nav li:first-child {
  border-top: 1px solid #eee;
}
.left-nav li {
  border-bottom: 1px solid #eee;
  width: 100%;
}

.left-nav>li.active>a {
  color: #333;
  background-color: #eee;
  font-weight: bold;
}

.left-nav>li>a:hover,
.left-nav>li>a:focus {
  background-color: #3C3C3C;
  color: #fff;
  text-decoration: none;
}

/* .left-nav>li.active>a, 
.left-nav>li.active>a:hover, 
.left-nav>li.active>a:focus {
  color: #333;
  background-color: #eee;
  font-weight: bold;
} */
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
  color: #333;
}

/* Footer */
footer {
  margin-top: 40px;
}

.mt-40less {
  margin-top: -40px !important;
}

footer .row.footer-links-section {
  margin-right: -15px;
  margin-left: -15px;
}

footer p {
  line-height: 1.5;
  font-size: 14px;
}
#quicklinks-footer-section {
  /* background-color: #F9F9F9; */
  background-color: #f2f2f2;
}

#nwsa-footer-info {
  background-color: rgb(255, 255, 255);
}

.footer-header {
  font-size: 16px;
  border-bottom: 1px solid #c9d0d7;
  padding-bottom: 1px;
  text-transform: uppercase;
}

p.footer-text,
a.footer-text
{
  font-size: 14px;
}

a.footer-text,
p.footer-text a,
a {
  color: #1073B7;
  /* color: #337AB7; */
}

a.footer-text:hover,
p.footer-text a:hover,
a.footer-text:focus,
p.footer-text a:focus,
a:hover,
a:focus {
  color:#23527c;
}

.socialmedia-icon {
  padding-right: 0.4em;
}

a.socialmedia-icon:link,
a.socialmedia-icon:visited,
a.socialmedia-icon:hover,
a.socialmedia-icon:active,
a.socialmedia-icon:focus {
  text-decoration: none;
}


.discipline.theater-event a:link,
.discipline.theater-event a:visited,
.discipline.visual-arts-event a:link,
.discipline.visual-arts-event a:visited,
.discipline.music-event a:link,
.discipline.music-event a:visited,
.discipline.dance-event a:link,
.discipline.dance-event a:visited {
  color: #fff;
}

.discipline.theater-event a:hover,
.discipline.theater-event a:active,
.discipline.theater-event a:focus,
.discipline.visual-arts-event a:hover,
.discipline.visual-arts-event a:active,
.discipline.visual-arts-event a:focus,
.discipline.music-event a:hover,
.discipline.music-event a:active,
.discipline.music-event a:focus,
.discipline.dance-event a:hover,
.discipline.dance-event a:active,
.discipline.dance-event a:focus {
  text-decoration: underline;
}


.row.footer-links-section {
  padding-top:2em;
  padding-bottom:2em;
}

.row.footer-section {
  padding-top:3em;
  padding-bottom:2em;
  margin-right: -15px;
  margin-left: -15px;
}

img.school-logos {
  margin-right: 1.3em;
}

.row.footer-links-section .media img {
  margin-left: -20px;
  width: 50%;
}

/* Video - start */
.video-container {
  position: relative;
  bottom: 0%;
  left: 0%;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background: #000;
  margin-top: 85px;
}

#video {
  /*margin-top: 4.7em;*/
  top: -48.5px;
  margin-left: 0px;
  width: 100%;
  margin-bottom: -1em;
}

#play-pause {
  position: absolute;
  /* top: 25px; */
  /* top: 5.8em; */
  /* right: 25px; */
  right: 0.5em;
  padding-top: 20px;
  border: none;
  border-radius: 40px;
  background-color: transparent;
  margin: auto;
  z-index: 1;     
  /* z-index: 800;  */
}

#play-pause-center {
  position: absolute;
  top: 40%;
  right: 45%;
  border: none;
  border-radius: 40px;
  background-color: transparent;
  margin: auto;
  z-index: 1;    
}

#play-pause:hover {
  color: #5976a5;
}

.video-message {
  color: #fff;
}

/* Video - end*/
.intro-content {
  color: #000;
  width: 100%;
  top: 50%;
  opacity: 1;
  /* margin-top: -150px; */
  margin-top: -30px;
  position: absolute;
  z-index: 1;
  text-align: center;
}
.intro-content h1 {
  font-weight: bold;
  font-size: 64px;
}
.intro-content span {
  width: auto;
  display: inline-block;
  margin: 0 0.25rem;
}

.intro-content span.new {
  font-weight: 900;
  margin: 0 4px;
}

.intro-content p {
  font-size: 36px;
  line-height: 0.3;
}

.overlay-banner {
  background-color: #08040B;
  opacity: 90%;
  margin-top: -10em;
  color: white;
  padding-top: 1.8em;
  padding-bottom: 1.8em;
  text-align: center;
}

.main-headline {
  font-weight: 600;
}

.secondary-headline {
  font-weight: 400;
  font-size: 0.8em;
}

.offset-md-4.col-md-4,
.col-sx-12.col-sm-6.col-md-4.col-lg-4 {
  text-align: center;
}
/* Tables */
.table-bordered {
  border: 1px solid #DCDCDC;
}

.table-header {
  background-color: #2D2D2D !important;
  color: #fff;
}
.table td, .table th {
  padding: 6px;
}

.table-bordered thead th {
  font-weight: 300;
  padding-bottom: 4px;
  padding-top: 4px;
}

table caption {
  color: #333;
  font-weight: bold;
  caption-side: inherit;
}

/* .sr-only {
    position: inherit;
} */

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #F9F9F9;
}

/* Table links */
table a:link,
table a:visited { 
  text-decoration: underline;
}
table a:hover,
table a:active,
table a:focus {
  text-decoration: none;
}

/* table-reformat */
@media only screen and (max-width: 40em) {
  .table-reformat thead th:not(:first-child) {
    display: none;
  }
  .table-reformat td, th {
    /* display: block; */
    clear: both;
    border: none;
    padding-top: 2px;
    padding-bottom: 1px;
  }
  .table-reformat td:first-child {
    margin-top: 10px;
  }
  .table-reformat td:last-child {
    margin-bottom: 10px;
  }
  .table-reformat td[data-th]:before {
    content: attr(data-th);
    float: left;
    padding-right: 2em;
    display:none;
  }
  .mobile-no-show {
    display: none;
  }

  /* Table reformat for directories */
  .mobile-only-directory {
      display: block;
  }
  .mdc-info {
      margin-bottom: 1em;
  }
  .mdc-info p {
      margin: 0 0 0;
  }
  .table.table-reformat.table-directory {
      display: none;
  }
}

/* Table reformat for directories */
@media (min-width: 41em) {
  .mobile-only-directory {
      display: none;
  }
}


/* Search input for tables */
#inputSearch {
  background-image: url('/img/searchicon.jpg');
  background-position: 10px 10px;
  background-repeat: no-repeat;
  width: 50%;
  float: right;
  font-size: 16px;
  padding: 10px 20px 10px 40px;
  border: 1px solid #ddd;
  margin-bottom: 12px;
}

@media (max-width: 1350px) {
  .menuHamburger {
    display: block;
    padding-top: 1em;
    padding-right: 1.5em;
    padding-left: 1em;
  }
  .right-container .bottom-container ul{
    display: none;
  }
}

@media (max-width: 1240px) {
  #searchbox {
    width: 80%;
  }
  #search-input-nwsa {
    width: 60%;
  }
  .banner {
    height: 40em;
  }
}

@media (max-width: 1200px) {
  .footer-links-section .col-md-2,
  .footer-links-section .col-md-3 {
    max-width: 100% !important;
    flex: auto;
  }
  .col-md-2.footer-address {
    max-width: 80% !important;
  }
  .col-md-1 {
    max-width: 20%;
  }
  .row.footer-links-section .col-md-2,
  .row.footer-links-section .col-md-3 {
    padding-bottom: 1.3em;
  }
  #contact-form-map .col-sm-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }  
  #contact-form-map .fsBody.fsEmbed {
    margin-bottom: 40px;
  }
  .btn-wide {
    width: auto;
  }
  #newsSection .img-responsive {
    width: -webkit-fill-available;
  }
}

@media (max-width: 820px) {
  .left-container .bottom-container ul{
    display: none;
  }
  .intro-content {
    top: 70%;
  }
 .intro-content h1 {
    font-size: 47px;
  }
  #inputSearch {
    width: 100%;
  }
  .banner {
    height: 30em;
  }
  .banner-about {
    height: 30em;
  }
}

/*@media (max-width: 992px) and (min-width: 768){
.left-nav>li>a {
  font-size: 0.4em;
}*/

@media (max-width: 992px) {
  .homepage .col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 100%;
    max-width: 100%;
  } 
  .homepage .donate .black-background {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  #newsSection .col-sm-4 {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .white-background .col-sm-3 {
    flex: 0 0 50% !important;
    max-width: none !important;
  } 
}

@media (max-width:992px) and (min-width:768px) {
  .left-nav>li>a {
      font-size: 0.9em;
  }
  .nav.nav-pills.nav-stacked.left-nav >li>a {
    /* padding-left: 1px;
    padding-right: 1px; */
    padding: 10px 15px; 
  }
  .music-req .col-sm-6.col-md-3 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

/* @media (max-width:992px) and (min-width:576px) { 
  .general-content.events .col-sm-4 {
    max-width: 50%;
  }
} */



/*@media (min-width: 768px) {
  .nav.nav-pills.nav-stacked.left-nav >li>a {
    padding: 15px 8px;
  }
}*/

@media (max-width: 992px) and (min-width: 575px) {
  .col-sm-3 .img-box .img-box-title p {
    /* font-size: 14px; */
  }
  #artDivisions .col-sm-3 {
    flex: auto;
    max-width: 50%;
  }
}

@media (max-width: 767px){
  #pop-right-menu {
    width: 100%;
  }
  .row.footer-links-section .col-md-1{
    width: 20%;
  }
  .row.footer-links-section .col-md-2.footer-address{
    width: 80%;
  }
  img.school-logos {
    width: 20%;
  }
  #uflogo,
  #mdclogo {
    margin-left: 1em;
  }
  #uflogo {
    margin-top: -2em;
  }
  .col-sm-3 .img-box .img-box-title {
    white-space: nowrap;
  }
  /* .col-sm-3 .img-box .img-box-title p {
    font-size: 0.7em;
  } */
  .anchor-bar-container ul {
    display: block
  }
  aside.col-sm-2,
  aside.col-sm-3 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  main.col-sm-10,
  main.col-sm-9 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .banner {
    height: 25em;
    margin-top: 80px;
  }
  .btn-wide {
    width: 100%;
  }
  .banner-about {
    height: 25em;
  }
}

@media (max-width: 675px) {
  #searchbox {
    width: 90%;
    padding-left: 20px;
    padding-right: 10px;
  }
  #search-input-nwsa {
    width: 30%;
  }
  #nwsa-nav-logo {
    width: 80%;
  }
  nav .left-container a {
    margin-right: -2em;
  }
  .menuHamburger {
    padding-right: 1em;
  }
  #nwsa-nav-logo {
    display: none;
  }
  #nwsa-nav-logo-mobile {
    display: block;
    padding: 16px;
  }
  .intro-content {
    top: 90%;
  }
  .intro-content h1 {
    font-size: 24px;
  }
  .intro-content p {
    font-size: 16px;
  }
  /*#play-pause img {
    width: 50%;
  }*/
  .banner {
    height: 15em;
    margin-top: 60px;
  }
}

@media (max-width:1200px) and (min-width:576px) { 
  .general-content.events .col-sm-4 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .discipline {
    font-size: 12px;
  }
}

@media (max-width: 576px) {
  /*.col-sm-3 { 
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-sm-2 { 
    flex: 0 0 100%;
    max-width: 100%;
  }*/
  /*.col-sm-8 { 
    flex: 0 0 100%;
    max-width: 100%;
  }*/
  .center-button {
    text-align: center;
  }
  /* .figure-img.img-responsive,
  .img-responsive.mb-sm-4 {
    width: 60%;
  } */

  .img-responsive.w-30 {
    width: 60%;
    margin-left: auto;
  }
}

@media (max-width: 450px) {
  .col-md-2.footer-address {
    padding-left: 2em;
  }
  #uflogo {
/*    height: 40%;
*/    margin-top: 0;
  }
  /*#play-pause {
    top: 130px;
    right: 15px;
  }*/
  .intro-content {
    top: 140%;
    margin-top: -160px;
  }
  .banner-about {
    height: 20em;
  }
}

/* media object */
@media (max-width: 420px) {
  .media-body {
    display: block;
    width: auto;
    margin-top: 10px;
  }
  .media,
  .media-left {
    display: block;
    margin-bottom: 10px;
  }
  .news .media-left {
    display: inline-grid;
  }
}


@media (max-width: 345px) {
  .overlay-banner h1 {
    font-size: 1.5rem;
  }
  .overlay-banner {
    margin-top: -8em;
  }
  .intro-content {
    top: 140%;
    margin-top: -130px;
  }
}
/*BFA Exhibition*/
.bfa-exhibition .row {
  margin-bottom: 40px;
}

.bfa-exhibition .title-info {
  font-weight: bold;
}

.bfa-exhibition .title-info span {
  font-weight: 400;
}

.bfa-exhibition h3 {
  margin-bottom: 40px;
}