/*
 Theme Name:   PPP Theme
 Theme URI:    https://webintas.dk
 Description:  PPP GeneratePress child theme
 Author:       Peter Baltzer Stidsen
 Template:     generatepress
 Version:      0.1
*/

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

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

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

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

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

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


/*.article.dynamic-content-template {
  position: relative;
  width: 50%;
}*/


/*.gb-container#portfolie .gb-grid-column > .gb-container h2,
article.dynamic-content-template > .dynamic-entry-excerpt{
	transition:.5s ease;
	opacity:0;
	position:relative;
	top:-200px;
	left:50%;
	transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	text-align:center;
}

.gb-container#portfolie .gb-grid-column:hover > .gb-container figure,
article.dynamic-content-template:hover .gb-block-image{
	opacity:0.3;
}

.gb-container#portfolie .gb-grid-column:hover > .gb-container h2,
article.dynamic-content-template:hover .dynamic-entry-excerpt{
	opacity:1;
}

article.dynamic-content-template > .gb-block-image{
	transition:.5s ease;
	backface-visibility:hidden;
}

.gb-container#portfolie .gb-grid-column > .gb-container h2{
	opacity:1;
	position:absolute;
	top:30%;
	width:400px;
	margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
text-align: center;
}

.gb-container#portfolie .gb-grid-column > .gb-container{
	position:relative;
}*/




.gb-container#portfolie .gb-grid-column,
.blog article.dynamic-content-template,
.archive article.dynamic-content-template{
	position:relative;
}

.gb-container#portfolie .gb-grid-column figure,
.blog article.dynamic-content-template figure,
.archive article.dynamic-content-template figure{
	opacity:1;
	display:block;
	width:100%;
	height:auto;
	transition:.5s ease;
	backface-visibility:hidden;
}

.gb-container#portfolie .gb-grid-column .middle,
.blog article.dynamic-content-template .middle,
.archive article.dynamic-content-template .middle{
	transition:.5s ease;
	opacity:0;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
	text-align:center;
}

@media (min-width: 768px){
	.gb-container#portfolie .gb-grid-column .middle{
		left:calc(50% + 40px);
		min-width:375px;
	}
}

body.hvidMenu .header-wrap #site-navigation:not(.toggled) .menu-bar-items a{
	color:white;
	border-color:white;
}

.gb-container#portfolie .gb-grid-column:hover > .gb-container,
.blog article.dynamic-content-template:hover > .gb-container,
.archive article.dynamic-content-template:hover > .gb-container{
background-color:var(--overlay);
}

.gb-container#portfolie .gb-grid-column:hover figure,
.blog article.dynamic-content-template:hover figure,
.archive article.dynamic-content-template:hover figure{
	opacity:0.3;
}

.gb-container#portfolie .gb-grid-column:hover .middle,
.blog article.dynamic-content-template:hover .middle,
.archive article.dynamic-content-template:hover .middle{
	opacity:1;
}

.blog article.dynamic-content-template .dynamic-entry-excerpt,
.archive article.dynamic-content-template .dynamic-entry-excerpt{
	color:white;
	font-size:16px;
}

.gb-container#portfolie .gb-grid-column .middle{
	opacity:1;
}

.generate-columns-container .kategoribeskrivelse{
	flex:1 1 100%;
	clear:both;
}

@media (max-width: 768px){
	.gb-container#portfolie .gb-grid-column .middle,
	.blog article.dynamic-content-template .middle,
	.archive article.dynamic-content-template .middle{
		width:100%;
		padding:0 20px;
	}
	
	h2{
		word-break:break-word;
	}
	
	h2.has-large-font-size{
		font-size:28px !important;
	}
	
	h2.has-x-large-font-size{
		font-size:30px !important;
	}
	
	html.mobile-menu-open .header-wrap{
		position:static;
		padding-bottom:200px;
	}
	
	html.mobile-menu-open header + .site.container,
	html.mobile-menu-open header + div.gb-container{
		margin-top:200px;
	}
	
	html.mobile-menu-open body.hvidMenu .site-logo:not(.page-hero-logo){
		display:block;
	}
	
	html.mobile-menu-open body.hvidMenu .site-logo.page-hero-logo{
		display:none;
	}
	
	.main-navigation.toggled .main-nav li{
		background-color:white;
	}
	
	.main-navigation.toggled .main-nav .sub-menu li a{
		margin-left:15px;
	}
	
	.main-navigation .main-nav ul ul li[class*="current-menu-"]{
		background-color: rgba(114,137,252,0.12);
	}
	
	.main-navigation .main-nav ul ul li[class*="current-menu-"] > a{
		background-color:transparent;
	}
}

#sticky-navigation{
	background-color:white;
}