/* Social Media Icon */
.mediaicon
{ 
	.fa {padding: 6px;font-size: 20px;width: 30px;text-align: center;text-decoration: none;margin: 5px 2px;border-radius: 50%;}
	.fa:hover {opacity: 0.7;}
	.fa-facebook {background: #3B5998; color: white;}
	.fa-twitter {  background: #55ACEE;  color: white;}
	.fa-google {  background: #dd4b39;  color: white;}
	.fa-linkedin {  background: #007bb5;  color: white;}
	.fa-youtube {  background: #bb0000;  color: white;}
	.fa-instagram {  background: #125688;  color: white;}
}


/* Theming */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap"); /* import font */

:root{--white: #F2F2F2;--black: #36383F;--gray: #85888C;} /* variables*/

body{background-color: var(--white);font-family: "Poppins", sans-serif;}
a{text-decoration: none;}
ul{list-style: none;}
.header{background-color: #8dd96b;box-shadow: 1px 1px 5px 0px var(--gray);position: sticky;top: 0;width: 100%;}
.footer{background-color: #36383F;;box-shadow: 1px 1px 5px 0px var(--gray);width: 100%;}
.copyright{background-color: #000;width: 100%;}

/* Logo */
.logo{display: inline-block;color: var(--white);font-size: 60px;margin-left: 10px;}

/* Mobile Menu Background */
.nav{width: 96%;height: 40%;position: fixed;background-color:black;overflow: hidden;}
.nav1{width: 96%;height: 40%;position: fixed;background-color:black;overflow: hidden;}
.nav{max-height: 0;transition: max-height .5s ease-out;}
.nav1{max-height: 0;transition: max-height .5s ease-out;}



/* Mobile Menu Items */
.menu a{display: block;padding: 15px;color: var(--white);padding-left: 0;padding-right: 26px;}
.menu a:hover{color: blue;}





/* Mobile three bar Menu Icon Cursor */
.hamb{cursor: pointer;float: right;padding: 40px 20px;}/* Style label tag */

/* Mobile three bar Menu Icon Start*/
.hamb-line {background: var(--white);display: block;height: 2px;position: relative;width: 24px;} /* Style span tag */
.hamb-line::before,
.hamb-line::after{background: var(--white);content: '';display: block;height: 100%;position: absolute;transition: all .2s ease-out;width: 100%;}
.hamb-line::before{top: 5px;}
.hamb-line::after{top: -5px;}
/* Mobile three bar Menu Icon End */


.side-menu {display: none;} /* Hide checkbox */

/* Toggle menu icon ON Mobile */
.side-menu:checked ~ nav{ max-height: 100%;}
.side-menu:checked ~ .hamb .hamb-line {background: transparent;}
.side-menu:checked ~ .hamb .hamb-line::before {transform: rotate(-45deg);top:0;}
.side-menu:checked ~ .hamb .hamb-line::after {transform: rotate(45deg);top:0;}

/* Responsiveness Desktop*/
@media (min-width: 768px) 
{
    .nav{max-height: none;top: 0;position: relative;float: right;width: fit-content;background-color: transparent;}
	.nav1{max-height: none;top: 0;position: relative;float: right;width: fit-content;background-color: transparent;}
    .menu li{float: left;}
    .menu a:hover{background-color: transparent;color: #c18f59;}
	.menu:hover .subnav-content{display: block;}
	.menu:hover .subnav-content1{ display: block;}
    .hamb{display: none;}
	.pastevents{display: none;}
	.upcomingevents{display: none;}
	
}


/* Sub nav */
.subnav-content {background-color:  #dfe5e8;width: 100%;z-index: 0;display: none;}
.subnav-content1 {background-color:  #dfe5e8;width: 100%;z-index: 0;display: none;}
.subnav-content a {color: Black;padding: 5px;text-align: left;margin-left: 4px;}
.subnav-content1 a {color: Black;padding: 16px;text-align: left;margin-left: 4px;}
.subnav-content a:hover{background-color: #f4f6f7;margin-left: 1px;border-left: 3px solid #c18f59;}
.subnav-content1 a:hover{background-color: #f4f6f7;margin-left: 1px;border-left: 3px solid #c18f59;}
.subnav-span{border-bottom: 1px solid #bfbfbf!important;}


/* Slideshow container Start */

* {box-sizing:border-box}

.slideshow-container {max-width: 100%;margin: auto;}
/* Hide the images by default */
.mySlides {display: none;}


/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

/* Slideshow container END */


 /* Style inputs with type="text", select elements and textareas */
input[type=text], select, textarea {
  width: 100%; /* Full width */
  padding: 12px; /* Some padding */ 
  border: 1px solid #ccc; /* Gray border */
  border-radius: 4px; /* Rounded borders */
  box-sizing: border-box; /* Make sure that padding and width stays in place */
  margin-top: 6px; /* Add a top margin */
  margin-bottom: 16px; /* Bottom margin */
  resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

/* Style the submit button with a specific background color etc */
input[type=submit] {
  background-color: #F4BC7F;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

/* When moving the mouse over the submit button, add a darker green color */
input[type=submit]:hover {
  background-color: #000;
}

/* Add a background color and some padding around the form */
.container {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
} 


.breadcrumbs-container {
	position: absolute!important;
	bottom: 0!important;
	left: 0!important;
	width: 100%!important;
}
 .breadcrumbs a, body .bc-devider::before {
  color: #F4BC7F;
}
.breadcrumbs > span {
  display: inline-block;
  vertical-align: top;
}
.bc-devider::before {
  font-family: fontAwesome;
  width: 20px;
  vertical-align: middle;
  padding: 0px 12px;
  content: '\f101';
  
}
 .breadcrumbs .current {
  color: #F4BC7F;
  border-bottom: 3px solid #F4BC7F;
   padding-bottom: 12px;
}









.group::after, .tabBlock-tabs::after {
  clear: both;
  content: "";
  display: table;
}

*, ::before, ::after {
  box-sizing: border-box;
}

body {
  color: #222;
  font-family: "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  line-height: 1.5;
  display: block !important;
}
@media screen and (min-width: 700px) {
	body {font-size: 137.5%;}
	.tabBlock-tab {padding-left: 2.5rem;padding-right: 2.5rem;}
 
 }


p, ol, ul {
  margin-bottom: 1.25rem;
  margin-top: 0;
}

ol, ul {
  padding: 0;
  margin-left: 1.25rem;
}

.unstyledList, .tabBlock-tabs {
  list-style: none;
  margin: 0;
  padding: 0;
}

.tabBlock {
  margin: 0 0 2.5rem;
}

.tabBlock-tab {
  
  background-color: #C18F59;
  border-color: #C18F59;
  border-left-style: solid;
  border-top: solid;
  border-width: 2px;
  color: #b5a8c5;
  cursor: pointer;
  display: inline-block;
  font-weight: 600;
  float: left;
  padding: 0.625rem 1.25rem;
  position: relative;
  -webkit-transition: 0.1s ease-in-out;
          transition: 0.1s ease-in-out;
}
.tabBlock-tab:last-of-type {
  border-right-style: solid;
}
.tabBlock-tab::before, .tabBlock-tab::after {
  content: "";
  display: block;
  height: 4px;
  position: absolute;
  -webkit-transition: 0.1s ease-in-out;
          transition: 0.1s ease-in-out;
}
.tabBlock-tab::before {
  background-color: #b5a8c5;
  left: -2px;
  right: -2px;
  top: -2px;
}
.tabBlock-tab::after {
  background-color: transparent;
  bottom: -2px;
  left: 0;
  right: 0;
}

.tabBlock-tab.is-active {
  position: relative;
  color: white;
  z-index: 1;
}
.tabBlock-tab.is-active::before {
  background-color: #975997;
}
.tabBlock-tab.is-active::after {
  background-color: #fff;
}

.tabBlock-content {
  background-color: #fff;
  border: 2px solid #C18F59;
  padding: 1.25rem;
}

.tabBlock-pane > :last-child {
  margin-bottom: 0;
}

.column1 {
  margin-right:40px;
}
/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.hover-zoom {
    -moz-transition:all 0.3s;
    -webkit-transition:all 0.3s;
     transition:all 0.3s
 }
.hover-zoom:hover {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
     transform: scale(1.5)
 }
 .caption-separator {
  width: 80%;
  height: 1px;
  background-color: #F4BC7F;
  margin-top: 10px;
  margin-bottom: 10px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.title {
  line-height: 24px;
  font-size: 16px;
  color: #5f727f;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
  font-weight: 700;
}
.info {
  font-size: 16px;
  color: #3c3950;

}
.info {
  line-height: 24px;
  font-size: 16px;
    color: #3c3950;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;

}
.info a {
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* container */
.responsive-three-columns {
    display:flex;
    flex-wrap:wrap;
}

/* columns */
.responsive-three-columns > * {
    width:100%;
    padding:1rem;
}
.block-content1
{
	margin-left: 5px;
}
/* tablet breakpoint */
@media (min-width:768px) {
    .responsive-three-columns > * {
        width:calc(90% / 3);
    }
	.block-content1
	{
		margin-left: 100px;
	}
	
}
.light
{
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: white;
	line-height: 30px;
	font-size: 19px;
}
.gem-slider-item-overlay
{
	top: 0;
	left:0;
	height: 100%;
	width: 50%;
	background-color: #24273c;
	background-color: rgba(36, 39, 60, 0.8);
	padding: 40px 40px 0;
}
.summary
{
	color: #7a7a7a;
	font-size: 16px;
}
.gem-button, input[type="submit"] {
  position: relative;
  display: inline-block;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  border: 0 none;
  vertical-align: middle;
  height: 40px;
  line-height: 40px;
  padding: 0 17px;
  font-size: 14px;
  margin: 25px;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 3px;
}
.gem-button-size-tiny, input.gem-button-size-tiny {
  height: 30px;
  line-height: 30px;
  padding: 0 14px;
  font-size: 14px;
  margin: 20px;
    margin-left: 20px;
}