/** CTTA Article col3 & 5 design*/

.col3design,.col5design{
	clear:both;
}

.col3design .event-newsletter-listing-card {
    width: 100%;
    float: left;
    padding-bottom: 12px;
    box-sizing: inherit;
    flex: 0 0 33.33%;
    max-width: 33.33%;
}


.col5design .event-newsletter-listing-card {
    width: 100%;
    float: left;
    padding-bottom: 12px;
    box-sizing: inherit;
    flex: 0 0 20%;
    max-width: 20%;
}

.ccta2021 .event-newsletter-listing-card-img,
.col3design .event-newsletter-listing-card-img,
.col5design .event-newsletter-listing-card-img,
.col3design .event-newsletter-image,
.col5design .event-newsletter-image{
    min-height: 250px;
	/*height:auto;*/
}

.ccta2021 .event-newsletter-listing-card-img{
    background-size: cover;
    background-position: center center;
}

.ccta2021 .event-newsletter-listing-card-title{
/*	height:auto !important;	*/
}

.type-ctta-newsarticle .author{
    font-size: 14px;
    font-style: italic;
    margin-top: 8px;
}

/** CTTA Article CSS FILES*/

.type-ctta-newsarticle .breadcrumb-list > span:after {
    content: '>';
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
}
.type-ctta-newsarticle .breadcrumb-list > span:last-child:after {
    content: '';
}
.type-ctta-newsarticle .breadcrumb-list a{
    color: #222;
  pointer-events: none;
}

.type-ctta-newsarticle .ctta-topbanner{
    height: 30vw;
    background-position: center center;
    background-size: cover;
}

.ctta-backlink{
	font-size:14px;	
}


/** CTTA CSS FILES*/


.event-newsletter-right-title.ctta-newsletter-right-title,
.event-newsletter-left-title.ctta-newsletter-left-title,
.event-article-issue-no.ctta-article-issue-no {
    background-color: #427884 !important;
}
.event-newsletter-listing-card-content.ctta-newsletter-listing-card-content {
    border-top: #427884 5px solid  !important;
}
.ctta2021-footer h3,
.event-newsletter-credit-editor-title.ctta-newsletter-credit-editor-title {
    color: #427884 !important;
    font-weight: bold !important;
    margin: 0 0 14px;
}

.event-newsletter-listing-card:first-child .event-newsletter-listing-card-content{
	margin-left:10px;
}
.event-newsletter-listing-card:last-child .event-newsletter-listing-card-content{
	margin-right:10px;
}

#singleSlider .event-article-right .postContent {
    line-height: 1.8em;
    padding-bottom: 15px;
}


img.thinktankheader.ctta-tankheader {
    width: 100%;
    max-width: 100%;
}

.event-newsletter-listing-container {
    width: 98%;
}
.event-newsletter-article-title-box{
    border: #d7d7d7 1px solid;
}

.ctta-newsletter-article-title{
    box-sizing: inherit;
    flex: 0 0 100%;
}

#issues_list ul{
    margin: 10px 0;
}
#issues_list li{
    line-height: 1.25em;
}
#issues_list li a{
	font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.1px;
    color: #003059;
    font-style: italic;
}

.ctta2021-footer{
    padding-bottom: 35px;
}
.ctta2021-footer .ctta-credit-pane-1{
    flex: 0 0 45% !important;
    max-width: 45%;
}
.ctta2021-footer .ctta-credit-pane-2{
    flex: 0 0 25% !important;
    max-width: 25%;
}
.ctta2021-footer .ctta-credit-pane-3{
    flex: 0 0 20% !important;
    max-width: 20%;
}
.ctta2021-footer .ctta-editor-title{
	
}
.ctta2021-footer a{
    font-weight: bold;
    color: #584340;
}

