/* Custom Theme */
/*** Look & Feel v7 Standard Theme ***/

/********** LOGO CUSTOMIZATIONS **********/

/* Logo size adjustment */
/* Assumes the image has a 1000px width to account for retina display */
.layout_logo { 
	width: 50%;
}

/* Logo size adjustment -- narrow screen (mobile) */
@media screen and (max-width: 768px) {
  .layout_logo {
	width: 90%;
	height: auto;
  }
}

/********** QUESTION AND ANSWER CUSTOMIZATIONS **********/

/* Dropdown max height adjustment */
/* When setting max-height value, use a multiple of 55px, since that aligns to height of an individual list item */
.dropdown_dropdownList.dropdown_dropdownList_isActive {
    max-height: 330px;
    padding: 3px;
    overflow: auto;
}

/********** MOBILE FONT SIZES **********/

/* Recommended: decrease font size on mobile if your client is optimizing for response rates over accessibility */
@media screen and (max-width: 768px) {

	/* Reduce font size on questions */
	/*
	.questionCaption {
	   font-size: 18px;
	   line-height: 1.2;
	   display: block;
	}
	*/

	/* Reduce padding on questions */
	/*
	.question_questionTitle {
	   padding: 10px 0;
	}
	*/

	/* Reduce padding on text blocks */
	/*
	.layout_text {
	   padding: 10px 0;
	}

	.layout_answers {
	   margin: 0 0 5px;
	}
	*/

	/* Reduce font size for validation block */
	/*
	.validation_validationBlock {
	   font-size: 15px;
	   padding-bottom: 5px;
	}
	*/

	/* Hide the longform multiselect message (e.g. the "Select all that apply" message that appears) */
	.longform_multiSelectMessage {
	   display: none;
	}

}