/* Minification failed. Returning unminified contents. (15,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (17,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (18,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (20,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (21,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (22,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (23,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (24,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (25,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (26,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (27,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (29,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (31,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (63,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (94,17): run-time error CSS1039: Token not allowed after unary operator: '-gray' (177,33): run-time error CSS1039: Token not allowed after unary operator: '-blue' (184,33): run-time error CSS1039: Token not allowed after unary operator: '-greenHover' (194,28): run-time error CSS1039: Token not allowed after unary operator: '-green' (203,21): run-time error CSS1039: Token not allowed after unary operator: '-cream' (204,28): run-time error CSS1039: Token not allowed after unary operator: '-cream' (215,29): run-time error CSS1039: Token not allowed after unary operator: '-creamHover' (224,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (244,28): run-time error CSS1039: Token not allowed after unary operator: '-lightCream' (250,21): run-time error CSS1039: Token not allowed after unary operator: '-textGray' (277,17): run-time error CSS1039: Token not allowed after unary operator: '-lightBlue' (286,21): run-time error CSS1039: Token not allowed after unary operator: '-greenHover' (294,17): run-time error CSS1039: Token not allowed after unary operator: '-lightBlue' (322,28): run-time error CSS1039: Token not allowed after unary operator: '-blueHover' (323,17): run-time error CSS1039: Token not allowed after unary operator: '-gray' (344,17): run-time error CSS1039: Token not allowed after unary operator: '-textGray' (372,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (387,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (404,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (409,17): run-time error CSS1039: Token not allowed after unary operator: '-footerGray' (421,21): run-time error CSS1039: Token not allowed after unary operator: '-white' (432,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (437,28): run-time error CSS1039: Token not allowed after unary operator: '-red' (444,17): run-time error CSS1039: Token not allowed after unary operator: '-textGray' (454,28): run-time error CSS1039: Token not allowed after unary operator: '-white' (459,28): run-time error CSS1039: Token not allowed after unary operator: '-red' (474,17): run-time error CSS1039: Token not allowed after unary operator: '-creamHover' (478,17): run-time error CSS1039: Token not allowed after unary operator: '-gray' (482,28): run-time error CSS1039: Token not allowed after unary operator: '-greenHover' (483,17): run-time error CSS1039: Token not allowed after unary operator: '-cream' (497,32): run-time error CSS1039: Token not allowed after unary operator: '-cream' (498,21): run-time error CSS1039: Token not allowed after unary operator: '-greenHover' (505,17): run-time error CSS1039: Token not allowed after unary operator: '-cream' (506,24): run-time error CSS1039: Token not allowed after unary operator: '-cream' (550,21): run-time error CSS1039: Token not allowed after unary operator: '-gray' (576,32): run-time error CSS1039: Token not allowed after unary operator: '-green' (577,21): run-time error CSS1039: Token not allowed after unary operator: '-cream' (591,34): run-time error CSS1046: Expect comma, found '35' (591,40): run-time error CSS1046: Expect comma, found '/' (601,32): run-time error CSS1039: Token not allowed after unary operator: '-textGray' (605,21): run-time error CSS1039: Token not allowed after unary operator: '-cream' (606,28): run-time error CSS1039: Token not allowed after unary operator: '-cream' (653,35): run-time error CSS1046: Expect comma, found '255' (653,43): run-time error CSS1046: Expect comma, found '/' (700,17): run-time error CSS1039: Token not allowed after unary operator: '-gray' (750,32): run-time error CSS1039: Token not allowed after unary operator: '-green' (751,21): run-time error CSS1039: Token not allowed after unary operator: '-cream' (764,34): run-time error CSS1046: Expect comma, found '35' (764,40): run-time error CSS1046: Expect comma, found '/' (779,32): run-time error CSS1039: Token not allowed after unary operator: '-textGray' (785,21): run-time error CSS1039: Token not allowed after unary operator: '-cream' (786,28): run-time error CSS1039: Token not allowed after unary operator: '-cream' (791,25): run-time error CSS1039: Token not allowed after unary operator: '-creamHover' (792,32): run-time error CSS1039: Token not allowed after unary operator: '-creamHover' (821,35): run-time error CSS1046: Expect comma, found '255' (821,43): run-time error CSS1046: Expect comma, found '/' (859,17): run-time error CSS1039: Token not allowed after unary operator: '-logoGreen' (871,17): run-time error CSS1039: Token not allowed after unary operator: '-cream' (875,17): run-time error CSS1039: Token not allowed after unary operator: '-cream' (919,28): run-time error CSS1039: Token not allowed after unary operator: '-red' (928,28): run-time error CSS1039: Token not allowed after unary operator: '-logoGreen' (937,28): run-time error CSS1039: Token not allowed after unary operator: '-red' (948,17): run-time error CSS1039: Token not allowed after unary operator: '-cream' (965,27): run-time error CSS1039: Token not allowed after unary operator: '-blue' (966,37): run-time error CSS1046: Expect comma, found '0' (966,41): run-time error CSS1046: Expect comma, found '/' (972,17): run-time error CSS1039: Token not allowed after unary operator: '-cream' (974,28): run-time error CSS1039: Token not allowed after unary operator: '-green' (975,38): run-time error CSS1046: Expect comma, found '0' (975,42): run-time error CSS1046: Expect comma, found '/' (981,32): run-time error CSS1039: Token not allowed after unary operator: '-blue' (982,41): run-time error CSS1046: Expect comma, found '0' (982,45): run-time error CSS1046: Expect comma, found '/' (1014,28): run-time error CSS1039: Token not allowed after unary operator: '-green' (1037,17): run-time error CSS1039: Token not allowed after unary operator: '-cream' (1084,17): run-time error CSS1039: Token not allowed after unary operator: '-cream' (1093,28): run-time error CSS1039: Token not allowed after unary operator: '-cream' (1102,28): run-time error CSS1039: Token not allowed after unary operator: '-cream' (1209,28): run-time error CSS1039: Token not allowed after unary operator: '-logoGreen' (1212,17): run-time error CSS1039: Token not allowed after unary operator: '-cream' (1219,32): run-time error CSS1039: Token not allowed after unary operator: '-cream' (1220,21): run-time error CSS1039: Token not allowed after unary operator: '-logoGreen' (1227,28): run-time error CSS1039: Token not allowed after unary operator: '-green' (1232,21): run-time error CSS1039: Token not allowed after unary operator: '-cream' (1239,32): run-time error CSS1039: Token not allowed after unary operator: '-blue' (1250,28): run-time error CSS1039: Token not allowed after unary operator: '-lightCream' (1275,28): run-time error CSS1039: Token not allowed after unary operator: '-cream' (1276,17): run-time error CSS1039: Token not allowed after unary operator: '-greenHover' (1284,28): run-time error CSS1039: Token not allowed after unary operator: '-lightCream' (1297,17): run-time error CSS1039: Token not allowed after unary operator: '-textGray' (1305,28): run-time error CSS1039: Token not allowed after unary operator: '-lightCream' (1306,17): run-time error CSS1039: Token not allowed after unary operator: '-textGray' (1316,21): run-time error CSS1039: Token not allowed after unary operator: '-textGray' (1321,17): run-time error CSS1039: Token not allowed after unary operator: '-textGray' (1326,28): run-time error CSS1039: Token not allowed after unary operator: '-lightCream' (1330,17): run-time error CSS1039: Token not allowed after unary operator: '-textGray' (1350,17): run-time error CSS1039: Token not allowed after unary operator: '-textGray' (1360,17): run-time error CSS1039: Token not allowed after unary operator: '-textGray' (1365,17): run-time error CSS1039: Token not allowed after unary operator: '-textGray' (1366,28): run-time error CSS1039: Token not allowed after unary operator: '-lightCream' (1372,28): run-time error CSS1039: Token not allowed after unary operator: '-lightCream' (1376,21): run-time error CSS1039: Token not allowed after unary operator: '-textGray' (1394,28): run-time error CSS1039: Token not allowed after unary operator: '-lightCream' (1410,28): run-time error CSS1039: Token not allowed after unary operator: '-lightCream' (1457,17): run-time error CSS1039: Token not allowed after unary operator: '-textGray' (1469,28): run-time error CSS1039: Token not allowed after unary operator: '-lightCream' (1501,28): run-time error CSS1039: Token not allowed after unary operator: '-greenHover' (1503,17): run-time error CSS1039: Token not allowed after unary operator: '-cream' (1513,32): run-time error CSS1039: Token not allowed after unary operator: '-cream' (1514,21): run-time error CSS1039: Token not allowed after unary operator: '-greenHover' (1524,28): run-time error CSS1039: Token not allowed after unary operator: '-lightCream' (1532,17): run-time error CSS1039: Token not allowed after unary operator: '-textGray' (1581,22): run-time error CSS1039: Token not allowed after unary operator: '-cream' (1587,17): run-time error CSS1039: Token not allowed after unary operator: '-blueHover' (1608,17): run-time error CSS1039: Token not allowed after unary operator: '-greenHover' (1609,22): run-time error CSS1039: Token not allowed after unary operator: '-cream' (1632,17): run-time error CSS1039: Token not allowed after unary operator: '-greenHover' (1633,22): run-time error CSS1039: Token not allowed after unary operator: '-cream' (1667,17): run-time error CSS1039: Token not allowed after unary operator: '-greenHover' (1675,17): run-time error CSS1039: Token not allowed after unary operator: '-logoGreen' (1683,17): run-time error CSS1039: Token not allowed after unary operator: '-logoGreen' (1687,28): run-time error CSS1039: Token not allowed after unary operator: '-lightCream' (1699,17): run-time error CSS1039: Token not allowed after unary operator: '-logoGreen' (1735,17): run-time error CSS1039: Token not allowed after unary operator: '-greenHover' (1779,46): run-time error CSS1046: Expect comma, found '0' (1779,50): run-time error CSS1046: Expect comma, found '/' (1780,43): run-time error CSS1046: Expect comma, found '0' (1780,47): run-time error CSS1046: Expect comma, found '/' (1781,38): run-time error CSS1046: Expect comma, found '0' (1781,42): run-time error CSS1046: Expect comma, found '/' (1805,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1806,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1807,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1808,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (1835,28): run-time error CSS1039: Token not allowed after unary operator: '-cream' (1849,32): run-time error CSS1039: Token not allowed after unary operator: '-greenHover' (1866,28): run-time error CSS1039: Token not allowed after unary operator: '-cream' (1867,17): run-time error CSS1039: Token not allowed after unary operator: '-blue' (1871,23): run-time error CSS1046: Expect comma, found '0' (1871,27): run-time error CSS1046: Expect comma, found '/' (1956,17): run-time error CSS1039: Token not allowed after unary operator: '-cream' (1989,17): run-time error CSS1039: Token not allowed after unary operator: '-greenHover' (2006,17): run-time error CSS1039: Token not allowed after unary operator: '-greenHover' (2021,32): run-time error CSS1039: Token not allowed after unary operator: '-creamHover' (2087,28): run-time error CSS1039: Token not allowed after unary operator: '-lightCream' (2095,21): run-time error CSS1039: Token not allowed after unary operator: '-greenHover' (2116,28): run-time error CSS1039: Token not allowed after unary operator: '-gray' (2118,17): run-time error CSS1039: Token not allowed after unary operator: '-greenHover' (2122,28): run-time error CSS1039: Token not allowed after unary operator: '-greenHover' (2123,17): run-time error CSS1039: Token not allowed after unary operator: '-cream' (2133,21): run-time error CSS1039: Token not allowed after unary operator: '-cream' (2148,17): run-time error CSS1039: Token not allowed after unary operator: '-greenHover' (2180,26): run-time error CSS1039: Token not allowed after unary operator: '-greenHover' (2203,17): run-time error CSS1039: Token not allowed after unary operator: '-cream' (2253,28): run-time error CSS1039: Token not allowed after unary operator: '-greenHover' (2271,21): run-time error CSS1039: Token not allowed after unary operator: '-cream' (2303,28): run-time error CSS1039: Token not allowed after unary operator: '-cream' (2327,17): run-time error CSS1039: Token not allowed after unary operator: '-greenHover' (2351,17): run-time error CSS1039: Token not allowed after unary operator: '-black' (2374,28): run-time error CSS1039: Token not allowed after unary operator: '-green' (2375,17): run-time error CSS1039: Token not allowed after unary operator: '-white' (2388,33): run-time error CSS1039: Token not allowed after unary operator: '-green' (2401,39): run-time error CSS1039: Token not allowed after unary operator: '-green' (2411,17): run-time error CSS1039: Token not allowed after unary operator: '-cream' (2416,59): run-time error CSS1046: Expect comma, found '74' (2416,65): run-time error CSS1046: Expect comma, found '/' (2417,56): run-time error CSS1046: Expect comma, found '74' (2417,62): run-time error CSS1046: Expect comma, found '/' (2418,51): run-time error CSS1046: Expect comma, found '74' (2418,57): run-time error CSS1046: Expect comma, found '/' (2431,58): run-time error CSS1039: Token not allowed after unary operator: '-blueHover' (2432,55): run-time error CSS1039: Token not allowed after unary operator: '-blueHover' (2433,50): run-time error CSS1039: Token not allowed after unary operator: '-blueHover' (2448,28): run-time error CSS1039: Token not allowed after unary operator: '-cream' (2449,21): run-time error CSS1039: Token not allowed after unary operator: '-cream' (2457,28): run-time error CSS1039: Token not allowed after unary operator: '-cream' (2458,17): run-time error CSS1039: Token not allowed after unary operator: '-blue' (2469,17): run-time error CSS1039: Token not allowed after unary operator: '-greenHover' (2481,17): run-time error CSS1039: Token not allowed after unary operator: '-greenHover' (2496,32): run-time error CSS1039: Token not allowed after unary operator: '-creamHover' (2517,28): run-time error CSS1039: Token not allowed after unary operator: '-greenHover' (2585,17): run-time error CSS1039: Token not allowed after unary operator: '-cream' (2648,17): run-time error CSS1039: Token not allowed after unary operator: '-cream' (2649,24): run-time error CSS1039: Token not allowed after unary operator: '-cream' */ @font-face {font-family: 'gill_sansbold_italic';src: url('/assets/Fonts/GillSans/gill_sans_bold_italic-webfont.woff2') format('woff2'), url('/assets/Fonts/GillSans/gill_sans_bold_italic-webfont.woff') format('woff');font-weight: normal;font-style: normal;}@font-face {font-family: 'gill_sansbold';src: url('/assets/Fonts/GillSans/gill_sans_bold-webfont.woff2') format('woff2'), url('/assets/Fonts/GillSans/gill_sans_bold-webfont.woff') format('woff');font-weight: normal;font-style: normal;}@font-face {font-family: 'gill_sansheavy_italic';src: url('/assets/Fonts/GillSans/gill_sans_heavy_italic-webfont.woff2') format('woff2'), url('/assets/Fonts/GillSans/gill_sans_heavy_italic-webfont.woff') format('woff');font-weight: normal;font-style: normal;}@font-face {font-family: 'gill_sansheavy';src: url('/assets/Fonts/GillSans/gill_sans_heavy-webfont.woff2') format('woff2'), url('/assets/Fonts/GillSans/gill_sans_heavy-webfont.woff') format('woff');font-weight: normal;font-style: normal;}@font-face {font-family: 'gill_sansitalic';src: url('/assets/Fonts/GillSans/gill_sans_italic-webfont.woff2') format('woff2'), url('/assets/Fonts/GillSans/gill_sans_italic-webfont.woff') format('woff');font-weight: normal;font-style: normal;}@font-face {font-family: 'gill_sanslight_italic';src: url('/assets/Fonts/GillSans/gill_sans_light_italic-webfont.woff2') format('woff2'), url('/assets/Fonts/GillSans/gill_sans_light_italic-webfont.woff') format('woff');font-weight: normal;font-style: normal;}@font-face {font-family: 'gill_sanslight';src: url('/assets/Fonts/GillSans/gill_sans_light-webfont.woff2') format('woff2'), url('/assets/Fonts/GillSans/gill_sans_light-webfont.woff') format('woff');font-weight: normal;font-style: normal;}@font-face {font-family: 'gill_sansmedium_italic';src: url('/assets/Fonts/GillSans/gill_sans_medium_italic-webfont.woff2') format('woff2'), url('/assets/Fonts/GillSans/gill_sans_medium_italic-webfont.woff') format('woff');font-weight: normal;font-style: normal;}@font-face {font-family: 'gill_sansmedium';src: url('/assets/Fonts/GillSans/gill_sans_medium-webfont.woff2') format('woff2'), url('/assets/Fonts/GillSans/gill_sans_medium-webfont.woff') format('woff');font-weight: normal;font-style: normal;}@font-face {font-family: 'gill_sansregular';src: url('/assets/Fonts/GillSans/gill_sans-webfont.woff2') format('woff2'), url('/assets/Fonts/GillSans/gill_sans-webfont.woff') format('woff');font-weight: normal;font-style: normal;}@font-face {font-family: 'gill_sanscondensed_bold';src: url('/assets/Fonts/GillSans/gillsans_condensed_bold-webfont.woff2') format('woff2'), url('/assets/Fonts/GillSans/gillsans_condensed_bold-webfont.woff') format('woff');font-weight: normal;font-style: normal;}@font-face {font-family: 'gill_sanscondensed_regular';src: url('/assets/Fonts/GillSans/gillsans_condensed-webfont.woff2') format('woff2'), url('/assets/Fonts/GillSans/gillsans_condensed-webfont.woff') format('woff');font-weight: normal;font-style: normal;} /*! Generated by Font Squirrel (https://www.fontsquirrel.com) on November 4, 2022 */ @font-face { font-family: 'didonesqueroman'; src: url('didonesque-roman-webfont.woff2') format('woff2'), url('didonesque-roman-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } :root { --gray: #e5ded1; /*--green: #227656;*/ --green: #005745; --greenHover: #004a3b; /*--blue: #162348;*/ --blue: #1C355E; --blueHover: #162a4b; --white: #fff; --footerGray: #cbcbcb; --lightBlue: #6c7e97; --red: #f30000; --textGray: #929593; --logoGreen: #285745; /*--cream: #f3e7cc;*/ --cream: #fff5E5; --creamHover: #bba676; --lightCream: #f8f5ef; } a { text-decoration: none; } /*ol, ul { list-style: none; }*/ body { font-family: 'gill_sansregular' !important; max-width: 100% !important; } *:focus, *:active { outline: 0 !important; /*box-shadow: none !important;*/ border-color: none; } .form-control { box-shadow: none !important; } .accordion-button:focus { box-shadow: none; border-color: rgba(0,0,0,.125); } .steamCards p { color: var(--white); } a.btn{ text-decoration: none !important; } /*.firstNav { background-color: var(--green); font-size: 13px; font-weight: 500; } .firstNav a { color: #e5ded1; color: var(--gray); }*/ .navDivider { height: 18px; width: 1px; opacity: 1; color: white; } .secondNav ul li a { /*color: white;*/ color: var(--gray); font-weight: 400; font-size: 18px; display: block; } .navbar .megamenu { padding: 1rem; background-color: inherit; border-color: none; } @media all and (min-width: 992px) { .navbar .has-megamenu { position: static !important; } .navbar .megamenu { left: 0; right: 0; width: 100%; margin-top: 0; } } @media(max-width: 991px) { .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse { overflow-y: auto; max-height: 90vh; margin-top: 10px; } } .dropdownitem li a { padding: 20px !important; } .dropdown-menu { background-color: inherit; } .firstCarousel ol li { height: 30px; width: 3px; border-radius: 100%; } .secondCarousel.carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%230048ba' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); } .secondCarousel.carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%230048ba' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); } .indexCarousel-prev { /*transform: translateX(240px);*/ left: -15% !important; } .indexCarousel-next { right: -15% !important; } /*.indexCarousel .carousel-control-prev{ transform: translateX(-120px); }*/ .carouselText { color: black; } .secondCarousel element.style { width: 100%; height: auto; } .vl { border-left: 1px solid var(--blue); /*border-left: 1px solid #162348;*/ height: 100px; opacity: 0.5; } .divider { border-left: 1px solid var(--greenHover); height: 70px; opacity: 0.5; width: 2px; margin: 0 auto; } .botFooter { font-size: 8px; background-color: var(--green); background-size: 5px 5px; background-image: repeating-linear-gradient(135deg, #273a31 0, #273a31 1px, #e5e5f700 0, #e5e5f700 50%); } .botFooter, .botFooter p, .botFooter a, .botFooter .border-top { color: var(--cream); border-color: var(--cream) !important; } .botFooter p, .botFooter a { font-size: 12px; background-color: inherit; margin-right: 3px; } .botFooter a:hover { color: var(--creamHover); } .footerList img { background-color: transparent; border-color: transparent; } .bottomCards p { color: var(--white); } .bg { background-size: cover; } /*#section0 { background-image: url(../image/bis/child.jpg); background-size: cover; }*/ /*.bannerImage{ height:70%; } .bannerCards{ height:30%; }*/ .navMenu { background-color: var(--lightCream); margin-top: -3%; } .navMenu a, .navMenu p { color: var(--textGray) !important; font-style: normal; font-size: 17px; text-decoration:none !important; } .navMenu a:hover { color: inherit; font-style: normal; text-decoration: none; } .navMenu li { padding: 3%; } .navMenuHeader { font-size: 22px !important; margin-left: 25px; } .menuText p { font-size: 14px; font-weight: 500; } .menuText.h4 { color: var(--lightBlue); } .pageContext { color: #434845; font-size: 18px; } .pageContext a { color: var(--greenHover); /* word-break: break-all;*/ text-decoration:underline; font-weight:bolder; } .photoGallery a, .photoGallery p { color: var(--lightBlue); } /*ul#nav li a:hover, ul#nav li.navMenuactive a{ color: var(--lightBlue); background-color: inherit; font-weight: bold; }*/ /*.navMenuactive a::before { content: "�"; font-weight: 900; font-size: 15px; }*/ ul#nav li { background-color: inherit; border: none; } .secondNav ul li a:hover { /*background-color: #10543a;*/ background-color: var(--blueHover); color: var(--gray); } .secondNav .navbar-nav .nav-link { padding: 8px 20px; } .nav-pills .nav-link:hover { background-color: inherit !important; font-weight: bold; text-align: start; } .nav-pills .nav-link.active { background-color: inherit !important; font-weight: bold; text-align: start; } .nav-pills .nav-link { background-color: inherit !important; color: var(--textGray) !important; font-size: 24px !important; } .nav-pills .nav-link.galleryTitles { font-size: 18px !important; } #myVideo { right: 0; bottom: 0; min-width: 100%; min-height: 100%; } .content { background: rgba(0, 0, 0, 0.5); color: #f1f1f1; width: 100%; padding: 20px; } #myBtn { width: 200px; font-size: 18px; padding: 10px; border: none; background: #000; color: var(--white); cursor: pointer; } #myBtn:hover { background: #ddd; color: black; } .videoText { position: relative; text-align: center; top: 0; left: 0; width: 100%; color: var(--white); overflow: hidden; margin: 0 auto; left: 50%; position: absolute; top: 50%; transform: translateX(-50%) translateY(-40%); z-index: 2; } .ourDivision { position: absolute; top: 40%; left: 50%; transform: translate(-50%, 150%); color: var(--white); text-align: center; } .footerTextColor { color: var(--footerGray); } .ourDivision { position: absolute; bottom: 100px; right: 20px; font-size: 8px; width: 100%; } .ourDivision p { color: var(--white); } .footerIcons { border-width: 1px; border-style: solid; border-color: orange; border-radius: 100%; } .carousel-indicators button { background-color: var(--white) !important; opacity: 1 !important; } .carousel-indicators .active { background-color: var(--red) !important; } .navMenuactive li a:hover, .navMenuactive a, .navMenuactive a:active { color: var(--textGray); background-color: inherit; font-weight: bold; } .indexBanner.carousel-indicators button { height: 10px !important; width: 10px !important; margin: 0 10px !important; border-radius: 100%; background-color: var(--white) !important; opacity: 1 !important; } .indexBanner.carousel-indicators .active { background-color: var(--red) !important; } .indexBanner.carousel-indicators { top: 0; margin: auto; height: 20px; right: 10px; left: auto; display: block; } .quotesTitle { color: var(--creamHover) !important; } .ourDivisionCards a { color: var(--gray); } .bannerButton { background-color: var(--greenHover); color: var(--cream) !important; border: none; padding: 5px; transition: all 1s; font-weight: bold; letter-spacing: 2px; font-size: 12px; border-radius: 0px !important; text-shadow: none; } .bannerButton:hover, .bannerButton:active, .bannerButton:focus { background-color: var(--cream); color: var(--greenHover) !important; transition: all 1s; } .bannerContext { text-shadow: 2px 2px #0000007d; color: var(--cream); border-color: var(--cream); z-index:3; } .bannerContext p { font-weight: bold; } @media(max-width: 768px) { #homeBanner .bannerContext { /*bottom: 20%;*/ } } @media(max-width: 991px) { .enquirySection { font-size: 18px !important; } .bannerBisStory img { height: 15px !important; width: 10px !important; margin-bottom: 5px; } #pageBanner { min-height: 300px !important; } .searchContext { margin-top: 3vh; } .searchbar-open { width: 45% !important; } .videoPlayIcon { width: 45px; height: 45px; margin-bottom: 10px; } .ourDivisionCards a { color: var(--gray); font-size: 13px; line-height: 24px; } .bannerContext { margin: 0 auto; font-size: 8px !important; } .bannerButton { font-size: 10px; } #backToTop { height: 35px; width: 35px; } .indexBanner.carousel-indicators { transform: translateY(-200%); } .bisHeader { background-color: var(--green); color: var(--cream) !important; /* opacity: 0.8; */ background-size: 5px 5px; background-image: repeating-linear-gradient(135deg, #273a31 0, #273a31 1px, #e5e5f700 0, #e5e5f700 50%); } .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse { overflow-y: auto; max-height: 90vh; margin-top: 10px; } .secondNav { /*background-color: #162348;*/ background-color: rgb(22 35 72 / 1); } .navMenuactive::before { content: " "; font-weight: bolder; font-size: 8px; margin-left: -20px; margin-right: 5%; padding: 1px 12px 0px 10px; background-color: var(--textGray); } .steamBanner{ color: var(--cream); border-color: var(--cream); } .steamBanner a, .steamBanner p { font-size: 14px; } .steamBanner h3 { font-size: 12px; } .steamBanner p { letter-spacing: 2px; } .pageContentSpace { margin-top: 1vh; } .backgroundCarousel { display: none; } .mdCarousel { display: block; padding-left: 0px !important; padding-right: 0px !important } .indexDivider { border-top: 1px solid gray; margin-bottom: 20px; } .overlay { overflow-y: auto; } .overlay a { font-size: 14px !important; line-height: 6px; padding: 0px !important; } .dotsControlIcons { position: absolute; background-color: rgb(255 255 255 / 70%); width: 50px; height: 25px; bottom: 10px; top: auto; left: 50%; margin-left: -50px; transform: translateX(50%); border-radius: 10px; } .dotsControlIcons .carousel-control-prev, .dotsControlIcons .carousel-control-next { width: 65%; } .bannerQuote p { font-size: 10px; letter-spacing: 2px; line-height: 20px; } .bannerQuote img { height: 15px; width: 10px; } #carouselQuotes p { color: #415a4f; font-size: 14px; } .videoText p { font-size: 12px; line-height: 6px; } .videoText .videoHeadline { font-size: 14px !important; font-weight: 600; } .headerMenuactive { font-weight: bold; } } .ourDivisionCards a { color: var(--gray); } @media(min-width: 991px) { #videoBg1 { background-repeat: no-repeat; background-position: center; background-attachment: fixed; } .videoModal .modal-dialog { max-width: 70%; } .searchContext { margin-top: 25vh; } .videoPlayIcon { width: 60px; height: 60px; margin-bottom: 10px; } .headerMenuactive { font-weight: bold; margin-left: -28px; } /* .bannerContext { margin: 0 auto; bottom: 30%; }*/ .bannerContext p { letter-spacing: 10px; } .bannerContext h5 { letter-spacing: 5px; } .bannerButton { font-size: 14px !important; } #backToTop { height: 50px; width: 50px; } .bisHeader { background-color: var(--green); color: var(--cream) !important; background-size: 5px 5px; background-image: repeating-linear-gradient(135deg, #273a31 0, #273a31 1px, #e5e5f700 0, #e5e5f700 50%); } .wholeHeader { /*position: absolute !important;*/ /*position: fixed;*/ width: 100% !important; } .secondNav { /*background-color: #162348;*/ background-color: rgb(22 35 72 / 0.8); } .navbar .megamenu { margin-top: 2.9em; border-radius: 0px !important; } .navMenuactive::before { content: " "; font-weight: bolder; font-size: 8px; margin-left: -7%; margin-right: 5%; padding: 1px 12px 0px 10px; background-color: var(--textGray); } .steamBanner a, .steamBanner p { color: var(--cream); border-color: var(--cream); font-size: 30px; } .steamBanner a:hover { color: var(--creamHover); border-color: var(--creamHover); } #carouselQuotes p { color: #415a4f; font-size: 18px; } .pageContentSpace { /*min-height: 80px;*/ margin-top: 22vh; } .backgroundCarousel { display: block; padding-left: 0px !important; padding-right: 0px !important; } .mdCarousel { display: none; } .indexDivider { border-left: 1px solid gray; } .dotsControlIcons { position: absolute; background-color: rgb(255 255 255 / 70%); width: 60px; height: 40px; bottom: 60px; top: auto; left: 50%; margin-left: -30px; border-radius: 10px; } .dotsControlIcons .carousel-control-prev, .dotsControlIcons .carousel-control-next { width: 65%; } .bannerQuote p { font-size: 14px; letter-spacing: 4px; } .bannerQuote img { height: 25px; width: 15px; } .videoText p { font-size: 26px; line-height: 30px; } .videoText .videoHeadline { font-size: 35px !important; font-weight: 600; } } .bannerQuote p { margin-bottom: 0; color: var(--logoGreen); /*font-family: didonesqueroman;*/ } main { min-height: 600px; } .bisHeader ul li a { color: var(--cream) !important; } .bisHeader a { color: var(--cream) !important; } .navMenuIcon { height: 20px } .navContactIcon { height: 25px } .centerElement { margin: 0; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .centered-element { margin: 0; position: absolute; top: 50%; transform: translateY(-50%); } .quoteButtons.carousel-indicators button { height: 10px !important; width: 10px !important; border-radius: 100%; /*background-color: white !important;*/ background-color: #d6cebf !important; opacity: 1 !important; } .quoteButtons.carousel-indicators .active { height: 10px !important; width: 10px !important; border-radius: 100%; /*background-color: white !important;*/ background-color: var(--red) !important; opacity: 1 !important; } .newsButtons.carousel-indicators button { height: 10px !important; width: 10px !important; border-radius: 100%; /*background-color: white !important;*/ background-color: var(--logoGreen) !important; opacity: 1 !important; } .newsButtons.carousel-indicators .active { height: 10px !important; width: 10px !important; border-radius: 100%; /*background-color: white !important;*/ background-color: var(--red) !important; opacity: 1 !important; } .newsButtons.carousel-indicators { top: 92%; } .NewsText a, .NewsText p { color: var(--cream) !important; font-size: 17px; margin: 0px; } .divisionImage { width: 140px; height: 140px; border-radius: 50%; border: 5px solid white; z-index: 1; background-size: cover; } .divisionHover:hover .ourDivisionContent { /*background-color: #283457;*/ background-color:var(--blue); box-shadow: 0 5px 7px 4px rgb(0 0 0 / 20%); transition: .5s all; } .ourDivisionContent { margin-left: -75px; color: var(--cream); /*background-color: #285745;*/ background-color: var(--green); box-shadow: 0 5px 10px 4px rgb(0 0 0 / 20%); transition: .5s all; } .ourDivisionContent:hover { /*background-color: #283457;*/ background-color: var(--blue); box-shadow: 0 5px 7px 4px rgb(0 0 0 / 20%); transition: .5s all; } .galleryCarousel.carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' width='1' height='1' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); width: 16px; } .galleryCarousel.carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' width='1' height='1' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); width: 16px; } .bannerCarousel.carousel-control-next-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' width='1' height='1' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); width: 16px; } .bannerCarousel.carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' width='1' height='1' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); width: 16px; } .overlay { height: 0%; width: 100%; position: fixed; z-index: 9999; top: 0; left: 0; background-color: var(--green); overflow-y: hidden; transition: 0.5s; background-image: url('../../assets/image/bisk12tr/british-agac4.png'); background-size: cover; background-position-y: center; background-position-x: center; } .overlay-content { position: relative; width: 100%; text-align: center; padding: 5%; /* padding-left: 0px !important; padding-right: 0px !important; margin-left: 0px !important;*/ } .overlay a { padding: .3vw; text-decoration: none; font-size: 36px; color: var(--cream); display: block; transition: 0.3s; font-size: 12px; text-align: start; text-transform: uppercase; letter-spacing: 1px; display: flex; } .overlayBgImg { background-size: cover; background-image: url('../../assets/image/bis/pattern.png'); height: inherit; overflow-y: auto; } .overlay .closebtn { position: absolute; bottom: 0; margin: 0 auto; font-size: 60px; z-index: inherit; right: 47%; } .overlay .closebtnX { position: absolute; font-size: 25px !important; z-index: inherit; top: 40px; right: 40px; } .headerMenu a:hover { color: inherit; font-style: normal; text-decoration: none; } .headerMenu li { padding: 3%; } ul#nav li a:hover, ul#nav li.headerMenuactive a, ul#nav li.headerMenuactive a:active { color: var(--cream); background-color: inherit; font-weight: bold; } .headerMenuactive::before { content: " "; font-weight: bolder; font-size: 6px; background-color: var(--cream); width: 20px; height: 6px; display: inline-flex; vertical-align: baseline; margin-top: 2px; } .parentNav { background-color: var(--cream); } .parentNav p { color: black; font-size: 10px; margin: 0; } .parentNav .border-end, .parentNav .border-start { border-color: #bdb5a3 !important; } .mainNav a { font-size: 14px; font-weight: bold; letter-spacing: 2px; } .videoSlider.carousel-indicators { z-index: 3; } .videoSlider.carousel-indicators button { background-color: white !important; opacity: 1 !important; height: 5px; } .videoSlider.carousel-indicators .active { background-color: red !important; } .vsContent { height: 500px; width: 100%; } .vsButton { background-color: transparent; color: white; border-color: transparent; } .vsPauseIcon { display: none; opacity: 0.2; } .fa-circle-play:hover, .fa-circle-pause:hover { color: red !important; } /*.socialMediaIcons a:hover { color: gray; } .socialMediaIcons { display: inline-block; }*/ .socialMediaIconsHover { list-style: none; padding-left: 0; } .socialMediaIconsHover a:hover { color: #bba676; } .socialMediaIcons { display: inline-block; border: solid; border-width: 1px; border-radius: 60px; } .videoText { color: white; } .videoPlayIcon { background-image: url('../../assets/image/bis/playicon.png'); background-size: cover; } .videoPlayIcon:hover { width: 60px; height: 60px; background-image: url('../../assets/image/bis/playiconRed.png'); background-size: cover; } .sortContent p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; } .newsBadge { background-color: var(--logoGreen); font-size: 14px; letter-spacing: 1px; color: var(--cream) !important; transition: all 1s; } .newsBadge:hover, .newsBadge:focus, .newsBadge:after { background-color: var(--cream); color: var(--logoGreen) !important; transition: all 1s; } .carditems, .carditems:active { /*background-color: var(--logoGreen);*/ background-color: var(--green); } .carditems a, .carditems p { color: var(--cream); transition: all 1s; text-decoration:none; } .carditems:hover, .carditems:active { background-color: var(--blue); transition: all 1s; } .carditems:hover a, .carditems:hover p { /*color: var(--cream) !important;*/ transition: all 1s; } .accreditations { background-color: var(--lightCream); } .innerShadow { /*box-shadow: inset 0px -150px 400px #10543a; box-shadow: rgb(1 43 28 / 85%) 0px -250px 36px -28px inset; box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;*/ } #backToTop { position: fixed; bottom: 10px; right: 10px; z-index: 99; font-size: 18px; border: none; outline: none; background-color: var(--cream); color: var(--greenHover); cursor: pointer; border-radius: 50%; padding: 5px; } .bannerQuote { background-color: var(--lightCream); } /*DisplayTemplates*/ /*PageTabs*/ .pageTab .tabMenuText.h1, .pageTab .tabMenuText.h2, .pageTab .tabMenuText.h3, .pageTab .tabMenuText.h4, .pageTab .tabMenuText.h5 { color: var(--textGray); } .pageTab .nav-item { display: flex !important; } .pageTab .nav-tabs .nav-item .nav-link { background-color: var(--lightCream); color: var(--textGray); border-radius: 0; font-size: 18px; font-weight: 600; border-bottom: 1px solid #e9e1d1; border-left: 1px solid #e9e1d1; border-right: 1px solid #e9e1d1; } .pageTab .nav-tabs .nav-item .nav-link.active { color: var(--textGray); background-color: #e9e1d1; } .pageTab .tab-content p { color: var(--textGray); font-size: 16px; } .tabMenuText { background-color: var(--lightCream); } .tabMenuText { color: var(--textGray); font-size: 16px; } .pageTab { padding-left: 0px !important; padding-right: 0px !important; } /*Page Accordions*/ .pageAccordion .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,") !important; } .pageAccordion .accordion-button:after { background-image: url("data:image/svg+xml,") !important; } .pageAccordion .accordion-button:not(.collapsed)::after { transform: rotate(-135deg) !important; color: var(--textGray); } .pageAccordion .accordion-button:after { order: -1; margin-left: 0; margin-right: 0.5em; } .pageAccordion .accordion-button:not(.collapsed) { color: var(--textGray); background-color: #e9e1d1; } .pageAccordion .accordion-button { color: var(--textGray); background-color: var(--lightCream); font-size: 18px; font-weight: 600; } .pageAccordion .accordion-body { background-color: var(--lightCream); } .pageAccordion .accordion-body p { color: var(--textGray); font-size: 16px; } /*pageDocuments*/ .pageDocuments a { text-decoration: none !important; } .pageDocuments .coverImgList > .coverImg { margin-right: 25px; } .pageDocuments .coverImgList > .coverImg:last-child { margin-right: 0 !important; } .pageDocuments .coverImg { background-color: var(--lightCream); transition: all .4s; } .pageDocuments .coverImg:hover { background-color: #e9e1d1; transition: all .4s; } .pageDocuments .coverImg:hover img, .pageDocuments .coverImg:hover p { filter: brightness(0) invert(1); color: #fff; transition: all .4s; } .pageDocuments .graduateCard { background-color: var(--lightCream); transition: all .4s; width: 260px; } .pageDocuments .graduateCard p{ font-size:18px ; } .pageDocuments .graduateCard:hover { background-color: #e9e1d1; transition: all .4s; } .pageDocuments .graduateCard:hover img{ transform:scale(1.2); transition: all .4s; } .pageDocuments .graduateCard img { transition: all .4s; } .pageDocuments .graduateCardContent { width: 70%; margin: 0 auto; } .pageDocuments .graduateCardImg { margin: 0 auto; height: 150px; border: 1px solid #c3c3c3; background: no-repeat; background-position: center; background-color: white; transition: all .4s; background-size: 60%; } .pageDocuments .graduateCard:hover .graduateCardImg { background-size: 70%; transition: all .4s; } .pageDocuments img.centerImg { display: block; margin: 0 auto; } .pageDocuments .card-text { color: var(--textGray); font-size: 18px; font-weight: bold; } .pageDocuments .strechCard{ display:flex; justify-content:center; align-items:stretch; } /*pageGallery*/ .pageGallery { background-color: var(--lightCream); } .pageGallery .carousel-control-prev, .pageGallery .carousel-control-next { top: 91%; width: 10%; } .pageGallery .carousel-control-next { right: 45%; color: red; width: 5% !important; } .pageGallery .carousel-control-prev { left: 45%; color: red !important; width: 5% !important; } /*forms*/ .centered { position: absolute; top: 40%; left: 50%; transform: translate(-50%, 150%); color: white; text-align: center; } .formButtons { background-color: var(--greenHover); border-radius: 0; color: var(--cream) !important; transition: all 1s; border: none; font-weight: bold; letter-spacing: 1px; } .formButtons:hover, .formButtons:active, .formButtons:focus { background-color: var(--cream); color: var(--greenHover) !important; transition: all 1s; } .formButtons:active { color: white; background-color: #ebe8e1; } .formColors { background-color: var(--lightCream); } .formDarkColors { background-color: #ebe8e1; } .contactForm { color: var(--textGray) !important; } .contactForm .form-control { color: #6c757d; } /*Our Team*/ .governorsCard { box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); transition: 0.3s; margin: 20px; } .governorsCard a { color: black; text-decoration:none; } .governorsCard:hover { box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2); } .governorsCardImg { width: 100%; } /*search bar*/ /*search bar*/ .searchbar { position: relative; min-width: 30px; width: 0%; height: 36px; float: right; overflow: hidden; -webkit-transition: width 0.3s; -moz-transition: width 0.3s; -ms-transition: width 0.3s; -o-transition: width 0.3s; transition: width 0.3s; } .searchbar-input { top: 0; right: 0; border: 0; outline: 0; background: var(--cream); width: 100%; height: 36px; margin: 0; padding: 0px 40px 0px 20px; font-size: 14px; color: var(--blueHover); /*pointer-events:none;*/ display: none; } .searchbar-icon { z-index: 10; width: 15px; height: 35px; display: block; position: absolute; top: 0; font-size: 20px; right: 0; padding: 0; margin: 0; border: 0; outline: 0; line-height: 35px; text-align: center; cursor: pointer; color: var(--greenHover); background: var(--cream); } .searchbar-icon .svg-inline--fa { width: 15px; } .searchbar-submit { z-index: -10; width: 15px; height: 40px; display: block; position: absolute; top: 0; font-size: 20px; right: 0; padding: 0; margin: 0; border: 0; outline: 0; line-height: 35px; text-align: center; cursor: pointer; color: var(--greenHover); background: var(--cream); border-left: 1px solid white; } .searchbar-input::-webkit-input-placeholder { color: #10543a; } .searchbar-input:-moz-placeholder { color: #10543a; } .searchbar-input::-moz-placeholder { color: #10543a; } .searchbar-input:-ms-input-placeholder { color: #10543a; } .searchbar-open { width: 25%; } .searchPage a, .searchResult p, .searchResult h1, .searchResult h2, .searchResult h3, .searchResult h4, .searchResult h5 { color: var(--greenHover) !important; } /*all news*/ .indexCarousel .icTitle a, .indexCarousel .icTitle p, .indexCarousel .sortContent a, .indexCarousel .sortContent p { color: var(--logoGreen); font-weight: bold; } .indexCarousel .icTitle { letter-spacing: 5px; font-size: 26px; line-height: 1; color: var(--logoGreen); } .indexCarousel .icBody { background-color: var(--lightCream); max-height: 600px; } .indexCarousel .icDate { font-size: 12px; color: #c3cdde !important; font-weight: bold; } .indexCarousel .icContentTitle { font-size: 12px; color: var(--logoGreen); font-weight: bold; } .indexCarousel .icReadMore { color: #d62828 !important; font-size: 10px; font-weight: bold; } /*google maps*/ .mapouter { position: relative; text-align: right; height: 400px; width: 100%; } .gmap_canvas { overflow: hidden; background: none !important; height: 400px; width: 100%; } #gmap_canvas { width: 100%; height: 400px; filter: grayscale(100%); /*filter: brightness(0) saturate(100%) invert(19%) sepia(35%) saturate(341%) hue-rotate(99deg) brightness(93%) contrast(93%) opacity(50%);*/ } .cpTitle { letter-spacing: 5px; font-size: 26px; line-height: 1; color: var(--greenHover); font-weight: bold; text-transform: uppercase; margin-bottom: 35px; } .bg-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; z-index: 2; display: block; } .videoModal .modal-content { background-color: transparent; border: none; } .videoModal .modal-header { border: none; } .videoModal .modal-body { padding: 0px; } /*.videoModal{ background-color: rgb(45 80 63 / 1); background-size: 5px 5px; background-image: repeating-linear-gradient(135deg, #273a31 0, #273a31 1px, #e5e5f700 0, #e5e5f700 50%); }*/ .wholeHeader, .wholeHeader:hover, .wholeHeader:focus, .wholeHeader:after, .wholeHeader:active { -webkit-box-shadow: 0 5px 10px 4px rgb(0 0 0 / 50%); -moz-box-shadow: 0 5px 10px 4px rgb(0 0 0 / 50%); box-shadow: 0 5px 10px 4px rgb(0 0 0 / 50%); z-index: 999; } #mainNav { padding: 1rem 0 1rem 0; transition: padding .3s; } #mainNav #navLogo { transition: 0.4s; } #navLogoSm { display: none; } #myNavsm .accordion-item { background-color: rgba(255, 255, 255, 0.00); } #myNavsm .accordion { --bs-accordion-bg: rgba(255, 255, 255, 0.00); --bs-accordion-active-color: rgba(255, 255, 255, 0.00); --bs-accordion-btn-focus-border-color: rgba(255, 255, 255, 0.00); --bs-accordion-border-color: var(--cream); } #myNavsm .accordion-button:not(.collapsed) { background-color: rgba(255, 255, 255, 0.00); } #myNavsm .accordion-item.accordion-header.accordion-button:focus { border-color: none !important; } #myNavsm .accordion .accordion-button::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23f3e7cc'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } #myNavsm .accordion-flush .accordion-collapse { border-width: 0; background-color: #1d372b; } #pageBanner { display: grid; min-height: 400px; } .bisHeader .firstNav { background-color: var(--cream) !important; font-size: 13px; font-weight: bold; } .bisHeader .firstNav a { color: #2D503F !important; } .bisHeader .firstNav .border-end { border-color: #bdb5a3 !important; } .bisHeader .firstNav ul li a:hover { background-color: var(--greenHover) !important; color: #c8ba9e !important; } .newsNames { padding-top: 7px; padding-bottom: 7px; border-bottom: 1px solid #dcdcdc; } #carouselQuotes { background-color: #f7f7f7; } .logoFooter { background-color: var(--cream); color: var(--blue); font-weight: bold; background-size: 5px 5px; background-image: repeating-linear-gradient(135deg, #273a311a 0, #273a3100 1px, #e5e5f700 0, #b6a081 50%); box-shadow: rgb(0 0 0 / 40%) 0px 36px 12px -25px inset; } /* Shine effect animation for images */ figure { overflow: hidden; margin-bottom: 0; } figure:hover + span { opacity: 1; } .imageShine figure { position: relative; } .imageShine figure::before { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } .imageShine figure:hover::before { -webkit-animation: shine .75s; animation: shine .75s; } @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } #homeBanner .item { position: relative; width: 100%; height: 80vh; overflow: hidden; } #homeBannerSm .item video { position: relative; width: 100%; max-height: 80dvh; overflow: hidden; } #homeBannerSm .item video, #homeBanner .item video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; object-fit: cover; } #homeBannerSm .item.steamBanner, #homeBanner .item.steamBanner { background-position: center; background-size: cover; background-repeat: no-repeat; } #homeBanner .owl-nav, #homeBannerSm .owl-nav { position: absolute; top: 40%; color: var(--cream); width: 100%; } #homeBanner .owl-nav .owl-next { right: 30px; position: absolute; cursor: pointer; } #homeBanner .owl-nav .owl-prev { left: 30px; position: absolute; cursor: pointer; } #homeBannerSm .owl-nav .owl-next { right: 10px; position: absolute; cursor: pointer; } #homeBannerSm .owl-nav .owl-prev { left: 10px; position: absolute; cursor: pointer; } #carouselQuotesOwl .owl-nav { position: absolute; top: 50%; color: var(--greenHover); width: 100%; } #carouselQuotesOwl .owl-nav .owl-next { right: 20px; position: absolute; cursor: pointer; } #carouselQuotesOwl .owl-nav .owl-prev { left: 20px; position: absolute; cursor: pointer; } #carouselQuotesOwl .owl-dots { color: var(--greenHover); width: 100%; } #carouselQuotesOwl .owl-dots { text-align: center; margin-bottom: -25px; } #carouselQuotesOwl .owl-dots button.owl-dot { width: 12px; height: 12px; border-radius: 50%; display: inline-block; background-color: var(--creamHover); margin: 0 3px; } #carouselQuotesOwl .owl-dots button.owl-dot.active { background-color: red; } #carouselQuotesOwl .owl-dots button.owl-dot:focus { outline: none; } #homeBannerSm .owl-dots, #homeBanner .owl-dots { text-align: center; margin-bottom: -25px; transform: translateY(-50px); } #homeBannerSm .owl-dots { transform: translateY(-35px); } #homeBannerSm .owl-dots button.owl-dot, #homeBanner .owl-dots button.owl-dot { width: 15px; height: 15px; border-radius: 50%; display: inline-block; background: #fff; margin: 0 3px; } #homeBannerSm .owl-dots button.owl-dot { width: 10px; height: 10px; } #homeBannerSm .owl-dots button.owl-dot.active, #homeBanner .owl-dots button.owl-dot.active { background-color: red; border: 2px solid white; } #homeBannerSm .owl-dots button.owl-dot:focus, #homeBanner .owl-dots button.owl-dot:focus { outline: none; } /*@media(min-width: 1400px) { .bannerContext { bottom: 50%; transform: translateY(50%); } }*/ #videoBg1 { background-size: cover; } .stretchHomeCard { align-self: stretch; display: grid; } .bannerBisStory { background-color: var(--lightCream); } .bannerBisStory p, .bannerBisStory h1 { font-size: 23px; letter-spacing: 1px; line-height: 20px; color: var(--greenHover); } .bannerBisStory img { height: 25px; width: 16px; margin-bottom: 5px; } .bannerBisStoryContext h1, .bannerBisStoryContext p { font-size: 18px; } @media(max-width: 768px) { .bannerBisStory img { display:none; } } .enquirySection { background-color: var(--gray); font-size: 20px; color: var(--greenHover); } .enquiryButton { background-color: var(--greenHover); color: var(--cream); padding: 22px 50px 20px 50px; -webkit-box-shadow: 10px -10px 0px 0px rgba(165,161,137,0.75); -moz-box-shadow: 10px -10px 0px 0px rgba(165,161,137,0.75); box-shadow: 10px -10px 0px 0px rgba(165,161,137,0.75); transition: all 1s; font-weight: bold; } .enquiryButton:hover { color: var(--cream); transition: all 1s; cursor: pointer; -webkit-box-shadow: 10px -10px 0px 0px rgba(16,84,58,0.75); -moz-box-shadow: 10px -10px 0px 0px rgba(16,84,58,0.75); box-shadow: 10px -10px 0px 0px rgba(16,84,58,0.75); background-color: rgba(165,161,137,0.75); } .footerUniversites h1, .footerUniversites p { font-size: 23px; letter-spacing: 1px; line-height: 20px; color: var(--greenHover); } .footerUniversitesContext p { font-size: 18px; } .quoteImages { height: 25px; width: 16px; margin-bottom: 5px; } #carouselUniversities{ padding-right:80px; padding-left:80px; } #carouselUniversities .owl-dots { text-align: center; margin-top: 50px; } #carouselUniversities .owl-dots button.owl-dot, #carouselUniversities .owl-dots button.owl-dot { width: 15px; height: 15px; border-radius: 50%; display: inline-block; background: var(--greenHover); margin: 0 3px; } #carouselUniversities .owl-dots button.owl-dot { width: 10px; height: 10px; } #carouselUniversities .owl-dots button.owl-dot.active, #carouselUniversities .owl-dots button.owl-dot.active { background-color: red; /*border: 2px solid var(--greenHover);*/ } #carouselUniversities .owl-dots button.owl-dot:focus, #carouselUniversities .owl-dots button.owl-dot:focus { outline: none; } #carouselUniversities .owl-nav { /*position: absolute; top: 45%;*/ color: var(--cream); width: 100%; } #carouselUniversities .owl-nav .owl-next { right: 0; top:35%; position: absolute; cursor: pointer; } #carouselUniversities .owl-nav .owl-prev { left: 0; top:35%; position: absolute; cursor: pointer; } /*#carouselUniversities img { height: 140px; }*/ #carouselUniversities.owl-carousel .owl-stage { display: flex; } #carouselUniversities .owl-item { display: flex; flex: 1 0 auto; height: 100%; justify-content: center !important; } #carouselUniversities .universityLogos { position: relative; overflow: hidden; display: flex; flex-direction: column; align-items: stretch; margin: 0 auto; } #carouselUniversities .universityLogos img { width: 100%; object-fit: cover; object-position: center; } .stickyEnquiryForm { background-color: var(--greenHover); background-size: 5px 5px; background-image: repeating-linear-gradient(135deg, #273a31 0, #273a31 1px, #e5e5f700 0, #e5e5f700 50%); text-align: center; display: none; transform: translateY(1px); padding: 10px 0; box-shadow: 0px -3px 7px 1px rgba(0,0,0,0.5); -webkit-box-shadow: 0px -3px 7px 1px rgba(0,0,0,0.5); -moz-box-shadow: 0px -3px 7px 1px rgba(0,0,0,0.5); left: 0; right: 0; bottom: 0; position: fixed; z-index: 1020; } .stickyEnquiryForm a { color: var(--cream); padding: 0; letter-spacing: 2px; } @media(max-width: 768px) { #backToTop { bottom: 55px; } #carouselUniversities .owl-nav .owl-next, #carouselUniversities .owl-nav .owl-prev { top:50%; } } .bannerShadow { width: 100%; height: 80vh; background-color: #00000030; background-size: 5px 5px; background-image: repeating-linear-gradient(135deg, #00000030 0, #00000030 1px, #e5e5f700 0, #e5e5f700 50%); z-index: 1; position: absolute; } #homeBannerSm .steamBanner.bannerVideo { /* aspect-ratio: 16/9; height: auto !important;*/ } .seniorCards { padding: 20px; background-color: var(--cream); border-radius: 6px; transition: 0.4s all; height:100% } .seniorCardsImg { background-size: cover; background-position: center center; border-radius: 100%; margin: auto; height: 150px; width: 150px; } .seniorCardsDivider { height: 1px; width: 50%; background-color: #ddd4c6; margin: auto; } .seniorCards svg{ vertical-align: sub; color: var(--greenHover); } .seniorCards.governors{ max-width: 340px !important; margin: auto !important; } .seniorCards.governors .seniorCardsImg { background-size: cover; background-position: center center; margin: auto; height: 250px; width: 85%; max-width: 220px; border-radius: unset; } .seniorCards.governors .seniorCardsContent { word-break: break-word; margin:auto; } .seniorCards.governors a { color: var(--black); text-decoration: none; } .seniorCards.governors:hover { box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2); transition: 0.4s all; } .pageContentDivider { height: 1px; background-color: #ddd4c6; margin: 40px 0; width: 75%; margin-left: auto; margin-right: auto; } .grecaptcha-badge { bottom: 80px !important; } #ourSchoolsModal .modal-header { background-color: var(--green); color: var(--white); margin-bottom: -1px; } #ourSchoolsModal .modal-body img { height: 270px; } #ourSchoolsModal .btn-close{ opacity:1; } #ourSchoolsModal .schoolLogos{ border-right:1px solid var(--green); } @media(max-width:1200px) { #ourSchoolsModal .modal-body img { height: 170px; } } @media(max-width:768px){ #ourSchoolsModal .schoolLogos { border-bottom: 1px solid var(--green); border-right:none; padding-bottom:15px; } #ourSchoolsModal .modal-body img { height: 130px; } } .mainDivisionCard { color: var(--cream); height: 480px; background-repeat: no-repeat; background-position: center; background-size: cover; -webkit-box-shadow: inset 0px -290px 75px -50px rgb(0 74 59 / 0.95); -moz-box-shadow: inset 0px -290px 75px -50px rgb(0 74 59 / 0.95); box-shadow: inset 0px -290px 75px -50px rgb(0 74 59 / 0.95); transition: all .6s; margin-bottom: 40px; display: flex; } @media (max-width:1024px){ .mainDivisionCard { height:410px; } } .mainDivisionCard:hover { -webkit-box-shadow: inset 0px -260px 75px -50px var(--blueHover); -moz-box-shadow: inset 0px -260px 75px -50px var(--blueHover); box-shadow: inset 0px -260px 75px -50px var(--blueHover); transition: all .6s; } .mainDivisionCard .mainDivisionCardContent { margin: auto auto 40px auto; text-align: center; } .mainDivisionCard h3 { letter-spacing: 3px; font-weight: bold; font-size: 20px; } .mainDivisionCardButton{ border-color: var(--cream); color: var(--cream); border-radius: 20px; font-weight: 100; padding: 7px 15px; letter-spacing: 2px; font-size: 12px; } .mainDivisionCard:hover .mainDivisionCardButton{ background-color: var(--cream); color: var(--blue); font-weight: bold; } .headersBetweenLines { font-size: 18px; text-align: center; border-bottom: 1px solid #004a3b8f; line-height: 0; margin: 10px 0 20px; letter-spacing: 4px; color: var(--greenHover); font-weight: bold; padding: 0 20px; } .headersBetweenLines span { background: white; padding: 0 20px; } #ourDivisions .owl-dots { color: var(--greenHover); width: 100%; } #ourDivisions .owl-dots { text-align: center; transform: translateY(-18px); } #ourDivisions .owl-dots button.owl-dot { width: 12px; height: 12px; border-radius: 50%; display: inline-block; background-color: var(--creamHover); margin: 0 3px; } #ourDivisions .owl-dots button.owl-dot.active { background-color: red; } #ourDivisions .owl-dots button.owl-dot:focus { outline: none; } /*FOOD MENU*/ .meal-menu #mealContentContainer .meal-date { background-color: #162a4b; font-weight: bold; color: white; } .meal-menu #snackMealContentContainer .meal-date { background-color: var(--greenHover); font-weight: bold; color: white; } .meal-menu .meal-category { background-color: #e5ded1; color: black; font-weight: bold; } .meal-menu .meal-name { background-color: white; color: black; } #mealContentContainer .item { border: 1px solid #162a4b; } #snackMealContentContainer .item { border: 1px solid #004a3b; } .meal-menu .meal-date, .meal-menu .meal-category, .meal-menu .meal-name { text-align: center; padding: 5px; border-bottom: 1px solid #efefef; } .meal-menu .meal-name { text-align: start; } .meal-menu .meal-name { display: block; } .meal-menu .meal-type { letter-spacing: 5px; font-weight: bold; color: white; padding: 20px; letter-spacing: 16px; } .meal-menu .owl-nav { display: flex; justify-content: center; margin-top: 20px; } .my-tooltip-custom .tooltip-inner { max-width: 300px; /*max-height: 300px;*/ } .tooltip-inner { padding: 20px !important; } #snackMealContentContainer .owl-nav, #homeBannerSm .owl-nav, #mealContentContainer .owl-nav, #homeBannerSm .owl-nav { position: absolute; top: 40%; color: var(--cream); width: 100%; } #snackMealContentContainer .owl-nav .owl-next, #mealContentContainer .owl-nav .owl-next, #snackMealContentContainer .owl-nav .owl-prev, #mealContentContainer .owl-nav .owl-prev { position: absolute; cursor: pointer; background-color: white; border: 2px solid #e5ded1; border-radius: 50%; padding: 10px !important; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; } #snackMealContentContainer .owl-nav .owl-next, #mealContentContainer .owl-nav .owl-next { right: 25px; } #snackMealContentContainer .owl-nav .owl-prev, #mealContentContainer .owl-nav .owl-prev { left: 25px; } #snackMealContentContainer .meal-image, #mealContentContainer .meal-image { display: flex; justify-content: start; } #snackMealContentContainer .meal-image img, #mealContentContainer .meal-image img { width: 70px; height: 70px; object-fit: cover; border-radius: 5px; } @media all and (max-width: 992px) { #snackMealContentContainer .owl-nav .owl-next, #mealContentContainer .owl-nav .owl-next { right: 5px; } #snackMealContentContainer .owl-nav .owl-prev, #mealContentContainer .owl-nav .owl-prev { left: 5px; } #snackMealContentContainer .owl-nav .owl-next, #mealContentContainer .owl-nav .owl-next, #snackMealContentContainer .owl-nav .owl-prev, #mealContentContainer .owl-nav .owl-prev { padding: 5px !important; background-color: #ffffff7c; } } .steamBanner { color: var(--cream); border-color: var(--cream); }