@charset "UTF-8";
/*
Theme Name: Lincoln Plaza
Theme URI: https://wordpress.org/themes/twentynineteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our 2019 default theme is designed to show off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. Twenty Nineteen is designed to be adaptable to a wide range of websites, whether you’re running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.
Tested up to: 6.0
Requires at least: 4.9.6
Requires PHP: 5.2.4
Version: 2.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentynineteen
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready, block-patterns

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Twenty Nineteen is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/

Bundled block pattern images:
Abstract Background by HD Wallpapers, CC0. https://stocksnap.io/photo/abstract-background-0SRRVNMKBX
Abstract Waves by HD Wallpapers, CC0. https://stocksnap.io/photo/abstract-waves-0KREGLTZQ3
Abstract Bokeh by HD Wallpapers, CC0. https://stocksnap.io/photo/abstract-bokeh-P4KVZBMQ6L
Colorful Bokeh by HD Wallpapers, CC0. https://stocksnap.io/photo/colorful-bokeh-VN4G84GL8H
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Variables
# Normalize
# Typography
	## Headings
	## Copy
# Elements
	## Lists
	## Tables
# Forms
	## Buttons
	## Fields
# Navigation
	## Links
	## Menus
	## Next & Previous
# Accessibility
# Alignments
# Clearings
# Layout
# Widgets
# Content
	## Archives
	## Posts and pages
	## Comments
# Blocks
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
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, strong, 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, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
  font-size: 62.5%;
  overflow-y: scroll;
    min-height: 100%;
    word-wrap: break-word;
    -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	scroll-behavior: smooth;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
  text-decoration: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* FONTS */
