.page-node-6251 .saada-logo-image,
.page-node-6252 .saada-logo-image,
.page-node-6253 .saada-logo-image,
.page-node-6254 .saada-logo-image,
.page-node-6255 .saada-logo-image,
.page-node-add-qbf .saada-logo-image,
.node-type-qbf .saada-logo-image {
	background-image: url('https://saada-online.s3.us-east-1.amazonaws.com/static/saadaWebsiteLogo-black.png');
}

.page-node-6251 #saada-logo h1,
.page-node-6252 #saada-logo h1,
.page-node-6253 #saada-logo h1,
.page-node-6254 #saada-logo h1,
.page-node-6255 #saada-logo h1,
.page-node-add-qbf #saada-logo h1,
.node-type-qbf #saada-logo h1 {
	color: black;
}

.page-node-6251 #saada-logo h2,
.page-node-6252 #saada-logo h2,
.page-node-6253 #saada-logo h2,
.page-node-6254 #saada-logo h2,
.page-node-6255 #saada-logo h2,
.page-node-add-qbf #saada-logo h2,
.node-type-qbf #saada-logo h2 {
	color: black;
	font-family: urw-form-condensed, sans-serif;
	
}



.page-node-6251,
.page-node-6252,
.page-node-6253,
.page-node-6254,
.page-node-6255,
.page-node-add-qbf,
.node-type-qbf {
	background: #F2DF6A;
	font-family: urw-form-condensed, sans-serif;
	font-weight: 700;
	font-style: normal;
	color: black;
	font-size: 23px;
	line-height: 26px;
}

.page-node-6251 .btn-donate,
.page-node-6252 .btn-donate,
.page-node-6253 .btn-donate,
.page-node-6254 .btn-donate,
.page-node-6255 .btn-donate,
.page-node-add-qbf .btn-donate,
.node-type-qbf .btn-donate {
	background-color: black;
	
}

.page-node-6251 .btn-primary,
.page-node-6252 .btn-primary,
.page-node-6253 .btn-primary,
.page-node-6254 .btn-primary,
.page-node-6255 .btn-primary,
.page-node-add-qbf .btn-primary,
.node-type-qbf .btn-primary {
	background-color: black;
	
}

.page-node-6251 h2,
.page-node-6252 h2,
.page-node-6253 h2,
.page-node-6254 h2,
.page-node-6255 h2,
.page-node-add-qbf h2,
.node-type-qbf h2 {
	color: black;
	font-family: urw-form-condensed, sans-serif;
	
}

.page-node-6251 .navbar .nav > li > a,
.page-node-6252 .navbar .nav > li > a,
.page-node-6253 .navbar .nav > li > a,
.page-node-6254 .navbar .nav > li > a,
.page-node-6255 .navbar .nav > li > a,
.page-node-add-qbf .navbar .nav > li > a,
.node-type-qbf .navbar .nav > li > a {
	color: black;
}


.page-node-6251 .navbar-inner,
.page-node-6252 .navbar-inner,
.page-node-6253 .navbar-inner,
.page-node-6254 .navbar-inner,
.page-node-6255 .navbar-inner,
.page-node-add-qbf .navbar-inner,
.node-type-qbf .navbar-inner {
	background: #F2DF6A;
}

.page-node-6251  #footer,
.page-node-6252  #footer,
.page-node-6253  #footer,
.page-node-6254  #footer,
.page-node-6255  #footer,
.page-node-add-qbf #footer,
.node-type-qbf #footer {
	border-top: black solid 1px;
	background: #F2DF6A;
	color: black;
}

.page-node-6251 .fa.fa-facebook-square,
.page-node-6252  .fa.fa-facebook-square,
.page-node-6253  .fa.fa-facebook-square,
.page-node-6254  .fa.fa-facebook-square,
.page-node-6255  .fa.fa-facebook-square,
.page-node-add-qbf .fa.fa-facebook-square,
.node-type-qbf .fa.fa-facebook-square {
	color: black;
}

