/* :::::::::::::: 	YES-3 2026   :::::::::::::: */

/* :::::::::::::: GENERAL  :::::::::::::: */

body {font: 400 14px roboto, sans-serif; background-color: black;}

/* :::::::::: Colors :::::::::: */

:root {
--blue: #4f6df3;
--lightblue2: #4fbbf3;
/*--magenta: #bb2299; */
--magenta: #e94dc6;
--white: #ffffff;
/* --blue: #556cea; */
--blue: #2154ef;
--darkblue: #3b20a8;  
--gold: #f0a544;
--lightgold: #ffcc88;
--pink: #E84CC7;
--teal: #48a8b8;
--lightpink: #E8B2C8;
--lightblue: #7799ff;
--orange: #d77d31;
--purple: #9944ed;
--lightpurple: #9944ee;
--red: #fc0f0f;
}

.blue {color: var(--blue);}
.blue-dk {color: var(--darkblue);}
.blue-lt {color: var(--lightblue2);}
.magenta {color: var(--magenta);}
.purple {color:#9944ed;}
.teal {color: var(--teal);}
.red {color: var(--red);}
.gold {color: var(--gold);}
.black {color: black}
.white {color: white}


.bg-blue {background-color: var(--blue);}
.bg-blue-dk {background-color: var(--darkblue);}
.bg-teal {background-color: var(--teal);}
.bg-red {background-color: var(--red);}
.bg-gold {background-color: var(--gold);}
.bg-magenta {background-color: var(--magenta);}



h1 {font: 600 24px 'Montserrat', sans-serif; margin-top:0; margin-bottom:0;  padding-top:0; padding-bottom:0;}
h2 {font: normal 20px 'Montserrat', sans-serif;  margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0;  }
h3 {font: normal 18px Roboto,  sans-serif;  margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0;  } 
h4 {font: normal 14px Roboto,  sans-serif;  margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0;  } 

.small { font-size: 11px; line-height: 1.1; }
.quote { font: 400 italic 18px georgia; color: white; line-height: 1.6; }
.attribution { line-height: 1.1; font: normal 12px arial, sans-serif;}

.detail { font-weight: normal; font-size: 13px; line-height: 1.3; display: none; }
.click-on {font-size: 11px; text-transform: uppercase;}
.detail.dropdownmenu {display: none}


/* :::::: COLUMNS :::::: */


/* RESOURCE PAGES */

body {}

 #column-full section.yes-resources {
position: relative; width: 100%; margin: 0 6%: ; padding:20px; 
text-align: left; vertical-align: top;
background-color: white;
border-radius: 25px;}

section.yes-resources {
position: relative; top:-20px; left: -20px;
min-height: 600px;
float: left;  width: 92%; 
padding: 20px; 
background-color: #fff; color: #333333; 
border-radius: 25px;  
text-align: left;

overflow: hidden; 
 }


#yes-resources #column-main {
position: relative; top: -10px;
float: left;  width: 50%; margin-right: 2%;
padding: 2%;
vertical-align: top;
background-color: white;  color: #333333;
text-align: left;
font-size: 12px;
overflow: visible; 
border-radius: 12px; padding:12px;
 }

#yes-resources #column-sidebar {
position: relative; top: -10px;
float: left;  width: 30%;
padding: 1%;
vertical-align: top;
background-color: white;  color: #333333;
text-align: left;
font-size: 12px;
border-radius: 12px; padding:12px;
overflow: visible; 
 }


/* Content area changes according to get variable */
div.yes-content {
text-align: left;
margin: 3%; padding: 20px; 
background-color: white; color: #333333;
border: none 4px var(--lightblue2); border-radius: 12px;
}

/* HOMEPAGE COLUMNS */

#yes-resources section#column-main.page1 {
width: 80%;
}

#yes-resources section#column-sidebar.page1 {
width: 18%;
}

#yes-content h1 {font-size: 36px; }
#yes-content h2 {font: 400 28px Montserrat, sans-serif; }


