/*featured communities*/

section.featured-communities-area {
  position: relative;
  padding: 125px 0;
}

section.ip-featured-communities-area {
  position: relative;
  padding: 50px 0;
}

.fc-list {
  padding: 4px;
  position: relative;
}

.fc-list a {
  display: block;
  position: relative;
}

.fc-photo {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

.fc-photo canvas {
  display: block;
  width: 100%;
  background: #c1b283;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.fc-list a:hover .fc-photo canvas {
  opacity: .9;
}

.fc-label {
  font-family: var(--primary-font);
  font-weight: 600;
  color: #fff;
  font-size: 27px;
  text-transform: uppercase;
  font-weight: 300;
}

.fc-label span {
  font-weight: 600;
}

.fc-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.fc-holder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -110px;
  font-size: 0;
}

.ip-featured-communities-area .fc-holder {
  margin: 0 auto !important;
}

.fc-col1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 49%;
}

.fc-col1 .fc-list {
  width: 50%;
}

.fc-col1 .fc-list:first-child {
  width: 100%;
}

.fc-col2 {
  width: 26.5%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.fc-col2 .fc-list a,
.fc-col2 .fc-photo,
.fc-col2 .fc-photo canvas {
  height: 100%
}

.fc-col3 {
  width: 24.5%;
}

.fc-list.fc-title {
  position: relative;
}

.fc-title {
  font-size: 27px;
  text-transform: uppercase;
  font-weight: 300;
  font-family: var(--primary-font);
  color: var(--secondary-color);
  line-height: 1.15;
  position: relative;
  text-align: center;
}

.fc-title span {
  display: block;
  font-weight: 600;
}

.fc-title-inner {
  position: absolute;
  top: 0;
  left: 0;
  padding: 4px;
  width: 100%;
  height: 100%;
}

.fc-title-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: solid 1px #ded1c1;
  height: 100%;
}

.fc-col3 .fc-list {
  height: calc(100% / 3);
}




/*******************************************************
 *
 * Mobile styles and other media queries
 *
 *******************************************************/

@media only screen and (max-width: 1366px) {

    .fc-holder {
        margin: 0 -18px;
    }

}
 
/* iPad(landscape) | iPad(landscape) | Galaxy Tab 4 (landscape) | Galaxy Tab 3 (landscape) */ 
@media only screen and (max-width: 1199px) {
    
    .fc-label {
        font-size: 20px;
    }

    .fc-title {
        font-size: 22px;
    }

} 

/* iPad(portrait) | Galaxy Tab 4(portrait)  */ 
@media only screen and (max-width: 991px) {
    

    section.featured-communities-area {
        padding: 60px 0;
    }

    .fc-holder {
        margin: 0 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 500px;
        margin: 0 auto;
    }

    .fc-col1,
    .fc-col2{
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .fc-col1 .fc-list,
    .fc-col3 .fc-list,
    .fc-col3 {
        width: 100%;
    }

    .fc-col3 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .fc-col3 .fc-list {
        height: auto;
    }

    .fc-list.fc-title-holder .fc-photo {
        display: none;
    }

    .fc-title-inner {
        position: relative;
    }

    .fc-title-content {
        padding: 30px 15px;
    }

    .fc-photo canvas {
        height: 250px !important;
    }

    .fc-label {
        font-size: 24px;
    }

} 

/* Galaxy Tab 3(portrait) | Galaxy S5(landscape) */ 
@media only screen and (max-width: 767px) {
   
}

/* Galaxy S5(portrait) | iPod Touch(landscape) | iPod Touch(portrait) */ 
@media only screen and (max-width: 480px) {
   
    /** End of IHF Common Issues Fixes */
}
