/*************************************
 * Place your custom styles here.
 *************************************/

/* ---- Global elements and associated classes ---- */

body {
  background-color: #fff;
  font-size: 16px;
}

body.panels-ipe {
  margin-bottom: 0 !important; /* Must override !important with !important */
}

h1, h2, h3 {
  font-family: "Arial Narrow", sans-serif;
  color: black;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
}

h1 {
  border-bottom: 3px solid black;
/*  line-height: 34px; */
  font-size: 1.75em;           /* 28px */
/*  line-height: 2.125em; */
  margin: 0 0 10px;
  width: 100%;
}

ul {
  list-style-type: none;
}

ul.links {
  margin: 0;
  padding: 0;
}

nav#back-link {
  margin: .625em 0;
}

ul.menu li a {
  color: white;
}

ul.secondary-list {
  overflow: visible;
  padding-left: 0;
  padding-right: 0;
}

label.option {
  display: inline;
}

/* hide span.ext globally except on article pages as per pm.gc.ca design*/
span.ext {
  display: none;
}

/* hide except on article pages as per pm.gc.ca design*/
article.node span.ext {
  display: inline;
}
article.node .field a {
  color: black;
}

/*img, embed, object, video { max-width: 100%}*/

/* ---- End of global elements and associated classes ---- */

/* ---- Global Classes and IDs (generally not targeted to specific content) ---- */
#main-content {
	padding-bottom: .75em;
}

.view .text-center {
  clear: both;
  width: 100%;
}
.view ul.pagination {
  margin: 5px auto;
}

.view-important-links a:hover {
  text-decoration:none;
}

.view-important-links a img:hover,
.views-field-field-secondary-image a img:hover,
.view-news a img:hover,
.view-photogallery a img:hover {
  opacity: 0.85;
}
.field-content img:hover {
  box-shadow: 4px 4px 8px hsl(0, 0%, 70%);
}

#back-link a {
  background-color: black;
  color: white;
  padding: 0.5em 1em;
  font-size: 14px;
  line-height: 20px;
  text-transform: uppercase;
  text-decoration: none;
}

/* node edit for admin theme */
#tasks ul.tabs a:hover {
  color:black;
}

#tasks ul.tabs a {
  color: white;
  text-decoration: none;
}

#tasks ul.tabs {
  float: left;
  padding: 0 1% 0 0;
  display: inline;
}

#tasks ul.tabs li {
  display: inline;
}
/* end node edit for admin theme */

#main-content p {
  color: black;
  font-family: Georgia,Times,serif;
  font-size: 18px;
  line-height: 24px;
  margin: 0 0 1.5em;
}

.form-item input,
.form-group input,
.form-control {
  width: auto;
  height: auto;
}

.form-required {
  color: #ff0000;
}

.more-link {
  text-align: right;
}

.more-link a {
  color: #303030;
  font-family: "Arial Narrow", sans-serif;
  font-weight: 600;
}

.block {
  margin-bottom: 20px;
}

.block-title {
  margin: 0;
}

.block-content ul,
.block-content ol {
    padding: 0 0 0 .9375em;   /* 15px; */
}

.block-content li {
  margin: 0;
  padding: 0;
}

.item-list ul {
/*    margin: 0 0 0.75%; */
	margin: 1% 0;
	padding: 0;
}

/* Make the share-this icons appear immediately without the usual delay caused by sharethis js */
.sharethis-wrapper > span {
  display: inline-block;
  height: 27px;
  width: 32px;
}

/* share-this chicklets facebook email twitter etc */
#main-content span.sharethis-buttons .stButton .chicklets {
  background-image: none !important;
}

/*Photo Gallery hover fix on home page*/
.view-photogallery.view-id-photogallery ul li a:hover {
	text-decoration: none;
}

/* ---- End of Global Classes and IDs ---- */

/* ---- Bootstrap Overrides ---- */

/* override the bootstrap breadcrumb */
.breadcrumb {
  background-color: #ffffff;
  line-height: 1em;
  margin: .625em auto;
  padding: 0 1%;
}

.breadcrumb > li + li::before {
  color: black;
  content: " » ";
  padding: 0;
}

.breadcrumb a,
.breadcrumb > .active {
  color: black;
}

/* override bootstrap buttons */
.btn-primary {
  background-color: black;
  border-color: black;
  text-transform: uppercase;
}

.btn-primary:hover {
  background-color: black;
  border-color: black;
  opacity: 0.85;
}

/* override bootstrap checkboxes */
.col-xs-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4,
.col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6,
.col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8,
.col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10,
.col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  padding-right: 1%;
  padding-left: 1%;
}

/* override bootstrap form-control */
.form-control {
  font-size: 1em;
  width: 100%;
}

/* ---- End of Bootstrap Overrides ---- */

.panels-ipe #l10n-client {
  bottom: 0 !important; /* Must override !important with !important */
}

.node-wetkit-page-other .field-name-body {
  margin: 0.5em 0;
  padding-top: 20px;
  font-family: Georgia,Times,serif;
  line-height: 22px;
}

.node-wetkit-page-other .field-name-body ul li {
  list-style-type: square;
}

.node-wetkit-page-other .field-name-body a {
  color: black;
  text-decoration: underline;
}

/* ---- DÉBUT FRONT styles ---- */

.front .allnews {
  float: right;
  padding: 10px;
  line-height: 1.0em;
  display: block;
  background-color: black;
}

li.secondary-row .allnews a {
  color: white;
  text-decoration: none;
}

.front .more-link .plus {
  display: none;
}

.front .more-link a {
  display: block;
  color: white;
  font-size: 0.666em;
  white-space: nowrap;
  text-transform: uppercase;
}

.front .more-link {
  clear: both;
  display: inline-block;
  margin: 0px;
  padding-right: 10px;
  width: auto;
  height: 0.02968em;
  float: right;
}

.front ol,
.front ul {
  list-style: outside none none;
}

/* h2 color black with white text */
.front h2.block-title,
.front #edit-field-news-category-tid-wrapper label[for="edit-field-news-category-tid"],
.front div#block-views-exp-multimedia-page-2 label[for="edit-type"],
.front #block-views-latest-photo-block h2.block-title {
  border-bottom: medium none ;
  color: white ;
  background-color: black ;
}

.front .important-link span {
  text-transform: uppercase;
  font-size: 1.4rem;
  color: black;
  font-weight: 900;
}

