/*

Theme Name: Shear Madness
Theme URI: http://shearmadnesshoboken.com
Version: 1.0.1
Description: Custom design for a couple of good guys at a great salon.
Author: BKW Studios, LLC
Author URI: http://bkwstudios.com

Built on the Foundation framework
http://foundation.zurb.com/

*/
/* ELEMENTS
**************************************************************************/

.fullWidth {
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   max-width: initial;
}

/* TYPOGRAPHY
**************************************************************************/

/* Default all page styles
**************************************************************************/

/* sidebar menu */
  .menu-main-menu-container,
  .menu-main-menu-container ul,
  .menu-main-menu-container ul li,
  .menu-main-menu-container ul li a {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    font-style: italic;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .menu-main-menu-container {
    width: 100%;
    color: #ffffff;
  }
  .menu-main-menu-container ul ul {
    display: none;
  }
  .align-right {
    float: right;
  }
  .menu-main-menu-container li.current-menu-item a {
    text-shadow: 1px 1px 2px #838383;
    color: #425602;
  }
  .menu-main-menu-container > ul > li > a {
    padding: 15px 2rem;
    cursor: pointer;
    z-index: 2;
    font-size: 1rem;
    text-decoration: none;
    color: #000000;
    background: #C7CEBC;
    border-top: 1px solid #B0BE98;
  }

  .menu-main-menu-container > ul > li > a:hover,
  .menu-main-menu-container > ul > li.active > a,
  .menu-main-menu-container > ul > li.open > a {
    color: #000000;
    background: #CDD8BA;
  }
  .menu-main-menu-container > ul > li.open > a {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid #B4C893;
  }
  .menu-main-menu-container > ul > li:last-child > a,
  .menu-main-menu-container > ul > li.last > a {
    border-bottom: 1px solid #778167;
  }
  .holder {
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    right: 0;
  }
  .holder::after,
  .holder::before {
    display: block;
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    right: 20px;
    z-index: 10;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }
  .holder::after {
    top: 17px;
    border-top: 2px solid #6F7760;
    border-left: 2px solid #6F7760  ;
  }
  .menu-main-menu-container > ul > li > a:hover > span::after,
  .menu-main-menu-container > ul > li.active > a > span::after,
  .menu-main-menu-container > ul > li.open > a > span::after {
    border-color: #847979;
  }
  .holder::before {
    top: 18px;
    border-top: 2px solid;
    border-left: 2px solid;
    border-top-color: inherit;
    border-left-color: inherit;
  }
  .menu-main-menu-container ul ul li a {
    cursor: pointer;
    padding: 10px 1rem 10px 2.6rem;
    z-index: 1;
    text-decoration: none;
    font-size: 13px;
    font-style: italic;
    color: #555E37;
    background: #FFFFFF;
    border-bottom: 1px solid #F1F4EE;
  }
  .menu-main-menu-container ul ul li:hover > a,
  .menu-main-menu-container ul ul li.open > a,
  .menu-main-menu-container ul ul li.active > a {
    background: #CDD8BA;
    color: #454545;
  }
  .menu-main-menu-container ul ul li:first-child > a {
    box-shadow: none;
  }
  .menu-main-menu-container ul ul ul li:first-child > a {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  .menu-main-menu-container ul ul ul li a {
    padding-left: 30px;
  }
  .menu-main-menu-container > ul > li > ul > li:last-child > a,
  .menu-main-menu-container > ul > li > ul > li.last > a {
    border-bottom: 0;
  }
  .menu-main-menu-container > ul > li > ul > li.open:last-child > a,
  .menu-main-menu-container > ul > li > ul > li.last.open > a {
    border-bottom: 1px solid #32373e;
  }
  .menu-main-menu-container > ul > li > ul > li.open:last-child > ul > li:last-child > a {
    border-bottom: 0;
  }
  .menu-main-menu-container ul ul li.has-sub > a::after {
    display: block;
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    right: 20px;
    z-index: 10;
    top: 11.5px;
    border-top: 2px solid #eeeeee;
    border-left: 2px solid #eeeeee;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }
  .menu-main-menu-container ul ul li.active > a::after,
  .menu-main-menu-container ul ul li.open > a::after,
  .menu-main-menu-container ul ul li > a:hover::after {
    border-color: #ffffff;
  }

/* other styles */

.content-container {
  margin-top: 1rem;
  margin-bottom: 2rem;
  border-radius: .3rem;
}
.sidebar-container {
	margin-bottom: 2rem;}
	
.sidebar-wrap {
  margin-top: 1rem;
  margin-bottom: 0;
  padding: 1.6rem 1rem;
  background: rgba(255, 255, 255, .9);
  font-size: .9rem;
  border-top-left-radius: .3rem;
  border-top-right-radius: .3rem;
  border-bottom-right-radius: 0,
  border-bottom-left-radius: 0;
  }
.content-wrap {
  padding: 1.4rem 2rem;
  background: rgba(255, 255, 255, .8);
  font-size: .9rem;
  border-radius: .3rem;
}
  .content-wrap a:hover,
  .content-wrap a:focus {
    color: #5A7352;
    border-bottom: 1px dotted #7F8E52;
    padding-bottom: 2px;
  }
  .content-wrap h1 {
    font-size: 2rem;
  }

  .content-wrap h1,
  .content-wrap h2,
  .content-wrap h3 {
    border-bottom: 1px solid #D5D8CC;
    padding-bottom: .4rem;
    font-style: italic;
    color: #497C01;
  }

  /* TEAM PAGE */
  .content-wrap .team-member-photo {
    background: #497C01;
    margin: 15px 0 27px 8px;
    width: 22%;
    padding: 6px;
    text-align: center;
    color: #333;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    -moz-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    }
  .content-wrap h2.team-member-name {
    margin-top: 10px;
    font-size: 1.3rem;
    font-weight: bold;
    border-bottom: none;
  }
  .content-wrap .team-member-content {
    border-bottom: 1px solid #D5D8CC;
    margin-bottom: 1rem !important;
  }
  .content-wrap img.size-full {
    width: 100%;
    height: auto;
  }
  .content-wrap .team-member-photo img {
    width: 100%;
    height: auto;
  }
  .content-wrap ul {
    margin-left: 3rem;
    width: 80%;
  }
  .content-wrap ul.img-grid {
    margin-left: 0;
    width: 100%;
  }

  /* FORMS */

  .gform_wrapper .ginput_container + .gfield_description.validation_message {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  .gform_wrapper li.gfield.gfield_error,
  .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background-color: #E8EFDD;
    margin-bottom: 6px !important;
    padding: 0px 6px !important;
    border-top: 1px solid #D3DDC4;
    border-bottom: 1px solid #C9D5B6;
  }

  .gform_wrapper,
  .gform_fields,
  .gform_wrapper .top_label input.large,
  .gform_wrapper .top_label select.large,
  .gform_wrapper .top_label textarea.textarea,
  .gform_wrapper select {
    width: 100% !important;
    max-width: 100% !important;
    height: auto;
  }
  .gform_wrapper select,
  .gform_wrapper .top_label input.large,
  .gform_wrapper .top_label select.large,
  .gform_wrapper .top_label textarea.textarea,
  .gform_wrapper input[type=text],
  .gform_wrapper input[type=url],
  .gform_wrapper input[type=email],
  .gform_wrapper input[type=tel],
  .gform_wrapper input[type=number],
  .gform_wrapper input[type=password]
  {
    background: rgba(199, 206, 188, 0.4);
    font-size: 1rem !important;
    padding: .5rem !important;
  }
  .gform_wrapper select:focus,
  .gform_wrapper select:hover,
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="date"]:focus,
  input[type="datetime"]:focus,
  input[type="datetime-local"]:focus,
  input[type="month"]:focus,
  input[type="week"]:focus,
  input[type="email"]:focus,
  input[type="number"]:focus,
  input[type="search"]:focus,
  input[type="tel"]:focus,
  input[type="time"]:focus,
  input[type="url"]:focus,
  input[type="color"]:focus,
  textarea:focus,
  input[type="text"]:hover,
  input[type="password"]:hover,
  input[type="date"]:hover,
  input[type="datetime"]:hover,
  input[type="datetime-local"]:hover,
  input[type="month"]:hover,
  input[type="week"]:hover,
  input[type="email"]:hover,
  input[type="number"]:hover,
  input[type="search"]:hover,
  input[type="tel"]:hover,
  input[type="time"]:hover,
  input[type="url"]:hover,
  input[type="color"]:hover,
  textarea:hover  {
    background: #f3f3f3 !important;
    box-shadow: 0;
    border-color: #999;
  }
  
  .gform_wrapper .chosen-container-multi .chosen-choices li.search-field input[type=text].default {
	  background: rgba(199, 206, 188, 0.4);
	  font-size: 1rem !important;
	  padding: .5rem .5rem .5rem .8rem !important;
	  height: auto !important;
	  color: rgba(0, 0, 0, 0.75);
	  font-family: inherit;
  }
  .gform_wrapper .chosen-container-multi .chosen-choices {
  	  background: rgba(199, 206, 188, 0.4) !important;
  }
  .gform_wrapper .chosen-container-multi .chosen-choices li.search-choice {
	padding: 10px 28px 8px 10px !important;
  }
  .gform_wrapper .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
	  top: 11px !important;
	  right: 7px !important;
  }
  .gform_wrapper .chosen-container .chosen-results {
	width: 100% !important;
  }

  /* SERVICES PAGE */
  .content-wrap h2.price-section-header {
    font-size: 1.2rem;
  }
  .content-wrap .price-row {
    border-bottom: 1px dashed #C7CEBC;
    clear: right;
  }
  .content-wrap .price-row:last-child {
    margin-bottom: 1rem;
  }
  .content-wrap .price-row div.price-row-service {
    float: left;
    padding: 3px 10px;
	width: 70%;
	font-weight: bold;
  }
  .content-wrap .price-row div.price-row-price {
    float: right;
    padding: 3px 10px;
    text-align: right;
	width: 30%;
	font-weight: bold;
  }
  
  .content-wrap .price-row div.price-row-description {
	display: block;
	float:none;
	clear:both;
	width: 100%;
	padding: 3px 10px 5px 10px;
	color: #4E564E;
	text-align: justify;
	border-top: 1px solid rgba(255,255,255,0);
  }
  
  .content-wrap .price-row:hover {
    background: #CDD8BA;
    cursor: pointer;
    border-bottom: 1px solid #CDD8BA;
    -webkit-transition: background-color .15s;
    -moz-transition: background-color .15s;
    transition: background-color .15s;
  }
  .content-wrap .price-row:hover  div.price-row-description {
    border-top: 1px solid #BFCAAB;
  }

/* 3d carousel */
  .iconOver {
    display: none !important;
  }

  /* GRID products - reviews */
.img-grid li a {
  display: block;
  position: relative;
}
.img-grid li a:hover {
  padding-bottom: 0;
}
  .img-grid li a img {
    width: 100%;
    height: auto;
  }

  /* text overlay */
.box {
  cursor: pointer;
  height: 300px;
  position: relative;
  overflow: hidden;
  width: 400px;
  padding: 0 !important;
}

.box img {
  left: 0;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

.box .overbox {
  background: rgba(205, 216, 186, .9);
  position: absolute;
  top: 0;
  left: 0;
  color: #48513B;
  z-index: 100;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  opacity: 0;
  width: 600px;
}

.box:hover .overbox { opacity: 1; }

.box .overtext {
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
  -ms-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  transform: translateY(40px);
  -webkit-transform: translateY(40px);
}

.box .title {
  font-size: 1em;
  text-transform: capitalize;
  text-shadow: 1px 1px 1px #A9A9A9;
  opacity: 0;
  transition-delay: 0.1s;
  transition-duration: 0.2s;
}

.box:hover .title,
.box:focus .title {
  opacity: 1;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
}

.box .tagline {
  font-size: 0.8em;
  opacity: 0;
  transition-delay: 0.2s;
  transition-duration: 0.2s;
}

.box:hover .tagline,
.box:focus .tagline {
  opacity: 1;
  transform: translateX(0px);
  -webkit-transform: translateX(0px);
}

.box:hover li a img,
.box:focus li a img {
  opacity: .2;
  filter: alpha(opacity=2); /* IE8 and lower */
  zoom: .2; /* Triggers "hasLayout" in IE 7 and lower */
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
}

.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium,
.gform_wrapper .top_label .gfield_error {
  width: 100% !important;
}
.gform_wrapper div.validation_error {
  font-weight: normal !important;
  font-size: .9rem !important;
}
.gform_wrapper .top_label .gfield_label {
  font-weight: normal !important;
}
.gform_wrapper .top_label .gfield_description.validation_message, .gform_wrapper .gfield_description.validation_message {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  font-weight: normal;
}
.definition-wrap {
  margin-bottom: 3px;
}
.s-definition {
  display: inline-block;
  margin-left: 6px;
  padding: 5px 13px 4px 10px;
  background: #A3A892;
  font-size: .8rem;
  font-weight: bold;
}
  .s-definition span {
    font-weight: normal;
    padding-left: .5rem;
  }
  .s-definition-info {
    display: inline-block;
    padding: 2px 3px 2px 3px;
    background: #A3A892;
    font-size: 1rem;
  }
  
/* Soliloquy
**************************************************************************/
#soliloquy-557 li {
	background: #497C01;
	padding: 6px;
}
  
  
/* HOME PAGE ONLY
**************************************************************************/
.home .textheadercontainer {
  max-width: 100% !important;
  height: 94vh;
}
.homepage-header-wrap {
  width: 780px;
}
.homepage-header {
  text-align: center;
}

.home h1 {
  display: inline-block;
  margin: 20px 0 0 0;
  border-bottom: 2px solid #FFF;
  font-family: TimesNewRoman,"Times New Roman",Times,Baskerville,Georgia,serif;
  font-size: 6rem;
  line-height: .9;
  color: #FFF;
  text-shadow: 1px 1px 2px #2F2F2F, 3px 2px 1px #000000;
  -webkit-box-shadow: 0 2px 0 0 #8C8C8C;
  -moz-box-shadow:    0 2px 0 0 #8C8C8C;
  box-shadow:         0 2px 0 0 #8C8C8C;
}
  .home h1 span {
    text-transform: uppercase;
    font-size: .7em;
  }
.home h2,
.home h3 {
  font-weight: bold;
  font-style: italic;
  line-height: 1;
  margin: 0;
  color: #FFF;
}
  .home h2 {
    font-size: 2.1rem;
    margin-top: 1rem;
    text-shadow: 1px 1px 2px #2F2F2F, 2px 1px 2px #000;
  }
    .home h3 a,
    .home h3 a:visited {
      color: #FFF;
      text-shadow: 1px 1px 2px #2F2F2F, 2px 1px 2px #000;
    }
    .home h3 a:hover,
    .home h3 a:active,
    .home h3 a:focus {
      color: #E2ECC3;
    }

.home #address {
  background: rgba(255, 255, 255, 0);
}

.home #footer {
  width: 100%;
}
.homemenu {
  text-align: center;
  margin-top: 10px;
}
.home .hide-frontpage-only {
  display: none !important;
}
.home ul#custom-front-menu {
  display: inline;
  margin: 0;
  padding: 15px 4px 17px 0;
  list-style-type: none;
  font-weight: bold;
  font-size: 1rem;
  text-transform: uppercase;
}
.home ul#custom-front-menu li {
  margin-right: -4px;
  display: inline-block;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
  .home ul#custom-front-menu li.home-be-gone {
    display:none;
  }