.page-node-6251 .fa.fa-twitter-square,
.page-node-6252  .fa.fa-twitter-square,
.page-node-6253  .fa.fa-twitter-square,
.page-node-6254  .fa.fa-twitter-square,
.page-node-6255  .fa.fa-twitter-square,
.page-node-add-qbf .fa.fa-twitter-square,
.node-type-qbf .fa.fa-twitter-square {
	color: black;
}

.page-node-6251 .fa.fa-instagram,
.page-node-6252  .fa.fa-instagram,
.page-node-6253  .fa.fa-instagram,
.page-node-6254  .fa.fa-instagram,
.page-node-6255  .fa.fa-instagram,
.page-node-add-qbf .fa.fa-instagram,
.node-type-qbf .fa.fa-instagram {
	color: black;
}


.qbf a {color: black;}
.qbf a:hover {color: #DB553A;}

.qbf-menu {
	font-size: 18px;
	line-height: 24px;
	padding-top: 10px;
	margin-bottom: 4px;
}

.qbf-menu a:hover {
	color: #DB553A;
}

.qbf-menuitem {
	display: block;
	padding: 0px;
	margin: 0px;
}

.qbf-credits {
	font-family: urw-form-condensed, sans-serif;

font-weight: 300;

font-style: normal;
	font-size: 14px;
	line-height: 18px;
}

/*** QBF SUBMISSION FORM ***/

.qbf-submit-title-row {
	
}

.qbf-submit-title-left {
	
}


.page-node-add-qbf .form-actions {
	background: #F2DF6A;	
}

.page-node-add-qbf .qbf .btn,
.page-node-6255 .qbf .btn {
	background-image: none;
	background-color: #F2DF6A;
	font-family: urw-form-condensed, sans-serif;
	font-weight: 900;
	font-size: 32px;
	height: 50px;
	color: black;
	text-transform: uppercase;
}

.page-node-add-qbf .qbf label { font-size: 23px; }

.form-item-field-qbf-email-und-0-email label { height: 0px; visibility: hidden;}
.page-node-add-qbf .qbf .form-required {height: 0px; visibility: hidden;}
.field-name-field-qbf-audio .help-block {height: 0px; visibility: hidden;}
.field-name-field-qbf-audio .control-label {height: 0px; visibility: hidden;}

.page-node-add-qbf .qbf label.radio {height: 30px;}
.page-node-add-qbf .qbf input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* create custom radiobutton appearance */
  width: 20px;
  height: 20px;
  /* background-color only for content */
  border: 2px solid black;;
  background-color: #F2DF6A;
  border-radius: 50%;
  margin-right: 5px;
}
.page-node-add-qbf .qbf input[type="radio"]:focus {
	outline: none;
}
/* appearance for checked radiobutton */
.page-node-add-qbf .qbf input[type="radio"]:checked {
  background-color: #C5B20C;
}

.page-node-add-qbf .qbf input[type="text"] {
	background: #F2DF6A;
	border: none;
	border-bottom: 2px solid black;
	border-radius: 0px;
	box-shadow: none;
	font-family: urw-form-condensed, sans-serif;
	font-weight: 500;
	font-style: normal;
	color: #404040;
	font-size: 28px;
	width: 95%;
	height: 32px;
}

@media (max-width: 480px) {
	.page-node-add-qbf .qbf input[type="text"] {
		height: 40px;	
	}
}


.page-node-add-qbf .qbf input[type="file"] {
	font-family: urw-form-condensed, sans-serif;
	font-weight: 500;
}

.page-node-add-qbf .qbf .form-textarea-wrapper textarea {
	background: #FFFF84;
	font-family: urw-form-condensed, sans-serif;
	font-weight: 500;
	font-style: normal;
	color: #404040;
	font-size: 24px;
	border-bottom: 2px solid black;
	line-height: 1.2em;

}

.page-node-add-qbf .form-actions {
	text-align: center;
}


/*** END QBF SUBMISSION FORM CUSTOMIZATION ***/

