﻿.btn-wrap-text {
    overflow: hidden;
    text-overflow: ellipsis;
}

.underline {
    text-decoration: underline!important;
}

.btn-red {
    background-color: #E4281B!important;
}

.btn-success {
    background-color: #3A8244!important;
}

.btn:focus, .btn.active, .btn:active {
    outline: solid !important;
}

a:focus { outline: solid!important;}

.navbar-toggle:focus, .navbar-toggle:hover {
    outline: solid !important;
}

.services h2 {
    font-weight: 400;
    font-size: 16px;
    text-transform: none!important;
}

.top-info-bar {
    color: #fff;
}
.top-info-bar a {
    color: #fff;
}

.resp-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}

.resp-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    border: 0;
}

/* ====== IWantGreatCare Feedback ===== */
.PatientAssociationWidget-header-top {
    display: none !important;
}

.PatientAssociationWidget {
    margin: 0 !important;
    padding: 0 !important;
}

.PatientAssociationWidget .raty-rating-wrapper-readonly {
    display: block;
}

.PatientAssociationWidget .star-blue-fill,
.PatientAssociationWidget .star-blue-half,
.PatientAssociationWidget .star-blue-outline {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: 19px;
    height: 19px;
}

.PatientAssociationWidget .star-blue-fill {
    background-image: url('https://www.iwantgreatcare.org/resources-ext/JsWidgets/images/png/star-blue.png');
    background-image: url('https://www.iwantgreatcare.org/resources-ext/JsWidgets/images/svg/star-blue.svg'), none;
}

.PatientAssociationWidget .star-blue-half {
    background-image: url('https://www.iwantgreatcare.org/resources-ext/JsWidgets/images/png/star-blue-half.png');
    background-image: url('https://www.iwantgreatcare.org/resources-ext/JsWidgets/images/svg/star-blue-half.svg'), none;
}

.PatientAssociationWidget .star-blue-outline {
    background-image: url('https://www.iwantgreatcare.org/resources-ext/JsWidgets/images/png/star-blue-outline.png');
    background-image: url('https://www.iwantgreatcare.org/resources-ext/JsWidgets/images/svg/star-blue-outline.svg'), none;
}

.PatientAssociationWidget-reviews {
    padding-top: 25px !important;
}

.PatientAssociationWidget-review-title-container a {
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    color: #84bed6;
    font-weight: 700;
}

.PatientAssociationWidget-review {
    padding-bottom: 20px;
}

.PatientAssociationWidget-review-info-container-left {
    float: left;
}

.PatientAssociationWidget-review-info-container-right {
    margin-left: 120px !important;
    padding-top: 2px;
    font-weight: 700;
}

.PatientAssociationWidget-reviews p a {
    color: #000 !important;
}

@media (min-width: 320px) {
    .PatientAssociationWidget-review-title-container a {
        font-size: 24px;
    }
}

@media (min-width: 992px) {
    .PatientAssociationWidget-review-title-container a {
        font-size: 18px;
    }
}

@media (min-width: 1200px) {
    .PatientAssociationWidget-review-title-container a {
        font-size: 24px;
    }
}

/* The grid: Four equal columns that floats next to each other */
.photo-gallery {
    padding: 5px;
}
.photo-gallery .column {
    float: left;
    width: 25%;
    padding: 10px;
}

/* Style the images inside the grid */
.photo-gallery .column img {
    opacity: 0.8;
    cursor: pointer;
}

.photo-gallery .column img:hover {
    opacity: 1;
}

/* Clear floats after the columns */
.photo-gallery .row:after {
    content: "";
    display: table;
    clear: both;
}

.block h2 {
    padding-bottom: 2px !important;
}

.block h3 {
    padding-bottom: 2px!important;
}

.list-group .blue:focus,
.list-group .blue:hover {
    color: #ffffff !important;
    background-color: #009ED6 !important;
    border-color: #009ED6 !important;
}

.list-group a:focus h2,
.list-group a:hover h2 {
    color: #ffffff !important;
}       
.list-group a:focus p,
.list-group a:hover p {
    color: #ffffff !important;
}

.list-group .green:focus,
.list-group .green:hover {
    color: #ffffff !important;  
    background-color: #739600 !important;
    border-color: #739600 !important;
}

.navbar-nav > li.dropdown.singleDrop > a:after {
    font-family: 'Font Awesome\ 5 Free';
    content: "\f107";
}

.schoolInfo ul {
    padding-left: 30px!important;
}

