/**************************/
/* Css styles for shortcodes */
/**************************/

/* Gray Highlight block css */

.gray-highlight {
  background-color: #f1f1f1;
  padding: 2rem 2rem 2rem 2rem;
  margin-bottom: 15px;
  clear: both;
}

.gray-highlight ul {
  list-style: none;
}

/* Call out CSS */

.callout{
  height: 0.25rem; 
  clear: both;
}

/* Blockquote */
.yellowBlockQuote {
  padding-left: 20px;
  position: relative;
  margin-bottom: 15px;
  clear: both;
}
.yellowBlockQuote:before {
  content: "";
  position: absolute;
  top: 0;
  left: auto;
  width: 2px;
  height: 100%;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  margin-left: -20px;
}

.wiche-bq {
  padding: 2.2rem 2.5rem;
  margin-bottom: 1rem;
}
.wiche-bq blockquote {
  position: relative;
  margin: 0;
  padding: .5rem;
}

.wiche-bq blockquote p {
  padding: 3rem 2rem;
  font-size: 1.2rem;
}

.wiche-bq blockquote:before,
.wiche-bq blockquote:after {
  position: absolute;
  color: var(--wiche-dblue);
  font-size: 7rem;
}

.wiche-bq blockquote:before {
  content: '“';
  left: 0rem;
  top: -3rem;
  font-size: 8rem;
  font-weight: 600;
}

.wiche-bq blockquote:after {
  content: '”';
  right: 0rem;
  bottom: -4rem;
  font-size: 8rem;
  font-weight: 600;
}

.wiche-bq cite {
  text-align: left;
  font-size: 1.2rem;
  font-style: normal;
  color: #0A3A5F;
  text-transform: uppercase;
}

.nbq-yellow {
  background: var(--wiche-yellow);
  border: 1px solid var(--wiche-yellow);
}

.nbq-lblue, .nbq-lblue-wimg {
  background: var(--wiche-lblue);
  border: 1px solid var(--wiche-lblue);
}

.nbq-lblue blockquote p , .nbq-lblue-wimg p{
  color: #FFF;
}

.nbq-lblue blockquote:before,
.nbq-lblue blockquote:after,
.nbq-lblue-wimg blockquote:before,
.nbq-lblue-wimg blockquote:after{
  color: #0A3A5F;
}

.nbq-lblue cite, .nbq-lblue-wimg cite {
  color: #0A3A5F;
}


.nbq-lblue-wimg img {
  margin: 2rem 3rem 2rem 0;
  text-align: center;
}

.nbq-dblue, .nbq-dblue-wimg {
  background: #0A3A5F;
  border: 1px solid #0A3A5F;
}

.nbq-dblue blockquote p , .nbq-dblue-wimg p{
  color: #FFF;
}

.nbq-dblue blockquote:before,
.nbq-dblue blockquote:after,
.nbq-dblue-wimg blockquote:before,
.nbq-dblue-wimg blockquote:after{
  color: var(--wiche-lblue);
}

.nbq-dblue cite, .nbq-dblue-wimg cite {
  color: var(--wiche-lblue);
}


.nbq-dblue-wimg img {
  margin: 2rem 3rem 2rem 0;
  text-align: center;
}

@media screen and (min-width: 984px){
  .nbq-lblue-wimg {
    display: flex;
  }
  .nbq-lblue-wimg figure {
    flex: 1;
    -ms-flex-positive: 0;
    max-width: 290px;
  }
  .nbq-lblue-wimg figure img {
    height: auto;
    max-width: 250px;
    margin: 2rem 3rem 2rem 0;
  }
  .nbq-lblue-wimg blockquote {
    flex: 1;
    flex-grow: 1;
  }

  .nbq-dblue-wimg {
    display: flex;
  }
  .nbq-dblue-wimg figure {
    flex: 1;
    max-width: 290px;
  }
  .nbq-dblue-wimg figure img {
    height: auto;
    max-width: 250px;
    margin: 2rem 3rem 2rem 0;
  }
  .nbq-dblue-wimg blockquote {
    flex: 1;
    flex-grow: 1;
  }
}

@media screen and (max-width: 983px){
  .nbq-dblue-wimg img, .nbq-lblue-wimg img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 55%;
  }
}

