/*
 Theme Name:     avency Divi
 Theme URI:      https://www.avency.de
 Description:    Divi child theme by avency
 Author:         avency GmbH
 Author URI:     https://www.avency.de
 Template:       Divi
 Version:        1.0.0
*/
 

@import url('../Divi/style.css');
@import url('../Divi-child/fonts/fonts.css');

body {
    background: #ededed;
    color:#282727;
    font-family: 'Roboto';
}



/* -----------------------------------------
----------------- FONT STYLING -------------
----------------------------------------- */

h1, h2, h3, h4, h5, h6 {
    color: #484747;
}

h1, .h1, .et_pb_title_container h1 {
    font-weight: 900;
    line-height: 1.3;
    letter-spacing: 1.1px;
    font-size: 2.25rem;
    color: #444749;
    font-family: 'Roboto Slab';
    font-weight: 700;
}


@media only screen and ( max-width: 767px ) {
    h1, .h1, .et_pb_title_container h1 {
        font-size: 1.8rem;
    }
}

@media only screen and ( max-width: 479px ) {
    h1, .h1, .et_pb_title_container h1 {
        font-size: 1.6rem;
    }
}


h2, .h2 {
    font-family: 'Roboto Condensed';
    line-height: 1.3;
    font-size: 1.9rem;
    color: #006E89;
}

h3, .h3 {
    font-family: 'Roboto Slab';
    color: #006E89;
    font-weight: 700;
    line-height: 1.3;
    font-size: 1.5rem;
}


.et_pb_bg_layout_dark h3, .h3 {
    color: #7AB51D!important;
}

h4, .h4 {
    font-family: 'Roboto Slab';
    color: #444749;
    font-weight: 700;
    line-height: 1.5;
    font-size: 1.4rem;
}


h5, .h5 {
    font-family: 'Roboto Condensed';
    line-height: 1.3;
    font-size: 1.4rem;
    color: #282727;
    font-weight: 200;
}   

h6, .h6 {
    font-family: 'Roboto Slab';
    color: #006E89;
    font-weight: 500;
    line-height: 1.5;
    font-size: 1.0rem;
}


p, .p, ol {
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.5;
}

p ul {
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.5;
}

p li {
    list-style: square;
}

/* -----------------------------------------
---------------- NAVIGATION ----------------
----------------------------------------- */

#main-header {
    background: #006E89;
}
#top-menu a {
    color: rgba(255,255,255,1.0);
    font-weight: 500;
    letter-spacing: 0.5px;
    font-size: 14px;
    text-transform: uppercase;
    font-family: "Roboto Slab";
}

#top-menu li li a {
    line-height: 1.5;
}

/*********  SEARCH ************/

#et_search_icon {
    color: #fff;
}

#et_search_icon:hover {
    color: #fff!important;
}

.et_close_search_field {
    color: #fff;
}

.et-search-form input, .et-search-form input::placeholder {
    color: #fff;
}


#top-menu-nav>ul>li>a:hover {
    opacity: 1.0
}

#top-menu li.current-menu-item>a, #top-menu li.current-menu-ancestor>a {
    color: #fff;
    font-weight: bold;
}

.current-menu-item {
    font-weight: bold;
}


#main-header.et-fixed-header {
    box-shadow:0 0 7px rgba(0,0,0,.3)!important
}


/********** SUBMENU ********************/

.nav li ul {
    background: #7AB51D;
    visibility: hidden;
    border-top: 0px;
}

.sub-menu>ul>li>a {
    font-size: 14px;
}

.et_mobile_menu li a:hover, .nav ul li a:hover {
    background: transparent;
}


/***************** MOBILE MENU ************/

.et_mobile_menu{
    border-top: 0px;
}



@media only screen and ( max-width: 1150px ) {
    #top-menu-nav, #top-menu {display: none;}
    #et_top_search {display: none;}
    #et_mobile_nav_menu {display: block;}
}


/* -----------------------------------------
----------------- PRE HEADER----------------
----------------------------------------- */

#top-header{
    background-color:#006E89;
    border-bottom: 1px solid rgba(255,255,255, 0.1);
    
}

#top-header a {
    color: #fff;
}

#et-secondary-nav>li:last-child {
    padding-right: 0px!important;
}

#et-secondary-nav a:hover {
    text-decoration: none;
}


/* -----------------------------------------
---------------- MOBILE NAV ----------------
----------------------------------------- */

.mobile_menu_bar:before {
    color: #fff;
}

.mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
}




/* -----------------------------------------
----------------- BUTTONS ------------------
----------------------------------------- */

/* ------------LINK STYLE ----------------- */

p>a {
    color:#7AB51D;
	word-break: break-word;
}

p>a:hover {
    text-decoration: underline;
}

.et_pb_button{
    font-family: 'Roboto';
    background: #7AB51D!important;
    border: none;
    color: #fff;
    border-radius: 0px;

}

