/* Department CSS Document */
/*For mobile first adaptive design place styles for mobile and up in the mobile and up area.
Place styles for tablet and up inside the media query in the tablet and up area.
Place styles for desktop only inside the media query in the desktop only area.

For questions or media query training contact Web Development Services.
*/
/*===============MOBILE AND UP===============*/
.bg-light-green {
	background-color: #ECF0ED;
}

/***********VIDEO CSS************/
p.kaltura-video:before {
    content: "";
    position: absolute;
    width: 50px;
    top: 0;
    height: 50px;
    background-color: #fff;
    border: 3px solid #E65342;
    right: 5px;
}
p.kaltura-video:after {
    content: "";
    bottom: 0;
    left: 30px;
    width: 100px;
    height: 50px;
    z-index: -1;
    position: absolute;
    background: url(/innovation/images/huntsman/teal-stripe-halfcircle.svg) no-repeat;
    background-size: 100px;
}

/***********links************/
.button-solid-inverted {
	background-color: #fff;
    color: #275D38;
    font-weight: bold;
    text-transform: capitalize;
	display: flex;
    justify-content: space-between;
	border-radius: 8px;
	transition: all 300ms;
}
.button-solid {
	transition: all 300ms;
}
.button-solid-inverted:hover, .button-solid-inverted:focus {
	color: #fff;
    text-decoration: none;
    background-color: #275D38;
	border: 2px solid #fff;
}

/***********DIRECTORY CARD OVERRIDE************/
.bg-grey-xlight {
	position: relative;
	z-index: 0;
}
.card-advisor-2 {
	margin-top: 20px;
    box-shadow: 0px 1px 6px rgb(0 0 0 / 5%);
    position: relative;
    border-radius: 8px;
    background-color: #fff;
}
.card-advisor-2:after {
    content: "";
    bottom: -10px;
    right: -10px;
    width: 300px;
    height: 100px;
    z-index: -1;
    position: absolute;
    background: url(/innovation/images/huntsman/rectangle-stripes.png) no-repeat;
    background-size: 300px;
}
.card-advisor-2-img {
    position: absolute;
    top: -20px;
    left: 0;
}
.card-advisor-2-img img {
    width: 200px;
    position: relative;
    height: 200px;
    border-radius: 50%;
    z-index: 1;
}
.card-advisor-2-img p {
	position: relative;
}
.card-advisor-2-img p:before {
    content: '';
    position: absolute;
    width: 190px;
    height: 190px;
    left: -10px;
    z-index: 0;
    bottom: 0;
    border-radius: 50%;
    background-color: #78BE48;
}
.card-advisor-2-content {
    padding: 210px 40px 40px 70px;
}
.card-advisor-2-inner-content p {
    margin-bottom: 5px;
}


/**************RESOURCE CARDS*************/
.link-card {
    border-radius: 5px;
	color: #fff;
    padding: 20px 40px;
    display: flex;
	height: 100%;
    text-align: center;
    flex-direction: column;
	margin: 0 auto;
	width: 90%;
}
.link-card h3 {
    color: #fff;
    font-weight: 600;
	margin-top: 0;
    text-align: center;
}
.link-card img {
    width: 80px;
}
.link-card a {
    font-family: 'Rajdhani', sans-serif;
    font-weight: 600;
    border-radius: 50px;
    padding: 5px 10px;
    background-color: #fff;
    color: #275d38;
    border: 2px solid #fff;
	display: inline-block;
	margin-top: 20px;
}

/*------------------------------PHOTO ACCORDION CSS-----------------------------------*/
.photo-accordion.accordion:not(.accordion-unstyled) {
    background-color: #ffffff;
    border-radius: 0;
	display: flex;
	    border-radius: 0;
    border-bottom: 1px solid #275d38;
	margin-bottom: 0;
	flex-direction: column;
    padding-bottom: 0px;
}
.photo-accordion.accordion:not(.accordion-unstyled):after {
    display: inline-block;
    position: relative;
    background-color: #fff;
    color: #285d39;
    content: "\f078";
    font-size: 26px;
}
.photo-accordion.accordion:not(.accordion-unstyled):hover, .photo-accordion.accordion:not(.accordion-unstyled):focus {
    border-bottom: 2px solid #275d38;
}
.photo-accordion-content {
    padding: 10px;
    margin-top: 0 !important;
}
.photo-accordion .accordion-photo {
	text-align: center;
}
.photo-accordion .accordion-photo img {
	width: 400px;
}
.photo-accordion.open:after { 
	content: "\f077";
}
.accordion-inner {
    background-color: #fff !important;
}

