html {
  font-family: 'Source Sans 3', sans-serif;
  color: #212125;
}

body {
  margin: 0;
  font-family: 'Source Sans 3', sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212125;
  text-align: left;
  
  background: url(../img/bg-60.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
}

/* For mobile devices */
@media only screen and (max-width: 767px) {
  /* body {
    background-image: url(../img/bg-768.png);  quality too poor on iPhone!
  } */
	}

img {
aspect-ratio: attr(width) / attr(height);
}


/* ======= 	C O L O U R   P A L E T T E  ============ 


#009245 or #37a778 55/167/120 (from the brochure) - Otters Green

#F15A24 or #d56546 213/101/70 (from the brochure) - Badgers Orange

#0071BC or #1eb0e2 30/176/226 (from the brochure) - Squirrels Blue

#FF0000 or #ce3841 206/56/65 (from the brochure) - Hedgehogs Red

#7965B2 121/101/178 - Rabbits
 
 

==================================================== */


/* ======= 	T Y P O G R A P H Y   ============ 

Light 300
Regular 400
Semi-bold 600
Bold 700

Condensed
Light 300
Bold 700

==================================================== */



/*
----------------------- @FONT-FACE -------------------------------- */


@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?upzrax');
  src:  url('../fonts/icomoon.eot?upzrax#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.woff2?upzrax') format('woff2'),
    url('../fonts/icomoon.ttf?upzrax') format('truetype'),
    url('../fonts/icomoon.woff?upzrax') format('woff'),
    url('../fonts/icomoon.svg?upzrax#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-envelope-o:before {
  content: "\f003";
}

.icon-map-marker:before {
  content: "\f041";
  font-size: 1.4em;
  margin-right: 0.3em;
}

footer .icon-map-marker:before {
  font-size: 2.1em;
}

.icon-external-link:before {
  content: "\f08e";
  font-size: 1.1em;
  margin-right: 0.5em;
}
.icon-phone:before {
  content: "\f095";
  font-size: 0.8em;
  margin-right: 0.4em;
  position: relative;
  top: 0.1em;
}

.x12 {
	font-size: 0.8em;
}

footer .icon-phone:before {
  font-size: 1.1em;
}

.icon-twitter:before {
  content: "\f099";
  font-size: 2.0em;
}
.icon-facebook:before {
  content: "\f09a";
  font-size: 2.0em;
}
.icon-facebook-f:before {
  content: "\f09a";
}
.icon-envelope:before {
  content: "\f0e0";
}
.icon-linkedin:before {
  content: "\f0e1";
}
.icon-youtube-square:before {
  content: "\f166";
}
.icon-file-pdf-o:before {
  content: "\f1c1";
  font-size: 1.3em;
  margin-right: 0.4em;
}
.icon-file-archive-o:before {
  content: "\f1c6";
}
.icon-file-zip-o:before {
  content: "\f1c6";
}

.icon-home:before {
  content: "\f015";
  font-size: 1.3em;
  margin-right: 0.25em;
}


.icon-offset-one {
	position: relative;
	top: 0.1rem;
}

.icon-offset-two {
	position: relative;
	top: 0.2rem;
}





/* font for table data */
.table-data {
	  font-family: 'Open Sans Condensed', sans-serif;
}

.price td{
	background-color: #212125;
	color: #fff;
}

.table .thead-dark th {
  background-color: #212125;
  border-color: #212125;
}

.tablenote td{
	background-color: #fff;
}


















/* ========= CONTAINER ============================== */

@media (min-width: 1200px) {
  .container {
	max-width: 1178px;
  }
}





/* ========= CHARACTER PANELS ============================== */


.character-panel a {
	color: #fff;
}
.character-panel a:hover {
	color: #333;
}
.character-panel h4 {
	margin-bottom: 0.15em;
}
.character-panel p {
	line-height: 1.0em;
}

.otters {
	color: #37a778;
}
.otters-bg, .hedgehogs-bg, .squirrels-bg, .rabbits-bg, .badgers-owls-bg {
	min-height: 0;
	padding-top: 0;
	padding-bottom: 0.35em;
	text-align: center;
}

.otters-bg {
	background-color: rgba(55, 167, 120, .75);
}

.hedgehogs {
	color: #ce3841;
}
.hedgehogs-bg{
	background-color: rgba(206, 56, 65, .75);
}

.squirrels {
	color: #1eb0e2;
}
.squirrels-bg {
	background-color: rgba(30, 176, 226, .75);
}

.rabbits {
	color: #7965B2;
}
.rabbits-bg {
	background-color: rgba(121, 101, 178, .75);
}

.badgers-owls {
	color: #d56546;
}
.badgers-owls-bg {
	background-color: rgba(213, 101, 70, .75);
}

.img-otter, .img-hedgehog, .img-squirrel, .img-rabbit, .img-badgers-owls{
	 position: relative;
     top: 12px;
	 margin-top: 10px;
     height: 60px;
	 left: 25%;
	 z-index: 1;
	 text-align: center;
}

@media (min-width: 768px) {
	.otters-bg, .hedgehogs-bg, .squirrels-bg, .rabbits-bg, .badgers-owls-bg {
		min-height: 105px;
		padding-top: 0.55em;
	}
	.img-otter, .img-hedgehog, .img-squirrel, .img-rabbit, .img-badgers-owls{
		left: 0;
	}
}




.dark-grey {
	color: #212125
}

.bg-dark {
	background-color: #212125 !important;
}



/* MAIN NAV STUFF ——— */

.navbar-brand {
	width: 11rem;
	border: 1px solid #fff;  /* effectively an invisible border - the SVG was cropped without it - curious */
}

button.nav-item:focus, button.nav-item:select{
		/* border: 10px solid red !important; */
	}


.dropdown-item.active, .dropdown-item:active {
  background-color: #ccc;
}


.tel-cta {
		font-weight: 700;
		font-size: 1.4em !important;;
	}
.tel-cta span {
		font-size: 1.2em;
	}
	

@media (min-width: 62em){
	.tel-cta {
		/* margin-left: 2.2rem; */
		margin-right: 0 !important;
	}
}



.navbar a{
	font-size: 1.15em;
}

.nav-link {
	color: #fff;
}



@media (min-width: 768px) {
	
	.navbar {
		/* height: 140px; */
		padding: 0 !important;
	}
	.navbar-brand {
		/* width: 14rem; */
		width: 16rem;
	}
	.siversima {
		width: 8rem;
		margin-bottom: 1.5rem;
	}
	.navbar-nav {
		border: none;
		/* font-weight: normal; */
		font-weight: bold;
		position: relative;
		/* margin-left: 2.0rem; */
	}
	.dropdown-menu {
		text-align: left;
	}
	/* hide the caret on the drop-down menu */
	.dropdown-toggle::after {
	    /* display:none; */
	}
	.tel-cta {
		padding-right: 0;
	}

}


.navbar-toggler{
	border: none;
	position: relative;
	left: 42.25%;
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='4' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}  /* not actually using this in initial template */


.navbar-toggler:focus,
.navbar-toggler:active {
    outline: 0;
}

.navbar-toggler span {
   display: block;
   background-color: #fff;
   height: 3px;
   width: 25px;
   margin-top: 4px;
   margin-bottom: 4px;
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
   position: relative;
   left: 0;
   opacity: 1;
}

.navbar-toggler span:nth-child(1),
.navbar-toggler span:nth-child(3) {
   -webkit-transition: transform .35s ease-in-out;
   -moz-transition: transform .35s ease-in-out;
   -o-transition: transform .35s ease-in-out;
   transition: transform .35s ease-in-out;
   
   color: #fff !important;
}

.navbar-toggler:not(.collapsed) span:nth-child(1) {
    /* position: absolute;
    left: 12px;
    top: 10px; */
	position: relative;
	top: 10px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    opacity: 0.9;

}

.navbar-toggler:not(.collapsed) span:nth-child(2) {
    height: 12px;
    visibility: hidden;
    background-color: transparent;
}

.navbar-toggler:not(.collapsed) span:nth-child(3) {
    /* position: absolute;
    left: 12px; 
    top: 10px; */
	position: relative;
	top: -13px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    opacity: 0.9;
}





/* ———  ACTIVE  —————— */

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #212125;
  background: none;
}

