/*
Theme Name: Technology Travel Food
Author: bidhantech
Author URI: https://website.bidhantech.in/
Description: Technology Travel Food Theme can be used to set up any type of blogs such as Technology Blog, Travel Blog, Food Blog, etc. It is responsive on mobiles, tablets & desktops as well. It is light-weight & it will give an awesome look to your blog. The theme is very easy to set up. However if you need any help with your WordPress Blog, you may hire me to set up your WordPress Blog: https://website.bidhantech.in .
Version: 1.1
Tested up to: 5.4.1
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: technology-travel-food
Tags: one-column, two-columns, right-sidebar, custom-logo, featured-images, custom-menu, custom-background, blog, education

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.


** Credits **

* Dashicons https://developer.wordpress.org/resource/dashicons/#menu-alt3, (C) 2012-2020 Automattic, Inc., 
	[Dashicons is licensed under GPLv2, or any later version with font exception.](https://www.gnu.org/licenses/gpl-2.0.html)

* Based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc., [GPLv2 or later](https://www.gnu.org/licenses/gpl-2.0.html)

* normalize.css https://necolas.github.io/normalize.css/, (C) Nicolas Gallagher and Jonathan Neal, [MIT](https://opensource.org/licenses/MIT)

* 5.33 - PRACTICE - Filter Hooks (Completed) (C) Zac Gordon http://zacgordon.com [GPLv2 or later](https://www.gnu.org/licenses/gpl-2.0.html)

* WP Hierarchy (C) Zac Gordon https://zacgordon.com [GPLv2 or later](https://www.gnu.org/licenses/gpl-2.0.html)

** Image in the Screenshot **
Sunset Dawn, Photographer : Ian Livesey
License: CC0 1.0 Universal (CC0 1.0)
Source: https://stocksnap.io/photo/sunset-dawn-MS7E3F5A93


** Code Reference **

* Code Reference By WordPress [https://developer.wordpress.org/reference/]

*/


body{
    margin: 0;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 27px;
    margin-bottom: 0px;
    background: #edeff2;
}

#masthead{
    display: grid;
    padding: 20px;
    padding-left: 0;
    background: #fff;
    grid-template-columns: 30% 70%;
    grid-template-areas: 
    "brand nav";
    
}
.site-branding{
  grid-area: brand;
  padding-left: 39px;
}
.main-navigation{
    grid-area: nav;
    font-weight: 700;
    text-transform: uppercase;
}

#menu-mobile::before{
    font-family: "dashicons";
    content: "\f349";
}
#menu-mobile{
    display: none;
}
.menu{
    display: flex;
    justify-content: space-around;
}
ul{
    list-style-type: none;
}
li a{
    text-decoration: none;
    color: #51565e;
}
.site-title{
    margin: 0px;
    font-size: 25px;
    font-weight: 700;
}

img.custom-logo{
    width: 50px;
    height: 50px;
}

a{
    text-decoration: none;
    color: black;
} 
a:hover{
    color: #029aff;
}

.site-description{
    margin: 0px;

}

#content{
    margin: 25px;
}
#main{
    display: grid;
    grid-template-columns: 70% 28%;
    grid-column-gap: 2%;
    grid-template-areas:
    "content sidebar";
}
#primary{
    grid-area: content;
}
#secondary{
    grid-area: sidebar;
    text-align: left;
}

article,.top-hero{
    padding: 0.8rem;
    background-color: white;
    margin-bottom: 10px;
    border-radius: 5px;
}
.article-page{
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 25px;
    border: none;
}
img{
    border-radius: 5px;
}

.entry-header{
  margin-top: 0;
  margin-bottom: 8px;
}
.entry-content{
    display: flex;

}
.post-title{
    font-size: 2em;
    font-weight: 700;
}
.post-details{
    margin-top: 8px;
    font-size: 13px;
}
.post-detail{
    padding-left: 10px;
    font-size: 12px;
    color: #51565e;
    font-weight: 700;
}
.post-detail.first{
    padding-left: 0px;
}
.size-post-thumbnail{
        max-width: 30%;
        height: auto;
        margin-right: 1rem;
}

div .wp-caption{
    max-width: 100%;
    margin: auto;
}
article img {
        max-width: 100%;
        height: auto;
}

.button{
    background: #08aed8;
    padding: 12px 20px;
    border: none;
    border-radius: 5px;
    color: white;
}
.button:hover{
    background: #fff;
    color: #000;
    border: 1px solid #000;
}
button a{
    color: white;
}

p{
    margin-top: 0;
}

.widget{
    padding: 0px;
    margin-bottom: 10px;
    background: #fff;
    text-align: left;
    border-radius: 5px;
}
.widget-title{
    padding-left: 15px;
    padding-top: 10px;
    margin:0;
}
.widget hr{
    background: #000;
    height: 2px;
 }

