/* CSS Document */
body {
max-width:990px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
margin:0px;
padding:0px;
}

a{
color:#006699;
}

a:hover{
color:#993300;
}

h1 {
font-size:24px;
color:#CC3300;
padding-left:15px;
}

h2 {
font-size:24px;
color:#006699;
}

h3 {
font-size:18px;
color:#666666;
}

.background-color-white { background-color: rgb(255, 255, 255); }
.background-color-blue { background-color: rgb(10, 1, 192); }
.background-color-red { background-color: rgb(204, 0, 0); }

.color-white { color: rgb(255, 255, 255); }
.color-blue { color: rgb(10, 1, 192); }
.color-red { color: rgb(204, 0, 0); }

.border-gray-dotted { border: dotted gray 1px; }
.border-gray-dotted-padding { border: dotted gray 1px;padding: 15px; }
.border-gray-solid { border: solid gray 1px; }
.border-gray-solid-padding { border: solid gray 1px;padding: 15px; }
.border-black-solid { border: solid black 1px; }
.border-black-solid-padding { border: solid black 1px;padding: 15px; }

.padding-15 { padding: 15px; }

.margin-bottom-10 { margin-bottom: 10px; }

.container { max-width: 990px;}
.desktop-logo{ padding: 0; }

#content {
padding-top:15px;
padding-left:15px;
border-top:dotted gray 1px;
padding-bottom:40px;
/*width:799px;*/
    width: inherit;
}

#footer {
background-color:#F7F7F7;
border-top:solid #003366 1px;
padding-top:10px;
padding-bottom:10px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;

}

.nav{
padding-top:15px;
padding-bottom:20px;
}

nav a{
text-decoration:none;
padding:2px 0px 5px 22px;
color:#FFFFFF;
display:block;
width: 100%;
}

nav a:hover {
	color:#FEE7E9;
	font-weight:bold;
	background-image: url(/images/li-bullet.png);
	background-position: 8px 50%; /* X-pos Y-pos (from top-left) */
	background-repeat: no-repeat;
    text-decoration:none;
}

legend { font-size: 1.2em;}

.title {
	font-size: 24px;
	color: #CC3300;
}
.title2 {font-size: 18px; color: #CC3300; }
.contactForm{border:1px solid #ccc;text-align:center;}
.Section1 table{margin:10px auto;}

footer { background-color:#F7F7F7;border-top:solid #003366 1px;padding-top:10px;padding-bottom:10px;color:#666666;overflow: hidden; }
footer .row .col-12 { border-top: 1px dotted rgb(0, 0, 0); }
footer .row:first-child .col-12 { border-top: none; }
local
#organizing_lead .row, .retiree-board-member, .cap-committee-member, .homepage-member-list { margin-bottom: 10px; }
.upcoming-events-header { background-color: #0080C0;padding: 5px 0; }

.bottom-border {border-bottom: 1px solid gray;}

/********************
*   Mobile Styles   *
********************/
.custom-toggler { border: 1px solid rgb(255, 255, 255);border-radius: 5px;}
.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.homepage-video {text-align:center;padding:50px 0 60px 0;}
.homepage-video  div { max-width: 425px;max-height: 344px;margin: 0 auto;}

.nav-fill .nav-item { text-align: left;/*padding-left: 20px;*/margin-bottom: 10px; }

@media (min-width: 768px) {
    nav.menu { width: 17.9%;flex: none;display: block;min-height: 300px;background-color: rgb(10, 1, 192);color: rgb(255, 255, 255);padding-bottom: 100px; }
    nav.menu a { color: rgb(255, 255, 255); }
    nav.menu a:hover { color: rgb(254, 231, 233); }
    .navbar-expand-md .navbar-nav { -ms-flex-direction: column; flex-direction: column; }
    .navbar.navbar-md-expand .nav-item { display: block;flex: none;width: 100%;}

    div.main-content-container { /*width: auto;*/min-height: 300px;flex: none; }

    .homepage-rep-list img { max-height: 100px;width: auto;max-width: 100%;}

    .local-news-content { top: -45px; }

    #organizing_lead textarea { width: 75%; }
}

@media (min-width: 1024px) {
    /*nav.menu {
        width: 192px;
    }*/
    /*div.main-content-container { width: 80.6%; }*/
}

@media (max-width: 768px) {
    .mobile-logo { margin-top: 5px;}
    nav.menu { background-color: rgb(10, 1, 192);color: rgb(255, 255, 255);margin: 25px 0; }
    nav.menu a { color: rgb(255, 255, 255); }
}