/*
 * Theme Name: YouCanValue.com
 * Theme URI: http://www.liveengine.com
 * Description: YouCanValue Website Theme
 * Version: 1.0
 * Author: LiveEngine Software
 * Author URI: www.liveengine.com
 */

:root {
  --primaryColor: #3A4651 !important;
  --primaryButton: #7a8997 !important;
}

a:hover {
  color: #7A8997 !important;
}

a.button.is-primary:hover {
  color: #ffffff !important;
}

h2.is-size-2              { font-size: 1.6rem !important; margin-top: 30px; }

* { font-family: 'Lato' }
/*.wp-block-group { margin-top: 20px; margin-bottom: 20px; }*/
.wp-block-group p { margin-bottom: 15px; }

.wp-block-file    { margin: 10px 0 20px 0; background: #eee; padding: 20px; }
.wp-block-file__button { float: right; margin: -5px 0 0 0; }

h1,h2,h3,h4,h5,h6 { margin-bottom: 10px; }

@media screen and (min-width: 1024px) {
  .container>.navbar .navbar-brand { margin-right: 2rem; }
}

h1.title, table.table { margin-bottom: 20px; }
.wp-block-image { margin-top: 20px; }
.title:not(.is-spaced)+.subtitle { margin-top: -0.75rem; }

.section.main { min-height: 800px; }
body          { min-height: 100vh; padding-bottom: 100px; }
footer#page_footer { position: fixed; width: 100%; bottom: 0; z-index: 999; padding-top: 1rem; padding-bottom: 1rem; }

ul, ol {margin: 0 36px; }
ul li, ol li { margin: 8px 0; }

section.hero {
   background-position: center center; 
   background-size: 100%; 
   /*height: 650px;*/
   height: auto;
   background-repeat: no-repeat;
}

.hero-body { padding: 8rem 1.5rem; }
.hero-body .subtitle strong { display: block; margin-bottom: 0px; }
.hero-body .subtitle ul {list-style: initial; margin-top: 16px; margin-bottom: 16px; }
.hero-body .subtitle p { line-height: 1.4; }

ul.home h2 { font-size: 28px; }
ul.home li ul li { font-size: 22px; margin-top: 10px; margin-bottom: 10px; }

.container p { margin-top: 8px; margin-bottom: 8px; }
.container ul { list-style: inherit; }

.desktop-only {
  display: block;
}
.mobile-only {
  display: none;
}

/* Use a media query to add a breakpoint at 800px: */
@media screen and (max-width: 1024px) {
  .desktop-only {
    display: none;
  }
  .mobile-only {
    display: block;
  }

  .navbar-start .navbar-item:last-of-type {
    padding-bottom: 20px;
  }
}

footer { background: #fff; border-top: 1px solid #ddd; }

.footer_newsletter {
  max-width: 580px;
  margin: 0 auto 0 auto;

  .newsletter_intro {
    padding: 5px 10px;
    cursor: pointer;
    img {
      height: 20px;
    }
    span.nl_label {
      font-weight: 600; 
      font-size: 16px;
    }
    span.close {
      display: inline-block;
      background: url("./img/close.png") no-repeat;
      background-repeat: no-repeat;
      width: 16px;
      height: 16px;
      float: right;
      background-size: 100%;
      cursor: pointer;
      margin-top: 4px;
    }

    span.up {
      display: inline-block;
      background: url("./img/up.png") no-repeat;
      background-repeat: no-repeat;
      width: 16px;
      height: 16px;
      float: right;
      background-size: 100%;
      cursor: pointer;
      margin-top: 4px;
    }
  }

  .form_newsletter {
    margin-bottom: 10px;
  }

  .haet-cleverreach {
    .haet-cleverreach-field-wrap.type-text {
      display: inline-block;
      width: 140px;
      padding-right:5px;
      margin: 0;
    }

    .haet-cleverreach-field-wrap.type-email {
      display: inline-block;
      width: 180px;
      padding-right:5px;
      margin: 0;
    }

    .haet-cleverreach-field-wrap.type-submit {
      display: inline-block;
      width: 106px;
      margin: 0;
    }
  }

  .haet-cleverreach input {
    width: 100%;
    font-size: 16px;
  }

  .haet-cleverreach button {
    width: 100%;
      font-size: 16px;
      color: #fff;
      background-color: var(--primaryButton);
      height: 30px;
      display: inline-block;
      margin: -3px;
      padding-top: 2px;
  }
}


.newsletter_intro:hover {
  background: #eee;
  border-radius: 2px
}


@media screen and (max-width: 600px) {
  .footer_newsletter {
    width: 100%;
    .haet-cleverreach {
      .haet-cleverreach-field-wrap {
        display: block;
        width: 100% !important;
        margin-bottom: 10px !important;
      }
    }
  }


  section.hero {
     background-position: top center; 
     background-size: 300%; 
     height: auto;
  }

  .hero-body { 
    padding: 2.5rem 1.5rem; 
  }

  .title {
    font-size: 1.5rem;
  }

  ul li, ol li { 
    font-size: 18px; 
  }

  body {
    padding-bottom: 320px;
  }


  ul, ol {
    margin: 0 22px;
  }

  .hero-body .subtitle ul {
    margin-left: 20px;
    margin-right: 6px;
  }

}



/* lato-300 - latin-ext_latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('./fonts/lato-v17-latin-ext_latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/lato-v17-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/lato-v17-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/lato-v17-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */
       url('./fonts/lato-v17-latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/lato-v17-latin-ext_latin-300.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-regular - latin-ext_latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/lato-v17-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/lato-v17-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/lato-v17-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/lato-v17-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./fonts/lato-v17-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/lato-v17-latin-ext_latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-italic - latin-ext_latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url('./fonts/lato-v17-latin-ext_latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/lato-v17-latin-ext_latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/lato-v17-latin-ext_latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/lato-v17-latin-ext_latin-italic.woff') format('woff'), /* Modern Browsers */
       url('./fonts/lato-v17-latin-ext_latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/lato-v17-latin-ext_latin-italic.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700 - latin-ext_latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/lato-v17-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('./fonts/lato-v17-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/lato-v17-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/lato-v17-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
       url('./fonts/lato-v17-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/lato-v17-latin-ext_latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}