/*
Theme Name: The Raw Treat Canteen
Author: Kat @ Hello Developers
Author URI: http://hello-developers.com/
Description: Theme customistaion for The Raw Treat Canteen
Version: 1.0
Text Domain: therawtreatcanteen
*/


/* Import CSS reset and Hello Libary */
@import url('./style-hello.css');

/* @font-face {
	font-family: 'special_eliteregular';
	src: url('./fonts/specialelite-webfont.eot');
	src: url('./fonts/specialelite-webfont.eot?#iefix') format('embedded-opentype'),
		url('./fonts/specialelite-webfont.woff2') format('woff2'),
		url('./fonts/specialelite-webfont.woff') format('woff'),
		url('./fonts/specialelite-webfont.ttf') format('truetype'),
		url('./fonts/specialelite-webfont.svg#special_eliteregular') format('svg');
	font-weight: normal;
	font-style: normal;
} */

@font-face {
	font-family: 'endurestregular';
	src: url('./fonts/endurest-webfont.woff2') format('woff2'),
		url('./fonts/endurest-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

html, body { position: relative; min-height: 100%; height: 100%; }
body { font-family: 'endurestregular', Times, Serif; }
#Layer_1 {  margin-bottom: 23px; margin-left: -3px; }
h2 { font-size: 17px; padding-top: 5px; letter-spacing: 0.5px; }
p { font-size: 15px; letter-spacing: 0.5px; line-height: 14px; }
#canteen { max-width: 100%; min-height: 100%; position: relative; width: 100%; overflow: scroll; /* height: 100%; */ }
#redskin { width: 80%; height: 100%; }
#milko { width: 322px; min-height: 800px; height: 100%;  padding: 27px 30px 0 30px;/*  position: relative; */ background-color: #fff; }
#milko p { padding-bottom: 10px; }
.heidi { padding-top: 5px; }
#milko a { /* color: #ec008c; */ color: #000; }
#toffee { position: absolute; bottom: 0; }
#toffee p { font-size: 11px; letter-spacing: 0.1px; line-height: 10px; }
#caramel { padding-bottom: 60px; }
.icons { /* color: #ec008c; */ color: #000; line-height: 26px; padding: 0 20px 0 30px; background-position: left center; background-repeat: no-repeat !important; display: inline-block; margin: 7px 0 0 0; }
#insta { background: url(images/logo_instagram.gif); background: url(images/logo_instagram.svg), linear-gradient(transparent, transparent); }
#products { background: url(images/icon_file.gif); background: url(images/icon_file.svg), linear-gradient(transparent, transparent); }
.bx-viewport { min-height: 100%; }
.bx-wrapper { position: relative; margin: 0; padding: 0; zoom: 1; min-height: 100%; }
.bx-wrapper img { max-width: 100%; width: 100%; /* min-height: 100%; */ display: block; }

/* RESPONSIVE */

@media screen and (min-width: 1500px) {
	#milko { right: auto; left: 80%; }

}

@media screen and (max-width: 768px) {
	#milko, #redskin { width: 100%; float: none; clear: both; display: block; position: relative; }
	#redskin { height: auto; }
	#milko { padding: 27px 100px 0 30px!important; }
	.bx-viewport, .bx-wrapper, .bx-wrapper img { min-height: 0px; }

	
}

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

}