/*
Theme Name: Oldenburger Portal
Theme URI: https://oldenburger-portal.de/
Author: Jens-Peter Rosowski
Description:
Version: 1.0
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:
Text Domain: 
*/

@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-Italic.woff2') format('woff2'),
        url('fonts/Lato-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato Hairline';
    src: url('fonts/Lato-HairlineItalic.woff2') format('woff2'),
        url('fonts/Lato-HairlineItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-LightItalic.woff2') format('woff2'),
        url('fonts/Lato-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato Hairline';
    src: url('fonts/Lato-Hairline.woff2') format('woff2'),
        url('fonts/Lato-Hairline.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-BoldItalic.woff2') format('woff2'),
        url('fonts/Lato-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-Bold.woff2') format('woff2'),
        url('fonts/Lato-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-BlackItalic.woff2') format('woff2'),
        url('fonts/Lato-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-Light.woff2') format('woff2'),
        url('fonts/Lato-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-Black.woff2') format('woff2'),
        url('fonts/Lato-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Lato';
    src: url('fonts/Lato-Regular.woff2') format('woff2'),
        url('fonts/Lato-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

html, body, * {
	font-family: 'lato';
}
img {
	max-width: 100%;
}
.flex-wrap {
	display: flex;
  	flex-wrap: wrap;
	justify-content: center;
}
.form-inline {
	text-align: center;
}
.justify-content-center {
	justify-content: center!important;
}



/* Formular */
.acf-actions {
	text-align: left!important;
}
.acf-form-submit input[type="submit"],
input[type="file"] input,
#file-upload-button,
.acf-input input[type="button"],
a.acf-button.button.button-primary {
    padding: 5px 20px;
    text-decoration: none;
    background-color: #c4bb00;
    color: #fff;
	border: none;
}
.acf-field .acf-input .char-count {
	color: #8b8b8b;
    font-weight: 100;
}

/* Kacheln */
.eintrag-kachel {
	padding-bottom: 30px;
	text-align: center;
}
.eintrag-kachel img {
	border-radius: 50%!important;
	text-align: center;
}
.eintrag-kachel a {
	text-decoration: none;
	color: initial;
}
.eintrag-kachel-titel {
	text-align: center;
	font-weight: 600;
	margin: 15px 0 0 0;
}
.eintrag-kachel-subline {
	text-align: center;
	margin: 0 0 15px 0;
	font-weight: 300;
}
a#suchen {
	background-color: #c4bb00;
    padding: 12px 24px;
    color: #fff;
    cursor: pointer;	
}
#textsearch {
	padding: 6px 12px;;
    height: auto;
    top: 0;
    position: relative;
	margin-right: 5px;
}
#taxSelect {
	padding: 12px;
    border: 1px solid #999;
    height: auto;
	margin-right: 5px;
}
#taxSelect option {
    font-size: 1.2em;
}
@media(max-width:480px) {
	#taxSelect, #textsearch {
		width: 100%;
		display: block;
	}	
}

/* Eintrag */
#eintrag-head {
	position: relative;
	background-color: #c4bb00;
	width: 100%;
}
#eintrag-head, #eintrag-head h1 {
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
    letter-spacing: 1px;
    text-shadow: 0px 0px 10px #00000045, 0px 0px 30px #0000008c;
}
#eintrag-heading {
	position: absolute;
    left: 50%;
    top: 45%;
    transform: translate(-50%, -50%);
}
#eintrag-left-wrapper,
#eintrag-right-wrapper {
	font-size: 16px;
	color: #3e3c3c;
}
#eintrag-left-wrapper, #eintrag-right-wrapper {
    padding: 50px 0;
}
#eintrag-profilbild {
	border-radius: 50%;
	padding: 0 30px;
	width: 100%;
}

#eintrag-side-heading {
	text-align: center;
	color: #c4bb00;
	font-size: 30px;
	margin: 15px 0;
    font-weight: 600;
}
.eintrag-bild-link {
	margin-right: 20px;
	max-width: 150px;
    display: inline-block;
}
.eintrag-bild-link p {
	margin-top: 10px;
}
.eintrag-bild {
	border-radius: 50%;
}
.eintrag-kontakt {
	text-align: center;
}
.eintrag-kontakt svg {
	max-width: 30px;
	display: inline-block;
	margin: 30px 0;
}
.eintrag-kontakt svg path {
	fill: #c4bb00;
}
#eintrag-links {
	text-align: center;
	padding: 50px 0 25px;
}
#eintrag-links-icons {
	display: flex;
    justify-content: center;
	flex-wrap: wrap;
}
a.eintrag-link {
	background-color: #c4bb00;
	border-radius: 50%;
	padding: 13px;
    width: 50px;
    height: 50px;
    display: inline-block;
	margin: 5px;
}
a.eintrag-link svg {
	max-width: 20px;
}
a.eintrag-link svg path {
	fill: #fff;
}
#eintrag-beschreibung {
	margin: 40px 0px;
	line-height: 1.8em;
}
.link-icon svg {
	max-height: 24px;
    margin: 0 10px -6px 0;
}
.profil-desc-link {
	display: block;
}
.lity-content {
	 transform: scale(0.8);
}
.img-title {
	/*font-weight: 600;*/
	font-size: 9px;
	font-style: italic;
	line-height: 1.7em;
    display: block;
}
.img-subline {
	font-size: 0.8em;
}
@media(max-width:992px) {
	#eintrag-bilder .row > div {
		text-align: center;
	}
	#eintrag-bilder .row > div .eintrag-bild-link {
		margin-right: 0;
		max-width: initial;
	}
}


@media(max-width:992px) {
	#eintrag-heading {
		position: absolute;
		left: 0;
		top: 45%;
		transform: translate(0%, -50%);
		width: 100%;
		padding: 0 20px;
	}
}

@media(max-width:768px) {
	/*.fluid-width-video-wrapper {
		padding-top: 0!important;
	}
	.fluid-width-video-wrapper iframe[data-service="youtube"] {
		position: initial;
	}*/
}

@media(max-width:500px) {

	#eintrag-left-wrapper {
		padding: 0;
		margin-top: -28px;
	}
	#eintrag-profilbild {
		padding: 0;
		border-radius: 50%;
		margin: 0 50px 0 50px;
		border: 10px solid #fff;
		width: calc(100% - 100px);
	}
}