/* ---- FIN FRONT styles ---- */
/*#block-views-latest-photo-block h2.block-title,*/
#block-views-important-links-block-1 h2.block-title,
#edit-field-news-category-tid-wrapper label[for="edit-field-news-category-tid"],
div#block-views-exp-multimedia-page-2 label[for="edit-type"] {
  padding-left: 0.5em;
  font-size: 1.3em;
  line-height: 1.5em;
}

/* ---- photo-gallery ------*/

li.views-row img.photogallery-feed{
  height: 100%;
  width: 100%;
}

.view-multimedia .view-content ul li.views-row {
	position: relative;
	margin: 0px 0.8% 10px 0px;
	padding: 0px 0px 2px;
	min-width: 15.9em;
	border: 1px solid #CCC;
}

.view-multimedia .view-content a .overlay .title {
	display: block;
	padding: 2%;
	text-transform: uppercase;
	font-family: "Arial Narrow",sans-serif;
	font-weight: 400;
	font-size: 0.75em;
	line-height: 1.25em;
}

.view-multimedia .view-content a .overlay {
  color: black;
}

.view-multimedia .view-content a .overlay .date {
  display: none;
}

.view-multimedia li.views-row {
	background-color: #F5F5F5;
	color: black;
}
.view-multimedia .view-content a .multimedia-photo_gallery {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 35px;
  height: 30px;
  background-image: url(../images/photo.png);
  background-repeat: no-repeat;
}

.view-ministers .views-field:hover, 
.view-multimedia .views-field:hover {
   opacity: 0.5;
}

.view-ministers a:hover, .view-ministers a:focus,
.view-multimedia a:hover, .view-multimedia a:focus {
  text-decoration: none;
}

.node-photo-gallery #field-slideshow-1-controls {
  float: left;
  padding: 6px 6px 0 6px;
  width: auto;
}

.node-photo-gallery #field-slideshow-1-pager {
  padding-top: 6px;
}

.node-photo-gallery #field-slideshow-1-pager a {
  display: inline-block;
  margin: 7px 7px 0px 4px;
  width: 8px;
  height: 8px;
  border: 1px solid black;
  text-indent: -99999px;
}

.node-photo-gallery #field-slideshow-1-pager .activeSlide {
  background-color: black;
}

.node-photo-gallery #field-slideshow-1-controls a:hover, .node-photo-gallery #field-slideshow-1-controls a:focus {
  padding-right: 6px;
  padding-left: 6px;
  border: 1px solid black;
  background-color: black;
  color: white;
  text-align: center;
  text-decoration: none;
}

.node-photo-gallery #field-slideshow-1-controls a {
  border: 1px solid black;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 80%;
  color: black;
  font-family: "Arial Narrow",sans-serif;
  font-weight: 700;
  font-style: normal;
  padding-right: 6px;
  padding-left: 6px;
}

.node-photo-gallery .field-name-body {
  clear: both;
  padding-top: 12px;
}

/* ---- BEGIN slideshow pager center image -----*/
div.field-slideshow.with-pager {
  padding-top:1%;
}

.field-slideshow-slide div,
.field-slideshow div {
  min-width: 100%;
}

.field-slideshow .field-slideshow-slide img {
	display: block;
	margin: 0px auto;
}
/* ---- END slideshow pager center image -----*/
/* ---- END photo-gallery ------*/

/* ---- CABINET styles for CABINET AND PARLIAMENTARY SECRETARIES----- */
/* override bootstrap , 8 columns in grid instead of 12 */

.view-ministers .col-md-2,
.view-ministers .col-sm-3,
.view-ministers .col-xs-4 {
  padding-right: 0%;
  padding-left: 0.5%;
  padding-bottom: 0.5%;
}

.view-ministers img {
  width: 100%;
}

.view-ministers li .views-field {
  border: 1px solid #999;
  background: #DDD none repeat scroll 0% 0%;
}

/* PARLIAMENTARY SECRETARIES link on CABINET PAGE */
#gouv-list-box a {
  color: black;
}
#gouv-list-box .gouv-list {
  text-align: right;
  list-style-type: none;
  text-decoration: none;
  font-size: 1.9rem;
}
/* CABINET AND PARLIAMENTARY SECRETARIES CONTINUED */
.view-ministers .mcaption {
  display: block;
  padding: 0.225em;
  height: 6.4em;
  line-height: 1em;
  font-size: 0.87em;
  text-align: center;
}
body.i18n-fr .view-ministers .mcaption {
  height: 6.7em;
}

.view-ministers ul {
  list-style: outside none none;
}

.view-ministers ul li a .mcaption .name {
  display: block;
  padding-top: 0.225em;
  color: #666;
}

.view-ministers ul li a .mcaption .title {
  display: block;
  color: #333;
  font-size: 0.975em;
  font-weight: bolder;
}

.node-minister a {
  color: black;
  text-decoration: underline;
}

.node-minister .field-type-image img,
.node-parliamentary-secretaries .field-type-image img {
  float: left;
  height: auto;
  margin-right: 15px;
  max-width: 230px;
}
/* ---- END OF CABINET AND PARLIAMENTARY SECRETARIES STYLES ----*/

/* TODO, the following css looks like legacy code prior to bootstrap, might cause us some problems , very broad in scope */
li.secondary-row:nth-child(2) {
    float: right;
}

li.secondary-row .views-field-field-secondary-image {
  margin-bottom: 10px;
}

#page.container {
  padding: 0;
  width: 100%;
}

#content-column {
  margin-top: 12px;
}

/** HEADER: display none on HOME menu link on landing page and also ACCUEIL link **/
#superfish-1 #menu-1664-1, #superfish-1 #menu-1782-1 {
  display: none;
}
/** width of content 1440px (90em) **/
.header-inner, #menu-bar, .content-inner, .region-sub-footer, .footer-inner {
	max-width: 90em;
	margin: auto;
}

.header-inner .region-branding {
  display: table;
  width: 100%;
}

.branding-elements {
  display: table-row;
}

#header #name-and-slogan {
  display: table-cell;
  width: 90%;
  vertical-align: middle;
  font-size: 2em;
  line-height: 2em;
}

.region-header {
  display: table-cell;
  margin: 0 .625em .1875em;
  vertical-align: top;
}

.region-header .region-inner .container-inline {
  margin: .75em 0 .1875em 0;
}

#header {
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #bebebe 0%, #f7f7f7 100%) repeat scroll 0 0;
}

#header #logo {
  display: table-cell;
  margin: 0 .625em;
  vertical-align: middle;
}

