/*
Theme Name: Poseidon Child
Theme URI: https://themezee.com/themes/poseidon/
Template: poseidon
Author: ThemeZee
Author URI: https://themezee.com
Description: Poseidon is an elegant designed WordPress theme featuring a splendid fullscreen image slideshow. The clean typography and spacious white layout makes it great to share your stories. You can use the theme as simple blog or easily create a news website with the widget-based Magazine Homepage template.
Tags: two-columns,custom-background,custom-header,custom-logo,custom-menu,blog,news,editor-style,block-styles,rtl-language-support,featured-image-header,featured-images,flexible-header,custom-colors,full-width-template,sticky-post,threaded-comments,translation-ready,theme-options,one-column,left-sidebar,right-sidebar,three-columns
Version: 2.4.0.1714747352
Updated: 2024-05-03 14:42:32

*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# - CSS Variables
# - Normalize
# - Typography
# - Elements
# - Forms
# - Accessibility
# - Alignments
# - Clearings
# - Site Layout
# - Header
# - Navigation
# - Social Icons Menu
# - Posts and pages
# - Archives and Blog Layouts
# - Blocks
# - Featured Posts
# - Widgets
# - Magazine Widgets
# - Comments
# - Media
# - Footer
# - Plugins
# - Media Queries for Typography
# - Media Queries for Layout
# - Media Queries for Navigation
# - Media Queries for Featured Posts
# - Media Queries for Media
# - Theme Options
--------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
/*--------------------------------------------------------------
# - CSS Variables
--------------------------------------------------------------*/
:root {
	--primary-color: #22aadd;
	--secondary-color: #0084b7;
	--tertiary-color: #005e91;
	--accent-color: #dd2e22;
	--highlight-color: #00b734;
	--light-gray-color: #eeeeee;
	--gray-color: #777777;
	--dark-gray-color: #404040;
	--text-color: #404040;
	--medium-text-color: #777;
	--light-text-color: #aaa;
	--light-background-color: #eee;
	--dark-border-color: #404040;
	--medium-border-color: #ccc;
	--light-border-color: #ddd;
	--link-color: #22aadd;
	--link-hover-color: #404040;
	--button-color: #22aadd;
	--button-text-color: #fff;
	--button-hover-color: #404040;
	--button-hover-text-color: #fff;
	--page-background-color: #fff;
	--page-border-color: rgba(0, 0, 0, 0.12);
	--header-background-color: #fff;
	--site-title-color: #404040;
	--site-title-hover-color: #22aadd;
	--navi-color: #404040;
	--navi-hover-color: #22aadd;
	--navi-border-color: #ccc;
	--title-color: #404040;
	--title-hover-color: #22aadd;
	--widget-title-color: #404040;
	--widget-title-hover-color: #22aadd;
	--widget-title-border-color: #eee;
	--footer-background-color: #fff;
	--footer-text-color: #404040;
	--footer-link-color: #22aadd;
	--footer-link-hover-color: #404040;
	--text-font: "Roboto", arial, helvetica, sans-serif;
	--title-font: "Roboto", arial, helvetica, sans-serif;
	--navi-font: "Roboto", arial, helvetica, sans-serif;
	--widget-title-font: "Roboto", arial, helvetica, sans-serif;
	--title-font-weight: bold;
	--navi-font-weight: bold;
	--widget-title-font-weight: bold;
	--title-text-transform: none;
	--navi-text-transform: uppercase;
	--widget-title-text-transform: uppercase;
	--text-line-height: 1.5;
	--title-line-height: 1.5;
}

/*--------------------------------------------------------------
# - Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
	color: #404040;
	color: var(--text-color);
	font-size: 18px;
	font-size: 1rem;
	font-family: Tahoma, arial, helvetica, sans-serif;
	font-family: var(--text-font);
	line-height: 1.5;
	line-height: var(--text-line-height);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	margin-top: 0.75em;
	margin-bottom: 0.75em;
	line-height: 1.5;
	line-height: var(--title-line-height);
}

h1 {
	font-size: 36px;
	font-size: 2.25rem;
}

h2 {
	font-size: 28px;
	font-size: 1.75rem;
}

h3 {
	font-size: 24px;
	font-size: 1.5rem;
}

h4 {
	font-size: 22px;
	font-size: 1.375rem;
}

h5 {
	font-size: 20px;
	font-size: 1.25rem;
}

h6 {
	font-size: 19px;
	font-size: 1.1875rem;
}


.seoheadingone {
	margin-bottom:0;
	margin-top:0;
}
p {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

address {
	margin: 0 0 1.5em;
}

pre {
	overflow: auto;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	padding: 1.5em;
	max-width: 100%;
	background: #eee;
	font-size: 15px;
	font-size: 0.9375rem;
	font-family: "Courier 10 Pitch", Courier, monospace;
	line-height: 1.6;
}

code,
kbd,
tt,
var {
	font-size: 15px;
	font-size: 0.9375rem;
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	text-decoration: none;
}

big {
	font-size: 125%;
}


a.button {
	background:#0DABD4;
	color:#FFFFFF;
	padding:10px;
	text-decoration:none;
}

a.button:hover {
	background:#0079a2;
	color:#FFFFFF;
	padding:10px;
	text-decoration:none;
}

/*--------------------------------------------------------------
# - Styles loaned from peterfreundlaw.be
--------------------------------------------------------------*/


