/* 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
DEVICE SIZES
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/raleway/v18/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCIPrQ.ttf) format('truetype');
}
.raleway {
  font-family: 'Raleway';
}
@font-face {
  font-family: 'Red Hat Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Red Hat Display'), local('RedHatDisplay-Regular'), url(https://fonts.gstatic.com/s/redhatdisplay/v4/8vIQ7wUr0m80wwYf0QCXZzYzUoTQ-g.ttf) format('truetype');
}
@font-face {
  font-family: 'Red Hat Display';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Red Hat Display Bold'), local('RedHatDisplay-Bold'), url(https://fonts.gstatic.com/s/redhatdisplay/v4/8vIV7wUr0m80wwYf0QCXZzYzUoToRhuEbQ.ttf) format('truetype');
}
.redhat {
  font-family: 'Red Hat Display', sans-serif;;
}
@font-face {
  font-family: 'Covered By Your Grace';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Covered By Your Grace'), local('CoveredByYourGrace'), url(https://fonts.gstatic.com/s/coveredbyyourgrace/v10/QGYwz-AZahWOJJI9kykWW9mD6opopoqXSOS0Fg.ttf) format('truetype');
}
.font-handwriting {
  font-family: 'Covered By Your Grace', cursive;
}
/*@import "dialogs.less";*/
body,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: 'Red Hat Display', sans-serif;;
}
.text-red {
  color: #c90017;
}
.mx-0 {
  margin-left: 0;
  margin-right: 0;
}
.my-0 {
  margin-top: 0;
  margin-bottom: 0;
}
.mb-0 {
  margin-bottom: 1rem;
}
.mb-1 {
  margin-bottom: 1rem;
}
.mb-2 {
  margin-bottom: 1.5rem;
}
.mb-3 {
  margin-bottom: 2rem;
}
.mb-4 {
  margin-bottom: 2.5rem;
}
.mb-5 {
  margin-bottom: 3rem;
}
.mt-0 {
  margin-top: 0;
}
.mt-1 {
  margin-top: 1rem;
}
.mt-2 {
  margin-top: 1.5rem;
}
.mt-3 {
  margin-top: 2rem;
}
.mt-4 {
  margin-top: 2.5rem;
}
.mt-5 {
  margin-top: 3rem;
}
.site-wrap {
  background: url('/Images/car.png') center center no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 320px) and (max-width: 359px), only screen and (min-width: 360px) and (max-width: 374px), only screen and (min-width: 375px) and (max-width: 383px), only screen and (min-width: 384px) and (max-width: 413px), only screen and (min-width: 414px) and (max-width: 599px), only screen and (min-width: 600px) and (max-width: 767px) {
  .site-wrap {
    background: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .site-wrap {
    background-image: unset;
    background-position: center bottom;
    background-size: unset;
  }
}
.fade-white {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
  background: -moz-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%) !important;
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%) !important;
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100%) !important;
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0) !important;
  /* IE6-9 */
}
.navbar {
  font-family: 'Red Hat Display', sans-serif;;
  font-weight: normal;
}
.navbar.navbar-default {
  margin-bottom: 0px;
  border: none;
  min-height: 50px;
}
@media only screen and (min-width: 320px) and (max-width: 359px), only screen and (min-width: 360px) and (max-width: 374px), only screen and (min-width: 375px) and (max-width: 383px), only screen and (min-width: 384px) and (max-width: 413px), only screen and (min-width: 414px) and (max-width: 599px), only screen and (min-width: 600px) and (max-width: 767px) {
  .navbar.navbar-default {
    min-height: 50px;
  }
}
.navbar .navbar-header .navbar-brand-centered {
  position: absolute;
  left: 50%;
  display: block;
  text-align: center;
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 320px) and (max-width: 359px), only screen and (min-width: 360px) and (max-width: 374px), only screen and (min-width: 375px) and (max-width: 383px), only screen and (min-width: 384px) and (max-width: 413px), only screen and (min-width: 414px) and (max-width: 599px), only screen and (min-width: 600px) and (max-width: 767px) {
  .navbar .navbar-header .navbar-brand-centered {
    width: 180px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1329px), only screen and (min-width: 1330px) and (max-width: 1365px), only screen and (min-width: 1366px) and (max-width: 1439px), only screen and (min-width: 1440px) and (max-width: 1599px), only screen and (min-width: 1600px) and (max-width: 1679px), only screen and (min-width: 1680px) and (max-width: 1919px), only screen and (min-width: 1920px) and (max-width: 2559px), only screen and (min-width: 2560px) {
  .navbar .navbar-header .navbar-brand-centered {
    width: 210px;
  }
}
.navbar .navbar-header .navbar-brand-centered img {
  margin-top: 5px;
  height: 70px;
}
@media only screen and (min-width: 320px) and (max-width: 359px), only screen and (min-width: 360px) and (max-width: 374px), only screen and (min-width: 375px) and (max-width: 383px), only screen and (min-width: 384px) and (max-width: 413px), only screen and (min-width: 414px) and (max-width: 599px), only screen and (min-width: 600px) and (max-width: 767px) {
  .navbar .navbar-header .navbar-brand-centered img {
    position: relative;
    left: 25px;
    height: 48px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 374px), only screen and (min-width: 375px) and (max-width: 383px), only screen and (min-width: 384px) and (max-width: 413px) {
  .navbar .navbar-header .navbar-brand-centered img {
    position: relative;
    left: -30px;
    z-index: 100;
    height: 48px;
  }
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border: none;
}
.navbar-toggle span.icon-bar {
  transition: all 1s;
}
.navbar-toggle span:nth-child(2) {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}
.navbar-toggle span:nth-child(3) {
  opacity: 0;
}
.navbar-toggle span:nth-child(4) {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}
.navbar-toggle.collapsed span:nth-child(2),
.navbar-toggle.collapsed span:nth-child(4) {
  transform: rotate(0);
}
.navbar-toggle.collapsed span:nth-child(3) {
  opacity: 1;
}
.navbar > .container .navbar-brand-centered,
.navbar > .container-fluid .navbar-brand-centered {
  margin-left: -105px;
}
@media only screen and (min-width: 320px) and (max-width: 359px), only screen and (min-width: 360px) and (max-width: 374px), only screen and (min-width: 375px) and (max-width: 383px), only screen and (min-width: 384px) and (max-width: 413px), only screen and (min-width: 414px) and (max-width: 599px), only screen and (min-width: 600px) and (max-width: 767px) {
  .navbar > .container .navbar-brand-centered,
  .navbar > .container-fluid .navbar-brand-centered {
    margin-left: -120px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1329px), only screen and (min-width: 1330px) and (max-width: 1365px), only screen and (min-width: 1366px) and (max-width: 1439px) and only screen and (min-width: 320px) and (max-width: 359px), only screen and (min-width: 1440px) and (max-width: 1599px), only screen and (min-width: 1600px) and (max-width: 1679px), only screen and (min-width: 1680px) and (max-width: 1919px) and only screen and (min-width: 320px) and (max-width: 359px), only screen and (min-width: 1920px) and (max-width: 2559px), only screen and (min-width: 2560px) and only screen and (min-width: 320px) and (max-width: 359px), only screen and (min-width: 1200px) and (max-width: 1329px), only screen and (min-width: 1330px) and (max-width: 1365px), only screen and (min-width: 1366px) and (max-width: 1439px) and only screen and (min-width: 360px) and (max-width: 374px), only screen and (min-width: 375px) and (max-width: 383px), only screen and (min-width: 384px) and (max-width: 413px), only screen and (min-width: 1440px) and (max-width: 1599px), only screen and (min-width: 1600px) and (max-width: 1679px), only screen and (min-width: 1680px) and (max-width: 1919px) and only screen and (min-width: 360px) and (max-width: 374px), only screen and (min-width: 375px) and (max-width: 383px), only screen and (min-width: 384px) and (max-width: 413px), only screen and (min-width: 1920px) and (max-width: 2559px), only screen and (min-width: 2560px) and only screen and (min-width: 360px) and (max-width: 374px), only screen and (min-width: 375px) and (max-width: 383px), only screen and (min-width: 384px) and (max-width: 413px), only screen and (min-width: 1200px) and (max-width: 1329px), only screen and (min-width: 1330px) and (max-width: 1365px), only screen and (min-width: 1366px) and (max-width: 1439px) and only screen and (min-width: 414px) and (max-width: 599px), only screen and (min-width: 600px) and (max-width: 767px), only screen and (min-width: 1440px) and (max-width: 1599px), only screen and (min-width: 1600px) and (max-width: 1679px), only screen and (min-width: 1680px) and (max-width: 1919px) and only screen and (min-width: 414px) and (max-width: 599px), only screen and (min-width: 600px) and (max-width: 767px), only screen and (min-width: 1920px) and (max-width: 2559px), only screen and (min-width: 2560px) and only screen and (min-width: 414px) and (max-width: 599px), only screen and (min-width: 600px) and (max-width: 767px) {
  .navbar > .container .navbar-brand-centered,
  .navbar > .container-fluid .navbar-brand-centered {
    margin-left: -180px;
  }
}
.news-headlines .news-headline-header {
  border-top: 3px solid #333;
  border-bottom: 1px solid #ccc;
}
.news-headlines .news-headline-header h3 {
  margin: 5px 5px;
  padding: 0;
  font-size: 19px;
}
.news-headlines .news-item {
  margin-top: 3px;
  padding-top: 5px;
  border-top: 1px solid #ccc;
  padding: 7px;
}
.news-headlines .news-item a {
  color: #550000;
}
.news-headlines .news-item a .title {
  display: block;
  text-decoration: none;
  font-weight: bold;
}
.news-headlines .news-item a .site {
  display: block;
  font-size: 12px;
}
.news-headlines .news-item a:hover {
  text-decoration: none;
  color: #990000;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1329px), only screen and (min-width: 1330px) and (max-width: 1365px), only screen and (min-width: 1366px) and (max-width: 1439px), only screen and (min-width: 1440px) and (max-width: 1599px), only screen and (min-width: 1600px) and (max-width: 1679px), only screen and (min-width: 1680px) and (max-width: 1919px), only screen and (min-width: 1920px) and (max-width: 2559px), only screen and (min-width: 2560px) {
  .breaking-news-dropdown .breaking-news-heading {
    font-size: 25px;
  }
}
#top-content {
  font-size: 20px;
}
@media only screen and (min-width: 320px) and (max-width: 359px), only screen and (min-width: 360px) and (max-width: 374px), only screen and (min-width: 375px) and (max-width: 383px), only screen and (min-width: 384px) and (max-width: 413px), only screen and (min-width: 414px) and (max-width: 599px), only screen and (min-width: 600px) and (max-width: 767px) {
  #top-content {
    font-size: 15px;
    margin-top: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  #top-content {
    font-size: 18px;
  }
}
.text-white {
  color: white;
}
#usa-select-container .call-to-action {
  background: rgba(201, 0, 23, 0.8);
  padding: 0px 0;
}
#usa-select-container .call-to-action h1 {
  font-weight: normal;
  margin: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  #usa-select-container .small-heading {
    max-width: 500px;
  }
}
.yt-container {
  width: 80px;
  height: 80px;
  float: left;
  margin-right: 10px;
}
.yt-container iframe,
.yt-container object,
.yt-container embed {
  width: 100%;
  height: 100%;
}
#user-info-form .form-group {
  margin-bottom: 5px;
}
#user-info-form .form-group label {
  font-size: 12px;
}

