|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
h1, h2, h3, h4, h5
{
line-height: normal;
}
h1 span[style*="background-color: #d1000a"],
h2 span[style*="background-color: #d1000a"]
{
background-color: transparent !important;
}
h1 span[style*="background-color: #d1000a"]::after,
h2 span[style*="background-color: #d1000a"]::after
{
content: "";
position: absolute;
top: 30px;
left: -10px;
width: 180px;
height: 25px;
z-index: -1;
-ms-transform: rotate(339deg);
-webkit-transform: rotate(339deg);
transform: rotate(339deg);
background-color: #d1000a;
opacity: 0.8;
}
.s8-templates-card[style*="box-shadow: 0px 3px 15px rgba(0,0,0,0.2)"]
{
box-shadow: 0px 2px 20px rgb(0 0 0 / 7%) !important;
}
.s8-templates-card__cardsize-4 {
width: 402px;
}
.s8-templates-card img
{
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.s8-templates-card[style*="box-shadow"]
{
transition: .5s;
}
.s8-templates-card[style*="box-shadow"]:hover
{
transform: translateY(-5px);
}
.s8-templates-card hr {
width: 40px;
border: none;
border-top: 3px solid #d1000a;
margin: 20px 0;
transition: .5s ease;
}
.s8-templates-card:hover hr
{
width: 60px;
}
.s8-templates-card.s8-templates-fancybox.s8-templates-fancybox-accent .s8-templates-fancybox-image
{
height: 250px;
width: 100%;
padding: unset !important;
background-repeat: no-repeat;
}
.s8-templates-card.s8-templates-fancybox.s8-templates-fancybox-accent .s8-templates-fancybox-accent-hr
{
background-color: rgb(210 4 45);
}
footer a
{
color: #333333;
}
.s8-templates-section
{
margin-bottom: -1px;
}
button[type="submit"]
{
padding: 10px 10px !important;
min-width: 155px !important;
text-transform: capitalize;
letter-spacing: normal;
border-radius: 0px;
background: #d2042d;
color: #fff;
}
.heading-cta *
{
margin-bottom: 0px;
}
.heading-cta
{
display: flex;
justify-content: space-between;
align-items: center;
flex-flow: wrap;
}
.s8-templates-card__cardsize-5 {
width: 613px;
}
.img-round
{
border-radius: 5px;
}
.formRow
{
padding: 10px 0 !important;
}
.formRow .formRowLabel
{
padding: 0;
}
@media (max-width: 1300px)
{
.s8-templates-card__cardsize-4 {
width: 380px;
}
}
@media (max-width: 900px)
{
.s8-templates-card__cardsize-4 {
width: 330px;
margin-left: initial !important;
margin-right: initial !important;
}
}
@media (max-width: 768px)
{
.s8-templates-card__cardsize-4
{
width: 100%;
}
}
.fieldset
{
border: 1px solid hwb(356.13deg 19.61% 19.61% / 10%);
margin-bottom: 2rem;
padding-top: 3rem;
position: relative;
padding: 3rem 2rem 1rem;
background-color: #ffffff;
}
.fieldset h4
{
background: #d90f31;
display: inline-block;
color: #fff;
padding: 10px 3rem;
position: absolute;
top: -20px;
left: -10px;
font-weight: 500;
}
.fieldset h4:after
{
position: absolute;
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 9px 5px 0;
border-color: transparent #d90f31 transparent transparent;
bottom: -5px;
left: 1px;
}
addressform .formRow.formRow2Col {
flex-direction: column !important;
}
addressform input[type="text"],
addressform textarea
{
width: 100% !important;
}
fieldset h4 {
background: #720c1c;
color: #fff;
display: inline-block;
font-weight: 500;
left: -10px;
padding: 10px 3rem;
position: absolute;
top: -20px;
}
fieldset h4:after {
border-color: transparent #720c1c transparent transparent;
border-style: solid;
border-width: 0 9px 5px 0;
bottom: -5px;
content: "";
height: 0;
left: 1px;
position: absolute;
width: 0;
}
.template-productFlex label.s8-radiobutton-container input ~ .s8-radiobutton {
border: none;
}
span.template-selectedProduct {}
.counter {
bottom: -67px;
position: absolute;
right: 0;
}
.counter .formRowCol1 {
display: none;
min-width: 100px;
width: auto;
}
.counter .formRowLabel {
color: #989898;
font-size: 2rem;
letter-spacing: 2px;
padding-top: 0.8rem;
text-transform: uppercase;
}
.counter .spinBox > input {
display: none !important;
}
.counter .spinBoxDown:before {
content: '-' !important;
}
.counter .spinBoxUp, .counter .spinBoxDown {
background: #720c1c;
bottom: 0;
color: #fff;
display: inline-block;
height: 2rem;
line-height: 2rem;
opacity: 1;
position: static;
right: 0;
text-align: center;
top: 0;
width: 2rem;
}
.counter .spinBoxUp:before, .counter .spinBoxDown:before {
border: 0 none;
content: '+';
font-size: 1.2rem;
height: 100%;
left: 0;
position: static;
top: 0;
transform: none;
width: 100%;
}
.template-productFlex {
align-items: center;
background: #333333;
color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
min-height: 230px;
padding: 25px;
position: relative;
text-align: center;
}
.template-productFlex .s8-radiobutton-container {
opacity: 1 !important;
}
.template-productFlex .s8-radiobutton-container {
min-height: unset !important;
min-width: unset !important;
}
.template-productFlex input, .template-productFlex .s8-radiobutton-container {
border-radius: 0;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
}
.template-productFlex input[type="radio"]:checked ~ .s8-radiobutton::before {
background: #d2042d;
border-radius: 50px;
color: #ffffff;
content: "SELECTED";
display: block;
font-size: 11px;
height: auto;
letter-spacing: 1px;
opacity: 1;
padding: 1px 20px;
position: absolute;
right: 20px;
text-transform: uppercase;
top: 20px;
visibility: visible;
width: auto;
}
.s8-radiobuttongroup
{
display: block !important;
}
.template-productFlexContainer {
padding: 0;
margin: 0;
display: grid !important;
align-items: center;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
grid-gap: 1.5rem;
}
select
{
width: 100% !important;
}
.product-price
{
font-size: 1.432rem;
}
.s8-navigationPrimary li ul li.s8-navigationPrimary-hasChildren>a::after, .s8-navigationPrimary-vertical li.s8-navigationPrimary-hasChildren>a::after, .s8-navigationPrimary-mobileOpen li.s8-navigationPrimary-hasChildren>a::after
{
content: "";
}
.s8-navigationPrimary li.s8-navigationPrimary-hasChildren > a::after
{
border: solid #d90f31;
border-width: 0 1.5px 1.5px 0;
display: inline-block;
padding: 3px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
content: "";
margin-top: -7px;
margin-left: 10px;
transition: all .5s;
}
.s8-navigationPrimary > li.s8-navigationPrimary-hasChildren:hover > a::after
{
border-color: #d90f31;
margin-top: 0px;
transform: rotate(225deg);
-webkit-transform: rotate(225deg);
}
.s8-navigationPrimary ul li:hover a,
.s8-navigationPrimary ul li.s8-navigationPrimaryItem--active a
{
transform: translateX(10px);
}
.s8-navigationPrimary > li > a
{
font-size: 16px;
}
.s8-navigationPrimary li ul li a
{
font-size: 15px;
transition: .2s ease;
position: relative;
}
.s8-navigationPrimary li ul li a::after
{
content: "";
position: absolute;
width: 10px;
height: 2px;
background-color: #cf102d;
left: -5px;
top: 48%;
opacity: 0;
transition: .2s;
}
.s8-navigationPrimary li ul li a:hover::after,
.s8-navigationPrimary ul li.s8-navigationPrimaryItem--active a::after
{
opacity: 1;
}
@media (min-width: 1000px)
{
.s8-templates-card__cardsize-3 {
width: 402px;
}
}
.s8-templates-card.s8-templates-teammember.s8-templates-teammember-small .s8-templates-teammember-displaypicture
{
border: 7px solid #dddddd;
}
.s8-templates-card.s8-templates-teammember.s8-templates-teammember-small .s8-templates-teammember-contentcontainer
{
text-align: left;
align-items: flex-start;
}
.s8-templates-card.s8-templates-teammember.s8-templates-teammember-small
{
justify-content: flex-start;
align-items: flex-start;
}
.s8-templates-teammember-content a:last-child
{
color: #000000;
opacity: .5;
}
dialogbox#login_popup {
padding: 0;
}
.formRow
{
background: transparent !important;
}
.s8-navigationPrimary li ul li a
{
padding: 0.5em 1.9em 0.5em 1.9em !important;
}
@media (min-width: 800px)
{
.s8-navigationPrimary-hasChildren a[href="/culture/"] ~ ul {
column-count: 3;
}
}
dialogbox
{
border-radius: 5px;
border: none;
box-shadow: none;
}
dialogboxoverlay
{
background: #000000;
}
h1, h2, h3, h4, h5
{
line-height: normal;
}
h1 span[style*="background-color: #d1000a"],
h2 span[style*="background-color: #d1000a"]
{
background-color: transparent !important;
}
h1 span[style*="background-color: #d1000a"]::after,
h2 span[style*="background-color: #d1000a"]::after
{
content: "";
position: absolute;
top: 30px;
left: -10px;
width: 180px;
height: 25px;
z-index: -1;
-ms-transform: rotate(339deg);
-webkit-transform: rotate(339deg);
transform: rotate(339deg);
background-color: #d1000a;
opacity: 0.8;
}
.s8-templates-card[style*="box-shadow: 0px 3px 15px rgba(0,0,0,0.2)"]
{
box-shadow: 0px 2px 20px rgb(0 0 0 / 7%) !important;
}
.s8-templates-card__cardsize-4 {
width: 402px;
}
.s8-templates-card img
{
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.s8-templates-card[style*="box-shadow"]
{
transition: .5s;
}
.s8-templates-card[style*="box-shadow"]:hover
{
transform: translateY(-5px);
}
.s8-templates-card hr {
width: 40px;
border: none;
border-top: 3px solid #d1000a;
margin: 20px 0;
transition: .5s ease;
}
.s8-templates-card:hover hr
{
width: 60px;
}
.s8-templates-card.s8-templates-fancybox.s8-templates-fancybox-accent .s8-templates-fancybox-image
{
height: 250px;
width: 100%;
padding: unset !important;
background-repeat: no-repeat;
}
.s8-templates-card.s8-templates-fancybox.s8-templates-fancybox-accent .s8-templates-fancybox-accent-hr
{
background-color: rgb(210 4 45);
}
footer a
{
color: #333333;
}
.s8-templates-section
{
margin-bottom: -1px;
}
button[type="submit"]
{
padding: 10px 10px !important;
min-width: 155px !important;
text-transform: capitalize;
letter-spacing: normal;
border-radius: 0px;
background: #d2042d;
color: #fff;
}
.heading-cta *
{
margin-bottom: 0px;
}
.heading-cta
{
display: flex;
justify-content: space-between;
align-items: center;
flex-flow: wrap;
}
.s8-templates-card__cardsize-5 {
width: 613px;
}
.img-round
{
border-radius: 5px;
}
.formRow
{
padding: 10px 0 !important;
}
.formRow .formRowLabel
{
padding: 0;
}
@media (max-width: 1300px)
{
.s8-templates-card__cardsize-4 {
width: 380px;
}
}
@media (max-width: 900px)
{
.s8-templates-card__cardsize-4 {
width: 330px;
margin-left: initial !important;
margin-right: initial !important;
}
}
@media (max-width: 768px)
{
.s8-templates-card__cardsize-4
{
width: 100%;
}
}
.fieldset
{
border: 1px solid hwb(356.13deg 19.61% 19.61% / 10%);
margin-bottom: 2rem;
padding-top: 3rem;
position: relative;
padding: 3rem 2rem 1rem;
background-color: #ffffff;
}
.fieldset h4
{
background: #d90f31;
display: inline-block;
color: #fff;
padding: 10px 3rem;
position: absolute;
top: -20px;
left: -10px;
font-weight: 500;
}
.fieldset h4:after
{
position: absolute;
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 0 9px 5px 0;
border-color: transparent #d90f31 transparent transparent;
bottom: -5px;
left: 1px;
}
addressform .formRow.formRow2Col {
flex-direction: column !important;
}
addressform input[type="text"],
addressform textarea
{
width: 100% !important;
}
fieldset h4 {
background: #720c1c;
color: #fff;
display: inline-block;
font-weight: 500;
left: -10px;
padding: 10px 3rem;
position: absolute;
top: -20px;
}
fieldset h4:after {
border-color: transparent #720c1c transparent transparent;
border-style: solid;
border-width: 0 9px 5px 0;
bottom: -5px;
content: "";
height: 0;
left: 1px;
position: absolute;
width: 0;
}
.template-productFlex label.s8-radiobutton-container input ~ .s8-radiobutton {
border: none;
}
span.template-selectedProduct {}
.counter {
bottom: -67px;
position: absolute;
right: 0;
}
.counter .formRowCol1 {
display: none;
min-width: 100px;
width: auto;
}
.counter .formRowLabel {
color: #989898;
font-size: 2rem;
letter-spacing: 2px;
padding-top: 0.8rem;
text-transform: uppercase;
}
.counter .spinBox > input {
display: none !important;
}
.counter .spinBoxDown:before {
content: '-' !important;
}
.counter .spinBoxUp, .counter .spinBoxDown {
background: #720c1c;
bottom: 0;
color: #fff;
display: inline-block;
height: 2rem;
line-height: 2rem;
opacity: 1;
position: static;
right: 0;
text-align: center;
top: 0;
width: 2rem;
}
.counter .spinBoxUp:before, .counter .spinBoxDown:before {
border: 0 none;
content: '+';
font-size: 1.2rem;
height: 100%;
left: 0;
position: static;
top: 0;
transform: none;
width: 100%;
}
.template-productFlex {
align-items: center;
background: #333333;
color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
min-height: 230px;
padding: 25px;
position: relative;
text-align: center;
}
.template-productFlex .s8-radiobutton-container {
opacity: 1 !important;
}
.template-productFlex .s8-radiobutton-container {
min-height: unset !important;
min-width: unset !important;
}
.template-productFlex input, .template-productFlex .s8-radiobutton-container {
border-radius: 0;
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
}
.template-productFlex input[type="radio"]:checked ~ .s8-radiobutton::before {
background: #d2042d;
border-radius: 50px;
color: #ffffff;
content: "SELECTED";
display: block;
font-size: 11px;
height: auto;
letter-spacing: 1px;
opacity: 1;
padding: 1px 20px;
position: absolute;
right: 20px;
text-transform: uppercase;
top: 20px;
visibility: visible;
width: auto;
}
.s8-radiobuttongroup
{
display: block !important;
}
.template-productFlexContainer {
padding: 0;
margin: 0;
display: grid !important;
align-items: center;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
grid-gap: 1.5rem;
}
select
{
width: 100% !important;
}
.product-price
{
font-size: 1.432rem;
}
.s8-navigationPrimary li ul li.s8-navigationPrimary-hasChildren>a::after, .s8-navigationPrimary-vertical li.s8-navigationPrimary-hasChildren>a::after, .s8-navigationPrimary-mobileOpen li.s8-navigationPrimary-hasChildren>a::after
{
content: "";
}
.s8-navigationPrimary li.s8-navigationPrimary-hasChildren > a::after
{
border: solid #d90f31;
border-width: 0 1.5px 1.5px 0;
display: inline-block;
padding: 3px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
content: "";
margin-top: -7px;
margin-left: 10px;
transition: all .5s;
}
.s8-navigationPrimary > li.s8-navigationPrimary-hasChildren:hover > a::after
{
border-color: #d90f31;
margin-top: 0px;
transform: rotate(225deg);
-webkit-transform: rotate(225deg);
}
.s8-navigationPrimary ul li:hover a,
.s8-navigationPrimary ul li.s8-navigationPrimaryItem--active a
{
transform: translateX(10px);
}
.s8-navigationPrimary > li > a
{
font-size: 16px;
}
.s8-navigationPrimary li ul li a
{
font-size: 15px;
transition: .2s ease;
position: relative;
}
.s8-navigationPrimary li ul li a::after
{
content: "";
position: absolute;
width: 10px;
height: 2px;
background-color: #cf102d;
left: -5px;
top: 48%;
opacity: 0;
transition: .2s;
}
.s8-navigationPrimary li ul li a:hover::after,
.s8-navigationPrimary ul li.s8-navigationPrimaryItem--active a::after
{
opacity: 1;
}
@media (min-width: 1000px)
{
.s8-templates-card__cardsize-3 {
width: 402px;
}
}
.s8-templates-card.s8-templates-teammember.s8-templates-teammember-small .s8-templates-teammember-displaypicture
{
border: 7px solid #dddddd;
}
.s8-templates-card.s8-templates-teammember.s8-templates-teammember-small .s8-templates-teammember-contentcontainer
{
text-align: left;
align-items: flex-start;
}
.s8-templates-card.s8-templates-teammember.s8-templates-teammember-small
{
justify-content: flex-start;
align-items: flex-start;
}
.s8-templates-teammember-content a:last-child
{
color: #000000;
opacity: .5;
}
dialogbox#login_popup {
padding: 0;
}
.formRow
{
background: transparent !important;
}
.s8-navigationPrimary li ul li a
{
padding: 0.5em 1.9em 0.5em 1.9em !important;
}
@media (min-width: 800px)
{
.s8-navigationPrimary-hasChildren a[href="/culture/"] ~ ul {
column-count: 3;
}
}
dialogbox
{
border-radius: 5px;
border: none;
box-shadow: none;
}
dialogboxoverlay
{
background: #000000;
}
|
|
var activeChild = document.querySelector('.s8-navigationPrimary-hasChildren .s8-navigationPrimaryItem--active');
if (activeChild) {
var parentLi = activeChild.closest('.s8-navigationPrimary-hasChildren');
if (parentLi) {
parentLi.classList.add('s8-navigationPrimaryItem--active');
}
}
document.addEventListener("DOMContentLoaded", function() {
function wrapElementWithWrapper(element, wrapperClassName) {
var wrapperDiv = document.createElement('div');
wrapperDiv.className = wrapperClassName;
wrapperDiv.appendChild(element.cloneNode(true));
element.parentNode.replaceChild(wrapperDiv, element);
}
var curve1Elements = document.querySelectorAll('[id^="curve1"]');
curve1Elements.forEach(function(curve1Element) {
wrapElementWithWrapper(curve1Element, 'curveSectionWrapper1');
});
var curve2Elements = document.querySelectorAll('[id^="curve2"]');
curve2Elements.forEach(function(curve2Element) {
wrapElementWithWrapper(curve2Element, 'curveSectionWrapper2');
});
});
document.addEventListener("DOMContentLoaded", function () {
document.querySelectorAll(".s8-templates-teammember-content").forEach(function (element) {
const fullText = element.textContent.trim();
const maxLength = 260;
if (fullText.length > maxLength) {
const truncatedText = fullText.substring(0, maxLength).trim() + "...";
element.innerHTML = `<span class="short-text">${truncatedText}</span>` +
`<span class="full-text" style="display: none;">${fullText}</span>` +
` <a href="#" class="toggle-text">See More</a>`;
const toggleLink = element.querySelector(".toggle-text");
toggleLink.addEventListener("click", function (event) {
event.preventDefault();
const shortText = element.querySelector(".short-text");
const fullTextEl = element.querySelector(".full-text");
if (shortText.style.display === "none") {
shortText.style.display = "inline";
fullTextEl.style.display = "none";
this.innerText = "See More";
} else {
shortText.style.display = "none";
fullTextEl.style.display = "inline";
this.innerText = "See Less";
}
});
}
});
});
var activeChild = document.querySelector('.s8-navigationPrimary-hasChildren .s8-navigationPrimaryItem--active');
if (activeChild) {
var parentLi = activeChild.closest('.s8-navigationPrimary-hasChildren');
if (parentLi) {
parentLi.classList.add('s8-navigationPrimaryItem--active');
}
}
document.addEventListener("DOMContentLoaded", function() {
function wrapElementWithWrapper(element, wrapperClassName) {
var wrapperDiv = document.createElement('div');
wrapperDiv.className = wrapperClassName;
wrapperDiv.appendChild(element.cloneNode(true));
element.parentNode.replaceChild(wrapperDiv, element);
}
var curve1Elements = document.querySelectorAll('[id^="curve1"]');
curve1Elements.forEach(function(curve1Element) {
wrapElementWithWrapper(curve1Element, 'curveSectionWrapper1');
});
var curve2Elements = document.querySelectorAll('[id^="curve2"]');
curve2Elements.forEach(function(curve2Element) {
wrapElementWithWrapper(curve2Element, 'curveSectionWrapper2');
});
});
document.addEventListener("DOMContentLoaded", function () {
document.querySelectorAll(".s8-templates-teammember-content").forEach(function (element) {
const fullText = element.textContent.trim();
const maxLength = 260;
if (fullText.length > maxLength) {
const truncatedText = fullText.substring(0, maxLength).trim() + "...";
element.innerHTML = `<span class="short-text">${truncatedText}</span>` +
`<span class="full-text" style="display: none;">${fullText}</span>` +
` <a href="#" class="toggle-text">See More</a>`;
const toggleLink = element.querySelector(".toggle-text");
toggleLink.addEventListener("click", function (event) {
event.preventDefault();
const shortText = element.querySelector(".short-text");
const fullTextEl = element.querySelector(".full-text");
if (shortText.style.display === "none") {
shortText.style.display = "inline";
fullTextEl.style.display = "none";
this.innerText = "See More";
} else {
shortText.style.display = "none";
fullTextEl.style.display = "inline";
this.innerText = "See Less";
}
});
}
});
});
|
|
<?php
function determineHeaderImages()
{
$strPage = \Components\Website\Pages::currentPageId();
while($strPage)
{
if(file_exists('media/website_pages' . $strPage . 'header-images/'))
{
$arrFiles = \Components\Website\Media::getChildren('/media/website_pages' . $strPage . 'header-images/');
if(count($arrFiles))
{
return $arrFiles;
}
}
$strPage = \Framework\Components\TextualIds::getParent($strPage);
}
return [];
}
function youMayAlsoLikeGeneral()
{
$strCurrentPageId = \Components\Website\Pages::currentPageId();
$arrNoSideNavPages = [];
$arrNoSideNavPages[] = '/community/profile/';
$arrNoSideNavPages[] = '/placement-tests/';
$arrNoSideNavPages[] = '/af/';
$arrNoSideNavPages[] = '/commerce/';
$arrNoSideNavPages[] = '/products/';
$arrNoSideNavPages[] = '/order-a-course/';
foreach($arrNoSideNavPages as $strPageId)
{
if(strpos($strCurrentPageId, $strPageId) === 0)
{
return false;
}
}
return true;
}
?>
<?php
function determineHeaderImages()
{
$strPage = \Components\Website\Pages::currentPageId();
while($strPage)
{
if(file_exists('media/website_pages' . $strPage . 'header-images/'))
{
$arrFiles = \Components\Website\Media::getChildren('/media/website_pages' . $strPage . 'header-images/');
if(count($arrFiles))
{
return $arrFiles;
}
}
$strPage = \Framework\Components\TextualIds::getParent($strPage);
}
return [];
}
function youMayAlsoLikeGeneral()
{
$strCurrentPageId = \Components\Website\Pages::currentPageId();
$arrNoSideNavPages = [];
$arrNoSideNavPages[] = '/community/profile/';
$arrNoSideNavPages[] = '/placement-tests/';
$arrNoSideNavPages[] = '/af/';
$arrNoSideNavPages[] = '/commerce/';
$arrNoSideNavPages[] = '/products/';
$arrNoSideNavPages[] = '/order-a-course/';
foreach($arrNoSideNavPages as $strPageId)
{
if(strpos($strCurrentPageId, $strPageId) === 0)
{
return false;
}
}
return true;
}
?>
|
|
|
|
|
|
|