/*
	Theme Name: NFB-ONF Balmoral
	Theme URI: http://html5blank.com
	Description: NFB-ONF Branding WordPress Theme - WIP
	Version: 0.0.3
	Author: NFB-ONF Web team
	Author URI: http://www.nfb.ca
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/* utils */


/* Smooth Scroll Anchor Everywhere */
html {
    scroll-behavior: smooth;
  }

.mobile-only{display: none;}
@media (max-width: 767px) {
    .mobile-only{display: block;}
}
/*theme*/

body {
  --nfb-accent-color: #ff5c39;
}

#l-leftNav .sidebar-widget:nth-child(2) .widget_nav_menu:before,
#l-leftNav ul#languageSwitch li:before{
	background-color: var(--nfb-accent-color);
}
#l-leftNav #menu-menu-1 .menu-item-home .icon-loupe {
    vertical-align: middle;
    font-size: 14px;
    padding-left: 12px;
}


/*Menu customization for public screening*/

.sidebar-widget ul#menu-menu-3 li a {
    text-transform: inherit;
    width: 140px;
}

/*home*/
.nfbonf-event-home .m-breadcrumb-bar ol li h1.alignBottom.productTitle{color:#63666A}
@media (min-width: 990px) {
.nfbonf-event-home .m-breadcrumb-bar ol li h1.alignBottom.productTitle{line-height: 1}
}
/*-----------------------*/
/* event manager */
/*-----------------------*/

/*location*/

.em-locations-list > li{margin-bottom: 1em}
/* event maps */

.em-location-map-container{border: 1px solid #dedede}

/*nav adj*/
#l-property-id{}

/*-------------------*/
/* Homepage */
/*--------------------*/

.productTitle{
    text-transform: uppercase;
	font-family: Ciutadella-Bold,"Helvetica Neue", Helvetica, Arial,sans-serif;
	transition: height .2s cubic-bezier(.19,1,.22,1) .75s ;
}
.is-nav-open .productTitle{height: 0px;overflow: hidden; margin-bottom: 0;margin-top:1em;transition: all .15s cubic-bezier(.95,.05,.795,.035) 0s;}
.hp-intro{max-width: 35rem;margin-bottom: 2em;font-family: Ciutadella-Medium,"Helvetica Neue", Helvetica, Arial,sans-serif;}
.hp-intro p{font-size:1.2rem}

.hp-intro::after {
	content: " ";
    height: 4px;
    background: #ff5c39;
    width: 54px;
    display: block;
    position: absolute;
    z-index: 2;}
	@media (max-width: 990px) {
		.is-nav-open .hp-intro p:first-child { margin-top: 0;}
		.productTitle{margin: 24px 0 0; font-size: 2rem;}
    }
	.is-nav-open .hp-intro p:first-child { margin-top: 0;}

/* Main Search console*/
div.css-search {
	font-family: Ciutadella-Regular,"Helvetica Neue", Helvetica, Arial,sans-serif;
	background-color:transparent;
	border:none;
	padding:1px 0 0;
}
	div.css-search input, div.css-search select, div.css-search option, div.css-search div, div.css-search span, div.css-search button {
		 font-size:18px; /* reset everything */
	}

    @media (min-width: 990px) {
    .em-search-wrapper{max-width:768px}
    }



    /* drop down */
div.css-search select{width:100%}
	@media (min-width: 768px) {
div.css-search select{width:auto}
}
div.css-search div.em-search-main{background-color: transparent;display:block;}
div.css-search.has-advanced div.em-search-main{border-bottom: 0;margin-top:1rem}
div.css-search div.em-search-main div { display: block;}
div.css-search .nfb-em-search-main label{display: block;}
/*input wrapper*/
div.css-search div.em-search-text,div.css-search div.em-search-geo{
    width:100%;
    background-color: #ffffff;
    padding:8px 0px 8px 32px;
    margin-left:0px;
    border:1px solid #d8d9db;
    background-position: 10px 48%;    
}
/* Main Search input feild*/
div.css-search.has-search-geo.has-search-term input.em-search-text, div.css-search.has-search-geo.has-search-term input.em-search-geo{
    display: block;
    width:90%;
    font-size: 24px;
    line-height: 24px;
}
div.em-search-main label{font-family: Ciutadella-Medium,"Helvetica Neue", Helvetica, Arial,sans-serif;text-transform: uppercase;}


/* Main Search Button */
div.css-search div.bottom-btn {padding :0px 5px 10px}
	div.css-search div.em-search-main .em-search-submit,
	div.css-search div.bottom-btn .em-search-submit {
		/*position:absolute;
		top: 5px; right: 5px;*/
		-moz-box-shadow: 0px 0px 0px 0px #ffffff;
		-webkit-box-shadow: 0px 0px 0px 0px #ffffff;
		box-shadow: 0px 0px 0px 0px #ffffff;
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #263EA6), color-stop(1, #263EA6) );
		background:-moz-linear-gradient( center top, #263EA6 5%, #263EA6 100% );
		background-color:#263EA6;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		border-radius:4px;
		border:2px solid #263EA6;
		display:inline-block;
		color:#ffffff;
		font-weight:bold;
		padding:8px 10px;
		text-decoration:none;
		text-shadow:none;
		line-height:16px;
	}
	div.css-search div.em-search-main .em-search-submit:hover,
	div.css-search div.bottom-btn .em-search-submit:hover {
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fff), color-stop(1, #fff) );
		background:-moz-linear-gradient( center top, #fff 5%, #fff 100% );
		background:-ms-linear-gradient(top, #fff, #fff);
		background:-o-linear-gradient(top, #fff, #fff);
		background:linear-gradient(top, #fff, #fff);
		background-color:#fff;
		color:#000;
	}
	div.css-search div.em-search-main .em-search-submit img { border:none; padding:0; margin:0; box-shadow:none; border-radius:0; background:none; }
	/* IE7 Hack */ div.css-search div.em-search-main button.em-search-submit span { display:block; width:16px; height:16px; background:url('../images/search-mag.png') 0px 0px no-repeat; }
	/* IE7 Hack */ div.css-search div.em-search-main button.em-search-submit:hover span { display:block; width:16px; height:16px; background:url('../images/search-mag-b.png') 0px 0px no-repeat; }

.nfbonf-event-home div.css-search div.em-search-state, .nfbonf-event-home div.css-search div.em-search-town{padding:18px 0 0}

	/* Advanced Search */
		div.em-search-location-meta .col-sm-6 {
				position: relative;
				min-height: 1px;
				padding-left: 10px;
				padding-right: 10px;
				float:left;
				width: 50%;
			}
			div.css-search div.em-search-advanced label > span {padding-right: 1em}
			/* Calendar Styles */
				table.em-calendar { min-width: 100%}
				table.em-calendar td { padding: 2px 4px; text-align: center; }
				table.em-calendar.table tr.days-names td, table.fullcalendar tr.days-names td { font-weight: normal;  font-family: "Ciutadella-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif}
				table.em-calendar td.eventless-pre, .em-calendar td.eventless-post { color: #ccc; }
				table.em-calendar td ul { font: normal 1em/1.2  "Ciutadella-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif; }
				table.em-calendar td.eventful-pre a, table.em-calendar td.eventful-post a{ color: #aaa; text-decoration:underline; }
				table.em-calendar td.eventful a, table.em-calendar td.eventful-today a { color: #263EA6; }
				table.em-calendar td.eventful-today a { font-weight: bold; }
				table.em-calendar td.eventless-today, table.em-calendar td.eventful-today { background-color: #fff; }
				table.em-calendar thead { font-size: 120%; font-weight: bold; font-family: "Ciutadella-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#545454}
				table.fullcalendar { border-collapse: collapse; }
				table.fullcalendar td { text-align: left; vertical-align: top;border: 0px solid #888; }
				div.em-calendar-wrapper { position:relative; }

                /*event thumbnails*/

.infosSecondaires{font-family:"Ciutadella-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.m-carousel-thumbnails .thumbnailsList .vignette .infosSecondaires{font-weight: bold;color:#545454;margin-top:6px; height:4rem;font-size:14px}
.m-carousel-thumbnails .thumbnailsList .vignette .infosSecondaires i{font-style: normal;font-weight: normal;margin-top: 5px;display: inline-block;}
@media (min-width: 1440px) {
	#em-wrapper .m-carousel-thumbnails .thumbnailsList .vignette .infosSecondaires{height:4rem}
}

/*------------*/
/* pagination*/

.em-pagination{display: flex; margin: 1rem 0; font-family: Ciutadella-Regular, "Helvetica Neue", Helvetica, Arial, sans-serif ;}
.em-pagination > * {min-width: 2rem;text-align: center;border-bottom: 2px solid #c0bfbe;}

.em-pagination .page-numbers{columns: #464545;}
.em-pagination .page-numbers.current{font-family: Ciutadella-Bold, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal;}
.em-pagination .page-numbers.prev,
.em-pagination .page-numbers.next{border-bottom: 0px; visibility: hidden; }
.em-pagination .page-numbers.prev::before,
.em-pagination .page-numbers.next::before{content : " " ; visibility: visible;
  border: solid #464545;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.em-pagination .page-numbers.prev::before{
 transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
.em-pagination > strong{color: #000; border-bottom: 4px solid #464545;}


/*----------------*/
/*event details*/
/*----------------*/

.nfb-event-details{ padding-top:15px}

@media (min-width: 768px) {
    .nfb-event-details{ padding-top:45px}
}

.img-frame{position: relative;padding-bottom: 56.2%;margin-bottom: 30px;}
.img-frame__shade{display:none}
.event-title{ color: #000}
.event-title h1{margin: 0 0 0 0}
.img-frame .img-full {
    width: 100%;
    position: absolute;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.hide-on-mobile, .show-on-mobile {
    display: none;
}
@media (max-width: 767px) {
	.event-title h1{font-size:2.5rem}
    .img-frame{position: relative;padding-bottom: 56.2%;}
    .event-title.hidden-xs{ position: absolute; top: 110%; }
    .show-on-mobile { display: block;}

}
@media (min-width: 768px) {
	.event-title h1{margin: 0 0 0.25em 0}
    .hide-on-mobile {display: block;}
}
@media (min-width: 768px) {
	.img-frame__shade{display:block;position:absolute;z-index:1;top:0;bottom:0;right:0;left:0; background-image: linear-gradient(to top,rgba(0,0,0,0.5) 0,rgba(0,0,0,0) 50%);}
	.event-title.hidden-xs{position: absolute;bottom:0px;width:100%;z-index: 2; color: #fff}
  .event-title h1{margin: 0 0 0.75em 0}
}

.nfb-event-details h1.nfb-event-title{margin: 0 0;text-transform: uppercase;}
.nfb-event-details .detailz{position:relative;font-size: 1.2rem;margin-bottom: 3rem; font-family:"Ciutadella-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.nfb-event-details .ciuta{font-family:"Ciutadella-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.nfb-event-details .intro{font-size:1.2rem;}
.nfb-event-details .detailz strong{font-weight: normal;font-family:"Ciutadella-Bold", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.nfb-event-details .img-full{margin-bottom: 1.2rem}
.nfb-event-details .vignette .img-full{margin-bottom: 0}
.nfb-event-details .gmap{margin: 1.4rem 0}
.nfb-event-details .add2cal{margin-top: 1rem }
.nfb-event-details .add2cal a{color:#263EA6 }
.nfb-event-details .detailz:after {
    content: " ";
    height: 4px;
    background: #ff5c39;
    width: 54px;
    display: block;
    position: absolute;
		bottom:-20px
}
.nfb-event-details .responsive-container {
	position: relative;
	padding-bottom: 57.25%;
	height: 0;
	overflow: hidden;
	margin: 20px 0;
	max-width: 100%;	
}
.nfb-event-details .responsive-container iframe {	
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.nfb-event-notes{}
.nfb-event-notes p { 
    hyphens: none;
}
.nfb-event-notes p a,
.nfb-event-notes ul a,
.nfb-event-notes h1 a,
.nfb-event-notes h2 a,
.nfb-event-notes h3 a,
.nfb-event-notes h4 a{text-decoration: none;color:#263EA6}
.nfb-event-notes p a,
.nfb-event-notes ul a{text-decoration: undeline;}

.nfb-event-notes h1{
  font-size: 2rem;
  font-weight: normal;
  margin-bottom: 0.75em;
  margin-top: 1.5em;
}
.nfb-event-notes h2{
  font-size: 1.75rem;
  font-weight: normal;
  margin-bottom: 0.75em;
  margin-top: 1.5em;
}
.nfb-event-notes h3
{
  font-size: 1.5rem;
  margin-bottom: 0.75em;
  margin-top: 1.5em;
}
.nfb-event-notes h4
 {
  font-size: 1.3333333rem;
  margin-bottom: 0.5em;
  margin-top: 1em;
}

.nfb-event-notes h1:first-child,
.nfb-event-notes h2:first-child,
.nfb-event-notes h3:first-child,
.nfb-event-notes h4:first-child{margin-top:0}


/* custom share */
.nfb-events-share {
    min-width: 190px;
}
.nfb-events-share a {
    vertical-align: middle;
    display: inline-block;
    border-radius: 50%;
    padding: 0.47rem;
    margin: 0.375rem 0.3rem;
    background: #e3e3e2;
    height: 53px;
    width: 53px;
    text-align: center;
    font-size: 24px;
}
.nfb-events-share a i{
    transition: all 0.3s;
}
.nfb-events-share a i:before {
    vertical-align: middle;
    line-height: 35px;
}
.nfb-events-share a .icon{
    pointer-events: none;
}
.nfb-events-share + div {
    margin-left: 20px;
}
.nfb-events-share .facebook_share:hover i {
    color: #3b5998;
}
.nfb-events-share .twitter_share:hover i {
    color: #00acee; 
}
.nfb-events-share .email_share:hover i {
    color: #669c41
}
/* calendar picker*/
.home .ui-widget{font-family: Ciutadella-Regular,"Helvetica Neue", Helvetica, Arial,sans-serif}
.home .ui-widget-header{border-color: #aaa9a7 ;background-color: #c0bfbe ;background-image: none;}
.home .ui-state-hover,
.home .ui-widget-content .ui-state-hover,
.home .ui-widget-header .ui-state-hover,
.home .ui-state-focus,
.home .ui-widget-content .ui-state-focus,
.home .ui-widget-header .ui-state-focus {
 border:1px solid #263EA6;
 background-color:#ffffff;
 background-image: none;
 color:#263EA6
}
.home .ui-widget-header .ui-state-hover,
.home .ui-widget-header .ui-state-focus {

}
.home .ui-datepicker .ui-datepicker-title select{color: #000000;font-family: Ciutadella-Regular,"Helvetica Neue", Helvetica, Arial,sans-serif}


/*----------------*/
/*Public Screenings*/
/*----------------*/

.program #page-body {
    margin-bottom: 4rem;
}
.page-template-template-publicscreening .with-background-image {
    position: relative;
}
.page-template-template-publicscreening .background-image {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: max-width .8s cubic-bezier(0.19, 1, 0.22, 1);
    transition-delay: 0s;
}
.page-template-template-publicscreening  .background-image {
    background-position: 70% 20%;
}
.is-nav-open .background-image {
    max-width: 84%;
    transition-delay: .2s;
}

.page-template-template-publicscreening h1 {
    font-size: 105px;
    max-width: 725px;
    line-height: 1em;
    padding-bottom: 10px;
    margin: 20px 0 40px;
}
.page-template-template-publicscreening .underline-container:after {
    display: block;
    position: absolute;
    content: " ";
    top: 100%;
    margin-top: 10px;
    left: 0;
    width: 64px;
    max-width: 22%;
    border-top: 8px solid;
}
.page-template-template-publicscreening  .bold-title {
    font-family: Ciutadella-Bold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    text-transform: uppercase;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
	-ms-hyphens: auto;
	position: relative;
    hyphens: auto;
}

.page-template-template-publicscreening .h1-subtitle, .page-template-template-publicscreening .h1-subtitle p {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    max-width: 600px;
    font-family: Ciutadella-Regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
	font-size: 21px;
	/*margin-bottom: 4rem;*/
}
.page-template-template-publicscreening .m-vignette-card-container {
    display: flex;
    flex-wrap: wrap;
}
.page-template-template-publicscreening .m-vignette-card-container .col-md-4 {
    padding: 20px 10px;
}
.page-template-template-publicscreening .top-cards .m-vignette-card {
    height: 100%;
	padding: 20px;
	position: relative;
    background-color: #fff;
	border: 1px solid #d9d9d8;
	min-height: 320px;
}
.page-template-template-publicscreening .top-cards .m-vignette-card h3 {
    text-transform: uppercase;
    margin-top: 0;
}
.program #page-body a, .page-description a {
    color: #263EA6;
}
.program #page-body ul, .page-description ul {
    margin-left: 20px;
    padding-left: 20px;
}
.page-template-template-publicscreening .top-cards .m-vignette-card a {
    color: #263EA6;
    text-decoration: underline;
}
.page-template-template-publicscreening .top-cards .m-vignette-card a.btn.btn-primary.custom-button {
    color: #000;
    text-decoration: none;
}

/*Public Screening Pages*/

.single-program .underline-container {
    position: relative;
}
.single-program .bold-title {
    font-family: Ciutadella-Bold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    text-transform: uppercase;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
.underline-container:after {
    display: block;
    position: absolute;
    content: " ";
    top: 100%;
    margin-top: 10px;
    left: 0;
    width: 64px;
    max-width: 22%;
    border-top: 8px solid;
}
.program #page-body li, .prorgammation-main-content li{
    list-style-type: disc;
}
.program #page-body ul, .prorgammation-main-content ul{
    margin-left: 2rem;
}
/*
.program #page-body li{
    margin: 35px;
}*/
.custom-button {
    display: block;
    width: fit-content;
    color: #263EA6;
    border-color: #263EA6;
    margin: 1rem 0;
    
}

.custom-button:hover, .custom-button span:hover, .custom-button:hover span{
    background-color: #263EA6;
    color: #fff;
    text-decoration: none!important;
}
.prorgammation-main-content .wp-caption-text {
    margin: 1rem 2rem;
}
/** Public Screening Programmation Sidebars **/

#programmations-list-container ul > *:first-child {
	margin-top: 0;
}
#programmations-list-container h3 {
    font-size: 1.55rem;
    margin-top: 1.85em;
}
@media (min-width: 360px) {
	#programmations-list-container {
		padding-left: 20px;
	}
}
#programmations-list-container ul {
	list-style-type: none;
}
#programmations-list-container ul li {
	display: block;
    border-top: 1px solid #c0bfbe;
    padding: 10px 0;
	/*overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;*/
    font-family: Ciutadella-Regular,"Helvetica Neue", Helvetica, Arial,sans-serif;
    font-size: .95rem;
}
#programmations-list-container ul li a, #programmations-list-container ul li a:focus {
	color: #263EA6;
}
#programmations-list-container ul li a:hover {
    text-decoration: underline;
}
#programmations-list-container .view-all-programmations-button i {
    margin-top: -3px;
    font-size: 12px;
    transition: transform 0.5s linear;
}
#programmations-list-container .view-all-programmations-button {
    display: flex;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    transition: color 0.5s;
    background-color: transparent;
}
#programmations-list-container .view-all-programmations-button span {
    margin-left: 10px;
}
#programmations-list-container .view-all-programmations-button:focus, #programmations-list-container .view-all-programmations-button:hover {
    color: #263EA6;
}
#programmations-list-container .view-all-programmations-button.expanded i {
    transform: rotate(-90deg);
}
#programmations-list-container .hidden-programmations {
    display: none;
}


/*Programmation Page Specific Styling*/
.single-programmation div.wp-caption.alignnone {
    display: block;
    width: 100%!important;
}

/* Large Image Override to have fullwidth effect */
/*
.single-programmation div.wp-caption.alignnone .size-full {
    margin-left: -3vw;
    margin-right: -3vw;
    width: calc(100% + 6vw)!important;
    max-width: inherit!important;
    height: auto;
    vertical-align: middle;
}*/


/*
.program #page-body span.bg-showhide-p {
    border-bottom: 1px solid black;
    padding: 18px 0;
}*/

/*FAQ Customization
*
* If extension Show/Hide Collapse/Expand, is updated, validate styles below with the right selectors
*
}*/


.program #page-body h2 + .bg-margin-for-link .bg-showmore-plg-link{
    border-top: 0.5px solid rgb(0 0 0 / 0.2);
}
.program #page-body a.bg-showmore-plg-link {
    font-family: Ciutadella-Bold,"Helvetica Neue", Helvetica, Arial,sans-serif!important;
    color: #000!important;
    text-transform: inherit;
    border-bottom: 0.5px solid rgb(0 0 0 / 0.2);
    padding: 18px 0;
    display: block;
} 
.program #page-body a.bg-showmore-plg-link.bg-close {
    border-bottom: none!important;
}
.program #page-body a.bg-close:after {
    content: " ";
    display: block;
    margin: 15px 0 0;
}
.program #page-body a.bg-close + div {
    border-bottom: 0.5px solid rgb(0 0 0 / 0.2);
    padding-bottom: 15px;
}
.bg-showhide-p {
    font-size: 1.05rem;
}
.program #page-body .bg-showmore-plg-link:after {
    border-style: solid;
    border-width: 0.15em 0.15em 0 0;
    content: '';
    display: inline-block;
    height: 1.25em;
    left: -0.55em;
    float: right;
    position: relative;
    top: -8px;
    transform: rotate(135deg);
    vertical-align: top;
    width: 1.25em;
}
.program #page-body .bg-showmore-plg-link.bg-close:after {
    transform: rotate(-45deg);
    top: 5px;
}

/* Styles for FAQ Collapsible */

.m-faq-wrapper {
  border-top: 0.5px solid rgb(0 0 0 / 0.2);
  border-bottom: 0.5px solid rgb(0 0 0 / 0.2);
}
.m-faq-wrapper .m-faq-collapsible {
    display: none;
}
.m-faq-wrapper .m-faq-toggle {
    font-family: Ciutadella-Bold,"Helvetica Neue", Helvetica, Arial,sans-serif!important;
    background: none;
    text-align: initial;
    color: #000;
    text-transform: inherit;
    padding: 18px 0;
    display: block;
    width: 100%;
    border: 0;
}    
.m-faq-wrapper .m-faq-toggle::after {
    border-style: solid;
    border-width: 0.15rem 0.15rem 0 0;
    content: '';
    display: inline-block;
    height: 1.25em;
    left: -0.55em;
    float: right;
    position: relative;
    top: -8px;
    transform: rotate(135deg);
    vertical-align: top;
    width: 1.25em;
}
.m-faq-wrapper .m-faq-toggle.expanded::after {
    transform: rotate(-45deg);
    top: 5px;
}

.m-faq-wrapper ~ .m-faq-wrapper {
  border-top: none;
}

.spacer-padding {
    display: block;
    padding: 2px 0;
}
/* Style for Signatures : Public Screening (personnel) */

.personnel-card {
    display: flex;
    margin-top: 40px;
}
.personnel-card .portrait {
    flex-shrink: 0;
    height: 140px;
    width: 140px;
    margin-right: 15px;
    background-size: cover;
    background-position: center;
    border-radius: 50%;
    /*border: 1px solid $border-color;*/
}
.personnel-card .name {
    color: #000!important;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Ciutadella-Regular,"Helvetica Neue", Helvetica, Arial,sans-serif;
    font-size: 24px;
}
.personnel-card .bio {
    font-size: 16px;
}
.personnel-card .contact-info {
    margin-top: 20px;
    font-size: 16px;
}
.personnel-card .contact-info .contact-entry {
    display: flex;
    align-items: center;
    font-family: Ciutadella-Regular,"Helvetica Neue", Helvetica, Arial,sans-serif;
    color: #263EA6;
    margin-top: 5px;
}
.personnel-card .contact-info .contact-entry a {
    font-family: Ciutadella-Regular,"Helvetica Neue", Helvetica, Arial,sans-serif;
    color: #263EA6;
}
.personnel-card .contact-info .contact-entry .icon {
    margin-right: 5px;
}
.personnel-card .listing-personnel-container {
    margin: 50px 0;
}

/*table of contents styling*/

#table-of-contents {
    margin-top: 40px;
    margin-bottom: 40px;
    font-family: Ciutadella-Medium,"Helvetica Neue", Helvetica, Arial,sans-serif;
    font-size: 17px;
}
#table-of-contents a{
    display: block;
    color: #263EA6;
}

/* Scroll back to top styles */

#back-to-top {
    font-family: Ciutadella-Regular,"Helvetica Neue", Helvetica, Arial,sans-serif;
    text-transform: uppercase;
    display: flex;
    width: fit-content;
    color: #000;
    height: 50px;
    bottom: 30px;
    right: 20px;
    float: right;
    transition: all 0.5s;
    opacity: 0;
    align-items: center;
}
#back-to-top i {
    padding: 15px;
    margin: 0 15px;
    background: #D8D9DB;
    border-radius: 50%;
}
#back-to-top:hover {
    color: #0085CA;
}
    
@media (max-width: 1024px) {
    .page-template-template-publicscreening h1 {
        font-size: 64px;
    }
    
}
@media (max-width: 768px) {
    .page-template-template-publicscreening h1 {
        font-size: 48px;
    }
    #back-to-top {
        right: 0;
    }
    #back-to-top span {
        display: none;
    }
}
@media (max-width: 768px) {
    .page-template-template-publicscreening h1 {
        font-size: 29px;
    } 
}

