/*-------------------------------*/
/*- FEATURE LIST (tick/cross) ---*/
/*-------------------------------*/

	.feature-list .media-body .excerpt ol,
	.feature-list .media-body .excerpt ul{
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.feature-list .excerpt del,
	.feature-list .excerpt s{
		text-decoration: none;
	}
	.feature-list .excerpt del:before,
	.feature-list .excerpt s:before{
		margin-right: 8px;
		content: "\e900";
		font-family: 'layers-icons';
		font-size: 1.4rem;
	}
	.feature-list .excerpt em{
		font-style: normal;
	}
	.feature-list .excerpt em:before{
		margin-right: 8px;
		content: "\e901";
		font-family: 'layers-icons';
		font-size: 1.4rem;
	}

/*-------------------------------*/
/*- DARKEN ----------------------*/
/*-------------------------------*/

	.darken{
		position: relative;
	}
	.overlay.darken{
		background: rgba(0, 0, 0, 0.2);
	}
	:not(.overlay).darken .container:before{
		content: " ";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.2);
	}

/*-------------------------------*/
/*- AVATAR ----------------------*/
/*-------------------------------*/

	.avatar{
		display: block;
		position: relative;
	}
	.avatar .avatar-image{
		display: block;
		float: left;
		margin-right: 10px;
		max-width: 54px;
		border-radius: 100%;
		position: relative;
		z-index: 1;
	}
	.avatar .avatar-image img{
		display: block;
		margin: auto;
		border-radius: 100%;
	}
	.avatar .avatar-body{
		overflow: hidden;
		padding: 5px 0;
	}
	.avatar .avatar-body .avatar-name{
		display: block;
		font-weight: 700;
	}
	.avatar.middled{
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	.avatar.middled .avatar-image{
		float: none;
		margin: auto;
	}


/*-------------------------------*/
/*- STORY -----------------------*/
/*-------------------------------*/

	.story{
		font-size: 1.6rem;
		word-wrap: break-word;
	}
	.story p{
		margin-bottom: 20px;
	}
	.story address{
		margin-bottom: 26px;
	}
	.story a:not(.button){
		text-decoration: underline;
	}
	.story ul{
		list-style: disc;
		margin: 0 0 26px 35px;
	}
	.story ul li{
		list-style: disc;
		margin: 0 0 6px;
	}
	.story ol{
		list-style: decimal;
		margin: 0 0 26px 35px;
	}
	.story ol li{
		list-style: decimal;
		margin: 0 0 6px;
	}
	.story ul ul,
	.story ul ol,
	.story ol ol,
	.story ol ul{
		margin-bottom: 0;
	}
	.story .feature-list{
		list-style: none;
		margin-left: 15px;
	}
	.story dl{
		margin: 0 0 26px;
	}
	.story dd{
		margin-left: 36px;
	}

	.story img{
		max-width: 100%;
		height: auto;
	}
	.story img.align-center{
		display: block;
	}

	.story h1{
		margin-bottom: 26px;
		font-size: 3.2rem;
		font-weight: 700;
	}
	.story h2{
		margin-bottom: 26px;
		font-size: 2.2rem;
		font-weight: 700;
	}
	.story h3{
		margin-bottom: 26px;
		font-size: 2.0rem;
		font-weight: 700;
	}
	.story h4{
		margin-bottom: 26px;
		font-size: 1.8rem;
		font-weight: 700;
	}
	.story h5{
		margin-bottom: 26px;
		font-size: 1.4rem;
		font-weight: 700;
	}
	.story h6{
		margin-bottom: 26px;
		font-size: 1.4rem;
	}
	.story table{
		font-size: 1.4rem;
	}

	.story blockquote{
		padding: 20px;
		margin-bottom: 26px;
		background: rgba(0, 0, 0, 0.05);
		color: rgba(0, 0, 0, 0.55);
	}
	.story blockquote p:last-child{
		margin-bottom: 0;
	}

		/*-----------------------*/
		/*- WP CAPTIONS ---------*/
		.wp-caption{
			max-width: 100%;
			padding: 10px;
			background: #f0f0f0;
		}
		.wp-caption-text{
			padding: 10px 5px 5px;
			margin: 0;
			color: #777;
			font-size: 1.4rem;
		}
		.wp-caption p.wp-caption-text{
			padding: 10px 5px 5px;
			margin: 0;
		}

		.wp-caption.alignright,
		.story img.alignright{
			float: right;
			max-width: 320px;
			margin: -10px 0 10px 20px;
		}
		.wp-caption.alignleft{
			float: left;
			max-width: 320px;
			margin: 0 20px 10px 0;
		}
		.wp-caption.alignnone{
			margin: 5px 20px 20px 0;
		}

		.gallery-caption{
			font-size: 1.2rem;
		}
		.bypostauthor{
			color: #777;
		}

		.alignleft{
			float: left;
		}
		.alignright{
			float: right;
		}
		.aligncenter{
			clear: both;
			margin-left: auto;
			margin-right: auto;
			text-align: center;
		}
		.wp-caption.aligncenter{
			margin-bottom: 20px;
		}

/*-------------------------------*/
/*- META ------------------------*/
/*-------------------------------*/

	/*---------------------------*/
	/*- META INFO ---------------*/
	.meta-info{
		clear: both;
		color: rgba(0, 0, 0, 0.65);
		font-size: 1.2rem;
	}
	.meta-info + .heading{
		margin-top: 15px;
	}
	.meta-info p{
		margin: 0;
	}
	.meta{
		overflow: hidden;
		color: #8f8f8f;
		font-size: 1.2rem;
		text-transform: uppercase;
	}
	.meta-list{
		overflow: hidden;
	}
	.meta-list li{
		padding: 5px 0;
		color: #777;
	}
	div + .meta-list{
		margin-top: 10px;
	}
	.meta-item{
		display: block;
		margin-top: 2px;
	}
	.meta-item:first-child{
		margin-top: 0;
	}
	.meta-item i{
		display: inline-block;
		width: 16px;
	}
	.meta-info + .heading,
	.excerpt + .meta-info{
		margin-top: 15px;
	}
	.meta-info p{
		margin: 0;
	}

		/*-----------------------*/
		/*- SINGLE PAGE META ----*/
		.single .meta-item{
			display: inline-block;
			margin-right: 15px;
		}
		.single .meta-info-vertical .meta-item{
			display: block;
			margin-right: 0;
		}



/* widget calendar
------------------------------------------------->*/
#wp-calendar {
  width: 100%;
}

