/* 
 Theme Name:     Fabric Outlet
 Author:         Itchy Fingers Design
 Author URI:     http://itchyfingersdesign.com
 Template:       Divi
 Version:        3
 Description:   A Child Theme built using the elegantmarketplace.com Child theme maker
Developed by Andrew Palmer for Elegant Marketplace www.elegantmarketplace.com Free to use and duplicate as many times as you like
 Wordpress Version: 4.7.3
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 

/* Remove the line below the normal Divi menu */
#main-header {
    box-shadow: none !important;
}

/* HERO SECTION */
#hero .header-content img {
  max-width: 400px;
  margin-bottom: 30px;
}
@media screen and (max-width: 980px) {
  #hero .et_pb_fullwidth_header_subhead {
      max-width: 300px;
      margin: -10px auto 10px;
  }
  body #page-container .et_pb_button {
      letter-spacing: 2px !important;
  }
  #hero .header-content img {
    max-width: 300px;
  }
}
@media screen and (max-width: 767px) {
  #hero h1 {
      letter-spacing: 4px;
  }
  body #page-container .et_pb_button, body #page-container .et_pb_fullwidth_header_0 .et_pb_button_one.et_pb_button {
      border-width: 7px !important;
  }
  #hero .header-content img {
    max-width: 240px;
  }
}
@media screen and (max-width : 980px) {
  #hero .header-content img {
    max-width: 180px;
  }
}



/* SPLIT SECTION */
@media screen and (max-width: 980px) {
    .splitSection .splitImage {
        height: 500px;
    }
}
@media screen and (max-width: 767px) {
    .splitSection .splitImage {
        height: 300px;
    }
}


/*IMAGE ZOOM FEATURE*/
.imageWrap {
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
}
.imageWrap img {
    vertical-align: bottom;
    -webkit-transition: -webkit-transform 0.5s ease;
    -moz-transition: -moz-transform 0.5s ease;
    -o-transition: -o-transform 0.5s ease;
    transition: transform 0.5s ease;
}
.imageWrap img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}



/*ANIMATION - WAYPOINTS*/
/*--------FROM LEFT----------*/
.left-animated.et-animated {
    opacity: 1;
    -webkit-animation: fadeLeft 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
    -moz-animation: fadeLeft 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
    -o-animation: fadeLeft 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
    animation: fadeLeft 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
}
/*--------FROM RIGHT---------*/
.right-animated.et-animated {
    opacity: 1;
    -webkit-animation: fadeRight 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
    -moz-animation: fadeRight 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
    -o-animation: fadeRight 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
    animation: fadeRight 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
}
/*---------FROM TOP----------*/
.top-animated.et-animated {
    opacity: 1;
    -webkit-animation: fadeTop 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
    -moz-animation: fadeTop 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
    -o-animation: fadeTop 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
    animation: fadeTop 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
}
/*--------FROM BOTTOM--------*/
.bottom-animated.et-animated {
    opacity: 1;
    -webkit-animation: fadeBottom 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
    -moz-animation: fadeBottom 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
    -o-animation: fadeBottom 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
    animation: fadeBottom 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
}
/*---------FADE IN-----------*/
.fadein-animated.et-animated {
    opacity: 1;
    -webkit-animation: fadeIn 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
    -moz-animation: fadeIn 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
    -o-animation: fadeIn 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
    animation: fadeIn 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
}

/* Mobile menu styling */

.et_mobile_menu { border-top: 3px solid #fefa3f; }


mobile_nav::before { 
content:’Menu’; vertical-align:top; line-height:2.2em; color: #958d82;}
span.mobile_menu_bar::before { color: #958d82;}

/* MOBILE MENU CAPS */
ul#mobile_menu.et_mobile_menu a, ul#top-menu a {
 text-transform: uppercase;
}


/* WORK */
#anchorWork .et_pb_blurb_content {
  max-width: none;
}
#anchorWork .workItem .workDivider, #anchorWork .workItem .workDivider:before {
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
#anchorWork .workItem:hover .workDivider {
  width: 100%;
}
#anchorWork .workItem:hover .workDivider:before {
    border-top-color: #fefa3f;
}
#anchorWork .workItem:hover .imageWrap img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}