#header #logo img {
  height: 117px;
  width: 91px;
  max-width: 91px;
  max-height: 117px;
  min-width: 70px;
  min-height: 90px;
}
/*
.content-inner,
.region-sub-footer,
.footer-inner {
    margin: auto auto 0.625em;
}
*/
#header .region-inner {
  margin-right: .25em;
}

#header #name-and-slogan #divider {
  display: none;
/*  background: black none repeat scroll 0 0;
  margin-left: 12px;
  padding: 26px 0 14px 4px; */
}

#header #site-name {
  border: medium none;
  color: #020202;
  display: inline;
  margin: 0;
  font-size: 1em;
}

#header #site-name .title-bold,
#header #site-name .title-bold2 {
  letter-spacing: 0;
  white-space: nowrap;
}

#header #site-slogan {
  margin: -10px 0 0 0;
  font-size: 1em;
}

.region-header .block {
  margin-bottom: 0;
}

#block-boxes-social-media-header .boxes-box {
  margin-top: 0.375em;
  margin-bottom: 0.75em;
}

#language-switch-header a {
  background-color: black;
  color: white;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  font-size: 1.2rem;
  line-height: 2.334em;
  font-weight: 500;
  width: 6.25em;
  display: inline-block;
  padding: 0px 0.5em;
}

#block-boxes-subscribe-header,
#block-boxes-goc-search-header {
  margin-bottom: 0;
}

#block-boxes-social-media-header .boxes-box-content {
  float: left;
  padding: 0;
}

#block-boxes-social-media-header .boxes-box-content ul {
  background-color: white;
  border: 1px solid black;
  height: 28px;
  margin: 0;
  padding: 0 0.375em;
  text-align: center;
  width: 12.8125em;
}

#block-boxes-social-media-header .boxes-box-content ul li {
  display: inline-block;
  list-style: outside none none;
  margin-left: 0;
  margin-top: 0.25em;
  padding: 0;
}

#boxes-box-subscribe_header #subscribe-form {
  background-color: white;
  overflow: hidden;
  width: 17.5em;
}

#boxes-box-subscribe_header #txtEmailID {
  height: 1.75em;
  width: 12.8125em;
  border: 1px solid black;
  border-radius: 0;
  padding: 0 .1875em;
  line-height: 1.625em;
}

#boxes-box-subscribe_header #cmdSubmit {
  background-color: black;
  border: medium none;
  border-radius: 0;
  color: white;
  float: right;
  font-size: .75em;
  height: 2.3333em;
  padding: 0 4px;
  text-transform: uppercase;
  width: 6.25em;
}

.block-search .container-inline {
  display: inline-flex;
}

.block-search .custom-search-box {
  border: 1px solid black;
  border-radius: 0;
  padding: 0 .1875em;
  height: 1.75em;
  width: 15.75em;
  line-height: 1.625em;
}

.block-search .form-actions #edit-submit {
  background-color: black;
  background-image: url("../images/search-icon.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 1em .8125em;
  border: 0 none;
  border-radius: 0;
  cursor: pointer;
  height: 1.75em;
  margin: 0;
  text-indent: -9999px;
  width: 1.75em;
}

/* hide /display:none for rss icon for block-views-news-block-1 */
.view-news div.more-link span.view-all,
section#block-views-news-block-1 div.feed-icon {
  display:none;
}

.view-news span.field-content span {
  display:block;
}

#block-system-main {
    margin-top: 12px;
}

#block-system-main div.sharethis-wrapper,
#block-system-main .sharethis-wrapper span {
  margin-right: 6px;
}

#block-system-main .sharethis .st_facebook {
  background: url("/sites/pm/themes/pm_bootstrap/images/social/icons.svg") no-repeat scroll left top transparent;
  background-size: auto 35px;
  padding: 4px 0px 0 7px;
  background-position: 0px -6px;
}

#block-system-main .sharethis .st_email {
  background: url("/sites/pm/themes/pm_bootstrap/images/social/icons.svg") no-repeat scroll left top transparent;
  background-size: auto 35px;
  padding: 4px 0px 0 4px;
  background-position: -78px -6px;
}

#block-system-main .sharethis .st_twitter {
  background: url("/sites/pm/themes/pm_bootstrap/images/social/icons.svg") no-repeat scroll left top transparent;
  background-size: auto 35px;
  padding: 4px 0px 0 0px;
  background-position: -150px -6px;
}

#block-system-main .sharethis .st_sharethis {
  background: url("/sites/pm/themes/pm_bootstrap/images/social/icons.svg") no-repeat scroll left top transparent;
  background-size: auto 35px;
  padding: 4px 0px 0 0px;
  background-position: -406px -6px;
  cursor: pointer;
}

#block-boxes-social-media-header .boxes-box-content ul li a.twitter-icon {
  background: url("/sites/pm/themes/pm_bootstrap/images/social/icons.svg") no-repeat scroll left top transparent;
  background-size: auto 35px;
  padding: 4px 0px 0 20px;
  background-position: -150px -6px;
}

#block-boxes-social-media-header .boxes-box-content ul li a.youtube-icon {
  background: url("/sites/pm/themes/pm_bootstrap/images/social/icons.svg") no-repeat scroll left top transparent;
  background-size: auto 35px;
  padding: 4px 0px 0 20px;
  background-position: -214px -6px;
}

#block-boxes-social-media-header .boxes-box-content ul li a.flickr-icon {
  background: url("/sites/pm/themes/pm_bootstrap/images/social/icons.svg") no-repeat scroll left top transparent;
  background-size: auto 35px;
  padding: 4px 0px 0 20px;
  background-position: -278px -6px;
}

#block-boxes-social-media-header .boxes-box-content ul li a.rss-icon {
  background: url("/sites/pm/themes/pm_bootstrap/images/social/icons.svg") no-repeat scroll left top transparent;
  background-size: auto 35px;
  padding: 4px 0px 0 20px;
  background-position: -344px -6px;
}

#boxes-box-social_media_header .stButton {
  bottom: 2px;
  color: black;
  cursor: pointer;
  display: inline-block;
  font-size: 11px;
  line-height: 16px;
  margin-left: 3px;
  margin-right: 3px;
  position: relative;
  text-decoration: none;
  z-index: 1;
}

#boxes-box-social_media_header .stButton .chicklets {
  background: transparent url("/sites/pm/themes/pmweb/images/social/icons.svg") no-repeat scroll -404px -7px / auto 35px;
  display: inline-block;
  font-family: Verdana,Helvetica,sans-serif;
  font-size: 11px;
  height: 20px;
  line-height: 16px;
  padding: 4px 0 0 20px;
  white-space: nowrap;
}

