@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: 'codropsicons';
	src:url('../fonts/codropsicons/codropsicons.eot');
	src:url('../fonts/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'),
		url('../fonts/codropsicons/codropsicons.woff') format('woff'),
		url('../fonts/codropsicons/codropsicons.ttf') format('truetype'),
		url('../fonts/codropsicons/codropsicons.svg#codropsicons') format('svg');
}

html {
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
}


body {
font-family:"Lato", sans-serif;
font-size: 12pt;
line-height: 16pt;
font-weight:normal;
background:#FFF;
color:#666;
}

a{
color:#00adeb;
}
a:hover{
color:#0093c7;
}
h1, h2, h3, h4, h5,
h1 a, h2 a, h3 a, h4 a, h5 a,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover{
color:#5f4f36;
text-transform:uppercase;
}

h1{
font-size:24pt;
line-height:26pt;
}
h2, .heading2{
font-size:22pt;
line-height:24pt;
}
h3, .heading3{
font-size:20pt;
line-height:24pt;
}
h4, .heading4{
font-size:16pt;
line-height:20pt;
}
h5, .heading5{
font-size:12pt;
line-height:14pt;
}

.welcome{
font-size:16pt;
line-height:22pt;
color:#666;
}

#news-slideshow,
#slideshow{
margin:0px;
padding:0px;
}
#news-slideshow img.
#slideshow img{
width:100%;
}
.description-container{
width:100%;
}

#news-slideshow .slick-prev:before,
#news-slideshow .slick-next:before,
#slideshow .slick-prev:before,
#slideshow .slick-next:before {
    color: rgba(255, 255, 255, 0.5);
}
#news-slideshow .slick-prev,
#slideshow .slick-prev {
    left: 25px;
    z-index: 10;
}
#news-slideshow .slick-next,
#slideshow .slick-next {
    right: 25px;
}
#news-slideshow .slick-slide img,
#news-slideshow .slick-slide video,
#slideshow .slick-slide img {
    width:100%;
}

.container{
width:auto !important;
height:auto !important;
padding:0 !important;
margin:0 !important;
min-height:auto !important;
min-width:auto !important;
}

#news-slideshow .slick-prev,
#news-slideshow .slick-next,
#slideshow .slick-prev,
#slideshow .slick-next{
top: 50% !important;
width:48px !important;
height:48px !important;
-webkit-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
-ms-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
}

#news-home .container{
width: auto !important;
height: auto !important;
padding:0 !important;
margin:0 !important;
}

@media (max-width: 700px) {
	#home-slideshow .description-container,
	#news-slideshow .description-container{
	position:relative !important;
	background:rgba(0,0,0,0.75) !important;
	display:block !important;
	width:100% !important;
	}
	#home-slideshow .description-container .description,
	#news-slideshow .description-container .description {
	font-size: 10pt !important;
    line-height: 14pt !important;
	}

	#home-slideshow,
	#news-slideshow,
	#home-slideshow .slider .slider-item,
	#news-slideshow .slider .slider-item,
	#home-slideshow .slider,
	#news-slideshow .slider{
	height:auto !important;
	min-width:auto !important;
	}


	#news-slideshow .video-container {
	padding-top: 0px;
	}
}

.bodytext{
color:#333;
font-size:11pt;
line-height:16pt;
}

.alert, .bodytextred, .bodytextboldred{
color:#C00;
}

.grayed{
color:#999;
}
.highlighted{
background:#ffff00;
padding:0px 5px;
}
.pullquote{
font-size:18pt;
line-height:24pt;
font-style: italic;
color:#666;
}
.welcome{
font-size:14pt;
line-height:22pt;
color:#666;
}

hr {
background-color:#CCC;
color:#CCC;
height:1px;
border:0px;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
	display: table;
	content: " ";
}

.clearfix:after {
	clear: both;
}

.codrops-header,
.codrops-top {
	font-family: 'Lato', Arial, sans-serif;
}