#wp-calendar caption {
  text-align: left;
  margin-bottom: 10px;
  caption-side: top;
  text-transform: capitalize;
  color:#6d7c90;
  justify-content: space-between;
  font-weight: 500;
}

#wp-calendar * {
  text-align: center;
}

#wp-calendar #prev {
  text-align: left;
}

#wp-calendar #next {
  text-align: right;
}

#wp-calendar td,
#wp-calendar th {
  padding: 10px 5px;
}


	/*-------------------------------*/
/*- TOOLTIPS --------------------*/
/*-------------------------------*/

	.tooltip{
		cursor: help;
		position: relative;
	}
	.tooltip:after{
		width: 220px;
		padding: 15px;
		border-radius: 4px;
		position: absolute;
		left: -15px;
		bottom: 40px;
		z-index: 98;
		background: rgba(0, 0, 0, 0.85);
		content: attr(title);
		visibility: hidden;
		opacity: 0;
		transition: all 0.2s ease-in-out;
	}
	.tooltip:before{
		border: solid;
		content: "";
		position: absolute;
		left: 15px;
		bottom: 34px;
		z-index: 99;
		border: solid;
		border-color: rgba(0, 0, 0, 0.85) transparent;
		visibility: hidden;
		opacity: 0;
		transition: all 0.2s ease-in-out;
	}
	.tooltip:hover:after{
		opacity: 1;
		visibility: visible;
		bottom: 35px;
	}
	.tooltip:hover:before{
		opacity: 1;
		visibility: visible;
		bottom: 29px;
	}

/*---------------------------*/
/*- NOTICE STYLING ----------*/

	.success{
		display: inline-block;
		padding: 5px 10px;
		background: #fff;
		border: 1px solid #A3C567;
		font-weight: bold;
		color: #A3C567;
		border-left:  4px solid #A3C567;
	}

	/*-----------------------*/
	/*- STATUS NOTICE -------*/
	.status-notice{
		display: block;
		margin-bottom: 10px;
		border: 1px solid;
		color: #fff;
		font-weight: bold;
		overflow: hidden;
		text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
		line-height: 32px;
	}
	a.status-notice:hover{
		color: #fff;
		text-decoration: none;
	}
	a.status-notice:hover span{
		text-decoration: underline;
	}
	.status-notice [class^="icon-"],
	.status-notice [class*=" icon-"]{
		float: left;
		width: 32px;
		border-right: 1px solid rgba(0, 0, 0, 0.2);
		text-align: center;
		font-size: 14px;
		line-height: 32px;
	}
	.status-notice-heading{
		margin: 0;
		padding: 0;
		font-size: 12px;
		font-weight: bold;
		line-height: 12px;
	}
	.status-notice-heading span{
		float: left;
		padding: 10px 0 10px 8px;
		overflow: hidden;
	}

		/*-------------------*/
		/*- STATUS COLORS ---*/
		.status-good{
			background: #A3C567;
			border-color: #93B25E;
		}
		.status-neutral{
			background: #2EA2CC;
			border-color: #0074A2;
		}
		.status-bad{
			background: #E1574C;
			border-color: #B0453D;
		}




