@charset "UTF-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	border: 0;
	font: inherit;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}




/*************************************/
/******** GENERAL CSS ********/
/*************************************/

/* SHRINK HOVER SETTINGS */
/***** HVR-SCALE *****/
.hvr-scale{-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;transition-property:transform}.hvr-scale:active,.hvr-scale:focus,.hvr-scale:hover{-webkit-transform:scale(.9);transform:scale(1.1)}


.opacity:hover { opacity: 0.7; }

img { width: 100%; }

.mobile { display: none; }

.center { margin: 0px auto; text-align: center; }

a, a:active, a:visited {text-decoration: none !important;}

/**** FONTS *****/
/**** FONTS *****/
/**** FONTS *****/
/**** FONTS *****/
@font-face {
    font-family: 'TradeGothicLTStd';
    src: url('https://casadecalexico.com/fonts/TradeGothicLTStd.eot');
    src: url('https://casadecalexico.com/fonts/TradeGothicLTStd.eot?#iefix') format('embedded-opentype'),
        url('https://casadecalexico.com/fonts/TradeGothicLTStd.woff2') format('woff2'),
        url('https://casadecalexico.com/fonts/TradeGothicLTStd.woff') format('woff'),
        url('https://casadecalexico.com/fonts/TradeGothicLTStd.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'BUFORD';
    src: url('https://casadecalexico.com/fonts/BUFORDOpti.eot');
    src: url('https://casadecalexico.com/fonts/BUFORDOpti.eot?#iefix') format('embedded-opentype'),
        url('https://casadecalexico.com/fonts/BUFORDOpti.woff2') format('woff2'),
        url('https://casadecalexico.com/fonts/BUFORDOpti.woff') format('woff'),
        url('https://casadecalexico.com/fonts/BUFORDOpti.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TradeGothicLTStd-Cn18';
    src: url('https://casadecalexico.com/fonts/TradeGothicLTStd-Cn18.eot');
    src: url('https://casadecalexico.com/fonts/TradeGothicLTStd-Cn18.eot?#iefix') format('embedded-opentype'),
        url('https://casadecalexico.com/fonts/TradeGothicLTStd-Cn18.woff2') format('woff2'),
        url('https://casadecalexico.com/fonts/TradeGothicLTStd-Cn18.woff') format('woff'),
        url('https://casadecalexico.com/fonts/TradeGothicLTStd-Cn18.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}



h1, h2, h3 {
	font-family: 'TradeGothicLTStd-Cn18';
}






/*****************************/
/******** LAYOUT ********/
/****************************/

body {
	font-family: 'TradeGothicLTStd-Cn18', sans-serif;
	background-color: #282929;
}

.section {
	min-height: 100vh;
	display: flex;
	flex-direction: column;

}

.overflow-section {
	min-height: 100vh;
	display: flex;
	flex-direction: column;

}





/*******************************/
/******** CONTENT ********/
/*******************************/
.content-container {
	background-image: url("http://www.casadecalexico.com/wrdpres/wp-content/uploads/2022/02/background-web-37.jpg");
	background-position: center center; /* Center the image */
  	background-repeat: no-repeat; /* Do not repeat the image */
  	background-size: cover; /* Resize the background image to cover the entire container */
	height: 92vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.full-background {
	min-height: 100vh !important;
}

.alt-content-container {
	background-image: url("http://www.casadecalexico.com/wrdpres/wp-content/uploads/2022/02/El_Mirador_BackCVR_1920x1920-min.jpg");
	background-position: center center; /* Center the image */
  	background-repeat: no-repeat; /* Do not repeat the image */
  	background-size: cover; /* Resize the background image to cover the entire container */
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-bottom: 50px;
	padding-top: 50px;
}



.content-container-no-background {
	min-height: 100vh;
	flex-direction: column;
	justify-content: center;
}

.site-logo {
	width: 90%;
	max-width: 700px;
	margin: 0px auto;
	padding-top: 10vh;
}

.site-logo-text {
	text-align: center;
	color: #FEB875;
	text-transform: uppercase;
	margin-top: 15px;
	font-size: 22px;
}

.content-labels {
	padding: 0px 0px 20px 20px;
	display: flex; 
	flex-direction: row;
	align-items: center;
}

.cityslang-logo {
	width: 40px;
}

.anti-logo {
	width: 50px;
	margin-right: 10px;
}





.elmirador-home-container {
	text-align: center;
	width: 90%;
	margin: 0px auto;
	max-width: 750px;
  }
  
  
  .elmirador-home-title {
	font-family: 'BUFORD';
	font-size: 100px;
	line-height: 100px;
	padding-bottom: 10px;
  }
  
  .elmirador-home-text {
	font-family: 'TradeGothicLTStd-Cn18';
	font-weight: 800;
	text-transform: uppercase;
	font-size: 40px;
	line-height: 45px;
  }
  
  
  .elmirador-home-video-container {
	text-align: center;
  }
  
  .elmirador-home-video-item {
	font-family: 'TradeGothicLTStd-Cn18';
	font-weight: 800;
	text-transform: uppercase;
	font-size: 30px;
	line-height: 30px;
	padding-top: 20px;
	color: #c9c9c9;
  }
  

  .elmirador-home-video-item:hover {
	  opacity: 0.7;
  }

  .clip-text div {
	  background-image: url(https://media.giphy.com/media/Bta25gYiqwPMITtjZS/giphy.gif);
	  background-size: cover;
	  color: transparent;
	background-clip: text;
	  -moz-background-clip: text;
	  -webkit-background-clip: text;
  
  }
  
  .label-logo-container {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
  }
  
  .label-logo-item {
	width: 75px;
	padding: 0px 10px;
  }
  
  .label-logo-item:hover {
	opacity: 0.7;
  }
  
  
  
  @media screen and (max-width: 1080px) and (min-width: 741px) {
  .elmirador-home-container {max-width: 600px;}
  .elmirador-home-title {font-size: 75px; line-height: 75px;}
  .elmirador-home-text {font-size: 30px; line-height: 30px;}
  .elmirador-home-video-item {font-size: 30px;padding-top: 20px;}
  }
  
  @media screen and (max-width: 740px) and (min-width: 521px) {
  .elmirador-home-container {max-width: 600px;}
  .elmirador-home-title {font-size: 60px; line-height: 60px;}
  .elmirador-home-text {font-size: 25px; line-height: 25px;}
  .elmirador-home-video-item {font-size: 25px;padding-top: 15px;}
  }
  
  @media screen and (max-width: 520px) and (min-width: 381px) {
  .elmirador-home-container {max-width: 600px;}
  .elmirador-home-title {font-size: 45px; line-height: 45px;}
  .elmirador-home-text {font-size: 20px; line-height: 20px;}
  .elmirador-home-video-item {font-size: 20px;padding-top: 15px;}
  }
  
  @media screen and (max-width: 380px) {
  .elmirador-home-container {max-width: 350px;}
  .elmirador-home-title {font-size: 40px; line-height: 40px;}
  .elmirador-home-text {font-size: 20px; line-height: 20px;}
  .elmirador-home-video-item {font-size: 20px;padding-top: 20px;}
  }
  
  



/***** MENU SECTION *******/
/***** MENU SECTION *******/
/***** MENU SECTION *******/

.main-menu-container {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	border: 0px solid #e1ccb1;
	box-sizing: border-box;
	width: 100%;
	height: 8vh;
	min-height: 65px;
  }
  
  .main-menu-item {
	text-align: center;
	background-color: #e1ccb1;
	color: #AA380F;
	padding: 25px 0px;
	box-sizing: border-box;
	text-transform: uppercase;
	letter-spacing: 2px;
	height: 8vh;
	min-height: 65px;
  }
  
  .main-menu-item:hover {
	cursor: pointer;  
  }
  
  
  .main-menu-container .col {
	width: 33.5%;
  }
  
  .pre-order-button {
	border-right:solid #AA380F 2px;
  }
  
  .enter-site-button {
	border-left:solid #AA380F 2px;
	border-right:solid #AA380F 2px;
	
  }
  
  .social-link-button {
	border-left:solid #AA380F 2px;
   
  }
  
  .circle-icon {
	font-size: 20px;
	padding: 0px 5px;
	color: #AA380F;
  }
  
  .circle-icon:hover {
	color: #693049;
  }


  




@media screen and (max-width: 780px) {
.mobile {
		display: inherit;	
	}
	
.desktop {
		display: none;
}
}






@media screen and (max-width: 960px) and (min-width: 841px) {
	.circle-icon {
      padding: 0px 4px;
      font-size: 17px;
}
}

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

	.content-container {
		height: 78vh;
	}

.main-menu-container {
  flex-direction: column;
}
  
  .main-menu-container .col {
  width: 100%;
}
  
.pre-order-button, .enter-site-button, .social-link-button {
  border-right:solid #AA380F 0px;
  border-left:solid #AA380F 0px;
}

  .pre-order-button, .social-link-button {
  border-bottom:solid #AA380F 2px;
    
}
   
  .sqs-layout .sqs-row .sqs-block:last-child {
    padding-bottom: 0px !important; 
  
}
}



/***** ALBUM PAGE *****/
/***** ALBUM PAGE *****/
/***** ALBUM PAGE *****/
/***** ALBUM PAGE *****/
/***** ALBUM PAGE *****/
/* Remove padding from sides */
#block-yui_3_17_2_1_1643169000351_2736 {width: 100%;}

#album-section .index-section-wrapper, #the-monolith-sessions-ep-section .index-section-wrapper {
  min-height: 100vh !important;
  display: flex;

}

.elmirador-music-wrapper {
  margin: 25px auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 1200px;
  }

.elmirador-music-album-mini {
  width: 588px;
}

.elmirador-music-link-container {
  width: 588px;
}


.link-item {
	position: relative;
	font-size: 28px;
	padding: 22.2px 0px 16px;
	border-bottom: 1px solid #e1ccb1;
	color: #e1ccb1;
font-family: 'TradeGothicLTStd-Cn18';
  text-transform: uppercase;
	transition: all .15s linear; 
	-webkit-transition: all .15s linear;
  
}

.link-item i {
	margin-right: 10px;
}

.link-item:hover {
    color: #AA380F; 
  transition: all .15s linear;
}

.cursor:hover {
  cursor: pointer !important;
}

.link-item::after {
	content: '';
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #AA380F;
    -webkit-transform: scaleX(0);
	transform: scaleX(0);
    -webkit-transform-origin: 0 0;
	transform-origin: 0 0;
    -webkit-transition: all .35s ease;
	transition: all .35s ease; 
}



.link-item:hover::after {
	-webkit-transform: none;
    transform: none; 
}



/***** ALBUM MEDIA QUERY ****/
@media screen and (max-width: 1350px) {
.elmirador-music-wrapper {width: 1000px;}
.elmirador-music-album-mini {width: 488px;}
.elmirador-music-link-container {width: 488px;}
.link-item {font-size: 22px; padding: 16px 0px; }
}
    
@media screen and (max-width: 1140px) {
.elmirador-music-wrapper {width: 800px;}
.elmirador-music-album-mini {width: 400px;}
.elmirador-music-link-container {width: 388px;}
.link-item {font-size: 20px; padding: 10.5px 0px;}
}
    
@media screen and (max-width: 920px) {
.elmirador-music-wrapper {width: 600px;}
.elmirador-music-album-mini {width: 300px;}
.elmirador-music-link-container {width: 288px;}
.link-item {font-size: 16px; padding: 8px 0px;}
}
    
@media screen and (max-width: 840px) {
.elmirador-music-wrapper {flex-direction: column; justify-content: space-between; width: 90%;}
.elmirador-music-wrapper {width: 100% !important;}
.elmirador-music-album-mini {width: 90%; margin: 0px auto; max-width: 400px;}
.elmirador-music-link-container {width: 90%; margin: 0px auto; max-width: 400px;}
.link-item {font-size: 20px; padding: 12px 0px;}
.footer-social-container {flex-direction: column-reverse;}
}


/**** MUSIC ****/

.sqs-block-summary-v2 .summary-excerpt {
  background-color: #e1ccb1;
  width: 150px;
  padding: 10px;
  text-align: center;
  color: #282929;
  margin: 0px auto;
  margin-bottom: 15px;
}



/***** BOTTOM SECTION *****/
/***** BOTTOM SECTION *****/
/***** BOTTOM SECTION *****/
/***** BOTTOM SECTION *****/
/***** BOTTOM SECTION *****/

.content-container-no-background {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 90%;
	max-width: 1200px;
	margin: 0px auto;
	align-items: center;
	padding-top: 100px;
}



.header-title {
	color: #e1ccb1;
	text-align: center;
	font-size: 50px;
	padding: 25px;
}

.tour-container {
	width: 100%;
	margin: 0px auto;

}

.spacer-200 {
	height: 200px;
}



/***** NEWSLETTER *****/
/***** NEWSLETTER *****/
/***** NEWSLETTER *****/
/***** NEWSLETTER *****/
/***** NEWSLETTER *****/
.newsletter-block .newsletter-form-header-title {
  color: #e1ccb1;
}

.newsletter-block {
	width: 90%;
	max-width: 900px;
}

@media only screen and (max-width: 640px){
  .tm-widget iframe {
    width: 100%;
    height: 356px;
  }
}
/***** CSS ANIMATION *****/
/***** CSS ANIMATION *****/
/***** CSS ANIMATION *****/

/* Sweep To Top */
.hvr-sweep-to-top {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
  }
  .hvr-sweep-to-top:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #AA380F;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
  }
  .hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
	color: #e1ccb1;
  }
  .hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
  }
  
  


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

/* Remove left/right paddig from footer block */

  
  .footer-section-container {
	display: flex; 
	flex-direction: row;
	align-items: flex-end;
	justify-content: space-between;
	width: 100%;
	transition: 0.5s;
	color: hsl(0, 0%, 79%);
	margin: 0px auto;
	padding-bottom: 100px;
	
  
  }

  .footer-section-container a {
	color: hsl(0, 0%, 79%);
  }
  
  .footer-section-container a:hover {
	color: #e1ccb1;
	transition: 0.5s;
  }
  
  
  .footer-section-left-column {
	display: flex;
	flex-direction: row;
	justify-content: left;
  }
  
  
  .footer-section-label-logos {display: inline-block;}
  
  .footer-section-label-logos:hover {opacity: 0.7;}
  
  .footer-label-logo-item {
	width: 75px;
	border: 2px;
	padding: 0px 10px;
  }
  
  .footer-label-logo-item:hover {
	opacity: 0.7;
  }
  
  
  
  .footer-section-right-column {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-end;
  }
  
  .footer-section-social-container i {
	font-size: 1.5em;
	padding: 0px 10px;
	padding-bottom: 10px;
  }
  
  .footer-section-legal-container {font-size: 1.065em;}
  
  
  
  @media only screen and (max-width: 640px) {
	.footer-section-container {
	  flex-direction: column-reverse;
	  justify-content: flex-start;
	  align-items: center;
	} 
	
	.footer-section-right-column {
	  justify-content: center;
	  align-items: center;
	  text-align: center;
	}
	
	.footer-section-legal-container {
	  font-size: 0.7em;
	  padding-bottom: 10px;
	}
	
	.footer-label-logo-item {width: 50px;}
  
	.footer-section-social-container i {font-size: 1em;}
	
  }
  
  
  
  
  /***** SCROLL BAR ******/
  /***** SCROLL BAR ******/
  /***** SCROLL BAR ******/
  /* width */
  ::-webkit-scrollbar {
	width: 10px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
	box-shadow: inset 0 0 50px #282929;
	border-radius: 0px;
  }
  /* Handle */
  ::-webkit-scrollbar-thumb {
	background: #e1ccb1;
	border-radius: 0px;
  }
  
  
  
  /***** Sweep To Top *****/
  /***** Sweep To Top *****/
  /***** Sweep To Top *****/
  /***** Sweep To Top *****/
  /***** Sweep To Top *****/
  .hvr-sweep-to-top {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
  }
  .hvr-sweep-to-top:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #AA380F;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
  }
  .hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
	color: #e1ccb1;
	transition: all 0.15s linear;
  }
  .hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);
  }