#block-views-block-events-block-1,
#block-views-block-events-block-7,
#block-views-block-events-block-8 {
	width: 100%;
	margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: cover;
    flex-direction: column;
}
.universal-fc-grid-block{
  display:block!important;
}
#block-views-block-events-block-1{
	max-width: 1110px;
	height:280px;
	padding-top:6rem;
	padding-bottom:15rem;
}
#block-views-block-events-block-1 .swiper-pagination {
  display: none;
} 
a.type-list-read-more-link:hover #text{
	padding-left:15px;
}

#block-views-block-events-block-7,
#block-views-block-events-block-8{
	height:480px;
	margin-top: 100px;
	margin-bottom:238px;
}

#block-views-block-events-block-1 .view-header,
#block-views-block-events-block-7 .view-header,
#block-views-block-events-block-8 .view-header {
    font-size: 50px;
    font-weight: 600;
    color: #221000;
}
#block-views-block-events-block-1 img.image-style-events-most-popular,
#block-views-block-events-block-7 img.image-style-events-most-popular,
#block-views-block-events-block-8 img.image-style-events-most-popular{
	width: 180px;
	height: 242px;
  object-fit: cover;
  object-position: center;
}
#block-views-block-events-block-1 .view-header .view-content.row,
#block-views-block-events-block-7 .view-header .view-content.row,
#block-views-block-events-block-8 .view-header .view-content.row
 {
    margin-top: 20px;
}
#block-views-block-events-block-1 .view-header .view-content.row .views-row .views-col,
#block-views-block-events-block-7 .view-header .view-content.row .views-row .views-col,
#block-views-block-events-block-8 .view-header .view-content.row .views-row .views-col{
	height: 175px;
}
#block-views-block-events-block-1 .view-header .view-content.row .views-row p,
#block-views-block-events-block-7 .view-header .view-content.row .views-row p,
#block-views-block-events-block-8 .view-header .view-content.row .views-row p {
    margin-bottom: 0px;
}
#block-views-block-events-block-1 .view-header .view-content.row .views-row a,
#block-views-block-events-block-7 .view-header .view-content.row .views-row a,
#block-views-block-events-block-8 .view-header .view-content.row .views-row a {
    display: block;
    text-decoration: none;
    cursor: pointer;
    color: #221000;
}
#block-views-block-events-block-1 .view-header .view-content.row .views-row a:first-of-type,
#block-views-block-events-block-7 .view-header .view-content.row .views-row a:first-of-type,
#block-views-block-events-block-8 .view-header .view-content.row .views-row a:first-of-type {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 10px;
}
#block-views-block-events-block-1 .view-header .view-content.row .views-row a:not(:first-of-type),
#block-views-block-events-block-7 .view-header .view-content.row .views-row a:not(:first-of-type),
#block-views-block-events-block-8 .view-header .view-content.row .views-row a:not(:first-of-type) {
    font-size: 20px;
    font-weight: 300;
}
#block-views-block-events-block-1 .view-header .view-content.row .views-row &.col-1,
#block-views-block-events-block-7 .view-header .view-content.row .views-row &.col-1,
#block-views-block-events-block-8 .view-header .view-content.row .views-row &.col-1 {
    padding-right: 45px;
}
#block-views-block-events-block-1 .view-header .view-content.row .views-row &.col-2,
#block-views-block-events-block-7 .view-header .view-content.row .views-row &.col-2,
#block-views-block-events-block-8 .view-header .view-content.row .views-row &.col-2 {
    padding-left: 45px;
    padding-right: 45px;
    border-left: 1px solid #b58150;
}
#block-views-block-events-block-1 .view-header .view-content.row .views-row &.col-3,
#block-views-block-events-block-7 .view-header .view-content.row .views-row &.col-3,
#block-views-block-events-block-8 .view-header .view-content.row .views-row &.col-3 {
    padding-left: 45px;
    padding-right: 45px;
    border-left: 1px solid #b58150;
}

