/* **********************************************************************************/
/* SurveyEngine Form                                                                */
/* **********************************************************************************/

@media (max-width: 599px) { /* 600px is the size of the form on the desktop (defined in skin.css), so anything smaller than that should stack  */
	/* use this to control the form itself */
	.form-horizontal fieldset {
	  width: 100%;
	  margin-right: auto;
	  margin-left: auto;
	}

	/* use this to control vertical space between form elements */
	.form-horizontal .control-group {
	    margin-bottom: 15px;
	}

	/* use this to control all of the labels in the form */
	.form-horizontal .control-group .control-label {
	    float: none;
	    width: 100%;
	    text-align: left;
	}

	/* use this to control all of the form input fields */
	.form-horizontal .control-group .controls {
	   	display: block;
	   	/*display: inline-block;*/
	    width: 100%;
	    /*width: auto;*/
	    /*margin-left: 0;*/
	    /*margin: 0 auto;*/
	    /*margin-left: 0;*/
	    float: none;
	    text-align: left;
	}

	/* use this to control the input and select fields to make them the same size */
	.form-horizontal .control-group .controls input, .form-horizontal .control-group .controls select {
	    margin: 0;
	    width: calc(100% - 14px); /* 12px is from the 6px right and left padding defined below plus the 1px border.*/
	    padding: 4px 6px; /* this is defined elsewhere in the application, but I put it here, so you can override it and also, so you know where the 14px above comes from. */
	    border: 1px solid #ccc; /* this is defined elsewhere in the application, but I put it here, so you can override it and also, so you know where the 14px above comes from. */
	}

	/* uncomment anything below as needed to change anything else for responsiveness */
	
	/* use this to control the question for single-select in the form */
	/* .form-horizontal .control-group .control-label.single-select {
	    float: none;
	    width: 100%;
	    text-align: center;
	} */

	/* use this to control the question for single-select */
	/* .form-horizontal .control-group .controls.single-select  {
	    width: auto;
	    float: none;
	    display: inline-block;
	} */

	/* use this to control the input and select fields to make them the same size */
	/* .form-horizontal .control-group .controls.single-select .single-select-answer-group {
	    width: auto;
	    margin: 0 auto;
	} */

	/* use this to control the input checkbox for the single-select */
	/* .form-horizontal .control-group .controls.single-select .single-select-answer-group label {
	    width: auto;
	    display: inline-block;
	} */

	/* use this to control the input checkbox for the single-select */
	/* .form-horizontal .control-group .controls.single-select .single-select-answer-group input {
	    width: auto;
	    margin: 3px 0;
	} */

	/* use this to control the help text under the elements */
	/* .form-horizontal .control-group .controls .help-block {
	    margin-top: 2px;
	    text-align: left;
	    font-size: 12px;
	} */

	/* use this to control the label on the checkbox */
	/* .form-horizontal .control-group .controls .checkbox {
	    padding-left: 0;
	    text-align: left;
	} */

	/* use this controls the checkbox itself */
	/* .form-horizontal .control-group .controls .checkbox input {
	    margin: 3px 10px 0 0;
	    width: auto;
	} */

	/* use this to change the ERROR messages that appear when there's an issue */
	/* .form-horizontal .help-inline {
	  font-size: 14px;
	  font-weight: bold;
	} */

	/* use this to change all text items that you add into the form */
	/* .form-horizontal p {
	  font-size: 12px;
	} */

	/* use this to change the "* Required" text ONLY */
	/* .form-horizontal .required_text {
	  font-size: 14px;
	  font-weight: bold;
	} */
}

/*  PORTRAIT PHONE
**********************************************************************************/

@media (max-width: 480px) {

.span6.index_text_container_right {
	width:100%;
	padding-top: 25px;
}
	
#page_1 #carousel_99 .carousel-control {
	top: 25%;
	width: 35px;
	height: 70px;
	font-size: 40px;
	line-height: 65px;
}

.carousel-control {
	top:35%;
	width:40px;
	height:65px;
	font-size: 36px;
	line-height: 60px;
}

h2 {
	font-size:15px;
	line-height:1.5em;
}

.index-logos-spacer {
	display: none;
}

.index-logos {
	display: block;
	width: 100%;
	text-align: center;
	padding: 20px 0;
}

.index-logos-left, .index-logos-right {
	width: 200px;
	margin: 0 auto;
}

div#footer img.social-icon {
	width: 8%;
}

div#footer a#facebook_share_70 {
	width: 75%;
	margin-left: 0px !imprtant;
}

div#footer a#facebook_share_70 {
	width: 75%;
}
	
#page_1 div.span6 {
	display: none;
}

#page_1 div.span12 {
	text-align: center !important;
}

#page_27 div.span12 {
	text-align: center !important;
}

#page_27 h3 {
	text-align: center !important;
}

#page_30 h1 {
	text-align: center !important;
}

#page_27 div.span4 {
	text-align: center !important;
}

div#footer img {
	width: 20px;
}

.navbar-inner .container .span2 {
	text-align: center !important;
}

.form-horizontal .control-group .control-label.single-select {
	width: auto;
}