/* select style */
.issues_wrap{
	padding:0 40px;
}
#issues_year {
  display: block;
  font-size: 16px;
  font-family: sans-serif;
  font-weight: 700;
  color: #444;
  line-height: 1.3;
  padding: .6em 1.4em .5em .8em;
  width: 100%;
  max-width: 100%; 
  box-sizing: border-box;
  margin: 0;
  border: 1px solid #aaa;
  box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
  border-radius: .5em;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  /* note: bg image below uses 2 urls. The first is an svg data uri for the arrow icon, and the second is the gradient. 
    for the icon, if you want to change the color, be sure to use `%23` instead of `#`, since it's a url. You can also swap in a different svg icon or an external image reference
  */
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
    linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
  background-repeat: no-repeat, repeat;
  /* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
  background-position: right .7em top 50%, 0 0;
  /* icon size, then gradient */
  background-size: .65em auto, 100%;
}
/* Hide arrow icon in IE browsers */
#issues_year::-ms-expand {
  display: none;
}
/* Hover style */
#issues_year:hover {
  border-color: #888;
}
/* Focus style */
#issues_year:focus {
  border-color: #aaa;
  /* It'd be nice to use -webkit-focus-ring-color here but it doesn't work on box-shadow */
  box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
  box-shadow: 0 0 0 3px -moz-mac-focusring;
  color: #222; 
  outline: none;
}

/* Set options to normal weight */
#issues_year option {
  font-weight:normal;
}

/* Support for rtl text, explicit support for Arabic and Hebrew */
*[dir="rtl"] #issues_year, :root:lang(ar) #issues_year, :root:lang(iw) #issues_year {
  background-position: left .7em top 50%, 0 0;
  padding: .6em .8em .5em 1.4em;
}

/* Disabled styles */
#issues_year:disabled, #issues_year[aria-disabled=true] {
  color: graytext;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
    linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
}

#issues_year:disabled:hover, #issues_year[aria-disabled=true] {
  border-color: #aaa;
}

@media (max-width: 1024px){
	.ctta2021-footer .event-newsletter-credit-board.ctta-newsletter-credit-board {
		margin-left: 5%;
		margin-right: 5%;
	}
	.ctta2021-footer .ctta-credit-pane-1{
		flex: 0 0 90% !important;
		max-width: 90% !important;
		margin: 0px !important;
	}
	.ctta2021-footer .ctta-credit-pane-2{
		flex: 0 0 90% !important;
		max-width: 90% !important;
		margin: 0px !important; 
    	min-height: 0px !important; 
	}
	.ctta2021-footer .ctta-credit-pane-3{
		flex: 0 0 90% !important;
		max-width: 90% !important;
		margin: 0px !important;
	}
	
}

@media (max-width: 768px){
	
	
	
}












.event-article-content {
    padding-top: 0px !important;
}

.event-article-issue-no.ctta-article-issue-no{
	background-color: #008c78;
}

.event-newsletter-left-title.ctta-newsletter-left-title{
	background-color: #008c78;
}

.event-newsletter-right-title.ctta-newsletter-right-title{
		background-color: #008c78;
}

.event-newsletter-listing-card-content.ctta-newsletter-listing-card-content{
	border-top: #008c78 5px solid;
}

.event-newsletter-credit-editor-title.ctta-newsletter-credit-editor-title{
	color: #008c78;
}

.event-newsletter-credit-board.ctta-newsletter-credit-board{
	margin-left: 90px;
    margin-right: 85px;
	width:auto;
    justify-content: space-between;
}



.event-newsletter-credit-logo-title.ctta-credit-pane-1{
	    flex: 0 0 24%;
    padding-right: 40px;
	font-family: Signika;
	/*font-size: 2.1527777vw;*/
	font-size: 31px!important;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.06;
	letter-spacing: 1.58px;
	text-align: right;
	color: #3a7982;
}

.event-newsletter-credit-editor.ctta-credit-pane-2{
	flex: 0 0 13%;
}

.event-newsletter-credit-author-1.ctta-credit-pane-3{
flex: 0 0 20%;
}

.event-newsletter-credit-author-2.ctta-credit-pane-4{
	flex: 0 0 13%;
}

.event-newsletter-credit-form.ctta-credit-pane-5{
	flex: 0 0 30%;
	margin-bottom: 40px;
}

.event-newsletter-credit-editor-title.event-newsletter-credit-contact-form-title{
	color: #008c78;
}

.contact-submit-ctta{
	    margin-left: 0 !important;
    background: #008c78;
}