/* Media & Text */
.mediatext-container {
  margin: 0;
  padding: 0;
  margin-bottom: 2rem;
}
.mediatext-container .text-wrapper {
  margin: 2rem 0;
}
.mediatext-container .media-wrapper {
  background: var(--wiche-dblue);
  display: flex;
  align-items: center;
  align-items: flex-start;
}
.mediatext-container .media-wrapper figure {
  max-width: 250px;
  margin: 0 0 0 2rem;
}
.mediatext-container .media-wrapper figure img{
  box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15);
}
.mediatext-container .media-wrapper span {
  margin: 15px 15px 15px 0; 
  display: flex;
  flex-direction: column;
  align-items: center;
  align-items: flex-start;
}

.mediatext-container .media-wrapper a.media-link {
  text-decoration: none;
  color: #FFF;
  max-width: 120px;
  word-wrap: break-word;
  line-height: 1.2;
}

.mediatext-container .media-wrapper a.media-link .download-icon {
  font-size: 120px;
  color: var(--wiche-yellow); 
}
@media screen and (min-width: 984px){
  .mediatext-container {
    display: flex;
    margin-bottom: 2rem;
  }
  .mediatext-container .media-wrapper figure {
    flex: 1;
    max-width: 250px;
    margin: 0 0 0 2rem;
  }
  .mediatext-container .media-wrapper figure img {
    height: auto;
    max-width: 230px;
    margin: 2rem 3rem 2rem 0;
  }
  .mediatext-container .text-wrapper {
    flex: 1;
    flex-grow: 1;
  }
  .mediatext-container > .media-wrapper + .text-wrapper,
  .mediatext-container > .text-wrapper + .media-wrapper,
  .mediatext-container > figure + .text-wrapper,
  .mediatext-container > .text-wrapper + figure  {
    margin-left:2rem;
  }
}

@media screen and (max-width: 983px){
  .mediatext-container .media-wrapper figure {
    max-width: inherit;
    margin: 2rem;
  }
  .mediatext-container .media-wrapper figure img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 55%;
  }
}


/* Tip */
.tip-container {
  background: var(--wiche-yellow);
  border: 1px solid var(--wiche-yellow);
  padding: 2.2rem 2.5rem;
  margin-bottom: 1rem;
}

.tbg-yellow {
  background: var(--wiche-yellow);
  border: 1px solid var(--wiche-yellow);
}
.tbg-dblue {
  background: var(--wiche-dblue);
  border: 1px solid var(--wiche-dblue);
  color: #FFF;
}
.tbg-lblue {
  background: var(--wiche-lblue);
  border: 1px solid var(--wiche-lblue);
  color: #FFF;
}

