/* @override 
	https://www.marionnettes.ch/themes/bootstrap_st/css/style.css?*
*/


/* +P
  __      ____
 /\ \    /\  _`\  
 \_\ \___\ \ \L\ \
/\___  __\\ \ ,__/
\/__/\ \_/ \ \ \/ 
    \ \_\   \ \_\ 
     \/_/    \/_/ 
     Yeah! 2019 plusproduit.com
     
     Bootstrap subtheme CDN 20.03.19
*/
/* ROUGE 2021:E4 4F 51 */
/* e8 65 48*/
/* Bleu 21-22: 00 69 B3  Rouge 21-22: 228 3 47 #e4 03 2F*/
/* Bleu 22-23: 8c db e0  Turquoise 22-23: 4c ae b4   Orange 22-23; ff 47 13 */
/* Bleu 23-24: 24 77 bd   Rouge 23-24: ea 52 3a Vert (news): 68 90 54 */
/* Web Font Declaration */
@charset "UTF-8";

/* #region WEBFONTS */

@font-face {
	font-family: "tmg-2019";
	src: url("../fonts/tmg-2019.eot");
	src: url("../fonts/tmg-2019.eot?#iefix") format("embedded-opentype"),
		url("../fonts/tmg-2019.woff") format("woff"),
		url("../fonts/tmg-2019.ttf") format("truetype"),
		url("../fonts/tmg-2019.svg#tmg-2019") format("svg");
	font-weight: normal;
	font-style: normal;

}


@font-face {
	font-family: 'Plain';
	src: url('../fonts/plain-light-webfont.eot');
	src: url('../fonts/plain-light-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/plain-light-webfont.woff2') format('woff2'),
		url('../fonts/plain-light-webfont.woff') format('woff'),
		url('../fonts/plain-light-webfont.ttf') format('truetype'),
		url('../fonts/plain-light-webfont.svg#plainmedium') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'PlainMed';
	src: url('../fonts/plain-medium-webfont.eot');
	src: url('../fonts/plain-medium-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/plain-medium-webfont.woff2') format('woff2'),
		url('../fonts/plain-medium-webfont.woff') format('woff'),
		url('../fonts/plain-medium-webfont.ttf') format('truetype'),
		url('../fonts/plain-medium-webfont.svg#plainmedium') format('svg');
	font-weight: normal;
	font-style: normal;
}

[data-icon]:before {
	font-family: "tmg-2019" !important;
	content: attr(data-icon);
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.btn:before,
.download-all a:before,
.btn-fleche:after,
[class^="icon-"]:before,
[class*=" icon-"]:before {
	font-family: "tmg-2019" !important;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-download:before {
	content: "\54";
}

.icon-fleche:before {
	content: "\2013";
}

.icon-icon-arrow-01:before {
	content: "\3e";
}

.icon-icon-download-01:before {
	content: "\74";
}

.icon-arrow-down:before {
	content: "\65";
}

.icon-icon-arrow-l-01:before {
	content: "\3c";
}

/* #endregion */

/* #region VARIABLES, on est en 2024 */
:root {
	/* 23-24 
	--tmg-primary: #ea523a;
	--tmg-secondary: #2477bd;
	--tmg-tertiary: var(--tmg-tertiary);
	*/

	/* 24-25 
	--tmg-primary: #E50076;
	--tmg-secondary: #8CCAAE;
	--tmg-tertiary: #ffe000;
	--tmg-primary-b: #ED6E9F;
	--tmg-secondary-b: #D9D9AA;
	--tmg-tertiary-b: #ffe000;
*/

	/* 25-26 */
	--tmg-primary: #006885;
	--tmg-secondary: #EF7D00;
	--tmg-tertiary: #FFED00;
	--tmg-primary-b: #253081;
	--tmg-secondary-b: #D9D9AA;
	--tmg-tertiary-b: #FFED00;
	--tmg-dark: #0c0f1f;
}

/* #endregion*/
html {
	font-size: 16px
}

body {
	font-family: 'Plain', Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	color: var(--tmg-dark);
	color: var(--tmg-dark);
	background: #FFF;
	margin: 0;

	scroll-behavior: smooth;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


/* #region STRUCTURE */
#toolbar-administration {
	position: fixed;
	z-index: 5999;
}

.main-container {
	padding-top: 133px;
	padding-bottom: 35px;
	background: #FFF;

}

body.gris .main-container {
	background: #f6f6f6;
}

.main-container>.row {}

.alert,
.tabs--primary,
.max-width,
.user-login-form,
.region-footer,
h1.page-header {
	max-width: 1440px;
	margin-left: auto;
	margin-right: auto;
}

.narrow-width {
	max-width: 960px;
}

.alert,
.tabs--primary,
.user-login-form {
	margin-top: 1em;
	margin-bottom: 1em;
}

.navbar .container-fluid {
	max-width: 1470px;
	/* .max-width + 30 */
}

.max-width-pad {
	max-width: 1470px;
	padding: 0 15px;
	margin: 0 auto;
	clear: both;
}

.half {
	width: 50%;
}

.third {
	width: 33.33%;
}

.quarter {
	width: 25%;
}

.verticalc {
	display: flex;
	justify-content: center;
	align-items: center;
}

.hoverzoom {
	overflow: hidden;
}

.hoverzoom img {
	display: block;
	transform: scale(1);
	transition: 3s linear;
}

.hoverzoom:hover img {
	transform: scale(1.2);
}

.vpc {
	opacity: 1;
	transition: 1s linear;
}

.vpc.invisible {
	opacity: 0;
}

.shadow {
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5);
}

.bg-dark {
	background: var(--tmg-dark);
}

.bg-blanc {
	background-color: #FFF;
}

.margin-bottom {
	margin-bottom: 1em;
}

.margin-b2 {
	margin-bottom: 1.5em;
}

.margin-top {
	margin-top: 1em;
}

.margin-right {
	margin-right: 1em;
}

.border-bottom {
	border-bottom: 1px solid var(--tmg-dark);
	padding-bottom: .5em;
}

.border-top {
	border-top: 1px solid var(--tmg-dark);
	padding-top: .5em;
}

.region-highlighted {
	/* margin-left: -15px;
	margin-right: -15px; */
	margin-bottom: 3em;
}

.bloc-special {
	background-color: var(--tmg-primary);
	padding: 2em 15px;
	color: #FFF;
}

.bloc-special * {
	color: #FFF;
}

.bloc-special div.field a {
	color: #FFF;
	text-decoration: underline;
}

.bloc-special a.btn {
	border-color: #FFF;
}

.bloc-special a.btn:hover {
	border-color: #FFF;
	background-color: #FFF;
	color: var(--tmg-primary);
}

.bloc-special>div,
.block-block-content>div {
	max-width: 900px;
	margin: 2em auto;
}

.bloc-special img {
	margin: 0 auto 2em;
}

.bloc-special a {
	color: var(--tmg-dark);
	border-color: var(--tmg-dark);
}

/* #region FOOTER */

.footer {
	margin-top: 0;
	border: 0 none;
}

.footer {
	background: #FFF;
}

.footer-address {
	margin-top: 2em;
	background: #FFF url('../minilogo.png') no-repeat right bottom;
	background-size: 30px;
}

.prefooter {
	background-color: var(--tmg-dark);
	color: #FFF;
	padding: 2em 0;
}

.prefooter * {
	color: rgba(255, 255, 255, .6);
}

.view-footer .col-sm-6 {
	overflow: hidden;
}

/* MAILCHIMP */
#mc_embed_shell .mc-field-group input {
	background: none;
	border: 0;
	border-radius: 0;
	border-bottom: 1px solid #999;
	background-color: var(--tmg-primary);
	font-size: 1.2em;
	padding: 7px;
	color: #EEE;
	display: block;
	width: 100%;
	margin-bottom: 1.25rem;
}

