:root{
	--primary-color:#343434;
	--secondary-color: #ebe3d8;
	--tertiary-color: #004295;
	#--tertiary-color: #f09800;
	--quarternary-color: #b2b3b6;
	--color-apcs: #004295;
	--color-agcs: #00aab5;
}

body{
	background-color: rgba(52, 52, 52,.1);
}

iframe {
	width:100%;
}

h1{
	font-size: 2.8rem;
}

h2.h2 {
	color:var(--tertiary-color);
	font-size: 2.4rem;
}

.kesearchbox-header > input:focus ~ span {
	color: #fff;
}

.kesearchbox-header > input, .kesearchbox > input, #ke_search_sword {
	border: 1.5px solid var(--secondary-color);	
}

.kesearchbox-header, #ke_search_sword {
	color: var(--secondary-color)	
}


.bgcolor-apcs {
	background-color: var(--color-apcs) !important;
}

.bgcolor-agcs {
	background-color: var(--color-agcs) !important;
}

.main-caption .read-more-button {
	
}

.line-1, .line-3 {
  color: #fff;
}

.stage-overlay-white{
	#background-color:rgba(240, 152, 0, 0.7);
	background-color:rgba(0, 66, 149, 0.6);
}

.carousel .carousel-control-layout-0 {
  color: #fff;
}

.carousel-indicators-layout-1 [data-bs-target], .carousel-indicators-layout-0 [data-bs-target] {
	background-color: #fff;
}

.header-row-2{
	box-shadow: 0px -1px 2px var(--secondary-color);	
}

.header-row-2::after {
  box-shadow: 0px 2px 4px #555;
  content: "";
  width: 100%;
  display: block;
  height: 8px;
  top: 60px;
  position: absolute;
  z-index: -1;
  
}

.em-source {
	color:#666;
	font-size: 10pt;
}


.card a:not(.btn) {
	color:inherit;
}

.card a:not(.btn):hover {
  color: #465f4d;
  background: var(--primary-color);
  #color: #000 !important;
}


.card-img-top{
	align-items:center;	
	justify-content:center;
	display:flex;
}



.card-img-top img {
	height: 200px;
	width: 370px;
}

.card-body-middle-arrow {
	align-items: center;
	display: flex;
	justify-content: center;
	height:40px;
	width:40px;
	font-size:28pt;
}

.card-layout-0 .card-img-top img, .card-img-top > div {
	height:auto;
	width:100%;
}

.card-layout-1 .card-img-top,.card-layout-1 .card-img-top img, .card-img-top > div {
	height:120px;
	width:auto;
}

.card-layout-1-wrapper-link{
text-decoration: none;
width:100%;
}

a.card-layout-1-wrapper-link:hover > .card-border-container {
	border-color: #000;
}

a.card-layout-1-wrapper-link:hover .read-more-button-light {
	background-color: #000;
}

a.card-layout-1-wrapper-link:hover .card-body-middle-arrow::before{
	color:#000;
}

.popover-bg-container, .popover-bg-container .card-subtitle {
  background: var(--tertiary-color);
  color: #fff;
  
}

.frame-layout-border-color-apcs .popover-bg-container {
  background: var(--color-apcs);
  color: #fff;
}

.frame-layout-border-color-agcs .popover-bg-container {
  background: var(--color-agcs);
  color: #fff;
}

.card-group-popover-link .card-subtitle {
	color: #fff;
}

.card-layout-1 .card-border-container{
	border: 2px solid var(--tertiary-color);
	box-shadow: 2px 2px 3px rgba(0,0,0,.2);
	
}

.card-layout-1 p {
	margin:0;
}

.card-border-container, .card-layout-3 .card{ 
	width:100%;
}

.card, .card-border-container{
	max-width:438px;
}

.card-group-element-columns-3 .card-img-top,.card-group-element-columns-3 .card-img-top img {
	height:150px;
	width:265px;
	margin:auto;
}

.card-layout-1 .card-body{
	padding:1rem 1.5rem;
	padding-bottom:0;
}

.card-layout-1 .card-subtitle{
	text-align:center;
	font-size: 14pt;
	font-weight:900;
	margin-bottom: 1rem;
}

.frame-layout-border-color-apcs .card-layout-1  .card-border-container{
	border: 2px solid var(--color-apcs);	
}

.frame-layout-border-color-agcs .card-layout-1  .card-border-container{
	border: 2px solid var(--color-agcs);	
}

.frame-layout-border-color-apcs .read-more-button-light {
	background: var(--color-apcs);	
	text-align: center;	
}

.frame-layout-border-color-agcs .read-more-button-light {
	background: var(--color-agcs);	
	text-align: center;	
	
}

