/*
Theme Name: www.bobcatofmilescity.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
*/

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

/***** BEGIN RESET *****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    background:transparent;
    border:0;
    margin:0;
    padding:0;
}

ol, ul {list-style: none;}
.clear {clear: both; height:0px; margin:0;}
*, *:after, *:before {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

/***** END RESET *****/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

button,
input { /* 1 */
  overflow: visible;
}

button,
select { /* 1 */
  text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

a {
	text-decoration: none;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all.3s ease-in-out;
}


html, body {
	width:100%;
}
body {font-family: 'Open Sans', sans-serif!important; overflow-x: hidden; line-height: 1.8;}

.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:18px;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	color:#e68a24;
}
.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: #e68a24;
    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;
}
:root{
	--orange: #ff3600;
	--gray: #f4f4f4;
	--heading: 'Teko', sans-serif;
	--font:'Open Sans', sans-serif;
}



/*--------------------------------------------------------------
## Text
--------------------------------------------------------------*/
.white-large{font-size:100px; line-height:110px; font-weight:800; color:#fff; text-shadow:1px 1px 5px rgba(0,0,0,.8); text-transform:uppercase; font-family:var(--heading);}
.white-medium{font-size:40px; line-height:45px; font-weight:600; color:#fff; text-shadow:1px 1px 5px rgba(0,0,0,.8); text-transform:uppercase; font-family:var(--heading);}
.white-box{font-size:20px; display:inline; line-height:45px; font-weight:600; color:#000; background:#f4f4f4; padding:6px 10px; text-transform:uppercase; font-family:var(--heading);}
.white-text{font-size:24px; font-weight:500; color:#fff; font-family:var(--font);}
.page-header{text-transform:uppercase; color:#000; font-family:var(--heading); font-weight:500;}
.black-medium{font-size:30px; text-transform:uppercase; color:#000; font-family:var(--heading); font-weight:500;}
.black-large{font-size:50px; color:#000; font-weight:700; text-transform:uppercase; font-family:var(--heading);}
/*--------------------------------------------------------------
## Buttons
--------------------------------------------------------------*/
.orange-btn{width:220px; border:solid 1px var(--orange); padding:14px; font-size:20px; font-weight:500; box-sizing:border-box; background:var(--orange); color:#fff; text-transform:uppercase; text-align:center; display:block; transition:.3s ease; font-family:var(--heading); margin:3px;}
.orange-btn:hover{background:#000;}
.white-btn{width:220px; padding:14px; transition:.3s ease; font-size:20px; font-weight:500; box-sizing:border-box; background:#fff; color:#000; text-transform:uppercase; text-align:center; display:block; font-family:var(--heading); border:none; margin:3px;}
.white-btn:hover{background:#000; color:#fff; }
.black-btn{width:220px; padding:14px; transition:.3s ease; font-size:20px; font-weight:500; box-sizing:border-box; background:#000; color:#fff; text-transform:uppercase; text-align:center; display:block; font-family:var(--heading); border:none; margin:3px;}
.black-btn:hover{background:var(--orange);}

.btn-row{display:flex; flex-direction:row; justify-content: center;}
.btn-row2{display:flex; flex-direction:row; justify-content: flex-start;}
/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
.top-bar {width: 100%; background: #000; display: flex; text-align: right; padding: 1em 7%; justify-content: right;}
.top-bar a {color: #999; transition: .3s ease-in-out all;}
.top-bar a#search-inv {text-transform: uppercase; display: inline-block; font-family: 'Teko', sans-serif; font-size: 20px; margin-right: 1em;}
.top-bar a#search-inv i {color: #ff3600; margin-right: 5px;}
.top-bar a#search-inv:hover {letter-spacing: .5px;}
.top-bar a#fb {background: #999; border-radius: 100%; width: 40px; height: 40px; font-size: 20px; color: #000; padding: 8px; display: inline-flex; justify-content: center; align-items: center;}
.top-bar a#fb:hover {background: #fff;}

.hdr-wrapper {width: 100%; z-index:20; display: flex; justify-content: center; align-items: center; padding: 1.5em 7%; box-shadow:1px 1px 3px 2px rgba(0,0,0,.1);}
.hdr-logo {width: 30%;}
a#main-logo img {width: 100%; max-width: 333px; height: auto;}
.hdr-nav {width: 70%;}

/*--------------------------------------------------------------
## Home
--------------------------------------------------------------*/
.hero h1{max-width:800px!important; margin:0 auto!important;}

/*-----Qls-----*/
.border-btm{border-bottom:solid 1px var(--gray);}
.home-qls{max-width:1600px; width:99%; box-shadow:2px 1px 5px 4px rgba(0,0,0,.15); z-index:100; position:relative; margin:-40px auto 0 auto; padding:0; box-sizing:border-box; background:#fff;}
.ql{padding:40px; box-sizing:border-box; display:flex; flex-direction:row;}
.ql img{width:100px; object-fit:contain; transition:.3s ease;}
.ql-text{width:calc(100% - 100px); text-align:left!important; padding-left:15px;}
.ql-text h3 {font-size:30px; font-weight:400; text-transform:uppercase; color:#000; font-family:var(--heading);}
.ql-text h3 span{font-weight:800; font-size:34px;}
.ql-text p{font-size:18px; color:#555;}
#advancedmyCarousel2 .slick-slide:nth-of-type(odd){background:#fff!important;}
#advancedmyCarousel2 .slick-slide:nth-of-type(even){background:var(--gray)!important;}
.ql:hover img{transform: translateX(-10px);}
.rent{border:solid 1px #ccc;}
.rent:hover{background:var(--gray);}
.slick-dotted.slick-slider{margin-bottom:0!important;}
.shwidget .advancedresults2 .slick-next, .shwidget .advancedresults2 .slick-prev{top:-50px!important;}
.slick-arrow i{font-size:35px!important;}

/*-----Home Links--------*/
.link-wrap{margin:10px!important; display:block;}
.link-wrap h2{font-size:40px;}
.link-img{width:100%; position:relative; background:var(--orange); height:260px;}
.link-img img{width:100%; transition:.3s ease; height:100%; object-fit:cover;}
.link-img p{color:#fff; transition:.3s ease; opacity:0; align-items:center; font-size:30px; text-transform:uppercase; font-family:var(--heading); position:absolute; width:94%; height:80%; left:0; right:0; top:10%; margin:0 auto; display:flex; justify-content: center; text-align:center; align-content:center;  border:solid 1px #fff;}
.link-text{width:100%; height:230px; text-align:left!important; padding:50px; box-sizing:border-box; background:var(--gray);}
.link-text p{color:#000;  font-weight:500; font-size:16px; padding:10px 0;}
.link-text i{color:var(--orange); padding-right:8px;}
.link-wrap:hover .link-img img{opacity:.5;}
.link-wrap:hover .link-img p{opacity:1;}


/*------Featured-----------*/
.feat-back{width:100%; background:url(/wp-content/themes/www.bobcatofmilescity.com/imgs/gray-back.jpg) no-repeat; background-position:top center;}

.nav-tabs{display:flex!important; flex-direction:row; justify-content: center!important; border-bottom:0!important;}
.nav-link{color:#555!important; background:transparent!important; border:none!important; font-family:var(--heading); border-bottom:solid 4px transparent; text-transform:uppercase; font-size:30px; padding:8px 25px!important;}
.nav-tabs .nav-link.active {color:#000!important; border-bottom:solid 4px #ff3600!important; background:transparent!important; border:none!important;}
.nav-tabs .nav-link.active:after{border-bottom:solid 1px #ff360!important; content:""; height:5px; width:100%; display:block; background:var(--orange);}

.card{box-shadow:1px 1px 5px 3px rgba(0,0,0,.10); margin:10px!important; display:block; padding:30px; border:none!important; border-radius:0!important; box-sizing:border-box;}
.inv_image{margin-left:0!important; transform:translateX(0)!important; height:220px!important;}
.card .listing-title{font-size:26px; font-weight:700; font-family:var(--heading); text-transform:uppercase; color:#000; text-align:center;}
.card .listing-title span{color:var(--orange);}
.small_spec strong{display:none!important;}
.small_spec{font-size:20px; margin-bottom:15px!imporant; display:block!important; width:100%!important; color:#555; text-align:center!important;}
.card button{width:100%; transition:.3s ease; font-size:20px; padding:14px; text-align:center; display:block; margin:0!important; background:var(--orange); color:#fff; font-family:var(--heading); font-weight:500; text-transform:uppercase; border:none!important;}
.card br{display:none!important;}
.card-body{padding:15px 0 0!important;}
.card button:hover{background:#000;}
#controls, .carousel-indicators{display:none!important;}

/*-----Deals--------*/
.deals{width:100%;}

.fb-link{display:flex; flex-direction:row; justify-content: center; }
.fb-link i{color:var(--orange); transition:.3s ease; font-size:55px; padding-right:10px;}
.fb-link p span{color:#000; font-size:30px; font-family:var(--heading); text-transform:uppercase; font-weight:600;}
.fb-link p{color:var(--orange); transition:.3s ease; font-size:20px; font-weight:500; font-family:var(--font); line-height:28px;}
.fb-link:hover i{color:#000;}
.fb-link:hover p{letter-spacing:1px;}
/*--------------------------------------------------------------
## Pages
--------------------------------------------------------------*/
.width{max-width:1600px; margin:0 auto; padding:0 10px; box-sizing:border-box;}
.full-width-gray{width:100%; padding:20px 10px; box-sizing:border-box; background:var(--gray);}

.sub-page{padding:50px 0 50px 0; z-index:10;}
.top-img{height:300px!important; margin:5px!important; display:block;}
.sub-page p a{color:#000;}
.sub-page p a:hover{text-decoration:underline;}

/*----Contact Page-----*/
.cont h2{font-size:34px; font-family:var(--heading); color:var(--orange); font-weight:600; text-transform:uppercase; padding-bottom:10px;}
.cont p, .cont a{font-size:16px; font-family:var(--font); color:#000; line-height:26px;}

/*-------Showrooms-------*/
.brand{margin:5px!important; background:#fff; padding:30px; box-sizing:border-box; height:200px; display:flex;}
.brand img{height:100%; width:100%; object-fit:contain; display:flex; align-items:center; justify-content: center; flex-wrap:wrap;}

/*------Rental--------*/
.sub-page ul{margin-left:15px;}
.sub-page ul li{list-style: disc;}


/*-----Specials--------*/
.sp-card{margin:5px!important; background:#fff; text-align:left!important; padding:30px!important;}
.sp-card img{width:100%; height:280px; object-fit:contain;}
.sp-card h2{font-size:34px; color:#000; font-weight:600; text-transform:uppercase; font-family:var(--heading);}
.offer{color:var(--orange); font-weight:500; font-size:24px; text-transform:uppercase; font-family:var(--heading);}
.details{font-size:16px; padding:10px 0; font-family:var(--font); color:#000;}
.sp-card a{width:100%; transition:.3s ease; font-size:20px!important; padding:12px; text-align:center; display:block; margin:0!important; background:var(--orange); color:#fff; font-family:var(--heading); font-weight:500; text-transform:uppercase; border:none!important;}
.sp-card a:hover{background:#000;}

.special-header{width:100%; display:flex; flex-direction:row; height:450px;}
.spec-img{width:50%;}
.spec-img img{width:100%; height:100%; object-fit:cover; object-position:top center;}
.spec-text{width:50%; background:#000; color:#fff; padding:5%; box-sizing:border-box;}
.spec-text h1{font-size:80px; color:#fff; font-family:var(--heading); text-transform:uppercase;}

.spec-page{padding:50px 0 0 0;}
.spec-title{font-size:50px; font-family:var(--heading); color:#000; text-transform:uppercase; padding-bottom:10px;}
.spec-off{font-size:30px; font-family:var(--heading); color:var(--orange); text-transform:uppercase; padding-bottom:20px;}
.spec-page p{font-size:18px; line-height:24px;}





/*---------Forms-------------*/
.site-form h2, .site-form h3{font-family:var(--heading);}
.site-form{padding:30px!important; box-sizing:border-box; background:var(--gray); margin-top:40px;}
.site-form input, .site-form select, .site-form textarea{padding:8px; box-sizing:border-box;}
.site-form .sheSubmitButton{width:220px; padding:14px; font-size:20px; font-weight:500; box-sizing:border-box; background:var(--orange); color:#fff; text-transform:uppercase; text-align:center; display:block; font-family:var(--heading); border:none!important; margin:3px;}



/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
.footerbg{width:100%; background:#000;}
.ftr-wrapper {width: 100%; margin:0 auto; padding: 3em 10px; box-sizing:border-box; max-width:1600px; color:#fff;}
.ftr-wrapper a{color:#D4D4D4; transition:.3s ease; font-size:16px; font-family:var(--font); line-height:30px;}
.ftr-wrapper p{font-size:24px; font-family:var(--heading); color:#fff; font-weight:600; padding-bottom:15px;}
.ftr-wrapper a:hover{transform:translateX(5px); color:#fff;}

.ftr-wrapper .row.sh-row.widgetContainer.sandhills_editable_area-3-widgetContainer.ui-sortable-handle {display: block;}

.ftr-wrapper .row.sh-row {display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px; width: 100%;}

/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
@media screen and (max-width : 1200px) {		
	.ql{padding:30px;}
	.ql-text h3 span{font-size:30px;}
	.ql-text h3{font-size:26px;}
	.white-large{font-size:80px; line-height:82px;}
	.spec-text h1{font-size:60px; line-height:65px;}
}

/* Medium Devices, Desktops */
@media screen and (max-width : 1000px) {
	.white-large{font-size:70px; line-height:72px;}
	.black-large{font-size:44px;line-height:46px;}
	.link-text{padding:30px; height:auto!important;}
	.top-img{height:230px!important;}
	.spec-text{display:none;}
	.spec-img{width:100%;}
	.special-header{height:380px;}
	.spec-title{font-size:40px; line-height:42px;}
}

/* Small Devices, Tablets */
@media screen and (max-width : 767px) {
	.white-large{font-size:60px; line-height:62px;}
	.white-text{font-size:20px;}
	.top-bar{justify-content: flex-end;}
	.top-img{height:160px!important;}
	.page-header{font-size:42px; line-height:44px;}
	.brand{height:160px; padding:20px;}
}
@media screen and (max-width : 550px) {
.white-large{font-size:50px; line-height:52px;}
	.white-text{font-size:18px;}
	#main-logo img {max-width: 250px!important; width:100%;}
	#menu-button{width:100px!important; float:right!important;}
	.sp-card img{height:220px;}
	.page-header{font-size:34px; line-height:36px;}
	.spec-title{font-size:34px; line-height:36px;}
	.special-header{height:300px;}
	.brand{height:140px; padding:15px;}
}
/* Extra Small Devices, Phones */ 
@media screen and (max-width : 480px) {
	.white-large{font-size:40px; line-height:42px;}
	.btn-row{flex-direction:column;}
	.btn-row2{flex-direction:column;}
	.btn-row button{margin:3px auto;}
	.orange-btn, .black-btn, .white-btn{font-size:18px; width:180px; padding:12px;}
	.hdr-wrapper{padding:1.5em 2%;}
	#main-logo img {max-width: 220px!important;}
	.ql img{width:80px;}
	.ql-text h3{font-size:20px;}
	.ql-text h3 span{font-size:24px;}
	.link-img{height:220px;}
	.link-wrap .black-medium{font-size:30px!important;}
	.fb-link i{font-size:45px;}
	.fb-link p span{font-size:26px;}
	.fb-link p{font-size:18px;}
	.card{padding:0!important;}
	.listing-title{font-size:22px; padding:0 10px; box-sizing:border-box;}
	.small_spac{font-size:16px; padding:0 10px; box-sizing:border-box;}
	#invCarousel_2 > div{padding:0!important;}
	.white-medium{font-size:30px; line-height:32px;}
	.top-img{height:130px!important;}
	.sp-card h2{font-size:30px; line-height:32px;}
	.sp-card img{height:200px;}
	.special-header{height:240px;}
	.black-large{font-size:34px; line-height:36px;}
	.brand{height:110px; padding:10px;}
}
@media screen and (max-width : 380px) {
	.white-large{font-size:34px; line-height:34px;}
	#main-logo img {max-width: 200px!important;}
	.ql{padding:25px;}
	.ql-text p{display:none;}
	.black-medium{font-size:26px;}
	.sp-card{padding:20px;}
	.sp-card h2{font-size:24px; line-height:26px;}
	.brand{height:90px; padding:5px;}
}