#mc_embed_shell .mc-field-group input:focus {
	border-color: rgba(255, 224, 0, 1);
	box-shadow: none;
	outline: none;
}

#mc_embed_shell .mc-field-group label {
	/* display: none; */
}

#mc_embed_signup input.mce_inline_error {
	border-color: #c00101 !important;
}

#mc_embed_shell .indicates-required {
	display: none;
}

#mc_embed_shell input[type="submit"] {
	background-color: var(--tmg-secondary);
	border-color: var(--tmg-secondary);
	color: #FFF;
	margin-left: auto;
}

/* FACEBOOK */
.fb_iframe_widget {
	max-width: 100%;
	overflow: hidden;
}

/* INSTAGRAM */
.region-prefooter a.tmg-insta {
	color: #000;
	line-height: 32px;
	display: flex;
	width: 100%;
	max-width: 500px;
	align-items: center;
	text-align: left;
	font-family: PlainMed, Helvetica, sans-serif;
	border: 0;

	font-size: 1.25rem;

	background-color: var(--tmg-tertiary);

	margin: 2.25rem 0 1.5rem;
}

.region-prefooter a.tmg-insta:hover {
	background-color: var(--tmg-secondary);
}

.region-prefooter a.tmg-insta span {
	color: #000;
}

/* #endregion */

/* #region UI VARIOUS */
.overflow {
	overflow: hidden
}

.edit-link {
	clear: both;
	margin: 10px 0;
	text-align: center;
}

.edit-link a {
	display: inline-block;
	background: #eee;
	padding: 0.2em 0.5em;
}

/* #endregion */

/* #endregion */


/* #region TYPOGRAPHY */

.font2,
.viewsreference--view-title,
h1,
h2,
h3,
h4,
h5,
h6,
strong {
	font-family: 'PlainMed', Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: var(--tmg-dark);
	margin-top: 20px;
	line-height: 1.1;
}

label {
	font-family: 'PlainMed', Helvetica, Arial, sans-serif;
	font-weight: normal;
}

h1.titre {
	border: 0 none;
	font-family: 'Plain', Helvetica, Arial, sans-serif;
	font-size: 4em;
	margin-bottom: .5em;
	margin-top: 1em;
}

h1.page-header {
	font-family: 'Plain', Helvetica, Arial, sans-serif;
	margin-top: .75em;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 3em;
	border-bottom: 0;
}

h2,
.viewsreference--view-title {
	font-size: 1.5em;
	text-transform: uppercase;
	padding-bottom: .25em;
	border-bottom: 1px solid #333;
	margin-bottom: .75em;
}

.viewsreference--view-title {
	/*	margin-left: 0px;
	margin-right: 0px;*/
	margin-left: 1.5rem;
	margin-right: 1.5rem;
}

.paragraph .viewsreference--view-title {
	margin-left: 0;
	margin-right: 0;
}

h3 {
	font-size: 1.25em;
}

h4 {
	font-size: 1.1em;
}

p {
	margin: 0 0 1em;
}

.larger {
	font-size: 1.25em;
	font-weight: 400;
	/* font-family: 'PlainMed', Helvetica, Arial, sans-serif; */
}

.label {
	color: #999;
}

.uppercase {
	text-transform: uppercase;
}

a {
	color: var(--tmg-primary);
}

a:hover,
a:focus {
	text-decoration: none;
	color: #333;
}

/* btn --- */
.text-primary {
	color: var(--tmg-primary);
}

.btn,
.download-all a,
.bef-exposed-form a,
.btn-cadre,
.btn-fleche {
	background: none;
	color: var(--tmg-primary);
	border-color: var(--tmg-primary);
	text-transform: uppercase;
	letter-spacing: 1;
	border-radius: 2em;
	border: 1px solid var(--tmg-primary);
	font-weight: normal;
	font-family: 'PlainMed';
	box-shadow: 0;
	text-decoration: none !important;
	white-space: normal;
	margin-bottom: .35em;
	display: inline-block;
	padding: .5em 1em;
}

.download-all a:before,
.btn.download:before {
	content: "V";
	margin-right: 1em;
}

/* .btn.fleche:after {
	content: '>';
	margin-left: 1em;
} */

.btn:hover,
.download-all a:hover,
.bef-exposed-form a:hover,
a.bef-link-active {
	background: var(--tmg-primary);
	color: #FFF;
}

.file-icon {
	padding: 0 1em 0 0;
}

.file * {
	border: 0 !important;
	background: none !important;
}

.file>span {
	color: var(--tmg-primary);
}

a.btn-cadre {
	border: 1px solid var(--tmg-primary);
	display: inline-block;
	padding: 1em 2em;
	margin-bottom: 1em;
	text-decoration: none !important;
}

