/*
	Theme Name: PROJECT NAME
	Author:     Pedro Stoehr, pedro.stoehr@ticktoo.com [0x9B092A26]
	Author URI: https://ticktoo.com/
	 ___       ___
	/\  \___  /\  \
	\ \   __\_\_\  \
	 \ \  \ /\____  \
	  \ \__\\/___/\__\
	   \/__/     \/__/
*/

/*
    COLORS

	brown - 45,23,12
	brown lindt - 85,60,43
	beige - 247,244,229
	gold - 190,156,93
	gold lindt - 192,170,92
	red - 175,15,10

*/

@import url('lib/lith/lith.css');
@import url('fonts/fonts.css');

/*! LITH overrides ----------------------------------------------- */

.text-custom1,
.text-custom1 a {
	color: rgb(45,23,12);
}
.bg-custom1 {
	background-color: rgb(45,23,12);
}
.bg-custom2 {
	background-color: rgb(247,244,229);
}
.text-custom3,
.text-custom3 a {
	color: rgb(190,156,93) !important;
}
.bg-custom3 {
	background-color: rgb(190,156,93);
}
.b-custom3 {
	border-color: rgb(190,156,93);
}

.small {
	font-size: .8rem;
}
.btn,.btn-large,.btn-small,.btn-floating{background-color:rgb(190,156,93)}
.btn:hover,.btn-large:hover,.btn-small:hover,.btn-floating:hover{background-color:rgb(45,23,12)}

.btn-white{background-color:rgb(255,255,255);color:rgb(45,23,12)!important;}
.btn-white:hover{background-color:rgb(255,255,255)}


.card .card-action{padding:10px 20px}

.font-alt {
	font-family: 'Playfair', Georgia, serif;
}

.sl-overlay{background:rgb(45,23,12);opacity:.9}
.sl-wrapper .sl-navigation button,.sl-wrapper .sl-close{color:rgb(190,156,93)}
.sl-spinner{border:5px solid rgb(190,156,93);}

.progress{background-color:rgb(247,244,229);margin:24px 0;}
.progress .determinate,.progress .indeterminate{background-color:rgb(190,156,93)}

.btn-floating.small{width:28px;height:28px;line-height:28px;margin-top:12px}
.btn-floating.small i {line-height:28px;}

[type="radio"]:checked + label:after,[type="radio"].with-gap:checked + label:before,[type="radio"].with-gap:checked + label:after{border-color:rgb(190,156,93)}
[type="radio"]:checked + label:after,[type="radio"].with-gap:checked + label:after{background-color:rgb(190,156,93)}

/*! THEME -------------------------------------------------------- */

body {
	background-color: rgb(45,23,12);
	color: rgb(45,23,12);
	font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 1rem;
}

/*! HEADER ------------------------------------------------------- */

.header {
	background-color: rgb(45,23,12);
	color: #FFF;
	min-height: 50px;
}
.header .container {
	position: relative;
}
.header .brand {
	position: absolute;
	left: 10px;
	top: 10px;
}
.header .brand a {
	background-image:url(img/logo.svg);
	background-position:0 0;
	background-repeat:no-repeat;
	background-size:176px 30px;
	display:block;
	height:30px;
	margin:0 auto;
	text-indent:-9999px;
	width:176px;
}
.header .menu-btn{
	display:none
}
.header .menu {
	float: left;
}
.header .menu ul {
	display: block;
	height: 50px;
	line-height: 50px;
	list-style-type: none;
	margin: 0 0 0 190px;
}
.header .menu li {
	float: left;
	margin: 0 16px 0 0;
}
.header .menu li a {
	color:rgb(190,156,93);
	display: block;
	font-size: 1rem;
}
.header .menu li.active a {
	color: #FFF;
}
.header .menu li a:hover {
	color:rgb(255,255,255);
}
.header .account {
	float: right;
}
.header .account a {
	color:rgb(190,156,93);
	display: inline-block;
	height: 50px;
	position: relative;
	width: 32px;
}
.header .account a:hover {
	color: #FFF;
}
.header .account i {
	margin-top: 8px;
}

/*! HERO --------------------------------------------------------- */

.hero {
	background-color: #FFF;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height:350px;
}

.hero-box {
	background-color: rgba(190,156,93,.9);
	height: 100% !important;
	left: 0;
	padding: 10px 20px;
	position: absolute;
	text-align: center;
	top:0;
	width: 270px;
}
.hero-box h2 {
	color: rgb(247,244,229);
	font-family: 'Playfair', Georgia, serif;
	font-size: 2.8rem;
	font-weight: 400;
}

