@import 'bulma.css';
@import 'Quill.2.0.0.snow.css';
@import 'highlight.min.css';
.transparent-box {
  	background-color: rgba(255, 255, 255, 0.5) !important; /* Adjust the alpha value for transparency */
}
#Joanne_Headshot_Main {
	overflow: hidden !important;
}
.navbar_Custom {
	padding: 1.5rem 0 !important;
	background-color: #2533ad !important;
}


.custom-burger {
  font-size: 24px !important; /* Adjust this value to scale the icon */
  width: 80px !important;
  height: 62px !important;
  display:flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* Adjust the individual burger lines */
.custom-burger span {
  height: 3px !important; /* Thickness of each line */
  width: 36px !important; /* Length of each line */
}
#BrandImageHeader {
  max-height: 50px !important; /* Adjust the height as needed */
  width: auto !important; /* Ensures the width adjusts to maintain the aspect ratio */
}
.navbar-link.is-active,
.navbar-link:focus,
.navbar-link:focus-within,
.navbar-link:hover,
a.navbar-item.is-active,
a.navbar-item:focus,
a.navbar-item:focus-within,
a.navbar-item:hover {
  background-color: #091aaa !important; /* Dark gray background */
  color: #ffffff !important; /* White text */
  border-radius: 15px !important;
}
.footer {
	border-top: solid 1px #D0D3D4 !important;
    background-color: #5c65ad !important;
    padding: 1rem 1rem 1rem !important;
}
.fc {
    font-family: Arial, sans-serif !important;
}
/* styles.css */
.slideshow-container {
  width: 100% !important;
  position: relative !important;
}

.slideshow-image {
  width: 100% ;
  display: none; /* Hide images by default */
}

/* Show the first image */
.slideshow-image:first-of-type {
  display: block;
}

.slidshow-box {
  width: 50%;
}

.fullHeightDiv {
	min-height: 100vh !important;
}
.h-100 {
	height: 100% !important;
}







@media screen and (max-width: 768px) {
	#header {
		background: url("../images/Header_Image_charlie.png");
		background-size: cover;
	    background-position: top;
	    position: relative;
	    min-height: 300px;
	}
	.slidshow-box {
  width: 100% !important;
}



 /* Your CSS styles for mobile */
}

@media screen and (min-width: 769px) and (max-width: 1023px) {
	#header {
		background: url("../images/Header_Image_charlie.png");
		background-size: cover;
	    background-position: top;
	    position: relative;
	    min-height: 400px;
	}
/* Override has-text-white for navbar items in the burger menu */


  /* Your CSS styles for tablet */
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
	#header {
		background: url("../images/Header_Image_charlie.png");
		background-size: cover;
	    background-position: top;
	    position: relative;
	    min-height: 500px;
	}
	.custom-burger {
		display: none !important;
	}
  /* Your CSS styles for desktop */
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
	#header {
		background: url("../images/Header_Image_charlie.png");
		background-size: cover;
	    background-position: top;
	    position: relative;
	    min-height: 600px;
	}
	.custom-burger {
		display: none !important;
	}
  /* Your CSS styles for widescreen */
}
@media screen and (min-width: 1408px) {
	#header {
		background: url("../images/Header_Image_charlie.png");
		background-size: cover;
	    background-position: top;
	    position: relative;
	    min-height: 800px;
	}
	.custom-burger {
		display: none !important;
	}
  /* Your CSS styles for full HD */
}


/*quill editor styling*/
.ql-editor {
	min-height: 500px;
	background-color: #fff;
	color: black;
}
.ql-toolbar {
	background-color: #fff;
}