/*
 * Theme Name:  Squaretype Child
 * Theme URI:   https://codesupply.co/themes/squaretype/
 * Description: Squaretype Child Theme
 * Author:      Code Supply Co. x BM
 * Author URI:  https://codesupply.co/
 * Template:    squaretype
 * Version:     1.0.27
 */

/* Copy any classes from parent theme here. They will override the parent's version. */

.site-search-wrap {background-color:#005288;}



@media (min-width: 1020px){

.site-info .footer-col-nav .navbar-nav {
   flex-direction: column;}

.site-info .footer-col-info {
   padding-left:10%;
   flex: 0 0 60%;}


#menu-footer > li > a {
    font-weight:400;}

.site-info .footer-col-nav-full .menu-item {
   max-width: unset;}

.site-info .footer-col-social .pk-social-links-items {
	justify-content: flex-start;
	padding: 3rem;}

.site-info .footer-col-info .footer-copyright {
    margin-top: 1rem;
}

}

.site-info .footer-col-info img{
    max-width: 320px;
   
}

#menu-footer > li > a {
    text-transform: capitalize;
}

@media (min-width: 1200px) {
	.header-compact .navbar-follow {
		display: none;
	}
}

@media (min-width: 1240px) {
	.header-compact .navbar-follow {
		display: flex;
	}
}

.header-compact.navbar-alignment-left .navbar-brand:not(:last-child) {
    margin-right: 1rem;
}

@media (max-width: 1019px){
.navbar-brand img {
	max-height: 30px;
}
.site-info .footer-col-info img{
    max-width: 320px;
    margin-left: auto;
    margin-right: auto;
}
}
@media (max-width: 719px){
.site-info {
	padding: 3rem 0 6rem;
}
}
@media (max-width: 340px){
.navbar-brand img {
	max-height: 20px;
}
}

.pk-scroll-to-top {
        bottom: 4rem;
    
}
.cs-overlay-background{
	background:unset !important;
}

[data-scheme="dark"] {
	
	--cs-color-excerpt: #FFFFFF;
    
  
	
}
/* gradient to be use for the footer*/
.footer-background{
background: rgb(1,150,216);
max-height: 80px;
background: linear-gradient(90deg, rgba(1,150,216,1) 0%, rgba(47,133,199,1) 25%, rgba(115,94,169,1) 50%, rgba(227,200,227,1) 75%, rgba(255,255,255,1) 100%);
}

@media (min-width: 780px){
    .tabformexp{max-width:500px}
    }
    .tabformexp{min-width:500px;}

#flipbook {height:1100px !important;}