.qbf-poem {
	text-align: right;
}



.qbf {
	font-family: urw-form-condensed, sans-serif;
	font-weight: 700;
	font-style: normal;
	color: black;
	font-size: 23px;
	line-height: 26px;
}

.qbf-banner {
	display: inline-block;
	position: relative;
	width: 100% !important;
	background-repeat: no-repeat;
	text-align: center;
	float: left;
}

.qbf-banner::after {
	content: "";
	background-image: url('https://saada-online.s3.us-east-1.amazonaws.com/static/projects/queerbrownfeelings/home.jpg');
	opacity: 1;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	background-size: cover;
	z-index: -1;
}

@media (max-width: 1200px) {
	.qbf-banner::after {
		opacity: 0.2;	
	}
}


.qbf-banner-inside {
	margin-top: 100%;
}

.qbf-header {
	position: absolute;
	top: 15%;
	left: 50%;
	transform: translateX(-50%);
	font-size: 32px;
	font-weight: 900;
	font-size: 32px;
	line-height: 36px;
}

.qbf-menu {
	width: 100%;
	margin: 0 auto	
}


/*** QBF HOMEPAGE ***/

.qbf-row {
	display: flex;
	align-items: center;
	justify-content: center;
}

.qbf-row img {
	max-width:100%;
	max-height:100%;
}

.qbf-about {
	width: 60%;
}

.qbf-imageleft {
	width: 30%;
	padding-right: 10px;
}

.qbf-textright {
	width: 30%;
	padding-left: 10px;
	border-left: 2px solid black;
	align-self: flex-start;	
}

.qbf-textleft {
	width: 30%;
	padding-right: 10px;
	border-right: 2px solid black;
	text-align: right;
	align-self: flex-start;
	
}

.qbf-imageright {
	width: 30%;
	padding-left: 10px;	
}

.qbf-title {
	font-size: 32px;
	font-weight: 900;
}


/*** END QBF HOME ***/

/*** QBF HISTORIES ***/

.qbf-histories-row {
	display: flex;
	align-items: center;
	justify-content: center;
}

.qbf-histories-quote {
	width: 50%;
	text-align: right;
	align-self: flex-start;
	padding-right: 10px;
	border-right: 2px solid black;
}

.qbf-histories-cite {
	width: 30%;
	align-self: flex-start;
	padding-left: 10px;
}

/*** END QBF HISTORIES ***/

/*** QBF FEELINGS ***/

.qbf-feelings-row {
	display: flex;
	align-items: center;
	justify-content: center;
}

.qbf-feelings-filter {

	text-align: center;
	font-size: 40px;
	line-height: 1.5em;
	height: auto;
	font-weight: 900;
	list-style-type: none;
}

.qbf-feelings-filter li {
	margin: 30px 0;
}

.qbf-feelings-filter li.active a {
	color: #DB553A;
}

.qbf-feelings-filter li a:after {
	content: "?";
	display: none;
}

.qbf-feelings-filter li a:hover:after {
	display: inline;
}

.qbf-feelings-filter li a:hover {
	cursor: pointer;
}

.filtering {
}

.qbf-feelings-feeling {
	border: red 2px solid;

}

.qbf-prev {
    cursor:pointer;
	
}
.qbf-next {
    cursor:pointer;

}

.slick-container {
}

.qbf-prompt-title {
	font-weight: 900;
	
}

/*** AUDIO PLAYER ***/

.qbf {
	--plyr-color-main: black;
	--plyr-audio-controls-background: #C5B20C;
	--plyr-menu-color: black;
	--plyr-font-family: urw-form-condensed, sans-serif;
}


@media (max-width: 480px) {
	.qbf {padding-bottom: 10px;}
	.qbf-banner {margin-bottom: 80px;}
	.qbf-title {font-size: 24px;}
	.qbf-textleft {font-size: 18px;}
	.qbf-textright {font-size: 18px;}
	.qbf-prompt-title {text-align: center;}
	
 }

