/**
 * CSS FILE FOR fdk widget plugin
 * STYLE: plugin css file
 */

/**
 * AUTHOR & COPYRIGHT INFORMATIONS
 *
 * @author          Joe Ginciauskas
 * @copyright       Joe Ginciauskas
 * @date            2017-04-06
 */

/**
 * VERSION
 *
 * @version         2.2.3
 * @lastmodified    2022-03-09
 */

/**************************************************
 *
 * Stylesheet contains:
 *
 * 1    Plugin Styles

 *
 ***************************************************/

/***************************************************
 *
 * PROJECT DOCUMENTATION
 *
 * Extends Widget Functionality to FdK-Websites
 * Built upon Bootstrap v3.3.5 and Bootstrap v3.3.7
 *                                       
 *
 ***************************************************/

/**************************************************
 *
 * 1 Plugin Styles
 *
 ***************************************************/

/*
 * General Teaser Widget Styles 
 */

/* the teaser widget */
.fdk-teaser-widget {
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 40px;
    text-align: left;
}

/* the teaser widget header */
.fdk-teaser-widget-header {
    position: relative;
}

/* the teaser widget image (optional) */
.fdk-teaser-widget-header img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
}

/* the teaser widget headline */
.fdk-teaser-widget-header h3 {
    padding: 20px 15px 20px 15px;
    font-size: 20px;
    line-height: 25px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: left;
    color: #fff;
    letter-spacing: 0.03em;
}

/* the teaser widget content body */
.fdk-teaser-widget-body {
    position: relative;
    padding: 0 15px;
}

#content-area .fdk-teaser-widget-body p {
    padding-bottom: 20px;
    font-size: 17px;
    line-height: 21px;
    font-weight: 400;
    color: #fff;
}

/* the teaser widget footer */
.fdk-teaser-widget-footer {
    position: relative;
    padding: 0 15px;
}

/* the teaser widget read more text */
.fdk-teaser-widget-read-more {
    padding: 0 15px 20px 15px;
    font-size: 15px;
    line-height: 31px;
    font-weight: 800;
    text-transform: none;
    text-align: left;
}

/*
 * Teaser Widget SOFE
 */

/* the bg color */
#fdk-widget-sofe {
    text-align: left;
    background-color: #f4982e;
}

/* read more color */
#fdk-widget-sofe .fdk-teaser-widget-read-more {
    color: #fff;
}

/*
 * Teaser Widget MAGAZIN
 */

/* the bg color */
#fdk-widget-magazin {
    background-color: rgba(0,166,133,1);
}

/* read more color */
#fdk-widget-magazin .fdk-teaser-widget-read-more {
    padding-left: 0;
    color: #fff;
}

/*
 * Teaser Widget HOUSE OF RESOURCES
 */

#fdk-widget-hr {
    background-color: #435469;
}

/*
 * Teaser Widget FORUM DER KULTUREN
 */

#fdk-widget-fdks {
    text-align: left;
    background-color: #654284;
}

#fdk-widget-fdks {
    background-image: url('../img/teaser_fdk_fdks.png');
    background-repeat: no-repeat;
    background-position: 93% 93%;
}

#fdk-widget-fdks h3 {
    text-align: left;
}

#fdk-widget-fdks p.teaser-widget-claim {
    font-size: 17px;
    line-height: 21px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: left;
    word-spacing: 5px;
}

/* read more different padding and color */
#fdk-widget-fdks .fdk-teaser-widget-read-more {
    padding-left: 0;
    color: #fff;
}

/*
 * Teaser Widget FORUM DER KULTUREN
 */

#fdk-widget-fdks {
    text-align: left;
    background-color: #654284;
}

/*
 * Teaser Widget MADE IN GERMANY
 */

#fdk-widget-mig {
    background-color: rgba(209,56,88,1);
}

#fdk-widget-mig h3 {
    text-align: left;
}

#fdk-widget-mig h4 {
    padding: 0 15px 10px 15px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: left;
    color: #fff;
    letter-spacing: 0.03em;
}

#fdk-widget-mig .fdk-teaser-widget-body {
    text-align: left;
}

#fdk-widget-mig .fdk-teaser-widget-read-more {
    color: #fff;
}

/*
 * Teaser Widget MADE IN STUTTGART
 */

#fdk-widget-mis {
    background-color: #d13858;
}

#fdk-widget-mis h4 {
    padding: 0 15px 10px 15px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 800;
    text-transform: uppercase;
    text-align: left;
    color: #fff;
    letter-spacing: 0.03em;
}

#fdk-widget-mis .fdk-teaser-widget-read-more {
    padding-left: 0;
    color: #fff;
}