/* 
Theme Name: Libro Digital 
Author: MDC
*/

/* Fonts */
@font-face {
    font-family: 'GilroyEB';
    src: url("./Fonts/Gilroy-ExtraBold.ttf");
}
@font-face {
    font-family: 'PoppinsB';
    src: url("./Fonts/Poppins-Black.ttf");
}
@font-face {
    font-family: 'PoppinsBI';
    src: url("./Fonts/Poppins-BlackItalic.ttf");
}
@font-face {
    font-family: 'PoppinsBo';
    src: url("./Fonts/Poppins-Bold.ttf");
}
@font-face {
    font-family: 'PoppinsBoI';
    src: url("./Fonts/Poppins-BoldItalic.ttf");
}
@font-face {
    font-family: 'PoppinsEBo';
    src: url("./Fonts/Poppins-ExtraBold.ttf");
}
@font-face {
    font-family: 'PoppinsEBoI';
    src: url("./Fonts/Poppins-ExtraBoldItalic.ttf");
}
@font-face {
    font-family: 'PoppinsEL';
    src: url("./Fonts/Poppins-ExtraLight.ttf");
}
@font-face {
    font-family: 'PoppinsELI';
    src: url("./Fonts/Poppins-ExtraLightItalic.ttf");
}
@font-face {
    font-family: 'PoppinsI';
    src: url("./Fonts/Poppins-Italic.ttf");
}
@font-face {
    font-family: 'PoppinsL';
    src: url("./Fonts/Poppins-Light.ttf");
}
@font-face {
    font-family: 'PoppinsLI';
    src: url("./Fonts/Poppins-LightItalic.ttf");
}
@font-face {
    font-family: 'PoppinsM';
    src: url("./Fonts/Poppins-Medium.ttf");
}
@font-face {
    font-family: 'PoppinsMI';
    src: url("./Fonts/Poppins-MediumItalic.ttf");
}
@font-face {
    font-family: 'PoppinsR';
    src: url("./Fonts/Poppins-Regular.ttf");
}
@font-face {
    font-family: 'PoppinsSBo';
    src: url("./Fonts/Poppins-SemiBold.ttf");
}
@font-face {
    font-family: 'PoppinsSBoI';
    src: url("./Fonts/Poppins-SemiBoldItalic.ttf");
}
@font-face {
    font-family: 'PoppinsT';
    src: url("./Fonts/Poppins-Thin.ttf");
}
@font-face {
    font-family: 'PoppinsTI';
    src: url("./Fonts/Poppins-ThinItalic.ttf");
}
/* Colores */
.negro, .negro:hover{
    color: #202020;
}
.blanco, .blanco:hover{
    color: #ededed;
}
.amarillo, .amarillo:hover{
    color: #f2ca00;
}
.cyan, .cyan:hover{
    color: #41cdad;
}
.rojo, .rojo:hover{
    color: #ff4f55;
}
.morado, .morado:hover{
    color: #6b1557;
}

/* Css Pagina */
body{
    margin: 0;
    padding: 0;
}
.row{
    margin: 0;
}
h2,h3{
    line-height: 1;
}
h1{
    font-size: 6.4vw;
    font-family: 'PoppinsEBo';
    line-height: 1.1;
}
h2{
    font-size: 3vw;
    font-family: 'PoppinsL';
}
h3{
    font-size: 2.4vw;
    font-family: 'PoppinsSBoI';
}
p{
    font-size: 1.2vw;
    font-family: 'PoppinsR';
}
a{
    font-size: 1.2vw;
    font-family: 'PoppinsR' !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}
