/*!
 * Theme Name:  3 Badge
 * Description: Under construction landing page for 3 Badge Beverage Corporation
 * Author:      LION
 * Author URI:  http://lionassociates.com/
 */

body {
	color: #ffffff;
	background-color: #493728;
	font-size: 14pt;
	min-width: 320px;
	font-family: "FontName";
    background-size: cover;
    min-width: 320px;
}

html {
	min-height: 100%;
}

@font-face {
    font-family: 'FontName';
    src: url('fonts/2F726D_0_0.eot');
    src: url('fonts/2F726D_0_0.eot') format('embedded-opentype'),
        url('fonts/2F726D_0_0.woff') format('woff'),
        url('fonts/2F726D_0_0.woff2') format('woff2'),
        url('fonts/2F726D_0_0.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

a {
	color: #ffffff;
}


a:hover {
	color: #ffffff;
	text-decoration: none;
}

a:active {
	color: #ffffff;
}

a:focus {
	color: #ffffff;
}

.row {
	text-align: center;
}

.page-id-483 .container {
	margin-top: 150px; /*large width*/
	margin-bottom: 100px;
}

.badge {
	text-align: center;
	background-color: transparent;
}

.badges {
	display: none;
}

.sublogo {
	max-width: 200px;
}

@media only screen and (max-width : 480px) {
	.sublogo {
		max-width: 200px;
	}
}

.img-center {
	max-width: 300px;
}

@media only screen and (max-width : 992px) {
	.container {
		margin-top:	130px;
	}

}

@media only screen and (max-width : 768px) {
	.container {
		margin-top:	110px;
	}
	.img-center {
		max-width: 250px;
	}
	.sublogo {
		max-width: 200px;
	}
}

@media screen and (min-width: 768px) and (max-width: 768px) {
	.img-side {
		max-width: 250px;
		margin-top: 70px;
	}
}

@media only screen and (max-width : 520px) {
	.img-center {
		max-width: 200px;
	}
	.sublogo {
		max-width: 150px;
	}
	.buttons {
		margin-top: 5px;
		margin-bottom: 5px;
	}
}

@media only screen and (max-width : 480px) {
	.container {
		margin-top:	40px;
	}
}

@media only screen and (max-width : 380px) {
	.img-center {
		max-width: 175px;
	}
	.sublogo {
		max-width: 125px;
	}
	.buttons {
		margin-top: 5px;
		margin-bottom: 5px;
	}
}



.subtext {
	text-align: center;
	margin-top: 60px;
}

.subtext-logo {
	max-width: 400px;
	margin-top: 50px;
}

@media only screen and (max-width : 480px) {
	.subtext-logo {
		max-width: 350px;
	}
}

@media only screen and (max-width : 420px) {
	.subtext-logo {
		max-width: 320px;
	}
}

@media only screen and (max-width : 390px) {
	.subtext {
		font-size: 12pt;
	}
	.subtext-logo {
		max-width: 280px;
	}
}

.enology_off, .enologyBtn:hover .enology_on{
   display:none;
}
.enology_on, .enologyBtn:hover .enology_off{
   display:inline;
}

.mixology_off, .mixologyBtn:hover .mixology_on{
   display:none;
}
.mixology_on, .mixologyBtn:hover .mixology_off{
   display:inline;
}

.mixologyBtn{
	background: none;
	border: none;
	display: inline;
}

.mixologyBtn .sublogo {
	margin-top: 10px;
}

.enologyBtn{
	background: none;
	border: none;
}

.stars {
	max-width: 150px;
}

@media only screen and (max-width : 480px) {
	.stars {
		max-width: 100px;
	}
}

.buttons {
	margin-top: 10px;
	margin-bottom: 10px;
}