style.css

/*
Theme Name: Stuff
Theme URI: https://colorlib.com/wp/themes/stuff/
Author: colorlib
Author URI: https://colorlib.com/
Description: Stuff is a free and responsive blog and news wordpress theme with a strong attention to detail and, indeed, your content. Texts and visuals, Stuff makes sure it all appears online in a clean and straightforward way. You can use Stuff for a personal, food, fashion, sports or pretty much any other niche blog you are after. The cleanness and simplicity of Stuff allow you to add just about any content to it as you wish. The outcome will always be a fascinating blog or news website which you and your readers will adore. Cool hover effects, sliders, video support, integrated Instagram feed and widget rich footer, Stuff is an excellent foundation for your blog. Author about me page is also included, as well as contact section with a contact form 7 form and Google Maps.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: stuff
Tags: one-column, two-columns, right-sidebar, featured-images, post-formats, threaded-comments, theme-options

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.
*/

/*----------------------------------------
    General
 ---------------------------------------*/
.screen-reader-text {
    display: none;
}
.affix{
    position: fixed;
    left: 0;
    right: 0;
    z-index: 990;
    background-color: #ffffff;
    border-bottom: 1px solid #f0f0f0;
}

/*----------------------------------------
    Blog
 ---------------------------------------*/
.blog-entry .desc {
    margin-top: 0;
}

.blog-entry .blog-slider + .desc,
.blog-entry .blog-img + .desc {
    margin-top: -3em;
}

.blog-entry .desc > h2 {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.blog-entry .blog-slider figcaption {
    display: none;
}

.blog-entry .blog-slider .gallery-item img {
    max-width: 100%;
    height: auto;
}

.blog-entry.sticky {
    border: 1px solid #f1f1f1;
}

.pagination {
    margin: 0;
    vertical-align: middle;
}

.pagination .nav-links:after {
    content: "";
    display: table;
    clear: both;
}

.page-links a {
    display: inline-block;
}

.page-links span {
    border: 2px solid #666666;
    display: inline-block;
    width: 30px;
    line-height: 26px;
    text-align: center;
    border-radius: 2px;
    font-weight: 700;
}

.page-links a span {
    border-color: #F6490D;
}

.page-links a:hover span {
    background-color: #F6490D;
    color: #ffffff;
}

.single-post-entry:after {
    content: '';
    display: table;
    clear: both;
}

.blog-entry .desc .single-post-entry h2 {
    font-size: 30px;
    font-weight: 400;
}

.single-post-entry table {
    width: 100%;
    margin-bottom: 25px;
}

.single-post-entry table td,
.single-post-entry table th {
    padding: 5px 15px;
    border: 1px solid #f5f5f5;
}

.single-post-entry thead tr {
    background-color: #f6490d;
    color: #ffffff;
}

.single-post-entry dd {
    margin-bottom: 20px;
}

.alignleft {
    float: left;
    margin-right: 15px;
}

.alignright {
    float: right;
    margin-left: 15px;
}

.aligncenter {
    display: block;
    float: none;
    max-resolution: 10px auto;
}

.single-post-entry img {
    max-width: 100%;
    height: auto;
}

.single-post-entry .gallery:after {
    content: '';
    display: table;
    clear: both;
}

.single-post-entry .gallery-item {
    text-align: center;
    float: left;
    width: 100%;
}

.single-post-entry .gallery-columns-2 .gallery-item {
    width: 50%;
}

.single-post-entry .gallery-columns-3 .gallery-item {
    width: 33.333333%;
}

.single-post-entry .gallery-columns-4 .gallery-item {
    width: 25%;
}

.single-post-entry .gallery-columns-5 .gallery-item {
    width: 20%;
}

.single-post-entry .gallery-columns-6 .gallery-item {
    width: 16.666666%;
}

.single-post-entry .gallery-columns-7 .gallery-item {
    width: 14.285714%;
}

.single-post-entry .gallery-columns-8 .gallery-item {
    width: 12.5%;
}

.single-post-entry .gallery-columns-9 .gallery-item {
    width: 11.111111%;
}

.single-post-entry .gallery-columns-2 .gallery-item:nth-child(2n + 1),
.single-post-entry .gallery-columns-3 .gallery-item:nth-child(3n + 1),
.single-post-entry .gallery-columns-4 .gallery-item:nth-child(4n + 1),
.single-post-entry .gallery-columns-5 .gallery-item:nth-child(5n + 1),
.single-post-entry .gallery-columns-6 .gallery-item:nth-child(6n + 1),
.single-post-entry .gallery-columns-7 .gallery-item:nth-child(7n + 1),
.single-post-entry .gallery-columns-8 .gallery-item:nth-child(8n + 1),
.single-post-entry .gallery-columns-9 .gallery-item:nth-child(9n + 1) {
    clear: left;
}

.gallery-caption {
    text-align: center;
}

.bypostauthor{

}
.single-post-entry ul,
.single-post-entry ol{
    margin-bottom: 25px;
}
.single-post-entry ul ul,
.single-post-entry ol ol,
.single-post-entry ul ol,
.single-post-entry ol ul{
    margin-bottom: 0;
}
.single-post-entry figure {
    padding: 2px;
    max-width: 100%;
}

.single-post-entry figure .wp-caption-text {
    text-align: center;
    color: #666666;
    font-size: 12px;
}

.single-post-entry .post-password-form label {
    margin-bottom: 0;
    vertical-align: middle;
}

.single-post-entry .post-password-form [type=password] {
    height: 50px;
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, 0.1);
    font-weight: 300;
    font-size: 16px !important;
    border-radius: 0;
    padding: 10px 20px;
    line-height: 1.42857;
    color: #555555;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
}

