/* custom styles */
@import url("/omhweb/bootstrap/css/nygov.css"); 
@import url("/omhweb/bootstrap/source/css/nys-global-nav-fonts.css");
@import url("/omhweb/bootstrap/source/css/nys-global-nav.css");   
@import url("/omhweb/bootstrap/source/css/nys-brand/health-and-human-services.css"); 

body {
	font-family: 'ProximaNovaRegular',sans-serif;
    display: block;
	 font-size: 2 em;
	 font-size: 2 em;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
	margin: 0;
}
 h2 {
    font-size: 2.25em;
    margin: 30px 0 0 0;
}
ul {
	/*padding-bottom:25px;*/
}

li {
	/*padding-bottom:10px;*/
}
.index-panel {
    padding: 20px;
    margin: 0;
    background: white;
    border-top: 1px solid gray;
}
.row .clearfix {
    padding-top: 20px;
}

.clear-foot {
    margin-bottom: 10px;
}
.index-panel ul {
    padding-left: 0;
}
.c2 a {
    /*color:#24bdc8;*/
}
a.c2:link,
a.c2:visited {
    color: #24bdc8;
    text-decoration: underline;
}
a.c2:hover,
a.c2:active {
    color: #22abb5;
    text-decoration: underline;
}
@media (max-width: 900px) {
    .raw-footer .social {
        border: none;
    }
}
.navtab-dark > li > a {
    text-decoration: none;
    background-color: #eee;
}
.navtab-hover > li > a:hover,
.navtab-hover > li > a:focus {
    text-decoration: none;
    background-color: #fff;
}
a.under {
    text-decoration: underline;
}
.container .row .omh-logo,
.container .row .search-omh,
.container .row .slogan {
    display: inline-block;
}
.omh-logo {
    margin-right: 20px;
    margin-top: 0;
}
.row .navbar-collapse .nav-justified li a {
    color: #777;
}


.topbar {
	background:white;
}


a.active-group,
a.active-group:hover,
a.active-group:focus {
    background-color: #5A336F;
    color: white;

}
.language-list {
	display:inline-block;
	margin-right:30px;
	list-style-type:none;
	padding:0;
}
.language-list li {
	padding-bottom:10px;
}
.footer-resources li {
	list-style-type:none;
	display:inline-block;
	padding:5px;
}
.tab-content {
            border-left: 1px solid #ddd;
            border-right: 1px solid #ddd;
            border-bottom: 1px solid #ddd;
            border-radius: 0px 0px 4px 4px;
            padding: 10px;
        }
        .nav-tabs {
            margin-bottom: 0;
        }

.lhs_menu{
	padding:2px 2px 2px 2px;
	background-color:#878CB4
}



.carousel {
  .item img {
    width: 100%;
    height: auto;
  }
}
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/*
.carousel p {
    font-size: 1.75em;
}
*/
.carousel-inner > .item {
    border-radius: 4px;
}
.carousel-caption {
    text-shadow: 2px 2px 4px #000;
    /* background-color: rgba(0, 0, 0, .5); */
    padding-top: 5px;
    /*padding-bottom: 65px;*/
	text-align: left;
	right: 10%;
	left: 10%;
	margin-top:0px;
}
.carousel-caption p {
    text-align: left;
    padding-left: 10px;
}
/* Carousel base class */
.carousel {
  height: 500px;
  margin-bottom: 60px;
  overflow: hidden;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}
/* Declare heights because of positioning of img element */
.carousel .item {
  height: 500px;
  background-color: #777;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
}

