/* Theme Name: Schoolcms Author: Innermedia Author URI: https://www.innermedia.co.uk Description: Requires at least: WordPress 4.9.6 Version: 4 /*------------------------------------*\ TYPOGRAPHY \*------------------------------------*/ :root { --graphite : #1b1b1b; --green : #669B53; --parchment : #E0CFA2; --forest_green : #255440; --yellow : #FCC71C; --navy : #102A4C; --red : #FF0000; --body_colour : var(--graphite); --title_colour : var(--forest_green); --link_colour : var(--forest_green); --link_colour_hover : var(--green); --button_colour : #fff; --button_bg : var(--green); --button_colour_hover : #fff; --button_bg_hover : var(--forest_green); } body { font-family: 'gill-sans-nova', sans-serif; font-size: 22px; line-height:1.4; font-weight:300; color: var(--body_colour); margin: auto; } .wrapper { position:relative; overflow:hidden; } /* clear */ .clear:before, .clear:after { content:' '; display:table; } .clear:after { clear:both; } a { color:var(--link_colour); text-decoration:none; } a:hover { text-decoration:none; color:var(--link_colour_hover); } a:focus { text-decoration:none; } h1,h2,h3,.entry-title, .h1, .h2,.h3 { color:var(--title_colour); font-family: "Abril Fatface", serif; font-weight: 400; } img { max-width:100%; height:auto; } button:focus { outline:0; } p { margin-bottom:30px; } table { width:100%; margin-bottom:1em; } h1, .h1, h1.entry-title, .entry-title { font-size: 48px; margin-bottom:20px; letter-spacing: -0.48px; font-weight: 500; line-height: 52px; margin-bottom: 32px; } h2, .h2{ font-size: 32px; line-height: 1.2; margin: 30px 0 10px; letter-spacing: -0.32px; text-transform: inherit; } h3, .h3 { font-size:22px; line-height: 1.2; letter-spacing: -0.22px; } strong { font-weight: 700; } .well { padding:10px 15px; background:#eaeaea; border:solid 1px #ddd; margin:20px 0; } .owl-dots span { width:10px; height:10px; display:inline-block; background:var(--green); 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:1; } .owl-dots .owl-dot.active { opacity:1; } .owl-dots .owl-dot.active span { color: var(--forest_green); } /****Button******/ .blockButton > a, .downloadButton > a, a.readmore, .button, .wpforms-submit { color: var(--button_colour); font-size: 16px; font-weight: 300; letter-spacing: 1.4px; line-height: 24px; border-radius: 0px; padding: 12px 20px 12px; background-color: var(--button_bg); display: inline-block; position:relative; padding-right:42px; text-decoration: none!important; } div.wpforms-container-full form.wpforms-form button.wpforms-submit, div.wpforms-container-full form.wpforms-form button[type=submit] { line-height: 24px; display: inline-block; color: var(--button_colour); font-size: 16px; font-weight: 300; letter-spacing: 1.4px; line-height: 24px; border-radius: 0px; padding: 12px 20px 12px; background-color: var(--button_bg); border: none!important; border-radius: 0px; text-transform: uppercase; letter-spacing: 1.4px; position:relative; padding-right: 42px; } .blockButton > a:after, a.readmore:after, .button:after, div.wpforms-container-full form.wpforms-form button.wpforms-submit:after, div.wpforms-container-full form.wpforms-form button[type=submit]:after { display: inline-block; content: ''; width: 12px; height: 7px; background-color:currentColor; mask-image: url(images/arrow-white.png); mask-position: center center; mask-repeat: no-repeat; vertical-align: middle; position:absolute; right:20px; top:50%; margin-top:-4px; } .blockButton> a:hover, a.readmore:hover, .button:hover, .wpforms-submit:hover { background-color:var(--button_bg_hover); color: var(--button_colour_hover); } .blockButton > a:hover:after, a.readmore:hover:after, .button:hover:after, .wpforms-submit:hover:after { right:16px; } div.wpforms-container-full form.wpforms-form button.wpforms-submit:hover, div.wpforms-container-full form.wpforms-form button[type=submit]:hover { background-color:var(--button_bg_hover); color: var(--button_colour_hover); text-decoration: none; } .body-text div.wpforms-container-full .wpforms-form .wpforms-field-label { font-weight: 400; font-size: 22px; } .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 0px; overflow:hidden; min-height:400px; max-height: 691px; } #pageBanner:before { content:''; display:block; width:100%; padding-top: 50.328%; } #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 { margin:00px auto 30px; position: relative; margin:0 auto 20px; overflow:hidden; max-height:864px; height:100vh; min-height:710px; } @media(min-width:768px){ .homeBanner { max-height:864px; } .homeBanner:before { content:''; display:block; padding-top:56.08%; } } .homeBanner .slideImage:after { content: ''; display: block; width: 100%; bottom: 0; position: absolute; left: 0; height: 100%; background: rgba(38,38,38,0.3); } #hero .slideText, #videoWrap .slideText{ bottom: 5%; left: 0; right: 0; font-size: 18px; padding:0 15px; color: #fff; position: absolute; padding: 20px 0; text-align: center; } .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 \*------------------------------------*/ .fancybox-content.popupAlert { max-width: 848px !important; padding: 78px 55px !important; } .popupAlert { width:100%; max-width:600px; } .noticeBody { width:100%; } .popupAlert .popupImg { } .popupAlert .popupImg img { width:100% } .popupAlert .noticeText { } .popupAlert .noticeText *{ max-width:100%; } .popupAlert .noticeText .popTitle{ margin: 0px 0 20px; } /*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:#fff; background:var(--forest_green); --link_colour:#fff; --link_colour_hover : var(--green); transition:300ms; padding-top:0px; padding-bottom:0px; text-align:center; z-index:992; position:fixed; height:100px; width:100%; top:0; left:0; } body.fixedHeader .headGroup { height:60px; } .headerIcon { } .headerIcon img{ width:95px; height:100px; transition: 300ms; } body.fixedHeader .headerIcon img{ height:60px; width:57px; } .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:100px; } .admin-bar .headGroup { margin-top:46px } @media (min-width:600px){ } @media (min-width:768px){ .admin-bar .headGroup, .admin-bar.fixedHeader .headGroup { margin-top:32px } } @media (max-width:600px){ .admin-bar.fixedHeader .headGroup { margin-top:0; } } /*home*/ @media (max-width:767.99px){ } .headGroup { top:0; } .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: 36px; } } .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:10px; transition:300ms; } .menuopen .menu-toggle .toggleIcon { top:14px; } .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:30px; 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:19px; } #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{ } .im-hivis { font-size:16px; } #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; } #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 { } #menu-side > li > a span{ } #menu-side ul{ list-style:none; padding:0; margin: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: 30px; height: 30px; position: absolute; right: 2px; top: 10px; cursor: pointer; } #menu-side .sub-menu li.menu-item-has-children > .arrow:before { content: "\f105"; position: absolute; right: 10px; font-weight: 600; font-family: "Font Awesome 5 Free"; font-style: normal !important; display: block; top: 50%; font-size: 0px; transform: translateY(-50%) rotate(0deg); width: 13px; height: 7px; background: url(images/arrow-blue.png) center center no-repeat; } #menu-side .sub-menu li.menu-item-has-children.open > .arrow:before { transform:translateY(-50%) rotate(90deg) } #menu-side .sub-menu li a:hover{ color:#676767; } #menu-side .sub-menu .sub-menu { background:rgba(0,0,0,0.1); display:none; } #menu-side .sub-menu .sub-menu li{ margin:0; } #menu-side .sub-menu li.open > .sub-menu { display:block; } @media (max-width:767.99px){ .side-menu-container { display:none; } } /*---------- Blog sidebar ----------*/ #blognav ul { list-style:none; } .sidebarSec { padding:0px 15px 15px; margin:0 auto 10px; } .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:990; } #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; } /**** 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: contain; background-size:50px; } /*******FAQS*****/ .faqs{ } .faqs .faq{ margin-top:14px; } .faq-question{ font-family: 'gill-sans-nova', sans-serif; position:relative; color: #fff; font-size: 16px; font-weight: 300; letter-spacing: 1.4px; line-height: 24px; border-radius: 0px; padding: 12px 20px 12px; background-color:var(--green); display: block; position:relative; padding-right:42px; text-decoration: none!important; width:100%; margin-bottom:0; margin-top:0; cursor: pointer; } .faq.open .faq-question{ color: #fff; background-color:var(--forest_green); } .faq-question:hover{ color: #fff; background-color:var(--forest_green); } .faq-question:after { content: '\f054'; display: block; width: 11px; height: 18px; position: absolute; right: 20px; top: 50%; margin-top: -8px; font-weight: 700; font-family: "Font Awesome 5 Free"; transform: rotate(90deg); transition: 300ms; font-size: 15px; line-height: 1; } .faq.open .faq-question:after { transform:rotate(-90deg); } .faq-answer{ display:none; padding: 16px 35px; border-top: none; margin-bottom: 0px; background-color:var(--forest_green); color: #fff; --title_colour: #fff; --link_colour: #fff; --button_bg_hover: var(--yellow); --button_colour_hover: var(--forest_green); } /******Staff********/ .staff { margin-top:30px; } .staffMember { padding-bottom:10px; border-bottom:solid 1px #707070; margin-top:60px; padding-bottom:50px; } .staff-meta { } .staff-biog { margin-top:20px; } .staff-meta .meta-label { font-family: "Abril Fatface", serif; } .featured-staff-name { margin-top:0; } .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:transparent; color:var(--body_colour); font-style:italic; font-family: 'gill-sans-nova', sans-serif; font-size:32px; font-weight: 300; padding:1em 0em; text-align:left; } .quoteContainer .singleQuote { width:100%; position:relative; } .quoteContainer .cycle-pager { text-align: left; top:100%; left:0; margin-top:40px; z-index: 105; width: 100%; } .quoteContainer .cycle-pager span{ display: inline-block; width:25px; height:25px; margin:0 2px; text-align: center; color:var(--green); cursor: pointer; font-size: 50px; line-height: 25px; opacity: 0.6; } .quoteContainer .cycle-pager span.cycle-pager-active{ opacity: 1; } .quoteContainer blockquote.quote-text{ padding-top:80px; margin-bottom:0; margin-top:0; position: relative; } .quoteContainer blockquote.quote-text:before{ content: '“'; color:var(--forest_green); display: block; font-family: "Abril Fatface", serif; font-size: 150px; line-height: 45px; font-style: normal; width: 90px; height: 45px; position: absolute; top: 40px; left: 0; text-align: left; vertical-align: top; } .quoteContainer .quote-cite{ font-family: 'gill-sans-nova', sans-serif; font-style: normal; text-align: left; font-size:16px; margin-top:30px; font-weight: 300; } /****Documents******/ .dynamicContent.dynamic-documents { margin-bottom:0; } .dynamicContent.dynamic-documents + .dynamicContent.dynamic-documents { margin-top:1.5rem; } .dynamicContent.dynamic-documents .documents > .row { --bs-gutter-x: 1.5rem; --bs-gutter-y: 1.5rem; } a.document-link { width:100%; padding-right:40px; } a.document-link:after { mask-image: url(images/download-icon.svg); width:10px; height:17px; margin-top: -8px; } a.document-link:hover { } /*Callout*/ .callout { display:block; position:relative; transition:300ms; color: #fff; --title_colour:#fff; background: var(--forest_green); --button_bg_hover : var(--yellow); --button_colour_hover: var(--forest_green); font-size:1em; overflow:hidden; display: flex; align-items: center; width:100%; } .callout:before { content:''; display: block; position: absolute; width:295px; height:300px; max-width:50%; bottom:15px; right:15px; background-image:url(images/co_overlay.svg); background-repeat: no-repeat; background-position: center; background-size: contain; } .callout .calloutContent { text-align: center; padding:80px 15px; position: relative; max-width: 830px; margin:0 auto; } .callout .calloutTitle .title { margin-top:0; } .callout .calloutSubtitle { margin-top:10px; } .callout .calloutText { margin-top:16px; } .callout .readmore{ margin-top:20px; } .callout .coimg { position: absolute; top:0; left:0; width:100%; height:100%; background:#000; } .callout .coimg img{ position: absolute; top:0; left:0; width:100%; height:100%; object-fit: cover; opacity: 0.6; } .calloutslider .calloutItem { width:100%; } .calloutslider .cycle-pager { text-align: center; position: absolute; top:100%; left:0; margin-top:-80px; z-index: 105; width: 100%; } .calloutslider .cycle-pager span{ display: inline-block; width:25px; height:25px; margin:0 2px; text-align: center; color:#fff; cursor: pointer; font-size: 50px; line-height: 25px; opacity: 0.6; } .calloutslider .cycle-pager span.cycle-pager-active{ opacity: 1; } @media (min-width:992px){ .callout { min-height:550px; } } @media (min-width:1200px){ .callout { min-height:625px; } } .dynamicContent.dynamic-side_image_call_out { margin-bottom:0; } .sideImageCallout { background: #f6f0e3; padding-top:40px; padding-bottom:40px; background-image: url(images/home-co_bg.png); background-position: center right; background-repeat: no-repeat; } .sideImageCallout .coRow { --bs-gutter-x:50px; --bs-gutter-y:40px; } .sideImageCallout .coimg { position: relative; margin:0 20px; max-width: 460px; } .sideImageCallout .coimg img{ width:100%; } .sideImageCallout .coimg:before { content: ''; display: block; position: absolute; width:218px; height:222px; max-width: 50%; bottom: -60px; left: -60px; background-image: url(images/sideco_overlay.svg); background-repeat: no-repeat; background-position: center; background-size: contain; } .sideImageCallout .coimg .coimgOverlap { position: relative; width:114px; height:114px; position: absolute; top:90px; right:0; transform:translateX(50%); border:solid 2px var(--graphite); } .sideImageCallout .coimg .coimgOverlap:after { content: ''; display: block; position: absolute; width:114px; height:20px; top:50%; margin-top: -10px; right:-20%; background-image: url(images/jagged.svg); background-repeat: no-repeat; background-position: center; background-size: contain; } .sideImageCallout div.wpforms-container-full .wpforms-form input[type=date], .sideImageCallout div.wpforms-container-full .wpforms-form input[type=datetime], .sideImageCallout div.wpforms-container-full .wpforms-form input[type=datetime-local], .sideImageCallout div.wpforms-container-full .wpforms-form input[type=email], .sideImageCallout div.wpforms-container-full .wpforms-form input[type=month], .sideImageCallout div.wpforms-container-full .wpforms-form input[type=number], .sideImageCallout div.wpforms-container-full .wpforms-form input[type=password], .sideImageCallout div.wpforms-container-full .wpforms-form input[type=range], .sideImageCallout div.wpforms-container-full .wpforms-form input[type=search], .sideImageCallout div.wpforms-container-full .wpforms-form input[type=tel], .sideImageCallout div.wpforms-container-full .wpforms-form input[type=text], .sideImageCallout div.wpforms-container-full .wpforms-form input[type=time], .sideImageCallout div.wpforms-container-full .wpforms-form input[type=url], .sideImageCallout div.wpforms-container-full .wpforms-form input[type=week], .sideImageCallout div.wpforms-container-full .wpforms-form select, .sideImageCallout div.wpforms-container-full .wpforms-form textarea { background-color:var(--forest_green); color:#fff; } .sideImageCallout div.wpforms-container-full .wpforms-form .wpforms-field-label{ font-size:22px; font-weight:400; } @media (min-width:1200px){ .sideImageCallout { padding-top:80px; padding-bottom:70px; } .sideImageCallout .coRow { --bs-gutter-x:60px; --bs-gutter-y:40px; } } /***POIS****/ .pois { margin-bottom:-30px; } .pois .col { min-width:33.333%; } .poi { position: relative; display: block; transition:all 300ms; overflow: hidden; background:var(--forest_green); color:#fff; margin-bottom:30px; --button_colour:var(--forest_green); --button_bg : #fff; --button_colour_hover:var(--forest_green); --button_bg_hover : #fff; } .poi:hover { color:#fff; text-decoration:none; } .poi.poistyle_forest_green { background-color: var(--green); } .poi.poistyle_green { background-color: var(--green); } .poi.poistyle_yellow { background-color: var(--yellow); color:var(--forest_green); } .poiImage { background-color:var(--green); } .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; } .poi:hover .poiImage .poiImageBG { } .poiImage:before { content:''; display:block; width:100%; padding-top:95%; } .textOnlyBlock .poiText { position:relative; padding:25px 15px; } .poi .poiTitle { font-family: "Abril Fatface", serif; } .poi .textOnlyBlock{ } .poi .poiTitle { display:block; font-size:32px; font-weight:500; position:relative; padding:10px 10px; } .poiImage .poiText { padding-left:90px; padding-right:90px; } .poi .poiImage .poiTitle { display: inline-block; min-height: 90px; } .poi .poiImage .poiTitle span { display: inline-block; vertical-align: middle; text-align: center; margin-top:10px; } .poi .poiImage .poiTitle:after { content:''; display: block; background-color:var(--green); background-image:url(images/arrow-white.png); background-repeat: no-repeat; background-position: 24px; background-size:10px; position: absolute; height:90px; width:80px; clip-path: polygon(0 0, 0% 100%, 100% 50%); left:100%; top:50%; transform:translateY(-50%); } .poi:hover .poiImage .poiTitle:after { background-color:var(--forest_green); } .poi .textOnlyBlock .poiTitle{ margin:5px; } .textOnlyBlock { padding:10px 30px; transition:300ms; min-height:550px; display: flex; justify-content: center; align-items: center; } .poi .btnWrap { margin-top:10px; } .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:30px; 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%; transform:translateY(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; } @media (min-width:768px){ .poiImage .poiText { padding-left:50px; padding-right:50px; } .poi .poiImage .poiTitle:after { height: 50px; width: 40px; background-position: 13px; } } @media (min-width:1200px){ .poiImage .poiText { padding-left:90px; padding-right:90px; } .poi .poiImage .poiTitle:after { height:90px; width:80px; background-position: 24px; } } /*------------------------------------*\ 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 \*------------------------------------*/ /*23 Dec 2022 -------------------------------- Start Css ----- */ /*Search Toggle Css ---------------------- START ------------------------------ */ .headerSearch form.openSearch { padding-right : 12px; top : 0px; z-index: 9; } .searchform.openSearch { overflow: visible; } .headerSearch form.openSearch .searchSubmit { top : 0px; left: auto; } .searchToggle .searchform input.s { display: none; } .searchToggle .searchform.openSearch input.s { display: block; } .searchToggle .headerSearch .searchform input.s { position: absolute; right: 0; bottom: 0px; } .searchToggle { display: inline-block; vertical-align: middle; position: relative; width: 28px; height: auto; min-height: 30px; margin-left: 0px; } .searchToggle .search-form-holder { position: absolute; right: 0; top: 0; transform: none; z-index: 11; } .searchToggle .searchform { width: 28px; transition: 500ms; position: absolute; right : 0; top : 0px; padding-right : 0px; height: 30px; z-index: -1; } .searchToggle .searchform input.s { /*transition:300ms;*/ background: transparent; } .searchToggle .searchform.openSearch input.s { } .searchform.openSearch { width: 150px; height: 40px; } @media (min-width:992px){ .searchform.openSearch { width: 250px; height: 40px; } } .searchToggle .searchform.openSearch input.s:focus { outline: none; border: none; box-shadow: none; } .searchToggle .searchform.openSearch input.s { background: var(--green); color: #ffffff; border: none; width: 100%; padding: 2px 10px; height: 40px; } .headerSearch .searchSubmit { font-size: 14px; width: 28px; height: 30px; top: 0px; font-size: 0; right: 0; background: url(images/search-icon.png) center center no-repeat; } .headGroup .searchSubmit:hover { background: url(images/search-icon.png) center center no-repeat; } /*Search Toggle Css --------------------------- END ----------------------------------- */ #hero .slideText, #videoWrap .slideText { width: 100%; max-width: 600px; bottom: 15%; padding: 0; text-align: left; left: 9%; } #hero .slideText .top_text, #videoWrap .slideText .top_text { font-family: "Abril Fatface", serif; color: #ffffff; font-size: 48px; line-height: 1.1; margin-bottom: 12px; text-shadow: 0px 0px 6px rgba(0,0,0,0.7), 0px 0px 14px rgba(0,0,0,0.5); } #hero .slideText .top_text span, #videoWrap .slideText .top_text span{ font-family: "active", serif; font-size:80px; line-height: 1; letter-spacing: -0.01em; color:var(--yellow); color: var(--yellow); display: block; } #hero .slideText .bottom_text, #videoWrap .slideText .bottom_text { font-size: 22px; line-height: 32px; max-width: 410px; margin-bottom: 32px; text-shadow: 0px 0px 6px rgba(0,0,0,0.7), 0px 0px 14px rgba(0,0,0,0.5); } #hero .slideText .button, #videoWrap .slideText { --button_colour : var(--forest_green); --button_bg : #fff; --button_bg_hover : var(--green); --button_colour_hover : #fff; } .headLogoWrap { text-align: left; } .homeBanner { margin-bottom: 0; } .welcomeBlock { padding: 100px 0 100px; position: relative; background-image:url(images/welc-bg.png); background-position: center right; background-repeat: no-repeat; } a.welcomeImage { max-width:375px; margin:0 auto; position: relative; display: block; } a.welcomeImage:after { content: ''; display: block; position: absolute; aspect-ratio: 276/320; width: 73%; bottom: -40px; left: -10%; background-image: url(images/video_overlay.svg); background-repeat: no-repeat; background-position: center; background-size:contain; } .welcomeImage-main{ width: 100%; position: relative; height: auto; } .welcomeImage-main:before{ position: relative; content:''; display: block; padding-top:131.7333%; width:100%; } a.welcomeImage .welcomeImage-main:after{ content:''; display: block; position: absolute; top:50%; left:50%; width:96px; height:96px; transform:translate(-50%,-50%); background-image:url(images/play.svg); } .welcomeImage-main img{ position: absolute; top:0; left:0; width:100%; height:100%; object-fit: cover; } .welcomeImageCaption { max-width:236px; width:100%; padding-left:48px; border-left:solid 1px var(--forest_green); margin-top:50px; } .welcomeImageCaption .captionTop{ margin-top:0; margin-bottom:0; } .welcomeImageCaption .captionBtm{ margin-top:0; margin-bottom:0; } .welcomeBlockText { padding-top:40px; position: relative; } .welcomeBlockText:before { content:''; display: block; width:100px; height:90px; position: absolute; top:0; left:-30px; background: url(images/welcome-top-corner-icon.png) left top no-repeat; z-index: -1; } @media (min-width:992px){ a.welcomeImage { margin: 0 auto 0 0; } .welcomeImageCaption { margin-left:auto; } } .welcome-btn-bar { padding-top: 30px; } .dynamic-news { padding: 110px 0 110px; margin: 0; background-color: var(--forest_green); color: #fff; --title_colour: #fff; --link_colour: #fff; --button_bg_hover: var(--yellow); --button_colour_hover: var(--forest_green); background-image:url(images/life-bg.png); background-repeat: no-repeat; background-position: 10% calc(100% - 20px); } .dynamic-news .item-inner { margin: 0; height: 518px; background-color: rgba(102, 155, 83, 0.5); --title_colour: #fff; --link_colour: #fff; --button_bg_hover: var(--yellow); --button_colour_hover: var(--forest_green); } .dynamic-news .item-inner .news_image { padding: 0; } .dynamic-news .item-inner .news_image img { width: 100%; height: 100%; max-height:518px; object-fit: cover; max-width: inherit; } .dynamic-news .item-inner .news-details-box { padding: 48px 38px 100px 48px; position: relative; } .dynamic-news .item-inner .news-details-box .button { position: absolute; left: 48px; bottom: 48px; } .dynamic-news .item-inner .news-details-box .newsTitle { font-family: "Abril Fatface", serif; font-size: 32px; letter-spacing: 0.32px; line-height: 36px; color: var(--title_colour); display: block; font-weight: 500; margin-bottom: 16px; } .dynamic-news .item-inner .news-details-box .newsTitle a { color: var(--title_colour); text-decoration: none; } .dynamic-news .item-inner .news-details-box .newsTitle a:hover { color:#AC8827; text-decoration: none; } .dynamic-news .item-inner .news-details-box .news_content { line-height: 28px; font-size: 18px; } .dynamic-news .section_title { margin-bottom: 65px; } .dynamic-news .section_title span { display: block; color: #AC8827; font-size: 16px; line-height: 24px; margin-bottom: 8px; font-family: 'gill-sans-nova', sans-serif; } .dynamic-news .owl-dots { display: none; } .dynamic-news .owl-nav { position: relative; max-width: 1044px; margin: 0px auto; padding-top: 48px; text-align: right; } .dynamic-news .owl-nav button { color: var(--forest_green) !important; font-size: 20px !important; margin: 0px 10px 0 0 !important; padding: 5px 8px !important; width: 48px !important; height: 48px !important; background: var(--yellow) !important; display: inline-block !important; cursor: pointer !important; border-radius: 0px !important; text-align: center !important; position: relative; left: auto; right: auto; top: auto; bottom: auto; } .dynamic-news .owl-nav button:hover { color: #ffffff !important; background: var(--green) !important; } .dynamic-events { padding: 140px 0; } .dynamic-events .section_title { margin-bottom: 25px; } .dynamic-events .section_title h2 { margin-bottom: 0; } .dynamic-events .section_title h2 span { display: block; color: #AC8827; font-size: 16px; line-height: 24px; margin-bottom: 8px; font-family: 'gill-sans-nova', sans-serif; } .dynamic-events .all_events { max-width: 228px; } .dynamic-events .eventDate { margin-bottom: 24px; } .dynamic-events .eventDate .event-day-number { padding-right: 33px; font-size: 80px; letter-spacing: 0.8px; line-height: 102px; color: var(--title_colour); font-family: "Abril Fatface", serif; display: inline-block; border-right: 1px solid var(--forest_green); } .dynamic-events .eventDate .event-day { display: inline-block; font-size: 32px; line-height: 32px; color: var(--title_colour); padding-left: 20px; text-transform: uppercase; } .dynamic-events .eventDate .event-day em { display: block; font-style: normal; font-size: 16px; line-height: 24px; color: var(--title_colour); text-transform: inherit; } .dynamic-events .events-row { padding-top: 64px; } .dynamic-events .newsTitle { font-size: 22px; font-weight: 600; color: #AC8827; line-height: 32px; margin-bottom: 12px; } .dynamic-events .newsTitle a { color: #AC8827; } .dynamic-events .newsTitle a:hover { color: var(--title_colour); } .dynamic-events .news_content { font-size: 16px; line-height: 24px; } .dynamic-events .news_content p { margin-bottom: 20px; } .dynamic-events .home-event-link { border-left: 1px solid var(--forest_green); padding-left: 40px; background: url(images/arrow-blue.png) 15px center no-repeat; font-size: 13px; line-height: 20px; letter-spacing: 1.3px; color: var(--title_colour); font-weight: 900; text-transform: uppercase; display: inline-block; } .dynamic-events .home-event-link:hover { border-left: 1px solid #AC8827; color: #AC8827; background: url(images/arrow-golden.png) 15px center no-repeat; } .dynamic-events { margin: 0; } .dynamic-twitter { margin: 0; background: var(--forest_green); padding: 140px 0 160px; color: #ffffff; } .dynamic-twitter .section_title { margin-bottom: 64px; } #ctf .ctf-author-name { display: none !important; } #ctf.ctf-styles .ctf-author-screenname { display: block; font-size: 22px; line-height: 32px; margin-bottom: 0px; margin-left: 0; } #ctf .ctf-tweet-meta { color: #1C76CF; font-size: 16px !important; line-height: 24px !important; } #ctf .ctf-tweet-meta a { color: #1C76CF !important; font-size: 16px !important; line-height: 24px !important; } #ctf .ctf-hide-avatar .ctf-author-box { margin-bottom: 16px; } #ctf .ctf-hide-avatar .ctf-tweet-content { font-size: 16px; line-height: 24px; color: #ffffff; margin: 0 !important; padding: 0 !important; } #ctf p.ctf-tweet-text { line-height: 24px !important; font-size: 16px !important; height: 96px; overflow: hidden; } #ctf .ctf-tweet-media { max-height: 148px; overflow: hidden; margin-top: 24px !important; } #ctf .ctf-tweet-media .ctf-lightbox-link { border-radius: 0px !important; border: none !important; } #ctf .ctf-tweet-media a:after { border: none !important; } #ctf .ctf_more { color: #ffffff; } .ctf-carousel .ctf-owl-nav .ctf-owl-next, .ctf-carousel .ctf-owl-nav .ctf-owl-prev { position: relative !important; display: block; } .ctf-carousel .ctf-owl-nav .ctf-owl-next:hover, .ctf-carousel .ctf-owl-nav .ctf-owl-prev:hover { position: relative !important; } .ctf-owl-nav.onhover svg { position: relative !important; left: auto; right: auto; bottom: auto; top: auto; } .ctf-carousel .ctf-owl-nav { text-align: left !important; margin-top: 37px !important; min-height: 40px !important; } .ctf-carousel .ctf-owl-nav .ctf-owl-next, .ctf-carousel .ctf-owl-nav .ctf-owl-prev { color: var(--forest_green) !important; font-size: 20px !important; margin: 0px 10px 0 0 !important; padding: 5px 8px !important; width: 48px !important; height: 48px !important; background: #ffffff !important; display: inline-block !important; cursor: pointer !important; border-radius: 0px !important; text-align: center !important; } .ctf-carousel .ctf-owl-nav .ctf-owl-next:hover, .ctf-carousel .ctf-owl-nav .ctf-owl-prev:hover { color: #ffffff !important; background: #17497B !important; } #ctf .svg-inline--fa, #ctf_lightbox .svg-inline--fa { vertical-align: middle; } #ctf .ctf-item { padding: 0; max-width: 298px; } .tab-details-area p { display: flex; margin-bottom: 0; } #footer { position: relative; padding-top:90px; padding-bottom:90px; background-color: var(--green); } .footer_image { position: absolute; top:0; left:0; width:100%; height:100%; } /*.footer_image::after { width: 71px; height: 85px; background: url(images/location-icon.png) center center no-repeat; content: ''; position: absolute; top: 75%; left: 57%; transform: translate(-50%, -50%); }*/ .footer_image img { position: absolute; top:0; left:0; width:100%; height:100%; object-fit: cover; object-position: center center; opacity: 0.4; } .footer-caption { position: relative; z-index: 5; } .footer-caption-content { max-width: 575px; padding:40px; background-color: var(--forest_green); color: #fff; color: #fff; --title_colour: #fff; --link_colour: #fff; --button_bg_hover: var(--yellow); --button_colour_hover: var(--forest_green); } /*Inner Page Css ------------------------- */ /*Sidebar Menu Css --------------------------------------------- Start ------------------ */ .sidebar { padding-left: 0px; padding-top:78px; } .side-menu-container { background: #F2F2F2; color: #262626; padding: 40px 25px 60px; position: relative; } .sidebarSec { background: #F2F2F2; color: #262626; padding: 40px 31px 60px; position: relative; } .sidebarSec a { color: #262626; font-size: 14px; text-transform: uppercase; line-height: 28px; display: block; padding: 10px 15px; font-weight: 900; letter-spacing: 1.4px; } .sidebarSec a:hover { color: var(--title_colour); } /* #menu-side > li > a { display: none; } #menu-side > li > a > span { display: none; } #menu-side > li > a:after { text-transform: inherit; font-size: 30px; line-height: 55px; content: 'Section Menu'; padding-bottom: 15px; display: block; letter-spacing: 1px; border-bottom: 1px solid #ffffff; margin-bottom: 30px; }*/ #menu-side > li { } #menu-side a { border-bottom: 1px solid rgba(112, 112, 112, 0.23); } #menu-side .sub-menu li:last-child > a { border-bottom: 1px solid rgba(112, 112, 112, 0); } #menu-side .sub-menu li.open > a { border-bottom: 1px solid rgba(255, 255, 255, 0); } #menu-side .sub-menu li.current-menu-item > a { border-bottom: 1px solid rgba(255, 255, 255, 0); } #menu-side li.menu-item-has-children > a > span { margin-right:35px; } #menu-side a { color: #262626; font-size: 14px; text-transform: uppercase; line-height: 1.5; display: block; padding: 5px 15px; font-weight: 900; letter-spacing: 1.4px; } #menu-side .sub-menu .sub-menu li a { font-size: 13px; } #menu-side a span { } #menu-side .sub-menu li:last-child a span { } #menu-side .sub-menu li a:hover { color: var(--title_colour); background: rgba(136, 136, 136, 0.4); } #menu-side .sub-menu li.open li a { } #menu-side .sub-menu li.open li a:hover { color: var(--title_colour); background: rgba(136, 136, 136, 0.4); } #menu-side .sub-menu .sub-menu { background: rgba(136, 136, 136, 0.15); } #menu-side .sub-menu .sub-menu a span { padding-left:10px; padding-right:5px; } #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: var(--title_colour); background: rgba(136, 136, 136, 0.4); } #menu-side .sub-menu .sub-menu li.current-menu-item > a { background: rgba(136, 136, 136, 0.2); } #menu-side .sub-menu li.open > a { color: var(--title_colour); background: rgba(136, 136, 136, 0.4); } #menu-side .sub-menu .sub-menu li.open > a { color: var(--title_colour); background: rgba(136, 136, 136, 0.4); } #menu-side .sub-menu li .sub-menu li a:hover, #menu-side .sub-menu li .sub-menu li a:hover { color: var(--title_colour); background: rgba(136, 136, 136, 0.4); } #menu-side .sub-menu .sub-menu a > span:before { width: 5px; height: 1px; background: #ffffff; content: ''; } /* #menu-side .sub-menu li .sub-menu li > .arrow:before { display: none; } #menu-side .sub-menu li .sub-menu li.menu-item-has-children > .arrow:before { display: block; } #menu-side .sub-menu li .sub-menu li.menu-item-has-children.open > .arrow:before { display: block; } */ #menu-side .sub-menu .sub-menu .sub-menu a > span { padding-left: 20px; } /*Sidebar Menu Css --------------------------------------------- Start ------------------ */ .staffMember h3 { } .staff-meta a.email-value:before { text-align: center; line-height: 26px; display: inline-block; background: #AC8827; color: #ffffff; font-size: 12px; font-weight: 700; padding: 0px 20px; border: none; text-transform: uppercase; position: relative; border-radius: 15px; } .staff-meta a.email-value:hover:before { color: #ffffff; background: var(--forest_green); } .left-main-content { padding-top: 55px; position: relative; } @media (min-width:768px){ .left-main-content { padding-right: 40px; } .left-main-content:after { width: 500%; content: ''; left: -500%; top: 0; position: absolute; display: block; background: #ffffff; height: 100%; } .banner_tabs_content_area .tab-icon { width: 80px; } .tab-details-area p { font-size: 32px; line-height: 40px; } } .right-main-content { padding: 0px; } .bodyContent { } .bodyContent ul { list-style: none; padding-left: 0px; } .bodyContent ul li { text-align: left; padding-left: 28px; position: relative; } .bodyContent ul li:before { content: ''; font-size: 0; width: 10px; height: 10px; background: var(--green); position: absolute; left: 0px; border-radius: 8px; top: 15px; } .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; } .quicklink>a, a>.quicklink, a.quicklink { color: var(--button_colour); font-size: 16px; font-weight: 300; letter-spacing: 1.4px; line-height: 24px; border-radius: 0px; padding: 12px 60px 12px 20px; background-color: var(--button_bg); display: inline-block; position:relative; padding-right:42px; text-decoration: none!important; width:100%; } .quicklink>a:hover, a>.quicklink:hover, a.quicklink:hover { background-color:var(--button_bg_hover); color: var(--button_colour_hover); } .quicklink>a:after, a>.quicklink:after, a.quicklink:after { display: block; width: 26px; height: 26px; color: #ffffff; line-height: 14px; text-align: center; position: absolute; right: 5px; content: ''; top: 50%; transform: translatey(-50%); font-weight: 700; font-family: "Font Awesome 5 Free"; transition: 300ms; font-size: 0; background-color:currentColor; mask: url(images/weblink-icon.png) center center no-repeat; } /*Breadcrumb Area Css --------------------------------------------------- Start */ .breadcrumbs { font-size: 16px; color: var(--body_colour); padding: 0px 0px; width: 100%; margin-top:20px; margin-bottom: 50px; border-bottom: none; min-height: 18px; height: 18px; } .breadcrumbs em { padding: 0px 10px; font-style: normal; display: inline-block; } .breadcrumbs a { color: var(--body_colour); } /*Breadcrumb Area Css --------------------------------------------------------------------------------------------- END */ .body-text table { display: table; border-width: 1px; border-color: var(--forest_green); } .body-text table th { background-color: var(--forest_green); color:#fff; font-size: 22px; line-height: 1.5; padding: 16px 20px; vertical-align: top; text-align:left; border-width: 1px; border-color: #fff; } .body-text table td{ font-size: 16px; font-weight: 300; padding: 5px 5px; vertical-align: top; text-align:left; border-width: 1px; border-color: var(--forest_green); } .body-text table td h4 { margin: 0px !important; } .bodyContent .first-ph-text { font-size: 32px; line-height: 36px; letter-spacing: -0.32px; margin-bottom: 32px; color: var(--title_colour); font-family: "Abril Fatface", serif; } .dynamic-quote { } .dynamic-quote .quoteContainer { background: transparent !important; padding: 60px 0; } .quoteContainer .quote-cite { } .quote-cite { text-align: center; } .quotes-holder .f-cycle-pager { margin-bottom: 20px; } .quotes-holder .f-cycle-pager span { width: 8px; height: 8px; line-height: 8px; border-radius: 8px; background: rgba(255, 255, 255, 0.5); font-size: 0; display: inline-block; margin: 0px 3px; cursor: pointer; } .quotes-holder .f-cycle-pager span.cycle-pager-active { background: rgba(255, 255, 255, 1); } /*Header Css Styles ----------------------------------------------- Start -- */ .headerRight-content .menu-toggle { height: 40px; padding-top:12px; padding-bottom:12px; line-height: 17px; padding-right: 36px; vertical-align: top; } .headerRight-content .menu-toggle .toggleText { font-size: 14px; font-weight: 900; line-height: 20px; letter-spacing: 1.4px; line-height: 17px; vertical-align:top; } .headerRight-content .menu-toggle span { background: #ffffff !important; width: 15px; margin: 5px 0; } .headerRight-content .menu-toggle .toggleIcon { width: 15px; } .headerRight-content .headerSearch .searchSubmit { height: 40px; } .headerRight-content .searchToggle .searchform { height: 40px; } .headerRight-content .searchToggle { min-height: 40px; vertical-align: top; } /*Header Css Styles ----------------------------------------------------------------------------------------------------------- End -- */ .bannerSvgImage { position: absolute; right: 134px; bottom: 78px; z-index: 111; } @media only screen and (max-width : 991px) { header.mainHeader { height:60px; } .headGroup { height: 60px; } .headGroup .headerIcon img { max-height: 60px; width: auto; } .headerRight { text-align: right; } .headerRight-content .menu-toggle .toggleText { display: block; } .homeBanner { max-height: 643px; min-height: 643px; } .bannerSvgImage { display: none; } #hero .slideText, #videoWrap .slideText { left: 0; padding: 0 15px; bottom: 58px; } #hero .slideText .top_text, #videoWrap .slideText .top_text { font-size: 28px; letter-spacing: -0.4px; } #hero .slideText .top_text span, #videoWrap .slideText .top_text span{ font-size:50px; } #hero .slideText .bottom_text, #videoWrap .slideText .bottom_text { font-size: 20px; line-height: 30px; } .banner_bottom_area .container { padding: 0px 27px; } .banner_bottom_area ul li { color: #DEB032; line-height: 25px; font-size: 23px; letter-spacing: -0.23px; display: inline-block; margin-right: 5%; } .banner_bottom_area ul li:last-child { margin-right: 0; } .banner_tabs_content_area { padding: 40px 0 80px; } .welcomeImage-main { position: relative; padding-right: 0; left: auto; top: auto; } .banner_bottom_area { margin-bottom: 0; } h1, .h1, h1.entry-title, .entry-title, h2.entry-title { font-size: 45px; letter-spacing: -0.45px; line-height: 52px; } .welcomeImage-main:after { clear: both; content: ''; display: table; } .welcomeBlock { position: relative; padding: 30px 0 10px; } .welcomeImage-main { margin-bottom: 50px; } .welcomeBlockText { background-position: 14px 0; } .dynamic-news .item-inner { height:auto; } .dynamic-news .item-inner .news-details-box { padding: 48px 27px 100px 27px; position: relative; } .dynamic-news { padding: 45px 0 70px; } .dynamic-news h2 { font-size: 45px; letter-spacing: -0.45px; line-height: 52px; } .dynamic-news .owl-nav { padding-top: 13px; padding-left: 27px; padding-right: 27px; } .dynamic-events { padding: 70px 15px; } .dynamic-events .owl-dots { display: none; } .dynamic-events .owl-nav { position: relative; max-width: 1044px; margin: 0px auto; padding-top: 48px; } .dynamic-events .owl-nav button { color: #ffffff !important; font-size: 20px !important; margin: 0px 10px 0 0 !important; padding: 5px 8px !important; width: 48px !important; height: 48px !important; background: var(--forest_green) !important; display: inline-block !important; cursor: pointer !important; border-radius: 0px !important; text-align: center !important; position: relative; left: auto; right: auto; top: auto; bottom: auto; } .dynamic-events .owl-nav button:hover { color: #ffffff !important; background: #AC8827 !important; } .twitter_section .container { padding: 0px 27px; } .dynamic-twitter { padding: 80px 0 70px; } .ctf-carousel .ctf-owl-nav { margin-top: 50px !important; } #footer { position: relative; padding-top: 50px; } .footer-caption-content h2 { margin-bottom: 24px; } .footer-caption { margin-bottom: 40px; } /*.footer_image::after { left: 65%; top: 48%; }*/ } /*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: 25px; text-transform: uppercase; font-size: 14px; font-weight: 900; padding: 20px 50px 20px 0px; letter-spacing: 2px; border-bottom: none; text-transform: uppercase; } #menu-main li a:hover { color: #AC8827; background: transparent; } #menu-main li:hover > a { color: #AC8827; background: transparent; } #menu-main li.menu-item-has-children.open > a { color: #AC8827; background: transparent; } #menu-main li.menu-item-has-children.open li.menu-item-has-children.open > a { color: #AC8827; background: transparent; } #menu-main li.menu-item-has-children > .arrow { height: 58px; left: auto; right: 00px !important; top: 6px; } #menu-main li.menu-item-has-children.open > a { border: none; color: #AC8827; background: transparent; } #navbar { background: #f7f6f6; padding: 0px; width: 100%; color: #6f6e67; } #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(111, 110, 103, 0.3); } #menu-main .sub-menu li{ padding: 0; border: none; } #menu-main .sub-menu a { padding: 0px 15px; font-size: 12px; border: none; letter-spacing: 2px; line-height: 36px; font-weight: 500; } #menu-main .sub-menu a:hover { text-decoration: none; color: #AC8827; } #menu-main li.menu-item-has-children > .arrow:after { top: 32px; margin-top: -6px; } .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: 25px !important; } #menu-main li li.menu-item-has-children.open li > a { padding-left: 40px !important; } #menu-main li.menu-item-has-children > .arrow:after { content: '\f054'; display: block; width: 11px; height: 18px; position: absolute; right: 20px; top: 50%; margin-top: -8px; font-weight: 700; font-family: "Font Awesome 5 Free"; transform: translateY(-50%) rotate(90deg); transition: 300ms; font-size: 15px; line-height: 1; } #menu-main li.menu-item-has-children.open > .arrow:after { transform: translateY(-50%) rotate(-90deg); } .menu-special { display: none !important; } #navbar .menu-main-container { display: block; padding: 20px 25px 0; } #menu-main li.menu-item-has-children > a { padding-left: 0; padding-right: 50px; } /*Handheld Dropdown Css ---------------------------------End */ /*Mobile Menu Css ------------------------------------ End */ body.menuopen .headGroup { z-index: 99999 !important; } } /*Menu-Drop-New Style ----------------------------------------------------------------- Start------------------------------- */ @media only screen and (min-width : 992px) { body.menuopen .main-headbox { right: 0; z-index: 995; -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); } /*.main-headbox:after { content: "t"; font-size: 0; position: absolute; left: 0; top: 0; background: #f1f2f2; height: 100%; width: 100%; max-width: 36.52%; z-index: -1; }*/ .main-headbox .container { max-width: 1140px; height: 100%; padding: 30px 75px; padding: 30px 10px 30px 75px; } .main-headbox .headmenu-box { padding-left: 0; padding-top: 40px; } .main-headbox { position: fixed; right: -100%; transition: right 1000ms; background: rgba(255, 255, 255, 0.8); top: 0; top: 100px; color: #ffffff; margin-top: 0px; padding: 0px 0 50px; z-index: 9999; bottom: 0; width: 100%; max-width: 767px; overflow-x: hidden; max-height: 836px; max-height: 100vh; } body.fixedHeader .main-headbox { top:60px; } body.admin-bar .main-headbox { margin-top: 32px; } /* body.menuopen .headGroup { position: relative; z-index: 99; }*/ /*.headbox-desc { background: #ffffff; padding: 0px 0 0px 15px; height: 63px; margin-bottom: 40px !important; }*/ .main-headbox .row { margin: 0px; padding-top: 0px; height: 100%; } .menu_custom_image_box { position: relative; width: 100%; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; margin-bottom: 0px; } .menu_custom_image_box img { visibility: hidden; object-fit: cover; } /*.menu_custom_image_box:after { content: ""; font-size: 0; display: block; position: absolute; width: 100%; height: 50%; left: 0px; bottom: 0px; background: -moz-linear-gradient(bottom, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to top, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); }*/ .menu_custom_image_box .see_all_news_btn { text-align: center; color: #ffffff; border-color: #ffffff; position: absolute; left: 50%; transform: translatex(-50%); bottom: 35px; z-index: 9; } .button.menu_button_on_img { padding: 5px 25px; background: #fdd918; color: #2e3092; text-align: center; font-weight: 700; } .button.menu_button_on_img:hover { background: #2e3092; color: #ffffff; } .button.menu_button_on_img:after, .button.menu_button_on_img:hover:after { display: none; } /*.see_all_news_btn:after { font-size: 20px; color: #f3b300; content: "\f054"; display: inline-block; font-family: "Font Awesome 5 Free"; font-weight: 700; margin-left: 10px; }*/ .menu_custom_image_box .see_all_news_btn:hover { background: #00b2a9; border-color: #00b2a9; } .headsocial-box .searchform input#s { padding: 10px 20px 0px 10px; height: 40px; } .menu-main-right-container ul { list-style: none; margin: 0px !important; padding: 0px 0px 0 0 !important; float: none; width: 45%; position: relative; border-right: 1px solid rgba(136, 136, 136, 0.4); } .menu-main-right-container ul ul { border: none !important; } .menu-main-right-container ul li { display: block; padding: 0px; float: none; /*position: relative;*/ } .menu-main-right-container ul li:after { } .menu-main-right-container ul li:last-child:after { } .menu-main-right-container ul li ul { display: block; position: absolute; display: none; float: none; background: transparent; padding: 15px 65px 15px 20px !important; width: 130%; min-width: auto; top: 0; left: 100%; height: auto; overflow-y: scroll; bottom: 0px; } /* width */ .menu-main-right-container ul li ul::-webkit-scrollbar { width: 10px; } /* Track */ .menu-main-right-container ul li ul::-webkit-scrollbar-track { background: transparent; } /* Handle */ .menu-main-right-container ul li ul::-webkit-scrollbar-thumb { background: #888; } /* Handle on hover */ .menu-main-right-container ul li ul::-webkit-scrollbar-thumb:hover { background: #555; } .menu-main-right-container ul li ul ul { background: transparent; padding: 0 0 0 0px !important; z-index: 115; position: absolute; top: 0px; width: 80%; min-width: inherit; } .menu-main-right-container ul li ul li { background: transparent; } .menu-main-right-container ul li{ padding-bottom: 24px; } .menu-main-right-container ul li:last-child a { border: none; } .menu-main-right-container ul li a { font-size: 32px; color: var(--green); text-transform: inherit; line-height: 41px; text-shadow: none; padding: 0px; font-weight: 500 !important; display: block; position: relative; letter-spacing: -0.32px; font-family: "Abril Fatface", serif; } .menu-main-right-container ul li a:hover, .menu-main-right-container ul li:hover > a { color: var(--forest_green); text-decoration: underline; } .menu-main-right-container ul li span { display: none; } .menu-main-right-container ul li.menu-item-has-children > a:after { content: "\f105"; position: absolute; right: 10px; font-weight: 600; font-family: "Font Awesome 5 Free"; font-style: normal !important; display: block; top: 50%; font-size: 0px; transform: translateY(-50%) rotate(-90deg); width: 6px; height: 5px; background: url(images/down-icon.png) center center no-repeat; } .menu-main-right-container ul li.menu-item-has-children:hover > a:after { background: url(images/down-icon-hover.png) center center no-repeat; } .menu-main-right-container ul ul li.menu-item-has-children:hover > a:after { background: url(images/down-icon-white.png) center center no-repeat; } .menu-main-right-container ul li li > a:after { display: none; } .menu-main-right-container ul li li.menu-item-has-children > a:after { display: block; } .menu-main-right-container ul ul li.menu-item-has-children > a:after { top: 50%; } .menu-main-right-container ul li:hover ul { display: block; } .menu-main-right-container ul li:hover ul li ul{ display: none; padding-top: 0px !important; } .menu-main-right-container ul li ul li{ position: relative; text-align: left; display: block; padding: 0px 20px 16px; padding: 0px 20px 15px; } .menu-main-right-container ul li ul ul li{ position: relative; text-align: left; display: block; padding: 0px 0px; } .menu-main-right-container ul ul li:after { display: none; } .menu-main-right-container ul ul li { padding-bottom: 16px; } .menu-main-right-container ul ul li a { text-shadow: none; font-size:22px; display: block; line-height: 1.2; padding: 4px 30px 4px 26px; padding: 4px 0px 4px; font-weight: 500 !important; border-bottom: none; letter-spacing: 0px; font-family: 'gill-sans-nova', sans-serif; } .menu-main-right-container ul li ul li ul { /*left : 100% !important; padding-top: 0px !important;*/ left:0; position:relative; width:100%; } /*.menu-main-right-container ul li ul li ul li { background: rgba(255, 255, 255, 0.85); }*/ /* .menu-main-right-container ul li ul li:hover ul { display: block; height: auto; background: #f7f6f6; }*/ .menu-main-right-container .sub-menu li.menu-item-has-children > a { margin-right:40px; } .menu-main-right-container .sub-menu li.menu-item-has-children > span.arrow { display:block; width:30px; height:30px; position:absolute; right:20px; top:4px; cursor: pointer; } .menu-main-right-container .sub-menu li.menu-item-has-children > span.arrow:before { content: "\f105"; position: absolute; right: 10px; font-weight: 600; font-family: "Font Awesome 5 Free"; font-style: normal !important; display: block; top: 50%; font-size: 0px; transform: translateY(-50%) rotate(0deg); width: 13px; height: 7px; background: url(images/arrow-blue.png) center center no-repeat; } .menu-main-right-container .sub-menu li.menu-item-has-children.open > span.arrow:before{ transform: translateY(-50%) rotate(90deg); background: url(images/arrow-golden.png) center center no-repeat; } .menu-main-right-container .sub-menu li.menu-item-has-children.open > ul { display:block; } .menu-main-right-container ul ul ul li a { /*color: #6f6e67; text-shadow: none; font-size: 12px; display: block; line-height: 24px; padding: 5px 30px 5px 26px; margin: 0px !important; font-weight: 500 !important; border-bottom: none; text-transform: uppercase; letter-spacing: 2px;*/ font-size: 18px; padding: 5px 00px 5px 15px; } .menu-main-right-container ul ul li { float: none; } .mobile-menu-box, body.menuopen .mobile-menu-box { display: none; } .headimage-box { padding: 0; } .headimage-box .menu_custom_image_box { text-align: center; z-index: 9; margin-bottom: 30px; } .headimage-box .menu_link_on_img { position: relative; left: auto; bottom: auto; width: 100%; max-width: 100%; padding: 0px; text-align: center; background: transparent; z-index: 110; display: block; } .headimage-box .menu_link_on_img:hover { } .headimage-box .menu_link_on_img .menu_link_text { display: block; position: absolute; width: 100%; left: 0px; top: 50%; transform: translateY(-50%); padding: 0px 15px; z-index: 99; text-shadow: 0px 0px 10px #000000; } .headimage-box .menu_link_on_img .menu_link_text .button { border: 1px solid #ffffff !important; background: transparent !important; } .headimage-box { text-align: center; } .headimage-box .button { /*border: 2px solid #ffffff !important; background: transparent !important; margin: 0px auto !important;*/ } .headimage-box .button:hover { /*background: #1d204d !important; background-image: none !important; border: 2px solid #ffffff !important;*/ } #navbar { display: none; } .main-headbox .headGroup, .fixedHeader .main-headbox .headGroup { position: relative !important; padding-top: 13px; padding-bottom: 12px; height: 91px; background: #ffffff; margin: 0 0 72px!important; } body.menuopen .main-headbox .headGroup .container { max-width: 100%; } .main-headbox .headGroup .headerRight { padding-top: 0; } .main-headbox .mainLogo { display: block !important; } .main-headbox .headGroup .row { align-items: center!important; } } body.menuopen .headerRight { text-align: right; } /*Menu-Drop-New Style ---------------------------------------- End*/ /*30 Dec 2022 --------------------------------------------------------------------------------------------- END Css ----- */ body.menuopen .menu-toggle span:nth-child(3) { transform-origin: 50% -4.5px !important; } body.menuopen .menu-toggle span:nth-child(1) { transform-origin: 50% 4.5px !important; } body.menuopen .menu-toggle span:nth-child(2) { display: none !important; } /* body.menuopen .bannerSvgImage { z-index: 9999; } body.menuopen .bannerSvgImage svg text { fill: #102A4C; } body.menuopen .bannerSvgImage svg line { stroke: #102A4C; }*/ /* styles for new video banner */ .homeBanner:before { content:''; display:block; width:100%; padding-top:100vh; } .videoframe { width:100%; height:100%; position:absolute; top:0; left:0; } .videoframe .phImg{ width:100%; height:100%; position:absolute; top:0; left:0; object-fit:cover; } @media(max-width:767px){ .homeBanner:before { padding-top:45vh; } .fancybox-slide--iframe .fancybox-content { width: 100%; max-width: 100%; height: 35%; } } .videoframe video{ width:100%; height:100%; position:absolute; top:0px; left:0; object-fit:cover; object-position: top; vertical-align:top; } .videoframe { background:#000; } .fas.fa-pause {font-size: 50px;} .videoframe:after { content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 40%; background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ) } .videoframe .videoPlayer{ position:absolute; top:90%; left:50%; transform:translateX(-50%) translateY(-50%); color:#fff; z-index:3; font-size:95px; cursor:pointer; opacity:0.7; } @media (min-width:992px){ .videoframe .videoPlayer{ font-size:140px; } } /* welcomevideo */ .welcomeBlock .videoBlock { position:relative; max-height:600px; max-width: 1100px; } .welcomeBlock .videoBlock:before { width:100%; content:''; display:block; padding-top:50.42%; padding-top: 44%; } .welcomeBlock .videoframe .videoPlayer{ position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); color:#fff; z-index:3; font-size:95px; cursor:pointer; opacity:0.7; } @media (min-width:992px){ .welcomeBlock .videoframe .videoPlayer{ font-size:100px; } .welcomeBlock .videoBlock { /*min-height:540px;*/ } } /* entry checker */ .dynamic-entry-checker .container { padding: 0; } .form_block { margin: 0px; padding: 0px; text-align: left; } .form_block select { width: 90px; padding: 0px 25px 0px 15px; background: #DEB032 url(images/arrow-white-down.png) 80% center no-repeat; height: 44px !important; color: #fff !important; font-weight: 500 !important; font-size: 14px !important; text-align: center !important; letter-spacing: 1px !important; vertical-align: inherit !important; border: none !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .text-birth { display: inline-block; padding: 10px 25px; line-height: 24px; font-size: 15px; color: #ffffff; background: var(--forest_green); vertical-align: top; } @media only screen and (max-width: 991px) { .text-birth { margin-bottom: 10px; } .form_block select { margin-bottom: 10px; } .form_block h2 span { font-size: 30px; } } .first-row-select { vertical-align: top; margin-bottom: 20px; } .form_block .button { border: none !important; height: 44px !important; background: var(--forest_green) !important; padding: 0 20px !important; width: auto !important; max-width: inherit; color: #ffffff !important; font-size: 14px !important; text-transform: uppercase !important; letter-spacing: 1px !important; vertical-align: inherit !important; min-width: inherit; font-weight: 500; } .form_block .button:after { content: none; } .slider-caption-top a, .slider-caption-top-posttype a { display: inline-block; padding: 35px 15px; background: #DEB032; color: var(--title_colour); line-height: 22px; margin: 0px 5px; font-size: 1.5; font-weight: 400; margin-bottom: 10px; max-width: 120px; } .slider-caption-top a.cycle-pager-active, .slider-caption-top a:hover, .slider-caption-top-posttype a.cycle-pager-active, .slider-caption-top-posttype a:hover { background: var(--forest_green); color: #ffffff; } .dynamic-entry-checker { padding: 30px 0px 40px; position: relative; text-align: center; margin: 0px; } .dynamic-entry-checker #registration_timeline { margin-top: 20px !important; } .home .dynamic-entry-checker .container { max-width: 92%; } .dynamic-entry-checker h4 { max-height: inherit; text-align: left; position: relative; z-index: 9; text-align: left; margin-bottom: 20px; } .dynamic-entry-checker .time_line_single { padding: 40px 0; font-size: 16px; } .time_line p { font-size: 16px; text-align: center; } .dynamic-entry-checker .time_line_single_inner { text-align: left; padding: 20px 20px 20px 40px; position: relative; } .dynamic-entry-checker .time_line_single_inner:after { background: rgba(0, 0, 0, 0.25); height: 1px; width: 100%; content: ''; margin: 20px auto; display: block; } .dynamic-entry-checker .time_line_single_inner:before { background: var(--forest_green); height: 40px; width: 40px; content: ''; display: block; position: absolute; left: 0px; border-radius: 2px; top: 21px; transform: rotate(-45deg); } .dynamic-entry-checker .time_line_single_inner .row { padding-left: 30px; } .dynamic-entry-checker .time_line_single_inner .years_column { color: var(--title_colour); font-weight: 300; } .dynamic-entry-checker .time_line_single_inner .title_column { color: var(--title_colour); font-size: 20px; font-weight: 600; } .dynamic-entry-checker .time_line_single_inner .details_column { line-height: 24px; } #entry_timeline h2, .form_block h2 { margin-bottom: 30px; } #entry_timeline h2 span, .form_block h2 span { line-height: 69px; display: block; } @media only screen and (max-width: 991px) { .dynamic-entry-checker .time_line_single_inner:before { left: -22px; } } @media only screen and (max-width: 767px) { .dynamic-entry-checker h2 { font-size: 45px; } .dynamic-entry-checker p { font-size: 18px; text-align: left; } .dynamic-entry-checker .time_line_single_inner:before { left: -30px; } .dynamic-entry-checker .time_line_single_inner { padding: 20px 20px 20px 20px; } .dynamic-entry-checker .col-lg-12 { padding-left: 0!important; padding-right: 0!important; } .dynamic-entry-checker .container { max-width: 100%; padding-left: 10px!important; padding-right: 10px!important; } } @media only screen and (max-width: 480px) { .dynamic-entry-checker .form_block { padding: 40px 10px 50px; } } @media only screen and (min-width: 1200px) { .dynamic-entry-checker:after { display: block; width: 10px; height: 100%; background: #d0d3d3; position: absolute; left: 1%; top: 0px; font-size: 0px; content: ''; z-index: 10; } body:not(.home) .dynamic-entry-checker:after { left: 0; } .home .dynamic-entry-checker .container { max-width: 98.8%; } } @media only screen and (min-width: 1250px) { .dynamic-entry-checker:after { display: block; width: 15px; height: 100%; background: #d0d3d3; position: absolute; left: 2%; top: 0px; font-size: 0px; content: ''; z-index: 10; } body:not(.home) .dynamic-entry-checker:after { left: 0; } .home .dynamic-entry-checker .container { max-width: 96%; } } @media only screen and (min-width: 1320px) { .dynamic-entry-checker:after { display: block; width: 15px; height: 100%; background: #d0d3d3; position: absolute; left: 4%; top: 0px; font-size: 0px; content: ''; z-index: 10; } body:not(.home) .dynamic-entry-checker:after { left: 0; } .home .dynamic-entry-checker .container { max-width: 92%; } } @media only screen and (min-width: 1450px) { .dynamic-entry-checker:after { display: block; width: 15px; height: 100%; background: #d0d3d3; position: absolute; left: 8%; top: 0px; font-size: 0px; content: ''; z-index: 10; } body:not(.home) .dynamic-entry-checker:after { left: 0; } .home .dynamic-entry-checker .container { max-width: 84%; } } body:not(.home) .dynamic-entry-checker:after { display: none; } /* tribe events */ button.tribe-common-c-btn { background-color: #003B71!important; border-radius: 0!important; } .tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover { background-color: #ffffff!important; } .tribe-events-cal-links .tribe-events-gcal, .tribe-events-cal-links .tribe-events-ical, .tribe-events-event-meta a, .tribe-events-event-meta a:visited, .tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date, .tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-link { color: var(--forest_green)!important; font-weight: 700; } .tribe-common .tribe-common-c-svgicon, .tribe-events-back a, .tribe-events-back a:visited, .tribe-events-single-event-title, .tribe-common a, .tribe-common a:active, .tribe-common a:focus, .tribe-common a:hover, .tribe-common a:visited, .tribe-common .tribe-common-h5, .tribe-common .tribe-common-h6 { color: var(--forest_green)!important; } .tribe-events .tribe-events-c-ical__link, .tribe-common .tribe-common-c-btn-border { color: var(--forest_green)!important; border-color: var(--forest_green)!important; } .tribe-events .tribe-events-calendar-month__day-cell--selected, .tribe-events .tribe-events-calendar-month__day-cell--selected:focus, .tribe-events .tribe-events-calendar-month__day-cell--selected:hover, .tribe-events .tribe-events-calendar-month__mobile-events-icon--event { background-color: #AC8827!important; } .tribe-common .tribe-common-anchor-thin-alt { border-bottom: none!important; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-1-container, .tribe-events .tribe-events-1-container { padding-top: 0px!important; } .tribe-common--breakpoint-medium.tribe-common .tribe-common-l-container { padding-top: 20px; padding-left: 0px; padding-right: 0px; } .tribe-events ul li:before, .tribe-events-pg-template ul li:before { content: none; } .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-breadcrumbs__list { font-size: 25px!important; } .tribe-events .tribe-events-c-breadcrumbs__list-item-link { font-size: 25px!important; text-transform: uppercase!important; } /* new intro section on home page */ .intro { padding: 40px 0 300px; position: relative; background-color: var(--forest_green); color: #fff; --title_colour: #fff; --link_colour: #fff; --button_bg_hover: var(--yellow); --button_colour_hover: var(--forest_green); } .intro .container { position: relative; z-index: 5; } .intro .row{ min-height: 300px; } .intro .introTitle { font-family: "active", serif; font-size: 60px; line-height: 1; letter-spacing: -0.01em; color: var(--yellow); color: var(--yellow); } .intro:before { content: ''; display: block; position: absolute; width: 295px; height: 300px; max-width: 50%; bottom: 15px; right: 15px; background-image: url(images/co_overlay.svg); background-repeat: no-repeat; background-position: center; background-size: contain; } @media (min-width:992px){ .intro { padding-bottom:40px; } .intro .introTitle { font-size:100px; } } @media (min-width:120px){ .intro .introTitle { font-size:180px; } } /*Dynamic Video*/ .videosslider .cycle-pager { text-align: center; } .videosslider .cycle-pager span{ display: inline-block; width:25px; height:25px; margin:0 5px; text-align: center; color:var(--link_colour); cursor: pointer; font-size: 50px; line-height: 25px; } .videosslider .cycle-pager span.cycle-pager-active{ color:var(--link_colour_hover); } .singleVideo { width:100%; position: relative; text-align: center; } .singleVideo .vidImage{ width: 100%; position: relative; height: auto; } .singleVideo .vidImage:before{ position: relative; content:''; display: block; padding-top:56.25%; width:100%; } .singleVideo .vidImage:after{ content:''; display: block; position: absolute; top:50%; left:50%; width:96px; height:96px; transform:translate(-50%,-50%); background-image:url(images/play.svg); } .singleVideo .vidImage img{ position: absolute; top:0; left:0; width:100%; height:100%; object-fit: cover;; } /*Dynamic Image Text*/ .dynamic-image_text.dynamicContent { margin-top:0; margin-bottom:0; } .textImageBlock { margin-top:40px; } .textImageBlock.solidBG { padding-top:40px; padding-bottom:40px; background-color: var(--forest_green); color:#fff; --title_colour:#fff; --link_colour:#fff; --button_bg_hover : var(--yellow); --button_colour_hover: var(--forest_green); } .dynamic-image_text.dynamicContent + .dynamic-image_text.dynamicContent .textImageBlock.solidBG { margin-top:-40px; } .textImageBlock .imageItemWrap{ width:100%; } .textImageBlock .imageItemWrap img{ width:100%; } @media (min-width:992px){ .textImageBlock .imageItemWrap { width:auto; } .textImageBlock .col-lg-6:not(.order-lg-2) .imageItemWrap{ margin-left:calc(-50vw + 100%); } .textImageBlock .col-lg-6.order-lg-2 .imageItemWrap{ margin-right:calc(-50vw + 100%); } } @media (min-width:1200px){ .dynamic-image_text.dynamicContent + .dynamic-image_text.dynamicContent .textImageBlock.solidBG { margin-top:-80px; } .textImageBlock.solidBG { padding-top:80px; padding-bottom:80px; } .textImageBlock .col-lg-6:not(.order-lg-2) .imageItemWrap{ margin-left:calc(-58.33333vw + 100%); } .textImageBlock .col-lg-6.order-lg-2 .imageItemWrap{ margin-right:calc(-58.33333vw + 100%); } }