/*
Theme Name: Pure Child for patbirnie.nl
Description: Pure WordPress theme child theme.
Author: Omniafausta
Author URI: https://omniafausta.com
Template: pure
Version: 1.0.6
*/

/* Parent stylesheet should be loaded from functions.php not using @import */


:root {
--primair-donker: #0f26c2;
--primair-licht: #5a8ec9;
--secundair: #fa8200;
--tertiair: #aaa050

}



/* header & logo */


body {
	background-color: #f8f0b9;
	background-image: url("https://patbirnie.nl/wordpress/wp-content/uploads/2025/03/background-light-e1742395245380.jpg");
	background-attachment: fixed;	
	min-height: 100vh;
	padding: 0;
	background-size: cover;
	color: var(--primair-donker);
	background-position: top center;
}


body.home, body.page-id-20 {
	background-color: var(--primair-donker);
	background-image: url("https://patbirnie.nl/wordpress/wp-content/uploads/2025/03/background-blue.jpg");
}

body header {
	background-color: transparent
}

body.page-id-20 header {
	height: calc(50vh - 30px);
	padding-bottom: 0;
}

body.home header  {
	height: calc(50vh - 60px);
}


body.home header .logo img, body.page-id-20 header .logo img {
	display: none;
}

body.home header .logo, body.page-id-20 header .logo {
	width: 25vh !important;
	height: 25vh !important;
	max-width: 50vw;
	max-height: 50vw;

}

body.home header .logo::after, body.page-id-20 header .logo::after {
	display: block;
	content: "";
	width: 25vh;
	height: 25vh;
	max-width: 50vw;
	max-height: 50vw;
	background-image: url("https://patbirnie.nl/wordpress/wp-content/uploads/2025/01/stempel-home.png");
	background-size: 100%;
	margin-top: 4vh;
}


body.home header.type2 .menu, body.page-id-20 header.type2 .menu {
  margin-top: 10vh;
}

body header.type2 .menu {
  margin-top: 40px;
}

header.type2 {
	padding-bottom:40px
}


/* typografie */

h1.entry-title {
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0.5px;
	margin-bottom: 20px;
	color: var(--primair-donker);
}

.no-sidebar h1.entry-title {
  text-align: left;
}

p, li, h1, h2, h3, h4, h5, h6, article {
	color: var(--primair-donker) !important;
}

.single-port .entry-title {
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0.5px;
}

.page .portfolio_item_title h4  {
	letter-spacing: 0.5px !important;
	font-size: 12px;
	font-weight: 400;
	color: #666;
}

 
body .bbody {
  color: #000;
  font-size: 14px;
  line-height: 1.6;
  font-weight: 300;
}
  
p {
	font-size: 15px;
	line-height: 1.7;
	font-weight: 300;
}

.single-port p {
	line-height: 1.8;
}
  
article a, p a {
  color: var(--primair-donker);
  border-bottom: 0.5px solid var(--primair-donker);
  padding-bottom: 2px;
}

article a:hover, p a:hover  {
  color: var(--primair-licht);
  border-bottom: 0.5px dotted var(--primair-licht);
}


.posts-block.span12 p {
	max-width: 800px;
}

.page-id-116 .posts-block.span12 .contentarea, .page-id-119 .posts-block.span12 .contentarea {
	max-width: 600px;
	margin: 0 auto;
}

article h2, .wp-block-column h2, .contentarea h2 {
	font-weight: 400;
	letter-spacing: 0;
	font-size: 13px;
}

body:not(.blog):not(.archive) article h2, body:not(.blog):not(.archive) .wp-block-column h2, body:not(.blog):not(.archive) .contentarea h2  {
	margin: 20px 0 3px;
}

body:not(.blog):not(.archive) .contentarea h3 {
	text-transform: none;
	margin: 20px 0 3px;
	font-weight: 600;
}

h3 + ul, h3 + ol {
	margin-top:0;
}


body.blog article h2, body.archive article h2 {
	margin: 0;
}

