* { background-repeat: no-repeat; background-position: center center; box-sizing: border-box; }
body { margin: 0px; padding: 0px; width: 100%; height: auto; background-color: #ffffff; color: #000000; font-family: "arboria", sans-serif; font-size: 100%; line-height: 1.2; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }
a { color: #000000; text-decoration: none; font-weight: normal; }
ul, ol { padding: 0px; margin: 0px; }
li {list-style-type: none;vertical-align: top; padding: 0px 0px 10px 0px;margin: 0px;color: var(--navy);font-family: "arboria", sans-serif;font-size: 110%;line-height: 1.5;}
h1, h2, h3, h4, h5, h6 { padding: 0px 10px 10px 0px; margin: 0px; font-size: 100%; font-weight: normal; color: #000000;font-family: "arboria", sans-serif; color: var(--navy)}
fieldset { padding: 0px; margin: 0px; border: none; }
input, textarea, select { font-size: 90%; background: transparent; border: solid #000000 1px; padding: 5px; color: #000000; box-sizing: border-box; font-family: "arboria", sans-serif; }
input[type=text], input[type=password]  { height: 30px; }
input[type=button], input[type=submit] { cursor: pointer; background-color: #000000; color: #ffffff; padding: 10px 20px 10px 20px; }
select { height: 30px; padding-right: 30px; background-image: none; background-repeat: no-repeat; background-position: right 10px center; }
p {padding: 0px 0px 10px 0px;margin: 0px;color: var(--navy);font-family: "arboria", sans-serif;font-size: 110%;line-height: 1.5;}
strong { font-weight: 700; font-family: "arboria", sans-serif; }
table { border-spacing: 0px; }
td, th { padding: 0px; text-align: left; vertical-align: top; }
.hidden { display: none; }
.spacer { clear: both; height: 0px; }



:root {
  --navy: #5F6065;
  --magenta: #8F3162;
  --red: #B0272E;
  --grey: #B7B6B6;
  --imggrey: #ededeb;
}


/* General rules */

.layouttopmenu{height: 75px;}
.layouttopmenu, .layoutcredits {background-color: var(--red);}
.layouttopmenu .nav_simple li a { text-transform: uppercase; font-family: "arboria", sans-serif; font-weight: 700;}
.layouttopmenu .nav_simple ul {display:flex;justify-content: space-between;}

a#leadership { position: absolute; margin-top: -140px; }
a#about { position: absolute; margin-top: -150px; }
a#yourimpact { position: absolute; margin-top: -150px; }
a#testimonials { position: absolute; margin-top: -80px; }
a#contact { position: absolute; margin-top: -150px; }

.std_contentpage {min-height: 800px;margin: 0 auto;}
.std_contentpage .pagecontent_inner, .std_contentpage .pageheader_inner {max-width: 1000px;margin: 50px auto;}
.std_contentpage .pageheader_inner h1{ color: var(--red); font-size: 200%; font-weight: 900;}
.std_contentpage.home .pagetitle {color: var(--navy);text-transform: uppercase;font-size: 320%; font-family: "arboria", sans-serif; font-weight: 700;letter-spacing: 2px;}
.std_contentpage.home .section {text-align: center;}
.std_contentpage.home .section.yourchallenges{ border-bottom: 1px solid grey; }
.std_contentpage.home .section.youroutputs { border-top: 1px solid grey; }
.std_contentpage .section.youroutputs > div.items > div.std_content.bottom > div > div > ul { text-align: left; margin: 0; padding: 0 0 0 100px;}
.std_contentpage .section.youroutputs > div.items > div.std_content.bottom > div > div > ul > li { list-style: disc; color: var(--navy); font-family: "arboria", sans-serif; }
.std_contentpage.home .section>.titletxt, .std_contentpage.home .section.testimonials .carousel .titletxt {color: var(--navy);padding: 55px 0px 30px 0px;font-size: 160%; font-family: "arboria", sans-serif; font-weight: 700;}
.std_contentpage.home .section .introduction {padding-bottom:30px;}

.std_contentpage.home .section.yourchallenges>.items {display:flex;flex-direction: column;gap: 20px 0px;}
.std_contentpage.home .section.yourchallenges .challenges .items {text-align: left;display:flex;flex-direction: row;flex-wrap: wrap;}
.std_contentpage.home .section.yourchallenges .challenges {border: 4px solid var(--magenta);padding: 20px 45px;}

.std_contentpage.home .section.about  {display: flex;flex-direction: column;gap: 20px 0px;}
.std_contentpage.home .section.about .introduction {/* padding: 20px 45px; */text-align: left}
.std_contentpage.home .section.about .introduction h2 {text-align: center; color: var(--navy); padding: 55px 0px 30px 0px;font-size: 160%;font-family: "arboria", sans-serif; font-weight: 700;}
.std_contentpage.home .section.about .introduction h3 {text-align: center;font-style: italic;color: var(--navy);padding: 0 0px 30px 0px;font-size: 110%;}


.std_contentpage.home .section.youroutputs .util_container.outputs { margin: 0px 0px 40px 0px;}
.std_contentpage.home .section.youroutputs .util_container.outputs .items {display:flex;flex-direction: row;gap: 30px;}
.std_contentpage.home .section.youroutputs .util_container.outputs .std_content {width: 33.3%;border-left: 4px solid var(--magenta);text-align:left;padding: 0px 20px;}
.std_contentpage.home .section.youroutputs .util_container.outputs .std_content .titletxt {color: var(--red);font-family: "arboria", sans-serif; font-weight: 700;font-size: 125%;}
.std_contentpage.home .section.youroutputs .util_container.outputs .std_content p {font-size: 100%;}

.feat_carousel .carousel {overflow: hidden;position: relative;/* height: auto; */}
.feat_carousel .carousel>ul { width: 20000em; position: relative; height: 100%; }
.feat_carousel .carousel>ul>li {float: left;height: 100%;list-style-type: none;width: 1000px;}
.std_contentpage.home .section.testimonials .carousel li {/* border: 4px solid var(--red); */min-height: 400px;background-color: var(--imggrey)}
.std_contentpage.home .section.testimonials .carousel li p { font-size:100%; line-height: 1.5; text-align: left;}
.std_contentpage.home .section.testimonials .carousel li p:last-of-type {/* padding-top: 10px; */color: var(--red)}
.std_contentpage.home .section.testimonials .carousel li .titletxt { padding: 40px 0px 30px 0px ;}
.std_contentpage.home .section.testimonials .buttons .carousel-prev {background-image:url(/cmitchell/images/);color: transparent;background-size: contain;}
.std_contentpage.home .section.testimonials .buttons .carousel-next {background-image:url(/cmitchell/images/);color: transparent;background-size: contain;}
.std_contentpage.home .section.testimonials .skip a.active {background-color: var(--red) !important;color: white;}
.std_contentpage.home .section.testimonials .jcarousel-control { margin-top:30px; margin-bottom:50px;}
.std_contentpage.home .section.testimonials .jcarousel-control.skip a {display: inline-block;color: var(--red);margin: 0px 0px 0px 10px;background-color: var(--grey);border-radius: 100%;padding: 2px;width: 18px;height: 18px;text-indent: -9999px;opacity: 0.5;}

.std_contentpage.home .section.contact {background-color: var(--imggrey); margin-bottom: 80px; padding-bottom: 0px;}
.std_contentpage.home .section.contact .introduction i {font-size: 150%;margin-right: 5px;}
.std_contentpage.home .section.contact .introduction p:nth-child(2) { padding-bottom:20px;}
.std_contentpage.home .section.contact .introduction p a {color: var(--navy);font-family: "arboria", sans-serif; font-weight: 500;}
.std_contentpage.home .section.contact .contactdetails {border-top: 5px solid var(--magenta);}
.std_contentpage.home .section.contact .contactdetails p a { color: var(--navy);}
.std_contentpage.home .section.contact .contactdetails p {font-family: "arboria", sans-serif; font-weight: 700;letter-spacing: 1px;}

.std_contentpage.home .section .contactdetails p strong {color: var(--red);}

.layoutcredits, .layoutcredits a { font-size: 85%; color:white;}

@media (min-width: 1240px)
{
  .carousel-prev {position: absolute;left: 50%;margin: -200px 0px 0px -620px;}
  .carousel-next {position: absolute;left: 50%;margin: -200px 0px 0px 580px;}

  .std_contentpage.home .section.testimonials .buttons .carousel-prev {height: 65px;width: 65px;}
  .std_contentpage.home .section.testimonials .buttons .carousel-next { height: 65px;width: 65px;}

  .layoutcredits .layoutcredits_inner {justify-content: space-around;}
}

@media ( min-width: 900px) /* desktop and ipad */
{
  .layouttopmenu .toggle {display: none;}
  .layouttopmenu_inner{ max-width: 750px; margin: 0px auto;}
  .layouttopmenu .nav_simple { width: 100%;}
  .layouttopmenu .nav_simple li a { color: white; line-height: 75px;}
  .layouttopmenu .nav_simple li a:hover {color: var(--magenta);}

  .layoutcredits_inner {max-width: 1240px;margin: 0px auto;}

  .std_contentpage.home .pageheader {background-size: cover;background-position: top;height: 365px;background-color: #ededeb;}
  .std_contentpage.home .pagetitle {position: absolute;margin-top: 150px;right: 50%;margin-left: 50px;}
  .std_contentpage.home .section {max-width: 1000px;margin: 0px auto 0px auto;padding-bottom:40px;}

  .std_contentpage.home .section.yourchallenges .challenges {width: 750px; margin: 0px auto;}
  .std_contentpage.home .section.yourchallenges .introduction {width: 700px;margin: 0px auto;}
  .std_contentpage.home .section.yourchallenges .challenges .std_content:nth-child(odd) {width: 30%; }
  .std_contentpage.home .section.yourchallenges .challenges .items .std_content:nth-child(even) { width: 70%; }

  .std_contentpage.home .section.about .introduction ul {margin: 10px 40px;width: 800px;}
  .std_contentpage.home .section.about .introduction {width: 750px;margin: 0px auto;}
  .std_contentpage.home .section.about .introduction > div {border-left: 5px solid var(--magenta);padding: 0px 20px;}

  .std_contentpage.home .section.about .introduction strong {padding-left: 60px;}
  .std_contentpage.home .section.about .introduction ul {background-position: 3%;}
  .std_contentpage.home .section.about .introduction ul {background-image:url(/cmitchell/images/);}

  .std_contentpage.home .section.testimonials .carousel li {padding: 0px 100px;}
  .std_contentpage.home .section.testimonials .buttons { display:flex; flex-direction:row; justify-content: center; gap: 20px; margin-top: 10px;}
  .std_contentpage.home .section.testimonials .buttons .carousel-prev,   .std_contentpage.home .section.testimonials .buttons .carousel-next  {height: 30px;width: 30px;}

  .std_contentpage.home .section.youroutputs .util_container.outputs .items { margin-left:30px;}
  .std_contentpage.home .section.youroutputs .bottom {padding: 0px 50px;}
  .std_contentpage .section.youroutputs > div.items > div.std_content.bottom > div > div > ul {text-align: left;margin: 0;padding: 0 0 0 50px;}


  .std_contentpage.home .section.contact .introduction {width: 55%;margin: 0px auto;}
  .std_contentpage.home .section.contact .contactdetails p {line-height: 90px;font-size: 120%;}
  .std_contentpage.home .section.contact p a:hover {color:var(--magenta);}

  .layoutcredits {height: 60px;}
  .layoutcredits, .layoutcredits a { line-height: 60px; }
  .layoutcredits .layoutcredits_inner {display:flex;flex-direction: row;justify-content: space-around;}
}

@media (min-width: 700px)
{
  .std_contentpage.home .section.yourchallenges .challenges .std_content:nth-child(odd) {width: 30%; }
  .std_contentpage.home .section.yourchallenges .challenges .items .std_content:nth-child(even) { width: 70%; }
  .std_contentpage .section.youroutputs > div.items > div.std_content.bottom > div > div > ul {padding: 0 0 0 50px;}

}

@media ( max-width: 899px)
{
  .layouttopmenu .toggle {position:absolute;top:15px;right:15px;cursor:pointer;}
  .layouttopmenu .toggleon ul{display:block;position: absolute;top: 75px;right: 0px;width: 100%;background-color: #ffffff;opacity: 0.9;z-index: 50;text-align: center;}
  .layouttopmenu .toggleon li{padding: 10px 0px 10px 20px;}
  .layouttopmenu .toggleoff ul{display:none;}
  .layouttopmenu svg path {fill: #ffffff;}
  .layouttopmenu svg {width: 40px; height: 40px;}

  .std_contentpage.home .pagecomponents {padding: 0px 15px;}
  .std_contentpage.home .pageheader {height: 300px;background-size: cover;/* background-position: 40%; */}
  .std_contentpage.home .pagetitle {margin-top: 0;font-size: 200%; padding: 150px 0 0 50px;}

  .std_contentpage.home .section.about .introduction p, .std_contentpage.home .section.about .introduction li  {font-size:100%;}
  .std_contentpage.home .section.about .introduction ul { background-image:none; margin: 0px 30px;}

  .std_contentpage.home .section.youroutputs .util_container.outputs .items {flex-direction: column;margin-left: 60px;}
  .std_contentpage.home .section.youroutputs .util_container.outputs .items .std_content { width: 100%;}
  .std_contentpage .section.youroutputs > div.items > div.std_content.bottom > div > div > ul {padding: 0 0 0 50px;}


  .std_contentpage.home .section.testimonials .carousel li {padding: 0px 20px;}
  .std_contentpage.home .section.testimonials .buttons { display:flex; flex-direction:row; justify-content: center; gap: 20px; margin-top: 10px;}
  .std_contentpage.home .section.testimonials .buttons .carousel-prev, .std_contentpage.home .section.testimonials .buttons .carousel-next  {height: 30px;width: 30px;}

  .std_contentpage.home .section.contact .introduction {width: 90%;margin: 0px auto;}

  .layoutcredits {height: auto;}
  .layoutcredits, .layoutcredits a { line-height: 60px; }
  .layoutcredits .layoutcredits_inner {display:flex;flex-direction: row;justify-content: space-around;}
}

@media ( max-width: 500px) /* mobile */
{
  .std_contentpage.home .pagetitle {font-size: 175%;padding-left: 10px;/* margin-right:0px; */padding-top: 70px;}
  .std_contentpage.home .pageheader {height: 200px;background-size: cover;/* background-position:50%; */}
  .std_contentpage.home .pagecomponents {padding: 0px 15px;}

  .std_contentpage.home .section.contact .items { display:flex; flex-direction: column;}
  .std_contentpage.home .section.contact .introduction p a {font-size: 85%;}
  .std_contentpage.home .section.contact .contactdetails  {padding: 0px 9px;}
  .std_contentpage .section.youroutputs > div.items > div.std_content.bottom > div > div > ul {padding: 0 0 0 50px;}

  .std_contentpage.home .section.testimonials .carousel li {min-height: 800px;}


  .layoutcredits .layoutcredits_inner {flex-direction: column;line-height: normal; text-align:center; padding-top: 10px;}
}


/* Cookies */

#gdpr-cookie-message { position: fixed; right: 30px; bottom: 30px; max-width: 375px; background-color: #ffffff; padding: 20px; border-radius: 5px; box-shadow: 0 6px 6px rgb(0 0 0 / 25%); margin-left: 30px; font-family: "arboria", sans-serif; font-weight: 500; z-index: 200; }
#gdpr-cookie-message p, #gdpr-cookie-message ul li { font-size: 90%}
#gdpr-cookie-message button {background: var(--red);border: none;color: white;padding: 10px;border-radius: 7px;font-family: "arboria", sans-serif; font-weight: 700;}
button#gdpr-cookie-advanced { background: white; color: black; }
#gdpr-cookie-message button:hover,#gdpr-cookie-message input[type=checkbox]:hover  { cursor: pointer; opacity: 0.8; }

#gdpr-cookie-message h5, #gdpr-cookie-message h4 { padding-bottom: 10px; }
#gdpr-cookie-types { padding: 20px 0px; }
#gdpr-cookie-message ul li { width: 49%; display: inline-block; }