.navbar-nav a:hover,
.navbar-nav a:focus {
  color: #212125 !important;
 }
 

.dropdown-menu > .active > a,
    .dropdown-menu > .active > a:hover,
    .dropdown-menu > .active > a:focus {
      /* background-color: rgba(188, 190, 192, 0.4); */
	  background-color: #fff;
      color: #212125;
    }

    @media screen and (min-width: 768px){

    	.dropdown-menu > .active > a,
    	.dropdown-menu > .active > a:hover,
    	.dropdown-menu > .active > a:focus {
    	  background: none !important;
    	  color: #212125;
    	}
    }






/* ========================================================= */





h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
	margin-bottom: 1.1em;
}

h1, h2 {
	font-family: 'Comic Neue', sans-serif;
	font-weight: bold;
	color: #7F7F7F;
}

h1 {
	margin-bottom: 2.0rem;
}


h1 span {
	font-weight: 300;
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For iPad landscape layouts only */
	  h1 {
			font-size: 2.1em;
		}
		
		h1 span {
			font-size: 0.9em;
		}
}


p {
	margin-bottom: 1.6em;
	font-size: 1.1em;
}

small {
	font-size: 0.6em;
	line-height: 0.5 !important;
}

a {
  text-decoration: none;
  color: #0071BC;
  font-weight: normal; 
}