.codrops-header {
	margin: 0 auto;
	background:#FFF;
	padding:5px;
	-webkit-box-shadow: 0 1px 2px 1px rgba(0,0,0,0.25);
	box-shadow: 0 1px 2px 1px rgba(0,0,0,0.25);
	border-top: 3px solid #00adeb;
	border-bottom: 3px solid #EFEFEF;
}

.codrops-header h1 {
	margin: 0;
	font-weight: 300;
	font-size: 2.625em;
	line-height: 1.3;
}

.codrops-header span {
	display: block;
	padding: 0;
	font-size: 60%;
	opacity: 0.7;
}

/* To Navigation Style */
.codrops-top {
	width: 100%;
	background: #91cfa1;
	background: rgba(255, 255, 255, 0.1);
	text-transform: uppercase;
	font-size: 0.69em;
	line-height: 2.2;
}

.codrops-top a {
	display: inline-block;
	padding: 0 1em;
	color: #fff;
	text-decoration: none;
	letter-spacing: 0.1em;
}

.codrops-top a:hover {
	background: rgba(255,255,255,0.95);
	color: #333;
}

.codrops-top span.right {
	float: right;
}

.codrops-top span.right a {
	display: block;
	float: left;
}

.codrops-icon:before {
	margin: 0 4px;
	text-transform: none;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	font-family: 'codropsicons';
	line-height: 1;
	speak: none;
	-webkit-font-smoothing: antialiased;
}

.codrops-icon-drop:before {
	content: "\e001";
}

.codrops-icon-prev:before {
	content: "\e004";
}

/* Demo Buttons Style */
.codrops-demos {
	padding-top: 1em;
	font-size: 1.1em;
}

.codrops-demos a {
	display: block;
	float: left;
	clear: both;
	margin: 0.5em 0.5em 0.5em 1.9em;
	padding: 1em 1.1em;
	width: 280px;
	outline: none;
	color: #fff;
	background: #336ca6;
	text-align: center;
	text-decoration: none;
	font-weight: 400;
}

.codrops-demos a:hover,
.codrops-demos a.current-demo,
.codrops-demos a.current-demo:hover {
	opacity: 0.6;
}

.content {
	padding: 20px;
	max-width: 1200px;
	margin: 0 auto;
}

.block {
	float: left;
	padding: 1em 3em;
}

.block-40 {
	width: 40%;
}

.block-60 {
	width: 60%;
}

.block p {
	margin: 0;
	padding: 0 1em 0.6em;
	font-size: 1.8em;
	line-height: 1.5;
}

.info {
	text-align: center;
	font-size: 1.5em;
	margin-top: 3em;
	clear: both;
	padding-top: 3em;
	color: rgba(255,255,255,0.5);
}

.info a {
	font-weight: 400;
	font-size: 0.9em;
}

.info a:hover {
	color: #336ca6;
}

@media screen and (max-width: 69em) {
	.block {
		float: none;
		width: 100% !important;
		padding: 1em;
	}
}

.breadcrumbs{
font-size:10pt;
line-height:14pt;
padding:0px 0px 0px 0px;
color:#999;
}
.breadcrumbs i{
display:inline-block;
padding:0px 5px;
}

.colored-box{
background:#f2f2f2;
padding:20px;
}

.table-container
{
	border:5px solid #EFEFEF;
	width: 100%;
	overflow-y: auto;
	_overflow: auto;
	margin: 0 0 1em;
	-webkit-box-shadow:inset -10px 0 15px 0 rgba(0,0,0,0.25);
	box-shadow:inset -10px 0 15px 0 rgba(0,0,0,0.25);
}


/* SHADOWBOX */

.shadowbox{
background:#FFF;
padding:5px;
-webkit-box-shadow: 0 2px 1px 1px rgba(0,0,0,0.25);
box-shadow: 0 1px 2px 1px rgba(0,0,0,0.25);
}
.shadowbox-right{
background:#FFF;
padding:5px;
-webkit-box-shadow: 0 2px 1px 1px rgba(0,0,0,0.25);
box-shadow: 0 1px 2px 1px rgba(0,0,0,0.25);
margin:0px 0px 0px 20px;
float:right;
}
.shadowbox-left{
background:#FFF;
padding:5px;
-webkit-box-shadow: 0 2px 1px 1px rgba(0,0,0,0.25);
box-shadow: 0 1px 2px 1px rgba(0,0,0,0.25);
margin:0px 20px 20px 0px;
float:left;
}

