/* -------------------- TEMPLATE  ------------------*/
body {
    font-family: 'Raleway', sans-serif;
    color: #0c1154;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Alfa Slab One', sans-serif;
    font-weight: normal;
}

/* body { padding-top: 70px; }*/

.anchoroffset { scroll-margin-top: 70px; }

/* Show it is fixed to the top */
body { padding-top: 76px; }
@media (min-width: 992px) { body { padding-top: 167px; } }
@media (min-width: 1200px) { body { padding-top: 220px; } }

body.build {
	padding-top: 0px;
    font-family: 'Roboto', sans-serif;	
}

span.nobreak {
  white-space: nowrap;
}

.MainNav {
	background-color: #2b3246;
	background-image: url('https://www.buffalobrownies.com/images/template/bufbro_header_bg_darkblue.jpg');
	background-position: top center;
	font-family: 'Alfa Slab One', sans-serif;
}

.MainNav { font-size: 1rem; }
@media (min-width: 1200px) { .MainNav { font-size: 1.2rem; } }

	



.MainNav {z-index: 95000; /*ShareThis zindex is somewhere around 93000??*/ }
.modal-backdrop {z-index: 97000; }
.modal {z-index: 100000; }


.FooterNavCentre, .FooterNavRight {
	font-size: 0.85rem;
}

.navbar-toggler { font-size: 2rem; }

.navbar-brand img:hover {
  animation: shake 0.8s;
  animation-iteration-count: infinite;
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}



a {
    font-weight: bold;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a, .MainNav a {
    font-weight: normal;
}



a, a:link, a:visited {
    color: #794301;
}

a:hover, a:active, a:focus {
	color: #693706;
}

.MainNav .nav-link, a.btn-primary {
    color: #ffffff;
}

.MainNav .nav-link:hover, .MainNav .nav-link.active, .MainNav .show > .nav-link {
    text-decoration: none;
    border-bottom: 3px solid #ffffff;
	/*background-image: url('https://www.buffalobrownies.com/images/template/gingham_denim_small_55op.jpg');*/
}

.nav-link:hover, .nav-link.active, .show > .nav-link {
    text-decoration: underline;
}




.btn-primary {
    color: #ffffff !important;
    background-color: #794301 !important;
    border-color: #794301 !important;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out  !important;
}

.btn-primary:hover {
    color: #fff;
    background-color: #693706 !important;
    border-color: #693706 !important;
}


.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(121,67,1,.5);
}

.btn-primary.focus, .btn-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(121,67,1,.5);
}


.custom-checkbox .custom-control-input:checked~.custom-control-label::before{
  background-color: #794301;
  border-color: #794301;
}
.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(121,67,1,.25);
}

.form-control:focus {
    box-shadow: 0 0 0 0.2rem rgba(121,67,1,.25);
}

.nav-link { padding: 0.25rem 0.5rem; }

.navbar-text { padding: 0.25rem 0.5rem; }


.badge { font-weight: normal; }


