/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');
#header {
}
html {
 }
#search, #bottommenu { display:none }
#footer { text-align:center }
#sectionid_2 #custom_form1 {
}
.divchk {
  margin: 5px 0 6px;
}
#formdiv1, #formdiv2, #formdiv3, #formdiv4 {
      width: 100%;
      height: auto;
      display: none;
    }
#captchadiv { display:none; }
 #refresh:hover {
  cursor: pointer;
}
#sectionid_4 #centerbox h1, #sectionid_3 #centerbox h1, #sectionid_7 #centerbox h1, #sectionid_8 #centerbox h1 { display: none; }
#sectionid_1 #centerbox .introsection {
  padding-bottom: 90px;
}	
#sectionid_3 #centerbox, #sectionid_7 #centerbox, #sectionid_8 #centerbox { color: #ffffff; }
#txtInput, #txtInput2, #txtInput3, #txtInput4 {
  border: 1px solid #0e64cc;
  border-radius: 8px;
  padding: 8px;
  width: 120px;
  margin: 5px auto;
}
.buttonform {
  background-color: #dddddd;
  border: 1px solid #fff;
  width: 216px !important;
  height: 90px;
  display: inline-block;
  margin: 8px;
  border-radius: 5px;
  text-align: center;
}
.buttonform p {
  color: #376171;
font-weight: bold;
}
a.btnlink:hover div.buttonform { background-color: #ffffff; color: #036; text-decoration: underline;}
.radiolist2 { text-align: center;
max-width: 700px;
margin: 5px auto; }	
#checkboxgroup, #checkboxgroup2 {
  border: 1px solid #fff;
  padding-top: 12px;
  border-radius: 11px;
}
.radiolist { text-align: center;
max-width: 700px;
margin: 5px auto; }	
.radiolist input[type="radio"] {  width: 22px; display: inline;}
#header {
  padding-top: 18px;
}
#sectionid_8 #centerbox, #sectionid_7 #centerbox, #sectionid_6 #centerbox, #sectionid_5 #centerbox, #sectionid_4 #centerbox, #sectionid_3 #centerbox, #sectionid_2 #centerbox {
  text-align: center;
  padding-bottom: 8px;
}
#sectionid_3 #footermsg {display: none}
#sectionid_3 #centerbox { text-align: center; }
#centerbox {
  max-width: 600px;
  margin: 8px auto;
}
#centerbox {
  margin-bottom: 22px;
}
 .formbx {
  margin-bottom: 10px;
}
.formbx label {
  color: #fff !important;
}
.halftofull {
  width: 280px;
  float: left;
}

#textalert {
  float: left;
}

.divchksolo .label2 {
  width: width: 88%; display: block !important;
}

#sectionid_2 #centerbox, #sectionid_3 #centerbox, #sectionid_4 #centerbox, #sectionid_5 #centerbox, #sectionid_6 #centerbox, #sectionid_7 #centerbox, #sectionid_8 #centerbox  {
  background-color: rgba(256,256,256,0.15);
  margin-top: 33px;
}

#sectionid_3 #centerbox {   }
#website, #website2, #website3, #website4 { display: none !important; visibility:  hidden }
input {
  clear: both !important;
  display: block; width: 240px;
}
h1, h2 {
  text-align: center; font-size: 38px; color: #ffffff; font-weight: normal;
}
#req_message {
  clear: both !important;
  display: block;
}
#sectionid_2 #footermsg {display: none}
#sectionid_2 #centerbox {
  text-align: center;
  padding-bottom: 44px;
}

#centerbox .custom_form {
  max-width: 580px;
  margin: 0 auto;
}

body {
    background-color: #05163f;
	font-family: 'Quicksand', sans-serif;
}
#content {
    padding: 6px 25px;
    border-radius: 10px;
    max-width: 800px;
    margin: 5px auto;
    font-family: 'Quicksand', sans-serif;
}
input[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}
.z5 {
  border: 1px solid #fff;
  box-shadow: inset 0 0 5px #d7dee3;
}
.custom_form {
    font-family: 'Quicksand', sans-serif; color: #000033;
}
a {  color: #0e64cc; text-decoration: none;}
a:hover { color: #f54a43; }	
#centerbox .introsection {
    margin: 0 auto;
}	

.str  {
  width: 334px;
}

/* list area of interest */
#areasofinterest input.checkbox {
  float: left; max-width: 30px;
}
ul#areasofinterest  {
   text-align: left;  padding-left: 0;
	columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}
