/*---GLOBAL CSS---*/
/*---font and p tag---*/

#page {
  font-family:  Helvetica, 'Roboto', sans-serif;
}

#page .media {
  max-width: 100%;
}


#page .node ul li, #page .view .views-field ul li, #page .view .field-content ul li, #colorbox .node ul li, #colorbox .view .views-field ul li, #colorbox .view .field-content ul li {
    font-size: 16px;
    line-height: 25px;
    margin: 5px;
}

#page .view .views-field ul, #page .view .field-content ul, #colorbox .node ul, #colorbox .view .views-field ul, #colorbox .view .field-content ul {
    margin: 10px 0px !important;
}

#zone-content #content-wrapper ul, #zone-content #content-wrapper ol {
margin: 10px 30px;
}

 #zone-content #content-wrapper ol {
    font-size: 16px;
    font-family: Helvetica, 'roboto',sans-serif;
    line-height: 25px;
}

#page p, #colorbox p {
    font-size: 16px;
    font-family: Helvetica,"Roboto",sans-serif;
    line-height: 1.5em;
}

#page .media {
  max-width: 100%;
}

#page {
    font-family: Helvetica,"Roboto",sans-serif;
}

.field-name-body:before{
  display: table;
  content: " ";
}
.field-name-body:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  clear: both;
}

.media .file {
  background-color: transparent;
  display: inline-block;
  width: auto;
  max-width: 100%;
  margin: 0px;
  white-space: normal;
  background: none;
  padding: 0;
  border-radius: 0;
  box-shadow: none;
  font-weight: normal;
}

.media .file .contextual-links-trigger {
  display: none !important;
}

div.media.media-element-container {
  display: inline-block;
  vertical-align: bottom;
}

#page .accordion h2, #page .accordion h3, #page .accordion h4, #page .accordion h5, #page .accordion h6 {
  text-transform: none;
}

#page .form-type-select select {
  width: auto;
}

#page ul.quicktabs-tabs {
  margin: 0;
}

#page .region-header-second h2.block-title {
  display: none;
}

.view-id-i_am_a .view-header, .view-id-i_am_a .view-content, .view-id-i_am_a .form-type-select, .view-id-i_am_a .ctools-jump-menu-button {
  float: left;
}

#page ul.quicktabs-style-zen {
  display: table;
  width: 100%;
margin:0px !important;
}

#page ul.quicktabs-style-zen > li a {
  white-space: normal;
}

.clear-both {
  clear: both;
}

.float-left {
  float: left;
}


@media (min-width: 600px) {
  #page ul.quicktabs-style-zen > li {
    display: table-cell;
    float: none;
    background: #e9e9e9;
    border-radius: 10px 10px 0 0;
    border: 1px solid #ccc;
  }

  #page ul.quicktabs-style-zen > li a {
    white-space: normal;
    background: #e9e9e9;
    border-radius: 10px 10px 0 0;
  }

  #page ul.quicktabs-style-zen > li.active,
  #page ul.quicktabs-style-zen > li.active a {
    background: #fff;
  }

}

@media (max-width: 601px) {
  #page ul.quicktabs-style-zen > li {
    display: table-row;
  }
}

fieldset#webform-component-contact-info {
  margin-top: 20px;
}

#page li > .accordion h1.accordion-arrows,
#page li > .accordion h2.accordion-arrows,
#page li > .accordion h3.accordion-arrows,
#page li > .accordion h4.accordion-arrows,
#page li > .accordion h5.accordion-arrows,
#page li > .accordion h6.accordion-arrows {
  margin-left: 10px;
}

fieldset.webform-component-fieldset {
  margin-top: 20px;
}

.row-bottom-border {
  padding-bottom: 10px;
  border-bottom: 1px solid #dcd2c3;
}

.views-row-last.row-bottom-border {
  border-bottom: none;
}

#page .view-contacts h3 {
  border-bottom: 3px solid #dcd2c3;
  padding: 10px 0 3px 3px;
  font-size: 18px;
}

#page .view-contacts .view-content {
  padding-top: 20px;
}

.node-profile .field-name-field-profile-job-title,
.node-profile .field-name-field-profile-email {
  margin-bottom: 0;
}

.node-profile li.node-readmore {
  display: none;
}

.view-foster-care-licensing-agencies .views-field {
  margin-bottom: 0;
}

#block-printfriendly-printfriendly {
  margin-top: 20px;
}

