@charset "UTF-8";

/*
Title:      	Pure Espana stylesheet for screen media
Author:     	Karl Ridley, falling@happyleaves.com
Updated:    	6th Dec 2021
*/


/* PRIMARY COMPONENTS */

*, *::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  	font-size: 100%;
	}

html * {
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
	-webkit-overflow-scrolling: touch;
	}

.fade-in {
  animation: fadeIn ease 3s;
  -webkit-animation: fadeIn ease 3s;
  -moz-animation: fadeIn ease 3s;
  -o-animation: fadeIn ease 3s;
  -ms-animation: fadeIn ease 3s;
}



@keyframes fadeIn{
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

@-ms-keyframes fadeIn {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}


body {
	font-size: 1.0em;
	line-height: 1.6875em;
  	font-family: "Century Gothic W05 Regular", sans-serif;
	font-weight: normal;
	font-style: normal;
  	color: #ffffff;
  	background-color: #1b000d;
	}

body, html {
  	/* prevent horizontal scrolling */
  	overflow-x: hidden;
	}
	
::-moz-selection { 
	background: rgba(122, 120, 37, 1.0);
	color: #ffffff; 
	text-shadow: none; 
	}

::selection { 
	background: rgba(122, 120, 37, 1.0);
	color: #ffffff; 
	text-shadow: none; 
	}

img::-moz-selection	{ 
	background: transparent; 
	}
	
img::selection { 
	background: transparent; 
	}
	
a:active {
	outline: none;
	}

a:focus	{
	-moz-outline-style: none;
	}	
	

a {
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	-moz-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
	}		




h1 {
 	text-align: left;
	font-size: 2.8rem;
	line-height: 3.1rem;
	color: #ffffff;
	font-family: "Century Gothic W05 Bold", sans-serif;
	font-weight: normal;
	font-style: normal;
	padding: 0;
	margin: 0 0 2.0rem 0;	
	text-transform: uppercase;
    text-shadow: 0 0 10px rgba(45, 55, 61, .15);
	}
h1 a:link, h1 a:visited {
	color:#ffffff;
	text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
	font-family: "Century Gothic W05 Bold", sans-serif;
	font-weight: normal;
	font-style: normal;
	}	
h1 a:active, h1 a:hover {
	color:#ffffff;
	background-size: 100% 1px;	
	font-family: "Century Gothic W05 Bold", sans-serif;
	font-weight: normal;
	font-style: normal;
	}
@media screen and (max-width: 960px) {
	h1 {
	font-size: 1.7rem;
	line-height: 2.0rem;
	}	
}





h2 {
	text-align: left;
	font-size: 1.3rem;
	line-height: 1.7rem;
	color: #ffffff;
	font-family: "Century Gothic W05 Bold", sans-serif;
	font-weight: normal;
	font-style: normal;
	margin: 0 0 1.0rem 0;
	padding: 0;
	}
h2 a:link, h2 a:visited {
	color:#ffffff;
	text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
	ffont-family: "Century Gothic W05 Bold", sans-serif;
	font-weight: normal;
	font-style: normal;
	}	
h2 a:active, h2 a:hover {
	color:#ffffff;
	background-size: 100% 1px;	
	font-family: "Century Gothic W05 Bold", sans-serif;
	font-weight: normal;
	font-style: normal;
	}
@media screen and (max-width: 960px) {
	h2 {
	font-size: 1.0rem !important;
	line-height: 1.3rem !important;
	}	
}





h5 {
	text-align: left;
	font-size: 0.95rem;
	line-height: 1.25rem;
	color: #ffffff;
	font-family: "Century Gothic W05 Bold", sans-serif;
	font-weight: normal;
	font-style: normal;
	margin: 0 0 0.6rem 0;
	padding: 0;
	text-transform: uppercase;
	}
h5 a:link, h5 a:visited {
	color:#636d73;
	text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
	font-family: "Century Gothic W05 Bold", sans-serif;
	font-weight: normal;
	font-style: normal;
	}	
h5 a:active, h5 a:hover {
	color:#ffffff;
	background-size: 100% 1px;	
	font-family: "Century Gothic W05 Bold", sans-serif;
	font-weight: normal;
	font-style: normal;
	}
@media screen and (max-width: 960px) {
	h5 {
	font-size: 0.85rem;
	line-height: 1.2rem;
	}	
}





.divlinenormal {
	height: 0;
	margin: 2.0rem 0;
	width: 100% !important;
	border-bottom: #d8dfe4 solid 1px;
    display: block;
	}


.clear {
 	clear: both;
	overflow: hidden;
	height: 0;
 	}	
	







/* TEXT COMPONENTS */
	

.bulletlistnormal {
	text-align: left;
	color: #ffffff;
	font-size: 1.3rem;
	line-height: 1.7rem;
	font-family: "Century Gothic W05 Bold", sans-serif;
	font-weight: normal;
	font-style: normal;
    margin: 0 0 0.5rem 1.5rem;
	}
.bulletlistnormal ul {
	list-style: none;
	margin: 0;
	border: 0;
	padding: 0;
	text-align: left;
	}
.bulletlistnormal li {
	text-align: left;
	color: #ffffff;
	font-size: 1.3rem;
	line-height: 1.7rem;
	font-family: "Century Gothic W05 Bold", sans-serif;
	font-weight: normal;
	font-style: normal;
	padding: 0 0 0.4rem 0;
	}
.bulletlistnormal li::before {
	content: "\2022"; 
    color: #ffffff;
  	display: inline-block; 
	width: 1.25rem;
  	margin-left: -1.0rem;
	font-size: 1.5rem;
	vertical-align: -0.25rem;
	}
@media screen and (max-width: 960px) {
	.bulletlistnormal li {
	font-size: 1.0rem !important;
	line-height: 1.3rem !important;
	}	
}




.footertxt {
	text-align: left;
	color: #ffffff;
	font-size: 0.875rem;
	line-height: 1.135rem;
	font-family: "Century Gothic W05 Regular", sans-serif;
	font-weight: normal;
	font-style: normal;
	}
.footertxt a:link, .footertxt a:visited {
	color:#ffffff;
	background-image: linear-gradient(currentColor, currentColor);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
	font-family: "Century Gothic W05 Regular", sans-serif;
	font-weight: normal;
	font-style: normal;
	}	
.footertxt a:active, .footertxt a:hover {
	color:#ffffff;
	background-size: 100% 1px;	
	text-decoration: none;
	font-family: "Century Gothic W05 Regular", sans-serif;
	font-weight: normal;
	font-style: normal;
	}


	





/* BUTTONS COMPONENTS */

.buttonholderleft {
	padding: 1.0rem 0 1.0rem 0;
	margin: 2.0rem 0 0 0;
	text-align: left;
	}


.buttonsnormallozengesmall {
	font-size: 0.85rem;
	line-height: 0.85rem;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-style: normal;	
	padding: 1.0rem 3.0rem;
	text-decoration:none;
	color: #0074c8;
	background: none;
	display: inline-block;
	text-align: center;
	margin: 0 auto;
	text-transform: uppercase;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	border: 1px solid #0074c8;	
	-webkit-border-radius: 100px;
	border-radius: 100px;
	}	
.buttonsnormallozengesmall:hover {
	color: #ffffff;
	background: #0074c8;
	border: 1px solid #0074c8;	
	}







/* BODY COMPONENTS */

#topgrad {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 10px;
	z-index: 1000;
	background: #7a7825;
    background: linear-gradient(0deg,#7a7825 0%, #6b0034 80%);
    background: -webkit-linear-gradient(0deg,#7a7825 0%, #6b0034 80%);
    background: -moz-linear-gradient(0deg,#7a7825 0%, #6b0034 80%);
	}



#headerheroholder {
	width: 100%;
	margin: 0 auto;
	padding: 0 !important;
    position: relative;
    height: 100vh;
    content: 'viewport-units-buggyfill;' 'height: 100vh;';
	}



#heroh1holder {
	padding: 5vh 4.166%;    
	margin: 0;
    content: 'viewport-units-buggyfill;' 'padding: 5vh 4.166%;';
	text-align: left;
    position: absolute;
    bottom: 0;    
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+1,000000+100&0+2,0.25+100 */
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 1%, rgba(0,0,0,0) 2%, rgba(0,0,0,0.25) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 1%,rgba(0,0,0,0) 2%,rgba(0,0,0,0.25) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 1%,rgba(0,0,0,0) 2%,rgba(0,0,0,0.25) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#40000000',GradientType=0 ); /* IE6-9 */
	}
@media screen and (max-width: 960px) {
	#heroh1holder {
	padding: 3.0rem 4.166%;
    margin: 30vh 0 0 0;
    content: 'viewport-units-buggyfill;' 'margin: 30vh 0 0 0;';
	}	
}


