/* 
	File: costum.css
	Version: 1.0
	Date: 12/2016
    Created for the custom code for Choose-A-Major project.
	Author: dinna@spilcreative.com
*/

.content .interest {
  margin-bottom: 20px;
}

.content h2 {
  font-size: 1.2em !important;
  color: #666666;
  font-weight: 900;
  margin-bottom: 20px;
}

.content h3 {
  color: #999999;
  font-size: 1.2em !important;
}

/****************************/
/**********interest**********/
/****************************/

.interest h2 {
  text-transform: none;
}

.checkbox {
  margin-bottom: 15px;
}

.checkbox input[type="checkbox"] {
    display: none;
}

.checkbox label {
/* color: #cccccc; */
  color: #000000;
  font-weight: normal;
  cursor: pointer;
}
 
.checkbox span:before {
  font-family: 'FontAwesome';
  font-style: normal;
  content: "\f096";
  margin-right: .3em;
  -webkit-transition: color 500ms ease-in ;
  -moz-transition: color 500ms ease-in;
  -o-transition: color 500ms ease-in;
  transition: color 500ms ease-in;
}

.checkbox label:hover span,
.checkbox input[type="checkbox"]:focus ~ span {
  color: #00CCFF;
}

.checkbox input[type="checkbox"]:checked ~ span {
  color: #0067AC;
}

.checkbox input[type="checkbox"]:focus ~ span:before,
.checkbox input[type="checkbox"]:checked ~ span:before  {
  content: "\f0c8";    
}

/****************************/
/************majors**********/
/****************************/

.majors .major {
  padding-bottom: 45px !important;
  padding-left: 10px;
  padding-right: 10px;
}

.majors .major .title {
  text-transform: none;
  color: #0067AC;
  padding-bottom: 0;
}

.majors .thumbnail {
  padding-top: 15px;
  border-top: 1px solid #0065af;
}

.majors .major p.tags {
  color: #666666;
  font-size: 0.8em;
  font-weight: normal;
  padding-bottom: 40px;
}

.majors .major .img-wrapper {
  cursor: pointer;
  margin-bottom: 20px;
  position: relative;
  display: flex;
  justify-content: initial; /**DD EDIT 12.07.16 **/
  align-items: center;
  overflow: hidden;
}

.majors .major .img-wrapper img {
  opacity: 0;
  flex-shrink: 0;
  min-width: 100%;
  height: auto;
}

.img-wrapper a {
  min-width: 100% !important;
}

.majors .major .excerpt {
  font-size: 1rem;
  margin-bottom: 0.5rem;
}

@media (min-width: 640px) {
  @-moz-document url-prefix() {
    .majors .major {
      width: 33.33333% !important;
    }
  }
}

@media (max-width: 640px) {
  .majors .major .title {
    height: auto !important;
  }
}

/**DD EDIT 12.07.2016 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {width: 100%;}**/