:root {
--blue: #4cabb1;
--lightblue: #5cb8be;
--darkblue: #575b72;
--lightpurple: #55798a;
--green: #69c7ad;
--lightgreen: #75d1b8;
--yellow: #fed586;
--darkyellow: #e6a933;
}


* {
padding: 0px;
margin: 0px;
z-index: 1;
box-sizing: border-box;
word-wrap: break-word;
line-height: 1em;
font-family: 'Raleway', sans-serif;
}

body {
background: var(--lightpurple);
}


.clear_containers_float {
float: none;
clear: both;
width: 0px;
height: 0px;
padding: 0px;
margin: 0px;
}

.rc {
display: none;
}

.dc {
display: block;
}

.rc_inline {
display: none;
}

.dc_inline {
display: inline;
}


h1 {
font-family: 'Raleway', sans-serif;
font-weight: 500;
letter-spacing: 1px;
color: #434b56;
margin-bottom: 0.5em;
font-size: 34px;
}

h2 {
font-family: 'Raleway', sans-serif;
font-weight: 500;
letter-spacing: 1px;
color: #434b56;
margin-bottom: 0.5em;
font-size: 34px;
}

h3 {
font-family: 'Raleway', sans-serif;
font-weight: 500;
letter-spacing: 1px;
color: #434b56;
margin-bottom: 0.5em;
font-size: 18px;
}

.btn {
padding: 1em;
padding-left: 2.5em;
padding-right: 2.5em;
border-radius: 2em;
box-shadow: 0px 0px 20px 1px rgba(62, 62, 62, 0.1);
color: #ffffff;
text-decoration: none;
letter-spacing: 1px;
font-size: 0.8em;
font-weight: 600;
}

.btn_blue {
background: var(--lightblue);
}

.btn_green {
background: var(--lightgreen);
}

hr.title_sep {
border: 0;
height: 1px;
color: #e3e3e3;
background-color: #e3e3e3;
margin: 0em 0px 4em 0px;
}

hr.sep {
border: 0;
height: 1px;
color: #e3e3e3;
background-color: #e3e3e3;
margin: 4em 0px 4em 0px;
}

hr.sep_white {
border: 0;
height: 1px;
color: #ffffff;
background-color: #ffffff;
margin: 4em 0px 4em 0px;
}

hr.sep_two {
margin: 2em 0px 2em 0px;
}

.surround_container {
width: 90%;
margin: 0 auto;
}

#top_mast {
display: grid;
grid-template-columns: 15% auto;
padding-top: 2em;
margin-bottom: 2em;
}



/* NAVIGATION */

#main_nav {
padding-top: 0em;
text-align: right;
font-family: 'Raleway', sans-serif;
color: #ffffff;
font-size: 16px;
}

#main_nav ul {
list-style: none;
}

#main_nav ul li {
display: inline-block;
text-transform: uppercase;
padding: 1em;
padding-top: 0.7em;
padding-bottom: 0.7em;
letter-spacing: 1px;
}

#main_nav ul li:last-child {
padding-right: 0px;
}

#main_nav ul li a {
color: #ffffff;
text-decoration: none;
}

#main_nav ul li.hig {
padding-right: 1em;
background: #4cabb1;
border-radius: 4px;
}

#main_nav_top {
padding-bottom: 1em;
font-size: 1.7em;
}

#main_nav_top a {
color: #ffffff;
}

a.colour_facebook {
color: #8791f2!important;
}

a.colour_facebook:hover {
color: #000000!important;
}

a.colour_twitter {
color: #1da1f2!important;
}

a.colour_twitter:hover {
color: #000000!important;
}

a.colour_youtube {
color: #a9171c!important;
}

a.colour_youtube:hover {
color: #d00606!important;
}



#main_nav_inner {

}



/* INTRO */

#temp_top_message {
width: 100%;
padding: 1em;
background: #fed586;
font-family: 'Raleway', sans-serif;
font-size: 1.1em;
color: #2e303b;
text-align: center;
line-height: 1.5em;
font-weight: bold;
border-radius: 8px;
margin-bottom: 2em;
}

#temp_top_message a {
color: #2e303b;
text-decoration: underline;
}

#intro_top {
width: 100%;
padding: 1em;
background: #ffffff;
font-family: 'Raleway', sans-serif;
font-size: 1.1em;
color: #2e303b;
text-align: center;
line-height: 1.5em;
}

#intro_main {
display: grid;
grid-template-columns: 40% auto;

height: 550px; /*720*/
}

#intro_main_image img {
height: 550px; /*720*/
width: 100%;
object-fit: cover!important;
object-position: center;
}