a.btn-blanc {
	background-color: var(--tmg-primary);
	color: #FFF !important;
}

a.btn-blanc:hover {
	background-color: #FFF;
	color: var(--tmg-primary) !important;
}

a.btn-cadre:hover {
	background-color: #fff;
	color: var(--tmg-primary) !important;
}


a.btn-l {
	font-size: 1.25em;
}

a.btn-xl {
	font-size: 1.75em;
}


a.btn-fleche-e::after,
a.btn.fleche:after {
	content: "▸";
	margin-left: 1em;
}

a.btn-fleche-s {
	padding: .45em 1em .25em;
}

a.btn-fleche-s::after {
	content: "▾";
	margin-left: 1em;
	transition: all .25s ease-out;
	transform: rotate(0);
	display: inline-block;

}

a.btn-fleche-n::after {
	transform: rotate(180deg);
}

a.btn-fleche-w::after {
	content: "◂";
	margin-left: 1em;
}

a.btn-fleche:after {
	content: "–";
	margin-left: 1em;
}

#horaires {
	margin: .5em 0;
}

#horaires.btn-open {
	margin-bottom: .5em;
}

.seances-wrapper table td {
	border-bottom: 1px solid var(--tmg-dark);
}

.seances-wrapper {
	margin-bottom: .5em;
}

hr {
	margin-top: 2em;
	margin-bottom: 2em;
	border-top: 1px solid #222;
}

.bg-dark,
.bg-dark a {
	color: #FFF;
	border-color: #FFF;
}

.bg-dark a:hover {
	color: var(--tmg-primary);
}

.bg-dark a.btn:hover {
	background-color: #FFF;
	color: ;
}

/* #endregion */


/* #region NAV */

/* #region NAVBAR */


.navbar {
	background: #FFF;
	transition: .5s 0 ease-out;
	/*overflow: hidden;*/
}


.navbar a.logo {
	display: block;
	width: 64px;
	margin: 12px 15px 0 0;
	padding: 0;
}

.navbar a.logo img {
	width: 100%;
	height: auto !important;
}

#minilogo {
	display: none;
}

.navbar-default .navbar-brand {
	color: var(--tmg-dark);
	font-family: 'PlainMed';
	font-size: 23px;
	line-height: 28px;
	max-width: 340px;
	margin-top: 27px;
	transition: .5s 0 ease-out;
}

/* SCROLLED */
.scrolled #navbar {
	background: #FFF;
	height: 80px;
	border-bottom: 1px solid #e9e9e9;
}

.scrolled #navbar a.logo {
	display: block;
	width: 80px;
	margin-top: 8px;

}

.scrolled #navbar .navbar-brand {
	margin-top: 0;
}

.scrolled #logo {
	display: none;
}

.scrolled #minilogo {
	display: block;
	width: 23px;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
	color: var(--tmg-primary);
}

.navbar-default .navbar-nav>li>a {
	background: transparent;
	color: #222;
	text-transform: uppercase;
	font-size: 0.9em;
	letter-spacing: 0.1em;
	padding: 5px 10px 5px 0;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a.is-active,
.navbar-default .navbar-nav>.active-trail>a,
.navbar-default .navbar-nav>.active-trail>a:hover,
.navbar-default .navbar-nav>.active-trail>a:focus {
	color: #00F;
	background: transparent;
}

.navbar-header {
	float: none;
	padding-left: 15px;
	padding-right: 15px;
}

.caret {
	display: none;
}

.dropdown:hover .dropdown-menu {
	display: block;
	margin-top: 0;
}

@media screen and (max-width: 1440px) {
	.navbar-header {
		padding-left: 0;
		padding-right: 0;
	}
}

@media screen and (max-width: 1200px) {

	#navbar,
	.scrolled #navbar {
		background: #FFF;
		height: 64px;
	}

	#navbar a.logo,
	.scrolled #navbar a.logo {
		display: block;
		width: 23px;
		margin-top: 6px;
	}

	#logo {
		display: none;
	}

	#minilogo {
		display: block;
	}

	.navbar-default .navbar-brand,
	.scrolled .navbar-default .navbar-brand {
		font-size: 14px;
		line-height: 18px;
		margin-top: 1px;
		max-width: 160px;
		padding: 10px 0;
		line-height: 1;
	}

	.main-container {
		padding-top: 64px;
	}
}


/* #endregion */

/* #region SF MENU */
.block-superfish {
	position: absolute;
	bottom: 0;
	left: 12px;
	/* font-family: "PlainMed"; */
}

.sf-menu {
	text-transform: uppercase;
	margin-bottom: 0 !important;
}

.sf-menu a {
	color: var(--tmg-dark);
}



ul.sf-menu li:hover>ul,
ul.sf-menu li.sfHover>ul {
	top: 3rem;
}

.block-superfish ul.sf-menu a,
.block-superfish ul.sf-menu span.nolink {
	/* background-color: var(--tmg-primary); */
	color: var(--tmg-dark);
	padding: 1rem .75rem;
}

/* Couleur des liens actifs – Attention aux survols */
.sf-menu li.active-trail>a,
.sf-menu li.active-trail>span {
	color: var(--tmg-primary);
}

/* Couleur du menu au repos */
.sf-depth-1>a {
	background-color: #FFF;
	color: var(--tmg-dark);
}

ul.sf-menu li,
ul.sf-menu.sf-navbar {
	background: transparent;
	color: #111;
}

ul.sf-menu a.menuparent.is-active {
	color: var(--tmg-primary);
}

/* Hovers : fond et couleur */
/* fond des boxes */
ul.sf-menu li:hover>ul,
ul.sf-menu li.sfHover>ul {
	background-color: #FAFAFA;
	box-shadow: 0 0 10px rgba(0, 0, 0, .25);
}

ul.sf-menu .menuparent:hover>span.nolink,
ul.sf-menu .menuparent:hover>a,
ul.sf-menu li:hover,
.sf-menu li.active-trail:hover>a,
.sf-menu li.active-trail:hover>span ul.sf-menu li.sfHover,
ul.sf-menu a.menuparent.is-active:hover,
ul.sf-menu a:focus,
ul.sf-menu a:hover,
ul.sf-menu span.nolink:hover {
	color: #FFF;
	background-color: var(--tmg-primary);
}




/* #endregion */

/* #region MENU SECONDAIRE */