.sticky-header.small-header .site-header .site-branding .custom-logo {
max-height: 45px;	
margin-top:0;
}




.hometxt {
		width:45%;
	}
	.lightgreyrow {		
		background-color:#F4F3F1;
	}
	.danielbg {
		background: url('/wp-content/themes/poseidons-child/bg-daniel-peterfreund-advocaat-antwerpen.png') no-repeat right top #FFF; 
		-webkit-background-size: cover;
  		-moz-background-size: cover;
 		-o-background-size: cover;
 		background-size: cover;
	}
	.mobiledaniel {
		width:0px;
		height:0px;
		background: none;
	}
	.onlyonmobile {
	display: none;		
	}
	.stretchbutton {
	width:80%;
	margin-left:20px;
	border-radius:25px;
			}
	.whiterow {
		background-color:#ffffff;
	}
	.greyrow {
		background-color:#E6E6E6;
		
	}
	.bluerow {
		background-color:#07A9D3;
	}
	.transp1 {
		margin-top:70px;
		background-color: rgba(255, 255, 255, 0.7); 
		margin-left:20%;
		margin-right:20%;
		width:60%;
	}
.transp1 p {
 color:#333;
 padding-left:10px;
 padding-right:10px;		
	}
	.bleurowcontent {
		color:#FFFFFF;
		text-align:center;
		padding-left:20%;
		padding-right:20%;
		width:60%;
		
	}
	.boxes {
		background-color:#E6E6E6;
	}
	.leftbox {
		float:left;
		width:47%;
		padding-right:3%;
	}
	
	.rightbox {
		float:left;
		width:47%;
		padding-left:3%;
	}	
	
	.greyleftbox {
		float:left;
		width:47%;
		padding-right:3%;

	}
	.greyleftbox p{
		margin-left:15px;
	}
	.greyleftbox h2{
		margin-left:15px;
	}
	.greyrightbox {
		float:left;
		width:47%;
		padding-left:3%;

	}	
		.greyrightbox p{
		margin-left:15px;
	}
	.greyrightbox h2{
		margin-left:15px;
	}

.typedtext {
		font-size: 28px;
		margin: 1px;
		line-height: 1.2em;
		word-wrap: break-word;
		color: #292525;
		font-family:Roboto;
		padding-bottom:20px;
	}

@media screen and (max-width: 1000px) {
	.danielbg {
		background: url('/wp-content/themes/poseidons-child/bg-daniel-peterfreund-advocaat-antwerpen2.png') no-repeat right bottom #FFF; 
		-webkit-background-size: none;
  		-moz-background-size: none;
 		-o-background-size: none;
 		background-size: none;
	}
	
	.typedtext {
		font-size: 24px;
		min-height: 59px;
		
}


.leftbox {
		width:100%;
		padding-right:0;
	}
.rightbox {
		width:100%;
		padding-left:0;
		padding-top:10px;
	}	
	
	.greyleftbox {
		width:100%;
		padding-right:0;
		background-color:#FFFFFF;
	}
.greyrightbox {
		width:100%;
		padding-left:0;
		padding-top:10px;
		background-color:#FFFFFF;
	}	
	
	
}

@media screen and (max-width: 850px) {
	.danielbg {
		background: none;
		-webkit-background-size: none;
  		-moz-background-size: none;
 		-o-background-size: none;
 		background-size: none;
	}
	
	.mobiledaniel {
		background: url('/wp-content/themes/poseidons-child/bg-daniel-peterfreund-advocaat-antwerpen-mob.webp') right;
		width:150px;
		height:150px;
		float:right;
	}
	
	.hometxt {
		width:100%;
	}
	.typedtext {
		font-size: 18px;
    }
	
}

@media screen and (max-width: 620px) {
		
		.typedtext {
		font-size: 18px;
		
}
	}