@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@700&family=Roboto+Slab:wght@500&family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/*
    font-family: 'Roboto', sans-serif;

    font-family: 'Roboto Condensed', sans-serif;

    font-family: 'Roboto Slab', serif;

*/

/* Change warning colour for unpublished drafts */

#admincontent_panel a.msg_publish_draft {
 background-color:#cc9900;
}


/* fonts */

html, body {
    font-family: 'Roboto', sans-serif !important;
    /*background-color: #faf5eb;*/
}

p {margin-top: 0;}


h1, h2, bold, strong {
    font-weight: 700 !important;
}

h1, h2 {
    font-family: 'Roboto Condensed', 'DIN Condensed', sans-serif-condensed, Impact, sans-serif;
    color: #456200;
    text-transform: uppercase;
    line-height: 1.1;
}

h3, h3, h4, h5, h6 {
    font-family: 'Roboto Slab', Georgia, serif;
    color: #456200;
    line-height: 1.1;
    font-weight: bold;
    font-weight: 500;
}

.body a {
    color: #944815;
}

/* Banner at top if used */
#banner {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin-top: 0 !important;
}

/* Colour of menu row */

.menu-row {
    /*box-shadow: 0 2px 5px 0 rgba(0,0,0,0.5);*/
    background-color: #eb9a3d;
}

/* Footer */

#footer {
	background-color: rgb(137, 107, 77) !important;
	color: #fff !important;
	background-image: url('footer-back-fields.jpg');
	background-size: cover;
	background-repeat: no-repeat;
}
/* Footer menu */

.footer-menu{
    border-bottom: 1px solid #fff;
    font-size: 0.9em;
}

.footer-menu a{
    border-bottom: none !important;
}

.footer-menu .menu {
    display: block;
}

.footer-menu ul.sub-menu {
    max-height: 100%;
}

.menu-item-has-children:hover {
	background: none;
}

.footer-menu .menu-item-has-child > a:after {
    content: ':';
}

.footer-menu .menu > li {
    font-family: 'Roboto Slab', Georgia, serif;
    font-size: 1rem;
}

.footer-menu li, .footer-menu li:hover {
  list-style: none;
}

.footer-menu li ul li  {
    font-family: 'Roboto', sans-serif;
    line-height: 1;
    margin-top: 8px;
}
.footer-menu li ul li ul li {
  list-style: disc;
}


.footer-menu ul.menu {
  padding: 0;
    display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	column-gap: 15px;
	grid-row-gap: 15px;
}



.footer-menu ul li ul {
  padding-left: 0;
}

.footer-menu ul ul {
  padding-left: 15px;
  font-size: 14px;
}

.footer-menu li > a:after { content:  ''; }

.footer-second-row {
    margin-top: -1px;
    padding: 0 15px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 15px;
}

@media (max-width:600px){
    .footer-menu ul.menu {
        grid-template-columns: 1fr 1fr;
        
}
    .footer-second-row {
        grid-template-columns: 1fr;
    }
}
/* Intro row */

.intro {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.3);
}
/* Features row */

.features {
    background-color: #eee;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
    }



.features img {
    object-fit: cover;
    height: 175px;
    width: calc(30px + 100%);
}

@supports (aspect-ratio: 3/2) {

    .features img {
	object-fit: cover;
	width: calc(30px + 100%);
        height: auto;
	aspect-ratio: 3/2;
}

}

.features p, .features h1, features h2, features h3, features h4, features h5, features h6 {
    padding: 15px;
}

.features p img {
    margin: -33px -15px -15px -15px;
    width: calc(100% + 30px) !important;
}

.grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 15px;
    padding: 15px 0;
}

.grid > div {
    height: 100%;
}


blockquote {
    display: table;
    width: 100%;
	background-color: #eee;
	margin: 15px 0;
	padding: 15px;
}

h1 {
	text-align: center;
	border-bottom: solid 1px #456200;
	padding-bottom: 25px;
}





/* tables */

td {
  border: 1px solid #ccc;
  padding: 10px;
}

table {
  border-collapse: collapse;
  width: 100%;
  clear: both;
    table-layout: fixed;
    padding: 15px 0;
}


table:before, table:after {
  content: '';
  clear: both;
  margin: 5px;
  height: 10px;
}


/* Images */

#content img:not(.filetype-gallery *):not(.filetype-image) {
    width: 100% !important;
}

#content img:not(.filetype-gallery *):not(.no-crop) {
	object-fit: cover;
	height: 300px !important;
    /*padding: 15px 15px;*/
}

#content .filetype-text img.no-crop.fullwidth-image {
	width: 100% !important;
	padding: 0;
}


@media (min-width: 768px) {#content .filetype-text img:not(.fullwidth-image *) {
        float: right !important;
	width: 50% !important;
    margin:0 0 15px 15px;
    padding:0 0 15px 15px;
    
}
    
    #content .filetype-text.gpCol-1 img:not(.fullwidth-image *),
	#content .filetype-text.gpCol-2 img:not(.fullwidth-image *),
	#content .filetype-text.gpCol-3 img:not(.fullwidth-image *),
	#content .filetype-text.gpCol-4 img:not(.fullwidth-image *),
	#content .filetype-text.gpCol-5 img:not(.fullwidth-image *) {
    width: 100% !important;
    margin:0 0 15px 0;
    padding:0;
    /*padding: 15px 0;*/
}
}

@supports (aspect-ratio: 3/2) {
    
    #content img:not(.filetype-gallery *):not(.no-crop)  {
	object-fit: cover;
	height: auto !important;
	aspect-ratio: 3/2;
}
  

}

