/* LearnCube - Grid system and layout */

.container {
            adding-right: 15x;
            adding-left: 15x;
            margin-right: auto;
            margin-left: auto
        }

.container {
                width: 750x
            }

.container {
                width: 970x
            }

.container {
                width: 1170x
            }

.container > .navbar-collapse, .container > .navbar-header {
            margin-right: -15px;
            margin-left: -15px
        }

.container > .navbar-collapse, .container > .navbar-header {
                margin-right: 0;
                margin-left: 0
            }

.container .navbar-brand {
                margin-left: -15px
            }

.container:after, .container:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .row:after, .row:before {
            display: table;
            content: " "
        }

.container:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .row:after {
            clear: both
        }

.container.features {
            width: 100%;
            padding-left: 40px;
            padding-right: 15px;
            background: #fff
        }

.container.icon-sub {
            margin-top: 20px
        }

.container.blog {
            width: 90%
        }

.container.blog .fal {
            min-width: 22px
        }

.row {
            margin-right: -15x;
            margin-left: -15x
        }

.col-lg-12, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-6, .col-sm-12 {
            osition: relative;
            min-height: 1x;
            adding-right: 15x;
            adding-left: 15x
        }

.col-sm-12 {
                float: left
            }

.col-sm-12 {
                width: 100%
            }

.col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-6 {
                float: left
            }

.col-md-12 {
                width: 100%
            }

.col-md-6 {
                width: 50%
            }

.col-md-4 {
                width: 33.33333333%
            }

.col-md-3 {
                width: 25%
            }

.col-md-2 {
                width: 16.66666667%
            }

.col-md-offset-3 {
                margin-left: 25%
            }

.col-lg-12 {
                float: left
            }

.col-lg-12 {
                width: 100%
            }

.col-md-6 {
            margin-left: 130px
        }

.col-md-4.flip-container b {
            font-size: 19px
        }

.col-md-4.flip-container p {
            font-size: 16px
        }

.col-1 {
            width: 8.33333%
        }

.col-2 {
            width: 16.66667%
        }

.col-3 {
            width: 25%
        }

.col-4 {
            width: 33.33333%
        }

.col-5 {
            width: 41.66667%
        }

.col-6 {
            width: 50%
        }

.col-7 {
            width: 58.33333%
        }

.col-8 {
            width: 66.66667%
        }

.col-9 {
            width: 75%
        }

.col-10 {
            width: 83.33333%
        }

.col-11 {
            width: 91.66667%
        }

.col-12 {
            width: 100%
        }

.col-xl-1 {
                width: 8.33333%
            }

.col-xl-2 {
                width: 16.66667%
            }

.col-xl-3 {
                width: 25%
            }

.col-xl-4 {
                width: 33.33333%
            }

.col-xl-5 {
                width: 41.66667%
            }

.col-xl-6 {
                width: 50%
            }

.col-xl-7 {
                width: 58.33333%
            }

.col-xl-8 {
                width: 66.66667%
            }

.col-xl-9 {
                width: 75%
            }

.col-xl-10 {
                width: 83.33333%
            }

.col-xl-11 {
                width: 91.66667%
            }

.col-xl-12 {
                width: 100%
            }

.col-lg-1 {
                width: 8.33333%
            }

.col-lg-2 {
                width: 16.66667%
            }

.col-lg-3 {
                width: 25%
            }

.col-lg-4 {
                width: 33.33333%
            }

.col-lg-5 {
                width: 41.66667%
            }

.col-lg-6 {
                width: 50%
            }

.col-lg-7 {
                width: 58.33333%
            }

.col-lg-8 {
                width: 66.66667%
            }

.col-lg-9 {
                width: 75%
            }

.col-lg-10 {
                width: 83.33333%
            }

.col-lg-11 {
                width: 91.66667%
            }

.col-lg-12 {
                width: 100%
            }

.col-md-1 {
                width: 8.33333%
            }

.col-md-2 {
                width: 16.66667%
            }

.col-md-3 {
                width: 25%
            }

.col-md-4 {
                width: 33.33333%
            }

.col-md-5 {
                width: 41.66667%
            }

.col-md-6 {
                width: 50%
            }

.col-md-7 {
                width: 58.33333%
            }

.col-md-8 {
                width: 66.66667%
            }

.col-md-9 {
                width: 75%
            }

.col-md-10 {
                width: 83.33333%
            }

.col-md-11 {
                width: 91.66667%
            }

.col-md-12 {
                width: 100%
            }

.col-sm-1 {
                width: 8.33333%
            }

.col-sm-2 {
                width: 16.66667%
            }

.col-sm-3 {
                width: 25%
            }

.col-sm-4 {
                width: 33.33333%
            }

.col-sm-5 {
                width: 41.66667%
            }