.intro_teaser {
display: flex;
height: 49.8%;
max-height: 49.8%
padding: 4em;
color: #ffffff;
}

.intro_teaser_courses {
background: var(--blue);
}

.intro_teaser_volunteers {
background: var(--green);
}

.intro_teaser_inner {
margin: auto;
}

.intro_teaser_title {
font-size: 2em;
letter-spacing: 1px;
font-weight: 500;
text-align: center;
margin-bottom: 1em;
}

.intro_teaser_copy {
font-size: 16px;
letter-spacing: 1px;
font-weight: 200;
text-align: center;
line-height: 1.7em;
margin-bottom: 2em;
}

.intro_teaser_button {
text-align: center;
}



/* SUPPORTED BY */

#supported_by {
background: #ffffff;
padding: 2em;
padding-top: 6em;
padding-bottom: 6em;
text-align: center;
}

#supported_by_address {
color: #4d5054;
font-weight: 300;
letter-spacing: 1px;
font-size: 16px;
margin-bottom: 2.5em;
}

#supported_by_sb {
color: #000000;
font-weight: 700;
font-size: 14px;
margin-bottom: 2.5em;
}

#supported_by_logos {
margin-bottom: 4em;
}

#supported_by_logos img {
width: 60%;
}


/* BLOG */

#home_blog {
background: var(--yellow);
padding: 5em;
padding-top: 6em;
padding-bottom: 2em;
text-align: center;
}

#home_blog h2 {
margin-bottom: 2em;
}

#home_blog .btn {
background: var(--darkyellow);
}

#home_blog_teaser {
display: grid;
grid-template-columns: 10% 80% 10%;
margin-bottom: 3em;
}

.home_blog_teaser_side {
display: flex;           /* establish flex container */
flex-direction: column;  /* make main axis vertical */
justify-content: center; /* center items vertically, in this case */
align-items: center;     /* center items horizontally, in this case */
height: 100%;
}

.home_blog_teaser_side_inner i {
color: #ffffff;
font-size: 4em;
}

#home_blog_teaser_content {
background: #ffffff;
box-shadow: 0px 0px 20px 1px rgba(62, 62, 62, 0.1);
}

.home_blog_teaser {
width: 100%;
cursor: pointer;
}

.home_blog_teaser_image img {
width: 100%;
height: 350px;
object-fit: cover!important;
}

.home_blog_teaser_copy {
width: 100%;
padding: 3em;
padding-left: 4em;
padding-right: 4em;
background: #ffffff;
}

.home_blog_teaser_title {
font-weight: 600;
letter-spacing: 1px;
margin-bottom: 2em;
text-transform: uppercase;
}

.home_blog_teaser_abstract {
font-weight: 300;
font-size: 16px;
color: 4d5054;
line-height: 1.5em;
}

#home_blog_videos {
display: grid;
grid-template-columns: auto auto auto;
padding-top: 3em;
padding-bottom: 3em;
}

.home_blog_video {
padding: 2em;
}

.youtube_video_container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
}

.youtube_video_container iframe, .youtube_video_container object, .youtube_video_container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



#home_copy {
display: grid;
grid-template-columns: 60% 40%;
padding: 5em;
background: #ffffff;
}

#home_copy_main {
padding-right: 3em;
border-right: 5px solid #707070;
font-size: 18px;
font-weight: 300;
}

#home_copy_main p {
line-height: 1.6em;
}

#home_copy_quote {
padding-left: 3em;
color: #731f14;
font-size: 20px;
}

#home_copy_quote p {
line-height: 1.5em;
}


#home_testimonials {
padding: 4em;
text-align: center;
background: var(--blue);
color: #ffffff;
}

#home_testimonials h2 {
color: #ffffff;
margin-bottom: 1.2em;
}

.home_testimonial {
width: 50%;
margin: 0 auto;
font-weight: 300;
line-height: 1.5em;
margin-bottom: 1em;
}

.home_testimonial_name {
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
margin-bottom: 4em;
}

#home_testimonials .btn {
background: var(--darkblue);
}




.content_surround {
padding: 5em;
padding-left: 7em;
padding-right: 7em;
background: #ffffff;
font-size: 17px;
line-height: 1.5em;
}

.cs_about {
background: var(--yellow);
}

.cs_volunteers {
background: #bdcfca;
}


.content_intro {
display: grid;
grid-template-columns: 50% 50%;
padding-bottom: 2em;
border-bottom: 1px solid #4cabb1;
margin-bottom: 4em;
}

.content_intro_img {
padding-top: 0.4em;
margin-right: 2em;
}

.content_intro_img img {
width: 100%;
}

