/*
Theme Name: www.ballardaviation.com
Theme URI: https://sandhills.com
Author: Sandhills
Author URI: https://sandhills.com
Description: Sandhills default template.
Version: 1.0
Text Domain: sandhills
Tags: Sandhills default
*/

/*
color

blue #3c6398
grey blue #617386
Grey #979393
lt grey #C8C6C6
red #d32027

*/
/*--------------------------------------------------------------
## Bootstrap 5
--------------------------------------------------------------*/
.row > * {
    padding-left: calc(var(--bs-gutter-x) * 0.0);
    padding-right: calc(var(--bs-gutter-x) * 0.0);
}
.menu-link {
	display:block;
}

#menu-primary {
    display: flex!important;
    flex-direction: row;
    /* justify-content: left; */
    /* width: 100%; */
	padding:0!important;
}

.navbar-default {
	padding:0!important;
}
#menu-secondary {
	flex-direction: row;
}

.navbar:not([data-blockstyles="sheditor-element"]) .navbar-nav.navbar-center:not([data-blockstyles="sheditor-element"]) {
	display: flex !important;
	flex-direction: row;
	justify-content: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

@media only screen and (min-width : 769px) {
	.collapse:not(.show):not([data-blockstyles="sheditor-element-ignore"]) {
        display: flex !important;
		flex-direction: row;
    }
	.navbar:not([data-blockstyles="sheditor-element"]) .navbar-nav.navbar-center:not([data-blockstyles="sheditor-element"]) {
        display: content !important;
		flex-direction: column;
        justify-content: right;
    }
}
@media only screen and (max-width : 768px) { 
.is-active {
        display: block !important;
        justify-content: right;
        padding-top: 5px;
        padding-bottom: 5px;
    }
	
	#menu-primary {
		display: block!important;
		flex-direction: row;
		width: 100%;
		padding: 15px 25px;
	}
	
}

/*--------------------------------------------------------------
## Primary Styles
--------------------------------------------------------------*/