.home ul#custom-front-menu li a,
.home ul#custom-front-menu li a:visited {
  display: block;
  padding: 7px 11px;
  color: #FFFFFF;
  text-align: left;
  text-shadow: 1px 1px 2px #2F2F2F, 2px 1px 2px #000;
  word-spacing: 4px;
}


.home ul#custom-front-menu li:hover > ul,
.home ul#custom-front-menu li:focus > ul,
.home ul#custom-front-menu li:active > ul
 {
  display: block;
  opacity: 1;
  filter: alpha(opacity=100); /* IE8 and lower */
  zoom: 1; /* Triggers "hasLayout" in IE 7 and lower */
  visibility: visible;
  background: rgba(199, 206, 188, 0.9);
}

.home ul#custom-front-menu li:hover > a,
.home ul#custom-front-menu li:focus > a,
.home ul#custom-front-menu li:active > a {
  background: rgba(205, 216, 186,0.8);
  color: #497C01;
  text-shadow: none;
}

/* dropdown */
.home ul#custom-front-menu li ul {
  position: absolute;
  margin: 0;
  width: auto;
  display: none;
  opacity: 0;
  filter: alpha(opacity=0); /* IE8 and lower */
  zoom: 0; /* Triggers "hasLayout" in IE 7 and lower */
  list-style-type: none;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
  text-align: left;
}
.home ul#custom-front-menu li ul li {
  display: block;
  margin: 0;
}
.home ul#custom-front-menu li ul li a,
.home ul#custom-front-menu li ul li a:visited {
  color: #555655;
  text-align: left;
  width: auto;
  white-space: nowrap;
  text-shadow: none;
}
.home ul#custom-front-menu li ul li a:hover,
.home ul#custom-front-menu li ul li a:active,
.home ul#custom-front-menu li ul li a:focus {
  color: #497C01;
  background: rgba(199, 206, 188, 0.9);
}

