/*----------YACHAY DEFINITIONS 2025s-----------*/
/* JFGC custom variables */

:root{
  /*-- conventions
  NUMBERS: from minimum to maximum, starting with 1 for minimum
  LETTERS: xs: xtra-small | s:small | m:medium | l:large | xl:xtralarge
  --*/
  
  /*-- brand color: alineado a DSpace y al sitio institucional yachaytech.edu.ec (16-ago-2026) --*/
  --brandcolor1:#27618E;--brandcolor2:#00859A;--brandcolor3:#1D4F75;--brandcolor4:#163A54;
  --brandaccent1:#f8b81f;--brandaccent2:#ef9b00;
  
  /*-- generic color --*/
  --black:black;--white:white;--red:red;--purple:purple;--green:green;--yellow:yellow;--blue:blue;--fuchsia:fuchsia;--yellow:yellow;
  
  /*-- generic neutral grayscale --*/
  --gray0:#fafafa;--gray1:#e5e5e5;--gray2:#ccc;--gray3:#b2b2b2;--gray4:#999;--gray5:#7f7f7f;--gray6:#666;--gray7:#4c4c4c;--gray8:#333;--gray9:#191919;
  
  /*-- general values --*/
  --gv00125:.0125rem;--gv0125:.125rem;--gv025:.25rem;--gv035:.35rem;--gv05:.5rem;--gv075:.75rem;--gv1:1rem;--gv1_5:1.5rem;--gv21B46672rem;--gv2_5:2.5rem;--gv3:3rem;
  
  /*-- shadow --*/
  --shadow-s:0 0 var(--gv00125) var(--gv00125);--shadow-m:0 0 var(--gv0125) var(--gv0125) var(--gray1);--shadow-l:0 0 var(--gv025) var(--gv025);
  }