.single-post-entry .post-password-form [type=password]:focus {
    border-color: #F6490D;
    outline: none;
}

.single-post-entry .post-password-form [type=submit] {
    background-color: #F6490D;
    color: #ffffff;
    border: 1px solid #F6490D;
    margin-left: 4px;
    font-size: 16px;
    font-weight: 400;
    padding: 10px 20px;
    height: 50px;
    vertical-align: middle;
}

/*----------------------------------------
    Comments
 ---------------------------------------*/
.review .review {
    margin-left: 50px;
    width: calc(100% - 50px);
    margin-bottom: 0;
    padding-top: 30px;
    border-bottom: none;
    border-top: 1px solid #f0f0f0;
}
.comment-navigation {
    clear: both;
}
.comment-navigation .nav-previous a,
.comment-navigation .nav-next a{
    width: 100%;
    background-color: #f0f0f0;
    display: block;
    padding: 10px 15px;
    font-weight: 400;
    text-align: center;
}
.review table {
    width: 100%;
    margin-bottom: 25px;
}

.review table td,
.review table th {
    padding: 5px 15px;
    border: 1px solid #f5f5f5;
}

.review thead tr {
    background-color: #f6490d;
    color: #ffffff;
}

.review dd {
    margin-bottom: 20px;
}
.comment-respond {
    clear: both;
}

/*----------------------------------------
    Widgets
 ---------------------------------------*/