#breadcrumb {
  margin: 10px auto;
}

.region-sidebar {
  padding: 0;
  word-wrap: break-word;
}

#boxes-box-cabinet_and_cabinet_committees .boxes-box-content {
	padding: .325em 0 .625em 0;
}

.region-sidebar #block-boxes-cabinet-and-cabinet-committees .boxes-box-content p a {
  color: black;
  font-family: "Arial Narrow",sans-serif;
  font-size: 1em;
  font-style: italic;
  line-height: 1.5em;
}

.region-main-content .view-blogs .view-content .read-more {
  margin-top: 10px ;
  padding: 0px 0px 0px 22px;
  font-size: 0.875rem ;
}

.region-main-content .view-news .view-content ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

.region-main-content .view-news .view-content ul li {
  border-bottom: 1px solid #e1e1e1;
  float: left;
  margin: 10px 0 0;
  padding-bottom: 8px;
  padding-top: 0;
  width: 100%;
}

.view-photogallery .view-content div.field-content img {
  width: 100%;
}

.secondary-list .views-field-field-featured-title p {
  font-size: 22px;
  line-height: 24px;
  margin-bottom: 0.5em;
}

li.secondary-row .views-field-field-featured-title a {
  color: black;
  text-decoration: none;
}

.secondary-list .views-field-field-featured-description,
.secondary-list .secondary_location_date,
.secondary-list .secondary_news_type {
  color: #808080;
  font-family: Georgia,Times,serif;
  line-height: 18px;
}

li.secondary-row .views-field-field-featured-description {
  margin-bottom: 5px;
  margin-top: 5px;
}

.secondary_location_date {
  padding-top: 5px;
}

.region-main-content .view-media-assets .view-content .views-field-field-news-image,
.region-main-content .view-media-assets .view-content .views-field-field-featured-image,
.region-main-content .view-media-assets .view-content .views-field-field-media-asset-image,
.region-main-content .view-media-assets .view-content .views-field-field-blog-image,
.region-main-content .view-news .view-content .views-field-field-news-image,
.region-main-content .view-news .view-content .views-field-field-featured-image,
.region-main-content .view-news .view-content .views-field-field-media-asset-image,
.region-main-content .view-news .view-content .views-field-field-blog-image {
  float: left;
  height: auto;
  margin-right: 12px;
  margin-top: 7px;
  width: 345px;
}

.region-main-content .view-media-assets .view-content .views-field-title h2,
.region-main-content .view-news .view-content .views-field-title h2 {
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
  margin: 0;
  text-transform: none;
}

.region-main-content .view-media-assets .view-content .views-field-title a,
.region-main-content .view-news .view-content .views-field-title a {
  color: black;
}

#edit-title-wrapper,
#edit-type-wrapper ,
#edit-field-news-category-tid-wrapper,
#edit-field-media-asset-type-tid-wrapper,
#edit-field-meda-asset-type-tid-wrapper {
  padding: 0;
}

/* #block-views-latest-photo-block h2.block-title, */
#edit-title-wrapper label[for="edit-type"],
#edit-field-news-category-tid-wrapper label[for="edit-field-news-category-tid"],
div#block-views-exp-multimedia-page-2 label[for="edit-type"] {
  border-bottom: 3px solid black;
  font-size: 28px;
  line-height: 34px;
  margin-bottom: 0.3%;
}

#block-views-latest-photo-block .views-field-title {
  font-size: .875em;
  line-height: 1.2em;
  padding-top: .275em;
}

#block-views-latest-photo-block .views-field-title a {
  color: black;
  font-style: italic;
}

#block-views-latest-photo-block .more-link {
  font-size: 14px;
  line-height: 22px;
}

#edit-field-news-category-tid-wrapper .form-type-bef-checkbox input:checked,
#edit-title-wrapper .form-type-bef-checkbox input:checked,
#edit-field-media-asset-type-tid-wrapper .form-type-bef-checkbox input:checked,
#edit-type-wrapper .form-type-bef-checkbox input:checked,
#edit-field-meda-asset-type-tid-wrapper .form-type-bef-checkbox input:checked {
  background-color: #e9ecee;
  border: 1px solid #adb8c0;
  color: #99a1a7;
}

#edit-field-news-category-tid-wrapper .form-type-bef-checkbox input,
#edit-title-wrapper .form-type-bef-checkbox input,
#edit-field-media-asset-type-tid-wrapper .form-type-bef-checkbox input,
#edit-type-wrapper .form-type-bef-checkbox input,
#edit-field-meda-asset-type-tid-wrapper .form-type-bef-checkbox input {
  border-radius: 2px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 -15px 10px -12px rgba(0, 0, 0, 0.05) inset;
  cursor: pointer;
  display: inline-block;
}

#edit-field-news-category-tid-wrapper .form-type-bef-checkbox label,
#edit-title-wrapper .form-type-bef-checkbox label,
#edit-field-media-asset-type-tid-wrapper .form-type-bef-checkbox label,
#edit-type-wrapper .form-type-bef-checkbox label,
#edit-field-meda-asset-type-tid-wrapper .form-type-bef-checkbox label {
  font-weight: 400;
}

#edit-type-wrapper .form-control,
#edit-field-news-category-tid-wrapper .form-control {
  background-color: transparent;
  border: none;
  box-shadow: none;
  color: black;
  height: auto;
  width: auto;
}

#edit-field-news-category-tid-wrapper label.option,
#edit-title-wrapper label.option,
#edit-field-media-asset-type-tid-wrapper label.option {
  vertical-align: .0625em;
}

#edit-type-wrapper label[for="edit-type"],
#edit-field-news-category-tid-wrapper label,
#edit-field-media-asset-type-tid-wrapper label,
#edit-field-meda-asset-type-tid-wrapper label {
  width: 100%;
}
/*
#edit-title-wrapper label[for="edit-type"],
#edit-field-news-category-tid-wrapper label[for="edit-field-news-category-tid"] {
  font-family: "Arial Narrow", sans-serif;
}
*/
#block-views-latest-photo-block {
  clear: both;
  margin-left: 0;
  margin-right: -100%;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  max-width: 340px;
}

/***************************/
/***  BEGIN sidebar rhs  ***/
/***************************/
#block-views-related-content-block ul {
  list-style: square;
}

#block-views-related-content-block h2.block-title {
  border-bottom: 3px solid black;
}