.schoolInfo ul li {
    list-style-type: disc!important;
    font-weight: normal!important;
    color: #000!important;
}

.top-info-bar {
    height: 75px;
}
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
    background-color: #fff;
}

.no-padding {
    padding: 0 !important;
    margin: 0 !important
}

.ace-title-red {
    text-transform: uppercase;
    color: #e7655a;
    font-size: 30px;
    padding-bottom: 10px;
}

.ace-subtitle {
    color: #666666;
    font-size: 28px;
}

.ace-bold {
    color: #222222 !important;
    font-weight: 600;
    font-size: 18px;
}

.ace-btn-white {
    background-color: #ffffff !important;
    color: #666666 !important;
    border: none !important;
}

.ace-programme-section {
    border: inherit;
}

.ace-table-white {
    background-color: #fff;
    color: #000;
}

.ace-table-orange {
    background-color: #E86D34;
    color: #fff
}

.ace-table-green {
    background-color: #299D4E;
    color: #fff
}

.ace-table-amber {
    background-color: #F1A037;
    color: #fff
}

.ace-table-blue {
    background-color: #345986;
    color: #fff
}

.ace-table-pink {
    background-color: #E08875;
    color: #fff
}

.ace-table-purple {
    background-color: #893876;
    color: #fff
}

.ace-table-grey {
    background-color: #B4B7B8;
    color: #fff
}

.ace-table-light-green {
    background-color: #EAECC2;
    color: #000;
    border: 1px solid #fff;
}

.ace-table-light-yellow {
    background-color: #F7EFBA;
    color: #000;
    border: 1px solid #fff;
}

.ace-table-light-blue {
    background-color: #D7D9E3;
    color: #000;
    border: 1px solid #fff;
}

.ace-table-light-pink {
    background-color: #FEE4D7;
    color: #000;
    border: 1px solid #fff;
}

.ace-table-light-purple {
    background-color: #E3BFCF;
    color: #000;
    border: 1px solid #fff;
}

.ace-table-light-grey {
    background-color: #FEFCFB;
    color: #000;
    border: 1px solid #fff;
}

/** CHECKBOX **/
.form-control-checkbox {
    height: 25px !important;
    width:25px!important;
    text-align: left!important;
    vertical-align: top!important;
}

.checkbox label label {
    padding-top: 5px!important;
    color: #222222;
    font-weight: 600;
}

.pageTitleSection {
    padding: 20px 0!important;
}

.countUpSection {
    background-image: none;
    width: 100%;
    color: #ffffff;
    padding: 40px 0!important;
}

.tableVertical .priceInfo {
    min-height: 0!important;
}

.accordionCommon .panel-body {
    background-color: #fff !important;
    border-left: 1px solid #f8f8f8;
    border-right: 1px solid #f8f8f8;
}

