body { font-size:1.1rem; }
.full-page-preview { /* border: solid 3px #525659; */ font-size:1.1rem; }
@font-face { font-family: asul-bold; src: url('../fonts/asul-bold.ttf'); }
@font-face { font-family: asul-light; src: url('../fonts/asul-regular.ttf'); }
@font-face { font-family: hatton-bold; src: url('../fonts/Hatton-bold.ttf'); }
@font-face { font-family: hatton-light; src: url('../fonts/Hatton-light.ttf'); }
@font-face { font-family: hatton-medium; src: url('../fonts/Hatton-Medium.ttf'); }
@font-face { font-family: hatton-extbold; src: url('../fonts/Hatton-Ultrabold.ttf'); }
@font-face { font-family: hatton-extlight; src: url('../fonts/Hatton-Ultralight.ttf'); }
.asul-bold { font-family: asul-bold; }
.asul-light { font-family: asul-light; }
.hatton-bold { font-family: hatton-bold; }
.hatton-light { font-family: hatton-light; }
.hatton-medium { font-family: hatton-medium; }
.hatton-extbold { font-family: hatton-extbold; }
.hatton-extlight { font-family: hatton-extlight; }
.bg-theme { background-color: #C93C0D; }
.text-theme { color: #C93C0D; }
.title-xl { font-size: 53px; }
.title-lg { font-size: 48px; }
.title-md { font-size: 43px; }
.title-sm { font-size: 28px; }
.heading-1 { font-size: 3.4rem; }
.line-height-sm { line-height: 2.8rem; }
.line-height-02 { line-height: 1.3rem; }
.line-height-xs { line-height: .3rem; }
.sub-section-heading { font-family: Playlist; font-size:90px; box-shadow:3px 3px 0px 3px rgba(0,0,0,.3); }
.sub-product-heading { font-family: Playlist; display: inline-block; font-size: 3.2rem; padding: 1rem 0}
.sub-product-sub-heading { padding-left: 0; font-family: playfair display; font-size: 2rem; color: #000; line-height: 1; margin-top: -10px; display: flex; width: 100%; justify-content: flex-end; white-space: nowrap;  margin-left: 3rem; }
.sub-product-text-heading { font-weight:bold; font-size:18px; }
.sub-product-text { font-weight:normal; font-size:16px; padding-left:0; }
.recipe-img { width:400px; }
.section-border { /*border-top: solid 6px #525659; border-bottom: solid 6px #525659;*/ }
.font-weight-600{ font-weight: 600; }
.img-responsive{ max-width: 100%; height: auto; }
.gutters-sm { margin-right: 0; margin-left: 0; }
.gutters-sm>.col, .gutters-sm>[class*=col-] { padding-right: 8px; padding-left: 8px; }
.line-height-wine { line-height: 2.6rem; }
small { font-size: 100% !important; }
.line-height-0{ line-height: 0; }
.font-weight-500{ font-weight: 500; }
.font-weight-600{ font-weight: 600; }
.btn-theme { background-color: #C93C0D; color: #fff; font-weight: 500; text-decoration: none; }
.btn-theme:hover { color: #fff;background: #812304; box-shadow: none; outline: none; }
.btn-warning { background: #ffc80f !important; }
p { font-size: 15px; }
.btn-red { background: #ff3636;color: white; box-shadow: none; }
.btn-red:hover { background: #f32424; color: white; box-shadow: none; }
/* navigation */

/* Side Menu */
#sidebar-wrapper { position: fixed; z-index: 2; right: 0; top: 0px; width: 250px; height: 100%; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; -webkit-transform: translateX(250px); transform: translateX(250px); background: #C93C0D; border-left: 1px solid rgba(255, 255, 255, 0.1); }
.sidebar-nav { position: absolute; top: 0; width: 250px; margin: 0; padding: 0; list-style: none; height: 100%; overflow-y: scroll; }
.sidebar-nav li.sidebar-nav-item a { display: block; text-decoration: none; color: #fff; padding: 15px; }
.sidebar-nav li a:hover { text-decoration: none; color: #fff; background: rgba(255, 255, 255, 0.2); }
.sidebar-nav li a:active, .sidebar-nav li a:focus { text-decoration: none; }
.sidebar-nav > .sidebar-brand { font-size: 1.2rem; height: 135pxpx; line-height: 50px; padding-top: 15px; padding-bottom: 15px; padding-left: 15px; } 
.sidebar-nav > .sidebar-brand a { color: #fff; }
.sidebar-nav > .sidebar-brand a:hover { color: #fff; background: none; }
#sidebar-wrapper.active { right: 250px; width: 250px; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; }
.menu-toggle { position: fixed; right: 45px; top: 46px; bottom: 0px; width: 50px; height: 50px; text-align: center; color: #C93C0D; background: white; line-height: 50px; z-index: 999; }
.logo { max-width: 100%; height: auto; }
.logo-big { font-size:44px; color:#c93c0d; font-weight:501; display:block; }
.logo-small { font-size:12px; color:#c93c0d; }
.menu-toggle .bars { font-size: 30px; position: relative; top: 5px; }
.bars-border { border: solid 1.2px #C93C0D; }
.menu-toggle:focus, .menu-toggle:hover { color: #C93C0D; }
.img-bottle { max-width: 100%; }
.product-heading { font-family: Playlist; font-size:4.5rem; }
.contact-us { padding:2rem 0rem; position:relative; background:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,0) 100%),url('../images/555.jpg'); background-position:center center; background-repeat:repeat; background-size:cover; }
.contact-form { margin-left: 200px; width: 70%; }
.contact-fields { width:100%; padding:4px 10px; margin:5px 0px; }
.btn-redwine{ background-color: #C93C0D; color: white; font-weight: bold; }
.btn-redwine:hover{ background-color: rgb(204, 38, 9) !important; color: white !important; }
.img-fluid1{ transition: all .15s ease-in-out; }
.img-fluid1:hover { box-shadow: 0px 5px 5px 5px rgb(157 42 42 / 90%); }
.content-section { padding:5rem 0rem; }
.portfolio-item{display:block;position:relative;overflow:hidden;max-width:530px;margin:auto auto 1rem}
.portfolio-item .caption{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;width:100%;background-color:rgba(33,37,41,.2);position:absolute;top:0;bottom:0;z-index:1}
.portfolio-item .caption .caption-content{color:#fff;margin:auto 2rem 2rem}
.portfolio-item .caption .caption-content h2{font-size:.8rem;text-transform:uppercase}
.portfolio-item .caption .caption-content p{font-weight:300;font-size:1.2rem}
footer.footer { padding:1.5rem 0rem; background-color:#101010; }
footer.footer .social-link{display:block;height:4rem;width:4rem;line-height:4.3rem;font-size:1.5rem;background-color:white;-webkit-transition:background-color .15s ease-in-out;transition:background-color .15s ease-in-out;-webkit-box-shadow:0 3px 3px 0 rgba(0,0,0,.1);box-shadow:0 3px 3px 0 rgba(0,0,0,.1); }
footer.footer .social-link:hover{background-color:#101010;text-decoration:none; }
.scroll-to-top { position:fixed; right:15px; bottom:15px; display:none; width:50px; height:50px; text-align:center; color:#fff; background:rgba(52,58,64,.5); line-height:45px; z-index:2; }
.scroll-to-top:focus,.scroll-to-top:hover{color:#fff; }
.scroll-to-top:hover{background:#343a40}
.scroll-to-top i{font-weight:800}

@media (min-width:992px) {
	.portfolio-item{max-width:none;margin:0}
	.portfolio-item .caption{-webkit-transition:-webkit-clip-path .25s ease-out,background-color .7s;-webkit-clip-path:inset(0);clip-path:inset(0)}
	.portfolio-item .caption .caption-content{-webkit-transition:opacity .25s;transition:opacity .25s; margin:auto 0rem 3rem 4rem; font-family:'playfair display'; }
	.portfolio-item img{-webkit-transition:-webkit-clip-path .25s ease-out;-webkit-clip-path:inset(-1px);clip-path:inset(-1px)}
	.portfolio-item:hover img{-webkit-clip-path:inset(2rem);clip-path:inset(2rem)}
	.portfolio-item:hover .caption{background-color:rgba(29,128,159,.9);-webkit-clip-path:inset(2rem);clip-path:inset(2rem)}
}

@media only screen and (min-width: 0px) and (max-width: 545px) {
	.title-xl{ font-size: 30px; }
	.logo-big{font-size: 25px;}
	h1{ font-size: 27px !important; }
	h5{ font-size: 16px !important; }
	.title-lg{ font-size: 25px; }
	.title-md{ font-size: 22px; }
	.title-sm{ font-size: 18px; }
	.heading-1{ font-size: 25px; }
	h3, .h3{ font-size: 18px !important; }
	h2, .h2{ font-size: 18px !important; }
	.line-height-sm { line-height: 1.4rem; }
	.line-height-wine{ line-height: 3rem; }
	.logo{ max-width: 40%; height: auto; }
	.menu-toggle{ right: 18px; top: 6px; }
	.content-section{padding-left: 0; padding-right:0;}
	.contact-form { margin-left:0px; width:100%; }
	.recipe-img { width:100%; }
}

@media only screen and (min-width: 546px) and (max-width: 768px) {
	.logo-big{font-size: 35px;}
	.content-section{padding-left: 0; padding-right:0;}
	.contact-form { margin-left:0px; width:100%; }
	.recipe-img { width:100%; }
	.logo{ max-width: 30%; height: auto; }
	.menu-toggle{ right: 18px; top: 14px; }
	h1{ font-size: 32px !important; }
	.title-xl{ font-size: 35px; }
	.title-lg{ font-size: 30px; }
	.title-md{ font-size: 25px; }
	.title-sm{ font-size: 20px; }
	.heading-1{ font-size: 30px; }
	h3, .h3{ font-size: 22px !important; }
	h2, .h2{ font-size: 22px !important; }
	.line-height-sm { line-height: 1.4rem; }
	.line-height-wine{ line-height: 3rem; }
}

@media only screen and (min-width: 769px) and (max-width: 992px) {
	.logo{ max-width: 150px; height: auto; }
	.menu-toggle{ right: 18px; top: 40px; }
	.title-xl{ font-size: 45px; }
	.title-lg{ font-size: 40px; }
	.title-md{ font-size: 30px; }
	.title-sm{ font-size: 40px; }
	.heading-1{ font-size: 25px; }
	.line-height-sm { line-height: 1.6rem; }
	.line-height-wine{ line-height: 3rem; }
	.content-section{padding-left: 0; padding-right:0;}
	.contact-form { margin-left:0px; width:100%; }
}