/* cmsms stylesheet: 00_sacb_stylesheet modified: 05/09/24 15:49:12 */
/* ===== background-image: url(https://www.sevenandcounting.studioides.com/uploads/img/bg-img/slide-2.jpg); ====== */

/*!
 * Start Bootstrap - Grayscale v5.0.4 (https://startbootstrap.com/template-overviews/grayscale)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-grayscale/blob/master/LICENSE)
	
 */

#issa {
	z-index: 1100;
	position: fixed;
	top: 56px;
	right: 0;
	left: 50px;
	width: 200px;
}
#issa img {
	width: 100px;
	height: auto;
}

@media (max-width: 768px) {
  #issa {
    display: none;
  }
}

.slider {
	width: 100%;
	height: 120px;
	display: flex;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.slide {
	width: 120px;
	flex-shrink: 0;
	height: 100%;
}
.slide img {
	width: 90%;
	height: 90%;
	margin: 10px 10px 20;
	/* filter: url(filters.svg#grayscale); Firefox 3.5+ */
	filter: gray; /* IE5+ */
	-webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
	-webkit-transition: all .4s ease-in-out;  
}

.slide img:hover {
	filter: none;
	-webkit-filter: grayscale(0);
	-webkit-transform: scale(1.01);
}

.bg-grey {
  background-color: #333;
}
.contact-section.bg-grey {
padding: 5rem 0;
}


#mainNav {
min-height:56px;
	background-color:#000
}
#mainNav .navbar-toggler {
	font-size:80%;
	padding:.75rem;
	color:#e00410;
	border:1px solid#e00410
}
#mainNav .navbar-toggler:focus {
	outline:0
}
#mainNav .navbar-brand {
	color:#161616;
	font-weight:700;
	padding:.9rem 0
}
#mainNav .navbar-nav .nav-item:hover {
	color:fade(white,80%);
	outline:0;
	background-color: #000;
}
#mainNav .navbar-nav .nav-item:active,#mainNav .navbar-nav .nav-item:focus {
	outline:0;
	background-color: #000
	/* background-color:transparent */
}
@media (min-width:992px) {
#mainNav {
	padding-top:0;
	padding-bottom:0;
	border-bottom:none;
	background-color: #000;
	-webkit-transition:background-color .3s ease-in-out;
	transition:background-color .3s ease-in-out
}
#mainNav .navbar-brand {
	padding:.5rem 0;
	color:rgba(255,255,255,.5)
}
#mainNav .nav-link {
	-webkit-transition:none;
	transition:none;
	padding:0.5rem 1.5rem;
	color:rgba(255,255,255,.5)
}
#mainNav .nav-link:hover {
	color:rgba(255,255,255,.75)
}
#mainNav .nav-link:active {
	color:#fff
}
#mainNav.navbar-shrink {
	background-color:#000;
}
#mainNav.navbar-shrink .navbar-brand {
	color:#161616
}
#mainNav.navbar-shrink .nav-link {
	color:#666;
	padding:1.5rem 1.5rem 1.25rem;
	border-bottom:.25rem solid transparent
}
#mainNav.navbar-shrink .nav-link:hover {
	color:#e00410
}
#mainNav.navbar-shrink .nav-link:active {
	color:#467370
}
#mainNav.navbar-shrink .nav-link.active {
	color:#e00410;
	outline:0;
	border-bottom:.25rem solid#e00410
}
 
}
.masthead {
	position:relative;
	width:100%;
	height:auto;
	min-height:35rem;
	padding:15rem 0;
	background:-webkit-gradient(linear,left top,left bottom,from(rgba(22,22,22,.1)),color-stop(75%,rgba(22,22,22,.5)),to(#161616)), url(https://www.sevenandcounting.studioides.com/uploads/img/home-back-2.jpg);
	background:linear-gradient(to bottom,rgba(22,22,22,.1) 0,rgba(22,22,22,.5) 75%,#161616 100%), url(https://www.sevenandcounting.studioides.com/uploads/img/home-back-2.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-size:cover
}
.masthead h1 {
	font-family:'Saira Extra Condensed', sans-serif;
	font-weight: 800;
	font-size:2.5rem;
	line-height:2.5rem;
	letter-spacing:.8rem;
	background:-webkit-linear-gradient(rgba(255,255,255,.9),rgba(255,255,255,0));
	-webkit-text-fill-color:transparent;
	-webkit-background-clip:text
}
.masthead h2 {
	max-width:20rem;
	font-size:1rem
}
@media (min-width:768px) {
.masthead h1 {
	font-size:4rem;
	line-height:4rem
}
 
}
@media (min-width:992px) {
.masthead {
	height:100vh;
	padding:0
}
.masthead h1 {
font-size:6.5rem;
	line-height:6.5rem;
	letter-spacing:.8rem
}
.masthead h2 {
max-width:30rem;
	font-size:1.25rem
}
 
}

h2 {
	font-family:'Saira Extra Condensed', sans-serif;
	font-weight: 800;
}
h4.about {
	margin-top: 35px;
}



.btn {
-webkit-box-shadow:0 .1875rem .1875rem 0 rgba(0,0,0,.1)!important;
	box-shadow:0 .1875rem .1875rem 0 rgba(0,0,0,.1)!important;
	padding:1.25rem 2rem;
	font-family:'Varela Round';
	font-size:80%;
	text-transform:uppercase;
	letter-spacing:.15rem;
	border:0
}
.btn-primary {
	background-color:#e00410
}
.btn-primary:hover {
	background-color:#666666
}
.btn-primary:focus {
	background-color:#666666;
	color:#fff
}
.btn-primary:active {
	background-color:#467370!important
}
.about-section {
	padding-top:10rem;
	background:-webkit-gradient(linear,left top,left bottom,from(#161616),color-stop(75%,rgba(22,22,22,.9)),to(rgba(22,22,22,.8)));
	background:linear-gradient(to bottom,#161616 0,rgba(22,22,22,.9) 75%,rgba(22,22,22,.8) 100%)
}
.about-section p {
	margin-bottom:5rem
}
.projects-section {
	padding:10rem 0
}
.projects-section .featured-text {
	padding:2rem
}
 @media (min-width:992px) {
	.projects-section .featured-text {
		padding:0 0 0 2rem;
		border-left:.5rem solid#e00410
	}
}
.projects-section .project-text {
	padding:3rem;
	font-size:90%
}
 @media (min-width:992px) {
	.projects-section .project-text {
		padding:5rem
	}
	.projects-section .project-text hr {
		border-color:#e00410;
		border-width:.25rem;
		width:30%
	}
}
.signup-section {
	padding:10rem 0;
	background:-webkit-gradient(linear,left top,left bottom,from(rgba(22,22,22,.1)),color-stop(75%,rgba(22,22,22,.5)),to(#161616)), url(https://www.sevenandcounting.studioides.com/uploads/img/bg-2.jpg);
	background:linear-gradient(to bottom,rgba(22,22,22,.1) 0,rgba(22,22,22,.5) 75%,#161616 100%), url(https://www.sevenandcounting.studioides.com/uploads/img/bg-2.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-size:cover
}
.signup-section .form-inline input {
	-webkit-box-shadow:0 .1875rem .1875rem 0 rgba(0,0,0,.1)!important;
	box-shadow:0 .1875rem .1875rem 0 rgba(0,0,0,.1)!important;
	padding:1.25rem 2rem;
	height:auto;
	font-family:'Varela Round';
	font-size:80%;
	text-transform:uppercase;
	letter-spacing:.15rem;
	border:0
}

.songs-section {
	margin: 5rem 0
}
.player {
	margin: 2rem 0 0.5rem 0
}

/* @media (min-width: 320px) {
	.player.col-sm-12 {
		width: 100%;
		height: auto;
	}
}
*/

.contact-section {
	padding:5rem 0 0
}
.contact-section .card {
	border:0;
	border-bottom:.25rem solid#e00410
}
.contact-section .card h4 {
	font-size:.8rem;
	font-family:'Varela Round';
	text-transform:uppercase;
	letter-spacing:.15rem
}
.contact-section .card hr {
	border-color:#e00410;
	border-width:.25rem;
	width:3rem
}
.contact-section .social {
	margin-top:5rem
}
.contact-section .social a {
	text-align:center;
	height:3rem;
	width:3rem;
	background:rgba(255,255,255,.1);
	border-radius:100%;
	line-height:3rem;
	color:rgba(255,255,255,.3)
}
.contact-section .social a:hover {
	color:rgba(255,255,255,.5)
}
.contact-section .social a:active {
	color:#fff
}
 body {
	font-family:Nunito;
	letter-spacing:.0625em
}
a {
	color:#e00410
}
a.active {
	border-bottom: .25rem solid#e00410;
}
a.homelink {
	border-bottom: none;
color: #fff;
}

a:focus,a:hover {
	text-decoration:none;
	color:#666
}
#navbarResponsive a.nav-link {
    color: #FFF;
}
#navbarResponsive a.nav-link:hover {
    color: #e00410;
}
.bg-black {
	background-color:#161616!important
}
.bg-primary {
	background-color:#e00410!important
}
.text-primary {
	color:#e00410!important
}
footer {
	padding:5rem 0
}
ul {
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
}
p.lyrics-btn {
	margin: 0 0 3rem 0
}
.no-gutters p {
	margin: 0;
}


p.registration {
	margin: 0;
	padding: 0;
}

.registration input {
	display: block;
	width: 100%;
	height: calc(2.25rem + 2px);
	padding: /*.375rem .75rem*/ 0;
	margin: 0 0 1.5rem 0;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.registration input#reg-input {
	display: block;
	width: 100%;
	font-size: 1rem;
	font-weight: 400;
}
.story01 {
	font-size: medium;
}
.storyimg img {
	width: 100%;
	height: auto;
}

/*------ PRESS CLIPPING ------*/

.press-black {
	background-color: #000;
	color: #fff;
}
.press-black .img-fluid {
	max-width: 70% !important;
	height: auto;
	vertical-align: middle;
	margin: 25% 0%;
}
/* cmsms stylesheet: 00_sacb_news modified: 02/14/19 19:26:55 */
img.newsimage {
	max-width: 100%;
	margin-bottom: 20px;
}
.NewsSummaryField, .NewsDetailField {
	overflow: hidden;
}
h2.text-red {
	color: #e00410;
}



div#news {
/* margin for the entire div surrounding the news items */
	margin: 2em 0 1em 1em;
/* border set here */
	border: 1px solid #909799;
/* sets it off from surroundings */
	background: #f5f5f5;
}
div#news h2 {
	line-height: 2em;
/* you can set your own image here */
	background: url(https://www.sevenandcounting.studioides.com/uploads/ngrey/darknav.png) repeat-x left center;
	color: #f5f5f5;
	border: none
}
.NewsSummary {
/* padding for the news article summary */
	padding: 0.5em 0.5em 1em;
/* margin to the bottom of the news article summary */
	margin: 0 0.5em 1em 0.5em;
	border-bottom: 1px solid #ccc;
}
.NewsSummaryPostdate {
/* smaller than default text size */
	font-size: 90%;
/* bold to set it off from text */
	font-weight: bold;
}
.NewsSummaryLink {
/* bold to set it off from text */
	font-weight: bold;
/* little more room at top */
	padding-top: 0.2em;
}
.NewsSummaryCategory {
/* italic to set it off from text */
	/*font-style: italic;*/
	margin: 5px 0;
	color: #333;
}
.NewsSummaryAuthor {
/* italic to set it off from text */
	/*font-style: italic;*/
	padding-bottom: 0.5em;
	color: #333;
}
.NewsSummarySummary, .NewsSummaryContent {
/* larger than default text */
	line-height: 140%;
	margin: 20px 0;
}
.NewsSummaryMorelink {
	padding-top: 0.5em;
}
#NewsPostDetailDate {
/* smaller text */
	font-size: 90%;
	margin-bottom: 5px;
/* bold to set it off from text */
	font-weight: bold;
}
#NewsPostDetailSummary {
/* larger than default text */
	line-height: 150%;
}
#NewsPostDetailCategory {
/* italic to set it off from text */
	font-style: italic;
	border-top: 1px solid #ccc;
	margin-top: 0.5em;
	padding: 0.2em 0;
}
#NewsPostDetailContent {
	margin-bottom: 15px;
/* larger than default text */
	line-height: 150%;
}
#NewsPostDetailAuthor {
	padding-bottom: 1.5em;
/* italic to set it off from text */
	font-style: italic;
}
/* more divs, left unstyled, just so you know the IDs of them */ 
#NewsPostDetailTitle {
}
#NewsPostDetailHorizRule {
}
#NewsPostDetailPrintLink {
}
#NewsPostDetailReturnLink {
}
div#news ul li {
	padding: 2px 2px 2px 5px;
	margin-left: 20px;
}
/* cmsms stylesheet: 00_sacb_contact modified: 03/21/19 10:06:45 */
/* Sample FormBuilder CSS base */
form {
	margin-top: 0
}
form, td, th, li {
	font-size: 100%
}
form div {
	margin-bottom: 0
}
fieldset div {
	/*margin-bottom: 0.5em;
	margin-left: 1em;*/
	margin: 10px 0 0 0;
	padding: 0 10px;
}
fieldset div div {
	margin-top: 0.5em;
	margin-left: 1em
}
.basicform fieldset {
	margin-bottom: 1em;
	/*border: 1px solid #F60;*/
	padding: 0;
}
fieldset label {
	width: 100%;
	font-family: 'Quicksand', sans-serif;
	font-weight: 300;
	font-size: 16px;
	margin: 10px 0;
	padding: 0 10px;
	text-align: center;
	text-transform: uppercase;
	color: #084355;
}
.static-headline {
	width: 100%;
	font-family: 'Quicksand', sans-serif;
	font-weight: 500;
	font-size: 16px;
	margin: 10px 0;
	padding: 0 10px;
	text-align: left;
	text-transform: uppercase;
	color: #084355;
}
.subject_headline input {
	font-weight: 500 !important;
	text-transform: uppercase;
}
legend, .basicform legend {
	display: none;
}
.required.col-md-6.col-sm-12 {
	margin: 20px 0 0 0;
	padding: 0 10px;
	text-align: center;
	text-transform: uppercase;
	color: #084355;
float: left;
}
.cms_dropdown {
	border: 1px solid #084355;
	width: 100%;
	height: 45px;
	padding: 10px;
	margin-bottom: 20px;
	color: #084355;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
	text-align: center;
	font-family: 'Quicksand', sans-serif;
	font-weight: 300;
	font-size: 16px;
}
.date .cms_dropdown {
	width: 32.75%;
}
	@media (max-width: 767px) {
		.date .cms_dropdown {
		width: 32%;
		}
	}

