/* @override 
	http://localhost:8888/wp-content/themes/henrik_2020/style.css?1591895437 */



/*

------------------------------------------------------------------------
Theme Name:Henrik-2020
Version:1.0
------------------------------------------------------------------------
*/
/*
-----------------------------------------
RESET
----------------------------------------- 
*/


*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td{margin:0; padding:0}
table{border-collapse:collapse; border-spacing:0}
fieldset, img{border:0}
ol, ul, li{list-style:none}
caption, th{text-align:left}
h1, h2, h3, h4, h5, h6{font-size:100%; font-family: 'Roboto', sans-serif;	
font-weight: 300;
}
q:before, q:after{content:''}

strong{font-weight: 400}
em{font-style:italic}

h1, h2, h3, h4, h5, h6{ text-decoration: none; }

/*
-----------------------------------------
ISOTOPE FILTERING
----------------------------------------- 
*/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}



/*
-----------------------------------------
LAYOUT
----------------------------------------- 
*/
.aligncenter{display:block; margin:0 auto}
.alignleft{float:left}
.alignright{float:right}
.floatLeft{float:left}
.floatRight{float:right}
.clear{clear:both}

/*
-----------------------------------------
STRUCTURE
----------------------------------------- 
*/
html, body{height:100%;
	background-color: #fff;
	/*
	background-color: #f5f5f5;
	*/
}

body{color:#222; margin:0 auto -80px; text-align:center;
letter-spacing: 0.5px;
font-family: 'Roboto', sans-serif;	
font-weight: 300;

}
/*
-----------------------------------------
TOP
----------------------------------------- 
*/
#header {
	height: 80px;
	border-bottom: 1px solid #000000;
	z-index: 100;
	/* position: fixed; */
	top: 0;
	width: 1300px;
	background-color: #fff;
}
#header-logo{
	padding-top: 30px;
	float: left;
}
#header-cat-nav{float: right;
	padding-top: 45px;
}
#header-page-nav{float:right; margin-top: 17px;
	
}
h1.logo a{float:left; }

#page-nav, #cat-nav{
}

#page-nav ul, #cat-nav ul, filters{float:left; }

#page-nav li, #cat-nav li{display:inline;}

#cat-nav a:link, 
#cat-nav a:visited{color: #555; text-decoration:none;
	margin-left: 10px;
}
#page-nav a:link, 
#page-nav a:visited
{color:#000; text-decoration:none;
	margin-left: 10px;
}

#cat-nav a:hover, #page-nav a:hover{color: #000;
}

/*
-----------------------------------------
filters
----------------------------------------- 
*/

.filters-wrap{float: right; list-style-type:none; width:100%
	margin-top: 0;
	margin-bottom: 40px;
	
}

.filter-nav{
}

.filter-nav ul, ul{float:left; font-size: 0.9em;
}

.filter-nav li, li{display:inline;}

.filter-nav a:link, 
.filter-nav a:visited{color: #555; text-decoration:none;
	margin-right: 10px;
}

.filter-nav a:hover, a:hover{color: #000;
}




/*
-----------------------------------------
page
----------------------------------------- 
*/


#page-wrap{
width: 1300px;  
height:auto !important; 
height:100%; 
padding-left:10px; 
padding-right:10px; 
text-align:left;
margin-right: auto;
margin-left: auto;
}

.content-wrapper{width: 100%; float:left; position: relative;
padding-top: 30px;
}

.content-page{width: 100%; float:left;position: relative;
	padding-top: 40px; padding-bottom: 50px;
}

.content-pagetext{width: 100%;
	padding-top: 30px;
}

div.one_half { width: 600px; float: left;
	margin-right: 40px;
}

div.one_half.last_column {width: 600px;
	margin-right: 0;
}

.content{width: 100%; float:left}
  

.client {float: left;
	padding-bottom: 10px;
}
.social-sharing{float: right;
}
.line {
	border-top: 1px solid black;
	padding-bottom: 30px;
}
/*
-----------------------------------------
IMAGES
----------------------------------------- 
*/
a img{border:none;
}

p img {
	margin-bottom: 10px;
}