/*@media (max-width: 1050px) {
    .carousel {
        height: 350px;
    }
	.carousel .item{
	height: 350px;
	}
	.carousel p{
	font-size:1.25em;
	}
}*/
/*@media (max-width: 725px) {
    .carousel {
        height: 300px;
    }
	.carousel .item{
		height: 300px;
	}
}*/
@media (max-width: 700px) {
    .carousel-caption {
        font-size: 1.125em;
    }
}
@media (max-width: 650px) {
    .container .carousel {
        display: block;
    }
	.fill .container {
		min-height: 0px;
	}
}
@media (min-width: 1051px) {
    .carousel-caption > h1 {
        font-size: 2.75em;
    }
    .carousel-caption > p {
        font-size: 1.75em;
    }
}
.tinted {    
    background-color: rgba(99,99,99,0.5);
}
/*
@media (min-width: 995px) and (max-width: 1300px) {
    .carousel-caption > h1 {
        font-size: 1.5em;
    }
    .carousel-caption > p {
        font-size: 1.125em;
    }
}
*/
/*
@media (min-width: 650px) and (max-width: 990px) {
    .carousel-caption {
        font-size: 1.5em;
        padding-bottom: 20px;
    }
}
*/
.triangle{
width: 0;
height: 0;
border-style: solid;
border-width: 30px 37.5px 0 37.5px;
border-color: #586684 transparent transparent transparent;
margin-left:auto;
margin-right:auto;
opacity:0.7;
}
.purple-bar {
	background: rgb(118,88,132); 
	height:50px;
}
.blue_bar {
	background: rgba(88,102,132,0.7); 
	padding-top:15px; 
	margin-top:-20px;
	height:70px;
}
@media (max-width: 650px) {
	.triangle{
		display: none;
	}
	.blue_bar{
		display: none;
	}
}
.centered-text{
text-align:center;
}
.card-footer-bar {
background: #f6f8f7;
border-top: 1px solid #e4e4e4;
padding: 16px;
width: 100%;
}
.pane-home {
margin-left:auto;
margin-right:auto;
background-color: #fff;
}
.background-img {
	background: url("/omhweb/bootstrap/img/steppingstones.jpg"); 
	background-repeat:no-repeat; 
	/*display: compact;*/
	background-size: cover;
}


.news-cards-wrap
{
	background: #fff;
	border: 1px solid #ccc;
	color: #444;
	display: block;
	margin: 0 .5em;
	min-height: 18em;
	position: relative;
	margin: 2%;
	}
	
	.news-cards-wrap-medium
{
	background: #fff;
	border: 1px solid #ccc;
	color: #444;
	display: block;
	margin: 0 .5em;
	min-height: 27em;
	position: relative;
	margin: 2%;
	}
.news-cards-wrap-large
{
	background: #fff;
	border: 1px solid #ccc;
	color: #444;
	display: block;
	margin: 0 .5em;
	min-height: 32em;
	position: relative;
	margin: 2%;
	}
	.news-cards-wrap-xlarge
{
	background: #fff;
	border: 1px solid #ccc;
	color: #444;
	display: block;
	margin: 0 .5em;
	min-height: 37em;
	position: relative;
	margin: 2%;
	}
	
		.text-news-cards-wrap-small
	{
		min-height: 22em;
		padding: .5em;
			}
					.text-news-cards-wrap-medium
	{
		min-height: 25em;
		padding: .5em;
			}
			.text-news-cards-wrap-large
	{
		min-height: 32em;
		padding: .5em;
			}
	
	
	.text-news-cards-wrap
	{
		padding: .5em;
			}
	
	.news-card-footer-bar {
		display: none;
	}

.tax-home-news-cards-wrap
{
	background: #fff;
	border: 1px solid #ccc;
	color: #444;
	display: block;
	margin: 0 .5em;
	min-height: 27em;
	position: relative;
	margin: 2%;
}
.tax-home-news-cards-wrap h6
{
	font-size:105%;
}
.tax-home-news-cards-title
{
	background: #5A336F;
	color: #f7f7f7;
	display: inline-block;
	font-family: ProximaNovaBoldUnhinted,Arial;
	margin-top: 0;
	padding: .4em .6em;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1em;
}
.tax-home-news-cards-wrap ul
{
	list-style-image: url(/omhweb/bootstrap/img/arrow-right.png);
	margin: 0;
	padding: 0 0 1em 2em;
}
.tax-home-news-cards-wrap ul li
{
	padding: .3em;
}
.tax-home-news-cards-wrap ul.links li
{
	font-size: 1.1em;
}
@media (min-width: 770px) and (max-width: 990px) {
	
	.card-footer-bar {
		display: none;
	}
	 .panel-height {
	
		min-height: auto !important;
	}
		.card-global-tablet .card-content
	{
	width:40% !important;
	}
	

.tax-home-news-cards-wrap .category
{
position:absolute;
left:0;
width:270px;

}
}