.form-horizontal .control-group .controls.single-select {
width: auto;
}

#footer ul.nav.pull-right {
	float: left;
}

#page_1 div.span12 {
	padding-top: 10px;
}

#page_28 div.span12 {
	padding-top: 10px;
}

#page_27 div.span12 {
	padding-top: 10px;
}
}

/*  LANDSCAPE PHONE TO PORTRAIT TABLET
**********************************************************************************/

@media (max-width: 767px) {		

.index-logos-spacer {
	width: 4%;
}

/*#page_1 div.span12 {
	padding-top: 50px;
	text-align: center !important;
}*/

#page_27 h3 {
	text-align: center !important;
}

#page_27 div.span4 {
	text-align: center !important;
}

#page_30 h1 {
	text-align: center !important;
}

#page_1 .campaigncontent .row {
	margin-bottom: 0;
	padding-bottom: 30px;
	text-align:center;
}

/* This fixes the card height for smaller screens it's super important */
@media(max-width: 767px) {
    .event-grid-item  {
        height: 175px !important;
    }
}

#page_1 .campaigncontent-wrapper {
	margin-bottom: -20px;
}

#invite_code_message_93,
#invite_code_label_93,
#sign_in_label_93 {
	font-size: 18px;
	padding-left: 50px;
}

#sign_in_message_93 {
	font-size: 18px;	
}

#user_menu_block_93{
	min-width: 320px;
}
	
.e-event-logo.affix {
	position:static;
	overflow: scroll;
}

.nav-list.affix {
	margin-top: 0px;
}

#aboutintro {
	height: auto !important;
}

#carousel_99 .carousel-control {
	top: 38%;
	width: 65px;
	height: 85px;
	font-size: 48px;
	line-height: 75px;
}

h2 {
	font-size:20px;
	line-height:1.5em;
}

.index-logos-spacer {
	width: 7%;
}
	
#page_1 div.span6 {
	display: none;
}

.form-horizontal .control-group .control-label.single-select {
width: auto;
}

.form-horizontal .control-group .controls.single-select {
width: auto;
}

#footer ul.nav.pull-right {
	float: left;
}

.navbar-inner .container .span2 {
	text-align: center !important;
}

#page_1 div.span12 {
	padding-top: 10px;
}

#page_28 div.span12 {
	padding-top: 10px;
}

#page_27 div.span12 {
	padding-top: 10px;
}
}

/*  PORTRAIT TABLET TO LANDSCAPE AND DESKTOP
**********************************************************************************/

@media (min-width: 768px) and (max-width: 979px) {

.index-logos-spacer {
	width: 8%;
}

#user_menu_block_93 {
	min-width: 360px;
}

#invite_code_label_93,
#sign_in_message_93,
#sign_in_label_93 {
	font-size: 20px;
	padding-left: 20px;
}

#invite_code_label_93 {
	padding-left: 0px;
}

#sign_in_message_93,
#invite_code_message_93 {
	font-size: 20px;
	padding: 0px;
	margin-left: 20px;
}

#sign_in_label_93 ~ .input-append,
#invite_code_label_93 ~ .input-append {
	margin-left: 20px;
}

.index_invited_headline {
	font-size: 28px;
	letter-spacing: 2px;
}

h2 {
	font-size:20px;
	line-height:1.5em;
}
	
input.span3, textarea.span3, .uneditable-input.span3 {
	width:500px;
}

body#page_22 .container.contactuscontent .row .span3 a {
	font-size: 15px;
}

#page_1 div.span8 {
	width: 97%;
	text-align: center;
}

#page_1 div.span12 {
	padding-top: 10px;
}

#page_28 div.span12 {
	padding-top: 90px;
}

#page_27 div.span12 {
	padding-top: 90px;
}
}

/*  DESKTOP
**********************************************************************************/

@media (min-width: 979px) and (max-width: 1200px) {

.index-logos-spacer {
	width: 8%;
}

#aboutintro{
	height:210px;
	overflow:scroll;
}
.btn-block-div input {
	width: 86%;
}
	
#page_5 h2 {
	text-align: left;
}
	
#page_1 div.span8 {
	width: 940px;
	text-align: center;
}
	
div#footer p {
	padding-right: 330px;
	/*padding-top: 9px;*/
	text-align: left;
}

/*.navbar-inner .container .span12 {
	text-align: center !important;
	padding-top: 50px;
}*/

#page_1 div.span12 {
	padding-top: 10px;
}

#page_28 div.span12 {
	padding-top: 90px;
}

#page_27 div.span12 {
	padding-top: 90px;
}
}

/*  LARGE DESKTOP
**********************************************************************************/

@media (min-width: 1200px) {
	
#page_5 h2 {
	text-align: left;
}

#page_22 div.span8 {
	width: 940px;
}
	
#page_23 div.span8 {
	width: 940px;
}
	
div#footer p {
	/*padding-top: 10px;*/
	padding-right: 330px;
	text-align: left;
}

#page_1 div.span12 {
	padding-top: 10px;
}

#page_28 div.span12 {
	padding-top: 90px;
}

#page_27 div.span12 {
	padding-top: 90px;
}
}