/*-------------------------------*/
/*- RESET -----------------------*/
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent; list-style: none;}
body {line-height: 1;}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {display:block;}
nav ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{content:''; content:none;}
a{margin:0; padding:0; vertical-align:baseline; background:transparent; text-decoration: none;}
ins{text-decoration:none;}
mark{font-style:italic; font-weight:bold;}
del{text-decoration: line-through;}
abbr[title], dfn[title]{border-bottom:1px dotted; cursor:help;}
table{border-collapse:collapse; border-spacing:0;}
hr{display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}
input, select{vertical-align:middle;}


/*-------------------------------*/
/*- DEFAULTS --------------------*/
/*-------------------------------*/

code,
tt,
kbd{
	display: inline;
	padding: 4px 6px;
	background-color: #eee;
	color: #8f8f8f;
	font-size: 85%;
	font-weight: 700;
	font-family: "Courier New", Courier, monospace;
}
pre{
	padding: 20px 20px 0;
	margin-bottom: 20px;
	background-color: #f5f5f5;
	border: 1px solid #ddd;
	color: #323232;
	font-size: 85%;
	font-weight: 700;
	font-family: "Courier New", Courier, monospace;
	text-transform: initial;
	overflow-y: scroll;
}
strong{
	font-weight: 700;
}
s,
strike,
del{
	text-decoration: line-through;
}
u,
ins{
	text-decoration: underline;
}
abbr[title],
acronym[title]{
	text-decoration: underline dotted;
}
small{
	color: rgba(0, 0, 0, 0.5);
	font-size: 1.2rem;
}

.desktop-collapse{
	display: none;
}
.cursor-clickable{
	cursor: pointer;
}
.cursor-resizable{
	cursor: ew-resize;
}
.cursor-grabable{
	cursor: -webkit-grab;
	cursor: -moz-grab;
}
.hide{
	display: none;
}
.animate{
	transition: all 0.2s ease-in-out;
}
.excerpt{
	word-wrap: break-word;
}

/*--------------------------------------------------------------*/
/*- ALL SCREENS ------------------------------------------------*/
/*--------------------------------------------------------------*/

	/*---------------------------*/
	/*- GRIDS -------------------*/
	.grid{
    display:-webkit-flex;
		display: flex;
		flex-flow: row;
		flex-wrap: wrap;
		position: relative;
	}
	.container .grid{
		margin-left: -10px;
		margin-right: -10px;
	}


	/*---------------------------*/
	/*- CONTENT PADDING ---------*/
	.content{
		padding: 20px;
	}
	.content-main{
		padding: 6% 20px;
	}
	.content-small{
		padding: 10px;
	}
	.content-large{
		padding: 3%;
	}
	.content-extra-large{
		padding: 4%;
	}
	.content-massive{
		padding: 6%;
	}

	/*---------------------------*/
	/*- VERTICAL PADDING --------*/
	.content-vertical{
		padding-top: 2%;
		padding-bottom: 2%;
	}
	.content-vertical-large{
		padding-top: 3%;
		padding-bottom: 3%;
	}
	.content-vertical-extra-large{
		padding-top: 4%;
		padding-bottom: 4%;
	}
	.content-vertical-massive{
		padding-top: 6%;
		padding-bottom: 4%;
	}

	.inset-top{
		padding-top: 2%;
	}
	.inset-top-small{
		padding-top: 1%;
	}
	.inset-top-medium{
		padding-top: 3%;
	}
	.inset-top-large{
		padding-top: 6%;
	}

	.inset-bottom{
		padding-bottom: 2%;
	}
	.inset-bottom-small{
		padding-bottom: 1%;
	}
	.inset-bottom-medium{
		padding-bottom: 3%;
	}
	.inset-bottom-large{
		padding-bottom: 6%;
	}

	/*---------------------------*/
	/*- CLEAR PADDING -----------*/
	.no-inset{
		padding: 0;
	}
	.no-inset-top{
		padding-top: 0;
	}
	.no-inset-bottom{
		padding-bottom: 0;
	}

	/*---------------------------*/
	/*- FLOATS AND CLEARS -------*/
	.pull-left{
		float: left;
	}
	.column .pull-right,
	.column.pull-right{
		order: 2;
	}
	.pull-right{
		float: right;
	}
	.clearit{
		clear: both;
	}

	.image-left{}
	.image-right{}
	.image-top{}