html, body {
	height:100%;
	width:100%;
    line-height: normal;
}
.wp-custom-header iframe,
.wp-custom-header img,
.wp-custom-header video {
	display: block;
	height: auto;
	max-width: 100%;
}
.wp-custom-header {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.wp-custom-header iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* Class for Google Map widget */
.google_map {
	width:100%; 
	min-height:58vh;
}
.navbar-default { 
	background-color:transparent!important;
	border-color:transparent!important;
}
.navbar {
	min-height:auto!important;
	margin-bottom:0!important;
}
.navigation-top {
	width:100%;
}
.menu li {
	width:auto!important;
	padding-right:6%;
	display:inline-block;
}
.menu li:last-child {
	padding-right:0!important;
} 
.menu li > a {
	color:#000;
	font-size:1.5em;
}
.dropdown-menu {
	background-color: rgba(0,0,0,0.7);
	color:orange;
	border-radius:0px;
}
.navbar-default .navbar-nav>li>a {
    color: #000;
    font-size: 20px;
    text-align: center;
    background: #fff;
    font-weight: 600;
    padding: 10px 0;
    border-right: 2px solid #4a4a4b;
    border-left: 2px solid #c8c6c6;
    line-height: 1;
}
.navbar-default .navbar-nav>li:last-child a {
    border-right: 0px;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	background-color:#3c6398;
    color: #fff;
}
.dropdown-menu:not(.head-list)>li>a {
    color: #000;
	font-size:16px;
	font-weight:400;
}
.dropdown-menu:not(.head-list)>li>a:hover {
    background-color: #3c6398;
    transition: linear 0.2s;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/


.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

#wp-admin-bar-new-content-default {
	display: none;
}






/*===================== 
	base styles 
=======================*/


body {
	font-family: 'Markazi Text', serif;
    margin: 0;
	padding:0;
    background-color:#979393;
	}

/*===================== 
	typography 
=======================*/

h1 {
    font-size: 38px;
    margin: 0 auto;
    text-align: center;
    font-weight: 600;
    color: #3c6398;
    padding-top: 10px;
}
h2 {
    font-size: 24px;
    margin: 0 0 10px 0;
    font-weight: 600;
    padding: 10px 0;
}
h3 {
    font-size: 20px;
    margin: 0 0 5px 0;
    font-weight: bold;
}
h4 {
    font-size: 14px;
    margin: 0 0 5px 0;
    font-weight: bold;
    text-transform: uppercase;
}
h5 {
    font-size: 16px;
    margin: 0 0 5px 0;
    font-weight: bold;
}
h6 {
    font-size: 14px;
    margin: 0 0 0 0;
    font-weight: bold;
}

p {
    line-height: 22px;
    font-weight: 600;
    margin:0;
	}

p a {
   color:inherit;
}
p a:hover {
   color:#d32027;
}

.butn-1 {
	background:#000;
	color:#fff;
	display: inline-block;
	padding:10px;
	text-align:center;
	max-width: 250px;
	margin:10px 0;
}
.butn-1:hover {
	background:#fff;
	color:#000;
}

.wide-btn-1 {
    background: #3b6399;
    width: 100%;
    padding: 0px;
    display: block;
    margin: 16px 0px;
    border-radius: 9px;
    padding: 15px 0px;
    font-size: 20px;
    text-align: center;
    color: #fff!important;
    text-decoration: none;
}
.wide-btn-1:hover {
    background: #fff;
    color: #3b6399!important;
}

.red-btn-1 {
    color: #fff;
    text-decoration: none;
    background: #c50003;
    padding: 10px 0;
    text-align: center;
    width: 200px;
    display: block;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 20px;
    margin: 5px auto;
}
.red-btn-1:hover {
    color: #3b6399!important;
}

 
.img-border-white {
    border-radius: 2px;
    border: 3px solid #fff;
    margin:0px 10px;
    box-sizing: border-box;
}
.block-head {
    margin: 0 0 10px 0;
    font-weight: 600;
    color: #fff;
    background: #3c6398;
    padding: 10px 0;
}

/*===================== 
	header styles 
=======================*/

#header {
    background: #617386;
    color: #000;
}
.header-1 {
    width: 100%;
    max-width: 1150px;
    padding:10px 20px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
}

.head-logo-1 img {
	max-width: 100px;
    width: 100%;
	height: auto;
	display: block;
}
.head-logo-2 img {
	width: 100%;
    max-width: 465px;
	height: auto;
	display: block;
}
.header-1 ul {
    padding:0;
    margin:0;
    text-align: right;
}
.header-1 ul li {
    padding:0;
    margin:0;
    list-style: none;
    font-weight: 600;
    font-size: 22px;
    line-height: 22px;
}
.header-1 ul li a {
    color:#000;
}
.header-1 ul li a:hover {
    color:#d32027;
}

.nav-cont-1 {
    border-top: #c8c6c6 5px solid;
    width:100%;
}


/*===================== 
	content styles 
=======================*/

