/*
 Theme Name:     Divi Tyoterveyswellamo
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
body {
    line-height: 1.5em;
}
h1, h2, h3, h4, h5, h6 {
    padding-bottom: 25px;
}

@media screen and (max-width: 767px) {
    #main-header .container
    {
        width: 95%;
    }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {}
@media screen and (min-width: 1025px) {}



/*
*
* Header image
*
*/

.l-header-container
{
    position: relative;
    width: 100%;
    height: 70vh;
}
.l-back-container{
    position: absolute;
    width: 100%;
    height: 70vh;
    overflow: hidden;
}
.l-header-container > div.l-back-container > img,
.l-header-container> div.l-back-container > div > video{
    position: absolute;
    width: 100%;
    height: 70vh;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    object-position: 50% 0%;
    -webkit-filter: grayscale(1) blur(0px);
    filter: grayscale(1) blur(4px);
    max-width: 2000%!important;
}
.l-back-container__video{
    height: 100%;
}

.l-header-container::after
{
    content: " ";
    background-color: #3fb6c4;
    /*filter: alpha(opacity=75);*/
    opacity: 0.7;
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
}
.l-header-container > .l-svg-container
{
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 2;
}
.l-header-container > .l-svg-container > svg
{
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
}


.l-header-container .et_pb_row
{
    display: flex;
    justify-content: center;
    height: calc(100% - 80px);
    flex-direction: column;
    padding: 0 0 150px 0;
}

.roidu-gauge-title {
    font-size: 26px!important;
    margin: 0rem auto 1rem!important;
}

