@import url('https://fonts.googleapis.com/css?family=Cinzel|Cabin:400,700,900');

#casasponsorpage {font-family: 'Cabin', san-serif !important;  color: #333 !important; background: white; }
#casasponsorpage h1 { font-size: 2.5rem; text-transform: none; text-decoration: none;  border: none; }
#casasponsorpage h2 { font-size: 1.5rem;  margin: 0; font-weight: 400; text-decoration: none; border: none; color: white;} 
#casasponsorpage h3 { font-size: 1.25rem; text-decoration: none;  border: none; font-weight: bold; margin: 0 0; padding: 0 0 10px 0px; margin-block-start: 0; margin-block-start: 0; background: none;}
#casasponsorpage h5 { font-size: .7rem; text-transform: uppercase; color: #888; margin: 0; line-height: 1rem; text-decoration: none;  border: none; font-weight: bold; background: none; }
#casasponsorpage a { text-decoration: none; }
#casasponsorpage a:hover { text-decoration: none; color: #333; }
#casasponsorpage { padding: 20px; }


.flexrow, .flexauto { display: flex; }
.flexrow > div { flex: 1;}
.flexrow > div.minicell { flex: .5; }
.flexrow > div.maincell { flex: 2; }
.flexrow > div.smallcell { flex: 1; }
.flexrow > div.set300 { flex: 0 0 300px; }
.flexrow > div.detailheaderside { flex: 0 0 80px; margin-right: 10px; }
.comapnyfactstable .flexrow { align-items: center;}

.detailheaderside { background: rgba(0,0,0,0.1); padding: 10px; }
.profilepicside { max-width: 300px; padding-bottom: 10px;}
.sponsoritem-logoside {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.alternaterows > div, .lineunderrow > div { padding: 10px;}
.alternaterows > .alternaterow:nth-child(odd) { background: rgb(223, 223, 223);}
.alternaterows > .alternaterow:nth-child(even) { background: rgb(255, 255, 255); }
.alternaterows > .nopadding, .lineunderrow > .nopadding { padding: 0; }
#casasponsorpage  .alternaterows > .categoryheader, #casasponsorpage  .lineunderrow > .categoryheader { 
    background: #555;
    padding: 10px;
    color: white !important;
    font-size: 1.5rem;
    text-align: left;
  }
.lineunderrow > div { border-bottom: 1px rgb(202, 202, 202) solid;}

.companyline { align-items: center; }

.centertext { text-align: center;}


.mediumsizeicon { font-size: 1.7rem; vertical-align: middle; padding-bottom: 0px; }
.smallicon { font-size: 1rem; vertical-align: middle; padding-bottom: 3px; }
.greenicon { color: #28a745;}
.orangeicon { color: #FF5722; }
.purpleicon { color: #673AB7; }
.brownicon { color: #795548; }
.blueicon { color: #007bff; }
.goldicon { color: #e0a800; }
.tealicon { color: #009688; }
.redicon { color: #f44336; }
.pinkicon { color: #ff9790; }
.greyicon { color: #607D8B; }
.blackicon { color: #f44336; }
.bronzeicon { color: #cd7f32; }
.silvericon { color: #C0C0C0; }
.blackicon { color: #333;}
.goldicon { color: #ffd700; }
.platinumicon {     
  color: #eaeaea;
  background: #9906a2;
  border-radius: 100%;
  border: 1px #000000 solid;
  overflow: hidden; 
}
.greentext { font-weight: bold; color: #28a745;}
.redtext { font-weight: bold; color: #b90c0c;}

@media only screen and (max-width: 767px) {
  .flexrow.stackonmobile { display: block; }
}