/* Selects the root element of the document:
*/
:root {
    --color-primary: #663333;
    --color-contrast: #ff6600;
    --color-complement: #3399cc;
    --color-highlight: #99cccc;
    --color-text: #333333;
}

a:hover {
    border-bottom-color: transparent;
    color: var(--color-complement) !important;
}

/***************** CONTENT ELEMENTS ***************************/
.tiles article > a .content {
	opacity: 1;
}

/***************** FORM ELEMENTS ******************************/
input[type="submit"], input[type="reset"], input[type="button"], button, .button {
    background-color: lightgray;
}

input#search-field {
    width: 55%;
}

/***************** RELATED POSTS SECTION **********************/
.related-modules {
    width: 100%;
}
@media (min-width: 991px) {
	.related-modules {
	    width: 33%;
	}
}

/***************** MENU **************************************/


/***************** PAGINATION SECTION ************************/
.pagination {
    margin: 30px 0;
    display: flex;
    justify-content: center;
}

.pagination li.disabled {
    color: silver;
}

.pagination li {
    font-weight: 700;
    list-style-type: none;
    font-size: 1rem;
    margin: 0 5px;
    padding: 0.6em;
}

.pagination li > a {
    text-decoration: none;
}

.pagination li.active {
    background-color: var(--color-complement);
    color: #fff;
}

.pagination-heading {
	text-align: center;
}

.pagination-numbers {
	margin: 6em 0;
}
@media (max-width: 992px) {
	.pagination-div {
	    display: flex;
	    justify-content: center;
	}

	.pagination {
	    overflow: hidden;
	    margin: 30px 0;
	}

	.pagination li {
	    margin: 0 1px;
	    font-weight: 700;
	}
}