#page .node-readmore {
  background-color: #F1D6B8 !important;;
  display: inline-block;
  width: auto;
  max-width: 100%;
  margin: 5px 0px;
  white-space: normal;
  background: url("/sites/all/themes/az_gov/img/bullet-arrow.png") no-repeat scroll 95% center transparent;
  padding: 7px 45px 7px 20px;
  border-radius: 50px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  font-weight: normal;
}
.more-link {
  background-color: #F1D6B8;
}

.accordion-arrows:before {
  padding-left:5px;
  font-family: "Glyphicons Halflings" !important;
}
.accordion-arrows:before {
  content: "" !important;
}
.accordion-arrows.open:before {
  content: "" !important;
}

.view-i-am-a .view-header {
  padding: 10px;
}
.view-i-am-a .form-type-select {
  padding: 5px;
}
.view-i-am-a #edit-go {
  margin: 5px;
}

.view-child-pages-teaser > .view-content > .views-row {
  min-height: 60px;
  border: 1px solid #dcd2c3;
  padding: 5px;
}

.view-news-slideshow.news fieldset .fieldset-title {
  color: #600;
}
.view-news-slideshow.news .views-row {
  border-bottom: 2px solid #d0cece;
}
.view-news-slideshow.news fieldset .views-field-field-slideshow-image img {
  width:100%;
  padding-top: 10px;
}

.news-slideshow {
  background: none repeat scroll 0% 0% #333
}
.news-slideshow .view-content > div {
  position:relative;
}
.news-slideshow .views-slideshow-cycle-main-frame {
  max-width:100%;
}
.news-slideshow .views-row {
  margin-bottom:0 !important;
}
.news-slideshow .views-field-field-slideshow-image img{
  width:100%;
}
.news-slideshow .slide-text-area {
  padding: 0 20px;
  font-size: 15px;
}

@media(min-width:600px){
  .news-slideshow .slide-text-area {
    float: left;
    width: 33%;
  }
  .news-slideshow .views-field-field-slideshow-image {
    float: left;
    width: 67%;
  }
  .news-slideshow .views-slideshow-controls-bottom{
    position: absolute;
    bottom: 10px;
    z-index: 9;
  }
}
.news-slideshow .views-slideshow-cycle-main-frame-row {
  width: 100% !important;
}
.news-slideshow .views-slideshow-pager-field-item {
  background: none repeat scroll 0 0 #F6E9D1;
  border-radius: 10px;
  display: inline-block;
  width: 18px;
  height: 18px;
  text-indent: -9999px;
  cursor: pointer;
}
.news-slideshow .views-slideshow-pager-field-item.active {
  background: none repeat scroll 0 0 #6687BC;
}
.news-slideshow .views-slideshow-controls-bottom{
  margin-top: 30px;
  padding-left: 20px;
}
.news-slideshow .views-field-title h2 a {
  color: #DCD2C3;
}
.flex-direction-nav a {
  height: 55px;
}
.view-gallery-slideshow .flex-viewport {
  background: #494949;
}
.view-gallery-slideshow .flexslider {
  border: 4px solid rgb(73, 73, 73);
  margin: 0px;
}
.view-gallery-slideshow .flex-control-nav {
  display:none;
}

.view-gallery-slideshow.view-display-id-block_2 img {
  max-height: 238px;
}

.flexslider ul.slides, .flexslider ul.flex-direction-nav {
  margin:0 !important;
}
.flexslider ul.flex-direction-nav li {
  list-style-type:none !important;
}
.flexslider .slides img {
  width:auto;
  margin:0 auto;
}
.view-documents select {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  margin: 5px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555;
  vertical-align: middle;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.view-documents select#edit-field-file-type-tid-select-1  option[value="All"] {
  display: none;
}
#page .chosen-container.form-control {
  padding:0;
}

/*---gray box---*/
.dcs-block-box-color {
background: #e9e9e9;
    margin: 50px 0px;
    text-align: center;
    padding: 50px;
}

.dcs-block-box-color h2 {
    color: black !important;
    text-align: center !important;
    border-bottom: none !important;
    text-transform: capitalize !important;
}

/*---FAQ global css---*/

/*---faq styling found on main faq page START---*/
/*---drop down arrows---*/
#faq-dcs legend .fieldset-legend:before{
  font-family: 'Glyphicons Halflings';
  content: "\e080";
  float: right;color: #197a73;
  transform: rotate(90deg);
  }

#faq-dcs legend.open-fieldset .fieldset-legend:before  {
  font-family: 'Glyphicons Halflings';
  content: "\e114";
  float: right;
  color: #197a73;
  transform: rotate(-180deg);
}
/*---arrows end---*/

