/************************************************
 Global
 ***********************************************/
body {
    background: #222;
    color: #444;
    font-family: "proxima-nova", sans-serif;
    font-size: 1em !important;
    line-height: 1.4;
}

.container {
    max-width: 1800px !important;
}

/* Specify font-family to get Font Awesome to work with things like placeholder text*/
.font-awesome {
    font-family: "Font Awesome 5 Pro", sans-serif;
}

.breadcrumb {
    background-color: transparent;
    border-radius: 0;
    color: #6c6c6d;
    display: block;
    list-style: none;
    margin-bottom: 0;
    margin-top: 0.5em;
    padding: 0;
}

.bs4-breadcrumb {
    background-color: #e9ecef;
    border-radius: .25rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin-bottom: 1rem;
    padding: .75rem 1rem;
}

.breadcrumb a {
    color: #6c6c6d;
    text-decoration: none;
}

.breadcrumb a:hover {
    text-decoration: underline;
}

.breadcrumb .breadcrumb-current {
    font-weight: normal;
}

/************************************************
 Typography
 ***********************************************/
h1,
h2,
h3,
h4,
h1 a,
h2 a,
h3 a,
h4 a,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h1 a:visited,
h2 a:visited,
h3 a:visited,
h4 a:visited {
    line-height: 1.4;
    text-decoration: none;
}

h1 {
    font-size: 2em;
    font-weight: 600;
    margin: 0 0 0.5em 0;
}

h2 {
    font-size: 1.8em;
    font-weight: 600;
}

h3 {
    font-size: 1.5em;
    font-weight: 600;
}

h4 {
    font-size: 1.2em;
    font-weight: 600;
}