/* :::::: Dropdown calendar ::: */
#yes-resources .calendar {
position: relative; top: -3px;
background-color: white; color: black; 
width: 100%;
margin-bottom: 0px;
text-transform: none; 
text-align: left;
line-height: 1.2; 
font-size: 14px; 
border-bottom-right-radius: 15px; 
border-bottom-left-radius: 15px;
z-index:1000;
}


/* MENU */
.menu-container {
 margin-left: 3%; width;97%;
 position: relative; top:-20px; 
 background-color: black; padding: 0; margin-bottom: 20px;
 }

/* Buttons for MENU */
a.button-menu:link,
a.button-menu:visited, 
a.button-menu:active   {
position: relative;
display: inline; 
float: left; 
width: 22%; margin-left: 1px;
padding: 8px 0px; 
border-radius: 5px;
margin-top: 10px; margin-bottom: 0;
	text-align: center;
	font-size: 14px; 
	text-decoration: none; 
}

a.button-menu:hover { 
background-color: var(--gold);
color: black; 
}


a.r.button-menu:link,
a.r.button-menu:visited, 
a.r.button-menu:active   {
color: white; 
}


a.r.button-menu:hover { 
background-color: var(--gold);
color: black; 
}





/* ::::::::::::::: Boxes :::::::::::: */
#yes-resources .resource {
font-size: 14px; 
margin-top: 0;
padding: 5px;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
 -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0,0.5);
    -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
overflow: hidden; 
}

.content-container {padding: 10px}

#yes-resources .calendar p {text-align: left;}

img.new {width: 40px; rotate: -10deg;}

.video-container {
  position: relative;
  width: 100%; 
  padding-bottom: 56.25%;
  background-color: #0fdbfc;
  margin-bottom: 10px;
}

div.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* :::::: BLOCKS on video page and amendments page :::::: */

.block2 {float:left; margin-right: 4%; width: 42%; padding: 1%}
.block3 {float:left; margin-right: 1%; width: 27%; padding: 1%}
.block3.magenta {border:solid 4px var(--magenta);}
.block3.purple {border:solid 4px var(--purple);}
.block3.blue-lt {border:solid 4px var(--lightblue2);}

/* :::::: JQUERY STYLES :::::: */
.click-up {display: inline}
.click-down {display: none}


/* :::::::::: BANDS ::::::::::::::::::::::: */
a.band:link, a.band:visited, a.band:active { 
font-size: 18px; 
padding: 3px; 
color: #fff;
text-decoration: none;
text-align: center;
border: none 2px #fff; 
border-radius: 0px;
margin-top: 0px;
display: block;
}

a.band:hover { 
 background-color: var(--gold);
 color: black; 

}


/* :::::::::: BUTTONS ::::::::::::::::::::::: */

a.button:link, a.button:visited, a.button:active { 
font-size: 18px; 
padding: 5px 10px; 
background-color: var(--blue); 
/* background-color: #2b52af;*/
color: #fff;
text-decoration: none;
text-align: center;
border: none 2px #fff; 
border-radius: 15px;
margin-top: 14px;
display: block;
}

a.button:hover { 
 background-color: var(--gold);
 color: white; 
}

a.button.bg-blue:link { background-color: var(--blue); }



#container.fundraising .pinstyle {
width: 30%; max-width: 350px; height: 325px;  
}




/* ::::::::::::::::::: ANCHORS :::::::::::::: */
a:link,
a:visited, 
a:active   {
color: var(--blue);
text-decoration: none; 
}

a:hover   {
color: var(--magenta);
text-decoration: none;
}

a.r:link,
a.r:visited, 
a.r:active   {
color: #ffffff;
text-decoration: none; 
}

a.r:hover   {
color: var(--gold);
text-decoration: none;
}

a.red:link, a.red:visited  {color: var(--red); text-decoration: none;} 
a.purple:link, a.red:visited  {color: var(--purple); text-decoration: none;} 


/* ::::::::::::::::::: FOOTER :::::::::::::: */

.footer {background-color: black; text-align: center}