/* Custom Theme */


/*** Hide the required icon and text ***/
.validation_requiredBlock {
  display: block;
}
/*** Full-screen background image ***/
html {
background: url(https://global.cdn.survey.medallia.com/0914d2e471e81a092e98c0bbb7eafe470cae47e5) 100% center no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}

/********** Background adjustment for mobile only so that the image is fixed on scroll **********/
@media screen and (max-width: 768px) {
img.layout_logo {
    width: 50%;
}
  #survey:before {
        content: "";
        width: 100%;
        height: 100%;
        background-size: cover;
        position: fixed;
        z-index:-1;
  }
}


.page-19 .anchor_isJustified:last-child{
  text-align: -webkit-right !important;
}

.page-19 .cell_cell.anchor:first-child{
  text-align: -webkit-left !important;
}

.indicatorRadio_indicatorRadioContainer_isSelected {
  border: 8.4px solid 8;
  background: white;
}

dropdown_dropdownContainer, .calendarTitle_calendarTitleLabel, .weekdayHeaders_weekdayHeadersContainer, .layout_answer, .modal_modalContainer, .tooltip_tooltipContentContainer {
    background-color: white;
    }

/********** DO NOT EDIT - WHITE BLOCKS AROUND QUESTION ELEMENTS ****************
This is the body of question (i.e. the grid) 
.questionBlock, .layout_globalErrorBlock {
  background-color: rgba(0, 0, 0, 0.5);
  padding: 20px;
}

.table_table.rowOption_rowOptionContainer.ratingGridRow {
    background-color: rgba(0, 0, 0, 0.5);
  padding: 20px;
}
*/

/* CENTER LOGO ON PAGE */
.layout_mainHeaderLeft {
  width: 100%;
  text-align: left;
}

.layout_layoutContainer {
  background-color: rgba(255,255,255,0.8);
}


/* change color of selectable options */
.indicatorRadio_indicatorRadioContainer_isSelected {
  border: 8.4px solid #ae2723;
  background: white;
}

header {
    border-bottom: 0px;
}

/*** Right cell: holds language selector ***/
.layout_mainHeaderRight {
    width: 30%;           /* Left and Right width must total 100% */
}

/*** Hover and Focus on the Question options ***/
.dropdown_dropdownSelector:focus, .dropdown_dropdownSelector:hover, .hasNoTouch .option_input:focus+.option_optionContainer, .hasNoTouch .option_input:hover+.option_optionContainer, .hasNoTouch .cellOption_input:focus+.cellOption_indicatorContainer, .hasNoTouch .cellOption_input:hover+.cellOption_indicatorContainer, .textarea_textareaContainer:hover, .textarea_textareaContainer_isFocused, .layoutListItem_layoutListItemContainer_hasHighlights:hover, .layoutListItem_layoutListItemContainer_hasHighlights:focus, .dropdown_dropdownListItem:hover, .dropdown_dropdownListItem:focus, .hasNoTouch .option_optionContainer:hover, .hasNoTouch .option_optionContainer_hasBoxShadow, .textField_textField:focus, .textField_textField:hover, .calendarTextfieldInput:hover, .calendarTextfieldInput:focus, .calendar_calendarIconContainer:focus, .calendar_calendarIconContainer:hover, .hasNoTouch .day_day:focus, .hasNoTouch .day_day:hover {
  box-shadow: 0 0 0 3px #ae2723;
}

.indicatorCheckbox_indicatorCheckboxContainer_isSelected {
  border: 0px;
}

.hasNoTouch .cellOption_captionContainer {
box-shadow: 0 0 0 3px #ae2723;
}

.cellOption_cellOptionContainer:hover {
    outline-color: #ae2723;
  }



.indicatorCheckbox_indicatorCheckboxContainer_isSelected {
    background: #ae2723;
}
.indicatorCircle_circle_isSelected {
  background: #ae2723;
}

/********** FONT CUSTOMIZATIONS ************************************************/

/* Adjusts color + font family of all text in the survey that are not links or error validations */
body {
  color: black;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
;
}

.rowOption_topCaption{
  font-size: 16px;
}
.option_caption, .option_indicator{
  font-size: 16px;
word-wrap: break-word;
}

/* Darken font color for text within selectable containers */
.dropdown_dropdownContainer, .calendarTitle_calendarTitleLabel, .weekdayHeaders_weekdayHeadersContainer, .layout_answer, .modal_modalContainer, .tooltip_tooltipContentContainer {
  color: #213144;
}

/* Adjusts color + font family of all error validations */
.layout_globalErrorBlock, .validation_errorBlock {
  color: #E03131;
  font-family: Futura LT W01 Book, sans-serif;
  font-weight: 400;
}

/* Adjusts color + font family of all text in the survey are links */
a {
  color: black;
  font-family: Futura LT W01 Book, sans-serif;
  font-weight: 400;
}

footer {
    background-color: #ffffff;         /* Footer background color */
}
.layout_footer {
    font-size: 12px;                   /* Text size in footer */
    padding-bottom: 32px               /* Padding below the contents to page bottom */
}
.layout_footer .layout_medalliaLogo {
    font-size: 24px;                   /* Size of the Medallia logo icon */
    padding-bottom: 8px;               /* Padding above and below the Medallia logo */
}
.layout_footer .layout_legalLinks a {
    padding: 0 2px;                    /* Padding left and right of each link */
    color: #36231c;                    /* Link text color */
}

/* Recommended: Decrease Font Size on Mobile If Your Client is Optimizing for Response Rates Over Accessibility */



  /* Reduce Font Size on Question */
  .questionCaption {
     font-size: 18px;
     line-height: 1.0;
  }



  /* Reduce Font Size for Validation Block */
  .validation_validationBlock {
     font-size: 16px;
     padding-bottom: 5px;
  }

  /* Hide Longform Multiselect Message */
  .longform_multiSelectMessage {
     display: none;
  }

/*.anchor_isJustified:first-child 
{
    color: black;
text-align: -webkit-left;
}
.anchor_isJustified:last-child
{
    color: black;
text-align: -webkit-right;
}
.anchor
{
text-align: -webkit-center;
}
.dropdown_dropdownTitle {
    display: unset;
    box-sizing: border-box;
    max-width: 20px;
    overflow: inherit;
    padding: 20px 20px;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%;
    height: 20px;
    font-size: 14px;
}*/

/********** PROGRESS BAR CUSTOMIZATION *****************************************/
/*** Progress bar ***/
.progressbar_progressBarIndicator {
  background-color: #ae2723;
}

/* PROGRESS BAR COLOR BACKGROUND (INCOMPLETE SECTION) */
.progressbar_progressBar {
  background-color: #eeeeee;
}
/* progress bar style */
.progressbar_progressBar {
  background-color: #FFF;
/*  border-bottom: 4px solid #939598;*/
}

.question_questionTitle {
  font-size: 16px;
}

/* Custom Theme */
/* primary button */
.button_button_isPrimary {
  background: #ae2723;
  background-color: #ae2723 !important;
}
.button_button_isPrimary:hover {
  background: #ae2723;
}


/*.questionBlock,
.invitationErrorFooterNode {
  margin-bottom: 20px;
}

.calendar_calendarContainer {
  width: auto;
}

.questionBlock.ratingGridQuestion.ratingGridQuestion_hasOneRow .question_questionTitle {
  background: rgba(0, 0, 0, 0.5);
}


.question_questionTitle{
  background: rgba(0, 0, 0, 0.5); 
}


/*
.questionBlock .question_questionTitle {
  padding-top: 0;
}

.layout_answers {
  margin-bottom: 20px;
}

.questionTextNode, .textNode {
  background: #FFFFFF;
  display: block;
  width: auto;
  padding: 20px;
  margin: 20px 0;
}

.calendarQuestion .question_questionTitle {
  background-color: #FFFFFF;
  margin: -20px;
  padding: 20px;  
}

.additionalValidationNode {
  background-color: #FFFFFF;
  padding: 20px;
  margin-top: -40px;
}
*/
@media screen and (max-width: 768px) {
   .anchor {
       font-size: 80%;
   }
   .button_button_isPrimary{
  width: 100%;
}
  .button_button_isSecondary {
    width: 100%;
}
.navigationButtons_navigationButtonsContainer_hasOneButton .navigationButtons_pageButtonContainer button {
    width: 100%;
    margin-left: 0px;
    }
.indicatorCircle_circle {
    border-radius: 100px;
    height: 15px;
    width: 15px;
    }
}
/*FIX FOR BORDER LINES DISAPPEARING IN CHROME WHEN ZOOMING OUT*/
.group_optionContainer {
    border-bottom: thin solid #dae0ea;
}
.tripAdvisor_taWidget {
  width: 100%;
  height: 1200px;
}
.anchor_isJustified:last-child, .rtl .anchor_isJustified:first-child {
    text-align: -webkit-right;
}
.anchor_isJustified:first-child, .rtl .anchor_isJustified:last-child {
    text-align: -webkit-left;
}
   .layout_layoutContainer_fadeInUp { 
   padding-bottom: 1px;
   }
@media screen and (max-width: 536px) {
.button_button_isSecondary {
  width: 150%;
  }
.button_button_isPrimary {
width: 70%;
margin-left: 30px;
  }
  .button_button_isPrimary:focus,.button_button_isPrimary:hover {
background-color:#36231c;
}
  }/* Custom Theme */

/*** Hide the required icon and text ***/
.validation_requiredBlock {
  display: block;
}
/*** Full-screen background image ***/
html {

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
}

/********** Background adjustment for mobile only so that the image is fixed on scroll **********/
@media screen and (max-width: 768px) {
   #survey:before {
        content: "";
        width: 100%;
        height: 100%;
        background-size: cover;
        position: fixed;
        z-index:-1;
  }
}


