@charset "utf-8";

/*------------------------------------*\
    GLOBALS
\*------------------------------------*/

body {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 18px;
	background-color: #f7f7f7;
	/*color: #4e5153;*/
	color:#595959;
}
/*h1, h2, h3, h4, h5, .navbar-collapse > ul > li {*/
	/* special fonts set here, for nav too */
	/*font-family: 'Lato', Arial, Helvetica, sans-serif;*/
/*}*/
a, a:link, a:visited, a:hover, a:active {
	color: #c85345;
}

h1 {
	font-weight:700;
	font-size: 32px;
	color:#55aa9c;
	margin:0 0 15px 0;
}
h2 {
	font-size: 30px;
}

h3, h4, h5, h6 {
	font-size:20px;
}
h2, h3, h4, h5, h6 {
	font-weight:400;
	margin:0 0 15px 0;
}

/*------NAV CUSTOM-----*/
.navbar-header h2 {
	font-size: 24px;
	font-weight:700;
}
.navbar-text {
	margin-top:11px;
}

/*------NAV CUSTOM-----*/

p {
	line-height:24px;
	margin:20px 0;
}
.row {
	margin: 0;
}
.neg-gutters {
  margin-right: -15px;
  margin-left: -15px;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}
h2#hashtag {
	font-size:36px;
	font-weight:400;
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	margin-bottom:40px;
}
h2#hashtag a { 
	color:#55aa9c;
}
.container, .container-fluid {
	padding:0 0;
}

@media (min-width: 769px) {
	
.flexit {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;        /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;     /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */	

}
.fill-height-or-more {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
} 

.fill-height-or-more > div {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
}

#topBar {
	width:100%;
	min-height:8px;
}

