/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');

body {
  font-family: "Roboto", sans-serif !important;
  font-size:18px !important;
  font-weight:400 !important;
  background-image:url(https://www.lanyadofund.org/wp-content/uploads/2025/03/bg.jpg);
  background-attachment:fixed;
}

h1, h2, h3, h4, .heading {
  font-family: "Nunito", "Arial rounded", sans-serif !important;
  font-weight:800 !important;
}


/* =================== TOP NAV=========================== */



/* ============================================== */

a:not(.btn), a:visited:not(.btn), a:active:not(.btn) {
	color:#AD9650;
	text-decoration:none !important;
}
a:not(.btn):not(.text-decoration-none):hover {
	color:#996633;
	text-decoration:underline !important;
}

/* bootstrap fixes */
a.link-dark, .btn-outline-dark, a.btn-warning, .btn-outline-light:hover {
	color:#212529 !important;
}	
a.btn-secondary, .btn-outline-dark:hover, .btn-outline-light {
	color:#fff !important;
}

a.btn.active {
	color:#fff !important;
	background:#AD9650 !important;
}

/*   ========================== custom buttons ================================  */

.btn.btn-gold {
	color:#fff;
	background-color:#AD9650;
	border-color:#AD9650;
	text-decoration:none;
}
.btn.btn-gold:hover {
	color:#fff;
	background-color:#9b884a;
	border-color:#9b884a;
	text-decoration:none !important;
}

.btn.btn-outline-gold {
	color:#AD9650;
	background:none;
	border:1px solid #AD9650;
	text-decoration:none;
}
.btn.btn-outline-gold:hover {
	color:#fff;
	background-color:#9b884a;
	border:1px solid #9b884a;
	text-decoration:none !important;
}



/*   ========================== colours ================================  */


.fg-gold { color:#AD9650 }
.bg-gold { background:#AD9650 }
.border-gold { border:1px solid #AD9650 !important; }


.fg-pink { color:#CC0099 }
.bg-pink { background:#CC0099 }

.bg-purple { background: #6C2FA9 !important; }
.fg-purple { color: #6C2FA9 !important; }
.border-purple { border:1px solid #6C2FA9 !important; }

.bg-purpleDark { background: #410A6C !important; }
.fg-purpleDark { color: #410A6C !important; }
.border-purpleDark { border:1px solid #410A6C !important; }

.fg-gray { color:#999 !important; }
.bg-gray { background:#999 !important; }
.border-gray { border:1px solid #999; }

.fg-grayLight { color:#ccc	 !important; }
.bg-grayLight {	background:#ddd  !important; }
.border-grayLight { border:1px solid #ddd; }

.fg-grayDark { color:#767A79	 !important; }
.bg-grayDark {	background:#767A79  !important; }
.border-grayDark { border:1px solid #767A79; }


.fg-black { color:#000  !important;}
.bg-black { background:#000 !important;}

.fg-blue { color:#337ab7 !important;}
.bg-blue { background:#337ab7 !important;}

.fg-blueLight { color:#5bc0de !important;}
.bg-blueLight { background:#5bc0de !important;}

 
	
.fg-red { color:#900 !important;}
.bg-red { background:#900 !important;}
.border-red { border:1px solid #900 !important; }


.fg-white { color:#fff !important;}
.bg-white { background:#fff !important;}


.fg-yellow { color:#Fc0 !important;}
.bg-yellow { background:#Fc0  !important;}

.fg-green { color:#5cb85c !important;}
.bg-green { background:#5cb85c !important;}

.fg-greenLight { color:#00CC33!important;}
.bg-greenLight { background:#00CC33 !important;}

.fg-pink { color:#f0f !important;}
.bg-pink { background:#f0f !important;}

.fg-orange { color:#f90 !important;}
.bg-orange { background:#f90 !important;}


/* ============================================== */


hr { border-color:#ccc !important; } 



/*   ========================== layout  ================================  */

.border0 { border:0px; -webkit-box-shadow:none !important; box-shadow:none !important; }

.padding0 { padding:0px !important; }
.padding5 { padding:5px !important; }
.padding10 { padding:10px !important; }
.padding15 { padding:15px !important; }
.padding20 { padding:20px !important; }
.padding30 { padding:30px !important; }
.padding40 { padding:40px !important; }
.padding50 { padding:50px !important; }

.margin0 {margin:0 !important; }
.margin5 {margin:5px !important; }
.margin10 {margin:10px !important; }
.margin15 {margin:15px !important; }
.margin20 {margin:20px !important; }


hr.margin5 {margin:5px 0px !important; }
hr.margin10 {margin:10px 0px !important; }


/* ============================================== */

a.plainlink {
	text-decoration:none !important;
}

.link { cursor:pointer !important; }

.v-scroll {
	overflow-x:hidden;
	overflow-y:scroll;
	height:40vh;
}

#map, #map-xs, #map_edit {
	width: 100%;
	height: 450px;
	border:1px solid #ccc;
}
@media (max-height:800px) {
	#map, #map-xs, #map_edit {
		max-height:60vh;
	}
}


img.alignright {
	float:right !important;
	margin:0 0 5px 10px;
}
img.alignleft {
	float:left !important;
	margin:0 10px 5px 0;
}

.img-thumb {
	display:block;
    width:100%;
	padding-top:55%;
    background-repeat: no-repeat;
    background-size: cover;
	background-position:0% 50%;
}

.modal-img-wrapper {
		text-align:center;
}
.modal-img-wrapper img {
	max-height:70vh !important;
	margin:auto;
}



#img_rotate_modal .img-container {
    max-height: 300px;
    height: 300px;
    max-width: 300px;
}

#img_rotate_modal .img-container img {
    max-width: 100%;
    max-height: 100%;
    transform-origin: top left;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
}

img.rotate90 {
  transform: rotate(0deg) translateY(-100%);
  -webkit-transform: rotate(0deg) translateY(-100%);
  -ms-transform: rotate(0deg) translateY(-100%);
  max-width:350px
}

img.rotate90 {
  transform: rotate(90deg) translateY(-100%);
  -webkit-transform: rotate(90deg) translateY(-100%);
  -ms-transform: rotate(90deg) translateY(-100%);
}
img.rotate180 {
  transform: rotate(180deg) translate(-100%, -100%);
  -webkit-transform: rotate(180deg) translate(-100%, -100%);
  -ms-transform: rotate(180deg) translateX(-100%, -100%);
}
img.rotate270 {
  transform: rotate(270deg) translateX(-100%);
  -webkit-transform: rotate(270deg) translateX(-100%);
  -ms-transform: rotate(270deg) translateX(-100%);
}