/*
Theme Name: Hitchcock Child
Theme URI: https://www.andersnoren.se/themes/hitchcock/
description: >-
  Hitchcock Child Theme
Author: Ashley Koo
Author URI: https://www.ashleykoo.com/
Template: hitchcock
Version: 2.0.3
License: GNU General Public License version 2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, three-columns, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, grid-layout, portfolio, photography, block-styles, wide-blocks
Text Domain: hitchcock-child
*/

div {
	display: block;
}

body {
	background: #1d1d1d;
	border: none;
	color: #1d1d1d;
	font-family: 'Montserrat', 'Helvetica Neue', 'Helvetica', sans-serif;
	-webkit-text-size-adjust: 100%;
}

* { 
		-webkit-box-sizing: border-box; 
		-moz-box-sizing: border-box; 
	box-sizing: border-box; 
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.main-menu ul a {
	display: block;
	padding: 16px;
	font-size: 14px;
	line-height: 130%;
	text-align: left;
	text-transform: none;
}



.wpform-p-custom-style, .wpform-div-custom-style{
Width: 1024px;
max-width: 100%;
Margin: 0 auto;
Padding: 30px 40px;
Background-color: #f1f1f1;
}




.social-menu a[href*="facebook.com"]::before { content: '\f39e'; font-family: 'Font Awesome 5 Brands'; }
.social-menu a[href*="linkedin.com"]::before { content: '\f0e1'; font-family: 'Font Awesome 5 Brands'; }

/* Block Style ------------------------ */
.wp-block-resume {
	margin-bottom: 30px;
	margin-top: 30px;
	width: 100%;
	background: #f1f1f1;
	color: #777;
	margin-top, margin-bottom: 30px;
	margin-left, margin-right: auto;
	padding: 30px;
	position: relative;
    word-wrap: break-word;
}

.resume-title-gap{
	height: 10px;
}

.top-bottom-margin{
	margin-bottom: 30px;
	margin-top: 30px;
	padding: 30px;
}

.top-margin{
	margin-top: 30px;
	padding: 5px;
}

.bottom-margin{
	margin-bottom: 30px;
	padding: 5px;
}

.blue-title-big {
	font-family: 'Arial','Open-Sans','Verdana', 'Helvetica','Helvetica Neue', sans-serif;
	font-weight: bold;
	color: #008FC6;
	font-size: 38px;
}

.blue-title-middle {
	font-family: 'Arial','Open-Sans','Verdana', 'Helvetica','Helvetica Neue', sans-serif;
	font-weight: bold;
	color: #008FC6;
	font-size: 27px;
}

.blue-title-small {
	font-family: 'Arial','Open-Sans','Verdana', 'Helvetica','Helvetica Neue', sans-serif;
	font-weight: bold;
	color: #008FC6;
	font-size: 21px;
}

.resume-body {
	font-family: 'Arial','Open-Sans','Verdana', 'Helvetica','Helvetica Neue', sans-serif;
	font-size: 16.5px;
	line-height: 1.4;
	margin-top: 6px;
}

.resume-body-thick {
	font-family: 'Arial','Open-Sans','Verdana', 'Helvetica','Helvetica Neue', sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4;
	margin-top: 6px;
}

.resume-body-small {
	font-family: 'Arial','Open-Sans','Verdana', 'Helvetica','Helvetica Neue', sans-serif;
	font-size: 15.5px;
	line-height: 19px;
	margin-top: 6px;
}

.post-content { 
	font-family: 'Arial','Open-Sans','Verdana', 'Helvetica','Helvetica Neue', sans-serif; 
	color: #333;
	position: relative;
}

p {
	margin-bottom: 0;
}

.border-line {
	border: 0.05px solid black;
	border-style: dotted;
	border-width: thin;
}

/* Post Header ------------------------------- */

.post-header { 
	width: 90%;
	margin: 0 auto;
	padding: 65px 0;
}

/* Comments Container ------------------------ */

.comments-container { 
	background: #f1f1f1; 
	border-top: 1px solid #ddd;
	margin-top: 20px;
}

.comments-inner,
.comment-respond form {
	width: 520px;
	max-width: 85%;
	padding-bottom: 80px;
	margin: 0 auto;
}

.comments-inner { padding-bottom: 100px; }

.comments-inner + .comment-respond { border-top: 1px solid #ddd; }

/* Comment Reply ----------------------------- */

.commentlist .comment-respond {
	max-width: 100%;
	margin: 40px 0 0;
	padding: 0;
}

.commentlist .comment-respond form { 
	max-width: 100%; 
	padding-bottom: 0;
}

.commentlist .comment-reply-title {
	top: 0;
	border-bottom: 1px solid #ddd;
	margin-bottom: 40px;
	text-align: left;
}

#cancel-comment-reply-link { 
	margin-left: 10px; 
	font-size: 15px;
	text-transform: uppercase;
	color: #757575;
}

#cancel-comment-reply-link:hover { color: #666; }

.commentlist form p { text-align: left; }