/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

h1 {margin-bottom:20px;}

.section h3 {margin-bottom:20px;}
.section h3 + p {margin-bottom:20px;}
.section ul {margin-bottom:30px;}
  

p {
  font-size:18px;
  color:#757575;
  line-height:1.6em;
}



/* hero bg image */
#site-wrapper > div.body-container-wrapper > div > div:nth-child(1) {
  background-image: url("https://5320730.fs1.hubspotusercontent-na1.net/hubfs/5320730/page_header_uc.jpg");
  background-position: center bottom;
  background-repeat:no-repeat;
  background-size:cover;
}

.jplp.webinar #site-wrapper>div.body-container-wrapper>div>div:nth-child(1) {
  background-image:none;
}

.jplp.success-extended #site-wrapper>div.body-container-wrapper>div>div:nth-child(1) {
  background-image:none;
  background:#1046a9;
}

.novid #site-wrapper>div.body-container-wrapper>div>div:nth-child(1) {
  background-image: url("https://resources.dataparc.com/hubfs/pv-hdr-new.jpg");
}

.videowrap{box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.30);}

#customer-logos.section p {color:#000;font-weight:bold;font-size:18px; line-height:1.3em;padding-top:10px;}

@media (min-width: 860px){
  #testimonial.section .main-content {padding:0 200px;}
}


/* .section .hs_cos_gallery_main.slick-fixed-height-slider .slick-slide {margin: 0 15px;} */

#applied.section .item p {font-size:15px;}

#player_uid_822448449_1 > div.ytp-chrome-top.ytp-show-cards-title{visibility:hidden}

.pad-left-10{padding-left:10px;}
.pad-left-20{padding-left:20px;}
.pad-left-30{padding-left:30px;}
.pad-left-40{padding-left:40px;}
.pad-left-50{padding-left:50px;}
.pad-left-60{padding-left:60px;}
.pad-left-70{padding-left:70px;}  
.pad-left-80{padding-left:80px;}
.pad-left-90{padding-left:90px;}  
.pad-left-100{padding-left:100px;}

.pad-right-10{padding-right:10px;}
.pad-right-20{padding-right:20px;}
.pad-right-30{padding-right:30px;}
.pad-right-40{padding-right:40px;}
.pad-right-50{padding-right:50px;}
.pad-right-60{padding-right:60px;}
.pad-right-70{padding-right:70px;}  
.pad-right-80{padding-right:80px;}
.pad-right-90{padding-right:90px;}  
.pad-right-100{padding-right:100px;}

@media (max-width: 767px){

    .section{text-align:center;}

    .section ul{list-style-type:none;padding-left:0;}
    .section ul li{padding-bottom:7px;}

    .pad-left-10{padding-left:0;}
    .pad-left-20{padding-left:0;}
    .pad-left-30{padding-left:0;}
    .pad-left-40{padding-left:0;}
    .pad-left-50{padding-left:0;}
    .pad-left-60{padding-left:0;}
    .pad-left-70{padding-left:0;}  
    .pad-left-80{padding-left:0;}
    .pad-left-90{padding-left:0;}  
    .pad-left-100{padding-left:0;}

    .pad-right-10{padding-right:0;}
    .pad-right-20{padding-right:0;}
    .pad-right-30{padding-right:0;}
    .pad-right-40{padding-right:0;}
    .pad-right-50{padding-right:0;}
    .pad-right-60{padding-right:0;}
    .pad-right-70{padding-right:0;}  
    .pad-right-80{padding-right:0;}
    .pad-right-90{padding-right:0;}  
.pad-right-100{padding-right:0;}
  
  #adam-midwest{margin-left: auto;
                margin-right: auto;
                float: none;
                display: block;
                }

/*PPC Webinar Landing Pages*/
.webinar-bullets{
  margin-bottom:40px;
  padding-top:20px;
}
.webinar-bullets p{
  font-size:16px;
  color:#000;
  padding-bottom:10px;
  margin-bottom:10px;
  border-bottom:1px dotted #ccc;
}

.webinar-bullets p:last-child{
  border-bottom:0px;
}

@media (min-width: 1280px) and (max-width: 1500px){
  .container-fluid .row-fluid .page-center{
   width:80%;
   max-width:80%; 
  }
}

