@charset "UTF-8";
/* CSS Document */


a {color: #2b7bb9;}
p {line-height:1.5em; font-family: 'Open Sans', sans-serif; font-weight: 400;}
h4.subtitle {text-transform:uppercase; font-weight: 700; letter-spacing: 3px; font-size: 13px; margin-bottom: 20px; font-family: 'Montserrat', sans-serif;}
.btn {text-transform:uppercase; font-weight: 700; font-size: 12px; font-family: 'Montserrat', sans-serif; letter-spacing: 3px; padding: 0 30px; font-size: 12px; line-height:46px; border-radius: 27px; border: 3px solid #ffc80a; background: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;  user-select: none;}
.btn-register { border: 3px solid #f9593a; background: #f9593a; color: #fff;}
.btn-register:hover, .btn-register:focus { border: 3px solid #292929; background: #292929; color: #fff;}



.facebook-share { border-radius: 50%; background: #3b5998; display: inline-block; padding:15px;}
.twitter-share { border-radius: 50%; background: #00aced; display: inline-block; padding:15px;}
.facebook-share:hover, .twitter-share:hover {background: #292929;}



/* MASTHEAD */
a.brand img{position: absolute; top: 6px; left:6px; height: 35px; width: auto;}

.navtop {margin-top: 46px;}
.nav-mobile {margin-top: -46px; width: 46px; height: 46px; }

a.facebook-nav-item  { display: block; text-align: center;  padding: 12px 0;background: #428BCA; height: 46px; width: 46px; position: absolute; top: 0; right: 92px;}
a.facebook-nav-item:hover, a.facebook-nav-item:focus {background:#292929;}
a.search-nav-item  { display: block; text-align: center; padding: 12px 0;  background: #555561; height: 46px; width: 46px; position: absolute; top: 0; right: 46px;}
a.search-nav-item:hover, a.search-nav-item:focus{ outline:none!important; background:#292929;}
/* END OF MASTHEAD */

/* HOME-HEADER */
#home-header {text-align:center;}
#home-header .jumbotron {background: #fff;border-top: 1px solid #eee; text-align:center; margin-bottom: 0;}
#home-header .jumbotron h1 {font-size: 18px; line-height: 1.4em; font-family: 'Arvo', serif; font-weight: 400; color:#119bf7;}
#home-header .item {height: 100px; border-top: 1px solid #eee; padding: 0;}
#home-header .item a {background: #fff; display: block; height: 100px; width: 100%; position: relative; padding: 15px;}
#home-header .item a .overlay h3 {margin-top: 0; font-size: 18px; line-height: 1.4em; font-family: 'Arvo', serif; color: #292929; font-weight: 400;}
#home-header .item a .overlay h4.subtitle { margin-bottom: 10px; color: #9fa3a7; font-size: 13px;}


/* END OF HOME-HEADER */

/* HEADERS */
#header {text-align: center; background: #fff; border-top: 1px solid #eee; position: relative;}
#header .header-details {width: 300px; margin: 0 auto; padding: 35px 0 45px 0;}
#header h1 {margin-top: -12px; color:#119bf7; font-weight: 400; font-size: 26px; font-family: 'Arvo', serif; line-height: 36px;  }
#header h2 {font-weight: 400; font-size: 26px; color: #ffc80a; font-family: 'Arvo', serif; line-height: 36px;}
#header h4 {font-weight: 700; font-size: 14px; text-transform: uppercase; margin: 30px auto 23px; color: #898997; font-family: 'Montserrat', sans-serif; letter-spacing: 3px;}
#header h4 a {color: #a2a6aa; }
#header p {font-size:15px; max-width: 465px; margin: 0 auto 23px; color: #fff; font-family: 'Arvo', serif; line-height: 28px;}
#header .btn {display:block; margin-bottom: 10px;}
#header .btn:hover, #header .btn:focus {background: #292929; color: #ffc80a; border: 3px solid #292929;}
#header .btn-search-again { border: 3px solid #1088dc; background: #1088dc; color: #fff;}
#header .btn-search-again:hover { border: 3px solid #fff; background: #fff; color: #1088dc;}
#header .nav-pills {margin-top: 20px;}
#header .nav-pills>li>a {border-radius: 24px; padding: 8px 15px 7px 15px; font-size: 10px; border: 3px solid transparent; font-family: 'Montserrat', sans-serif; letter-spacing: 3px; color: #90cffa; margin-bottom: 5px;}
#header .nav-pills>li.active>a, #header .nav-pills>li.active>a:focus, #header .nav-pills>li.active>a:hover {border: 3px solid #ffc80a; background: transparent;  color: #fff;}
#header .nav>li>a:focus, #header .nav>li>a:hover {background-color: transparent;border: 3px solid #ffc80a; }
#header .nav-pills > li { float:none; display:inline-block; *display:inline; /* ie7 fix */ zoom:1; /* hasLayout ie7 trigger */ }
#header .nav-pills { text-align:center; }

.general-page #header, .people-page #header {border-top: 1px solid #eee;background: none; border-top: 1px solid #eee; border-bottom: 1px solid #eee;  }
.general-page #header .header-details, .people-page #header .header-details {width: auto; padding: 25px 15px 36px 15px;}

.info-section #header {background: #fff; border-top: 1px solid #eee; border-bottom: none;}
.info-section #header h2 {color:#36a3dc;}
.info-section #header p {color: #898997;}

.helpline-section #header {background: #119bf7; border-top: 1px solid #119bf7; border-bottom: none;}
.helpline-section #header h2 {color:#fff;}
.helpline-section #header h2 small {color: #ffc80a;}
.helpline-section #header h4 {color:#fff;}

.about-section #header h2 {color:#36a3dc;}
.about-section #header p {color: #898997;}

.events-section #header {background: #119bf7; border-top: 1px solid #119bf7; }
.events-section #header .header-details {padding: 45px 15px 26px 15px; width: 100%;}
.events-section #header h2 {color: #fff; margin-top: 10px;}

.search-page #header {background: #119bf7; border-top: 1px solid #119bf7; }
.search-page #header .header-details {padding: 45px 15px 26px 15px; width: 100%;}
.search-page #header h2 {color: #fff; margin-top: 10px;}

.news-section #header {background: #119bf7; border-top: 1px solid #119bf7;}
.news-section #header .header-details {padding: 45px 15px 26px 15px;  width: 100%;}
.news-section #header h2 {color: #fff; margin-top: 10px;}

.news-section #header img, .events-section #header  img, .news-page #header img, .event-page #header img  { background:#1088dc; border-radius: 50%; display: inline-block; height: 60px; width: 60px; }


.news-page #header {background: #119bf7; border-top: 1px solid #119bf7; }
.news-page #header .header-details {padding: 45px 15px 26px 15px;}
.news-page #header h2 {color: #fff; margin-top: 10px;}
.news-page #header h4 {margin-top: 20px; color:#fff;}
.news-page #header h4 a {margin: 30px auto 23px; color: #ffc80a; }
.news-page #header h1 {color:#fff;   }

.event-page #header {background: #119bf7; border-top: 1px solid #119bf7; }
.event-page #header .header-details {padding: 45px 15px 26px 15px;}
.event-page #header h2 {color: #fff; margin-top: 10px;}
.event-page #header h4 {margin-top: 20px; color:#fff;}
.event-page #header h4 a {margin: 30px auto 23px; color: #ffc80a; }
.event-page #header h1 {color:#fff;   }

.search-page #header {background: #119bf7; border-top: 1px solid #119bf7; }
.search-page #header .header-details {padding: 45px 15px 26px 15px; width: 100%;}
.search-page #header h2 {color: #fff; margin-top: 10px;}

.login-page #header .header-details { padding: 3vh 0 0 0;}
.login-page #header h4 {color: #444;}
.login-page #header p {color: #898997;}
.login-page #content {padding-bottom: 100px;}


#header .btn-search-again {display:block;}


/* END OF HEADERS */


.sub-header {margin-bottom: 18px; padding-bottom: 10px; border-bottom: 1px solid #eee;}
.sub-header h4 {font-weight: 700; font-size: 14px; text-transform: uppercase; margin: 10px auto 16px; color: #898997; font-family: 'Montserrat', sans-serif; letter-spacing: 3px; line-height: 1.5em;}
.sub-header h1  {color:#36a3dc; font-weight: 400; font-size: 26px; color: #292929; font-family: 'Arvo', serif; line-height: 36px; margin-top: -12px;}


/* INDEX GRIDS */
#index-grid {text-align: center; padding: 0 0 36px 0; }
#index-grid h4.subtitle {color: #444; margin-top:54px;}
#index-grid .item {height: 284px; margin-top: 36px; border-radius: 2px; }
#index-grid .item a {background: #eee; display: block; height: 284px; width: 100%; position: relative; border: 1px solid #eee; -webkit-transition: 300ms ease-in-out; -moz-transition: 300ms ease-in-out; -o-transition: 300ms ease-in-out; -ms-transition: 300ms ease-in-out; transition: 300ms ease-in-out; border-radius: 2px;     background-position: 0 50%;}
#index-grid .item a .overlay {padding: 20px; position: absolute; bottom: 0; width: 100%; opacity: 1; height: 96px; background-color: #fff; overflow:hidden; -webkit-transition: 300ms ease-in-out; -moz-transition: 300ms ease-in-out; -o-transition: 300ms ease-in-out; -ms-transition: 300ms ease-in-out; transition: 300ms ease-in-out;}
#index-grid .item a .overlay h3 {margin-top: 0; font-size: 18px; line-height: 1.4em; font-family: 'Arvo', serif; color: #292929; font-weight: 400;}

.news-section #index-grid, .events-section #index-grid, .search-page #index-grid {padding: 0;}
.news-section #index-grid h4.subtitle, .events-section #index-grid h4.subtitle, .search-page #index-grid h4.subtitle {margin-bottom: 0; border-bottom: 1px solid #eee; padding: 36px 0 36px 0; margin-top: 0;}
.news-section #index-grid h4.past-event, .events-section #index-grid h4.past-event, .search-page #index-grid h4.past-event {background:#fafaff;}

.news-section #index-grid a, .events-section #index-grid a, .search-page #index-grid a {border-bottom: 1px solid #eee; display: block; padding-bottom: 36px; padding-top: 40px; padding-left: 30px; padding-right: 30px;}
.news-section #index-grid a:hover, .events-section #index-grid a:hover, .search-page #index-grid a:hover {text-decoration: none;background: #fbfbfb;}
.news-section #index-grid a.past-event, .events-section #index-grid a.past-event {background:#fafaff;}
.news-section #index-grid .item, .events-section #index-grid .item, .search-page #index-grid .item {height: auto; margin-top: 0; border-radius: none; }
.news-section #index-grid .item h3, .events-section #index-grid .item h3, .search-page #index-grid .item h3  {font-size: 18px; line-height: 1.4em; margin-top: 0; font-weight:400;font-family: 'Arvo', serif; line-height: 28px; color: #292929;}
.news-section #index-grid a .item p, .events-section #index-grid a .item p, .search-page #index-grid a .item p {font-weight: 700; font-family: 'Montserrat', sans-serif; letter-spacing: 3px; color: #999; font-size: 12px;}
.news-section #index-grid .btn, .events-section #index-grid .btn, .search-page #index-grid .btn {margin-top: 10px; display: block;}
.news-section #index-grid .btn:hover, .events-section #index-grid .btn:hover, .search-page #index-grid .btn:hover {background: #292929; color: #ffc80a; border: 3px solid #292929;}
.events-section #index-grid .btn.btn-register:hover {color: #fff;}


.about-section #index-grid {background-color:#f6f6f6;}
.info-section #index-grid {background-color:#f6f6f6;}
.helpline-section #index-grid {background-color:#f6f6f6;}



#index-grid a:focus{
    outline:none!important;
    text-decoration: none;
}



/* END OF INDEX GRIDS */


/* HOME ABOUT */
#home-about {text-align: center; padding: 30px 15px 40px; background: #f7f8f9;}
#home-about h3 {font-size: 18px; margin-bottom: 20px; font-family: 'Arvo', serif; font-weight: 400;}
#home-about p {line-height: 2em; margin-bottom: 18px;}
#home-about img {display: none;}
#home-about .btn {background: #ffc80a; color: #292929;}
#home-about .btn:hover {background: #292929; color: #ffc80a; border: 3px solid #292929;}
/* END OF HOME ABOUT */

/* HOME NEWS */
#home-news {text-align: center; padding: 30px 15px 30px; background-image: url(/images/news-bg.jpg); background-repeat: no-repeat; background-size: cover; position: relative;}
#home-news h4 {color: #fff;}
#home-news a.news-block {background: #fff; display: block; padding: 30px 15px; margin-bottom: 20px; margin-top: 15px; position: relative; border-radius: 4px;}
#home-news h3 {font-size: 18px; line-height: 1.4em; margin-top: 0; font-weight: 400; font-family: 'Arvo', serif;}
#home-news a h3 {color: #2c2c2c;}
#home-news p {font-weight: 700; letter-spacing: 2px; color: #999; font-family: 'Montserrat', sans-serif; color: #9fa3a7;}
#home-news a.news-block:hover {text-decoration: none; background: #fbfbfb;}
#home-news a span {font-family: 'Montserrat', sans-serif; font-weight:700;letter-spacing: 3px; font-size: 12px; line-height: 12px; height: 12px; color: #2b7bb9; position: absolute; bottom:36px; text-align:center; width: 360px; left: 0; display:none; }
#home-news img.news-block-image { background:#f7f8f9; border-radius: 50%; display: inline-block; margin-bottom: 20px; height: 60px; width: 60px;}
#home-news .btn {background: rgba(0, 0, 0, 0);  color: #444;}
#home-news .btn:hover {background: #ffc80a; color: #fff; border: 3px solid #ffc80a;}
/* END OF HOME NEWS */

/* CONTENT PAGES */
#content .main-content h2 {margin-bottom: 18px; margin-top: 0; line-height: 1.4em; font-size:16px; font-weight: 700;}
#content .main-content h3 {margin-bottom: 18px; margin-top: 0; line-height: 1.4em; font-size:14px; font-weight: 700;}
#content .main-content h4 {margin-bottom: 18px; margin-top: 0; line-height: 1.4em; font-size:14px;  font-weight: 400;}
#content .main-content h5 {margin-bottom: 18px; margin-top: 0; line-height: 1.4em; font-size:14px; font-weight: 400;}
#content p { margin-bottom: 18px; line-height: 2em; color: #64647c;}
#content h4.subtitle {margin-top: 40px; font-weight: 700;}
#content input.form-control, #content textarea.form-control {border: 1px solid #ddd; border-radius: 0; background: #fff; color: #444; font-size:18px;  padding: 10px 15px; }
#content .main-content ul {text-align: left; padding: 5px 0 15px; color: #64647c;list-style: none; font-family: 'Open Sans', sans-serif; font-weight: 400;}
#content .main-content ul li {padding-left: 26px; margin-bottom: 16px; line-height: 2em;}
#content .main-content ul li:before {content: ""; line-height: 1em; width: .5em; height: .5em; border: 1px solid #21BCBE; float: left; margin: .7em 1em 0.5em -1.5em; border-radius: 50%;}
#content p.main-img { background: #fafafa; text-align: center; border-radius: 4px;}
#content p.main-img img {width: 100%; height: auto; }


/* general page styling */
.general-page #content, .people-page #content {padding: 30px 15px 38px 15px; text-align: center;}


/* contact page styling */
.contact-page #content {border-top: 1px solid #ddd; text-align: center;padding: 50px 15px 38px 15px;}
.contact-page #content h1 {font-weight: 400; font-size:26px; margin: 0 auto 23px; font-weight: 400; font-family: 'Arvo', serif; color: #119bf7;}
.contact-page #content h4 {margin-top: 40px; color: #212121;}
.contact-page #content h5 {text-transform:uppercase; font-weight: 700; letter-spacing: 3px; font-size: 10px; margin-bottom: 12px; font-family: 'Montserrat', sans-serif; color: #9fa3a7;}
.contact-page #content p {font-size: 16px; line-height: 1.4em; margin-top: 0; font-weight: 400; font-family: 'Arvo', serif; color: #212121;}
.contact-page #content .btn {display: block; width: 100%; background: #ffc80a; color: #292929;}
.contact-page #content .btn:hover {background: #292929; color: #ffc80a; border: 3px solid #292929;}


/* news/event page styling */
.news-page #content, .event-page #content { text-align: center;padding: 30px 15px 38px 15px;}
.news-page #content .side-content, .event-page #content .side-content  {text-align: center; margin-bottom: 20px;}

/* people page styling */
.thumbnail {border: none; margin-bottom: 0;}
.thumbnail h3 { font-size: 15px;}
.thumbnail img {width: 180px; height: 180px;}

/* downloads styling */
#content .main-content ul.DownloadsList, #content .main-content  ul.LinksList {margin-bottom: 0; text-align: center; padding: 0;} 
#content .main-content ul.DownloadsList li, #content .main-content  ul.LinksList li { padding: .1em 0 .1em 0; background: none; clear:left; background:none; margin: 0; }
#content .main-content ul.DownloadsList li:before, #content .main-content  ul.LinksList li:before { content: none;}
#content .main-content ul.DownloadsList li img { margin-bottom: 10px; margin-top: 4px; width: 30px; padding:0; }
#content .main-content ul.DownloadsList li p, #content .main-content ul.LinksList li p { margin-top: 0;}

/* side navigation*/
#content .side-content ul.nav.nav-stacked.side-nav {padding-top: 40px; margin-right: -30px; margin-left: -30px;}
#content .side-content ul.nav.nav-stacked>li {border-top: 1px solid #eee; }
#content .side-content .nav-stacked>li+li {margin-top: 0;}
#content .side-content ul.nav.nav-stacked>li h4.subtitle {margin-top: 30px; margin-bottom: 26px;}

/* side content styling*/
#content .side-content h1 {font-weight: 700; font-size:26px; margin: 0 auto 23px;}
#content .side-content p {font-weight: 700; letter-spacing: 2px; color: #999;}
#content .side-content .btn { margin: 20px auto 20px;}

/* share function*/
.share-tools {margin-top: -56px; position: relative; z-index: 200;}
.share-tools .btn-register { display: block; margin-bottom: 20px;}
.share-tools .facebook-share {  margin-bottom: 20px;}
.share-tools .twitter-share { margin-bottom: 20px;}

/* END OF CONTENT PAGES */


/* CONTENT MAP */
#map {background: #eee; height: 300px;}
/* END OF CONTENT MAP */

/* NEWS ARCHIVE */
#archive {text-align: center; border-top: 1px solid #ddd; padding: 30px 0; background:#fafaff;}
#archive ul { list-style-type:none; margin:0; padding:0;}
#archive ul li {margin: 10px 0;}
#archive ul li a {font-family: 'Montserrat', sans-serif; text-transform:uppercase; letter-spacing: 3px; font-size: 13px; }
/* END OF NEWS ARCHIVE */

/* PAGINATION */
#pagination  {background:#fafaff; text-align: center; padding: 0 0;}
.pagination>li:last-child>a, .pagination>li:last-child>span { border-radius: 0;}
.pagination>li:first-child>a, .pagination>li:first-child>span { border-radius: 0;}
/* END OF PAGINATION */


/* SCHOOL SEARCH */
#school-search  {background: #0188e2; text-align: center; padding: 30px 15px;}
#school-search h4 {color: #fff;}
#school-search p { color: #fff; line-height:2em;}
#school-search form { margin-top: 30px;}
#school-search label {color: #fff; text-transform:uppercase; font-weight: 700; letter-spacing: 3px; font-size: 13px; font-family: 'Montserrat', sans-serif;}
#school-search .btn {color: #fff; background-color: transparent; border-color: #fff;}
#school-search .btn:hover {background: #fff; color: #36a3dc; border: 3px solid #fff;}
#school-search .select-style { border: 0 solid #fff; width: 100%; border-radius: 0; overflow: hidden; background: #fff url("/images/arrow_down.png") no-repeat 95% 50%; }
#school-search .select-style select { font-size:18px;  padding: 0 15px; width: 100%; border: none; box-shadow: none; background: transparent; background-image: none; -webkit-appearance: none; color: #666;}
#school-search .select-style select:focus { outline: none;}
#school-search input.form-control {border: 1px solid #119bf7; border-radius: 0; background: #fff; color: #2d2d2d; font-size:18px;  padding: 0 15px; }
/* END OF SCHOOL SEARCH */


/* SHORTCUTS */
#shortcuts {background:#119bf7;text-align: center; padding: 50px 0 26px 0; } 
#shortcuts a.item {color: #fff; font-weight: 700; padding: 20px 0;  letter-spacing: 3px; font-size: 12px; font-family: 'Montserrat', sans-serif;}
#shortcuts a.item:hover {text-decoration: none; color: #1472a3;}
#shortcuts a img {width: 38px; height: auto;text-align: center; display:inline-block; margin-bottom: 15px;}
.owl-carousel .owl-controls .owl-nav .owl-prev { position: absolute; left:-5px; top: 27%; text-indent: -9999px; background:url(/images/carousel-arrow-left.png) no-repeat; width:34px; height:34px; }
.owl-carousel .owl-controls .owl-nav .owl-next { position: absolute; right:-5px; top: 27%; text-indent: -9999px; background:url(/images/carousel-arrow-right.png) no-repeat; width:34px; height:34px; }
.owl-carousel .owl-controls .owl-nav .owl-prev:hover { background:url(/images/carousel-arrow-left.png) no-repeat;  }
.owl-carousel .owl-controls .owl-nav .owl-next:hover { background:url(/images/carousel-arrow-right.png) no-repeat; }
/* END OF SHORTCUTS */


/* FOOTER */
#footer-contact  {background: #444344; text-align: center;padding: 30px 15px;}
#footer-contact h4 {color: #fff;}
#footer-contact p { color: #C6C4C4; line-height:2em;}
#footer-contact input.form-control {border: 1px solid #343434; border-radius: 0; background: #343434; color: #ddd; font-size:18px;  padding: 0 15px; }
#footer-contact  ::-webkit-input-placeholder {color: #ddd;}
#footer-contact  :-moz-placeholder { /* older Firefox*/ color: #ddd;}
#footer-contact  ::-moz-placeholder { /* Firefox 19+ */ color: #ddd; } 
#footer-contact  :-ms-input-placeholder { color: #ddd;}
#footer-contact .btn {color: #fff; background-color: #2C2B2B; border-color: #2C2B2B; display: block; width: 100%;}
#footer-contact .btn:hover {background: #ffc80a; color: #2C2B2B; border: 3px solid #ffc80a;}
.footer-contact-info {border-top: 1px solid #2C2B2B; padding-top: 30px; margin-top: 40px;}
#footer-bodies { background: #f5f5f5; text-align: center; padding: 30px 0; }
#footer-bodies a {margin: 20px 0; display: block; }
#footer-bodies a img {height: 70px; width: auto;}
#footer-links {background: #fff; text-align: center;padding: 30px 0; }
#footer-links .container { padding: 15px;} 
#footer-links a { text-transform:uppercase; padding: 8px 10px; white-space:nowrap; font-weight: 700; display: inline-block; font-size: 10px; font-family: 'Montserrat', sans-serif;}
#footer-links span { color : #999; font-size: 10px; margin-top: 20px; display: block; font-family: 'Montserrat', sans-serif;}
#footer-links span a { font-size: 10px; padding: 0; text-transform: none; font-weight: 400; }
/* END OF FOOTER */


/* MODALS */
/* modal formatting */
.search-modal .modal-content  { padding: 70px 0; min-height: 100%; border: 0; border-radius: 0; text-align: center; background-clip: border-box; -webkit-box-shadow: none;  box-shadow: none; background:rgba(255, 255, 255, 0.95);}
.type-modal .modal-content { padding-top: 26vh;}
.type-modal .modal-content a {display: block; padding: 15px; font-size: 12px; font-weight: 700; color:#fff; margin-bottom: 20px; text-align: center; background: #444; height: 130px;  -webkit-border-radius: 3px;  -moz-border-radius: 3px; border-radius: 3px; }
.type-modal .modal-content a:hover, .type-modal .modal-content a:focus {background: #666; text-decoration:none;}
.type-modal .modal-content a img {display: block; margin: 25px auto 10px auto;}
.modal-backdrop.in { display:none;}
.search-modal .modal-body .searchbar__keyword, .search-modal .modal-body .searchbar__areas, .search-modal .modal-body .searchbar__types, .search-modal .modal-body .searchbar__submit {  float: none; margin: 0 -1px 0 0; padding-bottom: 0; padding-top: 0;  vertical-align: middle; }
.search-modal .modal-body .searchbar__keyword { width: 100%;margin-bottom: 10px;}
.search-modal .modal-body .btn-search.btn {width: 100%; display: block;  margin-top: 10px;}
.modal .close-modal { position: absolute; top: 12px; right: 25px; width: 40px; height: 40px; background-color: transparent; cursor: pointer;}
.modal .close-modal:hover { opacity: .3; }
.modal .close-modal .lr { z-index: 1051; width: 1px; height: 40px; margin-left: 35px; background-color: #222; -webkit-transform: rotate(45deg);  -ms-transform: rotate(45deg); transform: rotate(45deg);}
.modal .close-modal .lr .rl { z-index: 1052; width: 1px; height: 40px; background-color: #222; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
.searchbar__keyword input {  -webkit-border-radius: 2px;  -moz-border-radius: 2px; border-radius: 2px; -webkit-border-top-right-radius: 0;  -moz-border-radius-topright: 0; border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; font-weight: 400; width: 100%; font-size: 16px; padding:10px;border: 1px solid #c4c4c4;  -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: #fff; color: #565a5c;}
.screen-reader-only { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden;  padding: 0;  position: absolute; width: 1px;}
.input-placeholder-label { position: absolute; top: 0; left: 0; padding-top: 11px; padding-left: 11px; padding-right: 11px; font-size: 16px; max-width: 100%;  overflow: hidden;  -o-text-overflow: ellipsis; text-overflow: ellipsis; cursor: text; color: #82888a;}
/* end */


.modal.school-search-modal .modal-body, .modal.school-search-modal .modal-footer {text-align: center; padding: 30px;}
 .modal.school-search-modal .modal-footer .btn {display: block; width: 100%;}
.modal.school-search-modal .modal-body h1 {font-weight: 400; font-size:26px; margin: 0 auto 23px; font-weight: 400; font-family: 'Arvo', serif; color: #119bf7;}
.modal.school-search-modal .modal-body h4 {margin-top: 40px; color: #212121;}
.modal.school-search-modal .modal-body h5 {text-transform:uppercase; font-weight: 700; letter-spacing: 3px; font-size: 10px; margin-bottom: 12px; font-family: 'Montserrat', sans-serif; color: #9fa3a7;}
.modal.school-search-modal .modal-body p {font-size: 16px; line-height: 1.4em; margin-top: 0; font-weight: 400; font-family: 'Arvo', serif; color: #212121;}

.navbar-admin {text-align: center; background: #333;border-top: none;}
.navbar-admin .container {padding: 0;}
.navbar-admin a {padding: 0 10px; height: 50px; line-height: 50px;  display: inline-block; color:#fff; font-size: 12px;}
.navbar-admin a.admin-logout { background:#64ce83; color:#fff;display: block;}


@media(min-width:415px) {
#index-grid .item a {width: 384px; margin: 0 auto;}


}
@media(min-width:768px) {
    
h4.subtitle {font-size: 14px; margin-bottom: 20px; display: block; clear: both;}

.btn {padding: 0 30px; font-size: 12px; line-height:48px; border-radius: 27px; }
    
/* MASTHEAD */
a.brand img{position: absolute; top: 68px; left:20px; height: 46px; width: auto;}
.navtop {margin-top: 0; padding-top: 60px;}
.nav-mobile {margin-top: 0; width: 60px; height: 60px;}
ul.info-nav-list {margin:0; list-style-type: none; -webkit-margin-before:0; -webkit-margin-after: 0; -webkit-margin-start: 0; -webkit-margin-end: 0; -webkit-padding-start: 0; padding-right: 120px; width: 100%;   padding-left:0; height: 60px;}
.info-nav-item  {width: 33.3333%; float:left; list-style: none; text-align: center; padding: 0; margin: 0; font-weight: 700; background: #3d3e54; border-left: 1px solid #77788b;}
.info-nav-item a {color: #fff; display: block; background: #3e3f5a; text-transform:uppercase; font-weight: 400; letter-spacing: 2px; font-size: 13px; font-family: 'Montserrat', sans-serif; height: 60px; padding-top: 12px;}

.info-nav-item a:hover {text-decoration: none;background: #29293F;}
a.facebook-nav-item  { display: block; text-align: center;  padding: 20px 0;background: #428BCA; height: 60px; width: 60px; position: absolute; top: 0; right: 60px;}
a.search-nav-item  { display: block; text-align: center; padding: 20px 0;  background: #555561; height: 60px; width: 60px; position: absolute; top: 0; right: 0;}



/* END OF MASTHEAD */


/* HOME-HEADER */
#home-header .jumbotron {text-align:center; margin-bottom: 0;}
#home-header .jumbotron h1 {font-size: 26px; line-height: 1.4em;}
#home-header .item {height: 330px; border-top: 1px solid #eee; padding-top: 0; }
#home-header .item a {background: #eee; display: block; height: 320px; width: 100%; position: relative; padding: 0;}
#home-header .item a .overlay h3 {margin-top: 0; font-size: 24px; line-height: 1.4em;}
#home-header .item a .overlay {padding: 30px 20px 20px 20px; position: absolute; bottom: 0; width: 100%; opacity: 1; height: 150px; background-color: #fcfcfc; overflow:hidden; }
#home-header .item a .overlay h4.subtitle { margin-bottom: 10px;}
#home-header .item.parent-info-shortcut a {height: 106%; width: 106%; margin-left: -5px; z-index: 100; margin-top: -10px; -webkit-box-shadow: 0px 0px 12px -1px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 12px -1px rgba(0,0,0,0.25); box-shadow: 0px 0px 12px -1px rgba(0,0,0,0.25); background:url(/images/parent-block-filler.jpg) 50% 0; }
#home-header .item.student-info-shortcut a { background:url(/images/student-block-filler.jpg)  50% 0;}
#home-header .item.school-info-shortcut a { background:url(/images/school-block-filler.jpg)  50% 0;}
#home-header .item.parent-info-shortcut a .overlay {padding: 30px 20px 20px 20px; position: absolute; bottom: 0; width: 100%; opacity: 1; height: 156px; background-color: #fff; overflow:hidden; }
#home-header img.student-block-image { background:#f7f8f9; border-radius: 50%; display: inline-block; height: 60px; width: 60px; margin-top: 135px; z-index: 100; position: relative;}
#home-header img.parent-block-image { background:#f7f8f9; border-radius: 50%; display: inline-block; height: 60px; width: 60px; margin-top: 160px; z-index: 100; position: relative;}
#home-header img.school-block-image { background:#f7f8f9; border-radius: 50%; display: inline-block; height: 60px; width: 60px; margin-top: 135px; z-index: 100; position: relative;}

/* HEADERS */
#header .header-details {width: 100%; margin: 0 auto; padding: 50px 0 110px 0;}
#header h1 {font-size: 36px; margin-top: -12px; margin-bottom: 20px;}
#header h2 {font-size: 42px;line-height: 70px; margin-bottom: 15px;}
#header h4 {font-size: 15px; }
#header p {font-size:16px; margin: 0 auto 51px; max-width: 500px; line-height: 2em;}
#header .btn {display:inline-block; margin: 0 5px 10px 5px;}
#header .nav-pills {margin-top: 26px;}
#header .nav-pills>li>a {border-radius: 24px; padding: 10px 20px 9px 20px; font-size: 12px; }

.info-section #header .header-details {padding: 50px 0 0 0; margin-bottom: -25px;}
.helpline-section #header {background: url(/images/leaving-cert-bg.jpg) 50% 100% no-repeat #119bf7; }

.news-section #header .header-details {padding: 50px 0 35px 0;}
.news-page #header .header-details, .event-page #header .header-details {padding: 50px 0 50px 0;}
.news-section #header h2, .events-section #header h2, .news-page #header h2, .event-page #header h2, .search-page #header h2  {font-size: 36px;line-height: 64px; margin-bottom: 0; }

.general-page #header .header-details, .people-page #header .header-details {padding: 50px 0 50px 0;}

.login-page #header .header-details { padding: 50px 0 0 0;}
.login-page #header p {margin-bottom: 30px;}


#header .btn-search-again {display:inline-block; margin-top:-10px;}
/* END OF HEADERS */



/* HOME ABOUT */
#home-about .container {position: relative; overflow:hidden; }
#home-about {text-align: left; padding: 50px 15px 0; }
#home-about h3 {font-size: 24px; margin-bottom: 30px;}
#home-about p {margin-bottom: 30px; font-size: 14px; color: #9fa3a7; line-height: 28px; }
#home-about .btn {display: inline-block; width: auto; margin-bottom: 50px;}
#home-about img { display: block; position: absolute; bottom:-4px; right: 0 ; width: 450px; height: auto; }
/* END OF HOME ABOUT */

/* HOME NEWS */
#home-news {padding: 50px 0 50px 0;  }
#home-news a.news-block {padding: 30px 15px 30px 15px; margin-bottom: 25px; margin-top: 20px;border-radius: 5px;}
#home-news h3 {font-size: 24px; }
#home-news a span {display:none;}
/* END OF HOME NEWS */


/* INDEX GRIDS */
#home-about {padding-right: 0;}
#index-grid {text-align: center; padding: 50px 0 70px 0; }
#index-grid h4.subtitle { margin-top:0;}
#index-grid .item a { -webkit-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.15); box-shadow: 0px 0px 8px -1px rgba(0,0,0,0.15); border: none; margin: 0; width: auto;}
#index-grid .item a:hover { opacity: 1 !important; -webkit-box-shadow: 0 10px 15px rgba(0,0,0,0.2);  -webkit-transform: translate(0, -1px); -webkit-transition: all .3s; -webkit-transform: translate3d(0px, -1px, 0px); }
#index-grid .item a .overlay h3 { font-size: 20px; }

.info-section #index-grid {margin-top: 0;}

.news-section #index-grid a, .events-section #index-grid a, .search-page #index-grid a {border-bottom: 1px solid #eee; display: block; padding-bottom: 50px; padding-top: 50px;}
.news-section #index-grid .item h3, .events-section #index-grid .item h3, .search-page #index-grid .item h3 {font-size: 24px; line-height: 1.4em; margin-top: 0;}
.news-section #index-grid h4.subtitle, .events-section #index-grid h4.subtitle, .search-page #index-grid h4.subtitle {padding: 40px 0 40px 0;}
.news-section #index-grid .item .btn, .events-section #index-grid .item .btn, .search-page #index-grid .item .btn {margin: 20px 5px 0 5px; display: inline-block;}

/* END OF INDEX GRIDS */


/*CONTENT PAGES */
#content p { font-size: 15px;}
#content .main-content ul li {font-size: 15px;}
#content input.form-control, #content textarea.form-control {border: 1px solid #ddd; border-radius: 0; background: #fff; color: #444; font-size:18px;   }
#content .main-content h2 {font-size:20px;}
#content .main-content h3 {font-size:15px;}
#content .main-content h4 {font-size:15px;}
#content .main-content h5 {font-size:15px;}

/* general page styling */
.general-page #content {padding: 50px 15px 80px 15px; text-align: left;}

/* news page styling */
.news-page #content, .event-page #content {padding: 50px 15px 80px 15px; text-align: left;}
.news-page #content .sub-header, .event-page #content .sub-header {text-align: center;}
.news-page #content .side-content, .event-page #content .side-content  {text-align: center; margin-bottom: 20px;}


/* contact page styling */
.contact-page #content { text-align: left;padding: 80px 15px 80px 15px;}
.contact-page #content h1 {font-size:54px;margin-bottom: 40px; }
.contact-page #content h4 {margin-top: 8px;}
.contact-page #content .btn {display: inline-block; width: auto;}

/* people page styling */
.people-page #content {padding: 50px 15px 80px 15px; text-align: center;}
.thumbnail {border: none; margin-bottom: 0; text-align: center;}
.thumbnail h3 { font-size: 18px;}
.thumbnail img {width: 200px; height: 200px;}

/* downloads styling */
#content .main-content ul.DownloadsList, #content .main-content ul.LinksList {margin-bottom: 0; text-align: left;} 
#content .main-content ul.DownloadsList li, #content .main-content ul.LinksList li { padding: .1em 0 .1em 0; background: none; clear:left; background:none; }
#content .main-content ul.DownloadsList li img { margin-bottom: 10px; margin-top: 4px; width: 50px; padding:0; float: left;}
#content .main-content ul.DownloadsList li p { margin-left: 70px;}

/* side content overall styling*/
#content .side-content h1 {font-weight: 700; font-size:36px; margin: 0 auto 20px;}

/* side navigation*/
#content .side-content ul.nav.nav-stacked.side-nav {margin-top: 60px; padding-top: 0;margin-right: 0; margin-left: 0; text-align: center; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
#content .side-content ul.nav.nav-stacked>li {border-bottom: 1px solid #eee; border-top: none;width: 50%; float:left; margin-bottom: -1px;}
#content .side-content ul.nav.nav-stacked>li.side-nav-title {width: 100%; }
#content .side-content  ul.nav.nav-stacked>li h4.subtitle {margin-top: 30px; margin-bottom: 35px;}
#content .side-content .nav>li>a {padding: 20px 0;}


/* share function*/
.share-tools {margin-top: -80px; text-align: center; margin-bottom: 30px;}
.share-tools .btn-register { display: inline-block; margin-bottom: 0;}
.share-tools .facebook-share {  margin-bottom: 0;}
.share-tools .twitter-share { margin-bottom: 0;}

/* END OF CONTENT PAGES */

/* CONTENT MAP */
#map {height: 400px;}
/* END OF CONTENT MAP */

/* PAGINATION */
.pagination>li>a, .pagination>li>span {padding: 12px 18px; margin: 5px;}
/* END OF PAGINATION */

/* SCHOOL SEARCH */
#school-search  {padding: 50px 0;}
#school-search form {text-align: left; }
#school-search p { font-size: 14px; line-height: 26px;}

/* END OF SCHOOL SEARCH */


/* SHORTCUTS */
#shortcuts {padding: 70px 0 50px 0; } 
.owl-carousel .owl-item {padding: 0 30px;}
#shortcuts a img {margin-bottom: 5px;}
.owl-carousel .owl-controls .owl-nav .owl-prev { left:-15px;  }
.owl-carousel .owl-controls .owl-nav .owl-next { right:-15px;  }


/* END OF SHORTCUTS */


/* FOOTER */
#footer-contact { text-align: left; padding: 50px 0;}
#footer-contact p { font-size: 13px; line-height: 26px;}
#footer-contact .btn {display: inline; width:auto;}
#footer-contact form {padding-top: 5px;}
.footer-contact-info {border-top: none; padding-top: 0; margin-top: 0;}
#footer-bodies a {margin: 30px 20px; display: inline-block; }
#footer-links {background: #fff; text-align: center;}
#footer-links a { text-transform:uppercase; padding: 10px 10px; white-space:nowrap; font-weight: 700; display: inline-block; font-size: 13px; letter-spacing: 2px;}
#footer-links span { font-size: 12px; }
/* END OF FOOTER */

/* MODALS */
/* modal formatting */
.search-modal .modal-content  { padding: 160px 0; }
.searchbar__keyword input {  font-size: 20px; padding:15px;}
.search-modal .modal-body .btn-search.btn {width: 100%; display: block; margin-top: 15px; font-size: 16px;}
/* eEND OF MODALS */

/* BOUNCING ARROW */
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.arrow {
 margin: 60px auto 0 auto;
  width: 57px;
  height: 57px;
  background-image: url(/images/bounce-arrow.png);
  background-repeat:no-repeat;
  background-size: contain;
}

.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}
/* END OF BOUNCING ARROW */


/* #header { background-image:url(/images/header-trial-bg.png); background-size: 100% auto;  background-attachment: fixed; background-position: 50% 0; background-repeat: no-repeat; position: relative;} */


.navbar-admin {text-align: left; }
.navbar-admin .container {padding: 0; width: 100%;}
.navbar-admin a {padding: 0 15px; height: 50px; line-height: 50px;  display: inline-block; color:#fff; font-size: 14px; border-right: 1px solid #666;}
.navbar-admin a.admin-logout { background:#64ce83; color:#fff;display: inline-block; float:right;border-right: none;}

}
@media(min-width:992px) {

.btn {padding: 0 30px; font-size: 12px; line-height:48px; border-radius: 27px; }
.arrow { display: block;}
h4.subtitle {font-size: 15px; margin-bottom: 30px;}

/* MASTHEAD */
#masthead {position: relative; z-index: 300;}
a.brand img{position: absolute; top: 80px; left:20px; height: 52px; width: auto;}
.navtop {margin-top: 0; padding-top: 0; float: right; height: 90px;font-weight: 400; }
ul.nav-list {margin-right: 15px;}
.nav-item a { padding: 0 11px; line-height: 90px; color: #898986; text-transform:uppercase; font-size: 13px; font-family: 'Montserrat', sans-serif; letter-spacing: .13vw; font-weight: 400;}
.nav-submenu-item a { padding: 15px 15px; line-height: 1em; font-weight: 400; color: #898986; text-transform:none; font-family: 'Open Sans', sans-serif;}

.info-nav-item a {line-height: 60px; text-transform:uppercase; font-weight: 700; letter-spacing: 2px; font-size: 12px; font-family: 'Montserrat', sans-serif; padding: 0;}
.parent-nav-item a {color:#fff;}
.student-nav-item a {color:#fff;}
.school-nav-item a {color:#fff;}
/* END OF MASTHEAD */


/* HOME-HEADER */
#home-header .jumbotron { padding-bottom:30px; padding-top:26px;}
#home-header .jumbotron h1 {font-size: 24px; line-height:38px;}
#home-header .info-shortcuts {width: 970px; margin: 0 auto;}
#home-header .item {height: 320px;}
#home-header .item a {height: 320px; -webkit-box-shadow: 0px 0px 9px -1px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 9px -1px rgba(0,0,0,0.25); box-shadow: 0px 0px 9px -1px rgba(0,0,0,0.25); -webkit-transition: 0.35s  ease-in-out; -moz-transition: 0.35s ease-in-out; -o-transition:0.35s ease-in-out; -ms-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out;}
#home-header .item a:hover {-webkit-box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.40); -moz-box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.40); box-shadow: 0px 0px 10px 0 rgba(0,0,0,0.40); transform:scale(1.03) }
#home-header .item a:hover .overlay {background-color:#f2f2f2;}
#home-header .item a .overlay {padding: 30px 20px ; height: 160px;}
#home-header .item.parent-info-shortcut a .overlay {padding: 30px 20px 20px 20px;  height: 160px;  }
#home-header img.student-block-image {  margin-top: 126px;}
#home-header img.parent-block-image { margin-top: 145px; }
#home-header img.school-block-image { margin-top: 126px;}
/* END OF HOME HEADER */


/* HEADERS */
#header .header-details { padding: 5vh 0 10vh 0;}
#header h2 {font-size: 48px; margin-bottom: 30px;}
#header p { max-width: 680px; }
.info-section #header {max-height: 620px;}
.info-section #header .header-details {padding: 60px 0 0 0; margin-bottom: -25px;}
.news-section #header .header-details {padding: 40px 0 45px 0;}
.events-section #header .header-details, .news-page #header .header-details, .event-page #header .header-details, .search-page #header .header-details  {padding: 40px 0 40px 0;}
.about-section #header {text-align: left;}
.about-section #header .header-details {padding: 60px 0 60px 0; }
.about-section #header .header-details  p {margin:0 0 51px 0;}
.about-section #header .header-details img {position:absolute; bottom: 0; width: 360px; height: auto;}
.news-page #header h2, .event-page #header h2 {font-size: 26px; line-height: 48px;}
/* END OF HEADERS */

.sub-header {padding-bottom: 20px;}




/* HOME ABOUT */
#home-about {text-align: left; padding: 50px 15px 0; }
#home-about .container {padding-right: 15px; margin-right:auto;}
#home-about p {font-size: 15px; color: #9fa3a7; line-height: 30px; }
#home-about img { bottom:-4px; right: 0; width: 500px;  }
/* END OF HOME ABOUT */


/* HOME NEWS */
#home-news a.news-block {padding: 30px 15px 30px 15px; margin-bottom: 25px; margin-top: 20px; height: 300px; border-radius: 5px;}
#home-news h3 {font-size: 22px; line-height: 32px; }
#home-news .btn {display: inline-block; width:auto; margin: 20px auto 0 auto;}
#home-news p {font-size: 14px; }
#home-news a span {width: 293px; display: block;}


/* END OF HOME NEWS */


/* INDEX GRIDS */
#index-grid h4.subtitle {font-size: 17px; margin-top: 14px;}
#index-grid .item a .overlay h3 {font-size: 20px; }
#index-grid .item a:hover .overlay {}

.info-section #index-grid {margin-top: 0;}
.news-section #index-grid a, .events-section #index-grid a, .search-page #index-grid a {padding-bottom: 50px; padding-top: 50px;}
.news-section #index-grid .item h3, .events-section #index-grid .item h3, .search-page #index-grid .item h3 {font-size: 28px; }
/* END OF INDEX GRIDS */


/*CONTENT*/
#content p { font-size: 16px;}
#content .main-content ul li {font-size: 16px;}
#content .main-content {padding-left: 30px;}
#content .main-content h2 {font-size:20px;}
#content .main-content h3 {font-size:16px;}
#content .main-content h4 {font-size:16px;}
#content .main-content h5 {font-size:16px;}
#content .side-content {padding-right: 30px;}

/* contact page styling */
.contact-page #content { padding: 70px 15px 70px 15px;}

/* news-event page styling */
.news-page #content .side-content, .event-page #content .side-content {text-align: right;}

/* side navigation*/
#content .side-content ul.nav.nav-stacked.side-nav {margin-top: 0; padding-top: 0;margin-right: 0; margin-left: 0; text-align: right; border-top: none; border-bottom: 1px solid #eee; }
#content .side-content ul.nav.nav-stacked>li {border-bottom: 1px solid #eee; border-top: none;width: 100%; float:none; margin-bottom: -1px;}
#content .side-content ul.nav.nav-stacked>li.side-nav-title {width: 100%; }
#content .side-content ul.nav.nav-stacked>li h4.subtitle {margin-top: 5px; margin-bottom: 30px;}
#content .side-content .nav>li>a {padding: 20px 0;} 
/* END OF CONTENT*/


/* NEWS ARCHIVE */
#archive {padding: 50px 0;}
/* END OF ARCHIVE */


/* SCHOOL SEARCH */
#school-search .btn {display: block; width:auto; margin: 20px auto 0 auto;}
/* END OF SCHOOL SEARCH */


/* SHORTCUTS */
.home-page #shortcuts {padding: 200px 0 36px 0; margin-top: -152px;} 
.owl-carousel .owl-item {padding: 0 35px;}
/* END OF SHORTCUTS */


/* FOOTER */
#footer-bodies a {margin: 30px 34px;  }
#footer-bodies a img {height: 89px; width: auto;}
#footer-contact  {text-align: left;}
#footer-contact p { font-size: 15px; line-height: 30px;}
#footer-links a { padding: 15px 15px;  }
/* END OF FOOTER */

}

@media(min-width:1200px) {
    
.btn {padding: 0 30px; font-size: 12px; line-height:48px; border-radius: 27px;  }
.arrow { margin: 8vh auto 0 auto;}

/* MASTHEAD */
a.brand img{top: 90px; left:30px; height: 65px; width: auto;}
ul.info-nav-list {height: 76px; padding-right: 152px;}
.info-nav-item  {padding:0; line-height:76px; height: 76px;}
.info-nav-item a {line-height:76px; height: 76px;font-size: 14px; }

.navtop {height: 96px;}
.nav-item a { font-size: 14px;  display: block; padding: 0 1.4vw; line-height: 96px; }


.nav-submenu-item a { padding: 18px 18px; line-height: 1em; }
a.facebook-nav-item  { padding: 26px 0;height: 76px; width: 76px; top: 0; right: 76px;}
a.search-nav-item  { padding: 26px 0;height: 76px; width: 76px; top: 0; right: 0;}
/* END OF MASTHEAD */

/* HOME-HEADER */
#home-header .jumbotron h1 {font-size: 26px; line-height:42px;}

#home-header .jumbotron {padding-top:4.7vh; padding-bottom:4.8vh;}
#home-header .info-shortcuts {width: 1140px; margin: 0 auto;}
#home-header .item {height: 310px;}
#home-header .item a {height: 310px; -webkit-box-shadow: 0px 0px 9px -1px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 9px -1px rgba(0,0,0,0.25); box-shadow: 0px 0px 9px -1px rgba(0,0,0,0.25);}
#home-header .item a .overlay {padding: 45px 20px 30px 20px;}
#home-header .item.parent-info-shortcut a .overlay {padding: 45px 20px 20px 20px;  height: 160px;  }
#home-header img.student-block-image {  margin-top: 120px;}
#home-header img.parent-block-image { margin-top: 140px; }
#home-header img.school-block-image { margin-top: 120px;}
/* END OF HOME HEADER */


/* HEADERS */
.info-section #header {max-height: 620px;}
.info-section #header .header-details {padding: 6vh 0 0 0; margin-bottom: -25px;}
.news-section #header .header-details {padding: 8vh 0 6vh 0;}
.events-section #header .header-details {padding: 8vh 0 8vh 0;}
.search-page #header .header-details {padding: 8vh 0 8vh 0;}
#header .nav-pills {margin-top: 2vh;}
.about-section #header .header-details img {width: 390px; height: auto;}
/* END OF HEADERS */


.sub-header {padding-bottom: 2.5vh;}

/* HOME ABOUT */

#home-about {text-align: left; padding: 80px 15px 0; }
#home-about h3 {font-size: 36px; }
#home-about p {font-size: 16px; color: #9fa3a7; line-height: 32px; }
#home-about .btn {margin-bottom: 80px;}
/* END OF HOME ABOUT */

/* HOME NEWS */
#home-news a.news-block {padding: 34px 30px 30px 30px; margin-bottom: 25px; margin-top: 20px; height: 320px; border-radius: 5px;}
#home-news h3 {font-size: 24px; line-height: 34px;}
#home-news p {font-size: 14px; }
#home-news a span {width: 360px;}


/* END OF HOME NEWS */


/* INDEX GRIDS */
#index-grid {text-align: center; padding: 50px 0 100px 0; }
#index-grid .item a .overlay {padding: 20px 30px;}
.info-section #index-grid {margin-top: 0px;}
/* END OF INDEX GRIDS */


/*CONTENT*/
.contact-page #content { padding: 8vh 15px 7vh 15px;}
.contact-page #content .container {width: 980px;}
.general-page #content .container {width: 980px;}
.news-page #content .container {width: 980px;}
.event-page #content .container {width: 980px;}
.people-page #content .container {width: 980px;}
.contact-page #content h1 {font-size:64px;margin-bottom: 40px;}



#content .container p.main-img img {width: auto; max-height: 500px; border-radius: 0; }
/* END OF CONTENT*/


/* SCHOOL SEARCH */

#school-search .select-style select  {height: 52px;}
#school-search input.form-control {height: 52px;}
/* END OF SCHOOL SEARCH */

/* FOOTER */
#footer-contact input.form-control {height: 52px; }

#footer-links .container { padding: 50px 30px;}
/* END OF FOOTER */

/* MODALS */
/* modal formatting */
.modal .close-modal { position: absolute; top: 12px; right: 25px; width: 40px; height: 40px; background-color: transparent; cursor: pointer;}
.modal .close-modal:hover { opacity: .3; }
.modal .close-modal .lr { z-index: 1051; width: 1px; height: 50px; margin-left: 28px; background-color: #222; -webkit-transform: rotate(45deg);  -ms-transform: rotate(45deg); transform: rotate(45deg);}
.modal .close-modal .lr .rl { z-index: 1052; width: 1px; height: 50px; background-color: #222; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
/* END OF modals */
}