/*-------------------------------*/
/*- ALIGNMENT & SPACING ---------*/

	/*---------------------------*/
	/*- VERTICAL MARGIN ---------*/
	.push-top{
		margin-top: 2%;
	}
	.push-top-small{
		margin-top: 1%;
	}
	.push-top-medium{
		margin-top: 3%;
	}
	.push-top-large{
		margin-top: 6%;
	}
	.push-bottom{
		margin-bottom: 2%;
	}
	.push-bottom-small{
		margin-bottom: 1%;
	}
	.push-bottom-medium{
		margin-bottom: 3%;
	}
	.push-bottom-large{
		margin-bottom: 6%;
	}

	/*---------------------------*/
	/*- HORIZONTAL MARGIN ---------*/
	.push-left{
		margin-left: 2%;
	}
	.push-left-small{
		margin-left: 1%;
	}
	.push-left-medium{
		margin-left: 3%;
	}
	.push-left-large{
		margin-left: 6%;
	}
	.push-right{
		margin-right: 2%;
	}
	.push-right-small{
		margin-right: 1%;
	}
	.push-right-medium{
		margin-right: 3%;
	}
	.push-right-large{
		margin-right: 6%;
	}

	/*---------------------------*/
	/*- CLEAR MARGIN ------------*/
	.no-push{
		margin: 0;
	}
	.no-push-bottom{
		margin-bottom: 0;
	}
	.no-push-right{
		margin-right: 0;
	}

/*-------------------------------*/
/*- DEFINE ----------------------*/

	.define{
		border: 1px solid rgba(0, 0, 0, 0.1);
	}
	.define-top{
		border-top: 1px solid rgba(0, 0, 0, 0.1);
	}
	.define-bottom{
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}


/*-------------------------------*/
/*- FORMS -----------------------*/
/*-------------------------------*/

	

	/*---------------------------*/
	/*- CHECKBOXES AND RADIOS ---*/
	input[type=checkbox]{
		border: none;
		-webkit-appearance: checkbox;
		-moz-appearance: checkbox;
	}
	input[type=radio]{
		border: none;
		-webkit-appearance: radio;
		-moz-appearance: radio;
	}

	/*---------------------------*/
	/*- UPLOAD FIELD ------------*/
	input[type=upload],
	input[type=file]{
		max-width: 500px;
		padding: 4px;
		background-color: #eee;
		border: none;
		font-size: 1.5rem;
	}

	/*---------------------------*/
	/*- LABELLING AND GROUPING --*/
	label{
		clear: both;
		display: block;
		margin-bottom: 4px;
		font-size: 1.5rem;
		font-weight: 700;
	}
	fieldset{
		margin-bottom: 10px;
	}
	legend{
		margin: 0 0 10px;
		font-size: 1.9rem;
	}

	/*---------------------------*/
	/*- NOTES -------------------*/
	form small{
		display: block;
		margin-top: 5px;
	}
	form label + small{
		max-width: 500px;
		margin: 0 0 5px;
	}

	/*---------------------------*/
	/*- FORM ROWS ---------------*/
	.form-row{
		margin-bottom: 15px;
		vertical-align: top;
	}
	.form-row:last-child{
		margin-bottom: 0;
	}


	/*---------------------------*/
	/*- CHECKBOX ----------------*/
	input[type=checkbox]{
		width: auto;
		height: 14px;
		width: 14px;
		padding: 0;
		margin: 0 5px 0 5px;
		vertical-align: middle;
		font-size: 1.2rem;
		font-weight: 400;
	}
	.checkbox{
		clear: both;
		margin: 0;
		overflow: hidden;
	}
	.checkbox input[type=submit],
	.checkbox button{
		display: inline-block;
		margin: 0;
	}
	.checkbox label{
		display: inline-block;
		margin-left: 10px;
		vertical-align: middle;
	}
	.checkbox .btn-large + label{
		padding-top: 10px;
		font-size: 1.3rem;
	}

		/*---------------------------*/
		/*- CHECKBOX LIST -----------*/
		.checkbox-list .checkbox{margin-bottom: 5px;}
		.checkbox-list .checkbox label{
			margin-left: 0;
			font-size: 1.3rem;
		}

	/*---------------------------*/
	/*- RADIO BUTTONS -----------*/
	input[type=radio]{
		width: auto;
		height: 14px;
		width: 14px;
		padding: 0;
		margin: 0 5px 0 5px;
		vertical-align: bottom;
	}
	.radio-button-group{
		display: block;
		overflow: hidden;
	}
	.radio-button-group label{
		overflow: hidden;
		clear: none;
		float: none;
		padding: 8px 0;
		margin-bottom: 0;
		font-size: 1.2rem;
		font-weight: 400;
	}

	/*---------------------------*/
	/*- PREPENDS + APPENDS ------*/
	.input-prepend,
	.input-append{
		overflow: hidden;
		display: block;
		line-height: 32px;
		white-space: nowrap;
		font-size: 0;
	}
	.input-prepend .add-on{
		display: inline-block;
		padding: 0 12px;
		background-color: #eee;
		border: 2px solid #eee;
		border-right-width: 0px;
		font-size: 1.5rem;
	}
	.input-prepend input{
		display: inline-block;
		vertical-align: top;
	}

	.input-append .add-on{
		display: inline-block;
		padding: 0 12px;
		background-color: #eee;
		border: 2px solid #eee;
		border-left-width: 0px;
		font-size: 1.5rem;
	}
	.input-append input[type=text],
	.input-append input[type=password],
	.input-append input[type=email]{
		display: inline-block;
		vertical-align: top;
		border-right: none;
	}
	.input-append input[type=submit],
	.input-append input[type=button],
	.input-append button{
		display: inline-block;
		height: 36px;
		margin: 0;
		vertical-align: top;
		border-left: none;
	}
	.input-prepend.input-append input{
		border-right-width: 0;
		border-right-width: 0;
	}
	.input-prepend.input-append .add-on:first-child{
		border-left-width: 2px;
		border-right-width: 0;
	}



