body { overflow-x: hidden;  }

*, input {
  font-family: 'Barlow', sans-serif;
}

.row {
  --bs-gutter-x:0.75em!important;
}

img.christmas {
  height: 60px!important;
  margin-top:-10px!important;
}

@font-face {
    font-family: 'UKNumberPlate';
    src: url('/fonts/UKNumberPlate.eot');
    src: url('/fonts/UKNumberPlate.eot?#iefix') format('embedded-opentype'),
        url('/fonts/UKNumberPlate.woff2') format('woff2'),
        url('/fonts/UKNumberPlate.woff') format('woff'),
        url('/fonts/UKNumberPlate.ttf') format('truetype'),
        url('/fonts/UKNumberPlate.svg#UKNumberPlate') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@media (min-width: 1201px ) {
  .large-screen{
    display: block;
  }
  ul.large-screen {
    display:flex;
  }
  .small-screen{
    display: none;
  }
  .page-title {
    text-align: left;
  }

  .header-text{
    width: 100%;
  }
  .page-title-row {width: 100%;}
  .products-banner{
    background-image:url('/img/granville-2023/products-header.png');
  }
  .asset-banner{
    background-image:url('/img/granville-2023/asset_portal_banner.jpg');
  }
}

@media (max-width: 1200px ) {
  .large-screen{
    display: none;
  }
  .small-screen{
    display: block;
  }
  ul.small-screen{
    display: unset;
  }

  .page-title {
    text-align: center;
  }
  .products-banner{
    padding-top:50px;
    background-image:url('/img/granville-2023/products-header-mobile.png');
  }
}

h1.page-header, h2.page-header { font-size: 31px; color:#c7c7c7; }

.cat-menu a{
  color: black;
}

.cat-menu a:hover {
  color: #c8cdd3;
}

.black-background {
  background-color: #000;
  color: white;
}

.grey-background {
  background-color: #394049;
  color: white;
}

.grey-text{
  color: #394049!important;
}

.uppercase {
  text-transform: uppercase;
}

.grey-background h2 {
  font-size: 50px;
}


.black-text {
  color: #000!important;
}

.gold-text {
   color: #a2832e!important;
 }

 .gold-background, .GOLD .active .page-link{
    background-color: #a2832e!important;
    color: white!important;
 }

.gold-button {
  background-color:#a2832e;
  color: white;
  padding: 10px;
  font-weight: 500;
}
.gold-button:hover {
  color: white;
}

.text-bolder {
  font-weight: 500;
}

/**** NAVBAR START ****/

.navbar {
  padding-top: 0;
  padding-bottom: 0;
  display:block;
}

.nav-top-bar {
  background-color: #000;
  color: #fff;
  width: 100%!important; 
}

.nav-bottom-bar {
  padding-top:0!important;
  padding-bottom:0!important;
  background-color: #394049;
  color: #FFF;
  padding-top: 10px;
  padding-bottom: 10px;

}
nav a{
  color: #FFF!important;
}

@media (min-width: 992px ) {
  .navbar-expand-lg{
    flex-wrap: unset;
  }
  .navbarText {
    float: right;
  }
}

@media (max-width: 1200px ) {
  .navbar-nav{
    flex-direction:row;
  }
  .navbar-nav li{ margin-left: 30px;
  } 
  .vert-menu {
    width: 90vw;
    padding-top: 50px;
    flex-direction: unset;
  }
  navbarText { margin-left: -120px;}
}

.navbar-toggler {
  border-color: white!important;
  float: right;
  margin-top: 15px;
}

@media (min-width: 575px ) {
  nav.navbar .container {
    padding-left: 0px!important;
    padding-right: 0px!important;
  }
}

.nav-bottom-bar .nav-link-page-link { 
  margin-right: 20px;
}

.header-search {
  
  border-right: none;
  border-radius: 0;
}
.header-search-icon {
  
  background-color: #fff;
  border-left: none;
  color: #394049;
}

nav form { margin-top: 5px;}
/**** NAVBAR END ****/

/**** FOOTER START ****/

footer {
  background-color: #394049;
  padding-top: 20px!important;
  
}

footer, .footer-link, .footer-link:hover {
  color: white;
}
footer.footer {
  font-size: small;
}

@media (max-width: 575px ) {
  footer img {
   
    
    height: 40px!important;

 
  }
  
}
@media (min-width: 576px ) {
  footer img {
   
    height: 80px!important;

 
  }
}

/**** FOOTER END *****/


/**** SLIDER ****/

#slider-container {
  background-color: black!important;
}

#slider-container, #slider-container .container {
  padding:0!important;
}



