blockquote {
width: 100%;
margin-left: 20px;
display: inline-block;
color: initial !important;
font-size: 15px;
border: 1px solid #d8a9b2;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-o-border-radius: 20px;
border-radius: 20px;
-moz-box-shadow: 0 0 20px -7px #dc143c;
-webkit-box-shadow: 0 0 20px -7px #dc143c;
-o-box-shadow: 0 0 20px -7px #dc143c;
box-shadow: 0 0 20px -7px #dc143c;
padding: 15px 20px;
}
.site-header {
z-index: 999;
}
.ast-site-identity {
padding-top: 0;
padding-bottom: 10px;
-moz-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
body.ast-separate-container {
background-color: #fff;
}
p, li, p strong, table {
color: #000 !important;
}
h1 {
font-size: 2.2em;
}
h2 {
font-size: 1.8em;
}
h3.collection-title {
margin-bottom: 20px;
text-align: center !important;
font-weight: 500;
background-color: #fff;
color: #e81d6f !important;
font-size: 18px;
border: 1px dashed #1f1d79;
text-transform: uppercase;
-moz-border-radius: 55px;
-webkit-border-radius: 55px;
-o-border-radius: 55px;
border-radius: 55px;
letter-spacing: 1px;
padding: 10px;
}
.article-content h2 {
margin-left: 15px;
margin-bottom: 20px;
color: #111;
font-size: 24px;
position: relative;
text-transform: uppercase;
}
.article-content h2:before {
width: 85px;
left: 0;
height: 2px;
background-color: #91ddff;
position: absolute;
bottom: -5px;
content: "";
}
.article-content h3 {
margin-left: 30px;
margin-bottom: 20px;
color: #111 !important;
font-size: 20px;
position: relative;
text-transform: uppercase;
}
.article-content h3:before {
width: 85px;
left: 0;
height: 2px;
background-color: #d4a4b7;
position: absolute;
bottom: -3px;
content: "";
}
.article-content h4 {
margin-left: 45px;
margin-bottom: 20px;
color: #111 !important;
font-size: 16px;
position: relative;
text-transform: uppercase;
}
.article-content h4:before {
width: 85px;
left: 0;
height: 2px;
background-color: #d2cacd;
position: absolute;
bottom: -1px;
content: "";
}
.article-content ol > li {
margin-bottom: 5px;
list-style: none;
counter-increment: item;
}
.article-content ol > li:before {
width: 24px;
margin-right: 10px;
text-align: center;
display: inline-block;
height: 24px;
background-color: #ff3398;
color: #fff;
line-height: 23px;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
content: counter(item);
}
.pauple-helpie-search-box {
margin: 32px auto 22px !important;
}
.pauple-helpie-search-box input {
font-size: 16px !important;
}
.pauple-helpie-search-box input[type=text]::-webkit-input-placeholder, .pauple-helpie-search-box input[type=text]::placeholder {
font-weight: bold;
color: #888;
font-size: 16px !important;
}
#helpiekb-main-wrapper {
width: 100% !important;
padding: 0;
}
#helpiekb-main-wrapper #primary {
width: calc(77% - 30px);
margin-left: 20px;
padding-left: 20px;
border-left: 1px dashed #d6d6d6;
}
input#autocomplete {
border: 1px solid #ff9fc6;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 7px 10px -5px rgb(232, 29, 111);
-webkit-box-shadow: 0 7px 10px -5px rgb(232, 29, 111);
-o-box-shadow: 0 7px 10px -5px rgb(232, 29, 111);
box-shadow: 0 7px 10px -5px rgb(232, 29, 111);
padding: 35px 25px !important;
}
input#autocomplete:focus {
border: 1px solid #ff9fc6;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 7px 10px 0 #6b0a31;
-webkit-box-shadow: 0 7px 10px 0 #6b0a31;
-o-box-shadow: 0 7px 10px 0 #6b0a31;
box-shadow: 0 7px 10px 0 #6b0a31;
padding: 35px 25px !important;
}
.pauple-helpie-search-box button[type=submit].input-group-addon i.fa {
width: 40px;
margin-top: -6px;
text-align: center;
height: 40px;
background-color: #e81d6f;
color: #fff;
font-size: 22px;
line-height: 1.8;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.pauple-helpie-search-box button[type=submit].input-group-addon i.fa:hover, .pauple-helpie-search-box button[type=submit].input-group-addon i.fa:focus {
background-color: #09d;
color: #fff;
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.main-header-menu > li#menu-item-2673 > a {
font-weight: bold;
background-color: #09d;
color: #fff;
font-size: 18px;
}
.main-header-menu > li#menu-item-2673 > a:before {
margin-right: 10px;
font-family: FontAwesome;
content: "\f015";
}
.helpie_kb_hero  h1.header {
display: none !important;
}
.helpie_kb_hero .helpie-element.helpie_helpdesk {
margin-top: 10px;
}
.helpie-search-listing .helpie-element[id^="search-item-post-id"] .item-content .description p {
font-size: 16px !important;
}
.main-header-bar.sticky {
width: 100%;
position: fixed;
-moz-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.ast-site-identity .site-description {
font-weight: bold;
color: #e81d6f;
}
.helpie-main-section .helpiekb-cat-page-subheader {
display: none;
}
.helpie-main-section .helpiekb-container {
border: none;
padding: 0;
margin: 0;
}
.helpie-categories-section-boxed {
margin-top: 0;
}
.helpie-categories-section-boxed .category-list .column {
width: 100% !important;
margin-bottom: 0;
text-align: left;
min-height: initial;
padding: 8px 0 !important;
}
.helpie-categories-section-boxed .category-list .column a {
display: inline-block;
outline: none;
background-color: #f5f5f5;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
padding: 7px 15px;
}
.helpie-categories-section-boxed .category-list .column a .sicon, .helpie-categories-section-boxed .category-list .column a .title.header {
display: inline;
font-size: 18px !important;
}
.helpie-categories-section-boxed .category-list .column a .sicon > img {
width: 35px;
margin-right: 10px;
}
.helpie-categories-section-boxed .category-list .column a button {
display: none !important;
display: block;
background-color: #777;
padding: 10px 15px;
margin: 10px auto 0;
}
.helpie-single-page-module .helpie-main-section .helpiekb-box-list.boxed {
width: 100%;
}
.helpie-single-page-module .helpie-main-section .helpiekb-box-list.boxed li {
margin-bottom: 5px;
padding: 15px 0;
}
.helpie-single-page-module .helpie-main-section .helpiekb-box-list.boxed li a {
display: inline;
outline: none;
font-weight: 600;
background-color: #f5f5f5;
color: #333;
border: 1px solid #eee;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
padding: 12px 15px;
}
.helpie-single-page-module .helpie-main-section .helpiekb-box-list.boxed li a:hover, .helpie-single-page-module .helpie-main-section .helpiekb-box-list.boxed li a:focus {
background-color: #09d;
color: #fff;
border: 1px solid #09d;
}
.pauple-helpie-module.article-voting {
margin-top: 40px;
}
.pauple-helpie-module.article-voting .icon-tray .voting-icon.heart:before {
content: "Genial!" !important;
}
.pauple-helpie-module.article-voting .icon-tray .voting-icon.smile:before {
content: "Mucho!" !important;
}
.pauple-helpie-module.article-voting .icon-tray .voting-icon.meh:before {
content: "Normal" !important;
}
.pauple-helpie-module.article-voting .icon-tray .voting-icon.frown:before {
content: "Poco" !important;
}
.pauple_helpie_breadcrumbs a {
outline: none;
border-bottom: 1px dashed #aaa;
font-weight: 700;
color: #1140ab;
font-size: 12px;
}
.pauple_helpie_breadcrumbs a:hover, .pauple_helpie_breadcrumbs a:focus {
color: #e81d6f;
}
.helpie-single-page-module .pauple_helpie_breadcrumbs {
margin-bottom: 30px;
background-color: #f5f5f5;
padding: 5px 0;
}
.helpie-categories-section-boxed .category-list .column a .sicon img {
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
.helpie-single-page-module.single-page #main h1 {
border-bottom: 2px dotted #e81d6f;
font-weight: 600 !important;
color: #333 !important;
font-size: 26px;
text-transform: uppercase;
}
.pauple-helpie-search-row-type2 {
background-color: #e5e5e5 !important;
}
.helpie-toc {
border: none;
}
.helpie-toc .helpie-element .item-title a.cat {
margin-left: 3px;
margin-top: 0;
margin-right: 3px;
margin-bottom: 8px;
margin-bottom: 0;
display: block;
outline: none;
background-color: #fff;
border: 1px solid #ddd;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 2px 12px -9px #333;
-webkit-box-shadow: 0 2px 12px -9px #333;
-o-box-shadow: 0 2px 12px -9px #333;
box-shadow: 0 2px 12px -9px #333;
-moz-transition: all 0.6s ease;
-webkit-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
-moz-transform: all 0.3s ease;
-webkit-transform: all 0.3s ease;
-o-transform: all 0.3s ease;
transform: all 0.3s ease;
padding: 12px 50px 12px 12px;
}
.helpie-toc>.helpie-element {
padding: 0;
}
.helpie-toc .helpie-element .item-title {
position: relative;
}
.helpie-toc .helpie-element .item-title i {
float: right;
width: 34px;
right: 5px;
height: 34px;
background-color: #e5e5e5;
color: #999;
font-size: 30px;
line-height: 33px;
position: absolute;
top: 9px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
.helpie-toc .helpie-element .item-title i.angle.icon.down {
background-color: #e81d6f;
color: #fff;
}
.helpie-toc .helpie-element .item-content {
padding: 6px 0 6px 12px;
}
.helpie-toc .helpie-element .item-title a {
display: block;
outline: none;
color: #555;
font-size: 1em;
border-left: 3px solid #aaa;
padding: 2px 5px;
}
.helpie-toc .helpie-element .item-title a:hover, .helpie-toc .helpie-element .item-title a:focus {
border-left: 3px solid #09d;
}
.helpie-toc .helpie-element .item-title.active a {
font-weight: 600;
border-left: 3px solid #e81d6f;
}
.helpie-toc .helpie-accordion .item-title i.down + a.cat {
background-color: #555;
color: #fff;
}
.helpie-toc .item-content.active .helpie-element .item-title i.down + a.cat {
background-color: #ddd;
color: #333;
}
#div-home-tercio-menu h3 {
margin-bottom: 0;
}
.div-enlaces-menu {
margin-top: 15px;
}
#div-lo-mas .item.helpie-element {
border: none;
padding: initial;
}
#div-lo-mas a {
margin-bottom: 8px;
display: block;
background-color: #fff;
-moz-border-radius: 85px;
-webkit-border-radius: 85px;
-o-border-radius: 85px;
border-radius: 85px;
-moz-box-shadow: 0 2px 12px -9px #333;
-webkit-box-shadow: 0 2px 12px -9px #333;
-o-box-shadow: 0 2px 12px -9px #333;
box-shadow: 0 2px 12px -9px #333;
-moz-transition: all 0.25s linear;
-webkit-transition: all 0.25s linear;
-o-transition: all 0.25s linear;
transition: all 0.25s linear;
padding: 15px;
}
#div-lo-mas a:hover, #div-lo-mas a:focus {
background-color: #09d;
color: #fff !important;
}
#div-lo-mas a img {
max-width: 44px;
margin-right: 15px;
-moz-border-radius: 85px;
-webkit-border-radius: 85px;
-o-border-radius: 85px;
border-radius: 85px;
}
.div-enlaces-menu a {
padding: 0 !important;
}
#div-lo-mas .item.helpie-element .item-content {
padding: 0 !important;
}
blockquote:before {
float: left;
margin-right: 10px;
vertical-align: middle;
color: #dc143c;
font-size: 18px;
line-height: 26px;
font-family: 'Fontawesome';
content: "\f0eb";
}
blockquote img {
margin: 5px auto !important;
}
.tb-icon table tr td:nth-of-type(1) {
width: 80px;
text-align: center;
vertical-align: middle;
}
.article-content ul {
margin: 0 0 0 20px;
}
.article-content ul li {
position: relative;
list-style-type: none;
}
.article-content ul li:before {
margin-right: 5px;
color: #09d;
font-family: "Fontawesome", sans-serif;
content: "\f068";
}
.article-content ul li ul li {
position: relative;
}
.article-content ul li ul li:before {
margin-right: 5px;
vertical-align: 2px;
color: #e81d6f;
font-size: 10px;
font-family: "Fontawesome", sans-serif;
content: "\f054";
}
.article-content ul li ul li ul li {
position: relative;
}
.article-content ul li ul li ul li:before {
margin-right: 5px;
vertical-align: initial;
color: #ffb400;
font-size: 15px;
font-family: "Fontawesome", sans-serif;
content: "\f0da";
}
.article-content ul li ul li ul li ul li {
position: relative;
}
.article-content ul li ul li ul li ul li:before {
margin-right: 5px;
font-weight: bold;
color: #6ada9d;
font-family: "Fontawesome", sans-serif;
content: "\f101";
}
.main-search.pauple-helpie-search-box:before {
width: 32px;
left: -14px;
text-align: center;
display: block;
height: 32px;
background-color: #e81d6f;
color: #fff;
font-size: 20px;
line-height: 31px;
position: absolute;
top: -14px;
cursor: pointer;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
content: "?";
-moz-box-shadow: 0 0 0 rgba(232, 29, 111, 0.4);
-webkit-box-shadow: 0 0 0 rgba(232, 29, 111, 0.4);
-o-box-shadow: 0 0 0 rgba(232, 29, 111, 0.4);
box-shadow: 0 0 0 rgba(232, 29, 111, 0.4);
animation: pregunta 3s infinite;
}
li.link-youtube-top a {
max-width: 110px;
font-weight: 600;
font-size: 16px;
line-height: 1;
}
li.link-youtube-top a:before {
margin-right: 7px;
font-weight: normal;
color: red;
font-size: 28px;
font-family: "Fontawesome";
content: "\f167";
}
li.link-version a {
max-width: 110px;
font-weight: 600;
font-size: 16px;
line-height: 1;
}
li.link-version a:before {
margin-right: 7px;
font-weight: normal;
color: #09d;
font-size: 28px;
font-family: "Fontawesome";
content: "\f10b";
}
.link-menu-categ {
display: none !important;	
}
table.tb-iconos img {
display: block;
margin: 0 auto;
}
.helpie-element .sicon {
display: none !important;	
}
.category-list a.helpie-element:before {
content: "\f02d";
font-family: FontAwesome;
margin-right: 10px;
color: #09d;
}
.pauple-helpie-search-box {
margin: 0px auto 22px !important;
} @media (max-width: 1024px) {
#helpiekb-main-wrapper #primary {
border-left: none;
padding: 0px;
}
.mobile-toc-button {
display: none;	
}
}
@media (max-width: 921px) {
blockquote {
margin-left: 0px;
}
table.tb-iconos img {
min-width: 25px;
}
.main-header-bar-navigation.toggle-on {
padding: 15px;
}
.main-header-bar-navigation.toggle-on .main-header-menu  {
position: absolute;
}
.main-header-bar-navigation.toggle-on #primary-menu li {
padding: 10px;
}
.main-header-bar-navigation.toggle-on #primary-menu li a {
max-width: 100%;
border-style: none;
}
.link-youtube-top > a {
padding-bottom: 10px !important;
}
.main-header-menu > li#menu-item-2673 > a {
color: #09d;
background: initial;
}
}
@media screen and (max-width: 799px) {
.helpie_helpdesk .main-search {
width: 100%;
padding: 0;
}
}