/*End mobile and up styles*/
/* ====================== Tablet and Up (Overrides Mobile Styles) ========================== */
@media only screen and (min-width: 768px) {
	/***********VIDEO CSS************/
	p.kaltura-video:after {
		    bottom: unset;
    	top: 200px;
	}
	
	/**************DIRECTORY CARD OVERRIDE*************/
	[data-uvu-section="5"] [data-uvu-region="1"] {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.card-advisor-2 {
		margin-top: 0;
	}
	
	/************************PHOTO ACCORDION***************************/
	.photo-accordion.accordion:not(.accordion-unstyled) {
		flex-direction: row;
		padding-bottom: 20px;
	}
	.photo-accordion .accordion-heading {
		display: flex;
		align-items: center;
	}
	.photo-accordion .accordion-photo {
		flex: 2;
	}
	.photo-accordion .accordion-info {
		flex: 3;
		padding-left: 40px;
		padding-bottom: 20px;
	}
	
}/*end media query*/
/*End tablet and up styles*/
/* ====================== Landscape Tablet and Up (Overrides Mobile Styles) ========================== */
@media only screen and (min-width: 992px) {
	[data-uvu-section="4"] [data-uvu-region="2"] {
		margin-top: 20px;
	}
	
	/***********VIDEO CSS************/
	p.kaltura-video:after {
    	top: 215px;
	}
	
	/**************DIRECTORY CARD OVERRIDE*************/
	.card-advisor-2-img {
		top: 15px;
    	left: -10px;
	}
	.card-advisor-2-img img {
		width: 180px !important;
		height: 180px !important;
	}
	.card-advisor-2-img p:before {
		width: 170px;
		height: 170px;
		left: -10px;
		bottom: 0;
	}
	.card-advisor-2-content {
		padding: 50px 0px 50px 200px;
	}
	.card-advisor-2-img p:after {
		bottom: -50px;
		left: -10px;
	}
	
}/*end media query*/
/*End landscape tablet and up styles*/
/* ====================== Desktop Only (Overrides Mobile and Tablet Styles) ========================== */
@media only screen and (min-width: 1200px) {
	[data-uvu-section="4"] [data-uvu-region="2"] {
		margin-top: 50px;
		        padding-right: 100px;
	}
	
	/***********VIDEO CSS************/
	p.kaltura-video:before {
		width: 65px;
        top: -5px;
        height: 65px;
        border: 5px solid #E65342;
	}
	p.kaltura-video:after {
		        top: 240px;
        width: 150px;
        height: 100px;
        background-size: 150px;
	}
	
	/**************DIRECTORY CARD OVERRIDE*************/
	.card-advisor-2 {
		width: 90%;
	}
	.card-advisor-2-img {
		left: -70px;
	}
	.card-advisor-2-img img {
		width: 200px !important;
    	height: 200px !important;
	}
	.card-advisor-2-img p:before {
		width: 190px;
		height: 190px;
		left: -20px;
		bottom: -5px;
	}
	.card-advisor-2-content {
		padding: 40px 50px 50px 170px;
	}
	.card-advisor-2-img p:after {
		bottom: -50px;
		left: -20px;
		width: 60px;
		height: 60px;
		background-size: 60px;
	}
	.card-advisor-2:after {
		bottom: -60px;
		right: -20px;
		width: 350px;
		height: 200px;
		background-size: 350px;
	}
	
	/************************PHOTO ACCORDION***************************/
	.photo-accordion .accordion-info {
		padding-left: 0px;
		padding-right: 40px;
	}
	.photo-accordion .accordion-photo {
		text-align: left;
	}
	
	
}/*end media query*/
/*End desktop only styles*/
/*END OF DOCUMENT*/