@charset "utf-8";

/* CSS Document */

::-webkit-scrollbar {display: none;}
#element::-webkit-scrollbar {display: none;}

input#menu {
    display: none;
}

@font-face {
   font-family: bahnschrift;
   src: url(fonts/LibreBaskerville.ttf);
}

html {scroll-behavior: smooth; -webkit-tap-highlight-color:transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;}
body {font-size: 100%; font-size: 16px; color: #383838; text-decoration:none; line-height: 24px; background-color:#fff; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px;}
a img {text-decoration: none;}
p {text-align: justify; letter-spacing: 1px; font-weight: 450;}

#welcomeheader {display: flex; flex-wrap: wrap; justify-content: space-between; padding:  12px 10%; background-color: #274325;}
#welcomeheader div {color: #fff; font-weight: bold; padding: 0 6px;}

#desktopheader {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; background-color: #bdd4b0; padding:  12px 10%;}
#deskmenu {display: flex; flex-wrap: wrap; justify-content: space-between; width: 65%; padding-bottom: 6px;}
#deskmenu a {color: #000; text-decoration: none;}
.dropdown {position: relative;}
.dropdown-content {display: none; position: absolute; background-color: #f9f9f9; min-width: 230px; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); z-index: 1;}
.dropdown-content a {color: black; padding: 12px 16px; text-decoration: none; display: block;}
.dropdown-content a:hover {background-color: #bdd4b0;}
.dropdown:hover .dropdown-content {display: block;}

#mobileheader {width: 100%; height: 90px; position: fixed; top: 0px; left: 0px; background-color: #bdd4b0; display: flex; flex-wrap: wrap; justify-content: space-between; display: none; z-index: 5;}
#mobileheader div {display: block;}
#mobileheaderdead {height: 90px; display: none;}

#sidemenu {width: 0; height: calc(100% - 55px); left: 0px; top: 55px; background-color: #ebece7; position: fixed; transition: width 1s;}

.icon {background: #bdd4b0; cursor: pointer; display: block; height: 24px; padding: 15px; width: 24px;}
.icon .menu,
.icon .menu::before,
.icon .menu::after {background: #000; content: ''; display: block; height: 2px; position: absolute; transition: background ease .3s, top ease .3s .3s, transform ease .3s; width: 20px;}
.icon:hover .menu,
.icon:hover .menu::before,
.icon:hover .menu::after {background: #274325;}
.icon .menu {left: 18px; top: 27px;}
.icon .menu::before {top: -6px;}
.icon .menu::after {top: 6px;}
#menu:checked + .icon .menu {background: transparent;}
#menu:checked + .icon .menu::before {transform: rotate(45deg);}
#menu:checked + .icon .menu::after {transform: rotate(-45deg);}
#menu:checked + .icon .menu::before,
#menu:checked + .icon .menu::after {top: 0; transition: top ease .3s, transform ease .3s .3s;}
#menu:checked ~ nav {width: 200px;}

.mobile-menu {overflow-y: auto; color: #000; font-weight: bold; font-size: 15px;}
.mobile-menu a {overflow-y: auto; overflow-x: hidden; color: #000; font-weight: bold; font-size: 15px; text-decoration: none;}
.mobile-menu ul {list-style: none; padding: 0; margin: 0;}
.mobile-menu li {padding: 10px; border-bottom: none;}
.mobile-submenu {display: none; padding-left: 120px;}
.mobile-menu li:hover .mobile-submenu {display: block;}

#titlearea {display: flex; flex-wrap: wrap; justify-content: space-between; background-color: #ae9682; padding: 12px 10%;} 
#titlearea p {font-weight: bold; font-size: 14px; color: #fff; margin: 0px; padding: 0px;} #titlearea a {font-weight: bold; font-size: 14px; color: #fff; margin: 0px; padding: 0px; text-decoration: none;}

#workarea {padding:  22px 10% 32px 10%; max-width: 1024px; margin-left: auto; margin-right: auto; text-align: center;}
#workarea img {
  position: relative;
  width: 100%;
  height: auto;
  max-width: 532px;
  padding: 16px 0;
}

/* Centered background GIF */
#workarea img::before {
  content: "";
  background: url('images/loading_gn.gif') center center / cover no-repeat;
  position: absolute;
  top: 16px; /* Adjust as needed */
  bottom: 16px; /* Adjust as needed */
  left: 0;
  right: 0;
}
/*#workarea img {padding: 16px 0; width: 100%; height: auto; max-width: 532px;}*/

#footer {display: flex; flex-wrap: wrap; justify-content: space-between; background-color: #bdd4b0; padding:  12px 10%; height: 120px;} 
.column1 .column2 .column3 .column4 .column5 {width: 15%; padding: 18px 0} 
.column1 .column2 .column3 .column4 .column5 p {font-size: 12px; color: #274325; text-align: left;}
.column6 {width: 21%; padding: 16px 0}
.socialmediashare {width: 10%; text-align: center;}
.socialmediaicon {width: 30%; color: #fff; cursor: pointer;} 

#mobilefooter {flex-wrap: wrap; justify-content: space-between; background-color: #bdd4b0; padding: 22px 14px; display: none;}

H1 {text-align: center; font-size: 24px; padding: 24px 0 24px 0;}
H2 {text-align: center; font-size: 20px; line-height: 18px; padding: 5px 0;}
H3 {text-align: center; font-size: 17px; line-height: 18px; padding: 5px 0;}

.speech H1 {text-align: left; font-size: 24px; line-height: 26px; padding-bottom: 0; margin-bottom: 0;}
.speech H2 {text-align: left; font-size: 21px; padding-bottom: 0; margin-bottom: 0;}

.homewelcome {width: 100%; display: inline-block; background-image: url("images/white-background.webp"); background-position:center;} .homewelcomeimage {width: 77%; float: left;} .homewelcometext {width: 23%; float: left;} .homewelcometext p {font-size: 22px; line-height: 25px; padding: 28px; text-align: left; font-weight: bold;}
 
.homedivwhite {display: block; width: 80%; padding: 60px 10%;}
.homedivgreen {background-image: url("images/green-background.webp"); background-position: right top; width: 80%; display: block; padding: 30px 10%; height: auto; display: inline-block;}
.homedivgreen img {width : 25%; height: auto; margin-right: 32px;} .homedivgreen p {font-size: 20px; line-height: 28px;}
#scroll-cover {width: 100%; height: auto; overflow: visible;}
#scroll-container {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; align-items: stretch;}
#scroll-four {width: 23.8%; margin-bottom: 24px;}

.homecard {text-align: center;} img {width: 100%; height: auto;} .homecard p {font-size: 22px; font-weight: bold; text-align: center; padding-top: 16px; margin-bottom: 7px;} 
.homecard span {font-size: 16px; line-height: 22px; text-align: center;}

.homeabout {width: 100%; display: inline-block;} .homeaboutimage {width: 65%; float: left;} .homeabouttext {width: 35%; float: left;} .homeabouttext p {font-size: 16px; padding: 32px; text-align: left; font-weight: bold;}

#flx2size {display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin: 5% 0; max-width: 1024px; margin-right: auto; margin-left: auto;}
#flx2sizel {width: 38%; display: flex; justify-content: center; align-items: center;}
#flx2sizel H1 {padding-bottom: 20px; font-size: 55px; line-height: 55px; text-align: left; color: #fff;}
#flx2sizel span {padding-top: 20px; font-size: 22px; line-height: 23px; color: #000;}
#flx2sizer {width: 58%; border-left: 1px solid #fff; display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: column;}
#flx2sizer a {font-size: 26px; text-align: left; color: #fff; margin: 7% 0 7% 20%; text-decoration: none; font-weight: 650;}

#synopsis {width: 100%; text-align: left; padding-bottom: 32px;}
#synopsis img {width: 100%; height: auto;}
#synopsis span {width: auto; padding: 12px 30px 12 0; border-top: 2px solid #000; font-weight: 900; text-decoration: none; color: #000;}
#synopsis a {text-decoration: none; color: #000; font-weight: 900;}

#flxlanmark {display: block; width: 100%; margin: 3% 0; max-width: 1024px; margin-right: auto; margin-left: auto;}

.mySlides {display: none;}
.slideshow-container {width: 100%; position: relative; margin: auto;}
.slideshow-left {width: 50%;} .slideshow-left img {width: 86%; padding: 10% 0;} 
.slideshow-right {height: auto; width: 50%; border-left: 3px solid #000;} .slideshow-right p {padding-left: 10%; font-size: 25px; line-height: 10%; font-weight: bold}
.slideshow-right textarea {height: 80%; width: 88%; overflow-y: scroll; margin: 0 6% 8% 6%; background-color: rgba(255,255,255,0.5); border-radius: 0;}
.dot {cursor: pointer; height: 8px; width: 8px; margin: 0 2px; background-color: #cbaba7; border-radius: 50%; display: inline-block; transition: background-color 0.3s ease;}
.active, .dot:hover {background-color: #fff;}
.fade {animation-name: fade; animation-duration: 1.5s;}
@keyframes fade {from {opacity: .4} to {opacity: 1}}

#contact {display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin: 5% 0; max-width: 1024px; margin-right: auto; margin-left: auto;}
#contactl {width: 25%;}
#contactl H1 {font-size: 24px; line-height: 55px; text-align: left; color: #2e2e2e; padding-top: 0px; margin-top: 0px;}
#contactl span {padding-top: 20px; font-size: 22px; line-height: 23px; color: #000;}
#contactl p {display: block; white-space: pre-line; font-size: 16px; line-height: 16px; color: #2e2e2e;}
#contactl u {font-size: 20px; padding-top: 32px;}
#contactr {width: 72%; border-left: 1px solid #2e2e2e; float: right;} #contactr iframe {width: 80%; border: none; }

#partner-logo {float: left; width: 10%; margin-right: 42px;} #partner-logo-mobile {margin-left: 30%; margin-right: 30%; width: 40%; padding-top: 8px; display: none;}

#tab {display: block;} #tabshow {display: none;}

#desktop {display: block;} #mobile {display: none;}

.button {background-color: #f0f0f0; border: 2px solid #ccc; color: #333; padding: 10px 24px; text-align: center; text-decoration: none; display: inline-block; font-size: 18px; margin: 12px 5% 12px 0; cursor: pointer; border-radius: 30px}

#color1 {background-color: #264325; border: 2px solid #264325; color: #fff;}
#color1:hover {background-color: #fff; border: 2px solid #264325; color: #264325;}

#color2 {background-color: #8f9fb7; border: 2px solid #8f9fb7; color: #fff;}
#color2:hover {background-color: #fff; border: 2px solid #8f9fb7; color: #8f9fb7;}

#color3 {background-color: #6f806c; border: 2px solid #6f806c; color: #fff;}
#color3:hover {background-color: #fff; border: 2px solid #6f806c; color: #6f806c;}

#flx-container {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; align-items: stretch;}
#flx-four {width: 27%; height: auto; margin-bottom: 24px;}

.blogcard {overflow: hidden; cursor: pointer; border-radius: 7px; padding: 18px; background-color: #f2e9d9;}

.blogcard img{width: 100%; height: auto; background-image: url('images/loading-mitraa.gif'); background-repeat: no-repeat; background-size: auto 25%; background-position: center;}

.blogcard-title {font-size: 14px; line-height: 24px; margin-top: 10px; margin-bottom: 10px; font-weight: bold; padding: 0 6px; text-align: left; letter-spacing: normal;}
.blogcard-description {font-size: 14px; line-height: 14px; color: #666; padding: 0 6px; margin-bottom: 16px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

/* mobile landscape */

@media all and (min-width: 414px) and (max-width: 668px) and (orientation: landscape) {
	#welcomeheader, #desktopheader {display: none;} 
	#mobileheader {display: flex;} #mobileheaderdead {display: block;}
	#workarea {padding: 12px 3% 42px 3%;} #titlearea {padding: 12px 3%;}
	#footer {padding: 12px 3%;}
	.column2 {display: none;} .column3 {display: none;}
	.column1 .column4 .column5 {width: 22%;} .column1 .column4 .column5 p {font-size: 11px; color: #fff; text-align: left;}
	.column6 {width: 35%; padding: 16px 0}
	.socialmediashare {width: 20%;}
	H1 {padding-top: 22px;}
	
	.homewelcome {width: 100%; display: inline-block; background-image: url("images/whitebackground.png"); background-position:center;} .homewelcomeimage {width: 100%; float: left;} .homewelcometext {width: 100%; float: left;} .homewelcometext p {font-size: 22px; line-height: 25px; padding: 28px; text-align: left; font-weight: bold;}
	
	.homedivgreen img {width : 100%; height: auto; margin-bottom: 32px; margin-right: 0px; margin-left: 0px;}
	.homeaboutimage {width: 100%; float: left;} .homeabouttext {width: 100%; float: left;} .homeabouttext p {font-size: 16px; padding: 32px 0 ; text-align: left;}
	
	#scroll-cover {overflow-x: scroll;} #scroll-container {width: 145vw;}
	#flx-four {width: 47%;}
	
	#flx2size {margin: 5% 0 5% 0;}
	#flx2sizel H1 {padding-bottom: 20px; font-size: 45px; line-height: 50px; text-align: left; color: #fff;}
	#flx2sizel span {padding-top: 20px; font-size: 22px; line-height: 24px; color: #000;}
	#flx2sizer a {font-size: 18px; text-align: left; color: #fff; margin-left: 20%; font-weight: 700;}
	
	#contactl, #contactr {width: 100%; border: none;}
	
	#partner-logo {float: left; width: 14%; margin-right: 22px;} #partner-logo-mobile {display: none;}
	
	#desktop {display: none;} #mobile {display: block;}
}

@media all and (min-width: 668px) and (max-width: 783px) and (orientation: landscape) {
	#welcomeheader, #desktopheader {display: none;} 
	#mobileheader {display: flex;} #mobileheaderdead {display: block;}
	#workarea {padding:  12px 3% 42px 3%;} #titlearea {padding: 12px 3%;}
	#footer {padding: 12px 3%;}
	.column2 {display: none;} .column3 {display: none;}
	.column1 .column4 .column5 {width: 22%;} .column1 .column4 .column5 p {font-size: 10.5px; color: #fff; text-align: left;}
	.column6 {width: 35%; padding: 16px 0}
	.socialmediashare {width: 18%;}
	H1 {padding-top: 22px;}
	
	.homewelcome {width: 100%; display: inline-block; background-image: url("images/whitebackground.png"); background-position:center;} .homewelcomeimage {width: 100%; float: left;} .homewelcometext {width: 100%; float: left;} .homewelcometext p {font-size: 22px; line-height: 25px; padding: 28px; text-align: left; font-weight: bold;}
	
	.homedivgreen img {width : 100%; height: auto; margin-bottom: 32px; margin-right: 0px; margin-left: 0px;}
	.homeaboutimage {width: 100%; float: left;} .homeabouttext {width: 100%; float: left;} .homeabouttext p {font-size: 16px; padding: 32px 0 ; text-align: left;}
	
	#flx2size {margin: 5% 0 5% 0;}
	#flx2sizel H1 {padding-bottom: 20px; font-size: 45px; line-height: 50px; text-align: left; color: #fff;}
	#flx2sizel span {padding-top: 20px; font-size: 22px; line-height: 24px; color: #000;}
	#flx2sizer a {font-size: 18px; text-align: left; color: #fff; margin-left: 20%; font-weight: 700;}
	
	#scroll-cover {overflow-x: scroll;} #scroll-container {width: 145vw;}
	#flx-four {width: 47%;}	
	
	#contactl, #contactr {width: 100%; border: none;}
	
	#partner-logo {float: left; width: 14%; margin-right: 22px;} #partner-logo-mobile {display: none;}
		
	#desktop {display: none;} #mobile {display: block;}
}	

/* tab landscape */

@media all and (min-width: 784px) and (max-width: 1272px) and (orientation: landscape) {
	#welcomeheader, #desktopheader {display: flex; padding:  12px 5%;} #deskmenu {width: 68%;}
	#mobileheader {display: none}
	#workarea {padding:  12px 5% 32px 5%;} #titlearea {padding: 12px 5%;}
	#footer {padding: 12px 5%;}
	.column1 .column2 .column3 .column4 .column5 p {font-size: 11px; color: #fff; text-align: left;}
	.column6 {width: 18%; padding: 16px 0}
	.socialmediashare {width: 15%;}
	#flxtwo {width: 48%;}
	
	#scroll-cover {overflow-x: scroll;} #scroll-container {width: 90vw;}		
	#flx-four {width: 31%;}
	
	.homewelcome {width: 100%; display: inline-block; background-image: url("images/whitebackground.png"); background-position:center;} .homewelcomeimage {width: 100%; float: left;} .homewelcometext {width: 100%; float: left;} .homewelcometext p {font-size: 22px; line-height: 25px; padding: 28px; text-align: left; font-weight: bold;}	
	
	.homedivgreen img {width : 16%; height: auto;}
	.homeaboutimage {width: 100%; float: left;} .homeabouttext {width: 100%; float: left;} .homeabouttext p {font-size: 16px; padding: 32px 0 ; text-align: left;}
	
	#flx2sizel H1 {padding-bottom: 20px; font-size: 65px; line-height: 65px; text-align: left;}
	#flx2sizel span {padding-top: 20px; font-size: 30px; line-height: 31px;}
	#flx2sizer a {font-size: 30px; margin-left: 20%;}
	
	#partner-logo {float: left; width: 12%; margin-right: 32px;} #partner-logo-mobile {display: none;}
		
	#desktop {display: block;} #mobile {display: none;}
}

/* mobile portrait */

@media all and (max-width: 767px) and (orientation: portrait) {
	#welcomeheader, #desktopheader {display: none}
	#mobileheader {display: flex} #mobileheaderdead {display: block;}
	#workarea {padding:  12px 10% 42px 10%;}
	#footer {display: none;} #mobilefooter {display: flex;} 
	.socialmediashare {width: 50%;}
	H1 {padding-top: 22px;}
	#flxtwo {width: 100%;} 

	#scroll-cover {overflow-x: scroll;} #scroll-container {width: 280vw;}		
	#flx-four {width: 80%;}
	
	.homewelcome {width: 100%; display: inline-block; background-image: url("images/whitebackground.png"); background-position:center;} .homewelcomeimage {width: 100%; float: left;} .homewelcometext {width: 100%; float: left;} .homewelcometext p {font-size: 22px; line-height: 25px; padding: 28px; text-align: left; font-weight: bold;}	
	
	.homedivgreen img {width : 100%; height: auto; margin-bottom: 32px; margin-right: 0px; margin-left: 0px;}
	.homeaboutimage {width: 100%; float: left;} .homeabouttext {width: 100%; float: left;} .homeabouttext p {font-size: 16px; padding: 32px 0 ; text-align: left;}
	
	#flx2size {margin: 15% 0 5% 0;} 
	#flx2sizel H1 {padding-bottom: 6px; font-size: 26px; line-height: 27px; text-align: left; color: #fff;}
	#flx2sizel span {padding-top: 8px; font-size: 14px; line-height: 18px; color: #000;}
	#flx2sizer a {font-size: 16px; text-align: left; color: #fff; margin-left: 20%; font-weight: 700;}
	
	#contactl, #contactr {width: 100%; border: none;}
	
	#partner-logo {display: none;} #partner-logo-mobile {display: block;}
	
	#tab {display: none;} #tabshow {display: block;}
		
	#desktop {display: none;} #mobile {display: block;}
}

/* tab portrait */

@media all and (min-width: 768px) and (orientation: portrait) {
	#welcomeheader, #desktopheader {display: flex; padding:  14px 3%;} #deskmenu {width: 75%;}
	#mobileheader {display: none}
	#workarea {padding:  12px 3% 22px 3%;} #titlearea {padding: 12px 3%;}
	#footer {padding: 12px 3%;}
	.column1  {display: none;} .column2  {display: none;}
	.column3 .column4 .column5 {width: 20%;} .column3 .column4 .column5 p {font-size: 11px; color: #fff; text-align: left;}
	.column6 {width: 35%; padding: 16px 0}
	.socialmediashare {width: 18%;}
	
	.homewelcome {width: 100%; display: inline-block; background-image: url("images/whitebackground.png"); background-position:center;} .homewelcomeimage {width: 100%; float: left;} .homewelcometext {width: 100%; float: left;} .homewelcometext p {font-size: 22px; line-height: 25px; padding: 28px; text-align: left; font-weight: bold;}	
	
	.homedivgreen img {width : 100%; height: auto; margin-bottom: 32px; margin-right: 0px; margin-left: 0px;}
	.homeaboutimage {width: 100%; float: left;} .homeabouttext {width: 100%; float: left;} .homeabouttext p {font-size: 16px; padding: 32px 0 ; text-align: left;}
	
	#flx2sizel H1 {padding-bottom: 20px; font-size: 65px; line-height: 65px; text-align: left;}
	#flx2sizel span {padding-top: 20px; font-size: 30px; line-height: 31px;}
	#flx2sizer a {font-size: 30px; margin-left: 20%;}
	
	#scroll-cover {overflow-x: scroll;} #scroll-container {width: 140vw;}		
	#flx-four {width: 31%;}
	
	#partner-logo {float: left; width: 14%; margin-right: 32px;} #partner-logo-mobile {display: none;}
	
	#desktop {display: block;} #mobile {display: none;}
}

input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], input[type="file"], textarea,  select, input[type="datetime-local"] {
    width: 100%; padding: 12px 20px; margin: 8px 0; box-sizing: border-box; border: none; background-color: #eeeeee; color: #000; border-radius: 5px;}

input[type="text"]:hover, input[type="email"]:hover, input[type="tel"]:hover, input[type="url"]:hover, input[type="password"], input[type="file"], fieldset textarea:hover, fieldset select, fieldset input[type="datetime-local"]{width: 100%; padding: 12px 20px; margin: 8px 0; box-sizing: border-box; border: none; background-color: #eeeeee; color: #000; border-radius: 5px;}

 .image-showcase {
    display: flex;
    overflow-x: auto;
    padding: 0 10px;
    gap: 22px;
}

.image-showcase div {
    width: calc(33.333% - 22px);
    flex-shrink: 0;
}

@media (max-width: 1024px) and (orientation: portrait) {
    .image-showcase div {
        width: calc(50% - 22px);
    }
}

@media (max-width: 768px) and (orientation: landscape) {
    .image-showcase div {
        width: calc(50% - 22px);
    }
}

@media (max-width: 768px) and (orientation: portrait) {
    .image-showcase div {
        width: calc(50% - 22px);
    }
}

@media (max-width: 480px) and (orientation: landscape) {
    .image-showcase div {
        width: calc(50% - 22px);
    }
}

@media (max-width: 480px) and (orientation: portrait) {
    .image-showcase div {
        width: calc(100% - 22px);
    }
}


.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

.slides {
  display: none;
  width: 100%;
  height: auto;
}

.slide-active {
  display: block;
}

/* Caption text */
.slide-caption {
  color: #000;
  font-size: 15px;
  font-weight: bold;
  padding: 8px 12px;
  position: absolute;
  bottom: 33px;
  width: 100%;
  text-align: center;
  background: rgba(255,255,255,0.6); /* Add a semi-transparent black background */
  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}

.slide-number {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  top: 8px;
  right: 8px;
  background: rgba(0,0,0,0.5);
	border-radius: 5PX;
}

/* Navigation arrows */
.slide-prev, .slide-next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.slide-next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.slide-prev:hover, .slide-next:hover {
  background-color: rgba(0,0,0,0.8);
}

#update-img {width: 100%; height: auto;}