img.size-auto,
img.size-full
img.size-large,
img.size.medium,
.attachment img,
#sidebar img,
.wp-caption, 
img {
	max-width: 100%;
	height: auto;
}

img.aligncenter,
.wp-caption.aligncenter{
	margin: 0 auto 1.5em auto;
	max-width: 100%;
	height: auto;	
}
.img-border-grey{
	border: 1px solid silver;
}

/*
-----------------------------------------
TYPOGRAPHY
----------------------------------------- 
*/
p{color: #000000; font-size:1.2em; line-height:1.5; text-align: left; clear: left;
padding-bottom: .7em;
}

.content-wrapper p {
	padding-top: 30px;
	padding-bottom: 90px;
}

p a{  text-decoration: none; color:000000;}

p a:hover{ text-decoration: none; color: #000;
	
}

h1{ font-size:1.4em; font-weight: 700}

h2{color: #000000; font-size:1.8em; line-height:1.4; text-align: left; clear: left;
margin-bottom: 0.9em;
}
	
	
h5 {color: #000000; font-size:1.4em;  text-align: left; 

}
h5 a, h5 a:visited {color: #000000; 	text-decoration: none;
}

h5 a:hover {color: #555555; 	text-decoration: none;
}

h4, #cat-nav, #page-nav, #filters-wrap {	
	color: #000000;
	line-height: 1.3em;
	font-style: normal;
	font-size: 0.9em;
	text-decoration: none;
}

h4 a, h4 a:visited{
	color: #000000;
	text-decoration: none;
}
h4 a:hover{
	color:  #000;
}


h5 {
	font-size: 1.4em;
	color: #000;
	text-decoration: none;
	padding-bottom: 4px;
	line-height: 1.1em;
}




h2 a, h2 a:visited{ color: black; text-decoration: none; }
h2 a:hover{ color: #ffd400; }


.post ul li, 
.post ol li{font-size:1.2em; list-style-type:square; margin:5px 0 5px 15px}

#reply{border-bottom:4px solid #C9C9C9; color:#222; font-size:1.8em; margin-top:28px; margin-bottom:16px; padding-bottom:4px}


/*
-----------------------------------------
SLIDESHOW
----------------------------------------- 
*/

#slider {
padding-bottom: 30px;
}




/*
-----------------------------------------
THUMBNAILS
----------------------------------------- 
*/

.grid{width: 102%;
margin-top: 50px;
}

.grid-releated {width: 102%;
margin-top: 40px;
}

.box {
	margin-right: 12px; 
	padding-bottom: 8px;
	float:left;
	
}


.thumbnail-title {
	
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 0px;
	margin-top: 2px;
	padding-bottom: 21px;
}
.thumbnail-cat {
	margin-bottom: 21px;
}

/*

-----------------------------------------
YARRP
----------------------------------------- 
*/

.yarpp-related {
	width: 102%;
	padding-top: 50px;
	padding-bottom: 50px;

}

.yarpp-related a{
}

.yarpp-related .yarpp-thumbnail-title{
}

.yarpp-related h3{
}

.yarpp-related .yarpp-promote{ 
}



/*

-----------------------------------------
FOOTER
----------------------------------------- 
*/
#push{height:80px}

.end_of_post{width: 100%;
	padding-top: 10px;
	padding-bottom: 40px;
}

#footer{padding-top: 10px;
	padding-right: 12px;
	border-top: 1px solid #000; width: 100%;
	padding-bottom: 20px;
	margin-top: 20px;
	text-align: center;
	font-size: 0.9em; color: #000000; margin-bottom:0 px	; margin-top:10 px;
	text-decoration:none;
}
#footer-info {
	padding-bottom: 30px;
	padding-top: 10px;
}

#footer-social {
	margin-bottom: 20px
;
}

#footer-social a {
	margin-right: 10px;
}


#footer, #footer a, #footer a:visited{color: #000000; text-decoration:none
}

#footer a:hover{color: #000; text-decoration:none
}

.clients{
	margin: 200px;
}
#copyright {
	font-size: 0.7em;
}

