/* Theme Name: Schoolcms Author: Innermedia Author URI: https://www.innermedia.co.uk Description: Requires at least: WordPress 4.9.6 Version: 4 /*------------------------------------*\ TYPOGRAPHY \*------------------------------------*/ /* @import must be at top of file, otherwise CSS will not work */ @import url("//hello.myfonts.net/count/4cf8ff"); @font-face { font-family: "AvenirLTPro-Roman"; src: url('fonts/AvenirLTProRoman/font.woff2') format('woff2'), url('fonts/AvenirLTProRoman/font.woff') format('woff'); } @font-face { font-family: "AvenirLTPro-Book"; src: url('fonts/AvenirLTProBook/font.woff2') format('woff2'), url('fonts/AvenirLTProBook/font.woff') format('woff'); } @font-face { font-family: "AvenirLTPro-LightOblique"; src: url('fonts/AvenirLTProLightOblique/font.woff2') format('woff2'), url('fonts/AvenirLTProLightOblique/font.woff') format('woff'); } @font-face { font-family: "Avenir95Black"; src: url('fonts/Avenir95Black/font.woff2') format('woff2'), url('fonts/Avenir95Black/font.woff') format('woff'); } @font-face { font-family: 'ChanticleerRoman'; src: url('fonts/ChanticleerRomanNF.woff2') format('woff2'), url('fonts/ChanticleerRomanNF.woff') format('woff'), url('fonts/ChanticleerRomanNF.otf') format('otf'); font-weight: normal; font-style: normal; font-display: swap; } body { font-family: "AvenirLTPro-Book"; font-size: 17px; line-height: 1.6; font-weight:400; color: #4B4B4B; margin: auto; } .wrapper { position:relative; overflow:hidden; } /* clear */ .clear:before, .clear:after { content:' '; display:table; } .clear:after { clear:both; } a { color:#245C2E; text-decoration:none; } a:hover { text-decoration:none; color:#C21718; } a:focus { text-decoration:none; } h1,h2,h3,.entry-title { color:#245C2E; font-family: 'ChanticleerRoman'; } img { max-width:100%; height:auto; } button:focus { outline:0; } p { margin-bottom:1em; } table { width:100%; margin-bottom:1em; } h1, h1.entry-title, .entry-title, h2.entry-title { font-size: 60px; line-height: 1; margin-bottom:30px; } h2 { } h3 { } h1 a, h2 a, h3 a { text-decoration:underline; color: #969696 } .well { padding:10px 15px; background:#eaeaea; border:solid 1px #ddd; margin:20px 0; } .owl-dots span { width:10px; height:10px; display:inline-block; background:#999; border-radius:50%; } .owl-nav { position:relative; } .owl-nav .owl-prev{ position:absolute; left:0; top:0; } .owl-nav .owl-next{ position:absolute; right:0; top:0 } .owl-dots { padding-left:10px; padding-right:10px; text-align:center; } .owl-dots .owl-dot { display:inline-block; margin:0 2px; opacity:0.8; } .owl-dots .owl-dot.active { opacity:1; } /****Button******/ .blockButton>a, a.readmore, .button { background: rgba(36, 92, 46, 1); font-size: 17px; position: relative; color: #ffffff; letter-spacing: 3.4px; text-transform: uppercase; line-height: 35px; padding: 17px 50px 13px 20px; text-align: left; font-weight: 400; display: inline-block; min-width: 310px; border: none; text-shadow: none; border-radius: 10px; font-family: "AvenirLTPro-Book"; } .blockButton>a:hover, a.readmore:hover, .button:hover { background: #C21718; border: none; color: #ffffff; } .blockButton>a:after, a.readmore:after, .button:after { content: ""; width: 20px; height: 12px; background: url(images/ARROW.svg) no-repeat; background-size: contain; position: absolute; right: 15px; top: 50%; margin-top: -6px; } .bodyContent { margin-bottom:40px; } /****\ Banner \******/ #hero { position:relative; } #hero .slide { width:100%; overflow:hidden; height:100%; position:relative; } #pageBanner { position: relative; max-width:100%; margin:0 auto 20px; overflow:hidden; min-height:300px; max-height: 658px; } #pageBanner:before { content:''; display:block; width:100%; padding-top: 43.911%; } #pageBanner #hero, .homeBanner #hero{ position:absolute; top:0; left:0; right:0; bottom:0; } #hero img{ width:100%; height:100%; object-fit:cover; } #hero .slide .slideImage { position:absolute; top:0; left:0; width:100%; height:100%; } .homeBanner { position: relative; margin:0 auto 0px; overflow:hidden; max-height:880px; height:100vh; min-height:640px; } @media(min-width:768px){ .homeBanner { max-height:880px; } .homeBanner:before { content:''; display:block; padding-top:56.08%; } } .homeBanner .slideImage:after { width: 100%; height: 35%; top: 0; left: 0; content: ''; position: absolute; z-index: 110; background: -moz-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); } #hero .slideText{ bottom: 5%; left: 0; right: 0; font-size: 18px; padding:0 15px; color: #fff; position: absolute; padding: 20px 0; text-align: center; background: url(images/banner-dropshadow.png) center top no-repeat; } .dynamic-gallery .gallery { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -7.5px; margin-left: -7.5px; } .dynamic-gallery .gallery .gallery-item { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; padding:7.5px; margin-bottom:0; } .dynamic-gallery .gallery.gallery-columns-2 .gallery-item { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .dynamic-gallery .gallery.gallery-columns-3 .gallery-item { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .dynamic-gallery .gallery.gallery-columns-4 .gallery-item { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .dynamic-gallery .gallery.gallery-columns-5 .gallery-item { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } .dynamic-gallery .gallery .gallery-item { float:left; } .breadcrumbs { font-size:12px; color:#676767; text-transform:uppercase; padding-top:5px; padding-bottom:20px; border-bottom:solid 1px #d7d9d9; min-height:45px; position:relative; padding-right:45px; } .breadcrumbs a{ color:#676767; } .breadcrumbs > span { margin:0 5px; } .breadcrumbs > span:first-child { margin-left:0; } .breadcrumbs span > span { color:#000; } .searchform label{ display:none; } .searchform { padding-right:40px; padding-left:0px; position:relative; color:#969696; overflow:hidden; font-size:14px; } .searchform input#s{ border: 0; font-size:16px; height:30px; width:100%; background:transparent; color:#969696; padding: 4px 10px; border-bottom:solid 1px; } .sidebar .searchform input#s{ padding: 7px 10px; } .sidebar #searchSubmit { top:3px; } .searchform input#s:focus{ outline:0; } #searchSubmit{ background: transparent; border: 0; text-transform: uppercase; padding: 0; font-size: 16px; position:absolute; color:#969696; background-repeat:no-repeat; background-position:center; right:5px; top:0px; width:30px; height: 28px; } .headerSearch { max-width:100px; } .headerSearch .searchform ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: transparent; text-transform:uppercase; opacity: 0; /* Firefox */ } .headerSearch .searchform :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: transparent; text-transform:uppercase; opacity: 0; } .headerSearch .searchform ::-ms-input-placeholder { /* Microsoft Edge */ color: transparent; text-transform:uppercase; opacity: 0; } @media (min-width:768px){ } @media (min-width:992px){ .headerSearch { max-width:150px; } .headerSearch .searchform ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #969696; text-transform:uppercase; opacity: 1; /* Firefox */ } .headerSearch .searchform :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #969696; text-transform:uppercase; opacity: 1; } .headerSearch .searchform ::-ms-input-placeholder { /* Microsoft Edge */ color: #969696; text-transform:uppercase; opacity: 1; } .headerSearch .searchform input#s{ border-bottom:none; } } @media (min-width:1200px){ } @media (min-width:1390px){ } @media (min-width:1590px){ } /*------------------------------------*\ EMBEDS \*------------------------------------*/ .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .fancybox-overlay{z-index:9999 !important} .fancybox-wrap{z-index:99999 !important} /*------------------------------------*\ ALERT \*------------------------------------*/ .popupAlert { width:100%; max-width:600px; } .fancybox-button svg path { fill: #245C2E !important; } .fancybox-content.popupAlert { background: #ffffff; max-width: 848px !important; margin: 0px auto !important; padding: 90px 12% 60px !important; text-align: center !important; position: relative; border-radius: 10px; } .button.alert-btn { margin-top: 15px; } .noticeBody { width:100%; padding:0; position: relative; z-index: 1; } .popupAlert .popupImg { padding:10px 5px; } .popupAlert .popupImg img { width:100% } .popupAlert .noticeText { padding:10px 5px; width:100%; float:none; } .popupAlert .noticeText *{ max-width:100%; } .popupAlert .noticeText .popTitle span { } /*.popupAlert .noticeText .popTitle:after { width: 91px; height: 28px; background: url(images/title-shape-bg.png) center center no-repeat; margin: 25px auto 0; display: block; content: ''; } .popupAlert .noticeText .popTitle:before { background: url(images/title-icon.png) center center no-repeat; width: 93px; height: 114px; content: ''; display: block; margin: 0px auto 15px; }*/ .popupImg { } .alert_button.readmore { } .alert_button.readmore:hover { } .alert_button.readmore:focus { } /*news*/ h2.list-item-title{ } h2.list-item-title a{ text-decoration:none; } h2.list-item-title a:hover{ text-decoration:underline; } .list-item{ overflow: hidden; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ddd; } .list-item-image{ text-align:center; } .list-item-image a{ display:block; padding:10px 0; } .list-item-text{ } .list-item-text p.date{ font-size:0.8em; margin:0; } .postThumb { margin-bottom:20px; text-align:center; } /*------------------------------------*\ HEADER \*------------------------------------*/ #navbar{ display: block; vertical-align: top; } .headGroup { color:#ffffff; background: #245C2E; transition:300ms; padding-top: 0px; padding-bottom:0px; text-align:center; z-index:220; position:fixed; height:115px; width:100%; top:0; left:0; } .fixedHeader .headGroup { border-bottom-color:#676767; } .headGroup a{ color:#ffffff; } .headGroup a:hover{ color: rgba(255, 255, 255, 0.6); } .headLogoWrap { padding-left:0; padding-right:0; } .headerIcon { } .headerIcon img{ } .headerSearch { display:inline-block; vertical-align:top; } ul.socials { display:inline-block; vertical-align:top; list-style:none; padding:4px; margin:0; } ul.socials li{ display:inline-block; position:relative; padding:0 9px; min-width:40px; text-align:center; } .headGroup .socials li:before{ content:''; display:block; position:absolute; top:50%; margin-top:-5px; height:10px; width:1px; background:#969696; left:0; } .socialDesktop { display:none; } @media (min-width:768px){ .headGroup .socials { position:absolute; bottom:100%; right:0; width:100%; } } @media (min-width:992px){ .socialDesktop { display:block; } } /*header*/ header { position:relative; } header.mainHeader { height:0; } .admin-bar .headGroup { margin-top:46px } .admin-bar.fixedHeader .headGroup { margin-top:0; } @media (min-width:600px){ } @media (min-width:768px){ .admin-bar .headGroup, .admin-bar.fixedHeader .headGroup { margin-top:32px } } /*home*/ @media (max-width:767.99px){ } .headGroup { background:transparent; border-bottom:transparent; color:#fff; top:0; } .headGroup a{ color:#fff; } .headGroup .socials li:before, .headGroup .socials li:last-child:after{ background:#fff; } .headGroup .searchform input#s { color:#fff; } .headGroup .searchform input#s { } .headerSearch .searchform ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #fff; } .headerSearch .searchform :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #fff; } .headerSearch .searchform ::-ms-input-placeholder { /* Microsoft Edge */ color: #fff; } .headGroup #searchSubmit { color:#fff; } .headerIcon { } .headerIcon a{ } @media (min-width:768px){ .headerRight .menu-toggle { display:block; display:inline-block; position:relative; top:auto; right:auto; float:right; } .headerRight .topMenuSide { display:block; display:inline-block; position:relative; top:auto; left:auto; } .headerRight .topMenuSide span{ display:inline; } .headerRight { position:relative; } .headerLeft { text-align:left; } .headerRight { text-align:right; } .headerRight .menu-toggle { display:inline-block; margin-left:20px; float:none; } .headerRight .topMenuSide { display:inline-block; } } @media (min-width:992px){ } @media (min-width:1200px){ .headerRight .menu-toggle { margin-left:40px; } } .home .headGroup{ } .topMenu { display:none; } .topMenuSide { position:relative; display:inline-block; } .topMenuSide .portalToggle { font-size:14px; padding:10px 0; line-height:15px; white-space:nowrap; padding-right:15px; position:relative; cursor:pointer; } .topMenuSide .menu{ position:absolute; background:rgba(255,255,255,0.8); color:#969696; list-style:none; margin:0; padding:0 20px; right:0; top:100%; font-size:14px; text-transform:uppercase; display:none; } .topMenuSide .menu li{ border-bottom:solid 1px #969696; padding:12px 0 12px 45px; background-image:url(images/lock.png); background-repeat:no-repeat; background-position:left 0 top 13px; line-height:1.5; } .topMenuSide .menu li:last-child{ border-bottom:0; } .topMenuSide .menu li a{ color:#969696; } .topMenuSide .menu a:hover{ color:#000; text-decoration:none; } @media (min-width:768px){ .topMenuSide .portalToggle .portalIcon { margin-right:14px; } } /*------------------------------------*\ Navigation \*------------------------------------*/ .menu-toggle{ position:relative; padding-right:40px; font-size:17px; display:inline-block; cursor:pointer; height:35px; line-height:30px; vertical-align: middle; } .menu-toggle .toggleText{ display:inline-block; display:none; vertical-align:middle; font-size:14px; } @media (min-width:992px){ .menu-toggle .toggleText{ display:inline-block; } } .menu-toggle span{ width: 30px; height: 1px; margin: 8px 0; background-color: #969696; display: block; transition:all 300ms; } .menu-toggle .toggleIcon { position:absolute; width:30px; right:0; top:0px; transition:300ms; } .menu-toggle:hover span{ background-color: #000; } .menu-toggle span:nth-child(1){ transform-origin:50% 8px; } .menu-toggle span:nth-child(3){ transform-origin: 50% -8px; } body.menuopen .menu-toggle span:nth-child(1){ transform:rotate(135deg) translateY(6px) } body.menuopen .menu-toggle span:nth-child(2){ opacity:0; transform:rotate(360deg); } body.menuopen .menu-toggle span:nth-child(3){ transform: rotate(-135deg) translateY(-7px); } body.menuopen #navbar .menu-toggle span:nth-child(1){ background:#000; } body.menuopen #navbar .menu-toggle span:nth-child(3){ background:#000; } @media (min-width:992px){ } #navbar{ position: fixed; right: 0; transition: transform 500ms; background-color: #fff; top: 0; margin-top: 0px; padding:20px 20px; z-index: 9999; bottom:0; width: 280px; transform:translateX(100%); overflow-x: hidden; font-size:1.2em; } body.menuopen #navbar{ transform:translateX(0%); z-index: 9999; -webkit-box-shadow: 0px 0px 9px 3px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 9px 3px rgba(0,0,0,0.75); box-shadow: 0px 0px 9px 3px rgba(0,0,0,0.75); } body.admin-bar #navbar{ top:32px; } @media (max-width:782px){ body.admin-bar #navbar{ top:46px; } } #menu-main, #menu-main ul{ list-style:none; padding:0; margin:0; } #menu-main{ margin-bottom: 10px; margin-top:20px; clear:both; } #menu-main li{ position:relative; } #menu-main li a{ display: block; color:#808285; padding:21px 10px 21px 20px; line-height:1.35; position:relative; border-bottom:solid 1px #676767; } #menu-main li a:hover{ text-decoration:none; color:#000; } #menu-main .sub-menu { padding-left:40px; position:relative; display:none; font-size:0.9em; border-bottom:solid 1px #676767; } #menu-main .sub-menu li:last-child > a{ border-bottom:none; } #menu-main li.open > .sub-menu { display:block; } #menu-main .sub-menu a { padding:10px 10px; } #menu-main li.menu-item-has-children > a { padding-left:35px; } #menu-main li.menu-item-has-children > .arrow { position:absolute; left:0; top:0; height:68px; width:30px; } @media (min-width:1200px){ #menu-main li.menu-item-has-children > .arrow { height:75px; } } #menu-main li.menu-item-has-children > .arrow:after{ position:absolute; content: '\f054'; display: block; width: 11px; height: 27px; position: absolute; left: 12px; top: 21px; font-weight: 700; font-family: "Font Awesome 5 Free"; transform: rotate(0deg); transition: 300ms; } #menu-main li.open.menu-item-has-children > .arrow:after{ transform:rotate(90deg); } #menu-main .sub-menu li.menu-item-has-children > .arrow { height:47px; } #menu-main .sub-menu li.menu-item-has-children > .arrow:after{ top:9px; left: 15px; } #menu-main .sub-menu li.open.menu-item-has-children > .arrow:after{ top:25px; left: 20px; } #menu-main .sub-menu .sub-menu{ padding-left:20px; } #menu-main .sub-menu .sub-menu li.menu-item-has-children > .arrow{ display:none; } @media (min-width:600px){ #navbar{ width:480px; right: 0; padding:40px 60px; } #menu-main li a{ padding:21px 30px; } } /*------------------------------------*\ FOOTER \*------------------------------------*/ #footer{ } #menu-useful { list-style:none; padding:0; } .footerLower { background:#000; color:#dddedf; padding:20px 0; font-size:14px; text-align:center; } .footerLower p, .footerLower ul{ margin:10px 0; } .footerLower a{ color:#dddedf; } .footerInfo { text-align:center; line-height:1.87; margin-bottom:20px; } .footerInfo h3{ font-size:1.5em; margin:30px 0 20px; } .footerInfo a:before { content: ""; display: inline-block; vertical-align: middle; width: 0px; height: 1px; background-color: #000; transition: all 300ms; margin-right: 0px; } .footerInfo a:hover:before { width: 5px; margin-right: 5px; } @media (min-width:768px){ .footerLower { text-align:initial; padding:50px 0; } } @media (min-width:1200px){ .footerInfo { margin-bottom:70px; } } /*------------------------------------*\ WORDPRESS CORE \*------------------------------------*/ .alignnone { margin:5px 20px 20px 0; } .aligncenter, div.aligncenter { display:block; margin:5px auto 5px auto; } .alignright { float:right; margin:5px 0 20px 20px; } .alignleft { float:left; margin:5px 20px 20px 0; } a img.alignright { float:right; margin:5px 0 20px 20px; } a img.alignnone { margin:5px 20px 20px 0; } a img.alignleft { float:left; margin:5px 20px 20px 0; } a img.aligncenter { display:block; margin-left:auto; margin-right:auto; } .wp-caption { background:#FFF; border:1px solid #F0F0F0; max-width:96%; padding:5px 3px 10px; text-align:center; } .wp-caption.alignnone { margin:5px 20px 20px 0; } .wp-caption.alignleft { margin:5px 20px 20px 0; } .wp-caption.alignright { margin:5px 0 20px 20px; } .wp-caption img { border:0 none; height:auto; margin:0; max-width:98.5%; padding:0; width:auto; } .wp-caption .wp-caption-text, .gallery-caption { font-size:11px; line-height:17px; margin:0; padding:0 4px 5px; } .sticky { } .bypostauthor { } @media (max-width:767.99px){ .alignright, .alignleft, a img.alignright, a img.alignleft{ float:none; margin:5px auto 20px; display:block; } } .footer-links{ margin:0; list-style:none; padding:0; margin-bottom:15px; } .footer-links li{ display: inline; } .footer-links li:after{ content:" | "; margin: 0 1px 0 1px; display: inline; } .footer-links li:last-child:after{ content:""; } .footer-links li a{ display: inline; white-space:nowrap; } .side-menu-container { padding:0 0 20px; margin-bottom:20px; } #menu-side { list-style:none; padding:0; margin:0; } #menu-side li{ position:relative; margin:5px 0; } #menu-side a { color:#676767; display:inline-block; padding:0px 15px; } #menu-side a:hover { text-decoration:none; } #menu-side a span{ padding:10px 0px; display:block; } /*Top level item*/ #menu-side > li > a { font-size:1.25em; padding: 0 !important; } #menu-side > li > a span{ padding:16px 8px 16px 0; border-bottom:solid 1px #CBCBCB; display:inline-block; font-weight: 400; } #menu-side ul{ list-style:none; padding:0; margin:0; } #menu-side > li > .sub-menu{ margin:10px 0; } /*main Sub menu items*/ #menu-side .sub-menu li.current-menu-ancestor a, #menu-side .sub-menu li.current-menu-item a{ } #menu-side .sub-menu li.current-menu-item > a{ color:#676767; } #menu-side .sub-menu li.menu-item-has-children > .arrow { display:block; width:45px; height:45px; position:absolute; top:0; right:0; } #menu-side .sub-menu li.menu-item-has-children > .arrow:before { position:absolute; content: '\f054'; display: block; width: 11px; height: 27px; position: absolute; left: auto; right: 0; font-weight: 700; font-family: "Font Awesome 5 Free"; transform: rotate(0deg); transition: 300ms; } #menu-side .sub-menu li.menu-item-has-children.open > .arrow:before { transform:rotate(90deg); } #menu-side .sub-menu li a:hover{ color:#676767; } #menu-side .sub-menu .sub-menu { background:rgba(0,0,0,0.1); padding-bottom:10px; display:none; } #menu-side .sub-menu .sub-menu li{ margin:0; } #menu-side .sub-menu li.open > .sub-menu { display:block; } #menu-side .sub-menu .sub-menu a > span{ padding-left:10px; } /*---------- Blog sidebar ----------*/ #blognav ul { list-style:none; } .sidebarSec { margin:0 auto 20px; } .sidebarSec ul{ padding:0; margin:0; list-style:none; margin-bottom:10px; } .sidebarSec ul li{ padding:10px 0px; } .its{ font-size:1.25em; padding: 16px 8px 16px 0; border-bottom: solid 1px #CBCBCB; display: inline-block; font-weight: 400; } /*------------------------------------*\ menu inc toggle \*------------------------------------*/ .search-toggle{ float: right; padding: 15px; color: #e0e0e0; cursor: pointer; border-radius: 30px; margin-top: 15px; line-height: 15px; } .search-toggle:hover{ background-color: #969696; } @media (min-width:0px){ body.fixedHome .menu-toggle { color:#fff; } body.fixedHome .menu-toggle span { background-color:#fff; } } @media (min-width:1200px){ } body.menuopen { overflow:hidden; } body.menuopen:before { content:''; display:block; position:fixed; top:0; left:0; right:0; bottom:0; background:#000; opacity:0.5; z-index:9998; } #navbar .menu-toggle { float:right; } .menu-main-container { clear:both; } .sidebar { padding-top:35px; margin-top:0px; margin-bottom:40px; } /*------------------------------------*\ Dynamic Content \*------------------------------------*/ .dynamicContent { margin-top:40px; margin-bottom:40px; } .dynamicContent .sectionTitle{ margin-bottom: 10px; font-size: 2.2em; } /**** Image ****/ .image-item{ position: relative; } .image-item img{ width:100%; height:auto; } .image-item .imageItemCaption { display:block; margin:5px; font-size:14px; } /*******Dividers******/ .dividera{ clear: both; width: 100%; height: 100px; position:relative; } .dividera:before{ content:''; width:90%; height:1px; border-bottom:solid 1px #ccc; position:absolute; top:50%; left:5%; } .dividera:after{ content:''; display:block; background-image: url(images/icon.png); background-position: center center; background-size:contain; height:76px; width:76px; top:50%; left:50%; margin-top:-38px; margin-left:-38px; background-repeat: no-repeat; position:absolute; background-color:#fff; } .dividerb{ clear: both; width: 100%; height: 130px; background-image: url(images/icon.png); background-position: center center; background-repeat: no-repeat; background-size:90px; } /*******FAQS*****/ .faqs{ } .faqs .faq, .docs .doc{ border-bottom:solid 2px #fff; } .faq-question, .doc-question{ position:relative; margin:0; padding:15px; background: #a2a6a9; color:#fff; cursor:pointer; font-size:1em; text-transform:uppercase; } .faq.open .faq-question, .doc.open .doc-question{ background:#969696; } .faq-question:hover, .doc-question:hover{ background: #000; } .faq-question:after, .doc-question:after { content: '\f054'; display: block; width: 11px; height: 18px; position: absolute; right: 20px; top: 15px; font-weight:700; font-family: "Font Awesome 5 Free"; transform: rotate(0deg); transition:300ms; } .faq.open .faq-question:after, .doc.open .doc-question:after { transform:rotate(90deg); } .faq-answer, .doc-answer { display:none; padding:15px; } .faqs .faq:last-child .faq-answer, .docs .doc:last-child .doc-answer{ border-bottom:solid 1px #a2a6a9; } .faqs .faq.open:last-child .faq-answer, .docs .doc.open:last-child .doc-answer{ border-color:#969696; } /******Staff********/ .staffMember { padding-bottom:10px; margin-bottom:20px; border-bottom:solid 1px #eee; } .staff-meta { margin-bottom:5px; } .staff-meta .meta-label { font-weight:700; } .staff-meta.featured-staff-metas .staff-meta > *{ display:inline-block; } .staff-meta a.email-value{ font-size: 0; color: transparent; display: inline-block; vertical-align: middle; } .staff-meta a.email-value:before { content: "send"; font-size: 12px; padding: 5px 10px; color: #000; display: block; text-align: center; background-color: #eee; border-radius: 5px; text-transform: uppercase; pointer-events: none; transition:300ms; } .staff-meta a.email-value:hover:before{ background-color:#ccc; } /*****Quotes******/ blockquote { border:0; background: #C21718; color: #ffffff; font-size:17px; font-weight:400; padding:2.2em 1.1em; text-align:center; line-height: 2; border-radius: 10px; } .quoteContainer .quotesTitle{ margin:10px 0 0; text-align:center; padding:0 15px; } .quoteContainer { background:#e0e0e0; color:#000; padding-top:1.5em; padding-bottom:1.5em; } .quoteContainer .singleQuote { width:100%; position:relative; } .quoteContainer .cycle-pager { width:100%; margin:0; padding:0 15px; text-align:center; } .quoteContainer .cycle-pager span{ cursor:pointer; display:inline-block; margin:0 2px; width:15px; text-align:center; opacity:0.8; font-size:20px; } .quoteContainer .cycle-pager span.cycle-pager-active{ opacity:1; } .quoteContainer blockquote.quote-text{ padding-top:1em; padding-bottom:0.1em; margin-bottom:0; } .quoteContainer .quote-cite{ text-align:center; font-weight:700; padding:0 15px 15px; } /****Documents******/ a.document-link { display: block; color:#676767; background: #e0e0e0; border: solid 1px #676767; font-size:0.9em; line-height: 1.4em; padding: 1em 1.5em; text-transform: uppercase; width:100%; padding-right:47px; position:relative; transition:300ms; margin:12px 0; } a.document-link:after { display:block; width:40px; height:23px; content:'\f56d'; position:absolute; top:50%; right:0px; font-size:26px; transform:translateY(-50%); text-align:center; font-weight: 700; font-family: "Font Awesome 5 Free"; transition:300ms; } a.document-link:hover { background:#000; color:#fff; border-color:#000; } a.document-link:hover:after { color:#fff; } /*Callout*/ .callout { display:block; position:relative; transition:300ms; color: #fff; background: #D5D1D6; font-size:1em; overflow:hidden; } .callout .calloutText { } .callout .calloutContent { padding:100px 35px; text-align:center; position:relative; } .callout .calloutTitle { margin:0 0 35px; } .callout .calloutTitle h3{ margin-bottom:0; color: #ffffff; font-size: 60px; line-height: 54px; font-weight: 400; } /*.callout .readmore { display: inline-block; color: #fff; background:#676767; margin: 12px 7px; width:200px; max-width:100%; margin:12px 0px; text-align:center; } .callout.hasbg .readmore{ background:#CBCBCB; border: solid 1px #CBCBCB; } .callout .readmore:hover { background: #fff; color: #676767; } */ .callout.hasbg .coimg { background-size:cover; background-position:center; background-repeat:no-repeat; position:absolute; top:0; left:0; right:0; bottom:0; } .callout.hasbg .coimg:after { content: ''; display: block; width: 100%; bottom: 0; position: absolute; left: 0; height: 100%; background: rgba(0,0,0,0.3); } .callout .coimg img{ width:100%; height:100%; object-fit:cover; position:absolute; } .callout.hasbg .calloutContent { padding-bottom:170px; padding-top:170px; } .callout.hastext.hasbg .calloutContent { padding-bottom:35px; padding-top:100px; } /*sidebar callout*/ /***POIS****/ .pois { margin-bottom:-30px; } .pois .col { min-width:33.333%; } .poi { position: relative; display: block; transition:all 300ms; overflow: hidden; background: #245C2E; color:#fff; margin-bottom:30px; } .poi:hover { color:#fff; text-decoration:none; } .poiImage .poiImageBG { position:absolute; width:100%; height:100%; top:0; left:0; background-size:cover; background-position:center; background-repeat:no-repeat; transition:300ms; opacity:1; } .poiImage .poiImageBG:after { content:''; display:block; width:100%; bottom:0; position:absolute; left:0; height:100%; background:rgba(0,0,0,0.3); } .poiImage .poiImageBG img{ width:100%; height:100%; object-fit:cover; position:absolute; } .poiImage { background:inherit; } .poi:hover .poiImage .poiImageBG { } .poiImage:before { content:''; display:block; width:100%; padding-top: 78.255%; } .textOnlyBlock .poiText { position:relative; padding:25px 15px; } .poi .poiTitle { display:inline-block; text-align:center; } .poi .textOnlyBlock{ } .poi .poiTitle { display:block; font-size:24px; position:relative; padding:17px 15px 13px; text-transform:uppercase; letter-spacing: 4.2px; line-height: 33px; max-width: 310px; margin: 0px auto; border: 1px solid transparent; border-radius: 10px; font-family: "Avenir95Black"; } .poi:hover .poiTitle { border: 1px solid #ffffff; } .poi .textOnlyBlock .poiTitle{ margin:5px; } .textOnlyBlock { padding:10px 30px; transition:300ms; } .textOnlyBlock .poiText{ display:block; text-align:center; } .poi:hover .textOnlyBlock { background-color:rgba(0,0,0,0.2); color:#fff; text-decoration:none; } .poiImage .poiText { padding:10px 20px; position:absolute; bottom:0; left:0; width:100%; bottom:50%; transform:translateY(50%); text-align:center; width:100%; transition:300ms; } .poiImage .poiText { } .poiImage .poiText .poiEx { max-height:0; overflow:hidden; font-size:18px; transition:300ms; } .poi:hover .poiImage .poiText { bottom:50%; } .poi:hover .poiImage .poiImageBG { opacity:0; } .poi:hover .poiImage .poiEx { max-height:460px; } .pois.homePOIs .col-xs-6 { padding-left:15px; padding-right:15px; } /*------------------------------------*\ HOME DYNAMIC \*------------------------------------*/ .welcomeBlock { margin-bottom:40px; } /*------------------------------------*\ END DYNAMIC CONTENT \*------------------------------------*/ /*------------------------------------*\ RESPONSIVE \*------------------------------------*/ /*========== Non-Mobile First Method ==========*/ @media only screen and (max-width : 1590px) { } /* Medium Devices, Desktops */ /* Small Devices, Tablets */ @media only screen and (max-width : 767px) { } /* Extra Small Devices, Phones */ @media only screen and (max-width : 479px) { } /* Custom, iPhone Retina */ @media only screen and (max-width : 319px) { } .sectionfadein { opacity:0; top:30px; position:relative; transition:500ms; } .sectionfadein.active { opacity:1; top:0; } /*------------------------------------*\ PRINT \*------------------------------------*/ .container { max-width: 1280px; } footer#footer { background: #245C2E; padding: 95px 0 75px; color: #ffffff; } footer#footer a { color: #ffffff; } footer#footer a:hover { color: rgba(255, 255, 255, 0.5); } footer#footer ul { list-style: none; padding: 0; margin: 0; } footer#footer ul li a { color: #ffffff; } footer#footer ul li a:hover { color: rgba(255, 255, 255, 0.5); } footer#footer .socials li a { color: #ffffff; font-size: 24px; } .footerLower { background: transparent; padding: 65px 0 0; color: #ffffff; } .footer-inner-1 { padding-top: 15px; } .footer-inner-2 { padding-left: 30px; padding-top: 15px; } .footer-inner-1 { padding-left: 240px; position: relative; padding-right: 0; } .footer-inner-1:before { position: absolute; left: 0; top: 0; width: 176px; height: 159px; background: url(images/footer-logo.svg) center center no-repeat; background-size: cover; content: ''; display: block; } .page-template-landing-page .footer-inner-1:before { background: url(images/footer-logo.jpg) center center no-repeat; } .page-template-landing-page .belgravia-contact, .highvis { margin-top: 30px; } .page-template-landing-page .footerLower { padding: 0; } footer#footer .container { max-width: 1280px; } .footer-col-2 { padding-right: 12%; position: relative; padding-top: 15px; } .footer-col-2 .footerSocial { position: absolute; right: 0; top: 15px; } .footer-col-2 .footerSocial ul.socials li { padding-left: 9px; min-width: inherit; } .footer-col-2 .footerSocial ul.socials li a { font-size: 19px; } .footer-col-2 p { margin: 0; } footer#footer .email-box a { text-decoration: underline; } footer#footer .email-box a:hover { text-decoration: none; } @media only screen and (max-width : 1440px) { footer#footer { padding: 95px 20px 75px; } .footer-col-2 { padding-right: 20%; padding-left: 5%; } } #hero .slideText .top_text { font-size: 60px; line-height: 77px; margin-bottom: 12px; color: #ffffff; font-family: 'ChanticleerRoman'; } #hero .slideText .bottom_text { font-size: 17px; line-height: 30px; color: #ffffff; max-width: 756px; margin: 0px auto 30px; } #hero .slideText .button { background: rgba(36, 92, 46, 0.85); max-width: 310px; display: block; margin: 0px auto 28px; } #hero .slideText .button:hover { background: #C21718; } #hero .slideText .banner_video_link { font-size: 17px; color: #ffffff; line-height: 70px; display: inline-block; text-decoration: underline; } #hero .slideText .banner_video_link:before { background: url(images/play-icon.svg) center center no-repeat; width: 30px; height: 30px; content: ''; display: inline-block; margin-right: 10px; position: relative; bottom: -11px; } #hero .slideText .banner_video_link:hover { color: rgba(255, 255, 255, 0.6); } #hero .slideText { padding: 0; bottom: 19%; z-index: 111; } .footer_map_image { } .footer_map_image a { display: block; } .footer_map_image img { width: 100%; max-height: 554px; min-height: 504px; object-fit: cover; object-position: center center; } .dynamic-admission-form { margin: 0; padding: 105px 0 80px; } .dynamic-admission-form .container { max-width: 850px; text-align: center; } .dynamic-admission-form div.wpforms-container-full .wpforms-form .wpforms-one-half { margin-left: 2%; width: 49%; text-align: left; } .section_title { margin-bottom: 30px; } .section_title h2 { text-align: center; font-size: 60px; line-height: 54px; margin-bottom: 0; color: #245C2E; } .wpforms-submit { background: rgba(36, 92, 46, 1) !important; font-size: 17px !important; position: relative !important; color: #ffffff !important; letter-spacing: 3.4px !important; text-transform: uppercase !important; line-height: 35px !important; padding: 17px 50px 13px 20px !important; text-align: left !important; font-weight: 400 !important; display: inline-block !important; min-width: 310px !important; border: none !important; text-shadow: none !important; border-radius: 10px !important; font-family: "AvenirLTPro-Book" !important; } .wpforms-submit:hover { background: #C21718 !important; border: none !important; color: #ffffff !important; } .wpforms-submit:after { content: ""; width: 20px; height: 12px; background: url(images/ARROW.svg) no-repeat; background-size: contain; position: absolute; right: 15px; top: 50%; margin-top: -6px; } .dynamic-admission-form .wpforms-submit-container { padding-top: 45px; } .homeDynamic.dynamic-poi { padding: 110px 5px; margin: 0; } .homeDynamic.dynamic-poi .col-md-4 { padding: 0px 20px; } .homeDynamic.dynamic-poi .container { max-width: 100%; } .homeDynamic.dynamic-callout { margin: 0; } .homeDynamic.dynamic-quote { margin: 0; background: #245C2E; padding: 250px 0 230px; position: relative; } .homeDynamic.dynamic-quote:before { content: ''; width: 561px; height: 561px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: block; background: url(images/logo-background.svg) center center no-repeat; } .quoteContainer { background: transparent; padding: 0; } .homeDynamic.dynamic-quote .quoteContainer { color: #ffffff; max-width: 850px; margin: 0px auto; } .homeDynamic.dynamic-quote .quoteContainer .quotesTitle { margin: 0 0 50px; font-size: 60px; line-height: 54px; color: #ffffff; font-weight: 400; position: relative; z-index: 1; } .homeDynamic.dynamic-quote .quoteContainer blockquote { background: transparent; color: #ffffff; font-family: "AvenirLTPro-Book"; font-weight: 400; font-size: 17px; line-height: 35px; margin-bottom: 65px; padding: 0; } .homeDynamic.dynamic-quote .quoteContainer blockquote p { margin: 0; } .homeDynamic.dynamic-quote .quoteContainer .quote-cite { padding: 0; font-size: 24px; letter-spacing: 4.8px; font-weight: 700; font-family: "AvenirLTPro-Roman"; line-height: 42px; } .homeDynamic.dynamic-quote .quoteContainer .quote-cite span { font-size: 17px; } .homeDynamic.dynamic-quote .quoteContainer .cycle-pager { display: none; } .Landing-headerIcon { background: #ffffff; z-index: 10; padding: 20px 38px 33px; text-align: center; } .landing-container-inner { margin: 0; } .landing-school-item { padding: 0 0 0 25px; position: relative; } .landing-school-item:first-child { padding: 0 25px 0 0px; } .landing-school-item img { width: 100%; height: 100vh; object-fit: cover; object-position: center center; } .image_text_items { position: absolute; left: 75px; bottom: 90px; } .landing-school-item .image_text_items h2 { font-size: 55px; line-height: 61px; color: #ffffff; margin-bottom: 20px; } .landing-school-item .image_text_items .button { background: rgba(36, 92, 46, 0.85); margin-bottom: 20px; } .landing-school-item .image_text_items .button:hover { background: #C21718; } .landing-banner-link { border-radius: 10px; line-height: 30px; display: inline-block; margin-right: 10px; margin-bottom: 10px; background: #ffffff; color: #245C2E; font-size: 17px; padding: 3px 12px 0; } .landing-banner-link:hover { background: #C21718; color: #ffffff; } /*Mobile Menu Css ------------------------------------------------------------------------------------------ Start ------------------------------ */ /*Handheld Dropdown Css ---------------------------------Start */ @media only screen and (max-width : 991px) { #menu-main li.menu-item-has-children > a { padding-left: 10px; padding-right: 35px; } #menu-main li { text-align: left; } #menu-main li:last-child a { border: none; } #menu-main li a { border: none; line-height: 34px; text-transform: inherit; font-size: 17px; font-weight: 400; color: #ffffff; padding: 10px 35px 10px 10px; letter-spacing: 0; border-bottom: none; } #menu-main li:hover { } #menu-main li a:hover { color: rgba(255, 255, 255, 1); background: #C42527; } #menu-main li:hover > a { background: #C42527; color: rgba(255, 255, 255, 1); } #menu-main li.menu-item-has-children.open > a { background: transparent; color: #C21718; } #menu-main li.menu-item-has-children.open li.menu-item-has-children.open > a { background: #C42527; color: rgba(255, 255, 255, 1); } #menu-main li.menu-item-has-children > .arrow { height: 54px; left: auto; right: 10px !important; } #menu-main li.menu-item-has-children.open > a { border: none; background: #C42527; color: #ffffff; } #navbar { background: #245C2E; padding: 0px; width: 100%; } #menu-main li.open > .sub-menu { background-color: rgba(0, 0, 0, 0); border: none; padding: 0px 0px 15px !important; margin: 0px !important; } #menu-main li.open .sub-menu li .sub-menu li { } #menu-main li > .arrow { right: 0px; left: auto; } #menu-main li li.menu-item-has-children > .arrow { top: 0px; } #menu-main li{ border-bottom: 1px solid rgba(255, 255, 255, 0.1); } #menu-main .sub-menu li{ padding: 0; border: none; } #menu-main .sub-menu a { padding: 0px 15px; font-size: 15px; color: #ffffff; border: none; letter-spacing: 1px; line-height: 42px; font-weight: 400; } #menu-main .sub-menu a:hover { text-decoration: none; color: rgba(255, 255, 255, 0.6); } #menu-main li.menu-item-has-children > .arrow:after { top: 50%; margin-top: -6px; color: #ffffff; } .topNavOpen { padding: 0px; margin-bottom: 0px; text-align: left; } .topNavOpen .headerRight { width: 100% !important; } #navbar .menu-toggle { display: inline-block; } #navbar .menu-toggle .toggleText { display: none; } #navbar .menu-toggle span:nth-child(1), #navbar .menu-toggle span:nth-child(3) { background: #ffffff !important; } .menu-toggle:hover span { opacity: 0.7 !important; } #menu-main li.menu-item-has-children > .arrow:after { width: 17px; height: 11px; } #menu-main li.menu-item-has-children.open li > a, #menu-main li.menu-item-has-children.open li.menu-item-has-children.open > a { padding-left: 15px !important; } #menu-main li li.menu-item-has-children.open li > a { padding-left: 30px !important; } #menu-main li.menu-item-has-children > .arrow:after{ position:absolute; content: '\f054'; display: block; width: 17px; height: 11px; position: absolute; left: 20px; top: 16px; font-weight: 700; font-family: "Font Awesome 5 Free"; transform: rotate(0deg); transition: 300ms; font-size: 14px; } #menu-main li.open.menu-item-has-children > .arrow:after{ transform:rotate(90deg); background: url(images/arrow-yellow.png) center center no-repeat; } #menu-main li.open.menu-item-has-children:hover > .arrow:after{ transform:rotate(90deg); background: url(images/arrow-yellow.png) center center no-repeat; } #menu-main li.menu-item-has-children:hover > .arrow:after{ transform:rotate(0deg); background: url(images/arrow-yellow.png) center center no-repeat; } #menu-main li.open.menu-item-has-children > .arrow:after{ top: 30px; } .menu-special { display: none !important; } } /*Handheld Dropdown Css ---------------------------------End */ .menu-toggle span:nth-child(1) { transform-origin: 40% 6px; } .menu-toggle span:nth-child(3) { transform-origin: 39% -7px; } /*Mobile Menu Css ------------------------------------ End */ #pageBanner.page-banner { margin-bottom: 0; } #pageBanner.page-banner:after { width: 100%; height: 35%; top: 0; left: 0; content: ''; position: absolute; z-index: 110; background: -moz-linear-gradient(top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); } /*Sidebar Menu Styles----------------------------------------------------------------*/ .sidebar { padding-top: 62px; } .side-menu-container { padding: 0px 30px 0px 0px; /*position: relative; z-index: 99;*/ margin-bottom: 50px; } /*.side-menu-container:after { width: 500%; background: #f6f6f6; content: ""; height: 100%; position: absolute; left: -500%; top: 0; display: block; }*/ #menu-side > li > a { padding-left: 0px; padding-right: 0px; } #menu-side > li > a { clear: both; } #menu-side > li > a span { color: #ffffff; font-size: 0px; text-transform: inherit; border-bottom: none !important; margin-bottom: 25px; display: block; font-weight: 300 !important; position: relative; line-height: 0; text-align: center; padding: 0; height: 54px; display: none; } #menu-side > li > a:hover span { border-bottom: none !important; } /*#menu-side > li > a span:before { background: #ffffff; font-size: 0px; content: ''; display: block; line-height: 54px; top: 50%; transform: translatey(-50%); width: 100%; position: absolute; left: 0; height: 3px; height: 2px; opacity: 1 !important; }*/ #menu-side .sub-menu li .arrow:before { top: 24px; color: #245C2E; left: auto; right: 0; } #menu-side .sub-menu li.open.current-menu-item .arrow:before { top: 31px; color: #C21718; left: auto; right: 0; } #menu-side .sub-menu li.open .sub-menu li .arrow:before { top: 0px; } #menu-side .sub-menu li.open .sub-menu li.open .arrow:before { top: 5px !important; } #menu-side a span { border-bottom: 1px solid rgba(0, 0, 0, 0.15); } #menu-side a:hover span { border-bottom: 1px solid rgba(0, 0, 0, 0.15); } #menu-side .sub-menu li .sub-menu li.open > a span { border-bottom: 1px solid rgba(0, 0, 0, 0); color: #C21718; } #menu-side .sub-menu li.current-menu-item > a span { border-bottom: 1px solid rgba(0, 0, 0, 0.15); color: #C21718; } #menu-side > li > a:hover span { border-bottom: 1px solid rgba(0, 0, 0, 0.15); } #menu-side li a span { color: #245C2E; border-bottom: 1px solid rgba(0, 0, 0, 0.15); } #menu-side li a:hover span { color: #C21718; border-bottom: 1px solid rgba(0, 0, 0, 0.15); } #menu-side a { font-size: 17px; line-height: 43px; display: block; letter-spacing: 3.4px; padding: 5px 0px 0px 0; text-transform: uppercase; color: #245C2E; } #menu-side a span { padding: 18px 0px 18px 0px; } #menu-side .sub-menu li:last-child a span { } #menu-side .sub-menu li a:hover { color: #C21718; background: transparent; } #menu-side .sub-menu li .arrow:before { /*background: url(images/arrow-long-red.png) no-repeat; width: 19px; height: 11px; font-size: 0 !important; top: 20px;*/ } /*#menu-side .sub-menu .sub-menu li.menu-item-has-children > .arrow:before, #menu-side .sub-menu li .arrow:before { background: url(images/arrow-long-red.png) no-repeat; width: 19px; height: 11px; font-size: 0 !important; top: 20px; }*/ #menu-side li { margin: 0px; } #menu-side .sub-menu li.open > a { color: #C21718; background: transparent; } #menu-side .sub-menu li.open li a { color: #245C2E; background: transparent; padding: 0; line-height: 24px; } #menu-side .sub-menu li.open li a span { color: #245C2E; } #menu-side .sub-menu li.open li a span:before { content: '-'; font-size: 15px; display: inline-block; margin-right: 5px; } #menu-side .sub-menu li.open li a:hover { color: #C21718; background: transparent; } #menu-side .sub-menu li.open li a:hover span { color: #C21718; background: transparent; } #menu-side .sub-menu .sub-menu { padding: 0px; background: transparent; } #menu-side .sub-menu li.open li:before { width: 5px; height: 5px; background: rgba(0, 0, 0, 0.15); display: block; border-radius: 5px; content: "t"; font-size: 0px; position: absolute; left: 25px; top: 20px; display: none; } #menu-side .sub-menu li.current-menu-item > a, #menu-side .sub-menu .sub-menu li.current-menu-ancestor > a, #menu-side .sub-menu .sub-menu li.current-menu-item > a { color: #C21718; background: transparent; } #menu-side .sub-menu li .sub-menu li a:hover, #menu-side .sub-menu li .sub-menu li a:hover { color: #C21718; background: transparent; } #menu-side .sub-menu li.current-menu-ancestor a, #menu-side .sub-menu li.current-menu-item a { color: #ffffff; } #menu-side .sub-menu li.current-menu-item.open > a span { color: #C21718; border-color: transparent; } #menu-side > li > a { text-transform: inherit !important; } #menu-side > li > a span:after { color: #C21718; font-size: 30px; content: 'In this Section'; font-weight: 700 !important; padding-right: 0px; line-height: 36px; font-family: "linotype-didot",serif; display: inline-block; position: absolute; left: 0; top: 0; text-transform: inherit !important; width: 100%; text-align: left; display: none; } #menu-side .sub-menu .sub-menu a > span { padding-left: 20px; padding-top: 8px; padding-bottom: 8px; text-transform: uppercase !important; letter-spacing: 3px; border-color: transparent; } #menu-side .sub-menu .sub-menu .sub-menu a > span { padding-left: 40px; } #menu-side .sub-menu li.menu-item-has-children.open > .arrow:before { color: #C21718; } #menu-side .sub-menu li.open > .sub-menu { border-bottom: 1px solid rgba(255, 255, 255, 0.15); } /*#menu-side .sub-menu li.open > .sub-menu { margin-bottom: 20px; }*/ .sidebar #searchSubmit i { color: #245C2E; } .sidebar .searchform input#s { color: #245C2E; } .sidebarSec { /* background: rgba(0, 0, 0, 0.2); padding: 70px 30px 70px 30px; /*position: relative; z-index: 99;*/ margin-bottom: 50px; } input { /*width: 100%;*/ } .sidebarSec ul li { padding: 0; margin-bottom: 15px; } .sidebarSec ul li a { font-size: 17px; line-height: 32px; display: block; letter-spacing: 3.4px; padding: 10px 0px 10px 0; text-transform: uppercase; color: #245C2E; } .sidebarSec ul li a:hover { color: #C21718; background: transparent; } .its { border-bottom: 1px solid rgba(0, 0, 0, 0.1); display: block; margin-bottom: 20px; color: #245C2E; font-size: 32px; } #menu-side li li:last-child a span { border: none !important; } /*Sidebar Menu Css ------------------------------------------------------------------------------------------------------------ End*/ /*Breadcrumb Area Css --------------------------------------------------- Start */ .breadcrumbs { font-size: 14px; line-height: 24px; font-weight: 300; color: rgba(255, 255, 255, 0.5); text-transform: uppercase; letter-spacing: 0px; padding: 20px 0px; width: 100%; z-index: 105; margin-bottom: 30px; border-bottom: none; display: none; } .breadcrumbs em { color: rgba(255, 255, 255, 0.5); padding: 0px 10px; font-style: normal; } .breadcrumbs a { color: rgba(255, 255, 255, 0.5); } .breadcrumbs span > span { color: #C21718; } .breadcrumbs a:hover { color: #C21718; } /*Breadcrumb Area Css --------------------------------------------------------------------------------------------- END */ /*Inner Page Css --------------------------------------------- Start */ .bodyContent h2, .sidebar h2 { font-size: 36px; line-height: 28px; margin: 30px 0 ; text-transform: inherit; color: #245C2E; } .bodyContent h2 a, .sidebar h2 a { color: #245C2E; } .bodyContent h2 a:hover, .sidebar h2 a:hover { color: #C21718; } .bodyContent .dynamic-text h3, .sidebar .dynamic-text h3, .bodyContent h3 { font-size: 26px; line-height: 32px; margin: 30px 0 10px; text-transform: inherit; color: #245C2E; } .bodyContent .dynamic-text h3 a, .sidebar .dynamic-text h3 a, .staffMember h3 a { color: #245C2E; } .bodyContent .dynamic-text h3 a:hover, .sidebar .dynamic-text h3 a:hover, .staffMember h3 a:hover { color: #C21718; } .staffMember h3 { font-size: 26px; line-height: 32px; text-transform: inherit; color: #245C2E; margin: 0px 0 10px; } .staff-meta a.email-value:before { text-align: center; line-height: 20px; display: inline-block; background: #C21718; color: #ffffff; font-size: 12px; font-weight: 500; padding: 3px 20px 0; border: none; text-transform: uppercase; position: relative; border-radius: 5px; } .staff-meta a.email-value:hover:before { color: #ffffff; background: #245C2E; } .bodyContent { padding-top: 115px; } .landing-container .bodyContent { padding-top: 0; } .bodyContent h1 { } .bodyContent h1 span { font-size: 17px; line-height: 50px; display: block; letter-spacing: 3.4px; font-weight: 300; font-family: "AvenirLTPro-Book"; } .bodyContent ul { list-style: none; padding-left: 0px; } .bodyContent ul li { text-align: justify; padding-left: 15px; position: relative; margin-bottom: 0px; } .bodyContent ul li:before { content: ''; font-size: 0; width: 6px; height: 6px; background: #245C2E; position: absolute; left: 0px; border-radius: 8px; top: 13px; } .bodyContent table { border-style: hidden; } .bodyContent table td { border: 1px solid rgba(0, 0, 0, 0.2); padding: 5px 10px !important; } .bodyContent table td h4 { margin: 0px !important; } .sidebar .callout .calloutTitle { margin-bottom: 50px; } .sidebar .callout .calloutTitle h3 { font-size: 32px; line-height: 36px; text-align: center; color: #245C2E; font-family: "Avenir95Black"; } .sidebar .callout .readmore { min-width: 100%; border: 1px solid transparent !important; } .sidebar .callout .readmore:hover { background: transparent !important; color: #ffffff !important; border: 1px solid #ffffff !important; } .sidebar .callout.hasbg .calloutContent { padding-top: 78px; padding-bottom: 77px; } .bodyContent .callout .calloutContent { padding:100px 35px; } .bodyContent .callout .calloutTitle h3 { color: #245C2E; font-family: "Avenir95Black"; font-size: 32px; line-height: 36px; } .bodyContent .callout.hasbg .calloutContent { padding-top:170px; padding-bottom:170px; } .bodyContent .callout.hasbg .calloutTitle h3, .sidebar .callout.hasbg .calloutTitle h3 { color: #ffffff; } .bodyContent .callout .calloutSubtitle { color: #245C2E; } /* .bodyContent .callout.hasbg .calloutContent h3, .sidebar .callout.hasbg .calloutContent h3 { text-align: center; padding: 0px 25px; } .bodyContent .callout.notext.style1, .sidebar .callout.notext.style1 { background: #2e3092; } .bodyContent .callout.notext.style1, .sidebar .callout.notext.style1:hover { background: #C21718; color: #2e3092; } .bodyContent .callout.notext.style2, .sidebar .callout.notext.style2 { background: #C21718; color: #2e3092; } .bodyContent .callout.notext.style2, .sidebar .callout.notext.style2:hover { background: #2e3092; color: #C21718; } .callout .calloutContent { text-align: center; } .bodyContent .callout .calloutContent, .sidebar .callout .calloutContent { text-align: center; } .bodyContent .callout.hasbg .calloutContent, .sidebar .callout.hasbg .calloutContent { text-align: center; } .bodyContent .callout .calloutContent, .sidebar .callout .calloutContent { text-align: center; padding: 80px 50px 70px; } .bodyContent .callout.hasbg .calloutContent, .sidebar .callout.hasbg .calloutContent { text-align: center; padding: 80px 50px; } .bodyContent .callout .calloutContent h3, .sidebar .callout .calloutContent h3 { text-align: center; padding: 0px 30px; font-style: italic; } .bodyContent .callout.notext.style2 .calloutContent, .sidebar .callout.notext.style2 .calloutContent { color: #2e3092; } .bodyContent .callout.notext.style2 .calloutContent h3, .sidebar .callout.notext.style2 .calloutContent h3 { color: #2e3092; } .bodyContent .callout .calloutContent h3:after, .sidebar .callout .calloutContent h3:after { text-align: center; margin: 0px auto; left: 50%; transform: translatex(-50%); } .bodyContent .callout.notext.style2:hover .calloutContent, .sidebar .callout.notext.style2:hover .calloutContent { color: #ffffff; } .bodyContent .callout.notext.style2:hover .calloutContent h3, .sidebar .callout.notext.style2:hover .calloutContent h3 { color: #ffffff; } .bodyContent .callout.hasbg .calloutContent h3:after, .sidebar .callout.hasbg .calloutContent h3:after { left: 0; transform: none; } .bodyContent .callout .calloutContent .readmore, .sidebar .callout .calloutContent .readmore { border: none !important; background: #C21718 !important; color: #2e3092 !important; width: auto; text-align: center !important; min-width: 165px; padding: 5px 15px; } .bodyContent .callout.notext.style2 .calloutContent .readmore, .sidebar .callout.notext.style2 .calloutContent .readmore { border: none !important; background: #2e3092!important; color: #C21718 !important; width: auto; text-align: center !important; min-width: 165px; padding: 5px 15px; } .bodyContent .callout .calloutContent .readmore:hover, .sidebar .callout .calloutContent .readmore:hover { border: none !important; background: #ffffff !important; color: #2e3092 !important; } .bodyContent .callout .calloutContent .readmore:after, .sidebar .callout .calloutContent .readmore:after { display: none; } .bodyContent .callout.notext.style1 .calloutContent .readmore, .sidebar .callout.notext.style1 .calloutContent .readmore { border: none !important; background: #C21718 !important; color: #2e3092 !important; width: auto; text-align: center !important; min-width: 165px; padding: 5px 15px; } .bodyContent .callout.notext.style2 .calloutContent .readmore, .sidebar .callout.notext.style2 .calloutContent .readmore { border: none !important; background: #2e3092!important; color: #C21718 !important; width: auto; text-align: center !important; min-width: 165px; padding: 5px 15px; } .bodyContent .callout.notext.style1:hover .calloutContent .readmore, .sidebar .callout.notext.style1:hover .calloutContent .readmore { border: none !important; background: #2e3092 !important; color: #C21718 !important; } .bodyContent .callout.notext.style2:hover .calloutContent .readmore, .sidebar .callout.notext.style2:hover .calloutContent .readmore { border: none !important; background: #C21718 !important; color: #2e3092 !important; } .bodyContent .callout .calloutContent .readmore:after, .sidebar .callout .calloutContent .readmore:after { display: none; } */ .bodyContent .callout .calloutTitle h3 { margin: 0 0 30px; } .bodyContent .dynamic-quote { background: transparent !important; padding: 20px 0px; margin-top: 0px; position: relative; } .bodyContent blockquote { text-align: center; font-weight: 400 !important; } .bodyContent .quoteContainer .quote-cite:before { margin: 10px auto; top: auto; display: block; background: transparent; } .bodyContent .quoteContainer .quote-cite { text-align: center; text-transform: uppercase; color: #0D181C; letter-spacing: 4.8px; font-weight: 700; font-family: "Avenir95Black"; } .quoteContainer .quote-cite span { font-weight: 300; display: block; } .bodyContent .quoteContainer .cycle-pager { display: none !important; } .bodyContent blockquote.quote-text { padding: 30px 20px !important; border-radius: 10px; margin-bottom: 45px !important; position: relative; } .bodyContent blockquote.quote-text:after { width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 18px solid #C21718; content: ''; width: 20px; height: 20px; position: absolute; bottom: -19px; left: 50%; transform: translatex(-50%); } .container.body-container { max-width: 1280px; } .wp-caption-text.gallery-caption { display: none; } .wpmf-gallery-item img { transition: all 0.3s; } .wpmf-gallery-item:hover img { transform: scale(1.1); } .wpmf-gallery-item .wpmf-gallery-icon { overflow: hidden; } .dynamic-quote .cycle-pager { /* display: none;*/ } .wpmf-gallerys .gallery .wpmf-gallery-icon a { overflow: hidden; position: relative; display: block; } .wpmf-gallerys .gallery .wpmf-gallery-icon a:before { position: absolute; left: 0; top: 0; content: ''; width: 100%; height: 100%; display: block; background: rgba(0, 0, 0, 0.2); } .wpmf-gallerys .wpmf-gallery-item:not(.fusion-builder-live .gallery-masonry .wpmf-gallery-item) { padding: 3px !important; } .faqs .faq, .documents .doc { border-bottom: solid 10px transparent; } .faq-question, .doc-question { background: rgba(36, 92, 46, 1); font-size: 17px !important; position: relative; color: #ffffff !important; letter-spacing: 3.4px; text-transform: uppercase !important; line-height: 35px; padding: 17px 50px 13px 20px; text-align: left; font-weight: 400; display: block; width: 100%; border: none; text-shadow: none; border-radius: 10px; font-family: "AvenirLTPro-Book"; margin: 0px !important; } .faq.open .faq-question, .doc.open .doc-question { background: #C21718; border: none; color: #ffffff !important; } .faq-question:hover, .doc-question:hover { background: #C21718; border: none; color: #ffffff !important; } .faq-question:after, .doc-question:after { content: ""; width: 20px; height: 12px; background: url(images/ARROW.svg) no-repeat; background-size: contain; position: absolute; right: 15px; top: 50%; transform: translatey(-50%) rotate(90deg); } .faq.open .faq-question:after, .faq.open .faq-question:hover:after, .doc.open .doc-question:after, .doc.open .doc-question:hover:after { transform: rotate(-90deg) translatey(-50%); right: 15px; top: 40%; } /*.faq-question:before { display: block; width: 48px; height: 100%; background: #163e34; color: #ffffff; line-height: 100%; text-align: center; position: absolute; right: 0px; top: 0px; font-weight: 400; font-family: "Font Awesome 5 Free"; transform: rotate(0deg); transition: 300ms; font-size: 14px; content: ''; }*/ /*.faq-question:before { position: absolute; right: -50%; bottom: -48%; width: 100%; height: 200%; background: #4A3041; transform: rotate(-40deg); content: ''; display: none; }*/ /*.faq.open .faq-question:after { top: 12px; }*/ .faq.open .faq-question:before, .doc.open .doc-question:before { display: block; } .faq .faq-question:hover:before, .doc .doc-question:hover:before { display: block; } /*.faq.open .faq-question:hover:after { top: 12px; }*/ /*.faq .faq-question:hover:after { color: #ffffff; background: #2d1023; background: url(images/arrow-long.png) no-repeat; } .faq.open .faq-question:after { transform: rotate(90deg); background: #2d1023; color: #ffffff; background: url(images/arrow-long.png) no-repeat; }*/ .faq-answer, .doc-answer { display: none; padding: 30px 20px; background: rgba(255, 255, 255, 0.15); border-top: none; margin-bottom: 20px; } .faq-answer > h3, .faq-answer > h2, .doc-answer > h3, .doc-answer > h2 { margin-top: 0px; } .bodyContent .dynamic-documents .document, .sidebar .dynamic-documents .document { padding: 0px 7px !important; display: flex; margin-bottom: 10px; } .dynamic-documents a.document-link { background: rgba(36, 92, 46, 1); font-size: 17px; position: relative; color: #ffffff; letter-spacing: 3.4px; text-transform: uppercase; line-height: 35px; padding: 17px 50px 13px 20px; text-align: left; font-weight: 400; display: inline-block; min-width: 310px; border: none; text-shadow: none; margin: 0; border-radius: 10px; font-family: "AvenirLTPro-Book"; display:flex; align-items:center; } .dynamic-documents a.document-link:hover { background: #C21718; border: none; color: #ffffff; } .dynamic-documents a.document-link:focus { background: #C21718; border: none; color: #ffffff; } .dynamic-documents a.document-link:after { content: ""; width: 15px; height: 15px; background: url(images/download-icon-inner.png) no-repeat; background-size: contain; position: absolute; right: 15px; top: 50%; margin-top: 0px; } .dynamic-documents a.document-link:hover:after { } .quicklink>a, a>.quicklink, a.quicklink { background: rgba(36, 92, 46, 1); font-size: 17px; position: relative; color: #ffffff; letter-spacing: 3.4px; text-transform: uppercase; line-height: 35px; padding: 17px 50px 13px 20px; text-align: left; font-weight: 400; display: inline-block; min-width: 310px; border: none; text-shadow: none; margin: 0px 10px 10px 0; border-radius: 10px; font-family: "AvenirLTPro-Book"; } .quicklink>a:hover, a>.quicklink:hover, a.quicklink:hover { background: #C21718; border: none; color: #ffffff; } .quicklink>a:focus, a>.quicklink:focus, a.quicklink:focus { background: #C21718; border: none; color: #ffffff; } .quicklink>a:after, a>.quicklink:after, a.quicklink:after { content: ""; width: 20px; height: 10px; background: url(images/web-page-icon.png) no-repeat; background-size: contain; position: absolute; right: 15px; top: 50%; margin-top: -5px; } .quicklink>a:hover:after, a>.quicklink:hover:after, a.quicklink:hover:after { } .linkbutton>a, a>.linkbutton, a.linkbutton { background: rgba(36, 92, 46, 1); font-size: 17px; position: relative; color: #ffffff; letter-spacing: 3.4px; text-transform: uppercase; line-height: 35px; padding: 17px 50px 13px 20px; text-align: left; font-weight: 400; display: inline-block; min-width: 310px; border: none; text-shadow: none; margin: 0px 10px 10px 0; border-radius: 10px; font-family: "AvenirLTPro-Book"; } .linkbutton>a:hover, a>.linkbutton:hover, a.linkbutton:hover { background: #C21718; border: none; color: #ffffff; } .linkbutton>a:focus, a>.linkbutton:focus, a.linkbutton:focus { background: #C21718; border: none; color: #ffffff; } .linkbutton>a:after, a>.linkbutton:after, a.linkbutton:after { content: ""; width: 20px; height: 10px; background: url(images/web-page-icon.png) no-repeat; background-size: contain; position: absolute; right: 15px; top: 50%; margin-top: -5px; } .linkbutton>a:hover:after, a>.linkbutton:hover:after, a.linkbutton:hover:after { } /*Inner Page Css ------------------------------------------------------------------------------------------------------------------------- END */ /*.bodyContent .dynamic-quote { background: transparent !important; } .bodyContent blockquote { text-align: center; } .bodyContent .quoteContainer .quote-cite:before { } .bodyContent .quoteContainer .quote-cite { text-align: center; } .bodyContent .quoteContainer { padding: 0px !important; } .bodyContent blockquote { padding: 0 !important; background: transparent !important; text-align: left; font-size: 20px; line-height: 30px; font-weight: 700; font-style: italic; font-family: 'Lora', serif; color: #ffffff; } .bodyContent .quoteContainer .quote-cite { padding: 0; font-size: 13px; text-transform: uppercase; letter-spacing: 3px; color: #010101; text-align: left; } .bodyContent .quoteContainer .quote-cite:before { height: 2px; width: 60px; background: #ced8ed; content: ''; margin-right: 10px; display: inline-block; position: relative; top: -6px; } .bodyContent .cycle-pager-quote { display: none; } */ .dynamic-admission-form div.wpforms-container-full .wpforms-field.wpforms-field-select-style-classic select { border: 2px solid #245C2E; height: 65px; font-size: 17px; color: #245C2E; -webkit-appearance: none; -moz-appearance: none; background: transparent; background-image: url(images/DROPDOWN-BUTTON.svg); background-repeat: no-repeat; background-position-x: 94%; background-position-y: center; padding-left: 24px; padding-right: 24px; } select::-ms-expand { display: none; } .dynamic-admission-form div.wpforms-container-full .wpforms-form input[type=text] { border: 2px solid #245C2E; height: 65px; position: relative; font-size: 17px; color: #245C2E; background: url(images/calendar-icon.png) 95% center no-repeat; padding-left: 24px; padding-right: 24px; } .dynamic-admission-form div.wpforms-container-full .wpforms-form ::placeholder { color: #245C2E; } #hero .slideText .banner_video_link { background: url(images/banner-dropshadow.png) center top no-repeat; background-size: 100% 100%; } @media only screen and (max-width : 991px) { .blockButton>a, a.readmore, .button { min-width: 240px; } } .fixedHeader .headGroup { background: #245C2E; color: #ffffff; } .headLogoWrap { text-align: left; } .headerIcon img { margin-top: -8px; margin-bottom: -114px; max-width: 229px; } .fixedHeader .headerIcon img { margin-top: -8px; margin-bottom: -54px; max-width: 175px; } .header-btn { display: inline-block; padding: 19px 29px; line-height: 24px; background: rgba(13, 24, 28, 0.5); border-radius: 0 0 10px 10px; font-size: 17px; color: #ffffff; font-family: "AvenirLTPro-Roman"; } .header-btn:hover { background: #245C2E; } /*Menu Styles Show ----------------------------------- */ .headerRight { } .menu-main-container { display: inline-block; z-index: 10; } ul#menu-main-top { list-style: none; padding: 0; margin: 0; text-align: center; } #menu-main-top li { display: inline-block; padding: 0px; margin: 0px 11px; vertical-align: middle; position: relative; } #menu-main-top li li { position: relative; margin: 0px; } #menu-main-top li a { font-size: 17px; font-weight: 400; text-transform: inherit; position: relative; color: #ffffff; border-bottom: 2px solid transparent; } #menu-main-top .sub-menu li { padding: 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } #menu-main-top .sub-menu li:last-child { border-bottom: 1px solid rgba(255, 255, 255, 0); } #menu-main-top .sub-menu li:hover { } #menu-main-top .sub-menu li a { padding: 15px 10px; font-size: 17px; display: block; font-weight: 400; color: #ffffff; line-height: 25px; border: none !important; } #menu-main-top .sub-menu li.current-menu-item > a, #menu-main-top .sub-menu li.current-menu-parent > a { color:#ffffff!important; border: none !important; } #menu-main-top .sub-menu li a:hover { color: #ffffff; background: #C42527; text-decoration: none; border: none !important; } #menu-main-top .sub-menu .sub-menu li a { padding: 15px 10px; font-size: 17px; display: block; font-weight: 400; color: #ffffff; line-height: 25px; border: none !important; } #menu-main-top .sub-menu .sub-menu li a:hover { color: #ffffff; background: #C42527; text-decoration: none; } #menu-main-top li a { line-height: 51px; position: relative; display: block; } #menu-main-top li a:hover { text-decoration: none; color: rgba(255, 255, 255, 1); border-bottom: 2px solid #ffffff; } #menu-main-top li:hover > a { text-decoration: none; color: rgba(255, 255, 255, 1); border-bottom: 2px solid #ffffff; } #menu-main-top .sub-menu { position: absolute; top: 100%; left: -40px; display: none; background: transparent; line-height: 40px; padding: 10px 30px 10px; /*min-height: 80vh;*/ width: 100%; min-width: 371px; text-align: left; } #menu-main-top .sub-menu:before { content:''; display:block; position:absolute; bottom:0; left:0; top:20px; right:0; background: #ffffff; } #menu-main-top > li > .sub-menu:after { width: 45px; height: 45px; content: ''; display: block; position: absolute; left: 50%; top: 0px; transform: translatex(-50%); display: block; background: #ffffff; border-radius: 50%; display: none; } #menu-main-top .sub-menu .sub-menu:after, #menu-main-top .sub-menu .sub-menu:before { display: none; } #menu-main-top .sub-menu .sub-menu { margin-left: 0; } #menu-main-top .sub-menu { min-height: inherit; } #menu-main-top li a { color: #ffffff; } #menu-main-top li a:hover { color: #ffffff; } #menu-main-top .sub-menu li { display: block; } #menu-main-top .sub-menu li.menu-item-has-children > a { position: relative; } #menu-main-top .sub-menu li.menu-item-has-children:hover > a { background: #C42527; } #menu-main-top .sub-menu li.menu-item-has-children > a:after { position:absolute; content: '\f054'; display: block; width: 11px; height: 20px; position: absolute; right: 10px; top: 16px; font-weight: 700; font-family: "Font Awesome 5 Free"; transform: rotate(0deg); transition: 300ms; color: #ffffff; font-size: 14px; } #menu-main-top .sub-menu li.menu-item-has-children:hover > a:after { /* transform: rotate(90deg);*/ } /*body.home #menu-main-top .sub-menu { top: 72px; } body.home.fixedHeader #menu-main-top .sub-menu { top: 100%; }*/ /*#menu-main-top .sub-menu li a { color: #171717; }*/ #menu-main-top li:hover > .sub-menu { display: block; } #menu-main-top .sub-menu .sub-menu { top: 0%; left: 100%; width: 100%; transform:translateY(0px); display: none; line-height: 32px; padding: 15px 20px; background: rgba(36, 92, 46, 0); color: #ffffff; height: auto; min-width:0; } #menu-main-top .sub-menu li:hover > .sub-menu { display: none; } @media (min-width: 1200px) { #menu-main-top .sub-menu li:hover > .sub-menu { display: block; } } #menu-main-top .sub-menu:before { background: rgba(36, 92, 46, 0.97); top:0px; } #menu-main-top .sub-menu:after { background: rgba(36, 92, 46, 0.97); top:5px; } #menu-main-top .sub-menu .sub-menu { background: rgba(36, 92, 46, 0); } #menu-main-top .sub-menu .sub-menu:before { /*width: 90.5%;*/ width: 98.5%; top: 0; /*left: 9.5%;*/ display: block; background: rgba(36, 92, 46, 0.97); position: absolute; } /*Menu Styles Show ---------------------------- END ------------------------------------ */ @media only screen and (min-width : 992px) { .headerRight .menu-toggle { display: none; } .mobileLogo { display: none; } .get-in-touch { display: none; } } @media only screen and (max-width : 991px) { #hero .slideText { bottom: 10px; } .headGroup .top-btn { display: none; } .main_navigation { display: none; } header.mainHeader { } .headGroup { height: 80px; padding: 19px 25px; background: #ffffff; } .fixedHeader .headGroup { height: 80px; padding: 19px 25px; background: #ffffff; } .homeBanner .slideImage:after { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); } #hero .slideText .top_text { padding: 0px 46px; line-height: 60px; } #hero .slideText .bottom_text { padding: 0 25px; line-height: 23px; } #hero .slideText .button { margin-bottom: 5px; } .mainLogo { display: none; } .wpforms-field { display: block; width: 100% !important; margin: 0px !important; } .headerIcon img { margin: 0 !important; max-width: 100% !important; } .fixedHeader .headerIcon img { margin: 0 !important; max-width: 100% !important; } .headerRight { width: 20%; } .headLogoWrap { width: 80%; } .homeBanner { height: calc(100% - 80px); } .dynamic-admission-form { padding-left: 15px; padding-right: 15px; padding-bottom: 30px; } .dynamic-admission-form .container { max-width: 310px; } .dynamic-admission-form .wpforms-submit { min-width: 100% !important; margin-top: 30px !important; } .homeDynamic.dynamic-poi { padding: 80px 5px 80px; } .callout.hasbg .calloutContent { padding-bottom: 150px; padding-top: 150px; } .homeDynamic.dynamic-quote { padding: 230px 25px 200px; } .homeDynamic.dynamic-quote:before { background-size: contain; width: 100%; height: 100%; max-width: 561px; max-height: 561px; } .homeDynamic.dynamic-quote .quoteContainer .quotesTitle { padding: 0; } #hero .slideText { background: transparent; } #hero .slideText .banner_video_link { background: transparent; } .menu-toggle span { background: #245C2E !important; } .footer-inner-1 { padding: 0; } .footer-inner-1:before { position: relative; left: auto; top: auto; margin: 0px auto 50px; } footer#footer { text-align: center; } .footer-col-2 { padding: 0; } .footer-col-2 .footerSocial { position: relative; top: auto; right: auto; } .footer-col-2 p { display: none; } .footer-col-2 .tel-box { display: none; } .footer-col-2 .email-box { display: none; } .footer-col-1 { margin-bottom: 40px; } .footerLower { padding: 40px 0 0; text-align: center; } .footerLower .text-sm-end { text-align: center !important; } .footer-inner-1, .footer-inner-2 { padding-top: 0px; } .footerLower p, .footerLower ul { margin: 0; } .get-in-touch { display: block; margin-bottom: 50px; } .headerRight { padding: 0; text-align: right; } #navbar .menu-toggle span:nth-child(1), #navbar .menu-toggle span:nth-child(3) { background: #245C2E !important; } #navbar .headGroup { position: relative; margin: 0px !important; } #navbar .menu-main-container { padding: 0px 25px 40px; display: block; } #navbar .top-btn { margin-bottom: 30px !important; padding: 0px 25px; } .sidebar { display: none; } .bodyContent { padding-top: 60px; } } .fa-facebook-f:before { content: "\f39e" !important; } .banner-page-caption { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 111; } .banner-page-caption .page-title { margin: 0; padding: 21px 6% 16px; display: inline-block; background: #245C2E; border-radius: 5px 5px 0 0; color: #ffffff; font-size: 24px; line-height: 28px; text-transform: uppercase; letter-spacing: 4.8px; font-family: "Avenir95Black"; } .dynamic-info-grid { margin: 0; padding: 213px 15px 0; } .section_categories { display: flex; max-width: 1240px; margin: 0px auto 63px; } .section_category { border: 1px solid #245C2E; border-left: none; padding: 21px 25px; display: inline-block; width: 25%; text-align: center; color: #245C2E; font-size: 17px; line-height: 24px; letter-spacing: 3.4px; } .section_category:first-child { border-left: 1px solid #245C2E; border-radius: 10px 0 0 10px; } .section_category:last-child { border-radius: 0 10px 10px 0; } .section_category:hover, .section_category.active { background: #245C2E; color: #ffffff; } .grid { padding: 0px 15px; margin-bottom: 30px; } .grid .infoBlock { display: block; width: 100%; height: 100%; background: #245C2E; color: #ffffff; position: relative; min-height: 373px; } .grid-newsSlider { display: block; width: 100%; height: 100%; background: #245C2E; color: #ffffff; position: relative; min-height: 373px; } .grid .infoBlock.image_box .glanceImg { display: block; height: 100%; width: 100%; background-position: center center !important; background-repeat: no-repeat !important; background-size: cover !important; } .grid .infoBlock.image_box .glanceImg img { visibility: hidden; } .grid.Twitter.style1 .infoBlock { padding: 55px 65px 30px; padding: 35px 35px 70px; position: relative; } .grid.Twitter.style1 .infoBlock .ctf-tweets { height: 138px; overflow: hidden; margin-bottom: 30px; text-align: center; } .grid.Twitter.style1 .ctf-author-box { display: inline-block; margin: 0px auto; float: none !important; } .grid.Twitter.style1 .infoBlock .ctf-tweets a { color: #ffffff; } .grid.Twitter.style1 #ctf a { color: #ffffff!important; } .grid.Twitter.style1 .ctf-feed-1 .ctf-item { background-color: #245C2E!important; } .grid.Twitter.style1 #ctf p.ctf-tweet-text { line-height: 1.35!important; } .post_caption { position: absolute; bottom: 20px; left: 0; width: 100%; text-align: center; text-transform: uppercase; font-family: "AvenirLTPro-Book"; z-index: 2; } .post_caption h2 { color: #ffffff; font-size: 24px; line-height: 33px; text-transform: uppercase; font-family: "Avenir95Black"; } .post_caption h2 a { color: #ffffff; text-decoration: none; } .post_caption h3 { color: #ffffff; font-size: 17px; text-transform: uppercase; line-height: 24px; font-weight: 300; font-family: "AvenirLTPro-Book"; } .post_caption h3 a { color: #ffffff; text-decoration: none; } #ctf .ctf-item { padding: 0; } .grid.News.simple { overflow: hidden; } .infoBlock.grid_main_event { display: none; } .infoBlock.grid_main_event.active { display: block; } .grid-newsSlider .sliderimg-main img { width: 100%; height: 100%; object-fit: cover; min-height: 373px; } #sb_instagram .sbi_photo:after, .grid .infoBlock.image_box .glanceImg:after, .grid-newsSlider .sliderimg-main:after { width: 100%; height: 75%; bottom: 0; left: 0; content: ''; position: absolute; z-index: 1; background: -moz-linear-gradient(bottom, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to top, rgba(0,0,0,0.9) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); } #sb_instagram { height: 373px; height: 100%; overflow: hidden; } .grid { border-radius: 2px; overflow: hidden; } .grid.Events.style2 .blockTitle { padding: 85px 65px 0; } .grid.Events.style2 .infoBlock { background: #C21718; text-align: center; color: #ffffff; } .grid.Events.style2 .infoBlock .newsTitle { text-align: center; color: #ffffff; font-size: 17px; line-height: 35px; font-weight: 300; } .grid.Events.style2 .infoBlock .eventDate { color: #ffffff; font-size: 22px; line-height: 35px; font-weight: 700; margin-bottom: 15px; } .grid-newsSlider { display: none; } .grid-newsSlider.active { display: block; } .right-content { margin-bottom: 60px; } .page-template-main-pages-template .homeContent { padding-top: 115px; } .mini-pois { text-align: center; } .dynamic-mini-poi { margin: 0; padding: 100px 0 200px; } .dynamic-mini-poi .minipoiImg { display: inline-block; padding: 40px 20px; text-align: center; border: 1px solid #245C2E; margin: 0px auto 65px; position: relative; min-width: 159px; transition:all 300ms; } .dynamic-mini-poi .minipoiImg:before { content: ''; border: 3px solid transparent; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition:all 300ms; } .dynamic-mini-poi .col.item:hover .minipoiImg:before { content: ''; border: 3px solid #245C2E; transition:all 300ms; } .dynamic-mini-poi .mini_poi_title { font-size: 24px; color: #245C2E; text-transform: uppercase; letter-spacing: 4.8px; font-family: "Avenir95Black"; } .dynamic-mini-poi .col.item:hover .mini_poi_title { color: #C42527; } .page-template-main-pages-template .homeDynamic.dynamic-callout .callout .calloutTitle { display: none; } .page-template-main-pages-template .bodyContent .callout.hasbg .calloutContent { padding-bottom: 130px; padding-top: 460px; } .page-template-main-pages-template .callout_links .readmore { margin: 0px 8px; background: rgba(36, 92, 46, 0.85); } .page-template-main-pages-template .callout_links .readmore:hover { background: #C42527; } .page-template-main-pages-template .callout.hasbg .coimg:after { display: none; } .dynamic-destination-carousel { margin: 0; padding-top: 100px; } .dynamic-destination-carousel .owl-dots { display: none; } .dynamic-destination-carousel h2 { font-size: 60px; line-height: 54px; margin-bottom: 50px; margin-top: 0; } .dynamic-destination-carousel .container { max-width: 1075px; } .dynamic-destination-carousel .owl-carousel .owl-item img { max-width: 100%; width: auto; margin: 0px auto; display: inline-block; vertical-align: middle; } .dynamic-destination-carousel .owl-nav { position: absolute; top: 30%; transform: translateY(-50%); width: 100%; } .dynamic-destination-carousel .owl-nav button.owl-prev { left: -9%; font-size: 32px !important; color: #D5D5D5 !important; font-weight: 400 !important; } .dynamic-destination-carousel .owl-nav button.owl-next { right: -9%; font-size: 32px !important; color: #D5D5D5 !important; font-weight: 400 !important; } .logo_item { text-align: center; } .testimonials-next { position: absolute; left: 4%; top: 50%; font-size: 32px !important; color: #D5D5D5 !important; font-weight: 400 !important; transform: translatey(-50%); } .testimonials-prev { position: absolute; right: 4%; top: 50%; font-size: 32px !important; color: #D5D5D5 !important; font-weight: 400 !important; transform: translatey(-50%); } @media only screen and (max-width : 991px) { .dynamic-poi .owl-dots { display: none; } .dynamic-poi .owl-nav .owl-prev { left: 20px; font-size: 32px !important; color: #D5D5D5 !important; font-weight: 400 !important; } .dynamic-poi .owl-nav .owl-next { right: 20px; font-size: 32px !important; color: #D5D5D5 !important; font-weight: 400 !important; } .testimonials-prev { right: 0; bottom: -50px; top: auto; transform: none; } .testimonials-next { left: 0; bottom: -50px; top: auto; transform: none; } .quotes-holder { position: relative; } .section_categories { display: block; } .section_category { width: 100%; max-width: 310px; min-width: 240px; border-radius: 10px !important; border: 1px solid #245C2E !important; } .grid { padding: 0; } .owl-carousel .owl-stage-outer { padding: 0; } .grid.Twitter.style1 .infoBlock { padding: 55px 20px 30px; } .owl-dots { display: none; } .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { font-size: 32px !important; color: #D5D5D5 !important; font-weight: 400 !important; } .row.info_grid { margin: 0; } .dynamic-info-grid { margin: 0; padding: 115px 15px 80px; } .grid .infoBlock.image_box .glanceImg img { min-height: 373px; } #sb_instagram .sbi_photo { display: block; text-decoration: none; height: 100% !important; min-height: 373px; } .row.pois { margin: 0; } .page-template-main-pages-template .homeContent { padding-top: 30px; } .mini-pois .col.item { margin-bottom: 80px; } .dynamic-mini-poi .minipoiImg { margin: 0px auto 30px; } .dynamic-mini-poi { margin: 0; padding: 100px 0 60px; } .page-template-main-pages-template .callout_links .readmore { margin: 0px 8px 10px; } .dynamic-destination-carousel .owl-nav button.owl-prev { left: 3%; } .dynamic-destination-carousel .owl-nav button.owl-next { right: 3%; } .dynamic-destination-carousel { margin: 0; padding-top: 60px; } .landing-school-item { padding: 0 !important; } .landing-container-inner { display: block; } .landing-school-item img { width: 100%; height: 100vh; object-fit: cover; object-position: center center; } .landing-container { height: auto; } .image_text_items { position: absolute; left: 25px; bottom: 25px; } .homeDynamic.dynamic-quote .quoteContainer blockquote { padding: 0 15px; } .footer-inner-2 { padding-left: 15px; padding-right: 15px; } .homeDynamic.dynamic-poi .col-md-4 { padding: 0px 7px; } .poiImage:before { padding-top: 120%; } .homeDynamic.dynamic-poi .owl-nav .owl-prev { left: 5px; } .homeDynamic.dynamic-poi .owl-nav .owl-next { right: 5px; } } /* video banner */ #videoBg { width: 100%; max-height: 105vh; } .landing-container #videoBg { object-fit:cover; min-height:700px; } /*.videoframe { width:100%; height:100%; position:absolute; top:0; left:0; } .videoframe video{ width:100%; height:100%; position:absolute; top:0; left:0; object-fit:cover; vertical-align:top; }*/ .privacy-policy .bodyContent ul li:before, .page-id-1567 .bodyContent ul li:before { content: none!important; } /* gravity forms */ .gform_wrapper.gravity-theme .gfield select { height: 44px!important; } .gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue { background-color: #245C2E!important; } /* new landing page */ .page-template-landing-page h1, .page-template-landing-page h1.entry-title { font-size: 45px; line-height: 1; margin-bottom: 15px; } @media only screen and (max-width : 767px) { .page-template-landing-page .subTitle { max-width: 300px; margin: 0 auto 20px; } } .page-template-landing-page .section_title h2, .page-template-landing-page .dynamic-quote .quoteContainer .quotesTitle { color: #245C2E; margin: 0 0 50px; font-size: 55px; line-height: 54px; font-weight: 400; position: relative; z-index: 1; } .page-template-landing-page .welcomeBlock { margin: 20px 0 120px; } .page-template-landing-page .welcomeBlock .row { margin: 0; } .page-template-landing-page .welcomeBlockImage .welcomeImage { background-repeat: no-repeat; } .page-template-landing-page .welcomeBlockTitle { text-align: center; } .page-template-landing-page .welcomeBlockTitle h2 { font-size:50px; line-height: 50px; } .page-template-landing-page .welcomeBlockTitle h2 span { text-transform: uppercase; display: block; font-size: 17px; font-family: "AvenirLTPro-Book"; letter-spacing: 4.8px; font-weight: 300; } .page-template-landing-page .dynamic-quote { padding: 60px 20px; } .page-template-landing-page .dynamic-quote .quoteContainer .quote-cite { padding: 0; font-size: 18px; letter-spacing: 4.8px; font-weight: 700; font-family: AvenirLTPro-Roman; line-height: 32px; } .page-template-landing-page .dynamic-quote .quoteContainer .quote-cite span { font-size: 17px; } .page-template-landing-page .dynamic-quote .quoteContainer blockquote { color: #4B4B4B; border-radius: 10px; } .page-template-landing-page .dynamic-quote .quoteContainer blockquote.belgravia { background: #F2F7E6; } .page-template-landing-page blockquote.belgravia.quote-text:after { border-top: 18px solid #F2F7E6; } .page-template-landing-page .dynamic-quote .quoteContainer blockquote.manor { background: #F0FFE6; } .page-template-landing-page blockquote.manor.quote-text:after { border-top: 18px solid #F0FFE6; } .page-template-landing-page .dynamic-quote .quoteContainer blockquote.manor_girls { background: #F0FFF7; } .page-template-landing-page blockquote.manor_girls.quote-text:after { border-top: 18px solid #F0FFF7; } .page-template-landing-page .dynamic-quote .quoteContainer blockquote.isi { background: #FAE0FA; } .page-template-landing-page blockquote.isi.quote-text:after { border-top: 18px solid #FAE0FA; } .page-template-landing-page .dynamic-quote .quoteContainer blockquote.tatler { background: #FFF7FF; } .page-template-landing-page blockquote.tatler.quote-text:after { border-top: 18px solid #FFF7FF; } .page-template-landing-page .dynamic-quote .quoteContainer { max-width: 850px; margin: 0 auto; } .page-template-landing-page .dynamic-quote { border-bottom: 1px solid #245c2e; } .page-template-landing-page .callout.hasbg .calloutContent { padding-top: 200px; padding-bottom: 200px; } .page-template-landing-page .callout a.readmore { background: rgba(36, 92, 46, 0.8); margin-right: 15px; margin-bottom: 10px; } .page-template-landing-page .callout a.readmore:hover { background: #c21718; } .page-template-landing-page .calloutTitle h3 { font-family: 'ChanticleerRoman'!important; font-size: 60px!important; line-height: 55px!important; } .page-template-landing-page .callout .coimg img { object-position: top; } .page-template-landing-page .dynamic-mini-poi { padding: 20px; } @media only screen and (min-width : 768px) { .page-template-landing-page .dynamic-mini-poi { padding: 90px 0 0 50px; } } .page-template-landing-page .miniPOIrow { justify-content: center; } .page-template-landing-page .miniPOIrow .item { flex: 0 0 0%; min-width: 300px; max-width: 100%; } .page-template-landing-page .dynamic-mini-poi .minipoiImg { padding: 20px; } .page-template-landing-page .mini-pois .col.item { margin-bottom: 0px } .page-template-landing-page .column-text .blockButton a { margin-bottom: 10px; } .page-template-landing-page .schools-holder .school_img { background-position: center center!important; background-repeat: no-repeat!important; background-size: cover!important; position: relative; /*min-height: 600px; width: 100%; height: auto;*/ } .landingDynamic.dynamic-school .school_text:before { --wpr-bg-46eb2996-2dcb-41e4-9daf-a92be7d61b77: url('https://www.eatonhouseschools.com/clapham/wp-content/themes/schoolcms/images/logo-background.svg'); } .landingDynamic.dynamic-school .school_text:before { content: ''; width: 500px; height: 500px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: block; background: var(--wpr-bg-46eb2996-2dcb-41e4-9daf-a92be7d61b77) center center no-repeat; } .page-template-landing-page .schools-holder { background-color: #245C2E; color: #fff; } .page-template-landing-page .schools-holder .section_title h2, .page-template-landing-page .schools-holder .section_title p { color: #fff; text-align: left; } .page-template-landing-page .schools-holder .section_title h2 { font-size: 55px; margin: 0 0 20px; } .page-template-landing-page .schools-holder .button { border: 1px solid #fff; margin-top: 40px; margin-bottom: 20px; } .page-template-landing-page .schools-holder .school_text { position: relative; } .page-template-landing-page .schools-holder .school-text h3 { color:#fff; font-size: 30px; } .page-template-landing-page .schools-holder .school-text { padding: 40px 30px; font-size: 16px; font-weight: 300; line-height: 2; } .page-template-landing-page .schools-holder .schools-next { position: absolute; left: 8%; top: 96%; font-size: 25px!important; color: #d5d5d5!important; font-weight: 400!important; transform: translatey(-50%); } .page-template-landing-page .schools-holder .schools-prev { position: absolute; right: 8%; top: 96%; font-size: 25px!important; color: #d5d5d5!important; font-weight: 400!important; transform: translatey(-50%); } .page-template-landing-page .schools-holder .school_img { min-height: 200px; width: 100%; margin-left: 0; height: auto; } .page-template-landing-page .schools-holder .school_img img { visibility: hidden; } /* hexagons */ .dynamic-hexagons { position: relative; margin: 0; } .dynamic-hexagons { position: relative; margin: 0; padding: 80px 0 100px; } .dynamic-hexagons:before { width: 100%; height: 100%; content: ''; display: block; position: absolute; left: 0; top: -40px; /*background: url("images/mini-poi-bg.png") center top no-repeat; background-size: cover !important;*/ z-index: -1; } .hexa_boxes_container .section_title { text-align: center; } .hex-grid { width: 100%; max-width : 1000px; text-align: center; margin: 0px auto; position: relative; min-height: 580px; --bs-gutter-x: 0; margin-top: 80px; } .hex { position: relative; max-width: 295px; width: 100%; height: 100%; height: auto; /*max-height: 256px;*/ aspect-ratio: 1 / cos(30deg); left: 130px; clip-path: polygon(50% -50%,100% 50%,50% 150%,0 50%); color: #1e5c33; } .hex:nth-child(1) { height: 100%; z-index: 1; } .hex:nth-child(3) { position: absolute; left: -88px; top: 125px; } .hex:nth-child(2) { position: absolute; top: 0px; left: 565px; } .hex:nth-child(4) { position: absolute; top: 127px; left: 348px; } .hex:nth-child(5) { position: absolute; left: 783px; top: 125px; } .hex:nth-child(6) { position: absolute; top: 251px; left: 130px; } .hex:nth-child(7) { position: absolute; top: 251px; left: 565px; } .hex.green { background-color: #1e5c33; color:#fff; } .hex.light_green { background-color: #f0ffe6; color: #1e5c33; } .hex-content{ width: 100%; height : auto; text-align : center; /*padding: 65px;*/ display:flex; align-items:center; aspect-ratio: 1 / cos(30deg); overflow:hidden; } .hex-content .hex-content-main { padding: 60px; width:100%; } .hex-shape { position:absolute; --b: 5px; width: 100%; top:0; left:0; max-height: 258px; height:auto; aspect-ratio: 1/cos(30deg); clip-path: polygon(0 50%,50% -50%,100% 50%,50% 150%,0 50%, var(--b) 50%, calc(25% + var(--b)*cos(60deg)) calc(100% - var(--b)*sin(60deg)), calc(75% - var(--b)*cos(60deg)) calc(100% - var(--b)*sin(60deg)), calc(100% - var(--b)) 50%, calc(75% - var(--b)*cos(60deg)) calc(var(--b)*sin(60deg)), calc(25% + var(--b)*cos(60deg)) calc(var(--b)*sin(60deg)), var(--b) 50%); background: #245C2E; } .hex-des-box { font-size: 22px; line-height: 30px; } .hex-title { font-size: 23px; line-height: 1.4; margin-bottom: 0px; text-transform: uppercase; font-family: "Avenir95Black"; margin-top: 10px; } .hex-content img { width: 100%; height: 100%; object-fit: cover; } .hex.hasImg { clip-path: polygon(50% -50%,100% 50%,50% 150%,0 50%); } .hex.hasImg .hex-content .hex-content-main { height: 100%; padding: 0px; } .hexButton { text-align: center; } @media only screen and (max-width : 991px) { .dynamic-hexagons:before { background-size: auto 100% !important; } .dynamic-hexagons { padding: 130px 0 120px; } .hex { position: relative !important; max-width: 295px; width: 100%; height: 100%; max-height: 256px; left: auto !important; right: auto !important; top: auto !important; bottom: auto !important; margin: auto; } .hexa_boxes_container { margin-left: 20px; margin-right: 20px; } .hexa_boxes_container button.owl-next { position: absolute; right: 0; } .hexa_boxes_container button.owl-prev { position: absolute; left: 0; } .hexa_boxes_container .owl-dots { text-align: center; } .hex-content { padding: 20px; } .hex.hasImg .hex-content .hex-content-main, .hex.hasImg .hex-content { padding: 0px; } .hex-content img { max-width: 100%; width: auto; } .hex { margin-bottom: 80px; } .hex-grid { min-height: 420px; } } @media only screen and (min-width : 1440px) { .dynamic-hexagons:before { background-size: 100% 100% !important; } } /* hexagons end */ @media only screen and (min-width : 768px) { .page-template-landing-page h1, .page-template-landing-page h1.entry-title { font-size: 60px; margin-bottom: 0px; } .page-template-landing-page .section_title h2, .page-template-landing-page .dynamic-quote .quoteContainer .quotesTitle { font-size: 60px; } .page-template-landing-page .welcomeBlockText { padding-right: 100px; } .page-template-landing-page .welcomeBlockTitle h2 { margin-bottom: 65px; } .page-template-landing-page .dynamic-quote { padding: 80px 0px; } .page-template-landing-page .quotes-holder { margin: 0 20px; } .bodyContent blockquote.quote-text { padding: 30px 20px !important; } .page-template-landing-page .dynamic-quote .quoteContainer .quote-cite { font-size: 24px; line-height: 42px; } .page-template-landing-page .callout a.readmore:last-child { margin-right: 0px; } .page-template-landing-page .column-text .blockButton:nth-child(2), .page-template-landing-page .column-text .blockButton:nth-child(3) { margin-left: 15px; } .page-template-landing-page .mini-pois .col.item { margin-bottom: 80px } .page-template-landing-page .schools-holder .school_img { min-height: 700px; width: 40%; margin-left: auto; height: auto; } .page-template-landing-page .schools-holder .school-text { padding: 140px 130px 100px; } .page-template-landing-page .schools-holder .schools-next { top: 50%; font-size: 32px!important; } .page-template-landing-page .schools-holder .schools-prev { top: 50%; font-size: 32px!important; } .page-template-landing-page .footer_map_image { margin-top: 120px; } }