@media (max-width: 1280px){
  .container-fluid .row-fluid .page-center{
   padding:90px 2% 0;
  }
}


@media (max-width: 990px){
   .container-fluid .row-fluid .page-center{
   padding:70px 4% 0;
  }
    h1{
   font-size:36px;
  }
    .dl-intro p{
   font-size:20px!important;
  }
}



/*****************************************/
/* FAKE BLOG POST STYLES   */
/*****************************************/


.blog #site-wrapper>div.body-container-wrapper>div>div:nth-child(1) {
  background-image:none;
}
@media (min-width: 1100px){
  .blog .container-fluid .row-fluid .page-center  {
    max-width:720px;
  }
}

@media (max-width: 1100px){
  .blog .container-fluid .row-fluid .page-center {
    max-width:80%
  }
}

.blog h1{
    line-height: 1.25em;
    font-size: 48px;
}

.blog h2{
    font-size: 32px;
    line-height: 1.3em;
    padding-top: 15px;
    margin-bottom: 20px;  
}

.blog h3{
   font-size: 28px;
   padding-top: 10px;
   line-height:1.15em;
}


.blog h4{
    font-size: 19px;
    font-weight: bold;
    line-height:1.25em;
}

.blog p{
    font-size: 18px;
    line-height: 1.7em;
    font-family: "Roboto",sans-serif;
    color: #575757;
    margin-bottom: 30px;
}



.blog p.leadin{
    font-size: 22px;
    font-weight: bold;
    color: #000;
}




@media (max-width: 600px){
  .blog h1 {font-size:35px}
  .blog h2 {font-size:22px}
  .blog h3 {font-size:20px}
  .blog p {font-size:16px}
  .blog p.leadin {font-size:18px}
}





.blog p strong{
  color:#000;
}

.blog p.caption{
    font-size: 15px;
    line-height: 1.5em;
    font-family: "Roboto",sans-serif;
    color: #a9a9a9;
    font-style:italic;
    margin-bottom: 30px;
}

.blog ul{
  margin-bottom:30px;
}

.blog ul li{
  margin-bottom:5px;
}

.blog .readmore{
  width:100%;
  display:flex;
  flex-direction:column;
  webkit-box-align:center;
  align-items:center;
  text-align:center;
  margin-bottom:60px;
}

.blog .readmore .textfade {
    position: relative;
    height: 320px;
    margin-top: -326px;
    width: 100%;
    background: linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255));
}

.blog .readmore .cta {
    padding: 60px;
    border: 1px dotted #ccc;
    background-color: #f9f9f9;
    margin-top: 20px;
    padding-bottom: 0px;
}

.blog .readmore h4{
    font-size:22px;
    color:#1046A9
}

.blog .readmore a.btn{
    display: inline-block;
    background: #1046A9;
    color:#fff;
    font-weight:bold;
    padding: 18px 30px;
    border-radius: 3px;
}

.blog .readmore a.btn:hover{
    background: #0a2352;
  text-decoration:underline;
}
  
/*****************************************/
/* Modal Video Stuff  */
/*****************************************/


a.bbyt-vid img{margin:0!important;}

.sales-trivid .videowrap {margin-bottom:20px;}

.sales-trivid .vid-describe p{font-size:15px;color:#333!important;}

.sales-trivid .vid-describe strong{font-weight:bold;color:#000!important;font-size:18px;display:block;margin-bottom:10px;}

@media (max-width: 767px){
  .sales-trivid #site-wrapper>div.body-container-wrapper>div>div:nth-child(1){background-image:none}
  .content-wrapper .row-fluid [class*="span"]:not(:last-child) {margin-bottom: 50px;}
}



/*****************************************/
/* Various Landing Page Styles  */
/*****************************************/

@media (max-width: 767px){
  .inline_testimonial{
  }
    .inline_testimonial img{
      max-width:100px!important;
      margin-bottom:-20px;
      border-radius:100px;
      margin:0px auto;
  }
}


/* datasheet download pages */

.datasheet-download .datasheet-details ul{
  padding-left:18px;
}


.datasheet-download .datasheet-details ul li{
  margin-bottom:10px;
}

.datasheet-download .datasheet-form{
 padding:20px;
  border:1px solid #ccc;
  border-radius:4px;
}