.et_pb_button:hover {
    background: #006E89!important;
    border: none!important;
    color: #fff;
}



/* -----------------------------------------
----------------- FILTER ------------------
----------------------------------------- */

/*************** LABEL *************/

.et_pb_contact_field_options_title {
    background: #7AB51D;
    color: #fff;
    display: table;
    padding: 2px 5px;
    font-size: 14px;
}

.article-filter-headline a p{
    color: #282727!important;
    font-family: 'Roboto Slab';
    line-height: 1.3;
    font-size: 1.3rem;
}

.dmach-icon:before {
    vertical-align: text-bottom;
}

.filter-item-issue .dmach-icon-image-content{
    margin-top: 8px!important;
}

/*************** Select Arrow Color *************/

.et_pb_contact_field[data-type=select]:after{
    border-top-color: #7AB51D;
    right: 10px!important;
}


.filtered-posts {
    font-size: 2rem;
}

/* -----------------------------------------
----------------- SIDEBAR WIDGETS --------
----------------------------------------- */



.et_pb_widget select {
    background: #7AB51D;
    border: 10px solid #7AB51D;
    color: #fff;
	height: 50px;
    min-height: 50px;
    font-size: 1rem;
}

.et_pb_widget select:focus {
    border: 10px solid #7AB51D;
    color: #fff;
}

.et_pb_widget ul li {
    margin-bottom: .2em;
    border-bottom: 1px solid #ededed;
    padding-bottom: .2em;
}

.et_pb_widget ul li:last-child {
    border: none;
}


.et_pb_bg_layout_light .et_pb_widget li:hover {
    text-decoration: underline;
}

#custom-post-type-categories-3 .widgettitle {
    display: none;
}

.widget_search #s{
    border-radius: 0px;
}

.widget_search #searchsubmit{
    background: #7AB51D;
}
.widget_search input#searchsubmit {
    color: #fff;
    border: 1px solid #ededed;
}

/* -----------------------------------------
----------------- ARTILE-DETAILPAGE --------
----------------------------------------- */

.article-template-default .dmach-postmeta-value a {
    font-size: 1.25rem!important;
}

.article-template-default p, .article-template-default a {
    word-break: break-word;
}

/* -----------------------------------------
----------------- ISSUE-DETAILPAGE --------
----------------------------------------- */

.more-link {
    background: #7AB51D;
    color: #fff;
    width: auto;
    margin-top: 15px;
    display: table!important;
    padding: 5px 10px;
    transition: 300ms;
}

.more-link:hover {
    background: #006E89;
}

.published::before {
    content: "\e023";
    display: inline-block;
    left: 0;
    top: 0;
    font-family: ETmodules;
    font-size: 16px;
    border-radius: 100%;
    text-align: center;
    padding: 0 5px;
    color: #006E89;
}

/************** TABLES *******************/

table {

    background: #fff;
    border: 1px solid #ededed;
    overflow: hidden;
}
  

thead {
    background: #006E89;
    color: #fff;
    font-family: 'Roboto Slab';
    font-size: 1rem;
    font-weight: bold;
}

tr td {
    padding: 5px 10px;
}

tbody {    
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.5;
}

@media only screen and ( max-width: 768px ) {
    .et_pb_de_mach_content table {
        display: none;
    }
}

/* -----------------------------------------
----------------- ISSUE-CATEGORY PAGE --------
----------------------------------------- */

.et_pb_de_mach_cat_loop_0 h3 {
    margin-top: 15px;
}

.et_pb_de_mach_cat_loop_0 {
    font-size: 14px!important;
}

/* BASIS: "LINK UNDERLINE EFFEKT VON CODEPEN" QUELLE https://codepen.io/rickzanutta/pen/nHftC ---- */
@media only screen and ( min-width: 1070px ) {
    .link-underline {
        position: relative;
    }

    .link-underline:after {
        content: "";
        position: absolute;
        right: 150px;
        top: 20px;
        height: 3px;
        background: #7AB51D;
        transition: all ease 0.4s;
    }

    .link-underline:hover:after {
        left: 0px;
        right: 22px;
        height: 3px;
        top: 20px;
    }

    .submenu.link-underline:hover:after {
        left: 50px !important;
        right: 150px !important;
        height: 3px !important;
        top: 40px !important;
    }

    #top-menu > li:last-child {
        padding-right: 22px;
    }

    #et-secondary-nav > li:last-child {
        padding-right: 22px;
    }
}


/* -----------------------------------------
----------------- DIVI Machine -------------
----------------------------------------- */

.divi-filter-loop-container .dmach-acf-value, .divi-filter-loop-container .dmach-acf-value p, .divi-filter-loop-container.dmach-acf-value a {
	color: #282727 !important;
	font-size: 15px !important;
}