@font-face {
font-family: 'Gabriola';
font-style: normal;
font-weight: normal;
src: local('Gabriola'), url('font-gabriola/gabriola Font Download.woff') format('woff');
}

h1 {
  font-family: 'Gabriola' !Important;
  font-size: 32px !Important;
  font-weight: 500 !important;
  letter-spacing: 1px;
  text-shadow:#cccccc 1px 1px 1px;
}

h2 {
 font-family: 'Ubuntu', sans-serif;
font-size: 22px !important;
font-weight: 400!important;
line-height: normal;
 text-shadow: 1px 1px 1px rgba(0, 0, 0, .2)!important; 
}

h3 {
 font-family: 'Ubuntu', sans-serif;
font-size: 18px !important;
 
}

p {
    font-family: 'Ubuntu', sans-serif;
font-size: 16px !important;
margin-bottom: 0px !Important;
}

body {
        font-family: 'Ubuntu', sans-serif;
font-size: 16px !important;
}

a {text-underline-offset: 4px;
}

/* Download button for registered users
-------------------------------------------------------*/
a.download {border-radius: 5px 5px 5px 5px;
  color: #ffffcc;
  background-color: #917fab;
  margin: 5px;
  padding-top: 15px;
  padding-right: 30px;
  padding-bottom: 15px;
  padding-left: 30px;
  font-weight: bold;
  text-decoration: none;
  font-size: 14px;
  transition: all 0.2s ease;
}

.icon-color-1 {
    color: #917fab;
}

.icon-color-2 {
     color: #063;
}



/* Page Header
--------------------------------------------------------*/
.page-header {
    border-bottom: 1px solid #E4dee4;
    margin: 10px 0 20px;
    padding-bottom: 9px;
}

.page-header h1 {
    margin-bottom: 0px;
}

/* Event Button
--------------------------------------------------------*/
.event-button {
    border: 1px solid #917fab;
    background: #eee2ff;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -o-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
      margin: 5px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    font-weight: bold;
    text-decoration: none !Important;
    font-size: 14px;
    transition: all 0.2s ease;
}

/* Multi-column list 
--------------------------------------------------------*/

.multi-column-list ul {
  column-count: 1;
  column-gap: 40px;
  padding-left: 1.5em; /* maintains space for fa-ul icons */
}

@media (min-width: 576px) {
  .multi-column-list ul {
    column-count: 2;
  }
}

@media (min-width: 992px) {
  .multi-column-list ul {
    column-count: 3;
  }
}
 /* Testimonials Container
 ---------------------------------------------------------*/
 
        .quotebg {
            background-color: #917FAB;
            color: #E4DEE4;
            padding: 2em;
            border-radius: 12px;
            max-width: 800px;
            margin: 2em auto;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
            position: relative;
        }
        
        /* Quote Block */
        .quote {
            border-left: 6px solid #ffffcc;
            font-size: 1.125rem;
            line-height: 1.7;
            padding: 2em 1.5em 1em 1.5em !Important;
            margin: 1.5em 0 0 0; /* Added top margin to make room for the quote mark */
            position: relative;
            text-align: left;
        }
        
        /* Opening Quote Mark ABOVE the text */
        .quote::before {
            content: "\201C"; /* Unicode quote mark */
            color: #ffffcc;
            font-size: 4rem;
            line-height: 0.8;
            position: absolute;
            top: -0.0em; /* Adjusted to position it higher */
            /* left: 50%; *//* Center horizontally */
            transform: translateX(-50%); /* Perfect centering */
            display: block; /* Ensure it's displayed */
            z-index: 1; /* Make sure it appears above other content */
        }
        
        /* Quote Attribution */
        .quotenm {
            display: block;
            font-style: italic;
            text-align: right;
            margin-top: 1em;
            font-size: 1rem;
            opacity: 0.85;
        }
        
        .quotenm::before {
            content: "— ";
        }

/* Testimonial Category Title */