/*
-----------------------------------------
MASONRY
----------------------------------------- 
*/






/*
-----------------------------------------
MEDIA
----------------------------------------- 
*/

/* 
-----------------------------------------
3 COLUMN DESKTOP
----------------------------------------- 
*/

@media only screen and (max-width: 1320px) {
	#page-wrap{width: 972px;}
	
	#header {
		width: 972px;
	}
	
	div.one_half {
		width: 460px; float: left;
		margin-right: 40px;
	}
	
	div.one_half.last_column {
		width: 450px;
		margin-right: 0;
	}
	.wp-block-embed__wrapper iframe{
    width: 100% !important;
	height: 600px;
	}
	.content-wrapper p {
		padding-top: 20px;
		padding-bottom: 60px;
	}


}
/* 
-----------------------------------------
2 COLUMN DESKTOP
----------------------------------------- 
*/

@media only screen and (max-width: 984px) {
	#page-wrap{width: 644px;}
	
	#header {
		width: 644px;
	}
	
	div.one_half {
		width: 310px; float: left;
		margin-right: 20px;
	}
	
	div.one_half.last_column {
		width: 310px;
		margin-right: 0;
	}
	.wp-block-embed__wrapper iframe{
    width: 100% !important;
	height: 400px;
	}
	.content-wrapper p {
		padding-top: 10px;
		padding-bottom: 30px;
	}


}


/* 
-----------------------------------------
1 COLUMN IPHONE - 320PX
----------------------------------------- 
*/

@media only screen and (max-width: 650px) {
	
	#page-wrap{width: 300px;
		}
		
	.content-wrapper{width: 100%; float:left;
		padding-top: 0;
	}
	
	
	.content-page{width: 100%; float:left;position: relative;
		padding-top: 10px;
	}
	
	
	#header {
		position: relative; width: 300px;
		height: 50px;
		
		border-width: 0;
		padding-top: 30px;
	}
	#header-logo{
		padding-top: 0px;
		float: left;
		padding-bottom: 20px;
	}
	
	
	#header-cat-nav{
		width: 100%;
		padding-top: 20px;
		padding-bottom: 20px;
		border-top: 1px solid black;
		border-bottom: 1px solid black;
		margin-bottom: 10px;
	}
	
	#header-page-nav{
		margin-top: 0px;
		
	}
		
	#cat-nav a:link, 
	#cat-nav a:visited{color:#000; text-decoration:none;
		margin-left: 0px;
		margin-right: 13px;
		font-weight: 400;
	}
	
	#page-nav a:link, 
	#page-nav a:visited
		{color:#000; text-decoration:none;
		margin-left: 0px;
		margin-right: 13px;
		font-weight: 400;
	}
	
	
	#filters-wrap{float: right; list-style-type:none; width:100%; height: 50px;
	padding-top: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid black;
		
	}
	
	#filters-wrap li{display:inline;}
	
	#filters a:link, 
	#filters a:visited{color: #000; text-decoration:none;
		margin-left: 0px;
		margin-right: 10px;
	}
	#filters a:link, 
	#filters a:visited
	{color:#000; text-decoration:none;
		margin-left: 10px;
		margin-right: 0px;
	}
	
	#filters a:hover, #filters a:hover{color: #555;
	}
	
	
	.thumbnail-title{
		height: 100%
	}
	
	.grid-item{width: 300px; 
		margin-right: 12px;float:left;
	margin-bottom: 15px;
	}	
	
	div.one_half {
		width: 100%; float: left;
		margin-right: 40px;
	}
	
	div.one_half.last_column {
		width: 100%;
		margin-right: 0;
	}
	
	body {
		-webkit-text-size-adjust: none;
		
	}
		.wp-block-embed__wrapper iframe{
	    width: 100% !important;
		height: 180px;
	
	}
		.content-wrapper p {
			
			padding-top: 10px;
			padding-bottom: 30px;
			font-size:1.0em; 
			line-height:1.3;
		}
		
		h2{color: #000000; font-size:1.5em; line-height:1.4; text-align: left; clear: left;
		margin-bottom: 0.9em;
		}
}