* { box-sizing: border-box;}									  
 								
body {margin: 0;}
/* div {font-family: 'Montserrat', sans-serif;color:#16317D!important;} */
div {color:#16317D!important;} 

.iconDetails{height:200px;padding: 10px 10px 5px 5px;} 
.container2{vertical-align:top;display: inline-block;}
.container3{vertical-align:top;padding: 10px 10px 5px 5px;}

a {text-decoration: none;}

h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:0}
h1{font-size:32px}
h1,h2{font-weight:600}h2{font-size:24px}h3{font-size:20px}
h3,h4{font-weight:600}h4{font-size:16px}h5{font-size:14px}h5,h6{font-weight:600}
h6{font-size:12px}p{margin-top:0;margin-bottom:10px}small{font-size:90%}

p.f80bold {font-size:26px; font-weight: 600;}
p.f80 {font-size:20px; font-weight: 600;}
p.f60 {font-size:18px; font-weight: 500;}
p.f40 {font-size:16px;}
p.f50 {font-size:14px;}


ol.f80, ul.f80 {font-size:20px; font-weight: 600;}
ol.f60, ul.f60 {font-size:18px; font-weight: 500;}
ol.f40, ul.f40 {font-size:16px;}
ol.f50, ul.f50  {font-size:14px;}

div.f80bold {font-size:26px; font-weight: 600;}
div.f80 {font-size:20px; font-weight: 600;}
div.f60 {font-size:18px; font-weight: 500;}
div.f40 {font-size:16px; padding: 30px 5px;}
div.f50 {font-size:14px; padding: 10px 5px;}

div.p40 {font-size:16px;}

p.pad-3 {padding: 0px 10px 0px 23px;}

.p10 {padding: 10px 5px;}
.p20 {padding: 20px 5px;}
.p30 {padding: 30px 5px;}


table.f50 td, th, tr { border: 1px solid black; font-size:14px; padding: 15px; border-spacing: 10px;}
table.f50 table { width: 100%; table-layout: fixed;}
table.f50 td, th { padding: 5px; text-align: center;}

.col-full{width:75%}


#VoterTable	{	border:1px solid #000;	border-collapse:collapse;	font-size:13px;	text-align:left; }
#VoterTable th	{	border:1px solid;	padding:3px 6px; font-size:15px;}
#VoterTable td	{	border:1px solid;	padding:3px 6px; font-size:13px;}