#block-views-related-content-block ul li {
  margin: 0;
  padding: 0px 0px 2%;
  margin-left: 20px;
  font-size: .875em;
  line-height: 1.125em;
}

#block-views-related-content-block ul li a {
  text-decoration: none;
  color: black;
}

#block-views-important-links-block-rhs {
  clear: both;
}

#block-views-related-content-block li,
#block-views-important-links-block-rhs li,
#block-views-latest-photo-block li {
  margin: 0.5em 0;
  padding: 0;
}

#block-views-important-links-block-rhs img {
  width: 100%;
}

#block-views-important-links-block-rhs .views-row .views-field-nothing a {
  background-color: black;
  color: white;
  display: block;
  font-family: "Arial Narrow",sans-serif ;
  font-size: .75em;
  line-height: 1em;
  font-style: normal;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}

#block-views-important-links-block-rhs .views-row .views-field-nothing a span.title {
  display: block;
  padding: 5px;
}
/***   END sidebar rhs   ***/

#block-views-latest-photo-block ul,
#block-views-important-links-block-rhs ul {
  list-style: outside none none;
  margin: 0;
}

#block-views-news-block-1 h2.block-title,
#block-views-blogs-block-1 h2.block-title,
#block-views-photogallery-block h2.block-title,
div#block-views-exp-multimedia-page-2 label[for="edit-type"] {
  font-size: 1.3em;
  line-height: 1.5em;
  padding-left: 0.5em;
}

#block-views-photogallery-block .overlay .title,
#block-views-news-block-1 .views-field-title a {
  color: black;
  line-height: 1em;
  padding-bottom: 0.575em;
}

#block-views-photogallery-block .overlay .date,
#block-views-news-block-1 .views-field-nothing {
  color: #808080;
  font-family: Georgia, Times, serif;
  font-size: 0.875em;
  line-height: 1em;
  padding-bottom: 5px;
}

#block-views-news-block-1 .views-field-title {
  line-height: 1em;
  padding: 0.175em 0 0.575em 0;
}

#block-views-photogallery-block li {
  padding: 0 1%;
}

#block-views-news-block-1 li,
#block-views-important-links-block-1 li {
  line-height: 1em;
  padding: 0 1%;
}

#block-views-important-links-block-1 img {
  width: 100%;
}

#block-views-related-content-block,
#block-views-latest-photo-block,
#boxes-box-cabinet_and_cabinet_committees,
#block-views-exp-news-page-1,
#block-views-exp-multimedia-page-2 {
  margin-bottom: 0.5em;
}

#edit-type-wrapper label[for="edit-type"],
#block-views-exp-news-page-1 label[for="edit-field-news-category-tid"]{
  font-size: 28px;
  padding: 0;
}

#views-exposed-form-news-page-1 .views-submit-button {
  display: none;

}

#views-exposed-form-news-page-1 .views-exposed-form .views-exposed-widget,
#views-exposed-form-multimedia-page-2 .views-exposed-form .views-exposed-widget {
  float: none;
}

.region-main-content .view-media-assets .view-content .views-field-field-location,
.region-main-content .view-media-assets .view-content .views-field-nothing,
.region-main-content .view-news .view-content .views-field-field-location,
.region-main-content .view-news .view-content .views-field-nothing {
  color: #444444;
  font-family: Georgia,Times,serif ;
  font-size: 0.8em;
  margin-top: 0.5em;
}

.region-main-content .view-media-assets .view-content .views-field-body,
.region-main-content .view-news .view-content .views-field-body {
  color: black;
  font-family: Georgia,Times,serif ;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
}

/* ---- Pagination ---- */
.pagination > .active > span,
.pagination > .active > span:hover{
  background-color: black;
  border-color: #DDD;
}

.pagination li > a,
.pagination li > a:hover,
.pagination li > span {
  color: black;
}
/* ---- End Pagination ---- */

/* Nav Bar - main */
#mega-menu {
  clear: both;
  width: 100%;
  margin: 0;
  background: transparent linear-gradient(to bottom, #37393D 0%, black 100%) repeat scroll 0% 0%;
  border-radius: 0;
}
.navbar {
/*  min-height: 2.3125em; */
  min-height: inherit;
}
.tinynav-wrapper .tinynav {
	width: 100%;
	height: 40px;
	background-color: black;
	color: white;
	border: medium none;
	font-family: "Arial Narrow",sans-serif;
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 22px;
	background-image: url("../images/hamburger-retina2.gif");
	background-repeat: no-repeat;
	background-size: 35px 35px;
	background-position: 95% center;
	max-width: 98%;
}
#mega-menu ul {
  font-size: 1em;
  margin: 0 1%;
  padding: 0;
}
#mega-menu ul li ul {
	margin: 0px;
	background: #444 none repeat scroll 0% 0%;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	padding: 0;
	top: inherit;
}
#mega-menu ul li ul a {
	text-align: left;
	margin-left: 10px;
}
#menu-bar {
  margin: 0 auto;
  max-width: 90em;
  padding: 0;
}
#menu-bar h2 {
  display: none;
}
#menu-bar .block {
  margin: 0;
}
.nav {
  clear: both;
  display: block;
  margin: 0px;
  overflow: visible;
}
#mega-menu ul li {
	display: inline;
	float: left;
	margin: 0px;
	padding: 0px 25px 0px 0px;
	list-style: outside none none;
	text-transform: uppercase;
}

#mega-menu ul li a.active, #mega-menu ul li a:hover, #mega-menu ul li a:focus {
    text-decoration: none;
}

/**** BEGIN superfish classes, we will clean this up after we replace the superfish with bootstrap nav menu ****/

/** HEADER: display none on HOME menu link on landing page and also ACCUEIL link **/
#superfish-1 #menu-1664-1, #superfish-1 #menu-1782-1 {
  display: none;
}

ul.sf-main-menu .sf-horizontal {
  display: block;
}

a.sf-depth-2 {
  text-transform: none;
}

.sf-menu li {
	float: left;
	position: relative;
	z-index: 498;
}
.sf-menu {
  line-height: 1;
}
#mega-menu ul li a.active, #mega-menu ul li a:hover, #mega-menu ul li a:focus {
  text-decoration: none;
}
#block-superfish-1 ul li a {
    padding: 7px 0px;
    width: inherit;
}
#mega-menu ul li.sf-item-1.sf-depth-1 {
	visibility: hidden;
	background-image: url("../images/canada-flag-01.svg");
	background-position: 20px center;
	background-repeat: no-repeat;
	width: 75px;
	margin: 0px 2px 0px 0px;
	text-indent: -9999px;
	white-space: nowrap;
	overflow: hidden;
}
/**** end superfish ****/