/*! PAGE --------------------------------------------------------- */

.page {
	background-color: #FFF;
}
.page h1,
.page h2 {
	font-family: 'Playfair', Georgia, serif;
	font-size: 2.8rem;
	font-weight: 400;
	color: rgb(45,23,12);
	margin-bottom: 1.5rem;
}
.page h3 {
	font-weight: 400;
	text-transform: uppercase;
}
.page a {
	border-bottom: 1px solid rgb(190,156,93);
	font-weight: 400;
	color: rgb(45,23,12);
}
.page .btn,
.page .btn-flat {
	border-bottom: 0;
	font-weight: 300;
}

/*! NEWS */

.news-item {
    margin: 24px 0;
}
.news-item h3 {
    line-height: 1.3;
    position: relative;
}
.news-item h3,
.news-item p {
    margin: 0 0 4px 0;
}
.news-item strong {
	font-size: .8rem;
    color: rgb(190,156,93);
    font-weight: 300;
}
.news-item h3 a {
	border: none;
	font-weight: 300;
}
.news-item h3 a:hover {
    color: rgb(190,156,93);
}

/*! Photo Grid */


.bg-cover {
	background-position: center top;
	background-size: contain;
	background-repeat: no-repeat;
	height: 0;
	padding-top: 66.6%; /* (img-height / img-width * width) */
}


/* CARDS */

.card-action a {
	color: rgb(190,156,93) !important;
	border: none;
}

.reveal-custom {
	background-color: rgba(190,156,93,.9)!important;
}

.reveal-center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: calc(100% - 40px);
	text-align: center;
}

.ellipse {
	color: rgb(190,156,93);
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 95%;
}


.quantity {
	border: 1px solid #DDD;
	border-radius: 4px;
	width: 54px;
	text-align: center;
	padding: 6px 0;
	margin-top: -6px;
}


/*! PRODUCTS */

.label-gold {
	background-image: url(img/label_gold.svg);
	background-repeat: no-repeat;
	background-size: 64px 32px;
	background-position: center center;
	display: block;
	height: 32px;
	width: 64px;
}
.label-new {
	background-image: url(img/label_new.svg);
	background-repeat: no-repeat;
	background-size: 64px 32px;
	background-position: center center;
	display: block;
	height: 32px;
	width: 64px;
}

.price {
	font-size: 1.3rem;
	font-weight: 600;
	line-height: 38px;
	text-align: center;
}
.price span {
	font-size: .8rem;
	font-weight: 300;
}

.cart-item {
	border-bottom: 1px solid #DDD;
}

.divider {
	background-color: #DDD;
	height: 1px;
	width: 100%;
}


/*! ACCOUNT */

.account-nav {
	list-style-type: none;
	margin: 0;
}
.account-nav li {
	background-color: rgb(240,240,240);
	margin-bottom: 1px;
}
.account-nav a {
	border: 0;
	display: block;
	padding: 6px 10px;
}
.account-nav a i {
	color: rgb(190,156,93)
}
.account-nav a:hover {
	background-color: rgba(255,255,255,.3);
	color: rgb(190,156,93)
}


/*! FOOTER ------------------------------------------------------- */

.footer {
	border-top: 4px solid rgb(190,156,93);
	color: rgb(190,156,93);
	font-size: .8rem;
	text-align: center;
}
.footer a {
	color: rgb(190,156,93);
}
.footer a:hover {
	color: #FFF;
}
.footer span[class^='payment-'],.footer span[class*='payment-']{
	background-color:#FFF;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:58px 15px;
	border-radius:2px;
	display: inline-block;
	font-size: .6rem;
	line-height:40px;
	margin: 0 4px;
	text-indent:-9999px;
	width:64px;
}
.footer .payment-paypal{
	background-image:url(img/logo_paypal.svg)
}
.footer .payment-text {
	color: rgb(45,23,12);
	display: inline-block;
	font-size: .6rem;
	font-weight: 400;
	line-height: 40px;
	margin: 0 4px;
	text-align: center;
	text-indent: 0!important;
	text-transform: uppercase;
}


/*! ZEUCH -------------------------------------------------------- */