.page-19 .anchor_isJustified:last-child{
  text-align: -webkit-right !important;
}

.page-19 .cell_cell.anchor:first-child{
  text-align: -webkit-left !important;
}

.indicatorRadio_indicatorRadioContainer_isSelected {
  border: 8.4px solid #36231c;
  background: white;
}

dropdown_dropdownContainer, .calendarTitle_calendarTitleLabel, .weekdayHeaders_weekdayHeadersContainer, .layout_answer, .modal_modalContainer, .tooltip_tooltipContentContainer {
    background-color: white;
    }

/********** DO NOT EDIT - WHITE BLOCKS AROUND QUESTION ELEMENTS ****************
This is the body of question (i.e. the grid) 
.questionBlock, .layout_globalErrorBlock {
  background-color: rgba(0, 0, 0, 0.5);
  padding: 20px;
}

.table_table.rowOption_rowOptionContainer.ratingGridRow {
    background-color: rgba(0, 0, 0, 0.5);
  padding: 20px;
}
*/

/* CENTER LOGO ON PAGE */
.layout_mainHeader {
  width: 100%;
  text-align: center;
}

.layout_layoutContainer {
  background-color: rgba(255,255,255,0.9);
}


/* change color of selectable options */
.indicatorRadio_indicatorRadioContainer_isSelected {
  border: 8.4px solid #ae2723;
  background: white;
}

