/*dependent on MAIN-2025.css -- ver.250605.260518.260602*/
body {
    background-color: white; 
    /*background-image: url("https://www.toyotastudy.com/toyotastudy/images/header.png");
    background-repeat: repeat-x;*/
}
/* #header0, #header2, #top-container {display: none;} */
#header0, #header2 {display: none;} /*260602*/

/*260602-----------*/
#top-container, #btm-container {
    /* background-color: #002855;
    color: white; */
    margin: 0;
    padding: 0.5em;
    text-align: center;
    width: 100%;
    min-width: 300px;
}
#top-container-inner{
    display: flex;
    align-items: center; /* Vertically align logo and text */
    margin: 0 auto;
    text-align: center;
    max-width: 975px;
}
/* Left and right logo areas */
.top-logo-left, .top-logo-right {
    width: 56px;  /* relative to container, adjust as needed */
    height: 56px;
    padding-top: 0;  /*controls aspect ratio (height relative to width) */
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    flex-shrink: 0;
}
/* .top-logo-left{background-image:url("../images/toyotalogo.svg");} */
.top-logo-left{background-image:url("https://dim7aws.davisresearch.com/260044/images/toyotalogo.svg");}
.top-logo-right{
    /* background-image:url("../images/fcev.png"); */
    background-image:url("https://dim7aws.davisresearch.com/260044/images/fcev.png");
    width: 100px;
}  
/*.top-logo-left, .top-logo-right {display:none;} /*comment this line to show, do not use display:block*/
/* Taglines area */
.taglines {
    flex: 1;
    text-align: center;
}
.taglines h1 {
    font-size: 1.8rem;
    margin:.25rem;
}
.taglines h2 {
    font-size: 1.2rem;
    margin:.25rem;
}
@media only screen
and (max-device-width: 366px) {
    .taglines h1 {font-size: 1.2rem;}
}
/*260602-----------*/

#header1 {
    display: none; /*260602*/
    /*background-image: url("https://www.toyotastudy.com/toyotastudy/images/logo.png"); 977x102*/
    /*background-image: url("https://dim7aws.davisresearch.com/260044/images/Toyotamiraiheader.png"); /*977x102*/ /*260602*/
    /*padding-top: 10.46%;*/ /* (image-height / 975 width) x 100 */
    padding-top: 7.28%; 
    border-radius: 0; 
    margin: 0;
}
#mrsurvey_top {
    display: none;
    background-color: white;
    border-style: none;
    padding-top: 1rem;
}
#mainContent {
    background-color: white;
    /*border: 1px solid gray;*/
    border-style: none;
}
#responses {
    /* border: 1px solid black; */
    border: 1px solid gray;
    border-style: solid none;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
#top_logo {
    display: none;
    height: 60px; 
    padding-bottom: 32px;
}
#NavBox {
    display: block;
    background-color: white;
    text-align: left;
}
#NavBox table {margin: 0 auto;}
#ProgressBar {display: block;}
#ProgressBar.new {display: none;}
#ProgressBar table td {text-align: center; width: 50px;}
#ProgressBar table td:nth-child(1) {text-align: left;}
#ProgressBar table td:nth-child(3) {text-align: right;}
#bottom_logo {display: none;}
#mrsurvey_bottom {display: none;}
#footer {
    display: none;
    background-color: white;
    border: 1px solid gray;
    border-radius: 0 0 8px 8px;
    border-top-style: none;
    color: #7f8287; /* dark gray */
    font-size: .75em;
    height: 0;
    padding-top: 3.32%;
    width: auto;
}
#footer a:visited {color: #fff;}
#resprivacy {display: none;}
/* radio button size */
input[type=radio], input[type=checkbox] {
    height: 1em; 
    width: 1em;
}
/*prevent iOS from styling input fields and buttons */
input[type="button"],input[type="submit"]{border-radius: 0;}

/* mrInterview */
.mrDropdown {font-size:1em;}
.mrNext, .mrPrev, .mrFirst, .mrLast, .mrStop, .mrGoto {
    border-radius: 35px !important; /* rounded corners */
    border: 1px solid gray;
    background-color: white;
    color: #646464; /* dark gray text */
    margin: 0 .5em;
    min-height: 36px;
    min-width: 100px;
    font-weight: bold;
    font-size: 1.15em;
}
.mrNext {
    background-color: #e10a1d; /*Optional - style next button a different color*/
    border: 1px solid #e10a1d;
    color: white;
}
.mrNext:hover, .mrPrev:hover, .mrFirst:hover, .mrLast:hover, .mrStop:hover, .mrGoto:hover {
     background-color: #b00715;
    border: 1px solid #E10A1D;
    color: white;
}
.mrProgressText {color: gray;}
/*instructions*/
.instruct {
    color: green;
    font-style: italic;
}
/*interviewer only text*/
.intvr {color: blue;}
/*error messages*/
.errmsg {
    color: red; 
    font-weight: bold;
}
.chevron::before {border-color: gray;}

.mrEdit {font-family:Verdana, Arial, Helvetica, sans-serif !important; font-size:1em !important; background-color: white !important;}
.hint {display:none; color:dimgray; font-size:.75em; font-style:italic; text-align:center;}
.tapmic.hint {display: none;}  /* hide tap mic icon hint for all devices, this gets shown from program */
/* show hint for mobile users to tap mic icon to speak response into open-end questions 
@media only screen and (max-width: 767px),
        only screen and (max-width: 1024px) and (orientation: landscape) and (max-height: 600px) {
    .tapmic.hint {display: block !important;}
}*/

/* MEDIA QUERIES (smallest to largest displays) - these are included to load different images based on device */
/* Phones */
@media only screen
and (min-device-width: 320px) {
	@viewport{width: 320px;}
	@-ms-viewport{width: 320px;}
	body {
		background-image: none;
		height: 100%;
	}
    /*260601*/
    /* #header1{
		height: 0;
		width: 100%;
		background-image: url("https://dim7aws.davisresearch.com/260044/images/toyotamiraimobile.png"); 
		border-radius: 0;
	} */
}
/* [A0] styles - Smartphones (320) */
@media only screen
and (orientation: portrait)
and (min-device-width: 320px) {
}
/* [A2] styles - Smartphones (320) */
@media only screen
and (orientation: landscape)
and (min-device-width: 320px)
and (min-device-height: 568px) {
}
/* [I0] styles - Phablets (737)*/
@media only screen
and (min-device-width: 737px) {
}
/* [L0] styles - Tablets/Desktops (980) */
@media only screen
and (min-device-width: 980px) {
    @viewport {
        zoom: 1.0;
        width: extend-to-zoom;
    }
    @-ms-viewport {width: device-width;}
/* body {background-image: url("https://www.toyotastudy.com/toyotastudy/images/header.png"); background-repeat: repeat-x; }*/
    #container {width:975px;}
    #header1, #header2, #mrsurvey_top, #footer {width: auto;}
    #header1 {
        display: none; /*260602*/
        /*background-image: url("https://www.toyotastudy.com/toyotastudy/images/logo.png"); background-repeat: no-repeat;
        background-size: contain;
        border-radius: 0;
        height: 0;
        margin: 0;
        padding-top: 10.44%;
        text-align:left;*/
    }
    /*#header2 {display: none;}*/
    #mainContent {min-height: 560px;}
    .prop {height:560px;}
}