/* Theme Name: ncen2025 Description: This is the ncen2025 theme built on the Genesis Framework Template: genesis License: GPL-2.0-or-later License URI: https://www.gnu.org/licenses/gpl-2.0.html Requires at least: 5.4 Requires PHP: 5.6 */ /* Table of Contents - HTML5 Reset - Baseline Normalize - Box Sizing - Float Clearing - Defaults - Typographical Elements - Headings - Objects - Gallery - Forms - Tables - Screen Reader Text - Structure and Layout - Site Container - Site Inner - Common Classes - Avatar - Genesis - Search Form - Titles - WordPress - Widgets - Featured Content - Plugins - Skip Links - Site Header - Title Area - Site Navigation - Responsive Menu - Header Menu - Footer Menu - Content Area - Entry Content - Entry Meta - Pagination - Entry Comments - Sidebar - Footer Widgets - Site Footer - Media Queries - Min-width: 960px - Site Header - Genesis Menu - Responsive Menu - Header Menu - Site Inner - Content - Sidebar - Author Box - After Entry - Column Classes - Entry Misc. - Footer Widgets - Print Styles */ /* HTML5 Reset ---------------------------------------------------------------------------- */ /* normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css ---------------------------------------------------------------------------- */ /* stylelint-disable */ html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none} /* stylelint-enable */ /* Box Sizing --------------------------------------------- */ html { box-sizing: border-box; } *, *::before, *::after { box-sizing: inherit; } /* Float Clearing --------------------------------------------- */ .clearfix::before, .single .entry-content::before { content: " "; display: table; } .clearfix::after, .single .entry-content::after { clear: both; content: " "; display: table; } /* Defaults ---------------------------------------------------------------------------- */ .post-edit-link { display: none; } /* Typographical Elements --------------------------------------------- */ html { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } body { background-color: #fff; color: #333; font-family: 'Lato', sans-serif; font-size: 17px; font-weight: 400; line-height: 1.5; margin: 0; overflow-x: hidden; letter-spacing: .025em; } button, input:focus, input[type="button"], input[type="reset"], input[type="submit"], textarea:focus, .button, .gallery img { transition: all 0.2s ease-in-out; border-color: #a9c23f; } a:link, a:visited { text-decoration: none; transition: all 0.3s ease-in-out; color: #c6920e; font-weight: 600; } .sidebar a:link, .sidebar a:visited { color: #1c3d52; } a:hover, a:focus { color: #1c3d52; } .sidebar a:hover, .sidebar a:focus { color: #c6920e; } *:link, *:visited, *:hover, *:focus { outline: 0 !important; -moz-outline-style: none !important; } .special-text-link a { font-size: 1.3em; font-family: 'Playfair Display', serif; font-weight: 400; position: relative; padding-bottom: 1px; color: #c6920e; } .special-text-link a::before { content: ''; width: 25px; height: 2px; background-color: #c6920e; position: absolute; bottom: 0; left: 0; transition: all 0.3s ease-in-out; } .special-text-link a:hover::before { width: 100%; } p { margin: 0 0 20px; padding: 0; } ol, ul { margin: 0; padding: 0; } li { list-style-type: none; } b, strong { font-weight: 600; } blockquote, cite, em, i { font-style: italic; } mark { background: #ddd; color: #333; } blockquote { margin: 30px; } /* Headings --------------------------------------------- */ h1, h2, h3, h4, h5, h6 { font-family: 'Playfair Display', serif; line-height: 1; margin-bottom: 20px; font-weight: 400; margin-top: 30px; } h1 { font-size: 45px; } h2 { font-size: 38px; } h3 { font-size: 33px; } h4 { font-size: 27px; } h5 { font-size: 22px; } h6 { font-size: 19px; } .home h1 { font-size: 65px; margin-bottom: 30px; } .home h2 { font-size: 60px; } .home h3 { font-size: 45px; } .home h4 { font-size: 30px; } .home h5 { font-size: 25px; } .home h6 { font-size: 20px; } .green-dot::before { content: ''; background-color: #ddbe6e; width: 1.7em; height: 1.7em; position: absolute; border-radius: 1em; z-index: -1; top: -.4em; left: -.5em; } .green-dot { position: relative; } /* Objects --------------------------------------------- */ embed, iframe, img, object, video, .wp-caption { max-width: 100%; } img { height: auto; vertical-align: top; } figure { margin: 0; } /* Forms --------------------------------------------- */ input, select, textarea { background-color: #fff; color: #111; font-size: 17px; font-weight: 400; padding: 6px 10px 4px; width: 100%; max-height: 35px; border: 2px solid #c6920e; } .sidebar .wp-block-search .wp-block-search__input { border: 1px solid #700b03; border-right: none; } .sidebar .wp-block-search .wp-block-search__button { background: #700b03; border: 1px solid #700b03; padding: 0; color: #32373c; margin-left: 0; word-break: normal; max-height: 35px; border-left: none; } .sidebar .wp-block-search .wp-block-search__button:hover, .sidebar .wp-block-search .wp-block-search__button:focus { background-color: #c6920e; } .sidebar .wp-block-search .wp-block-search__button svg { min-width: 1.5em; min-height: 1.5em; font-size: 22px; fill: #fff; } .sidebar .widget_search { margin-bottom: 45px; } input:focus, textarea:focus { outline: none; } input[type="checkbox"], input[type="image"], input[type="radio"] { width: auto; } ::-ms-input-placeholder { color: #333; opacity: 1; } :-ms-input-placeholder { color: #333; opacity: 1; } ::placeholder { color: #333; opacity: 1; } button, input[type="button"], input[type="reset"], input[type="submit"], .site-container div.wpforms-container-full .wpforms-form input[type="submit"], .site-container div.wpforms-container-full .wpforms-form button[type="submit"], .button, .logged-in.wp-block-loginout a { background-color: #700b03; border: 0; color: #fff; cursor: pointer; font-size: 18px; padding: 11px 20px 11px; text-align: center; text-decoration: none; white-space: normal; width: auto; font-family: 'Lato', sans-serif; letter-spacing: 2px; text-transform: uppercase; font-weight: 900; max-height: none; } form label { text-transform: uppercase; font-weight: 600; font-size: 14px; letter-spacing: 1px; color: #555; } button:focus, button:hover, input[type="button"]:focus, input[type="button"]:hover, input[type="reset"]:focus, input[type="reset"]:hover, input[type="submit"]:focus, input[type="submit"]:hover, .site-container div.wpforms-container-full .wpforms-form input[type="submit"]:focus, .site-container div.wpforms-container-full .wpforms-form input[type="submit"]:hover, .site-container div.wpforms-container-full .wpforms-form button[type="submit"]:focus, .site-container div.wpforms-container-full .wpforms-form button[type="submit"]:hover, .button:focus, .button:hover, .logged-in.wp-block-loginout a:hover { background-color: #c6920e; border-width: 0; } .entry-content .button:focus, .entry-content .button:hover { color: #fff; } .button { display: inline-block; } .site-container button:disabled, .site-container button:disabled:hover, .site-container input:disabled, .site-container input:disabled:hover, .site-container input[type="button"]:disabled, .site-container input[type="button"]:disabled:hover, .site-container input[type="reset"]:disabled, .site-container input[type="reset"]:disabled:hover, .site-container input[type="submit"]:disabled, .site-container input[type="submit"]:disabled:hover { background-color: #eee; border-width: 0; color: #777; cursor: not-allowed; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button { display: none; } textarea::placeholder, input::placeholder { color: #888; } .contact-wrap form label { background-color: #3b6e8f; color: #fff; padding: 3px 8px 4px; text-transform: uppercase; font-size: 17px; letter-spacing: 1px; font-weight: 600; display: inline-block; line-height: 1em; } /* Buttons ---------------------------------------------------------------------------- */ .site-container .wp-block-button .wp-block-button__link { border-width: 0; cursor: pointer; font-size: 23px; font-weight: 400; padding: 4px 20px 7px; text-align: center; text-decoration: none; white-space: normal; width: auto; border-radius: 0; transition: all 0.2s ease-in-out; background-color: #700b03 !important; color: #fff !important; font-family: 'Playfair Display', serif; } .site-container .wp-block-button.is-style-outline .wp-block-button__link { border: 4px solid #fff; background-color: transparent !important; padding: 5px 29px 5px; } .site-container .wp-block-button.white-button .wp-block-button__link { background-color: #fff !important; color: #222 !important; } .site-container .wp-block-button .wp-block-button__link:focus, .site-container .wp-block-button .wp-block-button__link:hover, .site-container .wp-block-button.white-button .wp-block-button__link:focus, .site-container .wp-block-button.white-button .wp-block-button__link:hover { background-color: #c6920e !important; color: #fff !important; } .site-container .wp-block-button.is-style-outline .wp-block-button__link:focus, .site-container .wp-block-button.is-style-outline .wp-block-button__link:hover { background-color: #fff !important; color: #111 !important; } .content .wp-block-buttons { gap: 0 !important; } .wp-block-buttons > .wp-block-button { display: inline-block; margin: 0 20px 0 0 !important; } .wp-block-buttons > .wp-block-button:last-child { margin-right: 0 !important; } /* Tables --------------------------------------------- */ table { border-collapse: collapse; border-spacing: 0; margin-bottom: 40px; width: 100%; table-layout: auto; word-break: normal; } tbody { border-bottom: 1px solid #eee; } td, th { line-height: 2; text-align: left; vertical-align: top; } td { padding: 0.5em; } tr { border-top: 1px solid #eee; } th { font-weight: 600; padding: 0.5em; } /* Screen Reader Text --------------------------------------------- */ .screen-reader-shortcut, .screen-reader-text, .screen-reader-text span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; overflow: hidden; position: absolute !important; width: 1px; word-wrap: normal !important; } .screen-reader-text:focus, .screen-reader-shortcut:focus, .widget_search input[type="submit"]:focus { background: #fff; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #333; display: block; font-size: 1em; font-weight: 700; height: auto; padding: 15px 23px 14px; text-decoration: none; width: auto; z-index: 100000; /* Above WP toolbar. */ } .more-link { display: inline-block; position: relative; margin-bottom: 30px; } /* Drop Caps ---------------------------------------------------------------------------- */ .site-container p.has-drop-cap:not(:focus)::first-letter { margin: 0.02em 0.08em 0 -0.08em; } .site-container p.has-larger-font-size.has-drop-cap:not(:focus)::first-letter, .site-container p.has-small-font-size.has-drop-cap:not(:focus)::first-letter { margin-right: 0.01em; } /* Alignment ---------------------------------------------------------------------------- */ .has-text-align-center { text-align: center; } .has-text-align-left { text-align: left; } .has-text-align-right { text-align: right; } .wp-block-button.alignleft, .wp-block-buttons.alignleft, .wp-block-cover.alignleft, .wp-block-image .alignleft { margin-right: 2em; } .wp-block-button.alignright, .wp-block-buttons.alignright, .wp-block-cover.alignright, .wp-block-image .alignright { margin-left: 2em; } .wp-block-image.alignwide, .wp-block-image.alignfull, .wp-block-embed.alignwide, .wp-block-embed.alignfull { margin-bottom: 30px; } .full-width-content .entry-content > .alignfull { margin-left: calc(-100vw / 2 + 100% / 2); margin-right: calc(-100vw / 2 + 100% / 2); max-width: 100vw; } .content-sidebar .site-container .alignfull, .sidebar-content .site-container .alignfull { margin: 0 0 2em; width: 100%; } /* Cover Image ---------------------------------------------------------------------------- */ .full-width-content .entry-content > .wp-block-cover.alignfull { width: 100vw; min-height: 550px; } .site-container .wp-block-cover .wp-block-cover-text { font-size: 48px; } /* Blockquotes and captions ---------------------------------------------------------------------------- */ .site-container .wp-block-pullquote:not(.is-style-solid-color)[style*="border-color"] { border: 2px solid; border-left: none; border-right: none; } .blocks-gallery-caption { width: 100%; } .blocks-gallery-item figcaption { margin-bottom: 0; } /* Genesis Blocks ---------------------------------------------------------------------------- */ .gb-block-post-grid h2 a { text-decoration: none; } @media only screen and (max-width: 510px) { .gb-block-container.alignfull::before { content: " "; display: table; } .gb-block-container.alignfull::after { clear: both; content: " "; display: table; } } /* Other Blocks ---------------------------------------------------------------------------- */ .wp-block-preformatted, .wp-block-verse { font-size: 16px; } .wp-block-preformatted { white-space: pre-wrap; } hr.wp-block-separator { border: none; border-bottom: 1px solid currentColor; color: #eee; margin: 1.65em auto; } .wp-block-separator:not(.is-style-wide):not(.is-style-dots) { max-width: 100px; } .wp-block-separator.is-style-dots { color: #333; } .wp-block-audio audio { display: inline-block; width: 100%; } .site-container .blocks-gallery-grid, .site-container .wp-block-gallery, .site-container .wp-block-social-links { padding-left: 0; } .wp-block-table.is-style-stripes { border-bottom-width: 0; } .full-width-content .site-container .wp-block-table.alignfull { margin: 0; width: 100%; } @media only screen and (min-width: 960px) { .full-width-content .site-container > .wp-block-table.alignwide { width: calc(100% + 360px); } .full-width-content .site-container > .wp-block-table.alignfull { margin-left: calc(-100vw / 2 + 100% / 2); margin-right: calc(-100vw / 2 + 100% / 2); width: 100vw; } } @media only screen and (max-width: 600px) { .wp-block-media-text.is-stacked-on-mobile figure { margin-bottom: 20px; } } /* Structure and Layout ---------------------------------------------------------------------------- */ /* Site Container --------------------------------------------- */ .site-container { animation: fadein 1s; word-wrap: break-word; } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Common Classes ---------------------------------------------------------------------------- */ .wp-block-image { margin-bottom: 0; } .site-container .site-inner .has-larger-font-size { font-size: 1.5em; } .site-container .site-inner .has-large-font-size { font-size: 1.3em; } /* WordPress --------------------------------------------- */ a.aligncenter img { display: block; margin: 0 auto; } a.alignnone { display: inline-block; } .alignleft { float: left; text-align: left; } .alignright { float: right; text-align: right; } a.alignleft, a.alignnone, a.alignright { max-width: 100%; } img.centered, .aligncenter, .singular-image { display: block; margin: 0 auto 30px; } img.alignnone, .alignnone { margin-bottom: 15px; } a.alignleft, img.alignleft, .wp-caption.alignleft { margin: 0 20px 20px 0; } a.alignright, img.alignright, .wp-caption.alignright { margin: 0 0 20px 20px; } figcaption, .gallery-caption, .wp-caption-text { font-size: 14px; font-weight: 600; margin-top: 0.5em; margin-bottom: 1em; padding-left: 10px; padding-right: 10px; text-align: center; } .entry-content p.wp-caption-text { margin-bottom: 0; } .entry-content .wp-audio-shortcode, .entry-content .wp-playlist, .entry-content .wp-video { margin: 0 0 30px; } /* Contact form */ .site-inner .wpcf7 form .wpcf7-response-output { margin: 40px 0 0; padding: 25px 10px; border: none; text-align: center; color: #fff; font-weight: 600; } .site-inner .wpcf7 form.sent .wpcf7-response-output { background-color: #89a8bc; } .site-inner .wpcf7 form.invalid .wpcf7-response-output, .site-inner .wpcf7 form.unaccepted .wpcf7-response-output { background-color: #880000; } .site-inner .wpcf7-not-valid-tip { color: #fff; font-size: 13px; background-color: #880000; padding: 4px 8px; text-transform: uppercase; font-weight: 600; display: inline; } /*----------- PAGES ----------------------------*/ /* GENERAL STYLES ----------------------------*/ .blue-intro-section { color: #fff; padding: 5em 3em 10em; background-image: url(/wordpress/wp-content/themes/ncen2025/images/blue-curve-bg.svg); background-size: cover; background-position: center bottom; } .blue-intro-section .wp-block-group__inner-container { max-width: 1000px; margin: 0 auto; } .schedule-breakdown.wp-block-columns { display: grid; grid-template-columns: repeat(3, auto); padding: 0 1em 0 2em; margin: 4em auto; max-width: 1100px; text-align: center; } .schedule-breakdown.wp-block-columns .wp-block-column { background-image: url(/wordpress/wp-content/themes/ncen2025/images/arrow-right.svg); background-repeat: no-repeat; background-size: 2.5em 100%; background-position: right; padding-right: 3.5em; } .schedule-breakdown.wp-block-columns .wp-block-column:last-of-type { background: none; padding: 0; } .schedule-breakdown h4 { color: #700b03; font-weight: 500; } .schedule-breakdown h4 em { font-weight: 300; font-size: .7em; display: block; margin-top: .3em; } /* ABOUT PAGE ----------------------------*/ .about-page .site-inner { padding-top: 0; } #about-hero { min-height: 84vh; padding: 35em 2em 6em; text-align: center; } #about-hero h1 { font-size: 4.5em; font-weight: 600; } #about-hero p { max-width: 700px; font-size: 1.5em; margin: 0 auto; font-family: "Playfair Display", serif; color: #f0c258; } #about-partnership .wp-block-group__inner-container { text-align: center; max-width: 1200px; margin: 5em auto; padding: 0 2em; } #about-partnership h2 { color: #700b03; margin-bottom: 1em; } #about-partnership .wp-block-group__inner-container > p { max-width: 960px; margin-left: auto; margin-right: auto; max-width: 700px; } #about-principles, #about-character { padding: 5em; margin-top: 10em; margin-bottom: 10em; } #about-principles { background-color: #F1F2F4; } #about-principles .wp-block-group__inner-container { max-width: 1600px; margin: 0 auto; } #about-principles .wp-block-media-text { margin: 5em auto; grid-template-columns: 43% 1fr; } #about-principles .wp-block-media-text .wp-block-media-text__media { min-height: 700px; } #about-principles .wp-block-media-text.has-media-on-the-right { margin: 5em auto; grid-template-columns: 1fr 43%; } #about-principles .wp-block-media-text .wp-block-media-text__content { background-color: #fff; padding: 4em 6em 5em 10em; margin-top: 3em; margin-bottom: 3em; } #about-principles .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { padding: 4em 10em 5em 6em; } #about-principles .wp-block-media-text h3::before { position: absolute; content: ''; bottom: 0; left: 0; width: 2em; height: 2px; background-color: #d1a339; } #about-principles .wp-block-media-text h3 { color: #700b03; position: relative; padding-bottom: .7em; margin-bottom: .6em; } #about-character { padding-top: 0; padding-bottom: 0; } #about-character .wp-block-group__inner-container { max-width: 1600px; margin: 0 auto; text-align: center; } #about-character h2 { color: #700b03; font-size: 2.5em; margin-bottom: .8em; } #about-character h2 em { color: #D1A339; font-size: .8em; display: block; margin-bottom: .3em; } #about-character .wp-block-group__inner-container > p { max-width: 800px; margin-left: auto; margin-right: auto; } #about-character .character-list::before { position: absolute; content: '. . . . . . .'; top: 0; left: 0; right: 0; margin-right: auto; margin-left: auto; width: 100%; height: auto; color: #d1a339; font-size: 4em; line-height: 1px; } #about-character .character-list { display: grid; grid-template-columns: 1fr 1fr; gap: 15%; padding-top: 5em; position: relative; } #about-character .character-list h5::before { position: absolute; content: ''; bottom: 0; left: 0; right: 0; margin-right: auto; margin-left: auto; width: 3em; height: 2px; background-color: #d1a339; } #about-character .character-list h5 { font-family: "Playfair Display", serif; color: #122849; font-size: 1.3em; position: relative; margin-top: 4em; padding-bottom: .9em; margin-bottom: .7em; } /* HOME ----------------------------*/ #home-hero { min-height: 100vh; padding: 8em 10em; } #home-hero h1 { font-size: 4.5em; font-weight: 600; color: #122849; } #home-hero p { max-width: 615px; font-size: 1.2em; } #home-enrollment .schedule-breakdown h4 { color: #fff; } #home-enrollment .wp-block-button.white-button { margin: 0 !important; } #home-advantage { max-width: 1350px; margin: 8em auto 9em; gap: 8em; display: grid; grid-template-columns: 525px 1fr; padding: 0 3em; } #home-advantage .wp-block-list { background-color: #F1F2F4; padding: 3.5em 3em 2em; font-family: "Playfair Display", serif; } #home-advantage .wp-block-list li { list-style-type: none; position: relative; padding-left: 1.3em; margin-bottom: 2em; } #home-advantage .wp-block-list li::before { font-family: "Font Awesome 6 Free"; font-weight: 900; -webkit-font-smoothing: antialiased; text-rendering: auto; position: absolute; left: 0; top: .15em; font-size: 1.4em; content: '\f0da'; color: #c5932c; line-height: 1; } #home-advantage h2 { color: #700b03; font-size: 3.6em; margin-bottom: .7em; } #home-advantage p { max-width: 500px; } #home-principles { text-align: center; } #home-principles h2 { background-color: #700b03; color: #fff; padding: .5em 1em; margin: 0 auto -1em; font-size: 2.5em; width: 45%; text-align: center; position: relative; z-index: 1; margin-top: 0; line-height: 1em; } #home-principles .wp-block-columns { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; margin: 0; } #home-principles .wp-block-cover { padding: 0; min-height: 50vh; } #home-principles .wp-block-cover__inner-container, #home-principles .wp-block-cover__inner-container p, #home-principles .wp-block-cover__inner-container a { height: 100%; display: grid; position: absolute; width: 100%; place-content: center; } #home-principles .wp-block-cover__inner-container a { font-family: "Playfair Display", serif; color: #fff; font-size: 2.5em; font-weight: 400; } #home-principles .wp-block-cover__inner-container a:hover, #home-principles .wp-block-cover__inner-container a:focus { background-color: rgba(18, 40, 73, .8); } .wp-block-cover.hero { min-height: 750px; position: relative; justify-content: left; padding-left: 10%; } .wp-block-cover.hero .wp-block-cover__inner-container { max-width: 450px; color: #222 !important; } .wp-block-cover.hero .wp-block-cover__inner-container h1 { font-style: oblique; color: #700b03; font-weight: 800; } .wp-block-group.accepting-students::before { width: 120%; height: 100%; content: ''; background-color: rgba(255,255,255,.07); position: absolute; z-index: 1; top: 43%; transform: rotate(-10deg); } .wp-block-group.accepting-students { background-color: #122849; color: #fff; padding: 60px 0 80px; position: relative; overflow: hidden; } .wp-block-group.accepting-students .wp-block-group__inner-container { position: relative; z-index: 2; max-width: 800px; text-align: center; margin: 0 auto; padding: 0 20px; } .home .main-points .wp-block-media-text__content { padding: 35px 20px 85px 0; position: relative; z-index: 1; } .home .main-points h4 { position: relative; color: #700b03; margin-top: 100px; font-size: 28px; letter-spacing: 0; } .home .main-points h4 em { color: #222; } .home .main-points h4::before { content: ''; position: absolute; background-color: #ddbe6e; height: 65px; width: 65px; border-radius: 60px; z-index: -1; left: -28px; top: -27px; } .home .main-points p { margin-left: 35px; max-width: 550px; } .wp-block-cover.what-is-schole { justify-content: left; padding: 0; align-items: stretch; } .what-is-schole .wp-block-cover__inner-container { max-width: 600px; background-color: rgba(18, 40, 73, .8); min-height: 850px; display: grid; align-content: center; padding: 30px 80px; color: #fff !important; } .home .contact-section > .wp-block-group__inner-container { display: grid; grid-template-columns: 1fr 40%; max-height: 600px; } .contact-section .wp-block-group { background-color: #700b03; color: #fff; padding: 30px 50px; display: grid; align-items: center; } .contact-section .wp-block-group .wp-block-group__inner-container { max-width: 500px; } .wp-block-group.contact-section .wp-block-cover { height: 100%; min-height: 600px; } .contact-section .wp-block-group a:link, .contact-section .wp-block-group a:visited { color: #fff; } .contact-section .wp-block-group a:hover, .contact-section .wp-block-group a:focus { text-decoration: underline; } /* REGISTER ----------------------------*/ .wp-block-cover.alignfull.register_main-wrap { background-color: #f5f5f5; padding-top: 150px; padding-bottom: 100px; justify-content: left; padding-left: 800px; } .register_main-wrap.wp-block-cover .wp-block-cover__inner-container { background-color: #fff; color: #222 !important; max-width: 700px; padding: 30px 5% 50px; } .register_main-wrap.wp-block-cover .wp-block-cover__image-background { max-width: 960px; } /* Visual Effects ---------------------------------------------------------------------------------------------------- */ .visual-effect, .visual-effect-child > * { opacity: 0; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } .visual-effect-child.fade-in { -webkit-animation-duration: 1s; animation-duration: 1s; } /* Fade Right */ @-webkit-keyframes fadeRight { from { opacity: 0; -webkit-transform: translateX(-100px); } to { opacity: 1; -webkit-transform: translateX(0); } } @keyframes fadeRight { from { opacity: 0; transform: translateX(-100px); } to { opacity: 1; transform: translateX(0); } } .fadeRight { -webkit-animation-name: fadeRight; animation-name: fadeRight; animation-delay: .7s; } /* Fade Left */ @-webkit-keyframes fadeLeft { from { opacity: 0; -webkit-transform: translateX(100px); } to { opacity: 1; -webkit-transform: translateX(0); } } @keyframes fadeLeft { from { opacity: 0; transform: translateX(100px); } to { opacity: 1; transform: translateX(0); } } .fadeLeft { -webkit-animation-name: fadeLeft; animation-name: fadeLeft; animation-delay: .7s; } /* Fade Up */ @-webkit-keyframes fadeUp { from { opacity: 0; -webkit-transform: translateY(50px); } to { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeUp { from { opacity: 0; transform: translateY(50px); } to { opacity: 1; transform: translateY(0); } } .fadeUp { -webkit-animation-name: fadeUp; animation-name: fadeUp; animation-delay: .5s; } /* Fade Down */ @-webkit-keyframes fadeDown { from { opacity: 0; -webkit-transform: translateY(-50px); } to { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeDown { from { opacity: 0; transform: translateY(-50px); } to { opacity: 1; transform: translateY(0); } } .fadeDown { -webkit-animation-name: fadeDown; animation-name: fadeDown; animation-delay: .5s; } /* Fade In */ @-webkit-keyframes fadeInleft { from { opacity: 0; -webkit-transform: translateX(100px); } to { opacity: 1; -webkit-transform: translateX(0); } } @keyframes fadeInleft { from { opacity: 0; transform: translateX(100px); } to { opacity: 1; transform: translateX(0); } } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translateX(-100px); } to { opacity: 1; -webkit-transform: translateX(0); } } @keyframes fadeInRight { from { opacity: 0; transform: translateX(-100px); } to { opacity: 1; transform: translateX(0); } } .fadeIn > :first-child, .fadeIn.has-media-on-the-right > :last-child { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; animation-delay: .3s; } .fadeIn > :last-child, .fadeIn.has-media-on-the-right > :first-child { -webkit-animation-name: fadeInleft; animation-name: fadeInleft; animation-delay: .3s; } /* Skip Links ---------------------------------------------------------------------------- */ .genesis-skip-link { margin: 0; } .genesis-skip-link .skip-link-hidden { display: none; visibility: hidden; } .genesis-skip-link li { height: 0; list-style: none; width: 0; } /* Display outline on focus */ :focus { color: #333; outline: #ccc solid 1px; } /* Site Header ---------------------------------------------------------------------------- */ .site-header, .home .site-header.smallnav { background-color: #fff; padding: 0 6%; width: 100%; position: fixed; z-index: 999; transition: all 0.3s ease-in-out; box-shadow: 0 0px 7px rgba(0,0,0,.3); } .admin-bar .site-header { top: 32px; } .site-header > .wrap { margin: 0 auto; display: grid; grid-template-columns: 1fr auto; column-gap: 6%; position: relative; width: 100%; max-width: 1800px; } h1.site-title, p.site-title, p.site-description { display: none; } /* Title Area --------------------------------------------- */ .title-area { max-width: 200px; width: 100%; transition: all 0.2s ease-in-out; position: relative; padding-top: 20px; padding-bottom: 15px; } .site-header.smallnav .title-area { max-width: 150px; padding-top: 10px; padding-bottom: 7px; } /* Nav --------------------------------------------- */ .nav-primary .wrap { height: 100%; } .nav-primary .menu-primary { height: 100%; display: flex; align-items: flex-end; -webkit-align-items: flex-end; } .nav-primary .menu-item { display: inline-block; padding: 1px; font-size: 15px; position: relative; margin-left: 1.5em; } .nav-primary ul.sub-menu .menu-item { margin-left: 0; } .smallnav .nav-primary .menu-item, .home .smallnav .nav-primary .menu-item { font-size: 15px; } .nav-primary .menu-item a:link, .nav-primary .menu-item a:visited { color: #700b03; font-family: 'Lato', sans-serif; font-weight: 400; padding: .3em .7em; display: block; position: relative; letter-spacing: .07em; margin-bottom: 1em; } .nav-primary .menu > .menu-item > a:link::before, .nav-primary .menu > .menu-item > a:visited::before { content: ''; height: 1.9em; width: 1.9em; position: absolute; background-color: #f1e4c4; left: 0; right: 0; margin-left: auto; margin-right: auto; transition: all 0.3s ease-in-out; z-index: -1; border-radius: 50px; top: 0; transform: scale( 0.001 ); } .nav-primary .menu > .menu-item > a:hover::before, .nav-primary .menu > .menu-item > a:focus::before, .nav-primary .menu > .menu-item.sfHover > a::before { transform: scale( 1 ); } .nav-primary .menu-item.highlight a:link, .nav-primary .menu-item.highlight a:visited { background-color: #700b03; color: #fff; border-radius: .4em; } .nav-primary .menu-item.highlight a:hover, .nav-primary .menu-item.highlight a:focus { background-color: #c6920e; } /* Genesis Menu --------------------------------------------- */ .genesis-nav-menu .menu-item:focus, .genesis-nav-menu .menu-item:hover { position: relative; } .genesis-nav-menu > .menu-bold > a { font-weight: 700; } .genesis-nav-menu > .menu-highlight > a { background-color: #333; border-radius: 3px; color: #fff; font-weight: 600; margin-left: 15px; padding-left: 20px; padding-right: 20px; } .genesis-nav-menu > .menu-highlight > a:focus, .genesis-nav-menu > .menu-highlight > a:hover { background-color: #2664ab; } .genesis-nav-menu .sub-menu, .genesis-nav-menu .sub-menu a { width: 200px; } .genesis-nav-menu .sub-menu { opacity: 0; padding-left: 0; position: absolute; transition: opacity 0.4s ease-in-out; z-index: 9999; background-color: #700b03; bottom: auto; left: -9999px; padding-top: 10px; padding-bottom: 10px; transform: translateY(1px); } .nav-primary .sub-menu .menu-item a:link, .nav-primary .sub-menu .menu-item a:visited { padding: 10px; color: #fff; font-size: .9em; } .nav-primary .sub-menu .menu-item a:hover, .nav-primary .sub-menu .menu-item a:focus { background-color: rgba(255,255,255,.2); } .genesis-nav-menu .sub-menu .sub-menu { margin: -46px 0 0 179px; } .menu .menu-item > a:focus + ul.sub-menu, .menu .menu-item.sfHover > ul.sub-menu { left: auto; opacity: 1; } /* Responsive Menu --------------------------------------------- */ .menu-toggle, .sub-menu-toggle { display: none; visibility: hidden; } /* Footer Menu --------------------------------------------- */ .nav-secondary { margin-top: 10px; } .nav-secondary .genesis-nav-menu { line-height: 1.5; } .nav-secondary .menu-item { display: inline-block; } .nav-secondary a { margin-left: 10px; margin-right: 10px; padding: 0; } /* Content Area ---------------------------------------------------------------------------- */ .site-inner { max-width: 960px; margin: 0 auto; padding-left: 20px; padding-right: 20px; padding-top: 200px; } .home .site-inner { max-width: none; padding-left: 0; padding-right: 0; padding-top: 0; } .no-top-padding .site-inner { padding-top: 100px; } /* Entry Content --------------------------------------------- */ .entry-content ol, .entry-content ul { margin-bottom: 30px; padding-left: 20px; margin-left: auto; margin-right: auto; } .entry-content ol > li { list-style-type: decimal; margin-bottom: 15px; } .entry-content ul > li { list-style-type: disc; margin-bottom: 15px; } .entry-content ol ul > li, .entry-content ul ul > li { list-style-type: circle; margin-bottom: 15px; } .entry-content ol ol, .entry-content ul ul { margin-bottom: 0; } .entry-content code { background-color: #f5f5f5; } .content .sticky { background-color: #f5f5f5; padding: 30px; } /* Blog Section ---------------------------------------------------------------------------- */ .blog .site-inner, .single .site-inner, .archive .site-inner, .search .site-inner, .resource-library .site-inner { max-width: 1280px; } .blog .content-sidebar-wrap, .single .content-sidebar-wrap, .archive .content-sidebar-wrap, .search .content-sidebar-wrap, .resource-library .content-sidebar-wrap { display: grid; grid-template-columns: 1fr 400px; } .sidebar { margin-left: 100px; padding-bottom: 60px; font-size: 16px; color: #444; background-color: #f5f5f5; padding-top: 50px; } .sidebar h4 { background-color: #700b03; padding: 6px 20px 10px; transform: translateX(-15px); color: #fff; font-size: 25px; } .sidebar .widget .widget-wrap > * { padding-left: 20px; padding-right: 20px; } .single .entry-content { margin-right: 30px; } .sidebar .widget-title { font-size: 20px; border-bottom: 2px solid #89a8bc; padding-bottom: 3px; padding-left: 5px; margin-bottom: 10px; } .sidebar li { font-weight: 300; padding: 3px 0 3px 5px; display: block; } .sidebar li .children { margin-left: 2px; margin-bottom: 5px; } .sidebar li a { font-weight: 700; font-size: 16px; } .sidebar .wp-block-loginout a:link, .sidebar .wp-block-loginout a:visited { background-color: #c6920e; display: block; text-align: center; color: #fff; padding: 8px; text-transform: uppercase; letter-spacing: .1em; margin-top: 50px; } .sidebar .wp-block-loginout a:hover, .sidebar .wp-block-loginout a:focus { background-color: #555; } .sidebar input.search-form-input { padding: 15px; border: 1px solid #ddd; border-bottom: 0; } .sidebar input.search-form-submit { padding: 8px 15px; display: block; width: 100%; font-size: 18px; letter-spacing: 1px; } aside.sidebar-primary select { border: none; } h1.archive-title, .page h1.entry-title { margin-top: 0; margin-bottom: 60px; position: relative; } h1.archive-title::before, .page h1.entry-title::before, h1.search-title::before { width: 1.5em; height: 1.5em; background-color: #ead7a7; content: ''; position: absolute; z-index: -1; border-radius: 100px; left: -.35em; top: -.25em; } .blog .content, .archive .content, .single .content { margin-bottom: 80px; } .blog .archive-description, .archive .archive-description { grid-column: 1 / 3; } .blog article.post, .archive article.post { background-color: #f5f5f5; color: #111; padding: 10px; display: grid; box-shadow: 1px 1px 6px rgba(0,0,0,.3); transition: all .2s ease-in-out; } .blog article.post:hover, .archive article.post:hover { box-shadow: 1px 1px 9px rgba(0,0,0,.7); } .blog .post .entry-header, .archive .post .entry-header { align-self: stretch; height: 100%; text-align: center; } .blog .post .entry-title, .archive .post .entry-title { font-size: 25px; margin-top: 10px; margin-bottom: 10px; } .blog .post .entry-meta, .archive .post .entry-meta { font-size: 16px; } .blog .post .entry-meta time, .archive .post .entry-meta time { font-size: 15px; margin-bottom: 6px; font-weight: 600; padding: 2px 5px 2px; line-height: 1em; background-color: #89a8bc; color: #fff; display: block; } .blog .post .entry-meta span, .archive .post .entry-meta span { display: block; font-size: 14px; text-align: left; } .blog .post .entry-content, .archive .post .entry-content { align-self: end; } .blog .post .entry-image-link img, .archive .post .entry-image-link img { margin: 0; object-fit: cover; height: 250px; } .blog .post .entry-footer, .archive .post .entry-footer { display: none; } .archive-pagination.pagination { text-align: center; grid-column: 1 / 3; margin: 4em 0; } .archive-pagination.pagination ul li { display: inline-block; background-color: #700b03; transition: all .3s ease-in-out; margin: 5px 2px; } .archive-pagination.pagination ul li.pagination-omission { color: #fff; padding: 5px 10px; } .archive-pagination.pagination ul li a { color: #fff; padding: 5px 10px; display: block; font-size: 14px; text-transform: uppercase; min-width: 32px; } .archive-pagination.pagination ul li:hover, .archive-pagination.pagination ul li:active, .archive-pagination.pagination ul li:focus, .archive-pagination.pagination ul li.active { background-color: #c6920e; } .single .entry-header, .single.newsletters article.newsletters .entry-header { text-align: center; margin-bottom: 60px; position: relative; padding-bottom: 25px; background-color: transparent; } .single .entry-header::after { width: 100px; height: 5px; background-color: #c6920e; position: absolute; bottom: 0; content: ''; left: 0; right: 0; margin-left: auto; margin-right: auto; } .single article.homework-postings .entry-title { font-family: 'Playfair Display', serif; font-size: 30px; } .single .entry-header a:link, .single .entry-header a:visited { color: #152732; font-weight: 300; } .single .entry-header a:hover, .single .entry-header a:focus, .single .entry-header a:active { text-decoration: underline; } .sidebar .widget_tag_cloud a.tag-cloud-link { font-size: 15px !important; text-decoration: underline; padding-right: 15px; line-height: 2em; } .single .entry-header .entry-meta span { display: block; } /* Search ---------------------------------------------------------------------------- */ .search .post-type { margin-bottom: 60px; padding-bottom: 60px; border-bottom: 1px solid #999; } h1.search-title { font-family: 'Playfair Display', serif; font-size: 30px; position: relative; margin-bottom: 40px; } h1.search-title .search-term { font-style: oblique; margin-left: 10px; color: #c6920e; } .search .search-content .post-type article { background-color: transparent; margin-bottom: 20px; margin-top: 0; padding: 0; } .search .search-content .post-type article .entry-header { position: relative; background-color: transparent; padding: 0; left: 0; bottom: 0; } .search .search-content .post-type article .entry-header .entry-title a:link, .search .search-content .post-type article .entry-header .entry-title a:visited { font-size: 19px; color: #c6920e; font-family: 'Lato', sans-serif; background-color: transparent; font-weight: 700; } .search .search-content .post-type article .entry-header .entry-title a:hover, .search .search-content .post-type article .entry-header .entry-title a:active { color: #555; } /* Homework Postings ---------------------------------------------------------------------------- */ .homework-postings a.print-link:link, .homework-postings a.print-link:visited { background-color: #700b03; color: #fff !important; padding: 1px 10px 2px; margin-top: 20px; display: inline-block; font-weight: 700 !important; text-transform: uppercase; letter-spacing: .09em; border-radius: 4px; font-size: 13px; text-decoration: none !important; } .homework-postings a.print-link:hover, .homework-postings a.print-link:focus { background-color: #c6920e; } article.homework-postings { margin-bottom: 25px; background-color: #f5f5f5; padding-bottom: 5px; } .single article.homework-postings { background-color: #fff; } article.homework-postings .entry-title { font-family: 'Lato', sans-serif; font-size: 18px; margin: 0; } article.homework-postings .entry-title a:link, article.homework-postings .entry-title a:visited { color: #fff; padding: 7px 10px; display: block; font-weight: 400; background-color: #700b03; } article.homework-postings .entry-title a:hover, article.homework-postings .entry-title a:focus { background-color: #8a3933; } article.homework-postings .entry-meta { font-weight: 700; font-size: 14px; padding: 10px 15px 0; color: #555; margin: 0; } article.homework-postings .entry-footer { display: flex; padding: 10px 15px; column-gap: 25px; flex-wrap: wrap; row-gap: 10px; } .single article.homework-postings .entry-footer { padding: 25px 0; position: relative; margin-top: 60px; border-top: 1px solid #aaa; display: block; clear: both; } article.homework-postings .entry-footer > div { display: grid; grid-template-columns: auto 1fr; column-gap: 5px; } article.homework-postings .entry-footer > div li { display: inline-block; padding: 0 5px; } article.homework-postings .entry-footer > div li a:link, article.homework-postings .entry-footer > div li a:visited { background-color: #122849; color: #fff; padding: 2px 5px; border-radius: 3px; text-transform: uppercase; font-size: 12px; } article.homework-postings .entry-footer > div li a:hover, article.homework-postings .entry-footer > div li a:focus { background-color: #c6920e; } article.homework-postings .entry-footer > div p { margin: 0; font-weight: 400; font-size: 15px; line-height: 1.7em; } .wp-block-file__button { background: #1c3d52; color: #fff !important; } /* Hide the grade links by default */ .sidebar .homework-grades li, article.homework-postings .entry-footer .posting-grade li, .sidebar .newsletter-categories > li, .role-tutors_2526 .sidebar .homework-resources > li { display: none; } /* Show the approproate grade links in the sidebar */ .role-administrator .sidebar li.cat-item, .role-teacher .sidebar li.cat-item, .role-student_north .sidebar .newsletter-categories li.cat-item-53, .role-student_south .sidebar .newsletter-categories li.cat-item-52, .role-grade_1_student_south .sidebar .homework-grades li.cat-item-14, .role-grade_2_student_south .sidebar .homework-grades li.cat-item-46, .role-grade_3_student_south .sidebar .homework-grades li.cat-item-10, .role-grade_4_student_south .sidebar .homework-grades li.cat-item-11, .role-grade_5_student_south .sidebar .homework-grades li.cat-item-12, .role-grade_6_student_south .sidebar .homework-grades li.cat-item-13, .role-grade_7_student_south .sidebar .homework-grades li.cat-item-3, .role-grade_8_student_south .sidebar .homework-grades li.cat-item-4, .role-grade_9_student_south .sidebar .homework-grades li.cat-item-5, .role-grade_10_student_south .sidebar .homework-grades li.cat-item-83, .role-grade_11_student_south .sidebar .homework-grades li.cat-item-154, .role-grade_12_student_south .sidebar .homework-grades li.cat-item-159, .role-grade_1_student_north .sidebar .homework-grades li.cat-item-26, .role-grade_2_student_north .sidebar .homework-grades li.cat-item-47, .role-grade_3_student_north .sidebar .homework-grades li.cat-item-27, .role-grade_4_student_north .sidebar .homework-grades li.cat-item-28, .role-grade_5_student_north .sidebar .homework-grades li.cat-item-29, .role-grade_6_student_north .sidebar .homework-grades li.cat-item-30, .role-grade_7_student_north .sidebar .homework-grades li.cat-item-31, .role-grade_8_student_north .sidebar .homework-grades li.cat-item-32, .role-grade_9_student_north .sidebar .homework-grades li.cat-item-33, .role-grade_10_student_north .sidebar .homework-grades li.cat-item-84, .role-grade_11_student_north .sidebar .homework-grades li.cat-item-157, .role-grade_12_student_north .sidebar .homework-grades li.cat-item-158, .role-wol_3_student_south .sidebar .homework-grades li.cat-item-117, .role-wol_3a_student_south .sidebar .homework-grades li.cat-item-65, .role-wol_3b_student_south .sidebar .homework-grades li.cat-item-66, .role-wol_4a_student_south .sidebar .homework-grades li.cat-item-67, .role-wol_4b_student_south .sidebar .homework-grades li.cat-item-68, .role-wol_1_student_north .sidebar .homework-grades li.cat-item-69, .role-wol_2_student_north .sidebar .homework-grades li.cat-item-70, .role-wol_3a_student_north .sidebar .homework-grades li.cat-item-71, .role-wol_3b_student_north .sidebar .homework-grades li.cat-item-72, .role-wr_1_student .sidebar .homework-grades li.cat-item-54, .role-wr_10_student .sidebar .homework-grades li.cat-item-61, .role-wr_11_student .sidebar .homework-grades li.cat-item-62, .role-wr_2_student .sidebar .homework-grades li.cat-item-55, .role-wr_34_student .sidebar .homework-grades li.cat-item-56, .role-wr_34_student_north .sidebar .homework-grades li.cat-item-119, .role-wr_5_student .sidebar .homework-grades li.cat-item-57, .role-wr_6_student .sidebar .homework-grades li.cat-item-58, .role-wr_78_student .sidebar .homework-grades li.cat-item-59, .role-wr_9_student .sidebar .homework-grades li.cat-item-60, .role-grade_k_student_north .sidebar .homework-grades li.cat-item-156, .role-grade_k_student_south .sidebar .homework-grades li.cat-item-155, .role-tutors_2526 .sidebar .homework-resources li.cat-item-138, .role-tutors_2526 .sidebar .homework-resources li.cat-item-97, .role-tutors_2526 .sidebar .homework-resources li.cat-item-177, .role-tutors_2526 .sidebar .homework-resources li.cat-item-213 { display: block !important; } /* Show the approproate grade tags on each post */ .role-administrator article.homework-postings .entry-footer .posting-grade li, .role-teacher article.homework-postings .entry-footer .posting-grade li, .role-grade_1_student_south article.homework-postings .entry-footer .posting-grade li.grade-id_14, .role-grade_2_student_south article.homework-postings .entry-footer .posting-grade li.grade-id_46, .role-grade_3_student_south article.homework-postings .entry-footer .posting-grade li.grade-id_10, .role-grade_4_student_south article.homework-postings .entry-footer .posting-grade li.grade-id_11, .role-grade_5_student_south article.homework-postings .entry-footer .posting-grade li.grade-id_12, .role-grade_6_student_south article.homework-postings .entry-footer .posting-grade li.grade-id_13, .role-grade_7_student_south article.homework-postings .entry-footer .posting-grade li.grade-id_3, .role-grade_8_student_south article.homework-postings .entry-footer .posting-grade li.grade-id_4, .role-grade_9_student_south article.homework-postings .entry-footer .posting-grade li.grade-id_5, .role-grade_10_student_south article.homework-postings .entry-footer .posting-grade li.grade-id_83, .role-grade_11_student_south article.homework-postings .entry-footer .posting-grade li.grade-id_154, .role-grade_12_student_south article.homework-postings .entry-footer .posting-grade li.grade-id_159, .role-grade_1_student_north article.homework-postings .entry-footer .posting-grade li.grade-id_26, .role-grade_2_student_north article.homework-postings .entry-footer .posting-grade li.grade-id_47, .role-grade_3_student_north article.homework-postings .entry-footer .posting-grade li.grade-id_27, .role-grade_4_student_north article.homework-postings .entry-footer .posting-grade li.grade-id_28, .role-grade_5_student_north article.homework-postings .entry-footer .posting-grade li.grade-id_29, .role-grade_6_student_north article.homework-postings .entry-footer .posting-grade li.grade-id_30, .role-grade_7_student_north article.homework-postings .entry-footer .posting-grade li.grade-id_31, .role-grade_8_student_north article.homework-postings .entry-footer .posting-grade li.grade-id_32, .role-grade_9_student_north article.homework-postings .entry-footer .posting-grade li.grade-id_33, .role-grade_10_student_north article.homework-postings .entry-footer .posting-grade li.grade-id_84, .role-grade_11_student_north article.homework-postings .entry-footer .posting-grade li.grade-id_157, .role-grade_12_student_north article.homework-postings .entry-footer .posting-grade li.grade-id_158, .role-wol_1_student_south article.homework-postings .entry-footer .posting-grade li.grade-id_63, .role-wol_2_student_south article.homework-postings .entry-footer .posting-grade li.grade-id_64, .role-wol_3_student_south article.homework-postings .entry-footer .posting-grade li.grade-id_117, .role-wol_3a_student_south article.homework-postings .entry-footer .posting-grade li.grade-id_65, .role-wol_3b_student_south article.homework-postings .entry-footer .posting-grade li.grade-id_66, .role-wol_4a_student_south article.homework-postings .entry-footer .posting-grade li.grade-id_67, .role-wol_4b_student_south article.homework-postings .entry-footer .posting-grade li.grade-id_68, .role-wol_1_student_north article.homework-postings .entry-footer .posting-grade li.grade-id_69, .role-wol_2_student_north article.homework-postings .entry-footer .posting-grade li.grade-id_70, .role-wol_3a_student_north article.homework-postings .entry-footer .posting-grade li.grade-id_71, .role-wol_3b_student_north article.homework-postings .entry-footer .posting-grade li.grade-id_72, .role-wr_1_student article.homework-postings .entry-footer .posting-grade li.grade-id_54, .role-wr_10_student article.homework-postings .entry-footer .posting-grade li.grade-id_61, .role-wr_11_student article.homework-postings .entry-footer .posting-grade li.grade-id_62, .role-wr_2_student article.homework-postings .entry-footer .posting-grade li.grade-id_55, .role-wr_34_student article.homework-postings .entry-footer .posting-grade li.grade-id_56, .role-wr_34_student_north article.homework-postings .entry-footer .posting-grade li.grade-id_119, .role-wr_5_student article.homework-postings .entry-footer .posting-grade li.grade-id_57, .role-wr_6_student article.homework-postings .entry-footer .posting-grade li.grade-id_58, .role-wr_78_student article.homework-postings .entry-footer .posting-grade li.grade-id_59, .role-wr_9_student article.homework-postings .entry-footer .posting-grade li.grade-id_60, .role-grade_k_student_north article.homework-postings .entry-footer .posting-grade li.grade-id_156, .role-grade_k_student_south article.homework-postings .entry-footer .posting-grade li.grade-id_155 { display: inline-block !important; } /* Newsletters ---------------------------------------------------------------------------- */ .newsletters article.newsletters { position: relative; margin: 60px 0; } .newsletters article.newsletters .entry-title { margin: 0; font-size: 27px; padding-bottom: 5px; } .newsletters article.newsletters .entry-header { position: absolute; background-color: #ddbe6e; bottom: 10%; padding: 10px 15px 10px 25px; left: -10px; } .newsletters article.newsletters a.entry-title-link { color: #1c3d52; font-weight: 400; } .newsletters article.newsletters .entry-image-link { height: 500px; display: block; } .newsletters article.newsletters .entry-image { object-fit: cover; display: block; width: 100%; height: 100%; } .newsletters article.newsletters .entry-meta { margin: 0; } /* Student Dashboard ---------------------------------------------------------------------------- */ .dashboard-imgnav-wrap .wp-block-group__inner-container { display: grid; grid-template-columns: 1fr 1fr; margin: 100px auto; column-gap: 20px; max-width: 1200px; } .dashboard-imgnav-wrap .wp-block-image { position: relative; margin: 0; min-height: 500px; height: 100%; } .dashboard-imgnav-wrap .wp-block-image > a, .dashboard-imgnav-wrap .wp-block-image > img { height: 100%; display: block; border: 10px solid #700b03; } .dashboard-imgnav-wrap .wp-block-image > a::before { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: all 0.2s ease-in-out; } .dashboard-imgnav-wrap .wp-block-image:hover > a::before { background-color: rgba(49, 84, 112, .7); } .dashboard-imgnav-wrap .wp-block-image figcaption { margin: 0; } .dashboard-imgnav-wrap .wp-block-image figcaption > a, .dashboard-imgnav-wrap .wp-block-image figcaption { position: absolute; bottom: 20%; background-color: #700b03; display: block; width: 100%; padding: 7px 10px 10px; left: 0; color: #fff; font-family: 'Playfair Display', serif; font-weight: 400; font-size: 25px; } .logged-in .dashboard-imgnav-wrap .wp-block-image figcaption { position: unset; background-color: transparent; } .dashboard-imgnav-wrap .wp-block-image:hover figcaption > a { bottom: 50%; background-color: #c6920e; font-style: oblique; } .dashboard-imgnav-wrap .wp-block-image img { object-fit: cover; width: 100%; height: 100%; } .logged-out.has-login-form.wp-block-loginout { max-width: 400px; } /* Restrictions page ---------------------------------------------------------------------------- */ .wp-block-cover.restricted_main .wp-block-cover__inner-container { background-color: #fff; color: #222; max-width: 600px; padding: 40px 5%; } /* About page ---------------------------------------------------------------------------- */ .wp-block-cover.about_hero { align-items: end; -webkit-align-items: flex-end; padding: 0 20px; margin-bottom: 150px; } .about_hero .wp-block-cover__inner-container { background-color: #700b03; max-width: 1024px; padding: 0 50px 10px; transform: translateY(60px); color: #fff !important; text-align: center; } .wp-block-group.about_main-points .wp-block-group__inner-container { max-width: 1600px; margin: 125px auto 50px; padding: 0 0 5px; } .about_main-points .wp-block-media-text { margin: 150px 0; } .about_main-points .wp-block-media-text .wp-block-media-text__content { padding: 50px 7% 50px 12%; } .about_main-points .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { padding: 50px 12% 50px 7%; } .about_main-points h4 { color: #700b03; font-weight: 800; margin-bottom: 50px; } .about_main-points h4 em { color: #222; display: block; font-weight: 400; font-size: 1.3em; } .wp-block-group.about_main-points { position: relative; } .about_main-points svg { position: absolute; width: 100%; left: 0; overflow: hidden; z-index: -1; } .about_main-points svg:first-of-type { top: 0; height: 44%; } .about_main-points svg:last-of-type { bottom: 40px; height: 30%; } .wp-block-group.about_faith-statement { padding: 0 20px; } .wp-block-group.about_faith-statement .wp-block-group__inner-container { max-width: 1200px; margin: 0 auto; padding-right: 175px; position: relative; } .about_faith-statement svg { width: 150px; position: absolute; bottom: 0; right: 0; } .about_faith-statement .wp-block-columns { margin: 0; padding-bottom: 85px; padding-top: 10px; } /* Footer Widgets ---------------------------------------------------------------------------- */ .footer-widgets { padding-left: 20px; padding-right: 20px; background-color: #222; } .footer-widgets .footer-widget-area { font-size: 17px; padding-top: 50px; margin: 0 auto; color: #DDDEDF; padding-bottom: 20px; text-align: center; } .footer-widgets section { margin-bottom: 35px; } .footer-widgets .widget_nav_menu .menu { display: flex; justify-content: center; max-width: 550px; margin: 0 auto; gap: 2em; } .footer-widgets .widget-area .widget a:link, .footer-widgets .widget-area .widget a:visited { text-decoration: none; padding: 5px 0; display: block; color: #fff; font-weight: 400; } .footer-widgets .widget-area .widget a:hover, .footer-widgets .widget-area .widget a:focus { color: #c6920e; } .footer-widgets .widget_nav_menu .menu a:link, .footer-widgets .widget_nav_menu .menu a:visited { text-transform: uppercase; font-size: 14px; padding: 5px 0; position: relative; } .footer-widgets .footer-widget-area .widget_media_image img { max-width: 200px; opacity: .7; transition: all 0.3s ease-in-out; } .footer-widgets .footer-widget-area .widget_media_image img:hover, .footer-widgets .footer-widget-area .widget_media_image img:focus { opacity: 1; } .footer-widgets .footer-widget-area h5 { position: relative; padding-bottom: 35px; } .footer-widgets .footer-widget-area h5::before { content: ''; position: absolute; bottom: 0; height: 2px; width: 200px; background-color: #c6920e; left: 0; right: 0; margin-left: auto; margin-right: auto; } /* Site Footer ---------------------------------------------------------------------------- */ .site-footer { background-color: #222; color: #f5f5f5; text-align: center; padding: 15px 10px 30px; font-size: 11px; letter-spacing: .1em; text-transform: uppercase; } .site-footer a:link, .site-footer a:visited { color: inherit; } .site-footer a:hover, .site-footer a:focus { color:#fff; } .error404 .entry { padding-top: 100px; text-align: center; height: 50vh; padding-bottom: 50px; max-width: 800px; margin: 0 auto; } .error404 .entry .entry-title { text-align: center; } /* Media Queries ---------------------------------------------------------------------------- */ @media only screen and (max-width: 1500px) { .site-header { padding: 0 20px; } .wp-block-cover.alignfull.register_main-wrap { justify-content: right; padding-left: 0; padding-right: 7%; -webkit-justify-content: flex-end; } #home-hero { padding: 5em 6em; } #home-hero h1, #about-hero h1 { font-size: 3.5em; } #home-advantage { gap: 4em; } #home-principles .wp-block-cover__inner-container a { font-size: 2em; } #about-principles .wp-block-media-text .wp-block-media-text__content, #about-principles .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { padding: 4em 6em; } } @media only screen and (max-width: 1280px) { body { font-size: 16px; } .title-area { max-width: 160px; padding-top: 10px; } .site-header.smallnav .title-area { max-width: 140px; padding-top: 5px; } .site-header { padding: 0 15px; } .site-header > .wrap { column-gap: 20px; } .no-top-padding .site-inner { padding-top: 85px; } .wp-block-cover.about_hero { min-height: 450px !important; } .wp-block-group.about_faith-statement { padding: 0 20px 0 60px; } .wp-block-cover.hero { min-height: 650px; padding-left: 6%; } .wp-block-cover.hero .wp-block-cover__inner-container { max-width: 400px; } .home h1 { font-size: 55px; } .home h2 { font-size: 50px; } .home h3 { font-size: 35px; } .home .main-points h4 { font-size: 23px; } .wp-block-media-text.main-points { grid-template-columns: 40% 1fr; } .what-is-schole .wp-block-cover__inner-container { min-height: 550px; } .wp-block-group.contact-section .wp-block-cover { min-height: 500px; } .contact-section .wp-block-group { padding: 30px 40px; } .register_main-wrap.wp-block-cover .wp-block-cover__image-background { max-width: 600px; } .wp-block-cover.alignfull.register_main-wrap { padding-top: 100px; padding-right: 3%; } .sidebar { margin-left: 75px; } .blog .content-sidebar-wrap, .single .content-sidebar-wrap, .archive .content-sidebar-wrap, .search .content-sidebar-wrap, .resource-library .content-sidebar-wrap { grid-template-columns: 1fr 300px; } .sidebar h4 { font-size: 22px; } .sidebar .wp-block-loginout a:link, .sidebar .wp-block-loginout a:visited { padding: 6px; font-size: 16px; } #home-hero { padding: 4em 5em; } #home-hero p { max-width: 440px; font-size: 1.1em; } #home-advantage { gap: 6em; grid-template-columns: 390px 1fr; max-width: 1150px; } #home-advantage h2 { font-size: 2.9em; } #home-principles h2 { font-size: 2em; } #about-hero { padding: 30em 2em 4em; } #about-hero h1 { font-size: 3em; } #about-hero p { max-width: 590px; font-size: 1.3em; } #about-principles .wp-block-media-text .wp-block-media-text__media { min-height: 600px; } #about-principles .wp-block-media-text .wp-block-media-text__content, #about-principles .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { padding: 3em 4em; } } @media only screen and (max-width: 1024px) { .title-area { max-width: 155px; padding-bottom: 5px; } .site-header.smallnav .title-area { max-width: 130px; } h1, h2, h3, h4, h5, h6 { margin: 20px 0 15px; } h1 { font-size: 38px; } h2 { font-size: 35px; } h3 { font-size: 30px; } h4 { font-size: 25px; } h5 { font-size: 20px; } h6 { font-size: 17px; } .site-container .wp-block-button .wp-block-button__link { font-size: 19px; padding: 2px 15px 5px; } .site-header, .home .site-header.smallnav { padding: 0px 2%; } .genesis-nav-menu .menu-item { display: block; float: none; position: relative; } .wp-block-cover.hero .wp-block-cover__inner-container { max-width: 325px; } .home h1 { font-size: 45px; } .wp-block-group.accepting-students .wp-block-group__inner-container { max-width: 650px; } .home .main-points h4::before { height: 40px; width: 40px; left: -15px; top: -13px; } .home .main-points h4 { font-size: 21px; margin-top: 60px; } .what-is-schole .wp-block-cover__inner-container { max-width: 475px; padding: 30px 55px; } .home h2 { font-size: 40px; } .home h3 { font-size: 30px; } .contact-section .wp-block-group { padding: 25px; } .wp-block-group.contact-section .wp-block-cover { min-height: 0; } .register_main-wrap.wp-block-cover .wp-block-cover__inner-container { max-width: 500px; } .sidebar h4 { font-size: 20px; padding: 5px 10px 8px; transform: translateX(-10px); margin-bottom: 5px; margin-top: 30px; } .sidebar { margin-left: 45px; } .blog .content-sidebar-wrap, .single .content-sidebar-wrap, .archive .content-sidebar-wrap, .search .content-sidebar-wrap, .resource-library .content-sidebar-wrap { grid-template-columns: 1fr 250px; } .sidebar .widget .widget-wrap > * { padding-left: 15px; padding-right: 15px; } .sidebar li a { font-size: 15px; } .single article.homework-postings .entry-title { font-size: 25px; } .sidebar .wp-block-loginout a:link, .sidebar .wp-block-loginout a:visited { font-size: 14px; } #home-hero { padding: 3em 4em; } #home-hero h1, #about-hero h1 { font-size: 2.5em; margin-bottom: .5em; } #home-enrollment, .blue-intro-section { padding: 4em 3em 7em; background-size: 140% 100%; } #home-advantage { gap: 4em; grid-template-columns: 315px 1fr; margin: 5em 0 6em; } #home-advantage h2 { font-size: 2.2em; } #home-advantage .wp-block-list { padding: 2.7em 2em 1em; } #home-principles h2 { width: 60%; } #home-principles .wp-block-cover__inner-container a { font-size: 1.5em; } #about-hero { padding: 25em 2em 4em; } .schedule-breakdown.wp-block-columns { margin: 3em auto; gap: 1em; } .schedule-breakdown h4 { font-size: 1.3em; } } @media only screen and (max-width: 800px) { body { font-size: 15px; } .title-area { max-width: 125px; } h1 { font-size: 32px; } h2 { font-size: 28px; } h3 { font-size: 24px; } h4 { font-size: 21px; } h5 { font-size: 18px; } h6 { font-size: 16px; } p { margin: 0 auto 15px; } .nav-primary .menu-item { font-size: 14px; margin-left: .8em; } .about_hero .wp-block-cover__inner-container { padding: 0 25px 5px; } .wp-block-cover.about_hero { margin-bottom: 120px; min-height: 350px !important; } .about_main-points .wp-block-media-text { margin: 75px 0; grid-template-columns: 100% !important; } .wp-block-group.about_main-points .wp-block-group__inner-container { margin: 75px auto 50px; } .about_main-points .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content, .about_main-points .wp-block-media-text .wp-block-media-text__content { padding: 20px 30px; background-color: rgba(255,255,255,.8); max-width: 450px; grid-column: 1; justify-self: end; } .about_main-points .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { justify-self: start; } .wp-block-media-text.is-image-fill .wp-block-media-text__media { grid-column: 1 !important; grid-row: 1 !important; } .about_main-points h4 { margin-bottom: 30px; } .wp-block-group.about_faith-statement { padding: 0 20px; } .wp-block-group.about_faith-statement .wp-block-group__inner-container { padding-right: 0; } .about_faith-statement svg { height: 150px; } .wp-block-cover.hero { min-height: 450px; padding-left: 4%; align-items: end; padding-bottom: 40px; } .home h1 { font-size: 32px; margin-bottom: 20px; } .wp-block-cover.hero .wp-block-cover__inner-container { max-width: 250px; } .home h3 { font-size: 25px; } .wp-block-group.accepting-students { padding: 35px 0 55px; } .home .main-points h4 { font-size: 19px; line-height: 1.3em; padding-left: 10px; } .home .main-points h4::before { height: 35px; width: 35px; left: -9px; top: -9px; } .home .main-points p { margin-left: 20px; } .what-is-schole .wp-block-cover__inner-container { max-width: 380px; padding: 20px 35px; } .home h2 { font-size: 30px; } .what-is-schole .wp-block-cover__inner-container { max-width: 380px; padding: 20px 35px; min-height: 400px; } .home h3 { font-size: 25px; } .contact-section .wp-block-group { padding: 20px; } .home .contact-section > .wp-block-group__inner-container { grid-template-columns: 100%; } .wp-block-group.contact-section .wp-block-cover { height: 215px; } .register_main-wrap.wp-block-cover .wp-block-cover__image-background { max-width: 400px; } .wp-block-cover.alignfull.register_main-wrap { padding-top: 70px; padding-right: 0; padding-bottom: 40px; } .sidebar { margin-left: 35px; } .sidebar li a { font-size: 14px; } .blog .site-inner, .single .site-inner, .archive .site-inner, .search .site-inner, .resource-library .site-inner { padding-left: 10px; padding-right: 10px; padding-top: 140px; } .blog .content-sidebar-wrap, .archive .content-sidebar-wrap, .search .content-sidebar-wrap, .resource-library .content-sidebar-wrap { grid-template-columns: 1fr 200px; } .single .content-sidebar-wrap { display: block; } .single .content-sidebar-wrap .sidebar { margin: 0 auto; max-width: 300px; } #home-hero .wp-block-cover__background { opacity: 1; background-color: transparent !important; } #home-hero .wp-block-cover__background::before { content: ''; height: 70%; width: 100%; position: absolute; bottom: 0; z-index: 1; left: 0; background: linear-gradient(0deg,rgba(226, 186, 135, .6) 0%, rgba(226, 186, 135, .3) 52%, rgba(226, 186, 135, 0) 100%); } #home-hero .wp-block-cover__inner-container { position: relative; z-index: 1; } #home-hero { padding: 3em; min-height: 80vh; } #home-enrollment, .blue-intro-section { padding: 3em 2em 5em; } #home-enrollment .wp-block-columns { gap: 2em; } #home-advantage { gap: 2em; grid-template-columns: 100%; margin: 3em auto 5em; text-align: center; max-width: 600px; } #home-advantage .wp-block-list { text-align: left; } #home-principles h2 { width: 62%; font-size: 1.8em; } #home-principles .wp-block-cover { min-height: 300px; } #home-principles .wp-block-cover__inner-container a { font-size: 1.3em; } .schedule-breakdown.wp-block-columns { padding: 0; gap: 1em; grid-template-columns: 30% 30% 1fr; } .schedule-breakdown.wp-block-columns .wp-block-column { background-size: 2em 100%; padding-right: 2em; } #about-hero { padding: 20em 2em 3em; min-height: 0; } #about-hero h1 { font-size: 2em; } #about-hero p { max-width: 450px; font-size: 1.1em; } #about-principles, #about-character { padding: 2em; margin-top: 7em; margin-bottom: 7em; } #about-principles .wp-block-media-text .wp-block-media-text__content, #about-principles .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { padding: 2em; } #about-principles .wp-block-media-text .wp-block-media-text__media { min-height: 250px; } #about-character h2 { font-size: 2em; } #about-character .character-list { gap: 10%; padding-top: 3em; } } @media only screen and (max-width: 600px) { .title-area { max-width: 130px; } .nav-primary .menu > .menu-item > a:link, .nav-primary .menu > .menu-item > a:visited { font-size: 16px; margin-right: 1em; display: inline-block; margin-bottom: .2em; } .nav-primary .menu-item.highlight a:link, .nav-primary .menu-item.highlight a:visited { margin-top: 1em; } .nav-primary .menu > .menu-item > a:link::before, .nav-primary .menu > .menu-item > a:visited::before { display: none; } .nav-primary .menu-item a:link::before, .nav-primary .menu-item a:visited::before { left: auto; } .nav-primary .menu-item a:hover::before, .nav-primary .menu-item a:focus::before { width: 100%; } .genesis-nav-menu .sub-menu, .genesis-nav-menu .sub-menu a { width: 100%; } .genesis-nav-menu .sub-menu { clear: both; display: none; left: -9999px; margin: 0; opacity: 1; padding: 10px 25px; position: static; z-index: 99; } .genesis-nav-menu .sub-menu { background-color: transparent; } .genesis-nav-menu .menu-item:focus, .genesis-nav-menu .menu-item:hover { position: relative; } .genesis-nav-menu .menu-item:hover > .sub-menu { display: block; left: auto; opacity: 1; } .menu .menu-item:focus { position: static; } .menu .menu-item > a:focus + ul.sub-menu, .menu .menu-item.sfHover > ul.sub-menu { left: auto; opacity: 1; } .genesis-responsive-menu { display: none; position: relative; grid-column: 1 / 3; } .genesis-responsive-menu .genesis-nav-menu .menu-item:hover > .sub-menu { display: none; } .menu-toggle, .sub-menu-toggle { background-color: transparent; border-width: 0; color: #700b03; display: block; margin: 0 auto; overflow: hidden; text-align: center; visibility: visible; } .menu-toggle:focus, .menu-toggle:hover, .sub-menu-toggle:focus, .sub-menu-toggle:hover { background-color: transparent; border-width: 0; color: #c6920e; } .menu-toggle { float: right; line-height: 20px; padding: 15px 0; position: relative; z-index: 1000; } .menu-toggle.activated::before { content: "\f335"; } .site-header .dashicons-before::before { transition: none; } .site-header .menu-toggle::before { float: left; margin-right: 5px; position: relative; text-rendering: auto; top: 1px; } .sub-menu-toggle { float: right; padding: 14px 5px 1px; position: absolute; right: 0; top: 0; z-index: 100; } .nav-primary .sub-menu .menu-item a:link, .nav-primary .sub-menu .menu-item a:visited { color: #777; } .nav-primary .sub-menu .menu-item a:hover, .nav-primary .sub-menu .menu-item a:focus { color: #c6920e; } .sub-menu .sub-menu-toggle { padding: 12px 10px; } .sub-menu-toggle::before { display: inline-block; text-rendering: auto; transform: rotate(0); transition: transform 0.25s ease-in-out; } .sub-menu-toggle.activated::before { transform: rotate(180deg); } .genesis-nav-menu li.single { display: none; } .nav-primary .menu-primary { display: block; text-align: right; margin-bottom: 25px; } .nav-primary .menu-item { font-size: 14px; } .no-top-padding .site-inner { padding-top: 75px; } .wp-block-cover.about_hero { margin-bottom: 70px; min-height: 250px !important; padding: 0; display: block; background-color: #c6920e; } .wp-block-cover.about_hero img.wp-block-cover__image-background { position: relative; } .about_hero .wp-block-cover__inner-container { transform: none; } .about_main-points .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content, .about_main-points .wp-block-media-text .wp-block-media-text__content { background-color: transparent; max-width: none; grid-row: 2; } .about_faith-statement .wp-block-columns { padding-bottom: 150px; } .wp-block-cover.hero { min-height: 415px; padding-bottom: 25px; } .wp-block-cover.hero .wp-block-cover__inner-container { max-width: 200px; } .home h1 { font-size: 28px; margin-bottom: 15px; } .site-container .wp-block-button .wp-block-button__link { font-size: 17px; padding: 1px 11px 4px; } .home h3 { font-size: 21px; margin-bottom: 0; } .home .main-points .wp-block-media-text__content { padding: 0 20px 25px 0; } .home .contact-section > .wp-block-group__inner-container { grid-template-columns: 100%; } .contact-section .wp-block-group { grid-row: 2; grid-column: 1; } .contact-section .wp-block-group .wp-block-group__inner-container { max-width: 450px; text-align: center; margin: 0 auto; } .register_main-wrap.wp-block-cover .wp-block-cover__image-background { max-width: none; position: relative; max-height: 300px; object-position: center -100px; } .wp-block-cover.alignfull.register_main-wrap { padding: 0; display: grid; } .register_main-wrap.wp-block-cover .wp-block-cover__inner-container { max-width: none; } article.homework-postings .entry-footer { display: block; padding: 0px 8px; } article.homework-postings .entry-footer > div p { font-size: 13px; } article.homework-postings .entry-footer > div { margin: 10px 0; } article.homework-postings .entry-title { font-size: 15px; } article.homework-postings .entry-meta { font-size: 13px; padding: 5px 8px 0; } article.homework-postings { margin-bottom: 20px; padding-bottom: 1px; } #home-hero h1 { font-size: 2em; } #home-enrollment .wp-block-columns { gap: 3em; grid-template-columns: 100%; max-width: 360px; margin: 0 auto; } #home-enrollment, .blue-intro-section { padding: 3em 2em 7em; background-size: 165% 100%; } #home-advantage { margin: 1em auto 4em; } #home-principles h2 { width: 70%; font-size: 1.5em; } #home-principles .wp-block-cover__inner-container a { font-size: 1.2em; padding: 1em; } #about-partnership .wp-block-group__inner-container { margin: 2em auto; } .schedule-breakdown.wp-block-columns { gap: .2em; grid-template-columns: 30% 28% 1fr; font-size: .9em; } .schedule-breakdown h4 { font-size: 1.1em; margin-top: 1em; margin-bottom: .5em; } #about-principles .wp-block-media-text .wp-block-media-text__media { min-height: 250px; margin: 0; } #about-principles .wp-block-media-text .wp-block-media-text__content, #about-principles .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { margin: 0; } #about-principles, #about-character { padding: 1px 2em; margin-top: 5em; margin-bottom: 5em; } #about-character h2 { font-size: 1.7em; } #about-character .character-list { padding-top: 2em; display: block; } #about-character .character-list::before { font-size: 3em; } } @media only screen and (max-width: 480px) { body { font-size: 14px; } .title-area { max-width: 100px; } .site-header, .home .site-header.smallnav { padding: 0px 15px; } .site-inner { padding-left: 10px; padding-right: 10px; } h1 { font-size: 30px; } h2 { font-size: 25px; } h3 { font-size: 21px; } h4 { font-size: 19px; } h5 { font-size: 17px; } h6 { font-size: 15px; } .footer-widgets { padding-left: 10px; padding-right: 10px; } .footer-widgets .footer-widget-area h5 { padding-bottom: 20px; font-size: 18px; } .footer-widgets .footer-widget-area h5::before { width: 150px; } .footer-widgets .widget_nav_menu .menu { display: block; } .footer-widgets .widget_nav_menu .menu a:link, .footer-widgets .widget_nav_menu .menu a:visited { margin: 10px 0; } .footer-widgets .footer-widget-area .widget_media_image img { max-width: 150px; } .footer-widgets .footer-widget-area { padding-top: 30px; padding-bottom: 5px; } .wp-block-cover.hero .wp-block-cover__gradient-background { background-color: #fff !important; opacity: .5 !important; } .wp-block-cover.hero .wp-block-cover__inner-container { max-width: 300px; } .wp-block-cover.hero { min-height: 350px; } .wp-block-media-text.main-points { grid-template-columns: 100%; } .wp-block-media-text.is-image-fill .wp-block-media-text__media { min-height: 200px; } .home .main-points .wp-block-media-text__content { grid-column: 1; grid-row: 2; padding: 0 25px; } .what-is-schole .wp-block-cover__inner-container { padding: 20px; } .register_main-wrap.wp-block-cover .wp-block-cover__image-background { max-height: 200px; object-position: center -85px; } .blog .content-sidebar-wrap, .archive .content-sidebar-wrap, .search .content-sidebar-wrap, .resource-library .content-sidebar-wrap { display: block; } .sidebar { margin: 0 auto; max-width: 250px; } #home-enrollment, .blue-intro-section { padding: 3em 2em 8em; background-size: 200% 100%; } #home-principles .wp-block-columns { grid-template-columns: 100%; } #home-principles .wp-block-cover { min-height: 200px; } #about-hero { padding: 10em 2em 3em; } #about-hero h1 { font-size: 1.7em; } #about-hero p { font-size: 1em; } .schedule-breakdown.wp-block-columns { font-size: 1em; display: block; } .schedule-breakdown.wp-block-columns .wp-block-column { padding-right: 0; background: none; position: relative; padding-bottom: 1.5em; } .schedule-breakdown.wp-block-columns .wp-block-column::after { content: ''; position: absolute; left: 0; right: 0; margin-right: auto; margin-left: auto; height: 1.5em; width: 3px; background-color: #d1a339; } .schedule-breakdown.wp-block-columns .wp-block-column:last-of-type::after { content: unset; } .schedule-breakdown h4 em { font-size: .9em; } #about-character h2 { font-size: 1.5em; } } /* Print Styles ---------------------------------------------------------------------------- */ @media print { footer, .site-header, .sidebar, .footer-widgets, .homework-postings .entry-header .entry-meta, .homework-postings a.print-link:link { display: none; } .blog .content-sidebar-wrap, .single .content-sidebar-wrap, .archive .content-sidebar-wrap, .search .content-sidebar-wrap, .resource-library .content-sidebar-wrap { display: block; } .homework-postings .content { width: 100%; } .homework-postings .entry-header { margin-bottom:0; } .site-inner { padding: 0; } *, *::before, *::after { background: transparent !important; box-shadow: none !important; color: #333 !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]::after { content: " (" attr(href) ")"; } abbr[title]::after { content: " (" attr(title) ")"; } a[href^="javascript:"]::after, a[href^="#"]::after, .site-title > a::after { content: ""; } thead { display: table-header-group; } img, tr { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 2cm 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } blockquote, pre { border: 1px solid #999; page-break-inside: avoid; } .content, .content-sidebar { width: 100%; } button, input, select, textarea, .breadcrumb, .comment-edit-link, .comment-form, .comment-list .reply a, .comment-reply-title, .edit-link, .entry-comments-link, .entry-footer, .genesis-box, .header-widget-area, .hidden-print, .home-top, .nav-primary, .nav-secondary, .post-edit-link, .sidebar { display: none !important; } .title-area { text-align: center; width: 100%; } .site-title > a { margin: 0; text-decoration: none; text-indent: 0; } .site-inner { position: relative; } .author-box { margin-bottom: 0; } h1, h2, h3, h4, h5, h6 { orphans: 3; page-break-after: avoid; page-break-inside: avoid; widows: 3; } img { page-break-after: avoid; page-break-inside: avoid; } blockquote, pre, table { page-break-inside: avoid; } dl, ol, ul { page-break-before: avoid; } } /* Webfonts ---------------------------------------------------------------------------- */ .fa, .fas, .far, .fal, .fad, .fab { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; } @font-face { font-family: 'Font Awesome 5 Brands'; font-style: normal; font-weight: 400; font-display: block; src: url("/wordpress/wp-content/themes/ncen2025/lib/fontawesome/fa-brands-400.eot"); src: url("/wordpress/wp-content/themes/ncen2025/lib/fontawesome/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("/wordpress/wp-content/themes/ncen2025/lib/fontawesome/fa-brands-400.woff2") format("woff2"), url("/wordpress/wp-content/themes/ncen2025/lib/fontawesome/fa-brands-400.woff") format("woff"), url("/wordpress/wp-content/themes/ncen2025/lib/fontawesome/fa-brands-400.ttf") format("truetype"), url("/wordpress/wp-content/themes/ncen2025/lib/fontawesome/fa-brands-400.svg#fontawesome") format("svg"); } @font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; font-display: block; src: url("/wordpress/wp-content/themes/ncen2025/lib/fontawesome/fa-solid-900.eot"); src: url("/wordpress/wp-content/themes/ncen2025/lib/fontawesome/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("/wordpress/wp-content/themes/ncen2025/lib/fontawesome/fa-solid-900.woff2") format("woff2"), url("/wordpress/wp-content/themes/ncen2025/lib/fontawesome/fa-solid-900.woff") format("woff"), url("/wordpress/wp-content/themes/ncen2025/lib/fontawesome/fa-solid-900.ttf") format("truetype"), url("/wordpress/wp-content/themes/ncen2025/lib/fontawesome/fa-solid-900.svg#fontawesome") format("svg"); } @font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 400; font-display: block; src: url("/wordpress/wp-content/themes/ncen2025/lib/fontawesome/fa-regular-400.eot"); src: url("/wordpress/wp-content/themes/ncen2025/lib/fontawesome/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("/wordpress/wp-content/themes/ncen2025/lib/fontawesome/fa-regular-400.woff2") format("woff2"), url("/wordpress/wp-content/themes/ncen2025/lib/fontawesome/fa-regular-400.woff") format("woff"), url("/wordpress/wp-content/themes/ncen2025/lib/fontawesome/fa-regular-400.ttf") format("truetype"), url("/wordpress/wp-content/themes/ncen2025/lib/fontawesome/fa-regular-400.svg#fontawesome") format("svg"); } .far { font-family: 'Font Awesome 5 Free'; font-weight: 400; } .fa, .fas { font-family: 'Font Awesome 5 Free'; font-weight: 900; } .fab { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fa-facebook-f:before { content: "\f39e"; } .fa-soundcloud:before { content: "\f1be"; } .fa-vimeo-v:before { content: "\f27d"; } .fa-instagram:before { content: "\f16d"; } .fa-bullseye:before { content: "\f140"; } .fa-dot-circle:before { content: "\f192"; } .fa-question-circle:before { content: "\f059"; }