@charset "UTF-8";
/* CSS Document 
@import url(https://db.onlinewebfonts.com/c/a575313c6dc4fd00c1a9506e1c3ea4fc?family=Euclid+Circular+A);*/

.cms-column[data-column-id="1"]{
padding-left:0px!important;
padding-right:0px!important;
	overflow: hidden;
}
.sitewidth {
padding-left:10vw!important;
padding-right:10vw!important;
}

.topspace {
padding-top:25px;
}

.title-Heading{
	    font-family: Euclid Circular A,MontserratRegular,Arial,Verdana,Helvetica,sans-serif;
    font-weight: 700;
	color: #003b4d;
    font-size: 32px!important;
}

.subheading{
	    font-family: Euclid Circular A,MontserratRegular,Arial,Verdana,Helvetica,sans-serif;
    font-weight: 700;
	color: #3d3e3f;
    font-size: 20px!important;
}


.full-button {

	    background: #003b4d;

    border: 1px solid #003b4d;

    color: #fefefe;

	cursor: pointer;

	border-radius: 30px;

    font-family: Euclid Circular A,MontserratRegular,Arial,Verdana,Helvetica,sans-serif;

    font-size: 1.125rem;

    font-weight: 500;

    line-height: 1.375rem;

    text-align: center;

    text-decoration: none;

    text-transform: uppercase;

	padding:10px;

	width:20vw!important;

	top:-5vw;

	@media only screen and (max-width: 450px) {

		width:50vw!important;

		top:0vw;

	}

	margin-left:auto;

	margin-right: auto;

	position: relative;


}
 

.shopnow-button {
	    background: #003b4d;
    border: 1px solid #003b4d;
    color: #fefefe;
	cursor: pointer;
	border-radius: 30px;
    font-family: Euclid Circular A,MontserratRegular,Arial,Verdana,Helvetica,sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.375rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
	padding:10px;
	width:15vw!important;
	@media only screen and (max-width: 450px) {
		width:50vw!important;}

}
 

 

.shopnow-button:hover {
	background-color: #74aaad;
   color: #ffffff;
	cursor: pointer;
	border-radius: 30px;
    font-family: Euclid Circular A,MontserratRegular,Arial,Verdana,Helvetica,sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.375rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
	padding:10px;
	
}
.explore{
    background-color: #f6f6f6;
    margin-bottom: 80px;
	
	padding:2%;
	margin-top:45px;
	margin-bottom:45px;
} /* Homepage small explore block Grey background and spacing */

.explore-link {
	 font-family: Euclid Circular A,MontserratRegular,Arial,Verdana,Helvetica,sans-serif;
	color: #003b4d;
    font-size: 10px!important; 
	text-decoration: none;
    text-transform: uppercase;
	font-weight: 700;
	padding-top:10px;
}
@media only screen and (max-width: 600px) {
    
    
.explore-link {
	 font-family: Euclid Circular A,MontserratRegular,Arial,Verdana,Helvetica,sans-serif;
	color: #003b4d;
    font-size: 10px!important; 
	text-decoration: none;
    text-transform: uppercase;
	font-weight: 700;
	padding-top:10px;
}
.explore-link:after 
 {content: ' >';}
}
@media (min-width:1115px) {

.explore-link {
	 font-family: Euclid Circular A,MontserratRegular,Arial,Verdana,Helvetica,sans-serif;
	color: #003b4d;
    font-size: 16px!important; 
	text-decoration: none;
    text-transform: uppercase;
	font-weight: 700;
	padding-top:10px;
}

.explore-link:after 
 {content: ' >';}
}

.fullgreen{
padding-left:10vw!important;
padding-right:10vw!important;
	background-color: #003b4d;
    color: #f9f9f9;
    padding: 2rem 1rem;
}

.green-copy {
 font-family: Euclid Circular A,MontserratRegular,Arial,Verdana,Helvetica,sans-serif;
    font-size: 20px!important;
	    font-weight: 700!important;
	 line-height: 32px;
}
.fullwidth3 .v-col-12 {
padding:0px;	
}


.full-button {
	    background: #003b4d;
    border: 1px solid #003b4d;
    color: #fefefe;
	cursor: pointer;
	border-radius: 30px;
    font-family: Euclid Circular A,MontserratRegular,Arial,Verdana,Helvetica,sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.375rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
	padding:10px;
	width:20vw!important;
	top:-5vw;
	@media only screen and (max-width: 450px) {
		width:50vw!important;
		top:vw;
	}
	margin-left:auto;
	margin-right: auto;
	position: relative;

}

