/* add custom site CSS here */

@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css);

.layout .text h3.open:after {
  content:'\f09c';  
  font-family:FontAwesome;
  margin-left:8px;
  font-size:1.25em;
  color:#008a28;
}
.layout .text p.project-open:before {
   content:'\f09c';  
  font-family:FontAwesome;
  margin-right:9px;
  font-size:1.55em;
  color:#008a28; 
}

.layout .text h3.closed:after{
  content:'\f023';  
  font-family:FontAwesome;
  margin-left:8px;
  font-size:1.25em;
  color:#df3603;
}
.layout .text p.project-closed:before {
   content:'\f023';  
  font-family:FontAwesome;
  margin-right:15px;
  font-size:1.65em;
  color:#df3603; 
}

.layout .text h3.completed:after{
  content:'\f057';  
  font-family:FontAwesome;
  margin-left:8px;
  font-size:1.25em;
  color:#006298;
}
.layout .text p.project-completed:before {
    content:'\f057';  
  font-family:FontAwesome;
  margin-right:11px;
  font-size:1.55em;
  color:#006298;
}

@media only screen and (max-width: 1024px) {
    .skirt {
     /*   margin-top:-38px!important; */
    }
}

@media only screen and (max-width: 639px) {
    .skirt {
        text-align:center!important;
    }
    .skirt h2 {
        margin-top:12px!important;
    }
}

/* *** S K I R T and B E L T *** */
.skirt {
  /*  margin-top:-55px; */
}

.skirt p.small {
    font-size:12px;
    font-family:BentonSans;
    font-style:italic;
    display:block;
    padding-top:35px;
}

.skirt a {
    text-decoration:underline;
}

.belt {
   display:none;
}

ul.social a {
    color:#fff!important;
}

ul.social a:before {
    border-radius: 50%;
    border: 2px solid #B8B0AB;
    color: #fff;
    display: block;
        transition-property: all;
    transition-duration: 0.18s;
    transition-timing-function: ease;
    transition-delay: 0s;
    font-size: 32px;
    vertical-align: middle;
    line-height: 1;
}

.icon-facebook:before {
    content: "\e60b";
}

.icon-twitter:before {
    content: "\e613";
}

/* *** GOOGLE MAPs *** */
.map-responsive {
     padding:0!important;
    position:relative;
    max-width:100%;
    height:0;
    padding-bottom:70%!important;
    margin-bottom:8px;
}

.map-responsive iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%!important;
    height:100%!important;
}

/* STAFF PAGE */
@media screen and (max-width:639px) {
    .profile-detail img {
        width:50%!important;
    }
}
.profile-detail .text p {
    font-size:.85em!important;
}
.profile-detail img {
    border-radius:50%;
    width:90%;
    height:auto;
}
.profile-detail {
    display:block!important;
    border-bottom:1px solid #ccc;
    padding:1em!important;
    margin:1em!important;
}
.profile-detail:last-of-type {
    border-bottom:none;
}

.rvt-container div p:not(.rvt-alert__message) {
    display:none;
}