/*
Theme Name: LetToKnow
Author: LetToKnow
Author URI: https://lettoknow.com/
Description: In 2022, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Creating a magazine website with WordPress has never been easier.
Version: 1.1
Theme URI: https://lettoknow.com/theme/
Tags: blue, two-columns, right-sidebar, featured-images, post-formats, theme-options, accessibility-ready
*/

body { 
 font-family: 'Open Sans', sans-serif;
/*font-family: 'Poppins', Arial, sans-serif;*/
 font-weight: 400;
  font-size: 1.2rem;
 line-height: 1.7rem;
 color: #333;
 background-color: #f4f4f4;
}
img {
     max-width: 100%;
    vertical-align: middle;
    height: auto;
}
a {
 color: #02267c;
 transition: all .2s linear;
}
a:hover {
 color: #000a41;
 transition: all .2s linear;
 text-decoration: none;
}
blockquote {
 padding: 20px 20px;
 margin-left: 0px;
 border: 5px solid #eee;
 background-color: #f9f9f9;
 color: #000;
 font-size: 16px;
}
blockquote .blue {
 background-color: #1e4679;
 color: #fff;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
}
@media(min-width:1450px) {
.container {
 max-width: 1400px!important;
}
}
.img-responsive {
 display: inline !important;
}
.bg-parallx {
 background: url('assets/img/bg-header.jpg');
 background-size: cover;
 background-position: center center;
 background-repeat: no-repeat;
}
.bg-shadow {
 background: url('assets/img/bg-shadow.png');
 background-position: top center;
 background-repeat: no-repeat;
}
.bg-footer {
 background-color: #fff;
}
.bg-darkslategray {
 background-color: #2E3136;
}


@media (min-width: 992px) {
.text-lg-left {
 text-align: left !important;
}
.text-lg-right {
 text-align: right !important;
}
.text-lg-center {
 text-align: center !important;
}
.mt-lg-n1 {
 margin-top: -5rem !important;
}
.mt-lg-n2 {
 margin-top: -10rem !important;
}
.mt-lg-n3 {
 margin-top: -15rem !important;
}
.mt-lg-n4 {
 margin-top: -20rem !important;
}
}
/*=========basic=========================*/