.arrow_box {
  position: relative;
  margin-top: -10px;
  margin-bottom: 21px;
  padding-bottom: 5px;
  color: #FFF;
  text-shadow: 1px 1px 2px #2F2F2F, 2px 1px 2px #000;
  font-size: 1.1rem;
}
.arrow_box:after, .arrow_box:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.arrow_box:after {
  border-color: rgba(136, 183, 213  , 0);
  border-top-color: #AFBFB1;
  border-width: 12px;
  margin-left: -12px;
}
.arrow_box:before {
  border-color: rgba(194, 225, 245, 0);
  border-top-color: #FFFFFF;
  border-width: 14px;
  margin-left: -14px;
}

@-webkit-keyframes bounce {
    0%   {
      -ms-transform: translateY(0);
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    20%  {
      -ms-transform: translateY(0);
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    40%  {
      -ms-transform: translateY(-15px);
      -webkit-transform: translateY(-15px);
      transform: translateY(-15px);
    }
    50%  {
      -ms-transform: translateY(0);
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    60%  {
      -ms-transform: translateY(-7px);
      -webkit-transform: translateY(-7px);
      transform: translateY(-7px);
    }
    80%  {
      -ms-transform: translateY(0);
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    100% {
      -ms-transform: translateY(0);
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
}



@keyframes bounce {
    0%   {
      -ms-transform: translateY(0);
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    20%  {
      -ms-transform: translateY(0);
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    40%  {
      -ms-transform: translateY(-15px);
      -webkit-transform: translateY(-15px);
      transform: translateY(-15px);
    }
    50%  {
      -ms-transform: translateY(0);
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    60%  {
      -ms-transform: translateY(-7px);
      -webkit-transform: translateY(-7px);
      transform: translateY(-7px);
    }
    80%  {
      -ms-transform: translateY(0);
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    100% {
      -ms-transform: translateY(0);
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
}

.bounce {
  -moz-animation: bounce 2s 4;
  -webkit-animation: bounce 2s 4;
  animation: bounce 2s 4;
}

/* Google maps
**************************************************************************/
.google-map-wrap {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  padding: 3px;
  border: 1px solid #b8b1ab;
  background: #fafafa;
  margin: -15px 0;
}

#google-map {
    width: 100%;
    height: 262px;
}

/* SUPERSIZE BACKGROUND
**************************************************************************/

#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; }

#supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
  #supersized img{ width:auto; height:auto; position:relative; outline:none; border:none; }
  
  #supersized a { z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#8E9A7F; display:block; }

/* FOOTER
**************************************************************************/

#footer {
  background: rgba(255, 255, 255, .8);
  font-size: .9rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  overflow: hidden;
}

#footer h1, #footer h2, #footer h3, 
#footer h4, #footer h5 {
  color: #497C01;
  font-style: italic;
}

#footer div#logoshear {
  margin: .8rem 1.5rem 1.4rem 0;
} 

#footer .activedate {
  color: #497C01;
  }
}

#footer .footerAbout div {
  margin-bottom: .4rem;
}

#footer a:hover,
#footer a:focus {
  outline: none;
  color: #5A7352;
  border-bottom: 1px dotted #7F8E52;
  padding-bottom: 2px;
}

#footer #logoshear a:hover,
#footer #logoshear a:focus {
  border: none;
  padding-bottom: inherit;
}

#footer ul {
  font-size: .9rem;
  list-style: none;
  margin-left: 0;
}

  #footer ul li:before {
    content: "\00BB \0020";
    margin-right: 4px;
  }

