/*
Theme Name: UnderStrap Child
Theme URI: https://understrap.com
Template: understrap
Author: the Understrap Authors
Author URI: https://github.com/understrap/understrap/graphs/contributors
Description: Combination of AutomatticĀ“s _s theme and Bootstrap 4. Made as a solid starting point for your next theme project and WordPress website. Use it as starter theme or as a parent theme. It is up to you. Including Font Awesome support, built-in widget slider and much more you need for basic websites. IMPORTANT: All developer dependencies are not bundled with this install file. Just download the .zip, extract it and run "npm install" and "gulp copy-assets" inside the extracted /understrap folder.
Tags: one-column,two-columns,three-columns,left-sidebar,right-sidebar,custom-background,custom-logo,custom-menu,featured-images,footer-widgets,full-width-template,theme-options,translation-ready
Version: 0.9.5.1623405014
Updated: 2021-06-11 09:50:14

*/
.page-template-blog, #newsletter {font-family: "Roboto", sans-serif;}
.page-template-blog #wrapper-navbar .navbar, .single-post  #wrapper-navbar .navbar {background-color: #000;}
.page-template-blog #blog_header {padding: 130px 0px 40px;}
.page-template-blog #blog_header h1 {font-size: 36px; font-weight: bold; font-family: 'roboto-bold'; color: #171717;}
.page-template-blog .post_box h2, #related_posts .post_box h2 {line-height: 24px;}
.page-template-blog .post_box h2 a, #related_posts .post_box h2 a {font-size: 20px; font-family: 'roboto-bold'; color: #222222;}
.page-template-blog .post_box p, #related_posts .post_box p{color: #535252; line-height: 26px;}
.page-template-blog .blog_image img {max-height: 250px; min-height: 250px; object-fit: cover;}
.page-template-blog .post_box .red_btn, #newsletter .gform_wrapper .gform_button, #related_posts .post_box .red_btn {border: none; display:inline-block; font-family: 'roboto-bold'; font-size: 14px; text-align: center; letter-spacing: 0.35px; border-radius: 5px; padding: 15px 30px; background-color: #CB3228!important; text-transform: uppercase; transition: 0.4s; color: #fff;}


.single-post #single-wrapper {padding: 170px 0px 40px; background-color: #000; height: 500px;}
.single-post #single-wrapper a {color: #fff; font-size: 20px;}
.addtoany_share {color: #fff; font-size: 20px; float: right; margin-top: -4px;}
.single-post #blog-bottom {margin-top: -335px;}
.single-post #blog-bottom h1 {color: #fff;}
.single-post #blog-bottom #main {margin-bottom: 75px;}
.single-post #blog-bottom #main p {color:#535252; line-height: 26px;}
.pager a {color: #CB3228;}

#related_posts {background-color: #EFF0F3; padding: 130px 0px;}
#related_posts h2 {font-weight: bold; font-family: 'roboto-bold'; font-size: 36px;}

#newsletter {background-color: #222222; padding: 75px; margin: 75px 0px;}
#newsletter h2 {font-family: 36px; font-family: 'roboto-bold'; color: #fff;}
#newsletter p {color:#fff;}
#newsletter .gform_wrapper input {padding-left: 20px;  font-family: "Roboto", sans-serif;border:1px solid #ccc; height: 50px; border-radius: 4px;}

#newsletter .gform_wrapper input::placeholder {color: #A9A9A9;font-family: 'Roboto', sans-serif;}
#newsletter .gform_wrapper input::-webkit-input-placeholder {color: #A9A9A9;font-family: 'Roboto', sans-serif;}
#newsletter .gform_wrapper input::-moz-placeholder {color: #A9A9A9;font-family: 'Roboto', sans-serif;}
#newsletter .gform_wrapper input:-ms-input-placeholder {color: #A9A9A9; font-family: 'Roboto', sans-serif;}
#newsletter .gform_confirmation_wrapper .gform_confirmation_message {color: #fff; font-family: 'Roboto', sans-serif;}

@media (max-width: 991.98px) {
  .single-post #single-wrapper {padding: 110px 0px 40px;}
  .single-post #single-wrapper a {font-size: 14px;}
}
@media (max-width: 767.98px) {
  #newsletter {padding: 30px 20px;}
  .single-post #blog-bottom h1 {font-size: 36px;}
  .single-post #blog-bottom .entry-content {margin-top: 75px!important;}
  #related_posts {padding: 45px 0px;}
}