.f-blog .blog-img + .desc {
    margin-left: 0;
}
.f-blog .desc {
    margin-left: -90px;
}
.side.widget_nav_menu ul,
.side.widget_rss ul,
.side.widget_recent_entries ul,
.side.widget_recent_comments ul,
.side.widget_meta ul,
.side.widget_pages ul,
.side.widget_archive ul,
.side.widget_categories ul,
.side .category {
    margin: 0;
    padding: 0;
}
.side.widget_nav_menu ul li,
.side.widget_rss ul li,
.side.widget_recent_entries ul li,
.side.widget_recent_comments ul li,
.side.widget_meta ul li,
.side.widget_pages ul li,
.side.widget_archive ul li,
.side.widget_categories ul li,
.side .category li {
    list-style: none;
    font-size: 14px;
    border-bottom: 1px solid #f0f0f0;
}
.side.widget_rss ul li{
    padding: 10px 0;
}
.side.widget_nav_menu ul ul,
.side.widget_recent_entries ul ul,
.side.widget_recent_comments ul ul,
.side.widget_meta ul ul,
.side.widget_pages ul ul,
.side.widget_archive ul ul,
.side.widget_categories ul ul{
    padding-left: 20px;
    border-top: 1px solid #f0f0f0;
}
.side.widget_nav_menu ul ul li:last-child,
.side.widget_recent_entries ul ul li:last-child,
.side.widget_recent_comments ul ul li:last-child,
.side.widget_meta ul ul li:last-child,
.side.widget_pages ul ul li:last-child,
.side.widget_archive ul ul li:last-child,
.side.widget_categories ul ul li:last-child{
    border-bottom: none;
}
.side.widget_nav_menu ul li a,
.side.widget_recent_entries ul li a,
.side.widget_recent_comments ul li a,
.side.widget_meta ul li a,
.side.widget_pages ul li a,
.side.widget_archive ul li a,
.side.widget_categories ul li a,
.side .category li a {
    padding: 5px 0;
    color: #4d4d4d;
    display: inline-block;
}
.side.widget_nav_menu ul li a:hover,
.side.widget_recent_entries ul li a:hover,
.side.widget_recent_comments ul li a:hover,
.side.widget_meta ul li a:hover,
.side.widget_pages ul li a:hover,
.side.widget_archive ul li a:hover,
.side.widget_categories ul li a:hover,
.side .category li a:hover{
    color: #F6490D;
}
.side.widget_archive ul li a i,
.side.widget_categories ul li a i,
.side .category li a i {
    padding-right: 10px;
    color: #999999;
}

.side.widget_archive ul li a:before,
.side.widget_categories ul li a:before{
    padding-right: 10px;
    color: #999999;
    content: "\e116";
    font-family: 'icomoon' !important;
}
.side img{
    max-width: 100%;
    height: auto;
}
.side select{
    display: block;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: transparent;
    height: 50px;
    padding: 10px 20px;
}
#colorlib-footer select{
    display: block;
    width: 100%;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: transparent;
    height: 50px;
    padding: 10px 20px;
}
#colorlib-footer select:focus,
.side select:focus{
    border-color: #F6490D;
    outline: none;
}
.calendar_wrap table{
    width: 100%;
}
.calendar_wrap table caption{
    text-align: center;
    background-color: #f7f7f7;
}
#colorlib-footer .calendar_wrap table caption{
    background-color: #333333;
    color: #ffffff;
}
.calendar_wrap table thead{
    background-color: #f1f1f1;
}
#colorlib-footer .calendar_wrap table thead{
    background-color: #222222;
}
.calendar_wrap table thead th{
    text-align: center;
    color: #F6490D;
}
.calendar_wrap table tfoot td,
.calendar_wrap table tbody td{
    background-color: #f9f9f9;
    text-align: center;
    box-sizing: border-box;
}
#colorlib-footer .calendar_wrap table tfoot td,
#colorlib-footer .calendar_wrap table tbody td{
    background-color: #333333;
}
.calendar_wrap table tfoot td{
    font-weight: 700;
}
#colorlib-footer ul li.recentcomments span{
    display: inline-block;
    font-style: inherit;
}
#colorlib-footer ul .recentcomments a:before{
    content: '';
}
.widget_text img{
    max-width: 100%;
    height: auto;
}
#colorlib-footer > .container > .row > div > div{
    clear: both;
}
#colorlib-footer > .container > .row > div > div:after{
    content: '';
    display: table;
    clear: both;
}

/*----------------------------------------
    Misc
 ---------------------------------------*/
.author-entry {
    margin-bottom: 20px;
}