﻿/*
=======================================================
SearchBar
=======================================================
*/

/* Used to overwrite SharePoints core.css to make the search box full width and height of the parent */

.ms-srch-sb{height: 100%; display: block;}

/* Overrides SharePoints default border for the search box */
.ms-srch-sb-border{border: none;}


#SearchBox .ms-srch-sb > input {width: 85%; height: 100%;}

/*Increases the size of the search bar input text. */
#SearchBox .ms-textSmall{font-size: 1.15em; font-size: 1rem;}

/* Remove the on focus border from the search bar */
.ms-srch-sb-borderFocused,
.ms-srch-sb-border:hover {border: none;}

/*Sets the background image to replace the default search image */
.ms-srch-sb > .ms-srch-sb-searchLink {background:url("../images/sprite-icons.png") no-repeat -280px -290px;display:block;height:20px;margin:5px 15px 0 0;right:-6px;top:2px;position:absolute;width:20px;}
.ms-srch-sb > .ms-srch-sb-searchLink img {display: none;}

/*
======================================================
Search Results
======================================================
*/
.ms-core-menu-arrow {
width:7px !important;
}
# UpScopeLinkTop {
	display:none!important;
	}
.ms-srch-upscope-top {
	display:none !important;
	}
/* paging arrows */

.ms-srch-pagingNext {
	
}

/*
=======================================================
Search Results Paging
=======================================================
*/

.ms-srch-pagingNext {
	display: none;
}
.ms-promlink-button-image {
	display: none;
}
#PageLinkNext {
	background: url("../images/sprite-icons.png") no-repeat scroll -262px -1292px rgba(0, 0, 0, 0);
	display: inline-block;
	height: 38px;
	width: 38px;
	border: none;
}
#PageLinkPrev {
    background: url("../images/sprite-icons.png") no-repeat scroll 0 -1292px rgba(0, 0, 0, 0);
    display: inline-block;
    height: 38px;
    width: 38px;
	border:none;
}
.pager {
	text-align: center;
}
.pager a.cop-next {
	background: url("../images/sprite-icons.png") no-repeat scroll -262px -1292px rgba(0, 0, 0, 0);
	display: inline-block;
	height: 38px;
	width: 38px;
}
.pager a.cop-next-disabled {
	background: url("../images/sprite-icons.png") no-repeat scroll -262px -1292px rgba(0, 0, 0, 0);
	display: inline-block;
	height: 38px;
	opacity: 0.5;
	width: 38px;
}
.pager a.cop-prev {
	background: url("../images/sprite-icons.png") no-repeat scroll 0 -1292px rgba(0, 0, 0, 0);
	display: inline-block;
	height: 38px;
	width: 38px;
}
.pager a.cop-prev-disabled {
	background: url("../images/sprite-icons.png") no-repeat scroll 0 -1292px rgba(0, 0, 0, 0);
	display: inline-block;
	height: 38px;
	opacity: 0.5;
	width: 38px;
}
/* Best Bets customization/hack to make icon appear */

.ms-srch-bestBetItem-icon {
    background: url("/_catalogs/theme/Themed/6236AB79/searchresultui-61174269.themedpng?ctag=1") repeat scroll 34px 90px rgba(0, 0, 0, 0);
    display: inline-block;
    float: left;
    height: 16px;
    margin-right: 3px;
    margin-top: 2px;
    overflow: hidden;
    position: relative;
    width: 16px;
}

/*================================================================
Site Alerts 
================================================================
*/

/* Remove SharePoint padding for alert list items */
#site-alert .item {padding: 0px;margin: auto 0;}


/*
================================================================
Logo 
================================================================
*/
/*SharePoint width and height override */
.ms-siteicon-img {max-width: none; max-height: none;}

/*
================================================================
SharePoint class extensions
================================================================
*/

/* Element tweaks */
/* Forces video and images to full width within the container. */
.ms-WPBody video, .ms-WPBody img {width: 100%;}