.testimonialtitle{
  color: #006633;
font-size: 25px !important;
text-shadow:#000000 1px 1px 1px !Important;
text-align: center;
}

.left {
  margin-top:25px;
  border: 2px solid #e4dee4;
   border-radius: 5px;
   background-color: #ffffff;
   padding: 15px;
   font-size: 95%;
   line-height: 1.3em;
   box-shadow: 2px 2px 10px #dddddd;
}

.left ul>li>a:before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 700;
    content: "\f0da";
    list-style-type: none;
}

.left ul {
    margin-left: 0px;
}

.left li {
    padding-bottom: 20px;
}

/* Logged in Greeting box overriding .left
-------------------------------------------------------*/
.no-left {
  margin-top:25px;
  border: 0px;
   border-radius: 5px;
   background-color: #fff0;
   padding: 15px;
   font-size: 95%;
   line-height: 1.3em;
   box-shadow: 0px 0px 0px #dddddd;
 }
 

.no-left ul>li>a:after {
    font-family: "Font Awesome 6 Pro";
    font-weight: 700;
    content: "\00a0";
    list-style-type: none;
}


/* Remove bullet in module with font awesome
-------------------------------------------------------*/

li::marker {
  content: '';
}

/* Responsive Image for mobile
--------------------------------------------------------*/

/* Desktop behavior */
.float-right {
  float: right;
  margin-left: 20px;
  margin-bottom: 20px;
  max-width: 100%;
  height: auto;
}

.float-left {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  max-width: 100%;
  height: auto;
}

/* Mobile override */
@media (max-width: 600px) {
  .float-right,
  .float-left {
    float: none !important;
    display: block;
    margin: 0 auto 20px auto !important;
  }
}

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

[data-id="mobilemenuck-1"] .mobilemenuck-bar-button {
    background:#063;
    height: 43px;
    width: 43px;
    color:#ffffcc;
    padding-top: 8px;
    font-size: 1.6em;
}

[data-id="mobilemenuck-1"] .mobilemenuck-bar-title {
    background: #063;
    color: #ffffcc;
    font-weight: normal;
    text-indent: 20px;
    line-height: 43px;
    font-size: 16px;
}

[data-id="mobilemenuck-1"] .mobilemenuck-button {
    min-height: 35px;
    height: 43px;
    width: 45px;
    line-height: 35px;
    font-size: 1em;
    color: #ffffcc;
}

[data-id="mobilemenuck-1"].mobilemenuck {
    background: #464646;
    color: #FFFFFF;
    padding-bottom: 5px;
    font-weight: normal;
    font-size: 1em;
}

[data-id="mobilemenuck-1"] .mobilemenuck-item > .level1 {
  background-color: #917FAB;
  color: #ffffcc;
}

.mobilemenuck-item > .level1 a {
    color: #ffffcc;
    line-height: 35px;
    background-color: #917FAB;
}
[data-id="mobilemenuck-1"].mobilemenuck a {
    color: #ffffcc;
    font-weight: normal;
    font-size: 1em;
}

[data-id="mobilemenuck-1"] .mobilemenuck-item > .level1:not(.headingck):hover, [data-id="mobilemenuck-1"] .mobilemenuck-item > .level1.open {
    background: #917fab;
}

[data-id="mobilemenuck-1"] .mobilemenuck-item > .level2 {
    background: #FFFFcc;
    -moz-border-radius: 5px 5px 5px 5px;
    -o-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    color: #063;
    margin-top: 4px;
    margin-right: 4px;
    margin-bottom: 4px;
    margin-left: 4px;
    padding-left: 25px;
    line-height: 35px;
}

[data-id="mobilemenuck-1"] .level2 + .mobilemenuck-submenu .mobilemenuck-item > div:not(.mobilemenuck-submenu) {
    background: #ffffcc;
    -moz-border-radius: 5px 5px 5px 5px;
    -o-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    color: #063;
    margin: 4px;
    padding-left: 35px;
    line-height: 35px;
}

