/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *







 */

/* @import 'foundation'; */

/* @include foundation-xy-grid-classes; */


.container {
  margin: 0 auto;
  max-width: 1280px;
  width: 90%;
}

.logo-agenda-container {
	text-align: center;
}

.logo-agenda {
	width: 200px;
	margin-bottom: 20px;
}

.menu-top-right {
	height: 30px;
}

.menu-top > li {
	border-right: 1px dotted #cccccc;
	display: inline;
}

.menu-top > li > a {
	color: #333333;
	font-size: 0.8em;
	padding: 5px 15px;
}

@media screen and (max-width: 40em) {
	.menu-top > li > a {
		font-size: 0.6em;
	}
	.dropdown.menu a {
		padding: 5px 2px;
	}
}

.vertical-divider {
	background-color: red;
	width: 200px;
}

.spacer {
	height: 40px;
}

.footer-container {
	height: 200px;
	margin-top: 50px;
	padding-top: 40px;
	text-align: center;
	border-top: 1px solid #666;
}
/* Menu principal */

.main-menu-mobile-container{
    background-color: #333;
    padding: 5px 10px 10px 10px;
}

.title-bar-title {
    color: white;
    margin-left: 10px;
}

.top-bar, .top-bar ul {
    background-color: #ffffff;
    margin-top: 15px;
}

li.menu-item a{
    color: #333;
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
}



/* Login */

.login-formulari-container {
	/*border: 1px solid #ccc;*/
	background: #eaeaea;
	padding: 20px;
}

.login-container {
	border: 1px solid #066986;
	padding: 20px;
	margin-top: 80px;
	border-left: 5px solid blue;
}

.shared-links-crear-compte {
	margin-top: 20px;
}

.shared-links-recuperar-contrasenya {
	border-top: 1px solid #ccc;
	margin-top: 20px;
	margin-bottom: 50px;
	padding-top: 15px;
}

h2.login-title {
	font-size: 2em;
	font-weight: bold;
	margin-top: 0px;
}

.login-button {
	
}

.session-links {
	margin-top: 20px;
	margin-left: 5px;
}

.container-imatge-inici-sessio {
	text-align: center;
	padding: 0px 50px;
	margin-bottom: 40px;
}

.imatge-inici-sessio {
	max-width: 500px;
}

.container-text-inici-sessio {
	text-align: center;
	
}

.text-inici-sessio {
	font-size: 1.5em;
	font-weight: bold;
	color: #666;
	max-width: 500px;
	margin: 0 auto;
}

/* Titols generals */

.main-title-container {
	margin-bottom: 20px;
}

.main-title {
	font-size: 2em;
	font-weight: bold;
}

.secondary-title {
	font-size: 1.5em;
	font-weight: bold;
}


/* Formularis */

trix-editor {
	background-color: white;
}

.container-form-modificat {
	background-color: #eaeaea;
	padding: 20px;
	border: 1px solid #9e9e9e;
}

input.form-modificat {
	border: 1px solid #9e9e9e;
	background-color: white;
}

textarea.form-modificat {
	border: 1px solid #9e9e9e;
	background-color: white;
}

label.string, label.text, label.file {
	font-size: 1em;
	color: #333;
}

label.file {
	display: block;
}

.container-imatge-noticia {
	border: 1px solid #9e9e9e;
	margin: 20px 0px;
	padding: 0px;
}

.container-imatge-noticia > img {
	max-width: 100%;
}