/*
  Page URI:     heartmath.org/gci
  Description:  Custom page styling
*/

/*
 * CSS DIRECTORY
 - GLOBAL           - row, tier, anchors, lists
 - MEDIA QUERIES    - @media
*/



/* GLOBAL
================================= */
#content div.hm-tier.sec-03 ul > li > span.ico {
  position:absolute; 
  left:-110px; 
  width:96px; 
  height:130px;
  text-align:center; 
  z-index:2;
} 

#content div.hm-tier.sec-03 ul > li {
  display:table;
  vertical-align:middle;
  padding:0;
  margin-bottom:30px;
}

#content div.hm-tier.sec-03 ul > li:last-child {
  margin-bottom:0;
}

#content div.hm-tier.sec-03 ul > li span.info {
  display:table-cell;
  vertical-align:middle;
  height:130px;
}

#content .hm-tier.sec-07 > .row > .container {
  min-height:659px;
  background:url(/assets/uploads/2015/01/earth-sun-dna-molecules.jpg) no-repeat 70% top; 
}



/* MEDIA QUERIES
================================= */
@media (min-width: 1199px) {  
  #content .hm-tier.sec-07 > .row > .container {
    background-position:65% top;
  }
}

@media (max-width: 991px) {
  #content .hm-tier.sec-03 ul > li p, 
  #content .hm-tier.sec-03 ul > li h4 {
    padding-left:120px;
  }

  #content div.hm-tier.sec-03 ul > li > span.ico {
    left:20px;
  } 
}

@media (min-width: 768px) and (max-width: 991px) {
  #content .hm-tier.sec-07 > .row > .container {
    background-position:70% top;
  }
}

@media (max-width: 767px) {
  #content .hm-tier.sec-07 > .row > .container {
    min-height:1px;
    background:none;
  }
}

@media (max-width: 480px) {
  #content .hm-tier.sec-03 h2,
  #content .hm-tier.sec-03 p,
  #content .hm-tier.sec-03 ul > li p, 
  #content .hm-tier.sec-03 ul > li h4 {
    padding-left:0;
  }

  #content .hm-tier.sec-03 ul > li {
    margin-bottom:12px;
  }

  #content .hm-tier.sec-03 ul > li:last-child {
    margin-bottom:0;
  }

  #content .hm-tier.sec-03 ul > li span.info {
    height:auto;
  }

  #content .hm-tier.sec-03 ul > li > span.ico {
    display:none;
  } 
}