/* Search Class Schedules ZTC/Low-Cost Icon Hack */
.class-cards .class-card .info .heading .data-bubbles .ztc {
    background-image: url("https://losrios.edu/a/4774");
}

.class-cards .class-card .info .heading .data-bubbles .lowcost {
    background-image: url("https://losrios.edu/a/30886");
}

@media print {
	
	div#fatv_ai {
	    display:none;   
	}
}

/* Styles for the boxes on the Starfish pages
================================================== */
ul.custom-bull li {
        display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;      /* TWEENER - IE 10 */
        display: -webkit-flex;     /* NEW - Chrome */
        display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
-webkit-align-items: center;
     -moz-align-items: center;
      -ms-align-items: center;
          align-items: center;
}

ul.same-width li:before {
    min-width:3.6rem;
}

ul.checkbox li {
-webkit-align-items: flex-start;
     -moz-align-items: flex-start;
      -ms-align-items: flex-start;
          align-items: flex-start;
}

ul.custom-bull li:before {
    font-family: "FontAwesome";
margin-right:1.5rem;
}

ul.checkbox li:before {
    content: "\f046";
}

ul.checkmarks li {
    -webkit-align-items: flex-start;
     -moz-align-items: flex-start;
      -ms-align-items: flex-start;
          align-items: flex-start;
}

ul.checkmarks li:before {
          content: "\f00c";
}

ul.custom-bull li.calendar-bull:before {
    content: "\f274";
    font-size:2em;
}

ul.custom-bull li.smile:before {
    content: "\f118";
    font-size:2em;
}

ul.custom-bull li.comments:before {
    content: "\f0e6";
    font-size:2em;
}

ul.custom-bull li.flag:before {
    content: "\f024";
    font-size:2em;
}

ul.custom-bull li.facebook:before {
    content: "\f082";
}

ul.custom-bull li.instagram:before {
    content: "\f16d";
}

.green-checkmark:before {
color:#4f9d69;
content: "\f00c";
}

.red-x li:before {
color:#d63230;
content: "\f00d";
}

/* Old Class Schedule Temporary Color Fixes
================================================== */
td.color-background--waitlist {
	background: #fffec8!important;
}

td.color-background--closed {
	background: #ffc9c9!important;
}

td.color-background--open {
	background: #cce5cc!important;
}

/* Logo Card Styling on Branding and Content Pages
================================================== */

.logo-card {
border-radius:.8em;
}

.logo-card > div:first-child {
padding:.5em;
}

.logo-card > div.img-before img {
width: 29px; 
height: 29px; 
margin: 0 7px 0 0; 
float: left;
}

.logo-card > div:last-child {
padding:.5em;
}

.logo-card ul {
margin-bottom:0;
}

.logo-card > div.img-header {
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19 (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
    
}

.logo-card > div.img-header:before {
    font-family: "FontAwesome";
    margin-right:1.5rem;
}

.logo-card > div.img-header.check-circle:before {
    content: "\f058";
}

.logo-card > div.img-header.times-circle:before {
    content: "\f057";
}

.logo-card > .img-header > h2, .logo-card > .img-header > h3, .logo-card > .img-header > h4, .logo-card > .img-header > h5, .logo-card > .img-header > h6 {
    margin-bottom:0;
}

/* Styling for 4 link boxes used on district, Foundation, police, and LRCO websites to link to colleges
================================================== */

.feat-colleges a {
text-decoration:none;
}

.feat-college {
text-align: center;
}

.feat-college i {
border-radius: 50%; padding: 1rem; margin-top: 1rem;
}

.feat-college-arc, .feat-college-flc, .feat-college-scc {
color:white;
}

.feat-college-arc {
 background: #003058;
}

.feat-college-arc i {
color: #003058;
}

.feat-college-crc {
background: #f26e21; 
color: #00263d;
}

.feat-college-crc i {
color: #f26e21; 
background: #00263d;
}

.feat-college-flc {
 background: #017ea4;
}

.feat-college-flc i {
color: #017ea4;
}

.feat-college-scc {
 background: #8a0028;
}

.feat-college-scc i {
color: #8a0028;
}

.feat-college-arc i , .feat-college-flc i, .feat-college-scc i {
background: #fff;
}

/* Img Styles
================================================== */
.img-fluid {
    height:auto;
    max-width:100%;
    padding-bottom:1rem;
}

/* Styling for Link Cards
================================================== */
a.link-card {
    background-color:white;
    padding:.5em 1em;
    border-top:3px solid;
    border-radius:2px;
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    webkit-box-shadow: 0 20px 25px -5px rgb(0 0 0 / 10%), 0 10px 10px -5px rgb(0 0 0 / 4%);
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / 10%), 0 10px 10px -5px rgb(0 0 0 / 4%);
}

a.link-card:hover, a.link-card:focus {
    background-color:white;
    padding:.5em 1em;
    border-top:3px solid;
    border-radius:2px;
    text-decoration:none;
    display:inline-flex;
    align-items:center;
}

/* CSS */
.button-solid {
  line-height:1;
  border-radius: 10px;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  margin: 0;
  padding: 1.5rem 2.5rem;
  text-align: center;
  text-decoration: none;
  transition: all 300ms cubic-bezier(.23, 1, 0.32, 1);
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  will-change: transform;
}

.button-solid:disabled {
  pointer-events: none;
}

.button-solid:hover, .button-solid:focus {
  box-shadow: rgba(0, 0, 0, 0.25) 0 8px 15px;
  transform: translateY(-2px);
  text-decoration:none;
}

.button-solid:active {
  box-shadow: none;
  transform: translateY(0);
}