/*
	Author: Nicdark
	Author URI: http://www.nicdarkthemes.com/
*/

@import "nicdark_shortcodes.css";
@import "nicdark_menu.css";

@import "fontello.css";
@import "animate.css";
@import "magnific-popup.css";


/****************************************************************************
	Table of Content
***************************************************************************


SOME BASIC CLASSES
	1- body
	2-container
    3-site
    4-section
    5-grid
    6-width section
    7-headings tag
    8-form elements
    9-parallax section


/* 1- START NICDARK FRAMEWORK*/
body{ margin:0px; padding:0px; overflow-x:hidden; background-color: #ccc; }
body.nicdark_boxed_img{ background-image: url(../img/img4.jpg) !important; background-size: cover; background-attachment: fixed; }
body.nicdark_boxed_pattern{ background-image: url(../img/patterns/img1.jpg) !important; background-attachment: fixed; }

/* 2 - CONTAINER */
.nicdark_container{ width:1200px; margin:auto; padding: 0px; }
.nicdark_clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }



/* 3- START NICDARK_SITE*/
.nicdark_site{ float: left; width: 100%; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -o-transition: all 0.8s ease; -ms-transition: all 0.8s ease; transition: all 0.8s ease; }
.nicdark_site > .nicdark_site_fullwidth{ float: left; width: 100%; background-color: #fff; }
.nicdark_site > .nicdark_site_boxed{ width:1220px; margin:auto; padding: 0px; background-color: #fff; }
/*START NICDARK_SITE*/



/* 4 - START NICDARKSECTION*/
.nicdark_section{ width: 100%; float: left; }
/*.nicdark_section.nicdark_imgparallax{ background: url(../img/img3.jpg) 50% 0 fixed; background-size: cover;}*/
/*END NICDARKSECTION*/



/* 5 - START NICDARKGRID*/
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12{ margin:10px; float:left; display:inline; }
.grid.nomargin{ margin: 0px; padding: 10px; }
.grid.percentage{ margin: 0px; padding: 0px; }
.grid_12.percentage {width:100%;}
.grid_6.percentage {width:50%;}
.grid_4.percentage {width:33.33%;}
.grid_3.percentage {width:25%;}
.grid_8.percentage {width:66.66%;}
.grid_9.percentage {width:75%;}
/*size*/
.grid_1 {width:80px;}
.grid_2 {width:180px;}
.grid_3 {width:280px;}
.grid_4 {width:380px;}
.grid_5 {width:480px;}
.grid_6 {width:580px;}
.grid_7 {width:680px;}
.grid_8 {width:780px;}
.grid_9 {width:880px;}
.grid_10 {width:980px;}
.grid_11 {width:1080px;}
.grid_12 {width:1180px;}
/*END NICDARKGRID*/



/* 6 - START NIKDARKWIDTHPERCENTAGE*/
.nicdark_width_percentage1{ width: 1% !important; }
.nicdark_width_percentage10{ width: 10% !important; }
.nicdark_width_percentage20{ width: 20% !important; }
.nicdark_width_percentage25{ width: 25% !important; }
.nicdark_width_percentage30{ width: 30% !important; }
.nicdark_width_percentage40{ width: 40% !important; }
.nicdark_width_percentage50{ width: 50% !important; }
.nicdark_width_percentage60{ width: 60% !important; }
.nicdark_width_percentage70{ width: 70% !important; }
.nicdark_width_percentage80{ width: 80% !important; }
.nicdark_width_percentage90{ width: 90% !important; }
.nicdark_width_percentage100{ width: 100% !important; }
/*END NIKDARKWIDTHPERCENTAGE*/



/* 7 - START NICDARKTEXT*/
p,h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px; font-weight: normal; }
/*font*/
h1,h2,h3,h4,h5,h6,input[type="text"],textarea,select{ font-family: 'Montserrat', sans-serif; color: #868585; }
h1.subtitle,h2.subtitle,h3.subtitle,h4.subtitle,h5.subtitle,h6.subtitle,input[type="text"].subtitle,textarea.subtitle,select.subtitle, span.subtitle{ font-family: 'Raleway', sans-serif; color:#a4a4a4; }
h1.signature,h2.signature,h3.signature,h4.signature,h5.signature,h6.signature, span.signature{ font-family: 'Montez', cursive; }
/*color*/
p.white,h1.white,h2.white,h3.white,h4.white,h5.white,h6.white,a.white,i.white,span.white, input[type="text"].white, textarea.white, input[type="submit"].white, select.white{ color:#ffffff; }
p.grey,h1.grey,h2.grey,h3.grey,h4.grey,h5.grey,h6.grey,a.grey,i.grey,span.grey, input[type="text"].grey, textarea.grey, input[type="submit"].grey, select.grey, pre.grey{ color:#a4a4a4; }
p.greydark,h1.greydark,h2.greydark,h3.greydark,h4.greydark,h5.greydark,h6.greydark,a.greydark,i.greydark,span.greydark, input[type="text"].greydark, textarea.greydark, input[type="submit"].greydark, select.greydark{ color:#868585; }
p.greydark2,h1.greydark2,h2.greydark2,h3.greydark2,h4.greydark2,h5.greydark2,h6.greydark2,a.greydark2,i.greydark2,span.greydark2, input[type="text"].greydark2, textarea.greydark2, input[type="submit"].greydark2, select.greydark2{ color:#353b3d; }
p.green,h1.green,h2.green,h3.green,h4.green,h5.green,h6.green,a.green,i.green,span.green, input[type="text"].green, textarea.green, input[type="submit"].green, select.green{ color:#6fc191; }
p.blue,h1.blue,h2.blue,h3.blue,h4.blue,h5.blue,h6.blue,a.blue,i.blue,span.blue, input[type="text"].blue, textarea.blue, input[type="submit"].blue, select.blue{ color:#74cee4; }
p.violet,h1.violet,h2.violet,h3.violet,h4.violet,h5.violet,h6.violet,a.violet,i.violet,span.violet, input[type="text"].violet, textarea.violet, input[type="submit"].violet, select.violet{ color:#c389ce; }
p.yellow,h1.yellow,h2.yellow,h3.yellow,h4.yellow,h5.yellow,h6.yellow,a.yellow,i.yellow,span.yellow, input[type="text"].yellow, textarea.yellow, input[type="submit"].yellow, select.yellow{ color:#edbf47; }
p.orange,h1.orange,h2.orange,h3.orange,h4.orange,h5.orange,h6.orange,a.orange,i.orange,span.orange, input[type="text"].orange, textarea.orange, input[type="submit"].orange, select.orange{ color:#ec774b; }
p.red,h1.red,h2.red,h3.red,h4.red,h5.red,h6.red,a.red,i.red,span.red, input[type="text"].red, textarea.red, input[type="submit"].red, select.red{ color:#e16c6c; }
/*align*/
p.center,h1.center,h2.center,h3.center,h4.center,h5.center,h6.center{ text-align: center; }
p.right,h1.right,h2.right,h3.right,h4.right,h5.right,h6.right, span.right{ float: right; }
/*size*/
p{ font-size:15px; line-height: 22px; color:#a4a4a4; font-family: 'Raleway', sans-serif; }
h1{ font-size: 30px; line-height: 30px; }
h1.extrasize{ font-size: 45px; line-height: 45px; }
h2{ font-size: 25px !important; line-height: 25px !important; }
h3{ font-size: 20px!important; line-height: 20px; }
h4{ font-size: 17px!important; line-height: 17px!important; }
h5{ font-size: 15px !important; line-height: 15px !important; }
h6{ font-size: 14px; line-height: 14px; }
a{ text-decoration: none; color: #868585; }
/*pre*/
pre{ overflow: auto; float: left; width: 100%; margin:0px; padding: 0px; }
pre p{ font-family: monospace; font-size: 13px; line-height: 22px; }
/*END NICDARKTEXT*/



/* 8 - START NICDARKFORMELEMENTS*/
input[type="text"]{ float: left; border: 0; outline: 0; }
textarea{ float: left; border: 0; outline: 0; }
select{ float: left; border: 0; outline: 0; width: 100%; -webkit-appearance: none; cursor: pointer; }
input[type="submit"]{ cursor: pointer; outline: 0; border: 0; }
/*size*/
input[type="text"].small, textarea.small { font-size: 15px; width: 90%; padding: 10px 5%; }
input[type="text"].medium, textarea.medium { font-size: 17px; width: 90%; padding: 10px 5%; }
input[type="text"].big, textarea.big { font-size: 17px; width: 80%; padding: 15px 10%; }
/*size select*/
select.small { font-size: 15px; padding: 10px 5%; }
select.medium { font-size: 17px; padding: 10px 5%; }
select.big { font-size: 17px; padding: 15px 10%; }
/*END NICDARKFORMELEMENTS*/



/*********************************************CUSTOM FOR BABY KIDS*************************************************************/

/* 9 - START CLASS FOR PARALLAX SECTION*/
.nicdark_parallax_img2 { background:url(../img/slide/img2.jpg) 50% 0 fixed; background-size:cover; }
.nicdark_parallax_img3 { background:url(../img/slide/img3.jpg) 50% 0 fixed; background-size:cover; }
.nicdark_parallax_img1 { background:url(../img/slide/img1.jpg) 50% 0 fixed; background-size:cover; }

.nicdark_parallaxx_img1 { background: url(../img/parallax/img1.jpg) 50% 0 fixed; background-size:cover; }
.nicdark_parallaxx_img2 { background: url(../img/parallax/img2.jpg) 50% 0 fixed; background-size:cover; }
.nicdark_parallaxx_img3 { background: url(../img/parallax/img3.jpg) 50% 0 fixed; background-size:cover; }
.nicdark_parallaxx_img5 { background: url(../img/parallax/img5.jpg) 50% 0 fixed; background-size:cover; }
.nicdark_parallaxx_img6 { background: url(../img/parallax/img6.jpg) 50% 0 fixed; background-size:cover; }
.nicdark_parallaxx_img7 { background: url(../img/parallax/img7.jpg) 50% 0 fixed; background-size:cover; }
.nicdark_parallaxx_img8 { background: url(../img/parallax/img8.jpg) 50% 0 fixed; background-size:cover; }

.nicdark_parallaxx_img-teachers-1 { background: url(../img/parallax/img-teachers-1.jpg) 50% 0 fixed; background-size:cover; }
.nicdark_parallaxx_img-single-teacher-1 { background: url(../img/parallax/img-single-teacher-1.jpg) 50% 0 fixed; background-size:cover; }
.nicdark_parallaxx_img-single-teacher-2 { background: url(../img/parallax/img-single-teacher-2.jpg) 50% 0 fixed; background-size:cover; }

.nicdark_parallaxx_img-excursions { background: url(../img/parallax/img-excursions.jpg) 50% 0 fixed; background-size:cover; }
.nicdark_parallaxx_img-single-excursion { background: url(../img/parallax/img-single-excursion.jpg) 50% 0 fixed; background-size:cover; }

.nicdark_parallaxx_img-courses { background: url(../img/parallax/img-courses.jpg) 50% 0 fixed; background-size:cover; }

.nicdark_parallaxx_img-events { background: url(../img/parallax/img-events.jpg) 50% 0 fixed; background-size:cover; }
.nicdark_parallaxx_img-single-event { background: url(../img/parallax/img-single-event.jpg) 50% 0 fixed; background-size:cover; }
/*END CLASS FOR PARALLAX SECTION*/



/*START CUSTOM CLASS TO AVOID INLINE CSS*/
.nicdark_width60 { width: 60px; }
.nicdark_width50 { width: 50px; }

.nicdark_copyrightlogo { background-image:url(../img/footer/copyright.jpg); background-size:95px; background-repeat:no-repeat; background-position:left; }
.nicdark_facebook { background-color:#5977b8; box-shadow:0px 4px 0px 0px #4c67a1;  }
/*END CUSTOM CLASS TO AVOID INLINE CSS*/

/*Mobile friendly*/
.nav-header {
    z-index: 1;
}

.header-strip {
    width: 100%;
    position: absolute;
    vertical-align: top;
    height: 55px
}

.school-name {
    vertical-align: super;
    font-size: 26px;
    color: white;
    font-weight: bold;
}

.school-number {
    margin-left: auto;
    position: relative;
    font-size: 22px;
    color: white;
    font-weight: bold;
}

.school-logo {
    height: 75px
}

.mlr-1 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
}

.navbar-toggler {
    display: none
}

.nav-menu {
    margin-top: -20px;
    background-color: #e5e5e5;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .7rem;
    padding-left: .7rem;
}
.small-device{
    display:none !important;
}
.big-device{
    display:block !important
}
.footer-email, .footer-textarea {
    width: 340px!important
}
.ml-65{
    margin-left:65px;
}
.gallery-h{
    height:340px;
}
.a-link{
    text-decoration:none!important
}
.a-link, .a-link:hover {
    text-decoration: none !important;
    color:white !important;
}
.event-bday {
    margin-top: 45px
}
.event-desc {
    width: 50rem;
    margin-left: 350px;
    border-width: 1px;
    border-style: ridge;
    border-color: #b2a787bd;
    border-radius: 25px;
    padding-left: 30px;
    padding-right: 30px
}
/*a:hover{
    color:white!important
}*/

/*Mobile devices*/
@media only screen and (min-width:290px) and (max-width:500px) {
    .small-device {
        display: flex !important;
    }
    .big-device {
        display: none !important;
    }
    .header-strip {
        position: absolute;
        vertical-align: top;
        height: 25px
    }
    .mlr-1 {
        margin-right: .2rem !important;
        margin-left: .2rem !important;
    }

    .school-name {
        vertical-align: super;
        font-size: 10px;
        color: white;
        font-weight: bold;
    }

    .school-number {
        margin-left: 10px;
        position: relative;
        font-size: 8px !important;
        color: white;
        font-weight: bold;
        margin-right: 0.1rem !important;
    }
    .school-logo {
        height: 35px
    }
    .navbar-toggler {
        padding: 0 !important;
        font-size: 1rem !important;
        display: block;
        margin-top: -5px !important;
    }
    .navbar-toggler:focus {
        box-shadow: none !important
    }
    .navbar-toggler-icon {
        width: 1.3em !important;
        height: 1.3em !important;
        vertical-align: super !important;
        background-image: none !important;
    }
    .navbar-toggler-icon::before {
        font-family: FontAwesome;
        content: "\f0c9";
        color:white
    }
    .footer-email, .footer-textarea {
        width: 275px!important
    }
    .ml-65 {
        margin-left: 0px;
    }
    marquee h2 {
        font-size:16px !important
    }
    marquee ul li {
        font-size: 14px !important
    }
    .carouser-margin-top {
        margin-top: 1px !important;
    }
    .gallery-h{
        height:200px;
    }
    .nicdark_margin30 {
        margin: 10px;
    }
    .nicdark_margin30 h2{
        margin-bottom:0px;
        font-size: 18px !important;
    }
    .event-desc {
        width: 100%;
        margin-left: 0px;
        padding-left:0px;
        padding-right:0px;
    }
    .event-desc .display-7{
        font-size:14px !important;
    }
    .head1 {
        font-size: xx-large !important;
        margin-top: 50px !important;
    }
    .contact-us .nicdark_space100, .contact-us .nicdark_space50 {
        height: 10px !important;
    }
    .contact-address .nicdark_space40 {
        height: 10px !important;
    }
    .contact-address .nicdark_margin20 {
        margin:0!important
    }
    .contact-address .nicdark_btn_icon.extrabig {
        padding: 7px !important;
        font-size: 20px !important;
    }
    .contact-address .nicdark_btn_icon.extrabig > i {
        width: 30px;
        height: 20px;
    }
    .contact-address .nicdark_marginleft100 {
        margin-left: 60px !important;
    }
    .mail-us .nicdark_margin20, .contact-form .nicdark_margin20 {
        margin: 10px !important
    }
    .maps-location .nicdark_marginbottom90_negative {
        margin-bottom: 0px !important;
    }

    .maps-location .nicdark_margintop40_negative {
        margin-top: 0px !important;
    }
    .prayer-card {
        width: auto !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .prayer-card p{
       font-size:14px !important;
       text-align: justify;

    }
    .missionV {
        width: auto !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .missionV p, .missionV .coreC {
        font-size: 14px !important;
        text-align: justify;

    }
    .imgH1, .imgH2 {
        width: 290px !important;
        margin-left: 3px !important;
        margin-top:5px !important;
    }
    .history p {
        font-size: 14px !important;
        text-align: justify;
        overflow-wrap: anywhere !important;
    }
    .chairmanmsg {
        width: auto !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .chairmanmsg p {
        font-size: 14px !important;
        text-align: justify;
    }
    .principalmsg {
        width: auto !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .principalmsg p {
        font-size: 14px !important;
        text-align: justify;
    }
    .philosophy {
        width: auto !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .philosophy p{
        font-size: 14px !important;
        text-align: justify;
    }
    #register {
        margin-left: 0px !important;
        text-align: center !important;
        font-size: 16px !important
    }
    #register h1 {
        font-size:16px!important
    }
    #register h3 {
        font-size:14px!important
    }
    .curriculam {
        width: auto !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .curriculam p {
        font-size: 14px !important;
        text-align: justify;
    }
    .curriculam ul {
        font-size: 14px !important;
    }
    .notices {
        width: 100% !important;
        overflow: scroll !important;
        font-size: 12px !important;
        padding: 5px !important;
    }
    .upcEvent {
        width: 100% !important;
        overflow: scroll !important;
        font-size: 12px !important;
        padding: 5px !important;
    }
    .navbar ul {
        font-family: 'Montserrat', sans-serif !important;
    }
}
/*Tablet devices*/
@media only screen and (min-width:501px) and (max-width:800px) {
    .small-device {
        display: flex !important;
    }

    .big-device {
        display: none !important;
    }
    .mlr-1 {
        margin-right: .2rem !important;
        margin-left: .2rem !important;
    }
    .header-strip {
        height: 40px !important;
    }

    .school-name {
        vertical-align: super;
        font-size: 16px;
        color: white;
        font-weight: bold;
    }

    .school-number {
        margin-left: 280px;
        position: relative;
        font-size: 14px !important;
        color: white;
        font-weight: bold;
        margin-right: 0.1rem !important;
    }
    .school-logo {
        height: 50px;
    }
    .navbar-toggler {
        padding: 0 !important;
        font-size: 1rem !important;
        display: block;
        margin-top: -5px !important;
    }
    .navbar-toggler:focus {
        box-shadow: none !important
    }
    .navbar-toggler-icon {
        width: 2em !important;
        height: 1em !important;
        vertical-align: super !important;
        background-image: none !important;
    }
    .navbar-toggler-icon::before {
        font-family: FontAwesome;
        content: "\f0c9";
        color:white
    }
    .ml-65 {
        margin-left: 0px;
    }
    .m-43{
        margin:43px;
    }
    .nicdark_margin30 h2 {
        margin-bottom: 0px;
        font-size:20px !important
    }
    marquee h2 {
        font-size: 18px !important
    }
    marquee ul li {
        font-size: 16px !important
    }
    .carouser-margin-top {
        margin-top: -7px !important;
    }
    .event-bday {
        margin-top: 45px;
        margin-left:10px;
    }
    .event-bday .info{
        margin-left: 30px !important;
    }
    .foote .percentage {
        width: 40% !important;
    }
    .event-desc {
        width: 100%;
        margin-left: 0px;
        padding-left:0px;
        padding-right:0px;
    }
    .event-desc .display-7{
        font-size:14px !important;
    }
    .contact-us .nicdark_space100, .contact-us .nicdark_space50 {
        height: 25px!important; 
    }
    .chairmanmsg {
        width: auto !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
     .principalmsg {
        width: auto !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .philosophy {
        width: auto !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    #register {
        margin-left: 0px !important;
        text-align: center !important;
    }
    .curriculam {
        width: auto !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .notices {
        width: 100% !important;
        font-size: 16px !important;
        padding: 20px !important;
    }
    .upcEvent {
        width: 100% !important;
        font-size: 16px !important;
        padding: 20px !important;
    }
    .navbar ul {
        font-family: 'Montserrat', sans-serif !important;
    }
}
/*Laptop devices*/
@media only screen and (min-width:801px) and (max-width:1200px) {
    .small-device {
        display: none !important;
    }
    .big-device {
        display: block !important;
    }
    .nicdark_displaynone_ipadland, .nicdark_displaynone_responsive {
         display: block !important; 
    }
    .tx-right30{
        right:335px !important;
        top:3px !important;
        font-size:35px!important
    }
    .ml-30 {
        margin-left: 0px !important;
    }
    .event-bday h2{
        font-size:22px!important
    }
    .event-bday .info {
        margin-left: 45px !important;
    }
    .foote .percentage {
        width: 40% !important;
    }
    #register {
        margin-left: 0px !important;
        text-align: center !important;
    }
}