/*
  Stylesheet for component 'example'
*/

.smartfire-example-title {
  color: red;
}
.activities-component-bg{

  background: url('/wp-content/themes/201803-monetassocies/components/activities-component/img/bg-monet.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  padding-right: 0px;
  padding-left: 0px;
  transition-duration: 0.6s;
}
.activities-component-wrap{
  text-align: center;
  min-height: 474px !important;
  max-height: 474px !important;
  padding: 0 !important;
  border-right: 1px solid #fff;
}
.activities-component-wrap h4, .activities-component-wrap p{
  color: white;
}
.activities-component-wrap h4{
  margin: 1rem 0 5px 0 !important;
  font-family: 'Josefin Sans';
  font-weight: 400 !important;
}
.activities-component-wrap p{
  font-size: 13px;
  margin: 5px 15px;
  font-family: 'Barlow';
  font-weight: 300;
}
.wraptext{
  width: 100%;
  height: 100%;
  transition-duration: 0.6s;
}
.activities-component-text{
  padding: 0 30px;
  display: none;
}
.wraptext img{
  width: 50px;
  height: 50px;
}
.activities-simple{
  padding-top: 200px;
}
.activities-hover{
  background: #000;
  opacity: 0.8;
  padding-top: 100px;

}

@media screen and (max-width: 1150px) {
  .activities-component-text {
    padding: 0 5px;
  }
}

@media screen and (max-width: 992px) {
  .activities-component-text {
    display: block !important;
  }

  .activities-simple {
    padding-top: 110px;
  }

  .activities-component-wrap {
    background-position: center center;
  }

  .activities-component-wrap-corporate {
    background-image: linear-gradient(0deg, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("/wp-content/uploads/2018/05/corporate.jpg");
  }

  .activities-component-wrap-food {
    background-image: linear-gradient(0deg, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("/wp-content/uploads/2018/05/food.jpg");
  }

  .activities-component-wrap-lifestyle {
    background-image: linear-gradient(0deg, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("/wp-content/uploads/2018/05/lifestyle.jpg");
  }

  .activities-component-wrap-child {
    background-image: linear-gradient(0deg, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("/wp-content/uploads/2018/05/child.jpg");
  }

}