a:hover {
  text-decoration: none;
  color: #000000; 
}

a, a:visited { outline: none; } /* Safari blue border hack */ 
a:hover,
a:active,
a:focus {
  /*optional for accessibility*/
  /* background: #ccc; */
}

.leading {
	font-size: 1.3em;
}


nav ul {
	list-style: none;
}



 @media screen and (min-width: 768px){
 	
 	.x07 {
 		font-size: 0.7rem !important;
 	}
	.x08 {
		font-size: 0.8rem !important;
	}
	.x08 p{
		font-size: 0.8rem !important;
	}
	.x09 {
		font-size: 0.9rem;
	}
	.x11 {
		font-size: 1.1rem;
	}
	.x12 {
		font-size: 1.2rem;
	}
	.x13 {
		font-size: 1.3rem;
	}
	.x14 {
		font-size: 1.4rem;
	}
	.x15 {
		font-size: 1.5rem;
	}
	.x16 {
		font-size: 1.6rem;
	}
	.x20 {
		font-size: 2.0rem;
	}
	.x25 {
		font-size: 2.5rem;
	}

}







header {
  background-color: #29ABE2;
  color: #ffffff;
  /* margin: 0 -15px;
  padding: 5px 0; */
}





/* H O M E —————— */

/* top section - text + image */


.header-double {
	  background-clip: border-box;
	  border-radius: 0.75rem;
	  /* border: 1px solid #ccc; */
}



/*  Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 

	.double-fixed-35 {
	max-height: 32em;
   }

	.double-fixed-45 {
	max-height: 32em;
   }

}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For iPad landscape layouts only */
  
  .double-fixed-35 {
	max-height: 35em;
   }

}


.title-icon {
	max-width: 1.5em;
}








/* MISCELLANEOUS */


/* HOME PAGE */

  .col-lg-17 {
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;   
  }
  
@media (min-width: 768px) {
	
	.col-lg-17 {
		-ms-flex: 0 0 14.2857%;
	    flex: 0 0 14.2857%;
	    max-width: 14.2857%;
	}
	
}




hr {
	color: #97003a !important;
}


.border-bottom-2 {
  border-bottom: 2px solid #dee2e6 !important;
}

.border-bottom-3 {
  border-bottom: 3px solid #dee2e6 !important;
}


.jumbotron {
  border-radius: 0;
}

.icon-fix {
	max-width: 1.5em;
}

.block {
  display: block
}

.pl-8 {
  padding-left: 2rem
}

.flex {
  display: flex
}

.items-center {
  align-items: center
}

.hidden {
	  display: none
	}

@media (min-width: 768px) {
	.hidden {
	  display: block
	}
}
	
	
.height-100 {
	 max-width: auto;
	 height: 100%;
}
.object-cover {
  -o-object-fit: cover;
  object-fit: cover
}

.object-fill {
  -o-object-fit: fill;
  object-fit: fill
}

.overflow-x-hidden {
	overflow-x: hidden;
}

.overflow-y-hidden {
	overflow-y: hidden;
}

.overflow-x-visible {
	overflow-x: visible;
}

.overflow-y-visible {
	overflow-x: visible;
}


.shadow-lg {
  --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)
}


