/* --- CSS for LinksPage and All LinkSourceType Pages --- */
/*--- in the oder of how things appear on the page ---*/
  
  
a {text-decoration:none}
a:hover { text-decoration: underline }
.main-subtext { font-size:1.6rem; line-height:2rem; text-align:center; padding-top:0px; padding-bottom:40px; margin:0 auto; }

.subpanel { width:33%; border:solid 1px #efefef; display:inline-block; min-height:30px; vertical-align:top; }
.subpanel-title { font-size:3.5rem; font-weight:900; line-height:4rem; text-align:center; padding-top:80px; max-width:600px; margin:0 auto; }
.subpanel-media { text-align:center; margin:0 auto; margin-top:20px; } 
.subpanel-subtext { font-size:1.6rem; line-height:2rem; text-align:left; padding-top:40px; padding-bottom:20px; margin:0 auto;}
.subpanel-subtitle { font-size:1.8rem; font-weight:900; line-height:2.2rem; text-align:center; } 
.subpanel-image { }

.odriveplus { max-width:700px; margin:0 auto; padding:0 0 40px 0; }
.getstarted { max-width:700px; margin:0 auto; padding:0px 0 40px 0; }
.subpanel-subtext-holder {   }
.subpanel-image { text-align:center; padding:40px 0; }
.od4b-gif1 { width:90%; }
.od4b-gif2 { width:70%; }
.od4b-gif3 { margin-top:-45px; width:55%; }

.odrive-login-icon { width:40px; padding:10px 10px 8px 0; } 
.odrive-login-text { vertical-align:125%; }

.oxygen-login-button { height:100%; margin:0 auto; background-color:#ff3399; text-align:center; }
.oxygen-login-button:focus { background-color:#ff3399; }
.oxygen-login-button:hover { background-color:#e61a80; }
.oxygen-login-button:active { background-color:#00177F; }

.od4b-login-button { height:100%; margin:0 auto; background-color:#094AB2; text-align:center; }
.od4b-login-button:focus { background-color:#094AB2; }
.od4b-login-button:hover { background-color:#003199; }
.od4b-login-button:active { background-color:#00177F; }

.accordionHolder{ margin:0 auto; max-width:50%; }
#accordionO2Support { margin-bottom:20px; }
#accordionO2Support .ui-accordion-header { font-size:2.4rem; font-weight:300; line-height:3.6rem; }
#accordionO2Support .ui-state-default a:hover{ color: #0FA0CE; }
 
 

/*---- Media tags ----*/

@media (min-width: 319px) {

  .holder-lp { width:95%; padding:0 15px; z-index:1; position:relative; } 

}

@media (min-width: 400px) {

}

@media (min-width: 550px) {

}

@media (min-width: 590px) {
  
}

@media (min-width: 600px){

}

@media (min-width: 850px) {
  .holder-lp { width:100%; z-index:1; position:relative; }   
}

@media (min-width: 1000px) {

}

@media (min-width: 1200px) {

}