* { box-sizing: border-box;}

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

a {text-decoration: none;}



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


.header { padding: 0px;text-align: center;background: #FCED00;color: #FCED00;}
.header h1 { font-size: 40px;}
.header-right{background-color: #EE2E62;color: white;font-weight: 500;}
.header-left{background-color: #FCED00;}

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

.navbar {overflow: hidden;background-color: #FCED00;position: sticky;position: -webkit-sticky;top: 0;}
.navbar a {font-size: 18px;font-weight: 600;float: right;display: block;color: #16317D;text-align: center;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;}

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

.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%);
*/

.main {-ms-flex: 70%; /* IE10 */flex: 70%;background-color: white;padding: 10px  20px 10px;text-align: center;}
.fakeimg {background-color: #aaa;width: 100%;padding: 20px;}
.footer {padding: 20px;text-align: center;background-image: url("https://static.repmyblock.nyc/pics/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;text-decoration:none;}
.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-size: 60px;font-weight: 700;font-family: 'Montserrat', sans-serif;text-decoration: none;}
.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;}
.BckGrndElement{padding: 10px  20px 10px;}
.BlueBox{padding: 10px 20px 10px;font-size: 18px;text-align:center;text-decoration:none!important;}


.BckGrndElement{font-size: 20px;font-weight: 700;text-align:center;background-image: url("https://static.repmyblock.nyc/pics/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;color:#16317D}
.FooterSocial a {color:#16317D!important}
.FooterSocial a:hover {color:#EE2E62!important}
.FooterStuff{font-size: 10px;font-weight: 400;}
.FooterStuff a {color:#16317D!important}
.FooterStuff a:hover {color:#EE2E62!important}

.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;text-align: center;font-size: 30px;}

.header {overflow: hidden;background-color: #FCED00;padding: 0x 0px;margin: 0;} 
.header a {float: left;color: white;text-align: center;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;}

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


.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("https://www.repmyblock.nyc/pics/options/RunForRev.png");box-sizing:content-box;}
.action-runfor a:hover  img {height:0;width:0;padding:50px;}
.action-nominate a img {   background:url("https://www.repmyblock.nyc/pics/options/NominateRev.png");box-sizing:content-box;}
.action-nominate a:hover  img {height:0;width:0;padding:50px;}