.blog .posts-block article h2, .archive .posts-block article h2 {
	display: inline-block;
}

.blog .posts-block h1:not(.page-title), .archive .posts-block h1:not(.page-title) {
	
	font-weight: 600;
	margin: 10px 0;
}

.blog h1.page-title, .archive h1.page-title {
	font-weight: 300;
	font-size: 24px;
}



/* home */


body.fw.home .container, body.fw.page-id-20 .container {
  width: 100% !important;
}

.home .contentarea, .home .wp-block-cover,  .home .wp-block-cover img {
  min-height: calc(50vh + 60px) !important;
}

  @media only screen and (max-width: 568px) {
}

.home .wp-block-cover a {
	display:none;
}


/* content */

body:not(.single-post):not(.single-port):not(.fw) .container {
  width: 800px !important;
  max-width: calc(100vw - 40px);
}

.single-post .wrapper.container {
	width: calc(100vw - 40px);
	max-width: calc(100vw - 40px);

}

.single-post .wrapper.container .span12 {
	max-width: 1200px;
	margin: 0 auto;
	float: none;
}


body.fw .container, body.single-port .container {
  width: 100% !important;
}

body.fw.home {
	overflow: hidden;
}

body.page:not(.home) .contentarea {
  min-height: calc(100vh - 450px);
}

.wrapper.container {
	min-height: calc(100vh - 395px);
}

/* berichten */
.blog .block_post_meta_stand, .blog .block_post_meta_stand a, .archive .block_post_meta_stand, .archive .block_post_meta_stand a, .single .block_post_meta_stand, .single .block_post_meta_stand a {
	font-size: 13px;
	color: var(--tertiair);
	display: inline-block;
	line-height: 13px;
	margin-top: 0;
}

.block_post_meta_stand.block_cats {
	margin-right: 15px;
}

.blog .preview_meta, .archive .preview_meta {
	text-align: right;
}


.blog h1.entry-title, .archive h1.entry-title {
	margin-bottom: 0;
}

.blog .row .span12, .archive .row .span12 {
	margin-left: 0;
}

.blog .post_read_more_small, .archive .post_read_more_small {
  padding-top: 0px;
  display: inline-block;
}



.blog .block_post_meta_stand a:hover, .archive .block_post_meta_stand a:hover, .single-post .block_post_meta_stand a:hover {
	color: var(--primair-donker);
}

.post_read_more_small {
	font-weight: 600;
	text-transform: uppercase;
	margin-top: 10px;
	font-size: 12px;
}


/* portfolio */

.single-port .contentarea, .single .contentarea {
  min-height: calc(100vh - 500px) !important;
}


.single-port .row .span8 {
  width: 50%;
  text-align: right;
}

.single-port .row .span4 {
  width: 40%;
}

.single-port img {
	max-height: calc(100vh - 320px);
}

.portwrap {
  width: calc(100% + 10px);
  margin-left: -5px !important;
  margin-right: -5px !important;
}

.module_portfolio {
	overflow:hidden;
}

.grid .portfolio_item {
	width: 20%;
	height: 20vw;
	margin-bottom: 0;
}


.page .portfolio_block {
  margin-top: 20px;
}

.portfolio_item .innerpadding {
  padding: 5px !important;
}


