/* Add all Custom CSS here so theme updates can be applied */
.margintop0 {margin-top:0 !important;}
.margintop5 {margin-top:5px !important;}
.margintop10 {margin-top:10px !important;}
.margintop15 {margin-top:15px !important;}
.margintop20 {margin-top:20px !important;}
.margintop25 {margin-top:25px !important;}
.margintop30 {margin-top:30px !important;}
.margintop35 {margin-top:35px !important;}
.margintop40 {margin-top:40px !important;}
.margintop45 {margin-top:45px !important;}
.margintop50 {margin-top:50px !important;}
.margintop55 {margin-top:55px !important;}
.margintop60 {margin-top:60px !important;}
.margintop65 {margin-top:65px !important;}
.margintop70 {margin-top:70px !important;}
.marginbot0 {margin-bottom:0 !important;}
.marginbot5 {margin-bottom:5px !important;}
.marginbot10 {margin-bottom:10px !important;}
.marginbot15 {margin-bottom:15px !important;}
.marginbot20 {margin-bottom:20px !important;}
.marginbot25 {margin-bottom:25px !important;}
.marginbot30 {margin-bottom:30px !important;}
.marginbot35 {margin-bottom:35px !important;}
.marginbot40 {margin-bottom:40px !important;}
.marginbot45 {margin-bottom:45px !important;}
.marginbot50 {margin-bottom:50px !important;}
.marginbot55 {margin-bottom:55px !important;}
.marginbot60 {margin-bottom:60px !important;}
.marginbot65 {margin-bottom:65px !important;}
.marginbot70 {margin-bottom:70px !important;}
.padding0 {padding:0 !important;}
.padding5 {padding:5px !important;}
.padding10 {padding:10px !important;}
.padding15 {padding:15px !important;}
.padding20 {padding:20px !important;}
.padding25 {padding:25px !important;}
.padding30 {padding:30px !important;}
.padding35 {padding:35px !important;}
.padding40 {padding:40px !important;}
.padding45 {padding:45px !important;}
.padding50 {padding:50px !important;}

.section-dark .cta-txt.title-centered h2 {color:#FFF; font-size: 38px; margin-bottom: .5em;}
.section-dark .cta-txt.title-centered h3 {color:#FFF; font-size: 26px; margin-bottom: .5em;}
.section-dark .cta-txt.title-centered p {color:#FFF; font-size: 22px; margin-bottom: .5em; line-height:26px;}

.section-dark {
  margin: 0 -100% 50px -100%;
  padding: 30px 100% 30px 100%;
  background: #2284bc;
  overflow: hidden;
}
.section-dark.siyhnnohead {
  margin: 0 -100% 0 -100%;
  padding: 30px 100% 30px 100%;
  background: #2284bc;
  overflow: hidden;
}
.section-dark.siyhnnohead .bq-author-info {color:#FFF;}
.section-dark.siyhnnohead .bq-author h6 {color:#ffe165;}

.title-centered > h2 {
font-size: 35px;
margin-bottom: 1.2em;
}

.list h4 {text-transform:none !important; font-size:20px;}
.large-centered {font-size:18px; text-align:center !important; line-height:28px;}

body.siyhn-home .page-content {padding-top: 0; padding-bottom: 0;}
body.siyhn-home .page-content .section-dark:last-child {margin-bottom: 0; padding-bottom:60px;}

.icon-box .icon-box-body h3, .icon-box .icon-box-body h4 {font-size:24px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);}
.section-dark .icon-box .icon-box-body h3, .icon-box .icon-box-body h4 {text-shadow: none; color:#FFF;}

.panel-group .panel-title > a {
background-image: -webkit-linear-gradient(top, #2284bc 0%, #2284bc 100%);
background-image: linear-gradient(to bottom, #2284bc 0%, #2284bc 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3498db', endColorstr='#ff258cd1', GradientType=0);
}
.header-top {
  background: #2f2f2f;
  padding: 14px 0;
  color: #49c4de;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
}

section.module.parallax {
  /*height: 200px;*/
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin: 0 -100% 0 -100%;
  padding: 0 100% 0 100%;
  overflow: hidden;
}
section.module.parallax-bg {
  background-image: url("/media/bg-parallax.jpg");
}
.accent-bgcolor-1 {background:#a1ddff;}
.accent-bgcolor-2 {background:#2097da;}
.accent-bgcolor-3 {background:#003655;}

.icon-box h2.accent-bgcolor-1, .icon-box h2.accent-bgcolor-2, .icon-box h2.accent-bgcolor-3 {color:#FFF; text-align:center;}
.icon-box h2.accent-bgcolor-1 a,
.icon-box h2.accent-bgcolor-2 a,
.icon-box h2.accent-bgcolor-3 a {
	color:#FFF !important;
}

body.siyhn-home .icon-box a.btn.btn-primary, body.siyhn-enroll .icon-box a.btn.btn-primary {display: block; text-align: center; position: relative;}
body.siyhn-enroll button.btn.btn-primary, body.siyhn-enroll a.btn.btn-primary {display: block; text-align: center; position: relative; width:100%;}

body.siyhn-contact .page-content {
padding-top: 64px;
padding-bottom: 0;
}
body.siyhn-contact section.module.parallax {padding: 0 100% 0 100% !important;}
body.siyhn-home section.module.parallax {padding: 80px 100% 60px 100% !important;}

.blue-lg {font-size:18px; color:#2284bc; font-weight:bold; line-height:28px;}
.bluespan {color:#2284bc;}
.page-heading .bluespan {color:#49c4de;}

.gold-lg {font-size:18px; color:#ffe165; font-weight:bold; line-height:28px;}
.goldspan {color:#ffe165;}
.page-heading .goldspan {color:#ffe165;}


.reveal-if-active {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transform: scale(0.8);
  transition: 0.5s;
  input[type="radio"]:checked ~ &,
  input[type="checkbox"]:checked ~ & {
    opacity: 1;
    max-height: 100px;
    overflow: visible;
    padding: 10px 20px;
    transform: scale(1);
  }

input[type="radio"]:checked ~ .reveal-if-active {
  opacity: 1;
  max-height: 100px; /* little bit of a magic number :( */
  overflow: visible;
}
