/***---BEGIN Site Specific CSS ---***/

/*#region form */

.accordion .show.in {
    border: 1px solid #1E6B52;
}

/*#endregion form */

/*#region iframe */

/*Sets iframe to be max-width of 100%.  Fixed a page of videos layed out with boostrap */

iframe {
	max-width:100%;
}

/*#endregion iframe */


	/*BEGIN Primary Faculty Directory */
	
	.directoryTagPage h3+a {
		border-bottom: 0 !important;
	}
	
	.blog.facultyStaffProfile.landing .item {
		display: flex;
		flex-wrap: wrap;
	}
	
	.blog.facultyStaffProfile.landing .pull-left.item-image {
		order: 1;
	}
	
	.blog.facultyStaffProfile.landing .page-header {
		order: 2;
		border: none;
		padding-bottom: 0;
		margin-bottom: 0;
	}
	
	.blog.facultyStaffProfile.landing p {
		order: 3;
		margin-top: 0;
	}
	/*END Primary Faculty Directory */
	
	.blog.facultyStaffProfile h2 {
		padding: 10px!important;
	}
	
	.blog.facultyStaffProfileCol2 .span6 {
		border: 1px solid #eee;
		position: relative;
	}
	
	@media all and (max-width:500px) {
		.blog.facultyStaffProfileCol2 .span6 {
			min-height: 190px!important;
		}
	}
	
	.blog.facultyStaffProfileCol2 .span6 {
		min-height: 170px;
	}
	
	.blog.facultyStaffProfileCol2 .span6 .item {
		margin-bottom: 50px;
	}
	/*BEGIN People Directory */
	
	.focusBox h3 {
		margin-top: 0;
	}
	/*removes margin from h3 items in focus box*/
	
	.btn-group {
		float: right;
	}
	
	#rightsidebar ul.nav.menu.dropdown-menu>li>a {
		font-size: 1em;
		border-left: 0;
	}
	
	ul.tags.inline:before {
		content: 'Research Areas:';
		font-weight: bold;
	}
	/*adds research areas before tags on people pages */
	
	ul.tags.inline a {
		background: none;
		text-decoration: underline;
		font-size: 1em;
		color: #1E6B52;
		font-weight: 600;
		text-shadow: none;
	}
	/*styles tags on people pages */
	
	.directoryTagPage .nav-tabs>li>a {
		border-top-color: rgb(238, 238, 238);
		border-right-color: rgb(238, 238, 238);
		border-bottom-color: rgb(221, 221, 221);
		border-left-color: rgb(238, 238, 238);
		font-weight: bold;
	}
	
	.directoryTagPage .nav-tabs>li {
		margin-right: 5px;
	}
	
	.optometryDirectoryPage .pull-right.item-image {
		width: 300px;
		margin: 20px;
	}
	
	@media all and (max-width:575px) {
		.optometryDirectoryPage .pull-right.item-image {
			width: 100%;
			margin: 20px 0px;
		}
	}
	
	.optometryDirectoryTitle {
		font-weight: bold;
	}
	
	@media all and (max-width:921px) {
		.optometryDirectoryTitle {
			margin-top: 20px !important;
		}
	}
	
	.directoryNoBio ul.category,
	.directoryTagPage ul.category {
		display: flex;
		flex-wrap: wrap;
	}
	
	.directoryNoBio ul.category li,
	.directoryTagPage ul.category li {
		border: 1px solid #eee !important;
		margin: 1.5%;
		display: flex;
		flex-direction: column;
		padding: 0px;
	}
	
	.directoryNoBio span.tag-body {
		padding: 10px;
	}
	
	.directoryTagPage .tag-category h3 {
		border-bottom: 1px solid #eee;
		padding-bottom: 5px;
		margin: 1px 0px 10px 0px;
	}
	
	.imageOTM_CatBlog h2,
	.directoryTagPage .tag-category h3 {
		padding-top: 26px;
	}
	
	@media only screen and (min-width: 767px) {
		.imageOTM_CatBlog h2 a,
		.directoryTagPage .tag-category h3 a {
			font-size: 24px;
		}
	}
	
	@media only screen and (max-width: 767px) and (min-width: 460px) {
		.directoryTagPage .tag-category h3 a {
			font-size: 35px;
		}
	}
	
	@media only screen and (max-width: 460px) and (min-width: 300px) {
		.directoryTagPage .tag-category h3 a {
			font-size: 28px;
		}
	}
	
	.chzn-container {
		display: none;
	}
	/*removes limit selector on tag pages */
	
	.dirMinHeight,
	.pageNeedsMinHeight600 {
		min-height: 600px;
	}
	
	@media all and (min-width:1025px) {
		.pageNeedsMinHeight400 {
			min-height: 400px;
		}
		.pageNeedsMinHeight600 {
			min-height: 600px;
		}
		.pageNeedsMinHeight800 {
			min-height: 800px;
		}
		.pageNeedsMinHeight1000 {
			min-height: 1000px;
		}
		.pageNeedsMinHeight1200 {
			min-height: 1200px;
		}
	}
	
	.directoryPage {
		min-height: 600px;
	}
	
	.directoryPage .pull-left.item-image {
		float: right;
		width: 325px;
	}
	
	.imageOTM_CatBlog .icons {
		display: none;
	}
	
	.item-page.imageOTM_CatBlog img {
		width: 100%;
	}
	
	.item-page.imageOTM_CatBlog a.label.label-info {
		background-color: #eee;
		color: black;
		font-size: 16px;
		padding: 10px 15px;
	}
	
	.item-page.imageOTM_CatBlog ul.tags.inline::before {
		content: "Image Tags:";
		font-weight: bold;
	}
	
	.imageOTM_TagPage .tag-category ul.category>li>h3:first-child {
		display: block;
	}
	
	@media only screen and (min-width: 1024px) {
		.directoryTagPage .tag-category .category.list-striped li {
			width: 100%;
		}
	}
	
	@media only screen and (min-width: 700px) {
		.directoryTagPage ul.category.list-striped img {
			width: 400px;
		}
	}
	
	@media only screen and (max-width: 700px) {
		.directoryTagPage ul.category.list-striped img {
			width: 100%;
			margin-bottom: 10px;
		}
	}
	
	.directoryTagPage .tag-category .category.list-striped li {
		border: none;
	}
	
	.directoryTagPage .list-striped {
		border-top: 0px;
	}
	
	.blog.imageOTM_CatBlog .item,
	.item-page.imageOTM_CatBlog,
	.directoryTagPage .tag-category .category.list-striped li {
		position: relative;
		width: 20%;
		float: left;
	}
	
	.directoryTagPage .tag-category .category.list-striped li:nth-child(3n-2) {
		clear: both;
	}
	
	@media all and (max-width:690px) {
		.directoryTagPage .tag-category .category.list-striped li {
			width: 100%;
		}
	}
	
	.imageOTM_uploadDate {
		position: absolute;
		top: 0px;
		text-transform: uppercase;
		font-size: 16px;
		color: #888;
	}
	
	.blog.imageOTM_CatBlog>.page-header {
		border-bottom: none;
	}
	
	.item-page.imageOTM_CatBlog .page-header:nth-of-type(1) {
		display: none;
	}
	
	.OTMAccordion h3.uk-accordion-title {
		background-color: #fff;
		text-align: center;
	}
	
	.directoryTagPage .list-striped li:nth-child(odd),
	.directoryTagPage .list-striped li:hover {
		background-color: #fff;
	}
	
	.directoryTagPage ul.category>li>h3 {
		order: 2;
		border-bottom: none;
		padding: 30px 10px 0px;
	}
	
	.directoryTagPage ul.category>li>a {
		order: 1;
		overflow: hidden;
	}
	
	.tag-category.directoryTagPage img {
		max-width: 190px;
	}
	
	.directoryTagPage ul.category>li>.tag-body {
		order: 3;
		padding: 0px 10px;
	}
  
  /*END Primary Faculty Directory */


	
  /***BEGIN Button Grid New Styling ***/
	
	.button-grid--wrapper {
		margin: 1em;
		display: grid;
		grid-gap: 1.5em;
	}
	/* no grid support? */
	
	.button-grid--wrapper {
		display: flex;
		flex-wrap: wrap;
	}
	
	.button-grid--wrapper {
		display: grid;
		margin: 1em 1em;
		grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
		grid-auto-rows: minmax(100px, auto);
	}
	
	.button-grid--item {
		/* needed for the flex layout*/
		margin: 1em;
		flex: 1 1 200px;
		align-items: center;
		justify-content: center;
		position: relative;
		color: #fff;
		border-radius: 2px;
		padding: 1em 2em;
		background-color: #fafafa;
		box-shadow: 2px 2px 4px 1px #eeeeee;
		box-sizing: border-box;
		transition: background-color .4s ease-out;
	}
	
	.button-grid--item a:after,
	.button-grid--item a:before {
		transition: border .4s ease-out;
	}
	
	.button-grid--item a {
		font-size: 1.2em !important;
		text-decoration: none;
		font-weight: 600 !important;
	}
	
	.button-grid--item span {
		display: block;
		font-weight: normal !important;
		font-size:18px;
	}
	/* We need to set the margin used on flex items to 0 as we have gaps in grid.  */
	
	@supports (display: grid) {
		.button-grid--wrapper>* {
			margin: 0;
		}
	}
	
	.button-grid--item a:before {
		content: '';
		top: 0;
		bottom: 0;
		position: absolute;
		left: 0;
		right: 0;
	}
	
	.button-grid--item:hover {
		background-color: #eee;
	}
	
	.button-grid--item a:after {
		content: '';
		border-left: 5px solid #1E6B52;
		top: .5em;
		display: block;
		position: absolute;
		/* height: 20px; */
		margin-left: -1em;
		bottom: .5em;
	}
	
	.button-grid--item:hover a:after {
		border-left: 5px solid #82c140;
	}
  
   /***END Button Grid New Styling ***/
  
	/***BEGIN Second Level Menu Styling Override***/
	/*If this works as expected, add this to the dept. template.  Before adding it to the template remove body before .template-01*/
	
	@media all and (min-width:1024px) {
		.template-01 .deeper.parent .deeper.parent .nav-child a:before {
			content: '-';
			margin-right: 4px;
		}
		body.template-01 #rightsidebar .nav-child>.parent>a,
		body.template-01 #rightsidebar .nav.menu>.parent>.nav-child>li>.nav-header,
		body.template-01 .sidebar-heading--second-level {
			font-size: 1em;
			font-weight: normal !important;
		}
	}
	
	body.template-01 #rightsidebar .nav-child>.parent>a,
	body.template-01 #rightsidebar .nav.menu>.parent>.nav-child>li>.nav-header,
	body.template-01 .sidebar-heading--second-level {
		font-weight: normal !important;
	}
	/***END Second Level Menu Styling Override***/
	/*BEGIN Button Overrides */
	
	.template-01 .btn--white:hover {
		background-color: #1e6b52 !important;
	}
	

	/*END Button Overrides */
	/*BEGIN Filter Dropdowns */
	
	.filter-dropdown .dropdown-menu>li>a {
		white-space: normal;
	}
	
	.filter-dropdown .dropdown-menu>li {
		border-bottom: 1px solid #eee;
	}
	
	@media all and (max-width:733px) {
		.filter-dropdown .btn-group,
		a.btn.dropdown-toggle {
			width: 91%;
			font-size: 1.1em;
		}
		.filter-dropdown .btn .caret {
			margin-top: 12px;
		}
	}
	/*END Filter Dropdowns */
	/*BEGIN Research Page */
	
	.psych-research-btns {
		display: flex;
		flex-wrap: wrap;
	}
	
	.psych-research-btns a {
		flex: 1 0 100px;
		margin: .5em;
		text-align: center;
		background-color: #fff;
	}
	
	.blog.psych-research-page {
		display: flex;
		flex-wrap: wrap;
	}
	
	@media all and (max-width:768px) {
		.blog.psych-research-page {
			flex-direction: column;
		}
	}
	
	.blog.psych-research-page .category-desc {
		flex: 1 0 100%;
	}
	
	.blog.psych-research-page .items-row {
		flex: 1 0 45%;
		margin: 1%;
	}
	
	.blog.psych-research-page .row-fluid .span12 {
		background-color: #fafafa;
		box-shadow: 2px 2px 4px 1px #eeeeee;
		padding: 1em;
	}
	/*END Research Page */
	/*BEGIN Widgekit*/
	
	.youth-safety-wk-wrapper .uk-overlay-panel {
		padding: 0px;
	}
	/*BEGIN Core Program Faculty */
	
	.core-program-fac--wk li {
		text-align: center;
	}
	
	.core-program-fac--wk .gridLevels a {
		background-color: #fff;
	}
	
	.core-program-fac--wk .uk-subnav-pill {
		background-color: #fff;
		box-shadow: inset 0px 0px 10px -2px rgba(30, 107, 82, 0.5);
		margin: .1em !important;
		padding: 1em !important;
		justify-content: center;
		flex-wrap: wrap;
	}
	
	.core-program-fac--wk .uk-subnav-pill li a {
		border: 1px solid #d3d3d3 !important;
	}
	
	.core-program-fac--wk .uk-subnav-pill li.uk-active a:hover {
		color: #fff !important;
	}
	
	.core-program-fac--wk .uk-subnav-pill li {
		flex: 1 0 150px;
	}
	
	.core-program-fac--wk .uk-subnav-pill>li.uk-active>a,
	.core-program-fac--wk .uk-subnav-pill li a {
		background: transparent;
		border: none !important;
		padding: 0 !important;
		box-shadow: none;
	}
	
	.core-program-fac--wk .uk-subnav-pill li a:link:hover {
		background-color: transparent !important;
	}
	
	.core-program-fac--wk .uk-subnav-pill li:hover {
		background-color: #1e6b52;
	}
	
	.core-program-fac--wk .uk-subnav-pill li:hover a {
		color: #fff !important;
	}
	
	.core-program-fac--wk .uk-subnav-pill>li.uk-active {
		background-color: #1e6b52;
	}
	
	.core-program-fac--wk .uk-subnav-pill>li.uk-active a {
		color: #fff !important;
	}
	
	.core-program-fac--wk .uk-subnav-pill li {
		align-items: center;
		display: flex;
		border: 1px solid #d3d3d3;
		margin: 0;
		padding: 5px 10px;
		margin: 5px 5px;
		justify-content: center;
	}
	/*END Core Program Faculty */
	/*END Widgekit*/
	
	.DCHomepage .full.full1 {
		margin: 0 !important;
		width: 100% !important;
	}
	/*makes announcement box on homepage line up with content below */
	/*///////////////////////////////////////BEGIN Banner///////////////////////////////////////*/
	/**************BEGIN Image***************/
	
	.wideload-banner {
		background-color: #231F20;
		background-image: url("images/banners/1280x300_psych_banner.jpg");
		min-height: 350px;
		background-size: cover;
		background-position: left;
		position: relative;
		width: 100%;
	}
	
	.wideload-overlay {
		background: rgba(50, 50, 50, 0.50);
		min-height: 350px;
		overflow: hidden;
		z-index: 2;
	}
	
	.wideload-content {
		position: absolute;
		top: 50%;
		-webkit-transform: translate(0, -50%);
		transform: translate(0, -50%);
		left: 50%;
		margin-right: -50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 70%;
	}
	/*---BEGIN Mobile---*/
	
	@media only screen and (min-width: 1025px) {
		.wideload-banner {
			background-image: url("images/banners/1280x300_psych_banner.jpg");
		}
	}
	
	@media only screen and (min-width:760px) and (max-width: 1024px) {
		.wideload-banner {
			background-image: url("images/banners/1020x300_psych_banner.jpg");
		}
	}
	
	@media only screen and (min-width:550px) and (max-width: 760px) {
		.wideload-banner {
			background-image: url("images/banners/768x300_psych_banner.jpg");
		}
	}
	
	@media only screen and (min-width:300px) and (max-width: 550px) {
		.wideload-banner {
			background-image: url("images/banners/420x300_psych_banner1.jpg");
		}
	}
	/*---END Mobile---*/
	/**************END Image***************/
	/**************BEGIN Text***************/
	
	.wideload-banner h1,
	.wideload-banner h2 {
		text-align: center;
	}
	
	.wideload-banner h1 {
		color: #fff;
		margin: 0px;
	}
	
	.wideload-banner h2 {
		color: #A3CD65;
		margin: 0px;
	}
	
	.wideload-content h1 {
		font-size: 4rem !important;
		text-shadow: 2px 2px 2px black;
	}
	
	.wideload-content h2 {
		font-size: 2rem !important;
		font-family: din-condensed, san-serif !important;
		text-transform: uppercase;
		text-shadow: 2px 2px 2px black;
	}
	/*---BEGIN Mobile---*/
	
	@media only screen and (max-width: 980px) {
		.wideload-content {
			width: 95%;
		}
	}
	/*---END Mobile---*/
	/**************END Text***************/
	/*---BEGIN Interior Banner One---*/
	
	.wideload-banner-interior-one {
		background-image: url("/cas/psychology/images/banners/internal-banner-x-ray-2560x500.jpg");
		background-size: cover;
		height: 250px;
		background-position-x: 47%;
	}
	/*---END Mobile---*/
	/*---End Interior Banner One---*/
	/*---BEGIN Interior Banner Two---*/
	
	.wideload-banner-interior-two {
		background-image: url("/cas/psychology/images/banners/internal-banner-classroom-2560x500.jpg");
		background-size: cover;
		height: 250px;
	}
	/*---END Mobile---*/
	/*---End Interior Banner Two---*/
	/*///////////////////////////////////////END Banner///////////////////////////////////////*/
	
	.unitCustomFooter {
		background-color: #f5f5f5;
	}
	
	.newsletters--widgekit .uk-overlay-background {
		background: rgba(0, 0, 0, .7);
	}
	/*changes hover background overlay to transparent dark gray*/
	
	.directoryTagPage.tag-page--alt-layout .tag-category .category.list-striped li h2 {
		margin-top: 0 !important;
		font-size: 1.4em;
		border-bottom: 1px solid #A3CD65;
		padding-bottom: 5px;
	}
	
	.directoryTagPage.tag-page-3-across--layout .tag-category .category.list-striped li {
		width: 30%;
		padding: 1em 0;
	}
	/*changes tag page to 3-across layout */
	
	@media (max-width: 768px) {
		.directoryTagPage.tag-page-3-across--layout .tag-category .category.list-striped li {
			width: 100%;
		}
	}
	/*changes tag page to 1 across on mobile */
	
	.directoryTagPage.tag-page-2-across--layout .tag-category .category.list-striped li {
		width: 45%;
	}
	/* creates a 2 across layout on tag listing page */
	
	.directoryTagPage.tag-page-2-across--layout ul.category li {
		padding: 1em 0;
		margin: 2%;
	}
	/*adds margin and padding on 2-across pages*/
	
	@media all and (max-width:768px) {
		.directoryTagPage.tag-page-2-across--layout .tag-category .category.list-striped li {
			width: 100%;
		}
	}
	
	.tag-page-no-title li.clearfix>h3:first-child {
		display: none;
	}
	/*removes linkable title on tag pages */
	/**********************IE fixes*****************/
	
	.template-01 .btn__background-color--wk-xlg-img-white {
		background-color: #164F3F;
		opacity: 0.8;
	}
	
	.directoryTagPage ul.category>li>h3 {
		padding: 0px 10px 0px !important;
	}
	
	@media only screen and (min-width:700px) {
		.directoryTagPage ul.category.list-striped img {
			width: 100% !important;
		}
	}
	/*///////////////////////////////////////  BEGIN Homepage Graphic ///////////////////////////////////////*/
	
	.template-01 .home-image--container {
		background-image: url(/cas/psychology/images/images/home/students-in-india.jpg);
		position: relative;
		background-size: cover;
		height: 600px;
		max-width: 900px;
		margin: 0 auto;
		background: url("/cas/psychology/images/images/home/students-in-india.jpg"), linear-gradient(to top, transparent, transparent, rgba(30, 107, 82, .8));
		background-image: url("/cas/psychology/images/images/home/students-in-india.jpg");
		background-blend-mode: multiply;
	}
	
	.template-01 .home-image--container:before {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-image: linear-gradient(to top, transparent, transparent, rgba(30, 107, 82, .8));
		opacity: 0.55;
	}
	
	.template-01 .home-text--container {
		position: absolute;
		top: 2em;
		left: 2em;
		right: 1em;
	}
	
	.template-01 .home-text--heading {
		color: #fff;
		font-family: "kulturista-web", serif !important;
		font-size: 1.5em;
		line-height: 120%;
		text-shadow: 1px 1px 1px black;
		margin-top: 0;
		font-weight: bold;
		width: 70%;
	}
	
	.template-01 .home-text--subheading {
		color: #fff;
		font-family: proxima-nova, sans-serif !important;
		font-size: 1.5em;
		line-height: 120%;
		text-shadow: 1px 1px 1px black;
	}
	
	.home-text--subheading-name {
		color: #fff;
		font-family: proxima-nova, sans-serif !important;
		font-size: 1em !important;
		font-weight: bold !important;
		line-height: 120%;
		text-shadow: 1px 1px 1px black;
	}
	
	.template-01 .home-text--button {
		color: #fff !important;
		border: 1px solid #eee;
		padding: 5px;
		text-align: center;
		border-radius: 3px;
		font-family: din-condensed, san-serif !important;
		font-size: 1.3em;
		text-shadow: 1px 1px 1px black;
		font-weight: normal !important;
		width: 250px;
		display: block;
		margin-top: 1em;
	}
	
	.template-01 .home-text--button:hover {
		font-weight: normal !important;
		text-decoration: none;
		background-color: #fafafa;
		text-shadow: none;
		transition: all 0.5s;
	}
	
	@media only screen and (max-width: 1024px) and (min-width: 300px) {
		.template-01 .home-image--container {
			margin-top: 1em !important;
		}
		.template-01 .home-text--heading {
			width: 100%;
		}
	}
	
	@media all and (max-width:768px) and (min-width: 480px) {
		.template-01 .home-image--container {
			height: 550px;
			background-size: cover;
			background-position: -100px
		}
	}
	
	@media all and (max-width:480px) {
		.template-01 .home-image--container {
			height: 370px;
			background-size: cover;
			background-position: -120px
		}
		.template-01 .home-text--container {
			top: 1em;
			left: 1em;
		}
		.template-01 .home-text--heading {
			font-size: 1.2em;
		}
		.template-01 .home-text--subheading {
			font-size: 1.1em;
		}
	}
	/*///////////////////////////////////////  END Homepage Graphic ///////////////////////////////////////*/

.post-docs .span3 {
    min-height: 650px !important;
}

.post-docs img {
    max-width:300px !important;
    margin:0 auto !important;
    display:block;
}

/***---END Site Specific CSS ---***/


/*#region Recruiting Copy*/

.recruiting {
	font-size: 15px !important;
	font-style: italic !important;
	color: #1E6B52 !important;
    font-weight:600;
} 


.recruiting:before {
    font-family: 'Font Awesome 5 Pro';
    margin-right:5px;
    font-style:normal !important;
	content:"\f00c";
    color:#80bc00;
    content: "\f14a";
} 



.core-program-fac--wk .button-grid--item span {
	margin-bottom: 50px;
}


/*#endregion Recruiting Copy*/