/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 10 2020 | 16:30:57 */
.page-layout-full-width-no-sidebar .site-content .polestar-container {
    max-width: none;
    padding: 0;
    width: 100%;
}
div#page, div.myFooterLayout {
  margin: 0px auto; 
  max-width: 100% !important; 
  overflow-x: hidden !important;
  height: max-content !important; 
  width: 100%;
  overflow-y: hidden;
  /*overflow-y: scroll; take out and see if works on desk and tab*/
}

body, div, p, a{
  font-family: 'Lato', 'Lato Regular', sans-serif;
  font-weight: normal;
  font-size:16px;
  line-height:22px;
  color: #333;
  margin: 0px;
}

.hpHeader h1 {
      font-size: 42px;
      line-height: 46px;
      margin: 0px auto 0px;
      text-align: center;
      color: #fff;
      text-shadow: 1px 1px 0 #7A7A7A, 1px 1px 0px rgba(0,0,0,0.51);
      font-weight: bolder;
}


h2 { 
    font-size: 28px;
    font-family: inherit;
    /*font-weight: 300;*/
    line-height: 32px;
    font-weight: 200;
    text-align: center;
    color: #348a87;
    max-width: 1186px;
}

h3, .entry-content h3, .post-content h3, .page-content h3, #content h3 {
   font-size: 18px;
   font-family: inherit;
   font-weight: 400 !important;
   line-height: 22px;
   /*color: #666;*/
   max-width: 1186px;
   margin: 10px auto;
}

.hpListTitle h2 {margin: 40px auto 10px;}
.hpListTitle h3 {color: #020202; margin: 0px auto; text-align: center;}
.hpListTitle {margin: 0px auto;}
.hpList {width: 760px; padding: 50px 0px 50px; }
.hpList ul li {
    position: relative;
    margin: 0;
    padding: 8px 0 0 30px;
    background: none;
    list-style-type: none;
}
.hpList ul li a { 
  color: #333;
  text-decoration: underline;
}
.hpList ul li:before {
    content: "";
    border-color: transparent #e51b24;
    border-style: solid;
    border-width: .35em 0 .35em .45em;
    display: block;
    height: 0;
    width: 0;
    left: 1em;
    top: .8em;
    position: absolute;
}

/*tablet styles
@media only screen and (max-width: 1024px) {
  
}*/

/*mobile styles*/
@media only screen and (max-width: 767px) {
    body, div, p, a{
      font-size: 14px;
      line-height: 18px;
    }
    div#page, div.myFooterLayout {
  		overflow-y: scroll;
	}
    h3 {
       font-size: 16px;
       line-height:20px;
    }
    h2 { 
        font-size: 22px;
        line-height: 26px;
    }
    .hpHeader h1 {
      font-size: 28px;
      line-height: 34px;
    }
    .hpListTitle {width:85%;}
    .hpList {width: 300px; padding: 35px 0px 35px;}
    .hpListLeft {margin-bottom:-13px;}
}