#footer ul li a:hover {
  color: #5A7352;
  border-bottom: 1px dotted #7F8E52;
  padding-bottom: 2px;
}

#footer .footerContent {
  margin: 1rem auto;
}

.logoshear {
  margin: 1rem 0;
  width: 90%;
}

.footerAbout [class^="icon-"]:before,
.footerAbout [class*=" icon-"]:before {
  margin-right: .6em;
}

#footer .menu-footer-menu-container,
#footer .socialshearlinks {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
}

/* Specials Page - Salvattore
**************************************************************************/
#specialgrid[data-columns]::before {
	content: '2 .spcolumn.size-1of2';
}
#specialgrid::after {
 clear:both;
}

/* These are the classes that are going to be applied: */
.spcolumn { float: left; }
.size-1of2 { width: 49%; }
.size-1of2 div { margin-bottom: 10px; }

/* WORDPRESS WYSIWYG DEFAULT CLASSES
**************************************************************************/

.entry-content img {
  margin: 0 0 1.5em 0;
  }
.alignleft, img.alignleft {
  margin-right: 1.5em;
  display: inline;
  float: left;
  }
.alignright, img.alignright {
  margin-left: 1.5em;
  display: inline;
  float: right;
  }
.aligncenter, img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both;
  }
.alignnone, img.alignnone {
  /* not sure about this one */
  }