header {
    border-bottom: 0px;
}

/*** Right cell: holds language selector ***/
.layout_mainHeaderRight {
    width: 30%;           /* Left and Right width must total 100% */
}

/*** Hover and Focus on the Question options ***/
.dropdown_dropdownSelector:focus, .dropdown_dropdownSelector:hover, .hasNoTouch .option_input:focus+.option_optionContainer, .hasNoTouch .option_input:hover+.option_optionContainer, .hasNoTouch .cellOption_input:focus+.cellOption_indicatorContainer, .hasNoTouch .cellOption_input:hover+.cellOption_indicatorContainer, .textarea_textareaContainer:hover, .textarea_textareaContainer_isFocused, .layoutListItem_layoutListItemContainer_hasHighlights:hover, .layoutListItem_layoutListItemContainer_hasHighlights:focus, .dropdown_dropdownListItem:hover, .dropdown_dropdownListItem:focus, .hasNoTouch .option_optionContainer:hover, .hasNoTouch .option_optionContainer_hasBoxShadow, .textField_textField:focus, .textField_textField:hover, .calendarTextfieldInput:hover, .calendarTextfieldInput:focus, .calendar_calendarIconContainer:focus, .calendar_calendarIconContainer:hover, .hasNoTouch .day_day:focus, .hasNoTouch .day_day:hover {
  box-shadow: 0 0 0 3px #ae2723;
}

.indicatorCheckbox_indicatorCheckboxContainer_isSelected {
  border: 0px;
}


.hasNoTouch .cellOption_captionContainer {
box-shadow: 0 0 0 3px #ae2723;
}

.cellOption_cellOptionContainer:hover {
    outline-color: #ae2723;
  }



.indicatorCheckbox_indicatorCheckboxContainer_isSelected {
    background: #ae2723;
}
.indicatorCircle_circle_isSelected {
  background: #ae2723;
}

.layout_mainHeader{
	padding: 19px 2px 1px;
}

.external-links li {
    display: inline;
}
footer.layout_layoutContainer.layout_layoutContainer_fadeIn {
    padding-bottom: 20px;
}
.legal-links li, .legal-links a{
	color: black;
        font-family:'Open Sans', sans-serif;
}
.question_questionTitle{
	padding: 15px 0;
}
body{
 font-size: 16px;
}
span.validation_validationBlock.otherOptionTextfield_textfieldValidationError.otherOptionTextfield_textfieldValidationError_isHidden.validationMessage.validation_errorBlock {
    display: none;
}
.rowOption_leftCaptionContainer {
    width: 25% !important;
    padding-right: 10px !important; 
}
/*For logo size adjustment*/
.layout_logo{
        width: 50%;
        max-width: 259px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.layout_logo{
        width: 259px !important;
        max-width: 259px !important;
}
}


/********** FONT CUSTOMIZATIONS ************************************************/