/*
 * b4st CSS
 */

/* Sticky Footer */
/* *{
	-webkit-transition:all 1s ease;
			 -moz-transition:all 1s ease;
						 -o-transition:all 1s ease;
									 transition:all 1s ease;
} */
body {
	display: flex;
	min-height: 100vh;
	flex-direction: column;
}
main {
	flex: 1 0 auto;
}

.site-header-image {
display: block;
margin: auto;
}

.wp-caption {}
.wp-caption-text {}
.sticky {}
.screen-reader-text {}
.gallery-caption {}

.bypostauthor {}

.alignleft {
float: left;
}

.alignright {
float: right;
}

.aligncenter {
clear: both;
display: block;
}

/* Max img widths */

img,
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
max-width: 100%;
height: auto;
}

/* Author bio */

.author-bio .avatar {
border: 1px solid #dee2e6;
border-radius: 50%;
}

/* Main content */

/* Sidebar */

/* Hide form placeholders on focus */

input:focus::-webkit-input-placeholder { color: transparent; }
input:focus:-moz-placeholder { color: transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color: transparent; } /* FF 19+ */
textarea:focus::-webkit-input-placeholder { color: transparent; }
textarea:focus:-moz-placeholder { color: transparent; } /* FF 4-18 */
textarea:focus::-moz-placeholder { color: transparent; } /* FF 19+ */

/* Comments */

#comments,
#reply-title {
margin-top: 1.5rem;
margin-bottom: 1rem;
}

.commentlist,
.commentlist ul {
padding-left: 0;
}

.commentlist li {
padding: 1rem;
}

.comment-meta {
margin-bottom: 1rem;
}

.comment > .children {
margin-top: 1rem;
margin-right: -0.625rem;
margin-bottom: -1.625rem;
}
/* Site footer */