#canada-logo {
  background-image: url("../images/Canada_WM_White_red.png");
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 10px;
  height: 30px;
  position: absolute;
  right: 70px;
  text-transform: uppercase;
  width: 120px;
}

.region-footer .menu.nav {
  margin: 0 0.5%;
}

.region-footer ul.dropdown-menu {
  padding: 0 0 0 5px;
  position: relative;
}

.region-footer ul.menu li {
  float: left;
  list-style: outside none none;
  padding: 0 0 0 5px;
  width: 180px;
}

.region-footer ul.menu > li {
  min-height: 170px;
  margin-bottom: 1.5em;
  min-width: 195px;
}

.region-footer .dropdown-menu > li > a {
  white-space: normal;
}

/* The last menu item (HELP) can be small */
.region-footer ul.menu > li:nth-of-type(8) {
  margin-right: 2em;
  min-height: auto;
  min-width: auto;
  width: auto;
}

/* ----------- DÉBUT RESPONSIVE FONT SIZE, padding, etc ---------*/
/* These are the values from Bootstrap 3 */
/* xs Extra Small */
/*@media(max-width:767px){}*/

/* sm Small */
/*@media(min-width:768px) and (max-width:991px){}*/

/* md Medium */
/*@media(min-width:992px) and (max-width:1199px){}*/

/* lg Large */
/*@media(min-width:1200px){}*/

/* PMWEB legacy breakpoints from old theme settings */
@media(min-width:1440px) {
  #block-superfish-1 ul li.sf-item-1.sf-depth-1 {
    margin-left: 2%;
  }
}
@media(max-width:1440px) {
/* photo-gallery */
.view-multimedia .view-content ul li.views-row {
    min-width: 32.5%;
}
}

/*only screen and (max-width:1024px)*/
/** legacy tablet media (landscape orientation) **/
@media(max-width:1024px) {
  #menu-bar {
    font-size: 1em;
  }
  #superfish-1 > li:last-of-type > ul {
    width: 18em !important; /* required to override inline style */
  }
  body.i18n-fr #superfish-1 > li:last-of-type > ul {
    width: 21em !important; /* required to override inline style */
  }
  body.i18n-fr #menu-bar {
  }
  #block-superfish-1 ul li.sf-item-1.sf-depth-1 {
  }
  body.i18n-fr #menu-bar .block {
  }
  body.i18n-fr .region-footer ul.menu > li {
  /*min-width: 230px;*/
  }
}

/****  Responsive screen value from Bootstrap 3 ***/
/******  Large desktops and laptops           *****/
/**** Screen direction:  -->, greater then 1200 ***/
@media (min-width: 1200px) {
  /* override 12 columns globally, make it 7 columns */
  .view-ministers .col-lg-1 {
    width: 14.27%;
  }

  #header #name-and-slogan {
    text-align: center;
  }

  .front #columns, .front #sub-footer {
    margin-left: 8vw;
    margin-right: 8vw;
  }
}

/***** Responsive screen values from Bootstrap 3 ***/
/******  Landscape tablets and medium desktops   ***/
/** Screen direction: <-->, between 992 and 1199 ***/
/************** md Small ******************/
@media(min-width:992px) and (max-width:1199px){
  /*** Cabinet ***/

  #header #name-and-slogan {
    text-align: center;
  }

  .front #columns, .front #sub-footer {
    margin-left: 6vw;
    margin-right: 6vw;
  }
}

/* custom breakpoint */
@media(max-width:901px){
  /* Note: The left, width and font size values for the superfish menu were carefully set to work on the iPad. Be careful when changing! */
  #menu-bar {
    font-size: 1em;
  }
  #superfish-1 > li:last-of-type > ul {
    left: -4em !important; /* required to override superfish.css */
    width: 16em !important; /* required to override inline style */
  }
  body.i18n-fr #menu-bar {
    font-size: 0.8em; /* can't go any larger than this for ipad */
  }
  body.i18n-fr #superfish-1 > li:last-of-type > ul {
    left: -4em !important; /* required to override superfish.css */
    width: 22em !important; /* required to override inline style */
  }

}

/***  Portrait tablets and small desktops  ***/
/* Screen direction:  <-->, between 768 and 991  */
@media (min-width: 768px) and (max-width: 991px) {
  /*** BEGIN HEADER ***/
  .region-header .region-inner .container-inline {
    margin-top: 0.3em;
  }
  #block-boxes-social-media-header .boxes-box {
    margin-bottom: 0.3em;
  }
  #header #logo img {
    height: 103px;
    width: 80px;
  }
  /*** END HEADER ***/

  /* photo-gallery */
  .view-multimedia .view-content ul li.views-row {
    min-width: 49%;
  }
  #header #name-and-slogan {
    font-size: 1.5em;
  }
  #header #logo img {
    height: auto;
  }
}

/* Responsive screen values from Bootstrap 3*/
/************** sm Small ******************/
@media(min-width:768px){
/*** BEGIN social media page ***/
  .span-2 {
    width: 28% /*280px*/;
    float: left;
	position: relative;
	min-height: 1px;
	margin-left: 1%;
	margin-right: 1%;
  }
  
  .span-4 {
	width: 64% /*580px*/;
	position: relative;
	min-height: 1px;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
  }
  
  .links.list-inline {
	float: right;
	text-align: right;
  }
  
/*** END social media page ***/

/*** BEGIN side-bar ***/
  #edit-type-wrapper label[for="edit-type"],
  #edit-field-news-category-tid-wrapper label[for="edit-field-news-category-tid"],
  div#block-views-exp-multimedia-page-2 label[for="edit-type"],
  #block-views-latest-photo-block h2.block-title,
  #block-views-important-links-block-rhs h2.block-title,
  #block-boxes-cabinet-and-cabinet-committees h2.block-title {
    border-bottom: 3px solid black;
    font-size: 2.3rem;
  }

  #block-views-related-content-block h2 {
    border-bottom: 3px solid black;
    font-size: 2.3rem;
    line-height: 2.7rem;
    margin-bottom: 0.3%;
  }
/*** END side-bar ***/

  .clear {
	clear: both;
  }
  
