@import 'https://fonts.googleapis.com/css?family=Roboto';

* {
   font-family: 'FFDINWeb', 'Roboto', Arial, sans-serif !important;
   box-sizing: border-box;
}

body {
   font-family: 'FFDINWeb', 'Roboto', Arial, sans-serif;
   font-size: 16px;
   line-height: 1.5;
   color: #4D4F53;
   margin: 0 auto;
}

a {
   color: #00609C;
}

a:hover {
   color: #005179;
   text-decoration: none;
}

h2 {
   color: #4A4A4A;
   font-size: 30px;
   font-weight: 500;
   line-height: 36px;
   margin: 0 0 .8em;
}

h3 {
   color: #333333;
   font-size: 22px;
   font-weight: bold;
   line-height: 22px;
   margin: 0 0 .8em;
}

h4 {
   color: #333333;
   font-size: 18px;
   font-weight: 500;
   line-height: 24px;
   margin: 1em 0 0.5em;
}

.container {
   max-width: 1336px;
   padding-right: 48px;
   padding-left: 48px;
}

.banner {
   padding: 0px 0;
}

.thankyou-subscribe {
   background-color: #4A4A4A;
}

.thankyou-subscribe h2 {
   color: #FFFFFF;
   margin: 0;
}

#grid-section {
   margin-bottom: 5.5em;
}

#questions-section {
   border-top: 1px solid #CCCCCC;
}

#questions-section a {
   text-decoration: underline;
}

#signup-section {
   background-color: #F1F1F1;
   padding: 20px 0;
}

#search-section {
   background-color: #FFFFFF;
}

.icon {
   width: 66px;
   height: auto;
   display: block;
}

.required {
   font-size: 16px;
   margin: 25px 0;
}

.caps {
   text-transform: uppercase;
}

.disclaimer {
   font-size: 12px;
   margin: 1em 0;
}

.hide {
   display: none;
}

/* ITEM STYLES */

.item-wrapper {
   margin-bottom: 4em;
}

.item-category {
   margin: 0;
}

.item-image {
   object-fit: cover;
   object-position: center;
   width: 100%;
   height: 250px;
}

.img-wrapper{
overflow:clip;
height:250px;
display:block;

}

.item-title {}

.item-subtitle {
   margin-bottom: 0.5em;
   line-height: 1.2;
}

.item-cta {
   color: #00609C;
   text-transform: uppercase;
   text-decoration: none;
   font-weight: bold;
}

.item-cta:hover {
   color: #042037;
}

/* FORM STYLES */

.form-label {
   font-size: 22px;
   margin-bottom: 0.6em;
   color: #4d4f53;
   display: block;
}

.form-item {
   margin-bottom: 1em;
}

/* FORM STYLES: Textboxes */

.form-input {
   appearance: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   padding: 13px;
   width: 100%;
   /* original 
   min-width: 320px;
   */
   min-width: 215px;
   background: #FFFFFF;
   border: solid 1px #CCCCCC;
   border-top: solid 2px #CCCCCC;
   color: #9B9B9B;
   font-size: 22px;
}

/* FORM STYLES: Errors */

.requirements,
.requirements2,
.form-error-instructions {
   max-height: 0;
   -webkit-transition: 0.28s;
   transition: 0.28s;
   overflow: hidden;
   /*added by ewalley*/
   margin: -15px 0 10px;
   color: #FF001F;
   font-size: 18px;
}

.form-input:invalid:focus+.requirements,
.form-input:invalid:focus+.requirements2,
.form-error-instructions-show {
   font-size: 18px;
   color: #FF001F;
   margin: -15px 0 10px;
   /*max-height: 25px;*/
}


/* FORM STYLES: Dropdowns */

.form-dropdown-container {
   width: 595px;
   background-color: #FFFFFF;
   display: inline-block;
   border: solid 1px #CCCCCC;
   border-top: solid 2px #CCCCCC;
   padding: 13px;
   margin-bottom: 1em;
}

.form-dropdown {
   color: #9B9B9B;
   background-color: #FFFFFF;
   font-size: 22px;
   width: 100%;
   border: none;
   padding: 10px;
}

/*.form-select {
   display: block;
   color: #111;
   -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
   -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
   transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
   padding: 8px 35px 8px 10px;
   border: 1px solid #CCC;
   font-size: 18px;
   appearance: none;
   -webkit-appearance: none;
   -moz-appearance: none;
   background: url('https://www.pge.com/pge_global/common/images/form_select.png') right center no-repeat;
   border-radius: 0;
   width: 100%;
   min-width: 330px;
   line-height: 2;
   min-height: 50px;
}*/

/* FORM STYLES: NEW Dropdowns */
.prettydropdown {
   position: relative;
   min-width: 72px;
   /* 70px + borders */
   display: block;
   height: 50px;
}

.prettydropdown.loading {
   min-width: 0;
}

.prettydropdown>ul {
   position: absolute;
   top: 0;
   left: 0;
   background: #fff;
   border: 1px solid #CCC;
   box-sizing: content-box;
   color: #000;
   cursor: pointer;
   font-size: 18px;
   list-style-type: none;
   margin: 0;
   padding: 0;
   text-align: left;
   -webkit-user-select: none;
   /* Chrome all / Safari all */
   -moz-user-select: none;
   /* Firefox all */
   -ms-user-select: none;
   /* IE 10+ */
   user-select: none;
   /* Likely future */
   z-index: 1;
}

.prettydropdown.loading>ul {
   visibility: hidden;
   white-space: nowrap;
}