ul#areasofinterest li {
   list-style-type: none;
}
 

/* ipad iphone fix */
/* */

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
/*#content , */ #mainheaderInside, #footer {
    width: 990px !important;
    overflow: hidden !important
}
html, body {
    width: 990px !important;
    overflow: hidden !important;

}
}
.pushedsource_3 li.pusharticle {
  list-style: none;
}
#siteheader #buttonreturn2 {
  display: block;
  width: 216px;
  text-align: center;
  background: rgb(203, 181, 105);
  color: #fff;
  border-radius: 8px;
  padding: 5px 2px;
  font-weight: bold;
  float: right;
  margin-top: -19px;
  margin-right: -19px;
  border: 1px solid #fff;
}
#buttonreturn3 { display: none }
/*
#buttonreturn {
  	display: block;
	width: 240px;
	text-align: center;
	background: rgb(203, 181, 105);
	color: #fff;
	border-radius: 8px;
	padding: 8px 4px;
	position: fixed;
	bottom: 10px;
	right: 10px;
	font-weight: bold;
   } */
      
#sectionid_2 .pusharticle h2 {
  display: none;
}
#sectionid_1 #pushedid_1 .pusharticle h2 {
  display: none;
}
#siteheader #buttonreturn2:hover {
  background-color: rgb(20, 60, 91);
}
#siteheader #buttonreturn2 a {
  color: #fff;
	display: block;
}
/**/

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
/*#content , */ #mainheaderInside, #footer {
    width: 990px !important;
    overflow: hidden !important
}
html, body {
    width: 990px !important;
    overflow: hidden !important
}
}
/* CSS Document */

#leftbox, #rightbox {
    display: none !important;
}
#bottommenu {
    display: none;
}
.linebreak { clear:both; }
input[type="checkbox"] { display: inline-block !important; width: 22px; }
input[type="radio"] { display: inline-block !important; width: 22px; }
.formbx label.label2 {     display: inline-block; }
h1 {
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    font-family: 'Quicksand', sans-serif;
    font-size: 34px;
	font-weight: normal;
    margin: 15px auto 20px;
}
#copyright {
    text-align: center;
    float: left;
    clear: both;
    width: 100%;
	color: #ffffff;
	padding: 12px;
}
#submitButton, #returnsite {
  background-color: #1455a3 !important;
  border: 2px solid #184089 !important;
  color: #ffffff !important;
  padding: 10px 15px;
  font-family: 'Quicksand', sans-serif;
  font-size: 16px;
  margin: 5px auto;
  display: block;
  font-weight: bold;
  border-radius: 6px;
  cursor:pointer;
  min-width: 125px;
}
#submitButton:hover, #returnsite:hover {
  background-color: #184089 !important;	
  border: 2px solid #184089 !important;
  color: #ffffff !important;
  font-size: 1em;
  padding: 10px 15px;
}

.buttonform a { color: #376171; font-weight: bold;   }
.buttonform div.oneline { margin-top: 35px; color: #036; font-weight: bold;}
.buttonform div.twoline { margin-top: 20px; color: #036; font-weight: bold; }
#header {
  /*  padding-bottom: 12px;
	border-bottom: 8px solid #571627;
	padding-top: 4px;
	margin-bottom: 14px;
	border-radius: 10px; */
}
#siteheader {
  background:url(https://queensbp.ascendantappforms.com/images/queens-banner-a-2023.png);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
  height: 200px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; border-radius: 8px;
}
#sectionid_3 #siteheader {
  background:url(https://queensbp.ascendantappforms.com/images/queens-banner-b-2023.png);
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
  height: 200px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; border-radius: 8px;
}

 #rightbox {
    width: 33%;
    display: inline-flex;
}
#centerbox {
    width: 100%;
    display: block;
}