.ctta-slidein-panel{
	position: fixed;
    z-index: 100;
    background: #0e4a83;
    border-top-left-radius: 1.7em;
    border-bottom-left-radius: 1.7em;
    top: 22.5%;
    /* transform: translate(-50%); */
    right: 0px;

    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    background-color: #d0021b;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    color: white;
    width: 0px;
    height: 90px;
    transition: 1s;
}



.ctta-slidein-panel-content-pdf{
	
position: absolute;
    left: 50%;
    top: 69%;
    transform: translate(-50%, -50%);
    z-index: 8;
    background-size: 0px;
    background-color: white;
    color: red!important;
    width: 43px;
    padding: 7px 0px 6px 25px;
    font-weight: bold;
    font-size: 12px;
    line-height: 1;
	border-radius: 2.5px;
}

.ctta-slidein-panel-content{
	    position: relative;
    width: 96px;
    height: 90px;
}

.ctta-slidein-panel-content-share{
    position: absolute;
    left: 50%;
	top: 35%;
    transform: translate(-50%, -50%);
    z-index: 8;
}

.pdf-button.ctta-header{
	height: 13px;
    position: absolute;
    left: 7%;

    top: 50%;
    transform: translateY(-50%);
}

.share-button.ctta-header{
height: 13px;
    position: absolute;
    left: 8%;
    top: 41%;

    transform: translateY(-50%);
}
.ctta-addthis-share-button>a.addthis_counter .atc_s{
	background-size:0px;
}

.addthis_counter.addthis_pill_style.ctta-addthis-share-button a.atc_s{
    background-size: 0px;
    background-color: white;
    color: #c93c00!important;
    width: 43px;
	padding: 3px 1px 2px 24px;
    font-weight: bold;
	border-radius: 2.5px;
}

.ctta-addthis-share-button.addthis_counter.addthis_pill_style.addthis_nonzero a.addthis_button_expanded{
display:none!important;
}

a>.event-newsletter-credit-editor-name:hover{
	    color: #a91317 !important;
}

#singleSlider .MS-controls{
	 height: unset!important;
}
   
.event-newsletter-credit-subboard{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}   

.ctta-credit-sub-pane-1{
	flex:0 0 auto;
}

.ctta-credit-sub-pane-2{
	flex:0 0 auto;
}

@media (min-width: 1440px) {
	.event-newsletter-credit-logo-title.ctta-credit-pane-1{
		font-size: 31px!important;
	}
}

@media (max-width: 1024px) {
	.ctta-credit-pane-1{
		text-align: left!important;
		flex: 0 0 auto;
		max-width: 40%;
	}
}

@media (max-width: 1023px){
	.event-newsletter-credit-board {
		text-align:left!important;
	}
}

@media (max-width: 500px) {
		.event-newsletter-credit-board.ctta-newsletter-credit-board{

		justify-content: space-between!important;
	}
}

@media (max-width: 768px) {
	
	.event-newsletter-credit-editor.ctta-credit-pane-2{
		flex: 0 0 40%;
		max-width: 40%;
		margin-left: 10%;
		    
	}

	.event-newsletter-credit-author-1.ctta-credit-pane-3{
		flex: 0 0 40%;
		max-width: 40%;
		text-align: left;
	}
	.event-newsletter-credit-author-2.ctta-credit-pane-4{
		flex: 0 0 40%;
		max-width: 40%;
		text-align: left;
	}

	.event-newsletter-credit-form.ctta-credit-pane-5{
		flex: 0 0 100%;
		margin-bottom: 40px;
    margin-top: 20px;
	text-align: left;
	}

	.event-newsletter-credit-logo-title.ctta-credit-pane-1{
	    flex: 0 0 90%;
		text-align: left;
		padding-bottom: 20px;
		font-size: 31px!important;
	}
	
	.event-newsletter-credit-board.ctta-newsletter-credit-board{
		width: 92%!important;
		margin-left: auto!important;
		margin-right: auto!important;
		justify-content: flex-start;
	}
	
	.newsletter-accordion-pub{
		/*background-color:#008C78!important;*/
		color:white;
	}
	
	.event-newsletter-right{
		height:auto!important;
	}
	
	#singleSlider{
		height:auto!important;
	}
}