div.portfolio_item_img, .single-port .contentarea img {
	box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

div.portfolio_item_img:hover {
	box-shadow: 1px 1px 20px #666;
}

.now_grid_masonry_view .portfolio_item_img img:hover {
  transform: none;
  -webkit-transform: none !important;
}

body .bbody, body .wrapper.container {
	background-color: transparent;
}

div.portfolio_item_img, div.portfolio_item_img:hover {
  box-shadow: none;
}

.grid .portfolio_item_title, .grid .preview_categ, .optionset .grid_masonry_view, .optionset .inline_view, .optionset a[data-option-value="*"] {
	display: none;
}

.single-port-style1 img {
	position: absolute;
	right: 50vw;
	max-width: calc(50vw - 60px);
	margin-top: -50px;
	max-height: calc(100vh - 400px);
	width: auto;
}

.module_portfolio .optionset {
	padding-bottom: 20px;
}


.module_portfolio .optionset li a {
  color: #fff ;
}

.optionset li a:hover {
  color: var(--primair-licht) !important;
}

.optionset li.selected a {
  color: var(--secundair) !important;
}

.module_portfolio .optionset li {
	float: right;
	margin-left: 20px !important;
}

.single-port .oxi-image-hover-wrapper-1 .oxi-addons-row .oxi_addons__image_magnifier_column {
  padding: 0;
}

.single-port .row [class*="span"] {
	padding-left: 10px;
}

.zoomWindow {
	max-height: calc(100vh - 390px) !important;
	height: 100% !important;
	min-height: 350px;
	max-width: calc(50vw - 30px) !important;	
	background-color: #F0E8B1 !important;
	margin-top: -1px;
}

.row.single-port-style1 {
	min-height: calc(100vh - 435px);
}



/* footer */

body footer {
	background-color: transparent;
	border-top: 1px solid var(--tertiair);
	margin-top: 20px;
}

.copyright, .copyright a {
	color: var(--tertiair);
}


footer {
	padding: 10px 0 0 0 !important;
}

footer .socials_list {
	display: none;
}

.page-id-20 footer {
	background-color: transparent;
}

.home footer {
	background-color: transparent;
	margin-top: -100px;
	position: absolute;
	display: block;
	width: 100vw;
	border-top: 0px solid;
	padding: 0;
}

.home footer .copyright, .home footer .copyright a {
	color: #fff;
}

.page-id-20 footer .copyright, .page-id-20 footer .copyright a {
	color: var(--primair-licht);
}


body.page-id-20 footer {
  border-top: 1px solid var(--primair-licht);
}



/* nav */

.menu_mobile {
	background-image: url("https://patbirnie.nl/wordpress/wp-content/uploads/2025/03/background-light-e1742395245380.jpg");
	background-position: top center;
}

.home .menu_mobile, .page-id-20 .menu_mobile {
	background-image: url("https://patbirnie.nl/wordpress/wp-content/uploads/2025/03/background-blue.jpg");
}




.menu_mobile li a {
	text-transform: uppercase;
	font-weight: 600 !important;
}

.sub-menu li a {
	text-transform: none;
}

#menu-menu-1.menu a {
	color: var(--primair-donker);
}

.home #menu-menu-1.menu a, .page-id-20 #menu-menu-1.menu a {
	color: #fff;
}

#menu-menu-1.menu li.current-menu-item a, #mysticky-nav.wrapfixed ul li.menu-item.current-menu-item a {
	color: var(--secundair);
}

#menu-menu-1.menu a:hover {
	color: var(--primair-licht);
}

.home #menu-menu-1.menu a:hover, .page-id-20 #menu-menu-1.menu a:hover {
	color: var(--primair-licht);
}

.single-post #menu-menu-1.menu .menu-item-45 a, 
.archive #menu-menu-1.menu .menu-item-45 a,
.single-port #menu-menu-1.menu .menu-item-43 a  {
		color: var(--secundair);
	}

.menu_mobile a {
	line-height: 30px;
}

/* previous & next */

.prev_next_links {
	height: 30px;
	position: relative;
	margin-top: 40px !important;
}

.fleft, .fright {
	position: absolute;
	margin-top: 20px;
	max-width: calc(50vw - 40px);
}

.fleft {
	left: 20px;
}

.fright {
	right: 20px;
	text-align: right;
}

.single .prev_next_links, .single .prev_next_links a {
  color: var(--tertiair);
  font-weight: 600;
  text-transform: uppercase;
  font-size: 12px;
}

.single .prev_next_links a:hover {
  color: var(--primair-donker);
}



/* miscelania */

.gt3_preloader:after {
    background: url("preloader.gif") no-repeat 0 0 transparent !important;
    background-size: 150px 150px !important;
    width: 150px !important;
	height: 150px !important;
	margin-left: -75px !important;
	margin-top: -75px !important;
}


