/*
	Theme Name: DHS Allegheny Connect Theme
	Theme URI: http://kimberlyshollwebdesign.com
	Description: Blank WordPress Theme
	Version: 1.4.3
	Author: Kimberly Sholl
	Author URI: http://kimberlyshollwebdesign.com
	Tags: Blank, HTML5, CSS3
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+HK:wght@200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap');

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
	scroll-behavior: smooth;
}
body {
	font:normal 16px/1.4 'Montserrat', sans-serif;
	color:#000000;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
/* colors */
.blue {color: #2785c5;}

section {max-width: 1200px; margin: 130px auto; padding: 0 50px;}
img {
	max-width:100%;
	vertical-align:bottom;
}
h1, h2, h3, h4, h5, h6 {
	color: #000000; 
	font-family: 'Montserrat', sans-serif; 
}
h1 {font-size: 40px; font-weight: 900;}
h2 {font-size: 30px; font-weight: 600;}
h3 {font-size: 26px; margin: 20px 0; font-weight: 600;}
h4 {font-size: 16px; font-weight: 600;}
p {margin: 0 0 20px;}
a {
	color:#000000;
	text-decoration:underline;
}
a:hover {
	color:#2785c5;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
li {margin-bottom: 10px;}
a.anchor {display: block; position: relative; top: -250px; visibility: hidden;}
button:focus {outline: none;}
.nomarginbot {margin-bottom: 0;}
.heavy {font-weight: 700;}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
	width:100%;
	margin:0 auto;
	position:relative;
	min-height: 100vh;
	overflow: hidden;
	display: block;
}

/* header */
.header {
	width: 100%;
	background-color: #ffffff;
	z-index: 100;
}

/* standard header wrapper */
.headerStd {padding: 0 20px; height: 125px; display: flex; align-items: center; position: relative; width: 100%; max-width: 1080px; margin: auto;}
.headerAbove {background-color: #2785c5; color: #ffffff; margin: auto; font-family: "Source Serif 4", serif; font-size: 14px; font-weight: 400;}
.alertWrap {text-align: center; margin: auto; padding: 15px 20px;}
.alertImg {width: 50px; height: 50px; float: left;}
.alertImg img {max-width: 50px; float: left; margin-right: 10px;}
/*.alertWrap p {font-weight: 600; font-size: 18px;}*/
.alertWrap p a {color: #ffffff;}

/* logo */
.logo {display: flex;align-items: center; margin-right: 20px;}
.logo-img {float: left; max-height: 100px;}

/* nav */
.navWrap {width: 60%;}
.nav {width: auto; float: lefts;}
.nav ul {list-style: none; margin-bottom: 0;}
.nav ul li {float: left; margin-right: 20px; margin-bottom: 0;}
.nav ul li a {font-size: 14px; color: #000000; font-family: 'Montserrat', sans-serif; font-weight: 500; text-decoration: none;}
.nav ul li a:hover {padding-bottom: 5px; text-decoration: none; border-bottom: 2px solid #2785c5;}
.nav .current_page_item {padding-bottom: 2px; text-decoration: none; border-bottom: 2px solid #2785c5;}

/* predictive search */
.searchBar {margin-right: 35px;}
#ajaxsearchlite1 .probox, div.asl_w .probox {border-radius: 10px !important;}

/* accessmyinfo */
.accessInfo {display: flex; align-items: center; position: relative;}

/* Tooltip container */
#tooltip {
	position: absolute;
	display: inline-block;
	right: 1px;
	top: 0;
	height: 15px;
	width: 15px;
}

/* Tooltip text */
#tooltip .tooltiptext {
	visibility: hidden;
	width: 225px;
	background-color: black;
	color: #fff;
	text-align: center;
	padding: 5px 0;
	border-radius: 6px;
	position: absolute;
	z-index: 999;
	right: -15px;
	top: 23px;
}

/* Show the tooltip text when you mouse over the tooltip container */
#tooltip:hover .tooltiptext {
	visibility: visible;
}

#tooltip .tooltiptext::after {
	content: " ";
	position: absolute;
	top: -16px; /* At the bottom of the tooltip */
	right: 12px;
	margin-right: 2px;
	border-width: 9px;
	border-style: solid;
	border-color: transparent transparent black transparent;
}

/* Tooltip lightbulb container */
#tooltipbulb {
	position: absolute;
	display: inline-block;
	height: 80px;
	width: 65px;
	margin-left: -125px;
	margin-top: -40px;
}

/* Tooltip lightbulb text */
#tooltipbulb .tooltiptextbulb {
	visibility: hidden;
	width: 350px;
	background-color: #2785c5;
	color: #fff;
	text-align: center;
	padding: 10px;
	border-radius: 6px;
	position: absolute;
	z-index: 999;
	left: 60px;
	top: 50px;
}

/* Show the tooltip text when you mouse over the tooltip container */
#tooltipbulb:hover .tooltiptextbulb {
	visibility: visible;
}

