/**
 * UDL Content iDevice
 *
 * Released under Attribution-ShareAlike 4.0 International License.
 * Author: Ignacio Gros (http://gros.es/) for Consejería de Educación y Deporte, Junta de Andalucía (https://moocedu.juntadeandalucia.es/)
 * Cofinanced with the European Union FEDER funds.
 * 
 * Characters and alternative content icons: Consejería de Educación y Deporte (Junta de Andalucía)
 * 
 * License: http://creativecommons.org/licenses/by-sa/4.0/
 */
.exe-udlContent-block{margin-top:1em}
.exe-udlContent .exe-udlContent-block-toggler{margin:1.5em 0}
.exe-udlContent .udl-btn{text-decoration:none;background-color:#499113;padding:.3em 1em;color:#fff;
transition: background-color 0.4s ease-in-out;
display:inline-block;
}
.exe-udlContent .udl-btn:hover{background-color:#366c0e}
.exe-udlContent .udl-btn:focus{text-decoration:underline}

.exe-udlContent-representation .udl-btn{background-color:#a25ac4}
.exe-udlContent-representation .udl-btn:hover{background-color:#7d389e}
.exe-udlContent-representation .udl-btn:focus{text-decoration:underline}

.exe-udlContent-expression .udl-btn{background-color:#0065ab}
.exe-udlContent-expression .udl-btn:hover{background-color:#004b80}
.exe-udlContent-expression .udl-btn:focus{text-decoration:underline}

.js .exe-udlContent-header,
.exe-udlContent-alt-close-lnk,
.udl-character-img{
    position: absolute !important;
    top:-999em;
    left:-999em;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px); 
}

.js .exe-udlContent-alt-content-title h2{font-size:1em}
.exe-udlContent-alt-content-title h2{color:#499113}
.exe-udlContent-representation .exe-udlContent-alt-content-title h2{color:#a25ac4}
.exe-udlContent-expression .exe-udlContent-alt-content-title h2{color:#0065ab}

.exe-udlContent-content-nav{margin:0;padding:0;list-style:none;text-align:center}
.exe-udlContent-content-nav li{margin:0 10px;padding:0;display:inline}

.exe-udlContent .exe-udlContent-alt-lnk{width:40px;height:40px;padding:0;background:url(udl-icons-sm.png);display:inline-block;opacity:.6;
transition: opacity 0.4s ease-in-out}
.exe-udlContent .exe-udlContent-alt-toggler{visibility:hidden;float:right}
.exe-udlContent-alt-lnk:hover,.exe-udlContent-alt-lnk:focus{opacity:1}
.exe-udlContent .exe-udlContent-alt-lnk-simplified{background-position:0 -40px}
.exe-udlContent .exe-udlContent-alt-lnk-audio{background-position:0 -80px}
.exe-udlContent .exe-udlContent-alt-lnk-visual{background-position:0 -120px}

@media screen and (min-width:1px) {
	.exe-udlContent .exe-udlContent-alt-lnk{background-image:url(udl-icons.png);background-size:40px auto}
}

.exe-udlContent-content-block{overflow:auto}
.exe-udlContent-content-simplified,
.exe-udlContent-content-audio,
.exe-udlContent-content-visual{border-top:1px solid #858585;padding-top:.5em;position:relative;margin:1em 0}

.exe-udlContent-block-toggler i{display:none}
.exe-udlContent .udl-character{color:#000;font-size:1.2em}

/* Alternative contents (bottom) */
.js .exe-udlContent-alt-bottom .exe-udlContent-alt-content-title h2{font-size:1.2em}
.exe-udlContent-alt-bottom .exe-udlContent-content-simplified,
.exe-udlContent-alt-bottom .exe-udlContent-content-audio,
.exe-udlContent-alt-bottom .exe-udlContent-content-visual{border-top:none;padding-top:.0}
.exe-udlContent-alt-bottom .exe-udlContent-block-with-alt{position:relative;padding-bottom:40px}
.exe-udlContent-alt-bottom .exe-udlContent-content-nav{position:absolute;bottom:0;right:0;overflow:hidden;height:40px}
.exe-udlContent-alt-bottom .exe-udlContent-content-nav li{margin:0 0 0 20px;height:40px}
.exe-udlContent-alt-bottom .exe-udlContent .exe-udlContent-alt-toggler{float:none}

@media screen and (min-width:1px) {
	.exe-udlContent .udl-character span{opacity:.6;transition: all 0.3s ease-in-out;margin:0 1em}
	.exe-udlContent .udl-character{display:flex;align-items:center;text-decoration:none;min-height:125px}
	.exe-udlContent .udl-character:before{content:" ";float:left;display:block;height:125px;width:125px;background:url(udl-character-1.gif) no-repeat 0 0;background-size:125px auto;border-radius:10px}
	.exe-udlContent .udl-character-2:before{background-image:url(udl-character-2.gif)}
	.exe-udlContent .udl-character-3:before{background-image:url(udl-character-3.gif)}
	.exe-udlContent .udl-character-4:before{background-image:url(udl-character-4.gif)}
	.exe-udlContent .udl-character:hover:before,.exe-udlContent .udl-character:focus:before{background-position:0 -125px}
	.exe-udlContent .udl-character:hover span,.exe-udlContent .udl-character:focus span{opacity:1;font-size:1.03em}
}

@media screen and (max-width:576px) {
	.exe-udlContent .udl-character{display:inline-block}
	.exe-udlContent .udl-character i{display:block;float:none;margin:0 auto .5em auto}
}

/* Print options */
.exe-udlContent button.exe-udlContent-alt-content-hide,
.exe-udlContent-url{display:none}
@media print{
	.exe-udlContent-block-toggler i,
	.exe-udlContent-content-nav,.mejs-container,.exe-udlContent-block-toggler .udl-btn{display:none!important}
	.exe-udlContent-block-toggler .udl-character:before{display:none}
	.exe-udlContent .udl-character span{display:none}
	.exe-udlContent-block-toggler{width:125px;height:125px;position:relative;overflow:hidden}
	.udl-character-img{width:125px;left:0;top:0;clip:auto}
	.exe-udlContent-content-block,.exe-udlContent-block,.exe-udlContent-url{display:block!important}
	.exe-udlContent .exe-udlContent-content-simplified,
	.exe-udlContent .exe-udlContent-content-audio,
	.exe-udlContent .exe-udlContent-content-visual{border-top:1px solid #858585;padding-top:.5em;margin-top:1.5em}
	.exe-udlContent-alt-bottom .exe-udlContent-block-with-alt{padding-bottom:0}
	.exe-udlContent a{text-decoration:none!important}
	.exe-udlContent a[href^=http]:after{content:" <" attr(href) "> "}
	.js .exe-udlContent-header{position:relative!important;clip:auto;margin-top:1.5em}
}