#CURE_Logo_D {
    display: grid;
    grid-template-areas: 'left right right right right right right';
    grid-gap: 10px;
    align-items: center;
    padding: 10px;
    padding-left: 0;
    padding-bottom: 0;
}

    #CURE_Logo_D img {
        display: unset !important;
        grid-area: right;
    }

    #CURE_Logo_D span {
        display: unset !important;
        grid-area: left;
        
    }

@media only screen and (min-width: 320px) and (max-width: 359px), only screen and (min-width: 360px) and (max-width: 374px), only screen and (min-width: 375px) and (max-width: 383px), only screen and (min-width: 384px) and (max-width: 413px), only screen and (min-width: 414px) and (max-width: 599px), only screen and (min-width: 600px) and (max-width: 767px) {
  .state-image {
    float: right !important;
  }
  .state-image img {
    max-width: 70%;
  }
}
.state-image img {
  margin: 0 auto;
}
.politician-list-item {
  margin-bottom: 5px !important;
}
@media only screen and (min-width: 320px) and (max-width: 359px), only screen and (min-width: 360px) and (max-width: 374px), only screen and (min-width: 375px) and (max-width: 383px), only screen and (min-width: 384px) and (max-width: 413px), only screen and (min-width: 414px) and (max-width: 599px), only screen and (min-width: 600px) and (max-width: 767px) {
  .politician-letter li {
    position: relative;
    left: 20px;
  }
}
.modal-content .modal-header h3 {
  margin: 0;
}
.modal-content .modal-header .close {
  font-size: 34.5px;
}
@media only screen and (min-width: 320px) and (max-width: 359px) {
  .uc-modal .modal-body {
    padding: 10px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 374px), only screen and (min-width: 375px) and (max-width: 383px), only screen and (min-width: 384px) and (max-width: 413px) {
  .uc-modal .modal-body {
    padding: 12px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 359px), only screen and (min-width: 360px) and (max-width: 374px), only screen and (min-width: 375px) and (max-width: 383px), only screen and (min-width: 384px) and (max-width: 413px), only screen and (min-width: 414px) and (max-width: 599px), only screen and (min-width: 600px) and (max-width: 767px) {
  .uc-modal .well {
    margin-bottom: 0;
    padding: 8px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 359px) {
  .uc-modal .well {
    height: 42vh;
    overflow-y: scroll;
    padding: 12px;
  }
}
@media only screen and (min-width: 360px) and (max-width: 374px), only screen and (min-width: 375px) and (max-width: 383px), only screen and (min-width: 384px) and (max-width: 413px) {
  .uc-modal .well {
    height: unset;
    padding: 12px;
  }
}
.margin-0 {
  margin: 0 !important;
}
.padding-0 {
  padding: 0 !important;
}
.container.new-jersey .sample-letter {
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.15);
}
@media only screen and (min-width: 320px) and (max-width: 359px), only screen and (min-width: 360px) and (max-width: 374px), only screen and (min-width: 375px) and (max-width: 383px), only screen and (min-width: 384px) and (max-width: 413px), only screen and (min-width: 414px) and (max-width: 599px), only screen and (min-width: 600px) and (max-width: 767px) {
  .container.new-jersey .sample-letter {
    padding: 0.5em;
    font-size: 0.8em;
  }
}
@media only screen and (min-width: 320px) and (max-width: 359px) {
  .container.new-jersey .sample-letter {
    padding: 1em;
    font-size: 0.85em;
    line-height: 1.65em;
    letter-spacing: 0.3em;
  }
}
@media only screen and (min-width: 360px) and (max-width: 374px), only screen and (min-width: 375px) and (max-width: 383px), only screen and (min-width: 384px) and (max-width: 413px) {
  .container.new-jersey .sample-letter {
    padding: 1em;
    font-size: 0.9em;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1329px), only screen and (min-width: 1330px) and (max-width: 1365px), only screen and (min-width: 1366px) and (max-width: 1439px), only screen and (min-width: 1440px) and (max-width: 1599px), only screen and (min-width: 1600px) and (max-width: 1679px), only screen and (min-width: 1680px) and (max-width: 1919px), only screen and (min-width: 1920px) and (max-width: 2559px), only screen and (min-width: 2560px) {
  .container.new-jersey .sample-letter {
    padding: 3.5em;
    line-height: 1.85em;
  }
}

@media (min-width: 1200px) and (max-width:1800px) {
    .navbar-nav > li {
        margin-left: auto;
        margin-right: auto;
        padding-left: 4vw;
    }

}
@media (min-width: 1800px)  {
    .navbar-nav > li {
        margin-left: auto;
        margin-right: auto;
        padding-left: 2vw;
    }
}

@media (min-width: 791px) and (max-width:1200px) {
    .navbar-nav > li {
        margin-left: auto;
        margin-right: auto;
    }
        .navbar-nav > li > a {
            padding-left: 3vw;
            padding-right: 3vw;
        }
    .nav .navbar-nav{
        float:left !important;
    }
    
}

@media (min-width: 790px) and (max-width:993px) {
    .navbar-nav > li {
        margin-left: auto;
        margin-right: auto;
        padding-left: 1vw;
    }
        .navbar-nav > li > a {
            padding-left: 1vw;
            padding-right: 1vw;
        }
}

@media (min-width: 768px) and (max-width:790px) {
    .navbar-nav > li {
        margin-left: auto;
        margin-right: auto;
        padding-left: 2vw;
    }

        .navbar-nav > li > a {
            padding-left: 0vw;
            padding-right: 0vw;
        }

    
}

@media (max-width:767px) and (min-width:100px) {
    
}

@media (max-width:767px) and (min-width:100px) {

    .navbar-header button.navbar-toggle{
        margin-top:40px;
        transform:scale(1.2);
        width:9vw;
    }

    .navbar-toggle{
        margin-right:0;
        margin-left:15px;
        float:left;
    }

    .navbar-nav{
        display:unset !important;
    }
    .Logo_Grid {
        display: grid;
        grid-template-areas: 'left left center center center right right';
        grid-gap: 10px;
        align-items: center;
        padding: 10px;
        padding-left: 0;
        padding-bottom: 0;
    }

    .Logo_Grid a {
            display: unset !important;
            grid-area: center;
        }
}