.box1 img,.box1:after,.box1:before{width:100%;transition:all .3s ease 0s}
.box1 .icon,.box2,.box3,.box4,.box5 .icon li a{text-align:center}
.box10:after,.box10:before,.box1:after,.box1:before,.box2 .inner-content:after,.box3:after,.box3:before,.box4:before,.box5:after,.box5:before,.box6:after,.box7:after,.box7:before{content:""}
.box1,.box11,.box12,.box13,.box14,.box16,.box17,.box18,.box2,.box20,.box21,.box3,.box4,.box5,.box5 .icon li a,.box6,.box7,.box8{overflow:hidden}
.box1 .title,.box10 .title,.box4 .title,.box7 .title{letter-spacing:1px}
.box3 .post,.box4 .post,.box5 .post,.box7 .post{font-style:italic}
body{background-color:#f1f1f2}
.mt-30{margin-top:30px}
.mt-40{margin-top:40px}
.mb-30{margin-bottom:30px}
.box1 .icon,.box1 .title{margin:0;position:absolute}
.box1{box-shadow:0 0 3px rgba(0,0,0,.3);position:relative}
.box1:after,.box1:before{height:50%;background:rgba(0,0,0,.5);position:absolute;top:0;left:0;z-index:1;transform-origin:100% 0;transform:rotateZ(90deg)}
.box1:after{top:auto;bottom:0;transform-origin:0 100%}
.box1:hover:after,.box1:hover:before{transform:rotateZ(0)}
.box1 img{height:auto;transform:scale(1) rotate(0)}
.box1:hover img{filter:sepia(80%);transform:scale(1.3) rotate(10deg)}
.box1 .title{font-size:19px;font-weight:600;color:#fff;text-transform:uppercase;text-shadow:0 0 1px #004cbf;bottom:10px;left:10px;opacity:0;z-index:2;transform:scale(0);transition:all .5s ease .2s}
.box1:hover .title{opacity:1;transform:scale(1)}
.box1 .icon{padding:7px 5px;list-style:none;background:#004cbf;border-radius:0 0 0 10px;top:-100%;right:0;z-index:2;transition:all .3s ease .2s}
.box1:hover .icon{top:0}
.box1 .icon li{display:block;margin:10px 0}
.box1 .icon li a{display:block;width:35px;height:35px;line-height:35px;border-radius:10px;font-size:18px;color:#fff;transition:all .3s ease 0s}
.box2 .icon li a,.box3 .icon a:hover,.box4 .icon li a:hover,.box5 .icon li a,.box6 .icon li a{border-radius:50%}
.box1 .icon li a:hover{color:#fff;box-shadow:0 0 10px #000 inset,0 0 0 3px #fff}
@media only screen and (max-width:990px){.box1{margin-bottom:30px}}

@media(min-width:  768px) {
.dropdown-menu {
	margin-top: 0; /*fixes closing on slow mouse transition*/
}
}
@font-face {
  font-family: 'ocado-sans';
  src: url('../../font/OcadoFullFig-Regular.woff2') format('woff2'),
       url('../../font/OcadoFullFig-Regular.woff') format('woff');
  font-weight: normal;
	font-style: normal;
}

body{
font-family: ocado-sans, "Helvetica Neue", Arial, "Open Sans", sans-serif;
font-weight: 400;
color: #2d333a;
}
main a, main a:hover{
text-decoration: underline;
color: #2d333a;
}
footer{
background: #323436;
color: #fff;
}
footer a{
color: #fff;
}
footer a:hover{
color: #fff;
text-decoration: underline;
}
footer .menu{
list-style-type: none;
padding: 0;
}
#menu-footer-4 li:last-child {
margin-right: 0;
}
#menu-footer-4 li {
display: inline-block;
margin-right: 20px;
font-size: 1.4em;
}
footer .textwidget.custom-html-widget, footer p, footer .menu {
font-size: 0.8em;
margin-bottom: 0;
}
footer .h4, footer h4 {
font-size: 1rem;
}
.bg-light {
background-color: #fff!important;
}
.navbar-brand img{
width: 190px;
max-width: 190px;
}
#navbar{
padding: 25px 0;
}
#menu-menu-1{
margin-top: 8px !important;
}
.navbar-light .navbar-nav .nav-link {
color: #2d333a;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active/*, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link*/{
color: #4d216d;
font-weight: bold;
}
.navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{
color: #4d216d;
}
.navbar-expand-md .navbar-nav .nav-link {
padding-right: 0.6rem;
padding-left: 0.6rem;
}
@media (max-width: 767.98px){
.navbar-expand-lg>.container, .navbar-expand-lg>.container-fluid {
	padding-right: 15px;
	padding-left: 15px;
}
}
@media (max-width: 991.98px) {
.nav-link{
	font-size: 0.9em;
}
}
h1{
font-weight: 900;
font-style: normal;
font-size: 2.4em;
}
.h3, h3 {
font-size: 1.25rem;
}
.home main{
background: url(../../img/Image__0009_Avo.jpg);  
}
.page-about-us main{
background: url(../../img/bg-about.jpg); 
}
.page-our-culture main{
background: url(../../img/Image__0007_mushroom.jpg); 
}
.page-working-at-ocado main{
background: url(../../img/Images_0019_Cherry.jpg); 
}
.page-job-board main{
background: url(../../img/Asparagus-bg.jpg); 
}
.page-graduates main{
background: url(../../img/Image__0008_Kiwi.jpg); 
}
.page-press-office main{
background: url(../../img/Lemon_light-bg.jpg); 
}
.page-our-responsible-business main{
background: url(../../img/Berry-Mix-bg.jpg); 
}
.page-contact-us main{
background: url(../../img/Image__0008_Kiwi.jpg); 
}
.page-groceries-supply-code-of-practice main{
background: url(../../img/Pepper-bg.jpg); 
}
.page-gender-pay-gap-report main{
background: url(../../img/Image__0001_range_01.jpg); 
}
.page-ocado-foundation main, .page-our-mission main{
background: url(../../img/Image__0003_apples.jpg); 
}
.page-charitable-giving main{
background: url(../../img/Strawberry-bg.jpg); 
}
.page-suppliers main{
background: url(../../img/Image__0006_oranges.jpg); 
}
.page-website-privacy-cookie-policy main, .page-recruitment-privacy-policy main, .page-template-team, .page-template-board, .page-template-media-centre-landing, body.archive, body.single, .page-service-update{
background-color: #eef2f5; 
}
.page-accessibility-statement main{
background: url(../../img/Berry-Mix-bg.jpg); 
}
.home main, .page-who-we-are main, .page-our-culture main, .page-working-at-ocado main, .page-job-board main, .page-graduates main, .page-press-office main, .page-our-responsible-business main, .page-groceries-supply-code-of-practice main, .page-gender-pay-gap-report main, .page-ocado-foundation main, .page-charitable-giving main, .page-suppliers main, .page-website-privacy-cookie-policy main, .page-accessibility-statement main, .page-contact-us main, .page-recruitment-privacy-policy main, .page-our-mission main, .page-service-update main{
background-size: cover;
background-position: 0 37%;
background-repeat: no-repeat;
background-attachment: fixed;
}

.animated-icon1, .animated-icon2, .animated-icon3 {
width: 30px;
height: 20px;
position: relative;
margin: 0px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}

.animated-icon1 span, .animated-icon2 span, .animated-icon3 span {
display: block;
position: absolute;
height: 3px;
width: 100%;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}

.animated-icon1 span {
background: #4D216D;
}
.animated-icon1 span:nth-child(1) {
	top: 0px;
}
	
.animated-icon1 span:nth-child(2) {
top: 10px;
}

.animated-icon1 span:nth-child(3) {
top: 20px;
}

.animated-icon1.open span:nth-child(1) {
top: 11px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}

.animated-icon1.open span:nth-child(2) {
opacity: 0;
left: -60px;
}

.animated-icon1.open span:nth-child(3) {
top: 11px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.navbar-toggler{
padding: 0.45rem;
}
.navbar-toggler:focus, .navbar-toggler:hover {
text-decoration: none;
outline: none;
}

#accordion a, #accordion-2 {
font-weight: normal;
}
.card-header {
	color: white;
}
.card-header a {
color: white;
text-decoration: none;
display: block;
padding: 10px;
border-radius: 5px;
}
.card-header a:hover {
color: #fff;
}
.card, .card-header {
background: none !important;
border: none;
}
.card-header{
padding-left: 0;
padding-right: 0;
}
.card-header h5{
font-size: 1.1rem;
background: #4d216d !important;
border-radius: calc(.25rem - 1px) calc(.25rem - 1px);
}
.card-header a.collapsed {
background: none;
}
.card-body p:last-child{
margin-bottom: 0;
}

#accordion .card-header a:after{
content: "-";
float: right; 
}
#accordion .card-header a.collapsed:after {
/* symbol for "collapsed" panels */
content: "+"; 
}
/* Hide <hr> on team/board page */
.page-template-team #content .row:last-child hr, .page-template-board #content .row:last-child hr{
display: none;
}

