/* Global
-------------------------------------------------- */

html {
  position: relative;
  min-height: 100%;
  overflow-x:hidden;
}
body {
  /* Margin bottom by footer height */
  margin-top:120px;
  margin-bottom: 320px;
  font-family: 'Roboto', sans-serif;
  color:#666;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Adamina', serif;
  color:#333;
}

a {color:#123269;}

a:hover {color:#FF784F;}

p.small {font-size:10px;}

hr.border {
  display:block;
  width: 80px;
  height: 2px;
  border:none !important;
  background:#FF784F;
}

.btn-primary {
  font-family: 'Adamina', serif;
  border-radius:0px;
  background:#FF784F;
  border:none;
}

.btn-primary:hover {
  background:#FF784F;
  border:none;
  }

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background: #E7704D;
}

.btn-primary:active, .btn-primary.active {
    background: #E7704D;
    box-shadow: none;
}

.btn-primary:active, .btn-primary.active {
  background: #E7704D !important;
  box-shadow: none;
}

/* NAVBAR
-------------------------------------------------- */


.navbar {
  line-height: 90px;
}

.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 1.6rem;
    padding-left: 1.6rem;
    font-family: 'Adamina', serif;
}

.bg-light {background:#fff !important;}

navbar-expand-md .navbar-nav .nav-link {
    text-align: center;}


/* Set the border color to the desired color */ 
.custom-toggler.navbar-toggler { 
    border-color: #fff; 
} 



/* LANDING PAGE
-------------------------------------------------- */


.carousel-text {
  z-index: 12;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width:100%;
}

.carousel-text h1 {
  color:#fff;
  font-size:40px;
  }

#about, #ceo {
  padding:120px 0;
}

#ceo {
  background:#F7F7F7;
}

.info {padding: 40px 0;}

/* SECURE CONTENT
-------------------------------------------------- */

.jumbotron {
  background: url(./img/carousel-ny.jpg) no-repeat;
    background-size:cover;
    background-position: center center;
    padding:90px 0;
    border-radius:0;
}

.jumbotron h1 {color:#fff;}

.form-control {border-radius:0;}

.materials {
  padding:60px 0;
}

p.pdf:before {
    content: "";
    display: block;
    background: url(./img/icon-pdf.png) no-repeat;
    width: 22px;
    height: 26px;
    float: left;
    margin: 0 8px 0 0;
}

p.ppt:before {
    content: "";
    display: block;
    background: url(./img/icon-ppt.png) no-repeat;
    width: 22px;
    height: 26px;
    float: left;
    margin: 0 8px 0 0;
}

p.video:before {
    content: "";
    display: block;
    background: url(./img/icon-video.png) no-repeat;
    width: 27px;
    height: 20px;
    float: left;
    margin: 0 8px 0 0;
}

/* FOOTER
-------------------------------------------------- */



.footer img {margin-bottom:20px;}

.footer p {margin-bottom:0px;}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 320px;
  background:#fff;
}

.disclaimer {
	padding:40px;
	color:#fff;
	background:#123269;
}

.footer-grey{
  background:#F7F7F7;
}

.centered > a {
  text-align: center;
  font-weight: 600;
}


/* MEDIA QUERIES
-------------------------------------------------- */

/* On screens that are 992px wide or less, 
   the background color is green */ 
@media screen and (max-width: 767.98px) { 
  
.footer p, .footer address, .footer h2 {text-align:center;}
.footer hr.border {margin: 10px auto !important;}
.footer img {display: block; margin: 10px auto;}
#ceo img {display: block; margin:20px auto;}
#ceo p, #ceo address, #ceo h2 {text-align:center;}
#ceo hr.border {margin: 20px auto !important;}
.carousel-text h1 {font-size: 20px;}
.btn-primary {margin-top:.6rem !important; padding:8px 32px !important; font-size:14px;}
}