.frame-layout-border-color-apcs .card-body-middle-arrow::before {
	color: var(--color-apcs);	
}

.frame-layout-border-color-agcs .card-body-middle-arrow::before {
	color: var(--color-agcs);	
}

.card-group-layout-2-container {
	padding-bottom:70px;
}

.card-group-layout-2-container > .row > .card-group-element {
  padding: 0;
  gap: 15px;
}

.card-layout-2 .card-body {
	border: 2px solid var(--tertiary-color);
	border-radius:5px;
  padding: 1rem 2rem;
}

.card-layout-2 h3 {
  color: #000;
  font-size: 14pt;
  text-align: center;
 font-weight:900;
 
}
.card-layout-2 .card-img-top, .card-layout-2 .card-img-top img {
	height: auto;
	width:100%;
}

.card-layout-2-popover-container {
	position: absolute;
	height: 100%;
	width: 100%;
}
.card-layout-2-popover-link{
	text-decoration:none;
	height: 100%;
	display: flex;
}
.card-layout-2-popover-link:hover .popover-bg-container {
	display:flex;
}

.card-layout-2 .card-img-top, .card-layout-2 .card-img-top img {
	height: auto;
	width:100%;
}


.card-layout-3{
	#border: 2px solid var(--tertiary-color);
}

.card-layout-3 .card{
	box-shadow: 2px 2px 3px rgba(0,0,0,.2);
	border-radius:0;
}


.card-layout-3-popover-container {
  position: absolute;
  height: 25%;
  width: 100%;
  bottom: 0;
}

.card-group-element-columns-3 .card-layout-3-popover-container {
	height: 30%;
}

.card-layout-3-popover-link{
	text-decoration:none;
	height: 100%;
	display: flex;
}
.card-layout-3-popover-link:hover .popover-bg-container {
	display:flex;
}


.read-more-button-light {
	position: relative;
	display: inline-block;
	height: 50px;
	width: 100%;
	background: var(--tertiary-color);
	color: #fff !important;
	font-size: 12pt;  
	font-weight:800;
	bottom: 0;
	border-radius: 0;
	text-align:start;
	padding: 0.5rem 1rem;
}

.read-more-button-dark {
	position: relative;
	display: inline-block;
	height: 50px;
	width: 200px;
	background: var(--primary-color);
	box-shadow: 1px 2px 4px #555;  
	color: #fff !important;
	text-align: center;
	align-content: center;
	font-size: 12pt;
	margin-top: 0;
}

.link-button-graph{
	position: absolute;
	right:0;
	top:10px;
	width:100px;
	height:30px;
}

a.link-button-graph:hover{
	background-color: var(--primary-color) !important;
}

a.read-more-button-dark {
	text-decoration:none;
}

.dropshadow {
  box-shadow: 1px 1px 3px #555;
}


  .card-group-element-columns-2,.card-group-element-columns-3 {
    --cardgroup-columns: 1;
  }
  
  
.carousel-item-layout-primary {
	color: var(--secondary-color);
}	

.footer a:hover {
	color: #fff;
}

.footer-copy, .footer-copy a {
  color: var(--secondary-color);
}

@media(max-width: 1199px) {
	.card-group-element-columns-3 .card-layout-1 .card-img-top img {
	  height: 100px;
	  width: 177px;
	  
	}	
	.card-img-top img {
		height: 150px;
		width:265.5px;
	}
.read-more-button-light {
	#height: 70px;
}	
.card-layout-1.card-group-element-item .card {
	}
	
}

@media(max-width: 992px) {
	.card-group-element-columns-3 .card-layout-1 .card-img-top img {
	  max-height: 70px;
	}
		.card-layout-1 .card-img-top, .card-img-top img {
		max-height: 100px;
	}
}

@media(min-width: 1399px) {
.card-group-element-columns-3 .card,.card-group-element-columns-3 .card-border-container{
	max-width:400px;
}

.card-group-element-columns-2 .card,.card-group-element-columns-2 .card-border-container{
	max-width:550px;
}


.card-layout-1 .card {
		
	}
	
}

@media (min-width: 768px) {
	.card-group-element-columns-2,.card-group-element-columns-3  {
		--cardgroup-columns: 2;
	}
	 
	.card-group-element-columns-3 .card,.card-group-element-columns-3 .card-border-container {
		max-width:350px;
	}
}

@media (min-width: 992px) {
  .card-group-element-columns-3 {
    --cardgroup-columns: 3;
  }
}

@media (min-width: 1200px){
	.card-group-element-columns-2{
		max-width: 1000px;
		margin: auto;
	}
	.card-group-element-columns-3{
		max-width: 1100px;
		margin: auto;
	}
}