@media (max-width: 450px) {
	.shadowbox, .shadowbox-right, .shadowbox-left{
	margin:10px 0px !important;
	float:none;
	display:block;
	}
}



.sharing{
margin-top:10px;
}
.sharing table tr td{
display:inline-block;
margin:0px 4px 4px 0px;
padding:0 !important;
}
.sharing .video-container{
padding:0 !important;
}

@media (min-width: 650px) {
	.announcement-item .date{
		width:8% !important;
	}
	.announcement-item .announcement-details{
		width:90% !important;
	}

}

@media (max-width: 650px) {

	.announcement-item .announcement-details .image{
	display:block !important;
	float:none !important;
	padding:0 !important;
	width:100% !important;
	}
	.announcement-item .date .month {
	font-size:10pt !important;
	line-height:12pt !important;
	}
	.announcement-item .date .day {
	font-size:18pt !important;
	line-height:20pt !important;
	}
	.announcement-item .date .year {
	font-size:8pt !important;
	line-height:12pt !important;
	}


}

.posted{
color:#999;
font-size:10pt;
line-height:12pt;
display:block;
margin-right:0px;
}
.event-category{
color:#999;
font-size:10pt;
line-height:12pt;
display:block;
}
.event-category:before{
content:"Category: ";
color:#999;
}

.announcement-item .date{
-webkit-border-radius: 5px !important;
border-radius: 5px !important;
border: none !important;
background: url('/art/cocopah-now-interior-bg.jpg') top center no-repeat !important;
}
.announcement-item .date .day{
color: #333 !important;
}
.announcement-item .date .month,
.announcement-item .date .year{
color: #333 !important;
}

/* RESPONSIVE VIDEO */

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed,
.video-container video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


#footer-navigation{
text-align:center;
margin:0px 0px;
padding:20px;
background: #00adeb;
}
#footer-navigation a{
display:inline-block;
margin:5px;
border:1px solid #FFF;
padding:3px 5px;
color:#FFF;
}
#footer-navigation a:hover{
border:1px solid #FFF;
color:#FFF;
}

/*FOOTER */

#footer{
background:#57c3ea url('/art/footer-bg.jpg') no-repeat center center fixed;
color:#bae6f6;
padding:20px;
font-size:10pt;
line-height:12pt;
margin-bottom:0;
font-weight:bold;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

#footer a, #footer a:hover{
color:#bae6f6;
}


.footer-info{
	width:45%;
	display:inline-block;
	vertical-align:top;
	margin-right:20px;
}


@media (max-width: 320px) {
	.footer-info{
		width:100%;
		display:block;
	}
}

/* UI DIALOG BOX */

.ui-widget-overlay {
   background: #000;
   opacity: .70;
   filter: Alpha(Opacity=70);
}

.ui-widget.dialog_edit {
font-family: 'Lato', Helvetica, sans-serif;
    font-size: .8em;
    z-index:2001;
	-webkit-box-shadow: 0 10px 20px 2px rgba(0,0,0,04);
	box-shadow: 0 10px 20px 2px rgba(0,0,0,04);
	-webkit-border-radius: 0;
border-radius: 0;
border:0;
}

.ui-widget-content {
    background: #FFF;
    color: #333;
}

.ui-dialog {
    left: 0;
    outline: 0 none;
    padding: 0 !important;
    position: absolute;
    top: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	border:0;
}

.ui-dialog .ui-dialog-content {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    overflow: auto;
    position: relative;
    padding: 20px !important;
    margin: 0;
	border:8px solid #EFEFEF;
	border-top:0px;
	border-bottom:0px;
}

.ui-dialog .ui-widget-header {
    background: #cc6633;
    color: #FFF;
    border: 0;
    font-weight: normal;
	-webkit-border-radius: 0;
	border-radius: 0;
	border:8px solid #504a8d;
	border-bottom:0px;
	text-transform:uppercase;
}

