/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 12 2019 | 18:16:50 */
 .hpBoxHeader {
   background-color: #009b9e;
   border: .1px solid #fff;
   color: #FFF;
   text-align: center;
   font-weight: bold;
}
.hpBoxHeader p {
  color: #FFF;
   text-align: center;
   font-weight: 500;
   text-transform: uppercase;
   padding-top: 10px;
}

.hpHeaderTextBox {padding-right: 8px;}

#hpBoxDesk .hpBoxHeader, #hpBoxTab .hpBoxHeader {
  height: 40px;  
}

#hpBoxDesk .hpBoxHeader p, #hpBoxTab .hpBoxHeader p {
  font-size: 18px; 
}

/*longer dates make this necessary */
@media only screen and (min-width: 801px) and (max-width: 910px) {
#hpBoxTab .hpBoxHeader p {
    font-size: 16px;
}
}
@media only screen and (max-width: 800px) {
#hpBoxTab .hpBoxHeader p {
    font-size: 15px;
}
}

/*end of longer dates make this necessary */
#hpBoxMob .hpBoxHeader p { padding-top: 5px; }
#hpBoxMob .hpBoxHeader {height: 30px;}

.hpHeaderTextBox {
  background-color: #fff;
}

#hpBoxDesk .hpBoxText p, #hpBoxTab .hpBoxText p {
  font-size: 18px;
  line-height: 24px;
  color: #666;
  font-weight: 500;
  padding-top: 10px;
  margin-bottom: 10px;
}

#hpBoxTab {width: 90%; margin: 0px auto;}
/*#hpBoxTab .hpBoxText {text-align: center;}*/
.hpHeaderBoxBg {
 background-color: #fff;
 box-shadow: 0 0 15px rgba(0,0,0,.6);
}
.hpBoxButton {
  margin-bottom: 8px;
}
@media only screen and (max-width: 1199px) {
#hpBoxDesk .hpBoxButton .ow-button-base a {padding: 0.5em .5em !important;}
  #hpBoxDesk .smallBox {display:block;}
  #hpBoxDesk .normalBox {display:none;}
   
}

@media only screen and (max-width: 1029px) {
  #hpBoxDesk .hpBoxButton .ow-button-base a {font-size: 15px; padding-top: .3em !important;}
}
.vertBox .hpBoxButton {
  		width: 92%;
  		margin: 0px auto 8px;
 }
.vertBox .hpBoxButton a { width: 100%; }
.vertBox .hpBoxText {text-align: center;}
/*tablet width if needed
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  
}*/
@media only screen and (min-width: 500px) and (max-width: 767px) {
  .hpBoxImg {width: 150px; height: auto;}
  #hpBoxMob {width: 80%; margin: 0px auto; max-width: 577px;}
  #hpHeaderMob #hpBoxMob .horizBox { display: block; }
  #hpHeaderMob #hpBoxMob .vertBox { display: none; }
  .leftHorizBox { width: 150px;}
  .hpHeaderBoxBg {box-shadow: none;}
  .hpHeaderTextBox {
    width: 100%;
    padding-right: 0;
    /*width: -webkit-calc(100% - 150px);
    width:    -moz-calc(100% - 148px);
    width:         calc(100% - 148px);
    margin-left: 150px;*/
  }
  .horizBox {height: 130px;}
  .singleHorizBox {
    /* margin-bottom: 20px; */
    max-height: 130px;
    overflow: hidden;
    margin-bottom: 20px;
    box-shadow: 0 0 10px rgba(0,0,0,.6);
    /*box-shadow: 0 0 15px rgba(0,0,0,.6);*/
}
  .hpBoxText p {
    text-align: center;
    margin: 20px auto 15px;
    width: 100%;
  }
  .hpBoxButton { 		
  		margin: 0px auto 10px;
 }
  .hpBoxButton a{
    width: 190px;
  }
}
@media only screen and (max-width: 499px) {
  #hpBoxMob { width: 215px; margin: 0px auto;}
  /*.hpBoxImg {width: 150px; height: auto;}*/
  #hpHeaderMob #hpBoxMob .horizBox { display: none; }
  #hpHeaderMob #hpBoxMob .vertBox { display: block; height: 225px; margin-bottom: 20px;}
  /*.singleHorizBox {
      margin: 0px auto 20px;
    box-shadow: 0 0 10px rgba(0,0,0,.8);
}*/
  .hpBoxText p {
    text-align: center;
    margin: 10px auto;
    width: 100%;
  }
}
/*CIP Button for iPad must show at 1024px*/
@media only screen and (min-width: 1025px) {
  #tabletHPButtonCIP {display: none !important;}
}

/*special: two-box layout DESKTOP, plus TABLET for 1-box layout */
#monoHeadDesk .hpBoxText, #duoHeadDesk .hpBoxText, #duoHeadTab .hpBoxText, #duoHeadDesk .hpBoxTextLong {
    padding: 22px 10px 20px;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
}
/*@media only screen and (min-width: 1025px) and (max-width: 1044px){
   #duoHeadDesk .hpBoxTextLong {
    padding: 14px 10px 8px !important;
   }
}*/
#monoHeadDesk .hpBoxText p, #duoHeadDesk .hpBoxText p, #duoHeadTab .hpBoxText p {
    font-size: 18px;
}

#duoHeadDesk .hpHeaderTextBox {
    margin-left: -5%;
    width: 105%;
    padding-right: 0px;
    padding-left: 0px;
}
#monoHeadDesk #hpBoxMob .hpBoxHeader, #duoHeadDesk #hpBoxMob .hpBoxHeader, #duoHeadTab #hpBoxMob .hpBoxHeader {
    padding-top: 2px;
    height: 36px;
}

#monoHeadDesk .hpHeaderBoxBg, #duoHeadDesk .hpHeaderBoxBg, #duoHeadTab .hpHeaderBoxBg {
    height: 150px;
}

#monoHeadDesk .hpBoxImg, #duoHeadDesk .hpBoxImg {
    width: 150px;
}

#monoHeadDesk .hpHeaderTextBox, #duoHeadTab .hpHeaderTextBox {
    margin-left: -10%;
    width: 110%;
    padding-right: 0px;
    padding-left: 0px;
}
/*end of two-box layout desktop*/