/*   
Theme Name: Charity Life Child Theme
Theme URI: https://wplook.com/
Description: Use this theme to start your Child Theme development.
Author: WPlook Studio
Author URI: https://wplook.com/
Template: charity-life-wpl
Version: 1.0.0
*/

@import url('../charity-life-wpl/style.css');

h1, h2, h3, h4, h5, h6 {
    color: #004787;
}

.nav {
   font-weight: 400;
}
.nav ul a {
   color: #004787;
}
.nav ul .current-menu-item a {
   color: #ee1a30;
}
.nav ul li.accented a:hover {
   background-color: #004787;
}

.page-head {
    background-color: #004786 !important;
}

.single-cause-actions a:hover, .single-cause-actions a:active {
   background-color: #004787;
}

.section-projects:before {
   display: none;
}

section.section-about p {
   font-size: 2em;
}

.cause-teaser .cause-progress .progress,
.cause-teaser .cause-progress p {
   display: none;
}

.cause-teaser {
    position: relative;
    min-height: 170px;
}

.single-cause-stats {
   padding: 1em;
}
.single-cause-stats .btn-red {
   width: 100%;
}

.section-slider .slide {
   text-align: left;
}

.custom-footer {
   text-align: center;
   color: #fff;
}

.disclaimer {
   border: 1px solid #81b6ed;
   padding: 0.5em 1em;
   margin: 0.5em 0;
}

/* header top bar revisions */
.bar-theme-options .sub-nav dd,
.bar-theme-options .sub-nav dd a[href^="tel"] .fa {
    font-size: 20px;
}

.bar-theme-options .sub-nav dd a {
    line-height: 2em;
}

.fa-facebook:before,
.fa-twitter:before {
    font-size: 40px;
}

.bar-top-actions .socials dd .fa-facebook,
.bar-top-actions .socials dd a:hover .fa-facebook,
.bar-top-actions .socials dd a:active .fa-facebook {
    color: #3d5a99
}

.bar-top-actions .socials dd .fa-twitter,
.bar-top-actions .socials dd a:hover .fa-twitter,
.bar-top-actions .socials dd a:active .fa-twitter {
    color: #55acee;
}

/* Article title block revisions */
.article-intro-meta {
    display: none;
}
.intro h1 {
    padding: 0;
}



@media only screen {
   .section-slider .slide {
      padding-top: 176px;
      min-height: 400px;
      padding-bottom: 0px;
      background-color: #021a30;
      text-align: center;
   }   

    .fullsize-container {
      background-position: 50% 0%;
      background-size: contain;
      -webkit-background-size: contain;
    }
    
   .slider-form {
      max-width: 360px;
   }
   .slider-form input {
      font-size: 16pt;
      margin: 0 0px 10px 0px;  
      border-radius: 2px;
      padding: 0.25em 0.5em;
      height: auto;
      width: 100%;      
   }
   .slider-form button {
      font-size: 20pt;
      padding: 0;
      width: 100%;      
   }
   .section-slider [class^="btn"] {
        margin: 0;
   }

}

@media only screen and (min-width: 440px) {
    .section-slider .slide {
       padding-top: 100px;
       min-height: 400px;
       text-align: left;
    }   

    
    .fullsize-container {
      background-position: 50% 50%;
      background-size: cover;
      -webkit-background-size: cover;
    }
    
   .slider-form {
      max-width: 245px;
   }
   .slider-form input {
      font-size: 16pt;
      margin: 0 5px 10px 5px;   
      border-radius: 2px;
      padding: 0.25em 0.5em;
      height: auto;
   }
   .slider-form button {
      font-size: 20pt;
      padding: 0;
      min-width: 245px;
   }
   .section-slider [class^="btn"] {
        margin: 0 5px;
   }   

}

@media only screen and (min-width: 64.0625em) {
   .section-slider h1 {
     font-size: 4.375rem;
     font-weight: 700;
     padding-bottom: 15px;
   }
   .section-slider .slide {
     height: 480px;
     padding: 80px 0 0;
   }
   .section-slider .slide-actions {
     margin-top: 20px;
   }
   .slider-form input {
      margin: 0 10px 10px 10px;   
   }
   .slider-form button {
      font-size: 24pt;
   }  
  .section-slider .slide-actions [class^="btn"] {
    min-width: 245px;
    margin: 0 10px;
  }
  .section-slider .owl-dots {
    display: block !important;
    bottom: 52px;
  }
  .section-slider .owl-prev:before, .section-slider .owl-prev:after,
  .section-slider .owl-next:before,
  .section-slider .owl-next:after {
    background-color: #fff;
  }
  .section-slider .owl-prev {
    left: 50px;
  }
  .section-slider .owl-next {
    right: 50px;
  }
  .section-slider-single .slide {
    padding: 0;
    height: auto;
  }
  .section-slider-single .owl-prev,
  .section-slider-single .owl-next {
    margin-top: -145px;
  }
  .section-slider-single .owl-dots {
    display: none !important;
  }
  
  div.homepage-widget-area section {
    padding: 0 0 50px 0;
  }
  
  /* article title block */
  .intro-overlay {
    padding: 20px 0;
  }
  .intro-overlay h1 {
    font-size: 2.3rem;
  }
}