/*
=======================================================
Ribbon
=======================================================
*/


/*
===================================================================
Prefix Style Sheet property for the RichHtmlField snippet - cop-rte
===================================================================
*/

/*Table Styles */

table.cop-rteTable-COPTABLE {-ms-name: "City of Phoenix Default";} /*sets the name*/

.cop-rteTableHeaderRow-COPTABLE
{
	background:#f2f2f2;
	font-weight:500;
		
}

/*Table Line Height condensed for tables in narrow layouts*/

tablesm.cop-rteTable-COPTABLESM {-ms-name: "Two Column ONLY Condensed Table";} /*sets the name*/

.cop-rteTableHeaderRow-COPTABLESM
{
	background:#f2f2f2;
	font-weight:500;
		
}

td.cop-rteTableEvenCol-COPTABLESM
{
	line-height:2px;
	width:75%;
}
td.cop-rteTableOddCol-COPTABLESM
{
	line-height:2px;
	width:25%;
}


/*END END Table Line Height condensed for tables in narrow layouts*/



/*Styles - Paragraph*/
p.cop-rteElement-Paragraph 
{
  -ms-name:"Paragraph";
}
p.cop-rteElement-Paragraph a {
	color:#9a0049
}

.cop-rteElement-Paragraph
{ margin:0 0 15px;}

/*Styles - Paragraph Large Font*/
p.cop-rteElement-ParagraphXL 
{
  -ms-name:"ParagraphXL";
}

.cop-rteElement-ParagraphXL
{ margin:0 0 15px;
font-size:19px;
}

table.my-custom-breakpoint a {
	color:#9a0049;
}


/*Styles - Title*/
h1.cop-rteElement-Title 
{
  -ms-name:"Title";
}


.cop-rteElement-Title
{
font-weight:300;
font-family:'Droid Serif', sans-serif;
font-size:22px;
font-style:italic;	
margin:0 0 20px;
color:#000000 !important;
}


/*Headings*/
H1.cop-rteElement-H1 
{
  -ms-name:"Heading 1";
}

.cop-rteElement-H1
{
font-weight:300;
font-family:'Droid Serif', sans-serif;
line-height:24px;
margin:0 0 20px;
color:#000000 !important;
}

/*H2*/
H2.cop-rteElement-H2 
{
  -ms-name:"Heading 2";
}

.cop-rteElement-H2
{
font-weight:300;
font-family:'Droid Serif', sans-serif;
line-height:24px;
margin:0 0 20px;
color: #222 !important;
}

/*H3*/
H3.cop-rteElement-H3 
{
  -ms-name:"Heading 3";
}

.cop-rteElement-H3
{
font-size:16px;
font-weight:600;
}

 .cop-rteElement-H3 a {
	color:#9a0049;
}
 h3>a {
	color:#9a0049!important;
}

/*PDF ICON*/

a.doc-list-pdf:before {
/*content: url(../images/PDF-iconsm.png);*/
display: block;
float: left;
margin-right: 5px;
position: relative;
bottom: 2px;
}

h1.cop-rteElement-PDF Icon
{
  -ms-name:"PDF Icon Insert";
}


.cop-rteElement-PDF Icon
{
content: url(../images/PDF-iconsm.png);
display: block;
float: left;
margin-right: 5px;
position: relative;
bottom: 2px;
}

/*Image Positioning*/
.cop-rtePosition-1{
-ms-name:"Left";
float:left;
}
.cop-rtePosition-2{
-ms-name:"Right";
float:right;
}
.cop-rtePosition-3{
-ms-name:"Top";
vertical-align:text-top;
}
.cop-rtePosition-4{
-ms-name:"Middle";
vertical-align:middle;
}
.cop-rtePosition-5{
-ms-name:"Bottom";
vertical-align:text-bottom;
}