.mainimage img {
  width: 100%;
  max-width: 1140px;
  margin: -10px auto 0 auto;
  border: solid #fff 5px;
    border-top: 0px;
  box-shadow: #000 2px 2px 10px;
  position: relative;
  z-index: -1;
}
.galery-imgs {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.galery-imgs.left-gal {
    justify-content: flex-start;
    padding:0 0 20px 0;
    border-bottom:1px solid #fff;
}
.galery-img-col-1 {
    width:40%;
}
.galery-img-col-2 {
    padding:10px;
    box-sizing: border-box;
}
.galery-img-col-3 {
    width:24%;
    margin:10px 0;
}
.galery-imgs img {
    max-width: 100%;
    height: auto;
    display: block;
    margin:0 auto;
    border: 2px #000 solid;
    box-shadow: 1px 2px 5px #000;
    max-height: 150px;
}
.galery-imgs p {
    text-align: center;
    font-size: 18px;
    padding:10px 0;
}
.galery-imgs p a {
    color:#000;
}
.location-slider {
   border: 3px #fff solid;
    box-shadow: 1px 2px 5px #000; 
    margin:10px;
}
.location-slider .carousel-control.left, .carousel-control.right {
  color: #fff;
}
.links-cont-1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.links-cont-1 a img {
    width:100%;
}
.links-cont-2 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.links-cont-2 a {
    width:23%;
    padding:20px 0;
}
.links-cont-2 a img {
    width:100%;
    max-width: 100%;
    height: auto;
    display: block;
    margin:5px auto;
}
.links-cont-2 a p {
    width:100%;
    margin: 0 auto;
    background-color: #3b6399;
    color: #FFFFFF;
    padding: 10px;
    text-align: center;
}
.links-cont-2 a p:hover {
    background-color: #284366;
}

.paint-shop-project-cont-1 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.paint-shop-project-cont-1 a {
    width:48%;
    margin:20px 0;
}
.paint-shop-project-cont-1 a p {
    font-size: 28px;
    padding:10px;
    font-weight: 600;
    color: #fff;
    background: #3c6398; 
    width:100%;
    box-sizing: border-box;
}
.paint-shop-project-cont-1 a img {
    width:100%;
    height: auto;
    display: block;
}
.paint-shop-project-cont-1 a:hover p {
    background: #284366; 
}
.paint-shop-project-cont-1 a:hover img {
    opacity: 0.9;
}

/*===================== 
	slideshow styles 
=======================*/



/*===================== 
	Sales CTP Styles
=======================*/

.post-container-inventory_listings {
    display: flex;
    flex-wrap: wrap;
}

.border-inventory_listings {
  text-align: inherit;
  border: 0px!important;
  border-bottom: 0px!important;
  box-shadow: 0 0px 0px rgba(0,0,0,0.05)!important;
  background-color: transparent!important;
}

.sales-img-cont-1 {
    position: relative;
    max-width: 235px;
    margin: 0 auto;
}

.sales-img-cont-1 img {
    width: 100%;
    max-width: 235px;
    height: auto;
    display: block;
    margin:0 auto;
}
.sales-img-cont-1 p {
    position: absolute;
    bottom: 20px;
    right: 30px;
    text-transform: uppercase;
    text-align: right;
    color: #fff;
    font-weight: 500;
    font-size: 38px;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}
.sales-info-cont {
    padding:5px 0 0 0;
    text-align: center;
} 
.sales-info-cont p {
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: normal;
} 
.sales-btn-1 {
    color: #fff;
    text-decoration: none;
    background: #3c6398;
    padding: 2px 10px;
    border-radius: 3px;
    text-transform: uppercase;
    font-size: 18px;
    margin:5px auto;
    display: inline-block;
}
.sales-btn-1:hover {
    background: #274063; 
}
.sales-main-info {
    width:90%;
    margin:20px auto;
}
.sales-main-info h1 {
    font-size: 24px;
    color:#000;
    text-align: left;
}
.sales-main-info p {
    font-size: 24px;
}
.sales-main-info p a {
    color:#3c6398;
}
.sales-main-info p a:hover {
    color:#fff;
}


/*--Sales CTP slider Styles-----*/

.sales-slider-cont .slider-wrapper {
    box-shadow: 0px 1px 5px 0px #4a4a4a;
    border: solid #fff 6px;
    border-top: 0px;
    position: relative;
}
.sales-slider-cont img {
    width: 100%;
}
.sales-slider-cont .height {
    height: 10px;
}

/* Image-container design */
.sales-slider-cont .slider {
    max-width: 1200px;
    position: relative;
    margin: auto;
}

.sales-next {
    right: 0;
}
.sales-previous {
    left: 0;
}

/* Next and previous icon design */
.sales-previous,
.sales-next {
    cursor: pointer;
    position: absolute;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    box-sizing: border-box;
    padding: 10px;
    color: rgba(255,255,255,0.5);
    text-shadow: 0 0 10px rgba(0,0,0,0.1);
    font-size: 40px;
}
.sales-previous:hover,
.sales-next:hover {
   color: rgba(255,255,255,1.0); 
    text-shadow: 0 0 10px rgba(0,0,0,0.5);
}






/*===================== 
	layout styles 
=======================*/

.site-content  {
    width: 100%;
    max-width: 1150px;
    padding:0 10px!important;
    margin: 0 auto;
	box-sizing: border-box;
    float:none;
}

.container-1 {
	width: 100%;
    max-width: 1150px;
    padding:0 10px;
    margin: 0 auto;
	box-sizing: border-box;
	}
.container-inv {
	width: 100%;
    max-width: 1150px;
    padding:0 10px;
    margin: 0 auto;
	box-sizing: border-box;
	}

.cont-padding {
    padding-top:30px;
    padding-bottom:30px;
}
.col {
    padding:10px;
}
.flex-cont-1 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
	
.column-1-6 { width: 16%; box-sizing:border-box;}
.column-1-5 { width: 20%; box-sizing:border-box;}
.column-1-4 { width: 24%; box-sizing:border-box;}
.column-1-3 { width: 33%; box-sizing:border-box;}
.column-1-2 { width: 49%; box-sizing:border-box;}
.column-2-3 { width: 65%; box-sizing:border-box;}
.column-3-4 { width: 75%; box-sizing:border-box;}

/*===================== 
	footer styles 
=======================*/



.foot-link-1 .sidebarColumn {
    min-height: 0px;
}

.foot-pdf-link {
    max-width: 720px;
    background: #3b6399;
    color: #fff;
    height: auto;
    text-align: center;
    padding: 10px 5px;
    box-shadow: #000 0 0 5px;
    border: solid #fff 4px;
    margin: 25px auto -4px auto;
    font-size: 24px;
    font-weight: 600;
}
.foot-pdf-link a {
    color:#fff;
}
.foot-pdf-link a:hover {
    color:#d32027;
}

.foot-cont-1 {
   background:#617386; 
}
.nav-foot-cont-1 {
    position: relative;
    z-index: 1;
}
.foot-contact {
    border-top: solid 5px #C8C6C6;
    border-bottom: solid 5px #C8C6C6;
    padding: 5px 0;
}
.foot-contact h3 {
    text-align: center;
    font-size: 24px;
    margin:5px 0;
}
.foot-contact ul {
    padding:0;
    max-width: 900px;
    width:100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.foot-contact ul li {
    padding:0;
    margin:0;
    list-style: none;
    font-size: 24px;
    color:#fff;
}
.foot-contact ul li a {
    color:#fff;
}
.foot-contact ul li a:hover {
    color:#d32027;
}
.divfooter {
    max-width: 450px;
    text-align: center;
    margin: 0 auto;
    padding:20px 0 40px 0;
    line-height: 13px;
    display: block;
}
.footertext {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #000;
}
a.footerlink:link, a.footerlink:visited, a.footerlink:active {
  text-decoration: underline;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #000;
}
.smallfootertext {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000;
}


/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {		

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 993px) {
	
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
}
@media only screen and (max-width : 860px) {
	.header-1 {
      justify-content: center;
    }
    
    .header-1 ul {
        padding:10px 0 0 0;
        width:100%;
        border-top:1px solid #000;
        text-align: center;
    }
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .img-border-white {
        margin:10px auto;
    }
    .head-logo-1 {
        width:15%;
        padding:0 0 10px 0;
    }
    .head-logo-2 {
        width:70%;
        padding:0 0 10px 0;
    }
    .navbar-default .navbar-nav > li > a {
        border-top: none !important;
        border-bottom: 2px solid #c8c6c6;
        border-right: none !important;
        border-left: none !important;
        text-align: left;
        box-sizing: border-box;
        padding-left: 20px;
    }
    .paint-shop-project-cont-1 a {
        width:100%;
    }
    .galery-img-col-3 {
        width:48%;
        margin:10px 0;
    }
    
    
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
    .galery-img-col-3 {
            width:100%;
            margin:10px 0;
        }
}