.ui-dialog .ui-dialog-titlebar {
    position: relative;
	font-size:14pt;
	line-height:16pt;
	font-weight:bold;
	font-family: 'Lato', Helvetica, sans-serif;
	padding:10px 20px;
}

.ui-dialog .ui-dialog-titlebar-close {
margin-right:10px;
}

.ui-dialog .ui-dialog-buttonpane {
margin-top:0px;
border:8px solid #EFEFEF;
border-top:0px;
}
.ui-dialog .ui-dialog-buttonpane button {
font-family: 'Lato', Helvetica, sans-serif;
color:#FFF;
font-weight: bold;
font-size:12pt;
line-height:14pt;
border:0px;
padding:5px 8px;
background:#d37c47;
-webkit-border-radius: 0;
border-radius: 0;
}
.ui-dialog .ui-dialog-buttonpane button:hover {
background:#bc6834;
}
.ui-dialog .ui-dialog-buttonpane button.dialog-confirm{
background:#F00;
}
.ui-dialog .ui-dialog-buttonpane button i{
color:#e8c5b0;
}

#errors {
	background-color:#990000;
	color:#fff;
	width:100%;
	padding:20px;
	display:none;
	border-radius: 8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	margin-bottom: 20px;
	margin-top:10px;

}

/* title */
#errors h2 {
	margin:-5px 0;
	color:yellow;
	font-size:14pt;
	line-height:18pt;
}


#errors p {
font-size:11pt;
line-height:14pt;
}

/*forms*/

/* FORMS */

.form-field-container{
margin:5px 0px;
}
.form-field-container:after{
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.form-label-narrow{
width:20%;
display:inline-block;
vertical-align:top;
text-align:right;
margin-right:10px;
padding-top:5px;
}
.form-label{
width:30%;
display:inline-block;
vertical-align:top;
text-align:right;
margin-right:10px;
padding-top:5px;
}
.form-input{
width:65%;
display:inline-block;
vertical-align:top;
}
.form-input-long{
width:75%;
display:inline-block;
vertical-align:top;
}

@media (max-width: 500px) {
	.form-label-narrow,
	.form-label,
	.form-input,
	.form-input-long
	{
	width:100%;
	margin-right:0;
	text-align:left;
	}
	.inputbox{
	width:100% !important;
	}
}


.desktop-only{
display:none;
}

/*
table{
background:#FFF !important;
}
table th{
display:none;
}

tr:nth-child(even) {background-color: #f2f2f2}

table tr td{
display:block;
margin:0px;
padding:0px;
background:transparent !important;
}
*/

.big-button,
input[type=submit]{
font-family: 'Lato', sans-serif;
font-weight:normal;
background:#00adeb;
padding:8px 15px;
color:#FFF;
display:inline-block;
margin:3px;
-webkit-border-radius: 0;
border-radius: 0;
border:0;
}
.big-button:hover,
input[type=submit]:hover{
font-family: 'Lato', sans-serif;
font-weight:normal;
background:#0093c7;
color:#FFF;
-webkit-border-radius: 0;
border-radius: 0;
border:0;
}
.big-button:active,
input[type=submit]:active{
background:#0093c7;
padding:9px 15px 7px 15px;
}

input[type=submit].disabled,
input[type=submit].disabled:hover,
input[type=submit].disabled:active{
background:#CCC;
padding:8px 15px;
cursor:default;
}

.small-button {
font-family:"Lato", sans-serif;
font-weight:400;
text-transform:uppercase;
display:inline-block;
vertical-align:top;
cursor:pointer;
-webkit-border-radius: 5px;
border-radius: 5px;
color:#FFF;
font-size:14pt;
line-height:16pt;
padding:5px 10px;
margin:2px;
border:1px solid #8d4600;
background: #cc6600;
}
.small-button:hover {
color:#FFF;
background: #ac5600;
}
.small-button:active {
color:#FFF;
background: #ac5600;
padding:6px 10px 4px 10px;
}

.delete-button{
background:#bd0707;
padding:8px 15px;
color:#FFF;
}
.delete-button:hover{
background:#990000;
color:#FFF;
}

.thank-you{
padding: 10px;
background: #f7f1ea;
border: 1px solid #d0c7bc;
-webkit-border-radius: 5px;
border-radius: 5px;
color:#22180c;
text-align:center;
}

@media screen and (max-width: 500px) {
	.col4.entities{
		width:40%;
		margin:8px;
		display:inline-block;
	}
}

#news-home .one-third,
#news-home .two-thirds{
	width:100%;
	margin:8px 0px;
	display:block;
}