#block-views-block-events-block-1 .view-header,
#block-views-block-events-block-7 .view-header,
#block-views-block-events-block-8 .view-header {
    display: none;
}
#block-views-block-events-block-1 .content,
#block-views-block-events-block-7 .content,
#block-views-block-events-block-8 .content {
    max-width: 1140px;
    width: 100%;
}
#block-views-block-events-block-1 .most-popular-header,
#block-views-block-events-block-7 .most-popular-header,
#block-views-block-events-block-8 .most-popular-header {
    max-width: 1140px;
    width: 100%;
    margin-bottom: 30px;
    display: flex;
}
#block-views-block-events-block-1 h2,
#block-views-block-events-block-7 h2,
#block-views-block-events-block-8 h2 {
    color: #01344B;
    font-size: 32px;
    font-weight: 700;
}
#block-views-block-events-block-1 .header-btn-container,
#block-views-block-events-block-7 .header-btn-container,
#block-views-block-events-block-8 .header-btn-container {
    width: 100px;
    height: auto;
    display: flex;
    justify-content: space-between;
    grid-column-gap: 15px;
    top: 20.5rem;
	left: 48rem;
}
.swiper-button-prev.swiper-button-disabled{
  opacity:.5!important;
}
.swiper-button-next.swiper-button-disabled {
  opacity:.5!important;
}

#block-views-block-events-block-1 div,
#block-views-block-events-block-7 div,
block-views-block-events-block-8 div {
    position: relative;
}
#block-views-block-events-block-1 div:after,
#block-views-block-events-block-1 div:before,
#block-views-block-events-block-7 div:after,
#block-views-block-events-block-7 div:before,
#block-views-block-events-block-8 div:after,
#block-views-block-events-block-8 div:before {
    content: "";
}
#block-views-block-events-block-1 .swiper-most-popular,
#block-views-block-events-block-7 .swiper-most-popular,
#block-views-block-events-block-8 .swiper-most-popular {
    max-width: 1110px;
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 17rem;
}
#block-views-block-events-block-1 .swiper-button-prev {
                width: 48px;
                height: 48px;
                display: inline-flex;
                position: relative;
                left: unset;
                right: unset;
}
#block-views-block-events-block-1 .swiper-button-prev path:not([fill-rule="evenodd"]) {
                  transition: 0.3s fill ease-in-out;
                  fill: #ccd6db;
                }
 #block-views-block-events-block-1 .swiper-button-prev path[fill-rule="evenodd"] {
                  fill: #01344b;
                
              }
        #block-views-block-events-block-1 .swiper-button-next {
                width: 48px;
                height: 48px;
                display: inline-flex;
                position: relative;
                left: unset;
                right: unset;
}
        #block-views-block-events-block-1 .swiper-button-next path:not([fill-rule="evenodd"]) {
                  transition: 0.3s fill ease-in-out;
                  fill: #ccd6db;
                }
                #block-views-block-events-block-1 .swiper-button-next path[fill-rule="evenodd"] {
                  fill: #01344b;
                }
              
         
             #block-views-block-events-block-1 .swiper-button-prev:hover path:not([fill-rule="evenodd"]) {
                  fill: #99aeb7;
                }
              
              #block-views-block-events-block-1 .swiper-button-prev:active path:not([fill-rule="evenodd"]) {
                  fill:#678593;
                }
              

            #block-views-block-events-block-1 .swiper-button-next:hover path:not([fill-rule="evenodd"]) {
                  fill: #99aeb7;
                }
              
             #block-views-block-events-block-1 .swiper-button-next:active path:not([fill-rule="evenodd"]) {
                  fill: #678593;
                }
             

