@import url(https://fonts.googleapis.com/css?family=Open+Sans);body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.bm-burger-button{position:fixed;width:36px;height:30px;left:36px;top:36px}.bm-burger-bars{background:#fff}.bm-burger-bars-hover{background:#a90000}.bm-cross-button{height:24px;width:24px}.bm-cross{background:#bdc3c7}.bm-menu-wrap{position:fixed;height:100%}.bm-menu{background:#016fb9;padding:2.5em 1.5em 0;font-size:1.15em}.bm-morph-shape{fill:#373a47}.bm-item-list{color:#b8b7ad;padding:.8em}.bm-item{display:inline-block}.bm-overlay{background:rgba(0,0,0,.3)}body{background-color:#f5fcff;font-family:"Open Sans",sans-serif;max-width:100%;overflow-x:hidden}h1,h2,h3,h4{font-weight:200;letter-spacing:.5px}a{text-decoration:none}nav.primary{position:fixed;top:0;right:0;left:0;margin:0}main{width:100%;margin-top:8em}a,a:visited{color:#0154c0}p{font-weight:100;color:#555}fieldset{padding:0;margin:0}.row{width:100%}.App,.row{display:-webkit-flex;display:flex}.App{-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-flex-wrap:wrap;flex-wrap:wrap;min-height:600px;padding:0 16px}.App a{text-decoration:none;color:#242736}.logo-container{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-around;justify-content:space-around;margin-bottom:1em;background-color:#016fb9;padding:8px 0;border-bottom:1px solid #333;box-shadow:0 0 10px #000}.logo-container img{-webkit-align-self:flex-start;align-self:flex-start;max-height:75px;max-width:100%}.search,.searchContainer{display:-webkit-flex;display:flex}.search{width:400px;height:30px;margin-top:1em;border:0;border-radius:10px;padding:2px 4px;font-size:1em;text-align:center}.bm-burger-button{display:none}nav{margin-top:1em;z-index:9999}nav a,nav a:visited{color:#fff;text-decoration:none;font-size:1.2em;margin:0 1em}.cocktail-link{max-width:50%;-webkit-flex:0 0 250px;flex:0 0 250px}.cocktail-container{background-color:#fff;height:auto;-webkit-flex:0 1 auto;flex:0 1 auto;margin:8px;padding:1em;text-align:center;border-radius:1em;border:1px solid #ccc;transition:all .2s ease-in-out}.cocktail-container:hover{-webkit-transform:scale(1.05);transform:scale(1.05);box-shadow:0 0 12px rgba(0,0,0,.2)}.rating{-webkit-align-self:center;align-self:center}.rating span{position:relative;font-size:.9em;vertical-align:text-top;top:-1px;left:0;padding:0 0 0 4px;z-index:1}.star{border-color:#ccc;margin-top:5px;font-size:1.1em}.cocktail-container img{height:150px;width:150px;border-radius:25px}.cocktail{-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center;max-width:100%;text-align:left;margin:0 auto;border-radius:1em}.cocktail,.cocktail-row{display:-webkit-flex;display:flex;padding:1em}.cocktail p{text-align:left}.cocktail-details{-webkit-align-items:flex-start;align-items:flex-start;width:600px;padding:1em}.cocktail-details,.cocktail-image-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;max-width:100%}.cocktail-image-container{-webkit-align-items:center;align-items:center;padding:1em 0}.cocktail-image,.cocktail-image-container{-webkit-justify-content:center;justify-content:center}.cocktail-image{margin:0 auto;width:300px;object-fit:contain;max-width:100%;max-height:auto;border-radius:10px;border:1px solid #ccc}.ads{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;padding:1em 0;max-width:300px}.ad-container,.ads{-webkit-justify-content:center;justify-content:center}.ad-container{max-width:100%;width:250px;text-align:center;margin:2em;padding:1em;background-color:#fff;border:1px solid #ccc;border-radius:10px}.ads img{border:1px solid #ccc;border-radius:25px;max-height:125px;width:auto}.ads .price{color:#000}.amazon-ads{display:block;margin:1em auto 6em;background-color:#fff;max-width:1024px;width:90%;text-align:center}.amazon-ads,.submission-link{border:1px solid #ccc;border-radius:10px;padding:1em}.submission-link{background-color:#01c975;color:#fff;font-size:1em}.shopping-category-container{-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:1em;padding:.5em;border:1px solid #ccc}.shopping-category,.shopping-category-container{display:-webkit-flex;display:flex;background-color:#fff}.shopping-category{-webkit-flex-direction:column;flex-direction:column;padding:1em;text-align:center}.shopping-category img{height:75px;width:75px}.shopping-category h3{margin:0}.shopping-container{-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-flex-direction:row;flex-direction:row}.shopping-container,.shopping-item{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.shopping-item{-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;margin:1em;width:400px;max-width:100%;background-color:#fff;border:1px solid #ccc;border-radius:2px;padding:1em;text-align:center;transition:.2s ease-in-out}.shopping-item:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.shopping-image{width:250px;text-align:center}.shopping-item img{max-height:250px;width:auto;max-width:100%}.shopping-details{padding:0 1em}.shopping-item h4{max-width:800px}.shopping-price{font-weight:700;color:#000}.similar{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;max-width:90%;margin:1em auto 6em;padding:0 .5em}.similar h2{text-align:center}.similar .cocktail-container{margin:.5em;-webkit-flex:0 0 150px;flex:0 0 150px;font-size:12px}.similar .cocktail-container img{width:auto}.similar-wrapper{-webkit-flex-wrap:wrap;flex-wrap:wrap}.ingredients,.similar-wrapper{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.ingredients{padding:1em 0}.ingredient-heading{margin:1em;text-transform:capitalize;text-align:center}.ingredients li{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;font-size:1.2em;padding:2px}.ingredients a{max-width:250px}.ingredients span{-webkit-align-self:flex-end;align-self:flex-end}.social{display:-webkit-flex;display:flex;-webkit-flex-direction:"row";flex-direction:"row"}.social a{color:#fff}.submission{-webkit-justify-content:center;justify-content:center}.submission form{width:600px;max-width:100%;margin-bottom:5em;border:1px solid #ccc;padding:2em;background-color:#fff;border-radius:10px}.submission .image label{background-color:#016fb9;border:1px solid #ccc;color:#fff;padding:1em;border-radius:5px;text-align:center;box-shadow:0 0 5px #ccc}.submission fieldset{border:0}.submission span{display:inline-block;padding:1em}.submission input[type=submit]{background-color:#01c975;border:1px solid #ccc;color:#fff;padding:1em;border-radius:5px;text-align:center}.submission .inputfile{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.submission input,.submission select,.submission textarea{min-height:35px;background-color:#fff;margin:1em 0 0;border:1px solid #ccc;border-radius:5px;padding:2px;width:100%}.submission .ingredient-container{display:block;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;margin:1em 0}.submission .ingredient-container span{display:inline-block}.submission .ingredient input,.submission .ingredient select{display:inline-block;margin:0}.submission .ingredient-container{width:100%}footer{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-self:flex-end;align-self:flex-end;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;min-height:150px;background-color:#016fb9;padding:1em}.footer-logo img{max-height:100px;max-width:100%}.align-center{text-align:center}@media(max-width:1260px){.cocktail-row{-webkit-flex-direction:row;flex-direction:row;width:100%}.cocktail-details{width:600px}.ad-container,.ads{width:100%}.ads{-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;max-width:100%}}@media(max-width:990px){.logo-container{position:fixed;top:0;left:0;width:100%}.cocktail-image-container{-webkit-order:-1;order:-1}.cocktail-details{-webkit-order:0;order:0}.App,.cocktail,.ingredients,.shopping-wrapper,.wrapper{margin-top:90px}.cocktail-row{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.cocktail-row,.shopping-item{-webkit-justify-content:center;justify-content:center}.similar{-webkit-order:4;order:4}.similar-wrapper{-webkit-flex-direction:row;flex-direction:row}.nav,.searchContainer{display:none}.bm-burger-button{display:inline-block}}@media(max-width:540px){.App{padding:0 8px;-webkit-justify-content:center;justify-content:center}.cocktail{-webkit-align-items:center;align-items:center}.cocktail-link{max-width:50%}.submission{width:100%}.cocktail-row{-webkit-flex-direction:column;flex-direction:column}.cocktail-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-flex:0 1 150px;flex:0 1 150px;height:auto;min-height:150px;margin:8px;padding:4px}.cocktail-container h3{margin:4px;font-size:1em}.cocktail-container img{width:75px;height:75px}.ads{-webkit-flex-wrap:wrap;flex-wrap:wrap}.similar a{max-width:50%}.similar .cocktail-container{max-width:100%}.simiar h2{width:100%}}.banner{max-height:640px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.banner video{height:100%;max-height:320px;width:auto;max-width:100%}
/*# sourceMappingURL=main.e66edb21.chunk.css.map */