.menu-secondaire {
	position: absolute;
	right: 0;
}

.menu-secondaire li {
	display: inline-block;
	float: left;
}

.menu-secondaire li a {
	color: #999;
}

.menu-secondaire li a.is-active,
.menu-secondaire li a:hover {
	color: var(--tmg-primary);
	background: none !important;
}

/* #endregion */

/* #region LANG */

.block-language {
	position: absolute;
	right: 26px;
	top: 7px;
}

.block-language ul.links {
	padding: 0;
	margin: 0;
}

.block-language ul.links li {
	display: block;
	float: left;
}

.block-language ul.links li a {
	color: #888;
	display: block;
	padding: 5px;
	line-height: 1;
	text-transform: uppercase;
	font-size: 12px;
}

.block-language ul.links li a:hover,
.block-language ul.links li a.is-active {
	color: var(--tmg-primary);
}

/* #endregion */

/* #region TICKETS */
.menu-tickets {
	position: absolute;
	right: 70px;
	/* position <1200px dans le @media */
	width: 110px;
	bottom: .8rem;
	text-align: right;
}

/* Ne tient plus à droite */
@media (min-width: 1201px) and (max-width: 1460px) {
	.menu-tickets {
		bottom: 3rem;
	}

	.scrolled .menu-secondaire {
		right: 100px;
	}
}

.icone-header {
	position: relative;
	display: block;
	float: left;
	margin-left: 12px;
	width: 25px;
	height: 25px;
	white-space: nowrap;
}

.icone-header:first-child {
	margin-left: 0;
}

.icone-header:hover path,
.icone-header:hover circle {
	stroke: var(--tmg-primary);
}

.icone-cart:hover circle {
	fill: var(--tmg-primary);
	stroke: none;
}

.icone-header span {
	display: block;
	overflow: hidden;
	width: 30px;
	text-indent: 50px;
}

.icone-header svg {
	width: 25px;
	height: auto;
}

.icone-cart svg {
	width: 27px;
	height: 27px;
}

.icone-gift {
	width: 22px;
}

#pastille_cart {
	background-color: var(--tmg-primary);
	font-family: 'PlainMed';
	text-align: center;
	border-radius: 1rem;
	font-size: 10px;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 0px;
	right: 0;
	color: #FFF;
	display: none;
}

/* #endregion */

/* #region OFF CANVAS */

#offCanvas {
	background-color: #FFF;
	transition: all .3s ease-out;
	position: fixed;
	top: 0;
	right: -120%;
	z-index: 500;
	width: 100%;
	height: 100%;
	text-align: left;
	opacity: 0;
}

#offCanvas.open {
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: #FFF;
	opacity: 1;
}

#offCanvas nav {
	clear: both;
}

#offCanvas ul {
	text-align: left;
	padding: 0;
	margin: 0;
}

#offCanvas .region-offcanvas {
	width: 90%;
	max-width: 400px;
	margin: 10px auto 0;
	opacity: 0;
	float: none;
	transition: all 1s ease-in-out .3s;
}

#offCanvas.open .region-offcanvas {
	opacity: 1;
}

#offCanvas a {
	color: #111;
	text-transform: uppercase;
	font-weight: 500;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, .3);
}

#offCanvas #block-menusecondaire-2 {
	margin-top: 1em;
	padding-top: 1em;
	border-top: 1px solid #333;
}

#offCanvas .menu-type {
	display: block;
}

#offCanvas .menu-type a {
	color: #FFF;
}

#offCanvas .main-menu-responsive {
	margin-top: 80px;
}

a.menu_icon {
	padding-left: 24px;
}

#offCanvas a:hover,
#offCanvas a.active {
	color: var(--tmg-primary);
	text-shadow: none;
}

#offCanvas .block-menu-block ul li {
	display: block;
	list-style-image: none;
	list-style-type: none;
	margin: 0 2px;
	padding: 0;
}

#offCanvas .dropdown-menu {
	position: static;
	/*display: block;*/
	background: none;
	box-shadow: none;
	border: 0;
	width: 100%;
}

#offCanvas .dropdown-menu li {
	background: transparent;
}

#offCanvas .dropdown-menu a,
#offCanvas .menu-main a {
	padding: 10px;
	background-color: #FFF;
}

#offCanvas .dropdown-menu a.active,
#offCanvas .dropdown-menu a:hover {
	background: #FFF;
	color: var(--tmg-primary);
}

#offCanvas ul.menu>li {
	clear: both;
}

#offCanvas ul.menu--main>li>a,
#offCanvas ul.menu--main>li>span {
	font-family: 'PlainMed';
	font-size: 1.3em;
	line-height: 125%;
	text-transform: uppercase;
}

.nav>li>a,
.nav>li>span {
	display: block;
	padding: 10px 15px;
}

#offCanvas .menu-main .dropdown-toggle {
	background-color: transparent;
}

#offCanvas .dropdown-toggle span {
	display: none;
}

/* #endregion */

/* #region BTN MENU */
@media all and (min-width:1201px) {
	a#offCanvas-switch {
		display: none !important;
	}

	.menu-tickets {
		right: 0px;
	}

}

a#offCanvas-switch {
	text-indent: -500px;
	position: fixed;
	top: 19px;
	right: 10px;
	display: block;
	width: 36px;
	height: 36px;
	z-index: 9999;
}

#offCanvas-switch span,
#offCanvas-switch span:before,
#offCanvas-switch span:after {
	cursor: pointer;
	border-radius: 1px;
	height: 3px;
	width: 36px;
	background: var(--tmg-primary);
	position: absolute;
	display: block;
	content: '';

}

#offCanvas-switch span:before {
	top: 22px;
}

#offCanvas-switch span:after {
	bottom: -11px;
}

#offCanvas-switch span,
#offCanvas-switch span:before,
#offCanvas-switch span:after {
	transition: all 300ms ease-in-out;
}

#offCanvas-switch.active span {
	background-color: transparent;
	box-shadow: none;
}

#offCanvas-switch.active span:before,
#offCanvas-switch.active span:after {
	top: 11px;
	background-color: var(--tmg-primary);
}

#offCanvas-switch.active span:before {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

#offCanvas-switch.active span:after {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

/* #endregion */


/* #endregion */