@media (max-width: 990px) {
	.tax-home-news-cards-wrap{
		min-height: initial;
	}
}
@media (min-width: 991px) {
	.panel-height {
		min-height: 43em;
		
	}
	
}
@media (max-width: 769px) {
	.panel-height {
		min-height: 43em;
	}
}
.footer-section {
	padding-top:15px;
	padding-bottom: 30px;
}
.footer-title{
	text-align: center;
	font-size: 1.5em;
	color: #4c4c4c
}
.list-contain {
	display: table;
    table-layout: fixed;
    width: 100%;
}
.list-inline-footer{
	margin: 0;
	padding: 0;
	display: table-row;
}
.list-inline-footer li{
	display: table-cell;
	list-style-type: none;
	text-align: center;
}

/*
.list-inline-footer a{
	display: block;
	font-weight: bold;
}
*/
#facebook{
	font-size:3em;
	color:#3b5998;
	}
	#twitter{
	font-size:3em;
	color:#1dcaff;
	}
	#youtube{
	font-size:3em;
	color: #d71e17;
	}
	#flickr{
	font-size:3em;
	color: #ff0084;
	}
	#rss{
	font-size:3em;
	color: #FF6600;
	}
	@media screen and (max-width: 767px) {
    #demo {
        background-color: #5A336F;
    }
	}
	#demo1 {
		font-size:1.0em;
		text-decoration: none;
		background-color: #5A336F;
		color: #fff;
		padding: 5px 30px 20px 30px;
		border-top: 0px solid #5A336F;
		border-right: 0px solid #5A336F;
		/* border-bottom: 4px groove #9B86A3; */
		border-left: 0px solid #5A336F;
		border-bottom: thick groove #9B86A3;
		
	}
ul.option-links{
	list-style: none;
}
.centered-list {
	text-align:center;
}
.centered-list ul{
	text-align: left; 
	list-style-type: none;
	padding: 0px;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
}
.centered-list ul li {
	padding-bottom: 6px;

}
@media (min-width: 651px) and (max-width: 991px) {
    .resources-contain {
	display: table;
    table-layout: fixed;
    width: 100%;
}
.resources{
	margin: 0;
	padding: 0;
	display: table-row;
}
.resources li{
	display: table-cell;
	list-style-type: none;
	text-align: center;
}
}
.container {
width:100%;
margin:0px;
padding:0px;
/* min-height:70px; */
}

.omh-title{
	font-size: 16px;
	width:auto;
	margin-right: 35px;
	position: relative;
	font-family: 'ProximaNovaExtrabold',sans-serif;
	font-weight: bold;
	color: white;
	vertical-align: center;
	float: left;
    /*height: 50px;*/
    padding: 15px 15px;
	padding-left: 90px;
    line-height: 40px;
}
@media (max-width: 947px) {
	.omh-title{
		padding-left: 20px;
	}
}
.omh-title a{
	text-decoration: none;
}

.group-home-title-wrapper {
    max-width: 50%;
    width: auto;
	margin-top:0px;
	padding-top:0px;
    margin-right: 8%;
    margin-bottom: 5%;
}
.slide-title p {
    /*margin-top: 20px!important;*/
    z-index: 1000;
    /*font-size:48px;*/
    font-weight: normal!important;
    font-family: "ProximaNovaExtrabold",sans-serif!important;
    color: #fff!important;
    line-height: normal!important;
	margin-left: 0px;
	padding-left: 0px;
}

.slide-caption {
    font-family: 'ProximaNovaRegular',sans-serif!important;
    /*font-size: 18px!important;*/
    color: #fff!important;
    line-height: 1.25em!important;
    /*margin-top: 4%;*/
}
.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 7%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    filter: alpha(opacity=50);
    opacity: .5;
}
.carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
}
.carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
}
/*@media (max-width: 1060px) {
	.slide-caption {
		display: block;
	}
	.slide-title p{
       
		margin-bottom: 20px;
    }
	.read-more {
		margin-top: 20px;
	}
}*/
.read-more a {
    display: block;
    height: 60px;
    font: /*13px/60px*/ 'ProximaNovaRegular',sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 2px;
    /*vertical-align: middle; */
    padding: 0 20px;
    color: #fff;
    cursor: pointer;
    border: 1px solid;
    border-color: rgba(255,255,255,0.7);
    background-color: transparent;
    text-align: center;
    white-space: nowrap;
    z-index: 1;
    position: relative;
}
@media (min-width: 30em) {
	.read-more a {
    display: block;
    height: 48px;
    line-height: 48px;
	width: 200px;
	}	
}
.read-more .field--name-field-related-website-link a {
    padding-top: 15px;
    padding-bottom: 5px;
    height: 55px;
}
/*.slide-title p{
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.slide-caption {
	margin-bottom: 40px;
}
.slide-button {
	margin-top: 0px;
	margin-bottom:0px;
	padding-bottom:0px;
}
a.slide-button:hover {
    background-color: #000!important;
}

.carousel-caption p {
	margin-bottom:0px;
	margin-top:0px;
}
.group-home-title-wrapper {
	/* margin-bottom: 5%; */
}