/*------------------------------
 Background Colors & Images
--------------------------------*/
.whiteBG { background-color:#ffffff; }
.redBG { background-color:#c85345; }
.blue19BG { background-color:#486fa6; }
.yellowBG { background-color:#ecbf65; }
.greenBG { background-color:#55aa9c; }
.greyBG { background-color:#f7f7f7; }
.BGcover {
	background: url(../images/2019/SantaFeCounty-home-imagecrop.jpg) #fff no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.overlayBG {
	background-image:url(../images/2019/overlayBG.png);
	background-repeat:repeat;
	color:#ffffff;
}
/*------------------------------
 Sections
--------------------------------*/

.padit-block {
	padding-top: 55px;
	padding-bottom: 20px;
	float: left;
	width: 100%;
}
h2.sectionit {
	display:block;
	padding:18px 15px;
	font-size:30px;
	text-align:center;
	color:#fff;
}
h2.sectionit strong {
	font-weight:700;
}
footer h2.sectionit { 
	text-align:left !important;
}
/*------------------------------
 BUTTONS & ICONS
--------------------------------*/
.btn {
  -webkit-border-radius: 0px; 
  -moz-border-radius: 0px; 
  border-radius: 0px; 
}
.btn-instagram {
	background-color:#c85345;
	border-color:#c85345;
	color:#f4ecd7 !important;
	background-image:url(../images/2019/icon-btn-instagram_2x.png);
	background-repeat:no-repeat;
	background-position:10px center;
	background-size:45px 45px;
	padding-left:65px;
	font-weight:500;
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	padding-top:18px;
	padding-bottom:18px;
	margin-top:40px;
	display:inline-block;
}
.btn-instagram:hover {
	background-color:#c85345;
	border-color:#c85345; 
    color:#f4ecd7 !important;
}

.m-btn-instagram {
	background-color:#c85345;
	border-color:#c85345;
	color:#f4ecd7 !important;
	background-image:url(../images/2019/icon-btn-instagram_2x.png);
	background-repeat:no-repeat;
	background-position:10px center;
	background-size:25px 25px;
	padding-left:45px;
	font-weight:500;
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	padding-top:18px;
	padding-bottom:18px;
	margin-top:40px;
	display:none;
}
.m-btn-instagram:hover {
	background-color:#c85345;
	border-color:#c85345; 
    color:#f4ecd7 !important;
}

.btn-primary {
	background-color:#c85345;
	border-color:#c85345;
	color:#ffffff !important;
}
.btn-primary:hover { 
    background-color:#c85345;
	border-color:#c85345;
    color:#ffffff !important;
}
.btn-blue {
	background-color:#486fa6;
	border-color:#486fa6;
	color:#ffffff !important;
}
.btn-blue:hover { 
    background-color:#486fa6;
	border-color:#486fa6;
    color:#ffffff !important;
}
ul.socialit-icons {
	display:inline-block;
	margin:0 auto 25px auto;
	list-style:none;
	padding:0;
}
ul.socialit-icons li {
margin-left:8px; 
margin-right: 8px;
display:inline-block;	
}
ul.socialit-icons li img {
	max-width:70px;
	height:auto;
}
ul.socialit-icons.assessor-social li {
margin-left:2px; 
margin-right: 2px;
}
ul.socialit-icons.assessor-social li img {
	max-width:55px;
	height:auto;
}
.search-btn img {
max-width:14px;	
}
/*------------------------------
 HEADER
--------------------------------*/

#secondary-nav {
	text-align:right;	
	padding-top:4px;
	padding-bottom:4px;
	float:right;
}

#secondary-nav ul, #quicklinks ul {
	margin:0;
	padding:0;
	
}
#secondary-nav ul {
	display:inline-block;
	float:right;
}
#secondary-nav ul li {
	list-style:none;	
	display:inline-block;
	/*margin-left:25px;*/
	float:left;

}
.bannerit, .int .bannerit.e-official {
	/*height:520px;*/
	position:relative;
	padding-left:0;
	padding-right:0;
}

.bannerit img.h-banner {
	width:100%;
	height:auto;
}

.h-tax, .h-burn-restrictions, .h-red-flag {
	text-align:center;
}
.h-tax a:hover, .h-burn-restrictions a:hover, .h-red-flag a:hover {
	text-decoration:none;
}
.h-tax a span, .h-burn-restrictions a span, .h-red-flag a span {
	color:#fff;
	font-size:12px;
	line-height:14px !important;
	text-align:center;
	text-transform:uppercase;
	display:block;
	margin-top:7px;
	font-weight:600;
	text-shadow:1px 1px 3px #000;
}
.h-tax a img, .h-burn-restrictions a img, .h-red-flag a img {
	margin:auto;
}
.iconit-block {
	top:30px;
	right:15px;
	position:absolute;
	z-index:2;
	display:inline-block;
}
.h-tax, .h-burn-restrictions, .h-red-flag {
	text-align: center;
	float:right;
	display:inline-block;
	margin:15px;
	
}
/*.h-tax {
	right:30px;
	top:190px;
}
.h-burn-restrictions {
	right:30px;
	top:30px;
}
.h-red-flag {
	right:30px;
	top:30px;
}*/
.int .bannerit {
	min-height:175px;
}
.int .int-bannerit {
	height:175px;
}

.int .bannerit .h-tax, .int .bannerit .h-burn-restrictions, .int .bannerit .h-red-flag {
	display:none;
}

.int .bannerit.e-official {
	background-repeat:no-repeat;
	background-position:right bottom;
	position:relative;
	padding:0 0;

}
 .int .bannerit.e-official > .overlayBG {
	position:absolute; 
	bottom:0;
	left:0;
	z-index:2;
	color:#fff;
	padding:15px;
	width:100%;
	text-align:center;
}
 .int .bannerit.e-official > .overlayBG h2 {
	margin-bottom:0; 
 }
  .int .bannerit.e-official > h2 {
	 color:#303f4f;
	 font-weight:500; 
	 font-size:60px;
	 font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	 display:inline-block;
	 margin-left:120px;
	 position:absolute;
	 top:40px;
  }
  .int .bannerit.e-official > h2 > span {
	 color:#303f4f;
	 font-weight:500; 
	 font-size:44px;
	 display:inline-block;
	 clear:both;
  }
    .int .bannerit.e-official > .headshot {
		position:absolute;z-index:2; right:0; bottom:0; max-height:100%; height:100%; width:auto;
	}
header {
padding-top:25px;
padding-bottom:30px;	
}

#nav-block {
	float:right;
	clear:both;
	margin-top:15px;
	width:100%;
}
.navbar {
	margin-bottom:0px;
}
.nav > li > a {
	padding: 10px 12px;
}
#logoit {
	padding-left:0px; 
	padding-right:0px;
}
#logoit a {
	margin-top:15px;
	display:inline-block;
}
#logoit a img {
max-width:457px;
width:100%;
height:auto;	
}