.article-item {
	position: relative;
	min-height: 340px;
}
.article-item .label-gold {
	position: absolute;
	left: 16px;
	top:16px;
}
.label-discount{
    border-left: 50px solid transparent;
    border-right: 50px solid rgb(190, 156, 93);
    border-bottom: 50px solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    right: 0px;
    z-index: 2;
}
.label-discount span {
	position: absolute;
	left: 28px;
	top: 3px;
	color: #FFF;
	font-size: 1.2rem;
	font-weight: bold;
}

/*! RESPONSIVE, BABY! -------------------------------------------- */

@media screen and (min-width: 61.9em){ /* LARGE */
	.article-item {
		min-height:400px;
	}
}
@media screen and (max-width: 61.9em){ /* SMALL AND MEDIUM */
	.header .menu-btn{
		color:rgb(190,156,93);
		cursor:pointer;
		display: inline-block;
		display:block;
		height: 50px;
		position:absolute;
		right:10px;
		top:0;
		width: 32px;
	}
	.header .menu-btn i {
		margin-top: 8px;
	}
	.header .menu {
		width: 100%;
	}
	.header .menu ul {
		display: none;
	}
	.header .menu ul {
		height: auto;
		line-height: 36px;
		list-style-type: none;
		margin: 0 0 20px 0;
	}
	.header .menu li {
		border-top: 1px solid rgba(255,255,255,.4);
		float: none;
		display: block;
		margin: 0;
	}
	.header .menu li:first-child {
		border: 0;
	}
	.header .menu li a {
		font-size: 1.2rem;
		letter-spacing: .0125em;
	}
	.header .account {
		margin-right: 30px;
	}
}
@media screen and (min-width:47.9em) and (max-width: 61.9em){ /* MEDIUM ONLY */}

@media screen and (min-width:.1em) and (max-width: 48em){ /* SMALL ONLY*/ }



.btn-option {
	text-align: center;
	padding: 0;
}

.vertical {
	vertical-align: middle;
}



.table-container {
	display: table;
}

.table-container .table-row {
	height: 100%;
	display: table-row;
}

.table-container .table-row .table-col {
	display: table-cell;
	float: none;
	vertical-align: top;
}


/* OLD AND BUSTED */

table.prices {
    width: 100%;
    margin-bottom: 25px;
}
table.prices thead {
    display: none;
}
table.prices tr {
    background-color: transparent;
    vertical-align: top;
    -webkit-transition: background .2s ease;
    -moz-transition: background .2s ease;
    -o-transition: background .2s ease;
    transition: background .2s ease;
}
table.prices tbody td {
    border-bottom: 1px solid #d5d1ce;
    padding: 0 5px 5px 5px !important;
}
table.prices tr td {
    text-align: right;
    width: 20%;
}
table.prices tr td:first-child {
    width: 60%;
    text-align: left;
}
table.prices tr td:last-child {
    width: 20%;
}
table.default {
    margin-bottom: 20px;
}
table.default thead {
    display: none;
}
table.default tr {
    border-bottom: 1px solid #d5d1ce;
    vertical-align: top;
}
table.default tr:last-child {
	border:0;
}
table.default tr.unlined {
	border: 0;
}
table.default tbody td {
    padding:0 5px 0 5px;
}
table.default .desc {
    width: 60%;
}
table.default .prod {
    width: 80%;
}
table.default .size,
table.default .price {
    text-align: right;
    width: 20%;
}
table.default .year,
table.default .medal {
    text-align: left;
    width: 10%;
}
table.default a {
    text-decoration: none;
}
table.default a:hover {
    text-decoration: underline;
}
table.default h3 {
	margin-bottom: 0;
	padding-top: 5px;
}
table.default .year {
	font-weight: bold;
}



.btn-pure {
	color: rgb(190,156,93)!important;
	padding:0;
}

table.prices tr i {
	display: none;
}

table.prices tr:hover {
	color: rgb(190,156,93)!important;
}
table.prices tr:hover i {
	display: inline-block;
}

.progtrckr {
    margin-top: 32px;
    margin-bottom: 32px;
}
.progtrckr > .progtrckr-todo,
.progtrckr > .progtrckr-now,
.progtrckr > .progtrckr-done {
    text-align: center;

    text-overflow: ellipsis;
    color: rgb(150,150,150);
    display: block;
}
.progtrckr > .progtrckr-now {
    color: rgb(150,150,150);
}

.progtrckr > .progtrckr-todo {
    color: rgb(71,71,71);
}





.list-item {
	position: relative;
}