#block-views-block-events-block-1 .swiper-slide,
#block-views-block-events-block-7 .swiper-slide,
#block-views-block-events-block-8 .swiper-slide {
    width: 486px !important;
}
#block-views-block-events-block-1 .views-row,
#block-views-block-events-block-7 .views-row,
#block-views-block-events-block-8 .views-row {
    overflow: hidden;
	height: 242px;
	background: #fff;
	box-shadow: 0px 0px 10px rgba(0, 0.15, 0.15, 0.15);
}
#block-views-block-events-block-1 .views-row{
	 width: 486px!important;
}
#block-views-block-events-block-7 .views-row,
#block-views-block-events-block-8 .views-row{
	width:350px!important;
}
#block-views-block-events-block-1 .views-row,
#block-views-block-events-block-7 .views-row,
#block-views-block-events-block-8 .views-row  {
    position: relative;
}
#block-views-block-events-block-1 .views-field-title,
#block-views-block-events-block-7 .views-field-title,
#block-views-block-events-block-8 .views-field-title {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 160px;
    text-align: left;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	color: #161616;
}
#block-views-block-events-block-1 .views-field-title{
	padding-left: 12.5rem;
}
#block-views-block-events-block-7 .views-field-title,
#block-views-block-events-block-8 .views-field-title{
	padding-left:1rem;
}
#block-views-block-events-block-1 .views-field-title a,
#block-views-block-events-block-7 .views-field-title a,
#block-views-block-events-block-8 .views-field-title a{
	text-decoration:none!important;
}
#block-views-block-events-block-1 .field-content,
#block-views-block-events-block-7 .field-content,
#block-views-block-events-block-8 .field-content {
    width: 100%;
    height: 100%;
}
#block-views-block-events-block-1 a,
#block-views-block-events-block-7 a,
#block-views-block-events-block-8 a {
	height: 24px;
	left: 0px;
	top: 48px;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	color: #161616;
	display: flex;
}
#block-views-block-events-block-7 a#hmfeb-events-button {
	font-weight: 700 !important;
	font-size: 24px !important;
	padding: 16px 17px !important;
}
#block-views-block-events-block-1 a{
	width: 274px;
}

#block-views-block-events-block-1 .views-field-field-image img,
#block-views-block-events-block-1 .views-field.views-field-field-header-image img{
width: 180px;
height: 242px;
object-fit: cover;
}

#block-views-block-events-block-1 a.type-list-read-more-link,
#block-views-block-events-block-7 a.type-list-read-more-link,
#block-views-block-events-block-8 a.type-list-read-more-link {
	position: relative;
	text-decoration:none!important;
	background-image: url("/themes/custom/whitefaceregion/images/events/learn-more-arrow.svg");
	background-repeat: no-repeat;
	background-position: 9rem center;
	justify-content: left;
	font-family: 'Baskerville';
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
}
#block-views-block-events-block-1 a.type-list-read-more-link{
	top: 127px!important;
}

#block-views-block-events-block-7 a.type-list-read-more-link,
#block-views-block-events-block-8 a.type-list-read-more-link {
	top:150px!important;
}

#block-views-block-events-block-1 a.type-list-read-more-link{
	left:12.5rem!important;
	transition: all .3s ease-in-out;
}
#block-views-block-events-block-1 a.type-list-read-more-link:hover{
	background-position: 9.5rem center!important;
}
#block-views-block-events-block-7 a.type-list-read-more-link,
#block-views-block-events-block-8 a.type-list-read-more-link {
	left:1rem;
}




#block-views-block-events-block-1 .most-popular-header h2,
#block-views-block-events-block-7 .most-popular-header h2,
#block-views-block-events-block-8 .most-popular-header h2{
	top:1.5rem;
	position: relative;
}

#block-views-block-events-block-1 .views-field.views-field-field-dates,
#block-views-block-events-block-7 .views-field.views-field-field-dates,
#block-views-block-events-block-8 .views-field.views-field-field-dates{
	background-image: url("/themes/custom/whitefaceregion/images/events/pop-event-cal.svg");
	background-repeat: no-repeat;
	text-indent: 2rem;
	padding-bottom: 3px;
	padding-top: 2px;
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;	
	color: #B33E2B;
}