@media (max-width:835px) {
 #centerbox, #rightbox {
    width: 100%
}
#siteheader { height: 170px;	}
	
}

@media (max-width:635px) {
 #boxphototext { display: block; }
#boxphototext .boxphoto  { width: 100%; text-align: center}	
#boxphototext .boxtext  { width: 100%; }	
#content { padding: 5px 0 }
#header {
  padding-top: 0px;
  margin-top: -5px;
}
#siteheader { 
	height: 128px;
background: url(https://queensbp.ascendantappforms.com/images/queens-banner-a-2023sm.png);
  background-repeat: repeat;
background-repeat: no-repeat;
	background-position-x: center;
	background-size: contain;
	border-radius: 0;
	}
#sectionid_3 #siteheader { 
	height: 128px;
background: url(https://queensbp.ascendantappforms.com/images/queens-banner-b-2023sm.png);
  background-repeat: repeat;
background-repeat: no-repeat;
	background-position-x: center;
	background-size: contain;
	border-radius: 0;
	}
	
.custom_form input[type="text"], #date, #time, #fone, .custom_form select, .custom_form textarea, input.zip, .custom_form input[type="tel"] { border: 1px solid #95c2f9 !important }
/* #buttonreturn {
  width: 128px;
  padding: 8px 8px;
}	 */
#buttonreturn3 {
  background: rgb(203, 181, 105);
  text-align: center;
  padding: 6px;
  width: 320px;
  margin: 0 auto;
  border: 1px solid #fff;
  border-radius: 8px;
	display: block;
}	
#siteheader #buttonreturn2 { 
  display: none !important;
  width: auto;
  text-align: center;
  background: rgb(203, 181, 105);
  color: #fff;
  border-radius: 8px;
  padding: 5px 12px;
  font-weight: bold;
  float: none;
  margin: 258px auto !important;
  border: 1px solid #fff;
  position: absolute;
}

	
#buttonreturn3:hover {
  background-color: rgb(20, 60, 91);
}
#buttonreturn3 a {
  color: #fff;
	display: block;
}	
#centerbox .custom_form {
	max-width: 345px; }	
.fn {
    width: 290px !important;
} 	/* First Name */
.ln {
    width: 290px !important;
}	/* Last Name */
.str, #street2 {
    width: 290px !important;
}	/* Street */
.message {
    width: 290px !important;
}	/* message */
.neighborhood {
    width: 290px !important;
}	/* neighborhood */

.dt, #eventype {
    width: 290px !important;
}	/* date */
.ct {
    width: 290px !important;
}	/* City */
.phn {
    width: 290px !important;
}	/* Phone */
.eml {
    width: 290px !important;
}	/* Email */
ul#areasofinterest  {
   	columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
}
#otherlang, #otherissue { width: 280px !important; }
input.text, input.zip, .flagstable input, .message, .custom_form input[type="text"], .custom_form input[type="tel"] {
    font-size: 16px; font-family: 'Quicksand', sans-serif;
}
}
#centerbox {
    max-width: 100%;
	margin: 0 auto;
	padding-bottom: 14px;
	padding-top: 2px;border-radius: 12px;
}
#contactinfo {
    text-align: center;
    padding: 12px;
	color: #014874;
}
.introsection h1 {
    display: none;
}
.itembody h1 {
    display: block;
}
#boxdiv {
    max-width: 555px;
    margin: 0 auto;
    padding: 0;
    display: block;
}
/* Custom Forms */