body{color: #000;font-size: .95em;background:var(--white);font-family: 'Inter', sans-serif !important;}
#wrapper{padding: 0;display: flex;flex-direction: column;}
/* select {background-color: #FFF;border: 1px solid #ccc;width: 220px;} */
p{text-align: justify;/* word-wrap: break-word;word-break: keep-all;hyphens: auto; */}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {background-color: #fff;border: 1px solid #223a4a;}
h1,h2,h3,h4,h5,h6{color: var(--brandcolor1) !important;font-family: 'Arvo', serif !important;}

/*---------------------------NAVBAR-----------------------------*/
#logo a {padding:20px 0 0}
#logo{display: none;}
.homelink{color: #000;}
.homeLabel{color: #666;font-weight: 700;font-size: .75em;margin-left: 0.25rem;} /* JFGC creates label for home icon from opacuserjs */

/*.fa.fa-icon-black, .fa.fa-icon-white{color:#FFF;}*/

/*-----------arrangment position historial------------*/
.navbar-text {margin-bottom: 0;line-height: 20px;color: #000;}
.navbar-text a{color:#fff !important;}
/*----------- end arrangment position historial------------*/
.navbar{padding:0 1rem !important;background:#efefef;}
.navbar-brand{display: flex;flex-wrap: wrap;justify-content: center;} /* JFGC arrange vertical align label for home icon */
.navbar-inverse .divider-vertical {border-left: 1px solid #fff;border-right:1px solid  #eee;}
.navbar-inverse .brand, .navbar-inverse .nav > li > a {color: #fff;font-weight: normal;}
.navbar-inverse .navbar-inner {background: #000;border:none;}
.navbar-inverse .brand, .navbar-inverse .nav>li>a {color: #fff;text-shadow: none;}
.navbar .nav>li>a {float: none;/*padding: 10px 15px 10px;*/color: #fff !important;text-decoration: none;text-shadow: none;font-weight: normal !important;}

/*-------decrease high navbar top---*/


.navbar .nav>li>a{ padding:0 15px}

.navbar .divider-vertical { height:25px}



.navbar-inner { min-height: 1.5em;}

/*-------end decrease high navbar top---*/



/*--------------BUTTONS----------------*/
.btn-primary{color: var(--white);background: var(--brandcolor2);}
.btn-primary:hover{color: var(--white);background: var(--brandcolor1);}


/* -- JFGC WRAP #opac-main-search,#moresearches WITH .searchbox FROM OPACUSERJS -- */
#opac-main-search,#moresearches{max-width: 1170px;}


/*--------.MASTHEADSEARCH--------------*/
#opac-main-search{background:var(--brandcolor1);margin: 0 auto;padding: var(--gv2_5) var(--gv1_5);}
.mastheadsearch{border-radius:0;text-align: center;margin:0 auto;padding: 1.5em .8em;}
.mastheadsearch label{color: var(--white);}
#opac-main-search label{color:var(--white);}

#searchsubmit{color: var(--white);background: #D14339;}


/*----------MORESEARCHES---------------*/
#moresearches{display:flex;justify-content: center;color: var(--white);background:var(--brandcolor2);margin:0 auto;padding: 1rem 0;}
#moresearches ul {list-style: none;width:100%;margin: 0 auto;padding: 0;display: flex;justify-content: center;flex-wrap: wrap;}
#moresearches li {padding: 0;margin: 0 1em;}
#moresearches li:after{content: "";}
#moresearches a::before {font-family: fontawesome;margin-right: .5rem;font-size: 1.5rem;color: var(--white);font-weight: 500;}
#moresearches li:first-child a::before {content: "\f00e";}
#moresearches li:nth-child(2) a::before {content: "\f007";}
#moresearches li:nth-child(3) a::before {content:"\f0c2";} 
#moresearches li:nth-child(4) a::before {content: "\f005";}
#moresearches li:last-child a::before {content: "\f02d";}
#moresearches a{color:var(--white);font-size:1em;text-decoration: none;font-weight:500;display: flex;align-items: center;padding: .5rem 1rem;}
/*#moresearches li:nth-child(2) {display: none;}
#moresearches li:nth-child(3) {display: none;}*/


/*--------.BREADCRUMB-------------------*/
.breadcrumb{border-radius: 0;background: #fafafa;margin:1em 1.25em;}
.breadcrumb > li{text-shadow: none;}
.breadcrumb a{color:#000; font-weight:normal;}


/*------------MAIN--------------------*/
.main{border-radius: 0;box-shadow: none;border: none;margin:0 auto;background: none;}

/*--- OPACMAINUSERBLOCK ---*/


/*--------------- LATERAL BTNS -----------*/
#opacnavright{}

/*--FLOTANT RIGHT PANEL--*/


/*-----------login-----------*/
#login{padding:0 0 1em;background:red;display: none;}



/*------------COMMON--------------*/

.aux-space{display: none;}
.siteHeader__box,.siteHeaderHome__box,.siteFooter__box,.siteFooterCredits__box{margin: 0 1rem;}
.siteHeader__mainBrand,.siteFooter__mainBrand{display: table;margin: 0 auto;}

/*------------HEADER--------------*/
.siteHeader{background: var(--white)}
.siteHeader__box{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.siteHeader__mainBrand{max-height: 4rem;cursor: pointer;}
.siteHeader__tagline{color:var(--brandcolor1);font-family: "Arvo", serif;font-weight: 600;padding: 1rem;font-size: 1.35rem;line-height: 1;text-align: center;}
.siteHeader__tagline-mark{color: var(--brandcolor2);}

.siteHeaderHome{background: var(--white);display: none;}
.siteHeaderHome__box{}

#homeCarousel{position: fixed;z-index: -1;display: none;}

/*------------MIDDLE CONTENTS--------------*/
.customLinks{display: none;}
.customLinks__list{list-style: none;margin: 0;padding: 0;}
.customLinks__link{display: flex;align-items: center;gap: 1rem;padding: 1rem 2rem;background: var(--brandcolor1);text-decoration: none !important;font-family: "Arvo", serif;font-weight: 600;}
.customLinks__link:hover{background: var(--brandcolor2);}
.customLinks__label,.customLinks__icon{color:var(--white);}
.customLinks__icon{font-size: 1.25rem;}

.customAreas__list{list-style: none;margin: 0;padding:0;display: grid;grid-template-columns: repeat(4, 1fr);display: none;}
.customAreas__icon{height: 2rem;}
.customAreas__item{display: flex;justify-content: center;align-items: center;padding: 1rem;}
.customAreas__item:first-child{background: #c94237;}
.customAreas__item:nth-child(2){background: #d77e42;}
.customAreas__item:nth-child(3){background: #e0bb2e;}
.customAreas__item:nth-child(4){background: #62a048;}
.customAreas__item:nth-child(5){background: #3192be;}
.customAreas__item:nth-child(6){background: #239793;}
.customAreas__item:nth-child(7){background: #805a98;display:none}
.customAreas__item:nth-child(8){background: #2da1b6;}
.customAreas__item:last-child{background: #3162aa;display:none}

/*------------FOOTER--------------*/

#opaccredits{}

.siteFooter{}
.siteFooter__box{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;gap:2rem;}
.siteFooterBorder{height: 1rem;background: url(/opac-tmpl/bootstrap/images/line_yachay.png) repeat-x center;}
.siteFooterLogo{background: var(--brandcolor1);}
.siteFooterInfo{background: var(--white);padding:1rem 0;}
.siteFooter__mainBrand{max-height: 6rem;}
.siteFooter__text{margin: 0;padding: 0;line-height: 1.25;}
.siteFooter__link{text-decoration: none !important;}

.siteFooterSocial{display: flex;justify-content:center;align-items:center;padding: .75em 0;}
.siteFooterSocial__list{list-style: none;margin: 0;padding: 0;display: flex;gap: .5rem;}
.siteFooterSocial__link{display: flex;justify-content: center;align-items: center;text-decoration: none !important;border-radius: .25rem;height: 2.5rem;width: 2.5rem;transition: all ease .5s;}
.siteFooterSocial__icon{font-size: 1.35rem !important; color: var(--white);}
.siteFooterSocial__item:first-child .siteFooterSocial__link{background: #3B5998;}
.siteFooterSocial__item:nth-child(2) .siteFooterSocial__link{background: var(--black);}
.siteFooterSocial__item:nth-child(3) .siteFooterSocial__link{background: #BB21AC;}
.siteFooterSocial__item:nth-child(4) .siteFooterSocial__link{background: #CD201F;}
.siteFooterSocial__item:nth-child(5) .siteFooterSocial__link{background: #0077B5;}
.siteFooterSocial__item:last-child .siteFooterSocial__link{background: var(--black);}
.siteFooterSocial__link:hover{background: var(--brandcolor1);}


.siteFooterCredits{padding:.75em 0;text-align:center;background:var(--black);}
.siteFooterCredits__box{display: flex;justify-content: space-around;flex-wrap: wrap;align-items: center;}
.siteFooterCredits__text,.siteFooterCredits__link{color: #fff !important;text-align: center;text-decoration: none !important;margin: 0;padding: 0;margin-bottom: 0;}



/*--------MODALS-------------*/
.c-modal{border: rgba(255,255,255,.25);}
.c-modal a{text-decoration: none !important;border: none !important;border: 0 !important;outline: none !important;}

.c-modal__btn,.c-modal__btnClose{background: var(--brandcolor2);color:var(--white) !important;padding:.5rem .75rem;box-shadow: 0 0 .125rem 0 gray;border-radius: .25rem;transition: all .5s ease;text-decoration: none !important;margin-left: 1rem;cursor: pointer;}
.c-modal__btnClose{/* position: absolute;top:0;right: 0; */align-self: flex-end;}
.c-modal__btn:hover,.c-modal__btnClose:hover{color:white;background: var(--brandcolor4);}
.c-modalBox{padding: .5rem 1rem;}
.c-modalHeader>.c-modalBox,.c-modalFooter>.c-modalBox{display: flex;justify-content: space-between;align-items: center;background: var(--gray0);}
.c-modalHeader{border-bottom: .0125rem solid var(--gray1);margin-bottom: 0.5rem;}
/* .c-modalBody{padding: 1rem 0;max-height: 50vh;overflow: auto;} */
.c-modal__Title,.c-modal__bodyText{color: black;}
.c-modal__Title{margin-bottom: 0;font-size: 1.5rem;color: var(--brandcolor2);}
.c-modalFooter{border-top: .0125rem solid var(--gray1);margin-top: 0.5rem;/* box-shadow: 0 0 .125rem 0 gray; */}
.c-modalFooter>.c-modalBox{justify-content: flex-end;border-top: .0125rem solid #eee;}
.c-modal__list{list-style-position: outside;}



#videoModal iframe{width: 100%;}

/*--------INSIDE CONTENTS-------------*/
p#numresults{ text-align:center}

#bottom-pages{text-align: center;}

.results_summary{font-size:100%;padding:0 0 .25em;color:#000;}

.results_summary .label{font-size:1em;font-weight:bold;}
.online_resources::before {content: "\f1c1";font-family: "fontAwesome";margin-right:.25rem;color:red;font-size:1.25rem;}

.ddc::before{content:"\261D";font-size: 2em;}

#imagentipom,.Signatura_Topografica{ float:left}
.Signatura_Topografica{ margin:.35em 0 0 .5em}

.ddc,.ddc .label{font-weight:bold;font-size: 1em;}
.ddc{color:#002D72;}
.ddc .label{color:#EAAA00;}

/*------------ CUSTOM HEADER pages--------------*/
.headerClient{}
.headerBox{display: flex;flex: wrap;}
.headerBox:first-child{justify-content: space-between;align-items: center;padding: var(--gv05) 0;}
.headerBox:last-child{background-image: url(/opac-tmpl/bootstrap/images/assets_bce_2022/banner-bce-header.jpg);background-size: cover;overflow: hidden;}
.mainBrandHeader{cursor: pointer;height: 3rem;}




/*--------- CUSTOM ADDITIONAL PAGES------------*/

#inicio{padding:.5em 1rem;background: var(--gray0);}

.mainContent{padding: var(--gv2) 0;}

h1.text-left,h1.text-right,h1.text-center{font-size: 2rem;color: var(--brandcolor2);}
h2.text-left,h2.text-right,h2.text-center{font-size: 1.75rem;color: var(--brandcolor2);}
h3.text-left,h3.text-right,h3.text-center{font-size: 1.55rem;color: var(--brandcolor2);}
h4.text-left,h4.text-right,h4.text-center{font-size: 1.35rem;color: var(--brandcolor2);}
h5.text-left,h5.text-right,h5.text-center{font-size: 1.25rem;color: var(--brandcolor2);}
h6.text-left,h6.text-right,h6.text-center{font-size: 1.15rem;color: var(--brandcolor2);}
.headerBorderTitle {text-align: center;padding: .5em 0;background:var(--brandcolor4);color: #fff;margin: 0 auto;max-width: 1192px;}

.text-in-cols{column-count: 3;text-align: justify;word-wrap: break-word;word-break: keep-all;hyphens: auto;column-gap: var(--gv2);}
.text-in-cols p:first-child{color:var(--brandcolor1);}
.firstParagraph{color: var(--brandcolor2);}

/* .c-grid{display: grid;gap:1.5rem;grid-template-columns: repeat(1, 1fr);justify-items: center;} */
.c-grid__row{display:grid;grid-template-columns: repeat(3, 1fr);width: 100%;gap: var(--gv1);}
.c-grid__cell{display: flex;justify-content: center;align-items: center;text-align: center;/* border-bottom: .0125rem solid rgba(0,0,0,.1); */padding: var(--gv075) 0;}
.c-grid__link{word-wrap: break-word;word-break: break-word;}

.row-card {
	display: grid;
	gap: 2rem;
	background: #fafafa;
	box-shadow: 0 0 0 1rem #fafafa;
	border-radius: .125rem;margin-bottom: 2rem;
}
.col-card {
	border: .25rem solid #fafafa;
	padding: 1rem;
	border-radius: .75rem;
	border-top: 0.75rem solid #eee;
	box-shadow: 0 0 .35rem .0125rem #aaa;
}


/* h1.text-left,h1.text-right,h1.text-center{font-size: 2em;} */
.headerBorderTitle {text-align: center;padding: .5em 0;background:var(--brandcolor2);color: #fff;margin: 0 auto;max-width: 1192px;}

/* .genericRow{display: flex;justify-content: center;gap: 1.5rem;flex-wrap: wrap;} */
.commonGrid{display: grid;gap:1.5rem;}
.to-3Col{grid-template-columns: repeat(3, 1fr);}
.to-4Col{grid-template-columns: repeat(4, 1fr);}
.to-3Col .mainContent__Col p{text-align: justify;word-wrap: break-word;word-break: keep-all;hyphens: auto;}
.to-4Col .mainContent__Col p{text-align: left;}
.mainContent__Col{border-bottom: .0125rem solid var(--brandcolor2);}

.text-perfect{margin: .5em 0;text-align: justify;word-wrap: break-word;word-break: keep-all;hyphens: auto;}
.text-left{text-align: left;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.uppercased{text-transform: uppercase;}
.green-text{color:#060;}

.photo-rounded{border-radius:1.5em;margin: 0 0 1em 0;}
.limit-img{max-width: 70%;display: table;margin: 0 auto;}
.responsive-img{width:100%;height:auto;box-sizing:border-box;}
.vignette-outside{margin:0 0 0 1em;padding:0;list-style-position: outside;}
.img-polaroid{padding: 4px;background-color: #fff;border: 1px solid #ccc;border: 1px solid rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);}

.float-left{float: left;}
.float-right{float: right;}
.limit-logos{margin:0 auto 1em;display: table;height:4em;max-width: 100%;}

.footer-alternate{box-shadow: 0 3em 0 0 #060;padding:1em 0;margin: 0 auto 1em;}


/*--------end BOOTSTRAP OVERWRITTING DEFINITIONS -------------*/


/*---------------JFGC MY MEDIA QUERIES ADDITTIONS -----*/

@media only screen and (max-width: 576px) {
  /* Screens bewteen 0 and 576 pixels wide */
#logo {margin: 4px 14px 0 14px;}
.siteHeader__box{justify-content: space-evenly;}
.to-3Col,.to-4Col{grid-template-columns: repeat(1, 1fr);}



#booleansearch{margin-bottom: 1rem;}
#booleansearch p{width: 100%;}
#pubrange input,#langfilter select,#location select{width: auto;}
#sortby select{width: 100%;}



.text-in-cols{column-count: 1;}

.c-grid__row:first-child{display: none;}
.c-grid__row{grid-template-columns: repeat(1, 1fr);}
.c-grid__cell{border: none;}
.c-grid__cell:last-child{border-bottom: .0125rem solid rgba(0,0,0,.5);padding: 0 0 var(--gv075);}

}

@media only screen and (min-width: 577px) and (max-width: 767px) {
  /* Screens bewteen 577 and 767 pixels wide */
  #logo {margin: 4px 14px 0 14px;}
  #opacheader,#opaccredits{margin:0 -20px;}
  .siteHeader__box{justify-content: space-evenly;}
  
  

  
  
  .to-3Col,.to-4Col{grid-template-columns: repeat(2, 1fr);}

  .text-in-cols{column-count: 2;}

  .c-grid__row:first-child{display: none;}
  .c-grid__row{grid-template-columns: repeat(1, 1fr);}
  .c-grid__cell{border: none;}
  .c-grid__cell:last-child{border-bottom: .0125rem solid rgba(0,0,0,.5);padding: 0 0 var(--gv075);}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* Screens bewteen 768 and 991 pixels wide */
  #opacheader,#opaccredits{margin:0 -20px;}
  .pageHeader__box {grid-template-columns: 1fr;}
  .text4Col{width: 48%;}
  

  
  .searchbox{padding: 5rem 0 3rem 0;margin: 0 2rem;}
  


  
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  /* Screens bewteen 992 and 1199 pixels wide */
  #opacheader,#opaccredits{margin:0 -20px;}

}


@media only screen and (min-width: 1200px){
  /* Screens 1200 pixels wide and furthermore */
  #opacheader,#opaccredits{margin:0 -20px;}
  .siteHeader__box,.siteHeaderHome__box,.genericBox,.siteFooter__box,.siteFooterCredits__box{max-width: 1170px;margin:0 auto;}
  .mainBox{max-width: 30%;}
  
  
    .row-card {grid-template-columns: repeat(3,1fr);}
}

/*--------------- end JFGC MY MEDIA QUERIES ADDITTIONS -----*/

/*----------ESTRUCTURA TIPO UNIVERSIDAD DE CALDAS (26-ago-2026): pestañas Catálogo/Repositorio + búsqueda por voz + accesos rápidos como botones-icono, con marca Yachay-----------*/

/*--------SEARCH TABS (Catálogo / Repositorio)--------------*/
.searchTabs{list-style:none;display:flex;justify-content:center;gap:.25rem;margin:0;padding:.75rem 1.5rem 0;background:var(--brandcolor1);}
.searchTabs__item{color:var(--white);font-family:"Arvo",serif;font-weight:600;font-size:.95rem;padding:.6rem 1.5rem;border-radius:.35rem .35rem 0 0;cursor:pointer;opacity:.7;transition:all .2s ease;}
.searchTabs__item:hover{opacity:1;}
.searchTabs__item.active{background:var(--white);color:var(--brandcolor1);opacity:1;}
.searchTabs__pane{display:none;background:var(--brandcolor1);padding:0 1.5rem 1.5rem;}
.searchTabs__pane--active{display:block;}
.repoSearchForm{display:flex;gap:.5rem;max-width:1170px;margin:0 auto;padding-top:1.5rem;}
.repoSearchForm input{flex:1;border:none;border-radius:.25rem;padding:.6rem .75rem;}
.repoSearchForm button{color:var(--white);background:#D14339;border:none;border-radius:.25rem;padding:.5rem 1rem;}
.repoSearchForm button:hover{background:var(--brandcolor4);}

/*--------VOICE SEARCH--------------*/
.voiceSearchWrap{position:relative;display:inline-flex;align-items:center;}
.voiceSearchBtn{background:none;border:none;color:var(--brandcolor1);font-size:1.1rem;padding:0 .5rem;cursor:pointer;}
#opac-main-search .voiceSearchBtn{color:var(--white);}
.repoSearchForm .voiceSearchBtn{color:var(--brandcolor1);}
.voiceSearchBtn:hover{opacity:.75;}
.voiceSearchBtn--listening{color:#D14339 !important;animation:voicePulse 1s infinite;}
@keyframes voicePulse{0%{opacity:1;}50%{opacity:.35;}100%{opacity:1;}}

/*--------HOME QUICK-ACCESS BUTTONS (customLinks), estructura tipo UCaldas "homeBtns"--------------*/
.customLinks__list{display:flex !important;flex-wrap:wrap;justify-content:center;gap:1rem;padding:1rem 0;margin:0;}
.customLinks__item{list-style:none;}
.customLinks__link{display:flex !important;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;width:8.5rem;height:8.5rem;padding:1rem;border-radius:.75rem;text-align:center;font-family:"Arvo",serif;font-weight:600;font-size:.8rem;line-height:1.2;text-decoration:none !important;transition:transform .2s ease,opacity .2s ease;}
.customLinks__link:hover{transform:translateY(-.25rem);opacity:.9;}
.customLinks__icon{font-size:2rem;}
.customLinks__item:nth-child(8n+1) .customLinks__link{background:var(--brandcolor1);}
.customLinks__item:nth-child(8n+2) .customLinks__link{background:var(--brandcolor2);}
.customLinks__item:nth-child(8n+3) .customLinks__link{background:var(--brandcolor3);}
.customLinks__item:nth-child(8n+4) .customLinks__link{background:var(--brandcolor4);}
.customLinks__item:nth-child(8n+5) .customLinks__link{background:var(--brandaccent2);}
.customLinks__item:nth-child(8n+6) .customLinks__link{background:var(--brandcolor1);}
.customLinks__item:nth-child(8n+7) .customLinks__link{background:var(--brandcolor2);}
.customLinks__item:nth-child(8n+8) .customLinks__link{background:var(--brandcolor3);}

@media only screen and (max-width: 576px) {
  .customLinks__link{width:6.5rem;height:6.5rem;font-size:.7rem;}
  .searchTabs__item{padding:.5rem 1rem;font-size:.85rem;}
}