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

/* fira-sans-300 - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/fira-sans-v9-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Fira Sans Light'), local('FiraSans-Light'),
       url('fonts/fira-sans-v9-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/fira-sans-v9-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/fira-sans-v9-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/fira-sans-v9-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/fira-sans-v9-latin-300.svg#FiraSans') format('svg'); /* Legacy iOS */
}

/* fira-sans-regular - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/fira-sans-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Fira Sans Regular'), local('FiraSans-Regular'),
       url('fonts/fira-sans-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/fira-sans-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/fira-sans-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/fira-sans-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/fira-sans-v9-latin-regular.svg#FiraSans') format('svg'); /* Legacy iOS */
}

/* fira-sans-600 - latin */
@font-face {
  font-family: 'Fira Sans';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/fira-sans-v9-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Fira Sans SemiBold'), local('FiraSans-SemiBold'),
       url('fonts/fira-sans-v9-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/fira-sans-v9-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/fira-sans-v9-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/fira-sans-v9-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/fira-sans-v9-latin-600.svg#FiraSans') format('svg'); /* Legacy iOS */
}


h1, h2, h3, h4, h5, h6, h7 {font-weight:500 !important}


.headline1, .headline2, .headline3 {font-weight:500;} 

.main-navigation a {font-weight:300 !important;font-family: 'Fira Sans';}


* {font-family: 'Fira Sans' !important;border-style:none;color:#000;}
main#main.site-main {overflow-y:auto;height:100vh;}
main#main.site-main footer.entry-footer {display:none;}
.entry-content {height: 100vh}
main#main.site-main  div.elementor-image img {height:100%;}

@media screen and (max-width: 770px) {
.elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated {height:100vh;}
}

@media screen and (min-width: 55em){
#page {height: 100vh;background:#fff;}

.elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated {padding:0 !important;}
div.elementor-image img.attachment-large.size-large {width:100%;}
.main-navigation .nav-menu > li {border-style:none;}
.main-navigation ul {border-style:none;}
li#menu-item-55 {margin-top:50px;font-size:80%;}
li#menu-item-56,li#menu-item-75,li#menu-item-76 {font-size:80%;}
div.elementor-post__card div.elementor-post__text, div.elementor-post__card div.elementor-post__meta-data {display:none;}
.elementor-posts--thumbnail-top .elementor-post__thumbnail__link {
    margin-bottom: 0px !important;
}
.elementor-element .elementor-posts-container {
    grid-column-gap: 30px;
    grid-row-gap: 0px !important; 
}
.column {
  float: left;
margin-bottom:50px;
}
.columnname {width: 70.33%;}

.columnlogo {width:30%;max-width:100px;}
.columnlogo img {max-width:100%;height:auto;}
/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
 div.site-branding div.row div.column h1 {font-weight:100;font-size:60px;line-height:60px}
 .desc {font-weight:500 !important;font-size:20px;padding-top:30px}
#page {position:fixed;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;}

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

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


.sidebar {
float: right;
margin-right: 0px;
height:100vh;
position: relative !important;
width: 53.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: 31.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;

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



.entry-content h1,
.entry-summary h1,
.comment-content h1,
.textwidget h1 {
	font-size: 28px !important;
	font-size: 1.75rem;
	line-height: 1.25;
	margin-top: 2em;
	margin-bottom: 1em;
}



h2 {
    font-size: 24px !important;
    line-height: 1.25;
    margin-top: 2em;
    margin-bottom: 1em;
}

h3 {
    font-size: 20px !important;
    line-height: 1.25;
    margin-top: 2em;
    margin-bottom: 1em;
}