/* -----------------------------------------------------------------------------

	This file should be used to add your own CSS definitions or override
	the existing ones.

----------------------------------------------------------------------------- */

/* FONT */
/* body { font-family: 'insert-font-family-name-here', 'Arial', sans-serif; } */

/* STANDARD LOGO DIMENSIONS */
.header-branding img { width: 140px; }

/* LARGE LOGO DIMENSIONS */
.header-branding.m-large-logo img { width: 200px; }
/* Scroll down to "MEDIUM DEVICES" to change width of large logo on mobile devices */

/* your CSS here */
.iblock {display:inline-block}
.list-unstyled {list-style:none}
.text-center {text-align:center}
.text-justify {text-align:justify}
.text-left {text-align:left}
.text-right {text-align:right}
.required {color:#d40041;font-weight:bold}
.list-compact li {margin:0}
.header-image {height:0;padding-top:56.25%}
.header-image .image-layer {background-size:cover}
.sidebar .featured-gallery-widget .gallery-image img {height:auto;margin:0 auto;width:100%}
.gallery-list-page .c-gallery .gallery-image-inner, .c-gallery .gallery-images > li {text-align:center}
.c-slider .slide-inner .col-md-6 {background-color:rgba(0,0,0,0.5);padding-top:15px;padding-bottom:15px}
.c-content-box {padding-bottom:20px}
.c-directory .directory-menu.outstanding > ul > li {text-align:center}
.c-directory .directory-menu.section > ul > li {margin-bottom:0}
.c-directory .directory-menu.section > ul > li > a {text-transform:none}
.img-center {display:block;margin:0 auto}
.custom-content img, .custom-content table {height:auto;max-width:100% !important}
.cookies.c-alert-message {bottom:0;left:0;margin:0;position:fixed;right:0;z-index:9999}

/* -----------------------------------------------------------------------------

	RESPONSIVE DEFINITIONS

----------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------
	LARGE DEVICES
	devices with width between 992px and 1199px
------------------------------------------------------------------------- */
@media ( max-width: 1199px ) {
	/* your CSS here */
}

/* -------------------------------------------------------------------------
	MEDIUM DEVICES
	devices with width between 768px and 991px
------------------------------------------------------------------------- */
@media ( max-width: 991px ) {
	/* LARGE LOGO DIMENSIONS */
	.header-branding.m-large-logo img { width: 140px; }
	
	/* your CSS here */
}
@media ( min-width: 768px ) {
	/* your CSS here */
	.cookies.c-alert-message > .container {display:table}
	.cookies.c-alert-message > .container > * {float:none;display:table-cell;vertical-align:middle}
}

/* -------------------------------------------------------------------------
	SMALL DEVICES
	devices with width between 481px and 767px
------------------------------------------------------------------------- */
@media ( max-width: 767px ) {
	/* your CSS here */
}
/* -------------------------------------------------------------------------
	EXTRA SMALL DEVICES
	devices with width up to 480px
------------------------------------------------------------------------- */
@media ( max-width: 480px ) {
	/* your CSS here */
}