/* #region webform RGPD */
.webform-submission-mise-a-jour-des-donnees-form .form-item {
	max-width: 640px;
}

.rgpd-nope {
	padding: .5rem 1rem;
	margin-left: -1rem;
	margin-right: -1rem;
	margin-top: .5rem;

	border-top: 1px solid #ccc;
	/* background-color: #FAFAFA; */
}

/* #endregion */
/*#region eTickets */
.layout.EMBEDED {
	overflow: auto;
	border: 1px solid var(--tmg-dark) !important;
}

.layout.EMBEDED ike-header,
.layout.EMBEDED ike-footer,
.layout.EMBEDED ike-user-breadcrumb {
	display: none;
}

/* #endregion */
/* #region FLEXSLIDER */

.flexslider {
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: 0 0 0 white;
	margin: 0;
	overflow: hidden;
}

.flex-direction-nav a {
	line-height: 35px;
	background: #FFF;
}

.flex-direction-nav a:before {
	font-family: serif;
	font-size: 40px;
	display: inline-block;
	content: '<';
	color: var(--tmg-primary);
	padding: 0 10px;
}

.flex-direction-nav a.flex-next:before {
	content: '>';
}

.flexslider:hover .flex-direction-nav .flex-prev {
	left: 0;
}

.flexslider:hover .flex-direction-nav .flex-next {
	right: 0;
}

.flex-control-paging li a {
	width: 9px;
	height: 9px;
	background: #ccc;

	box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
}

.flex-control-paging li a:hover {
	background: #333;
}

.flex-control-paging li a.flex-active {
	background: var(--tmg-primary);
}

/* #endregion */

/* #region ACCORDEON */
.acc-title {
	background-color: #FFF;
	cursor: pointer;
	color: var(--tmg-primary);
	padding: 10px 20px;
	margin: 0;
	border-bottom: 1px solid var(--tmg-primary);
}

.acc-title:hover {
	opacity: .9;
}

.acc-title:before {
	font-family: 'Plain';
	display: block;
	float: right;
	content: "+";
	font-size: 30px;
	line-height: 28px;
}

.acc-title.active:before {
	content: "–";
}

.acc-body {
	padding: 20px 20px 30px;
}

/* #endregion */
#countdown {
	font-size: 2.5em;
}

@media all and (max-width:560px) {
	#countdown {
		font-size: 1.75em;
	}
}

#map {
	width: 100%;
	height: 70vh;
	min-height: 360px;
}

.field--type-text-long img {
	width: 100%;
	height: auto;
	max-width: 100%;
}

.paragraph {
	margin-bottom: 2em;
}

table {
	width: 100%;
}

table p {
	margin: 0;
	line-height: 120%;
}

table h3 {
	padding: 0;
	margin: 0;
}

table td {
	padding: 10px 0;
	width: 33.3333%;
	vertical-align: top;
	border: 0;
}

.field--name-field-texte-paragraph table tr td {
	width: 20%;
}

.field--name-field-texte-paragraph table tr td:first-child {
	width: 60%;
}

table tr {
	border-bottom: 1px solid #CCC;
}

table tr.souligne {
	border-bottom: 1px solid #333;
}

p.prix {
	font-family: 'PlainMed';
	font-size: 1.5em;
	margin: 0;
}

p.legend {
	color: #777;
	font-size: 13px;
	line-height: 16px;
}

/* #region LISTES PROGRAMME */
.template-Spectacle,
.template-Evenement,
.template-Actualité {
	margin-bottom: 35px;

}

.template-Spectacle {
	position: relative;

}

.template-Spectacle h3 {
	font-size: 2em;
}

.template-Spectacle .row-inner {
	background-color: #FFF;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.template-Spectacle a,
.template-Evenement a,
.template-Actualité a {
	color: var(--tmg-dark);

}

.template-Spectacle *,
.template-Spectacle a {
	color: var(--tmg-dark);
	border-color: var(--tmg-dark);
}


.view a:hover {
	text-decoration: underline;
}

.template-Evenement,
.template-Actualité {
	width: 25% !important;
}

.template-Evenement .row-inner,
.template-Actualité .row-inner {
	background-color: #FFF;
	height: 100%;
	padding-bottom: 1em;
	position: relative;
}

/* couleurs de fond des ATeliers et événements */
.evt-Evénement .row-inner {
	background-color: var(--tmg-primary-b);
	overflow: hidden;
}

.template-Actualité .row-inner {
	background-color: var(--tmg-primary);
	overflow: hidden;
}

.evt-Atelier .row-inner {
	background-color: var(--tmg-secondary);
	overflow: hidden;
}

/* Couleur des liens des Ateliers et Evenemnts*/
.template-Evenement a,
.template-Actualité a {
	color: #fff;
}


.template-Evenement [class*="col-"],
.template-Actualité [class*="col-"] {
	width: 100%;
	/* background-color: #FFF; */
}

.evt-Evénement .row-inner *,
.evt-Evénement [class*="col-"] * {
	/* color: var(--tmg-primary);
	border-color: var(--tmg-primary); */
	color: #FFF;
	border-color: #FFF;
}

.evt-Atelier .row-inner *,
.evt-Atelier [class*="col-"] * {
	/* color: var(--tmg-secondary);
	border-color: var(--tmg-secondary); */
	color: #FFF;
	border-color: #FFF;
}

.template-Actualité .row-inner *,
.template-Actualité [class*="col-"] * {
	/* color: var(--tmg-secondary);
	border-color: var(--tmg-secondary); */
	color: #FFF;
	border-color: #FFF;
}

.view-actualites .row-inner a,
.page-node-type-article h1,
.page-node-type-article .article a {
	color: #80A568;
	color: var(--tmg-secondary);
}

.template-Evenement .bottom {
	display: none;
}

/* 
. a {
	color: #FFF;
} */

.template-Evenement h3 {
	margin-top: 0px;
}

.evt-image {
	/*max-height: 100px;*/
	overflow: hidden;
}

.bottom {}

.color_field__swatch {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100% !important;
	height: 100% !important;
}

/* LISTES ateliers et événements*/
.bef-exposed-form .form--inline>.form-item {
	max-width: none;
}

.bef-links ul {
	margin-left: 0;
	padding-left: 0;
}

.bef-links ul li {
	display: inline-block;
	margin-right: 1rem;
	list-style-type: none;
}

.bef-exposed-form a {
	display: inline-block;
	padding: 5px 15px;
	text-decoration: none !important;
}

a.bef-link-active:after {
	content: '✕';
	margin-left: 10px;
}

#views-exposed-form-programmes-block-3 {
	padding: 0 20px;
}