.alignnone {
 margin: 5px 20px 20px 0;
    height: auto;
}
.aligncenter,  div.aligncenter {
 display: block;
 margin: 5px auto 5px auto;
}
.alignright {
 float: right;
 margin: 5px 0 20px 20px;
}
.alignleft {
 float: left;
 margin: 5px 20px 20px 0;
}
a img.alignright {
 float: right;
 margin: 5px 0 20px 20px;
}
a img.alignnone {
 margin: 5px 20px 20px 0;
}
a img.alignleft {
 float: left;
 margin: 5px 20px 20px 0;
}
a img.aligncenter {
 display: block;
 margin-left: auto;
 margin-right: auto;
}
.postform {
 display: block;
 width: 100%;
 height: calc(1.5em + .75rem + 2px);
 padding: .375rem .75rem;
 font-size: 1rem;
 font-weight: 400;
 line-height: 1.5;
 color: #495057;
 background-color: #fff;
 background-clip: padding-box;
 border: 1px solid #ced4da;
 border-radius: .25rem;
 transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.wp-caption {
 background: #fff;
 border: 1px solid #f0f0f0;
 max-width: 96%; /* Image does not overflow the content area */
 padding: 5px 3px 10px;
 text-align: center;
}
.wp-caption.alignnone {
 margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
 margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
 margin: 5px 0 20px 20px;
}
.wp-caption img {
 border: 0 none;
 height: auto;
 margin: 0;
 max-width: 98.5%;
 padding: 0;
 width: auto;
}
.wp-caption p.wp-caption-text {
 font-size: 11px;
 line-height: 17px;
 margin: 0;
 padding: 0 4px 5px;
}
.screen-reader-text {
 border: 0;
 clip: rect(1px, 1px, 1px, 1px);
 clip-path: inset(50%);
 height: 1px;
 margin: -1px;
 overflow: hidden;
 padding: 0;
 position: absolute !important;
 width: 1px;
 word-wrap: normal !important;
}
.screen-reader-text:focus {
 background-color: #eee;
 clip: auto !important;
 clip-path: none;
 color: #444;
 display: block;
 font-size: 1em;
 height: auto;
 left: 5px;
 line-height: normal;
 padding: 15px 23px 14px;
 text-decoration: none;
 top: 5px;
 width: auto;
 z-index: 100000;
}

/*==================================*/
.avatar {
	border: 1px solid #ccc;
	border-radius: 50%;
}
.wp-post-image, .wp-block-image img {
 height: auto;
}
.bypostauthor {
 display: block;
}
.gallery-caption {
 display: block;
}
.screen-reader-text {
 border: 0;
 clip: rect(1px, 1px, 1px, 1px);
 -webkit-clip-path: inset(50%);
 clip-path: inset(50%);
 height: 1px;
 margin: -1px;
 overflow: hidden;
 padding: 0;
 position: absolute !important;
 width: 1px;
 word-wrap: normal !important;
 word-break: normal;
}
.post_format-post-format-quote {
 font-size: 30px;
 line-height: 40px;
 font-style: italic;
}
.page-item.active .page-link {
 background-color: darkslategrey;
 border-color: darkslategrey;
}
.embed-container {
 overflow: hidden;
 padding-top: 56.25%;
 position: relative;
}
.embed-container iframe {
 border: 0;
 height: 100%!important;
 left: 0;
 position: absolute;
 top: 0;
 width: 100%!important;
}
/*start*/
.navbar-expand-lg .navbar-nav .nav-link {
 padding-right: 1rem;
 padding-left: 1rem;
}
.navbar {
 padding: 0rem 1rem!important;
}
.header-product {
 background-color: #fff;
 height: auto;
 margin: 0 auto;
 color: #000;
 width: 100%;
}
.btn-white {
 background-color: #fff;
 border: 2px solid #fff;
 color: #368303 !important;
 border-radius: 20px;
}
.btn-white:hover {
 background-color: transparent;
 border: 2px solid #fff;
 color: #fff !important;
 border-radius: 20px;
}
.btn-main {
 background-color: #368303;
 border-color: #368303;
 color: #fff!important;
}
.btn-main:hover {
 background-color: #276001;
 border-color: #276001;
 color: #fff!important;
 box-shadow: 0 0 0 .2rem rgba(54, 131, 3, 0.5);
}
.comment-form-comment textarea {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.list-right{
    list-style: none;
    padding-left: 20px;
}
.list-right li {
    margin-top: 15px;
    margin-left: 10px;
}
.list-right li:before {
    position: absolute;
    height: 16px;
    width: 16px;
    content: "";
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 50 50"><path fill="rgb(0,0,0,.5)" d="M18.356,7.059L32.471,20.945h0L36,24.415,18.645,42.058l-3.529-3.471L29,24.473,14.885,10.588Z"></path></svg>') no-repeat;
    background-size: 20px 20px;
    margin-left: -30px;
    margin-top: 2px;
}

.highlighted-box-bulb{
    border:2px solid #ffaa00;
    position:relative;
    color:#12181f;
    padding:1.5rem 5rem 1.5rem 1.5rem;
    border-radius:5px;
    margin-top:4rem;margin-bottom:4rem
}

.highlighted-box-bulb:before{
    background: #fff url(https://lettoknow.com/wp-content/themes/ltk/assets/img/bulb.svg) no-repeat;
    background-size:contain;
    position:absolute;content:'';
    display:block;
    width:70px;
    height:90px;
    top:-40px;
    right:-45px;
}


.logo-overlay {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
.logo-overlay::before {
    content: '';
    background: url('https://lettoknow.com/logo-sm.png') no-repeat center bottom;
    position: absolute;
    opacity: 0.2;
    bottom: 10px;
    left: 50%;
    margin-left: -70px;
    width: 140px;
    height: 40px;
    z-index: 100;
}


/*tab*/
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: #02267c;
  background-color: transparent!important;
  border-color: transparent transparent #1574ea!important;
  border-bottom: 4px solid #1574ea!important;
}

.nav-tabs .nav-link {
  border: 4px solid transparent;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem;
  color: #036;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  border-color: transparent;
}

@media (max-width:991px) {
  .container a {
    padding: .5em;
      display: inline-block;
  }
}