.prettydropdown>ul:focus,
.prettydropdown:not(.disabled)>ul:hover {
   border-color: #7f7f7f;
}

.prettydropdown:not(.disabled)>ul.active {
   width: auto;
   max-height: none !important;
   border-color: #D9D9D9;
   box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.18);
   overflow-x: hidden;
   overflow-y: auto;
   z-index: 99;
}

.prettydropdown>ul.active:focus {
   outline: none;
}

.prettydropdown>ul.active.reverse {
   top: auto;
   bottom: 0;
}

.prettydropdown>ul>li {
   position: relative;
   min-width: 70px;
   height: 50px;
   border-top: 1px solid transparent;
   border-bottom: 1px solid #D9D9D9;
   box-sizing: border-box;
   display: none;
   line-height: 48px;
   margin: 0;
   padding-left: 0.8rem;
}

.prettydropdown.loading>ul>li {
   min-width: 0;
   display: block;
   padding-right: 0.8rem;
}

.prettydropdown>ul:not(.active)>li:not(.selected):first-child {
   visibility: hidden;
   /* Prevent FOUC */
}

.prettydropdown>ul>li:first-child,
.prettydropdown>ul.active>li {
   display: block;
}

.prettydropdown>ul.active>li:not(.label):hover,
.prettydropdown>ul.active>li.hover:not(.label),
.prettydropdown>ul.active>li:first-child:hover:after {
   background: #FBBB36;
   color: #333333;
   font-weight: 700;
}

.prettydropdown>ul.active>li.nohover {
   background: inherit !important;
   color: inherit !important;
}

.prettydropdown>ul.active>li.hover:before,
.prettydropdown>ul.active>li.nohover:after {
   border-top-color: #fff !important;
}

.prettydropdown>ul.active>li.hover:after,
.prettydropdown>ul.active>li.nohover:before {
   border-top-color: #FBBB36 !important;
}

.prettydropdown.arrow>ul>li.selected:before,
.prettydropdown.arrow>ul>li.selected:after {
   position: absolute;
   top: 8px;
   bottom: 0;
   right: 8px;
   height: 16px;
   border: 8px solid transparent;
   /* Arrow size */
   box-sizing: border-box;
   content: '';
   display: block;
   margin: auto;
}

.prettydropdown.arrow.small>ul>li.selected:before,
.prettydropdown.arrow.small>ul>li.selected:after {
   top: 4px;
   height: 8px;
   border-width: 4px;
}

.prettydropdown.arrow>ul>li.selected:before {
   border-top-color: #a9a9a9;
   /* Arrow color */
}

.prettydropdown.arrow>ul>li.selected:after {
   top: 2px;
   /* Chevron thickness */
   border-top-color: #fff;
   /* Match background colour */
}

.prettydropdown.arrow.small>ul>li.selected:after {
   top: 1px;
   /* Chevron thickness */
}

.prettydropdown.arrow.triangle>ul>li.selected:after {
   content: none;
}

.prettydropdown>ul:hover>li.selected:before {
   border-top-color: #7f7f7f;
}

.prettydropdown>ul.active>li.selected:before,
.prettydropdown>ul.active>li.selected:after {
   border: none;
}

.prettydropdown>ul:not(.active)>li>span.checked {
   display: none;
}

/* Classic Behavior */
.prettydropdown.classic > ul:not(.active) > li.selected:not(:first-child) {
    position: absolute;
    top: 0;
    display: block;
  
  }
/* FORM STYLES: Submit Button */

.form-submit-button {
   padding: 15px 0;
   width: 100%;
   /* original
   min-width: 300px;
   */
   min-width: 220px;
   font-size: 16px;
   background-color: #FBBB36;
   text-transform: uppercase;
   border: 0;
   cursor: pointer;
   text-align: center;
   display: block;
   color: #042037;
   text-decoration: none;
}

.form-submit-button:hover {
   background-color: #E59902;
   color: #042037;
}

/* LIGHTBOX */
.lity-frame {
   background-color: #F1F1F1;
   padding: 0.5% 2%;
}

.lity-frame a {
   font-weight: 900;
   text-decoration: underline;
}

/* PAGINATION */

.pagination-bar {
   font-size: 20px;
   line-height: 24px;
   text-align: center;
}

#pagination-section .pagination-bar {
   margin-left: 0;
}

#pagination-section {
   margin-bottom: 5.5em;
}

.pagination {
   display: flex;
   justify-content: center;
}

.pagination li>a {
   position: relative;
   float: left;
   padding: 5px 10px;
   margin-left: -1px;
   text-decoration: none;
   color: #005179;
   font-weight: bold;
}

.pagination li>a:focus,
.pagination li>a:hover {
   background-color: #005179;
   color: #ffffff;
}

.pagination-title {
   margin-bottom: 0.75em;
}

/* MOBILE STYLES */

@media (min-width: 1200px) {

   .form-select,
   .prettydropdown>ul>li {
       /* original
      width: 330px;
      */
      width: 250px;
   }

   .form-input {
    /* original
      width: 480px;
    */
    width: 480px;
   }

   .pagination-bar {
      margin-left: auto;
   }
}
/* ADDED FOR RENDERING FIX */
@media (max-width:575px) {
    #rc-imageselect, .g-recaptcha {
        transform:scale(0.77);
        transform-origin:0 0;
        margin-bottom: -20px;
    }
    .prettydropdown ul {
        width: 275px !important;
     }
     .prettydropdown li {
        width: 275px !important;
     }
    
}

@media (max-width:320px) {

    .prettydropdown ul {
        width: 225px !important;
     }
     .prettydropdown li {
        width: 225px !important;
     }
}