#tooltipbulb .tooltiptextbulb::after {
	content: " ";
	position: absolute;
	top: 5px; /* At the bottom of the tooltip */
	left: -18px;
	margin-right: 2px;
	border-width: 9px;
	border-style: solid;
	border-color: transparent #2785c5 transparent transparent;
}


/* mobile nav */
.mobileNav {position: absolute; right: 0;}
.shiftnav-inner::before {
	content: ''; 
	display: block; 
	width: 250px; 
	height: 25px; 
	background-image: url(/wp-content/themes/dhsSAFEpgh/img/logo.png); 
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin: 20px auto 0;
}
.shiftnav .shiftnav-panel-close{
	background: transparent !important;
	top: 0;
}
.shiftnav-toggle-button {background: transparent !important;}
.shiftnav .fa, .shiftnav-toggle .fa {font-size: 30px; color: #000000;}
.shiftnav.shiftnav-skin-light ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target, .shiftnav.shiftnav-skin-light ul.shiftnav-menu li.menu-item ul.sub-menu .current-menu-item > .shiftnav-target {
	background: #2785c5 !important;
}

/* main */
main {
	margin: 0 auto;
}

/* footer */
.footer {
	padding: 45px 50px;
	width: 100%;
	font-size: 12px;
	background: #19384c;
	min-height: 200px;
}
.footerImgWrap {float: left;}
.footerImgWrap img {max-width: 118px;}
.footerMenuWrap {display: flex; align-items: center; float: left; height: 118px;}
.footerMenuWrap ul {color: #ffffff; font-weight: 600; margin-bottom: 0;}
.footerMenuWrap ul li {list-style: none; margin-bottom: 5px;}
.footerMenuWrap ul li:last-child {margin-bottom: 0;}
.footerMenuWrap ul li a {color: #ffffff; }
.footerMenuWrap ul li a:hover {color: #2785c5; }
.accordWrap p {color: #ffffff; font-weight: 600; font-size: 15px; font-family: "Source Serif 4", serif; text-align: right;}
.accordWrap p span {font-style: italic;}
.accordionFooter {margin-top: 40px;}
.accordionFooter .accordion-button {background-color: #f8f2f2; font-size: 17px; font-weight: 600;}
.accordionFooter .accordion-button:not(.collapsed) {background-color: #f8f2f2;}
.accordionFooter .accordion-button::after {display: none;}
.accordionFooter .accordion-body {background-color: #f8f2f2; border-radius: 10px;}
.accordionFooter .accordion-item, .accordionFooter .accordion-item:last-of-type, .accordionFooter .accordion-item:first-of-type {margin-bottom: 0;}

/*------------------------------------*\
    HOMEPAGE
\*------------------------------------*/

/* hero */
.homeHeroWrap {
	max-width: 1080px;
	margin: 50px auto 0 !important;
}
.homeHeroTxt {
	text-align: center;
    max-width: 1080px;
	padding: 0 40px;
}
.homeHeroTxtCont {
	display: flex;
    width: 100%;
    margin: auto;
}
.homeHeroTxtInner {
	margin: auto;
    text-align: center;
	max-width: 950px;
}
.homeHeroTxtInner h1 {
    font-size: 45px;
	margin-top: 0;
	font-weight: 400;
	font-family: "Source Serif 4", serif;
}
.homeHeroTxtInner h2 {
	font-size: 20px;
    font-weight: 400;
}
.heroCloud {
	min-height: 400px;
    background-image: url(/wp-content/themes/dhsACConnect/img/heroBlueSky.png);
    background-position: top;
    background-size: cover;
    margin-bottom: -300px;
}

/* carousel section */
.carouselTitle {max-width: 1080px; margin: 0 auto 20px; overflow: hidden;}
.carouselTitle h2 {float: left;}
.carouselTitle a {font-size: 20px; float: right;}
.carouselWrapper {max-width: 1200px; margin: 0 auto 70px;}
#wonderplugincarousel-1 .amazingcarousel-description {padding: 0 45px;}
#wonderplugincarousel-1 .amazingcarousel-title {text-align: left;}
#wonderplugincarousel-1 .amazingcarousel-image {border-radius: 10px;}
#wonderplugincarousel-1 .amazingcarousel-hover {border-radius: 10px;}
#wonderplugincarousel-1 .amazingcarousel-nav {visibility: hidden;}

/* emergency  & whats new sections */
.blockCent {max-width: 1080px; margin: 0 auto 100px;}
.blockCent h2 {margin-bottom: 20px;}
.blockWrapHome {
	width: 100%;
    background-size: cover;
    min-height: 469px;
    background-repeat: no-repeat;
    background-position: bottom left;
	border-radius: 20px;
}
.emergency {
    background-image: url(/wp-content/themes/dhsACConnect/img/emergImg.png);
}
.whatsNew {
    background-image: url(/wp-content/themes/dhsACConnect/img/whatsNewImg.png);
}
.blockTxt {text-align: center; max-width: 428px;}
.blockTxtCont {
	display: flex;
    width: 81%;
    margin: auto;
    min-height: 469px;
}
.blockTxtInner {margin: auto; text-align: left;}
.blockTxtInner h2 {color: #000000; font-size: 36px; font-weight: 400; margin: 0;}
.blockTxtInner p {font-family: "Source Serif 4", serif; font-weight: 400; font-size: 22px; margin-bottom: 0; margin-top: 10px;}
.emerWrap {position: relative; padding: 0 20px 0 0;}
.newWrap {position: relative; padding: 0 0 0 20px;}
.blockTxtHome {
	text-align: center;
	max-width: 100%;
	padding: 20px;
	background-color: #f8f2f2;
	border-radius: 0 0 10px 10px;
}
.blockTxtHomeCont {
	display: flex;
    width: 100%;
    margin: auto;
    min-height: 230px;
	position: relative;
}
.blockTxtHomeInner {margin: 0; text-align: left;}
.blockTxtHomeInner h2 {color: #000000; font-size: 26px; font-weight: 400; margin: 0;}
.blockTxtHomeInner p {
	font-family: "Source Serif 4", serif;
	font-weight: 400;
	font-size: 18px;
	margin-bottom: 0;
	margin-top: 10px;
}
#blockTxtBtn {
	border: none;
    background: #2785c5;
    color: #ffffff;
    font-size: 20px;
    padding: 13px 15px;
    font-weight: 900;
    cursor: pointer;
    margin: 20px 20px 0 0;
    border-radius: 5px;
	min-width: 150px;
}
#blockTxtBtn:hover {
    background: #ffffff;
    color: #2785c5;
}

/* survey section */
.blockCentFull {width: 100%; margin: 0 auto 100px;}
.blockThinkWrap {
	width: 100%;
    background-image: url(/wp-content/themes/dhsACConnect/img/acSearchBG.png);
    min-height: 335px;
    background-size: cover;
    background-position: bottom center;
	background-repeat: no-repeat;
}
.blockThinkTxt {text-align: center; max-width: 100%;}
.blockThinkTxtCont {
	display: flex;
    width: 80%;
    margin: auto;
    min-height: 469px;
}
.blockThinkTxtInner {margin: 50px auto 0; text-align: center;}
.blockThinkTxtInner h2 {color: #000000; font-size: 25px; font-weight: 600; margin: 0;}
.blockThinkTxtInner p {font-family: "Source Serif 4", serif; font-size: 20px; font-weight: 400; margin-bottom: 40px;}
.blockThinkTxtInner a {font-size: 26px; font-weight: 600;}

/* contact seection */
.blockCentContact {max-width: 1080px; margin: 100px auto;}
.blockCentContact h2 {margin-bottom: 20px;}
.blockContactWrap {
	width: 100%;
    background: #2785c5;
	border-radius: 20px;
}
.blockContactTxt {text-align: center; max-width: 100%;}
.blockContactTxtCont {
	display: flex;
    width: 80%;
    margin: auto;
}
.blockContactTxtInner {margin: 50px auto; text-align: left;}
.blockContactTxtInner h2 {color: #ffffff; font-size: 36px; font-weight: 100; margin: 0 0 35px;}
.blockContactTxtInner p {font-size: 24px; margin-bottom: 80px;}
.blockContactTxtInner a {font-size: 26px; font-weight: 600; color: #ffffff;}

.dalWrap {
	max-width: 1080px;
	margin: 20px auto 100px !important;
	background-color: #f8f2f2;
    border-radius: 10px;
}
.dalTxt {
	text-align: center;
    max-width: 1080px;
}
.dalTxtCont {
	display: flex;
    width: 90%;
    margin: auto;
    min-height: 498px;
}
.dalTxtInner {
	margin: auto;
    text-align: left;
	padding: 20px 0;
}
.dalTxtInner h2 {font-size: 25px; font-weight: 400; margin: 0 0 35px;}
.dalTxtInner ul {margin-left: 25px;}
.dalTxtInner ul li {font-size: 25px;}
.dalImg {
	background-image: url(/wp-content/themes/dhsACConnect/img/dalImg.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0;
	border-radius: 10px 0 0 10px;
}
.txtImg {
    padding: 20px 0 20px;
	border-radius: 10px 0 0 10px;
	min-height: 100px;
	text-align: right;
}
.imgHelper {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.txtImg img {vertical-align: middle;}
.txtTxt {
	text-align: center;
    max-width: 1080px;
}
.txtTxtCont {
	display: flex;
    width: 90%;
    margin: auto;
    min-height: 100px;
}
.txtTxtInner {
	margin: auto;
    text-align: left;
	padding: 20px 0;
}
.txtTxtInner h2 {margin: 0 0 15px;}
.txtTxtInner p {margin-bottom: 0;}


/*------------------------------------*\
    INTERIOR PAGES
\*------------------------------------*/

/* all topics page template */
.topicBlockCent {max-width: 1080px; margin: 100px auto 20px;}
.topicBlockCent h2 {margin-bottom: 35px;}
.allTopicBlock > div {max-width: 300px; padding: 0 20px 50px 0;}
.allTopicBlock a {text-decoration: none; font-weight: 400;}
.allTopicBlock h3 {font-size: 18px; font-weight: 400; max-width: 235px;}
.allTopicBlock > div > a > img {border-radius: 10px;}

/* topic page template */
.intHeroWrap {
	max-width: 1080px;
	margin: 50px auto 100px !important;
}
.intHeroTxt {
	text-align: center;
    max-width: 1080px;
}
.intHeroTxtCont {
	display: flex;
    width: 100%;
    margin: auto;
    min-height: 498px;
	padding-right: 35px;
}
.intHeroTxtInner {
	margin: auto;
    text-align: left;
}
.intHeroTxtInner h1 {
    font-family: "Source Serif 4", serif;
	font-size: 50px;
	font-weight: 400;
	margin-top: 0;
}
.intHeroImg {
	background-image: url(/wp-content/themes/dhsACConnect/img/heroImg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0;
	border-radius: 10px;
}
.heroCallOutBlock {
	background-color: #f8f2f2;
    border-radius: 10px;
    padding: 40px;
}
.heroCallOutTxt h3 {margin: 0;}
.heroCallOutTxt h4 {font-weight: 400; font-size: 20px;}
.blockWrapInt {
	width: 100%;
    background-size: cover;
    min-height: 350px;
    background-repeat: no-repeat;
    background-position: bottom left;
	border-radius: 10px;
}
.blockDropWrap {
	width: 100%;
    /*background-image: url(/wp-content/themes/dhsACConnect/img/dropdownBG.png);*/
	background-image: url(/wp-content/themes/dhsACConnect/img/dropdownBGLG.png);
    min-height: 280px;
    background-size: cover;
    background-position: top center;
	background-repeat: no-repeat;
}
.blockDropTxt {text-align: center; max-width: 100%;}
.blockDropTxtCont {
	display: flex;
    width: 100%;
    margin: auto;
    min-height: 275px;
	max-width: 1080px;
}
.blockDropTxtInner {margin: 50px auto 0; text-align: center; width: 100%;}
.blockDropTxtInner h2 {color: #000000; font-size: 36px; font-weight: 600; margin: 0;}
.blockDropTxtInner p {font-size: 24px; margin-bottom: 80px;}
.blockDropTxtInner a {font-size: 26px; font-weight: 600;}
.cselect select { appearance: none; background: transparent; font: normal 25px/1.4 'Montserrat', sans-serif;}
.cselect::after { content: "\f078";}
.cselect { position: relative;}
.cselect::after { 
	position: absolute;
    top: 20%;
    right: 20px;
    font-family: 'FontAwesome';
    font-size: 2vw;
	pointer-events: none;
}
.cselect select:focus-visible {outline: #2785c5;}
.cselect select option:hover {background-color: #2785c5;}
.blockDropTxtInner button, select {
	width: 100%;
    font-size: 2vw;
    padding: 10px 20px;
    border-radius: 5px;
}
#blockTxtBtnInt {
	border: none;
    background: #2785c5;
    color: #ffffff;
    font-size: 20px;
    padding: 13px 15px;
    font-weight: 600;
    cursor: pointer;
    margin: 20px 20px 0 0;
    border-radius: 5px;
	min-width: 150px;
}
#blockTxtBtnInt:hover {
    background: #ffffff;
    color: #2785c5;
}
.optionBlock {
    /*background-image: url(/wp-content/themes/dhsACConnect/img/childcareImg.jpg);*/
	background-size: contain;
    background-color: #F8F2F2;
	background-position: top;
}
.optionBlock.cyfOption, .optionBlock.healthcareOption, .optionBlock.housingOption, .optionBlock.substanceOption, .optionBlock.disabilityOption, .optionBlock.foodOption, .optionBlock.mhealthOption, .optionBlock.employOption, .optionBlock.legalOption, .optionBlock.olderAdultsOption {background-size: contain; background-position: top; background-color: #F8F2F2;}
.optionBlock.cyfOption {background-image: url(/wp-content/themes/dhsACConnect/img/cards/cyfCardBG.png);}
.optionBlock.disabilityOption {background-image: url(/wp-content/themes/dhsACConnect/img/cards/devAutismCardBG.png);}
.optionBlock.employOption {background-image: url(/wp-content/themes/dhsACConnect/img/cards/emplTrainCardBG.png);}
.optionBlock.foodOption {background-image: url(/wp-content/themes/dhsACConnect/img/cards/foodCardBG.png);}
.optionBlock.healthcareOption {background-image: url(/wp-content/themes/dhsACConnect/img/cards/healthCardBG.png);}
.optionBlock.housingOption {background-image: url(/wp-content/themes/dhsACConnect/img/cards/housingCardBG.png);}
.optionBlock.legalOption {background-image: url(/wp-content/themes/dhsACConnect/img/cards/legalCardBG.png);}
.optionBlock.mhealthOption {background-image: url(/wp-content/themes/dhsACConnect/img/cards/mntlHlthCardBG.png);}
.optionBlock.olderAdultsOption {background-image: url(/wp-content/themes/dhsACConnect/img/cards/olderAdultsCardBG.png);}
.optionBlock.socialOption {background-image: url(/wp-content/themes/dhsACConnect/img/cards/socLifeCardBG.png);}
.optionBlock.substanceOption {background-image: url(/wp-content/themes/dhsACConnect/img/cards/subUseCardBG.png);}

.blockWrap .optionBlock {border-radius: 10px; min-height: 350px;}
.optionBlock .blockTxt {text-align: center; max-width: 90%;}
.optionBlock .blockTxtCont {width: 100%; margin-left: 35px; padding: 40px 80px 30px 0; min-height: 350px;}
.optionBlock .blockTxtInner {min-width: 100%;}
.optionBlock .blockTxtInner h3 {font-size: 26px; font-weight: bold;}
.optionBlock .blockTxtInner h4 {font-size: 20px; font-weight: 400; margin-bottom: 20px;}
.optionBlock .blockTxtInner p {font-family: 'Montserrat', sans-serif; font-size: 20px; font-weight: 400; margin-bottom: 20px;}
.optionBlock .blockTxtInner ul {/*font-size: 20px;*/ font-weight: 400; margin-top: 0; margin-bottom: 30px;}
.optionBlock .blockTxtInner blockquote p {font-size: 17px;}

.supportBlock > div {max-width: 270px; padding: 0;}
.supportBlock a {text-decoration: none; font-weight: 400;}
.supportBlock h3 {font-size: 18px; font-weight: 400; max-width: 250px;}
.supportBlock > div > a > img {border-radius: 10px;}

.resourceHeading {max-width: 1080px; margin: auto;}
.resourceBlock {
    padding: 30px 0;
	max-width: 1080px;
	margin: 0 auto;
}
.accordion-button {
	padding: 20px 30px;
	font-size: 25px;
	font-weight: 400;
	border-radius: 10px;
}
.accordion-button::after {
	width: 25px;
	height: 25px;
	background-size: 25px;
}
.accordion-button:focus, .accordion-button:focus-visible {border-color:#000000; box-shadow: none;}
.accordion-button:not(.collapsed) {color:#000000; background-color: transparent; box-shadow: none;}
.accordion-item, .accordion-item:last-of-type, .accordion-item:not(:first-of-type), .accordion-item:first-of-type {border: 1px solid #000000; border-radius: 10px; margin-bottom: 20px;}
.accordion-header {border-radius: 10px;}
.accordion-item:last-of-type .accordion-button.collapsed, .accordion-item:first-of-type .accordion-button {border-radius: 10px;}
.accordion-body ul {list-style: none; font-size: 18px;}
.accordion-body ul li a {text-decoration: underline;}

.blockCentFoot {
	max-width: 1080px;
    margin: 0 auto -30px;
    text-align: center;
	padding: 0 20px;
}

.blockCentFoot h2 {
	font-size: 24px;
    font-weight: 100;
    margin-bottom: 50px;
}

/* sub page template */
.blockCentSub {max-width: 1080px; margin: 0 auto 50px;}
.blockCentTitle {max-width: 1080px; margin: 0 auto 40px; background-color: #f8f2f2; padding: 20px;}
.blockCentTitle h1 {margin: 0;}

.subPageHeroWrap {
	max-width: 1080px;
	margin: 50px auto !important;
}
.subPageHeroTxt {
	text-align: center;
    max-width: 1080px;
}
.subPageHeroTxtCont {
	display: flex;
    width: 100%;
    margin: auto;
    min-height: 360px;
}
.subPageHeroTxtInner {
	margin: auto;
    text-align: left;
	max-width: 95%;
	min-width: 95%;
}
.subPageHeroTxtInner h3 {
    font-size: 26px;
	font-weight: 400;
	margin: 0 0 20px;
	
}
.subPageHeroTxtInner h4 {
	font-size: 20px;
	font-weight: 400;
	margin: 0 0 20px;
}
.subPageHeroTxtInner p {
	margin: 20px 0 0;
}
.subPageHeroTxtInner ul li {
	margin-bottom: 0;
}
.subPageHeroImg {
    background-size: contain;
    background-repeat: no-repeat;
    padding: 0;
}
.subFullImg {position: relative; z-index: -999; margin: auto;}

hr {max-width: 1080px; margin: 50px auto;}


#subPageBtn {
	border: none;
    background: #2785c5;
    color: #ffffff;
    font-size: 20px;
    padding: 13px 15px;
    font-weight: 600;
    cursor: pointer;
    margin: 20px 20px 0 0;
    border-radius: 5px;
	min-width: 150px;
}
#subPageBtn:hover {
    background: #ffffff;
    color: #2785c5;
}
.plainTxtWrap h4 {margin: 40px 0 40px;}
.plainTxtWrap ul {margin: 0 0 40px;}
.subPageAccordion {padding: 20px 40px; font-size: 18px;}
.subPageAccordion h4 {font-weight: bold;}
.subPageAccordion ul{
	list-style: inherit;
	margin: 0 0 20px 0;
}
checkmark {
	font-size: 30px;
	margin: 0 20px;
	font-family: "Font Awesome 5 Pro";
	font-weight: 600;
}
checkmark::before {content: "\f00c";}
p.checkmark {
	font-size: 25px;
	font-weight: 600;
}
p.checkmark::before {
	content: "\f00c";
	font-size: 30px;
	margin-right: 20px;
	font-family: "Font Awesome 5 Pro";
	font-weight: 600;
}
.callOutHeader {
	height:123px;
	padding-top:65px;
	padding-left:125px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top right;
}
.callOutHeader.youngAdult {background-image: url(/wp-content/themes/dhsACConnect/img/callOutBGTeal.jpg);}
.callOutHeader.olderAdult {background-image: url(/wp-content/themes/dhsACConnect/img/callOutBGMaroon.jpg);}
.callOutHeader.lgbtq {background-image: url(/wp-content/themes/dhsACConnect/img/callOutBGMultiColor.jpg);}
.callOutHeader.immigrants {background-image: url(/wp-content/themes/dhsACConnect/img/callOutBGLightBlue.jpg);}
.callOutHeader.veterans {background-image: url(/wp-content/themes/dhsACConnect/img/callOutBGOrange.jpg);}
.callOutHeaderSm {
	padding-top:65px;
	padding-left:20px;
	background-color:#F8F2F2;
	display: none;
}
.callOutHeaderSm.youngAdult {border-bottom: 10px solid #18b6b1}
.callOutHeaderSm.olderAdult {border-bottom: 10px solid #a3335e}
.callOutHeaderSm.lgbtq {border-bottom: 10px solid #e2ea61}
.callOutHeaderSm.immigrants {border-bottom: 10px solid #7ccbea}
.callOutHeaderSm.veterans {border-bottom: 10px solid #ce7c5b}

.callOutWrap {
	background-size: cover;
    background-position: top center;
	min-height: 350px;
	background-color:#F8F2F2;
	border-radius:0 0 10px 10px;
}
.callOutTxt {margin-left: 125px; padding: 0 125px 50px 0;}
.callOutWrap .blockTxt {text-align: center; max-width: 90%;}
.callOutWrap .blockTxtCont {width: 100%; margin-left: 35px; padding: 40px 0 30px; min-height: 350px;}
.callOutWrap .blockTxtInner {min-width: 100%;}
.callOutWrap .blockTxtInner h3 {font-size: 26px; font-weight: 400;}
.callOutWrap .blockTxtInner h4 {font-size: 20px; font-weight: 400; margin-bottom: 20px;}
.callOutWrap .blockTxtInner ul {font-size: 20px; font-weight: 400; margin-top: 0; margin-bottom: 30px;}

/* get help now */
.helpPageHeroWrap {max-width: 1080px; margin: 0 auto 50px;}
.alertTxt {background-color: #2785c5; color: #ffffff; margin-bottom: 20px; padding: 20px;}
.alertTxt i {font-size: 2.5em; max-width: 60px; margin-top: 4px;}
.alertTxt span {max-width: 600px;}

.iframe-container {overflow: hidden; padding-top: 56.25%; position: relative;}
.iframe-container iframe {position: absolute; top: 0; left: 0; border: 0; width: 100%; height: 100%;}

/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

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

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (max-width:1119px) {
	.carouselTitle {padding: 0 40px;}
}
@media only screen and (max-width:1100px) {
	.carouselTitle {margin: 0 20px;}
	.topicBlockCent h2 {margin: 0 20px 35px;}
	.blockTxtInner h2 {margin: 0 0 35px;}
	.blockWrap {border-radius: 0;}
	.blockCentContact h2 {margin: 0 20px 35px;}
	.blockCentContact .txtTxtInner h2 {margin: 0 0 15px;}
	.blockContactWrap {border-radius: 0;}
	.supportBlock > div, .allTopicBlock > div {padding: 10px;}
	.resourceHeading {padding: 0 20px;}
	.emerWrap {padding: 0 20px 0 10px;}
	.newWrap {padding: 0 10px 0 20px;}
}
@media only screen and (max-width:1076px) {
	.callOutHeader {
		height:123px;
		padding-top:65px;
		padding-left:125px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: top left;
	}
	.callOutWrap {
		background-size: cover;
		background-position: top center;
		min-height: 350px;
		background-color:#F8F2F2;
		border-radius:0 0 10px 10px;
	}
	.callOutTxt {margin-left: 125px; padding-bottom: 50px;}
	/*.blockCent h2 {padding: 0 45px;}*/
}
@media only screen and (max-width:991px) {
	.blockCentFoot {margin: 0 auto 50px;}
	.optionBlock {background-color: #F8F2F2;}
	#wonderplugincarousel-1 .amazingcarousel-nav {visibility: visible;}
	.carouselWrapper {margin-bottom: 120px;}
}
@media only screen and (max-width:913px) {
	.optionBlock .blockTxtCont {padding: 40px 40px 30px 0;}
	.optionBlock.cyfOption, .optionBlock.healthcareOption, .optionBlock.housingOption, .optionBlock.substanceOption, .optionBlock.disabilityOption, .optionBlock.foodOption, .optionBlock.mhealthOption, .optionBlock.employOption, .optionBlock.legalOption {background-size: contain; background-position: top right;}
	.optionBlock.cyfOption {background-image: url(/wp-content/themes/dhsACConnect/img/cards/cyfCardMedBG.png);}
	.optionBlock.disabilityOption {background-image: url(/wp-content/themes/dhsACConnect/img/cards/devAutismCardMedBG.png);}
	.optionBlock.employOption {background-image: url(/wp-content/themes/dhsACConnect/img/cards/emplTrainCardMedBG.png);}
	.optionBlock.foodOption {background-image: url(/wp-content/themes/dhsACConnect/img/cards/foodCardMedBG.png);}
	.optionBlock.healthcareOption {background-image: url(/wp-content/themes/dhsACConnect/img/cards/healthCardMedBG.png);}
	.optionBlock.housingOption {background-image: url(/wp-content/themes/dhsACConnect/img/cards/housingCardMedBG.png);}
	.optionBlock.legalOption {background-image: url(/wp-content/themes/dhsACConnect/img/cards/legalCardMedBG.png);}
	.optionBlock.mhealthOption {background-image: url(/wp-content/themes/dhsACConnect/img/cards/mntlHlthCardMedBG.png);}
	.optionBlock.socialOption {background-image: url(/wp-content/themes/dhsACConnect/img/cards/socLifeCardMedBG.png);}
	.optionBlock.substanceOption {background-image: url(/wp-content/themes/dhsACConnect/img/cards/subUseCardMedBG.png);}
}
@media only screen and (max-width:891px) {
	.blockDropTxtInner button, select {font-size: 3vw;}
	.cselect::after {font-size: 3vw;}
	.footerNav ul li {margin-right: 10px;}
}
@media only screen and (max-width:878px) {
}
@media only screen and (max-width:768px) {
	.footerNavWrap {padding: 50px 0; border: none; margin-top: 0;}
	.footerNav {text-align: center; padding: 0;}
	.footerNav ul {padding: 0;}
	.footerNav ul li:last-child {margin-right: 0;}
	.copyright {padding: 0; text-align: center;}
}
@media only screen and (min-width:768px) {
	.mobileNav {display: none;}
}
@media only screen and (max-width:767px) {
	/*.trainingWrap {text-align: center;}*/
	.accessInfo {display: none;}
	.dalTxtCont {min-height: auto;}
	.txtImg {display: none;}
	.intHeroTxtCont {min-height: auto;}
	.blockWrapHome {background-color: #dfedf7; border-radius: 0;}
	.whatsNew, .emergency {background-image: none;}
	.blockTxt {max-width: 95%;}
	.blockTxtCont {width: 95%;}
	.emerWrap {margin: auto; text-align: center; max-width: 635px; padding: 10px;}
	.newWrap {margin: 100px auto 0; text-align: center; max-width: 635px; padding: 10px;}
	.emerWrap h2, .newWrap h2 {text-align: left;}
	.blockTxtHome {max-width: 635px; margin: auto;}
	.newWrap .blockTxtHomeCont {min-height: 170px;}
	.emerWrap .blockTxtHomeCont {min-height: 170px;}
	.supportBlock > div, .allTopicBlock > div {margin: auto; min-height: 355px;}
}
@media only screen and (max-width:729px) {
	.supportBlock > div, .allTopicBlock > div {margin: auto;}
	.iframe-container {/*padding-top: 70.25%;*/ min-height: 400px;}
}
@media only screen and (max-width:699px) {
	.alertTxt {text-align: center;}
	.alertTxt i {font-size: 2.5em; max-width: 100%; margin-top: 0; margin-bottom: 10px;}
}
@media only screen and (max-width:667px) {
}
@media only screen and (max-width:606px) {
	/*.leftFullWrap {width: 100%;}
	.iconMenuWrap {width: 240px; margin: auto;}
	.rightFullWrap {width: 100%;}*/
	.accordWrap {width: 240px; margin: 40px auto 0;}
}
@media only screen and (max-width:593px) {
	.newWrap .blockTxtHomeCont {min-height: 270px;}
}
@media only screen and (max-width:576px) {
	/*.tablinks {font-size: 3.7vw;}*/
}
@media only screen and (max-width:575px) {
	/*.missionBox {width: 95%; margin: 0 auto 20px;}*/
}
@media only screen and (max-width:531px) {
	.alertImg {height: 60px;}
	.blockDropTxtInner button, select {font-size: 4vw;}
	.cselect::after {font-size: 4vw;}
	.optionBlock .blockTxtCont {margin-left: 0;}
	.blockCent h2 {padding: 0 20px;}
}
@media only screen and (max-width:489px) {
	.optionBlock.cyfOption, .optionBlock.healthcareOption, .optionBlock.housingOption, .optionBlock.substanceOption, .optionBlock.disabilityOption, .optionBlock.foodOption, .optionBlock.mhealthOption, .optionBlock.employOption, .optionBlock.legalOption {background-size: contain; background-position: top right;}
	.optionBlock.cyfOption {background-image: url(/wp-content/themes/dhsACConnect/img/cards/cyfCardSmBG.png);}
	.optionBlock.disabilityOption {background-image: url(/wp-content/themes/dhsACConnect/img/cards/devAutismCardSmBG.png);}
	.optionBlock.employOption {background-image: url(/wp-content/themes/dhsACConnect/img/cards/emplTrainCardSmBG.png);}
	.optionBlock.foodOption {background-image: url(/wp-content/themes/dhsACConnect/img/cards/foodCardSmBG.png);}
	.optionBlock.healthcareOption {background-image: url(/wp-content/themes/dhsACConnect/img/cards/healthCardSmBG.png);}
	.optionBlock.housingOption {background-image: url(/wp-content/themes/dhsACConnect/img/cards/housingCardSmBG.png);}
	.optionBlock.legalOption {background-image: url(/wp-content/themes/dhsACConnect/img/cards/legalCardSmBG.png);}
	.optionBlock.mhealthOption {background-image: url(/wp-content/themes/dhsACConnect/img/cards/mntlHlthCardSmBG.png);}
	.optionBlock.socialOption {background-image: url(/wp-content/themes/dhsACConnect/img/cards/socLifeCardSmBG.png);}
	.optionBlock.substanceOption {background-image: url(/wp-content/themes/dhsACConnect/img/cards/subUseCardSmBG.png);}
}
@media only screen and (max-width:458px) {
	.callOutHeader {display: none;}
	.callOutHeaderSm {display: block;}
	.callOutWrap {
		background-color:#F8F2F2;
		border-radius:0;
		padding-top: 20px;
	}
	.callOutTxt {margin-left: 0; padding: 0 20px 50px;}
}
@media only screen and (max-width:431px) {
	.iframe-container {/*padding-top: 133.25%; */min-height: 487px;}
}
@media only screen and (max-width:408px) {
	.emerWrap .blockTxtHomeCont {min-height: 190px;}
}
@media only screen and (max-width:368px) {
	.alertImg {height: 90px;}
	.blockTxtCont {width: 100%;}
}
@media only screen and (max-width:354px) {
	/*main {margin: 215px auto 0;}*/
}
@media only screen and (max-width:349px) {
	.footer {padding: 45px 20px;}
	.footerImgWrap {float: none; margin: auto;}
	.footerMenuWrap {float: none; margin: 20px auto 40px;text-align: center; padding: 0; height: auto;}
	.leftFullWrap {width: 100%;}
	.iconMenuWrap {width: 118px; margin: auto;}
	.footerMenuWrap {display: block; }
	.footerMenuWrap ul {padding: 0;}
	.accordWrap {margin: 0 auto;}
}
@media only screen and (max-width:330px) {
	.newWrap .blockTxtHomeCont {min-height: 315px;}
}
@media only screen and (max-width:320px) {
	/*.leftFullWrap {width: 100%;}
	.iconMenuWrap {width: 118px; margin: auto;}*/
	.footerMenuWrap {display: block; }
	.footerMenuWrap ul {padding: 0;}
}
/*------------------------------------*\
    IE Fixes
\*------------------------------------*/
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
	 /* IE 10+ fixes */

}

@media all and (min-width:0\0) and (min-resolution:.001dpcm) {
	/* IE 9 fixes */

}

/* IE 8 and Lower fixes in alt stylesheet style-ie-adjust.css */

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    BOOTSTRAP FIXES
\*------------------------------------*/

.row {margin-left: 0; margin-right: 0;}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
	.headerStd, .printBtn, #shiftnav-toggle-main, footer {display: none;}
}