/*
 Theme Name:   GeneratePress Child
 Description:  Childtheme von GeneratePress
 Author:       mgo fachverlage - team digital
 Author URI:   https://mgo-fachverlage.de
 Template:     generatepress
 Version:      1.0
 Text Domain:  gpc
*/

/* Icon Font */
@font-face {
    font-family: 'mgo-dental';
    src: url('/wp-content/themes/generatepress-child/fonts/mgo-dental.eot');
    src: url('/wp-content/themes/generatepress_child/fonts/mgo-dental.eot?#iefix') format('embedded-opentype'),
    url('/wp-content/themes/generatepress-child/fonts/mgo-dental.woff2') format('woff2'),
    url('/wp-content/themes/generatepress-child/fonts/mgo-dental.woff') format('woff'),
    url('/wp-content/themes/generatepress-child/fonts/mgo-dental.ttf') format('truetype'),
    url('/wp-content/themes/generatepress-child/fonts/mgo-dental.svg#mgo-dental') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'mgo-dental' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-sf-check:before {
    content: "\e900";
}

.icon-down-arrow:before {
    content: "\e901";
}

/* Header */
#primary-menu ul#menu-hauptmenue li > a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    opacity: 1;
    padding: 0 15px;
    margin: 0 10px;
}
body .main-navigation.has-branding .inside-navigation.grid-container {
    padding: 0 50px;
    height: 100px;
}
body .navigation-branding img {
    padding: 0;
}
.menu-toggle .gp-icon+.mobile-menu {
    display: none;
}
@media screen and (max-width: 1200px) {
    body .main-navigation.has-branding .inside-navigation.grid-container {
        height: 80px;
    }
    
    body .nav-align-right .navigation-branding {
        margin-right: auto;
    }
}

body .main-navigation.has-branding .inside-navigation.grid-container {
    @media screen and (max-width: 769px) {
        padding: 0 20px;
    }
}
@media screen and (max-width: 769px) {
    html body nav.has-menu-bar-items button.menu-toggle {
        padding-right: 0 !important;
        padding-left: 10px;
    }
}

@media screen and (max-width: 500px) {
    body .navigation-branding img {
        height: 50px;
    }
    body .main-navigation .menu-bar-item > a {
        padding: 0 10px;
    }
}

/* Sidebar */
.mobil-width-no-sidebar .alignwide {
    width: 100% !important;
    margin: 0;
}

/* Footer */
.site-footer a:hover {
    opacity: .7;
}

/* Studienführer */
.single-studienfuehrer aside:first-child {
    display: none;
}

/* Blog Site */
.single-post .container.grid-container,
.single-studienfuehrer .container.grid-container {
    width: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-left: auto;
    margin-right: auto;
    max-width: 1400px !important;
    width: 100%;
    padding: 50px;
}
.single-post .site-content,
.single-studienfuehrer .site-content {
    display: flex;
    justify-content: space-between;
}
body .is-right-sidebar {
    width: fit-content;
}
.single-post #content .content-area, body.single-post,
.single-post.separate-containers .inside-article {
    background-color: #f7f8f9;
}
/* Yoast-Seo */
.yoast-breadcrumbs span {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.yoast-breadcrumbs {
	color: black;
	font-weight: bold;
}

.yoast-breadcrumbs a {
	color: black;
	font-weight: bold;
}

/* Page Number */
#main .page-numbers {
    border: 0 !important;
}

/* S&F */
.veranstaltung a.gb-button.button--next--white-blue {
    display: flex;
    justify-content: space-between;
}
.search-filter-query--grid-3 {
    display: grid !important;
}
.button--next--black-more button.search-filter-input-button.search-filter-field__input {
    padding: 0;
    margin: 0;
    border: none;
    background: transparent;
    color: #fff;
	font-size: 16px;
}
.button--next--black-more {
	border: solid black 1px;
}

#main .button--next--black-more button.search-filter-input-button.search-filter-field__input:hover {
    color: #000;
    background: transparent;
}
#main .button--next--black-more:hover button.search-filter-input-button.search-filter-field__input{
    color: #000;
}

.button--next--black-more:hover {
	border: 1px solid black;
}

.button--next--black-more > p:first-child {
    display: none;
}
.button--next--black-more .gb-icon svg {
    animation: bounce 2s infinite alternate;
    transform: translate(-50%, -50%);
}
.search-filter-base + p,
.search-filter-query--grid-3 > p:first-child {
    display: none;
}
.search-filter-component-combobox-base__listbox-option {
    cursor: pointer;
}
.search-filter-component-combobox-base__listbox-option--active:hover {
    background-color: var(--accent);
}
.search-filter-field--id-18 .search-filter-field__input,
.search-filter-field--id-19 .search-filter-component-combobox,
.search-filter-field--id-20 .search-filter-component-combobox-base {
    border: 1px solid var(--black);
}
.search-filter-component-combobox-base__listbox-option--active {
    background-color: var(--primary);
    text-transform: uppercase;
}
.search-filter-component-combobox-base__listbox-option--selected {
    background: var(--base);
    color: var(--black);
    font-weight: 700;
}
.search-filter-component-combobox-base__listbox-option--depth-0 {
    font-weight: 700;
}
@keyframes bounce {
    0% {
        transform: translate(-0%, -0%) translateY(-3px);
    }
    100% {
        transform: translate(-0%, -0%) translateY(3px);
    }
}
p.button-text-spacer {
    gap: 5px;
}
/* Checkbox */
span.search-filter-input-checkbox__control {
    display: none;
}