.latest_news1 .group-home-title-wrapper {
	margin-bottom: 3%;
	max-width: 90%;
}

.latest_news2 .group-home-title-wrapper {
	margin-bottom: 3%;
	max-width: 90%;
}


.c1 .group-home-title-wrapper {
	margin-bottom: 3%;
}

.c2 .group-home-title-wrapper {
	margin-bottom: 7%;
}

.c3 .group-home-title-wrapper {
	margin-bottom: 3%;
}

.c4 .group-home-title-wrapper {
	margin-bottom: 3%;
}

.c5 .group-home-title-wrapper {
	margin-bottom: 8%;
}
.fill{width:100%;height:100%;background-position:center;background-size:cover;}
.font-type{
	font-family: "Proxima Nova", Arial, sans-serif; 
}
/*
@media (min-width: 768px) {
    .container {
        width: 100%;
    }
}
@media (min-width: 992px) {
    .container {
        width: 100%;
    }
}
@media (min-width: 1200px) {
    .container {
        width: 100%;
    }
}
*/
.slide {
border-style: none;
}
.gutter-lr {
	padding-left: 0px;
	padding-right: 0px;
}
.card-footer-bar {
	position: absolute;
	bottom: 0;
	font-family: ProximaNovaExtrabold,sans-serif;
	font-size: 15px;
}
.underl a {
	text-decoration: underline;
}

/* NY.Gov button style */
a.btn-nygov {
	margin: 0px 0px;
	padding: 15px 50px;
	display: inline-block;
	text-align: center;
	color: rgb(255, 255, 255);
	text-transform: uppercase;
	font-family: "ProximaNovaRegular";
	font-size: 1.15em;
	text-decoration: none;
	background-color: rgb(36, 56, 126); 
}
a.btn-nygov:hover {
	background-color: rgb(27, 42, 94);
	outline: 0px;
}
a.btn-nygov-orng {
	background-color: rgb(173, 102, 1);
}
a.btn-nygov-orng:hover {
	background-color: rgb(147, 84, 0);
}

/*New Code to display header/title/image */

@media (min-width:1337px){
	.slide-title {
		font-size:48px;
	}
	.slide-caption {
		font-size:18px;
		margin-bottom: 40px;
	}
	.read-more {
		font-size:18/60px;
	}
}
@media (max-width:1336px){
	.slide-title {
		font-size:36px;
	}
	.slide-caption {
		font-size:18px;
		margin-bottom: 20px;
	}
	.read-more {
		font-size:18/60px
	}
	.carousel {
        height:400px;
		overflow: visible;
    }
}

@media (max-width:1140px){
	.slide-title {
		font-size:30px;
	}
	.slide-caption {
		font-size:14px;
		margin-bottom: 20px;
	}
	.read-more {
		font-size:10px;
		height:160px;
	}
}

@media (max-width:855px){
	.slide-title {
		font-size:20px;
	}
	.slide-caption {
		font-size:14px;
		
		margin-bottom: 10px;
	}
	.read-more {
		height:25px;
		line-height:5;
	}
	.carousel {
        height:450px;
}

@media (max-width:768px){
	.read-more {
		height:25px;
}
@media (max-width:461px){
	.slide-title {
		font-size:18px;
	}
	.slide-caption {
		font-size:14px;
		margin-bottom: 10px;
	}
	.read-more {
		font-size:10px;
		height:80px;
	}
}

@media (max-width:269px){
	.slide-title {
		font-size:18px;
	}
	.slide-caption {
		font-size:14px;
	}
	.read-more {
		font-size:10px;
		height:30px;
	}
}