/*
 Theme Name:   Gamesense
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Gamesense Child Theme
 Author:       Gamesense
 Author URI:   http://gamesense.nz
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  gamesense-child
*/

/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
img { max-width: 100%; 	max-width: 100%; vertical-align: middle; }
.clear { clear:both; }
ul, ol { list-style-position: inside; }
.comments-link { display: none; }
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

/* General / Font styling */
body { font-family: "Avenir", "Helvetica Neue", helvetica, arial, sans-serif; font-weight: 400; line-height: 1.3em; color: #545454; -webkit-font-smoothing: antialiased; }
html, body { height: 100%; }
a { font-size: 18px; text-decoration: none;  -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; }
::selection { color: #ffffff; background: #EA5A1A; }
::-moz-selection { color: #ffffff; background: #EA5A1A; }
p { line-height: 31px; color: #303030;  font-weight: 400;  font-size: 18px; }
h1 { font-size: 26px; font-weight: 700; line-height: 38px; letter-spacing: 0.2px; margin-bottom: 15px; }
h2 { width: 100%; font-size: 23px; font-weight: 700; line-height: 31px; letter-spacing: 0.2px; margin-bottom: 10px; }
h3 { font-size: 22px; font-weight: 600; line-height: 32px; margin-bottom: 10px; }
h4 { font-size: 18px; font-weight: 600; margin-bottom: 10px; }
.clear { clear:both; }
ul li, ol li { font-size: 18px; }
#content .post-content ol, #content .post-content ul { margin-bottom: 30px; }
#main #content li { text-indent: -1em; margin-left: 1em; }
blockquote { padding: 15px 5%; text-align: center; }
blockquote p:before { content: "\201C"; }
blockquote p:after { content: "\201D"; }
blockquote p { font-size: 1.4em; font-style: italic; line-height: 1.7em; }
.home #page { height: 100%; }


/* Header */
.site-header { padding-top: 60px; }
.site-header .home-link { width: 35px; height: 35px; display: block; margin: 0 auto; }
#header-wrap { padding: 0 10%; }
#header-wrap #masthead { max-width: 1140px; margin:0 auto; }
#header-wrap #masthead #navbar { height: 200px; }
#masthead #navbar #site-navigation .nav-menu { float: right; }
#masthead #navbar #site-navigation .nav-menu ul { margin-top: 80px; }
#masthead #navbar #site-navigation .nav-menu ul li { display: inline-block; list-style:none; margin-right: 20px; }
#masthead #navbar #site-navigation .nav-menu ul li:last-child { margin-right: 0; }
#masthead #navbar #site-navigation .nav-menu ul li a { background-color: white;  font-size: 15px; font-weight: 600; color: #EA5A1A; padding:19px 29px;  border-radius: 100px;  display: block; border: 2px solid #ededed; }
#masthead #navbar #site-navigation .nav-menu ul li a:hover { border: 2px solid #EA5A1A; }
#masthead #navbar #site-navigation .nav-menu ul li.current_page_item a { border: 2px solid #ededed; background-color: #ededed; }


/* Work header */
me #navbar {
	height:200px;
	width: 100%;
	position: absolute;
	top: 0;
}
.home #header-wrap #profile-block {
   display: table-cell;
   vertical-align: middle;
   color: #ffffff;
}
.home #header-wrap #profile-block p { color: #ffffff; }

/* CSS animations */
.animated { -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

/* bounceIn animation */ 
@-webkit-keyframes bounceIn { 
    0% { opacity: 0; -webkit-transform: scale(.4); } 
    50% { opacity: 1; -webkit-transform: scale(1.05); } 
    100% { -webkit-transform: scale(1); } 
} 
@keyframes bounceIn { 
    0% { opacity: 0; transform: scale(.3); } 
    50% { opacity: 1; transform: scale(1.05); } 
    70% { transform: scale(.9); } 
    100% { transform: scale(1); } 
} 
.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn;  }

/* fadeInUp animation */
@-webkit-keyframes fadeInUp { 
    0% { opacity: 0; -webkit-transform: translateY(20px); } 
    100% { opacity: 1; -webkit-transform: translateY(0); } 
} 
@keyframes fadeInUp { 
    0% { opacity: 0; transform: translateY(20px); } 
    100% { opacity: 1; transform: translateY(0); } 
} 
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
.line1 { -webkit-animation-delay: 0.3s; }
.line2 { -webkit-animation-delay: 0.4s; }


/* Footer */
.footer-wrap { background-color: #EA5A1A; }
.site-footer { padding: 0 10%; max-width: 1140px; margin: 0 auto; color: #ffffff; }
.site-footer #profile-block { padding: 170px 0 50px 0; }
.site-footer #get-in-touch { margin-bottom: 80px; }
#profile-block .profile-photo { float: left; width: 150px; margin-right: 7%; }
#profile-block .profile-photo img { border-radius: 999px; }
#profile-block h3 { margin-bottom: 10px; }
.site-footer .footer-colophon p, .site-footer .footer-colophon a { color: #BBBBBB; font-size: 14px; line-height: 22px; }
.site-footer .footer-colophon p, .site-footer .footer-colophon a { font-size: 14px; }
.site-footer .footer-colophon a { color: #EA5A1A; }
.site-footer .footer-colophon { height:100px; text-align: center; padding-top: 60px; }


/* Blog */
#content .entry-content p { margin-bottom: 30px; color:#545454; }
#content .entry-content a { color: #EA5A1A; border-bottom: 1px solid #e1cdfd; }
#content .entry-content a:hover { border-bottom: 1px solid #EA5A1A;}
#content .archive-header h1.archive-title { font-size: 18px; margin-bottom: 0px; }

/* List styling */
#content .entry-content ul li,
#content .entry-content ol li
 { line-height: 28px; }
#main, .single-post #main { padding: 0 10%; }
#content, .single-post #content { max-width: 1140px; margin: 0 auto; } 
#content .entry-header .entry-title a { font-weight: 700; font-size: 26px; color: #3D3D3D; line-height: 38px; letter-spacing: 0.2px; margin-bottom: 10px; display: block; }
#content .entry-header .entry-title a:hover { color: #EA5A1A; }
#content .entry-header .entry-thumbnail { margin-bottom: 30px; }

/* Read more styling */
#content .entry-summary a.read-more-link { color: #EA5A1A; font-weight: 600; font-size: 15px; padding: 15px 25px; border: 2px solid #EA5A1A; border-radius: 100px; float: left; margin-top: 25px; }
#content .entry-summary a.read-more-link:hover { background-color: #EA5A1A; color: #ffffff; }
#content .post-content { width: 60%; margin-right:20%; float: left; }

/* Blog sidebar */
#content .post-sidebar { float: left; width: 12%; margin-right: 8%; }
#content .post-sidebar .author { display: none; }
#content .post-sidebar .date { font-size: 13px; color: #C3C3C3; }
#content .post-sidebar .categories-links { color: #9B9B9B; display:block; margin: 10px 0; }
#content .post-sidebar .categories-links a,
#content .post-sidebar .edit-link a { font-size:13px; color: #9B9B9B; border-bottom: 1px solid #D4D4D4; }
#content .post-sidebar .categories-links a:hover,
#content .post-sidebar .edit-link a:hover { color: #EA5A1A; border-bottom: 1px solid #EA5A1A; }
#content .post { border-bottom: 1px solid #ededed; padding: 90px 0px; }

/* Single post */ 
.single #content .entry-header .entry-title { font-weight: 700; font-size: 26px; color: #3D3D3D; line-height: 38px; letter-spacing: 0.2px; margin-bottom: 15px; display: block; }
.single #content .post-content ul li, .single #content .post-content ol li { padding: 6px 0; }
.single #content .wp-caption { margin: 0 auto; }
.single #content .wp-caption-text { font-size: 14px; line-height: 24px; margin-top: 10px; font-style: italic; }
.single #content img { margin: 30px auto; }
.single-post #content img { margin: 0 auto; }

/* Nav */
.single #content .navigation { padding: 75px 0;}
.single #content .navigation .nav-links a { color: #EA5A1A; }
.single #content .navigation .nav-links:after { content:''; display:block; clear: both; }
.single #content .navigation .nav-links .previous-link { float: left; }
.single #content .navigation .nav-links .next-link { float: right; }
.single #content .navigation .meta-nav { color :#b6b6b6; }

/* Share */
.single #content .share-section { padding-top:50px; text-align: center; }
.single #content .share-section:after { content:''; display:block; clear: both; }
.single #content .share-section .twitter-link { font-size: 15px; font-weight: 600; color: #b6b6b6; padding:17px 26px;  border-radius: 100px; border: 2px solid #e2e2e2; }
.single #content .share-section .twitter-link:hover { border: 2px solid #b6b6b6; background-color: #b6b6b6; color: #ffffff; }
.single #content .share-section .share { margin-right: 20px; }
/* Archive/Category filter styling */
#content header.archive-header { padding-top:80px;  } 

/* Work */
.work-footer-wrap { text-align: center; }
.work-footer-wrap #get-in-touch .contacts p, .work-footer-wrap #get-in-touch .contacts h3  { color: #3D3D3D; }
.home #masthead #navbar #site-navigation .nav-menu ul li.current_page_item a { border:2px solid #5626CA; background-color: #5626CA; color: #ffffff; }
.home #masthead #navbar #site-navigation .nav-menu ul li a { border: 2px solid #ffffff; }
#content .work-container { max-width: 1140px; padding: 160px 0 60px 0; }
#content .work-container img { float:left; width: 28%; margin-right: 8%; margin-bottom: 8%; vertical-align: bottom }
#content .work-container img.nm-desktop { margin-right: 0; }
#content .work-container:after { content:''; display:block; clear: both; }

/* 404 page */
body.error404 { background-color: #EA5A1A; }
.error-content { text-align: center; color: #ffffff; margin-top: 40px; }
.error-content #content .error-message { max-width: 400px; margin: 0 auto; } 
.error-content #content .error-message p a.go-back { color: #ffffff; cursor: pointer; border-bottom: 1px solid rgba(255,255,255,0.6); }
.error-content #content .error-message p a.go-back:hover { border-bottom: 1px solid rgba(255,255,255,0.8); }
.error-content #content .error-message img { border-radius: 999px; margin: 40px 0 40px 0; }

/* Resume */
.resume #content .resume-header { height: 140px; padding-top: 80px; }
.resume #content .resume-header .introduction { float: left; width: 320px; }
.resume #content .resume-header .introduction h3 { font-size: 16px; color: #9B9B9B; margin: 0; font-weight: 500; }
.resume #content .resume-header .introduction h2 { margin: 2px 0 0 0; font-size: 22px; }
.resume #content .resume-header .introduction .resume-profile { float: left; }
.resume #content .resume-header .download { float: right; }
.resume #content .resume-header .download-link { float: right; font-size: 15px; font-weight: 600; color: #EA5A1A; padding:19px 29px;  border-radius: 100px;  display: block; border: 2px solid #ededed; }
.resume #content .resume-header a.download-link:hover { border: 2px solid #EA5A1A; }
.resume #content .resume-header a.download-link span { color: #BABABA; }
.resume #content .resume-header a img { border-radius: 62px; margin-right: 30px; float: left; }
.resume #content .resume-container { padding-bottom: 80px; margin-top: 60px; }
.resume #content .resume-container .left-column { width: 50%; margin-right: 10%; margin-left: 10%; float: left; }
.resume #content .resume-container .right-column { width: 30%; float: left; }
.resume #content .resume-container:after { content:''; display:block; clear: both; }
.resume #content .resume-container #experience, .resume #content .resume-container #skills { border-bottom :1px solid #ededed; margin-bottom: 40px; }
.resume #content .resume-container .left-column .job,
.resume #content .resume-container .left-column .qualification  { margin: 30px 0 40px 0; overflow: hidden; } 
.resume #content .resume-container .skills { margin: 30px 0 40px 0; }
.resume #content .resume-container .skills h4 { margin-bottom: 10px; }
.resume #content .resume-container .left-column .length { float: left; width: 15%; margin-right: 5%; }
.resume #content .resume-container .left-column .description { float: left; width: 80%; }
.resume #content .resume-container .left-column .length p { font-size: 13px; color: #9B9B9B; line-height:22px; }
.resume #content .resume-container p { font-size: 16px; line-height: 26px; }
.resume #content .resume-container ul li  { font-size: 16px; line-height: 26px; }
.resume #content .resume-container h4 { margin: 0; }
.resume #content .resume-container h5 { color: #9B9B9B; margin: 7px 0px; font-weight: 500; }
.resume #content .resume-container .qualification .description p { margin: 7px 0px; }
.resume #content .resume-container #references h3 { margin-bottom: 20px; }


@media (max-width: 1140px) {

	#content .post-sidebar,
	#content .post-content { width: 100%; }
	.resume #content .resume-container .left-column { margin-left: 0; width: 60%; }
}

@media (max-width: 920px) {

	#profile-block .profile-photo { margin: 0 auto; float: none; }
	.site-footer #profile-block { padding: 90px 0 50px 0; }

	/* Resume */
	.resume #content .resume-container .left-column { width: 100%; margin-left: 0px; }
	.resume #content .resume-container .right-column { width: 100%; }
	.resume #content .resume-container #qualifications { border-bottom: 1px solid #ededed; margin-bottom: 40px; }
	.resume #content .resume-container .skills { float: left; } 
	.resume #content .resume-container #skills { overflow: hidden; }
	.resume #content .resume-container #references { float: left; width: 100%; }
	.resume #content .resume-container .right-column .knowledge { width: 40%; }
	.resume #content .resume-container .right-column .software { width: 40%; }
	.resume #content .resume-container .right-column .languages { width: 20%; }
}

@media (max-width: 767px) {

	/* Header */
	#masthead #navbar #site-navigation .nav-menu ul { margin-top: 60px; }

	/* Work page */
	#content .work-container { padding: 120px 0 60px 0; }
	#content .work-container img { width: 46%; }
	#content .work-container img.nm-desktop { margin-right: 8%; }
	#content .work-container img.nm-tablet { margin-right: 0; }

	/* Single blog page */
	.single #content .share-section .twitter-link { display: block; margin: 0 0 20px 0; font-size: 17px; padding: 14px 23px; }
	.single #content .share-section .twitter-link.comment { margin: 0; }
	.single #content .share-section { padding-top: 20px; }
	.single #content .navigation .nav-links .previous-link { margin-bottom: 20px; }
	.single #content .navigation .nav-links .previous-link, .single #content .navigation .nav-links .next-link { float: none; text-align: center; }

	/* Resume */
	.resume #content .resume-container .right-column .knowledge, .resume #content .resume-container .right-column .software, .resume #content .resume-container .right-column .languages { width: 100%; }
	.resume #content .resume-header .download { display: none; }
	.resume #content .resume-header { height: 80px; }
	.resume #content .resume-container .left-column .length { width: 100%; margin: 0 0 10px 0; }
	.resume #content .resume-container .left-column .description { width: 100%; }
	.resume #content .resume-container .skills { margin: 20px 0; }
	.resume #content .resume-container .left-column .job, .resume #content .resume-container .left-column .qualification { margin: 30px 0; }
	.resume #content .resume-container #experience, .resume #content .resume-container #skills { margin-bottom: 30px; }
	.resume #content .resume-container .right-column .languages { margin-bottom: 30px; }
	.resume #content .resume-container #references h3 { margin-bottom: 10px; }
}

@media (max-width: 600px) {
	/* Header nav */
	#header-wrap { padding: 0; }

	#profile-block h3 { margin-top: 30px; }

	.home #header-wrap #profile-block #profile { margin: 130px 0 100px 0; }
	.home #header-wrap { height: auto; }

	#header-wrap #masthead #navbar { height:auto; }
	
	#masthead #navbar #site-navigation .nav-menu { float: none; }
	#masthead #navbar #site-navigation .nav-menu ul { margin-top: 0px; }
	#masthead #navbar #site-navigation .nav-menu ul li { margin: 0; width: 50%; text-align: center; }
	#masthead #navbar #site-navigation .nav-menu ul li a { border-radius: 0px; border: 2px solid #ffffff; }

	#masthead #navbar #site-navigation .nav-menu ul li.current_page_item a { background-color: #ffffff; border: 2px solid #ffffff; }
	#masthead #navbar #site-navigation .nav-menu ul li a { background-color: #EDEDED; border: 2px solid #EDEDED; }
	#masthead #navbar #site-navigation .nav-menu ul li:first-child a:hover { border: 2px solid #EDEDED; }

	.single #masthead #navbar #site-navigation .nav-menu ul li a:hover { border: 2px solid #EDEDED; } 

	.home #masthead #navbar #site-navigation .nav-menu ul li a { color: #ffffff; border: 2px solid #5626CA; background-color: #5626CA; }
	.home #masthead #navbar #site-navigation .nav-menu ul li.current_page_item a { background-color: #EA5A1A; border: 2px solid #EA5A1A; }
}

@media (max-width: 479px) {

	/* Header */
	.home #header-wrap #profile-block #profile { margin: 130px 0 70px 0; }

	/* General */
	#content .entry-header .entry-title a { font-size: 23px; }
	h3 { font-size: 20px; }
	p, a, ol li, ul li { font-size: 16px; line-height: 28px; }


	/* Work */
	#content .work-container { padding: 80px 0 30px 0; }
	#content .work-container img { width: 100%; margin: 0 0 40px 0; }
	#content .post { padding: 70px 0; }

	/* Blog */
	#content .post-sidebar .categories-links { display: none; }
	#content .post-sidebar .date { font-size: 15px; }
	#content .post-sidebar .entry-meta { margin-bottom: 10px; }
	.single #content .navigation .meta-nav { display: block; font-size: 22px; }
	.single #content .navigation { padding: 50px 0; }

	/* Footer */
	.site-footer #profile-block { padding: 80px 0 50px 0; }
	.site-footer .footer-colophon { max-width: 200px; margin: 0 auto; }

	/* Resume */
	.resume #content .resume-container h4 { line-height: 24px; }
	.resume #content .resume-container .left-column { margin-right: 0; }
	.resume #content .resume-header .introduction { width: 280px; }
}