/*
Theme Name: AGA Evolved
Author: Malvolio
Version: 1.0
Tags: none
*/


/* =Reset default browser CSS. 
-------------------------------------------------------------- */


/* ----- FORMATTING ----- */


@import url('https://fonts.googleapis.com/css2?family=Atma:wght@700&family=Montserrat:wght@300;500;800&display=swap');


body {
    font-family: Montserrat, sans-serif; 
    font-size:   17px;
	font-weight: 300;
    padding:     0px 0px 0px 0px;
    margin:      0px;
	color: #231f20;
	background-color: #ffffff;
}


p {
	padding: 0px 0px 20px 0px;
	margin: 0px;
    line-height: 1.5;
}

h1 {
    font-family: Atma, sans-serif; 
	font-size: 40px;
	margin: 0px 0px 20px 0px;
	font-weight: 700;
	padding: 0px;
	line-height: 1;
    color: #231f20;
}


.black_block h1, .dgrey_block h1,
.black_block h2, .dgrey_block h2,
.black_block h3, .dgrey_block h3,
.black_block a, .dgrey_block a,
#footer h3 {
    color: #ffffff !important;
}



h2 {
	font-family: Atma, sans-serif; 
	font-size: 25px;
	margin: 0px 0px 20px 0px;
	font-weight: 700;
	padding: 0px;
	line-height: 1.3;
    color: #231f20;
}


h3 {
    font-family: Atma, sans-serif; 
	color: #75d344;
	font-size: 20px;
	margin: 0px 0px 12px 0px;
	font-weight: 700;
	padding: 0px;
	line-height: 1;
}


.cblock a, .lgrey_block a {
  text-decoration: underline;
  text-decoration-color: #75d344;
  color: #231f20;
  transition: 0.5s ease;
  display: inline-block;
}



h4 {
	font-size: 20px;
	text-transform: uppercase;
	margin: 0px 0px 8px 0px;
	font-weight: 900;
	padding: 0px;
	line-height: 1;
}

h5 {
	font-size: 16px;
	text-transform: uppercase;
	margin: 0px;
	font-weight: 900;
	padding: 0px;
	line-height: 1;
}




.cblock a:hover {
  transform: translate(0px, -2px)
}



.cblock ul {
  padding-left: 30px;
	  margin-top: -5px;
	list-style: none;
}


.cblock li {
	margin-bottom: 8px;
}


.cblock ul li::before {
  content: "\2022"; 
  color: #75d344; 
  display: inline-block; 
  width: 1em;
  margin-left: -1em; 
	font-weight: bold;
}






hr {
	border: none;
    border-top: none;
	border-bottom: 2px solid #e3e4e5;
	margin: 6px 0px 18px 0px;
	clear: both;
}


b, strong {
	font-weight: 700;
}



a.credit {
	font-size: 9px;
  margin-top: 10px;
  text-transform: uppercase;
  color: #b5f599 !important;
  display: block;
}


/* ----- LAYOUT ----- */


#header {
    width: 100%;
    float: left;
	background: #231f20;
    display: flex;
    justify-content: space-between;
}


@media screen and (max-width: 975px) {
#header {
	flex-direction: column;
    text-align: center;
}
}


#logo {
    padding: 20px 35px;
}


#logo img {
    max-width: 167px;
	width: 100%;
}

#mega-menu-wrap-support-us-menu {
	border-bottom: 1px solid #fff !important;
  	padding: 20px 0px !important;
}


.grey_curve1 {
    background-image: url('images/greycurve1.png');
	background-size: 100% 100%;
    height: 35px;
    width: 100%;
	float:left;
}


.black_curve1 {
    background-image: url('images/blackcurve1.png');
	background-size: 100% 100%;
    height: 59px;
    width: 100%;
    position: absolute;
    top: 0px;
	left: 0px;
}


.black_curve2 {
    background-image: url('images/blackcurve2.png');
    height: 59px;
    background-size: 100% 100%;
	float: left;
	width: 100%;
	z-index: 10000000;
    position: relative;
}


.cblock {
	width: 80%;
	padding: 60px 10% 60px 10%;
    float: left;
}


.block_2col {
    float: left;
    display: grid;
    column-gap: 60px;
    row-gap: 20px;
    grid-template-columns: 1fr 1fr;
}



.block_3col {
    float: left;
    display: grid;
    column-gap: 60px;
    row-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
	width: 100%;
}

.block_3col p {
  padding: 0px;
}

.event_grid {
	display: grid;
  	grid-template-columns: 1fr 1fr 1fr;
  	column-gap: 30px;
  	row-gap: 30px;
}


