/* Theme Name: St Cyprians Theme URI: https://wordpress.org/themes/twentysixteen/ Author: the WordPress team Author URI: https://wordpress.org/ Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere. Version: 1.2 Template: twentysixteen License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: black, blue, gray, red, white, yellow, dark, light, one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready Text Domain: stcyprians This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /** * 1.0 - Normalize * * Normalizing styles have been helped along thanks to the fine work of * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/ font-family: "filson-pro",sans-serif;font-weight:300; */ html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; height:100%; } body { margin: 0;font-family: "proxima-nova",sans-serif;font-weight:normal; height:100%; color:#000000; font-size:18px; line-height:1.5em; /*background:#f1eef4;*/ background:#f6f6f6; font-weight:400; -webkit-font-smoothing:antialiased;-ms-font-smoothing:antialiased;-moz-font-smoothing:antialiased;text-rendering:optimizeLegibility; } body.admin-bar {margin-top:32px;} article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } div, form, a, h1, h2, h3, h4, h5 ,h6, input, ul, li, p, table, table td, table th, span, input { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } a { background-color: transparent; color:#7697c0; } a:hover {color:#7697c0;outline:none;} a:visited {color:#7697c0;outline:none;} a:focus {color:#7697c0;outline:none;} b, strong {} /* light blue # blue # dark blue #1e324b light grey # dark grey # charcoal # */ .proxima, .newsBox .newsBoxItem h4, .subNav .col h3, .home .main-sliders h1 {font-family: "proxima-nova",sans-serif;font-weight:400;} .proxima-bold, h2, h3, h4, h5, .linklist, a.arrowlink, .newsBox h4, .newsBox .newsBoxItem h5, .headerHolder .breadCrumbHolder, .linkHolder h4, .footerNavHolder a .link, .linkHolderLeft h4, .contentBox1 .linkHolderLeft h4, .btn-botstrip, .peopleBox .peopleRepeater h3, .peopleBox .peopleRepeater h4, .newsBox.newsPage .newsNav a, .home .main-sliders h4, .shareBox h4, .newsnav ul>li>a, .newsArticle .articleTestimonialBox h4, .newsArticle .articleTestimonialBox h5, .contentBox1.contactBox h4, table.table th, .home .welcomeHolder a.video-box h4, a.video-box h4, .announcementBanner .schoolLevel, .flash a.flash-clicker h3, .contentBox1 .linkHolder-small h4, .sponsors-panel h4 {font-family: "proxima-nova",sans-serif;font-weight:700;} .playfair, .home .welcomeHolder h4, .testimonialBox .testimonialRepeater p, .contentBox1 p.intro, .newsArticle .articleTestimonialBox p, .home .welcomeHolder .signBox strong, .videoHolder .playbox h3, .sponsors-panel h3 {font-family: 'Playfair Display', serif;font-weight:400;letter-spacing:0em;} .playfairbold, .home .main-sliders h1.mainHeader, .home .main-sliders h2, .home .main-sliders h3, .home .main-sliders h5, .home .welcomeHolder h3, .profileBlock p, .newsBox h3, .linkHolder h3, .contentBox1 h1, .contentBox1 h2, .academicBox h3, .linkHolderLeft h3, .contentBox1 h3, .calendarBox h2, .calendarBox h3, .home .introHolder.noOffset .main-sliders h1, .contentBox1 h4, span.quote-open, span.quote-closed, h1, .announcementBanner h2, .flash a.flash-clicker h2, .flash.waterwise h2 {font-family: 'Playfair Display', serif;font-weight:700;letter-spacing:0em;} /* ==================== general ===================== */ h1, h2, h3, h4, h5 {color:#333334;font-weight:700;margin:0px;letter-spacing:0.08em;} h1 {font-size:30px;line-height:1em;} h2 {font-size:25px;line-height:1em;} h3 {font-size:20px;line-height:1em;} .transition, .btn, .headerHolder .top-row ul li a, .headerHolder .bottom-row ul li a, .testimonialBox button.slick-prev.slick-arrow:before, .testimonialBox button.slick-next.slick-arrow:before, a.arrowlink, .footerNavHolder a.navRight, .footerNavHolder a.navLeft,.footerNavHolder a.navRight:after,.footerNavHolder a.navLeft:after, .introHolder .pageScroller, .linklist li a, .subNav .col, .calendarBox a, .headerHolder .bottom-row ul:hover ul, .headerHolder .bottom-row ul ul, .headerHolder .bottom-row ul ul:before, .headerHolder .bottom-row ul:hover ul:before, .headerHolder .top-row ul ul, .headerHolder .top-row ul:hover ul, .shareBox a.shareLink, .shareBox a.shareTags, .home .highlightHolder.highlightAdmissions .col a p, .home .highlightHolder .col, .logo-second.showit, .logo-second, .newsBox .newsBoxItem .newsBoxItemContent, .sharelike .icon-sidebar, a.sharebox, .videoclick:after, a.video-box, .flash a.flash-clicker, .newsBoxItem.videoBoxItem .background, .fee_edit, .newsnav ul>li>a, .linkHolder.linkHolder-small {-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;} .transitionquick, .btn:hover, .subNav .col:after, .btn-primary, a.btn-primary {-moz-transition: all 0.1s ease-out;-o-transition: all 0.1s ease-out;transition: all 0.1s ease-out;-webkit-transition: all 0.1s ease-out;} .btn-primary, a.btn-primary, a.btn-primary:visited {font-weight:100;color:#ffffff;text-decoration:none;} a.btn, a.btn:active, .btn:active, a.btn:focus, .btn:blur, .btn.focus, .btn:focus, .btn:hover, .btn.active.focus, .btn.active:focus, .btn.focus {border:none;color:#ffffff !important;outline:none;} .btn-info {background:none;font-size:12px;letter-spacing:0.06em;border-radius:none;border:2px solid #ffffff;padding:20px 70px 20px 40px;font-size:12px;line-height:1em;text-transform:uppercase;font-weight:700;background:url(/wp-content/themes/st-cyprians/images/arrow-white.png) calc(100% - 30px) center no-repeat;background-size:8px 12px;} .btn-info:hover, a.btn-info:hover, a.btn-info:active, .btn-info.focus, .btn-info:focus, .btn-info:active:focus {background-color:rgba(0,0,0,0.2);border:2px solid #ffffff;background-position:calc(100% - 25px) center;outline:none;background-image:url(/wp-content/themes/st-cyprians/images/arrow-white.png);} a.btn-info:active, .btn-info.focus, .btn-info:focus, .btn-info:active:focus {background-color:rgba(0,0,0,0.4);border:2px solid rgba(255,255,255,0.2);} .btn-botstrip {text-align:left;border:0px;border-top:1px solid rgba(255,255,255,0.3);position:absolute;bottom:0px;left:0px;width:100%;text-transform:uppercase;padding:30px 40px;color:#ffffff;letter-spacing:0.05em;background:url(/wp-content/themes/st-cyprians/images/arrow-white.png) calc(100% - 30px) center no-repeat;background-size:8px 12px;} .btn-botstrip:hover {background-color:rgba(0,0,0,0.2);background-position:calc(100% - 25px) center;color:#ffffff;} .btn-primary, a.btn-primary, a.btn-primary:visited {background:none;color:#7499c7;font-size:12px;letter-spacing:0.06em;border-radius:none;border:2px solid #7499c7;padding:20px 70px 20px 40px;font-size:12px;line-height:1em;text-transform:uppercase;font-weight:700;background:url(/wp-content/themes/st-cyprians/images/arrow-blue-sml.png) calc(100% - 30px) center no-repeat;background-size: 4px 7px;} .btn-primary:hover, a.btn-primary:hover, a.btn-primary:active, .btn-primary.focus, .btn-primary:focus, .btn-primary:active:focus {border:2px solid #7499c7;background-color:rgba(255,255,255,0.4);background-position:calc(100% - 25px) center;color:#7499c7;background-image:url(/wp-content/themes/st-cyprians/images/arrow-blue-sml.png); -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); } .btn-default, a.btn-default, a.btn-default:visited {background:none;color:#1e324b;font-size:12px;letter-spacing:0.06em;border-radius:none;border:2px solid #1e324b;padding:20px 70px 20px 40px;font-size:12px;line-height:1em;text-transform:uppercase;font-weight:700;background:url(/wp-content/themes/st-cyprians/images/arrow-black-sml.png) calc(100% - 30px) center no-repeat;background-size: 4px 7px;} .btn-default:hover, a.btn-default:hover, a.btn-default:active, .btn-default.focus, .btn-default:focus, .btn-default:active:focus {border:2px solid #1e324b;background-color:rgba(255,255,255,0.4);background-position:calc(100% - 25px) center;color:#1e324b;background-image:url(/wp-content/themes/st-cyprians/images/arrow-black-sml.png); -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); } /* announcement banner =========================*/ .announcementBanner .schoolLevel {font-size:14px;letter-spacing:0.06em;} .announcementBanner h2 {font-size:45px;color:#fff;margin-bottom:10px;} .announcementBanner .col1 {background:url(/wp-content/themes/st-cyprians/images/announcement-high.jpg) right bottom no-repeat;background-size:cover;} .announcementBanner .col2 {background:url(/wp-content/themes/st-cyprians/images/announcement-prep.jpg) left bottom no-repeat;background-size:cover;} .announcementBanner .col .announcementInfo {min-height:365px;color:#FFF;padding:50px;} .announcementBanner .col1 .announcementInfo {margin-left:calc(100% - 840px);} .announcementBanner .col2 .announcementInfo {width:840px;} .announcementBanner .btn, .announcementBanner .btn:visited, .announcementBanner .btn:active {color:#fff;margin-top:10px;} @media only screen and (max-width: 1680px) { .announcementBanner .col1 .announcementInfo {margin-left:0px;} .announcementBanner .col2 .announcementInfo {width:auto;} .announcementBanner h2 {font-size:40px;} } @media only screen and (max-width: 1250px) { .announcementBanner h2 {font-size:30px;} .announcementBanner .col .announcementInfo {padding:30px;} } @media only screen and (max-width: 880px) { .announcementBanner {margin:60px 0px -60px 0px;} .announcementBanner .col {padding-right:40px;} } /* end announcement banner =========================*/ table.table {} table.table td {padding:5px;} table.table th {font-size: 14px; color: #7499c7; text-transform: uppercase; text-align: left; margin-bottom: 20px;} .slick-slide {outline: none !important;} a.btn-primary:active, .btn-primary.focus, .btn-primary:focus, .btn-primary:active:focus {border:2px solid #ffffff;} a.arrowlink {font-size:12px;color:#7397c5;text-decoration:none;display:inline-block;padding-right:20px;background:url(/wp-content/themes/st-cyprians/images/arrow-blue-sml.png) right center no-repeat;background-size:4px 7px;} a.arrowlink:hover {background-position:95%;} .p-relative {position:relative;} .center-v:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;} .center-holder {display: inline-block;vertical-align: middle;width:98%;} .home .introHolder .center-holder {margin-top:-160px;} .home.sub .introHolder .center-holder {margin-top:0px;} .home.sub .introHolder .slick-dots {bottom: 60px;} .main-sliders {height:780px;} .alumni .main-sliders {height:530px;} /*.main-sliders .slider-content.slick-slide {background-attachment:scroll;} ==================== slick ===================== */ .form-control {/*padding:10px;*/} .form-control {padding: 0px 5px;} .main-width {margin:0px auto;width:1680px;position:relative;} .introHolder .main-width {width:100%;} .pad-top-140 {padding-top:140px;} .pad-top-80 {padding-top:80px;} .pad-top-40 {padding-top:40px;} .pad-bot-140 {padding-bottom:140px;} .pad-bot-80 {padding-bottom:80px;} .pad-bot-40 {padding-bottom:40px;} .nowrap {white-space:nowrap;} span.quote-open {position:relative;padding-right:40px;} span.quote-closed {position:relative;padding-right:30px;} span.quote-open:before {content:'\201C';position:absolute;left:0px;bottom:-10px;font-size:60px;color:#333334;} span.quote-closed:before {content:'\201D';position:absolute;right:-10px;bottom:-20px;font-size:60px;color:#333334;} /* ==================== header ===================== */ .logo-second {position:fixed;left:0px;top:0px;z-index:99;opacity:0;} .logo-second.showit {position:fixed;left:0px;top:0px;z-index:99;opacity:0.5;} .logo-second.showit:hover {opacity:1;} .headerHolder {position:relative;height:140px;} .headerHolder .main-width {width:1680px;position:relative;} .headerHolder .top-row {background:#1e324b;height:50px;} .headerHolder .top-row ul {margin:0px;display:flex;} .headerHolder .top-row ul li img {width:20px;height:50px;cursor:pointer;} .headerHolder .top-row ul li {height:50px;line-height:50px;padding:0px;position:relative;margin-left:40px;display:flex;flex-direction: column;text-align:center;} .headerHolder .top-row ul li:first-of-type {margin-left:0px;} .headerHolder .top-row ul li a {text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:0.06em;display:inline-block;margin:auto;line-height:1.2em;} .headerHolder .top-row ul li.nopad {margin-left:20px;} .headerHolder .top-row ul li a:hover {text-decoration:none;color:#ffffff;} /*.headerHolder .top-row ul ul {margin:0px;text-align:justify;position:absolute;right:auto;left:0px;top:50px;background:#1e324b;width:250px;padding:10px 20px 10px 20px;text-align:left;}*/ .headerHolder .top-row ul ul {top: 120%;} .headerHolder .top-row ul ul { margin: 0px; text-align: justify; position: absolute; right: auto; left: calc(50% - 125px); top: 98%; background:#1e324b; width: 250px; padding: 10px 20px 10px 20px; text-align: left; display: none; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.6); border-radius: 3px; } .headerHolder .top-row ul li.current-page-parent, .headerHolder .top-row ul li.current_page_parent, .headerHolder .top-row ul li.current-menu-item {border-bottom:4px solid #7296c4;} .headerHolder .top-row ul li.current-page-ancestor a {color:#7296c4;} .headerHolder .top-row ul ul:after {display:none;} .headerHolder .top-row ul ul li {height:auto;line-height:1em;display:block;padding:0px;position:relative;margin:0px;} .headerHolder .top-row ul ul li a {height:auto;display:block;padding:3px 0px;} .headerHolder .top-row ul li:hover ul {display:block;z-index:2000;} .headerHolder .top-row ul ul li.current-menu-item {border-bottom:none;} .headerHolder .top-row ul:hover ul:before {bottom: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(255, 255, 255, 0);border-bottom-color: #1e324b;border-width: 6px;margin-left: -6px;} .headerHolder .bottom-row {background:#ffffff;height:90px;position:relative;} .headerHolder .bottom-row ul {margin:0px;text-align:justify;position:absolute;right:0px;top:0px;} .headerHolder .bottom-row ul li {height:90px;line-height:90px;display: inline-block;padding:0px;position:relative;} .headerHolder .bottom-row ul:after {content: '';display: inline-block;width: 100%;height:0px;} .headerHolder .bottom-row ul li a {height:90px;text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:0.06em;display:inline-block;color:#000000;} .headerHolder .bottom-row ul li a:hover {text-decoration:none;color:#7697c0;} .headerHolder .bottom-row ul ul {top: 110%;padding: 10px 20px 10px 20px;opacity:0;z-index:0;overflow:hidden;height:0;} .headerHolder .bottom-row ul li:hover ul { margin: 0px; text-align: justify; position: absolute; right: auto; left: calc(50% - 125px); top: 91%; background: #ffffff; width: 250px; padding: 10px 20px 10px 20px; text-align: left; display: none; opacity:1; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3); border-radius: 3px; z-index:2003; height:auto; overflow:visible; } .headerHolder .bottom-row ul ul:after {display:none;} .headerHolder .bottom-row ul ul:before {bottom: 0%;} .headerHolder .bottom-row ul ul:before {bottom: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(255, 255, 255, 0);border-bottom-color: #ffffff;border-width: 6px;margin-left: -6px;} .headerHolder .bottom-row ul:hover ul li, .headerHolder .bottom-row ul ul li {height:auto;line-height:1em;display:block;padding:0px;position:relative;} .headerHolder .bottom-row ul:hover ul li a, .headerHolder .bottom-row ul ul li a {height:auto;display:block;padding:3px 0px;} .headerHolder .bottom-row ul li:hover ul {display:block;z-index:2000;} .headerHolder .bottom-row ul li.current-page-parent, .headerHolder .bottom-row ul li.current_page_parent, .headerHolder .bottom-row ul li.current_page_item {border-bottom:4px solid #7296c4;} .headerHolder .bottom-row ul ul li.current_page_item {border-bottom:0;} .headerHolder .bottom-row ul li.current-page-ancestor a {color:#7296c4;} .headerHolder .bottom-row.fixer {height:70px;position:fixed;z-index:2001;top:0px;width:100%;-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);} .headerHolder .bottom-row.fixer ul li a, .headerHolder .bottom-row.fixer ul li {height:70px;line-height:70px;} .headerHolder .bottom-row.fixer ul li:hover ul li, .headerHolder .bottom-row.fixer ul li:hover ul li a {height:auto;line-height:1em;padding: 3px 0px;} .headerHolder .logo {position:absolute;left:0;top:0;height:140px;background:#f1f1f1;background-image:url(/wp-content/themes/st-cyprians/images/logo-stcyprians.png);background-size:319px 97px;background-position:center center;background-repeat:no-repeat;z-index:100;} .headerHolder .logo { /*image-rendering: -moz-crisp-edges; */ /* Firefox */ /*image-rendering: -o-crisp-edges; */ /* Opera */ /*image-rendering: -webkit-optimize-contrast; *//* Webkit (non-standard naming) */ /*image-rendering: crisp-edges; */ /*-ms-interpolation-mode: nearest-neighbor; */ /* IE (non-standard property) */} .headerHolder .logo a {display:block;position:absolute;left:0px;top:0px;width:100%;height:100%;} .headerHolder .breadCrumbHolder {position:absolute;bottom:-180px;left:20px;color:#ffffff;text-transform:uppercase;z-index:2000;font-size:12px;} .headerHolder .breadCrumbHolder a {text-decoration:none;color:#ffffff;padding-right:5px;} .headerHolder .breadCrumbHolder a:hover {text-decoration:none;color:#7697c0;} .headerHolder .breadCrumbHolder span.breadcrumb_last {padding-left:5px;} /* ==================== home / sliders ===================== */ .home .main-sliders {font-size:18px;line-height:1.5em;color:#ffffff;position:relative;} .home .main-sliders h2 {font-size:70px;color:#ffffff;line-height:1.1em;} .home .main-sliders h2 span, .home .main-sliders h2 span {white-space: nowrap;} .home .main-sliders h3 {font-size:40px;color:#ffffff;line-height:1.2em;font-style:italic;letter-spacing: 0.01em;} .home .main-sliders h3 span { font-size: 0.50em; font-style: normal; } .home .main-sliders h5 {font-size:28px;color:#ffffff;line-height:1.5em;font-style:italic;letter-spacing: 0.01em;} .home .main-sliders p {margin-top:10px;padding:0px;line-height:1.2em;font-size:25px;} .home .main-sliders p span{font-size: 24px;} .home .main-sliders .flex{display: flex;} .home .main-sliders .flex > p{margin-right: 0px;width: 100%;} .home .main-sliders .hero-wrap{width: 100%;} .home .main-sliders .btn {margin-top:35px;} .home .main-sliders .center-holder {padding:0px 30px;} @media only screen and (max-width: 1200px) { .home .main-sliders .flex{display: flex;flex-direction: column;} .home .main-sliders .flex > p{display: flex;flex-direction: column;font-size: 28px!important;} .home .main-sliders .flex > p > .cambridge{font-size: 28px!important;} } .home .main-sliders h1 {font-size:45px;color:#ffffff;line-height:1em;} .home .main-sliders h4 {font-size:12px;color:#ffffff;text-transform:uppercase;} .home .introHolder.newsArticle .center-holder {margin:0px;} .home .introHolder.noOffset .center-holder {margin:0px;} .home .introHolder.noOffset .center-holder {margin:0px;} .home .introHolder.noOffset .main-sliders h1 {font-size:100px;color:#ffffff;} .introHolder .pageScroller { position: absolute; bottom: 20px; left: calc(50% - 40px); width: 80px; height: 80px; background: url(images/scroll-arrow.png) left top no-repeat; background-size: 60px 60px; cursor: pointer; z-index: 2000; background-position: center; background-color: rgba(28,50,74,0.1); border-radius: 50%;border:1px solid rgba(255,255,255,0.1); } .introHolder .pageScroller:hover {background-position:center;background-color: rgba(28,50,74,0.2);border:1px solid rgba(255,255,255,0.5);} .home .highlightHolder {margin-top:-79px;margin-bottom:80px;} .home .highlightHolder .col {color:#fff;height:400px;} .home .highlightHolder .col a {position:relative;display:block;width:100%;height:320px;} .home .highlightHolder .col a p {color:#fff;font-size:30px;line-height:1em;position:absolute;bottom:0px;padding:30px 40px;display:block;min-height:150px;} .home .highlightHolder .col h3 a {position:relative;font-size:14px;padding:30px 40px;display:block;text-decoration:none;color:#fff;border-bottom:1px solid rgba(255,255,255,0.3);height:80px;background:url(/wp-content/themes/st-cyprians/images/arrow-white.png) calc(100% - 30px) center no-repeat;background-size:8px 12px;} .home .highlightHolder .col h3 {} hr {border-top:1px solid #bab9bb;height:0px;} .home .highlightHolder .col1 {background:url(/wp-content/themes/st-cyprians/images/covers/box-highschool.jpg) center center no-repeat;background-size:cover;background-color:#00367c;} .home .highlightHolder .col2 {background:url(/wp-content/themes/st-cyprians/images/covers/box-prepschool.jpg) center center no-repeat;background-size:cover;background-color:#7397c5;} .home .highlightHolder .col3 {background:url(/wp-content/themes/st-cyprians/images/covers/box-preprepschool.jpg) center center no-repeat;background-size:cover;background-color:#97b1d1;} .home .highlightHolder .col {z-index:1;position:relative;} .home .highlightHolder .col:hover {z-index:5; -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.75); } .home .highlightHolder.highlightAdmissions .col1 {background:url(/wp-content/themes/st-cyprians/images/covers/box-admissions-high.jpg) center center no-repeat;background-size:cover;background-color:#00367c;} .home .highlightHolder.highlightAdmissions .col2 {background:url(/wp-content/themes/st-cyprians/images/covers/box-admissions-prep-new.jpg) center center no-repeat;background-size:cover;background-color:#7397c5;} .home .highlightHolder.highlightAdmissions .col3 {background:url(/wp-content/themes/st-cyprians/images/covers/box-admissions-pre.jpg) center center no-repeat;background-size:cover;background-color:#97b1d1;} /* .home .highlightHolder.highlightAdmissions .col a p { color: #fff;font-size: 12px;line-height: 1em;position: absolute;bottom: 0px;padding: 30px 0px;text-align: center; border: 2px solid #fff;width: 80%;text-transform: uppercase;font-weight: 600;letter-spacing: 0.06em;display: inline-block;margin: 16% 10%;min-height:0px; background:url(/wp-content/themes/st-cyprians/images/arrow-white.png) calc(100% - 30px) center no-repeat;background-size:8px 12px; } */ .home .highlightHolder.highlightAdmissions h3 {position:relative;font-size:14px;padding:30px 40px;display:block;text-decoration:none;color:#fff;border-bottom:1px solid rgba(255,255,255,0.3);height:80px;margin-bottom:50px;} .home .highlightHolder.highlightAdmissions .col a {height:auto;display:inline-block;text-decoration:none;} .home .highlightHolder.highlightAdmissions .col a p { color: #fff;font-size: 12px;line-height: 1em;position: relative;padding: 30px 0px;text-align: center; border: 2px solid #fff;width: 80%;text-transform: uppercase;font-weight: 600;letter-spacing: 0.06em;display:block;margin:20px auto 0px auto;min-height:0px; background:url(/wp-content/themes/st-cyprians/images/arrow-white.png) calc(100% - 30px) center no-repeat;background-size:8px 12px; } .home .highlightHolder.highlightAdmissions .col a:hover p {background-color:rgba(30,50,75,0.5);} .home .welcomeHolder {margin-top:140px;} .home .welcomeHolder .col {padding:0px 0px 0px 40px;} .home .welcomeHolder .col2 {padding:0px 20px 20px 0px;} .home .welcomeHolder .col3 {padding:0px 0px 0px 20px;} .home .welcomeHolder h3 {font-size:52px;margin-bottom:35px;color:#323233;} .home .welcomeHolder h4 {font-size:30px;margin-bottom:35px;color:#323233;font-style:italic;} .home .welcomeHolder .signBox {padding:20px 0px 60px 0px;line-height:1.4em;text-transform:uppercase;font-size:12px;font-weight:600;letter-spacing:0.05em;color:#7397c5;} .home .welcomeHolder .signBox strong {color:#7397c5;display:block;font-size:30px;margin-bottom:15px;font-style:italic;text-transform:none;color:#323233;} .home .welcomeHolder .profileBlock {margin-top:30px;} .profileBlock {padding:0px;} /*.profileBlock img {float:left;margin-right:30px;}*/ .profileBlock p {font-size:18px;color:#000000;margin:10px 0px 0px 0px;} .home .videoHolder {} .home .videoHolder .videoWrapper {} .home .newsBox {margin-top:100px;} .linklist li a, .linklist li {font-size:12px;text-transform:uppercase;color:#000000;text-decoration:none;letter-spacing:0.05em;display:block;} .linklist li {background:url(/wp-content/themes/st-cyprians/images/arrow-black-sml.png) 5px 10px no-repeat;background-size:4px 7px;padding-left:35px;} .linklist li a:hover {color:#7296c4;} .linklist li a.highlight {color:#c7c7c7;} .videoWrapper {position: relative;/*padding-bottom: 56.25%; 16:9 */padding-bottom: 47%;padding-top: 0px;height: 0;} .videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .videoPopper {position:fixed;width:100%;height:100%;padding:100px;top:0px;left:0px;z-index:1000;box-sizing:border-box;background:rgba(0,0,0,0.85);display:none;} .videoPopper:after {content:"X";text-align:center;color:#333;line-height:30px;font-size:16px;position:absolute;right:40px;top:40px;width:30px;height:30px;border-radius:100%;background:#fff;cursor:pointer;} .videoPopper:after:hover {background:#efefef;} .newsBox h4 {font-size:14px;color:#7499c7;text-transform:uppercase;text-align:center;margin-bottom:20px;} .newsBox h3 {font-size:40px;color:#323233;text-align:center;margin-bottom:70px;} .newsBox .newsBoxRepeater {height:520px;position:relative;} .newsBox .newsBoxItem {padding:10px;} .newsBox .newsBoxItem .newsBoxItemContent {background:#ffffff;height:280px;padding:30px;position:relative;} .newsBoxItem.newsBoxMags .newsBoxItemContent {background:#ffffff;padding:30px;position:relative;margin-bottom:10px;height:auto;} .newsBox.newsPage .newsBoxItem.newsBoxMags {margin-bottom:10px;} .newsBox .newsBoxItem .newsBoxItemContent a {position:absolute;width:100%;padding:30px;border-top:1px solid #e5e5e5;bottom:0px;left:0px;background-position: calc(100% - 30px) center;text-transform:uppercase;outline:none;} .newsBox .newsBoxItem .newsBoxItemContent a.arrowlink:hover {background-position:calc(100% - 25px) center;color:#1e324b;} .newsBox .newsBoxItem:hover .newsBoxItemContent { -webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.1); box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.1); } .newsBox .newsBoxItem .imgBox {height:240px;} .newsBox .newsBoxItem h5 {color:#b8b8b8;font-size:12px;text-transform:uppercase;margin-bottom:25px;} .newsBox .newsBoxItem h4 {color:#000000;font-size:19px;line-height:1.3em;text-transform:none;text-align:left;} .newsBox .slick-dots {bottom:-55px !important;} .newsBoxItem.videoBoxItem {} .newsBoxItem.videoBoxItem .background {background:#fff;} .newsBoxItem.videoBoxItem .newsBoxItemContent {background:none;height:auto;} .newsBoxItem.videoBoxItem .background:hover { -webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.1); box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.1);} .newsBox .newsBoxItem.videoBoxItem:hover .newsBoxItemContent { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .newsBox.newsPage .newsBoxRepeater {height:auto;} .newsBox.newsPage .newsBoxItem {margin-bottom:50px;} .newsBox.newsPage .newsBoxItem .newsBoxItemContent {padding:30px 10px 30px 30px;} .newsBox.newsPage .newsBoxItem.highlight .newsBoxItemContent {position:absolute;bottom:10px;left:10px;width:calc(50% - 20px);background:rgba(255,255,255,0.9);} .newsBox.newsPage .newsBoxItem.highlight .imgBox {height:520px;} .newsBox.newsPage .newsNav {text-align:center;padding-bottom:60px;font-weight:700; color: #d2d2d2; text-transform: uppercase; font-size: 14px; padding: 0px 20px;} .newsBox.newsPage .newsNav a {color:#d2d2d2;text-transform:uppercase;font-size:14px;padding:0px 20px;} .newsBox.newsPage .newsNav a.highlight {color:#7397c5;} .newsBox.newsPage .newsBoxItem h4 {font-size:19px;line-height:1.2em;} .testimonialBox {background:#faf9fb;margin-top:80px;padding:80px 0px;} .testimonialBox .testimonialRepeater {position:relative;padding:0px 300px;text-align:center;margin:50px auto;} .testimonialBox .testimonialRepeater:before {position:absolute;width:30%;height:100%;background:#ffffff;left:35%;top:0%;content:"";z-index:0;} .testimonialBox .testimonialRepeater:after {position:absolute;width:calc(30% - 40px);height:calc(100% - 40px);background:#ffffff;left: calc(35% + 20px);top:20px;content:"";z-index:0;border:1px solid #f2f2f2;} .testimonialBox .testimonialRepeater .content {z-index:1;position:relative;top:-50px;} .testimonialBox .testimonialRepeater p {color:#565556;font-size:22px;line-height:1.4em;font-style:italic;margin-top:30px;} .testimonialBox .testimonialRepeater img.imgprofile {} .testimonialBox .testimonialRepeater h4 {font-size:14px;color:#000000;text-transform:uppercase;margin-top:30px;} .testimonialBox .testimonialRepeater h5 {font-size:12px;color:#7397c5;text-transform:uppercase;margin-top:5px;} .testimonialBox .testimonialRepeater h5 span {text-transform:none;} .testimonialBox .slick-slide img {display: inline-block !important;} .testimonialRepeater.slick-slide.slick-current.slick-active:focus, .testimonialRepeater.slick-slide.slick-current.slick-active:active, .testimonialRepeater.slick-slide.slick-current.slick-active:visited {outline:none !important;} .testimonialBox .slick-prev {left: 40px !important;z-index: 1000 !important;} .testimonialBox .slick-next {right: 40px !important;z-index: 1000 !important;} .testimonialBox .slick-dots, .newsBox .slick-dots { position: absolute; left:0px; bottom: 0px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; z-index: 9; left: 0; } .testimonialBox .slick-dots li, .newsBox .slick-dots li, .galleryBox .gallerySlider .slick-dots li { position: relative; display: inline-block; width: 10px; height: 10px; margin: 0 5px; padding: 0; cursor: pointer; } .testimonialBox .slick-dots li button, .newsBox .slick-dots li button, .galleryBox .gallerySlider .slick-dots li button { font-size: 0;line-height: 0;display: block;width: 10px;height: 10px;padding: 0px;color: transparent;border: 0;outline: none;background: transparent; } .testimonialBox .slick-dots li button:hover, .testimonialBox .slick-dots li button:focus, .galleryBox .gallerySlider .slick-dots li button:hover, .galleryBox .gallerySlider .slick-dots li button:focus { outline: none; } .testimonialBox .slick-dots li button:hover:before, .testimonialBox .slick-dots li button:focus:before, .galleryBox .gallerySlider .slick-dots li button:hover:before, .galleryBox .gallerySlider .slick-dots li button:focus:before { opacity: 1; } .testimonialBox .slick-dots li button:before, .newsBox .slick-dots li button:before, .galleryBox .gallerySlider .slick-dots li button:before {position: absolute;top: 0;left: 0;width: 8px;height: 8px;border-radius:50%;content:"";border:0;background:#dcdbdc;opacity:1;} .testimonialBox .slick-dots li.slick-active button:before, .newsBox .slick-dots li.slick-active button:before, .galleryBox .gallerySlider .slick-dots li.slick-active button:before {background:#7697c0;opacity: 1;} .testimonialBox button.slick-prev.slick-arrow:before, .newsBox button.slick-prev.slick-arrow:before, .galleryBox .gallerySlider button.slick-prev.slick-arrow:before { content: '';color:#ccc;opacity:0.3;position: absolute; width:21px !important;height:35px !important; background:url(/wp-content/themes/st-cyprians/images/arrow-left.png) left top no-repeat; } .testimonialBox button.slick-next.slick-arrow:before, .newsBox button.slick-next.slick-arrow:before, .galleryBox .gallerySlider button.slick-next.slick-arrow:before { content: '';color:#ccc;opacity:0.3;position: absolute; width:21px !important;height:35px !important; background:url(/wp-content/themes/st-cyprians/images/arrow-right.png) left top no-repeat; } .testimonialBox button.slick-prev, .testimonialBox button.slick-next, .newsBox button.slick-prev, .newsBox button.slick-next, .galleryBox .gallerySlider button.slick-next { width:21px !important;height:35px !important; } .testimonialBox .slick-list, .newsBox .slick-list { outline: none !important; } .testimonialBox button.slick-prev.slick-arrow:hover:before, .testimonialBox button.slick-next.slick-arrow:hover:before, .newsBox button.slick-prev.slick-arrow:hover:before, .newsBox button.slick-next.slick-arrow:hover:before {opacity:1;} .footerHolder {background:#ffffff;padding:50px 0px 20px 0px;font-size:14px;line-height:1.4em;} .footerHolder .main-width {width:1580px;} .footerHolder img {display:inline-block;} .footerHolder .col1 p {display:inline-block;padding-left:20px;} .footerHolder .col1 .row {padding-left:90px;padding-bottom:40px;} .footerHolder .col1 img {position:relative;left:0px;top:-12px;max-width: 45px;height: auto;} .footerHolder .col2 .row {text-align:right;display:flex;align-items: center;} .footerHolder .col2 img {margin:0px 4px;height:40px;} /* */ .footerNavHolder a.navRight {background:#97b1d2;position:relative;border-top:1px solid #ccc;} .footerNavHolder a.navLeft {background:#c3cfe3;text-align:right;position:relative;border-top:1px solid #ccc;} .footerNavHolder a.navRight, .footerNavHolder a.navLeft {height:300px;padding:0px 120px;} .footerNavHolder a {display:block;color:#293950;font-size:25px;} .footerNavHolder a .link {color:#ffffff;font-size:12px;text-transform:uppercase;margin-top:20px;} .footerNavHolder a.navLeft:hover {background:#ccd5e6;} .footerNavHolder a.navRight:hover {background:#a9bdd9;} .footerNavHolder a.navLeft:after {position:absolute;content:"";width:25px;height:40px;background:url(/wp-content/themes/st-cyprians/images/arrow-footer-left.png) left top no-repeat;left:35px;top:calc(50% - 20px);opacity:0.3;} .footerNavHolder a.navRight:after {position:absolute;content:"";width:25px;height:40px;background:url(/wp-content/themes/st-cyprians/images/arrow-footer-right.png) left top no-repeat;right:35px;top:calc(50% - 20px);opacity:0.3;} .footerNavHolder a.navLeft:hover:after {opacity:1;left:20px;} .footerNavHolder a.navRight:hover:after {opacity:1;right:20px;} .mobile-nav {display:none;} .linkHolderLeft.linkbox-academic {background:url(/wp-content/themes/st-cyprians/images/linkbox-academic.jpg) center center no-repeat;background-size:cover;} .linkHolderLeft.linkbox-music {background:url(/wp-content/themes/st-cyprians/images/linkbox-music.jpg) center center no-repeat;background-size:cover;} .linkHolderLeft.linkbox-sport {background:url(/wp-content/themes/st-cyprians/images/linkbox-sport.jpg) center center no-repeat;background-size:cover;} .linkHolderLeft .closed {position:absolute;bottom:0px;background:#7697c0;color:#fff;text-align:center;width:100%;height:80px;left:0px;line-height:80px;font-size:14px;font-weight:600;} .contentBox1 h1 {font-size:52px;margin-bottom:50px;line-height:1em;} .contentBox1 h2 {font-size:50px;margin-bottom:50px;line-height:1em;} .contentBox1 h3 {font-size:45px;margin-bottom:50px;line-height:1em;} .contentBox1 h4 {font-size:30px;margin-bottom:30px;line-height:1em;} .contentBox1 p.intro {color:#000000;font-size:30px;line-height:1.25em;font-style:italic;letter-spacing:-0.025em;margin-bottom:30px;} .contentBox1 .col1 {padding-right:60px;} .contentBox1 .col2 {padding-left:60px;} .contentBox1 ol {margin:0px;padding-left:20px;color:#28384f;} .contentBox1.linkbox h3 {margin-bottom:10px;} img.principal-pic {border:8px solid #fff;} span.no-wrap {white-space:nowrap;} .linkBox {} .linkHolder {background:#1e324b;padding:40px 0px;text-align:center;height:400px;background-image:url(/wp-content/themes/st-cyprians/images/linkbox-admissions-high-school.jpg);background-repeat:none;background-position:center center;background-size:cover;} .linkHolder h3 {font-size:30px;margin-bottom:10px;color:#ffffff;} .linkHolder h4 {font-size:14px;margin-bottom:40px;color:#ffffff;} .linkHolderLeft {background:#1e324b;padding:40px 0px;text-align:center;height:350px;background-image:url(/wp-content/themes/st-cyprians/images/linkbox-admissions-high-school.jpg);background-repeat:none;background-position:center center;background-size:cover;} .linkHolderLeft .center-holder {text-align:left;padding:0px 40px;} .linkHolderLeft h3 {font-size:30px;margin-bottom:10px;color:#ffffff;} .linkHolderLeft h4 {font-size:12px;margin-bottom:40px;color:#ffffff;text-transform:uppercase;letter-spacing:0.05em;} .linkHolder.linkHolder-small {height:auto;border:5px solid #7397c5;display:block;cursor:pointer;padding:60px 30px;text-align:left;} .linkHolder.linkHolder-small:hover {border:5px solid #1e324b;text-decoration: none;} .contentBox1 .linkHolder-small h3 {font-size:24px;} .contentBox1 .linkHolder-small h4 {margin-bottom:0px;} .linkHolder-small.button-fees {background-image:url(/wp-content/themes/st-cyprians/images/button-fees.jpg);background-repeat:none;background-position:center center;background-size:cover;} .linkHolder-small.button-bursaries {background-image:url(/wp-content/themes/st-cyprians/images/button-busaries.jpg);background-repeat:none;background-position:center center;background-size:cover;} .newsArticle.contentBox1 p.intro {line-height:1.3em;margin-bottom:70px;} .newsArticle.contentBox1 p {margin-bottom:35px;} .newsArticle.contentBox1 img {display:block;margin:20px auto;max-width:100%;height:auto;} .newsArticle.contentBox1 iframe {display:block;margin:20px auto;max-width:100%;height:auto;} .calendarBox h2 {font-size:45px;margin-bottom:50px;line-height:1em;} .calendarBox h3 {font-size:35px;margin-bottom:25px;line-height:1em;border-bottom:1px solid #bab9bb;padding-bottom:38px;} .calendarBox .col1 {padding-right:60px;} .calendarBox .col2 {padding-left:60px;} .calendarBox .monthRepeater {margin-top:40px;} .calendarBox .monthRepeater ul li {border-bottom:1px solid #d7d4da;padding:5px 0px;} .calendarBox .monthRepeater ul li:last-of-type {border:none;} .calendarBox .monthRepeater.complete {opacity:0.3;} .calendarBox a {text-decoration:underline;} .calendarBox a:hover {color:#1e324b;} .calendarBox.termDates h2 {font-size:45px;margin-bottom:10px;line-height:1em;} .calendarBox.termDates .monthRepeater {margin-top:20px;} .calendarBox.termDates h3 {font-size:35px;margin-bottom:25px;line-height:1em;border-bottom:1px solid #bab9bb;padding-bottom:15px;} .academicBox {} .academicBox h3 {font-size:35px;margin-bottom:20px;} .academicBox h4 {font-size:14px;padding-bottom:25px;text-transform:uppercase;border-bottom:1px solid #bab9bb;margin-bottom:40px;} .academicBox h5 {font-size:14px;margin-bottom:20px;color:#7499c7;text-transform:uppercase;line-height:1.5em;} .academicBox li {padding-bottom: 5px;} .academicBox .col1 {padding-right:60px;} .academicBox .col2 {padding-left:60px;} .academicBox ul {margin-bottom:40px;} .academicBox hr {border-top:1px solid #bab9bb;margin-bottom:40px;height:0px;} .galleryBox .gallerySlider {height:480px;} .galleryBox .gallerySlider a {display:block;height:480px;margin:1px;} .galleryBox.smallBox .gallerySlider {height:auto;} /*.galleryBox.smallBox .gallerySlider a {display:block;height:290px;margin:1px;}*/ .galleryBox.smallBox .gallerySlider a:after {position:absolute;left:0px;top:0px;height:100%;width:100%;content:"";background:url(/wp-content/themes/st-cyprians/images/gradien-cover.png) center center no-repeat;background-size:cover;} .galleryBox.smallBox .gallerySlider a { display: block; height: 390px; margin: 0px; width: 33.333333%; float: left; position:relative; border-left: 1px solid #ccc; border-top: 1px solid #ccc; outline:none; } .galleryBox .gallerySlider .slick-dots {position: absolute;bottom: -40px;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;z-index: 97;left: 0;} .social a {margin:2%;} .segments {display:none;} .segment1 {display:block;} .subNav .col {background-color:#1e324b;height:215px;border-right:1px solid #4b5b6f;color:#ffffff;padding:0px 65px 0px 40px;position:relative;cursor:pointer;} .subNav.stewardshipcol .col {height:300px;} .subNav.stewardshipcol .col p {font-size:16px;line-height:1.2em;} .subNav.stewardshipcol .col h3 {padding-top:30px;margin-bottom:10px;} .subNav.stewardshipcol .col:after {right:25px;} .subNav .col:after {position:absolute;top:calc(50% - 11px);right:30px;background:url(/wp-content/themes/st-cyprians/images/subnav-arrow-down.png) left top no-repeat;content:"";width:31px;height:22px;} .subNav .col h3 {color:#ffffff;font-size:25px;letter-spacing:0em;line-height:1em;margin-bottom:20px;} .subNav .col.highlight {background-color:#d1d5da;color:#1e324b;border-right:1px solid #e5e7eb;} .subNav .col.highlight:after {background:url(/wp-content/themes/st-cyprians/images/subnav-arrow-up.png) left top no-repeat;} .subNav .col.highlight h3 {color:#1e324b;} .subNav .col:hover {background:#182a3f;} .subNav .col:hover:after {top:calc(50% - 6px);} .subNav .col.highlight:hover {background:#d0d4d9;border-right:1px solid #d0d4d9;} .subNav .col.highlight:hover:after {top:calc(50% - 16px);} .subNav.contactPage .col {height:160px;} .subNav.contactPage .col h3 {margin-bottom:0px;} .termDates.subNav .col {height:100px;padding:0px 60px 0px 30px;} .termDates.subNav .col h3 {font-size:20px;margin:0px;} .termDates.subNav .col:after {top:calc(50% - 8px);right:20px;width:25px;height:17px;background-size:25px 17px;} .termDates.subNav .col:hover:after {top:calc(50% - 3px);} .termDates.subNav .col.highlight:hover:after {top:calc(50% - 12px);} .peopleBox .peopleRepeater h3 {font-size:20px;margin-top:20px;margin-bottom:5px;text-transform:uppercase;} .peopleBox .peopleRepeater h4 {font-size:12px;margin-bottom:10px;color:#7499c7;text-transform:uppercase;} .peopleBox .peopleRepeater.col {margin-bottom:60px;} .newsArticle .articleTestimonialBox {text-align:center;} .newsArticle .articleTestimonialBox p {color:#565556;font-size:42px;line-height:1.2em;font-style:italic;margin-top:30px;} .newsArticle .articleTestimonialBox h4 {font-size:14px;color:#000000;text-transform:uppercase;margin-top:30px;} .newsArticle .articleTestimonialBox h5 {font-size:12px;color:#7397c5;text-transform:uppercase;margin-top:5px;} .shareBox {margin:80px 0px;text-align:center;} .shareBox h4 {color:#7499c7;margin:20px 0px;line-height:1em;font-size:12px;} .shareBox a.shareLink {width:40px;height:40px;border-radius:50%;background-color:#ffffff;display:inline-block;margin:0px 5px;background-size:30px;background-position:center center;background-repeat:no-repeat;} .shareBox a.shareLink:hover {background-color:#f1f1f1; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);} .shareBox a.shareFacebook {background-image:url(images/icon-share-facebook.png);} .shareBox a.shareTwitter {background-image:url(images/icon-share-twitter.png);} .shareBox a.shareShare {background-image:url(images/icon-share.png);} .shareBox a.shareTags {padding:12px 20px;border-radius:50px;background-color:#ffffff;display:inline-block;margin:0px 5px 10px 5px;color:#1e324b;text-decoration:none;line-height:1em;} .shareBox a.shareTags:hover {background-color:#f1f1f1; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);} .contentBox1.contactBox h3 {font-size:35px;} .contentBox1.contactBox h4 {font-size:12px;margin-bottom:45px;color:#7499c7;text-transform:uppercase;} .contentBox1.contactBox .linklist {border-top:1px solid #d2d6db;margin-top:30px;padding-top:30px;} .contentBox1.contactBox label {font-weight:400;margin-bottom:10px;} .contentBox1.contactBox .form-group {padding-bottom:10px;} .contentBox1.contactBox .form-control { font-size: 18px; line-height: 1.42857143; display: block; width: 100%; height: auto; padding: 13px 20px; -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; color: #555; border: 1px solid #d8dbdf; border-radius: 3px; background-color: #f3f3f5; background-image: none; -webkit-box-shadow:none; box-shadow:none; } .contentBox1.contactBox .iconphone {padding-left:35px;padding-bottom:10px;background:url(/wp-content/themes/st-cyprians/images/icon-phone.png) left 3px no-repeat;} .contentBox1.contactBox .iconemail {padding-left:35px;padding-bottom:10px;background:url(/wp-content/themes/st-cyprians/images/icon-mail.png) left 3px no-repeat;} .contentBox1.contactBox .iconemail a {text-decoration:underline;} .contentBox1.contactBox .iconplace {padding-left:35px;background:url(/wp-content/themes/st-cyprians/images/icon-placemarker.png) left 3px no-repeat;} .contentBox1.contactBox.mapBox .form-control { font-size: 18px; line-height: 1.42857143; display: block; width: 100%; height: auto; padding: 13px 20px; -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; color: #555; border: 1px solid #d8dbdf; border-radius: 3px; background-color: #ffffff; background-image: none; -webkit-box-shadow:none; box-shadow:none; } .contentBox1.contactBox.mapBox .instruction {padding-top:8px;} .contentBox1.contactBox.mapBox .gobut {position:absolute;right:2px;top:2px;width:48px;height:48px;background:url(/wp-content/themes/st-cyprians/images/icon-contact.gif) center center no-repeat;margin:0px;padding:0px;border:none;outline:none;} /* google map holder*/ .contentBox.mapHolder #map {min-height:600px;background:#cccccc; -moz-box-shadow: inset 0 8px 8px -8px #696868, inset 0 -8px 8px -8px #696868; -webkit-box-shadow: inset 0 8px 8px -8px #696868, inset 0 -8px 8px -8px #696868; box-shadow: inset 0 8px 8px -8px #696868, inset 0 -8px 8px -8px #696868; display:none; } .contentBox.mapHolder { background:#cccccc; -moz-box-shadow: inset 0 8px 8px -8px #696868, inset 0 -8px 8px -8px #696868; -webkit-box-shadow: inset 0 8px 8px -8px #696868, inset 0 -8px 8px -8px #696868; box-shadow: inset 0 8px 8px -8px #696868, inset 0 -8px 8px -8px #696868; } .contentBox.mapHolder #map-canvas {min-height:600px;position:relative;} .contentBox.mapHolder #map-canvas:before {height:10px;width:100%;top:0;left:0px;position:absolute;content:'';z-index:1000;-moz-box-shadow: inset 0 8px 8px -8px #696868;-webkit-box-shadow: inset 0 8px 8px -8px #696868;box-shadow: inset 0 8px 8px -8px #696868;} .contentBox.mapHolder #map-canvas:after {height:5px;width:100%;bottom:0;left:0px;position:absolute;content:'';z-index:1000;-moz-box-shadow:inset 0 -8px 8px -8px #696868;-webkit-box-shadow:inset 0 -8px 8px -8px #696868;box-shadow:inset 0 -8px 8px -8px #696868;} .admissionOnline {background:#f1f1f1;padding:0px 20px;} .admissionForm {background:#fff;width:100%;min-height:2000px;margin-bottom:100px;border:none;padding-bottom:30px;position:relative;z-index:2002; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.8); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.8); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.8);border-radius:5px;margin-top:20px;} .admissionOnline h1 {font-size:40px;margin-bottom:50px;line-height:1em;letter-spacing:-0.02em;} /*.page-template-template-admission-online .breadCrumbHolder, .page-template-template-admission-online .breadCrumbHolder a {color:#333334;}*/ .mobile-nav-button {display:none;} .mapdirections {padding:40px 0px;} .sharelike {position:fixed;right:0px;top:150px;z-index:3000;} .sharelike .icon-sidebar {background-color:rgba(28,50,74,0.5);width:50px;height:50px;} .sharelike .icon-sidebar:hover {background-color:rgba(28,50,74,1);} .sharelike .icon-sidebar.share {background-image:url(/wp-content/themes/st-cyprians/images/icon-sidebar-share.png);background-position:center;background-repeat:no-repeat;} .sharelike .icon-sidebar.like {background-image:url(/wp-content/themes/st-cyprians/images/icon-sidebar-like.png);background-position:center;background-repeat:no-repeat;} .searchResultsRow {margin-bottom:30px;} .SearchResults.contentBox1 h2 {margin-bottom:10px;font-size:20px;color:#333334;} .SearchResults.contentBox1 h2 a {color:#333334;} .searchResultsTop {height:90px;background:#1e324b;} #myShare .modal-body h5 {font-size: 14px; margin-bottom: 20px; color: #7499c7; text-transform: uppercase; line-height: 1.5em;} .modal-content { border: none; border-radius: 5px; background-color: #fff; } a.sharebox {display:block;position:relative;padding:20px 20px 20px 80px;font-size:14px;border-radius:5px;border:1px solid #ccc;color:#333334;line-height:1.2em;text-decoration:none;margin-top:20px;} a.sharebox:hover { -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.4); box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.4);} a.sharebox:after {content:"";border-right:1px solid #ccc;position:absolute;left:0px;top:0px;width:60px;height:100%;background:url(/wp-content/themes/st-cyprians/images/icon-facebook-media.png) center center no-repeat;background-size:40px 40px;} .videoclick {position:relative;cursor:pointer;display:block;} .videoclick:after {-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75); content:"";width:140px;height:140px;position:absolute;left:calc(50% - 70px);top:calc(50% - 70px);border:4px solid #FFFFFF;border-radius:50%;background:url(/wp-content/themes/st-cyprians/images/video-play.png) center center no-repeat ;background-size:40px 40px;background-color:rgba(28,50,74,0.75);} .videoclick:hover:after {background-color:rgba(28,50,74,1); } #myVideo .modal {padding-left:15px;} #myVideo .modal-dialog {width:90% !important;margin:30px auto;} #myVideo .modal-content { background:none; -webkit-box-shadow: none; box-shadow:none; } #myVideo .modal-content {padding-bottom: 45%;height: 0;} #myVideo .modal-content iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .modal-backdrop.in { opacity: .8; filter: alpha(opacity=80);} .modal-open .modal {padding-left:15px;} a.video-box {border-radius:2px;display:block;position:relative;line-height:95px;padding:0px 10px 0px 140px;overflow:hidden;background:url(/wp-content/themes/st-cyprians/images/front-video.jpg) left top no-repeat;background-color:#fff;height:95px;margin:0px 0px 80px;} a.video-box:hover {text-decoration:none; -webkit-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.4); box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.4);} .home .welcomeHolder a.video-box h4, a.video-box h4 {text-transform:uppercase;font-size: 12px;font-style:normal;line-height:95px; color: #7397c5; text-decoration: none; display: inline-block;} .newsnav {background:#e0e2e5;position:relative;text-align:center;margin:100px 0px;} .newsnav ul.newsmain {margin:0px auto;padding:0px;list-style:none;display:inline-block;} .newsnav ul.newsmain>li {margin:0px;padding:0px;display:inline-block;} .newsnav ul.newsmain>li>a {height:50px;line-height:50px;padding:0px 10px;text-transform:uppercase;display:block;font-size:14px;} .newsnav ul.newsmain>li>a:hover {color:#333334;text-decoration:none;} .newsnav ul.newsmain>li.highlight {background:#FFF;} .newsnav ul.newsmain>li>ul.newssub {position:absolute;top:100%;left:0px;width:100%;background:#fff;display:inline-block;margin:0px auto;padding:0px;list-style:none;display:none} .newsnav ul.newsmain>li>ul.newssub>li {margin:0px;padding:0px;display:inline-block;} .newsnav ul.newsmain>li>ul.newssub>li>a {height:auto;line-height:1.2em;padding:0px 10px;text-transform:uppercase;display:block;font-size:14px;color:#e0e2e5;} .newsnav ul.newsmain>li>ul.newssub>li.highlight>a {color:#7697c0;} .newsnav ul.newsmain>li.highlight>ul.newssub {display:block;} .connect-box .posts .postie p img { max-width: 100% !important; height: auto; } .process-faqs h5 {text-transform:uppercase;padding:20px 0px 10px 0px;color:#1e324b;} .admissions-process {background:#fff;border-radius:5px;padding:50px 30px; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); margin-top: 85px; } ul.process {padding-left:0px;list-style:none;} ul.process li {padding:0px 0px 10px 30px;position:relative;} ul.process li:before {content:"";position:absolute;left:5px;top:9px;width:8px;height:8px;border-radius:50%;background:#1e324b;} ul.process li ul li:before {content:"";position:absolute;left:5px;top:12px;width:8px;height:2px;border-radius:0px;background:#1e324b;} ul.process li ul {list-style:none;} .admissions-process .btn-default {width:100%;} /* ==================== responsives ===================== */ @media only screen and (max-width: 1680px) { .headerHolder .main-width, .main-width {width:100%;} } @media only screen and (max-width: 1580px) { .footerHolder .main-width {width:100%;} .home .main-sliders h2 {font-size:50px;} .home .main-sliders p {font-size:20px;} .home .main-sliders h3 {font-size:30px;} .home .main-sliders h5 {font-size:25px;} } @media only screen and (max-width: 1440px) { .headerHolder .top-row ul li a {font-size:10px;} .headerHolder .top-row ul li.nopad {margin-left:5px;} .headerHolder .top-row ul li {margin-left:20px;} .headerHolder .bottom-row ul li a {font-size:10px;} .newsBox .newsBoxItem h4 {font-size: 16px;} .newsBox .newsBoxItem .newsBoxItemContent a {padding:20px;} .contentBox1.contactBox.mapBox {font-size:14px;line-height:1.2em;} } @media only screen and (max-width: 1200px) { .home .highlightHolder .col a p br {display:none;} .home .welcomeHolder h3 {font-size:40px;} .headerHolder .logo {background-size:240px 72px;} .home .main-sliders h2 {font-size:40px;} .home .main-sliders p {font-size:18px;} .footerNavHolder a.navRight, .footerNavHolder a.navLeft {padding:0px 80px;height:250px;font-size:20px;} .footerNavHolder a.navRight:after {right:30px;} .footerNavHolder a.navLeft:after {left:30px;} .newsBox.newsPage .newsBoxItem h4 {font-size:15px;} .testimonialBox .testimonialRepeater {padding: 0px 200px;} .contentBox1 h2 {font-size:35px;} .contentBox1 h3 {font-size:32px;} .home .main-sliders p br {display:none;} } @media only screen and (max-width: 1000px) { .headerHolder .logo {background-size:230px auto;} } @media only screen and (max-width: 990px) { .newsBox.newsPage .newsBoxItem.highlight .newsBoxItemContent {position:relative;bottom:auto;left:auto;width:100%;background:#ffffff;} .newsBox.newsPage .newsBoxItem.highlight .imgBox {height:240px;} .newsBox.newsPage .newsBoxRepeater {height:auto;} .galleryBox.smallBox .gallerySlider a { width: 50%; height:320px; } .subNav.stewardshipcol .col {height:auto;padding-bottom:30px;} .contentBox1 .col2 { padding-left: 20px; } .subNav.contactPage .col h3 {font-size:20px;} } @media only screen and (max-width: 880px) { .mobile-nav-button {position:absolute;right:0px;top:0px;background:url(/wp-content/themes/st-cyprians/images/mobile-nav.png) left top no-repeat;background-size:60px;width:60px;height:60px;display:block;} .mobile-nav {display:none;position:fixed;left:0px;top:0px;width:100%;height:100%;background:#ffffff;z-index:100000;text-align:center;} .mobile-nav-close {position:absolute;right:0px;top:0px;background:url(/wp-content/themes/st-cyprians/images/mobile-nav-close.gif) left top no-repeat;background-size:60px;width:60px;height:60px;z-index:100001;} .mobile-nav ul li a {text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:0.06em;display:inline-block;color:#000000;padding:10px 0px;} .mobile-nav ul li {} .mobile-nav ul ul.sub-menu {display:none;list-style:none;margin:0px;padding:0px;} .mobile-nav ul ul.sub-menu a {color:#7697c0;} .headerHolder .top-row, .headerHolder .bottom-row {display:none;} .headerHolder {height:61px;background:#ffffff;position: fixed;top: 0px;width: 100%;left: 0px;z-index: 10000;border-bottom: 1px solid #eee;} .headerHolder .logo {width:250px !important;height:60px; background:#ffffff;background-image:url(/wp-content/themes/st-cyprians/images/logo-stcyprians-mobile.gif);background-size:250px 60px;background-position:center center;background-repeat:no-repeat;} .logo-second, .logo-second.showit {display:none;} .headerHolder .breadCrumbHolder {bottom:-95px;} .sharelike {top:100px;} .introHolder {margin-top:60px;} } @media only screen and (min-width: 800px) { .main-sliders .slider-content {height:530px;background-position:center;} } .bread-holder {padding-bottom:0px;} @media only screen and (max-width: 770px) { .home .welcomeHolder .col3 {padding: 0px;} .testimonialBox {padding:30px 0px 40px 0px;margin-top: 20px;} .testimonialBox .testimonialRepeater p {font-size:18px;} .admissionOnline {background:#f1f1f1;padding:0px 10px;} .sharelike .icon-sidebar {width:60px;height:60px;} } @media only screen and (max-width: 765px) { body {font-size:16px;} .footerHolder .col1 .row {padding-left:0px;text-align:center;} .footerHolder .col2 .row {text-align:center;} body.admin-bar {margin-top:50px;} .clearScroll {overflow:scroll;height:100%;} .clearScroll::-webkit-scrollbar { width: 0 !important } .clearScroll { -ms-overflow-style: none; } .clearScroll { overflow: -moz-scrollbars-none; } .home .main-sliders h2 {font-size:35px;margin-bottom:10px;} .home .main-sliders h2 span, .home .main-sliders h2 span { white-space:normal; } .home .main-sliders {font-size:16px;} .home .main-sliders .btn {margin-top: 20px;} .home .main-sliders .slick-dots { left: 45px !important; bottom: 20px; } .home .main-sliders .center-holder { padding: 0px 30px; position: absolute; bottom: 90px; } .home .highlightHolder .col h3 a {font-size: 12px;padding:25px 30px;height:65px;} .home .highlightHolder .col a p {font-size:22px;padding:30px;} .home .highlightHolder .col {height:320px;} .home .highlightHolder .col a {height:255px;} .home .highlightHolder {margin-bottom:0px;} .home .welcomeHolder {margin-top:60px;} .home .welcomeHolder h3 {font-size: 30px;margin-bottom: 35px;} .home .welcomeHolder h4 {font-size: 20px;margin-bottom: 35px;line-height:1.3em;} .home .welcomeHolder .col {padding:0px 30px;} .home .welcomeHolder .col2 {padding:0px;} .home .welcomeHolder .col3 {padding:0px;} .home .welcomeHolder .linklist {display:none;} .profileBlock {font-size:18px;} .widen10 {margin:0px -10px;} .home .newsBox h4 {font-size:12px;margin-bottom:10px;} .home .newsBox h3 {font-size:30px;margin-bottom:30px;} .home .newsBox {margin:50px 0px 60px 0px;padding-left:0px;padding-right:0px;} .home .newsBox .slick-dots {bottom: -55px !important;left:0px !important;width:100% !important;} .newsBox .newsBoxItem .newsBoxItemContent {padding:20px;} .newsBox .newsBoxItem .newsBoxItemContent a {padding:20px;} .newsBox .newsBoxItem .newsBoxItemContent h4 {font-size:18px;} .testimonialBox .testimonialRepeater {padding:0px 30px;padding-bottom:40px;} .testimonialBox .testimonialRepeater p {font-size:16px;} .testimonialBox .testimonialRepeater:before, .testimonialBox .testimonialRepeater:after {display:none;} .testimonialBox .testimonialRepeater img.imgprofile {width:80px;height:80px;} .footerHolder .col1 p {display:block;} .footer-pad {border-top:1px solid #efefef;border-bottom:1px solid #efefef;padding:20px;} .footer-pad div:last-of-type {border-left:1px solid #efefef;} .footerHolder .col1 .row {padding-bottom:30px;} .footer-standard {padding:20px;} .footer-standard img {height:40px;width:auto;} .linkBox {padding:0px;} .linkBox .linkHolder {margin-top:40px;} .footerNavHolder a.navRight, .footerNavHolder a.navLeft {padding:0px 40px;height:180px;font-size:20px;} .footerNavHolder a.navLeft:hover {background:#c3cfe3;} .footerNavHolder a.navRight:hover {background:#97b1d2;} .footerNavHolder a.navLeft:hover:after {opacity:0.3;left:35px;} .footerNavHolder a.navRight:hover:after {opacity:0.3;right:35px;} .headerHolder .breadCrumbHolder {bottom:auto;top:60px;position: absolute;left: 0px;padding-left: 20px;color: #ffffff;text-transform: uppercase;z-index: 2000;font-size: 12px;background: rgba(0,0,0,0.75);width: 100%;display:none;} .academicBox .col1 {padding-right:20px;} .academicBox .col2 {padding-left:20px;padding-top:40px;} .contentBox1 .col1 {padding-right:20px;} .contentBox1 .col2 {padding-left:20px;} .calendarBox .col1 {padding-right:20px;} .calendarBox .col2 {padding-left:20px;} .pad-top-140 {padding-top:70px;} .pad-top-80 {padding-top:40px;} .pad-bot-140 {padding-bottom:70px;} .pad-bot-80 {padding-bottom:80px;} .subNav .col {border-bottom:1px solid #4b5b6f;} .subNav .col.highlight {border-bottom:1px solid #e5e7eb;} .subNav .col.highlight:hover {border-bottom:1px solid #d0d4d9;} .contentBox1.contactBox .col2 {padding-top:30px;} .contentBox1.contactBox h4 {margin-bottom: 30px;} .contentBox1.contactBox.mapBox {font-size:14px;} .home .main-sliders h3 {font-size:20px;margin-bottom:15px;} .home .highlightHolder.highlightAdmissions .col a p {} .home .highlightHolder.highlightAdmissions h3 {margin-bottom:15px;} .galleryBox.smallBox .gallerySlider a {height:390px;} .galleryBox.smallBox .gallerySlider {height:390px;} .home .highlightHolder {margin-top: 0px;margin-bottom: 0px;} .contentBox1 h1 {font-size: 35px;} .contentBox1 h2, .calendarBox h2, .calendarBox.termDates h2 {font-size: 30px;} .contentBox1 h3, .calendarBox h3, .calendarBox.termDates h3 {font-size: 27px;line-height:1.2em;} .contentBox1 p.intro {font-size: 25px;} .admissionOnline h1 {font-size:30px;} .galleryBox .gallerySlider .slick-dots {z-index: 9;} .table-responsive { border:0;} .linkHolderLeft {margin-top:20px;} .home .welcomeHolder .signBox {padding: 20px 0px 0px 0px;} .btn-default, a.btn-default, a.btn-default:visited {display:block;} .linkBox.pad-top-80 {padding-bottom:0px;} .socialcons img {width: 50px;height: auto;} .home .main-sliders h5 {font-size:18px;} .main-sliders .slider-content {background-position:center;} /* media sub nav */ .newsnav ul.newsmain {display:block;} .newsnav ul.newsmain>li {margin:0px;padding:0px;display:block;} .newsnav ul.newsmain>li>a {height:50px;line-height:50px;padding:0px 10px;text-transform:uppercase;display:block;font-size:14px;} .newsnav ul.newsmain>li>ul.newssub {position:relative;top:0;left:0px;width:100%;background:#fff;display:inline-block;margin:0px auto;padding:0px;list-style:none;display:none} .newsnav ul.newsmain>li>ul.newssub>li {margin:0px;padding:0px;display:inline-block;border-top:#efefef;} .newsnav ul.newsmain>li>ul.newssub>li>a {height:30px;line-height:30px;padding:0px 10px;text-transform:uppercase;display:block;font-size:14px;color:#e0e2e5;} .newsnav ul.newsmain>li>ul.newssub>li.highlight>a {color:#7697c0;} .newsnav ul.newsmain>li.highlight>ul.newssub {display:block;} } #imagelightbox{position:fixed;z-index:9999;-ms-touch-action:none;touch-action:none} #imagelightbox-caption{position:fixed;background:#222;color:#FFF;bottom:0;width:100%;padding:10px;z-index:10000;text-align:center} #imagelightbox-overlay{background-color:#000;background-color:rgba(0,0,0,.9);position:fixed;z-index:9998;top:0;right:0;bottom:0;left:0} #imagelightbox-loading{width:200px;height:200px;border:5px solid #f60} .main-sliders {background-color:#1d324c;} /* search box */ .modal {z-index:10003;} #mySearch .modal-dialog {margin:0px;padding:10px 0px 10px 10px;width:100%;height:100%;} #mySearch .modal-dialog .search-Holder {position:absolute;top:30%;} #mySearch .modal-dialog .search-field {background:none;border:none;width:100%;padding:10px 10px 10px 0px;border-bottom:1px solid #ccc;outline:none;} #mySearch .modal-dialog .search-submit {position:absolute;right:0px;top:0px;} .modal-dialog .shareBox a.shareTags {background:#f6f6f6;font-size:15px;margin:0px 10px 10px 0px;} .modal-dialog .shareBox a.shareTags:hover {background:#fff;} .modal-dialog .shareBox {text-align:left;} .modal-dialog .search-submit {background:url(/wp-content/themes/st-cyprians/images/icon-search-search.png) left top no-repeat;width:36px;height:36px;padding:0px;margin:0px;border:none;outline:none;} .modal-dialog .close { font-size: 37px; font-weight: 300; line-height: 1; float: right; opacity: .5; color: #444444; text-shadow: none; filter: alpha(opacity=80); position: absolute; right: 10px; top: 0px; } .SearchResults.contentBox1 h2 {font-size:25px;} .modal-backdrop.in { z-index: 10002; } .fee_edit:hover {background:rgba(0,0,0,0.1);border-radius:3px;position:relative;} .fee_edit:hover:after {display:block;width:25px;height:25px;background:#67E1AA;position:absolute;right:-10px;top:-10px;border-radius:50%;content:"";} .popedit-back {position:fixed;background:rgba(0,0,0,0.7);width:100%;height:100%;content:"";z-index:1000;top:0px;left:0px;display:none;} .popedit-content {position:fixed;background:#fff;width:80%;height:80%;content:"";z-index:1001;top:10%;left:10%;padding:10px;display:none;} @media only screen and (max-width: 765px) { .modal-dialog .search-Holder {position:relative;margin:0px;width:100%;} } /* ============ red square conference =============*/ .redsquare-banner {background:#efefef url("/wp-content/themes/st-cyprians/images/roundsquare/background-redsquare.jpg") center center no-repeat;background-size:cover;} .rs-logo-banner {min-height:100px;background:rgba(255,255,255,0.8);margin:200px 20px 100px 20px;display:flex;} .rs-logo-banner .column {} .rs-logo-banner .column-2{flex: 1 1 auto;padding:30px 60px 0px 60px;} .rs-logo-banner .column-2 h1 span {white-space:nowrap;} .rs-logo-banner .column-2 h1 {font-size:80px;letter-spacing:-0.04em;} .rs-logo-banner .column-2 h2 {font-size:60px;letter-spacing:-0.04em;} .amaticSCBold, .rs-logo-banner .column-2 h1, .rs-logo-banner .column-2 h2, .rs-nav ul li a, .rs-content h3, .btn-rs, .rs-content h4, .rs-content h5, .rs-documents ul li {font-family: amatic-sc, sans-serif;font-weight: 700;font-style: normal;} .rs-nav {background:#d20049;margin-bottom:80px;} .rs-nav ul {display:flex;padding:0px 20px;} .rs-nav ul li {padding:20px;position:relative;} .rs-nav ul li.current-menu-item:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-top-color: #d20049; border-width: 10px; border-left-width: 20px; border-right-width: 20px; margin-left: -20px; } .rs-nav ul li a {color:#FFF;font-size:48px;line-height:1em;} .rs-nav ul li a:hover {color:#ff8080;text-decoration:none;} .rs-content {margin-bottom:80px;} .rs-content .main-width {padding:0px 20px;} .rs-content h3 {font-size:50px;color:#d20049;line-height:1em;letter-spacing:-0.04em;margin-bottom:20px;} .rs-content h4 {font-size:30px;color:#d20049;line-height:1em;letter-spacing:-0.04em;margin-bottom:20px;} .rs-content h5 {font-size:25px;color:#d20049;line-height:1em;letter-spacing:-0.04em;margin-bottom:0px;} .rs-content .right-bar {border-left:1px solid #ccc;} .btn-rs, .btn-rs:focus, .btn-rs:visited {color:#fff;background:#d20049;font-size:40px;line-height:1em;border-radius:3px;} .btn-rs:hover {color:#ff8080;} .rs-team .rs-team-single {position:relative;margin-bottom:40px;} .rs-team .rs-team-single .rs-nametag {background:#fff;position:absolute;left:20px;bottom:0px;padding: 5px 15px 0px 0px;} .rs-team .rs-team-single .rs-nametag h3 {margin-bottom:0px;} .rs-team .rs-team-single .rs-nametag h4 {margin-bottom:0px;} .rs-programme h3 {margin-top:40px;} .rs-documents {} .rs-documents ul {margin:0px;padding:0px;list-style:none;} .rs-documents ul li {margin:0px 0px 30px 0px;padding:20px 200px 20px 20px;border:1px solid #ccc;border-radius: 10px;position:relative;font-size:40px;line-height:1em;} .rs-documents ul li a {position:absolute;right:15px;top:15px;} @media only screen and (max-width: 1530px) { .rs-logo-banner .column-2 h1 {font-size:60px;} .rs-logo-banner .column-2 h2 {font-size:40px;} } @media only screen and (max-width: 1200px) { .rs-nav ul li a {font-size:28px;} } @media only screen and (max-width: 992px) { .rs-content .right-bar {border-left:none;} } @media only screen and (max-width: 768px) { .rs-documents ul li {margin:0px 0px 30px 0px;padding:20px 20px 100px 20px;border:1px solid #ccc;border-radius: 10px;position:relative;font-size:40px;line-height:1em;} .rs-documents ul li a {position:absolute;right:auto;left:15px;bottom:15px;top:auto;} .rs-team .rs-team-single {position:relative;margin-bottom:100px;} .rs-team .rs-team-single .rs-nametag {background:#fff;position:absolute;left:20px;bottom:-50px;padding: 5px 15px 0px 0px;} } @media screen and (max-width:1000px){ .rs-logo-banner {display:block;position:relative;margin-bottom:300px;width:auto;} .rs-logo-banner .column-2 {padding:20px;} .rs-logo-banner .column-1 {position:absolute;left:0px;top:100%;max-width:50%;} .rs-logo-banner .column-3 {position:absolute;right:0px;top:100%;max-width:50%;} .rs-logo-banner .column-1 img, .rs-logo-banner .column-3 img {max-width:100%;} } @media screen and (max-width:768px){ .rs-nav ul li a {padding:10px 20px;display:block;} .rs-nav ul li {padding:0px;display:inline-block;} .rs-nav ul {padding:10px 0px;display:block;text-align:center;} } /* ============ / red square conference =============*/ /* ============ jobs =============*/ .jobRepeater {border-top:1px solid #ccc;padding-top:50px;margin-bottom:60px;} .jobRepeater .extraDetail {display:none;} .jobRepeater.over .extraDetail {display:block;} .jobRepeater ul.extras {font-size:14px;text-transform: uppercase;color:#7697c0;font-weight:600;} .jobRepeater ul.extras li:before {content:"•";margin-right:10px;} .jobRepeater ul.extras li:first-of-type:before {display:none;} .jobRepeater.over .extraDetail .btn-primary {margin-top:20px;} .home .welcomeHolder .jobRepeater h4 {margin-bottom:10px;padding-right:60px;position:relative;cursor:pointer;} .home .welcomeHolder .jobRepeater h4:after {display:none;content:"";position:absolute;right:10px;top:10px;width:26px;height:18px;background:url(/wp-content/themes/st-cyprians/images/arrow-black-down.png) center center no-repeat;background-size:cover;} .home .welcomeHolder .jobRepeater.over h4:after {transform:rotate(180deg);} .welcomeHolder.jobs {padding-bottom:200px;} /* ============ / jobs =============*/ @keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } } /* Firefox */ @-moz-keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } } /* Safari and Chrome */ @-webkit-keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } } /* Internet Explorer */ @-ms-keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } } /* Opera */ @-o-keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } } /* =========== Alumni page ============ */ .quote {font-family: 'Playfair Display', serif;font-weight: 400; color: #33383c; font-size: 25px; line-height: 1.7em; letter-spacing: 0.02em;} .quote em {font-size:30px;display:inline-block;margin-bottom:5px;} .alumni {overflow-x:hidden;} .alumni .introHolder img {width:440px;max-width:100%;position: relative;} .alumniHolder {} .alumniHolder .btn-white {font-size: 20px;font-weight: 600;color: #fff;border: 2px solid white;height: 80px;padding: 0px 80px;display: inline-flex;align-items: center;background: rgba(255,255,255,0.13);margin-top: 60px;justify-content: center;} @media screen and (max-width:768px){ .alumniHolder .btn-white {padding:0px;width:100%;} } .bluebox {background:#1d324b;padding:100px 0px;margin:100px 0px 0px 0px;color:#fff;} .bluebox h2 {color:#fff;} .bluebox.deposits p:nth-of-type(2) {font-weight:600;font-size:18px;} .mb-60 {margin-bottom:60px;} .mb-100 {margin-bottom:100px;} .mb-140 {margin-bottom:140px;} .mt-30 {margin-top:30px;} .mt-60 {margin-top:60px;} .mt-100 {margin-top:100px;} .mt-140 {margin-top:140px;} .section-donations h3 {margin:0px;} .section-donations .donation {border-bottom:1px solid #bbc1c9;padding:70px 30px;} .section-donations .donation>div:nth-of-type(1) {display:flex;align-items: center;} .section-donations .donation>div:nth-of-type(1) img {max-width:95px;margin-right:40px;} .section-donations .donation .expander {margin-bottom:50px;} .section-donations .donation .expander .expand {opacity:0;height:0px;overflow: hidden;transition:all .7s linear;} .section-donations .donation .expander a {color:#1d324b;font-size:18px;padding-left:25px;display:inline-block;position:relative;font-weight:500;} .section-donations .donation .expander a:after {content:"Read More";} .section-donations .donation .expander a:before {content:"";width:10px;height:10px;border-top:2px solid #1d324b;border-left:2px solid #1d324b;display:block;position:absolute;left:3px;top:6px;transform-origin: center center; transform:rotate(-135deg);} .section-donations .donation .expander.over .expand {opacity:1;height:auto;min-height:100px;overflow:none;} .section-donations .donation .expander.over a:after {content:"Read Less";} .section-donations .donation .expander.over a:before {top:10px;transform:rotate(45deg);} .section-donations .donation h3 {padding-right:10px;} .section-donations.white {background:#fff;} .section-donations .col-md-10>div:nth-last-of-type(1) {border-bottom:none;} .section-donations.grey h3 {color:#223b77;} .section-donations .btn-default, .section-donations a.btn-default, .section-donations a.btn-default:visited, .section-donations a.btn-default:hover {font-size:18px;padding:20px 50px;background:none;} .btn-border-large {font-size: 20px;font-weight: 600;color: #35393d;border: 2px solid #35393d;height: 80px;padding: 0px 80px;display: inline-flex;align-items: center;background: rgba(255,255,255,0.13);margin-top: 60px;justify-content: center;} .alumni-connect p a {color:#35393d;font-weight:600;text-decoration:underline;} .center-img img {margin:0px auto;} @media screen and (max-width:1495px){ .contentBox1 h2 {font-size:40px;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;} .contentBox1 h3 {font-size:35px;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;} } @media screen and (max-width:1330px){ .section-donations .donation>div:nth-of-type(1) img {max-width: 70px;margin-right: 30px;} .contentBox1 h2 {font-size:35px;hyphens: auto;} .contentBox1 h3 {font-size:25px;hyphens: auto;} } @media screen and (max-width:768px){ .section-donations .donation .col-sm-4 {margin-bottom:20px;} .section-donations .btn-default, .section-donations a.btn-default, .section-donations a.btn-default:visited, .section-donations a.btn-default:hover {font-size:16px;padding:20px 0px;} .btn-border-large {padding:0px;width:100%;} } /* =========== /Alumni page ============ */ body:not(.custom-background-image):before, body:not(.custom-background-image):after {display:none !important;} .main-sliders picture, .main-sliders img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;} .banner-3 h3 {margin-bottom:30px;} .banner-3 strong {font-size: 1.5em;}