.widget .myCRED-rank {
float: right;
}
.item-meta > #mycred-my-ranks {
display: none;
}
.item-meta > .mycred-balance {
display:none;
}
.widget .myCRED-rank span {
padding-right: 4px;
color: gray;
}
.widget .myCRED-balance {
display: block;
margin-bottom: 24px;
text-align: center;
font-size: larger;
}
.widget .myCRED-leaderboard .cred {
float: right;
}
.widget .myCRED-leaderboard .first-item {
font-size: 110%}
.widget .myCRED-history {
padding: 0;
margin: 0;
list-style-type: none;
}
.widget .myCRED-history .creds {
float: right;
padding: 0;
clear: left;
}
.mycred-nav-rank img {
display: inherit;
}
button.mycred-submit-transfer.btn.btn-primary.btn-block.btn-lg {
margin: 20px 0;
}
input.mycred-autofill.form-control.ui-autocomplete-input {
margin-left: 20px;
}
.mycred-transfer-form input.form-control {
margin-left: 28px;
margin-top: 10px;
}
span.form-control-static {
text-transform: capitalize;
font-weight: 400;
margin-left: 20px;
}
p.form-control-static {
margin: 0 16px;
}
form#mycred-transfer-form-transfer {
background: #f9f9f9;
padding: 25px;
box-shadow: 0 0 20px 0 rgb(0 0 0 / 20%), 0 5px 5px 0 rgb(0 0 0 / 24%);
border-radius: 10px;
}
form#mycred-transfer-form-donation {
background: #f9f9f9;
padding: 25px;
margin: 150px 0;
box-shadow: 0 0 20px 0 rgb(0 0 0 / 20%), 0 5px 5px 0 rgb(0 0 0 / 24%);
border-radius: 10px;
}
input#mycred-transfer-form-message-field {
margin-left: 24px;
}
span#mycred-transfer-form-amount-field {
margin-left: 28px;
}
.mycred-badges-list-item img {
width: 25%;
display: inline-block;
float: left;
}
.mycred-badges-list-item h3 {
color: red;
}
.mycred-badges-list-item .mycred-left {
float: left;
width: 72%;
margin-left: 15px;
}
.mycred-badges-list-item .clear {
clear: both;
}
.mycred-badges-list-item .mycred-mr-l {
margin-left: 25px;
}
.mycred-badges-list-item {
border-top: 0 solid #9c9c9c;
min-height: 180px;
padding: 15px 0;
cursor: pointer;
}
.mycred-badges-list-item~.mycred-badges-list-item {
border-top-width: 1px;
}
.mycred-badges-list h3:first-child {
margin-bottom: 15px;
margin-top: 0;
}
.mycred-badges-list-item.not-earned {
filter: grayscale(1);
}
.mycred-tabset .mycred-badge-count {
color: #fff;
font-size: 18px;
background: #0173aa;
border-radius: 50%;
padding: 0 7px;
}
.mycred-badges-list-item .mycred-sup-category {
background: #0173aa;
color: #fff;
margin: 0 3px;
padding: 2px 6px;
font-size: 14px;
border-radius: 4px;
}
ul.mycred-badges-list-tabs {
list-style-type: none;
display: flex;
margin: 0;
padding: 0;
}
ul.mycred-badges-list-tabs li {
padding: 10px;
cursor: pointer;
border: 1px solid transparent;
margin-right: 5px;
margin-bottom: -1px;
}
ul.mycred-badges-list-tabs li.active {
border: 1px solid #47525d;
border-bottom: 1px solid #ccc;
}
.mycred-badges-list-panels {
border-top: 1px solid #47525d;
}
.mycred-badges-list-panel.active {
display: initial;
}
.mycred-badges-list-panel {
display: none;
}
.mycred-badge-count {
color: #fff;
font-size: 18px;
background: #0173aa;
border-radius: 50%;
padding: 0 7px;
margin-left: 5px;
}
.mycred-badge-page .mycred-level-image {
width: 150px;
}
.mycred-badge-page .mycred-badge-page-level {
float: left;
width: 30%; }
.mycred-badge-page .mycred-level-requirement {
font-size: 19px;
text-align: left;
}
.mycred-badge-page .mycred-badge-image {
width: 150px;
}
.mycred-badge-page-level .mycred-level-image {
width: 70px;
}
.mycred-float-left {
float: left;
}
.mycred-float-right {
float: right;
}
.mycred-badge-earner-grid img {
width: 150px;
height: 150px;
padding: 10px;
}
.mycred-badge-earner-grid h4 {
margin: 0;
}
.mycred-badge-earner-grid {
text-align: center;
}
.mycred-badges-list-item p {
margin-top: 0;
}
.mycred-left {
float: left;
}
.mycred-right {
float: right;
}
.mycred-clear {
clear: both;
}
.mycred-remove-margin {
margin: 0;
}
.mycred-remove-padding {
padding: 0;
}
.mycred-evidence-page .intro {
margin-left: 45px;
}
.mycred-evidence-page p {
font-size: 19px;
margin: 0;
}
.mycred-evidence-page a {
text-decoration: none;
color: red;
}
.mycred-evidence-page .dashicons-yes-alt {
line-height: inherit;
color: green;
}
.mycred-badge-page-level ul {
margin-left: 0;
padding-left: 20px;
}
.mycred-badge-page-level .mycred-level-reward {
text-align: left;
}
.mycred-level-reward {
margin-bottom: 15px;
}
.mycred-badge-page-level {
margin-right: 15px;
}
.mycred-badges-list-item:hover {
background: #efefef;
}
.mycred-badge-congratulation-msg {
background: #f0f0f0;
padding: 25px 10px;
margin: 20px 0;
border-radius: 5px;
}
li.mycred-strike-off {
text-decoration: line-through;
}
.mycred-search-bar {
padding: 10px 0;
}
.mycred-history-wrapper .pagination>li {
display: inline-block;
padding: 5px;
}
.mycred-badge-page-level h4  {
text-align:  left;
}
.mycred_align_left {
text-align:left
}
.mycred_align_center {
text-align:center
}
.mycred_align_justify {
text-align:justify
}
.mycred_align_right{
text-align:right
}
.mycred_layout_left .mycred-badge-image-wrapper {
float:left;
width:30%;
}
.mycred_layout_left .mycred_content {
float:left;
width:70%;
}
.mycred_layout_left { width:100%
}
.mycred_layout_top {
float:left;
width:100%;
}
.mycred_layout_right .mycred-badge-image-wrapper {
float:right;
width:30%;
}
.mycred_layout_right .mycred_content {
float:right;
width:70%;
}
.mycred_layout_right {
float:right;
width:100%;
}
.mycred-clearfix {
clear: both;
}
.mycred_layout_top .mycred-badge-image-wrapper, .mycred_layout_bottom .mycred-badge-image-wrapper {
text-align: center;
}
.mycred-badge-image {
display: inline;
}
.mycred-not-earned {
opacity: 0.4;
}
.mycred-alert {
padding: 10px;
border-radius: 5px;
color: #1b1e21;
background-color: #d6d8d9;
border-color: #c6c8ca;
}
.mycred-alert.success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
}@font-face {
font-family: 'mycred-social-icons';
src:  url(//joanllompart.com/wp-content/plugins/mycred/assets/css/fonts/mycred-social-icons.eot?u9j1dx);
src:  url(//joanllompart.com/wp-content/plugins/mycred/assets/css/fonts/mycred-social-icons.eot?u9j1dx#iefix) format('embedded-opentype'),
url(//joanllompart.com/wp-content/plugins/mycred/assets/css/fonts/mycred-social-icons.ttf?u9j1dx) format('truetype'),
url(//joanllompart.com/wp-content/plugins/mycred/assets/css/fonts/mycred-social-icons.woff?u9j1dx) format('woff'),
url(//joanllompart.com/wp-content/plugins/mycred/assets/css/fonts/mycred-social-icons.svg?u9j1dx#mycred-social-icons) format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="mycred-social-icon-"], [class*=" mycred-social-icon-"] { font-family: 'mycred-social-icons' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.mycred-social-icon-bars:before {
content: "\e900";
}
.mycred-social-icon-facebook:before {
content: "\e901";
}
.mycred-social-icon-instagram:before {
content: "\e902";
}
.mycred-social-icon-linkedin:before {
content: "\e903";
}
.mycred-social-icon-pinterest:before {
content: "\e904";
}
.mycred-social-icon-twitch:before {
content: "\e905";
}
.mycred-social-icon-twitter:before {
content: "\e906";
}
.mycred-social-icon-whatsapp:before {
content: "\e907";
}
.mycred-social-icon-youtube:before {
content: "\e908";
}.social-media-br br {
display: none;
}
button.mycred-social-icons, a.mycred-social-icons, button.social-text {
text-align: center;
margin: 0 2px 5px 2px;
cursor: pointer;
}
button.mycred-social-icons:before {
margin-right: 11px;
font-size: 20px;
margin-left: 2px;
vertical-align: middle;
}
button.mycred-social-icons a, button.social-text a {
text-decoration: none;
color: #FFF;
line-height: normal; text-transform: capitalize;
font-family: sans-serif;
font-weight: bold;
box-shadow: none;
}
button.mycred-social-icons a {
vertical-align: middle;
}
button.mycred-social-icons a:hover, button.social-text a:hover {
box-shadow: none;
color: #fff;
}
button.mycred-social-icons, button.social-text {
padding: 10px 15px;
font-size: 15px;
text-align: center;
border: 0px;
white-space: nowrap;
}
a.mycred-social-icons {
font-size: 20px;
text-decoration: none;
box-shadow: none;
min-width: 40px;
height: 40px;
display: inline-flex;
flex-direction: column;
flex: 0 0 10%;
max-width: 10%;
align-items: center;
justify-content: center;
transition: all .2s ease-in-out;
}
a.mycred-social-icons:hover, button.mycred-social-icons:hover, button.social-text:hover {
opacity: 0.7;
box-shadow: none;
color: #fff;
}
a.mycred-social-icon-facebook, button.mycred-social-icon-facebook, button.facebook {
background: #3b5998;
color: white;
}
a.mycred-social-icon-youtube, button.mycred-social-icon-youtube, button.youtube {
background: #f80000;
color: white;
}
a.mycred-social-icon-twitter, button.mycred-social-icon-twitter, button.twitter {
background: #55acee;
color: white;
}
a.mycred-social-icon-twitch, button.mycred-social-icon-twitch, button.twitch {
background: #6441a5;
color: white;
}
a.mycred-social-icon-instagram, button.mycred-social-icon-instagram, button.instagram {
background: #C03B92;
color: white;
}
a.mycred-social-icon-pinterest, button.mycred-social-icon-pinterest, button.pinterest {
background: #bd081c;
color: white;
}
a.mycred-social-icon-linkedin, button.mycred-social-icon-linkedin, button.linkedin {
background: #0077b5;
color: white;
}
a.mycred-social-icon-whatsapp, button.mycred-social-icon-whatsapp, button.whatsapp {
background: #43d854;
color: white;
} a.mycred-social-icons.i-text:hover, a.mycred-social-icons.i-text-admin:hover {
position: relative;
max-width: max-content;
flex: 0 0 35%;
}
a.mycred-social-icons.i-text-admin:hover {
top: -4px;
}
a.mycred-social-icons.i-text:hover:before, a.mycred-social-icons.i-text-admin:hover:before {
position: absolute;
left: 15px;
z-index: 9999;
}
a.mycred-social-icons.i-text span {
display: none;
}
a.mycred-social-icons.i-text:hover span, a.mycred-social-icons.i-text-admin:hover:after {
margin-left: 14px;
font-family: sans-serif;
font-weight: bold;
font-size: 14px;
}
a.mycred-social-icons.i-text-admin:hover:after {
min-width: 150px;
display: inline-block;
}
a.mycred-social-icons.i-text:hover span {
display: inline-block;
}
a.mycred-social-icon-whatsapp.i-text:hover {
min-width: 130px;
}
.entry .entry-content a.social-share {
text-decoration: none;
}
.social-wrapper {
align-items: center;
}
.social-wrapper>* {
flex-basis: auto;
margin: 5px !important;
}
.social-wrapper .mycred-social-icon-whatsapp, .social-wrapper button.whatsapp {
display: none !important;
}
.social-wrapper .show-more {
display: block;
width: 40px;
height: 40px;
line-height: 40px;
padding: 0;
margin-right: 0 !important;
min-width: 40px;
}
.social-wrapper>a+.show-more {
border-radius: 0;
}
span.social-span {
font-weight: 400;
color: #afaaa4;
display: block;
font-style: italic;
} ul.filter-fields-list {
max-width: 80%;
}
ul.filter-fields-list li {
clear: both;
}
ul.filter-fields-list li input[type="text"] {
float: right;
}
.mycred-tab-content .form-table th {
width: 24%;
text-align: right;
}
.border-row {
border-top: 1px solid #DDD;
}
.border-b-row {
border-bottom: 1px solid #DDD;
}
@media (max-width:1024px) {
ul.filter-fields-list {
max-width: 80%;
}
}
@media (max-width:768px) {
a.mycred-social-icons.i-text:hover, a.mycred-social-icons.i-text-admin:hover {
min-width: 45%;
}
}
.mycred-tab-content.tab-container {
background-color: white;
border: solid #cccccc 1px;
margin-top: -1px;
}
.mycred-tab-content .form-table td { 
padding: 15px 55px;
}
.filter-fields-list .mycred-social-custom-fields{   
width: 49%;
margin-top: 13px;
}
.filter-fields-list .mycred-select-option {
display: inline-block;
margin-top: 18px;
min-width: 125px;
max-width: 109px;
float: left;
}
.mycred-tab-content a{
text-decoration: none;
}
.correct-app-id
{
border: #01ab01 solid 1px!important;
}
.incorrect-app-id
{
border: #dc3232 solid 1px!important;
}
small.response_message {
color: red;
display: none;
}
.mycred-tab-content li.sortable-item.ui-sortable-handle {
background-color: whitesmoke;
padding-bottom: 8px;
padding-right: 10px;
padding-left: 8px;
border: 1px solid #dadada;
}
.mycred-tab-content li.sortable-item i.mycred-social-icon-bars {
cursor: all-scroll;
}
.mycred-tab-content li.sortable-item.ui-sortable-handle:hover {
-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);
box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.2);
transition: all 0.3s ease;
}
.mycred-tab-content i.mycred-social-icon-bars {
margin-right: 6px;
}
.my_cred_follow_button_input_field
{
display: inline-block;
width: 78%;
}
.mycred_share_width_fix .my_cred_follow_button_input_field .mycred-social-custom-fields
{
width: 100%;
}
.mycred-tab-content.admin-mycred  a.mycred-social-icon-pinterest.i-text-admin:hover:after,
a.i-text-admin.mycred-social-icon-pinterest:hover:after {
content: "Pinterest";
}
.mycred-tab-content.admin-mycred  a.mycred-social-icon-facebook.i-text-admin:hover:after,
a.mycred-social-icon-facebook.i-text-admin:hover:after {
content: "Facebook";
}
.mycred-tab-content.admin-mycred  a.mycred-social-icon-twitter.i-text-admin:hover:after,
a.mycred-social-icon-twitter.i-text-admin:hover:after {
content: "Twitter";
}
.mycred-tab-content.admin-mycred  a.mycred-social-icon-linkedin.i-text-admin:hover:after,
a.mycred-social-icon-linkedin.i-text-admin:hover:after {
content: "Linkedin";
}
.mycred-tab-content.admin-mycred  a.mycred-social-icon-youtube.i-text-admin:hover:after,
a.mycred-social-icon-youtube.i-text-admin:hover:after {
content: "Youtube";
}
.mycred-tab-content.admin-mycred  a.mycred-social-icon-twitch.i-text-admin:hover:after,
a.mycred-social-icon-twitch.i-text-admin:hover:after {
content: "Twitch";
}
.mycred-tab-content.admin-mycred  a.mycred-social-icon-instagram.i-text-admin:hover:after,
a.mycred-social-icon-instagram.i-text-admin:hover:after {
content: "Instagram";
}
.mycred-social-wrapper button a:focus{
color: #fff;
-webkit-box-shadow: none;
box-shadow: none;
}
.mycred-social-wrapper a {
color: white;
text-decoration: none;
}
.mycred-social-wrapper button {
min-width: 170px;
}
.mycred_socialshare_notice {
width: 100%;
background-color: #ffc10721;
padding: 5px;
color: #7c7c7c;
border: 1px solid #f5da87;
}	
.mycred-social-wrapper a.social-share button{
padding: 10px 15px;
font-size: 18px;
text-align: center;
border: 0px;
white-space: nowrap;
}
@media (max-width:768px) {
.mycred-social-wrapper button.mycred-social-icons.mycred-social-icon-pinterest ,.mycred-social-wrapper button.mycred-social-icons.mycred-social-icon-facebook,
.mycred-social-wrapper button.mycred-social-icons.mycred-social-icon-twitter ,.mycred-social-wrapper button.mycred-social-icons.mycred-social-icon-linkedin,
.mycred-social-wrapper button.mycred-social-icons.mycred-social-icon-twitch ,.mycred-social-wrapper button.mycred-social-icons.mycred-social-icon-youtube, .mycred-social-wrapper button.mycred-social-icons.mycred-social-icon-instagram {
width: 100%;
display: block;
min-width: unset;
}
}html {
line-height: 1.15; -webkit-text-size-adjust: 100%; } body {
margin: 0;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; -webkit-text-decoration: underline dotted;
text-decoration: underline dotted; } b,
strong {
font-weight: 700;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
} body,
button,
input,
select,
optgroup,
textarea {  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 15px; line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 0.9375rem;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} html {
box-sizing: border-box;
}
*,
*::before,
*::after { box-sizing: inherit;
}
body {
background: #fff; }
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
height: auto; max-width: 100%; }
figure {
margin: 1em 0; }
table {
margin: 0 0 1.5em;
width: 100%;
} button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
color: rgba( 0, 0, 0, 0.8 );
font-size: 12px;
font-size: 0.75rem;
line-height: 1;
padding: 0.6em 1em 0.4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}  a {
color: #4169e1;
}  a:hover,
a:active {
outline: 0;
}  .screen-reader-text {
border: 0;
clip: rect( 1px, 1px, 1px, 1px );
clip-path: inset( 50% );
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba( 0, 0, 0, 0.6 );
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } #content[tabindex="-1"]:focus {
outline: 0;
} .widget {
margin: 0 0 1.5em; }
.widget select {
max-width: 100%;
}  embed,
iframe,
object {
max-width: 100%;
}#wpadminbar .wcf-admin_bar-edit_flow--menu .ab-item {
-js-display: flex;
display: flex;
align-items: center;
} @font-face {
font-family: cartflows-icon;
src: url(//joanllompart.com/wp-content/plugins/cartflows/assets/fonts/cartflows-icon.eot?rwcwgb);
src: url(//joanllompart.com/wp-content/plugins/cartflows/assets/fonts/cartflows-icon.eot?rwcwgb#iefix) format( "embedded-opentype" ), url(//joanllompart.com/wp-content/plugins/cartflows/assets/fonts/cartflows-icon.ttf?rwcwgb) format( "truetype" ), url(//joanllompart.com/wp-content/plugins/cartflows/assets/fonts/cartflows-icon.woff?rwcwgb) format( "woff" ), url(//joanllompart.com/wp-content/plugins/cartflows/assets/fonts/cartflows-icon.svg?rwcwgb#cartflows-icon) format( "svg" );
font-weight: 400;
font-style: normal;
}
.cartflows-icon { font-family: cartflows-icon !important;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.cartflows-circle-cross::before {
content: "\e903";
}
.cartflows-cheveron-up::before {
content: "\e905";
}
.cartflows-cheveron-down::before {
content: "\e904";
} .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
} .clear::before,
.clear::after {
content: "";
display: table;
table-layout: fixed;
}
.clear::after {
clear: both;
}  .wcf-button {
display: inline-block;
padding: 12px 24px;
background: #ccc;
text-decoration: none;
margin: 5px;
} body.cartflows-default {
background-color: #f5f5f5;
}
.cartflows-default .cartflows-container {
max-width: 1200px;
width: 100%;
padding: 0 20px;
margin: 60px auto;
}
.cartflows-default .cartflows-primary {
background-color: #fff;
padding: 70px; max-width: 100%;
}
@media ( max-width: 768px ) {
.cartflows-default .cartflows-container {
padding: 0;
margin: 0;
}
.cartflows-default .cartflows-primary {
padding: 20px 30px;
}
}
@media ( max-width: 544px ) {
.cartflows-default .cartflows-primary {
padding: 20px 15px;
}
} .wcf-preview-mode {
background: #f16334;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 2.6em;
color: #fff;
text-align: center;
font-size: 14px;
line-height: 2.6em;
pointer-events: all;
z-index: 9999999;
}
.wcf-preview-mode a {
color: #fff;
font-weight: 700;
}
@media only screen and ( max-width: 768px ) {
.wcf-preview-mode {
font-size: 13px;
line-height: 18px;
padding: 4px 10px;
height: auto;
}
} .wcf-footer-primary .wcf-footer-content p {
margin: 1.5em 0;
text-align: center;
} .wcf-thankyou-wrap {
padding: 0;
margin: 0 auto;
width: 100%;
max-width: 55em;
font-size: 13px;
} .woocommerce-order-details.mollie-instructions::before,
.woocommerce-order-details.mollie-instructions::after {
content: " ";
display: table;
}
.woocommerce-order ul.order_details::after {
clear: both;
}
.woocommerce-order ul.order_details,
.woocommerce-order ul.order_details li {
list-style: none;
line-height: 1;
}
.woocommerce-order ul.order_details li {
display: inline-block;
padding: 0.5em 1em 0.5em 0;
margin: 0.5em 0.5em 0.5em 0;
list-style-type: none;
}
.woocommerce-order ul.order_details li:first-child {
padding-left: 0;
}
.woocommerce-order ul.order_details li:last-child {
border-right: 0;
padding-right: 0;
}
.woocommerce-order ul.order_details li strong {
display: block;
margin-top: 0.7em;
}
.woocommerce-order ul.order_details,
.woocommerce-order .woocommerce-customer-details,
.woocommerce-order .woocommerce-order-details,
.woocommerce-order .woocommerce-order-downloads,
.woocommerce-order .woocommerce-bacs-bank-details,
.woocommerce-order-details.mollie-instructions {
margin: 0 0 2em;
border-radius: 3px;
border: none;
width: 100%;
display: block;
}
.woocommerce-order .woocommerce-bacs-bank-details ul.bacs_details {
padding: 0;
} .woocommerce-order:not( .wcf-modern-tq-layout ) ul.order_details {
background: #f1f1f1;
padding: 1.5em 2.5em;
}
.woocommerce-order.wcf-modern-tq-layout ul.order_details {
background: transparent !important;
}
.woocommerce-order h2.woocommerce-column__title,
.woocommerce-order h2.woocommerce-order-details__title,
.woocommerce-order.wcf-modern-tq-layout h2.woocommerce-customer-details__title,
.woocommerce-order .woocommerce-thankyou-order-received,
.woocommerce-order .woocommerce-order-downloads__title,
.woocommerce-order h2.wc-bacs-bank-details-heading {
padding: 0.8em 0;
margin: 0 0 0.5em;
font-size: 1.5em;
font-weight: 600;
color: #404040;
}
.woocommerce-order .woocommerce-thankyou-order-received {
margin: 0 0 1.5em;
padding: 0 0.5em;
text-align: center;
} .woocommerce-order-details table.shop_table,
.woocommerce-order-downloads table.shop_table {
border: none;
border-bottom: 0;
background-color: inherit;
border-radius: 0;
font-family: inherit;
font-weight: inherit;
font-size: 0.95em;
margin: 0 0 0 0 !important;
border-collapse: collapse;
text-align: left;
}
.woocommerce-order.wcf-modern-tq-layout .woocommerce-order-details table.shop_table,
.woocommerce-order.wcf-modern-tq-layout .woocommerce-order-downloads table.shop_table {
font-size: 13px;
}
.woocommerce-order-details table.shop_table #shipping_method {
margin: 0;
padding: 0;
list-style: none;
}
.woocommerce-order-details table.shop_table th,
.woocommerce-order-downloads table.shop_table th {
border: none;
font-weight: 600;
padding: 9px 0;
line-height: 1.2em;
}
.woocommerce-order-details table.shop_table tfoot tr:last-child .woocommerce-Price-amount {
font-size: 1em;
}
.woocommerce-order-details table.shop_table td,
.woocommerce-order-details table.shop_table th {
padding: 0.6em 0;
line-height: 1.4em;
border: none;
}
.woocommerce-order-details table.shop_table tbody th,
.woocommerce-order-details table.shop_table tfoot td,
.woocommerce-order-details table.shop_table tfoot th {
font-weight: 400;
border: none;
}
.woocommerce-order-details table.shop_table tbody {
border-top: 1px dashed #ccc;
border-bottom: 1px dashed #ccc;
}
.woocommerce-order-details table.shop_table th.product-name,
.woocommerce-order-details table.shop_table th.product-total {
font-weight: 600;
}
.woocommerce-order-details table.shop_table tfoot tr.order-total:not( .recurring-total ) th,
.woocommerce-order-details table.shop_table tfoot tr.order-total:not( .recurring-total ) td {
font-weight: 600;
border-top: 1px dashed #ccc;
}
.woocommerce-order-details table.shop_table tfoot tr.recurring-totals th {
padding-top: 1.8em;
font-weight: 600;
}
.woocommerce-order-details table.shop_table tfoot tr.recurring-totals th,
.woocommerce-order-details table.shop_table tfoot tr.recurring-total th,
.woocommerce-order-details table.shop_table tfoot tr.recurring-total td {
vertical-align: top;
}
.woocommerce-order .wcf-col2-set {
-js-display: flex;
display: flex;
}
.woocommerce-order .wcf-col2-set .wcf-col-1 {
margin-right: 2%;
}
.woocommerce-order .wcf-col2-set .wcf-col-1,
.woocommerce-order .wcf-col2-set .wcf-col-2 {
width: 49%;
display: inline-block;
}
.woocommerce-order .woocommerce-customer-details address {
border-right-width: 1px;
border-bottom-width: 1px;
border-radius: 0;
font-style: normal;
}
.woocommerce-order .woocommerce-customer-details address p {
margin: 0;
}
.woocommerce-order-details.mollie-instructions p {
margin: 0.5em 0;
}
@media only screen and ( max-width: 768px ) {
.woocommerce-order .woocommerce-thankyou-order-received {
margin: 0 0 1em;
}
.woocommerce-order h2.woocommerce-column__title,
.woocommerce-order h2.woocommerce-order-details__title,
.woocommerce-order .woocommerce-thankyou-order-received {
padding: 0.5em 0;
font-size: 1.5em;
}
.woocommerce-order ul.order_details,
.woocommerce-order .woocommerce-customer-details,
.woocommerce-order .woocommerce-order-details {
padding: 1.5em 2em;
}
.woocommerce-order .woocommerce-order-downloads {
overflow-x: auto;
}
.woocommerce-order-downloads table.shop_table td,
.woocommerce-order-downloads table.shop_table th {
padding: 0.5em 0.8em;
}
.woocommerce-order ul.order_details li {
display: block;
width: 100%;
border-right: none;
padding: 0.5em 1em 1em 0;
border-bottom: 1px dashed #ccc;
}
.woocommerce-order ul.order_details li:last-child {
border: none;
}
.woocommerce-order .wcf-col2-set {
display: block;
}
.woocommerce-order .wcf-col2-set .wcf-col-1,
.woocommerce-order .wcf-col2-set .wcf-col-2 {
width: 100%;
display: block;
} .woocommerce-order.wcf-tq-layout-3 ul.order_details li {
border-bottom: none;
}
.woocommerce-order.wcf-tq-layout-3 ul.order_details li:last-child {
margin-left: 0;
}
} .wcf-product-atc form.cart div.quantity {
float: left;
margin: 0 4px 0 0;
}
.wcf-product-atc form.cart {
margin-bottom: 15px;
}
.wcf-pinterest-consent-wrapper {
position: fixed;
z-index: 999;
right: 1rem;
left: 1rem;
bottom: 1rem;
max-width: 40rem;
padding: 1rem;
margin: 0 auto;
background-color: #fff;
border: 1px solid #bbb;
border-radius: 10px;
-js-display: flex;
display: flex;
flex-direction: column;
align-items: center;
gap: 1rem;
}
.wcf-pinterest-consent-wrapper p {
margin: 0;
font-size: 0.875rem;
color: #424b4d;
}
.wcf-pinterest-consent-buttons {
-js-display: flex;
display: flex;
gap: 1rem;
width: 100%;
justify-content: flex-start;
}
.wcf-pinterest-consent-buttons #cartflows-pinterest-consent-accept {
background-color: #1f2937;
color: #fff;
border: none;
}
.wcf-pinterest-consent-buttons #cartflows-pinterest-consent-decline {
border: 1px solid #1f2937;
background-color: #fff;
color: #424b4d;
}
.wcf-pinterest-consent-buttons button {
border-radius: 6px;
cursor: pointer;
width: 50%;
transition: background-color 0.3s;
font-size: 0.75rem;
padding: 0.625rem 1.25rem;
}
.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
padding-left: 0;
margin-bottom: 20px;
}
.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout .woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li p {
margin-top: 10px;
margin-bottom: 0 !important;
color: #1f2937;
font-weight: 500;
}
.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout ul.order_details li {
padding: 0 34px 0 0;
margin: 0 30px 0 0;
}
.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout .woocommerce-order-details {
padding: 0;
border: 1px solid #d1d5db;
border-radius: 6px;
padding-bottom: 4px;
margin-bottom: 20px;
}
.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout h2.woocommerce-order-details__title {
padding: 14px !important;
border-bottom: 1px solid #d1d5db;
margin-bottom: 0 !important;
}
.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout .woocommerce-order-details table.shop_table tbody {
border: unset !important;
}
.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout .woocommerce-order-details .woocommerce-table tr > * {
padding-top: 0;
}
.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout .woocommerce-order-details .woocommerce-table tr:not( :last-child ) > * {
padding-bottom: 10px !important;
}
.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout .woocommerce-order-details .woocommerce-table tr:last-child > * {
padding-bottom: 0 !important;
}
.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout .woocommerce-order-details .woocommerce-table * {
font-weight: 400;
}
.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout .woocommerce-order-details .woocommerce-table td,
.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout .woocommerce-customer-details .woocommerce-table td {
width: 50%;
display: table-cell !important;
vertical-align: top;
}
.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout .woocommerce-order-details {
overflow: hidden;
padding-bottom: 0 !important;
}
.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout table.customer-details-table td {
padding: 0;
font-weight: 600;
} .wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout .customer-details-box {
border-radius: 6px;
border: 1px solid #d1d5db; }
.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout .woocommerce-customer-details__title {
margin-bottom: 0 !important;
padding: 14px !important;
margin-top: 0;
border-bottom: 1px solid #d1d5db;
}
.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout .woocommerce-order-downloads {
border-radius: 6px;
border: 1px solid #d1d5db;
margin-top: 20px;
padding: 0;
}
.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout .woocommerce-order-downloads > * {
padding-left: 14px;
padding-right: 14px;
}
.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout .woocommerce-order-downloads tr > *:first-child {
padding-left: 14px;
}
.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout .woocommerce-order-downloads tr > *:last-child {
padding-right: 14px;
}
.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout .woocommerce-order-downloads {
padding-bottom: 14px;
}
.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout .woocommerce-order-downloads__title {
margin-bottom: 14 !important;
padding: 14px !important;
margin-top: 0;
border-bottom: 1px solid #d1d5db;
}
.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout section.woocommerce-customer-details {
padding: 0 !important;
}
.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout table.customer-details-table td p {
margin-top: 8px;
margin-bottom: 0;
font-weight: 400;
color: #1f2937;
}
.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout table.customer-details-table tr:not( :first-child ) td {
padding-top: 20px;
}
.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout table.customer-details-table {
padding: 14px;
margin-bottom: 0;
}
.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout .woocommerce-order-details > p {
padding: 0 14px;
}
.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout .woocommerce-order-overview__order,
.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout .woocommerce-order-overview__email,
.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout .woocommerce-order-overview__total {
display: none;
}
.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout table.woocommerce-table--order-details {
border-collapse: separate !important;
padding: 14px !important;
}
.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout .woocommerce-customer-details {
margin-bottom: 0 !important;
}
.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout .woocommerce-order-details .woocommerce-table .woocommerce-table__product-name {
padding-right: 20px;
}
.wcf-thankyou-wrap .woocommerce-order .woocommerce-order-details .woocommerce-table ul.wc-item-meta {
display: none;
} .woocommerce-order:not( .wcf-tq-layout-3 ) ul.order_details::before,
.woocommerce-order:not( .wcf-tq-layout-3 ) ul.order_details::after {
content: " ";
display: table;
}
.woocommerce-order:not( .wcf-tq-layout-3 ) ul.order_details li {
border-right: 1px dashed #ccc;
}
.woocommerce-order.wcf-tq-layout-3 ul.order_details .woocommerce-order-overview__date.date {
padding: 0.5em 0;
margin: 0;
width: 50%;
}
.woocommerce-order:not( .wcf-tq-layout-3 ) ul.order_details,
.woocommerce-order:not( .wcf-tq-layout-3 ) .woocommerce-customer-details,
.woocommerce-order:not( .wcf-tq-layout-3 ) .woocommerce-order-details,
.woocommerce-order:not( .wcf-tq-layout-3 ) .woocommerce-order-downloads,
.woocommerce-order:not( .wcf-tq-layout-3 ) .woocommerce-bacs-bank-details {
background: #f1f1f1;
padding: 1.5em 2.5em;
}
.woocommerce-order.wcf-tq-layout-3 ul.order_details,
.woocommerce-order.wcf-tq-layout-3 .woocommerce-customer-details,
.woocommerce-order.wcf-tq-layout-3 .woocommerce-order-details,
.woocommerce-order.wcf-tq-layout-3 .woocommerce-order-downloads,
.woocommerce-order.wcf-tq-layout-3 .woocommerce-bacs-bank-details {
border-bottom: 1px dashed #ccc;
padding: 0 10px 20px;
margin: 0 0 20px;
}
.woocommerce-order.wcf-tq-layout-3 > :last-child {
border-bottom: none !important;
padding: 0 10px !important;
}
.woocommerce-order.wcf-tq-layout-3 h2.woocommerce-column__title,
.woocommerce-order.wcf-tq-layout-3 h2.woocommerce-order-details__title,
.woocommerce-order.wcf-tq-layout-3 .woocommerce-thankyou-order-received,
.woocommerce-order.wcf-tq-layout-3 .woocommerce-order-downloads__title,
.woocommerce-order.wcf-tq-layout-3 h2.wc-bacs-bank-details-heading {
padding: 0;
}
.woocommerce-order.wcf-tq-layout-3 .woocommerce-order-details table.shop_table,
.woocommerce-order.wcf-tq-layout-3 .woocommerce-order-downloads table.shop_table {
border-collapse: separate;
}
.woocommerce-order.wcf-tq-layout-3 .woocommerce-order-details table.shop_table tbody,
.woocommerce-order.wcf-tq-layout-3 .woocommerce-order-downloads table.shop_table tbody {
border: none;
}
.wcf-thankyou-wrap .woocommerce-order.wcf-tq-layout-3 .woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li p {
margin-top: 10px;
margin-bottom: 0;
color: #4b5563;
font-weight: 400;
}
.wcf-thankyou-wrap .woocommerce-order.wcf-tq-layout-3 .woocommerce-order-details .woocommerce-table * {
font-weight: 400;
}
.wcf-thankyou-wrap .woocommerce-order.wcf-tq-layout-3 .woocommerce-order-details .woocommerce-table td,
.wcf-thankyou-wrap .woocommerce-order.wcf-tq-layout-3 .woocommerce-customer-details .woocommerce-table td {
width: 50%;
display: table-cell !important;
vertical-align: top;
}
.wcf-thankyou-wrap .woocommerce-order.wcf-tq-layout-3 table.customer-details-table td {
padding: 0;
font-weight: 600;
}
.wcf-thankyou-wrap .woocommerce-order.wcf-tq-layout-3 table.customer-details-table td p {
margin-top: 8px;
margin-bottom: 0;
font-weight: 400;
color: #1f2937;
}
.wcf-thankyou-wrap .woocommerce-order.wcf-tq-layout-3 table.customer-details-table tr:not( :first-child ) td {
padding-top: 20px;
}
.wcf-thankyou-wrap .woocommerce-order.wcf-tq-layout-3 .woocommerce-order-overview__order,
.wcf-thankyou-wrap .woocommerce-order.wcf-tq-layout-3 .woocommerce-order-overview__email,
.wcf-thankyou-wrap .woocommerce-order.wcf-tq-layout-3 .woocommerce-order-overview__total {
display: none;
}
.wcf-thankyou-wrap .woocommerce-order.wcf-tq-layout-3 .woocommerce-customer-details {
margin-bottom: 0 !important;
}
@media ( min-width: 768px ) {
.wcf-pinterest-consent-wrapper {
flex-direction: row;
align-items: center;
justify-content: space-between;
left: unset;
}
.wcf-pinterest-consent-buttons {
width: auto;
flex-shrink: 0;
margin-left: auto;
}
.wcf-pinterest-consent-buttons button {
width: auto;
}
}
@media ( max-width: 768px ) {
.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li {
padding: 10px 0 !important;
}
.wcf-thankyou-wrap .woocommerce-order.wcf-modern-tq-layout ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
padding: 10px 0;
}
}