@import url(https://fonts.googleapis.com/css?family=Open+Sans:300i,400|Solway:400,500&display=swap);:root{--primaryLightColor:#d4e6a5;--primaryColor:#476a2e;--primaryDarkColor:#c02c03;--primaryFont:"Open Sans",sans-serif;--slantedFont:"Solway",serif;--mainWhite:#fff;--offWhite:#f7f7f7;--mainBackground:#f8f8f8;--mainOverlay:rgba(35,10,36,0.4);--mainBlack:#222;--mainGrey:#ececec;--darkGrey:#afafaf;--mainRed:#bd0303;--mainTransition:all 0.3s linear;--mainSpacing:0.3rem;--lightShadow:2px 5px 3px 0px rgba(0,0,0,0.5);--darkShadow:4px 10px 5px 0px rgba(0,0,0,0.5);--mainBorderRadius:0.25rem;--smallWidth:85vw;--maxWidth:40rem;--fullWidth:1170px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Open Sans",sans-serif;font-family:var(--primaryFont);color:#222;color:var(--mainBlack);background:#f8f8f8;background:var(--mainBackground);line-height:1.4;font-size:1rem;font-weight:300}h1,h2,h3,h4,h5,h6{font-family:"Solway",serif;font-family:var(--slantedFont);letter-spacing:.3rem;letter-spacing:var(--mainSpacing)}h1,h2,h3,h4,h5,h6,p{margin-bottom:1.25rem}ul{list-style-type:none}a{text-decoration:none;color:#222;color:var(--mainBlack)}img{width:100%;display:block}.loading{text-transform:capitalize;text-align:center;font-size:1.7rem;margin-top:3rem;letter-spacing:.3rem;letter-spacing:var(--mainSpacing)}.loading img{width:10rem;margin:0 auto}.btn,.btn-primary,.btn-white{text-transform:uppercase;letter-spacing:.3rem;letter-spacing:var(--mainSpacing);color:#476a2e;color:var(--primaryColor);border:2px solid #476a2e;border:2px solid var(--primaryColor);padding:.45rem .8rem;transition:all .3s linear;transition:var(--mainTransition);cursor:pointer;font-size:.8rem;background:transparent;border-radius:.25rem;border-radius:var(--mainBorderRadius);display:inline-block}.btn:hover{background:#476a2e;background:var(--primaryColor)}.btn-white,.btn:hover{color:#fff;color:var(--mainWhite)}.btn-white{background:transparent;border-color:#fff;border-color:var(--mainWhite)}.btn-white:hover{background:#fff;background:var(--mainWhite);color:#476a2e;color:var(--primaryColor)}.btn-primary{background:#476a2e;background:var(--primaryColor);color:#fff;color:var(--mainWhite);border-color:#476a2e;border-color:var(--primaryColor)}.btn-primary:hover{background:transparent;color:#476a2e;color:var(--primaryColor)}.btn-block{width:100%;display:block;margin:0 auto;box-shadow:2px 5px 3px 0 rgba(0,0,0,.5);box-shadow:var(--lightShadow);text-align:center}.btn-details{padding:.25rem .4rem}.btn-details:hover{background:#d4e6a5;background:var(--primaryLightColor);border-color:#d4e6a5;border-color:var(--primaryLightColor)}.navbar{background:#fff;background:var(--mainWhite);height:5rem;border-bottom:2px solid #476a2e;border-bottom:2px solid var(--primaryColor);box-shadow:2px 5px 3px 0 rgba(0,0,0,.5);box-shadow:var(--lightShadow)}.nav-center,.navbar{display:flex;align-items:center}.nav-center{justify-content:space-between;width:85vw;width:var(--smallWidth);margin:0 auto;max-width:1170px;max-width:var(--fullWidth)}.nav-links{display:flex;align-items:center}.nav-links a{text-transform:capitalize;display:inline-block;font-weight:700;margin-right:.5rem;font-weight:400;letter-spacing:2px;font-size:1.2rem;padding:.25rem .5rem;transition:all .3s linear;transition:var(--mainTransition)}.nav-links a:hover{color:#476a2e;color:var(--primaryColor)}.logo{width:12rem}.about-section{width:85vw;width:var(--smallWidth);max-width:40rem;max-width:var(--maxWidth);margin:0 auto}.about-section p{line-height:2rem;font-weight:400;letter-spacing:2px}.error-page{display:flex;justify-content:center}.error-container{text-align:center;text-transform:capitalize}.section{padding:4rem 0}.section-title{font-size:2rem;text-transform:capitalize;letter-spacing:.3rem;letter-spacing:var(--mainSpacing);text-align:center;margin-bottom:3.5rem;margin-top:1rem}.cocktails-center{width:85vw;width:var(--smallWidth);margin:0 auto;max-width:1170px;max-width:var(--fullWidth);display:grid;grid-template-columns:repeat(auto-fill,minmax(370.8px,1fr));grid-column-gap:1.8rem;-webkit-column-gap:1.8rem;column-gap:1.8rem;grid-row-gap:1.8rem;row-gap:1.8rem}.cocktail{background:#fff;background:var(--mainWhite);margin-bottom:2rem;box-shadow:2px 5px 3px 0 rgba(0,0,0,.5);box-shadow:var(--lightShadow);transition:all .3s linear;transition:var(--mainTransition);display:grid;grid-template-rows:auto 1fr;border-radius:.25rem;border-radius:var(--mainBorderRadius)}.cocktail:hover{box-shadow:4px 10px 5px 0 rgba(0,0,0,.5);box-shadow:var(--darkShadow)}.cocktail img{border-top-left-radius:.25rem;border-top-left-radius:var(--mainBorderRadius);border-top-right-radius:.25rem;border-top-right-radius:var(--mainBorderRadius)}.cocktail-footer{padding:1.5rem}.cocktail-footer h3,.cocktail-footer h4,.cocktail-footer p{margin-bottom:.3rem}.cocktail-footer h3{font-size:2.2rem}.cocktail-footer p{color:#afafaf;color:var(--darkGrey);margin-bottom:.5rem}.form{width:85vw;width:var(--smallWidth);margin:0 auto;max-width:40rem;max-width:var(--maxWidth)}.search-form{background:#fff;background:var(--mainWhite);padding:1.25rem 1rem;text-transform:capitalize;border-radius:.25rem;border-radius:var(--mainBorderRadius);box-shadow:2px 5px 3px 0 rgba(0,0,0,.5);box-shadow:var(--lightShadow)}.form-control label{display:block;margin-bottom:.5rem;color:#476a2e;color:var(--primaryColor)}.form-control input{width:100%;border:2px solid #afafaf;border:2px solid var(--darkGrey);border-radius:.25rem;border-radius:var(--mainBorderRadius);padding:.5rem;font-size:1.2rem}.cocktail-section{text-align:center}.drink{width:85vw;width:var(--smallWidth);max-width:1170px;max-width:var(--fullWidth);margin:0 auto;text-align:left}.drink img{border-radius:.25rem;border-radius:var(--mainBorderRadius)}.drink p{font-weight:700;text-transform:capitalize}.drink span{margin-right:.5rem}.drink-info{padding-top:2rem}@media screen and (min-width:992px){.drink{display:grid;grid-template-columns:2fr 3fr;grid-gap:3rem;gap:3rem;align-items:center}.drink-info{padding-top:0}}footer{position:fixed;bottom:0}@media (max-height:800px){footer{position:static}header{padding-top:40px}}.footer-distributed{background-color:#2c292f;box-sizing:border-box;width:100%;text-align:left;font:700 16px sans-serif;padding:50px 50px 60px;margin-top:80px}.footer-distributed .footer-center,.footer-distributed .footer-left,.footer-distributed .footer-right{display:inline-block;vertical-align:top}.footer-distributed .footer-left{width:30%}.footer-distributed h3{color:#fff;font:normal 36px "Cookie",cursive;margin:0}.footer-distributed .footer-left img{width:30%}.footer-distributed h3 span{color:#e0ac1c}.footer-distributed .footer-links{color:#fff;margin:20px 0 12px}.footer-distributed .footer-links a{display:inline-block;line-height:1.8;text-decoration:none;color:inherit;transition:color .18s}.footer-distributed .footer-links a:hover{color:#e0ac1c}.footer-distributed .footer-company-name{color:#8f9296;font-size:14px;font-weight:400;margin:0}.footer-distributed .footer-center{width:35%}.footer-distributed .footer-center i{background-color:#33383b;color:#fff;font-size:25px;width:38px;height:38px;border-radius:50%;text-align:center;line-height:42px;margin:10px 15px;vertical-align:middle}.footer-distributed .footer-center i.fa-envelope{font-size:17px;line-height:38px}.footer-distributed .footer-center p{display:inline-block;color:#fff;vertical-align:middle;margin:0}.footer-distributed .footer-center p span{display:block;font-weight:400;font-size:14px;line-height:2}.footer-distributed .footer-center p a{color:#e0ac1c;text-decoration:none}.footer-distributed .footer-right{width:30%}.footer-distributed .footer-company-about{line-height:20px;color:#92999f;font-size:13px;font-weight:400;margin:0}.footer-distributed .footer-company-about span{display:block;color:#fff;font-size:18px;font-weight:700;margin-bottom:20px}.footer-distributed .footer-icons{margin-top:25px}.footer-distributed .footer-icons a{display:inline-block;width:35px;height:35px;cursor:pointer;background-color:#33383b;border-radius:2px;font-size:20px;color:#fff;text-align:center;line-height:35px;margin-right:8px;margin-bottom:5px}.footer-icons a.facebook{background:#4267b2;transition:background-color .2s}.footer-icons a.linkedIn{background:#2867b2;transition:background-color .2s}.footer-icons a.github{background:#000;transition:background-color .2s}.footer-icons a.twitter{background:#1da1f2;transition:background-color .2s}.footer-icons a.youtube{background:red;transition:background-color .2s}.footer-icons a.facebook:hover,.footer-icons a.github:hover,.footer-icons a.linkedIn:hover,.footer-icons a.twitter:hover,.footer-icons a.youtube:hover{background:#e0ac1c}@media (max-width:880px){.footer-distributed .footer-center,.footer-distributed .footer-left,.footer-distributed .footer-right{display:block;width:100%;margin-bottom:40px;text-align:center}.footer-distributed .footer-center i{margin-left:0}}
/*# sourceMappingURL=main.b91021bd.chunk.css.map */