/* Nav dropdown menu */
.navbar-expand-md .navbar-nav .dropdown-menu {
padding: 0;
}
.dropdown-item {
color: #2d333a;
background-color: white;
}
.dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:hover{
color: #2d333a;
background-color: #e1e6eb;
}
.table td, .table th {
border-top: 1px solid #000;
}
.table thead th{
border-bottom: 0;
}
ul.dropdown-menu.depth_0 {
padding: 0;
}

/* Media centre */
.page-template-media-centre-landing .card, .archive .card{
	border: 1px solid #2d333a;
}
.page-template-media-centre-landing .card-body, .archive .card-body{
	background: #fff;
}
.page-template-media-centre-landing .card-body a, .archive .card-body a{
	text-decoration: none;
}
.archive.term-management-team .card-header{
	color: #fff;
	font-size: 1.1rem;
}
.archive.term-management-team .card-body{
	min-height: 112px;
}
.archive .card-body p{
	flex-grow: 1;
}
.press-details h2{
	font-size: 1rem;
}
.press-details p{
	font-size: 0.8em;
}
.media-icon-link{
	line-height: 0;
}

section{
	/*min-height: 100vh;*/
}

#intro{
	background: white;
}
#curious{
	background: #4D216D;
}
#best-self{
	background: #994878;
}
#possible{
	background: #4073d4;
}
/* Covid pop up on homepage */
@media (min-width: 576px){
	.modal-dialog {
		max-width: 560px;
	}
}
@media (max-width: 620px){
	.modal-dialog {
		max-width: 560px;
	}
}
.modal-content a{
	color: #4D216D;
}
.modal-content .btn{
	border: 2px solid #2d333a;
	background: none;
	font-weight: 700;
	color: #2d333a;
}
.modal-content a.btn:hover{
	background: #2d333a;
	color: white;
}
.modal-content .close:focus{
	outline: none;
}
.modal-content .close{
	color: #2d333a;
}
/* Put in to stack behind the modal overlay */
#pojo-a11y-toolbar {
	z-index: 555;
}


@media all and (-ms-high-contrast:none)
{
#navbar { padding: 0 !important;  } /* IE10 */
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a{ height: 54px !important;  } /* IE10 */
*::-ms-backdrop, .page .navbar { padding: 0 !important; } /* IE11 */
*::-ms-backdrop, #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a { height: 54px !important; } /* IE11 */

}

/**Hide Jobs**/
li#bhrDepartmentID_18445, li#bhrPositionID_110, li#bhrPositionID_123, li#bhrPositionID_138{
display: none;
}
li#bhrDepartmentID_18456 ul.BambooHR-ATS-Jobs-List {
    border: none;
    margin-bottom: 0;
}