.content_surround h1 {
text-align: center;
text-transform: uppercase;
margin-bottom: 2em;
}

.content_surround p {
margin-bottom: 1em;
line-height: 1.5em;
}

.content_surround a {
color: #31354c;
text-decoration: none;
padding-bottom: 1px;
border-bottom: 1px dotted #31354c;
}

.content_surround a:hover {
color: #000000;
padding: none;
border-bottom: none;
}

.img_left {
float: left;
width: 40%;
margin-top: 0.5em;
margin-right: 2em;
margin-bottom: 1em;
}

.img_small {
width: 20%;
}

.img_left img {
width: 100%;
}

.img_caption {
font-size: 14px;
font-style: italic;
}

.large_intro {
font-size: 30px;
line-height: 1.3em;
margin-bottom: 1em;
}

.img_shadow {
box-shadow: 0px 0px 20px 1px rgba(62, 62, 62, 0.1);
}

.course_intro_large {
font-size: 22px;
color: #4cabb1;
}


.course_row {
display: grid;
grid-template-columns: 30.666% 30.666% 30.666%;
grid-column-gap: 4%;
}

.course_teaser {
min-height: 10px;
box-shadow: 0px 0px 20px 1px rgba(62, 62, 62, 0.3);
margin-bottom: 3em;
cursor: pointer;
}

.course_row.course_teaser:last-child {
margin-right: 0em;
}

.course_teaser_img {
width: 100%;
min-height: 10px;
}

.course_teaser_img img {
height: 250px;
width: 100%;
object-fit: cover!important;
}

.course_teaser_copy {
padding: 2em;
}

.course_teaser_title {
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 1em;
}

.course_teaser_abstract {
line-height: 1.3em;
margin-bottom: 1em;
}



#course_surround {
display: grid;
grid-template-columns: 20% 70%;
grid-column-gap: 10%;
}

#course_surround div.overview img {
width: 100%;
}

#course_surround div.inf p {
line-height: 1.5em;
}

#course_surround div.inf li {
line-height: 1.5em;
}

#course_surround h3 {
margin-bottom: 1em;
}

#course_surround ol {
padding-left: 1em;
}

#course_surround li {
padding-bottom: 1em;
padding-left: 1em;
}

.course_week_row {
display: grid;
grid-template-columns: 30.666% 30.666% 30.666%;
grid-column-gap: 4%;
margin-bottom: 4%;
/*height: 180px;*/
}

.course_week_row div {
border: 1px solid #e3e3e3;
padding: 2em;
border-radius: 4px;
line-height: 1.4em;
margin-bottom: 2.5em;
}


.supporter_row {
display: grid;
grid-template-columns: 30.666% 30.666% 30.666%;
grid-column-gap: 4%;
margin-bottom: 4%;
height: 180px;
}

.supporter {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
padding: 2em;
border: 1px solid #cccccc;
border-radius: 8px;
text-align: center;
}

.supporter img {
max-width: 100%;
}


#testimonial_intro {
width: 80%;
margin: 0 auto;
font-weight: 300;
line-height: 1.5em;
margin-top: 3.5em;
font-size: 18px;
}

#testimonial_intro ol {
padding-left: 2em;
}

#testimonial_intro li {
line-height: 1.5em;
padding-bottom: 1em;
}

.testimonial {
width: 80%;
margin: 0 auto;
font-weight: 300;
line-height: 1.5em;
padding-top: 3em;
border-top: 1px solid #e3e3e3;
margin-top: 3.5em;
font-style: italic;
font-size: 18px;
}

.testimonial i {
color: var(--blue);
}

.testimonial_name {
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
margin-bottom: 4em;
font-style: normal;
color: var(--blue);
}


.blog_row {
display: grid;
grid-template-columns: 47.5% 47.5%;
grid-column-gap: 5%;
margin-bottom: 5%;
}

.blog_teaser {
min-height: 10px;
box-shadow: 0px 0px 20px 1px rgba(62, 62, 62, 0.3);
margin-bottom: 5em;
}

.blog_teaser_img {
width: 100%;
min-height: 10px;
cursor: pointer;
}

.blog_teaser_img img {
height: 400px;
width: 100%;
object-fit: cover!important;
/*object-position: 0 0;*/
}

.blog_teaser_copy {
padding: 2em;
}

.blog_teaser_title {
font-size: 22px;
font-weight: 500;
line-height: 1.3em;
padding: 2em;
padding-bottom: 0.5em;
margin-bottom: 1em;
text-transform: none;
color: var(--darkblue);
letter-spacing: 0px;
}

.blog_teaser_date {
color: #a1a1a1;
margin-bottom: 1em;
}