@media (max-width: 575px ) {
  .main-container h2{
    width: 100vw;
    font-size: 25px;

  }

  .header-text {
    font-size: 15px!important;
  }

}

@media (max-width: 575px ) {
  .col2-block .col-12 {
    text-align: center;    
  }
  .brand-box {
    font-size: 40px!important;
  }
}


@media (max-width: 767px ) {
  .panel-heading.gold-text {
    background-color: #a2832e!important;
    color:white!important;
  }
  .panel-heading.grey-text {
    background-color: #394049!important;
    color:white!important;
  }
  .panel-heading.black-text {
    background-color: #000!important;
    color:white!important;
  }
}

.prodInfo-download-gold {
  color: white;
  background-color: #a2832e;
  border: 2px solid #a2832e;
}

.prodInfo-download-gold a{
  color: white;
}

.prodInfo-download-gold:hover {
  color: #394049;
  background-color: white;
  border: 2px solid #a2832e;
}

.prodInfo-download-gold:hover a{
  color: #394049;
}




.prodInfo-download-grey {
  color: white;
  background-color: #394049;
  border: 2px solid #394049;
}

.prodInfo-download-grey a{
  color: white;
}

.prodInfo-download-grey:hover {
  color: #394049;
  background-color: white;
  border: 2px solid #394049;
}

.prodInfo-download-grey:hover a{
  color: #394049;
}