@media (min-width: 768px) {

	.news-card {
		min-height: 28em;
		/* height: 29em;  /* to line-up with the fixed height of the Twitter feed on the home page */
		 height: 31em;  /* to line-up nicely on the home page */
	}
	
	.news-article-card {
	   min-height: 32em;
	}

}




.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}






.twhite {
	background: rgba(255, 255, 255, 0.75);
}


.spec-card {
	min-height: 26em;
}

.card {
	border-radius: 0.5em;
	border: 4px solid #fff;
}

.tpanel {
	border-radius: 0.5em;
	border: 4px solid rgba(255, 255, 255, 0.0);
	margin-left: 0.1rem;
	margin-right: 0.1rem;
}


.article-image {
	  background-clip: border-box;
	  border-radius: 0.75rem;
	  /* border: 1px solid #ccc; */
}




.carousel-item img{
	border-radius: 0.5em !important;
}


.home-intro h1{
	margin-bottom: 0.3em;
}

.home-intro p{
	font-size: 1.25rem !important;
}
.home-intro ul{
	font-size: 1.4rem !important;
	margin-top: -1rem !important;
}
.home-intro ul li a{
	font-weight: bold !important;
}






.header-panels {
	display: none;
}

@media screen and (min-width: 768px){
	.header-panels {
	 display: flex;
	}
}








/* ===== CARDS =================== */


.card-body p {
	margin-bottom: 0.8em;
}


.img-otters, .img-badger, .img-squirrels {
	 position: relative;
	  top: 10px;
	  z-index: 1;
}

.img-otters {

}
@media screen and (min-width: 768px){
	.img-otters {
		
	}
}

.parents-info {
    background: rgba(156, 189, 33, 0.75);
}

.parents-info ul li {
    list-style: none;
	font-size: 1.1em;
	margin-bottom: 0.7em;
}

.parents-info ul li:before {
        content: "";
        color: #ffffff;
        font-family: FontAwesome;
        font-size: 18px;
        display: inline-block;
        margin-left: -1em;
        width: 1.3em;
	
}

.parents-info h3, .impact h3, .standards h3{
	color: #fff;
	font-weight: 700;
}

.img-badger {

}
@media screen and (min-width: 768px){
	.img-badger {

	}
}

.impact {
    background: rgba(253, 162, 7, 0.67); 
}

.img-squirrels {
}
@media screen and (min-width: 768px){
	.img-squirrels {
	  
	  
	}
}



.parents-info a {
	color: #333 !important;
	font-weight: 700;
}

.parents-info a:hover {
	color: #fff !important;
}


.standards {
    background: rgba(200, 43, 54, 0.67);
}

.standards p {
	color: #fff;
}

.ofsted-big {
		margin-right: auto;
		margin-left: auto;
		text-align: center;
	}

@media screen and (min-width: 768px){
	.ofsted-big {
		margin-right: 0;
		margin-left: 0;
	}
}

.ofsted {
	position: relative;
	left: 10%;
	bottom: 0;
	max-height: 90px;
}

@media screen and (min-width: 768px){
	.parents-info, .impact,  .standards {
		min-height: 300px;
	}
}



