/* Dark Blue: #06376B | 6,55,107 Medium Blue: #0D4C91 | 13,76,145 Bright Blue: #71BDF8 | 113,189,248 Dark Brown: #979568 | 151,149,104 Medium Brown: #A8A378 | 168,163,120 font-family: 'Source Sans Pro', sans-serif; font-family: 'Source Serif Pro', serif; */ body { background-color: #06376B; color: #3A3A3A; font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-size: 16px; } .row.nomargins > div { margin: 0; } .row.lowpad { margin-left: 0; margin-right: 0; } .row.lowpad > div { padding-left: 5px; padding-right: 5px; } .row.lowpad > div:first-child { padding-left: 0; } .row.lowpad > div:last-child { padding-right: 0; } .row.nopad { margin-left: 0; margin-right: 0; } .row.nopad > div { padding-left: 0; padding-right: 0; } img.fullsize { display: block; height: auto; width: 100%; } /*!BUTTONS*/ .btn { transition: all 0.6s ease; } .btn-dkblue { background-color: #06376B; color: #fff !important; } .btn-dkblue:hover { background-color: #0D4C91 !important; } .btn-mdblue { background-color: #0D4C91; color: #fff !important; } .btn-mdblue:hover { color: #71BDF8 !important; } .btn-btblue { background-color: #71BDF8; color: #0D4C91 !important; } .btn-btblue:hover { color: #06376B !important; } .btn-dkbrown { background-color: #979568; color: #fff !important; } .btn-dkbrown:hover { color: #A8A378 !important; } a.btn-btblue i.fa-circle { color: #71BDF8 !important; } a.btn-dkbrown i.fa-circle { color: #979568 !important; } .btn.circ { clear: both; color: #fff !important; display: block; font-weight: 600; text-align: left; margin-left: 0.5em; padding-left: 0; } .btn.circ span.fa-stack, h3.circ span.fa-stack { float: left; margin-top: -0.5em; margin-left: -0.5em; font-size: 1.5em;} h3.circ-dkblue { background-color: #06376B; } h3.circ-dkblue i.fa-circle { color: #06376B; } h3.circ-mdblue { background-color: #0D4C91; } h3.circ-mdblue i.fa-circle { color: #0D4C91; } p.btnp { margin-top: 2em; margin-bottom: 0; text-align: center; } p.big { font-size: 1.5em !important; } #main-content h1, #main-content h3 { font-family: 'Source Serif Pro', Georgia, serif; } #main-content h2, #main-content h4, #main-content h5, #main-content h6 { font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; } #main-content p { line-height: 1.65em; margin-bottom: 1em; } #main-content p a { font-weight: 600; text-decoration: underline; } #main-content p a.btn { text-decoration: none; } #main-content h1 { color: #0D4C91; font-size: 2em; margin-top: 0; padding-top: 0; margin-bottom: 0.5em; } #main-content h2 { color: #0D4C91; font-size: 1.825em; font-weight: 600; margin-top: 0; margin-bottom: 0.65em; padding-top: 0; text-align: center; } #main-content h3 { color: #979568; font-size: 1.5em; } #main-content h4 { color: #0D4C91; font-size: 1.25em; line-height: 1.35em; } #main-content ul, #main-content ol { margin-bottom: 1em; } #main-content ul > li, #main-content ol > li { line-height: 1.5em; padding-bottom: 0.5em; } #main-content ul.big li { font-size: 1.25em; } /*!HEADER*/ #main-header { position: fixed; z-index: 100; width: 100%; background-color: #06376B; } #main-header > .container { position: relative; } #main-header .float-logo { display: block; left: 0; position: absolute; top: 5px; width: 16%; z-index: 50; } #main-header .top-row { padding-left: 16%; padding-top: 1em; } #main-header .logo img { margin-bottom: 0.35em; } #main-header .address { color: #A8A378; font-size: 0.875em; margin-bottom: 0.75em; text-align: center; } #main-header .tools-bar { margin-bottom: 0.75em; padding-top: 0.5em; } #main-header .tools-bar a, #main-header .tools-bar button { display: block; font-size: 1em; text-align: center; width: 100%; } #main-header .resources-bar { background-color: rgba(255,255,255, 0.15); border-radius: 5px; color: #71BDF8; padding: 0.5em 0.35em; text-align: center; } #main-header .resources-bar strong { color: #fff; } #main-header .resources-bar a { color: #fff; } /*!TRANSLATION BUTTON*/ .dropdown-content { background-color: #71BDF8; border-radius: 5px; display: none; font-size: 0.875em; overflow: hidden; position: absolute; text-align: left; width: 98%; z-index: 1; } .dropdown-content a { background-color: #71BDF8; color: #0D4C91; display: block; padding: 0.5em; text-decoration: none; transition: all 0.6s ease; } .dropdown-content a:hover { background-color: #71BDF8; color: #ffffff; } #main-navigation { background-color: #0D4C91; } #main-navigation > .container > .row { padding-left: 0; padding-right: 0; } #main-navigation .navbar { border-radius: 0; border: 0; margin-bottom: 0; min-height: unset; } #main-navigation ul.nav { padding-left: 12%; } #main-navigation ul.nav > li a { color: #fff; font-size: 0.925em; font-weight: 600; padding: 10px 16px; transition: all 0.6s ease; } #main-navigation ul.nav > li a .caret { color: #718DF8; } #main-navigation ul.nav > li a:hover { background-color: #71BDF8; color: #06376B; } #main-navigation ul.nav > li a:hover .caret { color: #718DF8 !important; } #main-navigation ul.sub-menu { background-color: #0D4C91; margin-top: -1px; } #main-navigation ul.sub-menu > li a { color: #fff !important; transition: all 0.55s ease; } #main-navigation ul.sub-menu > li a:hover { background-image: none; background: none; background-color: #E3EEFB; color: #06376B !important; } #main-navigation ul.sub-menu > li a:visited, #main-navigation ul.sub-menu > li a:active { background-image: none; background: none; } @media (min-width: 768px) { .menu-item:hover .dropdown-menu { display: block; margin-top: 0; } } /*!CONTENT*/ #main-content { background-color: #fff; padding-top: 178px; } /*!SOCIAL MEDIA*/ #sm-interactive { overflow: hidden; position: absolute; top: 220px; right: 0px; text-align: right; width: 200px; z-index: 40; } #sm-interactive a { background-color: #3B5998; border-radius: 5px; color: #fff; margin-bottom: 0.35em; padding-top: 0.35em; padding-bottom: 0.35em; display: block; width: 200px; text-align: left; text-decoration: none; transition: all 0.75s ease-in-out; margin-left: 160px; vertical-align: middle; } #sm-interactive a:hover { margin-left: 0; border-top-left-radius: 20px; border-bottom-left-radius: 20px; } #sm-interactive a i { font-size: 1.625em; width: 40px; text-align: center; vertical-align: middle; } #sm-interactive a span { display: inline-block; vertical-align: middle; } #sm-interactive a.smi-twitter { background-color: #1DA1F2; } #sm-interactive a.smi-youtube { background-color: #FF0000; } #sm-interactive a.smi-powerschool { background-color: #1A2D3B; } #sm-interactive a.smi-powerschool i { background-image: url(img/powerschool.png); background-position: center center; height: 24px; background-repeat: no-repeat; } #sm-interactive a.smi-alma { background-color: #f1f1f1; color: #414344; } #sm-interactive a.smi-alma i { background-image: url(img/alma-sm.png); background-position: center center; height: 24px; background-repeat: no-repeat; } #sm-interactive a.smi-livestream { background-color: #979568; } .widget_slider_header { background-color: #06376B; position: relative; } .widget_slider_header > div, .widget_slider_header > div > div { background-size:cover; height: 360px; } #slidermain { transition: all 2s ease; } #page-content { padding-top: 2em; padding-bottom: 2em; } #page-content p { font-size: 1em; } #page-content hr { clear: both; margin-top: 2em; margin-bottom: 2em; border: 1px solid #E5E3D8; } #page-content .search-result { border-bottom: 1px solid #E5E3D8; padding-bottom: 1.25em; margin-bottom: 1.5em; } #page-content .search-result h3 a { color: #979568; } #page-content.news-content h2 { text-align: left; margin-bottom: 0; } #page-content.news-content .entry-header { margin-bottom: 1em; } #page-content.news-content .entry-meta { font-style: italic; } #page-content.news-content article { border-bottom: 2px solid #c8c8c8; margin-bottom: 2em; } #video-home { background-color: rgba(113,189,248, 0.25); padding-top: 2em; padding-bottom: 2em; } #video-home .btn-row a { font-size: 1.125em; } #video-home a .imgright { float: right; margin-top: -1.25em; } #video-home .videoframe { background-color: rgba(13,76,145, 0.2); border-radius: 5px; padding: 1em; } #video-home .videoframe p { color: #06376B; margin-top: 0.5em; margin-bottom: 0; text-align: center; } #video-home p a { color: #06376B; } #news-center { border-top: 45px solid #06376B; } #news-center > .container > .row { margin-top: -65px; } #news-center h3 { color: #fff; font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-size: 1.3125em; padding: 0.5em 0; } #news-center h3.circ span.fa-stack { margin-top: -0.6em; } #news-center .no-results { border: 2px dashed #E4E3D9; clear: both; text-align: center; margin: 2em 1em; padding: 1em; } #news-center .no-results p { color: #A8A378; margin: 0; } #news-center #calendar, #news-center #news { clear: both; margin: 0 50px 1.5em 20px; padding-top: 0.75em; } #news-center #news { padding-top: 0; } #news-center #calendar h4, #news-center #news h4 { color: #06376B; font-family: 'Source Serif Pro', Georgia, serif; font-size: 1em; margin: 0; } #news-center #news h4 { margin-bottom: 0.35em; } #news-center #news .news-articles .news:nth-child(even) { background-color: rgba(113,189,248, 0.15); } #news-center #calendar .event { border-bottom: 2px solid #E2EEFA; padding-bottom: 0.65em; margin-bottom: 0.65em; } #news-center #calendar .event .date { background-color: rgba(113,189,248, 0.25); border-radius: 5px; color: #06376B; font-size: 1.125em; font-weight: bold; line-height: 1.3em; padding: 0.5em; text-align: center; text-transform: uppercase; } #news-center #calendar .event .date strong { font-size: 1.667em; } #news-center #calendar p, #news-center #news p { font-size: 0.875em; line-height: 1.5em; margin-bottom: 0; } #news-center #calendar p.location { color: #979568; } #news-center #calendar .event-entry { margin-bottom: 0.75em; } #news-center .btn-row { padding-top: 0.5em; } #news-center .btn-row a.btn { display: block; font-weight: 600; } #news-center #news .news { padding: 1em 0.65em; } #news-center #news .news .img-responsive { display: block; margin-bottom: 1em; } #newsletter-home { background-color: rgba(168,163,120, 0.3); padding-top: 2em; padding-bottom: 2em; } #newsletter-home h3 { color: #06376B !important; } #newsletter-home img.title { display: block; height: auto; margin-bottom: 1.25em; max-width: 310px; } #newsletter-home .content p { font-size: 1.125em; } #newsletter-home a.btn-lg { font-size: 1.75em; } #newsletter-home a.downloadbtn { background-color: #06376B; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; color: #fff; display: block; font-weight: 600; margin: -3.5em auto 0 auto; max-width: 275px; text-align: center; text-decoration: none; } #newsletter-home a.downloadbtn span { display: block; padding: 0.5em; text-align: center; } /*!FOOTER*/ #main-footer { background-image: url(img/wpsd-watermark-logo.svg); background-repeat: no-repeat; background-position-x: 110%; background-position-y: -30%; padding-top: 30px; padding-bottom: 40px; } #main-footer .contact-details { padding-top: 1em; } #main-footer .contact-details p { color: #fff; margin-bottom: 5px; text-align: right; } #main-footer .contact-details p a { color: #fff; font-size: 1.125em; font-weight: 600; text-decoration: underline; } #main-footer .contact-details p a[href^="tel:"] { text-decoration: none; } #main-footer .contact-details p a.sitemap { color: #71BDF8; } #main-footer h6 { color: #fff; font-size: 1.125em; font-weight: 600; margin-top: 2em; text-align: center; } #main-footer hr { border-top: 2px solid #fff; max-width: 540px; margin-top: 1em; margin-bottom: 1.5em; max-width: 540px; width: 80%; } #main-footer hr.bottom { margin-top: 0em; } #main-footer .affiliates { text-align: center; } #main-footer .affiliates img { margin-bottom: 1em; } #copyright { color: #fff; font-size: 0.875em; text-align: center; } #main-footer p#disc { color: #fff !important; margin-bottom: 1.5em; margin-left: 50px; margin-right: 50px; text-align: center; font-size: 0.875em; } #search-bar { display: none; height: 100%; width: 100%; position: fixed; z-index: 999; top: 0; left: 0; background-color: rgb(8,155,171); background-color: rgba(6,55,107, 0.85); } #search-bar .search-bar-content { position: relative; top: 40%; width: 80%; text-align: center; margin-top: 20px; margin: 20px auto auto auto; } #search-bar .closebtn { position: absolute; top: 40px; right: 45px; font-size: 40px; cursor: pointer; color: #fff; } #search-bar .closebtn:hover { color: #ff9922; } #search-bar input[type=search] { border-radius: 4px; padding: 15px; font-size: 18px; border: 4px solid #71BDF8; float: left; width: 78%; background: white; opacity: 0.75; transition: all 1.25s ease; } #search-bar input[type=search]:hover, #search-bar input[type=search]:focus { opacity: 1; } #search-bar button { background-color: #71BDF8; color: #fff; float: left; margin-left: 2%; width: 19%; padding: 21px; font-size: 18px; border: none; cursor: pointer; transition: all 0.65s ease; border-radius: 4px; } #search-bar button:hover { color: #06376B; } #search-bar h6 { color: #fff; font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-weight: 700; padding: 0; text-align: left; text-transform: uppercase; font-size: 2em; text-transform: uppercase; margin-bottom: 0.5em; } #home-announcement { background-color: rgba(168,163,120, 0.3); margin-bottom: 3em; padding-top: 2em; padding-bottom: 2em; } #home-announcement .announcement-photo { text-align: center; } #home-announcement .announcement-photo img { margin-top: -3em; margin-bottom: -3em; } #home-announcement h2 { text-align: left; font-size: 1.35em; } #home-announcement .subheader p { font-size: 1em; } #home-announcement p { font-size: 0.9325em; } #home-announcement .announcement-text { margin-bottom: -1em; } #home-announcement .btn-row { padding-top: 0.75em; } div.wpcf7 .row > div { padding-top: 1em; padding-bottom: 1em; } div.wpcf7 .row:nth-child(odd) { background-color: rgba(113,189,248, 0.15); } div.wpcf7 .row label { display: block; } div.wpcf7 .row input[type=text], div.wpcf7 .row input[type=email], div.wpcf7 .row textarea { display: block; font-size: 1.25em; padding: 0.25em 0.4em; width: 100%; } div.wpcf7 input[type=submit] { background-color: #06376B; color: #fff; display: block; width: 90%; max-width: 300px; font-size: 1.65em; padding: 0.25em 1em; text-transform: uppercase; margin: 0.25em auto; border: 0; font-weight: bold; } #menu-item-12620 { background-color: #C43211; } #menu-item-12620 span.caret { color: #fff !important; } img.featuredimg, img.alignright { float: right; margin-left: 1.5em; margin-bottom: 1.25em; border-radius: 6px; border: 3px solid #A8A378; } img.alignleft { float: left; margin-right: 1.5em; margin-bottom: 1.25em; border-radius: 6px; border: 3px solid #A8A378; } img.aligncenter { display: block; max-width: 90%; height: auto; margin: 1em auto; border-radius: 6px; border: 3px solid #A8A378; } #translate-dropdown { z-index: 1001 !important; } .divided-heading { } .divided-heading img { margin-bottom: 1.5em; } #main-content .divided-heading h2 { font-size: 1.35em; line-height: 1.5em; } #main-content a.regstyle { display: block; margin-bottom: 1.5em; } figure.tabled table th { background-color: #E3EEFA; color: #0D4C91; font-size: 1.375em; border: 0; border-bottom: 3px solid #0D4C91; text-align: center; } figure.tabled table td { border: 0; border-right: 2px solid #E3EEFA; } figure.tabled table td:last-child { border-right: 0; } #main-content .spaced { margin-top: 1.5em; } #main-content h3.eb-accordion-title { color: #000000 !important; font-size: 1.25em; font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-weight: bold; } #page-content .df-popup-thumb .df-book-title { opacity: 1; bottom: 0; } #page-content h2 + .dflip-books a { width: calc(33%); } #main-content h2.wsp-pages-title { text-align: left; } #news-center img { max-width: 400px; width: 90%; height: auto; margin-top: 1em; } #news-center .inner { padding: 10px 20px; } #news-center .inner a.btn { font-size: 0.925em; padding: 0.75em; } #news-center h4 { font-weight: bold; margin-top: 0; margin-bottom: 0; line-height: 1.25em; } #news-center h5 { margin: 0; } /* Dark Blue: #06376B | 6,55,107 Medium Blue: #0D4C91 | 13,76,145 Bright Blue: #71BDF8 | 113,189,248 Dark Brown: #979568 | 151,149,104 Medium Brown: #A8A378 | 168,163,120 font-family: 'Source Sans Pro', sans-serif; font-family: 'Source Serif Pro', serif; */ @media (max-width: 1200px) { #main-navigation ul.nav > li a { font-size: 0.875em; padding: 10px 6px; } #main-content { padding-top: 163px; } #sm-interactive { top: 200px; } .widget_slider_header > div, .widget_slider_header > div > div { height: 309px; } } @media (max-width: 1024px) { } @media (max-width: 992px) { #main-header .float-logo { display: none; } #main-header .top-row { padding-left: 0%; padding-top: 0.75em; } #main-header .tools-bar { margin-bottom: 0; padding-top: 0; } #main-header .logo img { margin-bottom: -0.25em; } #main-header .address { margin-bottom: 0.5em; } #main-header .logo { text-align: center;} #main-header .header-logo { max-width: 640px; height: auto; margin: 0 auto; } #main-navigation { margin-top: 0.75em; } #main-navigation ul.nav { padding-left: 0; text-align: center; width: 100%; } #main-navigation .navbar-collapse { padding-left: 0; padding-right: 0; } #main-navigation ul.nav > li { display: inline-block; float: none; } #main-navigation ul.nav > li a { font-size: 0.85em; padding: 10px 3px; } #sm-interactive { top: 280px; } #main-content { padding-top: 245px; } .widget_slider_header > div, .widget_slider_header > div > div { background-size: cover; background-position: center center; height: 280px; } .widget_slider_header > div > div { width: 100%; } #video-home .btn-row { margin-top: 1em; margin-bottom: 0.5em;} #video-home .btn-row a { margin-bottom: 1em; } #news-center { border-top: 0; margin-top: 45px; } #news-center #calendar, #news-center #news { margin-right: 30px; } #newsletter-home img.title { margin-left: auto; margin-right: auto; } #newsletter-home a.downloadbtn { margin: 1.5em auto 0 auto; max-width: 350px; width: 95%; } #main-footer .contact-details { padding-top: 0.5em; } #main-footer .contact-details p { font-size: 0.875em; } #main-footer .contact-details p a { font-size: 1.15em; } } @media (min-width: 768px) { #main-navigation ul.nav > li.dropdown:hover > ul.dropdown-menu { display: block; } } @media (max-width: 767px) { #main-header .tools-bar { margin-bottom: 1em; } #main-header .address { margin-bottom: 1em; } #main-header .logo img { max-width: 370px; } #main-navigation { margin-top: -2.85em; } #main-navigation .navbar-toggle { color: #fff; margin-right: 0; padding: 0.5em 0.75em; transition: all 0.6s ease; } #main-navigation .navbar-toggle:hover { background-color: #71BDF8; color: #06376B; } #main-navigation .navbar-collapse { margin-left: -15px; margin-right: -15px; } #main-navigation ul.nav { margin: 0; } #main-navigation ul.nav > li { display: block; float: none; } #main-navigation ul.nav > li.dropdown.open { background-color: #71BDF8; } #main-navigation ul.nav > li > a { background-color: transparent !important; background-image: none !important; border-radius: 0; font-size: 1.25em; padding: 0.65em 0.5em; text-shadow: none; } #main-navigation ul.nav > li > a:hover { color: #71BDF8 !important; } #main-navigation ul.nav > li.dropdown.open > a:hover { color: #06376B !important; } #main-navigation ul.nav > li li a { border-radius: 5px; font-size: 16px; text-align: center; } #sm-interactive { top: 300px; } #main-content { padding-top: 205px; } .widget_slider_header > div, .widget_slider_header > div > div { height: 320px; } #main-footer { background-size: 50%; } #main-footer .logo { max-width: 540px; width: 90%; height: auto; margin: 0 auto 0.5em auto; } #main-footer .contact-details p { text-align: center; } #home-announcement { margin-bottom: 0; } #home-announcement h2 { text-align: center; } #home-announcement .announcement-photo img { margin-left: auto; margin-right: auto; max-width: 300px; margin-bottom: 2em; } #home-announcement .announcement-text { margin-bottom: 0; } #home-announcement .btn-row { text-align: center; } img.featuredimg, img.alignright, img.alignleft { display: block; float: none !important; margin: 1em auto; clear: both; } } @media (max-width: 480px) { #sm-interactive { top: 240px; } .widget_slider_header > div, .widget_slider_header > div > div { height: 240px; } } @media print { }