/* .front #sub-footer, */ /* gives too much margin on the sides */
  .front #columns {
    margin-left: 4vw;
    margin-right: 4vw;
  }

  .view li.views-row.col-xs-6,
  .responsive-pad-10 {
    padding-bottom: 0.5%;
  }

  .front .allnews {
    float: right;
    padding: 8px;
    line-height: 0.8em;
  }
}
/*************** xs Extra Small ******************/
/*** Responsive screen values from Bootstrap 3 ***/
/***  Landscape phones and portrait tablets  ***/
/* Screen direction:  <--, less than 767  */
@media(max-width:767px){
  #block-views-news-block-1 li {
    min-height: 14.375em;
  }
  /*** BEGIN HEADER ***/
  #header #name-and-slogan {
    font-size: 1.2em;
    line-height: 1em;
  }
  #header #name-and-slogan h1,
  #header #name-and-slogan h2 {
    clear: both;
    line-height: 1.2em;
  }
  #header #name-and-slogan h2 {
    margin-left: 0.2em;
  }
  #header #site-name .title-bold,
  #header #site-name .title-bold2 {
    float: left;
    margin-left: 0.2em;
  }
  #header #site-name .title-bold2 {
    margin-left: 0.2em;
  }
  #header #logo img {
    height: 103px;
    width: 80px;
  }

  .region-header .region-inner .container-inline {
    margin-top: 0.3em;
  }
  #block-boxes-social-media-header .boxes-box {
    margin-bottom: 0.3em;
  }
  /*** END HEADER ***/
  /** Main menu bar **/
  #menu-bar .tinynav-wrapper select {
      padding-left: 0.5em;
  }


/*** BEGIN sidebar folded ***/
  /***BEGIN CABINET view***/
/* override bootstrap two columns becomes one column */
  .view-ministers .col-sm-3 {
    width: 24.9%;
  }
  .view-ministers {
    margin-right: 1%;
    margin-left: 0.5%;
  }
  /***END CABINET view***/

  /***photo-gallery view***/
  .view-multimedia .view-content ul li.views-row {
    min-width: 0;
  }

  .view-multimedia div.view-content div.item-list {
    padding-left:2%;
  }
  .view-multimedia div.view-content div.item-list li.col-xs-6 {
    width: 47%;
  }
  .view-multimedia .view-content ul li.views-row {
    margin: 0px 0.7% 7px 0px;
  }

  /***photo-gallery view***/
  h1#page-title {
    font-size: 2.7rem;
    line-height:3.1rem;
  }
  #block-views-latest-photo-block h2.block-title {
    border-bottom: none;
    font-size: 2.3rem;
    line-height:2.7rem;
    margin: 0 0 6px 0;
    padding-left:0;
  }

  #block-views-related-content-block h2 {
    font-size: 2.3rem;
    margin-bottom: 0.3%;
  }
  
  #block-boxes-cabinet-and-cabinet-committees h2.block-title,
  body.i18n-fr #block-views-related-content-block h2 {
    font-size: 1.2em;
    line-height: 1.6em;
  }
  /*body.i18n-fr #block-views-latest-photo-block h2.block-title {
    margin: 0 0 9px 0;
  }*/
  #block-views-important-links-block-rhs h2 {
    font-size: 1.1em;
    line-height: 1.5em;
  }
  #block-views-important-links-block-rhs h2 {
    background-color: black;
    color: #ffffff;
    padding-left: 0.5em;
  }
/*** END sidebar folded ***/

  body.i18n-en #menu-bar {
    font-size: 0.8em; /* can't go any larger than this for ipad */
  }
  #superfish-1 > li:last-of-type > ul {
    left: -4em !important; /* required to override superfish.css */
  }
  body.i18n-fr #block-superfish-1 ul li a {
    font-size: 0.9em;
  }
  body.i18n-fr #superfish-1 > li:last-of-type > ul {
    left: -9em !important; /* required to override superfish.css */
    width: 16em !important; /* required to override inline style */
  }
  #block-views-important-links-block-rhs ul li {
    margin: 0.2em 0;
    padding: 0 0.2em;
  }
  .secondary_location_date {
    padding-bottom: 5px;
  }
  .front #columns, .front #sub-footer {
    margin-left: 2vw;
    margin-right: 2vw;
  }
  .view li.views-row.col-xs-6,
  .responsive-pad-10 {
    padding-bottom: 1%;
  }
  .front .allnews {
    font-size: 0.857em;
  }
  .front .allnews {
    float: right;
    padding: 8px;
    line-height: 0.8em;
  }
  .secondary-list .views-field-field-featured-title p {
    font-size: 20px;
    line-height: 21px;
    margin-bottom: 0.5em;
  }
  /* CABINET FOLDED */
  #block-boxes-cabinet-and-cabinet-committees {
    margin: 0 1%;
  }

#block-views-latest-photo-block h2.block-title,
  #edit-type-wrapper label[for="edit-type"],
  #block-views-news-block-1 h2.block-title,
  #block-views-blogs-block-1 h2.block-title,
  #block-views-photogallery-block h2.block-title,
  #block-views-important-links-block-1 h2.block-title,
  #block-boxes-cabinet-and-cabinet-committees h2.block-title,
  #edit-field-news-category-tid-wrapper label[for="edit-field-news-category-tid"],
  div#block-views-exp-multimedia-page-2 label[for="edit-type"] {
    font-size: 1.2em;
    /*padding-left: 0.5em;*/
    line-height: 1.6em;
    border-bottom: 3px solid #000;
  }
}

/* superfish MOBILE menu */
@media(max-width:640px) {

  #menu-bar,
  #menu-bar .block {
    margin: 0;
  }/*
  #menu-bar .tinynav-wrapper select {
    padding-left: 0.5em;
  }*/
  .region-header,
  .region-signature {
    display: none;
  }
  /* The footer has three columns up to this breakpoint */
  .region-footer ul.menu > li {
    width: 45%;
  }
  /* When working with nth item, keep in mind that the 1st item is hidden */
  .region-footer ul.menu > li:nth-of-type(3),
  .region-footer ul.menu > li:nth-of-type(4),
  .region-footer ul.menu > li:nth-of-type(5),
  .region-footer ul.menu > li:nth-of-type(8) {
    min-height: initial;
  }
  .region-footer ul.menu > li:nth-of-type(6) {
    min-height: 140px;
  }
  .region-footer ul.menu > li:nth-of-type(7) {
    min-height: initial;
  }
}