.list-item .weight {
	position: absolute;
	left: 16px;
	top:16px;
}

.btn-order {
	background-color: rgb(247,244,229);
	padding: 0 6px  0 8px;
	font-size: .9rem;
	margin-top: -6px;
	line-height: 32px;
	height: 32px;
	color: rgb(45,23,12) !important;

}
.btn-order:hover {
	background-color: rgb(190,156,93) !important;
	color: #FFF!important;
}
.btn-order i {
	position: relative;
	padding-left:8px;
	margin: -2px 0 0 8px;
}
.btn-order i:before {
	content:'';
	position: absolute;
	left:0;
	top: -2px;
	height: 100%;
	width: 1px;
	background-color: #FFF;
}

.list-item .ellipse {
	color: rgb(45,23,12);
	margin: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 98%;
}

.shop-open div {
	background:rgb(45,23,12) url(img/icon_shop.svg) no-repeat right 50px center;
	background-size:64px;
	color: rgb(190,156,93);
	min-height:96px!important;
	padding-right: 150px;
}
a.shop-open{
	display: block;
	color: rgb(190,156,93);
	border: 0;
}


/*! NEW PRODUCT LIST */

.product-item {
	border: 1px solid rgb(190, 156, 93);
	position: relative;
}
@media (min-width: 48em) {
	.product-item {
		height: 350px;
	}
}

.amount {
	float: left;
}
.amount input[type=number] {
	background-color: rgb(255, 255, 255);
	border: 0;
	color: rgb(0, 0, 0);
	float: left;
	height: 32px;
	margin: 0 1px;
	text-align: center;
	width: 32px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-appearance: textfield;
	-webkit-appearance: none;
	border-radius: 0;
}
.amount input[type=number]:focus {
	outline: none
}
.amount input[type=number]::-webkit-outer-spin-button,
.amount input[type=number]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0
}
.amount .count {
	background-color: rgb(247,244,229);
	cursor: pointer;
	float: left;
	font-weight: 400;
	height: 32px;
	line-height: 32px;
	width: 32px;
	text-align: center;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none
}


.addToCart{float:right;}
.addToCart button{
	background: none repeat scroll 0 0 #8BC34A;
	border: none;
	font-size: 16px;
	color: #fff;
	min-width: 32px;
	height: 32px;
}
.addToCart span {
	line-height: 1;
}

.product-info {
	position: relative;
}
.product-name {
	height: 36px;
	line-height: 1.2;
	text-align: center;
	padding: 0 10px;
}
.product-name a {
	display: block;
	border: 0;
}
.product-name a:hover {
	color: rgb(190, 156, 93);
}
.product-prices {
	border-top: 1px solid rgba(190,156,93,.3);
	padding: 4px 0;
	text-align: center;
}
.price-regular {
	font-weight: 400;
	line-height: 20px;
	padding-right: 5px
}
.price-basic {
	line-height: 20px;
	font-size: .7rem;
	color: #999
}



.product-item .product-actions {
	border-top: 1px solid rgba(190,156,93,.3);
	display: block;
	padding: 9px 10px 10px 10px;
}



/* SHOP NAV */

.shop-nav {
	list-style-type: none;
	margin: 0;
}
.shop-nav li {
	background-color: rgb(240,240,240);
	margin-bottom: 1px;
}
.shop-nav li.active {
	background-color: rgb(190,156,93);
}
.shop-nav li.active a {
	color: #FFF;
}
.shop-nav a {
	border: 0;
	display: block;
	padding: 6px 10px;
}
.shop-nav a i {
	color: rgb(190,156,93)
}
.shop-nav a:hover {
	background-color: rgba(255,255,255,.3);
	color: rgb(190,156,93)
}

.stock-status {
	background-color: #8BC34A;
	display: block;
	color: #FFF;
	text-align: center;
	min-width: 32px;
	height: 32px;
	line-height: 32px;
	margin: 10px;

}
.status-simple {
	background-color: #EEE;
	color: #666;
	margin: 0;
	text-transform: uppercase;
	font-size:.8rem;
}

.preorder {
	background-color: rgb(190,156,93);
	display: block;
	color: #FFF;
	text-align: center;
	min-width: 32px;
	height: 32px;
	line-height: 32px;
	margin: 10px;

}

.preorder-info {
	border: 2px solid rgb(190,156,93);
	padding: 10px 20px;
}


.breadcrumbs ul {
	font-size: .8rem;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}