.wp-caption {
  margin-bottom: 1.5em;
  text-align: center;
  padding-top: 5px;
  }
.wp-caption img {
  border: 0 none;
  padding: 0;
  margin: 0;
  }
.wp-caption p.wp-caption-text {
  line-height: 1.5;
  font-size: 10px;
  margin: 0;
  }
.wp-smiley {
  margin: 0 !important;
  max-height: 1em;
  }
blockquote.left {
  margin-right: 20px;
  text-align: right;
  margin-left: 0;
  width: 33%;
  float: left;
  }
blockquote.right {
  margin-left: 20px;
  text-align: left;
  margin-right: 0;
  width: 33%;
  float: right;
  }
.gallery dl {}
.gallery dt {}
.gallery dd {}
.gallery dl a {}
.gallery dl img {}
.gallery-caption {}

.size-full {}
.size-large {}
.size-medium {}
.size-thumbnail {}


/* MEDIA QUERIES
**************************************************************************/
@media screen and (-webkit-min-device-pixel-ratio:0) { 
  select, select:focus {
    font-size: 16px;
  }
}

// Small screens
@media only screen { } /* Define mobile styles */

@media only screen and (max-width: 40em) { 
.arrow_box {
  display: none;
}
.home .textheadercontainer {
  max-width: 62.5em;
  height: auto;
}
.home h1 {
  font-size: 2.8rem;
}
  .home h2 {
    font-size: 1.2rem;
  }
.homepage-header-wrap {
  width: auto;
}
.home .jquery-responsive-select-menu {
  width: 360px !important;
}
.home #footer { 
  position: relative;
  bottom: inherit;
  margin: 1rem auto;
  width: 285px;
}
#footer {margin: 0 1rem 1rem 1rem;}
#footer div#logoshear {
  margin: 1.5rem .5rem 1.5rem .5rem;
}
#footer .footerContent {
  margin: 0 auto 1rem 0;
}
#footer h4 {
  margin-top: .8rem;
}
#footer .menu-footer-menu-container {
  margin-bottom: -1rem;
}
.menu-main-menu-container select {
  font-size: 1rem;
  opacity: .8;  filter: alpha(opacity=80);
  zoom: .8;
  padding-bottom: 0;
  margin-bottom: 0;
}
.content-wrap h1 {
  font-size: 1.4rem;
}
.content-wrap h2 {
  font-size: 1.2rem;
}
.content-wrap .team-member-photo {
  width: 94%;
  margin: 15px 0rem 0 1rem;
  webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg);
}
.content-wrap h2.team-member-name {
    margin-top: 1rem;
  }
 .size-1of2 { width: 100%; }
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