.view-programmes.view-display-id-block_3 .bef-exposed-form a {
	border-color: var(--tmg-secondary);
	color: var(--tmg-secondary);
}

.view-programmes.view-display-id-block_3 .bef-exposed-form a:hover {
	border-color: var(--tmg-secondary);
	color: #FFF;
	background: var(--tmg-secondary);
}

.path-90-ans .main-container {
	/*background: #e9e9e9 url('img/bg-90_4.png') repeat-x center 80px;*/
	background: #e9e9e9 url('img/bg-90_5.png') no-repeat right 80px;
	background-size: 60%;
	background-attachment: fixed;
}

.label-90-ans {
	position: absolute;
	top: 10px;
	right: 10px;
	line-height: 45px;
	pointer-events: none;
}


/* #endregion */

/* #region LIENS CTA CUSTOM – Groupe de liens de la billetterie */


.cta-riche h2 {
	border: 0;
	margin: 0;
	padding: 0 0 .33rem 0;
}


.cta-normal a::after,
.cta-riche h2::after {
	content: "→";
	float: right;
	transform: translateX(0);
}

.cta-riche .textes-lien,
.cta-normal a,
.cta-normal a::after,
.cta-riche:hover h2::after {
	transition: all .5s ease-out;
}

.cta-normal a:hover::after,
.cta-riche:hover h2::after {
	transform: translateX(1rem);
}

.cta-riche .textes-lien,
.cta-normal a {
	display: block;
	padding: 1rem 2rem 1rem 1.5rem;
	background-color: var(--tmg-primary-b);
	text-decoration: none;
	color: var(--tmg-dark);
}

article .cta-normal a {
	font-size: 1.8rem;
	background-color: var(--tmg-secondary-b);
}

a.cta-riche {
	display: block;
	text-decoration: none;
	color: #FFF;
	background-color: var(--tmg-primary-b);
}

a.cta-riche * {
	color: #FFF;
	text-decoration: none !important;
}

a.cta-riche .textes-lien {
	background-color: var(--tmg-primary-b);
	padding-bottom: 1.5rem;
	/* height: auto !important; */
}

.cta-normal a:hover {
	background-color: var(--tmg-tertiary);
}

.cta-riche:hover .textes-lien {
	transform: translateY(-1rem);
	/* padding-bottom: 2.5rem !important; */
}

/* #endregion */

/* #region PAGES SPECTACLES */

article a {
	text-decoration: underline;
}

article .view-content a {
	text-decoration: none;
}

.field--name-field-seances {
	margin: 1em 0;
}

.field--name-field-date-vente+.field--name-field-seances {
	margin: 0 0 1em;
}

a#seances {
	margin-top: .5em;
}

.affiche {
	margin-bottom: 0;
}

.affiche img {}

.infos {
	margin-top: 1em;
	margin-bottom: 1em;
}

.medias {
	padding: 0;
}

.medias .field {
	padding-top: 3em;
	padding-bottom: 3em;
}

/* EXCEPTION */
.page-node-412 .medias {
	display: none;
}

.medias .photoswipe-gallery {
	width: 50%;
	float: left;
}

.photoswipe-gallery {
	overflow: hidden;

}

.bg-custom * {
	border-color: #FFF;
}

/* LISTE AUTOUR */
.autour-item {
	background-color: #FFF;
}

.autour-item h3 {
	margin: .5em 0;
}

/* LISTE COUPURE PRESSE */

.presse-item .field {
	margin: 0;
}

/* MODAL SEANCES */
#tmg-rideau {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 0;
	background-color: rgba(0, 0, 0, 0.5);

	transition: background-color .5s linear;

	z-index: 1036;
}

#tmg-rideau.visible {
	bottom: 0;
	height: 100%;
}

.block-seances {
	width: 90%;
	max-width: 720px;
	margin: auto;
	position: relative;
	position: fixed;
	overflow: hidden;
	height: calc(100vh - 200px);
	max-height: calc(100vh - 200px);
	top: -1000px;
	left: 0;
	right: 0;
	z-index: 1037;
	background: #FFF;
	padding: 0;
	box-shadow: 0px 3px 20px rgba(0, 0, 0, .25);

	transition: all .5s ease-out .3s;
	/*	 -webkit-overflow-scrolling: touch;*/

}

.visible .block-seances {
	top: 100px;
}

.block-seances>.form-group {
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
	margin-bottom: 0;
	height: 100%;
	padding: 15px;
}

.close-seances {
	position: absolute;
	top: 5px;
	right: 20px;
	font-size: 30px;
	text-decoration: none !important;
}

.passe .row-inner,
.passe [class*="col-"] {
	background-color: #CCC !important;
}