.full-button:hover {
	background-color: rgb(195, 210, 0);
    border: 1px solid #003b4d;
   color: #3d3e3f;
	cursor: pointer;
	border-radius: 30px;
    font-family: Euclid Circular A,MontserratRegular,Arial,Verdana,Helvetica,sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.375rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
	padding:10px;
	width:20vw!important;
}



#hottercss h1 {
		    font-family: Euclid Circular A,MontserratRegular,Arial,Verdana,Helvetica,sans-serif;
    font-weight: 900!important;
	color: #003b4d;
    font-size: 32px!important;
	  text-transform: uppercase;
	margin-left:-15px!important;
}

#hottercss h2 {
		    font-family: Euclid Circular A,MontserratRegular,Arial,Verdana,Helvetica,sans-serif;
    font-weight: 700!important;
	color: #003b4d;
    font-size: 22px!important;
	  text-transform: uppercase;
	margin-top:20px;
}


#hottercss p, #hottercss li {
		    font-family: Euclid Circular A,MontserratRegular,Arial,Verdana,Helvetica,sans-serif;
    font-weight: 300!important;
	color: #0a0a0a;
    font-size: 16px!important;
	  
}



#hottercss li {
	margin-bottom: 3px!important;
}


@media only screen and (max-width: 414px) {
  .shopnow-button {
	 
	width:50vw!important;

  }
	.full-button {
	 top:-20vw;
	width:50vw!important;

  }
	.full-button {
	    background: #003b4d;
    border: 1px solid #003b4d;
    color: #fefefe;
	cursor: pointer;
	border-radius: 30px;
    font-family: Euclid Circular A,MontserratRegular,Arial,Verdana,Helvetica,sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.375rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
	padding:10px;
	width:100%!important;
	margin-left:auto;
	margin-right: auto;
	position: relative;
	top:-5vw;
}

.full-button:hover {
	background-color: rgb(195, 210, 0);
    border: 1px solid #003b4d;
   color: #3d3e3f;
	cursor: pointer;
	border-radius: 30px;
    font-family: Euclid Circular A,MontserratRegular,Arial,Verdana,Helvetica,sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.375rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
	padding:10px;
	width:100%!important;
}

}


@media only screen and (max-width: 429px) {

	.full-button {
	    background: #003b4d;
    border: 1px solid #003b4d;
    color: #fefefe;
	cursor: pointer;
	border-radius: 30px;
    font-family: Euclid Circular A,MontserratRegular,Arial,Verdana,Helvetica,sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.375rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
	padding:10px;
	width:80%!important;
	margin-left:auto;
	margin-right: auto;
	position: relative;
	top:-5vw;
}

.full-button:hover {
	background-color: rgb(195, 210, 0);
    border: 1px solid #003b4d;
   color: #3d3e3f;
	cursor: pointer;
	border-radius: 30px;
    font-family: Euclid Circular A,MontserratRegular,Arial,Verdana,Helvetica,sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.375rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
	padding:10px;
	width:80%!important;
}

}

/* ^ input by p.howse ^ */

/* v input by a.donaldson v */

.full-button-reverse { 
	    background: #ffffff;
    border: 1px solid #ffffff;
    color: #003b4d;
	cursor: pointer;
	border-radius: 30px;
    font-family: Euclid Circular A,MontserratRegular,Arial,Verdana,Helvetica,sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.375rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
	padding:10px;
	width:20vw!important;
	top:-5vw;
	@media only screen and (max-width: 450px) {
		width:70vw!important;
		top:-15vw;
	}
	margin-left:auto;
	margin-right: auto;
	position: relative;

}
.full-button-reverse:hover {
	background-color: #003b4d;
    border: 1px solid #003b4d;
   color: #ffffff;
	cursor: pointer;
	border-radius: 30px;
    font-family: Euclid Circular A,MontserratRegular,Arial,Verdana,Helvetica,sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.375rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
	padding:10px;
	width:20vw!important;
    @media only screen and (max-width: 450px) {
        width:70vw!important;
        top:-15vw;
    }
}

.content-button {

	    background: #003b4d;
    color: #fefefe;
	cursor: pointer;
	border-radius: 30px;
    font-family: Euclid Circular A,MontserratRegular,Arial,Verdana,Helvetica,sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.375rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
	padding:10px;
	width:20vw!important;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
	@media only screen and (max-width: 450px) {
		width:75vw!important;}
}
 