/*-------------------------------*/
/*- BADGES AND LABELS -----------*/
/*-------------------------------*/

	/*---------------------------*/
	/*- BADGE -------------------*/
	.badge{
		padding: 1px 8px;
		background-color: #000;
		color: #fff;
	}
	.button .badge{
		margin: 0 2px 0 -10px;
	}

		/*-----------------------*/
		/*- BADGE COLORS --------*/

			/*-------------------*/
			/*- PRIMARY BADGE ---*/
			.badge.badge-primary{
				background-color: #5E2500;
				color: #fff;
			}

			/*-------------------*/
			/*- SECONDARY BADGE -*/
			.badge.badge-secondary{
				background-color: #37451D;
				color: #fff;
			}

			/*------------------*/
			/*- SUBTLE BADGE ---*/
			.badge.badge-subtle{
				background-color: #8f8f8f;
				color: #fff;
			}

			/*------------------*/
			/*- BLANK BADGE ----*/
			.badge.badge-blank{
				background-color: #ddd;
				color: #323232;
			}

	/*---------------------------*/
	/*- LABEL -------------------*/
	.label{
		padding: 1px 6px;
		background-color: #454545;
		color: #fff;
		white-space: nowrap;
		font-size: 1.2rem;
		font-weight: 700;
		font-style: normal;
	}

		/*-----------------------*/
		/*- LABEL COLORS --------*/

			/*-------------------*/
			/*- PRIMARY LABEL ---*/
			.label.label-primary{
				background-color: #5E2500;
				color: #fff;
			}

			/*-------------------*/
			/*- SECONDARY LABEL -*/
			.label.label-secondary{
				background-color: #A3C567;
				color: #fff;
			}

			/*-------------------*/
			/*- SUBTLE LABEL ----*/
			.label.label-subtle{
				background-color: #c0c0c0;
				color: #fff;
			}

			/*-------------------*/
			/*- ERROR LABEL -----*/
			.label.label-error{
				background-color: #E2574C;
				color: #fff;
			}

			/*-------------------*/
			/*- BLANK LABEL -----*/
			.label.label-blank{
				background-color: #ddd;
				color: #323232;
			}

			/*-------------------*/
			/*- LABEL SIMPLE ----*/
			.label.label-nofrill{
				background: none;
				color: #999;
			}

			/*-------------------*/
			/*- LABEL SIMPLE ----*/
			.label.label-nofrill{
				display: block;
				padding: 0;
			}

	/*---------------------------*/
	/*- LABEL GROUP -------------*/
	.label-group{
		overflow: hidden;
		font-size: 0;
	}
	.label-group .label{
		margin: 0;
	}