.table-prodinfo { border-bottom-width: 2px!important; border-color: #394049; }
.table-prodinfo tr:last-of-type td { border: none;}

.infoboxes {
  padding-top: 60px;
  padding-bottom: 60px;
}

@media (min-width: 785px ) and (max-width:1199px) {
  .infobox-title {
    font-size: 10px !important;
    top:-25px!important;
  }
}

.infobox {  border: 3px solid white;  }
.infobox.corporate {  border: 3px solid #a2832e;  }

@media (min-width: 768px ) {
  .infobox:first-child {margin-right: 60px; }
  .infobox:last-child {margin-left: 60px; }
}
@media (max-width: 768px ) {
  .infobox {margin-bottom: 20px; width: 90vw;}
  

  
}
.infobox .row { padding:0; }
.infobox .row .col-12 { padding:0; color: #394049; }
.infobox.home .row .col-12 { padding:0; color: white!important; }
.infobox .row .col-12 img { width: 100%; z-index: 2; }
.infobox-title {background-color: #a2832e; color: white; width: 50%; position: relative; top:-53px; margin-bottom: -44px; z-index: 999; padding: 5px; font-size: 17px;     position: relative;
  left: -3px; text-transform: uppercase; top: -35px; padding-left: 21px;}
.infobox-text{ padding: 20px; text-align: center;}

/* 
.infoboxes img {border-top-right-radius: 7px;border-top-left-radius: 7px;}
*/


.fr-view img.fr-dib {
  display: inline!important;
}


.granville-gold-border {
  border: 3px solid #a2832e;
}

.accordion-body {
  color:#394049;
}


.accordion-button::after { background-image: none!important;}
.accordion-button:not(.collapsed) {
  background-color: #a2832e!important;
}

.accordion-item{
  border-radius: 0!important;
}
.accordion-button {
  background-color: #394049!important;
  color: white!important;
  border-radius: 0;
  font-weight: bold;
}
.accordion-button:not(.collapsed){
  color: white!important;
}


.granville-link-invert {
  background-color: #a2832e!important;
  border-radius: 0;
  color: white;
  border: none;
}
.granville-link-invert:hover {
  background-color: #a2832e!important;
  border-radius: 0;
  color: white;
  border: none;
}



 .granville-link-black {
  background-color: black!important;
  border-radius: 0;
  color: white;
  border: none;
}
 .granville-link-black:hover {
  background-color: #a2832e!important;
  border-radius: 0;
  color: white;
  border: none;
}

.infoboxes .corporate a, .granville-link {
  background-color: #394049!important;
  border-radius: 0;
  color: white;
  border: none;
}
.infoboxes .corporate a:hover, .granville-link:hover {
  background-color: #a2832e!important;
  border-radius: 0;
  color: white;
  border: none;
}
@media (max-width: 575px ) {
  .we-title{
    font-size: 35px!important;
  }
}


a { text-decoration: none!important;}


.vert-menu li {
  height: 60px; padding-top: 10px; text-align: center;
}
@media (max-width: 1200px ) and (min-width:991px) {
  .vert-menu li a{
    padding-left: 2px!important;
    padding-right: 2px!important;
    text-align: center!important;
    padding-top: 9px!important;
  }
}

.dlImg{
    color: #fff!important;
    font-weight: bold;
}

.news-button {
  border-radius: 20px;
      background-image: linear-gradient(white,grey);
      color: #172641;
      font-weight: bold;
    }
    .news-button:hover {

          color: black;

        }
.single-article div p img { margin-right: 20px!important;}

.granville-background-red, .granville-background-red td{
  background-color: #C6101E!important;
  color: white!important;
}

.granville-background-darkred {
  background-color: #970c17!important;
  color: white;
}

.granville-background-blue, .granville-background-blue td{
  background-color: #172641!important;
  color: white!important;
}

.granville-background-grey, .granville-background-grey td{
  background-color: #465267!important;
  color: white!important;
}

.granville-background-black, .granville-background-black td{
  background-color: black!important;
  color: white!important;
}


.granville-button {
  background-color: #172641;
  border: none;
}

.granville-button:hover {
  background-color: #243c67;
  border: none;
}


.page-item.active .page-link { border: none!important; background-color: white!important; font-weight: bold; }
.GOLD .page-item.active .page-link { border: none!important; background-color: #a2832e!important; color: white!important;font-weight: bold; }
.GREY .page-item.active .page-link { border: none!important; background-color: #394049!important; color: white!important;font-weight: bold; }
.BLACK .page-item.active .page-link { border: none!important; background-color: #000!important; color: white!important;font-weight: bold; }
.page-item.active .page-link:hover { border: none!important; background-color: #394049!important; color: white!important;font-weight: bold; }
.page-item .page-link { color:#000!important;      border-radius: 0;}; 
.pagination li a {

   background-color: none;
   border-color: none;
   color: black;
}

.page-link:hover { background-color: #394049!important; color: white!important;}


.page-item:first-child .page-link, .page-item:last-child .page-link{
  border-radius: 0;
}

.pagination .page-item{
      line-height: 2;
      width: 47px;
      text-align: center;
}

.pagination .page-item:first-child {
      width: 54px;
}


.pagination .page-item:nth-child(5):after {
      white-space: pre;
}

.pagination .page-link {
  border: none;
}

a, a:hover {
  color: black;
}


.section-header {
  font-size: 30px;
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 20px;
  color: #394049;
  text-transform: uppercase;
}

.panel-heading { padding: 10px; font-size: large; margin-left: -12px;  margin-right: -12px;}
.panel-body { padding: 10px; font-size: small}

.nav-item {
  text-transform: uppercase;
}

@media (min-width: 992px ) {
  .top-nav-bar {
    font-size: small;
  }
  .top-nav-bar .nav-item, .bottom-nav-bar .widespace {
    margin-left: 50px;
  }
}
@media (max-width: 575px ) {
  
  #page-pagination{
    margin-left: -60px!important;
  }


}

.capacity{ float: right;}

#reg-lookup form{
    
  padding:2rem;
  max-width:600px;
  display:inline-block;
  margin-top:1rem;
  margin:auto;
}


#greyout {
  display: none;
  background-color: black;
  opacity: 0.3;
  position: absolute;
  z-index:1000;
}

@media (min-width: 767px ) {
  .numberplate-irl-banner {
    font-family: 'Barlow', sans-serif;
    background-color: white;
    width: 50vw;
    max-width: 200px;
    border: solid 0px white;
    font-size: 2rem;
    text-align: center; 
    margin-top:6px;
  }

  .numberplate-banner {
      font-family: 'UKNumberPlate';
      background-color: #f9cd1c;
      width: 50vw;
      max-width: 200px;
      border: solid 0px #f9cd1c;
      font-size: 2rem;
      text-align: center; 
    }

    .numberplate-gb-banner {
      background-color:#0c3a6e;
      color: white;
      display: inline-block;
      height: 50px;
      width: 50px;
      font-weight:600;
      font-size: 22px;
      position:relative;
      top:6px;
      padding-top: 16px;
    }

    #freetypesearch-banner {
      width: 250px;
      height: 50px; 
      font-size: 1.5em; 
      max-width: 350px;
      background-image: none; 
      background-color: white; 
      padding-left: 0.5em; 
      border-radius: 0px;
      border-color: white;
      font-family: 'Barlow', sans-serif;
      margin-top:6px;
    }

  }

 @media (max-width: 768px) {
  #vrm_search, #search_desc {
    text-align: center;
  }
  


   

    .numberplate-irl-banner {
      font-family: 'Barlow', sans-serif;
      background-color: white;
      width: 50vw;
      max-width: 120px;
      border: solid 0px white;
      font-size: 1.2rem;
      text-align: center; 
      margin-top:0;
      padding-top:6px;
      padding-bottom:3px;
    }
  
    .numberplate-banner {
        font-family: 'UKNumberPlate';
        background-color: #f9cd1c;
        width: 50vw;
        max-width: 120px;
        border: solid 0px #f9cd1c;
        font-size: 1.5rem;
        text-align: center; 
      }
  
      .numberplate-gb-banner {
        background-color:#0c3a6e;
        color: white;
        display: inline-block;
        height: 38px;
        width: 38px;
        font-weight:600;
        font-size: 12px;
        position:relative;
        top:3px;
        padding-top: 16px;
      }
  
      #freetypesearch-banner {
        width: 250px;
        height: 50px; 
        font-size: 1.5em; 
        max-width: 350px;
        background-image: none; 
        background-color: white; 
        padding-left: 0.5em; 
        border-radius: 0px;
        border-color: white;
        font-family: 'Barlow', sans-serif;
        margin-top:6px;
      }
    }



  
.numberplate-irl {
  font-family: 'Barlow', sans-serif;
  background-color: white;
  padding: 0.25rem;
  width: 50vw;
  max-width: 250px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border: solid 3px white;
  font-size: 2rem;
  text-align: center; 
}

.numberplate {
    font-family: 'UKNumberPlate';
    background-color: #f9cd1c;
    padding: 0.25rem;
    width: 50vw;
    max-width: 250px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border: solid 3px #f9cd1c;
    font-size: 2rem;
    text-align: center; 
  }

  .numberplate-gb {
    background-color:#0c3a6e;
    color: white;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    display: inline-block;
    height: 63px;
    width: 50px;
    font-weight:600;
    font-size: 22px;
    position:relative;
    top:11px;
    padding-top: 28px;
  }

  #freetypesearch {
    width: 300px;
    height: 62px; 
    font-size: 1.5em; 
    max-width: 350px;
    background-image: none; 
    background-color: white; 
    padding-left: 0.5em; 
    border-radius: 0px;
    border-color: white;
    font-family: 'Barlow', sans-serif;
  }

  #freetype_search {
    margin-top: 28px;
  }


 

.prodImgThumbNotSelected img{
  opacity: 0.5;
}

.header-banner {
  min-height: 300px;
}


.rotate {
  transform: rotate(-90deg);
  /* Legacy vendor prefixes that you probably don't need... */
  /* Safari */
  -webkit-transform: rotate(-90deg);
  /* Firefox */
  -moz-transform: rotate(-90deg);
  /* IE */
  -ms-transform: rotate(-90deg);
  /* Opera */
  -o-transform: rotate(-90deg);
  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}

@media (max-width: 1075px ) {
  #qForm {
    margin-left: -21px;
  }
}

