.takeaway-master-container {
&.color1 {
.takeaway-imagecontainer {
background: #724cf9;
}
}
&.color2 {
.takeaway-imagecontainer {
background: #65be83;
}
}
&.color3 {
.takeaway-imagecontainer {
background: #ef5684;
}
}
&.color4 {
.takeaway-imagecontainer {
background: #c1b7df;
}
}
&.color5 {
.takeaway-imagecontainer {
background: #18E3FF;
}
}
&.color6 {
.takeaway-imagecontainer {
background: #FFAC19;
}
}
&.color7 {
.takeaway-imagecontainer {
background: #FC574E;
}
}
}
//General helper Classes - that might only exist through custom properties
//this is to avoid them getting deleted on tidy up css button
.contain-image {
object-fit: contain;
}
.flipped {
transform: scaleX(-1);
}
.drop-shadow {
filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.26));
//box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 8px 2px;
}
.v3-large {
//set for a larger image container in general highlights component
width:400px;
height: 400px;
}
//use these 2 classes to reduce container-1440 top and bottom padding.
//e.g for text-block component
.container-padding-top-40 {
padding-top: 40px!important;
}
.container-padding-bottom-40 {
padding-bottom: 40px!important;
}
.container-padding-top-20 {
padding-top: 20px!important;
}
.container-padding-bottom-20 {
padding-bottom: 20px!important;
}
.general-highlight-container-1440 {
h5 {
font-size: 22px!important;
color: var(--pip-mauve);
font-weight: 700!important;
line-height: 1.2em!important;
}
h6 {
font-size: 16px!important;
color: var(--pip-mauve);
line-height: 1.2em!important;
font-weight: 500!important;
}
}
//richtext block
.rich-text-block-container, .rich-text-block-blog {
h4 {
color: var(--pip-mauve);
font-family: var(--title-font-family);
font-weight: 700!important;
}
h3 {
color: var(--pip-mauve);
font-family: var(--title-font-family);
font-weight: 700!important;
}
h2 {
color: var(--pip-mauve);
font-family: var(--title-font-family);
font-weight: 700!important;
}
h1 {
color: var(--pip-mauve);
font-family: var(--title-font-family);
font-weight: 700!important;
}
h5 {
color: var(--pip-mauve);
font-family: var(--title-font-family);
font-size: 22px!important;
color: var(--pip-mauve);
font-weight: 700!important;
line-height: 1.2em!important;
}
h6 {
color: var(--pip-mauve);
font-family: var(--title-font-family);
font-size: 16px!important;
color: var(--pip-mauve);
line-height: 1.2em!important;
font-weight: 500!important;
}
}
.rich-text-block-blog {
img {
border: solid 1px grey;
}
h2, h3, h4, h5 {
margin-top: 46px;
margin-bottom: 10px;
}
.h3 {font-size: 20px!important;}
.h4 {font-size: 18px!important;}
}
.grey-background {
background: var(--offwhite-background);
}
//blog category colors
.blog-category {
&.blue {color: #039BE5;}
&.red {color: #D75855;}
&.pink {color: #E93673;}
&.purple {color: #7E57C2;}
&.green {color: #4CA04F;}
&.orange {color:#FF5722;}
&.yellow {color:#FFC107;}
}
.blog-preview-block-title-copy, .article-list-link{
display: -webkit-box;
max-width: 100%;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
Worldwide travel eSIM For businesses with frequent travellers, the Travel data eSIM is the perfect solution. This eSIM ensures your employees stay connected no matter where they are.
Keep staff connected in over 180 countries
ESIMS FOR TRAVEL Stay connected around the globe Say goodbye to expensive roaming charges and poor connectivity—our Travelling eSIM keeps your team online wherever business takes them.
Worldwide Travel Data Select from over 180 destinations, instant activation and multi network support. Plan takes effect when you land in destination.
Ideal for: frequent travellers, business trips
MANAGEMENT Streamline eSIM procurement Manage your team, purchase, activate and assign eSIMs instantly from one centralised platform, simplifying your business’s mobile connectivity.
ACTIVATION Instant activation on arrival Assign staff their data eSIM before they fly, it will activate on arrival in destination country.
Need more information? Speak with one of our solution specialists right now to receive a no-obligation and free quote.