/*-------------------------------*/
/*- TABLES ----------------------*/
/*-------------------------------*/

	table{
		width: 100%;
		margin-bottom: 20px;
		vertical-align: top;
		overflow: hidden;
		border: 2px solid rgba(0, 0, 0, 0.08);
	}
	table th{
		padding: 10px;
		text-align: left;
		vertical-align: middle;
		border-bottom: 2px solid rgba(0, 0, 0, 0.08);
		border-top: 2px solid rgba(0, 0, 0, 0.08);
		border-left: 2px solid rgba(0, 0, 0, 0.08);
		border-right: 2px solid rgba(0, 0, 0, 0.08);
		color: #454545;
		font-size: 1.2rem;
		font-weight: 700;
	}
	table td{
		padding: 10px;
		vertical-align: top;
		border-bottom: 2px solid rgba(0, 0, 0, 0.08);
		border-top: 2px solid rgba(0, 0, 0, 0.08);
		border-left: 2px solid rgba(0, 0, 0, 0.08);
		border-right: 2px solid rgba(0, 0, 0, 0.08);
	}
	table tr:last-child td{
		border-bottom: none;
	}
	table .button-group{
		margin-bottom: 0;
	}

	.section-table-title td{
		padding-top: 2px;
		padding-bottom: 0;
		background-color: #f3f3f3;
		color: #8f8f8f;
		font-size: 1.1rem;
		font-weight: 700;
		text-transform: uppercase;
	}

	table.table-comfortable td{
		padding: 14px 10px;
	}


/*-------------------------------*/
/*- WRAPPERS --------------------*/
/*-------------------------------*/

	/*---------------------------*/
	/*- WRAPPERS ----------------*/
	#wrapper-site,
	.wrapper-site{
		background-color: #fff;
	}

	/*---------------------------*/
	/*- WELLS -------------------*/
	.well{
		background-color: rgba(0, 0, 0, 0.05);
	}
	.well-block{
		background-color: #fff;
		border: 3px solid rgba(0, 0, 0, 0.08);
	}

	/*---------------------------*/
	/*- PANEL -------------------*/
	.panel{
		overflow: hidden;
		margin-bottom: 20px;
	}
	.panel ul{
		margin: 0;
		padding: 0;
		border: 2px solid rgba(0, 0, 0, 0.05);
	}
	.panel li{
		padding: 10px;
		background-color: #fff;
		border-top: 2px solid rgba(0, 0, 0, 0.05);
	}
	.panel li:first-child{
		border-top: none;
	}
	.panel .panel-title{
		padding: 8px 10px;
		background-color: #454545;
		color: #fff;
	}
	.panel .panel-title + ul{
		border-top: none;
	}
	.panel li .heading{
		margin-bottom: 5px;
		color: #999;
	}