.widget hr + *{
    margin: 2%;
} 

.widget ul{
    list-style-type: none;
    padding-left: 15px;
    padding-bottom: 10px;
}
.widget ul li a{
    text-decoration: none;
    color: #51565e;
}
.search-form{
    padding-left: 15px;
    padding-bottom: 10px;
}

.site-footer{
    background: #fff;
    color: black;
    padding: 20px;
    text-align: center;
    margin-bottom: 0;
}

@media only screen and (max-width:850px){
    body{
        margin: 0;
        font-family: "Open Sans", sans-serif;
        font-size: 16px;
        line-height: 27px;
        margin-bottom: 0px;
        background: #edeff2;
    }
    
    #masthead{
        display: grid;
        padding: 20px;
        padding-left: 0;
        background: #fff;
        grid-template-columns: 90% 5%;
        grid-column-gap: 5%;
        grid-template-areas: 
        "brand menu-mobile" 
        "nav menu-mobile";
        
    }
    .site-branding{
      grid-area: brand;
      padding-left: 25px;
    }
    .main-navigation{
        grid-area: nav;
        font-weight: 700;
        text-transform: uppercase;
    }
    #menu-mobile{
        grid-area: menu-mobile;
        display: inline;
    }
    .menu{
        display: none;
        text-align: left;
    }
    .menu li{
        padding-bottom:10px;
    }
   
    ul{
        list-style-type: none;
    }
    li a{
        text-decoration: none;
        color: #51565e;
    }
    .site-title{
        margin: 0px;
        font-size: 23px;
        font-weight: 700;
    }
    a{
        text-decoration: none;
        color: black;
    } 
    
    .site-description{
        margin: 0px;
        font-size: 0.8em;
    
    }
    
    #content{
        margin: 10px;
    }
    #main{
        display: grid;
        grid-template-columns: 100%;
        grid-column-gap: 0%;
        grid-template-areas:
        "content" 
        "sidebar";
    }
    #primary{
        grid-area: content;
    }
    #secondary{
        grid-area: sidebar;
        text-align: left;
    }
	
	article{
        padding: 0.5rem 0.5rem 1rem 0.5rem;
      }
    article:first-of-type{
        padding-top: 5px;
    }
	
	
    .entry-header{
        margin-bottom: 10px;
      }
    .entry-content{
        display: unset;
    }
    .size-post-thumbnail{
        max-width: 100%;
        height: auto;
        margin-right: 0;
    }
    .post-title{
          font-size: 1.2em;
          font-weight: 700;
    }
    .post-details{
        margin-top: 2px;
        font-size: 13px;
    }
    .post-detail{
        padding-left: 0.1rem;
        font-size: 12px;
        color: #51565e;
        font-weight: 700;
    }
    .button{
        background: #08aed8;
        padding: 12px 20px;
        border: none;
        border-radius: 5px;
        color: white;
    }
    
    button a{
        color: white;
    }
    
    .widget{
        padding: 0px;
        margin: 0px;
        background: #fff;
        margin-bottom: 20px;
        text-align: left;
    }
    .widget:nth-of-type(1){
        margin-top: 20px;
    }

    .widget-title{
        padding-left: 15px;
        padding-top: 10px;
        margin:0;
    }
    .widget hr{
        background: #000;
        height: 2px;
    }
    
    .widget ul{
        list-style-type: none;
        padding-left: 15px;
        padding-bottom: 10px;
    }
    .widget ul li a{
        text-decoration: none;
        color: #51565e;
    }
    .search-form{
        padding-bottom: 10px;
        text-align: center;
    }
    
    .site-footer{
        background: #fff;
        color: black;
		font-size: 0.9em;
        padding: 20px;
        text-align: center;
        margin-bottom: 0;
    }
    

}

/* WordPress Default Styles */
.wp-caption-text{
    font-weight: 700;
}
.sticky{
    font-style: normal;
}
.screen-reader-text{
    font-weight: normal;
}
.gallery-caption{
    font-weight: 700;
}
.bypostauthor{
    font-weight: 700;
}
.alignright,
.alignleft,
.aligncenter{
    font-style: normal;
}


.byuser .comment-author{
    font-weight: 700;
    background: #00ccff;
    color: white;
    padding: 5px;
}

a.skip-link.screen-reader-text {
    position: absolute;
    right: 50px;
    opacity: 0; 
}
a.skip-link.screen-reader-text:focus{
    opacity: 1;
}


nav.navigation.pagination h2{
    display: none;
}

.outlines:focus{
    outline: 2px solid orange;
}

.comments-area{
    background: #fff;
    padding: 10px;
    border-radius: 5px;
}

#comment{
    width: 100%;
}