/*

Theme Name: RawMarketing-Theme-1-Suitably

Theme URI: https://rawmarketing.com.au

Author: Raw Marketing

Author URI: https://rawmarketing.com.au

Description: This is a custom theme developed by Gavin Mace at Raw Marketing in 2017.

Version: 1.0

License: License Information

License URI: https://www.rawmarketing.com.au

Tags: Raw Marketing



This is a custom theme developed by Gavin Mace at Raw Marketing in 2017.

*/





/********************************************************************

  ALL FONT FAMILIES

********************************************************************/



/*

font-family: 'Montserrat', sans-serif;

font-family: 'Roboto', sans-serif;

font-family: 'Open Sans', sans-serif;

font-family: 'Open Sans Condensed', sans-serif;

font-family: 'Lobster', cursive;

font-family: 'Dosis', sans-serif;

font-family: 'Indie Flower', cursive;

font-family: 'Raleway', sans-serif;

font-family: 'Oswald', sans-serif;

font-family: 'Anton', sans-serif;

font-family: 'Amatic SC', cursive;

font-family: 'Yanone Kaffeesatz', sans-serif;

*/





/********************************************************************

  HEADER SETTINGS

********************************************************************/



body {

  background-color: #f2f1f1;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  color: #bfa16b;

  text-align: center;

  font-family: 'Montserrat', sans-serif;

  clear:both;

}



h6 {

  margin: 0;

}



p,

a {

  font-family: 'Montserrat', sans-serif;

  color: #8a8a8a;

}

/********************************************************************

  HEADER SETTINGS

********************************************************************/









/********************************************************************

  NAVIGATION SETTINGS

********************************************************************/



nav {

  background-color: #bfa16b;

  color: #000;

}



nav a {

  color: #fff;

}



.top-bar {

  background-color: #bfa16b;

  padding: 0;

}



.top-bar ul {

  background-color: #bfa16b;

}



.top-bar-left {

  padding: 15px 0 0 50px;

}