.time .cms_dropdown {
	width: 49.5%;
}
	@media (max-width: 767px) {
		.time .cms_dropdown {
		width: 49%;
		}
	}


textarea, .contactform .cms_textarea {
	/*margin: 0.5em 0;
	width: 98%;*/
	height: 6em;
	border: 1px solid #d0d0d0;
	width: 100%;
	padding: 10px;
	color: #666;
	/*-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
*/
	text-align: left;
	/*font-family: 'Quicksand', sans-serif;*/
	font-weight: 300;
	/*text-transform: uppercase;*/
	font-size: 16px;
}
/* Apply this class to text/select input fields with shorter labelsto help alignment */
.short-label label {
	float: left;
	width: 10em
}
.short-label fieldset div input, .short-label fieldset div select {
	width: 16em
}
/* Pretty up your Captcha image output */

.basicform .g-recaptcha, .safety .g-recaptcha, .provision .captcha {
	padding-left: 10px;
}
.captcha.col-md-7.col-sm-12 {
	color: #999;
	font-size: 9px;
}
.captcha {
    float: left;
    padding: 0;
}
.captcha img {
	border: 1px solid #F60;
	margin-bottom: 0.5em
}
.captcha input {
	width: 196px;
	margin-top: 0.5em
}
/* Just a bit more room for the Submit button */
.submit {
    margin-top: 0.5em;
    padding: 0;
    float: left;
}
.submit input {
	background-color: #e00410;
}
.submit .input.cms_submit.fbsubmit {
	color: #fff;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	border: none;
	/* background: url(http://www.studioides.com/uploads/img/send-white.png) no-repeat 110% center; */
	/* background-size: 50%; */
	background-color: #e00410;
	height: auto;
	text-transform: uppercase;
padding: 1.55em 0;
}
.registration.submit {
	margin: 0;
}
.registration input#reg-input {
display: block;
width: 100%;
font-size: 1rem;
font-weight: 400;
margin-bottom: 0;
border: none;
}
.registration input#reg-input:hover {
background-color: transparent;
cursor: pointer;
}
.registration input {
display: block;
width: 100%;
height: calc(2.25rem + 2px);
/* font-size: 1rem; */
/* font-weight: 400; */
/* line-height: 1.5; */
color: #fff;
background-color: transparent;
/* background-clip: padding-box; */
border: 1px solid #ced4da;
/* border-radius: .25rem; */
/* transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; */
}

