/*

Green - #13393A;
Grey - #F1F5F6;
Orange - #E65A28;
Peach - #F9E8De;

*/


/* ----------------------------------------------- */
/* Basic-setup                                     */
/* ----------------------------------------------- */

.video-container {
  width: 100%;
  aspect-ratio: 16 / 9;   /* standard YouTube ratio */
}

.video-container iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    background-color: #fff;
    color: #13393A;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    text-rendering: optimizeLegibility;
}

a {
    color: #E65A28;
    font-weight: bold;
    text-decoration: none;
}

.contact a {
    color: #555555;
    font-weight: 400;
    text-decoration: none;
}

p, li {
    line-height: 150%;
    margin-bottom: 0;
}

.clearfix {zoom: 1}
.clearfix:after {
    content: '.';
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

.just {
    text-align: justify;
}

.wspace {
    content: '.';
    display: block;
    min-height: 50px;
    visibility: hidden;
}

/* ----------------------------------------------- */
/* Reusable components                             */
/* ----------------------------------------------- */

.row, .container {
    max-width: 1000px;
    margin: 0 auto;
}

.vjust {
    position: relative;
    height: 300px;
	background-size: cover;
    display: flex;
    align-items: center;   /* vertical centering */
    text-align-last: left; /* final line stays left aligned */
}

.gcard {
    position: relative;
    background-color: #F1F5F6;
    padding: 25px;
    height: 300px;
}

.textcard {
    position: relative;
    background-color: #F1F5F6;
    padding: 25px;
}

.textcardpl {
    background-color: #F3EDF5 !important;
}

.textcardye {
    background-color: #FBF4DF !important;
}

.corner-or {
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: #e65c26;
  bottom: 25px;
  right: 25px;
}

.corner-wh {
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: #ffffff;
  bottom: 25px;
  right: 25px;
}

.cardtitle {
  font-size: 14px;
  position: absolute;
  top: 25px;
  left: 25px;
}

.cardsub {
  font-size: 14px;
  color: #e65c26;
  position: absolute;
  top: 25px;
  right: 25px;
}

h1, h2, h3, h4 {
    margin: 0;
    color: #E65A28;
    font-weight: 600;
    font-size: 110%;
}

h2 {
    font-size: 180%;
    word-spacing: 2px;
    text-align: center;
    margin-bottom: 30px;
}

h3 {
    font-size: 110%;
    padding-bottom: 10px;
    text-align: center;
}

h4 {
    font-size: 140%;
    padding-bottom: 30px;
}


li {
    list-style: none;
    font-size: 90%;
}

a:hover {
    color: #252e5a !important;
}

/* ----------------------------------------------- */
/* Paragraphs                                      */
/* ----------------------------------------------- */

section p {
    padding-bottom: 30px;
}

.lp {
    padding-bottom: 0;
    margin: 0;
}

.bodytext p {
    font-size: 90%;
}

.bodytext h1 {
    margin-bottom: 25px;
}

.ref {
    font-size: 60% !important;
    margin-bottom: 25px;
}

/* ----------------------------------------------- */
/* Menu                                            */
/* ----------------------------------------------- */

.menu {
    margin-top: 25px;
}

.menuleft {
    height: 50px;
}

.menuright p {
    line-height: 50px;
    font-size: 15px;
    text-align: right;
}

/* ----------------------------------------------- */
/* Hero                                            */
/* ----------------------------------------------- */

.hero {
    margin-top: 25px;
}

.hleft {
    position: relative;
    height: 300px;
    background-size: cover;
    background-position: center;
    background-image: url('img/hero1.jpg');
}

.hright {
    position: relative;
    height: 300px;
	background-size: cover;
    display: flex;
    align-items: center;   /* vertical centering */
    text-align-last: left; /* final line stays left aligned */
}

.herotext {
    font-size: 20px;
}

.herotext img {
    margin-top: 8px;
}

/* ----------------------------------------------- */
/* Quotes                                          */
/* ----------------------------------------------- */

.quotes {
    position: relative;
    background-color: #f9e8de;
    color: #e65c26;
}

.quoteauthor {
    margin: 25px 0;
    font-size: 80% !important;
}

.circle {
  width: 100%;          /* fills the column width */
  aspect-ratio: 1 / 1;  /* height automatically equals width */
  border-radius: 50%;
  background-image: url('img/me.jpg');
  background-size: 100%;
}

.t25 {
    margin-top: 25px;
}

.t25bot {
    margin-bottom: 25px;
}

.mount {
    position: relative;
    height: 300px;
    background-size: cover;
    background-position: center;
    background-image: url('img/mountain.png');
}