/*---------------------------*/
	/*- MEDIA BLOCK -------------*/
	.media{
		overflow: hidden;
		display: block;
		-webkit-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}
	.media-image{
		text-align: center;
		margin-right: auto;
		margin-left: auto;
	}
	.media-image img{
		display: block;
		margin: auto;
	}
	.media-image video{
		width: 100%;
		height: auto;
		object-fit: fill;
	}

	.media-image.small img{
		max-width: 64px;
	}
	.image-rounded img,
	.media-image.image-rounded img{
		border-radius: 100%;
	}
	.media .media-body{
		display: block;
		overflow: hidden;
	}

	.column:not(.span-12) .media .excerpt{
		max-width: 745px;
	}

	.media .text-center .excerpt{
		margin-left: auto;
		margin-right: auto;
	}

		/*-----------------------*/
		/*- IMAGE TOP -----------*/
		.media.image-top .media-body{
			float: none;
		}
		.has-image .media-body{
			margin-top: 15px;
		}

		/*-----------------------*/
		/*- MEDIA SMALL ---------*/
		.media.small .heading + .excerpt{
			margin-top: 5px;
		}
		.has-image .small .media-body{
			margin-top: 10px;
		}
		.media.small p:not(:first-child),
		.media.small .button{
			margin-top: 1.3rem;
		}
		.media.small .heading{
			font-size: 1.5rem;
			font-weight: 700;
		}
		.media.small .excerpt{
			font-size: 1.3rem;
		}
		.media.small .excerpt ul,
		.media.small .excerpt ol {
			margin: 0 0 0 3rem;
		}
		.media.small .excerpt ul:not(:first-child),
		.media.small .excerpt ol:not(:first-child){
			margin-top: 1.3rem;
		}

		/*-----------------------*/
		/*- MEDIA MEDIUM --------*/
		.media.medium .heading + .excerpt{
			margin-top: 10px;
		}
		.media .heading{
			font-size: 2.0rem;
		}
		.media .heading + .excerpt{
			font-size: 1.5rem;
		}
		.media.medium p:not(:first-child),
		.media.medium .button{
			margin-top: 1.5rem;
		}
		.media.medium .excerpt ul,
		.media.medium .excerpt ol {
			margin: 0 0 0 3rem;
		}
		.media.medium .excerpt ul:not(:first-child),
		.media.medium .excerpt ol:not(:first-child){
			margin-top: 1.5rem;
		}

		/*-----------------------*/
		/*- MEDIA LARGE ---------*/
		.media.large .heading + .excerpt{
			margin-top: 10px;
		}
		.media.large .text-center .excerpt{
			margin-left: auto;
			margin-right: auto;
		}
		.media.large p:not(:first-child),
		.media.large .button{
			margin-top: 2rem;
		}
		.media.large .heading{
			font-size: 2.8rem;
		}
		.media.large .excerpt{
			font-size: 2rem;
		}
		.media.large .excerpt ul,
		.media.large .excerpt ol {
			margin: 0 0 0 4rem;
		}
		.media.large .excerpt ul:not(:first-child),
		.media.large .excerpt ol:not(:first-child){
			margin-top: 2rem;
		}


	/*---------------------------*/
	/*- THUMBNAIL BLOCK ---------*/
	.thumbnail{
		display: block;
		position: relative;
		overflow: hidden;
	}
	.thumbnail.hide{
		display: none;
	}
	.thumbnail-title{
		padding: 0 20px 20px;
	}
	.thumbnail-title.small{
		padding: 0 10px 10px;
	}
	.thumbnail-media{
		display: block;
		overflow: hidden;
		position: relative;
		z-index: 1;
	}
	.thumbnail-media.image-rounded{
		border-radius: 100%;
	}
	.thumbnail-media img{
		display: block;
		margin: auto;
		-webkit-transform: scale(1);
		transform: scale(1);
		transition: 0.2s all ease-in-out, 4s transform ease-in-out;
	}
	.thumbnail-media:hover img{
		-webkit-transform: scale(1.08);
		transform: scale(1.08);
	}
	.thumbnail-body{
		padding: 20px;
		overflow: hidden;
		position: relative;
		z-index: 2;
		background-color: #f5f5f5;
	}
	.thumbnail-body .heading{
		margin: 0;
		color: #000;
		font-size: 2rem;
		font-weight: 400;
	}
	.thumbnail-body .heading.small{
		font-size: 1.2rem;
	}
	.thumbnail-body .excerpt{
		color: rgba(0, 0, 0, 0.55);
	}
	.thumbnail-body p{
		margin: 10px 0 0;
	}
	.thumbnail-body p + .feature-list{
		margin: 20px 0 0;
	}
	.thumbnail-body .button{
		margin-top: 20px;
	}
	.thumbnail-body.body-small{
		padding: 0 10px 10px;
	}
	.thumbnail .button-group{
		margin: 20px 0 0;
	}
	.thumbnail .btn-collection{
		margin: 20px 0 0;
	}

		/*-----------------------*/
		/*- THUMBNAIL ALIGNMENT -*/
		.thumbnail-body .article-title + .excerpt{
			margin-top: 10px;
		}
		.thumbnail-body .article-title + .meta-info{
			margin-top: 10px;
		}


/*-------------------------------*/
/*- COPY STYLING ----------------*/
/*-------------------------------*/

	.copy{
		font-size: 1.5rem;
	}
	.copy.small{
		font-size: 1.3rem;
	}
	.copy p{
		margin-bottom: 16px;
	}
	.copy a{
		border-bottom: 1px solid #ddd;
	}
	.copy a:hover{
		border-color: #999;
	}
	.copy ul{
		list-style: disc;
		margin: 0 0 26px;
	}
	.copy ul li{
		list-style: disc;
		margin: 0 0 6px 30px;
	}
	.copy ol{
		list-style: decimal;
		margin: 0 0 26px;
	}
	.copy ol li{
		list-style: decimal;
		margin: 0 0 6px 20px;
	}
	.copy ul ul,
	.copy ul ol,
	.copy ol ol,
	.copy ol ul{
		margin-bottom: 0;
	}

	.copy dl{
		margin: 0 0 26px;
	}
	.copy dd{
		margin-left: 36px;
	}

	.copy img{
		display: block;
		max-width: 98%;
		height: auto;
	}
	.copy h1{
		margin-bottom: 26px;
		font-size: 3.2rem;
		font-weight: 700;
	}
	.copy h2{
		margin-bottom: 26px;
		font-size: 2.2rem;
		font-weight: 700;
	}
	.copy h3{
		margin-bottom: 26px;
		font-size: 1.8rem;
		font-weight: 700;
	}
	.copy h4{
		margin-bottom: 26px;
		font-size: 1.5rem;
		font-weight: 700;
	}
	.copy h5{
		margin-bottom: 26px;
		font-size: 1.3rem;
		font-weight: 700;
	}
	.copy h6{
		margin-bottom: 26px;
		font-size: 1.3rem;
	}
	.copy blockquote{
		padding-left: 26px;
		margin-bottom: 20px;
		font-size: 2.0rem;
		font-weight: 700;
	}
	.copy a.button{
		border-bottom: none;
	}