@media screen and (max-width: 39.9375em) {

.top-bar-left {

  padding: 10px 0 0 0;

}

.top-bar-left img {



}

.sub-menu>li> a {color:#bfa16b;}

.sub-menu>li> a:hover {color:#bfa16b;}



ul li ul, ul li ul li ul{

list-style-type:none;

text-align:left;

padding:10px;

}

}



.top-bar-right {

  padding: 0 50px 0 0;

}



.menu>li>a {

  padding: 1.8rem 0.8rem;

}



.menu>li>a:hover {

  background-color: #fff;

  color: #bfa16b;

}



.dropdown.menu>li.is-dropdown-submenu-parent>a:after {

  border-color: #fff transparent transparent;

}



li a:hover {

  color: #fff;

}







/*******************************

  STICKY NAVIGATION

*******************************/

















/*******************************

  MOBILE NAVIGATION

*******************************/



.off-canvas {

  padding: 0 0 0 0;

  background-color: #bfa16b;

}



.off-canvas ul {

  padding: 10px 0;

  margin: 10px 0;

  text-align: center;

  color: #fff;

  list-style-type: none;

}



.off-canvas li {

  padding: 10px 0;

text-align: center;

list-style: none;

}



.off-canvas li a {

  color: #fff;

}



.off-canvas li:hover {

  background-color: #fff;

}



.off-canvas li a:hover {

    color: #bfa16b;

}



.title-bar {

  background-color: #bfa16b;

}



/********************************************************************

  FOOTER SETTINGS

********************************************************************/



footer {

  padding: 20px;

  background-color: #bfa16b;

  color: #fff;

}



footer p {

  color: #fff;

  margin-bottom: 0;

}



footer table td {

  background-color: #bfa16b;

  color: #fff;

  padding: 10px 0;

}



footer li {

  list-style-type: none;

}



footer li a {

  color: #efefef;

  padding: 0 0 0 10px;

}



footer li a:hover {

  color: #fff;

}



footer a {

  color: #fff;

}



footer h5 {

  color: #fff;

}



footer .button.success {

  background-color: #fff;

  color: #bfa16b;

}



footer .button.success:hover {

  background-color: #fff;

  color: #bfa16b;

}



.partners {

  background-color: #3c3c3c;

  color: #D3D3D3;

  padding: 20px 0;

}



/********************************************************************

  HOMEPAGE FEATURED SETTINGS

********************************************************************/



.homepage-featured {

  min-height: 500px;

    background-color: #cccccc;

    background-image: url("/wp-content/uploads/2017/10/Suitably-HomepageHero-Harley-WeddingSuits-Dark.jpg");

    background-repeat: no-repeat;

    background-size: cover;

}



.homepage-featured-content {

  padding: 50px 0 0 0;

  text-align: center;

}



.homepage-featured-content h3 {

  text-align: center;

  font-size: 1em;

}



.homepage-featured-content p {

  text-align: center;

  color: #fff;

  margin-bottom: 0;

}



.homepage-featured-content a {

  text-align: center;

  color: #fff;

}



.guarantee p {

  text-align: left;

  padding: 10px;

  color: #fff;

  display: inline-block;

  vertical-align: middle;

}



.testimonial h5 {

  font-size: 1em;

}



.fi-check {

  color: #bfa16b;

  line-height: 1;

}



@media screen and (max-width: 39.9375em) {

.guarantee img {

  max-width: 40%;

  vertical-align: middle;

  display: block;

  margin-left: auto;

  margin-right: auto;

}



.sub-menu>li> a {color:#bfa16b;}

.sub-menu>li> a:hover {color:#bfa16b;}



ul li ul, ul li ul li ul{

list-style-type:none;

text-align:left;

padding:10px;

}



}



.image-circle {

  border-radius: 50%;

}



.testimonial i {

  color: #FFD700;

}



@media screen and (max-width: 39.9375em) {

.testimonial i {

  align: center;

}



.sub-menu>li> a {color:#bfa16b;}

.sub-menu>li> a:hover {color:#bfa16b;}



ul li ul, ul li ul li ul{

list-style-type:none;

text-align:left;

padding:10px;

}

}



.testimonial img {

  height: 150px;

  width: 150px;

}



/********************************************************************

  CONTENT / OBJECT SETTINGS

********************************************************************/



.space {

  padding: 50px 0;

}



.half-space {

  padding: 25px 0;

}



.quarter-space {

  padding: 12px 0;

}



.button.round {

  border-radius: 20px;

}



.button.success {

  color: #fff;

  background-color: #bfa16b;

}



.button.success a {

  color: #fff;

}



.button.success:hover {

  color: #bfa16b;

  background-color: #fff;

}



.button.success:active {

  color: #fff;

  background-color: #c4553c;

}



.button.success:visited {

  color: #fff;

  background-color: #bfa16b;

}



.padding-right {

  padding: 0 0 0 15px;

}

/*******************************

  BACKGROUND IMAGES

*******************************/



.background-image-weddings {

  background: url("/wp-content/uploads/2018/10/Suitably-HomepageHero-Harley-WeddingSuits-Dark3.jpg");

  background-repeat: no-repeat;

  background-size: cover;

}



.background-image-newsletter {

  background: url("/wp-content/uploads/2018/10/dog2newsletter.jpg");

  background-repeat: no-repeat;

  background-size: cover;

}





.background-image {

  background: url("/wp-content/uploads/2018/10/Suitably-HomepageHero-Harley-WeddingSuits-Dark3.jpg");

  background-repeat: no-repeat;

  background-size: cover;

}



.background-image2 {

  background: url("/wp-content/uploads/2018/10/gav1.jpg");

  background-repeat: no-repeat;

  background-size: cover;

}



.background-image3 {

  background: url("/wp-content/uploads/2018/10/Suitably-HomepageHero-Harley-WeddingSuits-Dark2.jpg");

  background-repeat: no-repeat;

  background-size: cover;

}



.background-image4 {

  background: url("/wp-content/uploads/2018/10/dog2.jpg");

  background-repeat: no-repeat;

  background-size: cover;

}



.background-layer {

    background-color: rgba(0, 0, 0, 0.4);

}



.background-image-content {

  background-color: rgba(0,0,0,0.8);

  margin: 175px 0;

  padding: 20px;

  color: #fff;

  padding: 20px;

}



.background-image-weddings h1,

.background-image-weddings h4,

.background-image-newsletter h1,

.background-image-newsletter h4,

.background-image h1,

.background-image2 h1,

.background-image3 h1,

.background-image4 h1 {

  color: #fff;

  padding: 5px 0;

}



.background-image-weddings p,

.background-image-newsletter p,

.background-image p,

.background-image2 p,

.background-image3 p,

.background-image4 p {

  color: #fff;

}



@media (min-width: 1000px) {

    .background-image,

    .background-image2,

    .background-image3 {

      min-height: 650px; 

    }

    .background-layer {

      height: 300px;

    }

    

    .sub-menu>li> a {color:#bfa16b;}

.sub-menu>li> a:hover {color:#bfa16b;}



ul li ul, ul li ul li ul{

list-style-type:none;

text-align:left;

padding:10px;

}

}



.background-color {

  background-color: #bfa16b;

  color: #fff;

}



.background-color h1,

.background-color h3,

.background-color h5 {

  color: #fff;

  padding: 20px 0;

  text-align: center;

}



.background-color p {

  color: #fff;

}



.background-color i {

  color: #fff;

  text-align: right;

}



/*******************************

  SKEWED BACKGROUNDS

*******************************/



.bg-skew-main {

  height: 65%;

  background: #bfa16b;

  transform: skew(0deg, -5deg);

  margin: 25px 0; }



.content {

  transform: skew(0deg, 5deg);

  padding: 150px 0; }

  .content .intro {

    width: 80%;

    margin: 0 auto; }

    .content .intro h1 {

      color: #fff;

      text-transform: uppercase;

      font-weight: 800;

      text-align: center;

      margin: 0 auto; }

      .content .intro h1 span {

        color: #fff; }

    .content .intro p {

      color: #fff;

      text-transform: none;

      text-align: center;

      margin-bottom: 9rem; }

  .content h2, .content h3 {

    text-align: center;

    color: #fff;

    margin-bottom: 1rem; }

  .content p {

    color: #fff;

    text-align: left; }



.bg-skew-contact {

  height: 45%;

  background: #bfa16b;

  transform: skew(0deg, -10deg);

  margin-top: 500px; }

  .bg-skew-contact .contact {

    margin: -100px 0 150px; }

  .bg-skew-contact .social li a {

    color: #fff;

    text-decoration: underline; }



@media only screen and (min-width: 40.063em) and (max-width: 64.062em) {

  .intro p.subheader {

    margin-bottom: 5rem; }

  .intro h2 {

    margin: 2rem; }



  .bg-skew-contact {

    margin-top: 100px; }

    

  .sub-menu>li> a {color:#bfa16b;}

.sub-menu>li> a:hover {color:#bfa16b;}



ul li ul, ul li ul li ul{

list-style-type:none;

text-align:left;

padding:10px;

}  

    

     }

@media only screen and (min-width: 64.063em) {

  .intro p.subheader {

    margin-bottom: 0; }



  .bg-skew-contact {

    margin-top: 100px; } 

   .sub-menu>li> a {color:#bfa16b;}

.sub-menu>li> a:hover {color:#bfa16b;}



ul li ul, ul li ul li ul{

list-style-type:none;

text-align:left;

padding:10px;

} 

    

    

    }



.subheader a {

  color: #fff;

  text-decoration: underline;

}



/*******************************

  ACCORDION / FAQ

*******************************/



.accordion-title {

  color: #fff;

  background-color: #bfa16b;

}



.accordion-title:hover,

.accordion-title:focus {

  color: #000;

  background-color: #ceb280;

}



.accordion-title:active {

  color: #d3d3d3;

  background-color: #c4553c;

}



.accordion-content {

  color: #000;

  background-color: #D3D3D3;

}



/*******************************

  MATERIAL CARDS

*******************************/



.card {

  font-family: 'Roboto', sans-serif;

  overflow: hidden;

  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

  color: #272727;

  border-radius: 2px; 

 margin-bottom: 2rem; 

  }

  .card .title {

    line-height: 3rem;

    font-size: 1.5rem;

    font-weight: 300; }

  .card .content-card {

    padding: 1.3rem;

    font-weight: 300;

    border-radius: 0 0 2px 2px; }

  .card p {

    margin: 0; }

  .card .action {

    border-top: 1px solid rgba(160, 160, 160, 0.2);

    padding: 1.3rem;

    background-color: #bfa16b;

    text-align: center;}

  .card .action h5,

  .card .action p {

    color: #fff;

  }

  .card a {

    color: #fff;

    margin-right: 1.3rem;

    transition: color 0.3s ease;

    text-transform: uppercase;

    text-decoration: none; }

  .card .image {

    position: relative; }

    .card .image .title {

      position: absolute;

      bottom: 0;

      left: 0;

      padding: 1.3rem;

      color: #fff; }

    .card .image img {

      border-radius: 2px 2px 0 0; }

    .card .image img:hover {

      opacity: 0.5;

    }



/*******************************

  PRICING TABLE

*******************************/



.pricing-table {

  border: solid 1px #DDDDDD; }

  .pricing-table li {

    border-bottom: dotted 1px #DDDDDD;

    font-size: 0.75rem;

    padding: 0.875rem 1.125rem; }

    .pricing-table li:last-child {

      border-bottom: 0; }

  .pricing-table .title {

    background-color: #333333;

    color: #EEEEEE;

    font-size: 0.875rem;

    border-bottom: 0; }

  .pricing-table .price {

    background-color: #F6F6F6;

    color: #333333;

    font-size: 1.75rem;

    border-bottom: 0; }

  .pricing-table .description {

    color: #777777;

    font-size: 0.625rem; }

  .pricing-table .button {

    margin: 0; }





/*******************************

  TESTIMONIALS

*******************************/



 .centered-text {

  text-align: center;

}



.quote {

  background: #ebf3f5;

  padding: 15px 20px 5px 15px;

  border-radius: 5px;

  margin-bottom: 30px;

}

.quote:after {

  content: '';

  width: 0px;

  height: 0px;

  border-style: solid;

  border-width: 20px 18px 0 18px;

  border-color: #ebf3f5 transparent transparent transparent;

  position: relative;

  top: 37px;

  left: 20px;

}



.student {

  margin-left: 25px;

  margin-bottom: 80px;

}



.student .photo {

  background-color: #ccc;

  border-radius: 100px;

  width: 60px;

  height: 60px;

  float: left;

  margin-right: 10px;

}

.student p {

  position: relative;

  top: 5px;

  text-transform: uppercase;

}

.student p:nth-child(2) {

  font-size: 16px;

  font-weight: 600;

  margin-bottom: 0;

}

.student p:nth-child(3) {

  font-size: 14px;

  color: #777;

}





/*******************************

  EVENT LISTINGS

*******************************/









/*******************************

  RESPONSIVE TIMELINE

*******************************/











/*******************************

  IMAGE HOVER EFFECTS

*******************************/



.image-wrapper {

  width: 100%;

  height: 100%;

  border: 1px solid rgba(0, 0, 0, 0.04);

  overflow: hidden;

  position: relative;

  text-align: center;

  border-radius: 4px; }



.image-overlay-content {

  width: 100%;

  height: 100%;

  position: absolute;

  overflow: hidden;

  top: 0;

  left: 0; }



.overlay-fade-in p {

  letter-spacing: 0.15em;

  color: #f4f4f4;

  font-size: 28px;

  opacity: 0;

  transition: all 0.2s linear; }

.overlay-fade-in img {

  transition: all 0.2s linear; }

.overlay-fade-in .image-overlay-content {

  opacity: 0;

  background-color: rgba(0, 0, 0, 0.4);

  transition: all 0.4s ease-in-out; }

.overlay-fade-in h2 {

  color: #f2f2f2;

  font-size: 1.8rem;

  margin-top: 40%;

  opacity: 0;

  transition: all 0.2s ease-in-out;

  background: rgba(0, 0, 0, 0.7); }

.overlay-fade-in .button {

  display: inline-block;

  text-decoration: none;

  padding: 7px 14px;

  background: #FFF;

  color: #222;

  text-transform: uppercase;

  box-shadow: 0 0 1px #000;

  position: relative;

  border: 1px solid #999;

  opacity: 0;

  transition: all 0.2s ease-in-out; }

  .overlay-fade-in .button:hover {

    box-shadow: 0 0 5px #000; }

.overlay-fade-in:hover img {

  transform: scale(1.2); }

.overlay-fade-in:hover .image-overlay-content {

  opacity: 1; }

.overlay-fade-in:hover h2, .overlay-fade-in p, .overlay-fade-in .button {

  opacity: 1; }

.overlay-fade-in:hover p {

  transition-delay: 0.1s; }

.overlay-fade-in:hover .button {

  transition-delay: 0.2s; }



.overlay-slide-in-left img {

  transition: all 0.3s ease-in-out; }

.overlay-slide-in-left .image-overlay-content {

  background-image: url(http://www.awwwards.com/awards/images/2015/04/pattern.jpg);

  background-color: rgba(0, 0, 0, 0.3);

  transform: translateX(-110%);

  opacity: 1;

  transition: all 0.4s ease-in-out;

  box-shadow: 0 0 7px #ccc; }

.overlay-slide-in-left h2 {

  font-size: 1.8rem;

  background: rgba(255, 255, 255, 0.7);

  margin-top: 40%;

  color: #000;

  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1); }

.overlay-slide-in-left p {

  opacity: 0;

  color: #333;

  transition: all 0.2s linear; }

.overlay-slide-in-left .button {

  display: inline-block;

  text-decoration: none;

  padding: 7px 14px;

  background: #000;

  color: #fff;

  text-transform: uppercase;

  box-shadow: 0 0 1px #000;

  position: relative;

  border-radius: 7px; }

  .overlay-slide-in-left .button:hover {

    background-color: #444; }

.overlay-slide-in-left:hover .image-overlay-content {

  transform: translateX(0px); }

.overlay-slide-in-left:hover img {

  transform: translateX(80%);

  transition-delay: 0.1s; }

.overlay-slide-in-left:hover p {

  opacity: 1;

  transition-delay: 0.4s; }



.overlay-fade-in-new-background .button {

  display: inline-block;

  text-decoration: none;

  padding: 7px 14px;

  background: #000;

  color: #fff;

  text-transform: uppercase;

  border-radius: 5px;

  box-shadow: 0 0 1px #000;

  position: relative;

  opacity: 0;

  transition: all 0.2s ease-in-out; }

  .overlay-fade-in-new-background .button:hover {

    box-shadow: 0 0 5px #fff;

    background-color: #222; }

.overlay-fade-in-new-background p {

  font-size: 28px; }

.overlay-fade-in-new-background .image-overlay-content {

  opacity: 0;

  background-image: url(http://subtlepatterns.com/patterns/gplaypattern.png);

  background-color: rgba(255, 255, 255, 0.5);

  transition: all 0.4s ease-in-out; }

.overlay-fade-in-new-background h2 {

  color: #000;

  font-size: 1.6rem;

  margin-top: 30%;

  opacity: 0;

  transition: all 0.2s ease-in-out; }

.overlay-fade-in-new-background p {

  opacity: 0;

  transition: all 0.2s linear; }

.overlay-fade-in-new-background img {

  transition: all 0.2s ease-in-out; }

.overlay-fade-in-new-background:hover img {

  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");

  filter: gray;

  -webkit-filter: grayscale(100%);

  transform: scale(1.5); }

.overlay-fade-in-new-background:hover .image-overlay-content {

  opacity: 1; }

.overlay-fade-in-new-background:hover h2, .overlay-fade-in-new-background p, .overlay-fade-in-new-background .button {

  opacity: 1; }

.overlay-fade-in-new-background:hover p {

  transition-delay: 0.1s; }

.overlay-fade-in-new-background:hover .button {

  transition-delay: 0.2s; }





/*******************************

  INFO CARD

*******************************/



.box {

  border-radius: 3px;

  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

  padding: 10px 25px;

  display: block;

  margin-top: 60px; }



.box-icon {

  background-color: #569;

  border-radius: 50%;

  display: table;

  height: 100px;

  margin: 0 auto;

  width: 100px;

  margin-top: -61px;

  font-size: 3rem; }

  .box-icon span {

    color: #fff;

    display: table-cell;

    text-align: center;

    vertical-align: middle; }



.info h4 {

  font-size: 26px;

  letter-spacing: 2px;

  text-transform: uppercase; }

.info p {

  color: #717171;

  font-size: 16px;

  padding-top: 10px; }

.info a {

  border-radius: 2px;

  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

  transition: all 0.5s ease 0s; }

  .info a:hover {

    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.12);

    transition: all 0.5s ease 0s; }





/********************************************************************

  FOUNDATION ICON SETTINGS

********************************************************************/

      

      .size-12 { font-size: 12px; }

      

      .size-14 { font-size: 14px; }

      

      .size-16 { font-size: 16px; }

      

      .size-18 { font-size: 18px; }

      

      .size-21 { font-size: 21px; }

      

      .size-24 { font-size: 24px; }

      

      .size-36 { font-size: 36px; }

      

      .size-48 { font-size: 48px; }

      

      .size-60 { font-size: 60px; }

      

      .size-72 { font-size: 72px; }

      



      .usage { margin-top: 10px; }



      .usage input {

        font-family: monospace;

        margin-right: 3px;

        padding: 2px 5px;

        text-align: center;

      }



      .usage .point { width: 150px; }



      .usage .class { width: 250px; }





/********************************************************************

  PROJECT-SPECIFIC CUSTOM CSS

********************************************************************/



.top-content {

  background-color: #f2f1f1;

  color: #8a8a8a;

}



.top-content a,

.top-content p {

  color: #8a8a8a;

  vertical-align: middle;

  margin: 13px 25px 10px 0;

  display: inline-block;

  font-size: 1em;

}



.top-content-right a,

.top-content-right p, {

  margin: 10px 0 10px 25px; ;

}



.product-nav li {

  list-style-type: none;

  background-color: #bfa16b;

  border: 1px solid #ddc69e;

  padding: 10px;

}



.product-nav li:hover,

.product-nav li a:hover {

  background-color: #fff;

  color: #bfa16b;

}



.product-nav li a {

  color: #fff;

  padding: 10px 25px;

}



table tbody td, table tbody th {

  padding: 5px 10px;

}



.tabs-title > a {

  color: #bfa16b;

  background-color: #f2ebde;

}



.tabs-title > a:hover {

  color: #bfa16b;

  background-color: #f2ebde;

}



.tabs-title > a:focus, .tabs-title > a[aria-selected="true"] {

  color: #f2ebde;

  background-color: #bfa16b;

}



@media screen and (max-width: 39.9375em) {

 .tabs-title {

  max-height: 25px;

  padding: 0.25rem 0rem;

 }

.tabs-title > a {

  padding: 0.25rem 1.25rem;

}



p {

  font-size: 0.8em;

}



.half-space {

  padding: 12px 0;

}

.sub-menu>li> a {color:#bfa16b;}

.sub-menu>li> a:hover {color:#bfa16b;}



ul li ul, ul li ul li ul{

list-style-type:none;

text-align:left;

padding:10px;

}

}



.location-styles h3 {

  background-color: #bfa16b;

  color: #fff;

  padding: 5px 20px;

}



.location-styles p {

  padding: 5px 20px;

}



table thead {

  background-color: #bfa16b;

}



table {

  color: #8a8a8a;

}



.wpcf7-submit {

  background-color: #fff;

  font-family: 'Roboto', sans-serif;

  color: #bfa16b;

  padding: 10px 30px;

  border: none;

  margin-top: 10px;

}



label {

  font-size: 1rem;

  color: #8a8a8a;

}



.how-it-works-img img {

    display: block;

    margin: 0 auto;

}



.selected .wc-south {

    display: none !important;

    margin-left: 4px;

}



.button {

    display: inline-block;

    vertical-align: middle;

    margin: 0 0 1rem 0;

    padding: 0.85em 1em;

    -webkit-appearance: none;

    border: 1px solid transparent;

    border-radius: 0;

    transition: background-color 0.25s ease-out, color 0.25s ease-out;

    font-size: 0.9rem;

    line-height: 1;

    text-align: center;

    cursor: pointer;

    background-color: #bfa16b;

    color: #fefefe;

}



[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea {

    display: block;

    box-sizing: border-box;

    width: 100%;

    height: 2.4375rem;

    margin: 0 !important;

    padding: 0.5rem;

    border: 1px solid #cacaca;

    border-radius: 0;

    background-color: #fefefe;

    box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);

    font-family: inherit;

    font-size: 1rem;

    font-weight: normal;

    color: #0a0a0a;

    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

}

.button{margin:0 !important;}



h3 {

     font-size: 1.10rem !important; 

}

.woocommerce-checkout #payment {

    background: none !important; 

    border-radius: 5px;

}

.label {

    display: inline-block;

    padding: 0.33333rem 0.5rem;

    border-radius: 0;

    font-size: 0.8rem;

    line-height: 1;

    white-space: nowrap;

    cursor: default;

    background: none;

    color: #fefefe;

}

select {

    width: 75%;

    border-radius: 0;

}

.woocommerce-product-gallery{text-align:center;}

.product_title{font-size: 1.25rem;margin-top:10px;}

.quantity{margin-bottom:10px;}

abbr[title] {

    border-bottom: none;

    text-decoration: underline;

    text-decoration: none;

}



.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {

    font-size: 100%;

    margin: 0;

    line-height: 1;

    cursor: pointer;

    position: relative;

    text-decoration: none;

    overflow: visible;

    padding: .618em 1em;

    font-weight: 700;

    border-radius: 0px;

    left: auto;

    color: #fff;

    background-color: #bfa16b;

    border: 0;

    display: inline-block;

    background-image: none;

    -webkit-box-shadow: none;

    box-shadow: none;

    text-shadow: none;

    font-family: 'Roboto', sans-serif;

    font-weight:normal;

}



.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {

    background-color: #bfa16b;

    color: #fff;

    -webkit-font-smoothing: antialiased;

}

h2 {

    font-size: 1.7rem;

}



.single-product{

    max-width: 75rem !important;

    margin-right: auto;

    margin-left: auto;

    /*width: 75rem !important;*/

}



footer .wpcf7-form label {

  color: #fff;

}



.breadcrumbs {

  background-color: #f2f1f1;

  color: #bfa16b;

  text-transform:uppercase;

  font-size: 0.6875rem;

}



.breadcrumbs li {

  color: #000; 

}



.breadcrumbs li a {

  color: #bfa16b; 

}



.button.secondary:hover,

.button.secondary:focus {

  background-color: #fefefe;

  color: #5e5e5e;

}



.breadcrumbs a {

    color: #bfa16b;

}



.breadcrumbs >.active {

   color: black;

}



.tabs-title > a:focus, .tabs-title > a[aria-selected="true"] {

  color: #f2ebde;

  background-color: #bfa16b;

}

.tabs-panel2{ padding: 1rem;}



.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {

    background-color: #fff;

    color: #bfa16b;

}



.woocommerce div.product form.cart .button {

    vertical-align: middle;

    float: left;

    margin-top: 5px !important;

    font-size:20px;

    text-transform: capitalize;

}



.woocommerce .quantity .qty {

    width: 100%; 

    text-align: center;

}



.woocommerce nav.woocommerce-pagination {

    text-align: center;

    margin-bottom: 30px !important;

}

.woocommerce-pagination{

 background:none;

}



.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {

    padding: .5em 0;

    margin: 0;

    font-size: 1.25em;

}

.woocommerce ul.products li.product .price {

    color: #8a8a8a;

    display: block;

    font-weight: 400;

    margin-bottom: .5em;

    font-size: 1em;

}



.woocommerce ul.products li.product .button {

    margin-top: 1em;

    text-transform: capitalize;

}



.woocommerce nav.woocommerce-pagination ul {

    display: inline-block;

    white-space: nowrap;

    padding: 0;

    clear: both;

    border: 1px solid #d3ced2;

    border-right: 0;

    margin: 1px;

    background: #bfa16b;

}





.page-numbers {

    background-color: #bfa16b ;    

}



.woocommerce nav.woocommerce-pagination ul li span.current {

    background: #fff;

    color: #bfa16b;

}



.woocommerce-result-count {

    padding-left: 4%;

}



.woocommerce-ordering {

    padding-right: 4%;

}



.shop_table .carthide{

  display:none;

} 



.shop_table .columns{

  float:left !important;

} 



.related .add_to_cart_button{

  display:none !important;

}  



.product-icons i {

  color: #bfa16b;

  margin-top: 0;

  padding-top: 0;

  border-top: 0;

}

.title h2{

    line-height: 3rem;

    font-size: 1.5rem;

    font-weight: 300;

    text-transform:none;

    color:#fff;

}





@media (max-width: 640px) {

    .show-for-medium-up { 

      display: none;

    }

    .testimonial img {

      height: 100px;

      width: 100px;

    }

    .attachment-woocommerce_thumbnail,

    .attachment-woocommerce_thumbnail img {

      height: 100%;

      width: 100%;

    }

    .icon-center-small {

      text-align: center;

      padding: 15px 0;

    }

    .sub-menu>li> a {color:#bfa16b;}

.sub-menu>li> a:hover {color:#bfa16b;}



ul li ul, ul li ul li ul{

list-style-type:none;

text-align:left;

padding:10px;

}

}



.yith_magnifier_zoom {

  pointer-events: none;

  cursor: default;

  text-decoration: none;

}





  nav {

  	z-index: 99999 !important;

    }

  .maincontainer {

		z-index: 1 !important;

	}



.sub-menu>li> a {color:#bfa16b;}

.sub-menu>li> a:hover {color:#bfa16b;}



ul li ul, ul li ul li ul{

list-style-type:none;

text-align:left;

padding:10px;

}