/* Explicit widths of Typsetter columns */


	.gpCol-1,
	.gpCol-2,
	.gpCol-3,
	.gpCol-4,
	.gpCol-5,
	.gpCol-6,
	.gpCol-7,
	.gpCol-8,
	.gpCol-9,
	.gpCol-10,
	.gpCol-11,
	.gpCol-12  { width: 100% !important; }


@media (min-width: 480px) {

	.gpRow {
		margin-left: -15px;
		margin-right: -15px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.gpRow:before,
	.gpRow:after {
		content: '';
		display: table;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.gpCol-4, .gpCol-5, .gpCol-6,
	.gpCol-7,  .gpCol-8,  .gpCol-9,
	.gpCol-10, .gpCol-11, .gpCol-12 {
		float: left;
		min-height: 1px;
		padding-left: 15px;
		padding-right: 15px;
		margin-bottom: 15px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.gpCol-1,
	.gpCol-2,
	.gpCol-3   { width: 25% !important; }
	.gpCol-4,
	.gpCol-5,
	.gpCol-6   { width: 50% !important; }
	.gpCol-7,
	.gpCol-8,
	.gpCol-9,
	.gpCol-10,
	.gpCol-11,
	.gpCol-12  { width: 100%; }

}



@media (min-width: 768px) {

	.gpCol-1   { width: 8.33333333% !important; }
	.gpCol-2   { width: 16.66666667% !important; }
	.gpCol-3   { width: 25% !important; }
	.gpCol-4   { width: 33.33333333% !important; }
	.gpCol-5   { width: 41.66666667% !important; }
	.gpCol-6   { width: 50% !important; }
	.gpCol-7   { width: 58.33333333% !important; }
	.gpCol-8   { width: 66.66666667% !important; }
	.gpCol-9   { width: 75% !important; }
	.gpCol-10  { width: 83.33333333% !important; }
	.gpCol-11  { width: 91.66666667% !important; }
	.gpCol-12  { width: 100% !important; }

}

.filetype-gallery {
	margin-top: 15px;
}

/* stretch rows */

.gpRow.stretch {
  margin: 0 -50%;
  padding: 0 calc(50% - 15px);
}



	#content .gpCol-1 img,
	#content .gpCol-2 img,
	#content .gpCol-3 img,
	#content .gpCol-4 img,
	#content .gpCol-5 img,
    #content .gpCol-6 img {
    width: 100%;
    /*padding: 15px 0;*/
}


/* Grid rows */

.grid-3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 15px;
    grid-row-gap: 15px;
}

.grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 15px;
    grid-row-gap: 15px;
}

.grid-3.gpRow.stretch, .grid-2.gpRow.stretch {
	margin: 0 -50%;
	padding: 15px calc(50% - 15px);
}

.grid-3 .w3-card, .grid-2 .w3-card {
    background-color: #fff;
}

.grid-3.gpRow::before, .grid-3.gpRow::after, .grid-2.gpRow::before, .grid-2.gpRow::after, .grid-2.gpRow .gpclear, .grid-3.gpRow .gpclear {
	display: none;
}

.grid-3 .GPAREA.filetype-text, .grid-2 .GPAREA.filetype-text {
	padding: 0 15px;
}

.grid-3 .filetype-image, .grid-2 .filetype-image {
	width: 100%;
}

@media all and (max-width : 330px) {
    
    .grid-3, .grid-2 {
        grid-template-columns: 1fr;
    }
    
}

@media all and (max-width : 768px) {
    
    .grid-3, .grid-2 {
        grid-template-columns: 1fr 1fr;
    }
    
}

/* Wrapper sections and HR */
/*#gpx_content > .filetype-wrapper_section,*/ hr {
	border-top: 1px solid #456200;
    /*border-image-slice: 1;
    border-width: 1px;
    border-image-source: linear-gradient(90deg, rgba(137, 107, 77,0) 10%, rgba(137, 107, 77,0.5) 10%, rgba(137, 107, 77,0.5) 90%, rgba(137, 107, 77,0) 90%);*/
    margin-top: 15px;
    border-bottom: none;
    
}

/* Child Thumbnails */


/* Inline #14 | http://localhost:8888/TypesetterJul22/ */

.child_thumbnails {
  display: grid;
  grid-gap: 15px;
  grid-template-columns: 1fr 1fr 1fr;
    padding: 15px;
}

#content ul.child_thumbnails li a img:not(.filetype-gallery *):not(.filetype-image) {
  width: 100% !important;
  margin: 0;
  padding: 0;
}

.child_thumbnails li {
  list-style: none;
      box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
  background: #fff;
}


.child_thumbnails span {
  display: block;
  width: 100%;
  text-align: center;
  padding: 15px;
  float: left;
  color: #000;
  font-weight: bold;
}

/* Search page */

.search_results .result_list > div {
  border: ;
  border-top: 1px solid #ccc;
  padding: 10px 0;
}

.search_nav_bottom li {
  border: none;
  background-color: #555;
  padding: 0 5px;
  margin: 0 5px 0 0;
}

.search_nav_bottom li a:hover {
  background: none;
  color: #000;
  text-decoration: none;
}

.search_nav_bottom li:hover {
  background-color: #ccc;
  color: #000;
}

.filetype-special_search input.text {
  border-radius: 0;
  border: 1px solid #ccc;
  padding: 5px;
}

.filetype-special_search input.submit {
  margin-left: 5px;
  border-radius: 0;
  border: none;
  padding: 5px;
  background-color: #555;
  color: #fff;
}

.filetype-special_search input.submit:hover {
  background-color: #ccc;
  color: #000;
}

/* Featured image invisible on page */
.featured {
    display: none;
}

.gpAdmin .featured {
    display: block;
    border: 1px solid red;
    float: right;
    width: 100px !important;
}

/* Make no-crop images the right ratio */

.no-crop {
height: auto !important;
}