.Subhead{display:flex;padding-bottom:8px;margin-bottom:16px;border-bottom:1px solid #e1e4e8;flex-flow:row wrap}
.Subhead--spacious{margin-top:40px}
.Subhead-heading{font-size:28px;font-weight:600;flex:1 1 auto}
.Subhead-heading--danger{font-weight:600;color:#cb2431}
.Subhead-description{font-size:14px;color:#586069;flex:1 100%}
.Subhead-actions{align-self:center;justify-content:flex-end}

.videowrapper {
    float: none;
    clear: both;
    width: 100%;
    /* position: relative; */
    padding-bottom: 320px;
    /* padding-top: 25px; */
    height: 0;
}
.videowrapper iframe {
    position: center;
    top: 0;
    left: 0;
    width: 560px;
    height: 315px;
}

/* .right {text-align:right;} */
.center {text-align:center;}
/*.justify {text-align:justify;}*/
.MediaCenter {text-align:center;}

.btn {border: 2px solid black;background-color: white;color: black;padding: 14px 28px;font-size: 16px;cursor: pointer;}
a.btn {-webkit-appearance: button;-moz-appearance: button;appearance: button;text-decoration: none;color: initial;}


.submitred {
	background-color: #EE2E62;
	color: white;padding: 8px 20px;
	border: none;cursor: pointer;
}

.submitred:hover {background-color: #EE2E62;color: #16317D}
.success {border-color: #4CAF50;color: #EE2E62;}
.success:hover {background-color: #4CAF50;color: white;}
.info {border-color: #2196F3;color: dodgerblue;}
.info:hover {background: #2196F3;color: white;}
.warning {border-color: #ff9800;color: orange;}
.warning:hover {background: #ff9800;color: white;}
.danger {border-color: #f44336;color: red}
.danger:hover {background: #f44336;color: white;}
.default {border-color: #808080;color: black;}
.default:hover {background: #808080;}

/*

.header {overflow: hidden;background-color: #FCED00;padding: 0x 0px;margin: 0;} 
.header a {float: left;color: white;padding: 3px 10px 0px 10px;text-decoration: none;font-size: 18px;}
.header a.logo {font-size: 25px;font-weight: bold;}
.header a:hover {color: #16317D;}
/* .header a.active {background-color: dodgerblue;color: white;} */
/* .header-right {float: right;}

*/

/*
.header-right{background-color: #EE2E62;color: white;font-size: 8px;font-weight: 500;}
.header-left{background-color: #00FF00;color: white; font-size: 8px;font-weight: 500;}

img.header-logo{float: none;background-color: #000000;}

.navbar {}
.navbar a {font-size: 18px;font-weight: 600;float: right;display: block;color: #16317D;padding: 3px 20px 3px 10px;text-decoration: none;}
.navbar a.right {float: right;}
.navbar a:hover {background-color: #FCED00;color: #EE2E62;}
.navbar a.active {color: #EE2E62;}
*/

.navbar2 {overflow: hidden;background-color: #FCED00;position: sticky;position: -webkit-sticky;top: 0;}
.navbar2 a {font-size: 18px;font-weight: 600;float: right;display: block;color: #16317D;padding: 3px 20px 3px 10px;text-decoration: none;}
.navbar2 a.right {float: right;}
.navbar2 a:hover { background-color: #FCED00;color: #EE2E62;}
.navbar2 a.active {color: #EE2E62;}

.header h1 { font-size: 40px;}

.row {display: -ms-flexbox; /* IE10 */display: flex;-ms-flex-wrap: wrap; /* IE10 */flex-wrap: wrap;}
.side {background-color: #ddd;padding: 0px 20px;}
/*

-ms-flex: 30%; 
flex: 30%;


.logo
clip-path: polygon(24% 15%, 100% 0, 83% 100%, 0% 100%);
*/

.tadpad {padding: 10px 10px 0px 10px;}
.adpad {padding: 0px 10px 0px 10px;}
.main {-ms-flex: 70%; /* IE10 */flex: 70%;background-color: white;padding: 10px  20px 10px;}
.main_wopad {-ms-flex: 70%; /* IE10 */flex: 70%;background-color: white;}
.fakeimg {background-color: #aaa;width: 100%;padding: 20px;}
.footer {padding: 20px;text-align: center;background-image: url("/images/background/BackGround-FFF79D.jpg");}

.textleft {text-align: left;}

.w3-btn,.w3-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.w3-bar .w3-bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0}
.w3-white,.w3-hover-white:hover{color:#000!important;background-color:#fff!important}
.w3-blue,.w3-hover-blue:hover{color:#fff!important;background-color:#16317D!important;font-weight: 700;font-family: 'Montserrat', sans-serif;}
.w3-text-blue,.w3-hover-text-blue:hover{color:#16317D!important}
.w3-red,.w3-hover-red:hover{color:#fff!important;background-color:#EE2E62!important}
.w3-text-red,.w3-hover-text-red:hover{color:#EE2E62!important}
.w3-yellow,.w3-hover-blue:hover{color:#fff!important;background-color:#FCED00!important}
.w3-text-yellow,.w3-hover-text-yellow:hover{color:#16317D!important}

.BckGrndCenter{color:#16317D!important;font-size: 18px;font-weight: 700;}
.BlueBox{padding: 10px 20px 10px;background-color:#16317D;font-size: 26px;font-weight: 700;}
.BckGrndElement{padding: 10px 20px 10px;font-size: 20px;font-weight: 700; background-image: url("/images/background/BackGround-FFF79D.jpg");}
.FooterTitle{font-size: 18px;font-weight: 700;font-style: italic;}
.FooterInfo{font-size: 12px;font-weight: 400;padding: -55px  20px 10px;}
.FooterLinks{font-size: 12px;font-weight: 700; word-spacing: 15px;}
.FooterSocial{font-size: 12px;font-weight: 400;word-spacing: 15px;}
.FooterStuff{font-size: 10px;font-weight: 400;}

.RunCC{font-size: 12px;font-weight: 700;text-align:left}
.NomCandidate{font-size: 12px;font-weight: 700;text-align:left}

.flex-container {display: flex;flex-wrap: nowrap;}
.flex-container > div {background-color: #f1f1f1;width: 100px;margin-left: auto;margin-right: auto;font-size: 30px;}


/* Add media queries for responsiveness - when the screen is 500px wide or less, stack the links on top of each other */
/* @media screen and (max-width: 500px) {.header a {float: none;display: block;text-align: left;}.header-right {float: none;}} */
/* @media screen and (max-width: 200px) {.row {flex-direction: column;}} */
/* @media screen and (max-width: 100px) {.navbar a {float: none;width: 100%;}} */

input[type=text], select, textarea {padding: 8px;border: 1px solid #ccc;border-radius: 4px;box-sizing: border-box;margin-top: 6px;margin-bottom: 16px;resize: vertical;}
input[type=email], select, textarea {padding: 8px;border: 1px solid #ccc;border-radius: 4px;box-sizing: border-box;margin-top: 6px;margin-bottom: 16px;resize: vertical;}
input[type=username], select, textarea {padding: 8px;border: 1px solid #ccc;border-radius: 4px;box-sizing: border-box;margin-top: 6px;margin-bottom: 16px;resize: vertical;}
input[type=password], select, textarea {padding: 8px;border: 1px solid #ccc;border-radius: 4px;box-sizing: border-box;margin-top: 6px;margin-bottom: 16px;resize: vertical;}
input[type=submit] {background-color: #EE2E62;color: white;padding: 8px 20px;border: none;cursor: pointer;}
input[type=submit]:hover {background-color: #EE2E62;color: #16317D;}

.container {border-radius: 5px;background-color: #f2f2f2;padding: 20px;} 
.district img {border: 1px solid #ddd;border-radius: 4px;padding: 5px;width: 150px;}
.district img:hover {box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);}
.img-magnifier-container {position: relative;}
.img-magnifier-glass {position: absolute;border: 3px solid #000;border-radius: 50%;cursor: none;/*Set the size of the magnifier glass:*/width: 100px;height: 100px;}

.column {float: left;/* width: 33.33%; */padding: 10px; /* height: 300px; */ /* Should be removed. Only for demonstration */
.row:after {content: "";display: table;clear: both;}

.right-disclaimer {text-align: center;}

.action-runfor a img {   background:url(/images/options/RunForRev.png);box-sizing:content-box;}
.action-runfor a:hover  img {height:0;width:0;padding:50px;}
.action-nominate a img {   background:url(/images/options/NominateRev.png);box-sizing:content-box;}
.action-nominate a:hover  img {height:0;width:0;padding:50px;}

.register input[type=text], select, textarea {font-size: 40px;padding: 12px;border: 1px solid #ccc;border-radius: 4px;box-sizing: border-box;margin-top: 6px;margin-bottom: 16px;resize: vertical;}
.register input[type=email], select, textarea {font-size: 40px;padding: 12px;border: 1px solid #ccc;border-radius: 4px;box-sizing: border-box;margin-top: 6px;margin-bottom: 16px;resize: vertical;}
.register input[type=submit] {font-size: 40px;background-color: #EE2E62;color: white;padding: 12px 20px;border: none;cursor: pointer;}
.register input[type=submit]:hover {font-size: 40px;background-color: #EE2E62;color: #16317D;}


.h1{font-size:26px!important}@media (min-width:768px){.h1{font-size:32px!important}}
.h2{font-size:22px!important}@media (min-width:768px){.h2{font-size:24px!important}}
.h3{font-size:18px!important}@media (min-width:768px){.h3{font-size:20px!important}}
.h4{font-size:16px!important}
.h5{font-size:14px!important}
.h6{font-size:12px!important}
.h1,.h2,.h3,.h4,.h5,.h6{font-weight:600!important}
.f1{font-size:26px!important}@media (min-width:768px){.f1{font-size:32px!important}}
.f2{font-size:22px!important}@media (min-width:768px){.f2{font-size:24px!important}}
.f3{font-size:18px!important}@media (min-width:768px){.f3{font-size:20px!important}}
.f4{font-size:16px!important}@media (min-width:768px){.f4{font-size:16px!important}}
.f5{font-size:14px!important}
.f6{font-size:12px!important}
.f00-light{font-size:40px!important;font-weight:300!important}@media (min-width:768px){.f00-light{font-size:48px!important}}
.f0-light{font-size:32px!important;font-weight:300!important}@media (min-width:768px){.f0-light{font-size:40px!important}}
.f1-light{font-size:26px!important;font-weight:300!important}@media (min-width:768px){.f1-light{font-size:32px!important}}
.f2-light{font-size:22px!important;font-weight:300!important}@media (min-width:768px){.f2-light{font-size:24px!important}}
.f3-light{font-size:18px!important;font-weight:300!important}@media (min-width:768px){.f3-light{font-size:20px!important}}