/*
Theme Name: QuickStrap
Theme URI: https://www.quickonlinetips.com/projects/quickstrap-wordpress-theme/
Author: QuickOnlineTips
Author URI: https://www.quickonlinetips.com/
Description: A lightweight 3-columns responsive Bootstrap starter theme, Font Awesome preloaded, full width page options, footer widgets, SEO optimized, fast loading, minimal styling, easy to customize WordPress theme.
Version: 1.2
Tags: three-columns, right-sidebar, left-sidebar, threaded-comments, sticky-post, custom-background,  translation-ready, editor-style, custom-menu, featured-images
Text Domain: quickstrap
License: GNU General Public License v2.0
License URI: https://www.gnu.org/licenses/gpl-2.0.html
QuickStrap WordPress Theme, Copyright 2019 QuickOnlineTips.com
QuickStrap is distributed under the terms of the GNU GPL
*/


/* Theme Validity --------------------- */
.exp{
color:red;
}
.soc{
text-align:center;
	margin-top: 4px}

.soc ul{
   display: inline-flex;
	}

.soc li{
	
	padding:0px !important;
	width:30px !important;
	margin:3px;
  border-bottom: none !important
}

body.wp-night-mode-on{
	background-color:#18191a;
}
#Header2_headerimg{
	display:none !important;
}
body.wp-night-mode-on #Header1_headerimg{
	display:none !important;
}
body.wp-night-mode-on #Header2_headerimg{
	display:block!important;
}

body.wp-night-mode-on .sidebar ul li:nth-child(2n) {
    background: #141415;
}

body.wp-night-mode-on .jb-side ul li:nth-child(2n) {
    background: #141415;
}

body.wp-night-mode-on .jb-feature ul li:nth-child(2n) {
    background: #141415;
}
body.wp-night-mode-on .jb-bk {
    background: #141415;
}

body.wp-night-mode-on #top-search-cont{
	box-shadow: 0px 0px 8px rgb(47, 138, 51);
}
body.wp-night-mode-on #comment{
	background: #18191a;
    border: 1px solid green;
}


body.wp-night-mode-on #author{background: #18191a;
    border: 1px solid green;}
body.wp-night-mode-on #email{background: #18191a;
    border: 1px solid green;}

body.wp-night-mode-on submit{

    color: white;
}

body.wp-night-mode-on #submit{
	background: #2a832e;
    border: 1px solid green;
    color: white;
}
body.wp-night-mode-on .breadcrumb{
	    background-color: #3a3b3c;
}

body.wp-night-mode-on table tr:nth-child(2n) {
    background: #141415;
}
.comment-form-url{
	display:none;
}

.wp-caption {}

.wp-caption-text {
    font-style: italic;
    color: #999;
}

.breadcrumbss{
	display:ruby;
}



.jn-bnr {
    margin-top: 10px;
    margin-bottom: 10px;
}
.jn-bnr img {
	width:100%;
	max-height:80px;
}
body.wp-night-mode-on input{
	color:black;
}
body.wp-night-mode-on .entry-content strong{
	color:red;
}

#wpsms-subscribe{padding: 5px;
width: 100%;
overflow: hidden;}
#wpsms-subscribe #wpsms-mobile, #wpsms-name, #wpsms-groups{width: 100%;}

#wpsms-submit{
	width: 100%;
background:
#4e79c7;
color:
white;
border:
navajowhite;
border-radius: 3px;
}
#wpsms-submit:hover{
	    background: 
#2f8831;
}
#wpsms-step-1 p{
	display:none;
}


.sd-title {
	display: block !important;
    text-align: center;
	color:red !important;

}
.branding-container{
	display:none;
}
.soc a::before{
	display:none;
}
.soc li:hover{
	background:none
}
.emp{
	padding:4px;

}
.emp1{
	padding:4px;

}
.wta {
	    text-align: center;
    display: block;
    padding: 3px;
}
.emp1 a{
	font-weight:bold !important;
	background:red !important;
	text-align: center;
    display: block;
	border-color: red !important;
    padding: 1px;
}
.emp1 a::before{
	display:none;
}
.emp a{
	font-weight:bold !important;
	background:#4e79c7 !important;
}
.emp a::before{
	display:none;
}
main .jb-side .list{
	text-align:center;
}
main .jb-side .list li{
display: contents;
}