.breadcrumbs li {
	padding: 6px 0;
	float: left;
}
.breadcrumbs ul li::before {
	color: #999;
	content: ">";
	margin: 0 6px;
}
.breadcrumbs ul li:first-child::before {
	content: "";
	margin: 0;
}

.label-gold.fixed {
	position: absolute;
	left: 12px;
	top: 10px;
}

.ship-again {
	display: block;
	font-size: .8rem;
	padding: 10px;
	background-color: #FF9800;
	color: #FFF;
	text-align: center;
}

.ship-again.fixed {
	position: absolute;
	left: 12px;
	bottom: 130px;
	width: calc(100% - 24px);
}


.product-add .cart {
	background-color: #8BC34A;
	font-size: .8rem;
	text-align: left;
}
.product-add .select {
	display: inline-block;
	margin: 4px 0 4px 6px;
	position: relative;
	width: 50px;
}
.product-add .select select {
	display: inline-block;
	width: 100%;
	cursor: pointer;
	padding: 4px 8px;
	outline: 0;
	border: 0;
	border-radius: 0;
	background: #FFF;
	color: #565656;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.product-add .select select::-ms-expand {
	display: none;
}
.product-add .select select:hover,
.product-add .select select:focus {
	background: #FFF;
	color: #565656;
}
.product-add .select select:disabled {
	opacity: 0.5;
	pointer-events: none;
}
.product-add .select__arrow {
	border-color: #7b7b7b transparent transparent transparent;
	border-style: solid;
	border-width: 6px 4px 0 4px;
	height: 0;
	pointer-events: none;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	width: 0;
}
.product-add .select select:hover ~ .select__arrow,
.product-add .select select:focus ~ .select__arrow {
	border-top-color: #000;
}
.product-add .select select:disabled ~ .select__arrow {
	border-top-color: #ccc;
}
.product-add button {
	background-color: transparent;
	border: 0;
	display: inline-block;
	height: 36px;
	text-transform: uppercase;
	width: calc(100% - 62px);
	color: #FFF;
}


.original-price{font-size:.7rem;display:inline-block;padding-right:4px;position:relative;}
.original-price:before{position:absolute;content:"";left:-2px;top:50%;right:0;border-top:2px solid rgb(190,156,93)!important;border-color:inherit;-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-ms-transform:rotate(-10deg);-o-transform:rotate(-10deg);transform:rotate(-10deg)}


#cp-signup input,#cp-signup select{vertical-align:middle}
#cp-signup :focus{outline:0}
#cp-signup .signup-form .form-desc{font-size:.8rem;}
#cp-signup .signup-form .form-lists{list-style-type:none;margin:0;padding:0}
#cp-signup .signup-form .form-lists li{display:block;margin-bottom:6px;position:relative}
#cp-signup .signup-form .form-input{padding:6px 0 0}
#cp-signup .signup-form .form-action{padding:6px 0 0}
#cp-signup .signup-form input[type="text"]{background-color:#FFF;border:0;height:32px;line-height:32px;padding:0 10px;width:100%;box-sizing:border-box}
#cp-signup .signup-form input[type="submit"]{background-color:rgb(190,156,93);border:0;color:#FFF;cursor:pointer;display:block;width:100%;text-align:center;height:32px;line-height:32px}
#cp-signup .signup-form label{font-size:.8rem!important;cursor:pointer;display:inline-block;line-height:1.3;font-weight:400;}
/*
#cp-signup .signup-form input[type="checkbox"]{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
#cp-signup .signup-form input[type="checkbox"]:focus + label:before,#cp-signup .signup-form input[type="checkbox"]:hover + label:before{border-color:grey}
#cp-signup .signup-form input[type="checkbox"]:active + label:before{-webkit-transition-duration:0;transition-duration:0;-webkit-filter:brightness(0.2);filter:brightness(0.2)}
#cp-signup .signup-form input[type="checkbox"] + label{color:#999;position:relative;padding-left:2.2em;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
#cp-signup .signup-form input[type="checkbox"] + label:before{box-sizing:content-box;content:'';color:#009173;position:absolute;top:50%;left:0;width:14px;height:14px;margin-top:-9px;border:1px solid grey;text-align:center}
#cp-signup .signup-form input[type="checkbox"] + label:after{box-sizing:content-box;content:'';background-color:#009173;position:absolute;top:50%;left:4px;width:10px;height:10px;margin-top:-5px;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:50%;transform-origin:50%;-webkit-transition:-webkit-transform 200ms ease-out;transition:-webkit-transform 200ms ease-out;transition:transform 200ms ease-out;transition:transform 200ms ease-out,-webkit-transform 200ms ease-out;background-color:transparent;top:50%;left:3px;width:8px;height:3px;margin-top:-4px;border-style:solid;border-color:#009173;border-width:0 0 3px 3px;-webkit-border-image:none;-o-border-image:none;border-image:none;-webkit-transform:rotate(-45deg) scale(0);transform:rotate(-45deg) scale(0);-webkit-transition:none;transition:none}
#cp-signup .signup-form input[type="checkbox"]:checked + label{color:#000;}
#cp-signup .signup-form input[type="checkbox"]:checked + label:after{content:'';-webkit-transform:rotate(-45deg) scale(1);transform:rotate(-45deg) scale(1);-webkit-transition:-webkit-transform 200ms ease-out;transition:-webkit-transform 200ms ease-out;transition:transform 200ms ease-out;transition:transform 200ms ease-out,-webkit-transform 200ms ease-out}
#cp-signup .signup-form input[type="checkbox"]:checked + label:before{-webkit-animation:borderscale 200ms ease-in;animation:borderscale 200ms ease-in}
#cp-signup .signup-form input[type="checkbox"]:checked + label:after{-webkit-transform:rotate(-45deg) scale(1);transform:rotate(-45deg) scale(1)}
*/