/*------------------------------
 HOME
--------------------------------*/

.sidebar-links {
	padding:0;
	margin:10px 0 0 0;
	list-style:none;
	display:block;
}
.sidebar-links li {
	display:block;
	line-height:28px;
	padding:15px;
	border-bottom:1px solid #e2e2e2;
	
}
.sidebar-links li:last-child {
	border-bottom:0px;
}
.sidebar-links li a {
	color:#4e5153;
	font-weight:700;
	
}
/*assesor page PARCEL MAP SEARCH*/
.sidebar-links li .btn-primary {
	width:100% !important;
	margin-bottom:0px;
	margin-top:15px;
   
}
.sidebar-links li .btn-blue {
	width:100% !important;
	margin-bottom:0px;
	margin-top:15px;
   
}

/*------------------------------
 CALLOUTS
--------------------------------*/
.slideit {
	margin-top:25px;
}
#h-slideshow .cycle-slideshow {
	margin-top:40px;
}
.callouts a {
	color:#fff;
	display:inline-block;
	 -webkit-background-size:cover;
  -ms-background-size:cover;
 	background-size:cover;
	background-repeat:no-repeat;
}
.callouts a .overlayBG, .callouts.assessor-callouts a .overlayBG {
	background: rgba(0,0,0,0.3);
	transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}
.callouts a:hover .overlayBG, .callouts.assessor-callouts a:hover .overlayBG {
	background: rgba(0,0,0,0.5);
	
}
.callouts a span {
	display:inline-block;
	position: relative;
	 text-align:center;
}
.callouts a span img {
	width:100%;
	height:auto;
}
#VODcallout {
	color:#fff;
	display:inline-block;
	position: relative;
	 text-align:center;
	 margin-top:40px;
}
.callouts h3, #VODcallout h3 {
	color:#fff;
	font-weight:700;
	 position: absolute;
	 z-index:2;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
 
 text-align:center;
  display:block;
  width:100%;
}


/*------------------------------
 CALLOUTS
--------------------------------*/
.callouts.assessor-callouts {
	margin-top:0px;
}
.callouts.assessor-callouts a {
	color:#fff;
	display:inline-block;
	 -webkit-background-size:cover;
  -ms-background-size:cover;
 	background-size:cover;
	background-repeat:no-repeat;
}
.callouts.assessor-callouts a span {
	display:inline-block;
	position: relative;
	 text-align:center;
}
.callouts.assessor-callouts a span img {
	width:100%;
	height:auto;
}
.callouts.assessor-callouts h3 {
	color:#fff;
	font-weight:700;
	 position: absolute;
	 z-index:2;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
 
 text-align:center;
  display:block;
  width:100%;
}
.callouts.assessor-callouts h3 strong {
	display: block;
	font-size: 100px;
	line-height: 95px;
}
/*------------------------------
 INT
--------------------------------*/

/*#sidebar .pagetitle {
	color: #fff;
	padding: 25px 0 0 0;
	margin: 0;
    font-size: 1.0em;
    font-weight: bold;
}
#sidebar .pagetitle a { 
	line-height: 14px;
	color: #6C207E;
	text-decoration: none;
}
#sidebar li{
	list-style-type: none;
	margin: 0 0 7px 0;
	padding: 0;
}
#sidebar ul{
	margin: 7px 0 0 0;
	padding: 0;
}
#sidebar ul.secondlevel{
	margin-bottom:40px;	
}
#sidebar li.menu_active {
	font-weight:bold;	
}
#sidebar li.menu_inactive {
	font-weight:normal;
}
#sidebar .secondlevel li {
	padding: 0 0 0 23px;
}
#sidebar .secondlevel li > ul > li {
	padding: 0 0 0 15px;
}
*/