@media screen and (max-width: 767px) {
    .l-header-container
    {
        height: 55vh;
    }
    .l-back-container,
    .l-header-container > img{
        height: 55vh;
    }
    .l-header-container .et_pb_row
    {
        padding: 0 0 50px 0;
    }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {}
@media screen and (min-width: 1025px) {}

/*
*
* Header images
*
*/

.l-certifications
{
    display: flex;
    z-index: 4;
    position: relative;
    justify-content: flex-end;
    padding: 30px 50px 0 0;
}

.l-certifications > *
{
    margin-left: 15px;
}
@media screen and (max-width: 767px) {
    .l-certifications
    {
        padding: 30px 30px 0 0;
    }
    .l-certifications img:nth-child(1)
    {
        width: 13%;
        height: 50%;
    }
    .l-certifications img:nth-child(2)
    {
        width: 35%;
        height: 50%;
    }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {}
@media screen and (min-width: 1025px) {}


/*
*
* Header title
*
*/

#et-boc
{
    height: 100%;
}

.l-header-container__site_title
{
    position: relative;
    z-index: 1;
    max-width: 440px;
    /*white-space: nowrap;*/
    margin: 0 auto;
}
    .l-header-container__site_title h1
    {
        font-size: 2.5em;
        font-weight: bold!important;
        padding: 0;
        text-transform: capitalize;
    }
    .l-header-container__site_title span
    {
        font-size: 1.25em;
    }
    .l-header-container__site_title *
    {
        display: block;
        color: white;
    }
@media screen and (max-width: 767px) {
    .l-header-container__site_title
    {
        max-width: 100%;
        white-space: normal;
    }
    .l-header-container__site_title h1
    {
        font-size: 1.7em;
        font-weight: bold!important;
    }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {}
@media screen and (min-width: 1025px) {}

/*
*
* Header Alert boxs
*
*/

.l-header-container__alert
{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    width: 60vw;
    max-width: 600px;
    z-index: 4;
}

    .l-header-container__alert .c-articles_title
    {
        display: none;
    }

    .l-header-container__alert .c-articles_listing
    {

        margin: 0 auto;
        background-color: white;
        border-radius: 15px;
        box-shadow: 0px 10px 15px 0px rgba(0,0,0,0.2);
        padding: 15px;
    }

        .l-header-container__alert .c-articles_listing article
        {
            width: calc(100%)!important;
            margin-bottom: 0;
            text-align: center;
        }

        .l-header-container__alert .c-articles_listing  article > *
        {
            font-size: .9rem!important;
            line-height: initial;
        }

        .l-header-container__alert svg
        {
            transform: rotateY(180deg);
            margin-right: 15px;
            opacity: .4;
        }

@media screen and (max-width: 767px) {
    .l-header-container__alert
    {
        width: 90vw;
        max-width: 90vw;
        bottom: 5%;
        top:-50px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {}
@media screen and (min-width: 1025px) {}

/*
*
* HEADER FIXED
*
*/

#main-header.et-fixed-header{
    position: fixed!important;
    top: 0!important;
}

/*
*
* TOP NAVIGATION allways show mobile menu
*
*/

#top-menu-nav
{
    display: none;
}

#et_mobile_nav_menu
{
    display: block;
    margin-top: -21px; /* Set hampurger right place */
}

.mobile_menu_bar::before
{
    border: solid 2px #005c84;
    padding: 2px 2px 0px 2px;
    font-size: 48px;
    color: #005c84;
    transition: all .25s;
}

.mobile_menu_bar:hover::before
{
    background-color: #005c84;
    color: white;
}

#mobile_menu
{
    background-color: #005c84;
    border-top-width: 0;
}

.et_mobile_menu li a
{
    color: white;
}

@media screen and (max-width: 767px) {
    #et_mobile_nav_menu {
        margin-top: 0;
    }
}
@media screen and (min-width: 768px) and (max-width: 980px){
    #logo {
        max-height: 71%;
    }
    .et_fullwidth_nav #main-header .container {
        width: 100%;
        max-width: 100%;
        padding-right: 30px;
        padding-left: 30px;
    }
    .et_header_style_left #et-top-navigation,
    .et_header_style_left .et-fixed-header #et-top-navigation {
        display: block;
        padding-top: 48px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {}
@media screen and (min-width: 1025px) {}

/*
*
* CUSTOM MOBILE in not mobile status
*
*/

ul.et_mobile_menu *
{
    background-color: transparent!important;
}
ul.et_mobile_menu li li a
{
    font-weight: 400;
}

@media screen and (min-width: 981px) {
    ul.et_mobile_menu
    {
        width: 100%;
        justify-content: center;
        padding: 45px 5% 45px 25%;
    }
    ul.et_mobile_menu > li
    {
        float: left;
        padding-left: 22px;
        padding-right: 22px;
    }
    ul.et_mobile_menu ul,
    ul.et_mobile_menu ul li
    {
        padding-left: 0!important;
    }
    ul.et_mobile_menu li a
    {
        padding: 5px 10px;
        white-space: nowrap;
    }
}

/*
*
* TOP NAVIGATION search & button link
*
*/

.l-top_extra_buttons
{
    display: flex;
    position: absolute;
    top: 24px;
    right: 104px;
    overflow: hidden;
}

@media screen and (max-width: 767px) {
    .l-top_extra_buttons
    {
        top: 20px;
        right: 65px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {}
@media screen and (min-width: 1025px) {}


/* search */

.c-search-form
{
    display: flex;
    min-height: 53px;
}

.c-search-form input
{
    background-color: transparent;
    border-width: 0;
    border: solid 2px transparent;
    padding-left: 15px;
    transition: all .25s;
}
.c-search-form:hover input
{
    border: solid 2px #005c84;
}
.c-search-form button
{
    background-color: transparent;
    border-width: 0;
    cursor: pointer;
}
.c-search-form button svg
{
    fill: #005c84;
}

@media screen and (max-width: 767px) {
    .c-search-form
    {
        display: none;
    }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {}
@media screen and (min-width: 1025px) {}

/* link to appointment page */

.l-top_extra_buttons > div > a
{
    color: #005c84;
    border: solid 2px #005c84;
    padding: 13px 20px 6px 15px;
    position: relative;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 14px;
    display: flex;
    transition: all .25s;
}
.l-top_extra_buttons > div > a:hover
{
    background-color: #005c84;
    color: white;
}
.l-top_extra_buttons > div > a > span:nth-child(2)
{
}
.l-top_extra_buttons > div > a > span > svg
{
    fill: #005c84;
    margin-right: 10px;
}
    .l-top_extra_buttons > div > a:hover > span > svg
    {
        fill: white;
    }
.l-top_extra_buttons > *
{
    margin-left: 15px;
}
@media screen and (max-width: 767px) {
    .l-top_extra_buttons > div > a
    {
        padding: 13px 5px 6px 15px;
    }

    .l-top_extra_buttons > div > a > span:nth-child(2)
    {
        display: none;
    }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {}
@media screen and (min-width: 1025px) {}

/*
*
* Breadcrumb
*
*/

.c-breadcrumb
{
    margin-top: 15px;
}
.c-breadcrumb a,
.c-breadcrumb span
{
    text-transform: capitalize;
}

/*
*
* Single page
*
*/

.l-page-thumbnail{
    width: 48%;
    margin-left: 2%;
    margin-bottom: 2%;
    float: right;
}
@media screen and (max-width: 767px) {
    .l-page-thumbnail{
        width: 100%;
        margin-left: 0;
        float: initial;
    }
}
/*
*
* FOOTER
*
*/

.l-footer-wide
{
    text-align: center;
    color: white;
    padding-top: 3%;
    padding-bottom: 3%;
}

.l-footer-title
{
    font-family: 'Nunito', sans-serif;
    font-size: 2rem;
    font-weight: bolder;
}

#footer-widgets {
    padding: 0;
}

.et_pb_gutters3 .footer-widget {
    margin-right: 5.5%;
    margin-bottom: 0;
}
#footer-bottom {
    padding: 0;
}


#footer-widgets ul,
#footer-widgets li,
#footer-widgets .footer-widget li
{
    padding: 0!important;
    margin: 0!important;
    list-style: none;
}
#footer-widgets li::before
{
    display: none;
}

@media screen and (max-width: 767px) {
    .l-footer-wide
    {
        padding-top: 10%;
        padding-bottom: 10%;
        margin: 0;
        width: 100%;
    }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {}
@media screen and (min-width: 1025px) {}

/*
*
* HTML elemnts
*
*/

h1,h2,h3,h4,h5,h6
{
    font-weight: 900!important;
    font-family: 'Nunito', sans-serif!important;
}

/*
*
* WP
*
*/

.et_pb_section {
    padding: 0!important;
}
@media (max-width: 980px){}
@media screen and (min-width: 768px) and (max-width: 1024px) {}
@media screen and (min-width: 1025px) {}

/*
*
* ET components
*
*/

.wp-block-button__link,
.c-button,
.et_pb_button
{
    background: linear-gradient(to right, #85c01a 0%, #97c93c 100%);
    color: white!important;
    font-size: 16px;
    padding: 10px 30px;
    border-width: 0!important;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
}
.c-button,
.et_pb_button:hover
{
    border-width: 0!important;
    padding: 10px 30px!important;
    padding-right: 45px!important;
}
.et_pb_button:hover:after
{
    top: 7px;
}

/*
*
* ET row components
*
*/

.home_row_box
{
    background-color: transparent;
    padding: 0!important;
    margin-bottom: -30px!important;
    z-index: 1;
}
.home_row_box > div{
    padding-right: 45px;
    padding-left:  45px;
}
.home_topbox
{
    border-width: 1px;
    border-style: solid;
    border-image: linear-gradient(to top, #acacac, rgba(0, 0, 0, 0)) 1 100%;
    background-color: white;
}
.home_topbox_bottom
{
    border-left: solid 1px #acacac;
    border-right: solid 1px #acacac;
    border-bottom: solid 1px #acacac;
    background-color: white;
}

@media screen and (max-width: 767px) {
    .home_topbox,
    .home_topbox_bottom
    {
        width: 95%;
        padding-left: 15px!important;
        padding-right: 15px!important;
    }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {}
@media screen and (min-width: 1025px) {}

.blue_rowbox
{
    background-color: #eaf3f4;
}

/*
*
* Form edit
*
*/

.et_pb_contact p input,
.et_pb_contact p textarea,
.et_pb_subscribe .et_pb_contact_field input,
.et_pb_subscribe .et_pb_contact_field textarea
{
    padding: 10px 16px;
}

.blue_rowbox .et_pb_contact p input,
.blue_rowbox .et_pb_contact p textarea,
.blue_rowbox .et_pb_subscribe .et_pb_contact_field input,
.blue_rowbox .et_pb_subscribe .et_pb_contact_field textarea
{
    background-color: white;
}

.blue_rowbox .et_pb_contact p input[type=checkbox]+label i,
.blue_rowbox .et_pb_contact p input[type=radio]+label i,
.blue_rowbox .et_pb_subscribe .et_pb_contact_field input[type=checkbox]+label i,
.blue_rowbox .et_pb_subscribe .et_pb_contact_field input[type=radio]+label i
{
    background-color: white;
}

/*
*
* ET icon grafia
*
*/

.c-icon-row{

}

.c-icon-image .et_pb_image_wrap
{
    width: 66px;
    max-width: 6vw;
}
.c-icon-image .et_pb_blurb_container
{
    vertical-align: middle;
}
.c-icon-image .et_pb_blurb_container h4
{
    font-size: 1.3rem;
}
.c-icon-image .et_pb_blurb_container p,
.c-icon-image .et_pb_blurb_container p:not(.has-background):last-of-type
{
    padding-bottom: 0!important;
}
.c-icon-image .et_pb_blurb_container *
{
    padding: 0;
}


@media screen and (max-width: 767px) {
    .c-icon-image .et_pb_image_wrap
    {
        max-width: 7vw;
    }
}

@media screen and (max-width: 479px) {
    .c-icon-row .et_pb_column_1_6{
        padding:  10px 20px;
    }
    .c-icon-image .et_pb_image_wrap
    {
        max-width: 10vw;
    }
}

@media screen and (min-width: 480px) and (max-width: 1366px) {
    .c-icon-row .et_pb_column_1_6 {
        width: 29.666%!important;
        margin-right: 5.5%!important;
        margin-bottom: 30px!important;
    }
    .c-icon-row .et_pb_column_1_6:nth-child(3n) {
        margin-right: 0!important;
    }
}

/*
*
* ET three box and images
*
*/

.c-three-row > .et_pb_row
{
    min-width: 100%!important;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}
.c-three-row > .et_pb_row::after{
    display: none;
}

.c-three-row > .et_pb_row > .et_pb_column
{
    margin: 0;
    padding: 0;
    width: calc( 100% / 3 );
}

.c-image-text
{
    display: flex;
    height: 100%;
}
.c-image-text > .et_pb_text_inner{
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 100%;
    width: 100%;
    padding: 25px;
}

.c-image-text *
{
    color: white;
    z-index: 2;
}

.c-image-text > .et_pb_text_inner::after{
    content: " ";
    background-color: black;
    opacity: .5;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    transition: all .25s;
}
.c-image-text:hover > .et_pb_text_inner::after{
    opacity: .6;
}
@media screen and (max-width: 767px) {
    .c-three-row > .et_pb_row > .et_pb_column
    {
        margin: 0;
        padding: 0;
        width: 100%;
    }
    .c-image-text > .et_pb_text_inner{
        min-height: 100vw;
    }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {}
@media screen and (min-width: 1025px) {}

/*
*
*  Articles_listing shortcode function
*  - Huom s <-
*/

/* listing title */
.c-articles_title
{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 30px;
}

.c-articles_title  h3
{
    padding: 0;
}
.c-articles_title a
{
    text-transform: uppercase;
    font-weight: 600;

}

/* listing */
.c-articles_listing {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
}
.c-articles_listing > article
{
    width: calc( ( 100% - 40px ) / 3);
    margin-right: 19px;
}
.c-articles_listing > article:last-child
{
    margin-right: 0px;
}

.c-articles_listing a
{
    color: #444;
}

.c-articles_listing__image
{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding-bottom: calc( ( 9 / 16 ) * 100% + 15px);
}
.c-articles_listing__image--exception
{
    background-size: contain;
}


.c-articles_listing small
{
    padding-top: 15px;
    display: block;
}

.c-articles_listing h4
{
    font-family: inherit!important;
    font-size: 18px;
    padding-bottom: 15px;
}
.c-articles_listing p
{
}
.c-articles_listing__readmore
{
    text-transform: uppercase;
    color: #65940d;
    font-weight: 600;
    display: block;
    margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
    .c-articles_listing > article
    {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 25px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {}
@media screen and (min-width: 1025px) {}

/*
*
* Article_listing shortcode function
* toimipisteet & palvelut
*  - Huom no s <-
*/

/* list navigation */
.c-article_list_navigation
{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 45px;
    justify-content: center;
}
.c-article_list_navigation a
{
    display: inline-block;
    padding: 5px 15px;
    /*font-size: 1.2rem;*/
    transition: all .25s;
}
.c-article_list_navigation a:hover
{
    background-color: #65940d;
    color: white;
}

/* list conteiner */

.c-article_list_container
{
    display: flex;
    flex-wrap: wrap;
}

.c-article_list_container a
{
    color: #444;
}

/* common items */

.c-article_list_container__readmore
{
    text-transform: uppercase;
    color: #65940d;
    font-weight: 600;
    display: block;
    margin-top: 10px;
}
div.c-article_list_container__image
{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding-bottom: calc( ( 9 / 16 ) * 100% + 15px);
}
div.c-article_list_container__content
{}

/* service item part */
/* palvelut */

article.c-article_list_container__service_item
{
    width: calc( ( 100% - 40px ) / 3);
    margin-right: 19px;
}
article.c-article_list_container__service_item:nth-child(3n)
{
    margin-right: 0px;
}

article.c-article_list_container__service_item
div.c-article_list_container__image,
article.c-article_list_container__service_item
div.c-article_list_container__content
{
    margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
    article.c-article_list_container__service_item
    {
        width: 100%;
        margin-right: 0;
    }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {}
@media screen and (min-width: 1025px) {}

/* office item part */
/* toimipisteet */

article.c-article_list_container__office_item
{
    width: 100%;
}

.c-article_list_container__status
{
    display: flex;
}

article.c-article_list_container__office_item
div.c-article_list_container__image_container
{
    min-width: calc( 50% - 7px );
    margin-right: 14px;
}

article.c-article_list_container__office_item
div.c-article_list_container__image
{
    padding-bottom: calc( ( 9 / 16 ) * 100% + 15px);
}

article.c-article_list_container__office_item
div.c-article_list_container__content h3
{
    margin-bottom:  10px;
}

.c-article_list_container__contacts
{
    margin: 25px 0 25px 0;
    padding-bottom: 25px;
    border-bottom: solid 1px rgba(0, 0, 0, 0.15);
}
.c-article_list_container__contacts > div
{
    column-count: 2;
}
@media screen and (max-width: 767px) {
    .c-article_list_container__status
    {
        display: block;
    }
    article.c-article_list_container__office_item
    div.c-article_list_container__image_container
    {
        min-width: 40%;
        margin-right: 0;
        margin-bottom: 15px;
    }
    .c-article_list_container__contacts > div
    {
        column-count: 1;
    }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {}
@media screen and (min-width: 1025px) {}

/*
* Ninja form styles
*/

/* hide required text */
.ninja-forms-form-wrap .nf-form-fields-required
{
    display: none;
}
/* field bottom margin */
.ninja-forms-form-wrap .nf-field-container {
    margin-bottom: 15px;
}
/* field inner padding */
.ninja-forms-form-wrap input[type="text"],
.ninja-forms-form-wrap textarea
{
    padding: 5px!important;
}
/* field label font */
.ninja-forms-form-wrap .nf-form-content label {
    font-size: 16px;
    line-height: 16px;
}
/* field label bottom margin */
.ninja-forms-form-wrap .nf-field-container .nf-field-label {
    margin-bottom: 0px!important;
}
/* field label height */
.ninja-forms-form-wrap .nf-form-content .listselect-wrap .nf-field-element div,
.ninja-forms-form-wrap .nf-form-content input.ninja-forms-field,
.ninja-forms-form-wrap .nf-form-content select.ninja-forms-field:not([multiple]) {
    height: 35px;
}
/* send button style */
.ninja-forms-form-wrap .nf-form-content button,
.ninja-forms-form-wrap .nf-form-content input[type=button],
.ninja-forms-form-wrap .nf-form-content input[type=submit] {
    background: linear-gradient(to right, #85c01a 0%, #97c93c 100%);
    color: white!important;
    font-size: 16px;
    padding: 15px 30px;
    border-width: 0!important;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 16px;
    height: auto;
    border-radius: 150px;
}
/* target all fields / remove border */
/* use only in .blue_rowbox */
.blue_rowbox .nf-form-content .list-select-wrap .nf-field-element>div,
.blue_rowbox .nf-form-content input:not([type=button]),
.blue_rowbox .nf-form-content textarea,

.blue_rowbox .checkbox-wrap .nf-field-element label:after,
.blue_rowbox .checkbox-wrap .nf-field-label label:after,
.blue_rowbox .listcheckbox-wrap .nf-field-element label:after,
.blue_rowbox .listcheckbox-wrap .nf-field-label label:after,
.blue_rowbox .ninja-forms-form-wrap select,
.blue_rowbox .listradio-wrap .nf-field-element label:after
{
    border-width: 0;
    background-color: white;
}

p:not(.has-background):last-of-type {
    padding-bottom: 1em!important;
}


/* Dreambroker video styles */
div.dbvideo-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
div.dbvideo-item {
    position: relative;
    margin: 10px;
    width: 340px;
}
div.dbvideo-mask {
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.5);
    opacity: 1;
    transition: opacity,.25s,ease-in;
}
.dbvideo-mask:hover {
    background: rgba(0,0,0,0);
}
div.dbvideo-caption {
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    width: 80%;
}
.dbvideo-mask:hover > div.dbvideo-caption {
    display: none;
}
div.dbvideo-title{
    font-size: 16px;
}
div.dbvideo-length {
    color: #ffffff;
    background: rgba(0,0,0,0.75);
    bottom: 0;
    font-size: 10px;
    padding: 0 3px;
    position: absolute;
    right: 0;
    -webkit-font-smoothing: subpixel-antialiased;
}
div.dbvideo-author{
    font-size: 12px;
    font-style: italic;
}
img.dbvideo-image {
    height: 100%;
}