@media(max-width:540px) {
/* CABINET */
/* override bootstrap two columns becomes one column */
  .view-ministers .col-sm-3 {
    width: 33.1%;
  }
/* photo-gallery */
  .view-multimedia .view-content ul li.views-row {
    margin-right: 1%;
    margin-left: 0;
    width: 100%;
  }
}

@media(min-width:481px) { /* lower limit of bootstrap xs breakpoint */
  /* For the news page, make the text go beside the image */
  .view-id-news .views-field {
    clear: none;
    margin-bottom: .5em;
  }
  .region-main-content .view-news .view-content .views-field-field-news-image {
    width: 345px;
  }
}

/** ********************************** ***
***           Bootstrap 3.3.5          ***
*** ********************************** ***/
/***  Portrait phones and smaller  ***/
/* Screen direction:  <--, less then 480 */
@media(max-width:480px) {
  #block-views-news-block-1 li {
    min-height: 12.375em;
  }
/* Custom breakpoint for photo-gallery */
  /***BEGIN photo-gallery view***/
  .view-multimedia .view-content ul li.views-row {
    margin-right: 1%;
    margin-left: 0;
    width: 100%;
  }
  /***END photo-gallery view***/
  #header #logo img {
    height: 90px;
    width: 70px;
  }
  .secondary_location_date {
    padding-bottom: 5px;
  }
  .front #columns, .front #sub-footer {
    margin-left: 1.5vw;
    margin-right: 1.5vw;
  }
  /* For the news page, make the text go below the image */
  .view-id-news .views-field {
    clear: both;
  }
  .region-main-content .view-news .view-content .views-field-field-news-image {
    width: 100%;
  }
  .front .important-link span {
    font-size: 1.4rem;
    line-height: 1.5rem;
  }
  body.i18n-fr.front .important-link span {
    font-size: 1.3rem;
    line-height: 1.4rem;
  }
  /* #block-views-important-links-block-rhs .views-row .views-field-nothing a {
    font-size: 1.4rem;
    line-height: 1.5rem;
  }
  body.i18n-fr #block-views-important-links-block-rhs .views-row .views-field-nothing a {
    font-size: 1.3rem;
    line-height: 1.4rem;
  } */
  .region-footer ul.menu > li {
    min-height: auto;
    margin-bottom: 1.5em;
  }
  /* At this size, make the latest photo occupy 100% width */
  .region-sidebar .region-inner > div {
    width: 100%;
  }
  #block-views-latest-photo-block {
    max-width: 100%;
    width: 100%;
  }
  #block-views-latest-photo-block img {
    width: 100%;
  }
}
@media(max-width:461px){

  .front .more-link .view-all {
    display: none;
  }
  .front .more-link .plus {
    position: relative;
    display: inline;
    line-height: 1.6em;
    font-size: 1.1em;
  }
  .front #columns, .front #sub-footer {
    margin-left: 1vw;
    margin-right: 1vw;
  }

  #block-views-news-block-1 h2.block-title,
  #block-views-blogs-block-1 h2.block-title,
  #block-views-photogallery-block h2.block-title,
  #block-views-important-links-block-1 h2.block-title,
  #edit-field-news-category-tid-wrapper label[for="edit-field-news-category-tid"],
  div#block-views-exp-multimedia-page-2 label[for="edit-type"],
  #block-views-latest-photo-block h2.block-title {
    font-size: 1.8rem;
    padding-left: 0.8rem;
    line-height: 2.4rem;
  } 
  .views-news .views-row .field-content a {
    font-size: 1.4rem;
  }
  /*** BEGIN sidebar folded ***/
  #block-views-latest-photo-block h2.block-title {
    padding-left: 0;
    margin: 0 0 3px 0;
  }

  #block-views-related-content-block h2 {
    font-size: 1.7rem;
  }
  /*#block-views-important-links-block-rhs .views-row .views-field-nothing a {
    font-size: 1.14rem;
  } */
  /*** END sidebar folded ***/
}

/* The footer menu breaks into two columns at 420px */
@media(max-width:420px){
  .region-footer ul.menu > li {
    margin-bottom: 1.5em;
    min-height: auto;
    width: 90%;
  }
  .region-footer ul.menu > li:nth-of-type(7) {
    min-height: auto;
  }
}

/*
only screen and (min-width:361px) and (max-width:640px) {
}*/

@media(max-width:374px){
/* BEGIN photo gallery */ 
  #block-views-photogallery-block .overlay .title,
  #block-views-photogallery-block .overlay .date {
    line-height: 1.1em;
    font-size: 1.1em;
  }
  #block-views-photogallery-block .overlay .date {
    line-height: 1.0em;
    font-size: 1.0em;
  }
/* END photo gallery */ 
/* BEGIN LATEST NEWS */
  div.view-id-news div.item-list .col-xs-6 {
    width: 100%;
  }
  div.view-id-news div.views-field a,
  div.view-id-news .latestnews_location {
    font-size: 1.1em;
    line-height: 1.1em;
  }
  div.view-id-news .latestnews_date {
    font-size: 1.0em;
    line-height: 1.0em;
  }

/* END LATEST NEWS */
/* BEGIN important links */
  /* override bootstrap two columns becomes one column */
  .view-important-links .col-xs-6 {
    width: 100%;
  }
  .front .important-link span {
    font-size: 1.4rem;
    line-height: 1.5rem;
  }
  body.i18n-fr.front .important-link span {
    font-size: 1.3rem;
    line-height: 1.4rem;
  }
  /*#block-views-important-links-block-rhs .views-row .views-field-nothing a {
    font-size: 1.4rem;
    line-height: 1.5rem;
  }
  body.i18n-fr #block-views-important-links-block-rhs .views-row .views-field-nothing a {
    font-size: 1.3rem;
    line-height: 1.4rem;
  } */
/* END important links */
  #header #name-and-slogan {
    font-size: .9em;
  }
  #header #name-and-slogan h1,
  #header #name-and-slogan h2 {
    line-height: 1.2em;
  }
  /* override 12 columns globally, make it 7 columns */
  .view-ministers .col-xs-4 {
    width: 50%;
  }

  /* photo-gallery override bootstrap */
  .view-multimedia div.view-content div.item-list li.col-xs-6 {
    width: 100%;
  }
  /* photo-gallery */
  .view-multimedia div.view-content div.item-list {
    margin-right: 3%;
    margin-left: 1.5%;
  }
  .front #columns, .front #sub-footer {
    margin-left: 0%;
    margin-right: 0%;
  }
}

/* ----------- FIN RESPONSIVE FONT SIZE, padding, etc -----------*/