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


/* Disable transition on the longform multiselect message (e.g. the "Select all that apply" message that appears) */

.longform_longformContainer:hover .longform_multiSelectMessage, .longform_multiSelectMessage {
    transform: translateX(0);
    opacity: .55
}

/********** 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: 100%;
	height: auto;
  }
/* UAT-111: Added to center logo on mobile*/
 .layout_mainHeaderLeft {
        width: 100%;
        text-align: center;
}

}

/********** 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) {


	/* UAT 120 Reduce font size on questions */
	/*
          .questionCaption {
	   font-size: 12px; 
	   line-height: 1.2;
	   display: block;
	} */
	
/* AR: UAT 120 Reduce the size of logo */

 .layout_mainHeader {
    padding: 10px 0;
    min-height: 54px;
    display: table;
    width: 100%;
} 


	/* 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: 12px;
	   padding-bottom: 5px;
	}
	*/
}