.form-extended {
	display: none;
}

.g-recaptcha {
	transform: scale(0.57);
	margin-left: -1px;
	margin-bottom: -29px;
	margin-top: 10px;
	-webkit-transform:scale(0.57);
	transform-origin:0 0;
	-webkit-transform-origin:0 0;
}

.sidebar-box h3 {
	color:rgb(190,156,93)!important;
	font-size: 1.1rem;
	margin:0;
	padding:0 0 6px 0;
	line-height: 1;
}
.sidebar-box p {
	font-size: .8rem;
	margin: 0;
}

/*! CMS SNIPPETS */


figure {
    margin: 10px 0;
    padding: 0;
    position: relative;
}
figcaption {
    color: rgb(150,150,150);
    display: block;
    font-style: italic;
    font-size: 11px;
    margin-top: 6px;
    box-sizing: border-box;
    width: 100%;
}
figure.right {
    float: right;
    margin: 0 0 10px 2%;
}
figure.left {
    float: left;
    margin: 0 2% 10px 0;
}
figure.tiny {
    max-width: 16%;
}
figure.small {
    max-width: 23%;
}
figure.medium {
    max-width: 48%;
}
figure.large {
    max-width: 100%;
}
figure img {
    display:block;width:960px;max-width:100%;height:auto;
}
figure.center {
    margin: 10px auto;
}


.event-item {
	border-bottom: 1px solid rgba(0,0,0,.1);
	padding: 10px 0;
	display: block;
}
.event-date {
	float: left;
	width: 130px;
}
.event-title {
	float: left;
}
.event-time {
	float: right;
}


/*! RESPONSIVE, BABY! */
@media screen and (min-width: 61.9em){ /* LARGE */ }
@media screen and (max-width: 61.9em){ /* SMALL + MEDIUM */ }
@media screen and (min-width:47.9em) and (max-width: 61.9em){ /* MEDIUM ONLY */
	figure {
		max-width: 100%;
		margin: 0 10px 10px 20px;
		padding: 0;
	}
	figcaption {
		color: rgb(150,150,150);
		display: block;
		font-style: italic;
		margin-top: 6px;
		box-sizing: border-box;
		width: 100%;
	}
	figure.right {
		float: right;
	}
	figure.left {
		float: left;
	}
	figure.small {
		max-width: 15% !important;
	}
	figure img {
		display:block;width:960px;max-width:100%;height:auto;
	}


}
@media screen and (min-width:.1em) and (max-width: 48em){ /* SMALL ONLY*/ }

@media screen and (max-width: 29.938em) {
	figure {float: none;display: block;margin: 0 0 12px 0; max-width: 100%;}
	figure.tiny {max-width: 100% !important;}
	figure.small {max-width: 100% !important;}
	figure.medium {max-width: 100% !important;}
}
@media screen and (min-width: 30em) and (max-width: 63.938em) {

	figure.small {max-width: 100% !important;}

}




/* END OF LINE */