/* Wiche MAP */
.map-container {
  margin: 2rem 0;
  padding: 0;
  align-items: flex-start;
  flex-direction: row;
  display: flex;
  margin-bottom: 2rem;
  align-items: flex-start;
}
.map-container .left-map {
  order:0;
}
.map-container .right-map {
  order:1;
}
.new-map-tooltip {
  position: fixed;
  max-width: 300px;
  padding: 0rem;
  border: 1px solid #ccc;
  border-radius: 5px;
  z-index: 1;
  background: #fff;
  display: none;
  text-align: left;
  padding: 1rem;
  padding-right: 3rem;
}
.new-map-tooltip .map-link a {
  text-decoration: underline;
}
.new-map-tooltip span.map-tip-close {
  position: absolute;
  top: 0.3rem;
  right: 0.3rem;
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.new-map-tooltip span.map-tip-close i.fa-thin.fa-xmark {
  font-size: 22px;
}

/* SVG Style */
.map-container g text {text-transform: uppercase;font-family: "Open Sans", serif;}
.map-container g[data-pin] {cursor: pointer;}
.st0{display:none;}
.st1{display:inline;}
.st2{opacity:0.25;}
.st3{fill-rule:evenodd;clip-rule:evenodd;fill:#7B868C;stroke:#7B868C;stroke-width:0.5;}

  .st4{fill-rule:evenodd;clip-rule:evenodd;fill:#7B868C;stroke:#7B868C;stroke-width:0.5;stroke-linejoin:bevel;stroke-miterlimit:2.6131;}
.st5{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;stroke:#FFFFFF;stroke-width:0.5;}

  .st6{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;stroke:#FFFFFF;stroke-width:0.5;stroke-linejoin:bevel;stroke-miterlimit:2.6131;}
.st7{fill-rule:evenodd;clip-rule:evenodd;fill:#7B868C;}
.st8{fill:none;stroke:#7B868C;stroke-width:0.5;stroke-miterlimit:2.6131;}
.st9{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
.st10{fill:none;stroke:#FFFFFF;stroke-width:0.5;stroke-miterlimit:2.6131;}
.st11{fill-rule:evenodd;clip-rule:evenodd;fill:#7B868C;stroke:#7B868C;stroke-width:0.5;stroke-miterlimit:2.6131;}
.st12{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;stroke:#FFFFFF;stroke-width:0.5;stroke-miterlimit:2.6131;}
.st13{fill:#7B868C;stroke:#7B868C;stroke-width:0.5;}
.st14{fill:#FFFFFF;stroke:#FFFFFF;stroke-width:0.5;}
.st15{fill:#7B868C;}
.st16{fill:#FFFFFF;}
.st17{fill-rule:evenodd;clip-rule:evenodd;fill:#7B868C;stroke:#7B868C;stroke-width:0.5623;}

  .st18{fill-rule:evenodd;clip-rule:evenodd;fill:#7B868C;stroke:#7B868C;stroke-width:0.5623;stroke-linejoin:bevel;stroke-miterlimit:2.6131;}
.st19{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;stroke:#FFFFFF;stroke-width:0.5623;}

  .st20{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;stroke:#FFFFFF;stroke-width:0.5623;stroke-linejoin:bevel;stroke-miterlimit:2.6131;}
.st21{fill-rule:evenodd;clip-rule:evenodd;fill:#005DA6;stroke:#FFFFFF;stroke-width:0.5623;}

  .st22{fill-rule:evenodd;clip-rule:evenodd;fill:#005DA6;stroke:#FFFFFF;stroke-width:0.5623;stroke-linejoin:bevel;stroke-miterlimit:2.6131;}
.st23{font-family:'OpenSans-Regular';}
.st24{font-size:15.96px;}
.st25{fill-rule:evenodd;clip-rule:evenodd;fill:#005DA6;stroke:#FFFFFF;stroke-width:0.5;}
.st26{fill:none;stroke:#B4B8BC;stroke-width:0.5;}
.st27{fill:none;stroke:#7B868C;stroke-width:0.6084;stroke-miterlimit:2.6131;}
.st28{fill:none;stroke:#FFFFFF;stroke-width:0.6084;stroke-miterlimit:2.6131;}
.st29{fill-rule:evenodd;clip-rule:evenodd;fill:#7B868C;stroke:#7B868C;stroke-width:0.6084;stroke-miterlimit:2.6131;}
.st30{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;stroke:#FFFFFF;stroke-width:0.6084;stroke-miterlimit:2.6131;}
.st31{fill-rule:evenodd;clip-rule:evenodd;fill:#005DA6;stroke:#FFFFFF;stroke-width:0.6084;stroke-miterlimit:2.6131;}
.st32{fill:#005DA6;}
.st33{fill:none;stroke:#B4B8BC;stroke-width:0.25;}
.st34{fill-rule:evenodd;clip-rule:evenodd;fill:#7B868C;stroke:#7B868C;stroke-width:0.686;}
.st35{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;stroke:#FFFFFF;stroke-width:0.686;}
.st36{fill-rule:evenodd;clip-rule:evenodd;fill:#005DA6;stroke:#FFFFFF;stroke-width:0.686;}
.st37{fill:#F6BD17;}
.pin-2 { fill: #7a848b; }
.st38{fill:#A9872F;}

@media screen and (min-width: 984px){
  .map-container .right-map {
    flex: 1;
    order:1;
  }
  .map-container .left-map {
    flex: 1;
    flex-grow: 1;
    order: 0;
  }
}
@media screen and (max-width: 983px){
  .map-container {
    flex-direction: column;
  }
  .map-container .right-map {
    order:0;
    margin: 1rem 0;
    width: 100%;
  }
  .map-container .left-map {
    order: 1;
    margin: 1rem 0;
    width: 100%;
  }
}