/*
 * Base Styles
 */

body, body > form {
    font-size: 12px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            -webkit-flex-direction: column;
            flex-direction: column;
    min-height: 100vh;
    margin-bottom: 0; }

.main {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            -webkit-flex-grow: 1;
            flex-grow: 1;
    min-height: 25em; }

.content-section {
    font-size: 14px;
    margin: 3.25em 0 4.5em 0; }

.content-section a {
    text-decoration: underline; }

.banner-section {
    background-color: #fff;
    padding: 1em 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    color: black; }

h1, .h1 {
    font-size: 2em;
    font-weight: bold;
    color: #b71415; }

h2, .h2 {
    font-size: 1.6875em;
    font-weight: bold;
    margin-top: 1.25em; }

p {
    line-height: 1.625em;
    margin-bottom: 1em; }

.banner-section p {
    margin-bottom: 0em;
}

.banner-section-text p {
    font-size:20px;
}

a, a:visited, a:active, a:focus {
    color: #24449b;
    text-decoration: none !important;
    outline: 0; }

a:hover{
    color:black;
}

@media (min-width: 768px) {
    body, body > form {
        font-size: 14px; }
    .content-section {
        font-size: 16px; } }

@media (min-width: 992px) {
    body, body > form {
        font-size: 16px; } }


/*
 * Site Header
 */

.header {
    background-color: #24449b;
    color: #f6c95d;
    border-bottom: 1px solid #fff; }

.site-header {
    display: block;
    text-align: center; }

.site-header__logo {
    max-width: 100%;
    display: inline-block;
    line-height: 0;
    padding: 2em 0 1em 0; }

.site-header__logo a {
    display: inline-block; }

.site-header__right {
    vertical-align: middle;
    display: block;
    text-align: center;
    margin: 0 0 1em 0; }

.header-text {
    color: #fff;
    font-size: 2.5em; }

.interflora-graphic {
    max-width: 5em;
    display: inline-block;
    margin-left: 1em; }

@media (min-width: 768px) {
    .site-header {
        display: table;
        text-align: left;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-negative: 0;
            flex-shrink: 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
    .site-header__logo {
        max-width: 34.8125em;
        display: table-cell;
        vertical-align: middle;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -ms-flex-item-align: center;
            align-self: center;
        padding: 2.5em 0 1em 0; }
    .site-header__right {
        text-align: right;
        margin: 0 0 0 3.25em;
        display: table-cell; }
    .header-text {
        color: inherit;
        font-size: 1.5em; } }

@media (min-width: 768px) and (max-width: 991px){
    .site-header__logo {
        padding: 2em 0 2em 0; } }

@media (min-width: 992px) {
    .site-header__logo {
        padding: 2em 0 1.5em 0; }
    .header-text {
        font-size: 1.875em; }
    .interflora-graphic {
        max-width: 7.5em;
        margin-left: 1.5em; } }


/*
 * Header Nav
 */
.menu-bg {
    background-color:#b71415;
}
.header-nav, .navbar-header {
    border: none;
    margin-bottom: 0;
    min-height: 0; }

.header-nav .navbar-header__social-links {
    height: 4.75em;
    float: left;
    padding-left: 15px; }

.header-nav .navbar-toggle,
.header-nav .navbar-toggle.collapsed:hover,
.header-nav .navbar-toggle.collapsed:focus {
    color: white;
    background-color: black;
    border: none;
    border-bottom: 1px solid black;
    margin: 0;
    padding: 0.875em 1.5em;
    border-radius: 0;
    font-size: 1.5em; }

.header-nav .navbar-toggle.collapsed {
    color: #fff;
    background-color: #000;
    -webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out;
    transition: color .2s ease-in-out, background-color .2s ease-in-out; }

.header-nav .navbar-collapse {
    background-color: #b71415;
    box-shadow: none; }

.header-nav .navbar-nav {
    padding: 15px; }

.header-nav .navbar-nav > li {
    border-bottom: 2px solid #DB3030; }

.header-nav .navbar-nav > li:last-of-type {
    border-bottom: none; }

.header-nav .navbar-nav > li > a {
    font-size: 1.5em;
    padding: 1.1em 1em;
    margin-bottom: 0;
    white-space: nowrap;
    color: #fff;
    font-weight: 700;
    text-align: left;
    -webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out;
    transition: color .2s ease-in-out, background-color .2s ease-in-out; }

.header-nav .navbar-nav > li > a:hover,
.header-nav .navbar-nav > li > a:focus,
.header-nav .navbar-nav > li.active > a,
.header-nav .navbar-nav > li.active > a:hover,
.header-nav .navbar-nav > li.active > a:focus,
.header-nav .navbar-nav > li.open > a,
.header-nav .navbar-nav > li.open > a:focus,
.header-nav .navbar-nav > li.open > a:hover {
    color: white;
    background-color: #24449b; }

.header-nav .navbar-nav > li.open .dropdown-menu {
    padding-left: 8px;
    padding-bottom: 1em; }

.header-nav .navbar-nav > li.open .dropdown-menu > li > a {
    padding: 0.8em;
    font-size: 1.142em; }

.header-nav .navbar-nav > li.open .dropdown-menu > li > a:hover {
    color: #000;
    background-color: transparent; }

.nav-justified {
    width: auto; }

@media (min-width: 768px) {
    .header-nav .navbar-collapse {
        background-color: transparent;
        padding: 0px;
        margin-left: -1em; }
    .header-nav .navbar-nav {
        padding: 0px; }
    .header-nav .navbar-nav > li {
        border-bottom: none; }
    .header-nav .navbar-nav > li > a {
        font-size: 0.875em;
        padding: 0.5em 1em;
        text-align: center; }
    .header-nav .navbar-nav > li.open .dropdown-menu {
        padding: 10px 0;
        font-size: 1em;
        border-radius: 0 0 6px 6px;
        margin-left: -1px; }
    .header-nav .navbar-nav > li.open .dropdown-menu > li > a {
        padding: 0.75em 3em 0.75em 1.25em;
        font-size: 1em; }
    .header-nav .navbar-nav > li.open .dropdown-menu > li > a:hover {
        background-color: rgba(203, 173, 89, 0.15); !important; }
    .header-nav .nav-justified {
        min-width: 100%;
        margin: 0;
        display: table;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; }
    .header-nav .nav-justified > li {
        float: none;
        width: auto !important; }
    @supports (display: flex) {    
        .header-nav .nav-justified:before,
        .header-nav .nav-justified:after {
            content: unset; } } }

@media (min-width: 992px) {
    .header-nav .navbar-nav > li > a {
        font-size: 1em; } }


/*
 * Feature Blocks
 */

.feature-block {
    width: 100%;
    max-width: 375px;
    margin: 0 auto 2em auto; }

.feature-block a {
    display: block;
    text-decoration: none !important; }

.feature-block__image-container {
    width: 100%;
    position: relative;
    overflow: hidden; }

.feature-block__image-container:before {
    content: "";
    display: block;
    visibility: visible;
    margin-top: 70.666%; /* Ratio for 375x265 = 100/(375/265)  */ }

.feature-block__image-container img {
    min-width: 100%;
    max-width: 100%;
    height: auto;
    position: absolute;
    top: 0; }

.feature-block__title {
    display: block;
    padding: 1.125em;
    text-align: center;
    color: #fff;
    background-color: #24449b;
    font-weight: bold;
    font-size: 1.1875em;
    margin: 0;
    margin-top: 1px;
    white-space: nowrap;
    -webkit-transition: opacity 200ms ease-in-out;
    transition: opacity 200ms ease-in-out; }

.feature-block a:hover .feature-block__title {
    opacity: 0.7; }

@media (min-width: 768px) {
    .feature-block {
        margin-bottom: 0px; } }


/*
 * Social Links
 */

.social-links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: end;
        -ms-flex-align: end;
            align-items: right;
    padding-left: 1em;
    justify-content:flex-end;
}
.social-links__link {
    margin-left: 1em; }
.social-links .social-links__link:first-child {
    margin-left: 0; }
.social-links__link i {
    width: 2.25em;
    height: 2.25em;
    display: inline-block;
    background-size: 100%;
    float: left;
    -webkit-transition: opacity 200ms ease-in-out;
    transition: opacity 200ms ease-in-out;
    background-repeat: no-repeat; }
.social-links__link i:hover {
    opacity: 0.7; }
.social-links__link--facebook i {
    background-image: url('../img/facebook_56px.png'); }
.social-links__link--twitter i {
    background-image: url('../img/twitter_56px.png'); }
.social-links__link--instagram i {
    background-image: url('../img/instagram_56px.png'); }
.social-links__link--linkedin i {
    background-image: url('../img/linkedin_56px.png'); }

@media (min-width: 768px) {
    .social-links__link i {
        width: 1.75em;
        height: 1.75em; } }


/*
 * Footer
 */

.footer {
    font-size: 1.333em;
    color: #fff;
    background-color: #24449b;
    padding: 2.25em 0 1em; }

.footer-row {
    text-align: left;
    margin-bottom: 1.25em; }

.footer-header {
    font-size: 1.1875em; }

.footer-nav .nav > li > a {
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
    color:white;
}


.footer-nav .nav > li > a:focus,
.footer-nav .nav > li > a:hover,
.footer-nav .nav .open > a,
.footer-nav .nav .open > a:focus,
.footer-nav .nav .open > a:hover {
    text-decoration: underline;
    background-color: transparent; }

.footer-nav .nav > li > a:hover {
    text-decoration: underline !important;
}

.footer-nav .nav > li.open .dropdown-menu {
    padding: 10px 0;
    font-size: 1em; }

.footer-nav .nav > li.open .dropdown-menu > li > a {
    padding: 0.75em 2.5em 0.75em 1.25em;
    font-size: 1em; }

.footer-nav .nav > li.open .dropdown-menu > li > a:hover {
    background-color: rgba(203, 173, 89, 0.15); !important; }

.footer-inline {
    display: block;
    margin: 0 0 15px 0; }

@media (min-width: 768px) {
    .footer {
        font-size: 1em; }
    .footer-row {
        text-align: center; }
    .footer-nav .nav {
        font-size: 0.875em; }
    .footer-inline {
        display: inline-block;
        margin: 0 1em 15px 1em; } }

@media (min-width: 992px) {
    .footer-nav .nav {
        font-size: 1em; } }

.footer-bottom-links a, .footer-bottom-links a:active, .footer-bottom-links a:visited {
    color:white;
}

.footer-bottom-links a:hover {
    text-decoration:underline !important;
}
/*
 * Utilities
 */

.m-top-0 {
    margin-top: 0; }

.m-btm-2 {
    margin-bottom: 2em; }

.color-gold {
    color: #f6c95d; }

.color-white {
    color: #fff; }

h1:first-of-type
{ 
    margin-top:0;
}

.lnkGold, .lnkGold:active, .lnkGold:visited {
    color: #f6c95d;
}

.lnkGold:hover {
    color:white;
}

.general-right-photos {
    float: right!important;
}

/*
 * IE10 viewport hack for Surface/desktop Windows 8 bug
 *
 * See the Getting Started docs for more information:
 * http://getbootstrap.com/getting-started/#support-ie10-width
 */

@-webkit-viewport { width: device-width; }
@-moz-viewport    { width: device-width; }
@-ms-viewport     { width: device-width; }
@-o-viewport      { width: device-width; }
@viewport         { width: device-width; }

    

/*
 * Forms
 */
.form-control {
    display:inline-block; }

@media (min-width: 768px) {
    .form-control {
        width:50%; } }

@media (max-width: 768px) {
  .form-control {
      width:90%; } }

.button {
  border: solid 1px white;
  color: White;
  font-weight: bold;
  background-color: black;
  width: 180px;
  height: 40px;
  font-size: 12pt; }

.checkbox label {
    padding-left:5px; }

.checkbox {
    margin-left:20px; }

.required-large {
    color:Red;
    font-size:120%;
    padding-left:5px; }

.required {
    color:red; }

dt, dd {
    line-height:1.99em; }

.no-top-margin {
    margin-top:0;
}

.no-bottom-margin {
    margin-bottom:0;
}
.margin-bottom {
    margin-bottom:0;
}

.content-2-sections .content-section {
    margin-bottom:0;
}

/*
 * Fix for Bootstrap drop-down menus not working on mobile devices
 *
 */
.dropdown-backdrop{
    position: static; }

#googleRecaptcha {
    margin-left: 0px;
    margin-bottom: 0px;
}

