.project-tiles, #x-root, li, ul, img, a { 
	overflow-y: hidden;
}

li.product {
	animation: show 600ms 100ms cubic-bezier(0.38, 0.97, 0.56, 0.76) forwards;

	/* Prestate */
	opacity: 0;
	/* remove transform for just a fade-in */
	transform: rotateX(-90deg);
	transform-origin: top center;
}

@keyframes show {
  100% {
    opacity: 1;
    transform: none;
  }
}

#loadMore {margin-bottom: 30px;}

.productContent {
	width: 65%;
	float: right;
	flex: 1;
	background-color: #fff;
}

.dimProduct {
	opacity: .50;
}

/* Style the sidenav links and the dropdown button */
/* Fixed sidenav, full height */
.sideNav {
  height: 100%;
  width: 35%;
  float: left;
  z-index: 1;
  top: 0;
  left: 0;
  overflow-x: hidden;
  padding-top: 20px;
  padding-right: 25px;
  flex: .40;
  
  transition: transform 1.1s;
}

.sideNavInner {
	display: block;
	margin-left: auto;
	
}

.checked-bold {
	font-weight: 700;
}

.sidenav a, .dropdown-btn {
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  font-size: 16px;
  color: #1c4666;
  display: block;
  border: none;
  background: none;
  text-align: left;
  cursor: pointer;
  outline: none;
}

/* Main content */
.main {
  margin-left: 200px; /* Same as the width of the sidenav */
  font-size: 16px; /* Increased text to enable scrolling */
  padding: 0px 10px;
}

/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container {
  display: none;
  background-color: #eff7fa;
  padding-left: 8px;
}

.inner {
	font-size: 14px;
}

/* Optional: Style the caret down icon */
.fa-caret-down {
  float: right;
  padding-right: 8px;
}

.x-text-content-text {
	display: block;
	text-align: center;
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -1.5625rem;
    margin-right: -1.5625rem;
}

.items-stretch {
    -ms-flex-align: stretch;
    align-items: stretch;
}

.col {
    padding-left: 1.5625rem;
    padding-right: 1.5625rem;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

.max-w-xs {
    max-width: 20rem;
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.pb-5 {
    padding-bottom: 1.25rem;
}

.productsContent {
	height: 100%;	
	display: flex;
  background-color: #eff7fa;
}

.x-text-content-text-primary {
	font-size: 64px;
    font-weight: 700;
}

.x-text-content-text-subheadline {
	margin-top: 0.35em;
    font-family: "Kadwa",serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0em;
    text-align: center;
    text-transform: none;
    color: #1c4666;
}

.pageHeader {
	padding-top: 65px;
    padding-bottom: 65px;
	text-align: center;
}

.header {
	color: #1c4666;
	border-bottom: 1px solid #5fb0c8;
	font-weight: 700;
}

.headerInfo {
	display: flex;
    justify-content: space-between
}

.expansion-icon {
  width: 20px;
  height: 20px;
  font-size: 20px;
  text-align: center;
  line-height: 20px
} 

/* Find My Fit */
#findmyfit {
    padding-bottom: 45px;
}
.fmfHeader {
	font-size: 40px;
}

.fmfContentRow {
	display: flex;
  	flex-wrap: wrap;
	justify-content: center;
}

.fmfContent {
	width: 60%;
}

.fmfPageHeader {
	padding-top: 5px;
    padding-bottom: 5px;
	text-align: center;
}

.fmfRetakeBtn {
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #1c4666;
  font-size: 20px;
  background: #eff7fa;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  font-weight: 700;
}
/* Find My Fit end */

/* Sidebar Search */
.searchBtnF {
    padding: 2px;
    width: 100%;
    display: block;
}

.search-field {
	width: 100%;
  color: #1c4666 !important;
}

/* Sidebar Search End */

button.sideNav-toggle {display: none}

/* Some media queries for responsiveness */

@media (min-width: 979px) {
	.sideNavInner{
		width: 50%
	}

  [class*=woocommerce] ul.products.columns-3 li.product {
		width: 25.66667%;
	}
}

@media (max-width: 680px){

	.sidenav {padding-top: 15px;}
	.sidenav a {font-size: 18px;}
	
	div.sideNavInner > .productSearch {
		display:none;
	}
	
	.pageHeader{
		display: none;
	}
	
	.productsContent{
		flex-direction: column;
	}
	
	.sideNav {
		width: 100%;
		padding: 0px;
		/*visibility: collapse;*/
		max-height: 30px;
		overflow: hidden;
	}
	button.sideNav-toggle {display: inline}
	
	.productContent {
		width: 100%;
	}
}
/*ul.project-tiles > */
li.has-post-thumbnail.product { box-shadow: None; border: 1px solid #ccc; border-radius: 6px; }
li.has-post-thumbnail.product:hover { box-shadow: 0 .15em .35em #0002;  }

#productContent img.attachment-woocommerce_thumbnail{ border: 1px solid #ccc; border-radius: 6px; }