@import url('https://fonts.googleapis.com/css?family=Yellowtail');
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap');


/* site-wide rules & general layout */
a { cursor: pointer; }
body { font-family: 'Quicksand'; font-size: 16px; }
header#topbar { background-image: url("/assets/blue-pattern-2b36369d.png");  background-repeat: repeat; padding: 10px 10px; }
.navbar-default { background: #fff !important; margin-bottom: 0; border-bottom: 0 !important; }
.page-banner { background: url("/assets/page-banner-319a93c5.png") center center no-repeat; background-size: cover; height: 200px; }
footer { background: #1a3a6f; padding: 30px 0px; }
footer h1 { font-family: 'Quicksand'; font-weight: 300; }
footer .footer-contact { color: #fff; }
footer .footer-contact h5 { font-size: 20px; font-weight: bold; font-family: "Cairo"}
footer .footer-contact p { font-size: 16px; color: #fff; margin: 0; }
footer .footer-contact a, footer .footer-contact a:hover { font-size: 24px; color: #fff; }
footer p.tagline { color:#F15A24; font-family: 'Yellowtail'; font-size: 25px; }
footer#copyright { background: #ebebeb; padding: 20px 10px 10px 10px; }


/* Naviation */
header#topbar p { margin-bottom: 0; text-align: left; color: #fff; padding: 10px 10px; }
header#topbar p a { color: #ffffff; }
header#topbar p a:hover { color: #aaa; }

.navbar-default { border-color: #fff; }
.navbar-brand>img { margin-top: 3px;  }
.navbar-nav>li>a { font-family: 'Quicksand'; text-transform: uppercase; font-size: 20px; font-weight: 300; border-bottom: 3px solid transparent; }
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus { background-color: #fff; color: #1a3a6f; border-color: #1a3a6f; }
.navbar-default .navbar-toggle { margin-top: 40px; margin-bottom: 40px; }

/* Text Styling */
h1 span { font-family: 'Cairo'; text-align: center; font-size: 25px; color: #7c7c7c;  text-transform: none; }
h1.fancy { font-family: 'Cairo'; color: #fff; font-size: 30px; font-weight: 400; }
h1.fancy span { color: #F15A24; }
h1.fancy small { font-family: 'Cairo'; color: #979797; font-size: 24px; font-style: italic; font-weight: 200; }

h2 { text-align: center; }
h2 a { font-family: 'Cairo'; font-size: 25px; color: #fff; text-align: center; }
h2 a:hover { color: #9abedc; text-decoration: none; text-align: center; }
h2.underline:after, p.underline:after { content: ''; display: block; width: 50px; height: 4px; margin-top: 7px; margin-left: 43%; margin-bottom: 20px; }
h2.underline.underline-red:after, p.underline.underline-red:after { background: #ed1c24; }

h3.underline.underline-red { font-family: 'Cairo'; font-size: 30px; color: #7c7c7c; text-transform: uppercase; }
h3.underline:after, p.underline:after { content: ''; display: block; width: 50px; height: 4px; margin-top: 7px; margin-bottom: 20px; }
h3.underline.underline-red:after, p.underline.underline-red:after { background: #ed1c24; }

p, ul li { font-family: 'Quicksand'; color: #555; font-size: 16px; }
strong { color: #1a3a6f; font-size: 16px; }
p#moneris-errors { color: red; font-size: 1.5em; text-transform: uppercase; }

div.divider { border-bottom: 1px #ccc dotted; padding-top: 5px; margin-bottom: 15px; }

/* Intro Band Top */
div.intro-band { margin-top: 20px; margin-bottom: 20px; }
div.intro-band h1 { font-family: 'Cairo'; color: #19396d; text-transform: uppercase; font-weight: 600; text-align: center; border-bottom: 1px solid #ebebeb; padding-bottom: 10px; margin-bottom: 20px; } 
div.intro-band p { color: #555; font-size: 16px; } 

/* Quick Link 3 Features */
div#quick-links { margin: 30px 0px 60px 0px;  }
div#quick-links div.nopadding:nth-child(1) > div { background: image-url("why-burwin-courses.png") center center no-repeat; background-size: cover; padding: 70px 0px; height: 210px; }
div#quick-links div.nopadding:nth-child(2) > div { background: image-url("how-burwin-courses-work.png") center center no-repeat; background-size: cover; padding: 70px 0px; height: 210px; }
div#quick-links div.nopadding:nth-child(3) > div { background: image-url("register-today.png") center center no-repeat; background-size: cover; padding: 70px 0px; height: 210px; }

/* Intro Band Top */
div#alt-band, div.grey-band { background: #ebebeb; margin: 30px 0px 0px 0px; padding-top: 30px; padding-bottom: 40px; }
div.content-band { padding-top: 15px; padding-bottom: 30px; }
div.content-band h3:nth-child(1), div.content-band h4:nth-child(1) { margin-top: 0; }
div.grey { background: #ebebeb; }
div.white { background: #ffffff; }

ul#contact li { font-family: 'Cairo'; color: #fff; font-size: 20px; list-style: none; line-height:30px; }
ul#contact li a {font-family: 'Cairo'; color: #fff; }
ul#contact li a:hover { color: #ed1c24; text-decoration: none; }
ul#contact li span { color: #ccc; }

ul.links { list-style: none;  margin-left: 0;  padding-left: 0; margin-top: 5px; }
.links li { padding-bottom: 5px; }
.links li a { padding-left: 1em; text-indent: -1em; }
.links li:before  { content: ">"; color: #ed1c24; font-weight: 600; }


/* Courses Section */
div.blue { background: #1a3a6f; margin-bottom: 15px; padding-top: 18px; padding-bottom: 18px; }
div.blue p { font-family: 'Cairo'; font-size: 18px; color: #fff; padding-left: 21px; margin-bottom: 0; }
div.blue p a { color: #fff; cursor: pointer; }
div.blue p a i { font-size: 25px; position: relative; right: 0; float: right; margin-right: 15px; }
div#alt-band a.btn { font-family: 'Cairo'; font-size: 18px; font-weight: 600; text-transform: uppercase; border-radius: 0px; border: none; float: right; color: #fff; padding: 10px 40px; background: #1a3a6f; margin-bottom: 15px; margin-top: -40px; }
div#alt-band a:hover { background: #9abedc; }
div#cost-band { background: #ddd; padding: 10px; text-align: center; font-family: 'Cairo'; font-size: 20px; color: #ed1c24; font-weight: 700; margin-top: 5px; margin-bottom: 10px; }

/* FAQ Section */
ul.faq-sections a { font-family: 'Cairo'; font-size: 18px; display: inline; color: #1a3a6f; padding: 5px; }
ul.faq-sections span { color:  #ed1c24; font-weight: 900; }
ul.faq-sections li { text-decoration: none; display: inline; }

.collapse { display: none; }

.panel-body { border: #ddd solid 1px; }
.panel-heading { cursor: pointer; }
i { position:absolute; right: 40px; color: #36904b; font-size: 18px; -webkit-transition:all 300ms ease-in 0s; -moz-transition: all 300ms ease-in 0s; -o-transition: all 300ms ease-in 0s; transition: all 300ms ease-in 0s;}
.ui-state-active i { color: #36904b; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg); transform: rotate(180deg); }

 .rotate { color: #36904b; -webkit-transform: rotate(-180deg); -moz-transform: rotate(-80deg); -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg); transform: rotate(-180deg); transition: .3s; }


/* Contact Page */
ul#contact-info { font-size: 20px; list-style: none; line-height:30px; list-style: none; margin-left: -42px;  }
ul#contact-info li a:hover { color: #ed1c24; text-decoration: none; }


/* Buttons */
.btn.btn-secondary { background:  #42af5b; text-transform: uppercase; border-radius: 0px; padding: 10px 40px; text-align: center; color: #fff; }
.btn.btn-primary { background:  #1a3a6f; text-transform: uppercase; border-radius: 0px; padding: 10px 40px; text-align: center; margin-bottom: 25px; }
.btn.btn-default { background:  #fff; text-transform: uppercase; border-radius: 0px; border: none; float: right; color: #1a3a6f; padding: 10px 40px; }

div.help-block > p { color: #737373; font-size: 14px; }

/* FORM */
label.error { color: red; }
legend { font-family: 'Cairo'; }

/* Very Small Screen (450px and down) */
@media (max-width: 450px) { 
}

@media (max-width: 550px) { 
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
}

@media (max-width: 991px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  nav.navbar { margin-bottom: 0px; }
  nav.navbar-default { text-align: center; }
  nav.navbar-default ul.nav { 
    float: none !important; 
    display: inline-block;
    text-align: center;
  }
  nav.navbar-default ul.nav > li { 
    float: none !important; 
    display: inline-block; 
  }
  nav.navbar-default ul.nav li a { padding: 40px 10px; }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  nav.navbar-default ul.nav li a { padding: 20px 20px; }
}