#h1holder {
	padding: 0;
	margin: 0;
	}



#logoholder {	
	position: relative !important;
	top: 0 !important;
	left: 4.166%;
	z-index: 10000 !important;
	margin: 0;
	max-width: 275px;
	padding: 10vh 0 0 0;
    content: 'viewport-units-buggyfill;' '10vh 0 0 0';
	}	
@media screen and (max-width: 960px) {
  #logoholder {
	max-width: 50%;
	 left: 4.166%;
  }
}


#upperfooterholder {	
	margin: 0;
	padding: 2.0rem 4.166% 2.0rem 4.166%;
    background-color: #6b0034;
	}




.hideme {
    opacity:0;
	}
	

#happyleaves {	
	width: 188px;
	height: 16px;
	margin: 0.25rem 0 0 0;
	padding: 0;
	float: right;
	text-align: right !important;
	}
@media screen and (max-width: 960px) {
	#happyleaves {
	text-align: left;
	float: left;
	margin: 0;
	}	
}	




a[href^="http://maps.google.com/maps"]{display:none !important}
a[href^="https://maps.google.com/maps"]{display:none !important}

.gmnoprint a, .gmnoprint span, .gm-style-cc {
    display:none;
	}
.gmnoprint div {
    background:none !important;
	}	
		
			
input:focus, textarea:focus, select:focus{
        outline: none;
    }

*:focus {
    outline: none;
}