/* cookie banner styles */

#cookies-banner {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 101!important;
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.14), 0 4px 5px 0 rgba(0,0,0,.12), 0 1px 8px 0 rgba(0,0,0,.2);
    padding: 1.5rem;
    margin-bottom: 25px;
    border: 0;
    max-width: 400px;
}
#cookies-banner .nfb-font__title--md {
    font-family: Ciutadella-Bold,"Helvetica Neue", Helvetica, Arial,sans-serif;
    font-size: 16px;
}
#cookies-banner .nfb-font__body--md--serif {
    font-size: 14px;
    margin-bottom: 1.5rem;
}
#cookies-banner button.btn.btn-primary.plein {
    background-color: #263EA6;
    border-color: #263EA6;
}
#cookies-banner button.btn.btn-primary.plein:hover {
    background-color: #fff;
    color: #000;
    border-color: #263EA6;
}
#cookies-banner .btn-discreet:hover {
    color: #263EA6;
}

@media (min-width: 768px) {
    #cookies-banner {
        margin-right: 1.5rem;
        margin-bottom: 1.5rem;
    }
}
@media (min-width: 960px) {
    #cookies-banner {
        margin-right: 1.2rem;
        margin-bottom: 1.2rem;
        padding: 1.2rem;
    }
}


#breadcrumbs {
    margin-top: 72px;
    margin-bottom:8px
}