.event_grid div div {
	border-bottom: 30px solid;
  	background: #efefef;
  	padding: 20px;
	font-size: 14px;
}




.event-category-community h4 {
	color: #ca455d;
}

.event-category-community a.ebutton {
	background: #ca455d;
}

div div.event-category-community {
	border-color: #ca455d;
}

.event-category-families h4 {
	color: #279cad;
}

.event-category-families a.ebutton {
	background: #279cad;
}

div div.event-category-families {
	border-color: #279cad;
}

.event-category-youth h4 {
	color: #2dc2dc;
}

.event-category-youth a.ebutton {
	background: #2dc2dc;
}

div div.event-category-youth {
	border-color: #2dc2dc;
}


.event-category-trans-non-binary h4 {
	color: #49bea7;
}

.event-category-trans-non-binary a.ebutton {
	background: #49bea7;
}

div div.event-category-trans-non-binary {
	border-color: #49bea7;
}

.event-category-intersex h4 {
	color: #5a3192;
}

.event-category-intersex a.ebutton {
	background: #5a3192;
}

div div.event-category-intersex {
	border-color: #5a3192;
}


.event-category-social h4 {
	color: #da6ca9;
}

.event-category-social a.ebutton {
	background: #da6ca9;
}

div div.event-category-social {
	border-color: #da6ca9;
}


.event-category-special-events h4 {
	color: #dbaf0a;
}

.event-category-special-events a.ebutton {
	background: #dbaf0a;
}

div div.event-category-special-events {
	border-color: #dbaf0a;
}



.event-category-mooove-with-aga h4 {
	color: #add136;
}

.event-category-mooove-with-aga a.ebutton {
	background: #add136;
}

div div.event-category-mooove-with-aga {
	border-color: #add136;
}






@media screen and (max-width: 800px) {
.block_2col, .block_3col, #footer, .dgrey-grid, .event_grid {
    grid-template-columns: 1fr !important;
    row-gap: 20px;
}  
	
.dgrey-grid .sec {
	order: -1;
}
}





.lgrey_block {
    background-color: #e3e4e5;
    background-image: url('images/peoplebg.png');
    background-size: cover;
  	background-position: top;
	background-repeat: no-repeat;
	width: 60%;
  	padding: 60px 20% 60px 20%;
	float: left;
}


.dgrey_block {
    background-color: #58595b;
    font-size: 15px;
	color: #fff;
	float: left;
	margin-top: -59px;
	padding-top: 120px;
}

.dgrey_recollect {
    background-image: url('images/recollectbg.png');
}


.dgrey-grid {
	display: grid;
    column-gap: 40px;
    grid-template-columns: 2fr 1fr;
}



.black_block {
    background-color: #231f20;
	color: #ffffff;
}



a.gbutton, a.pbutton, a.bbutton {
    display: block;
    padding: 20px 30px;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    color: #ffffff;
    border-radius: 30px;
    text-decoration: none;
    transition: 0.5s ease;
	display: flex;
    justify-content: center;
    align-items: center;
}


a.gbutton:hover, a.pbutton:hover, a.bbutton:hover {
  transform: translate(0px, -4px)
}

a.gbutton strong, a.pbutton strong, a.bbutton strong {
    font-family: Atma, sans-serif; 
    font-weight: 700;
    font-size: 23px;
}

a.gbutton {
    border: 3px solid #b5f599;
}

a.gbutton strong {
    color: #b5f599;
}

a.pbutton {
    border: 3px solid #f7a8b7;
}

a.pbutton strong {
    color: #f7a8b7;
}

a.bbutton {
    border: 3px solid #85cfff;
}

a.bbutton strong {
    color: #85cfff;
}




.green_divider {
	background: #b5f599;
    height: 10px;
    width: 100%;
    float: left;
}



	

	
.image-block {
	background-size: cover;
	width: 80%;
	padding: 190px 10%;
	float: left;
	background-position: center;
    display: flex;
    align-content: center;
    font-family: Atma, sans-serif; 
    font-weight: 700;
    font-size: 52px;
    text-align: center;
    color: #ffffff;
    text-shadow: -2px 2px 0px rgba(0,0,0,1);
	position: relative;
}

.text-over-image {
	width: 100%;
	line-height: 1.2;
}



#footer {
    background-color: #231f20;
	background-image: url('images/footer.png');
    background-size: cover;
	width: 80%;
	padding: 50px 10% 60px 10%;
	float: left;
    font-size: 12px;
    display: grid;
    column-gap: 60px;
    row-gap: 20px;
    grid-template-columns: 1fr 2fr;  
	color: #fff;
}

#footer p {
	padding: 0px;
}

#connect img {
	max-width: 105px;
	margin-bottom: 20px;
}