.blog_teaser_abstract {
line-height: 1.4em;
margin-bottom: 1em;
}

.blog_teaser_read_more a {
color: #478f94;
border-color: #478f94;
}


.news_sticky {
display: grid;
grid-template-columns: 30% 65%;
grid-column-gap: 5%;
}

.news_sticky img {
width: 100%;
}


.two_col {
display: grid;
grid-template-columns: 30% auto;
grid-column-gap: 5%;
}


.full_img {
width: 100%;
min-height: 10px;
margin-bottom: 2em;
}

.full_img img {
height: 300px;
width: 100%;
object-fit: cover!important;
box-shadow: 0px 0px 20px 1px rgba(62, 62, 62, 0.1);
}


.minerva_people {
display: grid;
grid-template-columns: auto 50%;
grid-column-gap: 5%;
line-height: 1.4em;
}

.minerva_people div {
line-height: 2em;
margin-bottom: 2em;
}

.minerva_people p.heading {
font-size: 26px;
margin-bottom: 0.05em;
}

div.hig {
text-align: center;
font-size: 20px;
color: var(--blue);
}

#bottom_mast {
display: grid;
grid-template-columns: 25% 25% 25% 25%;
padding-top: 3em;
padding-bottom: 3em;
}

#bottom_mast h3 {
color: #ffffff;
margin-bottom: 2em;
}

#bottom_mast a {
color: #ffffff;
text-decoration: none;
padding-bottom: 1px;
border-bottom: 1px dotted #ffffff;
}

#bottom_mast a:hover {
color: #4cabb1;
border-color: #4cabb1;
}

#bottom_mast a.hig {
color: var(--yellow);
border-color: var(--yellow);
}

#bottom_mast a.hig:hover {
color: #4cabb1;
border-color: #4cabb1;
}

.bottom_mast_col {
text-align: center;
line-height: 2em;
border-right: 1px solid #818495;
font-weight: 300;
color: #ffffff;
}

.bottom_mast_col:last-child {
border: none;
}

#footer_shop_links_wording {
padding-left: 2em;
padding-right: 2em;
line-height: 1.5em;
}


#footer {
display: grid;
grid-template-columns: auto auto auto;
padding: 3em;
color: #ffffff;
}

#footer div {
text-align: center;
}

#footer i {
padding-right: 0.5em;
}

#footer_icons {
text-align: center;
margin-bottom: 2em;
}

#footer_icons img {
display: inline-block;
height: 90px;
margin-right: 2em;
}

#footer_icons img:last-child {
margin-right: 0em;
}

#footer_bottom {
/*display: grid;
grid-template-columns: auto auto;*/
padding-bottom: 2em;
color: #ffffff;
font-weight: 300;
font-size: 14px;
letter-spacing: 1px;
text-align: center;
line-height: 1.5em;
}

#footer_bottom img {
width: 150px;
margin-bottom: 1em;
}


.carousel-cell-home {
width: 100%;
height: auto;
margin-right: 0px;
}

.carousel-blog-img {
width: 100%;
height: auto;
margin-right: 0px;
}

.img_rotation {
width: 100%;
}

.img_rotation img {
/*width: 100%;*/
width: auto;
max-height: 500px;
}


.lp_container {
display: grid;
grid-template-columns: 28% 40% 28%;
grid-column-gap: 2%;
}

.lp_container div img {
max-width: 100%;
margin-bottom: 2em;
}

h1.l span {
display: block;
padding-top: 0.6em;
font-size: 18px;
}

.lp_nav {
padding: 2em;
background: var(--yellow);
}

.lp_nav ul {
padding: 0px;
margin: 0px;
list-style-type: none;
}

.lp_nav li {
line-height: 1.5em;
padding-bottom: 1em;
}

.lp_video {
width: 100%;
min-height: 350px;
}

.lp_video iframe {
width: 100%;
min-height: 350px;
}


ul.general {
padding: 1em;
}

ul.general li {
padding-bottom: 1em;
}


.donate {
/*display: none;*/
width: 100%;
padding-top: 1em;
padding-bottom: 1em;
padding-left: 0.3em;
padding-right: 0.3em;
/*background: #7a04dd;*/
background: #613F75;
color: #ffffff;
text-align: center;
margin-bottom: 1em;
border-radius: 15px;
}

.donate span {
display: inline-block;
}

.donate span.im {
padding-top: 0.3em;
}

.donate span.txt {
padding-left: 1em;
line-height: 2.6em;
vertical-align: top;
font-weight: bold;
}

.donate a {
color: #ffffff;
text-decoration: none;
}

.donate img {
width: 200px;
}



/* winserve 2026 */