/* - estils_2024.css - */
@media screen {
:root {
  --primary: #955e0e;
  --gris: #696969;
  --gris2: #606060;
}

/* ---------- */
/* UTILITIES */
*::focus-visible {	outline: 2px solid blue !important;	outline-offset: 0;	box-shadow: 0 0 0 6px white !important; }
a:link, a:visited { color: var(--primary);}
.text-gris { color: var(--gris, #696969) !important;}
.mt-2 { margin-top: 8px !important;}
.mt-3 { margin-top: 16px !important;}
.mt-4 { margin-top: 24px !important;}
.mt-5 { margin-top: 48px !important;}
.mt-6 { margin-top: 64px !important;}
.mr-2 { margin-right: 8px !important;}
.mr-3 { margin-right: 16px !important;}
.mr-4 { margin-right: 24px !important;}
.mr-5 { margin-right: 48px !important;}
.mr-6 { margin-right: 64px !important;}
.mb-2 { margin-bottom: 8px !important;}
.mb-3 { margin-bottom: 16px !important;}
.mb-4 { margin-bottom: 24px !important;}
.mb-5 { margin-bottom: 48px !important;}
.mb-6 { margin-bottom: 64px !important;}
.ml-2 { margin-left: 8px !important;}
.ml-3 { margin-left: 16px !important;}
.ml-4 { margin-left: 24px !important;}
.ml-5 { margin-left: 48px !important;}
.ml-6 { margin-left: 64px !important;}
.w-100 { width: 100% !important;}
h1 { color: var(--primary);}
h2, h3, h4 { color: var(--gris); }
.f-left { float: left; }
.stretched-link::after {	position: absolute;	top: 0;	right: 0;	bottom: 0;	left: 0;	z-index: 1;	content: ""; }
.pos-relative { position: relative !important;}
.zindex-2 { z-index: 2;}

/* ---------- */
/* HEADER */
#portal-header ul.portal-siteactions li a,
#portal-searchbox #nolivesearchGadget_form input#SearchableText::placeholder { color: var(--gris);}
#portal-languageselector li a { color: var(--gris);}
#portal-languageselector li.currentLanguage a { color: var(--primary); text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: .33em; } 
#portal-searchbox #nolivesearchGadget_form input#SearchableText { color: var(--gris); }
.portal-siteactions {background: none no-repeat scroll 0 0 #d2d3d5;font-size: 90%;}
.portal-siteactions li {	border-left: 1px solid #000000;	margin-right: 0.5em;	padding-left: 0.5em;}
.portal-siteactions a { color: black;}
ul.portal-siteactions li:first-child {border-left: none;}
ul.portal-siteactions {padding: 5px 0;text-align: center;clear: left;}
#portal-header ul.portal-siteactions { background: none no-repeat scroll 0 0 transparent; float: left; font-size: 80%; margin: 0.5em 0 0.4em 1em; font-weight: bold;  }
.skipLinksWrapper a { position: fixed; left: 0; top: 0; z-index:100;}
.skipLinksWrapper a:not(:focus):not(:focus-within) { width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important;	overflow: hidden !important;	clip: rect(0,0,0,0) !important;	white-space: nowrap !important;	border: 0 !important;  position: absolute;}


/* ---------- */
/* MAIN */
#portal-columns {  clear: both;  position: relative;  float: none;}
#content #parent-fieldname-description, #content #description { color: var(--primary); }
.discursos-btn {background-color: var(--primary);width: auto;display: inline-block;color: white !important;padding: 0.5em 3em; }
.template-contact-info .documentDescription, .pb-ajax .documentDescription {color: var(--primary);}

/* ---------- */
/* LEFT BAR */
.butlletiItem__date {  float:left;  width:25%}
.butlletiItem__num { background-color: var(--primary); color: #fff; font-size: 18px;padding: 3px;text-align: center;line-height: 1.2rem;border-bottom: 1px solid #fff;}
.butlletiItem__year {background-color:  var(--primary);color: #fff;font-size: 17px;padding: 3px;text-align: center;line-height: 1.2rem;}
.esdeveniments .portletHeader span.tile {  color: var(--gris, #696969);}
.tileDate {  color: var(--gris);  margin-top: 3px;  display: block;}
body.template-portada_view dl.portlet ul.navTree li a { color: var(--gris) !important; }
dl.portlet ul.navTree a.navTreeCurrentItem, dl.portlet ul.navTree a.navTreeItemInPath { color: var(--primary) !important;}
dl.portlet ul.navTreeLevel1 .navTreeItem a:hover, dl.portlet ul.navTreeLevel1 .navTreeItem a.navTreeCurrentItem, dl.portlet ul.navTreeLevel1 .navTreeItem a.navTreeItemInPath {
	color: var(--gris2, #666666) !important;
}

/* ---------- */
/* RIGHT BAR */
.titleAgenda .tile,
.esdeveniments .portletHeader .tile,
.newsletter_portlet .form select,
input.easynewsletter_text { color:#696969; color: var(--gris) !important; }
.portletCalendar .event a { color: black;}
.newsletter_portlet .form { background-color: var(--gris);}
.newsletter_portlet .form div.formControls input { background-color: black; margin-top: 16px; padding: 8px;}
dl.portlet dt a:link, dl.portlet dt a:visited, dl.portlet dt a:hover { color: var(--primary);}
dl.portlet.portletCalendar dt { background-color: var(--primary);}
dl.portlet.portletCalendar dt a{ color: white;}
.easynewsletter_label { color: white; font-size: 11px;display: block;}
/* calendar */
section.portlet {	margin: 0 0 1em;	font-size: 80%;}
section.portletCalendar h2 { font-size: 1em; background-image: none; padding: 0;}
section.portlet.portletCalendar .portletHeader { color: white;	background: none repeat scroll 0 0 var(--primary);font-weight: bold; text-align: center;	line-height: normal;	padding: 0.42em 0em 0.42em 0em;	text-transform: uppercase;}
section.portletCalendar .portletHeader a#calendar-next {	float: right;	padding: 0 1em;	margin: 0 -.5em; color: white;}
section.portletCalendar .portletHeader a#calendar-previous {	float: left;	padding: 0 1em;	margin: 0 -.5em; color: white;}
#visual-portal-wrapper section.portletCalendar .portletItem { padding: 0;margin: 0;}
.portletCalendar .todayevent a {  color: black;}

dl.portlet dt a:link, dl.portlet dt a:visited, dl.portlet dt a:hover { color: var(--primary);}
.socials .portletHeader .tile { color: var(--gris);}

/* ---------- */
/* FRONTPAGE */
#content .portletHeader .tile { font-size: 26px; text-transform: uppercase;}
.rslides_tabs {position: relative;  background-color: #000000;inset:0;  margin: 0 auto;max-width: 938px;padding: 1em;margin-bottom: 20px;box-sizing: border-box;}
#slideshow {
  margin-bottom: 0;
}
.rslides_tabs a { color: var(--gris); font-size: 12px; display: inline-flex; justify-content: center; align-items: center; text-indent: -10em ;overflow: hidden; position: relative;}
.rslides_tabs .rslides_here a { color: white; background-color: var(--gris);}
.rslides_tabs .rslides_here a::after { content:''; display: block; width: 13px; height: 13px; background-color: black; border-radius: 50%; position: absolute; top: 5px;left: 5px;}

.listContent .titleItem {  padding: 0;  line-height: 1.25;  border-bottom: none;  background-image: none;}
#content p.tileDesc { margin-bottom:0;}
.portletHeader > h2 { padding: 0; background-image: none;}


/* ---------- */
/* FOOTER */
footer#portal-footer-wrapper {   position: relative;}
.documentActions li#document-action-print a,
.documentActions li#document-action-sendto a { width: 40px; height: 40px; background: url(/images/printer.svg) no-repeat center center / 24px transparent; background-size: 24px; padding: 0;}
.documentActions li#document-action-sendto a { background-image: url(/images/email.svg);}



/* HEADER & FOOTER NEW */
[data-version] {
  display: none;
}
#portal-top {background: none;margin-top: 1rem;}
#portal-header {width:auto;}
#portal-top .linehead,
#portal-top .portal-siteactions,
#portal-top #portal-languageselector,
#portal-top #portal-searchbox {display: none;}
#portal-logo {
  background-image: url(/images/brand2_consell-general-principat-andorra.jpg);
  width: 215px;
  height: 134px;
  display: inline-block;
  float: none;
  background-color: transparent;
  background-position: center;
  background-size: 202px;
  margin: 0;
  margin: 0 6px;
}
.web,
#portal-header,
#slideshow,
.rslides_tabs {max-width: 1200px !important;}
#portal-globalnav {
  margin-left: 0;
  top: inherit;   
  height: auto;
  margin-top: 1rem;
}
@media (min-width: 992px) {
  #portal-globalnav {
      margin-top: 6rem;
      float: right;
  }                 
}
#portal-globalnav li#portaltab-arxiu a {top: 0;}                                               
#portal-globalnav li a {
  text-shadow: none;
  color: #222;
  font-weight: 600;
  border: none;
  height: inherit;
  width: inherit;
  padding: 1rem;
}
#portal-globalnav li a:hover {
  color: #333;
}
.gosearch {
  position: fixed;
  right: 0;
  top: 2rem;
  background: #222;
  padding: 0.8rem 0.8rem 0.5rem 0.88rem;
  border-radius: 50% 0 0 50%;
  color: #fff;
  z-index: 10000;
}
@media (min-width: 1200px) {
  .gosearch {
      top: 7rem;
      padding: 1.2rem 1.2rem 0.9rem 1.5rem;
  } 
}
.gosearch:hover {
  background: #333;                
}       
.gosearch .glass{
  height: 2rem;
  width: auto;
}
#portal-footer-wrapper  {
  background-image: none;
  background-color: #222;
}
#portal-footer .logoPeu .imgLogo {
  display:none;
}
#portal-footer-wrapper {
  min-height: auto;
  height: auto;
}
#portal-footer {margin:0;padding: 5em 0;}
#portal-footer .adreca {color: #fff;display: inline-block;}
#portal-footer .adreca a {color: #fff;}
#portal-footer .adreca a:hover {text-decoration: underline;}
.site-actions {float:right;}
@media (min-width: 992px) {
  .site-actions {
      float:right;
  }               
}
#portal-siteactions {background: transparent;font-size: 100%;}
#portal-siteactions #siteaction-plone_setup {display:none;}
#portal-siteactions li {border:none;}
#portal-siteactions a {color:#fff;text-transform: uppercase;}
#portal-siteactions a:hover {color:#fff !important;text-decoration:underline;}
 
.readspeaker__wrapper {
  background-color: #f1f1f1;
 padding: 0.5rem;
border-radius: 10px;
  text-align: right;
  margin: 1rem 1rem -1rem;   
  z-index: 10000;           
}
.readspeaker__wrapper #readspeaker_button {margin-bottom:0;}
@media (min-width: 1200px) {
  .readspeaker__wrapper {
      position: fixed;
      top: 0.5rem;
      right: 0.5rem;
      margin: 0; 

  }
}
.rsbtn.rsexpanded {  display: flex;}
.rsbtn.rsexpanded::before,
.rsbtn.rsexpanded::after { content: none;}
}