/*
Theme Name: Million Muslim Votes
Author: Blueprint Interactive 
Version: 1.1
License: GNU General Public License

-------------------------------------------------------------- */
/* Reset
-------------------------------------------------------------- */

@font-face {
  font-family: Futura;
  src: url(/wp-content/themes/millionmuslimvotes/fonts/FuturaPTMedium.otf);
}

@font-face {
  font-family: FuturaBold;
  src: url(/wp-content/themes/millionmuslimvotes/fonts/FuturaPTBold.otf);
}

body {
  margin: 0;
  font-family: "Roboto", sans-serif;
  -webkit-font-smoothing: antialiased;
  color: #1a1717;
}

header {
  width: 100%;
}

footer {
  margin-top: 100px;
}

h1,
h2,
h3,
h4,
h5,
h6,
header nav li a,
footer nav li a {
  font-family: Futura, "Roboto", sans-serif;
  font-weight: 500;
}

h1 {
  font-size: 45px;
  color: #233f8a;
}

h2 {
  font-size: 35px;
  font-family: Futura, sans-serif;
  font-weight: 500;
}

h3 {
  font-size: 30px;
}

h4 {
  font-size: 25px;
}

#hlogo {
  margin-left: 2%;
  display: inline-block;
  vertical-align: middle;
  margin-top: 20px;
  margin-bottom: 20px;
}

#hlogo img {
  width: 115px;
}

#flogo img {
  width: 200px;
}

header nav {
  display: inline-block;
  vertical-align: middle;
  float: right;
  margin-top: 50px;
  margin-right: 2%;
}

header nav li {
  margin: 0 10px;
}

.infoleft {
  float: left;
  margin-left: 5%;
}

.infoleft p {
  color: #535353;
  font-size: 16px;
}

.inforight p {
  font-size: 16px;
}

.donatebtns a {
  width: 30%;
  display: inline-block;
  background: #233f8a;
  color: #fff;
  text-align: center;
  border: 5px solid #fff;
  padding: 30px 0px;
  text-decoration: none;
  font-size: 1.3em;
  vertical-align: middle;
  margin-bottom: 20px;
  margin-right: 1%;
}

.donatebtns a:last-child {
  padding: 17px 0px;
}

.inforight {
  float: right;
  text-align: right;
  margin-right: 5%;
}

.inforight a {
  display: block;
  color: #535353;
}

.inforight p a,
.inforight p {
  display: inline-block;
  color: #535353;
}

footer nav li {
  margin: 10px 20px;
}

footer nav li a {
  color: #ff0043;
  text-decoration: none;
}

footer nav li a:hover {
  color: #cc0036;
}

footer nav {
  width: 70%;
  margin: 0 auto 50px;
}

header nav li a {
  color: #1a1717;
  text-decoration: none;
}

.pledgeleft h2 {
  color: #fff;
}

.pledgeleft p strong {
  display: block;
  margin-bottom: 20px;
  font-weight: 500;
}

header nav li:last-child a {
  background: #ff0043;
  color: #fff;
  padding: 10px 20px;
}

header nav li:last-child a:hover {
  background: #cc0036;
}

header nav li,
footer nav li {
  display: inline-block;
}

.pressfeed .eventpost a {
  position: relative;
  bottom: 0;
}

footer nav,
.footersocial {
  text-align: center;
}

.footersocial {
  margin: 25px auto;
}

#flogo {
  margin: 0 auto;
  width: 300px;
  text-align: center;
  display: block;
}

.headerimage {
  background-image: url(http://emg2002.bpbuild.com/wp-content/uploads/2020/02/icecream.jpg);
  padding: 250px 10% 50px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.headerimage h1 {
  color: #fff;
  margin: 0;
  font-size: 62px;
  font-family: Futura, "Roboto", sans-serif;
  font-weight: 500;
}

.donateleft h2 {
  color: #fff;
}

.herobtn {
  background-color: #ff0043;
  color: #fff;
  display: inline-block;
  text-align: center;
  padding: 10px 25px;
  font-weight: 500;
  font-size: 32px;
  text-decoration: none;
}

.donatebtns a:hover {
  background-color: #cc0036;
}

.herobtn:hover {
  background-color: #cc0036;
}

p,
li {
  font-size: 20px;
}

.helptext {
  color: white;
  font-size: 12px;
}

.herocontent {
  width: 50%;
  margin-left: 5%;
}

.thankYou {
  color: white;
}

.ngp-form #fastaction-signup,
.ngp-form #fastaction-login {
  display: none !important;
}

.pressfeed .eventpost {
  display: flex;
  width: 100%;
  margin-right: 0;
  margin-bottom: 50px;
}

.seeevents {
  color: #fff;
  padding: 10px 20px;
  display: inline-block;
  background: #ff0043;
  text-align: center;
  margin: 100px 0 0;
  font-size: 25px;
  font-weight: 500;
  text-decoration: none;
}

.seeevents:hover {
  text-decoration: none;
}

a {
  color: #233f8a;
}

.pledgesection {
  background: #233f8a;
  padding: 50px 0;
}

.presspost h2 a {
  background: transparent;
  color: #233f8a;
  width: 100%;
  display: block;
  text-align: left;
  padding: 0;
  text-decoration: none;
}

#hlogo a svg {
  width: 150px;
}

