/*---------------------------------------------------------------------------------

	Theme Name: Hamduk
  Text Domain: Hamilton child theme
	Version: 1.17
	Description: hamilton child theme
  Demo: http://andersnoren.se/themes/hamilton/
	Tags: blog, two-columns, three-columns, custom-menu, featured-images, threaded-comments, translation-ready, grid-layout, custom-background, custom-logo, editor-style, sticky-post, theme-options, portfolio, photography
	Author: Anders Norén
	Author URI: http://www.andersnoren.se
  Template: hamilton
	License: GNU General Public License version 2.0
	License URI: http://www.gnu.org/licenses/gpl-2.0.html

	All files, unless otherwise stated, are released under the GNU General Public License
	version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)
----------------------------------------------------------------------------------- */
.aligncenter, .alignnone {margin: 0; }
.wp-caption-text {word-wrap: break-word;}

body {font-family: 'Zilla Slab', serif;font-weight: normal;background: #fff;}
h2.title {font-family: 'Roboto Slab', serif;}
p {font-family: 'Zilla Slab', serif;font-weight:300;  }
blockquote p {font-weight: 100i; font-family: 'Roboto Slab', serif; }
blockquote {font-weight: normal; font-family: 'Roboto Slab', serif; }
.entry-content h1 {font-family: 'Zilla Slab', serif; font-weight:500; font-size:60px;}
.entry-content p {line-height: 1.5; margin-bottom:35px; font-size: 1.2em;} /*Portfolio body p font styling*/
.PP_wrapper .PP_Description {width:85%;}/*Body width*/
.PP_Wrapper img {border: 1px solid #D3D3D3} /*border for images on single portfolio pages*/
.PP_Card .PP_Entry__thumbnail > img {border: 1px solid #D3D3D3} /*border for images on front portfolio*/
.button { margin: 0 20px 5px 0;}

article {font-family: 'Zilla Slab', serif;font-weight:300;}
.page-header {margin:0 auto 10px auto;} /*margin:0 auto 100px auto;*/
.page-header p { text-align: left; }
.blog_header h1 {font-size: 40px; font-weight: 500; }

.preview-header h2 {font-weight: 100; font-family: 'Roboto Slab', serif;text-align: center; }
.preview-header p {font-weight: 400;font-size: 0.7em; text-align: center;padding-top:0.5em; color:#fff;}
.PP_Entry__header h3 {font-weight: 400; text-align: center;-webkit-box-orient:vertical; font-family: 'Roboto Slab', serif;font-size: 32px;}
.PP_Entry__header header {margin-top:0.4em;}

.PP_Entry__title {font-family: 'Roboto Slab', serif;font-weight: 100; font-size: 20px;}
.PP_Card .PP_Entry__subtitle {padding:5em 0 0px;margin-top: 1em}
.PP_Description__title {font-family: 'Zilla Slab', serif; font-weight: 500; font-size: 80px;line-height: 0.5em;margin-top: 0.5em}
.PP_Description__subtitle {color:gray; margin-top: 2em; letter-spacing: 0.1em; text-transform: uppercase}
.pswp .PP_Caption__title {text-align: center;} /* Style Portfolio plugin caption*/
.PP_Wrapper {margin-top:1em;}

.entry-content h6 {font-size: 0.7em;font-weight: 400;text-transform: capitalize;letter-spacing: 0.025em;color:gray;}
.preview-header p.subexcerpt {text-align: center;font-size: 0.7em;font-weight: 400;color: gray;}

/* Blog styling */
.PP_Description__content p {line-height: 1.6em; text-align: center;font-size: 1em; font-weight: 100; letter-spacing: 0.025em; color: #424242;margin-top: 10px;text-align: left;margin-bottom: 1em;} /*margin-top: 25px*/

/* Center clipped image*/
.image-wrapper {
  height: 100px;
  overflow: hidden;
}

.image-wrapper img {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  cursor:pointer;
}

/* Rollover */
.post-preview:hover .preview-image::after, .show-preview-titles .post-preview .preview-image::after {
    opacity: 70;    cursor:pointer;}

.preview-image::after {
    background: rgba( 0, 0, 0, 0.9 );
}

/* Blog Status */
.blog-preview-image header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity:1;
    overflow: hidden;
    position: absolute;
    height: 100%;
    text-align: center;
    transition: none;
    transform: none;
    z-index: 9999;
    transition: all .3s ease-in-out;
    transform: translateY( 10px );
    cursor:pointer;
}

.blog-preview-image header:hover {cursor: pointer;opacity:1;}

.blog-preview-image header p {font-weight: 400;font-size: 0.7em;text-align: center;padding-top: 0.5em;color: #fff;}
.blog-preview-image header a {color: #fff; text-decoration: underline;}

.blog-preview-image {
	background: rgba( 0, 0, 0, 0.1 ) no-repeat center; /*rgba( 0, 0, 0, 0.1 )*/
	background-size: cover;
	position: relative;
}

.dark-mode .blog-preview-image {
	background-color: rgba( 255, 255, 255, 0.1 );
}

.post-preview.fallback-image .blog-preview-image:before {
	content: "";
	display: block;
	padding-bottom: 75%;
	width: 100%;
}

.post-preview.fallback-image .blog-preview-image img {
	display: none;
}

.blog-preview-image:after {
	background: rgba( 0, 0, 0, 0.5 ); /*rgba( 0, 0, 0, 0.5 ); */
	content: "";
	opacity: 0;
	position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		top: 0;
	transition: opacity .3s ease-in-out, background .3s ease-in-out;
}

.blog-preview-image img {
	visibility: hidden;
	width: 100%;
}


.post-preview:hover .blog-preview-image:after,
.show-preview-titles .post-preview .blog-preview-image:after {
	opacity: 30;cursor: pointer;
}

.show-preview-titles .post-preview:hover .blog-preview-image:after {
	background: rgba( 0, 0, 0, 0.6 );cursor: pointer;
}
/*End Status post */

/* Contact form */
.wpcf7 .capt { margin-top: -5em;float: right;} /*align reCaptcha right*/
.wpcf7-form-control.wpcf7-text  { border-top: 0px solid #000;border-left: 0px solid #000; border-right: 0px solid #000; border-bottom: 2px solid #D3D3D3;}
.wpcf7-form-control.wpcf7-textarea { border-top: 0px solid #000;border-left: 0px solid #000; border-right: 0px solid #000; border-bottom: 2px solid #D3D3D3;}

.entry-content a.button { background-color: #ee3670; border-bottom:0; }

/* dropdown nav menu */
.site-nav {
	background: #fff;
	opacity: 0;
	padding: 10em 0 120px;
	position: fixed;
		bottom: 0;
		left: -99999px;
		right: 99999px;
		top: 0;
	transform: translateY( 1rem );
	transition: opacity .3s ease-in-out, transform .3s ease-in-out, left 0s .3s, right 0s .3s;
	z-index: 9999;
}

/**/




/* THREE COLUMNS */


@media ( min-width: 1001px ) {


  .gallery img {
      width: 100%;
      margin: 0 auto;
  }

	.three-columns-grid .post-preview {
		width: 33.3%;
	}

	.three-columns-grid .post-preview header {
		bottom: 0px;
		left: 30px;
		right: 30px;
		top: 0px;
    cursor: pointer;
	}

	.three-columns-grid .post-preview h2 {
		font-size: 28px;
	}

  .post-preview header {cursor: pointer;}


}

/* WP 1 Slider styling*/
.slider-wrapper .bx-wrapper {}
  .bx-wrapper img { margin-left: 0px;  }

/* Entry content  */
.gallery {  /* line 1230 hamilton_style 3.css */
        display: -ms-flex;
        display: -webkit-box;
        display: -ms-flexbox;
    display: flex;
		-ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 20px 0 30px; /* 50px 0 30px */
    padding: 0;
    position: relative;

    /*left: calc( 50% - 478px );*/    /* 50% - 630px */
    /*width: 956px;*/  /*1260px*/
}

/* 1380 PX */

@media ( min-width: 1001px ) {

  .gallery img {
      width: 100%;
      margin: 0 auto;
  }


	.wp-custom-logo .site-header {
	padding: 30px 0 30px;
	}

  .site-header .custom-logo {
    background-size: 80%;
  }

	/* Entry Content ----------------------------- */

	/* PAGE MEDIA */

	.gallery {   /* - line 1924 hamilton_style 3.css*/
		left: calc( 50% - 35vw - 10px ); /*45vw*/
		width: calc( 70vw + 20px );   /*90vw*/
	}


	/* PULL QUOTES */

	.entry-content .pull {
		position: static;
	}

	.entry-content .pull.left {
		float: left;
		margin: 5px 40px 40px -80px;
	}

	.entry-content .pull.right {
		float: right;
		margin: 5px -80px 40px 40px;
	}
  /*
	blockquote {
	    margin: 0 0 0px 0;
	    padding: 50px 0 50px 0;
			background-color:#f2f2f2;
			display: block;
			margin-bottom: 2em;
			width:100%;
	}
  */

  .post-content blockquote {
    padding: 30px 30px 30px 90px;
    background: #F6F6F6;
    background: rgba(0,0,0,0.05);
    position: relative;
    }

  .post-content p, .post-content blockquote, .post-content ul, .post-content ol, .post-content li, .post-content address, .post-content dl, .post-content .wp-caption, .post-content pre {
    line-height: 160%;
    margin-bottom: 1.3em;
    }

/* Post navigation  ----------------------------------------- */

.post-navigation a {
	-webkit-transition: all 0.2s ease-in-out;
	 -moz-transition: all 0.2s ease-in-out;
	 -ms-transition: all 0.2s ease-in-out;
	 -o-transition: all 0.2s ease-in-out;
	 transition: all 0.2s ease-in-out;
}

    .post-navigation a span {
    	-webkit-transition: all 0.2s ease-in-out;
    	 -moz-transition: all 0.2s ease-in-out;
    	 -ms-transition: all 0.2s ease-in-out;
    	 -o-transition: all 0.2s ease-in-out;
    	 transition: all 0.2s ease-in-out;
    }

/* Post Navigation  ----------------------------------------- */


@media ( min-width: 900px ) {

	.post-navigation a {
		display: block;
		height: 200px;
		width: 45px;
		background: #2d2d2d;
		color: #fff;
		position: fixed;
		top: 50%;
		margin-top: -100px;
	}

	.post-navigation .fa {
		display: block;
		width: 100%;
		font-size: 36px;
		text-align: center;
		position: absolute;
		top: 50%;
		margin-top: -18px;
		left: 0;
	}

	.post-navigation p { text-indent: -9999px; }

	.post-nav-prev { right: 0; }
	.post-nav-prev .fa { padding-left: 4px; }

	.post-nav-next { left: 0; }
	.post-nav-next .fa { padding-right: 4px; }

	.post-navigation a:hover {
		width: 50px;
		color: #fff;
	}

}

@media ( max-width: 899px ) {

	/* Single Post --------------------------------------- */

    	.post-navigation {
    		padding-top: 20px;
    		border-top: 1px solid #ddd;
    		margin-top: 20px;
    	}

    	.post-navigation a {
    		text-transform: uppercase;
    		color: #999;
    	}

    	.post-nav-prev { float: right; }
    	.post-nav-next { float: left; }

    	.post-navigation p {
    		font-size: 0.875em;
    		display: inline;
    	}

    	.post-nav-prev p { margin-right: 5px; }
    	.post-nav-next p { margin-left: 5px; }

    	.post-navigation .fa {
    		font-size: 18px;
    		position: relative;
    		bottom: -1px;
    	}

    	.post-navigation a:hover { color: #666; }

    	.post-navigation {
    		padding-top: 10px;
    		margin-top: 10px;

    	}

    	.post-navigation a .hide { display: none; }
      }
}
/*
		.post-navigation {
			background: #f2f2f2;
			min-height: 2px;
			color:000;
		}

		.post-navigation a {
			display: block;
			width: 48.5%;
			height: 120px;
			margin-top: 3%;
			margin-bottom: 3%;
			background: #e2e2e2;
			overflow: hidden;
			position: relative;
		}

		.post-navigation .post-nav-prev { float: left; }
		.post-navigation .post-nav-next { float: right; }

		.post-navigation p {
			width: 100%;
			font-size: 14px;
			font-weight: 700;
			text-align: center;
			text-transform: uppercase;
			letter-spacing: 2px;
			color: #666;
			position: absolute;
			top: 50%;
			margin-top: -7px;
			right: 0;
			left: 0;
		}

		.post-navigation a:hover { background: #333; }
		.post-navigation a:hover p { color: #fff; }

    */

	/* Footer ----------------------------- */
		.site-footer {
		    padding: 100px 0 50px;margin-top: 100px;}





/* 1000 PX */

@media ( max-width: 1000px ) {

	.wp-custom-logo .site-header {
	padding: 30px 0 40px;
	}

  .site-header .custom-logo {
    background-size: 80%;
  }


	/* Site Nav ----------------------------- */

	.show-alt-nav .alt-nav {
		display: none;
	}

	.show-alt-nav .nav-toggle {
		display: block;
	}





	/* Singular ----------------------------- */

	.post-preview h2 {
		font-size: 18px;
    text-align: center;
	}

  .post-navigation {
    padding-top: 20px;
    border-top: 1px solid #ddd;
    margin-top: 20px;
    width: 96%;
    margin:0 auto;

    /*margin: 0 30px;*/
  }

  .post-navigation a {
    text-transform: uppercase;
    color: #999;
  }

  .post-nav-prev { float: right; }
  .post-nav-next { float: left; }

  .post-navigation p {
    font-size: 0.875em;
    display: inline;
  }

  .post-nav-prev p { margin-right: 5px; }
  .post-nav-next p { margin-left: 5px; }

  .post-navigation .fa {
    font-size: 18px;
    position: relative;
    bottom: -1px;
  }

  .post-navigation a:hover { color: #666; }

  .post-navigation {
    padding-top: 10px;
    margin-top: 50px;
  }

  .post-navigation a .hide { display: none; }


	/* Page Templates ----------------------------- */

	.resume-template .entry-content {
		padding-left: 300px;
	}

	.resume-template .entry-content h1,
	.resume-template .entry-content h2,
	.resume-template .entry-content h3,
	.resume-template .entry-content h4,
	.resume-template .entry-content h5,
	.resume-template .entry-content h6 {
		margin: 80px 0 -28px -300px;
		padding: 50px 600px 0 0;
	}


}



/* 750 PX */


@media ( max-width: 750px ) {

  .entry-content h1 {font-size:40px;
  }
  .PP_Description__title { font-size: 40px;line-height: 1.2;margin-bottom: 0rem;}

  .PP_Description__subtitle {
   font-size: 0.7rem; font-weight: 400;margin-top: 10px; color:gray;padding:0;}
  .PP_Description__content {margin-top:1rem;}
  .PP_Card .PP_Description {width: 96%;}
  .page-header p {margin-top: 0;}
  .section-inner.site-header.group {margin-bottom: -2em;}
  h1.PP_Description__title .title   {font-size: 40px; font-weight: 500; }
  .PP_Description {width: 96%;}

	/* Navigation ----------------------------- */

	.site-nav .menus > ul {
		float: none;
		width: 100%;
	}

	.site-nav .menus > ul + ul {
		margin: 40px 0 0;
	}

/* Image styling */
	img.border-image {
	border: 3px solid gray;
	}



}

/* 620 PX */

@media ( max-width: 620px ) {
  .entry-content h1 {font-size:40px;}
  .preview-header h2 {font-weight: 100; font-size:20px; text-align: center;}
  .preview-header p {font-weight: 300;font-size: 0.6em;}
  .section-inner.site-header {margin-bottom: -1em;}
  .section-inner {margin-top: 30px;width: 96%} /*Individual pages*/
  .button { width:100%; clear:both;margin: 0 0 5px 0;} /*Stack buttons*/

  body .PP_Entry__title {font-family: 'Roboto Slab', serif;font-weight: 100; font-size:20px;} /*EPP*/

  .ngg-gallery-slideshow-image {bottom:0;height: 277px;} /*100%*/
  .ngg-slideshow {bottom:0;height:277px;}
  .PP_Card .PP_Entry__subtitle {padding:0px;margin-top:0.5em}

  .PP_Entry__header header {margin-top:0.5em; padding: 0 10px;}
  h1.PP_Description__title.title  {font-size: 40px; font-weight: 500; }
  .PP_Card .PP_Description {width: 96%;}
	/* PAGE MEDIA */

	.gallery {  /* line 2255 hamilton_style 3.css */
		left: calc( 50% - 50vw );
		margin: 40px auto 30px; /* 40px auto 30px */
		padding: 0 5px;
		width: 100vw;
	}

	/*dropdown menu*/
	.site-nav .menus {
	    overflow: auto;
	    max-height: 90%;
	    background-color: gray;
	    padding: 50px 5%;
		}

		.wp-custom-logo .site-header {
    padding: 20px 0 20px;
		}

    .site-nav ul a {color:#fff;}
    .site-nav ul + ul a {color:#fff;}

    input.wpcf7-form-control.wpcf7-submit { width:100%;clear:both;margin-bottom: 50px; background-color: #ee3670; } /*align reCaptcha submit*/


}

  /*********  Easy PHotography Portfolio  ***********/
  body .PP_Masonry__item {
    margin:0px 0;
    border: solid 7px transparent;  /*Masonry image gaps*/
  }

  .PP_Wrapper {
  	max-width: 1500px;
  }
 /***** Card entry more ******/
  body .PP_Card .PP_Entry__more {
    -webkit-transition: none;
    transition: none;
  }

  body .PP_Card .PP_Entry__inner {
    -webkit-transform: none;
            transform: none;
    opacity: 0;
    display: none;
    -webkit-transition: none;
    transition: none;
    transition: none;
    transition: transform none;
    cursor: pointer;
  }

  .PP_Card .PP_Entry__subtitle {padding:0 0px;}

  .PP_Entry  .PP_Masonry__item  .PP_Card  .PP_Card--hoverable .masonry-brick {text-align: center;cursor: pointer;}
  .PP_Card .PP_Entry__header:hover {opacity: 1;cursor:pointer;}
  .PP_Card .PP_Entry__header {

      position: absolute;
      /*bottom: 1.4rem;*/
      /*left: 1.4rem;*/
      left:0;
      /*-webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      -webkit-transition: opacity 0.3s ease, -webkit-transform 0.35s ease-out;
      transition: opacity 0.3s ease, -webkit-transform 0.35s ease-out;
      transition: transform 0.35s ease-out, opacity 0.3s ease;
      transition: transform 0.35s ease-out, opacity 0.3s ease, -webkit-transform 0.35s ease-out;*/
      padding: 0%;
      margin: 0 auto;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      /* justify-content: center;  */
      /* opacity: 0;  */
      /* overflow: hidden;  */
      bottom: 0px;
      top: 0px;
      /* text-align: center;  */
      transition: all .3s ease-in-out;
      transform: translateY( 10px );
      cursor:pointer;
  }

  .post-preview:hover >
  header, .show-preview-titles header > .preview-header {
opacity: 1;      transition: all .3s ease-in-out;
      transform: translateY( 10px );
cursor: pointer;
  }


  .PP_Card, .PP_Card a {
      color: #fff;
      text-shadow: 0px 0.03em 0.05em rgba(0,0,0,0.33);
      font-size: 1.3em;
      line-height: 1.4em;
      text-align: center;
      cursor: pointer;
  }

   h4.PP_Entry__subtitle {text-align: center;}

/****** Hover state ******/
  body .PP_Card--hoverable:hover .PP_Entry__header {
    z-index: 9999;
    /*-webkit-transform: none;
            transform: none;*/
            cursor: pointer;

  }

  body .PP_Card--hoverable:hover .PP_Entry__inner {
    opacity: 1;
    /*-webkit-transform: none;
            transform: none;*/
            cursor: pointer;

  }
  body  .PP_Masonry__item a, .PP_Masonry__item img {

      display: block;
      width: 100%;
      cursor: pointer;

  }

  body .PP_Card--hoverable:focus .PP_Entry__header {
    z-index: 9999;
    /*-webkit-transform: none;
            transform: none;*/
            cursor: pointer;

  }

  body .PP_Card--hoverable:focus .PP_Entry__inner {
    opacity: 1;
    /*-webkit-transform: none;
            transform: none;*/
            cursor: pointer;

  }
/****** Hover state ENDS ******/

/*Experimenting with hover for Chrome*/
  .PP_Card a.PP_Entry__header:hover {cursor: pointer;transition: all .3s ease-in-out;
        transform: translateY( 10px );}
  .PP_Card .PP_Entry__header a:hover {cursor: pointer;transition: all .3s ease-in-out;
        transform: translateY( 10px );}
  .PP_Card:hover > .PP_Entry__header > header {
  	cursor: pointer;opacity:1;}
    a.post-preview header:hover {
      cursor: pointer;transition: all .3s ease-in-out;
            transform: translateY( 10px );}
  a.PP_Entry__header:hover {cursor: pointer;transition: all .3s ease-in-out;
        transform: translateY( 10px );}
  a.PP_Entry__header header:hover {cursor: pointer;transition: all .3s ease-in-out;
        transform: translateY( 10px );}
  .PP_Card .PP_Entry__header:hover {cursor: pointer;transition: all .3s ease-in-out;
        transform: translateY( 10px );}

        .PP_Entry__header .post-preview:hover {cursor: pointer;opacity:1;}

body  .PP_Masonry__item a:hover, .PP_Masonry__item img:hover {

    display: block;
    width: 100%;
    cursor: pointer;
}
.post-preview header {
  cursor: pointer;}

body  a {cursor: pointer;}
body  a:hover {cursor: pointer;}
  a:-webkit-any-link { cursor: pointer;}