#block-views-block-events-block-1 .views-field.views-field-field-dates{
	top:20px;
}

#block-views-block-events-block-7 .views-field.views-field-field-dates,
#block-views-block-events-block-8 .views-field.views-field-field-dates{
	top:45px;
}

#block-views-block-events-block-1 .views-field.views-field-field-dates{
	left:12.5rem;
	position: relative;
}

#block-views-block-events-block-7 .views-field.views-field-field-dates,
#block-views-block-events-block-8 .views-field.views-field-field-dates{
	left:1rem;
	position: relative;
}
.views-field.views-field-field-adkdata-guid{
	z-index:-1;
	position: relative;
}
#block-views-block-events-block-7 .view-content.row,
#block-views-block-events-block-8 .view-content.row{
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 0px;
gap: 30px;
top:13.8rem;
left:-14px;
position: relative;
}
 
@media (max-width: 1240px) {
#block-views-block-events-block-1,
#block-views-block-events-block-7,
#block-views-block-events-block-8 {
    padding-left: 25px;
    padding-right: 25px;
  }
  #block-views-block-events-block-1 .swiper-pagination {
   display: block;
    position: absolute;
    width: fit-content;
    right: 56px;
    top: unset;
    left: unset;
    color: rgba(1, 52, 75, 1);
      bottom: 18px;
    font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 24px;
    font-family: montserrat, sans-serif;


  } 


#block-views-block-events-block-1 {

    margin-bottom: -52px;
    top: -5rem;
    background: unset !important;
    padding: 0px !important;
    height:unset !important;
    
  }
#block-views-block-events-block-1 .views-field-field-dates {
    left: unset !important;
    top: unset !important;

    margin-top: 16px;

  }
#block-views-block-events-block-1 .views-field-view-node a{
    left: unset !important;
    top: unset !important;
    margin-top: 16px;


  }
#block-views-block-events-block-1 .views-field-field-dates .field-content {
    padding-left: 18px;

  }
  #block-views-block-events-block-1 .views-field-title {
    position: relative;
    padding-left: unset;
    bottom: unset;
    margin-top: 16px;
    height: auto;

  }

  #block-views-block-events-block-1 a.type-list-read-more-link {
    background-position: 12rem center;
  }
  #block-views-block-events-block-1 a.type-list-read-more-link:hover {
    background-position: 12.5rem center !important;
  }
#block-views-block-events-block-1 .views-field-title a{
    height: unset;
    width: 100%;
  }
#block-views-block-events-block-1 .most-popular-header {
    justify-content: start !important;
    margin-bottom: 24px;
  }
#block-views-block-events-block-1 .most-popular-header h2{
    color: rgba(1, 52, 75, 1);

  }
  #block-views-block-events-block-1 .swiper-most-popular {
    height: unset!important;
padding-bottom:82px;
  }
  #block-views-block-events-block-1 .swiper-slide {
    width: 100% !important;
    height: auto;

  }
  #block-views-block-events-block-1 .swiper-button-prev {
height: 60px;
top: unset;
left: unset !important;
    margin-top: 22px;
    position: absolute;

right: 112px !important;
transform: unset !important 
  }
  #block-views-block-events-block-1 .swiper-button-next {
height: 60px;
top: unset;
    position: absolute;

    margin-top: 22px;
left: unset !important;
right: 0px !important;
transform: unset !important
  }
#block-views-block-events-block-1 .most-popular-header {
    display: none;
  }
  #block-views-block-events-block-1 div.swiper-wrapper {
    height: auto;
  }  #block-views-block-events-block-1 .views-row,#block-views-block-events-block-1 .views-field-field-image a,#block-views-block-events-block-1 .views-field-field-image img {
    width: 100% !important;
  }
#block-views-block-events-block-1 .views-row {
    height: 100% !important;
    box-shadow: unset;
  }
#block-views-block-events-block-1 .views-field-field-image a{
    display: block;
    height: unset;
  
}
#block-views-block-events-block-1 .views-field-field-image img {
    height: auto;
    aspect-ratio: 343 / 242;
  }
}

