.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;
}
Multi Network eSIM
If your team operates eSIM enabled hardware in areas with varying network coverage, the Multi Network eSIM is the ideal solution.
250MB
250MB Data
Multi network unsteered with static IP
£0.50 eSim upfront & £3.00 for SIM
Contract: 30 day minimum term
2GB
2GB Data
Multi network unsteered with static IP
£0.50 eSim upfront & £3.00 for SIM
Contract: 30 day minimum term
5GB
5GB Data
Multi network unsteered with static IP
£0.50 eSim upfront & £3.00 for SIM
Contract: 30 day minimum term
20GB
20GB Data
Multi network unsteered with static IP
£0.50 eSim upfront & £3.00 for SIM
Contract: 30 day minimum term
100GB
100GB Data
Multi network unsteered with static IP
£0.50 eSim upfront & £3.00 for SIM
Contract: 30 day minimum term
Need more information?
Speak with one of our solution specialists right now to receive a no-obligation and free quote.