/* website custom */

@import url('https://fonts.googleapis.com/css2?family=Alex+Brush&family=Open+Sans:ital,wght@0,400;0,600;1,400;1,600&display=swap');

body #content01 h1, body #content01 h2, body #content01 h3, body #content01 h4, body #content01 h5, body #content01 h6, body #content01 p, body #content01 a {font-family: 'Open Sans', sans-serif;}

.alex-font {font-family: 'Alex Brush', cursive;}

#logo img {padding: 5px;}

/*@media screen and (min-width: 992px) and (max-width: 1199px) {*/
/*    #top-search {margin: 40px 0 40px -14px !important;}*/
/*}*/

#primary-menu.style-5 > ul > li > a:hover, #primary-menu ul ul li > a:hover{
    color:#234090;
}

#primary-menu ul ul li:hover > a {
	color: #234090
}

body #content01 h6 { font-family: 'Alex Brush', cursive;  }

@media screen and (min-width: 992px) {
    #header.sticky-header:not(.static-sticky) #primary-menu.style-5 > ul > li > a i {
        display: none;
    }
}

@media screen and (min-width: 992px) and (max-width: 1000px) {
    body.stretched #header.full-header .container {padding: 0 27px;}
}

@media screen and (min-width: 992px) and (max-width: 1015px) {
#primary-menu ul li > a {padding: 39px 9px;}
}

#footer .footer-logo {margin-right: 10px;}

@media screen and (max-width: 550px) {
    #footer .footer-logo {margin-right: 20px;}
}

@media screen and (min-width: 992px) {
    h1#schoolName {
        font-size: 1.2vw;
        display: inline-block;
        padding-top: 33px;
        margin: 0;
    }
    .sticky-header h1#schoolName {
        font-size: 17px;
        margin: 0;
        position: absolute;
        top: 17px;
    }
    .sticky-header h1#schoolName {
        font-size: 17px;
        margin: 0;
        position: absolute;
        top: 0;
        padding: 17px 0 0 0;
    }
}

@media (max-width: 1400px) {
    #primary-menu.style-5 > ul > li > a i {
        font-size: 20px;
    }
}

@media (max-width: 1480px) {
    h1#schoolName{
        width: 90px;
        line-height: normal;
        padding-top: 20px;
    }
    .sticky-header h1#schoolName{
        width: 180px; 
        padding: 10px 0 0 0;
    }
    #primary-menu.style-5 > ul > li:not(:first-child) {
        margin-left: 0;
    }
    #primary-menu ul li > a{padding-left:5px; padding-right:5px;}
    
    #header.transparent-header.full-header #logo{ margin-right:10px; }
}
@media (min-width: 1200px) {
    #primary-menu.style-5 > ul > li > a {
        padding-top: 43px;
        padding-bottom: 43px;
        
    }
}
@media (max-width: 1199px) {
    #primary-menu.style-5 > ul > li > a {
        padding-top: 43px;
        padding-bottom: 42px;
    }
}
@media (max-width: 1090px) {
    .sticky-header h1#schoolName {
        font-size: 14px;
        padding: 7px 0 0 0;
        width: 100px;
    }
}
@media (max-width: 1020px) {
    h1#schoolName {
        width: 55px;
    }
}
@media (max-width: 991px) {
    h1#schoolName {
        width: auto;
        text-align: center;
        font-size: 20px;
        padding:0;
    }
    
}



#primary-menu ul li:hover > a {
    color: #444;
}

.content-wrap {
    padding: 10px 0;
}

section#slider .video-wrap .video-overlay {background-color: transparent !important;}

#primary-menu ul ul:not(.mega-menu-column) {border-top: 2px solid #800f03;}

.is_home .col-padding {
    padding-top: 0px;
}

.is_home .Home-Border {
    margin-top: 0;
}

.footer4 .col-sm-4 {
    margin-bottom: 20px;
}

@media screen and (min-width: 992px) and (max-width: 1060px) {
    #primary-menu.style-5 ul li > a span {
        font-size: 10px;
    }
}

@media screen and (max-width: 992px) {
    #tiles_2 .portfolio-desc {
        display: block !important;
        bottom: 0 !important;
    }
}