@media (max-width: 960px) {
#block-views-block-events-block-1 .view-header,
#block-views-block-events-block-7 .view-header,
#block-views-block-events-block-8 .view-header {
    font-size: 30px !important;
    text-align: center;
  }
#block-views-block-events-block-1 .views-row,
#block-views-block-events-block-7 .views-row,
#block-views-block-events-block-8 .views-row {
    display: flex;
    flex-direction: column;
  }
#block-views-block-events-block-1 .views-col,
#block-views-block-events-block-7 .views-col,
#block-views-block-events-block-8 .views-col {
    height: unset !important;
    border-bottom: 1px solid #b58150;
    border-left: unset !important;
    padding: 0 !important;
    width: 100% !important;
    margin-top: 22px;
    padding-bottom: 32px !important;
  }
#block-views-block-events-block-1 a:not(:first-of-type),
#block-views-block-events-block-7 a:not(:first-of-type),
#block-views-block-events-block-8 a:not(:first-of-type) {
    font-size: 16px !important;
  }
}

  @media only screen and (max-width: 1024px) and (min-width: 768px) {
    #block-views-block-events-block-1,
    #block-views-block-events-block-7,
    #block-views-block-events-block-8 {
      padding-left: 70px;
      padding-right: 70px;
    }
  }
  @media (max-width: 767px) {
    #block-views-block-events-block-1,
    #block-views-block-events-block-7,
    #block-views-block-events-block-8 {
      background-color: #221000;
      height: 403px;
      width: 100%;
      background-image: unset !important;
      }
      #block-views-block-events-block-1 .swiper-button-prev {
        transform: translate(-50%, 0%);
        left: calc(50% - 165px);
      }
      #block-views-block-events-block-1 .swiper-button-next {
        transform: translate(50%, 0%);
        right: calc(50% - 165px);
      }
     #block-views-block-events-block-1 h2,
     #block-views-block-events-block-7 h2,
     #block-views-block-events-block-8 h2 {
        font-size: 25px !important;
        font-weight: 700;
        color: #fff;
      }
      #block-views-block-events-block-1 .most-popular-header,
      #block-views-block-events-block-7 .most-popular-header,
      #block-views-block-events-block-8 .most-popular-header {
        justify-content: center;
      }
      #block-views-block-events-block-1 .header-btn-container,
      #block-views-block-events-block-7 .header-btn-container,
      #block-views-block-events-block-8 .header-btn-container {
        display: none !important;
      }
      #block-views-block-events-block-1 .swiper-most-popular,
      #block-views-block-events-block-7 .swiper-most-popular,
      #block-views-block-events-block-8 .swiper-most-popular {
        max-width: 100vw;
      }
      #block-views-block-events-block-1 .swiper-most-popular .swiper-button-prev:after {
        content: "";
      }
      #block-views-block-events-block-1 .swiper-most-popular .swiper-button-next::after {
        content: "";
      }
      #block-views-block-events-block-1 .swiper-most-popular .swiper-slide .views-row,
      #block-views-block-events-block-7 .swiper-most-popular .swiper-slide .views-row,
      #block-views-block-events-block-8 .swiper-most-popular .swiper-slide .views-row {
            margin: 0 auto;
      }
      .page-node-5246 .long-text-inline-files-field.field-body.clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item{
        width: auto;
      }
      #block-views-block-events-block-1 .views-field-field-image img, #block-views-block-events-block-1 .views-field.views-field-field-header-image img{
        height:242px;
        width:100%;
      }
      #block-views-block-events-block-1 a {
        width: 100%;
      }
      #block-views-block-events-block-1 .views-field.views-field-field-header-image img{
        width:100%;
      }
      #block-views-block-events-block-1 .views-field-field-dates{
        margin-top:230px;
      }
      #block-views-block-events-block-1 .swiper-slide{
        height:384px;
      }
}