.col-sm-6 {
                width: 50%
            }

.col-sm-7 {
                width: 58.33333%
            }

.col-sm-8 {
                width: 66.66667%
            }

.col-sm-9 {
                width: 75%
            }

.col-sm-10 {
                width: 83.33333%
            }

.col-sm-11 {
                width: 91.66667%
            }

.col-sm-12 {
                width: 100%
            }

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
            position: relative;
            min-height: 1px;
            padding-right: 15px;
            padding-left: 15px;
        }

/* LearnCube Layout Utilities */

/* Spacing Utilities */
.mar-lft {
    margin-left: 15px;
}

.mar-top {
    margin-top: 20px;
}

.mar-all {
    margin: 20px;
}

.mar-btm {
    margin-bottom: 5px;
}

.pad-lft {
    padding-left: 10px;
}

.pad-all {
    padding: 20px;
}

/* Text Alignment */
.centered {
    text-align: center;
}

.text-center {
    text-align: center;
    display: block;
    margin: auto;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

/* Display Utilities */
.hidden {
    opacity: 0;
}

.show-below-fold {
    /* Content that appears after initial load */
}

/* Container Variations */
.container.features {
    width: 100%;
    padding-left: 40px;
    padding-right: 15px;
    background: #fff;
}

.container.page {
    margin-top: 80px;
    margin-bottom: 20px;
}

.container.blog {
    width: 90%;
}

/* Section Spacing */
.section-spacing {
    padding: 60px 0;
}

.section-spacing-sm {
    padding: 40px 0;
}

/* Flexbox Utilities */
.d-flex {
    display: flex;
}

.justify-content-center {
    justify-content: center;
}

.align-items-center {
    align-items: center;
}

.flex-wrap {
    flex-wrap: wrap;
}

/* Responsive Utilities */
@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
    
    .container.features {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important;
    }
}

/* Float Utilities */
.pull-left {
    float: left !important;
}

.pull-right {
    float: right !important;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

/* Additional Layout Utilities */
.mar-all {
    margin: 20px;
}

.mar-btm {
    margin-bottom: 5px;
}

.mar-top {
    margin-top: 20px;
}

.pad-all {
    padding: 20px;
}

.pad-lft {
    padding-left: 10px;
}

li.pad-lft {
    padding-left: 30px !important;
}

/* Container Variations */
.container.blog {
    width: 90%;
}

.container.page {
    margin-top: 80px;
    margin-bottom: 20px;
}

.container-fluid {
    padding-right: 0;
    padding-left: 0;
}

/* Dropdown and Navigation Utilities */
.dropdown-menu > li > a, .dropdown-menu a {
    color: #444;
}

.nav.navbar-nav .dropdown-menu > li > a, .dropdown-menu a {
    font-weight: 800;
}

.dropdown-menu ul {
    list-style: none;
    margin: 2px -10px;
}

/* Navbar Brand */
.navbar-brand > img {
    display: block;
    max-width: 167px;
}

/* Navbar Collapse */
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    background: #fff;
}

.collapse.in .menu-right.pull-right {
    float: none !important;
    text-align: center;
    margin: 12px auto;
}

/* Responsive Utilities */
.bottom-stat {
    margin-bottom: -80px;
}

/* PWA Button Utilities */
img.pwa-icon {
    width: 45px;
    float: left;
    margin: 3px 0 0 0;
}

span.pwa-text {
    margin: 1px 0 0 0;
}

button#pwa-android {
    width: 154px;
    margin: 12px 12px 12px 0;
}

a.btn.btn-apple-pwa {
    background: #fff;
    color: #000 !important;
    width: 154px;
    margin-top: 15px;
}

/* Icon Styles */
i.fad {
    color: #337ab7;
}

i.fad.bullet {
    margin-right: 5px;
}

i.fad.fa-home {
    margin-right: 9px;
}

.enterprise-section i.fad {
    color: #fff;
}

/* Centered White Icons */
i.centered.white {
    color: #fff;
    padding: 5px 0 0 0;
    display: block;
}

/* Quick Links */
.quicklinks {
    margin-bottom: 0;
    padding: 0 0 40px 0;
}

/* Search Bar */
.bread-search {
    margin: 20px -13px;
    position: absolute;
    top: 65px;
    right: 133px;
}

/* Typography Utilities */
ul.nav.navbar-nav {
    margin-top: -2px;
}

.hero-text h1 {
    font-size: 44px;
}

picture.img-hero-right {
    filter: drop-shadow(0px 0px 7px #fff);
}

/* Modal Utilities */
button#modalClose {
    margin: 10px 20px 0 0;
}

.modal-dialog {
    width: 800px;
}

/* About Page */
#about hr {
    padding: 1px !important;
}

section#content img {
    max-width: 100%;
}