.basicform input, .safety input, .provision input {
	border: 1px solid #d0d0d0;
	width: 100%;
	padding: 7px;
	margin-bottom: 20px;
	color: #666;
	/*-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 10px; /* for old Konqueror browsers */
*/
	text-align: left;
	/*font-family: 'Quicksand', sans-serif;*/
	font-weight: 300;
	/*text-transform: uppercase;*/
	font-size: 16px;
	/*background-color: #f2f2f2;*/
}
.basicform input.cms_submit.fbsubmit {
	text-transform: uppercase;
}
.required.cms_checkbox_label {
	padding: 10px;
}
.required.cms_checkbox_label input.cms_checkbox {
	float: right;
	width: 10%;
}
.required.cms_checkbox_label label {
	width: 80%;
	padding: 0;
	margin: 0;
text-align: right;
}

.contactform input.checkbox {
	border: none;
	float: left;
}
.basicform label#fbrp__34 {
	display: block;
	float: clear;
	width: 150px;
}
.photoupload {
	width: 100%;
	font-family: 'Quicksand', sans-serif;
	font-weight: 300;
	font-size: 14px;
	text-align: left;
	color: #084355;
}

.contactform label.label {
	display: inline;
	float: none;
	width: 50px;
	font-size: 10px;
}
.contactform textarea {
	background-color: #ffc;
	border: 1px solid #f60;
}
.formbuilderform .message {
	line-height: 16px;
	padding: 0 0 8px 0;
}
.multicheck label {
	width: 100%;
	margin-top: 0px;
}
.multicheck div {
	width: auto;
	margin: 0 17px 0 0;
	padding: 0;
	float: left;
}
.multicheck div label {
	width: auto;
	margin-top: 0px;
}
.multicheck .cms_checkbox {
	float: left;
	width: auto;
	margin: 5px 0 0 0;
}

/* === SUBMISSION FORM STYLE === */
.main-content h3 {
	font-family: 'Quicksand', sans-serif;
	color: #084355;
	text-align: center;
	font-size: 20px;
	font-weight: 500;
	text-transform: uppercase;
}
/* cmsms stylesheet: 00_sacb_PLAYER modified: 06/07/23 14:55:31 */
body { margin: 1em; }

[aria-pressed="true"] {
   border: 2px solid red;
   background: #FAFAAE;
}

[aria-pressed="false"] {
   border: 2px solid #000;
}

.visually-hidden { 
  position: absolute; 
  overflow: hidden; 
  clip: rect(0 0 0 0); 
  height: 1px; width: 1px; 
  margin: -1px; padding: 0; border: 0; 
}

#player {
width: 100% !important;
}

#campaign {
  position: fixed;
  bottom: 0;
  left: 0;
}