/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/

@charset "utf-8";

/* layout */
.bgFull {
  margin-top: 5rem;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  background-color: #fffae1;
  padding: 3rem 0;
}
.bgFull h2 {
  text-align: center;
  margin: 0;
}
.bgFull h2::before {
  display: none;
}

.color-blue .bgFull,
.color-yellow .bgFull,
.color-black .bgFull {
  background: inherit;
}


/* headline */
.content h2._noborder::before {
  content: none;
}


/* cardList */
.cardList {
	margin: 20px auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
	grid-row-gap: 30px;
}
.cardList-3col{
	column-gap: 3rem;
}
.cardList a {
	display: block;
	height: 100%;
	text-decoration: none;
	color: #000;
}
.cardList a:hover {
	opacity: 1;
	color: #165fad;
}
.cardList a:hover img {
	-webkit-transform:scale(1.1);
	    -ms-transform:scale(1.1);
	        transform:scale(1.1);
	opacity: 1;
}
.cardList dl {
	margin: 0;
  width: calc( (100% - 6rem ) / 2);
  margin-right: 3rem;
}
.cardList-3col dl {
  width: calc( (100% - 6rem ) / 3);
  margin-right: 0;
}
/*.cardList dl:nth-child(3n) {
  margin-right: 0;
}*/
.cardList--title {
	font-weight: bold;
	font-size: 1.4rem;
	border-top: 2px solid #FFDE00;
	padding: 1rem 0 1rem 1.8rem;
	position: relative;
}
.cardList--title::before,
.cardList--title::after {
	position: absolute;
	content: '';
}
.cardList--title::before {
	width: 20px;
	height: 20px;
	left: 0;
	top: 20px;
	border-radius: 50%;
	background: #FFDE00;
}
.cardList--title::after {
	left: 5px;
	width: 5px;
	height: 5px;
	top: 26px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	    transform: rotate(45deg);
}
.cardList--img {
	height: 230px;
	overflow: hidden;
}
.cardList--img img {
	width: 100%;
	height: auto;
}
.cardList--txt {
	padding: 0 0 2rem;
	font-size: 0.9rem;
}


/* cms */
[class^="column-gf-file-"] a[href$='pdf'],
[class^="column-gf-file-"] a[href$='doc'],
[class^="column-gf-file-"] a[href$='docx'],
[class^="column-gf-file-"] a[href$='xls'],
[class^="column-gf-file-"] a[href$='xlsx'],
p.btnBorder a {
  display: block;
  border: 2px solid #000;
  text-decoration: none;
  color: #000;
  text-align: center;
  padding: 0.5rem;
  background-position: 98%;
}
[class^="column-gf-file-"] a[href$='pdf']:hover,
[class^="column-gf-file-"] a[href$='doc']:hover,
[class^="column-gf-file-"] a[href$='docx']:hover,
[class^="column-gf-file-"] a[href$='xls']:hover,
[class^="column-gf-file-"] a[href$='xlsx']:hover,
p.btnBorder a:hover {
  background-color: #000;
  color: #fff;
  opacity: 1;
}

.color-blue [class^="column-gf-file-"] a[href$='pdf'],
.color-blue [class^="column-gf-file-"] a[href$='doc'],
.color-blue [class^="column-gf-file-"] a[href$='docx'],
.color-blue [class^="column-gf-file-"] a[href$='xls'],
.color-blue [class^="column-gf-file-"] a[href$='xlsx'],
.color-blue p.btnBorder a {
  border-color: #fbec02;
}
.color-yellow [class^="column-gf-file-"] a[href$='pdf']:hover,
.color-yellow [class^="column-gf-file-"] a[href$='doc']:hover,
.color-yellow [class^="column-gf-file-"] a[href$='docx']:hover,
.color-yellow [class^="column-gf-file-"] a[href$='xls']:hover,
.color-yellow [class^="column-gf-file-"] a[href$='xlsx']:hover,
.color-yellow p.btnBorder a:hover {
  background: #000;
  color: #fff !important;
}
.color-black [class^="column-gf-file-"] a[href$='pdf'],
.color-black [class^="column-gf-file-"] a[href$='doc'],
.color-black [class^="column-gf-file-"] a[href$='docx'],
.color-black [class^="column-gf-file-"] a[href$='xls'],
.color-black [class^="column-gf-file-"] a[href$='xlsx'],
.color-black p.btnBorder a  {
  border-color: #fff;
}


[class*=column-eximage] .caption, [class*=column-image] .caption, [class*=column-media] .caption {
  text-align: center;
  font-size: 0.8rem;
  color: #999;
}


/* local nav */
.localNav {
  margin-top: 5rem;
}
.localNav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.localNav li {
  width: 100%;
  text-align: center;
  border-right: 1px solid #fff;
}
.localNav a {
  display: block;
  background: #fff7be;
  color: #000;
  text-decoration: none;
  padding: 1rem;
}
.localNav a:hover {
  background: #ffde00;
  opacity: 1;
}


/* sitemap */
.sitemap.index-list a {
	font-weight: bold;
}
.sitemap .index-list-child a {
  font-weight: normal;
}
.sitemap .cat-21,
.sitemap .cat-2,
.sitemap .cat-11 .index-list-child {
	display: none;
}


/* cta */
.cta {
  border: 2px solid #ffde00;
  margin: 2rem 10px 0;
  padding: 2rem;
}
.cta h2 {
  margin-top: 0;
  font-size: 1.3rem;
  text-align: center;
}
.cta h2::before {
  width: 100%;
  height: 2px;
}
.ctaWrap {
  display: flex;
  justify-content: space-around;
}
.ctaWrap dl {
  width: 100%;
  text-align: center;
  margin: 1rem 0 0;
}
.ctaWrap dl dd {
  font-size: 1.5rem;
}


@media (max-width: 768px) {
  .bgFull {
    padding: 3rem 2rem;
  }
  .bgFull h2 {
    font-size: 1.5rem;
  }

  /* caedList */
  .cardList dl {
    width: 100%/*calc(50% - 0.5rem)*/;
    margin: 0;
  }
  /*.cardList dl:nth-child(odd){
    margin-right: 0.5rem;
  }
  .cardList dl:nth-child(even) {
    margin-left: 0.5rem;
  }*/
  .cardList--img {
    height: auto;
  }

  /* cta */
  .ctaWrap {
    display: block;
  }
  .ctaWrap dl {
    margin-bottom: 1rem;
  }
  .ctaWrap dl:last-child {
    margin-bottom: 0;
  }
}