/*
 Theme Name:   Zing 
 Theme URI:    http://www.zing.com
 Description:  Zing - Twenty Nineteen Child Theme
 Author:       Megan Mahoney
 Author URI:   http://zing.com
 Template:     twentynineteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twentyfifteenchild
*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800&display=swap');

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, select, 
input, center, dl, dt, dd, ol, ul, li, fieldset, form, label, textarea, 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;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-family: 'Montserrat', sans-serif;
}

.btn-group-vertical>.btn-group:after, 
.btn-group-vertical>.btn-group:before, 
.btn-toolbar:after, .btn-toolbar:before, 
.clearfix:after, .clearfix:before, 
.container-fluid:after, 
.container-fluid:before, 
.void:after, 
.void:before, 
.dl-horizontal dd:after, 
.dl-horizontal dd:before, 
.form-horizontal .form-group:after, 
.form-horizontal .form-group:before, 
.modal-footer:after, .modal-footer:before, 
.modal-header:after, .modal-header:before,
 .nav:after, .nav:before, 
 .navbar-collapse:after, .navbar-collapse:before, 
 .navbar-header:after, .navbar-header:before, 
 .navbar:after, .navbar:before, 
 .pager:after, .pager:before, 
 .panel-body:after, 
 .panel-body:before, 
 .row:after, .row:before {
	display: table;
	content: " ";
}
*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
:after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

::selection, ::-moz-selection {
  background: #7aa3aa; 
}

img { max-width: 100%; height: auto; }
p:empty { display: none; }

body {position: relative;color: #333;}

#main .container p.btn {text-align: right;font-size: inherit;line-height: inherit;}
p.btn a {display: inline-block;background: #8cc540;padding: 10px 30px;margin: 5px 0 0;color: white;text-transform: uppercase;font-weight: 900;text-decoration: none;letter-spacing: 2px;transition: all 0.4s ease;}
p.btn a:hover { background: rgba(140, 197, 64, 0.58); }

span.green { color: #8cc540; }

/** Buzz **/
@-webkit-keyframes buzz {
  50% {
	-webkit-transform: translateX(3px) rotate(2deg);
	transform: translateX(3px) rotate(2deg);
  }
  100% {
	-webkit-transform: translateX(-3px) rotate(-2deg);
	transform: translateX(-3px) rotate(-2deg);
  }
}
@keyframes buzz {
  50% {
	-webkit-transform: translateX(3px) rotate(2deg);
	transform: translateX(3px) rotate(2deg);
  }
  100% {
	-webkit-transform: translateX(-3px) rotate(-2deg);
	transform: translateX(-3px) rotate(-2deg);
  }
}