/*HR*/
h1.cop-rteElement-hr 
{
  -ms-name:"Horizontal Rule";
}

.cop-rteElement-hr

{
clear:both;
height:0;border-top:1px solid rgba(0, 0, 0, 0.1);
border-bottom:1px solid rgba(255, 255, 255, 0.3);
margin:10px 0 10px;
width:100%;
}

/*CTA*/
a.cop-rteElement-cta
{
  -ms-name:"Call To Action";
}

a.cop-rteElement-cta

{background:#003760 url("../images/sprite-icons.png") no-repeat 100% -178px;
color:#fff;display:block;font-size:16px;margin:0 0 5px;
padding:12px 20px 12px 12px !important;
text-decoration:none;
width:100%;}

a.cop-rteElement-cta-procure

{background:#003760 url("../images/sprite-icons.png") no-repeat 100% -178px;
color:#fff;display:block;font-size:16px;margin:0 0 5px;
padding:12px 20px 12px 12px !important;
text-decoration:none;
width:100%;}



	.cop-rteElement-cta:hover {background-color:#eea41c;-webkit-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px;}
	.cop-rteElement-cta:visited{color: #ffffff;}

/*Get rid of those dots on the slider */
.flex-control-paging li a {
color: transparent !important;
}

.mobile table.ui-datepicker-calendar{
	display:table;
}
.mobile table.ui-datepicker-calendar thead{
	display:table-header-group;
}
.mobile table.ui-datepicker-calendar tbody{
	display:table-row-group;
}
.mobile table.ui-datepicker-calendar th{
	display:table-cell;
}
.mobile table.ui-datepicker-calendar td{
	display:table-cell;
}
.mobile table.ui-datepicker-calendar tr{
	display:table-row;
}

#reimaginenewslist img {
	float:left!important;
	max-width:80px;
	height:auto!important;
}
#reimaginenewsitem img {
	max-width:320px!important;
}
.iconitems {/*for font-awesome 3-col display */float: left; max-width:30%; margin-right:3%;margin-bottom:5%; display: table-cell;}

 @media screen and (max-width: 640px) {
.iconitems {max-width:100%!important;margin-right:0!important;}
 }
 /* --------- Google Translate styles ------------------------- */
 
.goog-te-gadget-simple {
	width:19px;
	border:none!important;
	}
	
	/* ---------- custom sliders --------------- */
	
	/* following itemsitems overlays text on slider image */
	
	.slider-img-container {
	position: relative;
	width: 100%;
	color:#fff!important;
}
.headline-overlay {
	color:#fff;
	}

.img-description {
	position: absolute;
	top: 35px;
	left: 50%;
	width:45%!important;
	color:#fff;
	
}
.img-description h1, .img-description h2, .img-description h3, .img-description h4, .img-description h5 {
	color:#fff!important;
	margin:10px 0 5px 0!important;
}
.img-description a, .img-description a:visited {
	color:#fff!important;
	text-decoration:none;
	font-style:italic;
}
.img-description a::after {
	content: " > ";
}


.img-description a:hover {
	text-decoration:underline!important;
}

/* media queries for slider text overlay on mobile */

@media screen and (max-width: 728px) {
  
  	.slider-img-container {
position:inherit;
	width: 100%;
	height:auto;
	color:#fff!important;
}


#overlay-container .flex-direction-nav a  {
	margin:0!important;
	top:85px;
}

  
  .headline-overlay {
	color:#000;
	width:100%!important;
	}

.img-description {
		color:#000;
		position:inherit;
		width:100%!important;
		left:0%;
	
}
.img-description h1, .img-description h2, .img-description h3, .img-description h4, .img-description h5 {
	color:#000!important;
	
}
.img-description a, .img-description a:visited {
	color:#000!important;
	text-decoration:none;
	font-style:italic;
}
.img-description a::after {
	content: " > ";
}


.img-description a:hover {
	text-decoration:underline!important;
}

  
}