/* ------------------------------------------------------------ */

/* COLOURS 


*/

:root {
	--red: #C72621;
	--beige: #FCEED7;
	--black: #000;	
	--white: #ffffff;
	--pink: #FF949E;
	
}

.red {color: var(--red);}
.pink {color: var(--pink);}
.white {color: var(--white);}
.black {color: var(--black);}
.beige {color: var(--beige);}

.bg_white {background-color:white;}
.bg_black {background-color:black;}
.bg_beige{background-color:var(--beige);}
.bg_red {background-color:var(--red);}
.bg_pink{background-color:var(--pink);}


@font-face {
  font-family: 'FuturaDashesOnly';
  src: url('futura-pt-medium-589e45b956de4-webfont.woff') format('woff2');
  unicode-range: U+002D, U+2013, U+2014; /* Hyphen, En dash, Em dash */
}



@font-face {
    font-family: 'futura_condensed_ptmedium';
    src: url('futura-condensed-pt-medium-589e44ed1e3a5-webfont.woff2') format('woff2'),
         url('futura-condensed-pt-medium-589e44ed1e3a5-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'futuramedium';
    src: url('futura-medium-01-webfont.woff2') format('woff2'),
         url('futura-medium-01-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'articulat';
    src: url('articulat_cf_normal-webfont.woff2') format('woff2'),
         url('articulat_cf_normal-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;

}




@font-face {
font-family: 'articulat';
    src: url('articulat_cf_demi_bold-webfont.woff2') format('woff2'),
         url('articulat_cf_demi_bold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;

}



@font-face {
font-family: 'articulat';
    src: url('articulat_cf_demi_bold-webfont.woff2') format('woff2'),
         url('articulat_cf_demi_bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;

}


@font-face {
font-family: 'articulat';
    src: url('articulat_cf_extra_bold-webfont.woff2') format('woff2'),
         url('articulat_cf_extra_bold-webfont.woff') format('woff');
    font-weight: 900;
    font-style: normal;

}






/* ------------------------------------------------------------ */

/* ELEMENTS & TYPOGRAPHY */

html, body {padding:0px; height:100%; margin:0px;   font-family: 'futuramedium', 'FuturaDashesOnly', sans-serif;
}

 p  {font-size:18px; font-family: 'futuramedium', 'FuturaDashesOnly', sans-serif; margin-bottom:15px;}
.maintext p  {font-size:18px; font-family: 'futuramedium', 'FuturaDashesOnly', sans-serif; margin-bottom:15px;}
img {max-width:100%;}
.futura-dash {
  font-family: 'futuramedium', sans-serif;
}
a {color: var(--red);   transition: color 0.3s ease-in-out;}
a:hover {color: var(--pink);}
a:active {}
a:visited {text-decoration: none;}
a i {cursor: pointer;}

h1 {font-family: 'futura_condensed_ptmedium', sans-serif; font-size:40px;}
h2 {font-family: 'articulat', sans-serif; font-weight:900; font-size:40px; }
h3 {font-family: 'articulat', sans-serif; font-weight:700; font-size:20px}
h4 {}
h5 {}
h6 {}
.ea-body p {font-size:18px !important}
ul {font-size:18px; font-family: 'futuramedium', 'FuturaDashesOnly', sans-serif; margin-bottom:15px;}
ul li {font-size:18px; font-family: 'futuramedium', 'FuturaDashesOnly', sans-serif; }
ol {}
ol li {font-size:18px; font-family: 'futuramedium', 'FuturaDashesOnly', sans-serif; }
strong, b {}
em {}
blockquote {}

input {}
label {}
select {}
textarea {}
button {}
fieldset {}
legend {}
datalist {}
output {}
option {}
optgroup {}

input type="button" {}
input type="checkbox" {}
input type="color" {}
input type="date" {}
input type="datetime-local" {}
input type="email" {}
input type="file" {}
input type="hidden" {}
input type="image" {}
input type="month" {}
input type="number" {}
input type="password" {}
input type="radio" {}
input type="range" {}
input type="reset" {}
input type="search" {}
input type="submit" {}
input type="tel" {}
input type="text" {}
input type="time" {}
input type="url" {}
input type="week" {}

iframe:focus {outline: none;}
iframe[seamless] {display: block;}

header {display: block;}
footer {display: block;}
sup { vertical-align: super; font-size: smaller;}
.dont a {color: var(--beige);}
.dont a:hover {color: white;}
.dont {font-family: 'futuramedium', sans-serif; font-size:16px;}
.subheader {font-family: 'futura_condensed_ptmedium', sans-serif; font-size:20px; margin-bottom:20px; text-transform:uppercase;}
.maintext p, .maintext {font-family: 'articulat', sans-serif; font-weight:400; font-size:26px;}
.textsection h2 {margin-bottom:60px;}
.brand {margin-bottom:50px;}
.brand img {max-width:70%; max-height:160px; width:auto;}
.brand2 {margin-top:30px;}

.postteaser {font-family:  'futuramedium', sans-serif;  font-size:15px;  color:black;}
 h5.posttitle a {  font-family:  'futuramedium', sans-serif; 
  font-size: 20px; color:black; text-decoration:none; margin-top:10px; margin-bottom:10px; display:inline-block; text-transform:uppercase;}

 h5.posttitle  {  font-family:  'futuramedium', sans-serif; 
  font-size: 20px; color:black; text-decoration:none; margin-top:10px; margin-bottom:10px; display:inline-block; text-transform:uppercase;}



.teammembers .postteaser,  .teammembers h5.posttitle   {color: var(--beige); !important}
.teammembers  h5.posttitle  {margin-bottom:0px; margin-top:20px;}
.textsection h2 {text-transform:uppercase;}

.singleteam {margin-bottom:30px;}
.teamintro  {margin-bottom:50px;}
.foundersection {margin-top:50px;}
img.teamimage {
  filter: grayscale(100%);
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px); /* Optional */
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.fade-innow {
  animation: fadeIn 1s ease-out forwards;
}




input:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: #FF6B6B; /* Your custom border color */
  box-shadow: 0 0 0 0.2rem rgba(255, 107, 107, 0.25); /* Optional glow effect */
}


.blogpost .maintext p, .blogpost .maintext {font-family: 'futuramedium', sans-serif; font-size:18px;}

.blogpost .textsection h2 {font-family: 'futuramedium', sans-serif; margin-bottom:60px;}

.textsection hr.blackline {
  border-top: 1px solid #000;
  opacity: 1;
  width: 100%;
  margin: 40px auto;
}

/* All ginput containers — useful for layout or shared styles */
.ginput_container {

}

/* Text inputs (single-line fields) */
.ginput_container_text input {
  font-family: 'articulat', sans-serif; font-weight:600;
  font-size: 20px;
  color: var(--beige);
  background-color: var(--pink);
  border: none;
  padding: 20px !important;
  width: 100%;
  box-sizing: border-box;
}

/* Placeholder text for text inputs */
.ginput_container_text input::placeholder {
  color: var(--beige);
  opacity: 1;
font-family: 'articulat', sans-serif; font-weight:600;
  font-size: 20px;
}

/* Optional: hover/focus states */
.ginput_container_text input:focus {
  outline: none;
  background-color: var(--pink);
  border: 2px solid var(--beige);
}

/* Style the textarea itself */
.ginput_container textarea {
 font-family: 'articulat', sans-serif; font-weight:600;
  font-size: 20px;
  color: var(--beige);
  background-color: var(--pink);
  border: none;
  padding: 20px !important;
  box-sizing: border-box;
}

/* Style the placeholder text */
.ginput_container textarea::placeholder {
  color: var(--beige);
  opacity: 1;
font-family: 'articulat', sans-serif; font-weight:700;
  font-size: 20px;
}

/* Optional: handle WebKit-specific quirks */
.ginput_container textarea::-webkit-input-placeholder {
  color: var(--beige);
  opacity: 1;
}

.ginput_container textarea:-moz-placeholder {
  color: var(--beige);
  opacity: 1;
}

.ginput_container textarea::-moz-placeholder {
  color: var(--beige);
  opacity: 1;
}

.ginput_container textarea:-ms-input-placeholder {
  color: var(--beige);
  opacity: 1;
}
.textsection hr.beigeline {
  border-top: 1px solid #FCEED7;
  opacity: 1;
  width: 100%;
  margin: 40px auto;
}

.gform_button {  color: var(--beige);
	background-color:black;
	padding-top:10px; padding-bottom:10px; padding-left:20px; padding-right:20px;
  opacity: 1;
font-family: 'articulat', sans-serif; font-weight:600;
  font-size: 20px;
text-transform:uppercase;}







.cartoon img {margin-top:30px; margin-bottom:30px; width:100%; height:auto;}

.teamimage {width:80%; border-radius:50%}
.teasertitle {}
.teasertext {}

.gfsubmit {}

.footertext {font-family: 'futuramedium', sans-serif; font-size:16px;}
.headerblock {padding-top:40px;  padding-bottom:40px; }
hr.beigeline {
  border-top: 1px solid #FCEED7;
  opacity: 1;
  width: 99%;
  margin: 40px auto;
}
.minilogo img {width:41px; height:auto;}
.masthead img {width:100%; height:auto; margin-bottom:100px;}

/* WP STYLES */

.aligncenter,.alignleft,.alignright {display: block; padding: 0;}
.aligncenter {float: none;	margin: .5em auto 1em;}
.alignright {	float: right;margin: .5em 0 1em 1em;}
.alignleft {	float: left;margin: .5em 1em 1em 0;}
.wp-caption {	padding: 5px 0;	border: 1px solid #555;	background: #444;	text-align: center;}
.wp-caption img {	display: inline;}
.wp-caption p.wp-caption-text {	margin: 5px 0 0;	padding: 0;	text-align: center;	font-size: 75%;	font-weight: 100;	font-style: italic;	color: #ddd;}

/* ------------------------------------------------------------ */



/* GENERAL STYLING */

/* overall */

body {background-color:white;;}
.container{max-width:1140px;}

/* navigation */

/* main */
.statement {padding-bottom:140px;}
.textsection {padding-bottom:80px; padding-top:50px;}
.textsection2{
 background-image: url('http://supermarket.studio/wp-content/uploads/2025/07/bg.png');
  background-size: contain;         /* Make it cover the whole area */
  background-position: center;    /* Center the image */
  background-repeat: no-repeat;   /* Prevent tiling */

}



/* footer */

.footerlogo {max-width:177px; margin-bottom:50px; display:inline-block;}
.footerlogo2 {max-width:41px;}
.footerblock {padding-bottom:80px; padding-top:50px;}
.footerblock .dont {margin-bottom:10px;}
.footersocials img {max-width:24px;margin-left:10px;}
.footersocials {margin-top:30px;}



/* ------------------------------------------------------------ */

/* HELPERS */

.hide {display: none;}


/* ------------------------------------------------------------ */

/* MEDIA QUERIES */

@media (min-width: 576px) {}

@media (max-width: 768px) {
	
p  {font-size:14px;  margin-bottom:10px;}
.maintext p  {font-size:14px;  margin-bottom:10px;}


h1 { font-size:30px;}
h2 { font-size:30px; }
h3 { font-size:18px}

.ea-body p {font-size:14px !important}
ul {font-size:14px; margin-bottom:10px;}
ul li {font-size:14px;  }
ol {}
ol li {font-size:14px;  }
	
.blogpost .maintext p, .blogpost .maintext { font-size:14px;}	
	

.ginput_container textarea::placeholder {font-size: 16px;}
.ginput_container_text input::placeholder {font-size: 16px;}

.textsection {
    padding-bottom: 40px;
    padding-top: 0px;
}
.blogpost  .textsection {
    padding-bottom: 40px;
    padding-top: 50px;
}
	.teamimage {width:60%;}
}