.bubble {
  width: 200px;
  height: 200px;
  background: #01aaeb;
  border-radius: 50%;
  color: #fff;
  -webkit-box-shadow: 10px 11px 15px -10px #000000; 
  box-shadow: 10px 11px 15px -10px #000000;
  padding: 3.25em 1.25em 2.0em;
  font-size: 0.9em;
  font-weight: bold;
  text-align: center;
  margin-top: 3.0em;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.bubble span {
	font-size: 1.4em;
}

.bubble a {
	color: #fff;
	font-weight: 700;
}

@media screen and (min-width: 768px){
	.bubble	{
		margin-top: 0;
	}
	
}




.button {
	height:280px; width:280px
}


@media screen and (min-width: 768px){
	.button {
		margin-left: 2.0em
	}
	
}



.col-md-5th {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 768px) {
.col-md-5th {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
 }












blockquote{
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
/* .blockquote {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
} */

blockquote p{
	font-size: 0.8em;
}
blockquote:before, blockquote:after{
	font-size: 3.0em;
	position: relative;
	/* top: 0.7em; */
	color: #F15A24;
}
blockquote:before{
	content: '\201C';
	top: 1.0em;
}

.home-testimonial p{
	padding-top: 2.0em !important;
}

blockquote:after{
	content: '\201D';
	position: relative;
	bottom: 0.5em;
}

.blockquote-footer::before {
  content: " ";
}
.blockquote-footer {
  position: relative;
  bottom: 3.5em;
  margin: 0;
}

/* —————————— */






/* ———  BUTTONS ———— */


.btn-sum-white {
	  color: #fff;
	  background-color: transparent;
	  border-color: #fff;
	  width: 100%;
	  line-height: 0.5em !important;
	  padding: 0.5em 0.2em;
}

.btn-sum {
	  color: #97003a;
	  background-color: transparent;
	  border-color: #97003a;
}

@media (min-width: 62em){
	
	.btn-sum, .btn-sum-white {
		width: 15.5em;
	}
	
}

.btn-primary {
  color: #fff;
  background: rgba(255, 0, 0, 0.7);
  border-color: rgba(255, 0, 0, 0.7);
}

.btn-primary:hover {
  color: #fff;
  background-color: #666;
  border-color: #666;
}

.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #666;
  border-color: #666;
  box-shadow: 0 0 0 0.2rem rgba(33, 33, 37, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #666;
  border-color: #666;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #666;
  border-color: #666;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(33, 33, 37, 0.5);
}





.form-control:focus {
  color: #d56546;
  background-color: #fff;
  border-color: #d56546;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(151, 0, 58, 0.5);
}






.fade-in{
	-webkit-animation: fadein 5s; /* Safari, Chrome and Opera > 12.1 */
	 -moz-animation: fadein 5s; /* Firefox < 16 */
	  -ms-animation: fadein 5s; /* Internet Explorer */
	   -o-animation: fadein 5s; /* Opera < 12.1 */
	      animation: fadein 5s;
}

.fade-in-6{
	-webkit-animation: fadein 6s; /* Safari, Chrome and Opera > 12.1 */
	 -moz-animation: fadein 6s; /* Firefox < 16 */
	  -ms-animation: fadein 6s; /* Internet Explorer */
	   -o-animation: fadein 6s; /* Opera < 12.1 */
	      animation: fadein 6s;
}
.fade-in-4{
	-webkit-animation: fadein 4s; /* Safari, Chrome and Opera > 12.1 */
	 -moz-animation: fadein 4s; /* Firefox < 16 */
	  -ms-animation: fadein 4s; /* Internet Explorer */
	   -o-animation: fadein 4s; /* Opera < 12.1 */
	      animation: fadein 4s;
}
.fade-in-3{
	-webkit-animation: fadein 3s; /* Safari, Chrome and Opera > 12.1 */
	 -moz-animation: fadein 3s; /* Firefox < 16 */
	  -ms-animation: fadein 3s; /* Internet Explorer */
	   -o-animation: fadein 3s; /* Opera < 12.1 */
	      animation: fadein 3s;
}







.more {
  /* background: rgba(255, 0, 0, 0.7);
  border-radius: 0.25em;
  color: #ffffff; */
  position: absolute;
  bottom: 35px;
  left: 15px;
  padding: 7px 15px;
  z-index: 9999; 
}






/* ———  FOOTER ———— */


.tblue {
	background: rgba(41, 171, 226, 0.75);
}

footer {
	color: #fff;
}

footer a {
	color: #fff;
	font-weight: bold;
}

.footer-icon {
	max-width: 11.0em;
}




/* ———  LAZYLOAD STUFF ———— */


img.lazy {
        opacity: 0;
      }
img:not(.initial) {
        transition: opacity 1s;
      }
      
      img.initial,
      img.loaded,
      img.error {
        opacity: 1;
      }

      img:not([src]) {
        visibility: hidden;
      }


/* Fixes Firefox anomaly during image load */
@-moz-document url-prefix() {
	img:-moz-loading {
	  visibility: hidden;
	}
}

/* Tables from CKEditor fields are wrapped in <figure class="table">.
   Wide tables scroll horizontally inside the figure instead of
   overflowing the page on mobile. */
figure.table {
	display: block;
	max-width: 100%;
	margin: 0 0 1rem;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
figure.table > table {
	width: 100%;
	border-collapse: collapse;
}
figure.table > table td,
figure.table > table th {
	padding: 0.5rem 0.75rem;
	border: 1px solid rgba(0, 0, 0, 0.2);
	vertical-align: top;
}