#hlogo a {
  display: inline-block;
  vertical-align: middle;
}

#flogo p {
  margin: 0;
}

.presspost h2 a:hover {
  background: transparent;
  transition: 0.2s ease;
  text-decoration: underline;
}

.meter {
  width: 90%;
  background: white;
}

.meteramounts {
  width: 100%;
}

.meteramounts .total {
  width: 175px;
  text-align: center;
  margin: 0 0 0 auto;
  background: #ff0043;
  color: white;
  padding: 10px 0;
  position: relative;
  top: -30px;
}

.meteramounts .total:after {
  content: "";
  width: 0px;
  height: 0px;
  display: block;
  background: #ff0043;
  position: absolute;
  z-index: 100;
  border-top: 25px solid #ff0043;
  border-left: 25px solid #233f8a;
  border-right: 25px solid #233f8a;
  /* margin-bottom: 100px; */
  left: 50% -50px;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  top: 55px;
}

.pledgecontent {
  width: 70%;
  margin: 0 auto;
}

.meteramounts .total p {
  margin: 0;
  font-size: 1.7em;
}

.progress {
  display: inline-block;
  margin-left: 40%;
  color: #fff;
  font-size: 1.7em;
  position: relative;
  top: 20px;
}

.meterpercent {
  width: 50%;
  background: #ff0043;
  padding: 25px 0;
}

.pledgestuff {
  display: flex;
}

.pledgeleft {
  width: 50%;
  color: #f1f3f5;
  margin-right: 5%;
  display: inline-block;
}

.pledgeright {
  width: 50%;
  display: inline-block;
  margin-top: 20px;
}
.pledgeright input {
  width: 100%;
  padding: 8px 0;
  text-indent: 10px;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 10px;
  border: 0;
}

.pledgeright #NVSignupForm542969 input::placeholder {
  color: #888;
}

.pledgeright .at-text.FirstName,
.pledgeright .at-text.EmailAddress {
  width: 49%;
  display: inline-block;
  box-sizing: border-box;
  min-width: auto !important;
}

.pledgeright .at-text.LastName,
.pledgeright .at-text.PostalCode {
  width: 49%;
  display: inline-block;
  margin-left: 2% !important;
  box-sizing: border-box;
  min-width: auto !important;
}

.pledgeright .at-markup.FooterHtml.clearfix {
  padding: 0;
  margin: 0;
}

.pledgeright .at-markup.FooterHtml.clearfix img {
  display: none;
}

.pledgeright input[type="submit"] {
  background: #ff0043;
  padding: 8px 0;
  border: 0;
  border-radius: 0;
  color: #fff;
  font-size: 16px;
}

.donatesection {
  border-top: 20px solid #fff;
  border-bottom: 20px solid #fff;
  display: flex;
}

.donateleft {
  border-right: 20px solid white;
  padding: 50px 5% 50px 15%;
  color: #fff;
}

.donateleft {
  width: 50%;
  background: #233f8a;
}

.donateright {
  width: 50%;
  background: #ededed;
  padding: 50px 15% 50px 5%;
}

/* #desktopnav li a:hover > :after {
    background: red;
    content: "";
} */

.donateleft a {
  background: #ff0043;
  padding: 8px 0;
  border: 0;
  display: block;
  color: #fff;
  text-decoration: none;
  text-align: center;
  width: 100%;
}

.donateleft a:hover,
.eventpost a:hover,
a.seeevents:hover {
  background: #cc0036;
}