.passe img {
	-webkit-filter: grayscale(100%);
	/* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}

/* #endregion */

/* #region HOME PAGE */

.banner-spectacle {
	padding: 3em 0;
	height: 80vh;
	height: calc(100vh - 132px);
	height: calc(100vh - 262px);
	min-height: 400px;
}

.bloc-saison {
	height: 0;
	padding-bottom: 57.5%;
	margin-bottom: 0;
}

.banner-spectacle {
	height: calc(100vh - 162px);
}

.cartouche-banner {
	background-color: #FFF;
	padding: 1.5rem 1.5rem .5rem;
	max-width: 420px;
	border-radius: 3rem;
}

.bloc-saison {
	background-color: #FFF;
}

.bloc-saison .field--name-field-saison {
	display: none;
}

.path-frontpage h1.page-header,
.page-node-type-article h1.page-header {
	display: none;
}

.banner-spectacle .btn {}

.path-frontpage .field--type-text-long .field__item>h2 {
	font-size: 2em;
	margin: 1em 0;
	padding: 0;
	border: 0;
	text-align: center;
}

.abonnez-vous {
	position: absolute;
	top: 160px;
	right: 12%;
	width: 240px;
	height: 240px;
	background: transparent url('img/tmg_bg-pastille.svg') no-repeat center center;
	background-size: cover;
	text-align: center;
	display: flex;
	align-items: center;
	font-size: 2rem;
	line-height: 1.2;
	color: #FFF;
	padding: 0rem;
	transform: rotate(-10deg);
	transition: transform .4s ease-out;
}

.abonnez-vous:hover {
	transform: rotate(-5deg);
}

.abonnez-vous .field__item,
.abonnez-vous .field--name-body {
	display: flex;
	align-self: center;
}

.abonnez-vous p {
	margin: 0;
	padding: 0;
}

.abonnez-vous>a {
	box-sizing: border-box;
	display: flex;
	align-self: stretch;
	justify-self: stretch;
	color: #FFF;
	padding: 2rem;
	text-transform: uppercase;
}

@media (max-width:1200px) {
	.abonnez-vous {
		top: 80px;
		left: 1rem;
		width: 140px;
		height: 140px;
		font-size: 1.2rem;
	}

	.abonnez-vous>a {
		padding: 0;
	}
}

@media (max-width:767px) and (orientation:portrait) {
	.abonnez-vous {
		top: 220px;
		left: 1rem;
		width: 120px;
		height: 120px;
		font-size: 1rem;
	}

	.abonnez-vous>a {
		padding: 0;
	}
}


.col-sm-12 {
	overflow: hidden;
}


.block_1col img {
	display: block;
	max-height: 50vh;
	width: 100%;
	object-fit: cover;

}

.block_1col>div {
	margin: 0;
	padding-right: 30px;

}

.block_2col>div {
	margin: 0;
	padding-left: 30px;
	float: left;
	max-width: 50%;
}

.block_2col img {
	display: block;
	max-width: 50%;
	float: left;
}

/* #endregion */

.temoignage-item .row-inner {
	background: #FFF;
	padding: 15px;
	font-size: .9em;
}

/* #region DIFFUSION et DOSSIERS */
/* filtres */
.form-inline .form-group {
	display: inline-block;
	margin-bottom: 0;
	vertical-align: bottom;
	margin-right: 1em;
}

.views-exposed-form {
	overflow: hidden;
	margin-bottom: 1em;
	padding-bottom: .5em;
}

.form-inline label {
	padding-bottom: .5em;
}

/* sepctacles vente */
.diffusion-item {
	background-color: #FFF;
}

.diffusion-item h3 {
	margin-top: 0;
	padding-top: .5em;
}

.thumb-carre {
	max-width: 140px;
	margin-right: 1em;
}

.images-presse img {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 3px;
}

.download-all table {
	display: none;
}

/* #endregion */

/* #region FORMULAIRE PRESSE ECOLE */

.form-type-processed-text {
	max-width: none !important;
}

.miniform {
	border: 1px solid #CCC;
	overflow: hidden;
	padding: 0 15px;
}

.protected_pages_description {
	margin-bottom: .5em;
}

#edit-protected-page-enter-password {
	margin: 4em auto;
}

/* #endregion */

.bloc-video>div {
	margin: 0 !important;
	max-width: none;
}

.paragraph--type--video {
	overflow: hidden;
	margin: 0;
}

.paragraph--type--video .field--name-field-video {
	background-color: var(--tmg-dark);
}

@media all and (min-width:768px) {

	/* .bloc-video.reverse>.field--name-field-video,
	.paragraph--type--video:nth-child(even) .field--name-field-video {
		float: right !important;
	} */


}

.paragraph--type--video .field--name-field-texte-paragraph {
	padding: 15px 10px !important;
	margin-bottom: 20px;
	background-color: #FFF;
}

.paragraph--type--video .video-embed-field-responsive-video {
	margin-bottom: 0;
}

.bloc-video .field--name-body {
	padding: 30px;
	font-size: 2em;
	line-height: 1.2;
}

.paragraph--type--video .field--name-field-texte-paragraph h3,
.paragraph--type--video .field--name-field-texte-paragraph h4 {
	margin-top: 0;
}

.paragraph--type--video:nth-child(even) .field--name-field-texte-paragraph {
	text-align: right;
}


#booking {
	width: 100%;
	/* min-width: 480px; */
	overflow: hidden;
	border: 0;
}

#booking #page {
	overflow: hidden;
	min-height: none !important;
}


/* #region MISC */

.page-node-443 h1,
.page-node-424 h1 {
	display: none;
}

.page-node-443 .region-content,
.page-node-424 .region-content {
	padding-top: 4rem;
}

.paragraph--unpublished {
	background-color: transparent;
	outline: 1px dotted darkred;
	position: relative;
}

.paragraph--unpublished::after {
	content: 'non publié';
	text-transform: uppercase;
	background-color: darkred;
	display: inline-block;
	font-size: 13px;
	line-height: 1;
	padding: 4px 10px;
	position: absolute;
	bottom: 0;
	right: 0;
}

/* #endregion */

/* #region ADMIN */
.contextual-edit {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 80px;
	padding: 5px;
	background: #FFF;
}

.messages__wrapper {
	position: fixed;
	bottom: 60px;
	left: 15px;
	max-width: 720px;
	z-index: 3;
}

nav.tabs {
	position: fixed;
	bottom: -1px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 4;
}

nav.tabs .tabs--primary {
	margin: 0;
}

nav.tabs .tabs--primary a {
	background-color: #FFF;
	color: var(--tmg-primary);

}

nav.tabs .tabs--primary a.is-active {
	border-color: var(--tmg-primary);
	color: #FFF;
}

ul.contextual-links li {
	list-style-type: none;
	background: none;
}

.no-touchevents .contextual-region .contextual .contextual-links li a:hover {
	color: var(--tmg-primary);
}

.node-form {
	background: #FFF;
	padding: 1em;
	margin: 1em auto;
	max-width: 500px;
}

.node-form .description {
	font-size: .8em;
}

.node-form .filter-help {
	display: none;
}

#block-informationsdecontribution {
	margin: 1em auto;
	max-width: 500px;

}

/* #endregion */

/* #region POPUP */
div#sliding-popup,
div#sliding-popup .eu-cookie-withdraw-banner,
.eu-cookie-withdraw-tab {
	background-color: var(--tmg-primary);
}

.eu-cookie-compliance-message {
	margin-top: 1rem;
	border: 0;
}

.eu-cookie-compliance-message h2 {
	border: 0;
}

