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

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

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

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

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

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


h1 {font: 600 24px 'Montserrat', sans-serif }
h2 {font: normal 20px 'Montserrat', sans-serif  }

.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}

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

body {}

#yes-resources #column-full { position: relative; width: 100%; margin:0; padding:0; text-align: left;}

#yes-resources section#column-main {
position: relative; 
float: left;  width: 62%; 
background-color: black; color: #333333; 
margin-right: 1%; 
text-align: left;
padding-left: 0px; 
overflow: hidden; 
 }

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


/* 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; 
}



/* Content area changes according to get variable */
.yes-content {
width:85%; 
margin-left:1%;  padding: 3px 20px; background-color: white; border:solid 10px var(--blue); border-radius: 25px;
}

/* ::::::::::::::: 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 :::::: */

.block2 {float:left; margin-right: 4%; width: 42%; padding: 1%}


/* :::::: 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}