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

body {font: 400 roboto, sans-serif; background-color:#4169e1}

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

:root {
--blue: #4f6df3;
--magenta: #bb2299; 
--white: #ffffff;
--darkblue: #0c00aa;  
--gold: #f0a544;
--pink: #E84CC7;
--teal: #48a8b8;
--lightpink: #E8B2C8;
--lightblue: #5898fc;
--orange: #d77d31;
--purple: #8800cc;
--red: #fc0f0f;
}

.teal {color: var(--teal);}
.red {color: var(--red);}
.gold {color: var(--gold);}
.black {color: black}
.white {color: white}

/*
.grad-rainbow {
linear-gradient(90deg, rgba(70,66,228,1) 22%, rgba(187,17,153,1) 78%, rgba(240,187,68,1) 100%;}
*/

.grad-text {-webkit-text-fill-color: transparent; -webkit-background-clip: text; }


.grad-text-rainbow {
background: linear-gradient(90deg, rgba(70,66,228,1) 22%, rgba(187,17,153,1) 78%, rgba(240,187,68,1) 100%);
-webkit-text-fill-color: transparent; 
-webkit-background-clip: text; }

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 section#column-main {
position: relative; 
float: left;  width: 60%; 
background-color: var(--teal); color: #333333; 
margin-right: 1%; 
text-align: left;
padding-left: 0px; 
 }

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

/* PHONE + Tablet styles  */

@media only screen and (max-width: 800px) {
#yes-resources section#column-main {float: none;  width: 100%; }
#yes-resources section#column-sidebar  {float: none;  width: 100%; position: relative; top: 20px;}
h1 {font: 600 20px 'Montserrat', sans-serif }
h2 {font: normal 18px 'Montserrat', sans-serif  }
.quote { font: 400 italic 13px georgia; color: white; line-height: 1.2; }
}



/* :::::: Dropdown calendar ::: */
#yes-resources .calendar {
position: relative; top: 0px;
background-color: var(--teal); color: #dddddd; 
width: 100%;
margin-bottom: 0px;
	text-transform: none; 
	text-align: left;
	line-height: 1.2; 
	font-size: 14px; 
	border-bottom-left-radius: 10px; 
	border-bottom-right-radius: 10px; 
z-index:700;
}

.content-container {padding: 10px}

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


.video-container {
  position: relative;
  width: 80%;
  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;
}


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

/* ::::::::::::::: Boxes :::::::::::: */
.box-subtle {
font-size: 16px; 
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; 
}


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

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

a.button:hover { 
 background-color: var(--teal);
 color: white; 
 padding-left: 20px; padding-right: 20px; 
}


a.button-donate:link, a.button-donate:visited, a.button-donate:active { 
position: absolute; top: 30px; right: 20px;
display: block;
background-color: #4642E4;
color: #fff; 
text-align: center; padding: 8px 10px 8px 10px; 
border-radius: 4px; 
font-size: 14px; letter-spacing: .05em;
color:#fff; z-index: 200;
}

a.button-donate:hover { 
background-color: #88bbee; color: #000; 
}

/* Use this button for the phone view */
a.button-donate2:link, a.button-donate2:visited, a.button-button2:active { 
position: relative;  
margin-top: 0px; 
display: block; width: 100%; 
background-color: #f0bb44; 
color: #000; 
text-align: center;  
border-radius: 4px;
padding: 10px 0; 
font-size: 14px; letter-spacing: .05em; 
color:#fff; z-index: 200;
}

a.button-donate2:hover { 
background-color: #ee7744; color: #000;
}


/* Buttons for CANDIDATE GALLERY */

a.button-r:link,
a.button-r:visited, 
a.button-r:active   {
display: block; 
width: 80%; margin-left: 10%;
padding: 4px 40px; 
background-color: #fff; color: #fff;
border: none 4px #bb3333; 
border-radius: 30px;
margin-top: 10px; margin-bottom: 0;
	text-align: center;
	font-size: 14px; 
	color: #1e68b6;
	text-decoration: none; 
}

a.button-r:hover { 
background-color: #f0bb44;
color: black; 
padding-left: 20px; padding-right: 20px; 
}


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


/* Buttons for CANDIDATE FUNDRAISING GALLERY */

#container.fundraising .pinstyle img {width: 85%; max-width: 200px; border-width: 4px;}

#container.fundraising .pinstyle  a.button-r:link,
#container.fundraising .pinstyle a.button-r:visited, 
#container.fundraising .pinstyle  a.button-r:active   {
background-color: #ffee99;
border: solid 4px #bb3333; 
padding: 10px 40px; 
display: block; 
font-size: 20px; font-weight: bold;
text-transform: uppercase;
background-color: #fff;
color: #1e68b6;
text-decoration: none; 
text-align: center;
border: none 2px #fff; 
border-radius: 30px;
}

#container.fundraising .pinstyle a.button-r:hover { 
background-color: #f0bb44;
color: black; 
padding-left: 20px; padding-right: 20px; 
}




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

a.r:hover   {
color: #ccffcc;
text-decoration: none;
}