.buzz { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); }
.buzz:hover, .buzz:focus, .buzz:active { -webkit-animation-name: buzz; animation-name: buzz; -webkit-animation-duration: 0.15s; animation-duration: 0.15s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

.screen-reader-text {display: none!important;}

/** header **/

.home header#masthead {background: url(/wp-content/uploads/blog-header.png) no-repeat;text-align: center;color: white;background-size: cover;}

header#masthead h1.site-title a::after, header#masthead h1.site-title a::before {content: '';background: #8cc450;height: 5px;width: 65px;position: absolute;top: 17px;right: -75px;}
header#masthead h1.site-title a::before {left: -77px;}
header#masthead h1.site-title a {color: white;text-transform: uppercase;text-decoration: none;font-size: 40px;letter-spacing: 8px;z-index: 2;position: relative;display: inline-block;}
p.site-description {font-size: 18px;font-weight: 500;letter-spacing: 1px;padding: 0;line-height: 1.8;}
.site-branding-container {width: 440px;margin: 0 auto;position: relative;padding: 80px 0px;}
.site-branding {border-right: 5px solid #8cc450;border-left: 5px solid #8cc540;border-bottom: 5px solid #8cc540;padding: 45px 30px 30px;position: relative;z-index: 1;}
.site-branding h1.site-title {position: absolute;width: 100%;left: 0;top: -17px;z-index: 100;line-height: 1;}
.header .container { overflow: visible; }
.logo {display: inline-block;width: 145px;padding: 3px 0 0;}
.logo img {width: 130px;}
.header-search {display: inline-block;/* float: right; */padding: 14px 40px 0px 17px;vertical-align: top;}
.navigation ul {list-style: none;}
.header {padding: 19px 0 17px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.46);z-index: 200;background: white;display: block;position: -webkit-sticky; position: sticky;top: 0;}
.header-search input { border: 1px solid #d8d8d8; padding: 6px; font-size: 16px; }
.header-search button { background: #8cc540; border: 0; height: 32px; vertical-align: top; font-size: 18px; color: white; padding: 0 10px; }
.header p.info {color: #8cc540;font-size: 13px;padding: 0 0 0 245px;font-style: italic;position: absolute;top: 70px;}

.zing-menu { display: inline-block; float: right; vertical-align: top; padding: 20px 0 0 0; }
.zing-menu ul li { display: inline-block; margin: 0 50px 0 0; }
.zing-menu ul li a { text-decoration: none; color: #333333; text-transform: uppercase; letter-spacing: 2px; font-weight: 600; font-size: 17px; transition: all ease 0.4s; }

.menu {display: inline-block;vertical-align: top;z-index: 1;position: relative;}

.navigation {display: block;padding: 9px 0;z-index: 8;position: relative;background: #8cc540;}
.navigation li {display: block;float: left;line-height: 30px;height: 30px;margin: 0 60px 0 0;padding: 0;position: relative;}
.navigation li a {display: block;height: 55px;line-height: 30px;text-decoration: none;color: #ffffff;letter-spacing: 1.3px;transition: all 0.2s ease;}
.navigation li li a:hover {/* color: #1d1d1d; */background: #6a982b;}
.navigation ul ul {display: none;position: absolute;top: 39px;}
.navigation ul ul li {float: none;white-space: nowrap;margin: 0;height: auto;}
.navigation ul ul li a {padding: 13px 20px;line-height: 1;margin: 0;border: 0;height: auto;background: #8cc540;border-bottom: 1px dotted white;text-transform: uppercase;font-size: 13px;font-weight: 600;color: #ffffff;}
.navigation ul li:hover > ul {display: block;box-shadow: 0px 9px 9px 0px rgba(0, 0, 0, 0.12);}
.navigation ul ul li ul { left: 150px;  top: 0; }
.navigation li a::after {font-family: "Font Awesome 5 Free";font-weight: 700;content: "\f078";font-size: 13px;padding: 0 0 0 12px;display: none;}
.navigation ul ul li a::after {content: "";}
.navigation .menu-main-menu-container {max-width: 1400px;margin: 0 auto;width: 98%;}

.sidebar-fixed {min-width: 250px;position: fixed;top: 0;left: 0;height: 100%;z-index: 9;background: white;color: #818181;max-width: 250px;transition: all .3s;margin-left: -250px;overflow-y: auto !important;border-right: 3px solid #8CC540;padding: 100px 0 0;}
.sidebar-fixed ul { padding: 60px 0; }
.sidebar-fixed ul li a { padding: 18px 8px 18px 32px; text-decoration: none; font-size: 0.9em; display: block; color: #1d1d1d; letter-spacing: 1.4px; }
.sidebar-fixed.active { margin-left: 0; }

/** footer **/

.footer-menu {background: #121212;overflow: hidden;padding: 40px 0 45px;}
.footer-menu .module {display: inline-block;vertical-align: top;color: white;width: 19%;max-width: 317px;padding: 0 15px;}
.footer-menu .module a { color: inherit; text-decoration: none; }
.footer-menu .module li { font-size: 16px; font-weight: 500; list-style: none; padding: 0 0 15px; }
.footer-menu .module h3 { font-size: 20px; padding: 0 0 20px; margin: 0; line-height: 1.1; }
.footer-menu .void {width: 85%;margin: 0 auto;}
.footer-menu .module .social-icons li { display: inline-block; padding: 0 20px 0 0; font-size: 20px; }
.footer-menu ul.social-icons { padding: 10px 0 0; }
footer.site-footer p {text-align: right;font-weight: 300;width: 98.5%;border-top: 1px solid white;margin: 0 auto;padding: 40px 0 0;font-size: 14px;}
footer.site-footer {background: #121212;text-align: center;color: white;padding: 15px 0 10px;font-size: 14px;font-weight: 600;letter-spacing: 1px;}

/** home page - formatted sections **/

.container, .site-content {width: 100%;max-width: 1350px;margin: 0 auto;overflow: hidden;}
.posts { overflow: hidden; }
.formatted-posts img { transition: transform .3s ease,opacity .3s; -webkit-transition: -webkit-transform .3s ease,opacity .3s; line-height: 0; }
.formatted-posts:hover img { transform: scale3d(1.1,1.1,1); -webkit-transform: scale3d(1.1,1.1,1); -moz-transform: scale3d(1.1,1.1,1) rotate(0.02deg); }
.thumbnail { overflow: hidden; }

/** section one (resume tips) **/

.resume-tips { padding: 0 0 40px; }
.resume-tips h3 a { text-decoration: none; color: #1d1d1d; letter-spacing: 4px; font-size: 27px; padding: 45px 0 15px; display: block; }
.resume-tips .formatted-posts {display: inline-block;vertical-align: top;float: left;margin-right: 4px;position: relative;overflow: hidden;}
.resume-tips .second-post {margin: 0;margin-bottom: 5px;}
.resume-tips .fourth-post { margin: 0; margin-left: 2px; }
.resume-tips .formatted-posts h2 {position: absolute;left: 25px;bottom: 25px;max-width: 85%;z-index: 100;}
.resume-tips .formatted-posts h2 a { color: white; text-decoration: none; }
.resume-tips .formatted-posts .thumbnail a {display: block;line-height: 0;}
.resume-tips .formatted-posts .thumbnail a::before { bottom: 0; content: ""; display: block; height: 100%; width: 100%; position: absolute; z-index: 1; background: -moz-linear-gradient(top,rgba(0,0,0,0) 40%,rgba(0,0,0,0.7) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(40%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.7))); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 40%,rgba(0,0,0,0.7) 100%); background: -o-linear-gradient(top,rgba(0,0,0,0) 40%,rgba(0,0,0,0.7) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 40%,rgba(0,0,0,0.7) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 40%,rgba(0,0,0,0.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#b3000000',GradientType=0); }

/** section two (interview tips) **/

.interview-tips {max-width: 850px;width: 63%;display: inline-block;margin: 40px 25px 40px 0;float: left;}
.interview-tips h3 a { background: #ff8e00; text-decoration: none; padding: 10px; display: inline-block; font-size: 18px; color: white; text-transform: uppercase; letter-spacing: 2.2px; font-weight: 700; }
.interview-tips h3 { border-bottom: 1px solid #ff8e00; margin: 0 0 15px; }
.interview-tips .posts .first-post {width: 50%;float: left;margin: 0 15px 0 0;max-width: 415px;}
.interview-tips .posts .first-post h2 a { color: #333333; text-decoration: none; font-size: 18px; padding: 30px 0 20px; display: block; }
.interview-tips  p {font-size: 15px;line-height: 1.6;margin: 0 0 20px;font-weight: 500;}
.interview-tips .posts .square-post {display: inline-block;max-width: 410px;width: 47%;float: left;}
.interview-tips .posts .square-post .thumbnail {max-width: 95px;float: left;margin: 0 10px 10px 0;width: 24%;}
.interview-tips .posts .square-post h2 a {text-decoration: none;font-size: 15px;display: inline;font-weight: 500;color: #1d1d1d;transition: all 0.2s ease;}
.interview-tips .posts .square-post h2 {float: left;width: 73%;padding: 10px 0 0 0;line-height: 1;}
.interview-tips .posts .square-post h2 a:hover { background: rgba(140, 197, 64, 0.54); }

/** sidebar-social **/

.sidebar h3 span { background: #464646; text-decoration: none; padding: 10px; display: inline-block; font-size: 18px; color: white; text-transform: uppercase; letter-spacing: 2.2px; font-weight: 700; }
.sidebar h3 { border-bottom: 1px solid #464646; margin: 0 0 15px; }
.sidebar {float: left;display: inline-block;margin: 40px 0;width: 34%;max-width: 475px;}
.sidebar .social-icons .social-link .thumbnail { display: inline-block; }
.sidebar .social-icons .social-link .text { display: inline-block; vertical-align: top; padding: 15px 20px; }
.sidebar .social-icons .social-link .text a {font-weight: 900;text-transform: uppercase;color: #1d1d1d;text-decoration: none;letter-spacing: 3px;transition: all 0.2s ease;}
.sidebar .social-icons .social-link .text a:hover { background: rgba(140, 197, 64, 0.45); }
.sidebar .social-icons { margin: 0 0 20px; }
.sidebar .social-icons .social-link { margin: 0 0 10px; }

/** categories **/

.grid {position: relative;clear: both;margin: 0 auto;padding: 1em 0 4em;list-style: none;text-align: center;}
.grid figure {position: relative;display: inline-block;overflow: hidden;width: 30%;height: auto;background: #8cc540;text-align: center;cursor: pointer;}
.grid figure img { position: relative; display: block; min-height: 100%; max-width: 100%; opacity: 0.8; }
.grid figure figcaption { padding: 2em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
.grid figure figcaption::before,
.grid figure figcaption::after { pointer-events: none; }
.grid figure figcaption,
.grid figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.grid figure figcaption > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; }
.grid figure h2 { word-spacing: -0.15em; font-weight: 300; }
.grid figure h2 span { font-weight: 800; }
.grid figure h2,
.grid figure p { margin: 0; }
.grid figure p { letter-spacing: 1px; font-size: 68.5%; }
.grid figure:nth-child(2) { margin: 0 30px; }
figure.effect-apollo {background: #eeb111;}
figure.effect-apollo img { opacity: 0.95; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale3d(1.05,1.05,1); transform: scale3d(1.05,1.05,1); }
figure.effect-apollo figcaption::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.5); content: ''; -webkit-transition: -webkit-transform 0.6s; transition: transform 0.6s; -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); }
figure.effect-apollo p { position: absolute; right: 0; bottom: 0; margin: 3em; padding: 0 1em; max-width: 150px; border-right: 4px solid #fff; text-align: right; opacity: 0; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; }
figure.effect-apollo h2 { text-align: left; }
figure.effect-apollo:hover img { opacity: 0.6; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); }
figure.effect-apollo:hover figcaption::before { -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); }
figure.effect-apollo:hover p { opacity: 1; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; }

/** all posts carousel **/

.all-posts-carousel {padding: 40px 0;}
.all-posts-carousel .sp-post-carousel-section-177 .sp-pc-post-title a { font-size: 15px; letter-spacing: 1px; }
.all-posts-carousel h3 span {background: #ff4600;text-decoration: none;padding: 10px;display: inline-block;font-size: 18px;color: white;text-transform: uppercase;letter-spacing: 2.2px;font-weight: 700;}
.all-posts-carousel h3 {border-bottom: 1px solid #ff4600;margin: 0 0 15px;}

/** sidebar recent posts **/

aside.widget-area { width: 30%; float: right; }
aside.widget-area h2.widget-title { background: #ff8e00; display: inline-block; font-size: 18px; text-transform: uppercase; letter-spacing: 1.8px; color: white; padding: 5px 20px; }
aside.widget-area .rpwe-block { padding: 20px 0 0; border-top: 1px solid #ff8e00; }
aside.widget-area h3.rpwe-title a {font-size: 16px;color: #1d1d1d;padding: 0;line-height: 1.5;}
aside.widget-area h3.rpwe-title a:hover { background: rgba(140, 197, 64, 0.3); }
aside.widget-area h3.rpwe-title {width: 76%;float: left;padding: 10px 0 0 20px;}
aside.widget-area a.rpwe-img { display: inline-block!important; width: 24%; float: left; max-width: 95px; }
aside.widget-area .rpwe-thumb { border: 0!important; margin: 0!important; padding: 0!important; }
aside.widget-area .rpwe-block li { border: 0; margin: 0; }

/** single post page **/

.all-article-content {width: 98%;max-width: 1350px;margin: 0 auto;overflow: hidden;padding: 50px 0;}
.all-article-content .content-side { width: 65%; float: left; max-width: 865px; }
.all-article-content .content-side h1.entry-title { font-weight: 300; padding: 0 0 30px; width: 91%; font-size: 40px; letter-spacing: 3px; }
.all-article-content .content-side .entry-content p { line-height: 32px; font-size: 20px; font-weight: 300; margin: calc(1em + .5vw) 0; padding: 0; }
.all-article-content .content-side .entry-meta { display: none; }
.all-article-content nav.navigation.post-navigation {padding: 0;width: 100%;background: none;}
.all-article-content nav.navigation.post-navigation span.meta-nav { color: #a1a1a1; text-decoration: none; font-size: 12px; letter-spacing: 2.2px; padding: 0 0 10px; display: block; }
.all-article-content nav.navigation.post-navigation .nav-links a {text-decoration: none;display: inline;line-height: 1.6;}
.all-article-content nav.navigation.post-navigation a:hover { background: #8cc540; transition: all 0.6s ease; }
.all-article-content nav.navigation.post-navigation span.post-title {color: #1d1d1d;font-weight: 600;letter-spacing: 2px;}
.all-article-content nav.navigation.post-navigation div { width: 47%; display: inline-block; }
.all-article-content nav.navigation.post-navigation div.nav-links {width: 100%;padding: 30px 0 0;text-align: left;}
.all-article-content nav.navigation.post-navigation div.nav-next {text-align: right;float: right;}
.all-article-content nav.navigation.post-navigation div.nav-links br { display: none; }
.all-article-content .content-side .entry-content ul, .all-article-content .content-side .entry-content ol { padding: 0 0 0 40px; }
.all-article-content .content-side .entry-content li {line-height: 32px;font-size: 20px;font-weight: 300;padding: 0 0 5px;}
.single-post footer.entry-footer a {float: left;background: rgb(140, 197, 64);text-transform: uppercase;font-weight: 900;color: white;text-decoration: none;letter-spacing: 2.1px;padding: 7px 15px;margin: 2px;font-size: 14px;opacity: 0.6;transition: all 0.4s ease;}
.single-post footer.entry-footer span svg {display: none;}
.single-post footer.entry-footer span {overflow: hidden;display: block;margin: 0 0 5px;}
.single-post footer.entry-footer span time.updated { display: none; }
.single-post div#comments { display: none; }
.single-post footer.entry-footer span.posted-on { display: none; }
.single-post footer.entry-footer span.cat-links a {background: rgb(238, 177, 17);}
.single-post footer.entry-footer span.cat-links a:nth-child(2) {background: rgb(255, 77, 59);}
.single-post footer.entry-footer span.cat-links a:nth-child(3) {background: rgb(29, 138, 171);}
.single-post footer.entry-footer span.cat-links a:nth-child(4) {background: rgb(54, 24, 76);}
.single-post footer.entry-footer span.cat-links a:nth-child(5) {background: rgb(183, 25, 98);}
.single-post footer.entry-footer span.cat-links a:nth-child(6) {background: rgb(61, 210, 134);}
.single-post footer.entry-footer span.cat-links a:nth-child(7) {background: rgb(178, 199, 110);}
.single-post footer.entry-footer span.cat-links a:nth-child(8) {background: rgb(136, 81, 122);}
.single-post footer.entry-footer span.cat-links a:nth-child(9) {background: rgb(19, 16, 179);}
.single-post footer.entry-footer .edit-link a { background: rgba(128, 128, 128, 0.48); }
.single-post footer.entry-footer a:hover { opacity: 1; }

/** category page **/

.sub.archive.category .regular .thumbnail a::before { display: none; }
.sub.archive.category .resume-tips .formatted-posts.regular h2 a { color: #1d1d1d; }
.sub.archive.category .resume-tips .formatted-posts.regular {width: 23.3%;margin: 30px 30px 30px 0;height: 570px;}
.sub.archive.category .resume-tips .formatted-posts.regular h2 {position: unset;font-size: 16px;max-width: none;padding: 20px 0;line-height: 1.5;}
.sub.archive.category .resume-tips .formatted-posts.regular p { font-size: 15px; line-height: 1.6; }
.sub.archive.category .resume-tips .formatted-posts:nth-child(8), .sub.archive.category .resume-tips .formatted-posts:nth-child(4n+8) { margin-right: 0; }
.archive.category .site-content .content-area { width: 100%; max-width: 1350px; float: none; }
.archive.category .site-content { padding: 0; }

/** search results **/

.search-results .site-content .content-area {width: 65%;float: left;max-width: 865px;}
.search-results .site-content { padding: 50px 0; }
.search-results h1.page-title { font-weight: 300; padding: 0 0 10px; font-size: 40px; letter-spacing: 3px; }
.search-results h1.page-title span { color: #8cc540; }
.search-results .search-form {display: inline-block;padding: 0 0 40px;width: 100%;}
.search-results .search-form input {border: 1px solid #d8d8d8;padding: 6px;font-size: 16px;width: 50%;}
.search-results .search-form button { background: #8cc540; border: 0; height: 32px; vertical-align: top; font-size: 18px; color: white; padding: 0 10px; }
.search-results header.page-header { overflow: hidden; }
.search-results .post-thumb { float: left; width: 20%; }
.search-results .float-content { float: left; width: 70%; margin: 0 0 0 30px; padding: 10px 0; }
.search-results article { overflow: hidden; margin: 0 0 30px; }
.search-results article h2 a {text-decoration: none;display: block;padding: 0 0 5px;font-size: 19px;color: inherit;transition: all 0.3s ease;}
.search-results article h2 a:hover { color: #8CC540; }
.search-results article p { font-size: 14px; line-height: 1.8; }

/** pagination-navigation */

.nav-links .page-numbers { border: 1px solid #8cc540; display: inline-block; padding: 10px; width: 40px; text-align: center; vertical-align: top; height: 40px; color: #000; text-decoration: none; transition: all 0.4s ease; }
.nav-links span.nav-next-text, .nav-links span.nav-prev-text { display: none; }
.nav-links .page-numbers.next, .nav-links .page-numbers.prev {padding: 8px 0;}
.nav-links { text-align: center; width: 100%; display: block; }
.navigation.pagination { padding: 0; width: 100%; margin: 20px 0 0; }
.nav-links a.page-numbers:hover { background: #8cc540; color: white; }

/** archive **/

.archive .site-content .content-area {width: 65%;float: left;max-width: 865px;}
.archive .site-content { padding: 50px 0; }
.archive h1.page-title { font-weight: 300; padding: 0 0 10px; font-size: 40px; letter-spacing: 3px; }
.archive h1.page-title span { color: #8cc540; }
.archive .search-form {display: inline-block;padding: 0 0 40px;width: 100%;}
.archive .search-form input {border: 1px solid #d8d8d8;padding: 6px;font-size: 16px;width: 50%;}
.archive .search-form button { background: #8cc540; border: 0; height: 32px; vertical-align: top; font-size: 18px; color: white; padding: 0 10px; }
.archive header.page-header { overflow: hidden; }
.archive .post-thumb { float: left; width: 20%; }
.archive .float-content { float: left; width: 70%; margin: 0 0 0 30px; padding: 10px 0; }
.archive article { overflow: hidden; margin: 0 0 30px; }
.archive article h2 a {text-decoration: none;display: block;padding: 0 0 5px;font-size: 19px;color: inherit;transition: all 0.3s ease;}
.archive article h2 a:hover { color: #8CC540; }
.archive article p { font-size: 14px; line-height: 1.8; }


@media screen and (max-width: 1350px) {

	.first-post.formatted-posts { width: 50%; }
	.resume-tips .formatted-posts { width: 49%; }
	.resume-tips .third-post.formatted-posts, .resume-tips .fourth-post.formatted-posts {width: 23.8%;}

	.all-posts-carousel { width: 96%; }

	.sub .resume-tips { width: 98%; margin: 0 auto; }
	.sub .resume-tips .third-post.formatted-posts, .sub .resume-tips .fourth-post.formatted-posts { width: 23.9%; }
	.sub .resume-tips .second-post {width: 48.3%;margin-bottom: 8px;}
	.sub.archive.category .resume-tips .formatted-posts.regular:nth-child(5) { clear: left; }
	.sub.archive.category .resume-tips .formatted-posts.regular { width: 22.4%; }

	.footer-menu .void { width: 98%; }

}

@media screen and (max-width: 1130px) {

	.interview-tips { margin: 10px 15px; }
	.sidebar { margin: 10px 0; width: 33%; }
	.interview-tips .posts .square-post .thumbnail { width: 17%; }
	.interview-tips .posts .square-post h2 a { font-size: 14px; vertical-align: middle; padding: 0; line-height: 1.3; }
	.interview-tips .posts .square-post h2 { padding: 2px 0 0; line-height: 0.4; }

}

@media screen and (max-width:980px) {

	.zing-menu ul li { margin: 0 20px 0 0; }
	.zing-menu ul li a { font-size: 15px; letter-spacing: 1px; }

}

@media screen and (max-width:920px) {

	.header .menu .hamburger {padding: 17px 12px 15px;}
	.header p.info { padding: 0 0 0 125px; }
	.header-search {/* padding: 17px; */}

	.resume-tips .formatted-posts h2 { font-size: 18px; }

	.interview-tips .posts .first-post { width: 52%; }
	.interview-tips .posts .first-post h2 a { padding: 6px 0; font-size: 18px; }
	.interview-tips p { line-height: 1.5; font-size: 13px; margin: 0 0 10px; }
	#main .container p.btn a { text-align: center; font-size: 12px; }
	.interview-tips .posts .square-post { width: 45%; }
	.interview-tips .posts .square-post .thumbnail { width: 25%; }
	.interview-tips .posts .square-post h2 a { font-size: 12px; font-weight: 600; }
	.interview-tips .posts .square-post h2 { width: 68%; }

	.grid figure figcaption { font-size: 1em; }
	.grid figure:nth-child(2) { margin: 0 1%; }
	.grid { padding: 1em 0 0em; }

	aside.widget-area h3.rpwe-title { padding: 5px 0 0 10px; }
	aside.widget-area h3.rpwe-title a { font-size: 1.2em; }
	aside.widget-area h2.widget-title { font-size: 14px; }
	aside.widget-area { width: 35%; }
	.all-article-content .content-side { width: 61%; }
	.all-article-content .content-side h1.entry-title { font-size: 30px; font-weight: 600; width: 100%; padding: 0 0 15px; }
	.all-article-content .content-side .entry-content p { font-size: 16px; line-height: 27px; }

	.sub.archive.category .resume-tips .formatted-posts.regular { margin: 10px 10px 10px 0; width: 23.6%; }
	.sub.archive.category .resume-tips .formatted-posts.regular h2 { padding: 10px 0; }
	.sub.archive.category .resume-tips .formatted-posts.regular p { font-size: 13px; }

	.footer-menu .module { max-width: none; width: 100%; text-align: center; margin: 0 auto 15px; }
	.footer-menu .module .social-icons li { padding: 0 10px; }

}

@media screen and (max-width:835px) {

	.header-search { padding: 14px 0px 0px 0px; }

}

@media screen and (max-width:776px) {

	.zing-menu { display: none; }

}

@media screen and (max-width:800px) {

	.interview-tips { width: 96%; margin: 0 auto; display: block; float: none; }
	.sidebar .social-icons { float: left; }
	.sidebar .ad { float: right; width: 50%; }
	.sidebar { float: none; width: 96%; max-width: none; margin: 20px auto; display: block; overflow: hidden; }

}

@media screen and (max-width: 770px) {

	.all-article-content .content-side { float: none; max-width: 670px; width: 100%; margin: 0 auto; }
	.all-article-content { padding: 20px 0 0; }
	aside.widget-area { float: none; width: 98%; max-width: 670px; margin: 20px auto; }

	.sub .resume-tips .second-post { margin-bottom: 6px; }
	.sub .resume-tips .formatted-posts h2 { font-size: 1.25em; }
	.sub.archive.category .resume-tips .formatted-posts.regular { width: 48.9%; margin: 5px 5px 5px 0; height: 575px; }

}

@media screen and (max-width:730px) {

	.grid figure figcaption { font-size: 0.8em; }

}

@media screen and (max-width:680px) {

	.header .menu .hamburger { padding: 10px; }
	.logo { padding: 0; }
	.header p.info { top: 64px; padding: 0 0 0 60px; font-size: 11px; }
	.site-branding { padding: 55px 20px 10px; }
	p.site-description { font-size: 15px; }
	.resume-tips .first-post.formatted-posts { height: 240px; }
	.resume-tips .formatted-posts { width: auto; max-height: 240px; margin: 5px; }
	#main .container p.btn { text-align: center; }
	.resume-tips .third-post.formatted-posts, .resume-tips .fourth-post.formatted-posts {width: 47.8%;}
	.resume-tips h3 a { text-align: center; font-size: 24px; }
	.interview-tips h3 a { font-size: 14px; }
	.sidebar h3 span { font-size: 14px; }

	.sub .resume-tips .second-post { width: auto; margin: 6px 0; }
	.sub .resume-tips .third-post.formatted-posts, .sub .resume-tips .fourth-post.formatted-posts { width: 100%; margin: 5px 0; }
	.sub .resume-tips .third-post.formatted-posts img, .sub .resume-tips .fourth-post.formatted-posts img { width: 100%; }
	.sub.archive.category .resume-tips .formatted-posts.regular { max-height: none; }

}

@media screen and (max-width:580px) {

	.header p.info {
    position: unset;
    width: 100%;
    padding: 27px 0 0;
    text-align: center;
}
	.header-search { padding: 10px 5px 0 10px; }
	
	.grid figure { width: 96%; margin: 15px auto; display: block; max-width: 430px; }
	.grid figure:nth-child(2) { margin: inherit; }
	.grid { padding: 0; }
	.grid figure figcaption { font-size: 1.25em; }

}

@media screen and (max-width: 520px) {

	.interview-tips .posts .first-post { width: 100%; max-width: none; }
	#main .container .interview-tips p.btn { display: none; }

}

@media screen and (max-width: 500px) {

	.header .menu .hamburger { position: absolute; }
	.logo {width: 100%;text-align: center;/* position: absolute; */float: right;}
	.header-search { float: none; display: block; width: 100%; text-align: center; }
	.navigation { display: none; }

}

@media screen and (max-width: 480px) {

	.resume-tips .formatted-posts { width: 370px; height: 185px; max-height: none; margin: 0 auto 10px; float: none; display: block; }
	.resume-tips .first-post.formatted-posts { height: 185px; }
	.resume-tips .third-post.formatted-posts, .resume-tips .fourth-post.formatted-posts { width: 370px; text-align: center; }
	.resume-tips .third-post.formatted-posts img.attachment-small-thumb.size-small-thumb.wp-post-image, .resume-tips .fourth-post.formatted-posts img.attachment-small-thumb.size-small-thumb.wp-post-image { width: 370px; }
	.resume-tips .formatted-posts h2 { text-align: left; }
	#main .container p.btn { max-width: 370px; margin: 0 auto; }

	.sub .resume-tips .second-post { width: 370px; margin: 0 auto 10px; }
	.sub .resume-tips .third-post.formatted-posts, .sub .resume-tips .fourth-post.formatted-posts { width: 370px; margin: 0 auto 10px; }
	.sub.archive.category .resume-tips .formatted-posts.regular { width: 370px; margin: 0 auto 25px; height: auto; }
	.sub.archive.category .resume-tips .formatted-posts.regular .thumbnail { height: 185px; }

}

@media screen and (max-width: 420px) {

	header#masthead h1.site-title a { font-size: 29px; }

p.site-description {
    display: none;
}

.site-branding h1.site-title {
    position: unset;
}

a {}
	.site-branding-container {width: 100%;padding: 40px 0;}
	header#masthead h1.site-title a::before { left: -52px; }
	header#masthead h1.site-title a::after, header#masthead h1.site-title a::before {top: 18px;width: 35px;right: -50px;display: none;}
	.site-branding {padding: 20px 20px 10px;padding: 0;border: 0;}
	
}