﻿
p.georgia,
p	{line-height:1.4em; color: #2f5e4f;}

.flat-plus-btn			{width:43px; height: 43px; border:1px solid #bed600; display: block; position: relative; transition:0.2s ease-out}
.flat-plus-btn:before	{width:3px; height: 19px; background-color: #354646; display: block; content: ''; position: absolute; left: 19px; top: 11px;}
.flat-plus-btn:after	{width:19px; height: 3px; background-color: #354646; display: block; content: ''; position: absolute; left: 11px; top: 19px;}
.flat-plus-btn:hover	{background-color:#bed600}

/* HERO HEADER */
.content-banner-container.dark-green,	
.content-banner-container.dark-green:before	{background-color:#2c5e4f}

/* EXPANDER PANELS */
.expander-panel					{background-color:rgba(92,165,36,0.6); text-align: center; padding: 20px; position: relative}
.expander-panel:after			{width: 0; height: 0; border-style: solid; border-width: 20px 21px 0 21px; border-color: #5ca524 transparent transparent transparent; content: ''; position: absolute; bottom: -20px; left: 50%; margin-left: -24px; display: none;}
.expander-panel img				{margin-bottom:10px;}
.expander-panel p				{font-size:17px; color: #ffffff;}
.expander-panel.active:after	{display:block;}
.expander-panel.active			{background-color:rgba(92,165,36,1);}

.cols-flex					{display:flex;}
.cols-flex .expander-panel	{height:100%;}

/* FILTERS */
/*.search-container 	{background-color:transparent;}8/
.flex-space-between	{display:flex; justify-content: space-between}
.c19-filter-container .dropdown-container.dropdown-container-region.dropdown-container-dark-grey.auto	{width:auto}
.c19-filter-container .search-results-container-button .search-container	{width:290px; border-color:#5ca524}

/* COVID 19 */
.c-19-expanded						{padding:30px 0}
.article-panel.c-19					{background-color:#2f5e4f;}	
.article-panel.c-19 h2,
.article-panel.c-19 .article-text .article-date,
.article-panel.c-19 .article-text p	{color:#ffffff;}

.load-more-buttons 			{display:flex;}
.load-more-buttons .buttons {margin-left:15px;}

.article-panel .article-text .article-date {color: #868f90;}

/* SKEWED PANEL */
.publication-tile 							{background-repeat:no-repeat; background-size:cover; background-position:center; width:265px; position:relative; height:340px; overflow:hidden; margin-bottom:20px; vertical-align:top; display:inline-block;}
.publication-tile.reduced 					{height:235px;}
.publication-tile .skewed-panel				{position:absolute; top:-71px; left:-26px; width:100%; height:calc(100% + 90px); background-color:rgba(84, 130, 171, 0.9); z-index:4; -moz-transform:rotate(8deg); transform:rotate(8deg);}
.publication-tile .skewed-panel.dark 		{background-color:rgba(0, 0, 0, 0.7);}
.publication-tile .skewed-panel.light-grey 	{background-color:rgba(53, 70, 70, 0.25);}

.publication-tile .content 			{padding:30px 48px 30px 30px; position: relative;}
.publication-tile .content .title 	{color:#333333; font-size:35px; position: relative; z-index: 5}
.publication-tile .content hr 		{border-color:#333333; margin:15px 0 0 0px; width:40px; border-style:solid; position: relative; z-index: 5}
.publication-tile .content p 		{color:#333333; font-size:20px; position: relative; line-height: 1.2em; z-index: 5}

.publication-tile .flip-plus		{position:absolute; bottom:15px; left:30px;}
.publication-tile .flip-plus span 	{background-image:url(/Assets/images/icon-plus.png);}

.publication-tile .flip-plus .default-state,
.publication-tile .flip-plus .active-state {border-color:#FFF;}
.publication-tile .flip-plus .active-state {background-color:#58a618;}

.publication-tile.white .title 		{color:#FFF;}
.publication-tile.white .content hr {border-color:#FFF;}
.publication-tile.white .content p 	{color:#FFF;}

.publication-tile.white .flip-plus .default-state,
.publication-tile.white .flip-plus .active-state {border-color:#bed600;}
.publication-tile.white .flip-plus .active-state {background-color:#bed600;}
.publication-tile.white .flip-plus .active-state span {background-image:url(/Assets/images/icon-plus-grey.png);}

/* FLOAT PANEL */
.panel-float-expander 								{padding:24px; background-color: #ffffff; padding-bottom: 90px; position: relative; cursor: pointer;}
.panel-float-expander p								{color:#333333; margin-bottom: 0;}
.panel-float-expander:after							{width: 0; height: 0; border-style: solid; border-width: 20px 21px 0 21px; border-color: #2c5e4f transparent transparent transparent; content: ''; position: absolute; bottom: -20px; left: 50%; margin-left: -24px; display: none;}
.panel-float-expander.active:after					{display:block;}
.panel-float-expander.active						{background-color:#2c5e4f}
.panel-float-expander.active p						{color:#ffffff;}
.panel-float-expander .flat-plus-btn				{position:absolute; bottom: 34px; border-color:#5ca524;}
.panel-float-expander.active .flat-plus-btn			{border-color:#ffffff;}
.panel-float-expander.active .flat-plus-btn:after	{background-color:#ffffff}
.panel-float-expander.active .flat-plus-btn:before	{display:none}

.panel-float-expander .flat-plus-btn:hover			{background-color:#5ca524}
.panel-float-expander .flat-plus-btn:hover:after,	
.panel-float-expander .flat-plus-btn:hover:before	{background-color:#ffffff}

.panel-float-no-expander {
    padding: 24px;
    background-color: #ffffff;
    padding-bottom: 90px;
    position: relative;
    cursor: pointer;
}
.panel-float-no-expander p {
    color: #333333;
    margin-bottom: 0;
}
.panel-float-no-expander:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 21px 0 21px;
    border-color: #2c5e4f transparent transparent transparent;
    content: '';
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -24px;
    display: none;
}
.panel-float-no-expander .flat-plus-btn {
    position: absolute;
    bottom: 34px;
    border-color: #5ca524;
}
.panel-float-no-expander .flat-plus-btn:hover {
    background-color: #5ca524
}
.c19-f-left				{float:left; display: none}
.c19-f-left.open		{display:block}
.floater-expanded		{padding:40px; background-color: #e1e7e4; float: left; margin-top: 10px;}

/* CAROUSEL NAV */
.carousel-nav-container		{display:block; text-align: center;}
.carousel-nav-container ul	{margin-left:0}

/* EMAIL CALLOUT */
.c19-email-callout		{background-color:#e4e5e6; padding: 20px; display: flex; justify-content: left; align-items: start; margin-bottom: 20px;}
.c19-email-callout img	{width:36px; height: auto; margin-right: 20px; flex-shrink: 0;}
.c19-email-callout p	{color:#333333; margin-bottom: 0;}

/* TILT BANNER */
.banner-carousel-small.banner-carousel-small-c19			{margin-bottom:0}
.banner-carousel-small.banner-carousel-small-c19 .divider	{padding-top:34%}
.banner-carousel-small.banner-carousel-small-c19 .banner-text-cell p		{font-size:38px;}
.banner-carousel-small.banner-carousel-small-c19 .banner-text-cell p:after	{display:none}

/* FAQ ACCORDION */
.faq-accordion .accordion-item								{margin-bottom:6px;}
.faq-accordion .accordion-item h2							{font-size:16px; color: #333333; background-color: #ffffff; position: relative; cursor: pointer; line-height: 1.4em; padding: 15px 40px 15px 20px;}
.faq-accordion .accordion-item h2 span.plus 				{width:21px; height: 21px; position:absolute; right:15px; display: block; top:15px;}
.faq-accordion .accordion-item h2 span.plus:before			{width:2px; height: 100%; background-color: #333333; position: absolute; left: 10px; top: 0; content: '';}
.faq-accordion .accordion-item h2 span.plus:after			{width:2px; height: 100%; background-color: #333333; position: absolute; left: 10px; top: 0; content: ''; transform: rotate(90deg);}
.faq-accordion .accordion-item.active h2					{background-color: #2f5e4f; color: #ffffff;}
.faq-accordion .accordion-item.active h2 span.plus:after	{background-color: #ffffff;}
.faq-accordion .accordion-item.active h2 span.plus:before	{display:none;}
.faq-accordion .accordion-expanded							{display:none; padding:20px; background-color: #e1e7e4;}
.faq-accordion .accordion-expanded p 						{color:#333333;}
.faq-accordion .accordion-expanded p:last-child				{margin-bottom:0;}

.faq-accordion .accordion-item-no-expand { margin-bottom: 6px;}
.faq-accordion .accordion-item-no-expand h2 {font-size: 16px;color: #333333;background-color: #ffffff;position: relative;cursor: pointer;line-height: 1.4em;padding: 15px 40px 15px 20px;}
.faq-accordion .accordion-item-no-expand h2 a.plus-no-expand { width: 21px;height: 21px;position: absolute;right: 15px;display: block;top: 15px;}
.faq-accordion .accordion-item-no-expand h2 a.plus-no-expand:before { width: 2px; height: 100%; background-color: #333333; position: absolute; left: 10px; top: 0; content: ''}
.faq-accordion .accordion-item-no-expand h2 a.plus-no-expand:after {width: 2px;height: 100%;background-color: #333333;position: absolute;left: 10px;top: 0;content: '';transform: rotate(90deg);}
.article-panel-video-accordion {
    position: relative;
    padding-bottom: 3.25%;
    height: auto;
    overflow: hidden;
    max-width: 100%;
}

a.cover-tabs {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
}



p.carousel-text {
    color: #fff;
    font-family: roobert_light,sans-serif!important;
    font-size: 20px;
    margin: 0;
    position: relative;
    z-index: 5;
}
.search-results-container .dropdown-container-smaller {
    background-color: rgb(112, 117, 120) !important;
}
.panel-carousel-vertical .slick-list{
 overflow: hidden !important;
}

.georgia p {
    font-family: 'roobert_light',Times New Roman,serif!important;
	font-size: 14px;
	line-height: 1.4em;
    color: #2f5e4f;
}

#PublicationsSearchResultsContainer.col-3 {
    width: 50% !important;
}
.banner-text-cell.banner-text-holder .flip-plus {
    padding-top: 4px !important;
}

.intro p{
font-size: 16px;
line-height: 1.4em;
color: #2f5e4f;
font-family: 'roobert_regular', sans-serif;
}
@media (max-width: 1220px) 
{

	/* SEARCH FILTER */
	.search-results-container-button .search-sort-container						{margin-right:0;}
	.c19-filter-container .search-results-container-button .search-container 	{width:100%;}
	.search-results-container-button .dropdown-container-outer					{width:70%; display: flex; justify-content: flex-end;}
	.search-results-container-button .btn-dropdown								{padding-right:30px;}

	/* TILT BANNERS */
	.banner-carousel-small.banner-carousel-small-c19 .banner-text-cell p 	{font-size:30px; padding-bottom: 0}

}


@media (max-width: 1024px) 
{
	.c19-top-panels .col-4	{padding-left:5px; padding-right:5px;}

	/* SEARCH FILTER */
	.form-container.search-results-container.search-results-container-button.flex-space-between	{display:block;}
	.search-results-container-button .dropdown-container-outer		{width:100%;}
	.c19-filter-container .dropdown-container.dropdown-container-region.dropdown-container-dark-grey.auto	{width:25%;}

	/* TILT BANNERS */
	/*.banner-carousel-small.banner-carousel-small-c19 .divider	{padding-top:60%;}*/

}

@media (max-width: 760px) 
{
	.load-more-buttons {display: block;}
	.load-more-buttons .buttons 	{margin-left:0; margin-top: 15px;}
}

@media (max-width: 540px) 
{
	/* TOP PANELS */
	.expander-panel		{padding:10px;}
	.expander-panel p 	{font-size:14px; line-height: 1.2em}
	.expander-panel img	{width:40px;}

	.search-results-container-button .dropdown-container-outer	{display:block;}
	.c19-filter-container .dropdown-container.dropdown-container-region.dropdown-container-dark-grey.auto	{width:100%;}
	.search-results-container-button .dropdown-container-outer	{margin-top:0;}

	.expander-panel:after {border-width: 10px 11px 0 11px; bottom: -10px; left: 50%; margin-left: -14px;}

}

@media (max-width: 414px) 
{
	/* TOP PANELS */
	.expander-panel		{padding:10px 5px;}
	.expander-panel p 	{font-size:9px; margin-bottom: 5px}
	.expander-panel img	{width:30px;}
}

@media (max-width: 768px){
.publication-tile:nth-child(even) {margin-right: 20px !important;}
.sidebar-inner{padding-top:10px !important;}
}

@media (max-width: 425px){
.publication-tile {margin-right: 20px !important;}
}

@media (max-width: 600px)
{
.banner-overlay {
    min-height: 477px !important;
    top: 136px !important;
   }
}

@media (max-width: 812px)
{
.btn-dropdown:after {
    right: 11px !important;
}
}
@media (max-width: 1024px)
{
.search-results-container .dropdown-container-smaller {
    width: 156px !important;
	}
}
@media (max-width: 812px)
{
.search-results-container .dropdown-container-smaller {
    width: 120px !important;
	}
}
@media (max-width: 768px)
{
.search-results-container .dropdown-container-smaller {
    width: 170px !important;
	}
}

@media (max-width: 425px)
{
.banner-overlay:before {
    left: 59% !important;
    top: 69px !important;
    height: 50% !important;
}
}
@media (max-width: 814px)
{
.c19-latest-updates.c-19-expanded .col-3 {
    width: 50%;
	}
}
@media (max-width: 414px)
{
.c19-latest-updates.c-19-expanded .col-3 {
    width: 100%;
	}
}

.resources-online .accordion-expanded {
    
    top: -16px;
    position: relative;
}
@media (max-width: 1024px)
{
.filter-container.tcCovidWidth #SearchFilters {
    margin-right: -9px !important;
}
}

@media (max-width: 768px)
{
.filter-container.tcCovidWidth #SearchFilters {
    margin-right: -17px !important;
}
}

@media (max-width: 667px)
{
.filter-container.tcCovidWidth #SearchFilters {
    margin-right: 0px !important;
}
}

@media (max-width: 960px)
{
.col-4 {
    width: 21.3% !important;
}
}