p strong{
    font-size: 1.6vw;
}
.footer p{
    font-size: 0.9vw;
    font-family: 'PoppinsR';
    text-align: justify;
}
.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{
    padding: 0;
}
img{
    width: 100%;
}
.backgsec1{
    background-image: url(./img/Fondo-Video.jpg);
    background-position: center;
    background-size: cover;
}
.capafondo{
    padding: 0 5.2%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.4);
}
.videosec{
    padding: 7vw 9.4%;
}
.textvi{
    padding: 0 10% 0 0;
}
.videovid{
    padding: 0 0 0 5.2%;
}
.imgv{
    position: absolute;
    width: 5.2vw;
    margin-top: 18%;
    right: 38.8%;
    box-shadow: 2px 0 10px;
    z-index: 999;
}
.libr{
    padding: 7vw 5.2% 7vw 7.2%;
    background-color: #f2ca00;
}
.textlibr{
    padding: 7vw 7.2% 7vw 5.2%;
}
.libimg{
    width: 100%;
    box-shadow: -3px 0 14px;
}
.siguemelink{
    
    margin: auto;
    
    background-image: url(./img/Sigueme.jpg);
    background-size: 100% 100%;
    border-radius: 15px;
    box-shadow: 0 2px 15px black;
border-radius: 25px;width: 240px;display: block;text-indent: 80px;height: 55px;padding-top: 8px;font-size: 1.2rem;display: flex;justify-content: start;align-items: center;padding-bottom: 8px;}
.footer{
    padding: 2.5vw 5.2%;
    background-color: #202020;
}
.textfooter{
    padding: 0.7% 3% 0;
}
.logosdesktop .col-md-4{
    padding: 23% 3%;
}
.librsec .card{
	background-color: transparent !important;
	border: 0 !important;
}
.librsec .card-body{
	/* padding: 0 !important; */
text-align: center;}
.librsec .media .mr-3,
.librsec .media .media-body{
	display: none;
}
.librsec .media .ml-3{
	margin: -4% 0 0 !important;
}
.librsec .media .ml-3 a{
	
	text-transform: initial;
    letter-spacing: 0px;
    font-size: 1.2rem;
    background-image: url(./img/Descargar.jpg);
    background-size: 100% 110%;
	background-position: center;
    border-radius: 15px;
    box-shadow: 0 2px 15px black;
	color: black;
	border: black;
display: block;margin: auto;padding-left: 50px;}
.inises {
    text-transform: initial;
    letter-spacing: 0px;
    font-size: 1.2vw;
    background-image: url(./img/Descargar.jpg);
    background-size: 700% 110%;
    background-position: center;
    border-radius: 15px;
    box-shadow: 0 2px 15px black;
    color: black;
    border: black;
    background-color: transparent;
}
label, input{
	width: 100%;
}

input[type="checkbox"] {width: auto;}

p.terminos{
	text-align: justify;
	font-size: 1.2rem;
}
a#verTerminos {padding-left: 17px;display: block;}

div#modalFormulario p, div#modalFormulario a {font-size: 1.2rem;}

span#terminosCheck .wpcf7-list-item {margin: 0;}

div#modalFormulario .modal-content {background: #f2ca00;}

h5#modalFormularioLabel {font-family: 'PoppinsEBo';font-size: 1.5rem;}

.modal-header {border-color: #000;}

.modal-footer {border-color: #000;}

input[type="submit"] {background: #000;color: #FFF;font-size: 1.5rem;border-radius: 5px;}

button#claveDescarga {margin: 10px auto;display: block;font-size: 1.2rem !important;font-family: 'PoppinsR' !important;}

.w3eden {margin: auto;display: block;width: 220px;}
.w3eden .media {align-items: center;justify-content: center;}
/* Media Screen */
@media( max-width : 767px){
    h1{
        font-size: 12.8vw !important;
    }
    h2{
        font-size: 6vw !important;
    }
    h3{
        font-size: 4.8vw !important;
    }
    p{
        font-size: 2.4vw !important;
    }
    a, .inises{
        font-size: 2.4vw !important;
    }
    p strong{
        font-size: 3.2vw !important;
    }
    .footer p{
        font-size: 2.3vw !important;
    }
    .col-sm-4 {
        flex: 0 0 auto !important;
        width: 33.33333333% !important;
    }
    .col-sm-1 {
        flex: 0 0 auto !important;
        width: 8.33333333% !important;
    }
    .col-sm-2 {
        flex: 0 0 auto !important;
        width: 16.66666667% !important;
    }
    .dispnonmobile{
        display: none !important;
    }
    .capafondo {
        padding: 0 !important;
    }
    .videosec {
        padding: 7vw 15% !important;
    }
    .textvi {
        padding: 0 !important;
    }
    .videovid {
        padding: 0 0 0 15% !important;
    }
    .imgv {
        width: 9vw !important;
        margin-top: 5% !important;
        right: 71.6% !important;
    }
    .libr {
        padding: 7vw 15%;
    }
    .textlibr {
        padding: 7vw 15%;
    }
	.siguemelink{
		
	height: 50px;width: 200px;font-size: 1.2rem !important;text-indent: 70px;padding-top: 7px;}
	.librsec .media .ml-3 a {
		padding-left: 2rem !important;
	font-size: 1.2rem !important;text-indent: 15px;}
    .footer{
        padding: 7vw 15% !important;
    }
    .logoecep{
        width: 40% !important;
        display: block;
        margin: 3vw auto;
    }
    .logosmobile .col-sm-1{
        padding: 7% 0 0;
    }
    .logosmobile .col-sm-2{
        padding: 7% 4% 0;
    }
}
@media( min-width : 768px ){
    .dispnondesktop{
        display: none !important;
    }
}