.quotesection {
  background: #ededed;
  padding: 50px 0;
  border-bottom: 20px solid #fff;
}

.eventsection {
  background: #ededed;
  padding: 50px 0;
  border-bottom: 20px solid #fff;
}

.eventcontent {
  width: 70%;
  margin: 0 auto;
}

.eventcontent h2 {
  font-size: 45px;
}

.at input[type="text"],
.at input[type="password"],
.at input[type="date"],
.at input[type="datetime"],
.at input[type="datetime-local"],
.at input[type="month"],
.at input[type="week"],
.at input[type="email"],
.at input[type="number"],
.at input[type="search"],
.at input[type="tel"],
.at input[type="time"],
.at input[type="url"],
.at input[type="color"],
.at textarea {
  font-size: 0.875rem !important;
}

/* .eventfeed {
    display: flex;
} */

.eventpost {
  display: flex;
  margin-bottom: 30px;
  /* border-left: 3px solid #233F8A;
    width: 33%;
    margin-right: 20px;
    padding-left: 10px;
    position: relative; */
}

/* .eventpost h3 {
    color: #233F8A;
    font-size: 30px;
    margin: 0;
} */

.eventdate,
.eventtext {
  display: inline-block;
  vertical-align: top;
}

.eventdate h2 {
  margin: 0;
  font-family: Futura, "Roboto", sans-serif;
  font-size: 50px;
}

.eventtext h3 {
  margin-bottom: 0;
  font-family: "Roboto", sans-serif;
}

.eventtext p:first-child {
  color: #1a1717;
  font-family: "FuturaBold", Futura, "Roboto", sans-serif;
  font-weight: 700;
}
.eventdate {
  margin-right: 30px;
}

.eventdate h2:first-child {
  font-family: "FuturaBold", Futura, "Roboto", sans-serif;
  font-weight: 700;
  margin-top: 20px;
}

.eventdate h2:nth-child(2) {
  font-family: "FuturaBold", Futura, "Roboto", sans-serif;
  font-weight: 700;
  font-size: 100px;
  margin-top: -20px;
}
.hometext {
  width: 70%;
  margin: 50px auto;
  display: block;
}

.eventpost a {
  background: #ff0043;
  color: white;
  width: 125px;
  display: block;
  text-align: center;
  padding: 5px 0;
  text-decoration: none;
  font-weight: 700;
  /* position: absolute;
    bottom: -40px; */
}

.eventpost h3 a {
  background: transparent;
  color: #233f8a;
  width: 100%;
  display: block;
  text-align: left;
  padding: 0;
  text-decoration: none;
}

.herocontent h3 {
  color: #fff;
  text-shadow: 2px 2px 4px black;
}

.eventpost h3 a:hover {
  text-decoration: underline;
  background: transparent;
}

#partnerlogos {
  background: #ededed;
  border-bottom: 20px solid #fff;
  padding: 50px 0;
}

.pagecontainer {
  width: 70%;
  margin: 50px auto;
  display: block;
}

.emgagesignup {
  background: #233f8a;
  padding: 100px 0;
}

.rescontainer {
  width: 90%;
  margin-left: 10%;
}

.respost h2 {
  font-size: 30px;
  margin: 0;
}

.respost {
  width: 100%;
  margin: 30px 0;
}

.respost a {
  color: #ff0043;
  color: #ff0043;
  font-size: 20px;
}

.rescontainer h1 {
  color: #233f8a;
  font-size: 45px;
}

.resourcefeed {
  width: 70%;
  margin: 0 auto;
}

.vidpost h2 {
  color: #233f8a;
  margin: 0;
}

.emgagesignup h2 {
  margin-left: 10%;
  color: #fff;
}

.vidtitle {
  margin-left: 10%;
  font-size: 2em;
  color: #233f8a;
  margin-top: 50px;
}

.videoposts {
  width: 74%;
  margin: 0 auto;
}

.vidpost iframe {
  width: 100%;
}

.vidpost {
  width: 45%;
  display: inline-block;
  margin: 0 2% 50px;
  vertical-align: top;
}

.presspost h2 {
  color: #233f8a;
}

.presscontentleft {
  width: 55%;
  display: inline-block;
  margin-left: 10%;
}

.prpagecontent {
  display: flex;
}

.presscontentright {
  width: 30%;
  display: inline-block;
  vertical-align: top;
  margin-left: 5%;
}

.bluesidebar {
  background: #233f8a;
  padding: 20px 50px;
  color: #fff;
  position: relative;
}

