/*
Theme Name: 2015 Child Right Sidebar
Theme URI: https://www.tipsandtricks-hq.com/wordpress-twenty-fifteen-2015-child-theme-with-right-sidebar-7732
Author: Tips and Tricks HQ
Author URI: https://www.tipsandtricks-hq.com/
Template: twentyfifteen
Description: Our 2015 child theme is clean, blog-focused, and designed for clarity. It's simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, pink, purple, white, yellow, dark, light, two-columns, left-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready


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

.site-content {
display: block;
float: left;
margin-left: 0px;
width: 70.5882%;
}

.site-footer {
float: left;
margin: 0 0 0 6%;
padding: 0;
width: 58.8235%;
}


.sidebar {
float: right;
margin-right: 0px;
max-width: 413px;
position: relative !important;
width: 29.4118%;
background: #fff;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
}

body:before {
background-color: transparent;
box-shadow: none;
content: "";
display: block;
height: 100%;
min-height: 100%;
position: fixed;
top: 0;
left: 0;
width: 29.4118%;
z-index: 0;
}

.post-thumbnail img {
display: block;
margin: 0 auto;
width: 100%;
}

/** responsive code start **/

@media only screen 
and (max-width : 768px) {
.sidebar {
float: none !important;
margin-right: 0px;
max-width: 100%;
position: relative !important;
width: 100% !important;
background: #fff;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
}
.site-content {
display: block;
float: left;
margin-left: 0px;
width: 100%;
}
.site-footer {
float: left;
margin: auto;
padding: 0;
width: 100%;
text-align: center;
}
.site-info a {
border-bottom: 1px solid transparent;
color: #707070;
color: rgba(51, 51, 51, 0.7);
line-height: 69px;
}
}
@media only screen 
and (max-width : 736px) {
.sidebar {
float: none !important;
margin-right: 0px;
max-width: 100%;
position: relative !important;
width: 100% !important;
background: #fff;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
}
.site-content {
display: block;
float: left;
margin-left: 0px;
width: 100%;
}
.site-footer {
float: left;
margin: auto;
padding: 0;
width: 100%;
text-align: center;
}
.site-info a {
border-bottom: 1px solid transparent;
color: #707070;
color: rgba(51, 51, 51, 0.7);
line-height: 69px;
}
}
@media only screen 
and (max-width : 667px) {
.sidebar {
float: none !important;
margin-right: 0px;
max-width: 100%;
position: relative !important;
width: 100% !important;
background: #fff;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
}
.site-content {
display: block;
float: left;
margin-left: 0px;
width: 100%;
}
.site-footer {
float: left;
margin: auto;
padding: 0;
width: 100%;
text-align: center;
}
.site-info a {
border-bottom: 1px solid transparent;
color: #707070;
color: rgba(51, 51, 51, 0.7);
line-height: 69px;
}
}

@media only screen 
and (max-width : 568px) {
.sidebar {
float: none !important;
margin-right: 0px;
max-width: 100%;
position: relative !important;
width: 100% !important;
background: #fff;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
}
.site-content {
display: block;
float: left;
margin-left: 0px;
width: 100%;
}
.site-footer {
float: left;
margin: auto;
padding: 0;
width: 100%;
text-align: center;
}
.site-info a {
border-bottom: 1px solid transparent;
color: #707070;
color: rgba(51, 51, 51, 0.7);
line-height: 69px;
}
}

@media only screen 
and (max-width : 320px) {
.sidebar {
float: none !important;
margin-right: 0px;
max-width: 413px;
position: relative !important;
width: 100% !important;
background: #fff;
box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
}
.site-content {
display: block;
float: left;
margin-left: 0px;
width: 100%;
}
.site-footer {
float: left;
margin: auto;
padding: 0;
width: 100%;
text-align: center;
}
.site-info a {
border-bottom: 1px solid transparent;
color: #707070;
color: rgba(51, 51, 51, 0.7);
line-height: 69px;
}
}

/** responsive code end **/