/*
  Colours 
  (based on https://www.toptal.com/designers/colourcode/monochrome-color-builder)
  
*/

:root {
  --main1: #EA7715;
  --main2: #EC852D;
  --main3: #F1A05B;
  --comp1: #1588EA;
  --comp2: #2D94EC;
  --comp3: #5BACF1;
}

/* Main, header and footer */
body{font-family: Tahoma, sans-serif}
h1,h2,footer p,footer div{text-align:center}
h1{font-size:36px}
h2{font-size:30px}
p,div,ol,blockquote,ul{font-size:24px;line-height:34px}
header,footer{width: 100%;height: 150px;position: relative}
header{background-repeat:no-repeat;background-position:center;background-size:cover}
footer{color:white;background-color:black}
main,footer{margin-top:48px}
main a{color:var(--comp3)}
header div,footer div{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);font-size:30px}
main div{margin-top:16px}
.centred{text-align:center}

/* Forms */
form{max-width: 400px;margin-left: auto;margin-right: auto}
label,input,select,textarea{max-width: 300px;margin-left: auto;margin-right: auto;display:block;text-align:center}
input:not([type=submit]),select,textarea{height:36px;margin-top:8px;width: 400px;border-radius: 6px;font-size: 24px}
input[type=submit],button{padding: 10px 60px;border-radius: 3px;font-size: 16px;background-color: var(--main3);margin-left:auto;margin-right:auto;display:block}

/* Home page*/
.home .post-pub-date{display:none}

/* 404 */
.not-found {text-align:center}
.not-found img{width:100%}

/* Folder loop*/
.folder-loop-inner{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:flex-start;max-width: 1200px;margin-left:auto;margin-right:auto}
.folder-listing-page p,.post-snippet{text-align:center}
.post-snippet{width:300px;padding:8px;margin:16px;background-color:var(--main3);border: 2px solid black; box-shadow: 6px 6px black}
.post-snippet img{width: 100%;height: 100%;object-fit: cover}
.post-snippet, .post-snippet a{text-decoration:none;color:black}
.post-snippet-description{
	/*height:60px;overflow:hidden*/
	display:none !important
}
.post-snippet-image img{width:100%}
.post-snippet-title {height:102px}

/* Page body */
main article{
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
}

.post-pub-date {text-align:center}

/* Footer */
footer div {width:90%}
footer div p{font-size:20px}
footer a{color:white}