.content-button:hover {
	background-color: #74aaad;
   color: #fefefe;
	cursor: pointer;
	border-radius: 30px;
    font-family: Euclid Circular A,MontserratRegular,Arial,Verdana,Helvetica,sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.375rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
	padding:10px;
	
}

.img-cont-page-slot {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
    padding-top: 10px;
}

.img-cont-page-slot-small {
    margin-left: auto;
	@media only screen and (max-width: 450px) {
		margin-right: auto;}
}

.fitpageshop-button {
    background: #003b4d;
    color: #fefefe;
    cursor: pointer;
    font-family: Euclid Circular A, MontserratRegular, Arial, Verdana, Helvetica, sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.375rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    padding: 5px;
    width: auto !important;
    margin-top: 10px;
    margin-bottom: 10px;
}

.fitpageshop-button:hover {
	background-color: #74aaad;
   color: #fefefe;
	cursor: pointer;
    font-family: Euclid Circular A,MontserratRegular,Arial,Verdana,Helvetica,sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.375rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
	padding:5px;
	
}

.fit-carousel {
	width: auto!important;
    max-height: 200px;
    margin-left: auto;
    margin-right: auto;
}

.fitpage-header-img {
	margin-top: 20px;
    margin-bottom: 20px;
}

.cont-page-collumn	{
	margin-right: 100px;
    margin-left: 100px;
    @media only screen and (max-width: 450px) {
		margin-right: 0px;
    	margin-left: 0px;}
}

.home-ft-text{
padding-left: 10vw !important;
    padding-right: 10vw !important;
    background-color: #ffffff;
    color: #000000;
    padding-bottom: 2rem;
}

.home-ft-copy {
 font-family: Euclid Circular A,MontserratRegular,Arial,Verdana,Helvetica,sans-serif;
    font-size: 20px!important;
     line-height: 32px;
}

.home-secondary-Heading{
	    font-family: Euclid Circular A,MontserratRegular,Arial,Verdana,Helvetica,sans-serif;
    font-weight: 700;
	color: #003b4d;
    font-size: 28px!important;
}

.home-secondary-subheading{
	    font-family: Euclid Circular A,MontserratRegular,Arial,Verdana,Helvetica,sans-serif;
    font-weight: 700;
	color: #3d3e3f;
    font-size: 25px!important;
}

.content-text-box{
    padding-top: 200px;
    @media only screen and (max-width: 450px) {
  padding-top: 20px;}
}

.content-text-ft-text{
    display: flex;
    justify-content: center;
    align-items: center;
    @media only screen and (max-width: 450px) {
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 20px;}
}