a { color: #305bb1; }
a:visited { color: #305bb1; }
a:hover {
    color: #bb3535;
    text-decoration: none;
}

p { margin: 1em 0; }


/************************************************
 Bootstrap Color Classes
 ***********************************************/
.bg-danger { background-color: #bb3535 !important; }
.bg-light { background-color: #f5f5f5 !important; }
.bg-white { background-color: #ffffff !important; }
.bg-secondary { background-color: #dddddd !important; }

.text-blue { color: #699abc !important; }
.text-green { color: #3db198 !important; }
.text-orange { color: #ffa10e !important; }
.text-red { color: #d85e53 !important; }
.text-secondary { color: #999 !important; }
.text-secondary-dark { color: #777 !important; }
.text-white { color: #fff !important; }


/************************************************
 Hero Reset
 ***********************************************/
#hero-tabs li a { box-sizing: content-box; }

#hero .display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2;
}

#hero .display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2;
}

#hero .display-5 {
    font-size: 3.0rem;
    font-weight: 300;
    line-height: 1.2;
}

#hero .display-6 {
    font-size: 1.7rem;
    font-weight: 300;
    line-height: 1.2;
}

/************************************************
 Navbar
 ***********************************************/
.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,.5);
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255,255,255,.75);
}


/************************************************
 Footer
 ***********************************************/
footer nav ul {
    box-sizing: unset;
}

footer h3 {
    font-size: 1.17em !important;
}

footer a {
    text-decoration: none;
}

footer a:hover {
    text-decoration: underline;
}

footer hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}


/************************************************
 Buttons
 ***********************************************/
.btn-cta {
    padding: 10px 40px !important;
}

.btn-cta:hover {
    background-image: url(/images/site/bg-cta-arrow-right.png);
    background-position: 95% center;
    background-repeat: no-repeat;
}

.btn-danger {
    color: #fff;
    background-color: #bb3535;
    border-color: #bb3535;
}

/* Light */
.btn-outline-light,
.btn-outline-light:visited { color: #ffffff; }
.btn-outline-light:hover { color: #212529; }

/* Link */
.btn-link { color: #3d4962; }

/* Primary */
.btn-primary {
    color: #fff !important;
}

.btn-primary-dark {
    color: #fff;
    background-color: #11234d;
    border-color: #11234d;
}

.btn-primary-dark:hover {
    color: #fff;
}

.btn-outline-primary,
.btn-outline-primary:visited {
    color: #007bff;
    border-color: #007bff;
}
.btn-outline-primary:hover { color: #ffffff; }

/* Secondary */
.btn-outline-secondary { color: #6c757d; }
.btn-outline-secondary:hover { color: #ffffff; }

.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle {
    color: #666666;
    background-color: #E3E4E6;
    border: none;
    border-radius: 3px;
    padding: 7px;
}

/* Group */
.btn-group {
    border-radius: 5px;
    background-color: #BABABC;
    padding: 5px;
}

.btn-group .btn-secondary {
    color: #fff;
    background-color: #BABABC;
    border-color: #BABABC;
}

/************************************************
 Cards
 ***********************************************/
.card {
    border-radius: 0;
}

.card-title {
    margin-bottom: .25rem;
}

h5.card-text {
    font-weight: bold;
    margin: 0;
}

.card i {
    transition-property: color, opacity;
    transition-duration: 0.3s;
}

/************************************************
 Icon Cards
 ***********************************************/
.icon-card h2.card-title {
    font-size: 1.5em;
    font-weight: bold;
    margin: 0 0 .5em 0;
}

.icon-card .card-body p {
    margin: .5em 0 0 0;
    padding: 0;
}

.icon-card-blue:hover i {
    color: #3598DB;
}

.icon-card-red:hover i {
    color: #eb4c3d;
}

.icon-card-green:hover i {
    color: #2ecd71;
}

.icon-card-yellow:hover i {
    color: #f1c40f;
}


/************************************************
 Team Page
 ***********************************************/
.social-icon {
    border: 1px solid #ccc;
    border-radius: 50%;
    bottom: 15px;
    color: #939393;
    display: block;
    height: 30px;
    position: absolute;
    text-align: center;
    width: 30px;
}

.social-icon:hover {
    background-color: #3598DB;
    border-color: #3598DB;
}

.social-icon:hover i {
    color: #ffffff;
}

.social-icon i {
    font-size: 14px;
    margin: 8px 0 0 1px;
}

.contact-image {
    background-position: center;
    background-repeat: no-repeat;
    height: 270px;
}

@media (max-width: 768px) {
    .social-icon {
        bottom: 20px;
        right: 15px;
    }

    .contact-image {
        margin: 0 0 1.5em 0;
    }
}

.dropdown-menu.show {
    cursor: pointer;
}

.order-group {
    background: #fefefe;
    cursor: pointer;
}

.order-group-toggle {
    color: #212529 !important;
    margin: 0 !important;
    padding: 0 !important;
    float: right;
}

.order-row {
    background: #efefef;
}


/************************************************
 Picture Cards
 ***********************************************/

.picture-card-container *, .picture-card-container *,
.card-container *, .card-container *
{
    -webkit-box-sizing: initial;
    -moz-box-sizing: initial;
    box-sizing:content-box;
}


/************************************************
 Accordion
 ***********************************************/
.accordion .card {
    display: flex;
    height: 100%;
    margin: 0;
    width: 100%;
}

.accordion .card-header:hover {
    background: #d8d8d8;
}

.accordion .card .card-header {
    padding: .75rem 1.25rem;
    text-align: left;
}

.collapse-icon {
    float: left;
    font-size: 22px;
    padding: 10px 5px 0 0;
}

/************************************************
 Mini menu break point
 ***********************************************/
@media screen and (max-width: 992px) {
    .account2019 #content > div.bg-left-column,
    .account2019 #content > div.max-width.clearfix > div.column.narrow.left.clearfix {
        display: none;
    }

    .account2019 #content > div.max-width.clearfix > div.column.wide.right.clearfix {
        margin-left: 0;
    }
}

/************************************************
 Blog
 ***********************************************/
.blog header {
    background: radial-gradient(circle at 50% 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 110%), url(/images/site/bg-hero-blog.jpg) center no-repeat;
    background-size: cover;
}

.blog #learn-more {
    background: url(/images/site/bg-blog-learn-more.jpg) center no-repeat;
    background-size: cover;
}

.blog #learn-more .jumbotron {
    background-color: rgba(0,0,0,0.5);
}

/************************************************
 Fix conflicts with main.css
 These should be eliminated as elements get updated
 ***********************************************/

/* Fix spacing that breaks some legacy elements */
#enterprise-lms-options-modal *,
#leadgen-form-modal *,
#product-options-modal *,
#sponsor-form-modal *,
.paging * {
    box-sizing: content-box;
}

#home-aap h2 {
    margin: 0 0 0.5em 0;
}

.cards.feature-image .card {
    border: none;
}

.view-toggle-controls a {
    color: #bbb;
}

.text-100 { font-weight: 100 !important; }
.text-300 { font-weight: 300 !important; }
.text-400 { font-weight: 400 !important; }
.text-bold { font-weight: bold !important; }
.text-bolder { font-weight: bolder !important; }
.text-lighter { font-weight: lighter !important; }

.no-padding{ padding: 0px; }

#faq .header h2 {
    color: #fff;
    font-weight: bold;
    margin: 1em 0;
}

#enterprise-lms-options-modal.modal-dialog,
#leadgen-form-modal.modal-dialog,
#product-options-modal.modal-dialog,
#sponsor-form-modal.modal-dialog {
    max-width: 900px;
    pointer-events: auto;
    width: 95%;
}

#shop-login.modal {
    height: auto;
}

/***** Account *****/
.account2019 .modal-dialog {
    background: transparent;
    display: block;
    left: 0 !important;
    position: relative !important;
    top: 0 !important;
}