#qForm td { background-color: transparent!important;}
@media (min-width: 1076px ) {

  #ask_a_question h3 { display: none; }
  #ask_a_question {
                    position: fixed;
                    right: -750px;
                    float: right;
                    top:500px;
                  }
  #mobile_handle { width: 40px; height: 100%; border: 1px solid #3e3e3e; float: left;}
  #ask_a_question  .panel-body { padding-top: 0!important;}
}
@media (max-width: 1075px) {
  #askQuestionHandle { display: none;}
}
.autocomplete-suggestions-holder{margin-left:4px}
.autocomplete-suggestions{border:1px solid #999;background:#FFF;overflow:auto}
.autocomplete-suggestion{padding:2px 5px;white-space:nowrap;overflow:hidden; color: #000}
.autocomplete-selected{background:#F0F0F0}
.autocomplete-suggestions strong{font-weight:normal;color:#3399FF}
.autocomplete-group{padding:2px 5px}
.autocomplete-group strong{display:block;border-bottom:1px solid #000;font-weight:bold;color:#333}


/* Clean Up CSS Rules */

/* Display & Aligning */
.dsp-inline {
  display: inline;
}

.dsp-none {
  display: none;
}
.dsp-contents {
  display: contents;
}
.txt-center {
  text-align: center;
}

/* Colors & Fonts */


.txt-white {
  color: white!important;
}

.txt-black {
  color: black!important;
}

.bg-white {
  background-color: white!important;
}
.bg-black {
  background-color: black!important;
}

.border-gold {
  border-color: #a2832e!important;
}

.font-light {
  font-weight: lighter;
}
.font-bold {
  font-weight: bold!important;
}
.font-normal {
  font-weight: normal;
}



.oem_apr_padding_left {
  padding-left: 21px;
}

.font-size-xl {
  font-size: x-large;
}
/* Widths & Heights */

.wFull {
  width:100%!important;
}

.max-w-full {
  max-width: 100%;
}

.mh-full {
  max-height: 600px;
}

/* Misc */

.bannerProduct {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left;
}
.headerColAlign {
  margin-top: 20px;
  margin-bottom: 20px;
}
.pageTitlePadding {
  padding-top:13px;
}
.font-light {
  font-weight: lighter;
}
.pageTitlePadding p {
  font-size:20px;
}
.float_right {
  float: right;
}
.float_left {
  float: left;
}
.pl-0 {
  padding-left: 0px;
}
.pl-10 {
  padding-left: 10px;
}
.pr-0 {
  padding-right: 0px;
}
.cat-menu-padding {
  margin-bottom:5px;
}
.pageHeading {
  font-size:larger!important;
  font-weight: bold!important;
}
.mt-1 {
  margin-top: 10px!important;
}
.mt-12 {
  margin-top: 12px;
}
.pt-20 {
  padding-top: 20px;
}
.mb-0 {
  margin-bottom: 0px;
}
.h-50 {
  height: 50%;
}
.h-100 {
  height: 100%;
}
.mt-0 {
  margin-top: 0px;
}
.text-right {
  text-align: right;
}
.technical_container {
  padding-top: 20px;
  padding-bottom: 30px;
  padding-left: 0!important;
}
.pt-13 {
  padding-top: 13px;
}
.pt-40-i {
  padding-top: 40px!important;
}
.pt-0-i {
  padding-top: 0px!important;
}
.item_list {
  display:inline-block;
  overflow:hidden;
  zoom:0.5;
  -moz-transform:scale(0.5);
  -moz-transform-origin:0 0;
}
.pos-relative {
  position:relative;
}
.pad-prod-name {
  top:-12px;
}
.mt-20 {
  margin-top: 20px;
}
.mb-20 {
  margin-bottom: 20px;
}

.hdr_lg_bold {
  font-size:larger!important; 
  font-weight: bold!important;
}
.prodInfoStl {
  font-size:4em;
  color:white;
  position:absolute;
  top:28%;
  left:28%
}
.prodImgStl {
  max-height: 150px;
  margin:20px;
}
.prodDescHeader {
  padding: 10px;
  font-size: large;
  padding-bottom:0;
}
.prodDesciption {
  padding:10px;
  background-color:white;
  font-size:large;
  line-height: 25px;
  padding-bottom:0;
}
.prodSpecs {
  padding: 10px;
  color: #a2832e
}
.prodSpecList {
  columns: 2; 
  padding-left: 21px; 
  margin-bottom: 0;
}

.columns-2 {
  columns: 2;
} 

#nbbc {
  padding-top:0;
  padding-bottom:0;
  height:60px;
}

#nv-brand {
  height: 60px;
  padding-top: 10px;
}

#nv-brand, #m-brand {
  margin-top:10px;
  height: 40px;
}


#m-brand-christmas {
  margin-top: -6px!important;
  height: 55px!important;
}

#nv-phw {
  height: 60px;
  padding-top: 10px;
}