#connect h3 {
    color: #ffffff;
}

#uluru img {
	max-width: 104px;
	margin: 0px 30px 6px 0px;
}


#uluru {
	display: flex;
    align-items: center;
}


#footer a {
    color: #ffffff;
    text-decoration: none;
}



@media screen and (max-width: 650px) {
#uluru {
	flex-direction: column;
    text-align: center;
    font-size: 10px;
}

#uluru img {
	margin-right: 0px;
}
}


/* ----- FORMS ----- */

input[type="text"], input[type="password"], input[type="email"], textarea {
	padding:10px !important;
	font-family: Montserrat, sans-serif !important; 
	color: #231f20;
	font-size: 17px !important;
	background: #ffffff;
	border: 1px solid #231f20;
	font-weight: 300 !important;
	margin-bottom: 5px;
}

select, input[type="radio"], .gform_wrapper li.gfield.gf_list_4col ul.gfield_radio li, .gform_wrapper.gravity-theme .gfield_checkbox label, .gform_wrapper.gravity-theme .gfield_radio, .gform-field-label.gform-field-label--type-inline {
    font-size: 17px !important;
	font-weight: 300 !important;
	line-height: 1.5;
}

.gfield-choice-input {
	margin-top: 5px !important;
}

input[type="submit"], input[type="button"], button.gform_save_link, a.button {
	padding: 10px 20px !important;
	font-family: Montserrat, sans-serif !important;
	color: #231f20 !important;
	background: #b5f599 !important;
	font-size: 17px !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	border: 2px solid #231f20 !important;
    text-decoration: none !important;
	border-radius: 12px !important;
	transition: 0.5s !important;
	display: inline-block;
}


a.ebutton {
	padding: 10px 15px;
	color: #ffffff;
	font-size: 14px;
	font-weight: 800;
	text-transform: uppercase;
    text-decoration: none;
	border-radius: 12px;
	transition: 0.5s;
}





input[type="submit"]:hover, input[type="button"]:hover, button.gform_save_link:hover, a.button:hover {
    transform: translate(0px, -4px) !important;
    box-shadow: 0px 4px 0px rgba(35,31,32,1) !important;
}


.gfield_required, .gform_required_legend {
	display: none !important;
}

.gfield_label {
	font-weight: 800 !important;
	font-size: 15px !important;
}

.dgrey_block .gfield_label, .black_block .gfield_label,
.dgrey_block .gform-field-label, .black_block .gform-field-label,
.dgrey_block .ginput_total, .black_block .ginput_total {
	color: #ffffff !important;
}


.dgrey_block .gsection_title, .black_block .gsection_title  {
	border-top: 1px solid #fff;
  	padding-top: 30px;
}

.gform_wrapper {
	--gform-theme-color-inside-control-primary: #75d344 !important;
}

.gsection {
	padding: 0px !important;
  	border: 0px !important;
  	margin-bottom: -20px !important;
}



.gform-theme--framework input[type="radio"]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before {
  background-color: #75d344 !important;
}	

.ginput_product_price_label {
  display: none !important;
}


/* ----- IMAGES ----- */


.alignleft, img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}

@media screen and (min-width: 500px) {
.alignright, img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 0px;
}
}

.aligncenter, img.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}

a img {
	border: none;
}

img {
	max-width: 100%;
	height: auto;
	display: inline-block;
}


@media screen and (max-width: 500px) {
.alignright, img.alignright, .alignleft, img.alignleft  {
	display: block !important;
	clear: both !important;
	margin-left: 0px;
	margin-top: 0px;
}
}









/* ----- FAQ ACCORDION ----- */

p.accordion {
    background-color: #eee;
    color: #231f20;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    margin-bottom:10px;
	font-weight: 900;
}

/* Add a background color to the accordion if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
p.accordion.active, p.accordion:hover {
    background-color: #b5f599;
}

/* Unicode character for "plus" sign (+) */
p.accordion:after {
    content: '\2795'; 
    font-size: 13px;
    color: #231f20;
    float: right;
    margin-left: 5px;
}

/* Unicode character for "minus" sign (-) */
p.accordion.active:after {
    content: "\2796"; 
}

/* Style the element that is used for the panel class */

div.panel {
    padding: 0px 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: 0.4s ease-in-out;
    opacity: 0;
    margin-bottom:10px;
}

div.panel.show {
    opacity: 1;
    max-height: 1000px; 
	padding: 10px 18px;
}


.pdfobject-container embed {
	width: 100% !important;
	max-width: 100% !important;
}


#sftExt-frontend-button {
	font-weight: 600;
  	text-transform: uppercase;
}