.prcontact {
  margin-top: 50px;
  margin-bottom: 100px;
}

.prcontact h3:nth-child(2),
.prcontact h3:nth-child(3),
.prcontact h3:nth-child(4) {
  margin: 0;
  font-size: 22px;
}

.presspost a {
  background: #ff0043;
  color: white;
  width: 125px;
  display: block;
  text-align: center;
  padding: 5px 0;
  text-decoration: none;
}

.presspost a:hover {
  background: #cc0036;
  transition: 0.2s ease;
}

.pressfeed {
  margin-bottom: 100px;
}

.bluesidebar:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #233f8a;
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
  -webkit-transform: skew(-45deg);
  -ms-transform: skew(-45deg);
  transform: skew(-5deg);
  z-index: -1;
}

nav#mobile {
  display: none;
  position: absolute;
  right: 4%;
  top: 18px;
  z-index: 10;
}

#nav-icon {
  width: 30px;
  height: 45px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}

#nav-icon span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #000;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

#nav-icon span:nth-child(2),
#nav-icon span:nth-child(3) {
  top: 10px;
}

#nav-icon span:nth-child(4) {
  top: 20px;
}

#nav-icon span:nth-child(1) {
  top: 0px;
}

.mobilemenu {
  display: none;
}

.mobilemenu {
  display: none;
  position: absolute;
  right: -100%;
  width: 100%;
  text-align: center;
  height: 100vh;
  background-color: rgba(13, 44, 108, 0.9);
  padding: 65px 20px 40px 20px;
  box-sizing: border-box;
  top: 0px;
}

#nav-icon.open span:nth-child(1) {
  top: 10px;
  width: 0%;
  left: 50%;
}

#nav-icon.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon.open span:nth-child(4) {
  top: 10px;
  width: 0%;
  left: 50%;
}

.states-chart {
  width: 100%;
  text-align: center;
}

.persist-header {
  background: #233f8a;
}

.persist-header th {
  color: #fff;
  padding: 20px 0;
}

.state-row td {
  border-bottom: 2px solid #000;
}

.state-row a {
  color: #233f8a;
}

#desktopnav li {
  position: relative;
}

#desktopnav li a:after {
  content: "";
  position: absolute;
  display: none;
  height: 0px;
  background: #ff0043;
  bottom: -12px;
  left: transform(50% -50px);
  border-top: 7px solid #ff0043;
  border-right: 50px solid #fff;
  left: 50%;
  transform: translateX(-50%);
}

#desktopnav li a:hover:after {
  display: inherit;
}

#desktopnav li:hover > ul {
  display: block;
}

#desktopnav li {
  position: relative;
}

#desktopnav li ul {
  position: absolute;
  width: 247px;
  display: none;
  padding: 0;
  margin: 0;
  margin: 0 0 0;
  /* top: 0; */
  background: #ff0043;
  text-align: center;
  padding: 20px;
  left: 0%;
  transform: translateX(-35%);
}

#desktopnav li ul li:last-child a {
  background: transparent;
  color: #fff;
  padding: 0;
}

#desktopnav li ul li a {
  color: #fff;
}

#desktopnav li ul li a:after {
  content: "";
  position: absolute;
  display: none;
  height: 0px;
  background: #fff;
  bottom: -12px;
  left: transform(50% -50px);
  border-top: 7px solid #fff;
  border-right: 50px solid #ff0043;
  left: 50%;
  transform: translateX(-50%);
}

#desktopnav li ul li {
  display: block;
  margin: 0 0 20px;
}

.mobilemenu li ul {
  padding: 0;
  border-top: 0;
  border-bottom: 0;
  margin: 0;
}

.mobilemenu li ul li a {
  /* font-size: 18px; */
}

.home .headerimage {
  padding: 175px 0 125px;
  background-size: auto 100%;
  background-repeat: repeat-x;
  background-image: url(https://millionmuslimvotes.com/wp-content/uploads/2020/07/herocrop.jpg) !important;
}

.home .herocontent {
  width: 70%;
  margin: 0 auto;
  text-align: center;
}

.mobilemenu li a:hover {
  text-decoration: underline;
}

.pagecontainer a {
  color: #233f8a;
}

#nav-icon.open span {
  background: #fff;
}

.mobilemenu li ul li:last-child a {
  background: transparent;
  color: #fff;
  padding: 0;
}

