/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 20 2024 | 21:42:08 */
/* CSS Code for the Blog listings and individual blog pages */

body.blog .site-inner .content-sidebar-wrap h1,
body.archive .site-inner .content-sidebar-wrap h1 {
  color: #0053a0;
  /*font-weight: bold !important;*/
}

body.blog .site-inner .content-sidebar-wrap article,
body.archive .site-inner .content-sidebar-wrap article {
  border: #e1e1e1 1px solid;
  background: white;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  padding: 100px 15px 15px;
}

@media (max-width: 768px) {
  body.blog .site-inner .content-sidebar-wrap article,
  body.archive .site-inner .content-sidebar-wrap article {
    padding: 130px 15px 15px;
  }

}

body.blog .site-inner .content-sidebar-wrap article .entry-header h2.entry-title a,
body.archive .site-inner .content-sidebar-wrap article .entry-header h2.entry-title a {
  color: #0053a0;
  text-decoration: none;
}

body.blog .site-inner .content-sidebar-wrap article .entry-header p.entry-meta,
body.archive .site-inner .content-sidebar-wrap article .entry-header p.entry-meta {
  background: #d5a10e;
  color: white;
  padding: 10px;
  font-size: 24px;
  width: 100px;
  position: absolute;
  right: 40px;
  top: 70px;
  text-align: center;
}
@media (min-width: 768px){
   .archive .sidebar{
    margin-top: 95px!important;
  }
}
@media (max-width: 768px) {
  body.blog .site-inner .content-sidebar-wrap article .entry-header p.entry-meta,
  body.archive .site-inner .content-sidebar-wrap article .entry-header p.entry-meta {
    right: auto;
    left: 40px;
    top: 50px;
  }
}

body.blog .site-inner .content-sidebar-wrap article .entry-content, 
body.archive .site-inner .content-sidebar-wrap article .entry-content {
  background: white;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

body.blog .site-inner .content-sidebar-wrap article .entry-content .btn-read-more,
body.archive .site-inner .content-sidebar-wrap article .entry-content .btn-read-more {
  background: #d5a10e;
  color: white;
  padding: 10px;
  float: right;
 text-decoration: none;
  font-size: 18px;
  
  font-family: Oswald, "Open Sans", open_sansregular, sans-serif;
}

body.blog .site-inner .content-sidebar-wrap article .entry-content p,
body.archive .site-inner .content-sidebar-wrap article .entry-content p {
  font-size: 18px;
}


body.blog .site-inner .content-sidebar-wrap article .entry-content .btn-read-more,
body.archive .site-inner .content-sidebar-wrap article .entry-content .btn-read-more {
  margin: 50px 0 0;
}

body.blog .site-inner .content-sidebar-wrap article,
body.archive .site-inner .content-sidebar-wrap article {
  margin: 20px 0;
  position: relative;
  margin-right: 20px;
  padding-right:0px!important;
}
body.blog .site-inner .content-sidebar-wrap article .entry-header p.entry-meta,
body.archive .site-inner .content-sidebar-wrap article .entry-header p.entry-meta {
  right: 20px;
  top: 0;
}

body.blog .site-inner .content-sidebar-wrap article .entry-header p.entry-meta,
body.archive .site-inner .content-sidebar-wrap article .entry-header p.entry-meta {
  font-size: 18px;
  width: 114px;
}
time.entry-time {
  word-spacing:9999px;
}

table#wp-calendar {
  width: 100%;
}
table#wp-calendar caption {
  font-size: 20px;
  font-family: Oswald, "Open Sans", open_sansregular, sans-serif;
  color: #fff;
  padding-top: 0;
}
table#wp-calendar tr th, table#wp-calendar tr td {
  text-align: center;
}
.pagination {
  width: 100%;
}
.pagination ul{
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
}
.pagination li a{
  padding: 5px 15px;
  background-color: rgba(213,161,14,.6);
  margin-right: 3px;
  transition: .3s ease all;
  
}
.pagination li:hover a,
.pagination li.active a {
      background-color: rgba(213,161,14,1);
    border-color: #d5a10e;
}
.search-form input {
    border-width: 1px;
}



/* Individual Blog Page */
.single-post .entry-meta { 
	display: none;
}

.single-post .entry-header h1 { 
	margin-bottom: 0;
}
.single-post .entry-content .post-category {
  font-size: 17px !important;
  font-style: italic;
  font-weight: normal !important;
  color: #000 !important;
  display: block;
  padding: 1px 0;
}
.single-post .entry-content .post-date {
  padding: 1px 0;
}
.single-post .entry-content .post-tags {
  font-size: 15px;
  color: #999 !important;
  padding: 1px 0 30px;
}
.single-post .entry-content .featured-image {
  float: left;
}
.single-post .entry-content .featured-image img {
  padding: 0 15px 5px 0;
  max-width: 450px;
}
.archive  .after-content .post-category a,
.archive  .after-content .post-category span, 
.blog .after-content  .post-category span,
.blog .after-content  .post-category a{
  font-size: 14px!important;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  .search-form input {
    max-width: 65% !important;
    font-size: 12px !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .blog .site-inner .content-sidebar-wrap ul {
    padding: 0 0 0 10px;
    list-style: none;
  }
  .blog .site-inner .content-sidebar-wrap ul li a {
    font-size: 13px;
  }
  .search-form input {
    max-width: 94% !important;
    font-size: 12px !important;
  }
  .search-form input[type="submit"] {
    margin: 4px auto 5px;
  }
}

@media screen and (max-width: 780px) {
  .single-post .content {
    padding: 0 15px;
  }
  body.content-sidebar .content-sidebar-wrap > .sidebar {
    padding: 0 15px;
  }
}
@media screen and (min-width: 500px) and (max-width: 780px) {
  .single-post .entry-content .featured-image img {
    max-width: 300px;
  }
}
@media screen and (max-width: 499px) {
  .single-post .entry-content .featured-image {
  	float: none;
    width: 100%;
    text-align: center;
	}
  .single-post .entry-content .featured-image img {
    max-width: 100%;
    display: inline-block;
     padding: 0 0 10px 0;
  }
  body.blog .site-inner .content-sidebar-wrap article .entry-content p {
    font-size: 16px;
  }
}

@media screen and (max-width: 429px) {
  .blog .entry-content .entry-image-link {
  	float: none;
    width: 100%;
    text-align: center;
    display: inline-block;
	}
  .blog .entry-content .entry-image-link img {
    max-width: 100%;
    display: inline-block;
    padding: 0;
    float: none;
    margin: 0 auto 20px;
  }
}