#wpsms-submit{
	background-color:red !important;
}
#wpsms-submit:hover{
	background-color:#4a74c1 !important;
}
.tags{
margin: 2px 2px !important;
	text-align: center;
}
.tags a{
 
	margin: 2px 2px !important;
    display: inline-block !important;
    line-height: 20px !important;
    text-decoration: none !important;
    padding: 0px 5px 0 5px !important;
    white-space: nowrap !important;
    position: relative !important;
    border-color: none !important;
    border: none !important;
    transition: none !important;
    border-radius: 3px;
  
    font-size: 13px !important;
    letter-spacing: 1px;
    background: #4e79c7;
    color: white;

}
.tags a::before{display:none}
.jb-side ul{
	
}
.intl-tel-input{
	width:100%;
}

.pagination {
	line-height: 0.8;
	background: #4e79c7;
}

.jb-side ul li{
	
}

.jb-ft {
    padding: 15px 0px;
}
.sd-rgt .jb-side .more-link {
	display:none;
}
.sidebar-left .jb-side .more-link {
	display:none;
}
.navbar {
	padding: 0px 0px 0px 20px!important ;
	}
.more-link{background-color: #4e79c7;
    padding:4px 5px;
	color: white;
	font-weight: bold;
}
main .jb-side .more-link::before {
    
    color: #f7f5f5 !important;
   
}

.blk{
	padding: 0px 20px 0px 0px!important ;
	margin-top: 6px;
}
.wpnm-button.style-5 .wpnm-button-sun, .wpnm-button.style-5 .wpnm-button-moon {
    display: inline-flex;
}




.sd-content ul{
	text-align:center;
}
.sd-content li a{
	border-radius: 5px !important;
padding: 7px 30px!important;
}
.sd-social-icon .sd-content ul li[class*="share-"] a.share-print {

    background:#2f8831 !important;}
.sd-content ul li a.sd-button::before {color:
 white !important;
}
.job-manager-form fieldset .account-sign-in .button {
    margin-right: .5em;
    color: 
    red !important;
    font-weight: bold;
}

table{
border: 1px solid green;
  border-spacing: 0;
width: 100%;
margin: 0;
border-collapse: collapse;
  table-layout: auto;
}
table td {
    padding: 0.01em 0.5em;
    border: 1px solid 
    #2f8831;
}
table tr:nth-child(2n) {
    background: 
    #f7f7f7;
}
.breadcrumb{
	padding: 3px !important;
margin-top: 5px;
display: block !important;
	}

.sidebar ul li:nth-child(2n) {
    background: #f4f3f3;
}

.jb-side ul li:nth-child(2n) {
    background: #f4f3f3;
}

main h1{
color:
#000;
font-size: 26px;
font-weight: bold;
line-height: 44px;
border-bottom: 2px solid
#555;
display: inline-block;
position: relative;
top: 2px;

}
main h2{
font-size: 25px;
font-weight: bold;
}

.jb-fom{
margin:7px 0px 15px 0px;
text-align: center;
}
.jb-tss{
margin-left: -10px;margin-right: -10px;
}
#top-search-cont{
padding: 10px 0px; float: left; width: 100%; margin: 15px 0px; border-radius: 5px; box-shadow: 0px 0px 8px rgb(136, 136, 136);
}
.jb-ll{
float: left;font-size: 2em;margin-bottom: 5px;width: 97%; text-align:center;font-weight: bold;
}
.jb-side{
border: 1px solid
#2f8831;

border-radius: 5px;
margin-bottom: 10px;

}
main .list{
display: inline-block;
  padding: 3px 3px 0px 3px !important;
}
main .list a::before{
display:none;
}

