/* Practice landing page CSS */
.practice-repository-landing-page-template .main-heading-container .content {
  width: 100%;
  display: block;
  background-color: #f4f7fd;
  text-align: center;
  padding: 1.8em 15px;
  margin-bottom: 10px;
  border-radius: 5px;
}
.practice-repository-landing-page-template .main-heading-container h1{
  font-weight: bold;
  text-align: center;
  font-size: 38px;
  line-height: 1;
  margin-bottom: 1.5rem;
}
.practice-repository-landing-page-template .sub-heading-container{
  text-align: center;
  font-size: 24px;
  line-height: 1.3;
}
.practice-repository-landing-page-template .views-slider-block{
	width: 100%;
	display: block;
	background-color: #ffffff;
	text-align: center;
	margin-bottom: 10px;
}
.practice-repository-landing-page-template .two-col-container{
	width: 100%;
	display: block;
	background-color: #f4f7fd;
	text-align: center;
	padding: 10px;
	margin-bottom: 10px;
}
.practice-repository-landing-page-template .two-col-container .cols{
  display: block;
  width: 50%;
  padding: 70px 0;
}
.practice-repository-landing-page-template .cols-heading{
  font-weight: bold;
  text-align: center;
  font-size: 30px;
  margin: 0 auto;
  max-width: 200px;
  padding-bottom: 13px;
  border-bottom: 3px solid #4daae9;
  color: #4d4d4d;
  line-height: 1.2;
}
.practice-repository-landing-page-template .cols-sub-heading{
	margin-top: 40px;
	padding-left: 50px;
	padding-right: 50px;
	margin-bottom: 40px;
}
.practice-repository-landing-page-template .cols-button a {
  font-size: 18px;
  border-radius: 3px;
  padding: 6px 25px;
}
.practice-repository-landing-page-template .fullwidthcontainer{
	width: 100%;
	display: block;
	text-align: center;
	margin-bottom: 50px;
}
.practice-repository-landing-page-template .fullinner {
	width: 100%;
	display: block;	
	text-align: center;
}
.practice-repository-landing-page-template .fullinner .leftimage{
	width: 50%;
	display: block;
}
.practice-repository-landing-page-template .fullinner .rightimage{
	width: 50%;
	display: block;
}
.practice-repository-landing-page-template .fullinner .rightimage img {
  border-radius: 3px;
  box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0px 1px 3px -1px;
}
.practice-repository-landing-page-template .geomapcontainer{
	background-color: #ffffff;
}
.practice-repository-landing-page-template .gcmmapcontainer{
	background-color: #f7f9fb;
	padding-top: 50px;
	padding-bottom: 50px;
  align-items: center;
}

/* Practice Banner overrides */
.view.practice-page-banner {
  padding: 20px 15px;
  box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0px 1px 3px -1px;
  border-radius: 5px;
}
.view.practice-page-banner .banner-title {
  font-size: 22px;
  margin-bottom: 1rem;
}
.view.practice-page-banner .banner-image {
  overflow: hidden;
  border-radius: 5px;
}
.view.practice-page-banner .flexslider {
  overflow: unset;
}
.view.practice-page-banner .flex-control-nav {
  bottom: -60px;
}
.view.practice-page-banner .flex-control-nav li {
  display: inline-block;
  margin: 0 7px;
}
.view.practice-page-banner .flex-control-paging li a {
  width: 15px;
  height: 15px;
}
.view.practice-page-banner .flex-control-paging li a.flex-active {
  background: #5492cd;
}
.view.practice-page-banner #flexslider-banner-items {
  max-height: unset;
}

/* Practice Listing Page Styles */
.view-resources-view .practice-item .item-wrapper {
  box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0px 1px 3px -1px;
  border-radius: 5px;
  border: 1px solid #c9c9c9;
  padding: 15px;
}
.view-resources-view .practice-item .left {
  width: 37%;
}
.view-resources-view .practice-item .right {
  width: 63%;
}
.view-resources-view .practice-item .left img {
  border-radius: 5px;
}
.view-resources-view .practice-item .authored-on {
  display: inline-block;
  border-radius: 5px;
  border: 1px solid #5492cd;
  padding: 5px 8px;
  line-height: 1;
  font-size: 13px;
  font-weight: 500;
}
.view-resources-view .practice-item .authored-on .value {
  color: #6a6a6a;
}
.view-resources-view .practice-item .label {
  font-weight: 500;
  font-size: 14px;
}
.view-resources-view .implementing-orgs .item {
  font-size: 14px;
  display: inline-block;
}
.view-resources-view .implementing-orgs .contents {
  margin-top: 2px;
}
.view-resources-view .implementing-orgs .item:not(:first-child) {
  margin-left: 6px;
}
.view-resources-view .practice-item .short-desc {
  font-size: 15px;
  line-height: 1.4;
  color: #444;
}
.bg-colored-numbers .contents {
  display: flex;
  margin-top: 7px;
}
.bg-colored-numbers .field-number-wrapper {
  margin-right: 6px;
  margin-bottom: 5px;
}
.bg-colored-numbers .item-link {
  line-height: 1;
  display: inline-block;
  padding: 8px 11px;
  border-radius: 5px;
  color: #FFF !important;
  font-weight: 500;
  font-size: 14px;
  background-color: #4d4d4d;
}
.view-resources-view .result-summary {
  margin-bottom: 35px;
  margin-top: 10px;
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  background-color: #f2f2f2;
  padding: 8px 13px;
  border-radius: 3px;
}
.practice-listing-filter-block .form-exposed-filter__col:last-child {
  display: block;
}
.node .practice-repository .field--name-field-practice-images img {
  max-width: 250px;
  margin: 5px;
}


/* Responsive */
@media only screen and (max-width: 767px) { 
  /* PRactice Listing page */
  .view-resources-view .practice-item .practice-image {
    margin-bottom: 15px;
  }
  .view-resources-view .practice-item .left {
    width: 100%;
  }
  .view-resources-view .practice-item .right {
    padding-left: 0 !important;
    width: 100%;
  }

  /* Practice landing page */
  .practice-repository-landing-page-template .two-col-container .cols {
    width: 100%;
  }
}

@media only screen and (max-width: 991px) {
   /* Practice landing page */
  .practice-repository-landing-page-template .fullinner .rightimage,
  .practice-repository-landing-page-template .fullinner .leftimage {
    width: 100%;
  }
  .practice-repository-landing-page-template .fullinner .rightimage {
    margin-top: 30px;
  }
}