#breadcrumbs a {
    font-family: Ciutadella-Medium, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    text-transform:uppercase;
    color: #006499;
}

#breadcrumbs + h1.bold-title {
    margin-top:0;
}


/* NEWS CARD */ 

.m-vignette-card-container {
    display: flex;
    flex-wrap: wrap;
}

.m-vignette-card-container li {
    display: flex;
    height: auto;
    margin-bottom:20px
}

.m-vignette-card {
    position: relative;
    background-color: #fff;
    padding: 10px;
    border:1px solid #d9d9d8
}

.m-vignette-card .thumbnail {
    display:block
}

.m-vignette-card .thumbnail img {
    max-width:100%
}

.m-vignette-card .titre {
    display: block;
    height: 3.4em;
    overflow: hidden; 
}

.m-vignette-card .info-secondaire {
    display: flex;
    align-items: center;
    margin-top: 37px;
    font-size: .83333rem;
}

.m-vignette-card .info-secondaire .action {
    margin-left: auto;
}


.program #page-body .flex-body {

	 align-items:stretch;
	 flex-wrap: wrap;
	 display:flex;



	.news-card {
		margin-bottom: 37px;
		

		.titre { 
			font-family: Ciutadella-Medium,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol" ;
			font-size: 20px;
			color: #000;
			height: auto;
			margin: .75rem 0;
			padding: 0 10px;
			line-height: 21px;
			display:inline-block;
		} 

		.description { 
			padding: 0 10px;
			color: #000;
			display:inline-block;
			font-size: .83333rem;
		} 

		@media (min-width: 768px) {
			padding: .75rem;
			width: 48%;
			min-width: 300px;
			max-width: 400px;
			display: inline-block;
			vertical-align: top;
			margin: 0 .75rem .75rem 0;

			.titre {
				line-height: 24px;
				margin: 1rem 0;
			}
		}

		@media(max-width: 480px) { 
			float:none;
			width:80%;
			margin:15px auto;
			min-height:auto;
			padding-bottom:20px;
			display:flex;
		} 
	}
}