/*
Theme Name: Type (CHILD)
Theme URI: https://www.designlabthemes.com/type-wordpress-theme/
Author: Design Lab
Author URI: https://www.designlabthemes.com/
Description: Build a professional blog, an online store or a magazine style website with Type WordPress Theme. Type lets you easily combine 4 Header Styles, 3 Layout variations, Sidebar Position and more. Quickly  a Custom Logo, create an impressive Header Image, showcase your Featured Posts and see the preview in real-time. The Theme includes also a basic  for WooCommerce plugin.
Version: 1.1.102
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: type
Tags: custom-background, custom-colors, custom-header, custom-menu, custom-logo, featured-images, flexible-header, footer-widgets, full-width-template, one-column, post-formats, right-sidebar, sticky-post, theme-options, translation-ready, two-columns, blog, e-commerce
Template: type
 */
 
/* Hides date from the homepage */
.posted-on {
    display:none;
}

/* Align the title to the left side at posts (single) pages */
body.single .post .entry-title, body.page .page .entry-title {
    text-align: left;
}

/* Align the title to the left at homepage */
.entry-title {
    text-align: left;
}







/* Fixes bacground color and top padding */
.site-header {
    background-color: #000 !important;
    margin-bottom: 0px;
}

.site-title-centered .site-branding {
    padding: 5px 0;
}

.site-logo {
    float: left;
}

#header-right {
    padding-top: 3px;
    text-align: right;
}

#top-btn1 {
  width: 40%;
  max-width: 177px;
  border: 2px solid #000;
  border-radius: 5px;
  display: inline-block;
  font-size: 13px;
  outline: 0;
  padding: 7px;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;    
  color: #b2b2b2;
  background: linear-gradient(to bottom,#474749 0,#484849 50%,#373738 51%,#242324 100%);
  text-shadow: 0 -1px 0 #000;
  box-shadow: 0 1px 0 #3b3a3b;
  box-shadow: 0 1px 0 #67686a inset, 0 1px 0 #3b3a3b;
  font-weight: 400;
  margin-right: 5px;
}

#top-btn1:hover {
    color: #b2b2b2;
    background: linear-gradient(to bottom,#5f5f62 0,#555556 50%,#49494a 51%,#373738 51%,#302f30 100%);
    text-shadow: 0 -1px 0 #000;
    box-shadow: 0 1px 0 #898b8d inset, 0 1px 0 #3b3a3b;
}


#top-btn2 {
  width: 40%;
  max-width: 177px;
  border: 2px solid #000;
  border-radius: 5px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  outline: 0;
  padding: 7px;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  color: #000;
  background: linear-gradient(to bottom,#fac826 0,#ecc557 47%,#ebc868 50%,#ebc868 50%,#e1b02a 51%,#c4932e 100%);
  text-shadow: 0 1px 0 #fff000;
  box-shadow: 0 1px 0 #3b3a3b;
  margin-right: 5px;
}

@media (max-width: 720px) {
  .site-logo {
      float: none;
  }
  #header-right {
    padding: 10px 0 5px 0;
    text-align: center;
  }
  #top-btn1, #top-btn2 {
    padding: 5px;
  }
}

@media (max-width: 720px) {
    .container {
        padding: 0px;
    }
}

#top-btn2:hover {
    color: #000;
    background: linear-gradient(to bottom,#f59d06 0,#e69d0f 50%,#dd8a06 51%,#c07407 100%);
    text-shadow: 0 1px 0 #ffa60e;
}

/* Fixes main menu margin */
#main-menu li {
    margin: 0;
}

/* Hides menu on mobile */
.mobile-navbar {
  display: none;
}












.custom-top-title {
    padding-top: 15px;
    margin: 0 0 10px;
}

.custom-top-yellow-wrapper {
  clear: both;
}

.custom-top-body, .custom-yellow-post {
  /* margin-top: 1.5em; */
  background-color: #fbf8e5;
}


.cat-links {
    display: none;
}
.large-post .entry-title {
    text-align: left;
}

.custom-top-text {
}


.featured-posts {
    margin-bottom: 0;
}