@media (max-width: 990px) {
    .navbar-header { float: none;}
    .navbar-toggle { display: block;}

    .navbar-header .navbar-brand {
        height: auto;
        padding: 15px;
        width: 260px;
    }

    .navbar-default .navbar-nav { margin-top: 0;}
    .navbar-default .navbar-nav.navbar-right { margin-right: -15px;}
    .navbar-default .navbar-nav > li > a { color: #000000; padding: 12px;}
    .navbar-default .navbar-nav > li > a > i { display: inline-block; margin: 0 10px 0 0;}
    .navbar-default .navbar-nav > li > a > span { display: inline-block;}
    .navbar-nav > li.dropdown.open > a:after { display: none; }

    .navbar-nav > li.dropdown.megaDropMenu .dropdown-menu {left: 0;padding: 0;width: 100%;}
    .navbar-nav > li.dropdown.megaDropMenu .dropdown-menu .list-unstyled {padding-left: 10px;padding-bottom: 5px;position: relative;}
    .navbar-nav > li.dropdown.megaDropMenu .dropdown-menu .list-unstyled:before {position: absolute;width: 3px;left: 10px;height: 60%;content: '';background-color: #D3D3D3;top: 34%;}
    .navbar-nav > li.dropdown.megaDropMenu .dropdown-menu .list-unstyled li.listHeading, .navbar-nav > li.dropdown.megaDropMenu .dropdown-menu .list-unstyled li:first-child {padding: 10px 12px 10px 0;font-size: 14px;}
    .navbar-nav > li.dropdown.megaDropMenu .dropdown-menu .list-unstyled li a {padding: 6px 20px;}

    .navbar-nav > li.dropdown.singleDrop .dropdown-menu { min-width: 230px;}
    .navbar-nav > li.dropdown.singleDrop .dropdown-menu li a { padding: 6px 12px 6px 24px;}
    .navbar-nav > li.dropdown.singleDrop .dropdown-menu .dropdown-menu:after { display: none;}

    .navbar-collapse { box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1); }
    .navbar-collapse.collapse:not(.in) { display: none !important; }

    .navbar-collapse li { display: block!important; width: 100%; max-width: 350px!important; border: 0;}
    .navbar-collapse li.dropdown .dropdown-menu { position: relative; width: 100%; border: 0;}
    .navbar-collapse li.dropdown.dropdown-submenu .dropdown-menu {
            position: relative;
            width: 100%;
            float: left;
            border: 0;
            display: block;
    }

            .navbar-collapse li.dropdown.dropdown-submenu .dropdown-menu:before {
                position: absolute;
                width: 3px;
                left: 10px;
                height: 80%;
                content: '';
                background-color: #D3D3D3;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
            }
    .navbar-default.lightHeader {
        height: 70px;
        top: 3px;
    }

    body.bodyColor #menuBar.bb-fixed-header {
        max-width: 450px;
        width: 100%;
    }

    #menuBar.bb-fixed-header {
        height: 70px;
    }

    #menuBar.bb-fixed-header .navbar-brand {
        height: auto;
        padding: 15px;
        width: 260px;
    }

    #menuBar.bb-fixed-header .navbar-nav > li > a {
        padding: 12px;
    }
    .top-info-bar {
        display: none!important;
    }

    .bannercontainerV1 {
        display: none;
    }

    /*

    .navbar-collapse {
        box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1);
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        margin: 7.5px -15px;
    }

    .navbar-nav > li {
        float: none;
    }

            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
            }
        */
}

@media (max-width: 767px) {
    .panel-body { padding: 10px!important; }
}

@media (min-width: 320px) {
    .panel-body {
        padding: 10px !important;
    }
}

@media (min-width: 768px) {
    .panel-body {
        padding: 30px !important;
    }
}

/* Align text to center  on mobile devices only */ 
@media (max-width: 767px) {
    .text-xs-center {
        text-align: center;
    }
}

@media (min-width: 320px) {
    .sectionTitle h2 {
        margin-bottom: 10px!important;
    }
}

@media (min-width: 768px) {
    .sectionTitle h2 {
        margin-bottom: 20px!important;
    }
}



/*=== NAVBRAND ===*/
@media (min-width: 320px) {
    .navbar-brand {
        max-width: 200px !important;
    }
}

@media (min-width: 1024px) {
    .navbar-brand {
        max-width: 420px !important;
    }
}

@media (min-width: 1280px) {
    .navbar-brand {
        max-width: 480px!important;
    }
}

/*=== 2.2 SECTION TITLE ===*/
@media (min-width: 320px) {
    .whiteSection, .mainContent, .lightSection, .colorSection {
        padding-top: 5px;
        padding-bottom: 20px !important;
    }
}

@media (min-width: 768px) {
    .whiteSection, .mainContent, .lightSection, .colorSection {
        padding-top: 10px;
        padding-bottom: 20px!important;
    }
}

@media (min-width: 1024px) {
    .whiteSection, .mainContent, .lightSection, .colorSection {
        padding: 20px 0;
    }
}

@media (min-width: 1280px) {
    .whiteSection, .mainContent, .lightSection, .colorSection {
        padding: 20px 0;
    }
}

/*=== 5.4 ABOUT SCHOOL ===*/
@media (min-width: 320px) {
    .aboutSchool {
        padding: 0px!important;
    }
}

@media (min-width: 768px) {
    .aboutSchool {
        padding: 0px 0px 0px 0px!important;
    }
}

@media (min-width: 1024px) {
    .aboutSchool {
        padding: 50px 0px 0px 0px!important;
    }
}

@media (min-width: 1280px) {
    .aboutSchool {
        padding: 100px 0px 0px 0px!important;
    }
}

/*=== 5.2 FEATURES SECTION ===*/

@media (min-width: 320px) {
    .featureSection {
        padding: 5px 0!important;
    }
}

@media (min-width: 768px) {
    .featureSection {
        padding: 10px 0 !important;
    }
}

@media (min-width: 1024px) {
    .featureSection {
        padding: 50px 0 !important;
    }
}

@media (min-width: 1280px) {
    .featureSection {
        padding: 60px 0 !important;
    }
}