.gt3_preloader {
	background-color: var(--primair-donker)
}

.size-medium {
	max-width: 50%;
}

.page-list a {
	padding: 7px;
	background-color: var(--primair-licht);
	margin: 10px 0;
	display: block;
	color: #fff;
	text-transform: uppercase;
	font-weight: 500;
}

.page-list a:hover {
	background-color: var(--primair-donker);
	color: #fff;
}

.page-list .current_page_item a {
	color: var(--tertiair);
	background-color: transparent;
	border: 1px solid var(--tertiair);
}

.contentarea ul.page-list li::before {
  display: none;
}

.contentarea ul.page-list li {
  margin-left: 0;
}


@media only screen and (min-width: 768px) {
	

}

@media only screen and (max-width: 767px) {
	.span8, .single .span4 h1.entry-title, .single .span4 article {
		text-align: center;
	}
	
	.single-port .row .span8 {
		width: 100%;
		text-align: center;
	}
	
	.single-port img {
		max-height: calc(100vh - 150px);
	}
	
	img.alignleft {
		float: none;
		margin-right: 0;
	}
	
	.masonry .portfolio_item {
	  width: calc(50% - 0.5px);
	}
	

}

@media only screen and (min-width: 960px) {
	#menu-menu-1.menu li {
	  margin-right: 40px;
	}
	#menu-menu-1.menu li:last-of-type {
	  margin-right: 0;
	}

}

@media only screen and (max-width: 959px) {
		.grid .portfolio_item {
		width: 25%;
		height: 25vw;
	} 
	
	h1.entry-title, .single-port .entry-title, .blog h1.page-title, .archive h1.page-title {
		font-size: 18px;
	}

}

@media only screen and (max-width: 767px) {
		.grid .portfolio_item {
		width: 33.3333%;
		height: 33.3333vw;
	}
	.single-port-style1 img {
	  position: relative;
	  right: 0;
	  max-width: 100%;
	  margin-top: 0;
	  max-height: calc(100vh - 50px);
	  width: auto;
	  display: block;
	  margin-bottom: 20px;
	}

	.single-post .contentarea .row .span6, .single-post .contentarea .row .span6:first-child {
		width: calc(100% - 10px);
		margin-left: 5px;
	} 

	.single-port .contentarea .row .span6, .single-port .contentarea .row .span6:first-child {
		width: calc(100vw - 10px);
		margin-left: 5px;
	} 
	
	.single-port .contentarea .row .span6:first-child {
		display:none;
	} 	
	
	.single-port .span12 {
		max-width: calc(100vw - 10px);
		padding-left: 5px !important;
	}
	
	.single-port .row [class*="span"] {
	  padding-left: 0;
	}
	
	.single-port img {
		max-width: calc(100vw - 40px);
	}

  body:not(.blog):not(.archive) .wp-block-column h2 {
  	margin-top:0;
  }
  
  .home .wp-block-cover a {
		display:block;
		margin: 0 auto;
		text-transform: uppercase;
		font-size: 13px !important;
		font-weight: 600;
		border-bottom: 0px;
		margin-top: -10vh;
	}

}



@media only screen and (max-width: 1050px) {


}


@media only screen and (min-width: 1200px) {

}


