/*
* style.css
* Styles for plugin Esf Shortcodes
*/

.green {
    background-color: green;
}
.red {
    background-color: red;
}
.white {
    background-color: white;
}

/**
* intrinsic container for iframes
*/
.esf-intrinsic-container {
    position: relative;
    height: 0;
    overflow: hidden;
}
/* 16x9 Aspect Ratio */
.esf-intrinsic-container-16x9 {
    padding-bottom: 56.25%;
}
/* 4x3 Aspect Ratio */
.esf-intrinsic-container-4x3 {
    padding-bottom: 75%;
}
.esf-intrinsic-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

  /*////////////////*/
 /* esf-googlemaps */
/*////////////////*/

.esf-googlemaps .map-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}

.esf-googlemaps .map-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

  /*///////////////////*/
 /* esf-facebookvideo */
/*///////////////////*/

.esf-facebookvideo .video-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}

.esf-facebookvideo .video-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}


  /*/////////////////////*/
 /* esf-image-container */
/*/////////////////////*/

.esf-image-container {
    display: block;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%; /* 16 : 9 */
    padding-top: 0px;
    position: relative;
}
.esf-image-container > span, .esf-image-container > a > span, .esf-image-container > div, .esf-image-container > iframe {
    background-position: center;
    background-size: cover;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.esf-fullwidth {
    margin: 29px 0 29px 0;
    width: 100%;
}
.esf-halfwidth {
    max-width: 100%;
    width: 100%;
}
.esf-floatleft {
    float: none;
    margin: 29px 0 29px 0;
}
.esf-floatright {
    float: none;
    margin: 29px 0 29px 0;
}
.esf-image-caption {
    background-color: #F0F0F0;
    color: #999999;
    display: block;
    padding: 3px 5px 4px 5px;
}

.jarallax-content {
    background-color: rgba(255, 255, 255, 0.7);
    bottom: 3%;
    color: #111111;
    padding: 11px 13px 11px 13px;
    position: absolute;
}

.esf-video-container {
    display: block;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
.esf-video-container iframe,
.esf-video-container object,
.esf-video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

  /*////////////////*/
 /* esf-jobskathch */
/*////////////////*/

.esf-jobskathch-item {
    display: block;
    margin-bottom: 13px;
}
.esf-jobskathch-date {
    display: block;
}
.esf-jobskathch-title {
    display: block;
}
.esf-jobskathch-institution {
    display: block;
}
.esf-jobskathch-item span.paragraphe {
    display: block;
}


  /*//////////////////*/
 /* esf-medientippch */
/*//////////////////*/

.esf-medientippch-item {
    display: block;
    margin-bottom: 13px;
}
.esf-medientippch-date {
    display: block;
}
.esf-medientippch-title {
    display: block;
}
.esf-medientippch-img_caption {
    display: block;
}


  /*//////////*/
 /* esf-poll */
/*//////////*/

.esf-poll .poll-question .poll-star {
    font-size: 4em;
}
.esf-poll .poll-question .poll-star a {
    color: #a67c00;
    cursor: pointer;
}
.esf-poll .poll-question .poll-star a:hover {
    color: #bf9b30;
}
.esf-poll .poll-question .poll-title {
    display: block;
}
.esf-poll .poll-result .poll-star {
    color: #a67c00;
    font-size: 4em;
}
.esf-poll .poll-result .poll-star.faded {
    color: #fdcb5e;
}
.esf-poll .poll-result .poll-title {
    display: block;
}

/* /\/\/\/\/\ */
/* responsive */
/* /\/\/\/\/\ */

/* Extra small devices (phones, up to 480px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) – navbar width: 720px*/
@media (min-width: 768px) {

    .esf-halfwidth {
        max-width: 45%;
        width: 45%;
    }
    .esf-floatleft {
        float: left;
        margin: 6px 5% 19px 0;
    }
    .esf-floatright {
        float: right;
        margin: 6px 0 19px 5%;
    }

}

/* Medium devices (desktops, 992px and up) – navbar width: 940px */
@media (min-width: 992px) {

}

/* Large devices (large desktops, 1200px and up) – navbar width: 1140px */
@media (min-width: 1200px) {

}