// Medium screens
@media only screen and (min-width: 40.063em) {} /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
.homepage-header-wrap {
width: 795px; }

.home h1 {
  font-size: 5rem;
}
  .home h2 {
    font-size: 2rem;
  }
.content-wrap .team-member-photo {
  width: 22%;
}
.content-wrap {
  min-height: 525px;
}
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

// iPad
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation : landscape) {

}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation : portrait) {
.home ul#custom-front-menu {
  display: inline;
  margin: 0;
  padding: 15px 4px 17px 0;
  list-style-type: none;
  font-weight: bold;
  font-size: 1rem;
  text-transform: uppercase;
}
.home ul#custom-front-menu li {
  margin-right: -4px;
  display: inline-block;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
  .home ul#custom-front-menu li.home-be-gone {
    display:none;
  }
.home ul#custom-front-menu li a,
.home ul#custom-front-menu li a:visited {
  display: block;
  padding: 7px 11px;
  color: #E2ECC3;
  text-align: left;
  text-shadow: 2px 1px 2px #000;
}


.home ul#custom-front-menu li:hover > ul,
.home ul#custom-front-menu li:focus > ul,
.home ul#custom-front-menu li:active > ul
 {
  display: block;
  opacity: 1;
  filter: alpha(opacity=100); /* IE8 and lower */
  zoom: 1; /* Triggers "hasLayout" in IE 7 and lower */
  visibility: visible;
  background: rgba(199, 206, 188, 0.9);
}