/*------------------------------
 FORM STYLES (Bootstrap))
--------------------------------*/

/*.form-control {
	width: 75%;
}
.form-group span.required {
	color: red;
}
.recaptcha {
	margin-top:15px;
}
.form-group input.error, 
.form-group select.error, 
.form-group textarea.error { 
	border: .1em solid red; 
}
.form-group label.error {
	font-weight: normal;
	color: red;
	margin: 1.0em 0 0 0;
}
.recaptcha-error {
	display: none;
}*/

/*------------------------------
 FOOTER
--------------------------------*/
footer {
	color: #4e5153;
	font-size:18px;
}
footer p {
	line-height:34px !important;
}
footer p > a {
	color: #4e5153 !important;
	line-height:24px !important;
	display:inline-block;
	clear:both;
}
#copyright {
	color:#a09f9f;
	font-size:12px;
	padding-top:30px;
	padding-bottom:40px;
}
#copyright a {
	color:#a09f9f !important;
}
.m-BGcover {
	background:none;
}
/*------------------------------
 MEDIA QUERIES
--------------------------------*/
@media (max-width: 1366px) {
	.neg-gutters {
		margin-left:0px;
		margin-right:0px;
	}
}
@media (min-width: 1200px) {
	.container {
		/* this should be set to width of container if default not used*/
		max-width: 1366px;
		width:100%;
		
	}
	.container-1600 {
		/* this should be set to width of container if default not used*/
		max-width: 1600px !important;
		width:100%;
		
	}
}
@media screen and (max-width: 1366px) {
header .container > .row {
	position:relative;
}
#logoit a { position:absolute; display:inline-block; z-index:10; left:15px; top:7px;}
header .container > .row > div:nth-child(2) {
	width:100%;
}

 .int .bannerit.e-official > h2 {
	 font-size:40px;
  }
  .int .bannerit.e-official > h2 > span {
	 font-size:30px;
  }
   .int .bannerit.e-official > .overlayBG h2 {
	font-size:18px;
 }
   
}

@media screen and (max-width: 1024px) {
	#logoit a img {
	max-width:457px;
	width:457px;
	height:auto;	
	}

	/*.int .bannerit.e-official h2, .int .bannerit.e-official .overlayBG {
		position:static;
	
	}*/
	
	 .int .bannerit.e-official > .headshot {
		display:none;
	}
	
}

@media screen and (max-width: 992px) {
	#logoit a img {
	max-width:457px;
	width:100%;
	height:auto;	
	}
	
}

@media screen and (max-width: 768px) {
	
}

@media screen and (max-width: 667px) {
	#h-slideshow .cycle-slideshow{
		display:none;
	}
header .container > .row {
	position:static;
}
header {
padding-top:25px;
padding-bottom:0px;	
}
#logoit {
	text-align:center;
	padding-left:15px;
	padding-right:15px;
}
#logoit a { 
	position:static; display:inline-block; margin:auto;
}
#searchit, #secondary-nav ul, #secondary-nav {
	width:100%;	
}

#secondary-nav {
	margin-top:10px;
}
.m-BGcover {
	background: url(../images/2019/SantaFeCounty-home-imagecrop.jpg) #fff no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  min-height:25px;
}
.m-BGcover .bannerit img.h-banner, .btn-instagram {
	display:none;
}
.m-btn-instagram {
	display:inline-block;
}
.iconit-block {
position: static;	
}
.int .bannerit.e-official > h2 {
	margin-left: 15px;
	
}

