/* 
Theme Name: Craigknows
Theme URI: https://craigknows.demo-sites.in
Description: Craigknows
Theme Author: Craigknows
Author URI: https://craigknows.demo-sites.in
Template: twentytwentyone 
Version: 1.0.0
Text Domain: craigknows-child
License: GNU General Public License or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
*/

/************ Header Start ************/
#header{  width:100%; display:table; font-family:'Roboto', sans-serif; }
.fixedtop { background:#67090d; /*position:absolute; top:0; right:0; left:0; z-index:1030;*/ }
.header-menu .nav { display:flex; height:100%; justify-content:space-between; align-items:center; padding-top:15px; padding-bottom:15px; transition:all 0.3s ease-out; }
.header-menu .nav__logo { color:#ffff; font-size:30px; height:100px; width:80px; }
.header-menu a.custom-logo-link { color:#ffff; font-size:30px; height:100px; width:80px; }
.header-menu .nav .nav__logo img { width:100%; height:100%; }
.search-bar { display:flex; align-items:center; position:relative; }
.header-menu .nav__link-wrapper { display:flex; flex-wrap:wrap; justify-content:flex-end; padding-left:0; align-items:center; }
.header-menu .menu-item {
  list-style:none; padding:10px 10px; font-size:18px; font-weight:600; text-transform:uppercase;
  line-height:120% !important; letter-spacing:0.85px; }
.header-menu .menu-item a {
  color:#fff !important; font-family:"Roboto", Sans-serif; font-size:16px; padding:0 !important; font-weight:600; }
.header-menu .menu-item a { color:#fff !important; font-family:"Roboto", Sans-serif; }
.header-menu .menu-item a:hover { text-decoration:none; }
.header-menu .nav__link-wrapper .menu-item .btn span { font-size:17px; text-transform:none; }
.header-menu .menu-item a:hover { color: #3c559b !important;}
.primary-navigation { margin-left:inherit;}
.input-group-prepend { margin-right: -1px; display:flex; }
.search-bar .form-control { padding: .375rem .75rem; background:#ffff!important; border:1px solid #ced4da; border-radius: .25rem; opacity:1 !important;}
.search-bar .input-group-text { border-top-right-radius:0; border-bottom-right-radius:0; margin-right: -2px;}

.primary-navigation .primary-menu-container { margin-right: 0;}
#menu-item-20 img { filter:invert(1); }
#menu-item-29 { background:#3c559b; border-radius:5px; border:1px solid #3c559b; text-transform:capitalize; padding: 10px 30px; }
#menu-item-29:hover {background:#fff;  border:1px solid #3c559b; }
#menu-item-29:hover a { color:#3c559b !important;}

#auto_translate_button_wrapper { position:absolute; left:-150px; top:5px;}

/**************** Footer ********************/
#footer { max-width:100%; padding-bottom:0px; margin-top:20px; }
.section-gap-half-padding { padding-top:50px; padding-bottom:20px;  margin:0px;}
.footer-section { background: #2a2424;}
.footer-section .footer-logo {
  line-height: 100px;
  width: 100px;
  height: 120px;
  font-size: 22px;
  color: #ffff;
}
.footer-logo img {
  height: 100%;
  width: 100%;
}
.social-footer ul li { display:inline-flex;}
.social-footer ul li a {  background-color:#3C4F9B; color:#fff !important; border-radius:50%; width:35px; height:35px; display: inline-flex; align-items:center; justify-content:center; text-align:center; cursor:pointer;  margin-right:5px; text-decoration:none; }
.copyright-section { padding: 20px 0px; background-color: #000; margin:0; }
.copyright-section .text-copy { color:#fff; text-align:center; font-size:14px; font-family: "Roboto", Sans-serif;}

h2.widget-title { color:#fff; font-size:18px;}
.footer-list ul li a:hover { color:#3c559b !important;}
.footer-list ul li a { color:#fff !important; font-family: "Roboto", Sans-serif !important; font-weight:400; font-size:14px; text-decoration:none; }
.footer-list ul li a:focus {  outline: 0px solid transparent; text-decoration:none; background:none; }
footer .widget-area { margin-top:0; padding-top:0px;}
.footer-menu-col .widget_text { margin-top:0px; }
#custom_html-2 { width:130px; margin-top:0;}


.site { background:#890c12; }
.site-main article.post  {  margin-bottom:15px;}

.gap-bottom50 { padding-bottom:50px; }	
.blogttl { background:#3c559b; font-size:40px; color: #fff; margin-bottom:50px; text-align:center; padding:70px 20px; 
	display:table; width: 100%;  }
.blogttlhome {  font-size:40px; color:#fff; margin-bottom:30px; text-align:center; padding:20px 20px; 
	display:table; width: 100%;  }
.blog-listBox { display:table; width:100%; position:relative; border-bottom:1px solid #ccc; padding-bottom:15px; margin-bottom:15px;}
.dateFormat{ position:absolute; width:80px; left:0; top:10px; }
.blogPost-content { padding-left:100px; min-height:155px; }
.date { display:block; color:#fff; font-size:30px; text-align:center; font-weight:bold; line-height:30px; padding:10px; 
	background:#3c559b; }
.date small{ display:block; font-size:15px; font-weight:normal; }
.datepan { font-size:30px; color:#890c12; background:#eef0f2; display:table; width:100%; margin-top:1px; 
	padding:10px; text-align:center; }
.blogPost-content h2 { margin-top:0px; line-height:35px; }
.blogPost-content h2 a { color:#fff !important; font-size:30px; text-decoration:none; font-weight:600;}
.blogtext { color:#fff; }
.blogtext p { color:#eef0f2; letter-spacing:0.3px; }
.blogtext a.readmore {  display:none; color:#fff; font-size:16px; float:right; margin-top:15px; text-decoration:none; }
.blogtext a.readmore:hover { color:#3c559b; }
.blogtext a.more-link:focus {  outline: 0px solid transparent !important; text-decoration:none !important; background:none !important; }
.blogtext a.more-link {  color:#fff; font-size:16px; float:right; margin-top:15px; text-decoration:none; }
.blogtext a.more-link:hover { color:#3c559b; }

.see-more { font-size:30px;  text-align:center; padding:20px; }
.see-more a { color: #fff !important; }
.see-more a:hover { color: #3c559b!important; }
.blog-container { margin-bottom:0px; margin-top:0px;}

.navigation.pagination { border-top:0px solid !important; display:table;}
.navigation.pagination .nav-links .page-numbers { margin-top:0px !important; color:#fff; font-size:14px; margin:5px; text-align:center;}
.navigation.pagination .nav-links .page-numbers.current { color:#ccc;text-decoration:none; }
.navigation.pagination .nav-links a.page-numbers:hover { text-decoration:none; color:#ccc; }
.single-post #comments { display:none;}
.single-post h1.entry-title { color: #fff !important; font-size:36px; font-weight: 600;}
.single-post .entry-content {color:#eef0f2; letter-spacing: 0.3px; color:#fff; }
.single-post .entry-content p { max-width:100% !important;}
.single-post footer.entry-footer { color:#fff; margin:0!important; max-width:100%; border-top:2px solid #67090d !important;}

header.entry-header { padding-bottom:20px!important; margin-bottom:50px!important; border-bottom: 2px solid #fff!important; }
.post-navigation {  color:#fff; margin:0; max-width:100%; border-top:2px solid #67090d ;}
.post-navigation p, 
.post-navigation p.meta-nav { color:#fff;}
.post-navigation a { color:#fff;}
.navigation.pagination .nav-links .page-numbers:focus {
  outline: 0px solid transparent; text-decoration:none; background:none; }

.navigation .nav-links .nav-next a:focus, .navigation .nav-links .nav-previous a:focus{
  outline: 0px solid transparent; text-decoration:none; background:none; }

.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
  outline: 0px solid transparent;  text-decoration:none; text-decoration-skip-ink: none; background:none; }

@media (max-width: 1199px) {
	.header-menu .menu-item a { font-size:12px;}
}

@media (max-width: 767px) {
.menu-button-container { display:block;}
.search-bar { display:table; margin:auto;}
.search-bar .form-control { display:none; }
.search-bar .input-group-text { border-radius: .375rem;}
#primary-mobile-menu { color:#fff !important; font-size:0px!important; margin-top:10px; }
#primary-mobile-menu .svg-icon { width:70px; height:40px;}
.header-menu .nav__logo { height:80px; width:80px; }
.primary-navigation-open .menu-button-container { background-color:#666;}
.primary-navigation .primary-menu-container { background-color:#666;}
#auto_translate_button_wrapper { position:relative; left:0;}
	
}

@media (max-width: 575px) {
.header-menu .nav__logo { height:60px; width:60px; }
#primary-mobile-menu {  margin-top:0px; }
#custom_html-2 { margin:auto;}
#footer .section-gap-half-padding { padding-top:20px; padding-bottom: 0px;}
}