.card-footer, .card-header, .modal-header, .lightgrey { background-color: #f8f9fa; /*same as bg-light */ }


.fa-star {
	background: rgb(255,215,0);
	background: radial-gradient(circle, rgba(255,215,0,1) 0%, rgba(218,165,32,1) 50%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}


.biggest { font-size: 175%; }
.bigger { font-size: 150%; }
.big { font-size: 125% }

@media (min-width: 992px) {
	.biggest-lg { font-size: 175%; }
	.bigger-lg { font-size: 150%; }
	.big-lg { font-size: 125% }
}



/* --------------FLAVOURS IN GENERAL---------------- */
.blondie {
    background-color: #f9f5e1;
    color: black;
}

.dark {
    background-color: #5699cd;
    color: white;
}

.ultra-dark {
    background-color: #000000;
    color: white;
}

.special {
    background-color: #ff5800;
    color: white;
}

.pioneer {
    background-color: #dc1d1d;
    color: white;
}

.xmas {
    background-color: #dd0000;
    color: white;
}



.ElementBadge {
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 100%;
	right: 1rem;
	top: 1rem;
	min-width: 3rem;
	border: 1px solid #dfdfdf;  /* dfdfdf = same as card border on white bg */
}
.ElementBadgeSmall{
	font-size: 75%;
}

@media (min-width: 768px) {
	.SingleFlavour .ElementBadge {
		font-size: 180%;
		right: 2rem;
		top: 2rem;
		min-width: 6rem;
	}
}

.OutToPasture {
  background-color: #dfdfdf;
  background-image: url('https://www.buffalobrownies.com/images/template/gingham_grey_small_15op.jpg');
  background-repeat: repeat;
}



.aflavour .FlavourColours .SoleColour, .TheRange .FlavourColours .SoleColour, .SingleFlavour .FlavourColours .SoleColour, .HYFYF .FlavourColours .SoleColour, .FrontpageFlavours .FlavourColours .SoleColour { padding: 1.1rem; }
.aflavour .FlavourColours .PrimaryColour, .TheRange .FlavourColours .PrimaryColour, .SingleFlavour .FlavourColours .PrimaryColour, .HYFYF .FlavourColours .PrimaryColour, .FrontpageFlavours .FlavourColours .PrimaryColour { padding: 0.7rem; }
.aflavour .FlavourColours .SecondaryColour, .TheRange .FlavourColours .SecondaryColour, .SingleFlavour .FlavourColours .SecondaryColour, .HYFYF .FlavourColours .SecondaryColour, .FrontpageFlavours .FlavourColours .SecondaryColour { padding: 0.4rem; }
@media (min-width: 768px) {
	.SingleFlavour .FlavourColours .SoleColour { padding: 2.2rem; }
	.SingleFlavour .FlavourColours .PrimaryColour { padding: 1.4rem; }
	.SingleFlavour .FlavourColours .SecondaryColour { padding: 0.8rem; }
	.HYFYF .FlavourColours .SoleColour { padding: 1.1rem; }
	.HYFYF .FlavourColours .PrimaryColour { padding: 0.7rem; }
	.HYFYF .FlavourColours .SecondaryColour { padding: 0.4rem; }
}



.FlavourColours .list-group-item {
	border-bottom-width: 0;
}

.Modal-Link:link {
    text-decoration: none;
    border-bottom: 1px dotted #794301;
}

.Modal-Link:hover {
    text-decoration: none;
    border-bottom: 1px solid #794301;
}




.flavourtags.additions { background-color: #6b5b95; color: #FFFFFF; }
.flavourtags.experience { background-color: #C62168; color: #FFFFFF; }
.flavourtags.favourites { background-color: #2A4B7C; color: #FFFFFF; }
.flavourtags.spring { background-color: #ffef96; color: #000000; }
.flavourtags.summer { background-color: #ff7b25; color: #FFFFFF; }
.flavourtags.autumn { background-color: #b9936c; color: #FFFFFF; }
.flavourtags.winter { background-color: #405d27; color: #FFFFFF; }
.flavourtags.xmas { background-color: #bd0808; color: #FFFFFF; }

.card-body .Price {
	margin-bottom: 0;
}

/* -------- THE RANGE ------------------- */
























/*------------ SINGLE FLAVOUR-------------- */


.allergen {
	padding-left: .4em;
	padding-right: .4em;
	padding-top: : .2em;
	padding-bottom: .2em;
	background-color: #fcf8e3;
	/*font-weight: bold;*/
}




.indentleft {
	margin-left: 2rem;
}







.breadcrumb > li + li:before {
    content: "> " !important;
}




.explorer .firstcharacter {
	font-size: 2rem;
	margin-right: 0.5rem;
}











/* COOKIE ALERT */
.cookiealert {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0 !important;
    z-index: 999;
    opacity: 0;
    border-radius: 0;
    background-color: #2b3246;
    transform: translateY(100%);
    transition: all 500ms ease-out;
    color: #ffffff;
}

.cookiealert a {
	color: #ffffff;
}

.cookiealert.show {
    opacity: 1;
    transform: translateY(0%);
    transition-delay: 1000ms;
}

/*.cookiealert a {
    text-decoration: underline
}*/

.cookiealert .acceptcookies {
    margin-left: 10px;
    vertical-align: baseline;
}
/* COOKIE ALERT ENDS */