#popup-buttons button,
#eu-cookie-compliance-categories button {
	background: #FFF;
	border: 0;
	border-radius: 1rem;
	font-size: 1rem;
	padding: .25rem 1.5rem;
	font-weight: normal;
}

#popup-buttons button:hover,
#eu-cookie-compliance-categories button:hover {
	background: var(--tmg-tertiary);
}

.eu-cookie-compliance-buttons {
	float: left;
}

/* #endregion POPUP */

/* PAGE EVT */
.evenement.full {
	padding-top: 3em;
}

@media screen and (max-width: 1200px) {

	/*body {
		font-size: 14px;
	}
	.half {
		width: 100%;
	}
	.third {
		width: 100%;
	}
	.quarter {
		width: 50%;
	}*/
	.menu-secondaire,
	.block-superfishmain {
		display: none;
	}

	.template-Evenement,
	.template-Actualité {
		width: 25% !important;
		padding-left: 5px !important;
		padding-right: 5px !important;
	}

	.bloc-saison {
		background-attachment: scroll;
	}
}

@media screen and (max-width: 767px) {
	body {
		font-size: 15px;
		line-height: 135%;
	}

	.region-highlighted {
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 2em;
	}

	h1 {
		font-size: 2em !important;
	}

	h2,
	.viewsreference--view-title {
		font-size: 1.3em;
	}

	.viewsreference--view-title {
		margin: 2em 1rem 1rem;
	}

	.views-element-container {
		overflow: hidden;
	}

	h3 {
		font-size: 1.1em;
	}

	.inline-label {
		display: none;
	}

	.larger {
		line-height: 125%;
		margin-bottom: .5em;
	}

	.cartouche-banner .larger {
		font-size: .925rem;
	}

	.template-Evenement,
	.template-Actualité {
		width: 50% !important;
		float: left;
	}

	.main-container {
		padding-left: 0;
		padding-right: 0;
	}

	.autour-item .field--name-field-image {
		max-width: 240px;
	}

	.diffusion-item .thumb-carre,
	.diffusion-item .img-sm {
		max-width: 150px;
		float: right;
		position: relative;
		z-index: 3;
	}

	.diffusion-item h2 {}

	.path-90-ans .main-container {
		/*background: #e9e9e9 url('img/bg-90_4.png') repeat-x center 80px;*/
		background: #e9e9e9 url('img/BG-90ans_sm.png') no-repeat right top;
		background-size: 100%;
		background-attachment: fixed;
	}

	#block-comptearebours img {
		max-width: 100%;
		float: none;
	}

	#block-comptearebours>div {
		max-width: 100%;
		float: none;
	}

	.bloc-video.reverse>.field--name-field-video {
		float: none !important;
	}
}

/* ZONE Phablette */
@media screen and (min-width: 600px) and (max-width:767px) {

	.banner .col-sm-5,
	.banner .col-sm-7,
	.banner .col-sm-6 {
		width: 50%;
		float: left;
	}

	.autour-item .field--name-field-image {}




}

@media screen and (max-width:480px) {

	.diffusion-item .thumb-carre,
	.diffusion-item .img-sm {
		display: none;
	}

	.diffusion-item {
		padding-left: 15px;
	}

	.template-Evenement,
	.template-Actualité {
		width: 100% !important;
		float: none;
	}

	.page-node-type-spectacle [class*="col-"] {}

	.images-presse img {
		max-width: 30%;
	}

	.block-seances {
		width: 100%;
	}

	.block_2col img {
		max-width: 100%;
		float: none;
	}

	.block_2col>div {
		max-width: 100%;
		float: none;
	}

	.icone-header {
		margin-left: 12px;

	}

	.menu-tickets {
		right: 38px;
	}
}

@media screen and (max-width: 359px) {

	.navbar-default .navbar-brand,
	.scrolled .navbar-default .navbar-brand {
		font-size: 14px;
		max-width: 190px;
		padding-left: 0;
	}
}

/* #region BS OVERRIDE */
[class*="col-"] {
	padding-left: 20px;
	padding-right: 20px;
}

.p0 {
	padding-left: 0;
	padding-right: 0;
}

.p5 {
	padding-left: 5px;
	padding-right: 5px;
}

.container-fluid {}

body.navbar-is-fixed-top {
	margin-top: 0;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
	background-color: #fafafa;
}

/* navbar --- */

.navbar-default {
	margin-top: 0;
	border: 0 none;
	border-radius: 0;
	margin-bottom: 0;
	min-height: 0;
	height: 134px;
	position: relative;
	position: fixed;
	border-bottom: 1px solid #e9e9e9;
}

.toolbar-horizontal .navbar-default {
	/* margin-top: 30px; */
}

.navbar .container-fluid {
	height: 100%;
	transition: all 0.7s ease-in-out 0.2s;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
}

/*.scrolled .navbar-fixed-top .container-fluid {
	padding-top: 0;
	padding-bottom: 0;
}*/
body.navbar-is-fixed-top,
body.admin-menu.navbar-is-fixed-top {
	padding-top: 0;
}

/* responsive navbar */

@media (max-width: 767px) {

	.navbar .container-fluid {
		padding-top: 0;
		padding-bottom: 0;
		background: #fff;
	}

	.navbar a.logo {
		width: 60px;
		margin-top: 10px;
	}

	.navbar-default .navbar-nav li a {
		font-size: 1.2em;
	}

	.main-container>.row {
		margin-left: 0 ! important;
		margin-right: 0 ! important;
	}

}

.navbar-toggle {
	border: 0 none;
}

.navbar-toggle {
	border-radius: 0;
	background: #fff;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background: #fff;
}





/* form --- */
.form-item {
	max-width: 500px;
}

.form-item .form-control {
	border-radius: 0;
	border: 1px solid #DDD;
	box-shadow: 0;
}

.form-control:focus {
	box-shadow: 0 4px 6px rgba(0, 0, 0, .1);
}

.form-actions {
	text-align: right;
}

button.btn {
	background-color: var(--tmg-primary);
	color: #FFF;
	text-align: right;
}

button.btn:hover,
button.btn:focus,
button.btn:active {
	background-color: #ae2e2f;
	border-color: #ae2e2f;
}

/* misc --- */
.maintenance-page {
	text-align: center;
	padding: 10% 0;
}

.pager-nav {
	clear: both;
}

/* #endregion */