ul.values-banner {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding-left: 0;
}

.values-banner li {
    list-style: none;
    padding: 0 60px;
}

@media screen and (max-width: 767px) {
    .mobile-hidden {display: none;}
}

.table-wrapper {overflow-x: scroll;}

/* Hide scrollbar for Chrome, Safari and Opera */
.table-wrapper::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.table-wrapper {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.top-search-open #schoolName {display: none;}

.result-wrapper > .result-row > a {background-color: #1a3052;}





/*#content_link_165.row {*/
/*    flex-wrap: wrap;*/
/*    margin: 0 366px;*/
/*}*/

/*.table-wrapper {*/
/*    position: relative;*/
/*    margin-left: 15px;*/
/*    width: 97.5%;*/
/*}*/




.container {
    margin: 0 auto;
}

@media (max-width: 770px) {
    .mobpad {
        padding: 0 10px;
}
}

.containflex {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

/*Science Lab Page*/

@media (min-width: 992px) {
    .SLtext {
        max-width: 32%;
}
}

.SLpad {
    padding: 0 5px;
    margin: 10px auto;
}


.NoBorder {
    border: none;
}

#content_link_170.content-wrap {
    padding: 10px 30px;
}



/*McAuley Sporting Complex and Sporting Facilities Page*/

@media (max-width: 991px) and (min-width: 768px) {
    .col-md-5,
    .col-md-7 {
    flex: 0 0 100%;
    max-width: 100%;
}
}

@media (min-width: 1450px) {
    #content01 .content-wrap .bg {
        margin: 0px 19.2%; 
}
}

#content01 .content-wrap .bg {
        background-color: #6c1c3f;
}


#content_link_174 > div {
    margin: 0 auto;
    justify-content: center;
}


.athleticscenter {
    margin: 0 auto;
    justify-content: center;
}


/*Excursions/Incursions and Workshops Page*/

@media (min-width: 992px) {
    .EIWStext {
        max-width: 32%;
}
}

.EIWStext {
    padding: 0 10px;
    margin: 10px auto;
}

#content_link_176 .table-wrapper {
    display: flex;
}

@media (max-width: 992px) {
    #content_link_176 .table-wrapper {
        display: flex;
        flex-direction: column;
}
}

#content_link_176.content-wrap {
    background-color: #6c1c3f;
    color: white;
}

#content01 .EIWSbg {
    display: flex;
    background-color: #6c1c3f
}


@media (max-width: 992px) {
    #content01 .EIWSbg {
    flex-wrap: wrap;
    justify-content: center;
}
}


.table-wrapper .NoBorder {
    margin: auto;
}

#content01 .content-wrap .bg {
    margin: auto;
}


@media (min-width: 992px) {
.no-ajaxy {
    position: relative;
    top: 12%;
}
}


#content_link_142 .table-wrapper,
#content_link_174 .col-md-7 .table-wrapper,
#content01 .content-wrap .table-wrapper {
    overflow-y: hidden;
}



@media (min-width: 992px) {
.SLpad .no-ajaxy {
    position: relative;
    top: 0px;
}
}

.content-wrap a {
    text-decoration: underline !important;
}

.content-wrap a:hover {color: #6c153d;}

.content-wrap table td p {
    margin-top: 15px;
    margin-bottom: 15px;
}

.content-wrap a.btn {
    text-decoration: none !important;
    text-transform: none;
    background-color:  #6c153d;
    border-radius: 0;
}

.content-wrap a.btn:hover {
    background-color: #0B213D;
    color: #fff;
}

@media screen and (min-width: 992px) {
    body.stretched #header.full-header .container{
        display: flex;
        justify-content: flex-start;
    }
    
    #header #primary-menu{
            margin-left: auto;
    }
}

.slider-background .video-wrap {
    background: url(/large_logo.png);
    background-position: center;
    background-repeat: no-repeat;
}
@media screen and (max-width: 992px) {
    .slider-background .video-wrap {background-size: contain;}
}

h1#schoolName, h3#schoolMotto{
    display:none;
}