.et-fb-settings-options-tab [class^="difl_"] svg,
.et-fb-settings-options-tab .df_adh_heading svg,
.et-fb-settings-options-tab .dfadh_heading_anim svg,
.et-fb-settings-options-tab .df_gravity_form svg
{
max-width: 20px;
margin: 0 auto;
}
.et-fb-settings-options-tab [class^="difl_"],
.et-fb-settings-options-tab .df_adh_heading,
.et-fb-settings-options-tab .dfadh_heading_anim,
.et-fb-settings-options-tab .df_gravity_form
{
background-image: url(https://aprendiendoenlanube.com/wp-content/plugins/diviflash/public/css/img/flash.png) !important;
background-size: initial !important;
background-repeat: no-repeat !important;
background-position: 4px 2px !important;
} .df-product-outer-wrap .df-item-wrap.null_item_builder{
display: none !important;
}
p:empty {
display: none;
}
@media (min-width: 981px) { 
[data-item="1"] .swiper-slide{
width: calc(100%/1);
}
[data-item="2"] .swiper-slide{
width: calc(100%/2);
}
[data-item="3"] .swiper-slide{
width: calc(100%/3);
}
[data-item="4"] .swiper-slide{
width: calc(100%/4);
}
[data-item="5"] .swiper-slide{
width: calc(100%/5);
}
[data-item="6"] .swiper-slide{
width: calc(100%/6);
}
[data-item="7"] .swiper-slide{
width: calc(100%/7);
}
}
@media (max-width: 980px) and (min-width: 768px) {
[data-itemtablet="1"] .swiper-slide{
width: calc(100%/1);
}
[data-itemtablet="2"] .swiper-slide{
width: calc(100%/2);
}
[data-itemtablet="3"] .swiper-slide{
width: calc(100%/3);
}
[data-itemtablet="4"] .swiper-slide{
width: calc(100%/4);
}
[data-itemtablet="5"] .swiper-slide{
width: calc(100%/5);
}
[data-itemtablet="6"] .swiper-slide{
width: calc(100%/6);
}
[data-itemtablet="7"] .swiper-slide{
width: calc(100%/7);
}
}
@media (max-width: 767px) {
[data-itemphone="1"] .swiper-slide{
width: calc(100%/1);
}
[data-itemphone="2"] .swiper-slide{
width: calc(100%/2);
}
[data-itemphone="3"] .swiper-slide{
width: calc(100%/3);
}
[data-itemphone="4"] .swiper-slide{
width: calc(100%/4);
}
[data-itemphone="5"] .swiper-slide{
width: calc(100%/5);
}
[data-itemphone="6"] .swiper-slide{
width: calc(100%/6);
}
[data-itemphone="7"] .swiper-slide{
width: calc(100%/7);
}
} .df-item-wrap {
overflow: hidden;
position: relative;
}
.df-item-wrap *:not(.et_pb_background_pattern):not(.et_pb_background_mask):not(.df-overlay):not(.df-icon-wrap) {
position: relative;
}
.df-acf-field-inner {
display: inherit;
align-items: center;
}
.df-metabox-field-inner {
display: inherit;
align-items: center;
}   .flexmasonry {
display: flex;
flex-flow: column wrap;
align-content: space-between;
}
.flexmasonry-item { width: 100%; display: block;}
.flexmasonry-cols-2 .flexmasonry-item { width: 50%; }
.flexmasonry-cols-3 .flexmasonry-item { width: 33.333%; }
.flexmasonry-cols-4 .flexmasonry-item { width: 25%; }
.flexmasonry-cols-5 .flexmasonry-item { width: 20%; }
.flexmasonry-cols-6 .flexmasonry-item { width: 16.666%; }
.flexmasonry-cols-7 .flexmasonry-item { width: 14.285%; }
.flexmasonry-cols-8 .flexmasonry-item { width: 12.5%; }
.flexmasonry-cols-2 .flexmasonry-item:nth-child(2n+1) { order: 1; }
.flexmasonry-cols-2 .flexmasonry-item:nth-child(2n)   { order: 2; }
.flexmasonry-cols-3 .flexmasonry-item:nth-child(3n+1) { order: 1; }
.flexmasonry-cols-3 .flexmasonry-item:nth-child(3n+2) { order: 2; }
.flexmasonry-cols-3 .flexmasonry-item:nth-child(3n)   { order: 3; }
.flexmasonry-cols-4 .flexmasonry-item:nth-child(4n+1) { order: 1; }
.flexmasonry-cols-4 .flexmasonry-item:nth-child(4n+2) { order: 2; }
.flexmasonry-cols-4 .flexmasonry-item:nth-child(4n+3) { order: 3; }
.flexmasonry-cols-4 .flexmasonry-item:nth-child(4n)   { order: 4; }
.flexmasonry-cols-5 .flexmasonry-item:nth-child(5n+1) { order: 1; }
.flexmasonry-cols-5 .flexmasonry-item:nth-child(5n+2) { order: 2; }
.flexmasonry-cols-5 .flexmasonry-item:nth-child(5n+3) { order: 3; }
.flexmasonry-cols-5 .flexmasonry-item:nth-child(5n+4) { order: 4; }
.flexmasonry-cols-5 .flexmasonry-item:nth-child(5n)   { order: 5; }
.flexmasonry-cols-6 .flexmasonry-item:nth-child(6n+1) { order: 1; }
.flexmasonry-cols-6 .flexmasonry-item:nth-child(6n+2) { order: 2; }
.flexmasonry-cols-6 .flexmasonry-item:nth-child(6n+3) { order: 3; }
.flexmasonry-cols-6 .flexmasonry-item:nth-child(6n+4) { order: 4; }
.flexmasonry-cols-6 .flexmasonry-item:nth-child(6n+5) { order: 5; }
.flexmasonry-cols-6 .flexmasonry-item:nth-child(6n)   { order: 6; }
.flexmasonry-cols-7 .flexmasonry-item:nth-child(7n+1) { order: 1; }
.flexmasonry-cols-7 .flexmasonry-item:nth-child(7n+2) { order: 2; }
.flexmasonry-cols-7 .flexmasonry-item:nth-child(7n+3) { order: 3; }
.flexmasonry-cols-7 .flexmasonry-item:nth-child(7n+4) { order: 4; }
.flexmasonry-cols-7 .flexmasonry-item:nth-child(7n+5) { order: 5; }
.flexmasonry-cols-7 .flexmasonry-item:nth-child(7n+6) { order: 6; }
.flexmasonry-cols-7 .flexmasonry-item:nth-child(7n)   { order: 7; }
.flexmasonry-cols-8 .flexmasonry-item:nth-child(8n+1) { order: 1; }
.flexmasonry-cols-8 .flexmasonry-item:nth-child(8n+2) { order: 2; }
.flexmasonry-cols-8 .flexmasonry-item:nth-child(8n+3) { order: 3; }
.flexmasonry-cols-8 .flexmasonry-item:nth-child(8n+4) { order: 4; }
.flexmasonry-cols-8 .flexmasonry-item:nth-child(8n+5) { order: 5; }
.flexmasonry-cols-8 .flexmasonry-item:nth-child(8n+6) { order: 6; }
.flexmasonry-cols-8 .flexmasonry-item:nth-child(8n+7) { order: 7; }
.flexmasonry-cols-8 .flexmasonry-item:nth-child(8n)   { order: 8; }
.flexmasonry-break {
content: "";
flex-basis: 100%;
width: 0 !important;
margin: 0;
}
.flexmasonry-break-1 { order: 1; }
.flexmasonry-break-2 { order: 2; }
.flexmasonry-break-3 { order: 3; }
.flexmasonry-break-4 { order: 4; }
.flexmasonry-break-5 { order: 5; }
.flexmasonry-break-6 { order: 6; }
.flexmasonry-break-7 { order: 7; } .et-fb-form__toggle .et-fb-subtoggle-tabs-container .et-fb-subtoggle-tab .et-fb-icon--search-box,
.et-db #et-boc .et-l .et-fb-icon--search-box {
font-size: 15px;
font-family: FontAwesome!important;
}body #page-container{
margin-top: 0px !important;
}
.prevent_mainpage_scroll,
.prevent_content_scroll {
overflow:hidden;
}
#df-popup-extension .popup-container .df_popup_inner_container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
min-height: 100%;
min-width: 100%;
} #df-popup-extension .overlay {
opacity: 0;
visibility: hidden;
position: fixed;
width: 100%;
height: 100%;
background: rgba(61,61,61,0.9);	
left:0;
top:0;
z-index: 16777270;  } #df-popup-extension .overlay.active{
animation: 1s popup_load;
opacity: 1;
visibility: visible;
}
#df-popup-extension .overlay .et_pb_section {   }
#df-popup-extension .overlay {
-webkit-overflow-scrolling: touch;
}
#df-popup-extension .overlay > .et_pb_section > div {
width:100%;
}
#df-popup-extension .do-loadingimg {
left : 50%;
top : 50%;
position : fixed;
z-index : 101;
width : 32px;
height : 32px;
margin-left : -16px;
margin-top : -16px;
} #df-popup-extension .popup-container .popup-close {
display: block;
position: fixed;
left: 97%;
overflow: hidden;
border: none;
outline: none;
z-index: 99991;
font-size: 48px;
line-height:24px;
color: #fff;
background-color: transparent;
font-family: inherit;
font-weight: 600;
text-align: center;
padding: 5px;
margin-left: -5px;
margin-top: 5px;
}
#df-popup-extension .popup-container .popup-close span.df_popup_custom_btn {
display: inline-block;
position: relative;
top: 0px; }
#df-popup-extension .popup-container .popup-close:hover {
opacity: .8;
}
#df-popup-extension .popup-container .popup-close-button span {
position:relative;
top:-2px;
}
#df-popup-extension .dov-zIndex0 {
z-index:0;
} html.stop-scrolling,
body.stop-scrolling { overflow: hidden !important
}
.df_popup_inner_container > .et_pb_row:first-child {
margin: 0 !important;
width: 100% !important;
}
.difl_popup .et_post_meta_wrapper{
display: none !important;
} @keyframes popup_load {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes popup_close {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}  #df-popup-extension .df_popup_inner_container{
visibility: hidden;
} @keyframes slide_left {
from {
transform: translateX(-100%);
}
to {
transform: translateX(0);
}
}
@keyframes slide_left_rev {
from {
transform: translateX(0);
}
to {
transform: translateX(-100%);
}
}
@keyframes slide_right {
0% {
transform: translateX(100%) translateY(0px);
}
0.1% {
transform: translateX(100%) translateY(0px);
}
100% {
transform: translateX(0) translateY(0px);
} }
@keyframes slide_right_rev {
0% {
transform: translateX(0) translateY(0px);
}
0.1% {
transform: translateX(0) translateY(0px);
}
100% {
transform: translateX(100%) translateY(0px);
}
}
@keyframes slide_up {
0% {
transform: translateY(-100%);
}
100% {
transform: none;
}
}
@keyframes slide_up_rev {
0% {
transform: none;
}
100% {
transform: translateY(-100%);
}
}
@keyframes slide_down {
0% {
transform: translateY(100%);
}
100% {
transform: none;
}
}
@keyframes slide_down_rev {
0% {
transform: none;
}
100% {
transform: translateY(100%);
}
}
@keyframes fade_in {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fade_in_rev {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes zoom_left {
0% {
transform: scale(3) translateX(-100%);
}
100% {
transform: none;
}
}
@keyframes zoom_left_rev {
0% {
transform: none;
}
100% {
transform: scale(3) translateX(-100%);
}
}
@keyframes zoom_center {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes zoom_center_rev {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
@keyframes zoom_right {
0% {
transform: scale(3) translateX(100%);
}
100% {
transform: none;
}
}
@keyframes zoom_right_rev {
0% {
transform: none;
}
100% {
transform: scale(3) translateX(100%);
}
} .popup-container .overlay .df_popup_wrapper {
width:100%;
height:auto;
display: flex;
flex-direction: column;
align-items: inherit;
justify-content: inherit;
}
@media (min-width: 768px) {
.popup-container .overlay .df_popup_wrapper {
width:100%
}
}
.popup-container .overlay .df_popup_wrapper {
min-width: 300px;
max-width: 100%;
}
.df_popup_wrapper .et_pb_section{
width:100%;
} .popup-container .df_popup_wrapper .woocommerce-product-gallery.images {
opacity:1 !important;
} .popup-container .overlay .df_popup_wrapper > #et-boc{
width: 100%;
align-items: inherit;
justify-content: inherit;
}
.popup-container .overlay .df_popup_wrapper > #et-boc .et-l{
width: 100%;
height: auto;
display: flex;
flex-direction: column;
align-items: inherit;
justify-content: inherit;
} body.popup_scroll_added{
overflow: hidden !important;
}
body.popup_scroll_added #df-popup-extension .popup-container .popup-close {
margin-left: -8px;
margin-top: -4px;
}.wpa-test-msg{background: #d1ecf1 !important; border: 1px solid #bee5eb !important; border-radius: 5px !important;color: #0c5460 !important; font-size: 14px !important; padding:.75rem 1.25rem !important; font-family: Arial !important; margin-top:5px !important;}
span.wpa-button{ display: inline-block !important; padding-top: 5px !important; color: #fff !important;background-color: #6c757d !important;border-color: #6c757d !important; padding: 5px 10px !important; border-radius: 5px !important; margin-top:5px !important;  cursor: pointer !important; }
#altEmail_container, .altEmail_container{position:absolute !important; overflow: hidden !important; display: inline !important; height:1px !important; width: 1px !important;z-index:-1000 !important;}@font-face {
font-family: 'h5p';
src:    url(//aprendiendoenlanube.com/wp-content/plugins/h5p/h5p-php-library/fonts/h5p-core-23.eot?mz1lkp);
src:    url(//aprendiendoenlanube.com/wp-content/plugins/h5p/h5p-php-library/fonts/h5p-core-23.eot?mz1lkp#iefix) format('embedded-opentype'),
url(//aprendiendoenlanube.com/wp-content/plugins/h5p/h5p-php-library/fonts/h5p-core-23.ttf?mz1lkp) format('truetype'),
url(//aprendiendoenlanube.com/wp-content/plugins/h5p/h5p-php-library/fonts/h5p-core-23.woff?mz1lkp) format('woff'),
url(//aprendiendoenlanube.com/wp-content/plugins/h5p/h5p-php-library/fonts/h5p-core-23.svg?mz1lkp#h5p) format('svg');
font-weight: normal;
font-style: normal;
}
html.h5p-iframe, html.h5p-iframe > body {
font-family: Sans-Serif; width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
.h5p-semi-fullscreen, .h5p-fullscreen, html.h5p-iframe .h5p-container {
overflow: hidden;
}
.h5p-content {
position: relative;
background: #fefefe;
border: 1px solid #EEE;
border-bottom: none;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.h5p-noselect
{
-khtml-user-select: none;
-ms-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
}
html.h5p-iframe .h5p-content {
font-size: 16px;
line-height: 1.5em;
width: 100%;
height: auto;
}
html.h5p-iframe .h5p-fullscreen .h5p-content,
html.h5p-iframe .h5p-semi-fullscreen .h5p-content {
height: 100%;
}
.h5p-content.h5p-no-frame,
.h5p-fullscreen .h5p-content,
.h5p-semi-fullscreen .h5p-content {
border: 0;
}
.h5p-container {
position: relative;
z-index: 1;
}
.h5p-iframe-wrapper.h5p-fullscreen {
background-color: #000;
}
body.h5p-semi-fullscreen {
position: fixed;
width: 100%;
height: 100%;
}
.h5p-container.h5p-semi-fullscreen {
position: fixed;
top: 0;
left: 0;
z-index: 101;
width: 100%;
height: 100%;
background-color: #FFF;
}
.h5p-content-controls {
margin: 0;
position: absolute;
right: 0;
top: 0;
z-index: 3;
}
.h5p-fullscreen .h5p-content-controls {
display: none;
}
.h5p-content-controls > a:link, .h5p-content-controls > a:visited, a.h5p-disable-fullscreen:link, a.h5p-disable-fullscreen:visited {
color: #e5eef6;
}
.h5p-enable-fullscreen:before {
font-family: 'H5P';
content: "\e88c";
}
.h5p-disable-fullscreen:before {
font-family: 'H5P';
content: "\e891";
}
.h5p-enable-fullscreen, .h5p-disable-fullscreen {
cursor: pointer;
color: #EEE;
background: rgb(0,0,0);
background: rgba(0,0,0,0.3);
line-height: 0.975em;
font-size: 2em;
width: 1.125em;
height: 1em;
text-indent: 0.04em;
}
.h5p-disable-fullscreen {
line-height: 0.925em;
width: 1.1em;
height: 0.9em;
}
.h5p-enable-fullscreen:focus,
.h5p-disable-fullscreen:focus {
outline-style: solid;
outline-width: 1px;
outline-offset: 0.25em;
}
.h5p-enable-fullscreen:hover, .h5p-disable-fullscreen:hover {
background: rgba(0,0,0,0.5);
}
.h5p-semi-fullscreen .h5p-enable-fullscreen {
display: none;
}
div.h5p-fullscreen {
width: 100%;
height: 100%;
}
.h5p-iframe-wrapper {
width: auto;
height: auto;
}
.h5p-fullscreen .h5p-iframe-wrapper,
.h5p-semi-fullscreen .h5p-iframe-wrapper {
width: 100%;
height: 100%;
}
.h5p-iframe-wrapper.h5p-semi-fullscreen {
width: auto;
height: auto;
background: black;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 100001;
}
.h5p-iframe-wrapper.h5p-semi-fullscreen .buttons {
position: absolute;
top: 0;
right: 0;
z-index: 20;
}
.h5p-iframe-wrapper iframe.h5p-iframe { width: 10px;
min-width: 100%;
*width: 100%; height: 100%;
z-index: 10;
overflow: hidden;
border: 0;
display: block;
}
.h5p-content ul.h5p-actions {
box-sizing: border-box;
-moz-box-sizing: border-box;
overflow: hidden;
list-style: none;
padding: 0px 10px;
margin: 0;
height: 25px;
font-size: 12px;
background: #FAFAFA;
border-top: 1px solid #EEE;
border-bottom: 1px solid #EEE;
clear: both;
font-family: Sans-Serif;
}
.h5p-fullscreen .h5p-actions, .h5p-semi-fullscreen .h5p-actions {
display: none;
}
.h5p-actions > .h5p-button {
float: left;
cursor: pointer;
margin: 0 0.5em 0 0;
background: none;
padding: 0 0.75em 0 0.25em;
vertical-align: top;
color: #999;
text-decoration: none;
outline: none;
line-height: 22px;
}
.h5p-actions > .h5p-button:hover {
color: #666;
}
.h5p-actions > .h5p-button:active,
.h5p-actions > .h5p-button:focus,
.h5p-actions .h5p-link:active,
.h5p-actions .h5p-link:focus {
color: #666;
}
.h5p-actions > .h5p-button:focus,
.h5p-actions .h5p-link:focus {
outline-style: solid;
outline-width: thin;
outline-offset: -2px;
outline-color: #9ecaed;
}
.h5p-actions > .h5p-button:before {
font-family: 'H5P';
font-size: 20px;
line-height: 23px;
vertical-align: bottom;
padding-right: 0;
}
.h5p-actions > .h5p-button.h5p-export:before {
content: "\e90b";
}
.h5p-actions > .h5p-button.h5p-copyrights:before {
content: "\e88f";
}
.h5p-actions > .h5p-button.h5p-embed:before {
content: "\e892";
}
.h5p-actions .h5p-link {
float: right;
margin-right: 0;
font-size: 2.0em;
line-height: 23px;
overflow: hidden;
color: #999;
text-decoration: none;
outline: none;
}
.h5p-actions .h5p-link:before {
font-family: 'H5P';
content: "\e88e";
vertical-align: bottom;
}
.h5p-actions > li {
margin: 0;
list-style: none;
}
.h5p-popup-dialog {
position: absolute;
top: 0;
left: 0;
width: 100%;
min-height: 100%;
z-index: 100;
padding: 2em;
box-sizing: border-box;
-moz-box-sizing: border-box;
opacity: 0;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
background:#000;
background:rgba(0,0,0,0.75);
}
.h5p-popup-dialog.h5p-open {
opacity: 1;
}
.h5p-popup-dialog .h5p-inner {
box-sizing: border-box;
-moz-box-sizing: border-box;
background: #fff;
height: 100%;
max-height: 100%;
position: relative;
}
.h5p-popup-dialog .h5p-inner > h2 {
position: absolute;
box-sizing: border-box;
-moz-box-sizing: border-box;
width: 100%;
margin: 0;
background: #eee;
display: block;
color: #656565;
font-size: 1.25em;
padding: 0.325em 0.5em 0.25em;
line-height: 1.25em;
border-bottom: 1px solid #ccc;
z-index: 2;
}
.h5p-popup-dialog .h5p-inner > h2 > a {
font-size: 12px;
margin-left: 1em;
}
.h5p-embed-dialog .h5p-inner,
.h5p-reuse-dialog .h5p-inner,
.h5p-content-user-data-reset-dialog .h5p-inner {
min-width: 316px;
max-width: 400px;
left: 50%;
top: 50%;
transform: translateX(-50%);
}
.h5p-embed-dialog .h5p-embed-code-container,
.h5p-embed-size {
resize: none;
outline: none;
width: 100%;
padding: 0.375em 0.5em 0.25em;
margin: 0;
overflow: hidden;
border: 1px solid #ccc;
box-shadow: 0 1px 2px 0 #d0d0d0 inset;
font-size: 0.875em;
letter-spacing: 0.065em;
font-family: sans-serif;
white-space: pre;
line-height: 1.5em;
height: 2.0714em;
background: #f5f5f5;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.h5p-embed-dialog .h5p-embed-code-container:focus {
height: 5em;
}
.h5p-embed-size {
width: 3.5em;
text-align: right;
margin: 0.5em 0;
line-height: 2em;
}
.h5p-popup-dialog .h5p-scroll-content {
border-top: 2.25em solid transparent;
padding: 1em;
box-sizing: border-box;
-moz-box-sizing: border-box;
color: #555555;
z-index: 1;
}
.h5p-popup-dialog.h5p-open .h5p-scroll-content {
overflow: auto;
overflow-x: hidden;
overflow-y: auto;
height: 100%;
}
.h5p-popup-dialog .h5p-scroll-content::-webkit-scrollbar {
width: 8px;
}
.h5p-popup-dialog .h5p-scroll-content::-webkit-scrollbar-track {
background: #e0e0e0;
}
.h5p-popup-dialog .h5p-scroll-content::-webkit-scrollbar-thumb {
box-shadow: 0 0 10px #000 inset;
border-radius: 4px;
}
.h5p-popup-dialog .h5p-close {
cursor: pointer;
font-size: 2em;
position: absolute;
right: 0;
top: 0;
width: 1.125em;
height: 1.125em;
line-height: 1.125em;
color: #656565;
cursor: pointer;
text-indent: -0.065em;
z-index: 3
}
.h5p-popup-dialog .h5p-close:after {
font-family: 'H5P';
content: "\e894";
}
.h5p-popup-dialog .h5p-close:hover:after,
.h5p-popup-dialog .h5p-close:focus:after {
color: #454545;
}
.h5p-popup-dialog .h5p-close:active:after {
color: #252525;
}
.h5p-poopup-dialog h2 {
margin: 0.25em 0 0.5em;
}
.h5p-popup-dialog h3 {
margin: 0.75em 0 0.25em;
}
.h5p-popup-dialog dl {
margin: 0.25em 0 0.75em;
}
.h5p-popup-dialog dt {
float: left;
margin: 0 0.75em 0 0;
}
.h5p-popup-dialog dt:after {
content: ':';
}
.h5p-popup-dialog dd {
margin: 0;
}
.h5p-expander {
cursor: pointer;
font-size: 1.125em;
margin: 0.5em 0 0;
display: inline-block;
}
.h5p-expander:before {
content: "+";
width: 1em;
display: inline-block;
font-weight: bold;
}
.h5p-expander.h5p-open:before {
content: "-";
text-indent: 0.125em;
}
.h5p-expander:hover,
.h5p-expander:focus {
color: #303030;
}
.h5p-expander:active {
color: #202020;
}
.h5p-expander-content {
display: none;
}
.h5p-expander-content p {
margin: 0.5em 0;
}
.h5p-content-copyrights {
border-left: 0.25em solid #d0d0d0;
margin-left: 0.25em;
padding-left: 0.25em;
}
.h5p-throbber {
background: url(//aprendiendoenlanube.com/wp-content/plugins/h5p/h5p-php-library/images/throbber.gif?ver=1.2.1) 10px center no-repeat;
padding-left: 38px;
min-height: 30px;
line-height: 30px;
}
.h5p-dialog-ok-button {
cursor: default;
float: right;
outline: none;
border: 2px solid #ccc;
padding: 0.25em 0.75em 0.125em;
background: #eee;
}
.h5p-dialog-ok-button:hover,
.h5p-dialog-ok-button:focus {
background: #fafafa;
}
.h5p-dialog-ok-button:active {
background: #eeffee;
}
.h5p-big-button {
line-height: 1.25;
display: block;
position: relative;
cursor: pointer;
width: 100%;
padding: 1em 1em 1em 3.75em;
text-align: left;
border: 1px solid #dedede;
background: linear-gradient(#ffffff, #f1f1f2);
border-radius: 0.25em;
}
.h5p-big-button:before {
font-family: 'h5p';
content: "\e893";
line-height: 1;
font-size: 3em;
color: #2747f7;
position: absolute;
left: 0.125em;
top: 0.125em;
}
.h5p-copy-button:before {
content: "\e905";
}
.h5p-big-button:hover {
border: 1px solid #2747f7;
background: #eff1fe;
}
.h5p-big-button:active {
border: 1px solid #dedede;
background: #dfe4fe;
}
.h5p-button-title {
color: #2747f7;
font-size: 15px;
font-weight: bold;
margin-bottom: 0.5em;
}
.h5p-button-description {
color: #757575;
}
.h5p-horizontal-line-text {
border-top: 1px solid #dadada;
line-height: 1;
color: #474747;
text-align: center;
position: relative;
margin: 1.25em 0;
}
.h5p-horizontal-line-text > span {
background: white;
padding: 0.5em;
position: absolute;
top: -1em;
left: 50%;
transform: translateX(-50%);
}
.h5p-toast {
font-size: 0.75em;
background-color: rgba(0, 0, 0, 0.9);
color: #fff;
z-index: 110;
position: absolute;
padding: 0 0.5em;
line-height: 2;
border-radius: 4px;
white-space: nowrap;
pointer-events: none;
top: 0;
opacity: 1;
visibility: visible;
transition: opacity 1s;
}
.h5p-toast-disabled {
opacity: 0;
visibility: hidden;
}
.h5p-content code,
.h5peditor code {
color: #3d3d3d;
background: #e0e0e0;
border-radius: 2px;
padding: 0 5px;
}
.h5p-content pre > code,
.h5peditor pre > code {
background-color: #fafafa;
padding: 5px;
display: block;
line-height: normal;
border: 1px solid #c7c7c7;
border-left-width: 4px;
max-width: 100%;
white-space: pre;
overflow: auto;
} .h5peditor-semi-fullscreen {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 101;
}
iframe.h5peditor-semi-fullscreen {
background: #fff;
z-index: 100001;
}
.h5p-content.using-mouse *:not(textarea):focus {
outline: none !important;
}