@media only screen and (max-width: 568px) {	
		.grid .portfolio_item {
		width: 50%;
		height: 50vw;
	}
	
	.page-id-20 .wrapper.container {
		padding: 0;
	}
	
	.wrapper.container {
		width: 100%;
		padding: 0px;
    }
    
	.header_centered .show_mobile_menu {
	    padding: 0;
		font-weight: 500;
		color: var(--primair-donker);
		font-size: 13px;
		position: relative;
		margin-top: 10px;
	}
	
	.admin-bar .header_centered .show_mobile_menu {
		margin-top: 42px;
	}
	
	.header_centered .show_mobile_menu:before {
		content: "";
		position: relative;
		left: 10px;
		display: block;
		width: 20px;
		top: 0;
		height: 0;
		-webkit-box-shadow: 1px 10px 1px 1px var(--primair-licht),1px 16px 1px 1px     var(--primair-licht),1px 22px 1px 1px var(--primair-licht);
		box-shadow: 0 10px 0 1px var(--primair-licht),0 16px 0 1px var(--primair-licht),0 22px 0 1px var(--primair-licht);
	}
	
	.menu-menu-container .menu_mobile {
		position: absolute;
		top: 0px;
		z-index: 1000;
		width: 50vw;
		left: 25vw;
		text-align: center;
		height: auto;
		background-color: #fff0;
		padding-top: 10px;
	}
	
	.admin-bar .menu-menu-container .menu_mobile {
		top: 42px;
	}



	.home .menu-menu-container .menu_mobile, .page-id-20 .menu-menu-container .menu_mobile {

		height: calc(50vh - 100px);

	}
	
	.home.admin-bar .menu-menu-container .menu_mobile, .page-id-20.admin-bar .menu-menu-container .menu_mobile {
		top: 100px;
	}

	.menu-menu-container .menu_mobile li a {
		display: block;
		background-color: var(--primair-licht);
		max-width: 50vw;
		margin: 7px auto;
		color: #fff;
	}
	
	.menu-menu-container .menu_mobile li.current-menu-item a, .menu-menu-container .menu_mobile li.current-menu-ancestor > div > a, .menu-menu-container .menu_mobile li.current-menu-ancestor > a span,
	.single-post .menu-menu-container .menu_mobile .menu-item-45 a, 
	.archive .menu-menu-container .menu_mobile .menu-item-45 a, 
	.single-port .menu-menu-container .menu_mobile .menu-item-43 a {
		color: #fff;
		background-color: var(--secundair);
	}

	.menu-menu-container .menu_mobile li a:hover, .menu-menu-container .menu_mobile li.current-menu-item a:hover, .menu-menu-container .menu_mobile li.current-menu-ancestor > div > a:hover, .menu-menu-container .menu_mobile li.current-menu-ancestor > a:hover span,
	.single-post .menu-menu-container .menu_mobile .menu-item-45 a:hover,
	.archive .menu-menu-container .menu_mobile .menu-item-45 a:hover,
	.single-port .menu-menu-container .menu_mobile .menu-item-43 a:hover {
		color: var(--primair-donker);
	}   

	.module_portfolio .optionset li:last-child {
		margin-right: 0 !important;
	}
	.single-port img {
		max-width: calc(100vw - 40px);
	}	

	.zoomWindow {
		display: none !important;
	}


}

@media only screen and (min-width: 1800px) {
		.grid .portfolio_item {
		width: 16.666%;
		height: 16.666vw;
	}

}

@media only screen and (min-width: 569px) and (max-width: 768px) {
  .portfolio_block .portwrap {
    left: 0px !important;
    margin-left: -5px !important;
  }

}


@media only screen and (max-width: 375px) {
	.single-port img {
		max-width: calc(100vw - 20px);
	}
}


@media only screen and (max-height: 700px) {
	.single-port-style1 img {
		  max-height: calc(100vh - 325px);
		}
	.wrapper.container {
	  min-height: calc(100vh - 325px);
	}
	.zoomWindow {
		max-height: calc(100vh - 320px) !important;
	}
	.single-port .contentarea, .single .contentarea {
	  min-height: calc(100vh - 370px) !important;
	}
}

@media only screen and (max-height: 600px) {
	.single-port-style1 img {
		  max-height: 70vh;
		}
	.wrapper.container {
	  min-height: 100%;
	}

	.zoomWindow {
		max-height: 70vh !important;
	}
	.single-port .contentarea, .single .contentarea {
	  min-height: calc(70vh - 50px) !important;
	}
}


/* =color palette
-------------------------------------------------------------- */

p.has-background, .wp-block-group.has-background {
	padding: 20px !important;
}

.has-white-color {
	color:#fff;
}
.has-white-background-color {
	background-color:#fff;
}