/* ==========================================================
   Euribor365 Widget
   ========================================================== */

.euribor365-card {

    background: #f4f4f9;
    border: 1px solid #ddd;
    border-radius: 8px;

    box-shadow: 0 2px 4px rgba(0,0,0,.10);

    box-sizing: border-box;

    width: 100%;
    max-width: 380px;
    min-width: 280px;

    margin: 0 auto;
    padding: 16px;

    text-align: center;

    font-family: Arial, Helvetica, sans-serif;
    color: #222;

}

/* ---------------------------------------------------------- */

.euribor365-fecha{

    margin:0 0 10px 0;

    color:#0000FF;

    font-size:1.65em;

    font-weight:bold;

    line-height:1.2;

}

/* ---------------------------------------------------------- */

.euribor365-card p{

    margin:0 0 2px 0;

    line-height:1.2;

    font-size:16px;

}

/* ---------------------------------------------------------- */

.euribor365-card strong{

    font-weight:bold;

}

/* ---------------------------------------------------------- */

.euribor365-valor{

    font-size:1.20em;

    font-weight:bold;

}

/* ---------------------------------------------------------- */

.euribor365-media{

    font-size:1.15em;

    font-weight:bold;

}

/* ---------------------------------------------------------- */

.euribor365-variacion{

    font-weight:bold;

    font-size:15px;

}

/* ---------------------------------------------------------- */

.euribor365-footer{

    margin-top:12px;

    padding-top:10px;

    border-top:1px solid #e5e5e5;

    font-size:12px;

    color:#666;

}

/* ---------------------------------------------------------- */

.euribor365-footer a{

    color:#0000FF;

    text-decoration:underline;

    font-weight:bold;

}

.euribor365-footer a:hover{

color:#28a745;
}

/* ---------------------------------------------------------- */

.euribor365-error{

    background:#fff5f5;

    border:1px solid #e3b3b3;

    border-radius:8px;

    padding:18px;

    text-align:center;

    color:#b00020;

    font-family:Arial, Helvetica, sans-serif;

}

/* ---------------------------------------------------------- */
/* Responsive */
/* ---------------------------------------------------------- */

@media (max-width:768px){

    .euribor365-card{

        width:100%;
        min-width:100%;
        max-width:100%;

        padding:15px;

    }

    .euribor365-fecha{

        font-size:1.50em;

    }

    .euribor365-card p{

        font-size:15px;

    }

}