/* Womens Summit
Styles takem from 2025 WS page 
*/

body { margin: 0px; background-image: url("images/stars_multi.png");
font-family: 'Montserrat', sans-serif; }

h2 (font:200 22px 'Montserrat', sans-serif;)

.heading {background-image: url('https://VirginiaGrassroots.org/images/bg-stars.png');}


/* SIDE TEXT
.sidetext-left {
font: 200 18px Montserrat, sans-serif; color: white;
position: absolute; width: 25%; }

.sidetext-right {font: 200 3vw Montserrat, sans-serif; position: absolute; width: 25%; top: 55%; right: 5%; color: white}

.sidetext-bottom {font: 200 2vw Montserrat, sans-serif; position: absolute; width: 25%; bottom: 10%; right: 5%; color: white}
 */

/* COLORS 2026 */

.blue {color: #2054ef}
.purple {color: #6600ff}
.purple2 {color: #ab13d6}

.teal {color: #00ffff; }
.gold {color: #ffa01b; }
.pink {color: #ff7ac3;}

.bg-blue {background-color: #3A1EA6}
.bg-purple {background-color: #6600ff}
.bg-teal {background-color: #00ffff; }
.bg-gold {background-color: #ffa01b; }
.bg-pink {background-color: #ff7ac3;}


/* :::::::::: 2024 Colors :::::::::: */
:root {
--blue: #2f53e6;
--lightblue: #66b0ff;
--darkblue: #0c00aa;
--purple: #5522ff;
--lightpurple: #c592fa;
--magenta: #bb2299; 
--teal: #66ccff;
--gold: #ef9737;
--orange: #d77d31;
/* --pink: #e952f7; */
--pink: #db4eb3;

--lightpink: #E8B2C8;
--lightblue: #aabbee;
--red: #BD2825;
--bloodred: #552211;
--green: #009999;
--darkteal: #009999;
}

.grad2026 {
height: 100%;
/* background: linear-gradient(#3A1EA6 30%,  #ab13d6  60%,  #6600ff  100% ); */
background-image: linear-gradient(to bottom, var(--darkblue), var(--darkblue), var(--darkblue),  var(--blue),  var(--blue), var(--teal),var(--gold));
}

.grad2 {
height: 100%;
/* background: linear-gradient(#3A1EA6 30%,  #ab13d6  60%,  #6600ff  100% ); */
background-image: linear-gradient( #ffa01b 35%, #ffffff 60%, #ffa01b  70%);  
}

.grad3 {
height: 60%;
background-image: linear-gradient(#00aaaa 20%, #00ffff , #00aaaa 80%);
/*background: linear-gradient (#6600ff 10%, #ffa01b  50%, #6600ff 90%);*/
}


img.floatleft {float:left; margin-right: 17px; margin-left:-30px;}
img.floatright {float:left; margin-right: 17px;}

.tagline {margin-top:-22px; color:white; font: 600 30px Roboto, sans-serif; letter-spacing: 0em; text-transform: uppercase; text-align: center}


.container-tab {width: 100%; background-color: transparent; padding: 10px; font: bold 30px 
roboto, sans-serif; color: white; height: 70px; text-align: center;}

a.tab:link {float: left; color: black; padding: 8px; border-radius: 8px; 
width:32%; height: 60px;
font-size: 15px; letter-spacing: .1em;
border: solid 1px #6600ff;
margin-right: 1%;}

a.tab:hover  { color: black;
   box-shadow: 0 0 10px #9997e8, 0 0 20px #6600ff, 0 0 20px #fff ;
   border: solid 1px #ffffff;
}


a.link2:link {border-radius: 5px; padding: 5px}
a.link2:hover {color: #ffffff; box-shadow: 0 0 5px #9997e8, 0 0 5px #6600ff, 0 0 10px #fff ; background-color:}

/* div.tab {list-style-type: none; height: 100%; padding: 11px;  border: solid 1px #ffffff; border-radius: 13px; width:24%; font-size: 14px; letter-spacing: .02em} */

li {list-style-type: none;}

section.info {position: relative; overflow: hidden; background-color: white; width: 100%; padding: 20px 10% 20px 10%; margin: 10px 0; border-radius: 0px; 
}

section.info h1 h2 h3 h4 {text-align: center;}
section.info p {text-align: left;}
section.info .quote {font: italic 18px georgia, sans-serif;}

/* Phone styles */
@media only screen and (max-width: 600px) {
.tagline {font-size: 14px; letter-spacing: 0}
div.container-tab {height: 90px; text-align: center; margin:0}
div.tab {width: 45%; height: 40px; letter-spacing: -.2em;}

li.tab {padding: 5px; border-radius: 5px; width:49%; font-size: 12px;letter-spacing: .1em}
}
}

a.buttonNN:link, a.buttonNN:active, a.buttonNN:visited {
/*background-color: #863cd2; color: #ffffff;*/
background-color: #6600ff; color: #ffffff;
display: block;
width: 100%; 
font-size: 14px; color: #ffffff;
padding: 10px;
text-align: center;
border-radius: 12px;
margin-bottom: 12px;
}

a.buttonNN:hover { color: yellow;}
a.buttonWS:link, a.buttonWS:active, a.buttonWS:visited {
background-color: var(--blue);  color: #ffffff;
display: block;
width: 50%; margin-left: 25%;
font-size: 34px; color: #aabbcc;
padding: 10px;
text-align: center;
border-radius: 12px;
border:solid 2px white;
margin-bottom: 12px;
}


.linkblock {float:left; width: 17%; 
margin:0; margin-right: 10px; margin-left: 10px; border-radius: 0px; background-color: #ffffff;}

@media only screen and (max-width: 600px) {
a.buttonNN:link, a.buttonNN:active, a.buttonNN:visited, a.buttonNN:hover  {
float: left;
font-size: 10px; display: inlineblock; width: 45%; 
margin-right: 1%; margin-left: 1%;
}
  
a.buttonWS:link, a.buttonWS:active, a.buttonWS:visited, a.buttonWS:hover  {
float: left;
font-size: 20px; display: block; width: 45%; 
margin-right: 1%; margin-left: 1%;
}
}




/* TABLE */

table.WS {border: solid 4px var(--purple); text-align: left; width: 100%; color: #555; font-size: 12px; font-family: Roboto, sans-serif}
td {padding: 2px 4px}
td.WSday {font-weight: bold; font-size: 24px; color: var(--purple);}
td.WStime {font-weight: normal; font-size: 12px; color: #000000; width: 99px; text-align:right; vertical-align: top;}
td.WSevent {font-weight: bold; font-size: 14px; color: #ab13d6; width: 35%; min-width: 180px; vertical-align: top; text-align: left;}
td.WSevent.teal { color: #338888; }
td.WSevent li {font-weight: normal; font-size: 12px;}
td.WSdetail { text-align: left; font-size: 12px;}
}