#glossary-categories {
width: auto;
}
.listNav {
margin: 0 0 5px;
position: relative;
}
.cm-glossary .listNav .ln-letters {
margin: 20px 0 10px;
overflow: visible;
}
.cm-glossary .glossary_itemdesc {
display: block;
font-style: initial;
}
.cm-glossary .listNav .ln-letters:after,
.ln-letters:after {
content: "";
display: table;
clear: both;
}
.glossary .ln-letters {
margin-bottom: 10px;
}
.ln-letters a {
font-size: 7pt;
display: block;
float: left;
padding: 2px 6px;
border: 1px solid silver;
text-decoration: none;
margin-left: -1px;
box-shadow: none;
}
.ln-letters a:hover {
margin-top: -10px;
padding-top: 12px;
}
.ln-letters a:first-child,
.ln-letters a.ln-first,
.ln-letters a.ln-after-newline {
margin-left: 0;
}
.ln-letters a.ln-disabled + a.ln-first {
margin-left: -1px;
}
.ln-letters.round a {
border-radius: 50%;
width: 3em;
height: 3em;
text-align: center;
margin: 3px !important;
}
.ln-letters.round a:hover {
margin-top: 0;
padding-top: 2px;
padding-bottom: 2px;
}
.ln-letters.round + .ln-letter-count,
.ln-letters.round .ln-letter-count {
background-color: transparent;
text-align: center;
}
.small .ln-letters a {
font-size: 7pt;
line-height: 2.5em;
}
.medium .ln-letters a {
font-size: 10pt;
line-height: 2em;
}
.large .ln-letters a {
font-size: 14pt;
line-height: 1.75em;
}
.medium .ln-letters.round a {
line-height: 2.8em;
}
.large .ln-letters.round a {
line-height: 2.8em;
}
.ln-letters a.ln-last {
border-right: 1px solid silver;
}
.ln-letters a:hover,
.ln-letters a.ln-selected {
background-color: #eaeaea;
}
.ln-letters a.ln-disabled {
color: #ccc;
}
#glossaryList-nav .ln-letters a.ln-disabled.ln-newline {
clear: both;
display: block;
width: 0;
border: 0;
padding: 0;
margin: 0;
height: 0;
}
#glossaryList-nav:after {
content: '';
display: table;
clear: both;
}
.ln-letter-count {
text-align: center;
font-size: 0.7em;
line-height: 1;
margin-bottom: 3px;
color: #000;
background-color: #eaeaea;
pointer-events: none;
border: none;
box-sizing: border-box;
border-bottom: none;
}
.small .ln-letter-count,
.glossary-container.no-counts .small .ln-letters a {
font-size: 7pt;
}
.medium .ln-letter-count {
font-size: 8pt;
}
.large .ln-letter-count {
font-size: 9pt;
}
.glossary-container.no-counts .ln-letters a:hover {
margin-top: 0;
padding-top: 2px;
}
.glossary-container.no-counts .cm-glossary .listNav .ln-letters {
margin: 0;
overflow: hidden;
}
.glossary-container.no-counts .small .ln-letters a {
font-size: 7pt;
line-height: 1.25em;
}
.glossary-container.no-counts .medium .ln-letters a {
font-size: 10pt;
line-height: 1.25em;
}
.glossary-container.no-counts .large .ln-letters a {
font-size: 14pt;
line-height: 1.25em;
}
.glossary-container.no-counts .ln-letter-count {
text-align: center;
font-size: 0.7em;
line-height: 1;
margin-bottom: 3px;
color: #000;
background-color: #eaeaea;
pointer-events: none;
border: none;
box-sizing: border-box;
border-bottom: none;
}
.glossary-container.no-counts .small .ln-letters a,
.glossary-container.no-counts .medium .ln-letters a,
.glossary-container.no-counts .large .ln-letters a {
line-height: 1.25em;
}
.glossary-container.no-counts .medium .ln-letters a {
font-size: 10pt;
}
.glossary-container.no-counts .large .ln-letters a {
font-size: 14pt;
}
.glossary-container .glossaryList li .glossary_itemdesc {
margin: 0 0 20px 0;
display: block;
} .tiles {
max-width: 100%;
clear: both;
overflow: hidden;
}
.tiles ul.glossaryList {
list-style-type: none;
margin: 0;
}
.tiles ul.glossaryList li {
float: left;
}
.tiles ul.glossaryList a {
display: block;
text-align: center;
min-width: 85px;
width: 85px;
word-wrap: break-word;
border: 1px solid silver;
padding: 10px;
margin: 0 10px 10px 0;
text-decoration: none;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.tiles ul.glossaryList li:hover {
cursor: pointer;
background-color: #eee;
z-index: 0;
white-space: normal;
width: auto;
}
.tiles ul.glossaryList li .glossary_itemdesc {
margin-bottom: 0;
}
.tiles ul.glossaryList span {
display: block;
text-align: center;
min-width: 85px;
width: 85px;
word-wrap: break-word;
border: 1px solid silver;
padding: 10px;
margin: 0 10px 10px 0;
text-decoration: none;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.tiles ul.glossaryList span:hover {
background-color: #eee;
z-index: 0;
white-space: normal;
width: auto;
} .cm-glossary.tiles.big ul.glossaryList a {
display: block;
text-align: center;
min-width: 179px;
width: 179px;
word-wrap: break-word;
border: 1px solid silver;
padding: 10px;
margin: 0 10px 10px 0;
text-decoration: none;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.cm-glossary.tiles.big ul.glossaryList span {
display: block;
text-align: center;
min-width: 179px;
width: 179px;
word-wrap: break-word;
border: 1px solid silver;
padding: 10px;
margin: 0 10px 10px 0;
text-decoration: none;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
} .cm-glossary.table.classic ul.glossaryList li {
float: left;
width: 200px;
list-style: none;
margin: 0 20px 0 75px;
display: inline;
}
.cm-glossary.table.classic ul.glossaryList li.the-index-letter {
float: left;
width: 21px;
margin: 0 -20px 0 0;
font-size: 36px;
line-height: 1.5em;
text-transform: uppercase;
padding: 0;
border: 0;
}
.cm-glossary.table.classic ul.glossaryList li.the-letter-separator {
clear: both;
height: 10px;
width: 100%;
border-top: 1px solid #eaeaea;
margin: 10px 1px 0 0;
border-bottom: none;
}
.cm-glossary.table ul.glossaryList li.the-index-letter > * {
margin: 0;
padding: 0;
} .cm-glossary.sidebar-termpage {
position: relative;
}
.cm-glossary.sidebar-termpage > div {
display: inline-block;
vertical-align: top;
}
.cm-glossary.sidebar-termpage .glossary-container {
width: 35%;
}
.cm-glossary.sidebar-termpage .glossary-container:before,
.cm-glossary.sidebar-termpage .glossary-container:after {
display: table;
content: " ";
clear: both;
}
.cm-glossary.sidebar-termpage #glossary-categories {
float: none;
margin: 10px 0;
}
.cm-glossary.sidebar-termpage .glossary-term-content {
width: 65%;
overflow: hidden;
}
.cm-glossary.sidebar-termpage .glossary-term-content .glossary_term_title {
font-size: 24pt;
margin-bottom: 1em;
}
.cm-glossary.sidebar-termpage .glossary-term-content > div.glossary_term_description {
width: 60%;
overflow: hidden;
} .cm-glossary .glossary-container ul.pageNumbers {
font-size: 12px;
clear: both;
padding: 20px 0;
}
.cm-glossary .glossary-container ul.pageNumbers li {
cursor: pointer;
display: inline-block;
border: solid 1px silver;
border-right: none;
padding: 3px 5px;
list-style-type: none;
margin: 0;
line-height: 1;
background-color: #fff;
}
.cm-glossary .glossary-container ul.pageNumbers li.selected,
.cm-glossary .glossary-container ul.pageNumbers li:hover {
background-color: rgba(204, 204, 204, 0.7);
}
.cm-glossary .glossary-container ul.pageNumbers li + li {
border-right: solid 1px silver;
display: inline-block;
}
.cm-glossary .glossary-container ul.pageNumbers li a {
text-decoration: none;
border: none;
padding: 0;
margin: 0;
}
.cm-glossary .glossary-container ul.pageNumbers li.disabled {
background-color: rgba(204, 204, 204, 0.7);
cursor: not-allowed;
color: rgb(245, 245, 245);
}
.cm-glossary .glossary-container ul.pageNumbers.round li.numeric,
.cm-glossary .glossary-container ul.pageNumbers.round li.prev-section,
.cm-glossary .glossary-container ul.pageNumbers.round li.next-section {
border-radius: 50%;
height: 3em;
width: 3em;
text-align: center;
line-height: 2em;
}
.cm-glossary .glossary-container ul.pageNumbers.round li.prev,
.cm-glossary .glossary-container ul.pageNumbers.round li.next {
border: none;
}
.cm-glossary .glossary-container ul.pageNumbers.round li.numeric a {
text-align: center;
display: block;
} form.amp-form-submit-success ul.glossaryList,
form.amp-form-submit-success div[id^="rendered-message-amp-form"] .glossary_top_filter,
form.amp-form-submit-success div[id^="rendered-message-amp-form"] #glossaryList-nav,
form.amp-form-submitting ul.glossaryList,
form.amp-form-submitting div[id^="rendered-message-amp-form"] .glossary_top_filter,
form.amp-form-submitting div[id^="rendered-message-amp-form"] #glossaryList-nav {
display: none;
}
form.amp-form-submit-success div[id^="rendered-message-amp-form"] ul.glossaryList {
display: block;
}
.cmtt-social-box > amp-social-share {
vertical-align: middle;
}
.glossary-container span.glossaryLink {
cursor: pointer;
}
.ln-serv-letter {
position: relative;
}
.ln-serv-letter .ln-letter-count-amp {
display: none;
position: absolute;
top: -5px;
left: 0;
width: 100%;
text-align: center;
}
.ln-serv-letter:hover .ln-letter-count-amp {
display: inline-block;
}
div.glossary-container #cmttForm > p br,
div.glossary-container #cmttForm br {
display: none !important;
} .cm-glossary.expand ul.glossaryList li.the-index-letter {
text-align: center;
line-height: 1.5em;
text-transform: uppercase;
clear: both;
width: 100%;
padding: 5px 0;
border: none;
margin-top: 35px;
}
.cm-glossary.expand ul.glossaryList li.the-index-letter > div {
font-size: 40px;
line-height: 1.2;
font-weight: normal;
font-family: "ScalaSansWeb", Arial, sans-serif;
margin-bottom: 0;
}
.cm-glossary.expand ul.glossaryList li > a.glossaryLink {
font-size: 18px;
font-weight: bold;
font-family: "ScalaSansWeb", Arial, sans-serif;
}
.cm-glossary.expand a.glossaryLink {
border-bottom: none !important;
box-shadow: none !important;
}
.cm-glossary.expand ul.glossaryList li > .glossary_itemdesc {
font-size: 14px;
text-align: justify;
font-family: "ScalaSansWeb", Arial, sans-serif;
}
.expand-back-to-top {
border-bottom-style: solid;
border-bottom-width: 1px;
text-align: right;
font-size: 16px;
padding: 5px 0 2px 0;
font-family: "ScalaSansWeb", Arial, sans-serif;
}
.expand-space {
margin: 20px;
} .cm-glossary.expand2 ul.glossaryList li { width: 100%;
display: inline-block;
padding: 10px;
vertical-align: top;
}
.cm-glossary.expand2 ul.glossaryList li.the-index-letter {
text-align: center;
line-height: 1.5em;
text-transform: uppercase;
clear: both;
width: 100%;
padding: 5px 0;
border: none;
max-width: 100%;
}
.cm-glossary.expand2 ul.glossaryList li.the-index-letter > div {
font-size: 40px;
line-height: 1.2;
font-weight: normal;
font-family: "ScalaSansWeb", Arial, sans-serif;
margin-bottom: 0;
}
.cm-glossary.expand2 ul.glossaryList li.the-index-letter {
max-width: 100%;
}
.cm-glossary.expand2 ul.glossaryList li.the-letter-separator {
display: none !important;
} .cm-glossary.grid ul.glossaryList li.the-index-letter {
text-transform: uppercase;
margin-top: 30px;
margin-bottom: 10px;
clear: both;
width: 100%;
}
.cm-glossary.grid ul.glossaryList li.the-index-letter > div {
font-size: 1.0625rem;
line-height: 1.2;
margin: 0;
font-weight: bold;
}
.cm-glossary.grid ul.glossaryList li > a.glossaryLink {
box-shadow: none;
font-size: 1rem;
border-bottom: none !important;
}
.cm-glossary.grid ul.glossaryList li {
float: left;
width: 200px;
list-style: none;
margin: 0 20px 0 50px;
display: inline;
} .cm-glossary.cube .listNav .ln-letters {
padding: 0 0 0 0;
list-style: none;
width: 25%;
float: left;
margin: 20px;
}
.cm-glossary.cube .listNav .ln-letters a {
cursor: pointer;
color: black;
border: 1px solid black;
border-radius: 3px !important;
text-align: center !important;
width: 30px;
height: 30px;
font-weight: bold;
font-family: "Montserrat", helvetica, arial, "lucida grande", sans-serif;
line-height: 30px;
font-size: 20px;
margin: 5px;
padding: 0;
}
.cm-glossary.cube .listNav .ln-letters a:hover {
background-color: transparent;
padding: 0;
}
.cm-glossary.cube .listNav .ln-letters .ln-all {
display: none;
}
.cm-glossary.cube .listNav .ln-letters .ln-_ {
display: none;
}
.cm-glossary.cube .listNav .ln-letters a.ln-disabled {
border: 1px solid lightgrey;
color: lightgrey;
cursor: default;
}
.cm-glossary.cube ul.glossaryList li.the-index-letter {
text-transform: uppercase;
clear: both;
width: 100%;
margin-top: 20px;
}
.cm-glossary.cube div#glossaryList-nav .ln-letter-count {
display: none !important;
}
.cm-glossary.cube ul.glossaryList {
float: left;
width: 30%;
margin-top: 20px !important;
}
.cm-glossary.cube #glossaryList-nav:after {
clear: none;
} .cm-glossary.image-tiles ul#glossaryList li {
position: relative;
padding: 0px 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
width: 33.33333%;
margin-bottom: 35px;
}
@media screen and (max-width: 768px) {
.cm-glossary.image-tiles ul#glossaryList li {
width: 50%;
}
}
@media screen and (max-width: 451px) {
.cm-glossary.image-tiles ul#glossaryList li {
width: 100%;
}
}
.cm-glossary.image-tiles ul#glossaryList {
margin: 0 -5px;
}
.cm-glossary.image-tiles ul#glossaryList:after {
content: '';
display: block;
height: 0;
width: 0;
opacity: 0;
overflow: hidden;
clear: both;
}
.cm-glossary.image-tiles ul#glossaryList li {
padding: 0 5px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.cm-glossary.image-tiles ul#glossaryList li.cmtt-has-thumbnail {
margin-left: 0;
}
.cm-glossary.image-tiles ul#glossaryList li:nth-of-type(3n+4) {
clear: unset;
}
.cm-glossary.image-tiles ul#glossaryList li.cmtt-has-thumbnail img {
display: block;
width: 100%;
margin-bottom: 5px;
}
.cm-glossary.image-tiles a.cmtt-thumbnail {
display: inline-block;
}
.cm-glossary.image-tiles ul#glossaryList li:before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(255, 255, 255, 0.2);
pointer-events: none;
}
.cm-glossary.image-tiles .glossaryLink,
.cm-glossary.image-tiles .glossaryLinkMain {
position: absolute;
bottom: 5px;
left: 5px;
display: block;
right: 5px;
-webkit-background: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
-moz-background: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
background: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
padding: 5px 5px;
}
.cm-glossary.image-tiles .glossaryLink,
.cm-glossary.image-tiles .glossaryLinkMain,
.cm-glossary.image-tiles ul#glossaryList li:before {
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
transition: all 0.2s ease;
} .cm-glossary.classic-definition ul > li,
.cm-glossary.classic-excerpt ul > li {
margin-left: 0;
margin-bottom: 15px;
}
.cm-glossary.classic-definition #glossaryList-nav,
.cm-glossary.term-definition #glossaryList-nav,
.cm-glossary.img-term-definition #glossaryList-nav {
margin-bottom: 15px;
}
#cmtt-pagination-container .pageNumbers li:not(:last-child) {
border-right: none;
} .cm-glossary.term-definition ul > li,
.cm-glossary.img-term-definition ul > li {
margin: 0 0 15px 0;
display: grid;
grid-template-columns: 1fr 3fr;
border-top: 1px solid rgb(192, 192, 192);
}
.cm-glossary.term-definition ul > li:first-child {
border: none;
}
.cm-glossary.term-definition ul > li > div,
.cm-glossary.img-term-definition ul > li > div {
padding: 0.75em;
}
.cm-glossary.img-term-definition ul > li > div > img,
.cm-glossary.img-term-definition ul > li > div > a > img {
width: 100%;
height: auto;
}
.cm-glossary.img-term-definition ul > li,
.cm-glossary.term-carousel .slick-slide,
.cm-glossary.tiles-with-definition ul > li {
-webkit-box-shadow: -1px 0 8px -4px rgba(56, 56, 56, 1);
-moz-box-shadow: -1px 0 8px -4px rgba(56, 56, 56, 1);
box-shadow: -1px 0 8px -4px rgba(56, 56, 56, 1);
border: none;
} .cm-glossary.term-carousel .slick-slide,
.cm-glossary.tiles-with-definition ul > li {
padding: 0.55em;
height: 245px;
margin: 10px 15px;
overflow: hidden;
}
.cm-glossary.term-carousel .slick-slide .glossaryLink {
display: inline-block;
margin: 0 0 10px 0;
}
.cm-glossary.term-carousel .term-carousel-wrapper {
position: relative;
}
.cm-glossary.term-carousel button.slick-prev,
.cm-glossary.term-carousel button.slick-next {
position: absolute;
z-index: 9999999;
top: 50%;
transform: translate(0, -50%);
height: 40px;
width: 40px;
padding: 0;
background-color: rgba(102, 102, 102, 0.7);
}
.cm-glossary.term-carousel button.slick-prev {
left: -20px;
}
.cm-glossary.term-carousel button.slick-next {
right: -20px;
}
.cm-glossary.term-carousel button.slick-next:hover,
.cm-glossary.term-carousel button.slick-prev:hover {
background-color: rgba(102, 102, 102, 0.95);
}
.cm-glossary.term-carousel .progress-indicator {
opacity: 0.97;
display: block;
} .cm-glossary.tiles-with-definition ul {
display: grid;
grid-gap: 30px;
grid-template-columns: repeat(auto-fill, 220px);
}
.cm-glossary.tiles-with-definition ul > li {
margin: 0;
}
.cm-glossary.tiles-with-definition ul > li > .glossaryLink {
display: inline-block;
margin: 10px 0;
} #cmtt-pagination-container .pageNumbers li:not(:last-child) {
border-right: none;
} .cmtt-lightbox-wrapper {
display: none;
opacity: 0;
}
.cmtt-lightbox-wrapper.active {
opacity: 1;
background-color: rgba(0, 0, 0, 0.75);
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-flow: column wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-flow: column wrap;
-ms-flex-pack: center;
-webkit-box-pack: center;
justify-content: center;
-ms-flex-align: center;
-webkit-box-align: center;
align-items: center;
z-index: 1000000;
}
.cmtt-lightbox-wrapper.active .cmtt-lightbox-content {
padding: 20px;
position: relative;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
cursor: auto;
max-width: 85vw;
max-height: 85vw;
z-index: 10000002;
text-align: center;
}
.cmtt-lightbox-wrapper.active .img-holder {
max-height: 65vw;
margin: 0 auto;
}
.cmtt-lightbox-wrapper.active .cmtt-lightbox-close {
position: absolute;
right: 20px;
top: 20px;
width: 22px;
height: 22px;
cursor: pointer;
}
.cmtt-lightbox-wrapper.active .cmtt-lightbox-close:before, .cmtt-lightbox-close:after {
position: absolute;
left: 10px;
content: ' ';
height: 22px;
width: 2px;
background-color: #ffffff;
}
.cmtt-lightbox-wrapper.active .cmtt-lightbox-close:before {
transform: rotate(45deg);
}
.cmtt-lightbox-wrapper.active .cmtt-lightbox-close:after {
transform: rotate(-45deg);
}
.cm-glossary.img-term-definition .cmtt-thumbnail {
display: block;
position: relative;
}
.cm-glossary.img-term-definition .cmtt-thumbnail[data-link="1"]:hover:before {
content: url(//gastropedia.pub/es/gastroblog/wp-content/plugins/TooltipProEcommerce/assets/css/images/search.svg);
position: absolute;
width: 20px;
height: 20px;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 1;
margin: auto;
text-align: center;
transition: all 0.4s;
-webkit-transition: all 0.4s;
z-index: 200;
}
.cm-glossary.img-term-definition .cmtt-thumbnail[data-link="1"]:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.6);
opacity: 0;
transition: all 0.4s;
-webkit-transition: all 0.4s;
}
.cm-glossary.img-term-definition .cmtt-thumbnail[data-link="1"]:hover:after {
opacity: 1;
}
@media only screen and (max-width: 600px) {
.cm-glossary.img-term-definition .glossary-container ul#glossaryList > li {
display: block;
}
.cm-glossary.img-term-definition .cmtt-thumbnail:hover:before {
content: '';
}
.cm-glossary.img-term-definition .cmtt-thumbnail:hover:after {
opacity: 0;
}
}
body.disable-scroll {
overflow: hidden;
height: 100%;
} .cm-glossary.flipboxes-with-definition .glossaryList {
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-gap: 10px;
}
.cm-glossary.flipboxes-with-definition .glossaryList > li {
background-color: transparent;
height: 160px;
perspective: 1000px;
}
.cm-glossary.flipboxes-with-definition .glossaryList > li > div {
position: relative;
width: 100%;
height: 100%;
text-align: center;
transition: transform 0.8s;
transform-style: preserve-3d;
}
.cm-glossary.flipboxes-with-definition .glossaryList > li:hover > div {
transform: rotateY(180deg);
}
.cm-glossary.flipboxes-with-definition .glossaryList > li > div.term-block > .glossaryLinkMain,
.cm-glossary.flipboxes-with-definition .glossaryList > li > div.term-block > .glossaryLink {
display: flex;
justify-content: center;
height: 160px;
background: #c1afff;
border: unset;
color: #ffffff;
align-items: center;
overflow-wrap: normal;
overflow: hidden;
padding: 10px;
}
.cm-glossary.flipboxes-with-definition .glossaryList > li > div.term-block > .glossaryLinkMain,
.cm-glossary.flipboxes-with-definition .glossaryList > li > div.term-block > .glossaryLink,
.cm-glossary.flipboxes-with-definition .glossaryList > li > div.term-block .glossary_itemdesc {
position: absolute;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-box-shadow: -1px 0 7px -4px rgba(56, 56, 56, 0.85);
-moz-box-shadow: -1px 0 7px -4px rgba(56, 56, 56, 0.85);
box-shadow: -1px 0 7px -4px rgba(56, 56, 56, 0.85);
}
.cm-glossary.flipboxes-with-definition .glossaryList > li > div.term-block > .glossary_itemdesc {
display: grid;
grid-template-rows: 1fr 50px;
font-size: 12px;
color: #000000;
transform: rotateY(180deg);
height: 160px;
overflow: hidden;
background-color: #ffffff;
padding: 10px;
cursor: pointer;
}
.cm-glossary.flipboxes-with-definition .glossaryList .glossary_itemdesc .glossary-read-more-link {
display: flex;
justify-content: center;
align-items: center;
background-color: #c1afff;
color: #ffffff;
text-transform: uppercase;
}
@media (max-width: 1024px) {
.cm-glossary.flipboxes-with-definition #glossaryList.glossaryList {
grid-template-columns: repeat(5, 1fr);
}
}
@media (max-width: 930px) {
.cm-glossary.flipboxes-with-definition #glossaryList.glossaryList {
grid-template-columns: repeat(4, 1fr);
}
}
@media (max-width: 768px) {
.cm-glossary.flipboxes-with-definition #glossaryList.glossaryList {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 400px) {
.cm-glossary.flipboxes-with-definition #glossaryList.glossaryList {
grid-template-columns: repeat(2, 1fr);
}
}
.cm-showing-tags {
margin: 15px 0 10px;
}
.cm-showing-tags .glossary-search-clear {
margin: 0 0 0 5px;
font-size: 10px;
padding: 2px;
line-height: 15px; font-weight: bold;
height: 15px;
width: 15px;
display: inline-block;
color: #666;
vertical-align: text-top;
border-radius: 7.5px;
text-align: center;
}
body.rtl .cmtt-tags-filter a.cmtt-glossary-tag {
border-right: 1px solid;
margin: 0 5px 0 0;
padding: 0 5px 0 0;
}
@media screen and (max-width: 768px) {
.cmtt-lightbox-wrapper.active .cmtt-lightbox-content {
max-width: 95%;
max-height: 95%;
padding: 0;
}
.cmtt-lightbox-wrapper.active .img-holder {
max-height: 85%;
}
.cmtt-lightbox-wrapper.active .cmtt-lightbox-content {
max-width: 95%;
max-height: 95%;
padding: 0;
}
.cmtt-lightbox-wrapper.active .img-holder {
max-height: 85%;
}
.cm-glossary ul.glossaryList li .glossary_itemdesc a {
word-break: break-all;
}
}
@media only screen and (max-width: 600px) {
.cm-glossary.img-term-definition .glossary-container ul#glossaryList > li {
display: block;
}
.cm-glossary.img-term-definition .cmtt-thumbnail:hover:before {
content: '';
}
.cm-glossary.img-term-definition .cmtt-thumbnail:hover:after {
opacity: 0;
}
} .cm-glossary.table.modern ul.glossaryList > li {
list-style: none;
min-height: 1.5em;
border: 1px solid #EAEAEA;
display: flex;
}
.cm-glossary.table.modern ul.glossaryList > li:last-child {
border-top: none;
}
.cm-glossary.table.modern ul.glossaryList li > .glossaryLink,
.cm-glossary.table.modern ul.glossaryList li > .glossaryLinkMain {
list-style: none;
margin: 0.5em;
display: inline;
width: 33%;
}
.cm-glossary.table.modern ul.glossaryList li > .glossary_itemdesc {
list-style: none;
min-height: 3em;
padding: 0.5em 0 0.5em 2%;
border-left: 1px solid #E5E5E5;
word-wrap: break-word;
flex: 1;
}
.cm-glossary.table.modern ul.glossaryList li.the-index-letter {
font-size: 20px;
line-height: 1.5em;
text-transform: uppercase;
clear: both;
width: 100%;
padding: 5px 0;
border: none;
}
.cm-glossary.table ul.glossaryList li.the-index-letter > * {
margin: 0;
padding: 0;
}
.cm-glossary.table.modern ul.glossaryList li.the-letter-separator {
clear: both;
width: 100%;
border: none;
height: 0;
margin: 0;
min-height: 0;
} .cm-glossary.language-table ul > li {
margin: 15px 0;
display: grid;
border-top: 1px solid rgb(192, 192, 192);
justify-content: space-between;
grid-gap: 15px;
}
.cm-glossary.language-table ul > li:first-child {
border: none;
}
.cm-glossary.language-table .cmtt-language-table-header .current {
grid-column: 1 / span 1;
grid-row: 1 / 1;
}
select#glossary-languages {
width: auto;
margin: 10px 10px 10px 0;
}#tt, #tt.amp-tooltip {
position:absolute;
opacity: 0.95;
width: auto;
display: none;
}
#tt.amp-tooltip {
display: block;
max-width: 300px;
}
#tt iframe{
max-width: 99%;
}
.centerflp-content {
opacity: 0!important;
transform: scale3d(0,1,0);
transform-origin: 50% 120%;
transition: opacity .5s,transform .5s;
transition-timing-function: ease,cubic-bezier(.6,0,.4,1);
display: block;
}
.force-hide{
visibility: hidden;
}
.flipInY{
display: block !important;
}
.no-ani-with-flip {
opacity: 1!important;
transform: scale3d(1,1,1);
}
.zoomIn,.zoomOut {
transform-origin: top center;
}
.centerflp-content.tooltip-bloated-content {
opacity: 1!important;
pointer-events: auto;
-webkit-transform: scale3d(1,1,1) !important;
transform: scale3d(1,1,1) !important;
}
.no-in {
display: none;
}
.has-in {
transform: scale3d(0,1,0);
transform-origin: 50% 120%;
}
#tt.out {
-webkit-animation-name: out; -webkit-animation-duration: 4s; animation-name: out;
animation-duration: 0.5s;
animation-iteration-count: 1;
transform: scale3d(0,1,0);
transform-origin: 50% 120%;
}
#tt.in {
-webkit-animation-name: in; -webkit-animation-duration: 4s; animation-name: in;
animation-duration: 0.5s;
animation-iteration-count: 1;
transform: scale3d(1,1,1);
transform-origin: 50% 120%;
} @keyframes in {
from {transform: scale3d(0,1,0);
transform-origin: 50% 120%;}
to {transform: scale3d(1,1,1);
transform-origin: 50% 120%;}
}
@keyframes out {
from {transform: scale3d(1,1,1);
transform-origin: 50% 120%;}
to {transform: scale3d(0,1,0);
transform-origin: 50% 120%;}
} #tt.vertical_top:before {
z-index: 111;
content: '';
position: absolute;
border: 9px solid transparent;
border-top: 0;
border-bottom: 9px solid transparent;
top: -9px;
left: 170px;
}
#tt.vertical_top:after {
z-index: 111;
content: '';
position: absolute;
border: 9px solid transparent;
border-top: 0;
border-bottom: 9px solid transparent;
top: -8px;
left: 170px;
} #tt.vertical_bottom:before{
z-index: 111;
content: '';
position: absolute;
border: 9px solid transparent;
border-bottom: 0;
border-top: 9px solid transparent;
bottom: -9px;
left: 170px;
}
#tt.vertical_bottom:after{
content: '';
position: absolute;
border: 9px solid transparent;
border-bottom: 0;
border-top: 9px solid transparent;
bottom: -8px;
left: 170px;
z-index: 113;
}
#tttop {
display: block;
}
#ttcont {
display: block;
padding:20px;
margin-left:5px;
background: #333;
color: #fff;
overflow: auto
}
#ttbot {
display: block;
margin-left: 5px;
}
#ttcont iframe{
max-width: 99%;
}
#ttcont ol,
#ttcont ul {
list-style-position: inside;
}
#ttcont > img {
display: block;
}
.cmtt-clearfix {
clear: both;
}
.cmtt-backlink {
display:block;
margin:10px 0;
}
.cmtt-glossary-tooltip-toggle-wrapper{
margin: 10px 0;
}
.cmtt-tooltip-overlay{
display: inline-block;
position: relative;
}
.cmtt-tooltip-overlay-icon{
display: inline-block;
position: absolute;
top: 0;
right: 0;
}
.cmtt_longtext {
width: 300px;
}
.cmtt-tooltip-overlay-icon:after {
position:absolute;
top:0;
right:0;
content:'';
width: 15px;
height: 15px;
background: url(//gastropedia.pub/es/gastroblog/wp-content/plugins/TooltipProEcommerce/assets/css/images/tooltip-image-overlay-icon.png);
background-repeat: no-repeat;
background-position: center center;
background-color: transparent;
z-index: 1400;
background-size: 100%;
}
#tt #tt-btn-close,
#amp-tt #tt-btn-close {
width: 16px;
height: 16px;
z-index: 999999;
background-position: -80px -128px;
position: absolute;
right: 0;
top: 0;
cursor: pointer;
font-size: 20px;
color: #222;
direction: rtl;
}
ul#glossaryList{
padding: 0;
margin: 0 0 30px 0;
list-style-type: none !important;
}
div.glossary-container > ul.pageNumbers {
padding-top: 20px;
}
div.glossary-container > p br {
display: none;
}
span.glossaryLink, a.glossaryLink, div.glossaryLink {
text-decoration: none !important;
border-bottom: dotted 1px;
}
span.glossaryLink.hasDashicon,
a.glossaryLink.hasDashicon {
border-bottom: none !important;
}
a.glossaryLink:hover {
text-decoration:none !important;
}
span.glossaryLink.hasDashicon:hover,
a.glossaryLink.hasDashicon:hover {
border-bottom: none !important;
text-decoration:none !important;
}
span.glossaryLink:focus,
a.glossaryLink:focus,
#tt-btn-close {
outline: none;
}
#glossary-categories {
float: right;
margin: 0;
}
.glossary-category-wrapper {
float: right;
display: flex;
align-items: center;
}
.glossary-category-wrapper label {
margin-right: 10px;
}
.mobile-link{
margin: 10px 0;
font-size: 14px;
}
.mobile-link:before{
content: "Term link: ";
} h4.cmtt_related_title {
margin-bottom: 0;
margin-top: 20px;
}
div.cmtt_related_title {
margin-bottom: 0;
margin-top: 20px;
font-weight: bold;
}
.glossary_itemdesc .cmtt_related_title {
margin-top: 5px;
}
ul.cmtt_related {
margin-top: 0;
clear: none;
}
li.cmtt_related_item{
margin-bottom: 10px;
}
div.cmtt_synonyms {
margin-bottom: 1em;
font-style: italic;
}
div.cmtt_synonyms_title {
margin-bottom: 0;
margin-top: 20px;
font-weight: bold;
}
div.glossaryItemTitle {
margin: 10px 0;
}
#ttcont div.glossaryTooltipMoreLinkWrapper {
padding: 2px 12px 3px 7px;
}
#ttcont div.glossaryTooltipMoreLinkWrapper:after {
content: " \2192";
}
.glossary_top_filter {
clear: both;
overflow: hidden;
margin: 10px 0;
}
.cmtt-tags-filter {
margin: 10px 0 0;
}
.cmtt-tags-filter a.cmtt-glossary-tag {
cursor: pointer;
border-left: 1px solid;
margin: 0 0 0 5px;
padding: 0 0 0 5px;
}
.cmtt-tags-filter a.cmtt-glossary-tag:first-child {
border: none;
padding: 0;
margin: 0;
}
.cmtt-tags-filter a.cmtt-glossary-tag.selected{
text-decoration: underline;
font-weight: bold;
}
.cmtt-categories-filter a.cmtt-glossary-category {
cursor: pointer;
margin: 0 0 0 1px;
background:#a8a8a8;
color:white !important;
border: 1px solid;
border-radius: 25px;
padding: 5px;
font-weight:700 !important;
}
.cmtt-categories-filter a.selected {
background:#696969!important;
color:white !important;
}
.cmtt-categories-filter {
margin: 10px 0 0;
padding: 10px 0;
line-height: 35px;
}
.cmtt-categories-filter a.cmtt-glossary-category:first-child {
border: none;
padding: 0;
margin: 0;
}
.cmtt-categories-filter a.cmtt-glossary-category.selected{
text-decoration: underline;
font-weight: bold;
}
.glossary_top_filter .right {float: right;}
.cm-showhide-handle{ cursor: pointer;} .glossary-container {
position: relative
}
.glossary-search-clear {
margin-left: 1em;
cursor: pointer;
}
#glossary-search-term {
padding-left: 5px;
padding-right: 5px;
} #tt .mobile-link a.glossaryLinkMain,
#tt div.glossary_mw_dictionary,
#tt div.mw-thesaurus-container,
#tt h1,#tt h2,#tt h3,#tt h4{
color: #fff;
}
div.mw-dictionary-container{
margin-top: 1em;
}
div.mw-thesaurus-container{
margin-top: 2em;
}
.mw-wikipedia-container table.infobox,
.mw-wiktionary-container table.infobox{
float: right;
font-size: 8pt;
margin-left: 5px;
}
div.glossary_mw_dictionary,
div.glossary_mw_wikipedia,
.glossary_mw_wiktionary{
font-size: 14pt;
margin: 0.5em 0 0.5em 0;
}
div.mw-group{margin: 0.5em 0 0.5em 0}
div.mw-group .group-title{ font-size: 12pt; margin-top: 0.5em; margin-bottom: 0.5em}
div.mw-group .term {margin-top: 0.3em}
div.mw-group div.term-number {float: left; font-weight: bold}
div.mw-group div.dd {margin: 0 0 0 1.5em;}
div.mw-group dd {margin: 0 0 0 1.5em;}
div.mw-group .type-vt {margin-left: 1em}
div.mw-group .sn {margin-left: 2em; margin-right: 0.5em}
div.mw-group .prdiv {margin-left: 0.5em}
div.mw-group .prdiv + .sn {margin-left: 0.5em;}
#tt span.example:before{content: "<"}
#tt span.example:after{content: ">"}
span.definition {margin-left: 0.5em}
div.mw-group.mw-definitnion { font-family: monospace; border: 1px #ccc solid; border-radius: 5px; display: block;padding: 10px;}
div.scnt {margin-top: 1em}
.progress-indicator {top:0; right:0; width:100%; height:100%; position:absolute; text-align:center; filter: alpha(opacity=50); opacity:0.5; z-index:1000; background-color:white; display:none;}
.progress-indicator img {margin-top:75px;}
.cmtt-post-format-icon:before{font: 200 14px/1 dashicons;position: relative;left: -5px; }
.cmtt-post-format-icon.cmtt-post-format-audio:before { content: "\f521"; font-size: 0.8em; }
.cmtt-post-format-icon.cmtt-post-format-new:before {content: '\f155';}
.cmtt-post-format-icon.cmtt-post-format-new {display:inline}
.cmtt-audio-shortcode {
margin: 10px;
}
.cmtt-audio-player.cmtt-limited {
float: right;
font: 200 14px/1 dashicons;
}
.cmtt-audio-player.cmtt-limited:before { }
.cmtt-audio-player.cmtt-limited .cmtt-audio-shortcode .mejs-controls > *:not(.mejs-playpause-button) {
display: none !important;
}
.cmtt-audio-player.cmtt-limited .cmtt-audio-shortcode.mejs-container{
width: auto !important;
height: auto !important;
background: none !important;
}
.cmtt-audio-player.cmtt-limited .cmtt-audio-shortcode .mejs-controls{
width: auto !important;
background: none !important;
position: initial !important;
}
.cmtt-audio-player .cmtt-audio-shortcode .mejs-controls{
position: initial !important;
} .cmtt-woocommerce-product-container {
padding: 0.2em;
}
.cmtt-woocommerce-product-image-container{
float: left;
padding: 5px 10px 10px 0;
}
.cmtt-woocommerce-product-description{
padding-bottom: 1em;
display: block;
}
.cmtt-woocommerce-product-desc-container {
min-width: 275px;
}
.cmtt-woocommerce-product-name {
font-weight: 600;
}
.cmtt-woocommerce-product-button-container{
float: right;
}
.cmtt-woocommerce-product-price ins{
background: none;
} .cmtt-woocommerce-product-list {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 15px;
margin: 30px 0;
}
.cmtt-woocommerce-product-list .cmtt-woocommerce-product-button-container {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 5px;
justify-content: space-between;
align-items: center;
width: 100%;
}
.cmtt-woocommerce-product-list .cmtt-woocommerce-product-button-container > a {
padding: 7px !important;
text-align: center;
}
.cmtt-woocommerce-product-list .cmtt-woocommerce-product-name {
display: inline-block;
width: 100%;
text-align: center;
}
.cmtt-woocommerce-product-list .cmtt-woocommerce-product-desc-container {
min-width: unset;
}
@media screen and (max-width: 768px) {
.cmtt-woocommerce-product-list {
grid-template-columns: 1fr 1fr;
}
}
@media screen and (max-width: 451px) {
.cmtt-woocommerce-product-list {
grid-template-columns: 1fr;
}
}
.cmtt-post-tags a{
cursor: pointer;
}
.cmtt-taxonomy-single a{
cursor: pointer;
}
.server-info-table td:nth-child(3) {}
.server-info-table span {color: green; font-weight: bold;}
.server-info-table strong {color: red; font-weight: bold;} .cmtt-social-box {
width: auto;
display: flex;
margin-bottom: 10px;
padding: 0;
}
.cmtt-social-box > div {
height: 25px;
max-width: 68px;
margin: 4px 4px 0 0;
}
.cmtt-social-box .sharetitle {
border-right: 1px solid #D2D2D2;
padding: 0 10px 0 0;
margin: 0 10px 0 0;
line-height: 25px;
vertical-align: middle;
display: inline-block;
font-size: large;
font-weight: bold;
max-width: fit-content;
}
.cmtt-social-box > div * {
vertical-align: top !important;
}
select#cmtt_glossaryID {
max-width: 350px;
}
li.cmtt-has-thumbnail {
list-style-position: inside;
list-style-type: none;
margin-left: -25px;
}
li.cmtt-has-thumbnail .cmtt-thumbnail {
position: relative;
}
li.cmtt-has-thumbnail .cmtt-thumbnail-link {
position: relative;
display: inline-block;
border: 0 !important;
outline: none;
text-decoration: none!important;
-webkit-box-shadow: none!important;
box-shadow: none!important;
padding: 0;
margin: 0;
vertical-align: middle;
} body.cmtt-embed {
margin: 0 !important;
padding: 0 !important;
overflow: hidden;
background: #fff;
}
body.cmtt-embed .cmtt-embedded{
margin: 25px 5px;
}
.cmtt-embed-btn {
margin: 5px 0;
}
.cmtt-embed-modal {
display: none;
background: white;
padding: 2em;
width: 600px;
}
.cmtt-embed-modal textarea {
width: 100%;
height: 7em;
margin-top: 1em;
}
body.cmtt-embed .zopim {
display: none !important;
visibility: hidden !important;
}
.cmtt-overlay {
position: fixed;
top: 0; left: 0;
width: 100%;
height: 100%;
background: rgba(50,50,50,0.9);
z-index: 9999998;
}
.cmtt-overlay-content-outer {
position: fixed;
top: 10%;
left: 50%;
width: auto;
z-index: 9999999;
}
.cmtt-overlay-content {
background: white;
margin-left: -50%;
width: 100%;
position: relative;
}
.cmtt-overlay-close {
font: normal 24px Arial;
color: #666;
position: absolute;
top: 0;
right: 3px;
cursor: pointer;
}
.cmtt_help {
background-image: url(//gastropedia.pub/es/gastroblog/wp-content/plugins/TooltipProEcommerce/assets/css/images/help.png);
width: 15px;
height: 15px;
display: inline-block;
cursor: pointer;
}
.cmtt_field_help {
margin: 0 -20px 0 0;
float: right;
}
.cmtt_field_help:hover,
.cmtt_help:hover {
background-image: url(//gastropedia.pub/es/gastroblog/wp-content/plugins/TooltipProEcommerce/assets/css/images/help_hover.png);
}
.cmtt_help {
margin-right: 5px;
} .glossaryLink.ampGlossaryLink {
position: relative;
}
.glossaryLink.ampGlossaryLink #tt{
top: 110%; left: -50%;
} .cmtt-related-term {
margin: 20px 0 30px 0;
}
.cmtt-related-term h4 {
margin: 20px 0 10px 0;
} .cmtt-footnote-header-border{
border-top: 1px solid lightgrey;
width: 100% ;
margin-bottom: 15px;
}
.cmtt-footnote-bottom-border{
border-top: 1px solid lightgrey;
width: 100% ;
margin-top: 15px;
margin-bottom: 15px;
}
.cmtt-footnote-def.hidden{
display:none;
}
.cmtt-footnote-def-key{
font-style: oblique;
font-weight: 500 ;
}
.cmtt-footnote-def-content{
font-size: small ;
}
.cmtt-footnote-def-content .cmtt_meanings_wrapper{
display: inline-table;
} .single-sidebar-glossary #primary {
margin-left: 0;
width: 70%;
float: left;
padding-right: 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.single-sidebar-glossary #secondary {
width: 30%;
float: left;
padding-left: 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}