/* @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    */
/*****************************************/

#performance-intro, #kids-intro, #about-us-section {
    padding-left: 15px;
    padding-right: 15px;
  }

*::-webkit-media-controls-panel {
  display: none!important;
  -webkit-appearance: none;
}

/* Old shadow dom for play button */

*::-webkit-media-controls-play-button {
  display: none!important;
  -webkit-appearance: none;
}

/* New shadow dom for play button */

/* This one works! */

*::-webkit-media-controls-start-playback-button {
  display: none!important;
  -webkit-appearance: none;
}

@media only screen and (min-width: 992px) {
 .profile-image img {
    width: auto;
   margin-bottom: 15px;
   }
}
@media only screen and (min-width: 768px) {
  .navigation-primary li.no-submenu:last-child {
    display: none;
  }
  .navigation-primary ul ul li.no-submenu:last-child {
    display: block;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1150px) {  
  
  .header .span3{ width: 20%; margin-left: 1% !important; }
  .header .span6.header-nav { width: 57%;  margin-left: 1% !important;  }
  .header .submenu.level-1 > li {
    padding: 10px 15px;
   }
  .header .submenu.level-1 > .has-submenu > .menu-arrow {
    top: 25px;
  }
  .header__right-module {
    padding: 3px 0;
  }
  .section-results h2.result-value {
    font-size: 60px !important;
    line-height: 60px !important;
 }
}
@media only screen and (max-width: 991px) {    
  .header {
    background-color: rgba(255,255,255,1.0);  
    box-shadow: 0 2px 9px 0 rgba(0,0,0,0.11);
  }
  body .navigation-primary {
      text-align: inherit;
  }
  .header .get-intouch-button .button.button-tertiary {
    background: #130179 !important;
    color: #fff !important;
  } 
  .home-page .dnd_area-row-1-padding,
  .home-page .dnd_area-row-2-padding,
  .home-page .dnd_area-row-3-padding,
  .hs-content-id-52881155166 .dnd_area-row-1-padding {
     padding-top: 20px !important;
     padding-bottom: 20px !important;
  }   
  .home-page .dnd_area-row-1-margin, .home-page .dnd_area-row-2-margin {
    margin-top: 0 !important;
  }
  .home-page  .dnd_area-module-3-vertical-alignment, .home-page  .dnd_area-module-4-vertical-alignment {
    display: none !important;
  }
  
  .home-page .logo-soup .span4 {
    margin: 0 auto !important;
    width: 50%;
    float: left;
  }
  .logo-soup .logo-item {
   padding: 25% 25px !important;
  }
  .pre-footer-area .pre-footer_area-row-0-background-image {
    background: transparent !important;
    padding: 0 0 60px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {  
 .header .span3.header__logo { width: 50%; float: left; }
 .header .span6.header-nav { width: 10%; float: right;  }
 .header .span3.header__right { width: 34%; float: left;  }
 .header .header__navigation--toggle, .header .header__close--toggle { margin: 16px auto 0; }
  h1{
    font-size: 50px;
    line-height: 50px;
  }
  h2{
   font-size: 38px;
   line-height: 42px;
   font-weight: 600;
  }
  .home-page .cell_16224080925542-vertical-alignment {
     width:60% !important; 
  }
  .home-page .row-number-10 .row-fluid .span6:first-child,
  .home-page .row-number-14 .row-fluid .span6:last-child{
    width:60% !important;
  }
  .section-results h2.result-value {
    font-size: 50px !important;
  }
   .member-grid {
     min-height: 375px !important;
  }
  .pre-footer .span8 { width:80%; margin: 0 auto !important; }
  .footer-logo.span4 { width:100% !important; text-align:center !important; float:none !important; }
  .footer .footer-widget .span2  { width:23%; margin-left: 10px; margin-bottom:20px; }
}
@media only screen and (max-width: 767px) { 
   body {font-size: 16px; line-height: 24px;}
  .pr-15 {padding-right: 0;}
   button, 
  .button, 
  .hs-submit, 
  .hs-button,
  .custom-buttons {
    min-width: 200px;
    text-align: center;
  }
  .header { padding: 10px !important; }
  .header__right { display:none !important; }
  .header__menu { padding: 15px 0 !important; }
  .header .span3.header__logo { width: 350px; float: left; }
  .header .span6.header-nav { width: 50px; float: right;  }

  .dnd-section {
    padding: 0 20px 30px !important;
  }
  .page .row-number-1.dnd-section {
    padding-bottom: 20px !important;
  }
  .home-page { text-align:center; } 
  .home-page h2 { margin-top: 25px; }
  .home-page .row-number-3 ul {
    display: flex;
    justify-content: center;
    flex-direction: column; 
  }
  .home-page .dnd_area-row-1-padding,
  .home-page .dnd_area-row-2-padding,
  .home-page .dnd_area-row-3-padding,
  .hs-content-id-52881155166 .dnd_area-row-1-padding {
     padding-top: 20px !important;
     padding-bottom: 20px !important;
  }   
    .home-page .dnd_area-row-0-padding {
      padding-top: 0px !important;
  }
  .home-page .dnd_area-row-0-padding .row-fluid,
  .home-page .row-number-6 .row-fluid {
     display: flex;
     flex-direction: column-reverse;
  }
  .home-page .dnd_area-row-0-padding .row-fluid .span6 {
    margin-top: 0 !important;
    padding: 0  !important;
    margin-bottom: 0px;
  }
  .home-page .row-number-12 {
    padding: 15px;
  }
 
  .home-page .row-number-3 ul li {
    margin-bottom:10px; 
  }
  .result-descripton {
	    margin-bottom: 30px;
	    line-height: 24px;
  }
  
  .performance-stats-section {
    padding: 0 !important;
  }
  #platform-intro .row-fluid, #performance-intro .row-fluid,
  #kids-intro .row-fluid, #about-us-section .row-fluid,
  #data-solutions-section .row-fluid, #brand-suitability-section .row-fluid {
     display: flex;
     flex-direction: column-reverse;
  }
  #platform-intro .ic-image, #performance-intro .ic-image,
  #kids-intro .ic-image, #about-us-section .ic-image {
    top: 0px;
  }
  #kids-branding-guide-section .ic-image-left {left: 0 !important;}
  .ic-content-image, .ic-content, 
  .hs-content-id-52881155166 .cell_16266805907272-row-0-padding,
  .hs-content-id-52881155166 .dnd_area-row-3-padding{
    padding: 0 !important;
  }
  .cell_1622406463684-padding h3 { text-align:center; }
  .ic-image-left { left: -20px !important;}
  #predictive-audiences-section .ic-image-left { left: 0px !important; } 
  #data-solutions-section .ic-image-right { right: 0px !important; } 
  .ic-image {
    position: relative !important;
    top: 0px !important;
    right: -20px !important;
  }
  .hs-content-id-52881155166 .row-number-2 .row-number-3 .span2 {
    width:30% !important; 
    float: left; 
    margin-bottom: 30px;
  }
  .quick-links ul { padding: 0 !important; }
  .footer {
    padding: 30px 0;
    text-align:center;
  }
  .ic-buttons {
    text-align: center;
  }
  .blurb-row .span2 {
  width: 20%;
  }
  .blurb-row .span10 {
   width: 80%;
  }
 .blurb-row p {
    font-size: 16px;
   line-height: 24px;
   padding-left: 25px;
  }
  .pre-footer{ padding: 0 20px 60px !important; }
  h3.form-title, form h2 {
    font-size: 30px;
    line-height: 36px;
  }
  input[type=text], input[type=email], input[type=password], input[type=tel], input[type=number], input[type=file], input[type=search], select, textarea {
      padding: 10px 10px 10px 15px;
     width: 85% !important;
  }
  form textarea {
    width: 90% !important;
  }
 
  .footer-last, .cerification-logos { display: none !important; }
  /* Kids */
  .hs-content-id-52881155167 .row-number-10 img {
      height: 150px !important;
      margin-top: 35px;
  }
  .hs-content-id-52881155167 .row-number-23 img {
    max-width: 200px !important;
    padding: 10px 0;
  }
  #kids-branding-guide-section .row-fluid [class*="span"] {
    display: block !important;
  }
  #kids-branding-guide-section h3, #kids-branding-guide-section p {
    text-align: center;
  }
  #hs_cos_wrapper_widget_1628962903843_ img {
     max-width: 200px !important;
    padding: 10px 0;
  }
    /* Blog and News */
  .blog-listing-grid {
    padding: 0 0 30px;
  }
 .blog-listing-grid article {
   margin: 30px 15px !important; 
   height: 420px;
  }
  .blog-listing-grid article img {
   height: 260px;
  }
  .blog-hero-section .row-fluid {
    display: block !important;
  }
  .bic-text div {
    text-align: center;
  }
  #blog-pagination {
    padding-bottom 50px;
  }
  .span7.news-content {
    text-align: center;
  }
  /* About */
  .member-grid {
	    width: 50% !important;
	    float: left !important;
	    padding: 10px !important;
  }
  .member-grid a.button {
    min-width: unset;
  }
  .profile-image img {
    height: auto !important;
  }
  p.job-title {
    font-size: 14px;
   line-height: 24px;
  }
  .member-grid {
	  margin: 0 !important;
  }
}
@media only screen and (max-width: 480px) {
  .header .span3.header__logo { width: 250px; float: left; }
  .header .span6.header-nav { width: 50px; float: right;  }
  .home-page .row-number-3 ul {
    padding: 0;
    flex-direction: column; 
  }
  .dnd_area-row-1-margin {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
  }
  .quick-links ul li {
    display: block;
  }
  h2 {
    text-align: center;
    margin-top: 15px;
  }
  .blog-listing-grid .blog-post-tag {
   margin-bottom: 5px;
   text-align: center;
   }
   /* Blog and News */
  .blog-listing-grid {
    padding: 0 0 30px;
  }
 .blog-listing-grid article {
   height: 320px;
  }
  .blog-listing-grid article img {
   height: 160px;
  }
   .profile-image img {
    height: auto !important;
  }
  form .hs-submit .actions::before {display: none;}
}