.mobilemenu li ul li:last-child a:hover {
  text-decoration: none;
}

.page-id-49 .at-row > [class^="at-"] {
  margin: 0 !important;
  font-size: 16px !important;
  color: #fff;
}

.page-id-49 .at label {
  font-size: 0.875rem;
  color: #fff;
}

.page-id-49 .at .at-fieldset {
  padding: 0.625rem 0 !important;
}

header nav li:last-child a:hover {
  text-decoration: none;
}

#desktopnav li:last-child a:hover:after {
  display: none;
}

.at-inner {
  background-color: transparent !important;
}

header.at-title,
.HeaderHtml,
.at fieldset legend,
.UpdateMyProfile {
  display: none !important;
}

.at-row > [class^="at-"] {
  margin: 0 !important;
  font-size: 16px !important;
  color: white !important;
}

.at input[type="text"],
.at input[type="password"],
.at input[type="date"],
.at input[type="datetime"],
.at input[type="datetime-local"],
.at input[type="month"],
.at input[type="week"],
.at input[type="email"],
.at input[type="number"],
.at input[type="search"],
.at input[type="tel"],
.at input[type="time"],
.at input[type="url"],
.at input[type="color"],
.at textarea {
  font-size: 16px !important;
  border-radius: 0 !important;
}

.at .at-fieldset,
.at-form-submit {
  padding: 0 !important;
}

.at-row {
  display: inherit !important;
}

.at-form-submit input {
  width: 100%;
  margin: 15px 0 0 !important;
}

.mobilehero {
  display: none;
}

.mobilehero img {
  width: 100%;
}

.mcontainer {
  width: 90%;
  margin: 0 auto;
}

header .desktop-nav {
  margin: 0;
}

header .desktop-nav li {
  position: relative;
  display: inline-block;
  margin: 0 10px;
}

header .desktop-nav li a {
  color: #1a1717;
  text-decoration: none;
  font-family: "Futura", "Roboto";
  font-weight: 500;
}

header .desktop-nav li ul {
  position: absolute;
  width: 247px;
  display: none;
  padding: 0;
  margin: 0;
  margin: 0 0 0;
  /* top: 0; */
  background: #ff0043;
  text-align: center;
  padding: 20px;
  left: 0%;
  transform: translateX(-35%);
}

header .desktop-nav li ul li {
  display: block;
  margin: 0 0 20px;
}

header .desktop-nav li ul li a {
  color: #fff;
}

header .desktop-nav li:hover > ul {
  display: block;
}

#menu-menu-2 li a:hover {
  text-decoration: underline;
}

.page-id-49 .ngp-form {
  margin: 0 auto;
  max-width: 500px !important;
}

#menu-menu-3 {
  padding: 0;
}

#menu-menu-3 li ul {
  display: none;
}

#blockquote {
  font-weight: 400;
  font-size: 30px;
  width: 70%;
  margin: 0 auto;
}

blockquote {
  margin: 0 !important;
  border-left: 5px solid #1a1717 !important;
  padding-left: 1em !important;
}

blockquote p {
  font-size: 30px;
}

.resimage {
  display: inline-block;
  width: 20%;
  vertical-align: middle;
  margin-right: 20px;
}

.resimage img {
  width: 100%;
  max-width: 170px;
}
.rescontent {
  display: inline-block;
  width: 70%;
  vertical-align: middle;
}
.rescontent h2 a {
  font-size: inherit;
  color: inherit;
  text-decoration: none;
}

.rescontent a:nth-child(3) {
  display: none;
}

.resimage a {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
}

.rescontent h2 a:hover {
  text-decoration: underline;
}

.resimage a:hover .overlay {
  opacity: 1;
  transition: 0.2s ease;
  cursor: pointer;
}
.resimage a .overlay {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(/wp-content/themes/millionmuslimvotes/img/dl.png);
  background-position: center;
  background-color: rgba(255, 255, 255, 0.5);
  background-size: 100px;
  background-repeat: no-repeat;
}

.logos {
  text-align: center;
}

.logos img {
  width: 20%;
  margin: 20px 2%;
  display: inline-block;
  vertical-align: middle;
}

@media (max-width: 767.9px) {
  .donatebtns a {
    border: transparent !important;
  }

  .headerimage h1 {
    font-size: 42px;
  }

  .mcontainer h1 {
    font-size: 40px;
    line-height: 1.2;
    text-align: center;
  }
}