/* Enter Your Custom CSS Here */


.site-footer .nav {
  float: left;
}

.sf-menu a {
      font-size: 14px !important;
      font-weight: 400 !important;
      line-height: 17px;
      letter-spacing: normal !important;
      text-align: center;
      color: #5a6464 !important;
}

.coll-single .navigation-container .arrow:hover .fa, .coll-button.coll-accent-color:hover, .comment-reply-link:hover, .coll-single .title-wrapper .icons .link:hover, .coll-shortcode-portfolio .items .hentry .wrapper .under {
      background-color: #fa821e !important;
}
.coll-button.coll-accent-color:hover, .coll-single.lightbox, .comment-reply-link:hover, .coll-single .navigation-container .arrow:hover .fa, .coll-single .title-wrapper .icons .link:hover, .coll-post-info .categories a:hover {
      border-color: #fa821e !important;
}
a:hover, .sf-menu a:hover {
      color: #fa821e !important;
}

/*
#contact{
      border-top: 3px solid #bbb;
}
*/
.site-footer .nav{
      display: table;
      margin: 0 auto;
      float: none;
}
.site-footer .nav > li{
	margin: 0 10px 5px;
}

/* --HOMEPAGE 1st FOLD-- */
.coll-section-background > .overlay {
background-size: cover;
}

@media screen and (max-width: 700px) {
.coll-middle .inner > p {
font-size: 20px;
padding-top: 15px;
}
}
@media screen and (min-width: 701px) {
.coll-middle .inner > p {
font-size: 30px;
padding-top: 30px;
}
}
/* --END HOMEPAGE 1st FOLD-- */

/* --LITEBOX APPEARANCE-- */
a.modal, a.modal1, a.modal2, a.modal3, a.modal4 {
    color: #333;
}
.lightbox-overlay {
    background: rgba(0,0,0,0.4);
}
.lightbox-content {
    padding: 2em;
}
#close {
    margin-top: -30px;
    margin-right: -30px;
    font-family: Verdana;
    font-weight: 900 !important;
    font-size: 1.5em;
    padding: 5px 15px 10px;
    color: #fa821e;
}

@media screen and (max-width: 700px) {
.lightbox {
    width: 90%;
}
}
@media screen and (min-width: 1000px) and (max-width: 1250px) {
.lightbox {
    width: 60%;
}
}
@media screen and (min-width: 1251px) and (max-width: 1450px) {
.lightbox {
    width: 50%;
}
}
@media screen and (min-width: 1451px) and (max-width: 1950px) {
.lightbox {
    width: 40%;
}
}
@media screen and (min-width: 1951px) {
.lightbox {
    width: 30%;
}
}
/* --END of LITEBOX APPEARANCE-- */

/* --COLORBOX APPEARANCE-- */
a.wp-colorbox-inline.cboxElement {
    color: black;
}
a.wp-colorbox-inline.cboxElement > img {
    width: 150px;
    height: auto;
    margin-bottom: 0.7rem;
}
.coll-team.type-coll-team.status-publish.hentry.coll-team-teams-creative-team.large-3.medium-6.small-12.columns {
height: auto !important;
}
.content {
    width: auto !important;
    height: auto !important;
}
div#cboxLoadedContent > div > img {
    width: 150px;
    height: 150px;
}
#cboxOverlay {
    opacity: 0.25 !important;
}
#cboxTopLeft {
display: none;
}
#cboxTopCenter {
display: none;
}
#cboxTopRight {
display: none;
}
#cboxMiddleLeft {
display: none;
}
#cboxMiddleRight {
display: none;
}
#cboxBottomLeft {
display: none;
}
#cboxBottomCenter {
display: none;
background: #e6e5e5 !important;
}
#cboxBottomRight {
display: none;
}
#cboxContent {
padding: 30px;
}
/* --END of COLORBOX-- */

/* --NIVO-LITEBOX APPEARANCE-- */
.nivo-lightbox-overlay.nivo-lightbox-theme-default.nivo-lightbox-effect-fade.nivo-lightbox-open {
    background: rgba(0,0,0,.3);
}

@media screen and (max-width: 700px) {
.nivo-lightbox-wrap {
    left: 5%;
    right: 5%;
}
}
@media screen and (min-width: 1000px) and (max-width: 1250px) {
.nivo-lightbox-wrap {
    left: 20%;
    right: 20%;
}
}
@media screen and (min-width: 1251px) and (max-width: 1450px) {
.nivo-lightbox-wrap {
    left: 25%;
    right: 25%;
}
}
@media screen and (min-width: 1451px) and (max-width: 1950px) {
.nivo-lightbox-wrap {
    left: 30%;
    right: 30%;
}
}
@media screen and (min-width: 1951px) {
.nivo-lightbox-wrap {
    left: 35%;
    right: 35%;
}
}
/* --END of NIVO-LITEBOX-- */

@media only screen and (min-width: 1200px) and  (max-width: 1500px) {
  .sf-menu a {
      white-space: normal;
      max-width: 135px;
      padding: .5em;
  }
}
@media only screen and (min-width: 1025px) and  (max-width: 1199px) {
  .sf-menu a {
      white-space: normal;
      max-width: 105px;
      padding: 0;
      font-size: 13px !important;
  }
}