/*
 Theme Name:   Inspiring Blog
 Theme URI:    http://yourwebsite.com/twentyfourteen-child/
 Description:  My first child theme, based on Twenty Fourteen
 Author:       Daniel Pataki
 Author URI:   http://danielpataki.com
 Template:     twentysixteen
 Version:      1.0.0
 Tags:         black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready, responsive-layout, infinite-scroll, post-slider, design, food, journal, magazine, news, photography, portfolio, clean, contemporary, dark, elegant, modern, professional, sophisticated
 Text Domain:  inspiring
*/
*
{ margin:0; padding: 0; }

/** Generated by FG **/
@font-face {
	font-family: 'Conv_Lato-Light';
	src: url('fonts/Lato-Light.eot');
	src: local('☺'), url('fonts/Lato-Light.woff') format('woff'), url('fonts/Lato-Light.ttf') format('truetype'), url('fonts/Lato-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
 .clear {
    clear: both;
}

body{ background: #fffefe; font-family: 'Lato', sans-serif !important; }
/*-------sidebar css here-------*/
/* Toggle Styles */
/*font-family: 'Lato', sans-serif;*/
/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 50px tall */

/*
 * Global add-ons
 */

.sub-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
.navbar-fixed-top {
  border: 0;
}
.top_sidebar, .logo{ top: 0; }

/*
 * Sidebar
 */

/* Hide for mobile, show later */

@media (min-width: 768px) {
  .sidebar {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    background-color: #f6f6f6;
    border-right: 1px solid #f6f6f6;
    padding: 0;

  }

  .sidebar-right {

    top: 0;
    bottom: 0;
    position: fixed;
    right: 0;
    z-index: 1000;
    display: block;
    background-color: #f6f6f6;
    border-right: 1px solid #eee;
    padding: 0;
  }

}



.mrg-T{ margin-top: 100px !important; }


/* Sidebar navigation */
.nav-sidebar {
 /* 20px padding + 1px border */
  margin-bottom: 25px;
  margin-left: -0px;
}
.nav-sidebar> li > a {
  padding-right: 20px;
  padding-left: 20px;
}

}
.nav> li  {
	text-align: left;
}

.logo{ padding: 10px; top:0 !important; }
.login-tab{background: #ebeaea; margin-bottom: 20px;padding: 2px; height: 60px;}
.user-img{ padding: 5px; float: left;  }

.login-wrap{ float: left; margin-left: 10px; }
.login-wrap ul{ list-style-type: none; padding: 18px; }
.login-wrap ul li{ float: left; margin-right:5px; }
.login-wrap ul li a{ text-decoration: none; }

.nav-sidebar-2{ margin-bottom: 20px;  }
 ul.nav-sidebar-2 li a:hover{ background: #fff; color: #818080; }
 ul.nav-sidebar-2 >li:nth-child(1) {border-left: 4px solid #03bbd2;}
 ul.nav-sidebar-2 >li:nth-child(2) {border-left: 4px solid #cd559a;}



.nav-sidebar > li > a { color: #818080 !important; font-size: 15px; }
.nav-sidebar >li:nth-child(1) {border-left: 4px solid #03bbd2;}
.nav-sidebar >li:nth-child(2) {border-left: 4px solid #cd559a;}
.nav-sidebar >li:nth-child(3) {border-left: 4px solid #e98f1e;}
.nav-sidebar >li:nth-child(4) {border-left: 4px solid #03bbd2;}
.nav-sidebar >li:nth-child(5) {border-left: 4px solid #96d1ac;}
.nav-sidebar >li:nth-child(6) {border-left: 4px solid #5466ee;}
.nav-sidebar >li:nth-child(7) {border-left: 4px solid #c96ae8;}

.nav-sidebar-3{ margin-top: 20px; }
.nav-sidebar-3 > li { color: #818080 !important; font-size: 13px;  padding: 2px 23px;}

.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
  color: #818080;
  background-color: #ffffff;
  border-left: 4px solid #eeeb44;
}

.nav-sidebar> li > a:hover{ background: #ffffff; }

/* July 05, 2016 */
.attachment-sticky-thumb.size-sticky-thumb.wp-post-image {
    float: right;
}

.gallery a img {
    width: 100%;
}

.nav-links {
    font-size: 25px;
}

.text-wrap li {
    margin-left: 30px;
    color: #5c5c5c;
    word-spacing: 1px;
    font-size: 17px;
    text-align: left;
    font-family: "Lato",sans-serif !important;
    font-weight: normal;
    margin-top: 10px;
}

 .home .thumb:nth-of-type(3n+1) {
  clear: both !important;
}

/*
 * Main content
 */
 .container-fluid{ background: #f6f6f6; }

.main {padding: 20px;}

.bottom-tag{ width: 100%; float: left; text-align: left;  }
.bottom-tag ul{ list-style-type: none;}
.bottom-tag ul li{ margin-right: 8px; font-size: 14px; color: #868686; display: inline-block; }
.bottom-tag ul li a{ color: #f85a53; font-size: 14px; text-decoration: none; }
.circle { 
	width: 10px; 
	height: 10px; 
	background: #868686;
	 -moz-border-radius: 50px;
	 -webkit-border-radius: 50px;
	  border-radius: 50px; 
	  margin-top: 5px; 
} 

.heading{ margin-top: 10px;  }
.heading h2{ text-align: left;  font-size: 30px; font-weight: bold; text-decoration: none;}
.heading a{ text-decoration: none; color: #333; }
.heading a:hover{ color: #f85a53;}

.sub-headings p{text-align: left; font-size: 18px; color: #818080; margin-top: 22px; word-wrap: break-word;}

nav{ margin: auto; text-align: center; }

@media (min-width: 768px) {
  .main {

    margin-top:80px;
    background: #ffffff;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.176);
	-moz-box-shadow:    0 1px 6px rgba(0, 0, 0, 0.176);
	box-shadow:        0 1px 6px rgba(0, 0, 0, 0.176);
	border-radius: 5px;

  }
}
.main .page-header {
  margin-top: 0;
}



.text-wrap h2{  font-size: 42px;
    font-weight: bolder;
    text-align: left;
}
.text-wrap a{ text-decoration: none; color: #333; }
.text-wrap a:hover {
    color: #f85a53;
}
.text-wrap p a img{ text-align: center;display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px; }

.sub-heading p{  color: #818080;
    font-size: 21px;
    font-weight: normal;
    text-align: left;}


/* right - Sidebar  */
.search-wrap { padding:0px 10px; top: 0; }

.form-control-feedback{z-index: 999;}



.navbar-form .input-wrap > .form-control{ border-radius: 20px;  }

.input-wrap{ width: 100%; }

.sidebar-topics{ padding: 10px; }
.sidebar-topics h3{ color: #000; }
.sidebar-topics ul {margin-top: 10px; margin-left: 6px;}
.sidebar-topics li {display: inline-block;margin: 0 5px 6px 0;}
.sidebar-topics li a {
    color: rgba(0, 0, 0, 0.8);
    display: block;
    padding: 5px 4px;
    border:1px solid #ddd;
    text-decoration: none;
    color: #818080;
}


/*
 * Placeholder dashboard ideas
 */

.placeholders {
  margin-bottom: 30px;
  text-align: center;
}
.placeholders h4 {
  margin-bottom: 0;
}
.placeholder {
  margin-bottom: 20px;
}
.placeholder img {
  display: inline-block;

}

.attachment-sticky-thumb{ max-width: 100%; }

/*--------inner page css here---------*/
.top-heading{  text-align: center; }
.top-heading h1{  text-align: center; font-weight: 600;  font-family: "Lato",sans-serif !important; font-size: 38px; }

.facebook-wrap{ width: 100%; float: left; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1;}
.facebook-btn{ float: left; padding: 14px 0;  }
.facebook-txt{ float: left; padding: 0px 0; margin-left: 10px;  }
.facebook-txt p{ font-size: 12px; color: #868686; }

.rightside-fb{ float: right;}
.rightside-fb ul{ list-style-type: none; }
.rightside-fb ul li{ float: left; margin-left: 10px;  }
.rightside-fb ul li:nth-child(2){ margin-top: 2px; }

.image-wrap{ width: 100%; float: left; margin-top: 10px; }
.m-top{ margin-bottom: 13px; margin-top: 20px; text-align: center; }

.text-wrap{ margin-top: 10px; margin: auto; }

.text-wrap p{ 
  color: #5c5c5c; 
  word-spacing: 1px; 
  font-size: 17px; text-align:left;
  font-family: "Lato",sans-serif !important; 
  font-weight: normal;
  margin-top: 17px;
   }

   .text-wrap strong{
    font-size: 20px;
   }

/*#perfect-related_by-category .thumb:nth-of-type(2n+1) {
  clear: both;
}*/

#perfect-related_by-category .thumb:nth-of-type(3n+1) {
  clear: none !important;
}

.placeholder .m-top{ text-align: center; }


.gallery, .thumb{ margin-bottom: 54px;  min-height: 466px; }

.blog-wrapper{ width: 100%; float: left; margin-top: 9px; margin-bottom: 9px; }

.pagination-wrap{ width: 100%; float: left; text-align: center;  }

.nav-links
{ 
       
    border-radius: 4px;
    display: inline-block;
    margin: 20px 0;
    padding-left: 0; 
}


    .nav-links .page-numbers {padding: 10px;    
    margin-left: 0;
    text-decoration: none;}







.nav-links a:hover
{
   color: #fff;
    z-index: 3;
    background: #dcdcdc;
    border-radius: 1px;
}



@media screen and (max-width: 768px) {
          .side-collapse-container{
              width:100%;
              position:relative;
              left:0;
              transition:left .4s;
          }
          .side-collapse-container.out{
              left:200px;
          }
          .side-collapse {
              top:50px;
              bottom:0;
              left:0;
              width:200px;
              position:fixed;
              overflow:hidden;
              transition:width .4s;
          }
          .side-collapse.in {
              width:0;
          }

      }


@media (min-width: 320px) and (max-width: 479px) 
{
.text-wrap h2{font-size:24px;}
.sub-heading p{ font-size: 15px; }
.heading h2{ font-size: 20px; }
.sub-headings p{ font-size: 14px; }
.top-heading h1{ font-size: 26px; }
.nav-sidebar-3{ display: none; }

.logo img{ width:130px; height: 116px; }
.col-sm-3, .col-md-2 { padding: 0; }
.navbar-toggle{  padding: 18px 13px;   margin-right: 15px;}
.login-tab{ display: none; }
.row{margin-right: -13px;}
.sidebar-topics{ display: none; }
.form-control-feedback{ top: 15px; }
.gallery, .thumb{ margin-bottom: 0; min-height: 0; }
.fa-circle::before{ font-size: 10px; }
.text-wrap p{ font-size: 15px; }

.navbar-toggle{ margin-top: 52px; }
.thumb:nth-of-type(3n+1){ clear: none !important; }

}

@media (min-width: 480px) and (max-width: 599px) 
{
.text-wrap h2{font-size:24px;}
.sub-heading p{ font-size: 12px; }
.heading h2{ font-size: 17px; }
.sub-headings p{ font-size: 13px; }
.heading{ min-height: 70px; }
.col-xs-12{ width: 50%; }
.nav-sidebar-3{ display: none; }

.logo img{ width:160px; height: 143px; }
.col-sm-3, .col-md-2 { padding: 0; }
.navbar-toggle{  padding: 18px 13px;   margin-right: 15px;}
.login-tab{ display: none; }
.text-wrap{ top: 0; }
.text-wrap h2{ top: 0; }
.form-control-feedback{ top: 15px }
.sidebar-topics{ display: none; }
.row{margin-right: -13px;}

.gallery, .thumb{ margin-bottom: 0; min-height: 0; }
.navbar-toggle{ margin-top: 66px; }

.fa-circle::before{ font-size: 10px; }

}

@media (min-width: 600px) and (max-width: 767px) 
{
.text-wrap h2{font-size:24px;}
.sub-heading p{ font-size: 12px; }
.heading h2{ font-size: 21px; }
.sub-headings p{ font-size: 15px; }
.heading{ min-height: 70px; }
.col-xs-12{ width: 50%; }
.nav-sidebar-3{ display: none; }

.navbar-toggle{  padding: 18px 13px;   margin-right: 15px;}
.login-tab{ display: none; }
.sidebar-topics{ display: none; }
.row{margin-right: -13px;}
.gallery, .thumb{ margin-bottom: 0; min-height: 0; }
.form-control-feedback{ top: 15px; margin-right: 29px; }

.fa-circle::before{ font-size: 10px; }
.navbar-toggle{ margin-top:84px; }


}

@media (min-width: 768px) and (max-width: 853px) 


{

.text-wrap h2{font-size:24px;}
.sub-heading p{ font-size: 12px; }
.heading h2{ font-size: 17px; }
.sub-headings p{ font-size: 12px; }
.heading{ min-height: 100px; }
.col-xs-12{ width: 50%; }
.text-wrap h2{ font-size: 18px; }
.text-wrap{ margin-top: 0px; }
.h1, .h2, .h3, h1, h2, h3{ margin-top: 0px; }
.sub-heading p{ font-size: 12px; }
.bottom-tag ul li a{ font-size: 12px; }
.input-wrap{width: 179px; padding: 10px 4px;}

.bottom-tag ul li{ font-size: 12px; }

.form-control-feedback{ top: 12px; }
.top-heading{ width: 100%; }
.form-control-feedback{ line-height: 53px;
    margin-right: 4px;
    padding: 10px 0;
}
.form-control{ padding: 6px 0;}
.nav-sidebar-3{ display: none; }

.login-tab{ display: none; }
.sidebar-topics{ display: none; }

.gallery, .thumb{ margin-bottom: 0; min-height: 0; }

.fa-circle::before{ font-size: 10px; }

}





@media (min-width: 854px) and (max-width: 1023px)
{

.text-wrap h2{font-size:24px;}
.sub-heading p{ font-size: 12px; }
.heading h2{ font-size: 18px; }
.sub-headings p{ font-size: 12px; }
.heading{ min-height: 85px; }
.col-xs-12{ width: 50%; }
.text-wrap h2{ font-size: 18px; }
.text-wrap{ margin-top: 0px; }
.h1, .h2, .h3, h1, h2, h3{ margin-top: 0px; }
.sub-heading p{ font-size: 12px; }
.bottom-tag ul li a{ font-size: 12px; }
.input-wrap{ padding: 10px 4px;}

.bottom-tag ul li{ font-size: 12px; }

.form-control-feedback{ top: 12px;  margin-right: 22px;line-height: 53px;
    padding: 10px 0;}
.top-heading{ width: 100%; }

.form-control{ padding: 6px 0;}
.nav-sidebar-3{ display: none; }

.login-tab{ display: none; }
.sidebar-topics{ display: none; }

.gallery, .thumb{ margin-bottom: 0; min-height: 0; }
.fa-circle::before{ font-size: 10px; }

}

@media (max-width:767px){
 .article-container{ margin: auto;
    width: 100% !important;}

}


@media (min-width: 1024px)
{

	.text-wrap h2{ font-size: 31px; }
	.heading h2{ font-size: 22px; }
	.gallery, .thumb{ margin-bottom: 0;}
	.sub-heading p{ font-size: 18px; }

}

@media (min-width: 1280px)
{

	.text-wrap h2{ font-size: 39px; }
	.heading h2{ font-size: 22px; }
	.gallery, .thumb{ margin-bottom: 0;}

}




.img-responsive{ width: 100%; }
.img-res{ max-width: 100%; }
img.attachment-full.size-full.wp-post-image {
    max-width: 100%;
    height: auto;
}

.thumb:nth-of-type(3n+1){ clear: none !important; }

.article-container{ width: 70%; margin: auto; }

.blog-image img {
    max-width: 100%;
    height: auto;
}

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

img{
  max-width: 100%
}

.blog-image {
    text-align: center;
}

.nav-sidebar > li {
  border-left: 4px solid #f6f6f6;
}

.alignright {
    display: inline;
    float: right;
    margin: .75em 0 .75em 1.5em;
}

.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
    position: relative;
    overflow: hidden;
}