.home ul#custom-front-menu li a:focus {
  background: rgba(205, 216, 186,0.8);
  color: #FFFFFF;
  text-shadow: 1px 1px 0px #929B86;
}

/* dropdown */
.home ul#custom-front-menu li ul {
  position: absolute;
  margin: 0;
  width: auto;
  display: none;
  opacity: 0;
  filter: alpha(opacity=0); /* IE8 and lower */
  zoom: 0; /* Triggers "hasLayout" in IE 7 and lower */
  list-style-type: none;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
  text-align: left;
}
.home ul#custom-front-menu li ul li {
  display: block;
  margin: 0;
}
.home ul#custom-front-menu li ul li a,
.home ul#custom-front-menu li ul li a:visited {
  color: #555655;
  text-align: left;
  width: auto;
  white-space: nowrap;
  text-shadow: none;
}
.home ul#custom-front-menu li ul li a:hover,
.home ul#custom-front-menu li ul li a:active,
.home ul#custom-front-menu li ul li a:focus {
  color: #FFFFFF;
  background: rgba(199, 206, 188, 0.9);
  text-shadow: 1px 1px 0px #929B86;
}
}

// Large screens
@media only screen and (min-width: 64.063em) {  } /* min-width 1025px, large screens */
	.content-wrap {
	  min-height: 525px;
	}
@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

// XLarge screens
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */
	.content-wrap {
	  min-height: 525px;
	}
@media only screen and (min-width: 90.063em) and (max-width: 120em) {

} /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

// XXLarge screens
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */