/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 18 2020 | 20:05:10 */
/*BLOG HOME PAGE*/

.page-template-blog-page .main-section .row {
margin: 10 0 0 0;
max-width: 100rem;
width: 100%;
}

.page-template-page-news .site-header {
position: relative;
top: auto;
left: auto;
background: #db582a !important;
margin-top: 4em !important;
padding: 1.5em 0 !important;
width: 100%;
}

.page-template-blog-page .site-header {
position: relative;
top: auto;
left: auto;
background: #db582a !important;
margin-top: 9em !important;
padding: 1.5em 0 !important;
width: 100%;
}

.page-template-blog-page .site-header .row {
margin: 10 0 0 0;
max-width: 80rem;
width: 100%;}

.page-template-blog-page .site-header h2 {
color:white !important;
font-size: 4em;
line-height: 1em;
font-weight: 700;
}

#blog-home {
  width:100%;
  display:flex;
  flex-flow:row;
}

#featured-post {
  flex-basis:70%;
  flex-shrink:3;
  min-width:0;
}

div#n2-ss-2 .n2-font-f1ed49c16e0a91eadf23f00f6fe44002-link a {
  color:black !important;
}

#blog-search {
  flex-basis:25%;
  flex-grow:1;
  background-color:#f2f2f2;
}

form#search-filter-form-461 {
  padding:30px;
}

form#search-filter-form-461 label {
  width:100%;
  display:inline-block;
}

form#search-filter-form-461 ul {
  margin: 0;
}

form#search-filter-form-461 label.sf-label-checkbox {
  width:75%;
  display:inline-block;
}

form#search-filter-form-461 input.sf-input-text[type="text"] {
    border-radius: 0;
    background-color: #fff;
    border-width: .5px;
    border-color: #ccc;
    box-shadow: none;
    display: block;
    font-family: inherit;
    font-size: 0.875rem;
    height: 2.3125rem;
    margin: 0 0 1rem 0;
    padding: 0.5rem;
    width: 100%;
}

form#search-filter-form-461 input.sf-input-checkbox[type="text"] {
  
}

form#search-filter-form-461 h4{
  font-weight:600;
  font-size:1.2em;
}

form#search-filter-form-461 .sf-field-author {
  height:250px;
  margin-bottom:40px;
  overflow-y:auto;
}

form#search-filter-form-461 .sf-field-tag {
  height:250px;
  margin-bottom:40px;
  overflow-y:auto;
}

form#search-filter-form-461 .sf-field-category {
  height:250px;
  margin-bottom:40px;
  overflow-y:auto;
}

#b-results {
  width:100%;
  margin-top:50px;
}

#all-blog-results {
  display:flex;
  flex-flow:row wrap;
  width:100%
}

#sf-results-blog {
  width:30%;
  flex-grow:1;
  margin:10px;
  padding:20px;
  background-color:#f2f2f2;
}

#sf-results-blog h4 a{
  color:black !important;
  font-family: 'Open Sans', sans-serif !important;
  font-weight:600;
  font-size:1.2em;
}

.readmore {
  display:block;
  padding:20px;
  text-align:right;
}

.readmore a {
  color:black !important;
  text-transform:uppercase;
  font-weight:600;
  font-size:.8em;
}

/* BLOG HOME PAGE END */


/*BLOG SIDE BAR */

.single-blog .sidebar {
  background-color:#f2f2f2;
  padding:10px;
}

.social-rocket-inline-buttons {
  padding-bottom:50px;
}

.social-rocket-buttons-heading {
  color: #db582a !important;
  text-align:center;
}


/* MEDIUM */
#medium-article {
  border-top: 5px solid #ddd;
  padding-top:50px;
  height:50px;
  width:100%;
  display:flex;
  align-items:center;
  flex-direction: row;
  justify-content:center;
  margin-bottom:100px;
  margin-top:50px;
}

#medium-icon {
  width:60%;
  display:flex;
  align-items:center;
}

.medium-logo {
  width:15%;
}

.medium-text {
  width:70%;
  padding-left:20px;
}

#medium-link {
  width:40%;
  text-align:right;
}

/* BLOG HOME MEDIA QUERIES */

@media screen and (max-width: 1024px) {
  
  .page-template-page-news .site-header {
    margin-top: 1em !important;}
  
  .page-template-blog-page .site-header {
    margin-top: 1em !important;}
  
  #blog-home {
    flex-flow:column;}
  
  #blog-search {
    flex-basis:100% !important;}
  
  #featured-post {
    flex-basis:100% !important;}
  
  #all-blog-results {
    display:flex;
    flex-flow:column;
    width:100%}
  
  #sf-results-blog {
    width:100%;
    flex-grow:1;}
}

@media screen and (max-width: 500px) {

  #medium-article {
    display:flex;
    padding-top:90px;
    flex-direction:column;
    width:100%;
    height:100px;
    margin-bottom:100px;
  }
  
  #medium-icon {
    padding:0px;
    width:100%;
  }
  
  #medium-link {
    margin-top:20px;
    width:100%;
    text-align:left;
  }

  
  .medium-text {
    width:80%;
  }
  
}