@font-face {
    font-family: 'Gotham-Light';
    src: url('Gotham-Light.eot');
    src: url('Gotham-Light.eot?#iefix') format('embedded-opentype'),
        url('Gotham-Light.otf') format('opentype'), 
        url('Gotham-Light.woff') format('woff'), 
        url('Gotham-Light.ttf')  format('truetype'),
        url('Gotham-Light.svg#Gotham-Light') format('svg');
}

@font-face {
    font-family: 'Gotham-Medium';
    src: url('Gotham-Medium.eot');
    src: url('Gotham-Medium.eot?#iefix') format('embedded-opentype'),
        url('Gotham-Medium.otf') format('opentype'), 
        url('Gotham-Medium.woff') format('woff'), 
        url('Gotham-Medium.ttf')  format('truetype'), 
        url('Gotham-Medium.svg#Gotham-Medium') format('svg');
}

@font-face {
    font-family: 'Gotham-Bold';
    src: url('Gotham-Bold.eot');
    src: url('Gotham-Bold.eot?#iefix') format('embedded-opentype'), 
        url('Gotham-Bold.otf') format('opentype'), 
        url('Gotham-Bold.woff') format('woff'),
        url('Gotham-Bold.ttf')  format('truetype'), 
        url('Gotham-Bold.svg#Gotham-Bold') format('svg');
}

/* 
@font-face {
    font-family: 'futuraextra_black_italic';
    src: url('futura_extra_black_italic-webfont.eot');
    src: url('futura_extra_black_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('futura_extra_black_italic-webfont.woff2') format('woff2'),
         url('futura_extra_black_italic-webfont.woff') format('woff'),
         url('futura_extra_black_italic-webfont.ttf') format('truetype'),
         url('futura_extra_black_italic-webfont.svg#futuraextra_black_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/

* {
    border-radius: 0 !important;
}

body {
    padding-top: 54px;
    font-family: 'Gotham-Light', sans-serif;
    color:#444;
}

.blue {
  color:#1e386a !important;
}

.light-blue {
    color:#1e386a !important;
}

.purple {
    color:#1e386a !important;
}

.yellow {
  color:#1e386a !important;
}

.pink {
    color:#1e386a !important;
}

h1, h2, h3, h4 {
     font-family: 'Gotham-Bold';
     color:#1e386a;
}

a {
  color:#1e386a;
  text-decoration:underline;
}

nav a, .card .card-footer a {
  text-decoration:none !important;
}

.card {
    border:none !important;
}

.card .card-footer a {
    background-color:#1e386a !important;
    border:none;
}

.card .card-footer a:hover {
    background-color:#d03187 !important;
    border:none;
}

.card-footer, .card-body {
    border:none;
    background-color: #d0daee;
}

.container-grey {
    background-color:#EEE;
}

.grey-background {
    background-color:#EEE;
    margin-top:30px;
    padding-top:20px;
    padding-bottom:20px;
    margin-bottom:30px;
}

.highlight-edit {
    background-color:#fffd42 !important;
}

nav.bg-dark {
    background-color:#1e386a !important;
}

.navbar-dark a:hover {
  text-decoration: underline !important;
}

.title-above-form {
    margin-bottom:30px;
}

/* .business-header {
    height: 60vh;
    min-height: 400px;
    background: url('../image/header-background.png') center center no-repeat scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
} */

.business-header.small-header {
    height: 300px !important;
    min-height: 500px;
    background-color:#1b2264;
    background: url('../image/whisps-background.jpg') center center no-repeat scroll; */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.card {
    height: 100%;
}

#formTab {
    padding-bottom:30px;
}

#formTab .tab-content {
  background-color: #FFF;
  padding : 5px 15px;
}

#formTab h3 {
  background-color: #FFF;
  padding : 5px 15px;
}


.home-categories div {
    text-align:center;
}

.home-categories .card {
  min-height:216px;
}

.home-categories .card .card-body {
  padding:2rem 1rem 1rem 1rem;
}

.home-categories div h4.category-header {
    border-bottom:1px solid #CCC;
    padding-bottom:10px;
    color:#d03187;
}

.home-categories .card .card-footer {
  padding:1rem 1rem 1rem 1rem;
}

.home-categories .card .card-footer a {
    font-size:1rem;
}



/* remove border radius for the tab */

#formTab .nav-pills {
    width:100%;
}

#formTab .nav-pills > li {
    width:50%;
}

#formTab .nav-pills > li > a {
  border-radius: 0;
  width:100%;
  display:block;
  padding:10px;
  text-align:center;
  font-size:18px;
  font-family: 'Gotham-Medium' !important;
  text-decoration:none !important;
}

#formTab .nav-pills > li.active > a {
  background-color:#FFF;
}

#formTab .nav-pills > li > a.active {
  background-color:#FFF;
}



footer.bg-dark {
    background-color:#1e386a !important;
}

footer.bg-dark a {
    color:#FFF;
}

.dont-break-out {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}

@media (min-width: 992px) {
    body {
        padding-top: 56px;
    }
}

@media (max-width: 1120px) {

/*
    .business-header {
        min-height:250px !important;
    }

    .business-header.small-header {
        height:250px !important;
    }

    .business-header.small-header {
    }
    */
}

@media (max-width: 768px) {
    nav a.navbar-brand {
        font-size:14px;
    }

    /*
    .business-header {
        min-height:134px !important;
    }

    .business-header.small-header {
        height:150px !important;
    }

    .business-header.small-header {
        background-position:-165px 0px;
    }
    */
}

@media (max-width: 448px) {
    nav a.navbar-brand {
        font-size:10px;
    }
}