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

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

.excerpt a {
    color: #666666;
}
.excerpt a:hover {
    color: #999999;
    text-decoration: none;
}

.esf-margin-bottom {
    margin-bottom: 29px;
}

.esf-image-caption {
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 1.2;
}

.esf-fullwidth.esf-floatnone {
    margin-top: 0.5rem;
}

/**
* 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: 71%;
}
.esf-intrinsic-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.esf-box {
    background-color: #e8e8e8;
    padding: 19px;
}

.esf-slideshow {
    margin-bottom: 1.5rem;
}

/**
* image box
*/
.esf-imagebox {
    height: 0;
    overflow: hidden;
    position: relative;
}
.esf-imagebox-2x3 {
    padding-bottom: 150%;
}
.esf-imagebox-4x3 {
    padding-bottom: 75%;
}
.esf-imagebox span {
    background-position: center;
    background-size: cover;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.esf-sc-podcast .col-lg-6 {
    padding-bottom: 6rem;
}
.esf-sc-podcast img {
    float: right;
    margin: 0 0 0.5rem 5%;
    max-width: 25%;
}
.esf-sc-podcast .esf-sc-player {
    float: left;
    margin: 0 0 0.5rem 0;
    max-width: 70%;
}
.esf-sc-podcast .esf-sc-subtitle {
    font-size: 1rem;
    margin: 0 0.5rem 0.5rem 0.5rem;
    padding-top: 0rem;
}
.esf-sc-podcast h2 {
    font-family: 'Tungsten-Semibold', sans-serif;
    font-size: 2.8125rem;
    letter-spacing: 1px;
    line-height: 1;
    margin: 0;
    padding: 0.5rem 4rem 1.5rem 4rem;
}
.esf-sc-podcast p {
    margin: 0;
    padding: 0 4rem 0 4rem;
}

  /*////////////////*/
 /* esf-cycle2 */
/*////////////////*/

.cycle-slideshow {
    margin-bottom: 0.3rem;
    margin-top: 2rem;
    z-index: 1;
}
/* overlay */
.cycle-overlay { 
    font-family: 'Verdana', 'Arial', 'Helvetica', 'sans-serif';
    position: absolute; bottom: 0; width: 100%; z-index: 600;
    background: black; color: white; padding: 15px; opacity: 0.6;
}
/* prev / next links */
.cycle-prev, .cycle-next { position: absolute; top: 0; width: 50%; opacity: 0; filter: alpha(opacity=0); z-index: 800; height: 100%; cursor: pointer; }
.cycle-prev { left: 0;  background: url('../images/dia-prev.png') 0% 50% no-repeat;}
.cycle-next { right: 0; background: url('../images/dia-next.png') 100% 50% no-repeat;}
.cycle-prev:hover, .cycle-next:hover { opacity: .75; filter: alpha(opacity=75); }
/* pager */
.cycle-pager { 
    text-align: center; width: 100%; z-index: 500; position: absolute; top: 10px; overflow: hidden;
}
.cycle-pager span { 
    font-family: 'Tahoma', 'Arial'; font-size: 50px; width: 16px; height: 16px; 
    display: inline-block; color: #ddd; cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: #666666;}
.cycle-pager > * { cursor: pointer;}

.esf-slideshow-pagination {
    color: #666666;
}

  /*////////////////*/
 /* 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;
    z-index: -1;
}
.esf-image-container-25 {
    display: block;
    height: 0;
    overflow: hidden;
    padding-bottom: 25%; /* for SoundCloud */
    padding-top: 0px;
    position: relative;
    z-index: -1;
}
.esf-image-container > span, .esf-image-container > a > span, .esf-image-container > div, .esf-image-container > iframe, .esf-image-container-25 > iframe {
    background-position: center;
    background-size: cover;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.esf-square {
    padding-bottom: 100% !important;
}
.esf-fullwidth {
    margin: 29px 0 29px 0;
    padding: 0;
    width: 100%;
}
.esf-halfwidth , .esf-thirdwidth, .esf-quarterwidth {
    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;
    height: 2.5rem;
    overflow: hidden;
    padding: 3px 5px 4px 5px;
}
.esf-image-caption a {
    color: #333333;
    font-weight: inherit;
}
.esf-image-caption a:hover {
    text-decoration: underline;
}
.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-wordpressimage-copyright-wrapper, .esf-wordpressimage-tag-wrapper {
    position: relative;
}
.esf-wordpressimage-copyright {
    background-color: rgba(255, 255, 255, 0.6);
    color: black;
    font-size: 0.7rem;
    padding: 0 0.3rem 0 0.3rem;
    position: absolute;
    right: 0;
    bottom: 0;
}
.esf-wordpressimage-tag {
    bottom: 0;
    position: absolute;
}
.esf-wordpressimage-tag img {
    height: 3.6rem;
}
.esf-wordpressimage-tag .esf-img-tag span {
    display: block;
    font-size: 1.75rem;
    margin-top: -3.1rem;
    position: absolute;
}
.esf-wordpressimage-copyright a {
    color: black;
    font-weight: 300;
}
.esf-wordpressimage-copyright a:hover {
    color: black;
    text-decoration: underline;
}

  /*//////////*/
 /* esf-jobs */
/*//////////*/

.esf-jobskathch-item, .esf-jobsrefch-item {
    display: block;
    margin-bottom: 13px;
}
.esf-jobskathch-date, .esf-jobsrefch-date {
    display: block;
}
.esf-jobskathch-title, .esf-jobsrefch-title {
    display: block;
}
.esf-jobskathch-institution, .esf-jobsrefch-creator {
    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-openstreetmap */
/*////////////////*/

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

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


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

.esf-poll .poll-question .poll-star {
    font-size: 4em;
    line-height: 0.5;
}
.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;
    line-height: 0.5;
}
.esf-poll .poll-result .poll-star.faded {
    color: #fdcb5e;
}
.esf-poll .poll-result .poll-title {
    display: block;
}


/*
 * SimpleModal
 */
 #simplemodal-overlay {
	background-color: #000000;
}
#simplemodal-container {
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 9px;
    color: #333333;
    height: 71%;
    max-height: 71%;
    max-width: 71%;
    min-height: 71%;
    min-width: 71%;
    opacity: 1;
    padding: 1rem 0 1.2rem 1rem;
    width: 71%;
}
#simplemodal-container a.modalCloseImg {
    background: url('../images/x.png') no-repeat;
    cursor: pointer;
    display: block;
    height: 29px;
    position: absolute;
    right: -8px;
    top: -8px;
    width: 25px;
    z-index: 3200;
}
#simplemodal-container h1 {
	color: inherit;
	font-size: 2rem;
	margin: 0 0 1rem 0;
	padding: 0;
}
#simplemodal-container p {
	color: inherit;
	font-size: 1.4rem;
	margin: 0 0 1rem 0;
	padding: 0;
}
#simplemodal-container table, #simplemodal-container td {
	border: none;
}
#simplemodal-container table {
	border-collapse: collapse;
}
.simplemodal-wrap {
    overflow: auto !important;
    padding-right: 1rem;
}
#simplemodal-data > div {
    overflow: hidden;
}
/*
 * /SimpleModal
 */


/* /\/\/\/\/\ */
/* 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%;
        margin: 0 15px 0 15px;
    }
    .esf-thirdwidth {
        max-width: 30%;
        width: 30%;
        margin: 0 15px 0 15px;
    }
    .esf-quarterwidth {
        max-width: 30%;
        width: 30%;
        margin: 0 15px 0 15px;
    }
    .esf-floatleft {
        float: left;
        margin: 9px 5% 19px 15px;
    }
    .esf-floatright {
        float: right;
        margin: 9px 15px 19px 5%;
    }
    .esf-floatnone {
        float: none;
        margin: 11px 15px 19px 15px;
    }

}

/* 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) {

}