#views-exposed-form-faq-view-all-block > div > div > div {
    margin-bottom: 25px;
    margin: 0px auto 40px auto;
    background-color: #F9F4F4;
    padding: 40px 30px;
}

/*---faq question start---*/
#faq-dcs .views-row-odd legend, #faq-dcs .views-row-even legend {
    padding: 15px 3px;
    border-top: 1px solid #e9e9e9;
}
#faq-dcs .view .views-row {
    margin-bottom: 0px;
}

#faq-dcs .fieldset-legend p {
padding-right: 30px;
    margin-bottom: 5px;
    margin-top: 5px;
}
#faq-dcs .view-content .fieldset {
padding-bottom:0px;
}
#faq-dcs .views-field-field-faq-answer {
    margin-bottom: 20px;
    padding: 3px;
    max-width: 700px;
}

#faq-dcs .views-field-field-faq-answer ul {
    padding: 0px 30px ;
}
/*---faq styling found on main faq page END---*/

/*---faq styling for faqs found on other parts of the dcs website created with views START---*/
/*---drop down arrows---*/
#faq-dcs-section legend .fieldset-legend:before{
  font-family: 'Glyphicons Halflings';
  content: "\e080";
  float: right;color: #197a73;
  transform: rotate(90deg);
  }

#faq-dcs-section legend.open-fieldset .fieldset-legend:before  {
  font-family: 'Glyphicons Halflings';
  content: "\e114";
  float: right;
  color: #197a73;
  transform: rotate(-180deg);
}

/*---arrows end---*/


/*---faq question start---*/
#faq-dcs-section .views-row-odd legend, #faq-dcs-section .views-row-even legend {
    padding:8px 0px;
    border-top: 1px solid #e9e9e9;
}
#faq-dcs-section .view .views-row {
    margin-bottom: 0px;
}

#faq-dcs-section .fieldset-legend p {
padding-right: 30px;
    margin-bottom: 5px;
    margin-top: 5px;
}

#faq-dcs-section .view-content .fieldset {
padding-bottom:0px;
}

#faq-dcs-section .views-field-field-faq-answer {
    margin-bottom: 20px;
    padding: 3px;
    max-width: 700px;
}

#faq-dcs-section .views-field-field-faq-answer ul {
    padding: 0px 30px ;
}

.two-box-section {
	display: flex;
	justify-content: space-between;
	margin: 40px 0 40px;
    text-align: center;
}

.box-link {
	background-color: #283c85;
	width: calc(50% - 30px);
	padding: 30px;
	border-radius: 30px;
	overflow: hidden;
	position: relative;
}
.box-link:hover{
	
}
.box-link img{
	display: inline-block !important;
}
.box-link.orange-btn {
	background: #dd790e;
}
.box-link:hover{
	background: #17296b;
}
.box-link.orange-btn:hover{
	background: #ce6c05;
}
.box-link:hover p{
	text-decoration: underline;
}
.box-link::before {
	font-size: 100px;
	line-height: 80px;
	content: '<';
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
	color: #dd790e ;
	font-family: 'Billy Ohio Dua', Copperplate, Copperplate Gothic Light, fantasy, sans-serif !important;
}
.box-link a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;;
	height: 100%;
	opacity: 0;
}
.box-link.orange-btn::before {
	font-size: 100px;
	line-height: 80px;
	content: '>';
	position: absolute;
	top: 50%;
	left: auto;
	right: 10px;
	transform: translateY(-50%);
	color: #283c85;
	font-family: 'Billy Ohio Dua', Copperplate, Copperplate Gothic Light, fantasy, sans-serif !important;
}
.box-link i{
    font-size: 170px;
    color: #fff;
}
#page .box-link p {
	margin: 15px 0 0;
	color: #fff;
	font-size: 18px;
	line-height: 30px;
}

#zone-content a.box-link:hover, #zone-content a.box-link:focus {
	text-decoration: none !important;
}
@media (max-width: 767px) {
    
    #page .box-link p {
		font-size: 16px;
		font-family: Helvetica, "Roboto", sans-serif;
		line-height: 25px;
	}
    .box-link {
		width: 100%;
		display: block;
	}
	.box-link.orange-btn {
		margin-top: 20px;
	}
	.two-box-section {
		display: block;
	}
	.two-button {
		flex-direction: column;
		align-items: center;
	}
	.two-button .azdcs-button+.azdcs-button {
		margin-top: 10px;
	}
}





/*---faq question end---*/
/*---faq styling for faqs found on other parts of the dcs website created with views END---*/