@font-face {
  font-family: 'ITC_ Avant_ Garde';
  src: url('fonts/ITCAvantGardeNormal.woff2') format('woff2'),
      url('fonts/ITCAvantGardeNormal.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'MADE TOMMY BOLD';
  src: url('fonts/MADETOMMY-Bold.woff2') format('woff2'),
      url('fonts/MADETOMMY-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'MADE TOMMY';
  src: url('fonts/MADETOMMY.woff2') format('woff2'),
      url('fonts/MADETOMMY.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

:root{
  --white:#FFFFFF;
  --pink:#e8c7ca;
  --darkPink:#cc9896;
  --brown:#845a5b;
  --gray:#353F47;
  --text:'MADE TOMMY', sans-serif;
  --title:'MADE TOMMY BOLD', sans-serif;
  --textForm:'ITC_ Avant_ Garde', sans-serif;
}

/* ==========================================================================
 Author's Variables
========================================================================== */
body{
  background-color: var(--pink);
}
#master{
  position: relative;
  width: 98vw;
  padding: 0;
  margin: 0;
  opacity: 0;
  transition: opacity 0.7s;
  overflow: hidden;  
}
#master.loaded{
  opacity: 1;
}
.wrapper{
  padding: 2%;
  box-sizing: border-box;
}
.container{
  display: -webkit-box; 
  display: -moz-box;      
  display: -ms-flexbox;    
  display: -webkit-flex;     
  display: flex; 
  justify-content: space-between;
  align-items: center;
	min-height:80vh;
}
.container > article:first-child{
  width: 55%;
}
.container > article:last-child{
  width: 45%;
}
.main-carousel{
  padding: 0 30px;
}
.main-carousel .carousel-cell{
  width: 100%;
}
.main-carousel .carousel-cell > img{
  max-width: 100%;
}
.flickity-button svg{
  display: none;
}
.flickity-button{
  background-color: transparent;
  width: 28px;
  height: 30px;
  padding: 0;
}
.flickity-button:hover{
  background-color: transparent;
}
.flickity-prev-next-button.previous{
  left:0;
  background-image: url(images/layout/arrow.svg);
  background-size: 100%;
}
.flickity-prev-next-button.next{
  right:0;
  background-image: url(images/layout/arrow.svg);
  background-size: 100%;
  transform:rotate(180deg);
}
.promo-content{
  background-color: var(--darkPink);
  padding: 0 30px;
  height: 100%;
  display: -webkit-box; 
  display: -moz-box;      
  display: -ms-flexbox;    
  display: -webkit-flex;     
  display: flex; 
  align-items: center;
  justify-content: center;
}
.promo-content article{
  text-align: center;
}
.promo-content article h2{
  color: var(--brown);
  font-size: 5rem;
  margin-bottom: 3rem;
  font-family: var(--title);
}
.promo-content article h3{
  color: var(--pink);
  font-size: 4rem;
  margin-bottom:3rem;
  font-family: var(--title);
}
.promo-content article ul{
  width: 70%;
  margin: 0 auto 5rem;
}
.promo-content article ul li{
  color: white;
  font-size:2.2rem;
  font-family: var(--text);
  text-align: left;
  padding: 1rem 0;
  border-bottom: 1px solid white;
}
.promo-content article ul li:last-child{
  border-bottom:0 none;
}
.promo-content article figure{
  display: -webkit-box; 
  display: -moz-box;      
  display: -ms-flexbox;    
  display: -webkit-flex;     
  display: flex; 
  align-items: center;
  justify-content: center;
  margin: 1.5rem 0 3rem;
}
.promo-content article figure a{
  width:35%;
  display: block;
  margin: 0 15px;
}
.promo-content article p{
  color: white;
  font-size: 1.2rem;
  text-align: center;
  font-family: var(--text);
}
/* FORM */
.form-container{
  border: 2px solid var(--brown);
  width: 100%;
  padding: 30px;
  box-sizing: border-box;
}
.form-container article{
  display: -webkit-box; 
  display: -moz-box;      
  display: -ms-flexbox;    
  display: -webkit-flex;     
  display: flex; 
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.form h4{
  color: white;
  font-family: var(--text);
  text-transform: uppercase;
  letter-spacing: 0.3px;
  margin-bottom: 3rem;
  font-size: 3rem;
  font-weight: lighter;
}
.form{
  width: 80%;
}
.form label{
  font-size: 12px;
  font-family: var(--text);
  color: var(--gray);
  padding-left: 35px;
  position: relative;
  display: block;
  margin: 2rem 0;
}
.form label span[data-name="acceptance-420"]{
  position: absolute;
  top:0;
  left:0;
}
.form input,.form select{
  width:100%;
}
.form input,.form select{
  text-align: left;
  color:white;
  font-family: var(--textForm);
  text-transform: uppercase;
  font-size: 1.7rem;
  letter-spacing: 0.3px;
  padding: 8px 10px;
  border: 1.5px solid var(--brown);
  background-color: transparent;
  outline: 0 none;
  margin-bottom: 1.5rem;
  box-sizing: border-box;
  line-height: 110%;
}
.form input[name="numero-cupon"]{
  text-transform:inherit;
}
.form select{
  appearance: none;
  background-image: url(images/layout/select.svg);
  background-size: 15px;
  background-position: 93% 50%;
  background-repeat: no-repeat;
	background-color:var(--pink);
	color:var(--brown);
}
.form input[type="checkbox"]{
  padding:0;
  margin:0;
	width: 15px;
    height: 15px;
}
.form input[type="submit"]{
  width: 49%;
    border: 1px solid white;
    background-color: white;
    color: var(--brown);
    text-align: center;
    font-size: 1.5rem;
    letter-spacing: 0.2px;
    cursor: pointer;
	-webkit-appearance: none;
}
.form input[type="submit"][disabled]{
  opacity: 0.2;
  cursor:not-allowed;
}
::-webkit-input-placeholder{ 
  font-size: 1.7rem;
  color:white;
  font-family: var(--textForm);
  line-height: 110%;
}
::-moz-placeholder{
  font-size: 1.7rem;
  color:white;
  font-family: var(--textForm);
  line-height: 110%;
}
:-ms-input-placeholder{
  font-size: 1.7rem;
  color:white;
  font-family: var(--textForm);
  line-height: 110%;
}
:-moz-placeholder{
  font-size: 1.7rem;
  color:white;
  font-family: var(--textForm);
  line-height: 110%;
}

[data-id="group-259"]{
  width: 100%;
  display: block;
}
.selections{
  display: -webkit-box; 
  display: -moz-box;      
  display: -ms-flexbox;    
  display: -webkit-flex;     
  display: flex; 
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}
.selections > span,.selections > div{
  width: 49%;
}
.gracias{
  width: 100%;
  display: none;
}
.gracias{
  text-align: center;
}
.gracias h2{
  color: var(--brown);
  font-size: 5.2rem;
  margin-bottom: 5rem;
  font-family: var(--title);
}
.gracias p{
  color: var(--darkPink);
  font-size: 5.2rem;
  margin-bottom:5rem;
  font-family: var(--title);
}
.gracias figure{
  display: -webkit-box; 
  display: -moz-box;      
  display: -ms-flexbox;    
  display: -webkit-flex;     
  display: flex; 
  align-items: center;
  justify-content: center;
  margin: 3rem 0 0;
}
.gracias figure a{
  width:35%;
  display: block;
  margin: 0 15px;
}
.other{
  width: 40%;
  margin: 6rem 30% 0;
  border: 1px solid white;
  background-color: white;
  color: var(--brown);
  text-align: center;
  font-size: 1.5rem;
  letter-spacing: 0.2px;
  padding: 10px;
  display: block;
  font-family: var(--textForm);
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
}
.alert-success{
  border:0 none !important;
  color: transparent;
}
.wpcf7-form-control-wrap{
  font-size: 13px;
  /* color:var(--gray); */
  font-family: var(--textForm);
  letter-spacing: 0.2px;
}
.wpcf7-response-output{
	font-family: var(--text);
    padding: 10px;
    font-size: 12px;
}
/* ==========================================================================
   Helper classes
   ========================================================================== */
.sprite {
  display: block;
  background-image: url(https://sucasa.r.worldssl.net/img/layout/sprites.svg);
  background-repeat: no-repeat;
}

.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px;
}

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