.formbx {
    float: left;
    padding: 0 0 1em 1em;
}
.formbx label {
    display: block;
    font-weight: normal;
}
.custom_form .formbx, .formbx label {
    font-size: 15px; text-align: left;
}
.formbx label.check {
    display: inline;
    margin: 0 10px 0 0;
}
.formbx input.radio {
    margin: -2px 2px 0 0;
}
input.radio {
    margin: -3px 0 0 5px;
}
.formbx #location { width: 486px; margin-top: 10px; }
.custom_form label span, .err, .req, required {
    color: #ffffff;
}
.custom_form input, .custom_form select, .custom_form textarea, input[type=button] {
    clear: right;
    max-width: 590px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 2px 3px 1px;
    font-family: 'Quicksand', sans-serif;
}
.custom_form input[type=text], .custom_form select, .custom_form textarea {
    -moz-box-shadow: inset 0 0 5px #d7dee3;
    -webkit-box-shadow: inset 0 0 5px #d7dee3;
    box-shadow: inset 0 0 5px #d7dee3;
    border-radius: 3px;
    font-family: 'Quicksand', sans-serif; font-size: 17px;
}
.custom_form input[type=radio] {
    margin: 2px 3px 0px 0px !important;
}
input.text, input.zip, .flagstable input, .custom_form input[type="text"], .custom_form input[type="tel"] {
    color: #686868;
	height: 34px;
    margin: 2px 3px 0 0;
    vertical-align: middle;
    border-radius: 4px;
    padding-left: 5px; font-size: 17px;
}
input[type=text], textarea, .text, select {
    background: #fff;
    border: 1px solid #ffffff; font-family: 'Quicksand', sans-serif;
}
.custom_form textarea {
    width: 500px;
    height: 87px;
    padding: 5px 6px 1px;
}
select {
    height: 37px;
    padding: 2px 3px;
    margin: 2px 3px 0 0;
    border-radius: 3px;color: #686868 !important;
}

input.focus, select.focus, select:focus, textarea.focus, textarea:focus, textarea.filled, select.filled {
    background: #ffffff;
    border: 1px solid #2d84b8;
}
input[type=text]:focus, input[type=text].filled {
    background: #ffffff;
    border: 1px solid #2d84b8;
}
.inlineinputs {
    width: 100%;
}
.inlineinputs input {
    display: inline;
    margin-left: 5px;
}
.custom_form small {
    color: #777;
}
.formOutput br {
    clear: both;
}
.formOutput label {
    font-size: 85%;
}


.clear {
    clear: both;
}
#centerbox ul.custom_form_errors {
    background: #f3e6e6;
    border: 1px solid #924949;
    color: #C00;
    padding: 10px 0 10px 30px;
    margin: 20px;
}
#errMsg {
    display: none;
    position: absolute;
    z-index: 200;
    background: url(../common/images/msg_arrow.gif) left center no-repeat;
    padding-left: 7px
}
#msgcontent {
    display: block;
    background: #f3e6e6;
    border: 2px solid #924949;
    border-left: none;
    padding: 5px;
    min-width: 150px;
    max-width: 250px
}

.questionicon {
    position: relative;
    top: 4px;
}
select {
  height: 42px;
  border: 1px solid #fff;
  padding-left: 12px !important;
  padding-right: 12px !important;
}
/* setting width for individual form fields */
.dt {
    width: 75px;   box-shadow: inset 0 0 5px #d7dee3;
}  	/* Date */
.fn {
    width: 225px;
} 	/* First Name */
.ln {
    width: 250px;
}	/* Last Name */
.z5 {
    width: 72px;
}	/*  zip5 */
.sfx, .mi, .z4 {
    width: 45px;
}	/* Suffix, Middle Initial, zip4 */
.str, .parentsGuard, .birthPlace, .college, .orgz {
    width: 237px;
}	/* Street Adrs and Parents field (Academy Form) */
.ct {
    width: 301px; 
}	/* City */
.dt {
    width: 250px; 
}	/* date */
.eml, .newspaper {
    width: 348px;
}	/* Email and Newspaper (Academy Form)*/
.eml2 {
    width: 236px;
}	/* Email and Newspaper (Academy Form)*/
.phn2 {
    width: 105px;
}	/* Phone Number */

.phn {
    width: 126px;
}	/* Phone Number */
.sbj {
    width: 385px;
}	/* Subject for a Message */
.message {
    width: 495px;
    height: 87px;
    padding: 5px 3px 1px 5px;
    border-radius: 5px;
    font-size: 14px;
    font-family: sans-serif
}	/* Message textarea */
.ssn {
    width: 88px;
}	/* Soccial Security */
.acn {
    width: 547px;
}	/*  */