/**
* @template  J51 - Maya
* @author    Joomla51 http://www.joomla51.com
* @copyright Copyright (C) 2009 - 2014 Joomla51

TABLE OF CONTENTS

	1. 	General
	2. 	Default Module Styling
	3. 	Header
	4.	Logo
	5. 	Top Menu
	6.	Top Menu - Hornav
	7. 	Top Menu - Mobile
	8. 	Slideshow
	9. 	Top-1 Modules
	10. Top-2 Modules
	11. Top-3 Modules
	12.	Article / Component
	13.	Bottom Modules
	14.	Base Modules
	15.	Copyright / Footer Menu
	16.	Spacers
	18.	Social Media
	19.	Header-1 / Header-2 
	20.	Breadcrumbs
	21.	Buttons / Fields
	22.	Font Awesome
	23.	Backgrounds
	24. Utility Classes
	24.	Miscellaneous

*/ 

@import "mixins.less";

@import "bootstrap.less";
@import "variables.less";

@j51-gutter: 30px;

@import "blocks/_typo.less";
@import "blocks/_jstuff.less";
@import "blocks/_general.less";
@import "blocks/_header.less";
@import "blocks/_menus.less";
@import "blocks/_modules.less";
@import "blocks/_component.less";
@import "blocks/_footer.less";
@import "blocks/_social-icons.less";
@import "blocks/_breadcrumbs.less";
@import "blocks/_buttons.less";
@import "blocks/_forms.less";
@import "blocks/_icons.less";
@import "blocks/_utility-classes.less";
@import "modules/mod_j51news.less";

/*-----------------------------------------------------------------------------------*/
/* Module Extensions */
/*-----------------------------------------------------------------------------------*/

// J51 - Carousel 
.owl-theme .owl-controls .owl-page span {
    border: 1px solid rgba(255, 255, 255, 0.5);
}
.owl-theme .owl-controls {
	margin-top: 0;
}
.owl-carousel {
	.owl-nav,
	.owl-dots {
		> * + * {
			margin-left: 10px;
		}
	}

	.owl-dots {
		margin-top: 10px;
	}
}

// J51-ImageHover
[class*=" imghvr-"], [class^="imghvr-"] {
	margin-bottom: -9px !important;
}

// J51 LayerSlideshow
.layerslideshow-caption p {
	color: white;
}
.layerslideshow .item h2 {
	font-size: 64px;
	font-weight: 800;
	line-height: 1.2em;
	color: #FFF;
	margin-bottom: 15px;
}

.layerslideshow-prev,
.layerslideshow-next {
	background: white;
	height: 40px;
	width: 40px;
	border-radius: 50%;
	padding-top: 4px;
	text-align: center;
}

/*-----------------------------------------------------------------------------------*/
/* Frontend Edit */
/*-----------------------------------------------------------------------------------*/
#modules-form, #adminForm {
	hr {
		height: 1px;
		background-color: #aaa;
		border: 0;
	}
	fieldset {
		padding-top: 0;
	}
	label {
		margin: 0;
	}
	.btn {
		margin-top: 0;
		border: 1px solid #ccc;
	}
	.input-append .add-on, .input-prepend .add-on {
		color: #aaa;
	}
	.input-append, .btn-group {
		.btn {
			margin: 0 -1px 0;
			line-height: 20px;
		}
	}
}


/*-----------------------------------------------------------------------------------*/
/* Miscellaneous */
/*-----------------------------------------------------------------------------------*/
.visible {opacity: 1 !important;}
.animatebox {
	background: #ededed;
	border: 1px solid #dddddd;
	border: 1px solid rgba(255,255,255,0.8);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
	color: #555;
	font-size: 22px;
	margin: 30px auto 60px;
	padding: 80px 0;
	text-align: center;
	max-width: 500px;
	width: 100%;
}

/* Mailchimp Newsletter */
#mc_embed_signup {
	.indicates-required {
		opacity: 0.6;
		margin: 5px 0;
		font-size: 0.8em;
	}
	input {
		border-radius: 0;
		border: 1px solid rgba(0, 0, 0, 0.1);
	}
}

#particles-js {
	.fill;
}

iframe {max-width: 100%}
hr:not([size]) {
	height: 1.4rem;
	background: transparent;
}
.com-users-login {
	flex-direction: column;
}
.com-users-login__options {
	margin-top: 0;
	width: 100%;
}
.j51news-meta svg {
	display: inline-block;
	font-size: inherit;
	height: 1em;
	overflow: visible;
	vertical-align: -0.125em;
}

// Template
@grid-row-gap:          60px;
@grid-column-gap:       32px;
@hornav-sub-title:      true;
@j51-border-radius:     4px;