[data-id="mobilemenuck-1"] .level2 + .mobilemenuck-submenu .mobilemenuck-item > div:not(.mobilemenuck-submenu) a:before {
   content: '\f0da\00a0';
   font-family: "Font Awesome 5 Pro" !important;
    font-weight: 900 !important;
}

[data-id="mobilemenuck-1"] .level2 + .mobilemenuck-submenu .mobilemenuck-item > div:not(.mobilemenuck-submenu) a {
    color: #063;
    line-height: 35px;
}

[data-id="mobilemenuck-1"] .mobilemenuck-item > .level2:not(.headingck):hover, [data-id="mobilemenuck-1"] .mobilemenuck-item > .level2.open {
    background: #ffffcc;
    color: #063;
}

[data-id="mobilemenuck-1"] .mobilemenuck-title {
    background: #917FAB;
    color: #ffffcc;
    height: 43px;
    text-indent: 20px;
    line-height: 43px;
    font-size: 20px;
}

[data-id="mobilemenuck-1"] .mobilemenuck-item > .level1 a {
    color: #FFFFcc;
    line-height: 35px;
}

/*  Registered User Area - resource boxes
--------------------------------------------------------*/ 

.box1  {
   background-color: #f4f4f4;
   border: solid 2px #f2f2f2;
   border-radius: 5px 5px 0px 0px;
   margin-top: 15px;
   padding: 3px 5px 0px 15px;
}
.box2 {
   background-color: #ffffff;
   border: solid 2px #f2f2f2;
   border-radius: 0px 0px 5px 5px;
   margin-bottom: 15px;
   padding: 15px;
   }

.box1 > h3  {
      color: #917fab;
}

/* Contact page left background
--------------------------------------------------------*/
.left-bground {
    padding: 20px;
    background-color: #E6E6B8;
}
/* Right module (and left registered)
--------------------------------------------------------*/

.right-box {
  margin-top:25px;
  border: 2px solid #e4dee4;
   border-radius: 5px;
   background-color: #ffffff;
   padding: 15px;
   font-size: 95%;
   line-height: 1.3em;
   box-shadow: 2px 2px 10px #dddddd;
}

.right-title {
  font-size:30%;
  line-height:normal;
  margin:0 0 20px;
  text-transform:small-caps;
}

.right ul > li > a:hover {
  color:ffffff !important;
}

.righttitle {
  color: #006633;
font-size: 25px !important;
text-shadow:#000000 1px 1px 1px;
text-align: center;
}

/* Custom Fields
--------------------------------------------------------*/ 

.box {
  color: #006633;
  font-size: 22px !important;
  font-weight: 400!important;
  line-height: 225%;
  margin-top: -25px !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .2)!important;
}

.field-label {
  font-weight: 900;
}

.fd-description::before {
  content: "\A";
  white-space: pre;
}

.fd-title {
  color: #006633;
  font-size: 22px !important;
  font-weight: 400!important;
  line-height: normal;
  margin-top: -15px !important;
  margin-botton: 15px !important;
  padding-top: 15px !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .2)!important;
  
}


/* code that was here with the template
----------------------------------------------------------*/
.flexiblecolumn {
	float: none;
}

.flexiblecolumn > div, .flexiblecolumn > div > div {
	height: 100%;
}

#contact-button .btn {
 font-size: 20px; 
}

ul.list-icons {
  list-style: none;
  margin: 0;
}

ul.list-icons li:before {
  content: "\f101";
  color: #3e9667;
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  margin-right: 12px;
}

div.mod-login__password button {
	width: 55px;
	padding-left: 0;
	padding-right: 0;
	margin: 0;
}

div.mod-login__username .input-group-text {
	width: 55px;
}

.plg_system_webauthn_login_button {
	display: flex;
	align-items: center;
}

.mod-login input {
	margin: 0;
}

button.navbar-toggler {
   color: #404040; 
}