/*
 Theme Name:   Flatbase Child
 Template:     flatbase
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  flatbase-child
*/

/*
BLOG DETAILS PAGE 
*/

#default-logo {
    width: 100%;
    /*width: 256px;*/
    height: 35px;
}

.custom_cap h1 {
    text-align: center;
    padding-bottom: 20px;
	color: #464646;
    font-weight: 700;
	font-size: 42px;
}
.custom_cap p {
    text-align: center;
    margin-top: 15px;
	color: #8264aa;
    font-weight: 800;
	border-top: 2px solid #958d8d;
    border-bottom: 2px solid #958d8d;
    padding-top: 10px;
    padding-bottom: 10px;
}
#header.background-accent-color {
    background: linear-gradient(#c7c7c7, white);
}
#search-wrap {
    max-width: 50%;
    margin: 0 auto;
}
#live-search #searchform {
    border-radius: 10px;
	border: 1px solid gray;
}
#default-logo {
  /*  width: 98%; */
}
#header #top #logo {
    max-width: 35%;
}
#header #top .col-full {
    max-width: 95% !important;
}
#header.has-border #top {
    border-bottom: 0px solid rgba(255, 255, 255, 0.2) !important;
}
.header-dark #top #navigation > ul.nav > li > a {
    color: #363636;
}
.nice-knowledgebase h3, .nice-knowledgebase h3 a {
    font-size: 25px;
}
.custom_cap ul {
    text-align: center;
    margin-top: 15px;
    /*border-top: 1px solid gray;
    border-bottom: 1px solid gray;*/
}
.custom_cap ul li {
    color: #1f386e;
    display: inline-block;
    padding-left: 25px;
    margin-top: 10px;
    margin-bottom: 10px;
	font-weight: bold;
}
span.custom_logo img {
    padding-left: 11px;
	width: 80%;
}
span.custom_logo {
    display: inline-block;
    padding-top: 30px;
    padding-left: 8px;
}
span.custom_logo:before {
    content: "";
    border-left: 1px solid #fff;
    display: block;
    width: 9px;
    height: 62px;
    position: absolute;
}
.nav-uppercase #top #navigation > ul.nav > li > a {
    text-transform: uppercase;
    font-weight: bold;
}
.custom_cap ul li:first-child {
    padding-left: 0px;
    }
@media screen and (min-width: 1600px) and (max-width: 1680px){
	span.custom_logo {
    display: inline-block;
    padding-top: 30px;
    padding-left: 93px;
    }
	#header #top #logo #default-logo, #header #top #logo #retina-logo {
    height: auto!important;
    width: auto;
    }
	span.custom_logo img {
    padding-left: 11px;
    width: 85%;
    }
}
@media screen and (min-width: 1025px){
	#header #top #logo #default-logo, #header #top #logo #retina-logo {
    height: auto!important;
    width: 100%;
    }
	span.custom_logo {
    display: inline-block;
    padding-top: 30px;
    padding-left: 37px;
    }
	span.custom_logo img {
    padding-left: 11px;
    width: 85%;
    }
}
@media screen and (min-width: 768px) and (max-width:1024px){
	ul#main-nav li {
    border-bottom: 1px solid #111!important;
}
	#logo img{
    width: 80%;
    object-fit: contain;
    height: auto!important;
    }
	#header #top #logo {
    max-width: 80%;
    }
	span.custom_logo img {
    padding-left: 14px!important;
    width: 215px;
    }
	#search-wrap {
    max-width: 100%;
    margin: 0 auto;
    }
	#header #top #logo {
    max-width: 100%;
    }
}
@media screen and (max-width: 767px){
	#header #top #logo {
    max-width: 80%;
    }
	#default-logo {
    height: auto!important;
    }
}
@media screen and (max-width: 600px){
	#header #top #logo {
    max-width: 100%;
    }
	ul#main-nav li {
    border-bottom: 1px solid #111!important;
}
ul#main-nav li a {
    color: #111!important;
}
#default-logo {
    width: 98%;
    height: auto!important;
}
.custom_cap h1 {
    font-size: 26px!important;
}
	#header #top #logo {
    max-width: 80%;
    }
}
@media screen and (max-width: 414px){
	#logo img{
    width: 256px;
    object-fit: contain;
    height: auto!important;
    }
	span.custom_logo img {
    padding-left: 0px!important;
    width: 235px;
    }
	#search-wrap {
    max-width: 100%;
    margin: 0 auto;
    }
	.custom_cap ul {
    margin: 20px auto;
    }
	span.custom_logo:before{display: none;}
}
@media screen and (max-width: 360px){
	#default-logo {
    width: 230px;
    object-fit: contain;
    height: auto!important;
    }
	span.custom_logo img {
    padding-left: 0px!important;
    width: 195px;
    }
	.custom_cap h1 {
    font-size: 32px;
    }
	#logo img {
    width: 236px;
    object-fit: contain;
    height: auto!important;
    }
}
@media screen and (max-width: 320px){
	span.custom_logo img {
    padding-left: 0px!important;
    width: 172px;
}
	#logo img{
    width: 196px;
    object-fit: contain;
    height: auto!important;
}
}