.title-back-summer{
	background-color: #74aaad;
    color: #ffffff;}


.content-header-banner{    
	padding-bottom: 20px;
    background-color: #74aaad;}


.season-button {
	background: #bdcea2;
    color: #fefefe;
	cursor: pointer;
	border-radius: 30px;
    font-family: Euclid Circular A,MontserratRegular,Arial,Verdana,Helvetica,sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.375rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
	padding:10px;
	width:20vw!important;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
	@media only screen and (max-width: 450px) {
		width:75vw!important;}
}

.season-button:hover {
	background-color: #ACB5C1;
   color: #fefefe;
	cursor: pointer;
	border-radius: 30px;
    font-family: Euclid Circular A,MontserratRegular,Arial,Verdana,Helvetica,sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.375rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
	padding:10px;
}

.home-secondary-button {

	    background: #003b4d;
    color: #fefefe;
	cursor: pointer;
	border-radius: 30px;
    font-family: Euclid Circular A,MontserratRegular,Arial,Verdana,Helvetica,sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.375rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
	padding:10px;
	width:20vw!important;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
	@media only screen and (max-width: 450px) {
		width:75vw!important;}
}

.home-secondary-button:hover {
	background-color: #7f98a9;
   color: #fefefe;
	cursor: pointer;
	border-radius: 30px;
    font-family: Euclid Circular A,MontserratRegular,Arial,Verdana,Helvetica,sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.375rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
	padding:10px;
	
}

.pink-ss25-button {

	    background: #f9bdc2;
    color: #fefefe;
	cursor: pointer;
	border-radius: 30px;
    font-family: Euclid Circular A,MontserratRegular,Arial,Verdana,Helvetica,sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.375rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
	padding:10px;
	width:15vw!important;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
	@media only screen and (max-width: 450px) {
		width:75vw!important;}
}

.pink-ss25-button:hover {
	background-color: #ff919a;
   color: #fefefe;
	cursor: pointer;
	border-radius: 30px;
    font-family: Euclid Circular A,MontserratRegular,Arial,Verdana,Helvetica,sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.375rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
	padding:10px;
	
}

.wimbledon-white-ss25-button{
background: #ffffff;
    color: #003b4d;
    cursor: pointer;
    border-radius: 30px;
    font-family: Euclid Circular A, MontserratRegular, Arial, Verdana, Helvetica, sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.375rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px;
    width: 14vw !important;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
   	@media only screen and (max-width: 450px) {
		width:75vw!important;}
    border: 1px solid #003b4d;
}

.wimbledon-white-ss25-button:hover {
	background-color: #f9bdc2;
   color: #fefefe;
	cursor: pointer;
	border-radius: 30px;
    font-family: Euclid Circular A,MontserratRegular,Arial,Verdana,Helvetica,sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.375rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
	padding:10px;
	
}

.slice-cta-text-box{
    padding-top: 50px;
    @media only screen and (max-width: 450px) {
  padding-top: 20px;}
}

.classics-ss25-button {

        background: #80a9ab;
    color: #fefefe;
    cursor: pointer;
    border-radius: 30px;
    font-family: Euclid Circular A,MontserratRegular,Arial,Verdana,Helvetica,sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.375rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    padding:10px;
    width:15vw!important;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
    @media only screen and (max-width: 450px) {
        width:55vw!important;}
}
 
.classics-ss25-button:hover {
    background-color: #97bbbd;
   color: #fefefe;
    cursor: pointer;
    border-radius: 30px;
    font-family: Euclid Circular A,MontserratRegular,Arial,Verdana,Helvetica,sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.375rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    padding:10px;
    
}

.grey-content-button {

        background: #3D3D3D;
    color: #fefefe;
    cursor: pointer;
    border-radius: 30px;
    font-family: Euclid Circular A,MontserratRegular,Arial,Verdana,Helvetica,sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.375rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    padding:10px;
    width:20vw!important;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
    @media only screen and (max-width: 450px) {
        width:75vw!important;}
}

.grey-content-button:hover {
    background-color: #ACB5C1;
   color: #fefefe;
    cursor: pointer;
    border-radius: 30px;
    font-family: Euclid Circular A,MontserratRegular,Arial,Verdana,Helvetica,sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.375rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    padding:10px;
    
}

.trainers-content-button {

        background: #003b4d;
    color: #fefefe;
    cursor: pointer;
    border-radius: 30px;
    font-family: Euclid Circular A,MontserratRegular,Arial,Verdana,Helvetica,sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.375rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    padding:10px;
    width:20vw!important;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
    @media only screen and (max-width: 450px) {
        width:75vw!important;}
}

.trainers-content-button:hover {
    background-color: #EFDCC2;
   color: #5C563F;
    cursor: pointer;
    border-radius: 30px;
    font-family: Euclid Circular A,MontserratRegular,Arial,Verdana,Helvetica,sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.375rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    padding:10px;
    
}

.tv-ad-content-button {

        background: #EFDCC2;
    color: #5C563F;
    cursor: pointer;
    border-radius: 30px;
    font-family: Euclid Circular A,MontserratRegular,Arial,Verdana,Helvetica,sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.375rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    padding:10px;
    width:20vw!important;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
    @media only screen and (max-width: 450px) {
        width:75vw!important;}
}

.tv-ad-content-button:hover {
    background-color: #EFDCC2;
   color: #ffffff;
    cursor: pointer;
    border-radius: 30px;
    font-family: Euclid Circular A,MontserratRegular,Arial,Verdana,Helvetica,sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.375rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    padding:10px;
    
}

.red-content-button {

        background: #743844;
    color: #fefefe;
    cursor: pointer;
    border-radius: 30px;
    font-family: Euclid Circular A,MontserratRegular,Arial,Verdana,Helvetica,sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.375rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    padding:10px;
    width:20vw!important;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
    @media only screen and (max-width: 450px) {
        width:75vw!important;}
}

.red-content-button:hover {
    background-color: #e6cfb2;
   color: #5c5640;
    cursor: pointer;
    border-radius: 30px;
    font-family: Euclid Circular A,MontserratRegular,Arial,Verdana,Helvetica,sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.375rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    padding:10px;
    
}

.green-content-button {

        background: #5c5640;
    color: #fefefe;
    cursor: pointer;
    border-radius: 30px;
    font-family: Euclid Circular A,MontserratRegular,Arial,Verdana,Helvetica,sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.375rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    padding:10px;
    width:20vw!important;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
    @media only screen and (max-width: 450px) {
        width:75vw!important;}
}

.green-content-button:hover {
    background-color: #e6cfb2;
   color: #5c5640;
    cursor: pointer;
    border-radius: 30px;
    font-family: Euclid Circular A,MontserratRegular,Arial,Verdana,Helvetica,sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.375rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    padding:10px;
    
}

.choc-content-button {

        background: #522E24;
    color: #fefefe;
    cursor: pointer;
    border-radius: 30px;
    font-family: Euclid Circular A,MontserratRegular,Arial,Verdana,Helvetica,sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.375rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    padding:10px;
    width:20vw!important;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
    @media only screen and (max-width: 450px) {
        width:75vw!important;}
}

.choc-content-button:hover {
    background-color: #e6cfb2;
   color: #5c5640;
    cursor: pointer;
    border-radius: 30px;
    font-family: Euclid Circular A,MontserratRegular,Arial,Verdana,Helvetica,sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.375rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    padding:10px;
    
}

.met-content-button {

        background: #4b1f2a;
    color: #fefefe;
    cursor: pointer;
    border-radius: 30px;
    font-family: Euclid Circular A,MontserratRegular,Arial,Verdana,Helvetica,sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.375rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    padding:10px;
    width:20vw!important;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
    @media only screen and (max-width: 450px) {
        width:75vw!important;}
}

.met-content-button:hover {
    background-color: #e9d4b8;
   color: #5c5640;
    cursor: pointer;
    border-radius: 30px;
    font-family: Euclid Circular A,MontserratRegular,Arial,Verdana,Helvetica,sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.375rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    padding:10px;

}

.home-shop-by-size-button { /* Small circle button for shop by size */
    background: #E53012;
    color: #fefefe;
    cursor: pointer;
    border-radius: 50%;
    font-family: Euclid Circular A, MontserratRegular, Arial, Verdana, Helvetica, sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.375rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px;
    width: 42px !important;
    height: 42px !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    margin-bottom: 5px;
    justify-content: center;
}

.home-shop-by-size-button:hover {
    background-color: #e6cfb2;
   color: #003643;
    cursor: pointer;
    border-radius: 30px;
    font-family: Euclid Circular A,MontserratRegular,Arial,Verdana,Helvetica,sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.375rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    padding:10px;   
    justify-content: center;
}  

.mens-content-text:before {
  content: "Men's";
  font-style: italic;  /* Adds Men's prior to text */
}

.content-banner-text {
            font-family: Euclid Circular A,MontserratRegular,Arial,Verdana,Helvetica,sans-serif;
  font-size: 40px !important;
        @media only screen and (max-width: 450px) {
        font-size: 20px !important;}  /* Content page's header slice font size to keep to one line across devices */
}

.mob-only-display-feat { /* Hide on desktop / landscape screens */
 display: block !important; /* mobile + tablet */
}

@media (min-width: 450px) {
 .mob-only-display-feat {
   display: none !important; /* default desktop */
 }
}

.desk-only-display-feat { /* Shows on desktop / */
    display: none !important;
}
@media (min-width: 450px) {
 .desk-only-display-feat {
    display: block !important;/* Hides for Mobile */
 }
}

.divider-heading {
    text-align: center;
    background: linear-gradient(to right, #8b6f5a 40%, white 40%, white 60%, #8b6f5a 60%, #8b6f5a 80%, #8b6f5a 100%);
    background-size: 100% 2px;
    background-repeat: no-repeat;
    background-position: center;
     color: #79573F !important;
     text-transform: none   !important;
}
@media (max-width: 450px) {
 .divider-heading {
    background: linear-gradient(to right, #8b6f5a 20%, white 20%, white 80%, #8b6f5a 80%, #8b6f5a 80%, #8b6f5a 100%);
    background-size: 100% 2px;
    background-repeat: no-repeat;
    background-position: center;
 }
}

.divider-heading:before {
    font-family: "kepler-std", serif;
    font-weight: 300;
    font-style: italic;
    font-size: 35px !important;
  content: "Meet";
}

.divider-heading:after {
    font-family: "kepler-std", serif;
    font-weight: 300;
    font-style: italic;
    font-size: 35px !important;
  content: "leathers";
}


.home-secondary-image-hover {
    position: relative;
    display: inline-block;
}

.home-secondary-image-hover::after {
    content: "";
    position: absolute;
    inset: 0;
    background: #003b4d;
    opacity: 0;          /* start transparent */
    transition: opacity 0.3s linear;
}

.home-secondary-image-hover:hover::after {
    opacity: 0.3;        /* overlay colour */
    cursor: pointer;
}

.pink-shades-content-button {

        background: #003b4d;
    color: #fefefe;
    cursor: pointer;
    border-radius: 30px;
    font-family: Euclid Circular A,MontserratRegular,Arial,Verdana,Helvetica,sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.375rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    padding:10px;
    width:20vw!important;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
    @media only screen and (max-width: 450px) {
        width:60vw!important;}
}

.pink-shades-content-button:hover {
    background-color:  #BF7C81;
   color: #fefefe;
    cursor: pointer;
    border-radius: 30px;
    font-family: Euclid Circular A,MontserratRegular,Arial,Verdana,Helvetica,sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.375rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    padding:10px;
    
}

.content-quote-text {
    padding-right: 90px;
    @media only screen and (max-width: 450px) {
    text-align: center !important;
    padding-right: 0px !important;
    margin-right: auto;
    margin-left: auto;}

}

.made-weddings-button {

        background: #BF7C81;
    color: #fefefe;
    cursor: pointer;
    border-radius: 30px;
    font-family: Euclid Circular A,MontserratRegular,Arial,Verdana,Helvetica,sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.375rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    padding:10px;
    width:20vw!important;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
    @media only screen and (max-width: 450px) {
        width:75vw!important;}
}
 
.made-weddings-button:hover {
    background-color: #003b4d;
   color: #fefefe;
    cursor: pointer;
    border-radius: 30px;
    font-family: Euclid Circular A,MontserratRegular,Arial,Verdana,Helvetica,sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.375rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    padding:10px;
    
}

.wide-fit-sandal-button {

        background: #7f98a9;
    color: #fefefe;
    cursor: pointer;
    border-radius: 30px;
    font-family: Euclid Circular A,MontserratRegular,Arial,Verdana,Helvetica,sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.375rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    padding:10px;
    width:20vw!important;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
    @media only screen and (max-width: 450px) {
        width:75vw!important;}
}

.wide-fit-sandal-button:hover {
    background-color: #003b4d;
   color: #fefefe;
    cursor: pointer;
    border-radius: 30px;
    font-family: Euclid Circular A,MontserratRegular,Arial,Verdana,Helvetica,sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.375rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    padding:10px;
}

.floral-print-button {

        background-color: #878A6D;
    color: #fefefe;
    cursor: pointer;
    border-radius: 30px;
    font-family: Euclid Circular A,MontserratRegular,Arial,Verdana,Helvetica,sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.375rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    padding:10px;
    width:20vw!important;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
    @media only screen and (max-width: 450px) {
        width:75vw!important;}
}

.floral-print-button:hover {
    background-color: #003b4d;
   color: #fefefe;
    cursor: pointer;
    border-radius: 30px;
    font-family: Euclid Circular A,MontserratRegular,Arial,Verdana,Helvetica,sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.375rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    padding:10px;
}


.sale-banner-cta { 
        background: #ffffff;
    border: 1px solid #ffffff;
    color: #e63012;
    cursor: pointer;
    border-radius: 30px;
    font-family: Euclid Circular A,MontserratRegular,Arial,Verdana,Helvetica,sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.375rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    padding:10px;
    width:20vw!important;
    top:-5vw;
    @media only screen and (max-width: 450px) {
        width:70vw!important;
        padding: 3px!important;
        font-size: 20px!important;
        top:-20vw!important;
    }
    margin-left:auto;
    margin-right: auto;
    position: relative;

}
.sale-banner-cta:hover {
    background-color: #ffffff;
    border: 1px solid #003b4d;
   color: #003b4d;
    cursor: pointer;
    border-radius: 30px;
    font-family: Euclid Circular A,MontserratRegular,Arial,Verdana,Helvetica,sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.375rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    padding:10px;
    width:20vw!important;
    @media only screen and (max-width: 450px) {
        width:70vw!important;
        padding: 3px!important;
        font-size: 20px!important;
        top: -20vw !important;
    
    }
}