.int .bannerit.e-official > h2 {
	 font-size:28px;
	 top:15px;
  }
  .int .bannerit.e-official > h2 > span {
	 font-size:18px;
  }
   .int .bannerit.e-official > .overlayBG h2 {
	font-size:14px;
 }
}
/*@media screen and (max-width: 992px) {
	.container {
		width: auto;
	}
	.navbar {
		display: none;
	}
    .collapse.in{
          display:block !important;
    } 
	#slideshow .cycle-slideshow {
		margin:auto;	
	}
}

@media screen and (max-width: 768px) {
	input[type="text"], input[type="email"], input[type="search"], input[type="password"] {
	-webkit-appearance: none;
	-moz-appearance: none; 
}
	#header .img-responsive {
		display: block;
	}
	img {
		max-width: 100%;
	}
	#home-content {
		padding: 20px 0;
	}
	.form-group {
		padding:0;
		margin-bottom: 1.6rem;
		clear:none !important;
		float:left;
		display:inline-block;
		width:100%;
	}
	.navbar-nav {
		padding:0;	
		margin:0;
	}
	.navbar-nav > li >a {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.nav > li > a {
		height: auto;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	#sidebar {
		height: auto;
		padding: 20px;
	}
	#sidebar .pagetitle {
		padding: 0;
	}
	.form-control {
		width: 100%;
	}
	#int-content {
		min-height: inherit;
	}
	#int-content .content {
		padding: 20px 10px 0 10px;
	}
}

@media screen and (max-width: 640px) {

}

@media screen and (max-width: 320px) {
	
}*/

/*  Bootstrap Clearfix for columns */

/*  Tablet  */
@media (min-width:767px){

  /* Column clear fix */
  .col-lg-1:nth-child(12n+1),
  .col-lg-2:nth-child(6n+1),
  .col-lg-3:nth-child(4n+1),
  .col-lg-4:nth-child(3n+1),
  .col-lg-6:nth-child(2n+1),
  .col-md-1:nth-child(12n+1),
  .col-md-2:nth-child(6n+1),
  .col-md-3:nth-child(4n+1),
  .col-md-4:nth-child(3n+1),
  .col-md-6:nth-child(2n+1){
    clear: none;
  }
  .col-sm-1:nth-child(12n+1),
  .col-sm-2:nth-child(6n+1),
  .col-sm-3:nth-child(4n+1),
  .col-sm-4:nth-child(3n+1),
  .col-sm-6:nth-child(2n+1){
    clear: left;
  }
}


/*  Medium Desktop  */
@media (min-width:992px){

  /* Column clear fix */
  .col-lg-1:nth-child(12n+1),
  .col-lg-2:nth-child(6n+1),
  .col-lg-3:nth-child(4n+1),
  .col-lg-4:nth-child(3n+1),
  .col-lg-6:nth-child(2n+1),
  .col-sm-1:nth-child(12n+1),
  .col-sm-2:nth-child(6n+1),
  .col-sm-3:nth-child(4n+1),
  .col-sm-4:nth-child(3n+1),
  .col-sm-6:nth-child(2n+1){
    clear: none;
  }
  .col-md-1:nth-child(12n+1),
  .col-md-2:nth-child(6n+1),
  .col-md-3:nth-child(4n+1),
  .col-md-4:nth-child(3n+1),
  .col-md-6:nth-child(2n+1){
    clear: left;
  }
}


/*  Large Desktop  */
@media (min-width:1200px){

  /* Column clear fix */
  .col-md-1:nth-child(12n+1),
  .col-md-2:nth-child(6n+1),
  .col-md-3:nth-child(4n+1),
  .col-md-4:nth-child(3n+1),
  .col-md-6:nth-child(2n+1),
  .col-sm-1:nth-child(12n+1),
  .col-sm-2:nth-child(6n+1),
  .col-sm-3:nth-child(4n+1),
  .col-sm-4:nth-child(3n+1),
  .col-sm-6:nth-child(2n+1){
    clear: none;
  }
  .col-lg-1:nth-child(12n+1),
  .col-lg-2:nth-child(6n+1),
  .col-lg-3:nth-child(4n+1),
  .col-lg-4:nth-child(3n+1),
  .col-lg-6:nth-child(2n+1){
    clear: left;
  }
}