@media screen and (min-width: 360px) {
  .custom-top-frame { 
    padding-left: 0;
    padding-right: 0;
  }

  .row {
      margin-left: 0px;
      margin-right: 0px;
  }

  .featured-posts .col-4,
  .featured-posts .col-6,
  .featured-posts .col-8 {
    padding-left: 0;
    padding-right: 0;
  }

  .post-wrapper.col-6.col-sm-6 {
    padding-left: 0px;
    padding-right: 0px;
  }
 
  .featured-posts .row {
    margin-left: 0;
    margin-right: 0;
  }
  
  .custom-yellow-post {
    margin: 0;
  }
  
  .custom-top-title {
    padding-top: 10px;
  }
  
  .site-main .entry-title,
  .grid-post .entry-summary {
    padding-left: 5px;
  }
  
}

@media screen and (min-width: 600px) {
  .custom-top-frame { 
    padding-left: 10px;
    padding-right: 10px;
  }
  
  .featured-posts .col-4,
  .featured-posts .col-6,
  .featured-posts .col-8 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .post-wrapper.col-6.col-sm-6 {
    padding-left: 10px;
    padding-right: 10px;
  }


  .custom-yellow-post {
    margin: 0.5em;
  }
  
  .site-main .entry-title,
  .grid-post .entry-summary {
    padding-left: 0;
  }
  
  .custom-top-yellow-wrapper {
    padding-right: 20px;
  }
  
  .featured-posts {
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 960px) {
  .custom-top-yellow-wrapper {
    margin-top: 1em;
  }
  
  /*
  .custom-top-title {
    padding-top: 0px;
  }
  */
  
}

@media screen and (min-width: 1023px) {
  .custom-top-frame { 
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

@media screen and (min-width: 1049px) {
  .custom-top-frame { 
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

@media screen and (min-width: 1160px) {
  .custom-top-frame { 
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

@media screen and (min-width: 1440px) {
  /* Fixes the featured smaller images */
  .featured-grid-3 .featured-small.first {
    margin-bottom: 20px;
  }
  .featured-grid-3 .featured-small {
    height: 240px;
  }
}

@media screen and (min-width: 1580px) {
  .custom-top-frame { 
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}


/* Left align images on category pages */
.entry-thumbnail img {
    margin: initial;
    width: 100%;
}
  


/* Hides comments links */
.comments-link {
    display: none;
}

/* Align avatar and category to left */
.entry-meta {
    text-align: left !important;
}


.site-main .entry-title {
  text-align: left;
}


/* Sets thumbnail a height */
.home .entry-thumbnail img {
  height: 300px;
}


/* Footer font size */
.footer-copy {
    font-size: 12px;
}

/* Footer list */ 
.footer-links {
    list-style: none;
}

.footer-links li {
    display: inline-block;
    padding-left: 15px;
}


#header-left, #header-center, #header-right {
  padding-left: 0px;
  padding-right: 0px;
}

.sdtag1, .sdtag2 {
    font-family: 'Amatic SC', cursive;
    font-size: 30px;
    font-weight: 700;
    display: inline;
}

.sdtag1, .sdtag1:hover {
    color: #31feab;
    padding-right: 30px;
}


.sdtag2, .sdtag2:hover {
    color: #f8bf68;
}

@media screen and (max-width: 720px) {
  #header-center {
      padding-top: 12px;
      text-align: center;
  }
  
  .sdtag1, .sdtag2  {
        font-size: 20px;
    }

  .widget-area {
    padding-left: 5px;
  }
  
}

@media screen and (min-width: 720px) and (max-width: 960px) {
  /* Hide from tablets */
  .sdtag1, .sdtag2 {
        display:none;
  }
}


@media screen and (min-width: 360px) {
  .featured-item {
    height: 300px;          
  }
  .featured-overlay {
     padding: 80px 30px 10px;
  }
  .site-main .entry-title,
  .grid-post .entry-summary {
    padding-left: 10px;
  }
  .entry-content p {
    padding-left: 10px;
    padding-right: 10px;
  }
}

/*Pagination*/

.pagination {
  text-align: center;
}

.pagination .page-numbers,
.pagination .page-numbers.dots{
  background: black;
  color: #fafafa;
  border-color: black;
  border-width: 1px;
  border-radius: 5px;
  padding: 6px 15px;
}

/*.pagination a.page-numbers:hover,*/
.pagination .page-numbers.current {
  border-color: #fe9900;
  border-width: 2px;
  background-color: black;
}

.pagination .page-numbers.next,
.pagination .page-numbers.prev {
  background-color: #fe9900;
  border-color:  #fe9900;
  font-weight: bold;
}

@media screen and (min-width: 720px) {
  .pagination .page-numbers{
    padding: 6px 30px;
  }
}