//
// Utility classes
// --------------------------------------------------


// Floats
// -------------------------

.clearfix {
  .clearfix();
}
.center-block {
  .center-block();
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}


// Toggling content
// -------------------------

// Note: Deprecated .hide in favor of .hidden or .sr-only (as appropriate) in v3.0.1
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  .text-hide();
}

// Hide from screenreaders and browsers
.hidden {
  display: none !important;
  visibility: hidden !important;
}


// Block utilities - by nienn
// -------------------------
.block {
	display: block;
}


// Text utilities - by nienn
// -------------------------
.nw {
	.nw();
}
.nwe {
	.nwe();
}
.light {
	font-weight: 300;
}
.caps {
	text-transform: uppercase;
}


// Link utilities - by nienn
// -------------------------
a.wrap,
a.wrap:hover,
a.wrap:focus {
	color: inherit;
	text-decoration: none;
	outline: none;
}

a .hover[class^="icon-"] { 
	.opacity(0);
	.transition(all .15s);
}
a:hover .hover[class^="icon-"] { .opacity(1); }

// Anchors offset
// -------------------------
.anchor:before,
.sidenav-item:before {// for the anchors from the ckeditor sidenav functionality
	content: '';
	display: inline-block;
	position: relative;
	width: 0;
	height: @anchors-offset-top;
	margin-top: -@anchors-offset-top;
}


// Spacing content (responsive) - by nienn
// -------------------------
.mb-sm-5  { margin-bottom: 5px !important; }
.mb-sm-10 { margin-bottom: 10px !important; }
.mb-sm-15 { margin-bottom: 15px !important; }
.mb-sm-20 { margin-bottom: 20px !important; }
.mb-sm-30 { margin-bottom: 30px !important; }
.mb-sm-40 { margin-bottom: 40px !important; }
.mb-sm-50 { margin-bottom: 50px !important; }
.mb-sm-60 { margin-bottom: 60px !important; }

@media (min-width: @screen-md-min) {
	.mb-lg-5  { margin-bottom: 5px !important; }
	.mb-lg-10 { margin-bottom: 10px !important; }
	.mb-lg-15 { margin-bottom: 15px !important; }
	.mb-lg-20 { margin-bottom: 20px !important; }
	.mb-lg-30 { margin-bottom: 30px !important; }
	.mb-lg-40 { margin-bottom: 40px !important; }
	.mb-lg-50 { margin-bottom: 50px !important; }
	.mb-lg-60 { margin-bottom: 60px !important; }
}

// For Affix plugin
// -------------------------
.affix {
  position: fixed;
}


// For the CKEditor contents in Admin
// Needs to be here since CKEditor will be loading the Front Office CSS
// -------------------------
body.cke_editable {
	margin: 15px !important;
}


// Sidenav template - by nienn
// ----------
body.cke_editable .sidenav-item {
	outline: 1px dotted #E50083 !important;
	outline-offset: 1px;
}

body.cke_editable .che-js {
	background-color: #eee;
	outline: 1px solid #d6d6d6;
	cursor: not-allowed;
	padding-top: 40px;
	padding-bottom: 40px;
	color: #aaaaab;
	text-align: center;
}
body.cke_editable .che-js:before {
	display: block;
	content: "DINAMIC CONTENT";
}
body.cke_editable .che-js:after {
	display: block;
	content: "JavaScript dynamically generated content. Do not edit this area.";
}
body.cke_editable .che-js * {
	display: none;
}