.sidebar-title{
display: block;
position: relative;
color:
rgb(255, 255, 255);
background: linear-gradient(
#32a448, #2f8831,
#126c23);
font-size: 22px;
padding: 3px 8px;
font-weight: 500;
margin-bottom: 0px;
}

.jb-sb1:hover{
  background: #4e79c7;
}
.jb-lgo{

display: table;
}
.jb-gr{
	background: linear-gradient(#35b54e, #2f8831, #126c23);
}
.jb-h{
	height:40px;
  margin-bottom: 15px;
}
.jb-bk{
	background: #1b1b1d;
}
.jb-ft{
padding: 15px;
}
.jb-sb1{
position: absolute;

height: 34px;
width: 80px;
font-size: 14px;
color:
#fff !important;
text-align: center;
border-width: 0;
background: linear-gradient(
#32a448, #2f8831,
#126c23);
cursor: pointer;
border-radius: 0px 5px 5px 0px;
margin-left: -80px;

}
.jb-s1{
width: 70%;
padding: 6px 0 6px 1em;
color:
#333;
outline: none;
height: 34px;
border: 1px solid
#2f8831;
border-radius: 5px;

}


.jb-ft .sidebar-title1{
padding-bottom: 12px;
font-weight: 600;
font-size: 22px;
}
.jb-ft ul li{
border-bottom: 1px solid #4e79c7;
  padding: 5px;
font-weight: 500;
}
.jb-ft ul li a{
color:#fff;
}

.show{
z-index: 100;
  background-color: #217b2a;
}
.jb-bu{
	background: #4e79c7;
	padding: 2px;
  color:#fff;
}
.jb-cl{
	color:#fff;
}
.jb-feature{
margin-bottom: 10px;
border: 1px solid
rgb(47, 136, 49);
border-radius: 5px;
}
.jb-feature .jb-title{
  display: block;
position: relative;
background: linear-gradient(
#32a448, #2f8831,
#126c23);
text-align: center;
}
.sidebar ul li{
border-bottom: 1px solid
#2f8831;
line-height: 1.2;
padding: 5px;
  margin-bottom: 0px;
}
.sidebar-left ul li:nth-child(2n) {
    background: 
    #f4f3f3;
}
.sidebar-left ul li{
border-bottom: 1px solid
#2f8831;
line-height: 1.2;
padding: 5px;
  margin-bottom: 0px;
}
.jb-feature ul{
  padding-left: 0px;
  margin-bottom: 0px;

}
.jb-feature a{
  display: flex;

}
.jb-feature ul li{
border-bottom: 1px solid
#2f8831;
padding: 5px ;
box-sizing: border-box;
list-style: none;
width: 100%;
}
.jb-feature ul li:hover{
background: #2f8831 !important;
}
.jb-feature ul li:hover a{
color:#fff;
  
}
.sidebar ul li:hover{
background: #2f8831 !important;
}
.sidebar ul li:hover a{
color:#fff;
}
.sidebar-left ul li:hover{
background: #2f8831 !important;
}
.sidebar-left ul li:hover a{
color:#fff;
}

main .sidebar-title{
text-align: center;
}

.jb-feature ul li a::before{
content: '\f138';
padding-right: 5px;
font-size: 15px;
color:
red;
font-family: fontawesome;
}

.jb-feature h2 {
font-size: 16px;
line-height: 22px;
margin-bottom: 0px;
  font-weight: normal;
}

.jb-side  a {
font-size: 16px!important;
line-height: 22px;
margin-bottom: 0px;
  display: flex;
}.jb-side h3 {

line-height: 0.9!important;
}.jb-ft a::before {
    content: '\f138';
    font-size: 15px;
    color: 
    #4e79c7;
    font-family: fontawesome;
  padding-right: 5px;

  
}.jb-side a::before {
    content: '\f138';
    font-size: 15px;
    color: 
    #4e79c7;
    font-family: fontawesome;
  padding-right: 5px;
}
main .jb-side a::before {
    content: '\f138';
    font-size: 15px;
    color: 
    red !important;
    font-family: fontawesome;
  padding-right: 5px;
}
.jb-side ul{

}

.jb-side a{
  display: flex;

}
main .list li{
border-bottom: none !important;
padding: 0px !important;
float: left;
list-style: none;
width: auto !important;
}
main .list li a{
margin: 2px !important;
display: inline-block !important;
line-height: 22px !important;
text-decoration: none !important;
padding: 0px 5px 0 5px !important;
white-space: nowrap !important;
position: relative !important;
border-color: none !important;
border: none !important;
transition: none !important;
border-radius: 3px;
text-transform: uppercase;
font-size: 13px !important;
letter-spacing: 1.5px;

  background: #4e79c7;
  color:white;
}
main .list li:hover{
  background: none !important;
}
main .list li a:hover{
  background: #2F8831 !important;
}

.jb-side ul li{
border-bottom: 1px solid
#2f8831;
padding: 5px ;
box-sizing: border-box;
list-style: none;
width: 100%;
}
.jb-side ul li:hover{
background: #2f8831 ;
}
.jb-side ul li:hover a{
color:#fff;
  
}

.jb-side ul li:nth-child(2n):hover {
    background: #2f8831 ;
}
.jb-s{
width: 100%;
padding: 6px 0 6px 1em;
color:
#333;
outline: none;
height: 34px;
border: 1px solid
#2f8831;
  border-radius: 5px;
}
.jb-sb{
position: absolute;
top: 0;
right: 5px;
height: 34px;
width: 80px;
font-size: 14px;
color:
#fff;
text-align: center;
border-width: 0;
background: linear-gradient( #32a448, #2f8831, #126c23);
cursor: pointer;
border-radius: 0px 5px 5px 0px;
}
.jb-sb:hover{
background: #4e79c7;
}
label{
width:100%;}
.sticky {
    background: #f9f9f9;
    padding: 10px 15px 5px; 
}
.jb-feature ul li:nth-child(2n) {
    background: #f4f3f3;
}






.gallery-caption {
    font-style: italic;
    color: #999;
}

.bypostauthor {
    background: #f9f9f9;
}

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

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

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}


/* Essential Styles ------------------- */
.h1, h1 {
    font-size: 2.2rem;
}
.h2, h2 {
    font-size: 1.8rem;
}
.h3, h3 {
   font-size: 22px;
margin-bottom: 0px;
color:
white;
line-height: 1.4;
}
h2 a  {
	color: #333;
}

h2 a:hover {
	text-decoration: none;
}

.sidebar,
.sidebar-left,
.footer-widget {
    overflow: hidden;
}

.sidebar-widget ul,
.footer-widget ul {
    list-style: none !important;
    padding-left: 0px;
  margin-bottom: 0px;
}
.navbar-nav a:hover{
background: #4e79c7;
}
 
.navbar-nav a {
	color: #fff;
	display: block;
	font-weight: 600;
    padding: .5rem 1rem;
  text-transform: uppercase;
font-size: 14px;
}
 
.type-page {
    overflow: hidden;
}

.post {
    overflow: hidden;
}
 
.page img {
    max-width: 100%;
    height: auto;
}

.post img {
    max-width: 100%;
    height: auto;
	margin: auto;
    display: block;
}

.comment {
    margin: 15px 0;
    padding: 10px; 
    list-style: none;
	border: 1px solid #DDD;
}

.commentlist {
    padding-left: 0px;
}

.comment-author { 
}

.comment-meta {
    font-size: 11px;
    margin: 5px 0 10px;
}

.depth-2,
.depth-3,
.depth-4,
.depth-5 {
    list-style: none !important;
}

textarea {
    width: 100%
}

embed,
iframe,
object,
video {
    max-width: 100%;
}

.main-footer { 
}

.emptybox {
	border: 1px solid #CCC;
	background-color: #fff;
	padding: 5px;
	text-align: center;
	text-transform: uppercase;
}


/* Text for screen readers --------------- */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}
@media only screen and (max-width: 650px) {
.jb-s1 {
    width: 95%;}
	.col-sm-12{
	padding-left:10px;
	padding-right:10px;
}
	#Header2_headerimg{
		max-width: 345px;
	}
	#Header1_headerimg{
		max-width: 345px;
	}
	
}
@media only screen and (max-width: 991px) {
  .jb-hed {
  
   display:none;}
    .jn-bnr {
    margin-top: 1px !important;
    margin-bottom: 1px !important;}
      .jb-lgo {
  
    margin: auto;
}


}