.search-filter-input-checkbox__container,
.search-filter-field--control-type-reset{
    opacity: .4;
    transition: all .8s ease-in-out;
}

.search-filter-input-checkbox__container:hover,
.search-filter-field--control-type-reset:hover,
.search-filter-input-checkbox--is-active .search-filter-input-checkbox__container,
.search-filter-input-checkbox--is-active.search-filter-field--control-type-reset {
    opacity: 1;
}

.search-filter-input-checkbox {
    padding: 0;
}

button.search-filter-input-button.search-filter-field__input {
    margin-left: 10px;
}
@media screen and (max-width: 1024px) {
    button.search-filter-input-button.search-filter-field__input {
        margin-left: 0px;
    }
}
.search-filter-label {
    font-weight: 700;
}

#main .search-filter-input-button:hover {
    color: var(--base-3);
    background-color: var(--black);
}

.search-filter-input-checkbox__label:hover:before, .all--button button:hover:before {
    opacity: 1;
    width: auto;
}

.search-filter-input-checkbox__label:before,
.all--button button:before {
    content: "\e900";
    font-family: 'mgo-dental';
    font-weight: normal;
    display: flex;
    align-items: center;
    opacity: 0;
    width: 0;
    transition: width 0.4s ease-in-out, opacity 0.4s ease-in-out;
    margin-right: 5px;
}

.search-filter-input-checkbox--is-active .search-filter-input-checkbox__label:before,
.search-filter-input-checkbox--is-active.all--button button:before  {
    content: "\e900";
    font-family: 'mgo-dental';
    font-weight: normal;
    display: flex;
    align-items: center;
    opacity: 1;
    width: auto;
    transition: width 0.4s ease-in-out, opacity 0.4s ease-in-out;
}

/* Sidebar */
.alignwide + p {
    display: none;
}
aside.rechte-seitenleiste + p {
    display: none;
}

.sf--box-out-box {
	display: contents;
}

.post-categories-custom .gb-button-text {
	text-decoration: none;
}
	
.post-categories-custom svg {
	fill: currentColor;
}

.post-categories-custom {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
} 

.veranstaltung-template-default #page {
  max-width: 1400px !important;
}
@media screen and (min-width: 1024px) {
	.veranstaltung-template-default #page {
		padding-right: 50px;
	}
}
.veranstaltung-template-default #content {
	justify-content: space-between;
}

@media screen and (max-width: 1024px) {
	.veranstaltung-template-default #content {
		flex-direction: column;
	}
}

@media screen and (max-width: 1024px) {
	.veranstaltung-template-default .content-area {
		width: unset;
	}
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
	.veranstaltung-template-default .widget-area {
		margin: 0 0 3rem 3rem;
	}
}

@media screen and (max-width: 769px) {
	.veranstaltung-template-default .widget-area {
		display: none;
	}
}

@media screen and (max-width: 769px) {
	.single-post .widget-area {
		display: none;
	}
}

@media screen and (max-width: 769px) {
.studienfuehrer-template-default .widget-area {
		display: none;
	}
}

.veranstaltung-template-default .widget-area {
	margin-top: 3rem;
}

.blog--hero-breadcrumb a {
	color: black;
}

h1 a, h3 a {
	color: black;
}

.widget-area .ad-container .popular-topics {
	display: none;
}

.study-filter-wrapper p:empty {
	display: none;
}

.slick-dots li.slick-active button {
	background: linear-gradient(to right, var(--primary) 0%, var(--accent) 100%);
    border: none;
}

.blog--hero-post-excerpt {
	display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog--hero-post-title a {
	overflow-wrap: anywhere;
}

@media screen and (max-width: 1024px) {
     .archive .slick-arrow--prev.slick-arrow, .archive .slick-arrow--next.slick-arrow {
        display: none !important;
    }
}

.word-break--all {
	word-break: break-all;
}

.word-break--word {
	word-break: break-word;
}

.slick-list {margin: 0 -10px;}
.slick-slide>div {padding: 0 10px;}

.search main#main, .error404 #main .inside-article {
	padding: 50px;
    max-width: 1700px;
    margin: 0 auto;
}

.search main#main .inside-article, .error404 #main .inside-article {
    display: flex;
    gap: 30px;
    flex-direction: column;
}

.search main#main form.search-form, .error404 #main form.search-form {
    margin-top: 20px;
}