#vert_screen {
  position:absolute;
  width: 100%;
  left:0;
  top: 100px;
  font-size: larger;
  z-index: 999999999999!important;
}

#social_links {
  margin-top:10px;
  margin-bottom: 20px;
}





/* Ask A Question CSS */
.p_open {
  box-shadow: 17px 12px 19px -19px black;
}

.p_closed {
  box-shadow: none;
}

.pm_left {
  margin-left: 57px;
}

#askQuestionHandle:hover {
  cursor: pointer;
}

@media (max-width: 1075px) {
  .p_open {
      box-shadow: none;
  }

  .pm_left {
      margin-left: 0px;
  }

  .p_closed {
      box-shadow: none;
  }
}


.bg-lubes {
  background-image:url('/img/granville-2023/fs-bg2.png');
  background-repeat: no-repeat;
  background-size: cover;
}
.fg-lubes {
  padding-top: 100px;
  padding-bottom: 100px;
  margin-left:auto;
  margin-right: auto;
  max-width: 1320px;
}

#shop_range_wrapper {
  margin-top: 30px;
}
#supplier_brands_wrapper {
  background-color: black;
  padding-bottom: 20px;
  margin-bottom: -45px;
}

#brand_box {
  margin-bottom:50px;
  font-size: 50px!important;
  font-weight: 500;
  color: white;
}