/*-------------------------------*/
/*- EXCERPT LIST STYLING --------*/
/*-------------------------------*/

.excerpt li{
	list-style-type: inherit;
}
.excerpt li ul,
.excerpt li ol {
	margin:0 1.5rem;
}
.excerpt ul,
.excerpt ol {
	margin: 0 0 0 3rem;
}
.text-center ul, .text-right ul,
.text-center ol, .text-right ol{
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.text-center ul li, .text-right ul li,
.text-center ol li, .text-right ol li {
	list-style-position: inside;
}
.excerpt ul:not(:first-child),
.excerpt ol:not(:first-child){
	margin-top: 1.5rem;
}
.excerpt ul {
	list-style-type:disc;
}
.excerpt ol {
	list-style-type:decimal;
}
.excerpt ol ol {
	list-style: upper-alpha;
}
.excerpt ol ol ol {
	list-style: lower-roman;
}
.excerpt ol ol ol ol {
	list-style: lower-alpha;
}

/*-------------------------------*/
/*- COLOR RESETS ----------------*/
/*-------------------------------*/

	.no-fill{
		background: none !important;
	}

/*-------------------------------*/
/*- TEXT ALIGNMENT --------------*/
/*-------------------------------*/

	.text-left{
		text-align: left;
	}
	.text-right{
		text-align: right;
	}
	.text-center{
		text-align: center;
	}
	.text-justify{
		text-align: justify;
	}

/*-------------------------------*/
/*- INVERT ----------------------*/
/*-------------------------------*/

	.invert{
		border: none;
		color: rgba(255, 255, 255, 0.85);
	}
	.invert h1,
	.invert h2,
	.invert h3,
	.invert h4,
	.invert h5,
	.invert h6{
		color: rgba(255, 255, 255, 0.95);
	}
	.invert code{
		background: rgba(255, 255, 255, 0.2);
		color: #fff;
		padding: 2px 4px;
	}
	.invert label,
	.invert legend{
		color: #fff;
	}
	.invert small{
		color: rgba(255, 255, 255, 0.7);
	}
	.invert a{
		color: #fff;
	}
	.invert a:hover{
		color: #fff;
	}

	.invert .copy a:not(.button),
	.invert .story a:not(.button) {
		color: rgba(255, 255, 255, 0.7);
		border-bottom-color: rgba(255, 255, 255, 0.7);
	}

	.invert blockquote{
		background: rgba(255, 255, 255, 0.15);
		color: rgba(255, 255, 255, 0.55);
	}

	.invert input,
	.invert textarea,
	.invert select{
		border-color: transparent;
	}
	.invert .input-prepend .add-on,
	.invert .input-append .add-on{
		border-color: transparent;
		background: #323232;
		color: #fff;
	}

		/*-----------------------*/
		/*- SECTION TITLE -------*/

		.invert .section-title .heading,
		.invert.section-title .heading{
			color: #fff;
		}
		.invert .section-title .excerpt,
		.invert.section-title .excerpt{
			color: rgba(255, 255, 255, 0.8);
		}

		.invert .section-title .heading a,
		.invert.section-title .heading a{
			color: #fff;
		}
		
/*-------------------------------*/
/*- COMMENTS --------------------*/
/*-------------------------------*/

	.comment{
		clear: both;
	}
	.comment .comment{
		margin-top: 20px;
	}
	.comment .comment:last-child{
		margin-bottom: 0;
	}

		
/*-------------------------------*/
/*- Widget --------------------*/
/*-------------------------------*/

.widget li ul, .widget li ol {
    padding-left: 0;
    margin-left: 20px;
    border-top: 1px dashed #ddd;
    margin-top: 10px;
}


.widget ul li ul li {
    display: block;
    padding: 15px 0;
    border-bottom: 1px dashed #ddd;
	position: relative;
}