/* PAGINATION */

.tnt_pagination{
height:auto !important;
}

.tnt_pagination a:link, .tnt_pagination a:visited{
	border:none !important;
	-webkit-border-radius: 0px !important;
	border-radius: 0px !important;
	background: #00adeb !important;
	color: #FFF !important;
	font-size:12pt !important;
	line-height:14pt !important;
	display:inline-block !important;
	padding:4px 5px !important;
	margin:2px 0px !important;
	width:auto !important;
}

.tnt_pagination a:hover {
	background-color:#0093c7 !important;
	border:none !important;
	margin:2px 0px !important;
}

.tnt_pagination .active_tnt_link {
	background-color:#0093c7 !important;
	color:#FFF !important;
	border:none !important;
	-webkit-border-radius: 0px !important;
	border-radius: 0px !important;
	font-size:12pt !important;
	line-height:14pt !important;
	padding:4px 5px !important;
	display:inline-block !important;
	margin:2px 0px !important;
}

.tnt_pagination .disabled_tnt_pagination {
	border:none !important;
}

.announcement-item{
position:relative;
}

.interior-video-items{
position:relative;
height: auto !important;
}

.interior-video-items .announcement-item{
border:1px solid #CCC !important;
padding:20px !important;
margin:10px 0px !important;
display:block !important;
float:none !important;
position:relative !important;
width:100% !important;
-webkit-box-shadow: 0 2px 12px 1px rgba(0,0,0,0.1);
box-shadow: 0 2px 12px 1px rgba(0,0,0,0.1);
top:0 !important;
}
#news-home .announcement-item{
margin: 10px 0px !important;
padding: 10px 0px !important;
border:0 !important;
background:#FFF;
border-top:1px dotted #CCC !important;
}
.announcement-item .title{
font-size:14pt !important;
line-height:16pt !important;
position:relative;
padding-right:40px;
}
#news-detail .title{
padding-right:50px;
}

.announcement-item .title:before,
#news-detail .title:before{
position: absolute;
top: -30px;
z-index: 2;
right: -15px;
width: 50px;
height:50px;
content: " ";
background-size: 50px 50px;
}
#news-detail .announcement-item .title:before,
#news-home .announcement-item .title:before{
right:0;
top: -20px;
}
/*EVENTS*/
.announcement-item.art_type_2 .title:before{
background-image:url('/art/art_type_2.png');
}
/*PEOPLE AND CULTURE*/
.announcement-item.art_type_3 .title:before{
background-image:url('/art/art_type_3.png');
}
/*NEWS*/
.announcement-item.art_type_4 .title:before{
background-image:url('/art/art_type_4.png');
}
/*PUBLIC SERVICE ANNOUNCEMENT*/
.announcement-item.art_type_5 .title:before{
background-image:url('/art/art_type_5.png');
}

#news-interior,
#news-home{
position:relative;
}
#news-interior h1,
#news-home h1{
padding-right:60px;
}
#news-home{
padding-top:5px;
margin-top:0;
}
#news-interior:before,
#news-home:before{
position:absolute;
right:0;
top:0px;
content:"";
background:url('/art/Cocopah-Now-thumb.jpg') top right no-repeat;
width:60px;
height:60px;
background-size:60px 60px;
}


fieldset{
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border:1px solid #CCC;
}
fieldset legend{
color:#5f4f36;
text-transform:uppercase;
font-size:16pt;
line-height:20pt;
padding:0px 10px;
}