#s_brands {
  margin-bottom:50px; 
  margin-left:10%;
  margin-right: 10%;
}
#s_brands div {
  margin-bottom: 30px;
}
.w80 {
  width: 80%;
}
#products_prod_banner {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.prd_align {
  color: white;
  margin-top: 20px;
  margin-bottom: 20px;
}
.prd_align_title {
  padding-top:13px; 
}
#prod_header_text {
  font-size:20px;
  font-weight: lighter;
}

.prod_cat_font {
  font-size:larger!important;
  font-weight: bold!important;
}

.pl-0 {
  padding-left: 0;
}
#product_group_margin {
  margin-bottom: 5px;
}

.font_lb {
  font-size:larger!important;
  font-weight: bold!important;
}

#page_header_padding {
  padding-left: 60px;
  padding-top: 20px;
}

#pagination_ipp {
  float: right;
  margin-top: 14px;
}

.perPage {
  padding-left: 10px;
  border: none;
  font-weight: bold;
}
.clear_both {
  clear: both;
}

#prd_list_wrapper {
  margin-top: 20px;
}

.prod_item_container {
  margin-bottom: 30px;
  min-height: 200px;
  padding: 10px;  
}
#prod_item_link {
  height: 180px;
  width:180px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}
#prod_item_img {
  max-width: 100%!important;
  max-height: 100%;
  display: block;
  margin: 0 auto; 
}

.corp-header-banner {
  background-image:url('/img/granville-2023/corporate-header.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left;
}
.corp-header-margin {
  margin-top: 20px;
  margin-bottom: 20px;
}
.corp-header-text {
  font-size:20px;
  font-weight: lighter;
}
.p-20 {
  padding: 20px;
}
.g_light_gray {
  color: #394049;
}

.border-none {
  border: none;
}

.font-bold {
  font-weight: bold;
}

#vrm_lookup_t {
  height:1px;
  width:1px;
  position: absolute;
  left:-10000px;
}
.font-small {
  font-size: small;
}
.technical_bg {
  background-image:url('/img/granville-2023/technical-background.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left;
}

.width_100vw {
  width: 100vw;
}

#shop_products_wrapper {
  margin-left:0!important;
  margin-right: 0!important;
}


#shop_products_wrapper h2 { 
  font-size: 50px;
}
#shop_products_wrapper #reg-lookup {
  margin-top: -40px;
}
#shop_products_wrapper form {
  margin-left: 0px;
}
.font-size-20 {
  font-size: 20px; 
}

.vis-hidden {
  visibility: hidden;
}
.pb-20 {
  padding-bottom: 20px;
}
.news-bg {
  background-image:url('/img/granville-2023/news-banner.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.font_size_larger {
  font-size: larger!important;
}
.m-auto {
  margin: auto;
}
.p-10 {
  padding: 10px;
}

.news_article_margin1 {
  margin: 0 0 5px 0;
}
.news_article_margin2 {
  margin: 0 0 5px 5px;
}