/*
Theme Name: Professional CV Resume
Description: Professional CV Resume is the finest niche theme for developers, designers, and programmers. It is suitable for clean, creative cv card resume themes, creative portfolio, cv themes, minimal, online resume card cv, personal, responsive portfolios, resume, card themes, WordPress cv card resume blog. With powerful retina-ready layouts and stunning features. It has user-friendly features, including personalization options, a testimonial section, a Banner, Team, Call to Action Button (CTA), and social media integration. The professional CV resume is an elegant theme for all job seekers looking for great jobs. The theme is compatible with woocommerce and has many advanced plugins for easy customization. With an amazing Drag & Drop Page Builder, any user can easily create any pages, portfolios, projects or blog posts without coding skills. Professional CV resume is a mobile-friendly theme and responsive to all devices like desktops, tablets, mobile, etc. It can be optimized from anywhere, anytime. Extra amazing features of this theme are Google Fonts, Google Maps, Pricing Tables, Fully Responsive, Minimal and Clean, Blog Page & Blog Details Page, Cross Browser & Clean Code, and Widgets Ready. The theme is modern and professional for any digital profession.
Author: misbahwp
Theme URI: https://www.misbahwp.com/themes/free-resume-wordpress-theme/
Author URI: https://www.misbahwp.com/
Version: 1.7
Requires PHP: 5.6
Tested up to: 6.2
Requires at least: 5.0
Tags: photography, portfolio, education, wide-blocks, one-column, two-columns, right-sidebar, left-sidebar, grid-layout, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, editor-style,rtl-language-support theme-options, threaded-comments
Text Domain: professional-cv-resume
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html

Professional CV Resume WordPress Theme, (C) 2022 misbahwp.com
Professional CV Resume WordPress Theme is released under the terms of GNU GPL
*/

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-weight: 600;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}
#content[tabindex='-1']:focus {
  outline: 0;
}
body {
  font-family: 'Jost', sans-serif;
  color: #707070;
  margin: 0;
  background: #fff;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
  color: #222222;
}
a {
  color: #222222;
  -webkit-transition: color 0.1s linear;
  -moz-transition: color 0.1s linear;
  -o-transition: color 0.1s linear;
  transition: color 0.1s linear;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #47c6c3;
  text-decoration: none;
}
.alignwide {
  margin-left: -80px;
  margin-right: -80px;
}
.alignfull {
  margin-left: calc(-100vw / 2 + 100% / 2);
  margin-right: calc(-100vw / 2 + 100% / 2);
  max-width: 100vw;
}
.alignfull img {
  width: 100vw;
}
.post-single a,
.page-single a,
.sidebar-area .textwidget a,
.comment-content a,
.woocommerce-product-details__short-description a,
#tab-description a,
.extra-home-content a {
  text-decoration: underline;
  color: #47c6c3;
}

/* ===============================================
   HEADER BOX
   ============================================= */

#site-navigation {
  background: #f4fffe;
}
.page-template-frontpage #site-navigation {
  background: transparent;
  position: absolute;
  z-index: 999;
  width: 100%;
}
.social-links span {
  color: #222;
}
.social-links i {
  background: #47c6c3;
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 8px 0;
  border-radius: 8px;
  color: #fff;
}
.social-links {
  background: #fff;
  padding: 15px;
  border-radius: 15px;
  display: inline-block;
  box-shadow: 0 0 25px 2px #e4e4e4;
}
.social-links i.fab.fa-facebook-f {
  background: #3764b9;
}
.social-links i.fab.fa-twitter {
  background: #00b7ff;
}
.social-links i.fab.fa-instagram {
  background: #f09433;
  background: -moz-linear-gradient(
    45deg,
    #f09433 0%,
    #e6683c 25%,
    #dc2743 50%,
    #cc2366 75%,
    #bc1888 100%
  );
  background: -webkit-linear-gradient(
    45deg,
    #f09433 0%,
    #e6683c 25%,
    #dc2743 50%,
    #cc2366 75%,
    #bc1888 100%
  );
  background: linear-gradient(
    45deg,
    #f09433 0%,
    #e6683c 25%,
    #dc2743 50%,
    #cc2366 75%,
    #bc1888 100%
  );
}
.social-links i.fab.fa-youtube {
  background: #ff0000;
}
.social-links i.fab.fa-whatsapp {
  background: #25d366;
}
.phone-box {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10%;
  background: #fff;
  padding: 15px;
  border-radius: 15px;
  display: inline-block;
  box-shadow: 0 0 25px 2px #e4e4e4;
}
.phone-box i {
  font-size: 35px;
  color: #47c6c3;
}
.phone-box h6 {
  font-weight: normal;
  font-size: 15px;
  color: #47c6c3;
}
.phone-box p {
  font-size: 18px;
  font-weight: 700;
  color: #222;
}

/* ===============================================
   LOGO BOX
   ============================================= */

.logo {
  padding: 18px 0;
}
.logo a {
  color: #304a49;
  font-size: 25px;
  line-height: 35px;
  text-decoration: none;
  -webkit-transition: color 0.1s linear;
  -moz-transition: color 0.1s linear;
  -o-transition: color 0.1s linear;
  transition: color 0.1s linear;
  font-weight: bold;
}
.logo span {
  display: block;
  font-size: 15px;
  line-height: 18px;
  color: #707070;
}

/* ===============================================
   MENU BOX
   ============================================= */

#main-menu {
  display: block;
  position: relative;
  float: right;
  margin: 0 auto;
}
#main-menu ul {
  margin: 0;
  padding: 0;
  display: block;
}
#main-menu ul li {
  position: relative;
  display: block;
  float: left;
  text-align: left;
}
#main-menu ul li a {
  display: block;
  z-index: 1;
  padding: 20px;
  font-size: 14px;
  font-weight: 500;
}
#main-menu a:hover,
#main-menu ul li a:hover,
#main-menu li:hover > a,
#main-menu a:focus,
#main-menu ul li a:focus,
#main-menu li.focus > a,
#main-menu li:focus > a,
#main-menu ul li.current-menu-item > a,
#main-menu ul li.current_page_item > a,
#main-menu ul li.current-menu-parent > a,
#main-menu ul li.current_page_ancestor > a,
#main-menu ul li.current-menu-ancestor > a {
  color: #47c6c3;
}
#main-menu ul.children,
#main-menu ul.sub-menu {
  opacity: 0;
  position: absolute;
  top: 45px;
  left: -9999em;
  background: #47c6c3;
  z-index: 10001;
  width: 213px;
  padding-left: 0;
  -webkit-transition: opacity 0.3s ease 0s;
  -moz-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}
#main-menu ul.children li,
#main-menu ul.sub-menu li {
  position: relative;
  margin: 0;
  line-height: 1.2em;
  text-transform: none;
  width: 213px;
  min-height: inherit;
  margin: 0;
}
#main-menu li li:hover > ul,
#main-menu li li:focus > ul,
#main-menu li li.focus > ul {
  top: 0px;
  left: -100%;
}
#main-menu ul.children li a,
#main-menu ul.sub-menu li a {
  text-decoration: none;
  text-align: left;
  display: block;
  padding: 20px 15px;
  margin: 0;
  border: none;
  line-height: inherit;
  color: #fff;
}
#main-menu ul.children li a:hover,
#main-menu ul.sub-menu li a:hover {
  background: #f4fffe;
  color: #222222;
}
#main-menu ul.children li ul:before,
#main-menu ul.sub-menu li ul:before,
.menu-toggle,
.dropdown-toggle,
button.close-menu {
  display: none;
}
#main-menu li:hover > ul,
#main-menu li:focus > ul,
#main-menu li.focus > ul {
  opacity: 1;
  left: 0;
}

/* ===============================================
   POST BOX
   ============================================= */

.post-box {
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.post-thumbnail {
  line-height: 0;
}
h3.post-title {
  font-size: 20px;
}
.post-content p {
  color: #707072;
}
.post-meta i {
  color: #47c6c3;
}
.post-meta span {
  text-decoration: none;
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 600;
  color: #62646c;
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #222222;
  white-space: break-spaces;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.post-content img,
.post-thumbnail img,
.post-content iframe,
.post-content object,
.post-content embed {
  max-width: 100%;
}
.post-content img,
.post-thumbnail img {
  max-height: 100%;
  height: auto;
}
.post-content:after {
  content: '';
  display: table;
  clear: both;
}
#content,
footer {
  float: left;
  width: 100%;
}

/* ===============================================
   Slider
   ============================================= */

.blog_inner_box img {
  opacity: 0.5;
}
.blog_inner_box {
  position: relative;
  background: #fff;
}
.blog_box {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 50%;
  left: 20%;
  color: #fff;
}
.blog_box h3 {
  font-size: 50px;
  color: #222222;
}
p.slider-button a {
  background: #47c6c3;
  padding: 10px 15px;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  border-radius: 30px;
}
p.slider-button a:hover {
  background: #222222;
}
.slider .owl-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
}
.slider button.owl-prev,
.slider button.owl-next {
  color: #fff !important;
  letter-spacing: 5px;
  position: absolute;
}
.slider button.owl-prev i,
.slider button.owl-next i {
  padding: 15px;
  border-radius: 50%;
  color: #fff;
  background: #47c6c3;
}
.slider button.owl-prev i:hover,
.slider button.owl-next i:hover {
  background: #222222;
}
.slider button.owl-prev {
  left: 50px;
}
.slider button.owl-next {
  right: 50px;
}
.blog_box p {
  color: #222222;
}

/* ===============================================
   Our Services Section
   ============================================= */

#our_services h6,
.blog_box h5 {
  font-size: 20px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 4px;
  color: #47c6c3;
}
#our_services h2 {
  font-size: 35px;
  width: 50%;
  margin: 0 auto;
  font-weight: 700;
}
.services-box {
  box-shadow: 0 0 20px 2px #dfe7ff;
  border-radius: 15px;
}
.services-box h3 {
  font-size: 20px;
  margin-bottom: 0;
}
.services-box img {
  width: 100%;
  height: auto;
  border-radius: 15px 15px 0 0;
}
.box-inner {
  padding: 15px;
}
.box-inner span {
  background: #47c6c3;
  padding: 2px 10px;
  border-radius: 30px;
  color: #fff;
  font-weight: 600;
  font-size: 15px;
}

/* ===============================================
   Scroll
   ============================================= */

.scroll-up {
  position: fixed;
  bottom: 12px;
  right: 30px;
  z-index: 999;
}
.scroll-up a {
  background: #47c6c3;
  color: #000;
}
.scroll-up a:hover {
  background: #0d0d0d;
  color: #fff;
}
.scroll-up a {
  display: block;
  height: 2.5rem;
  width: 2.5rem;
  text-align: center;
  line-height: 2;
  border-radius: 30px;
  font-size: 1.25rem;
  color: #fff;
  opacity: 1;
  transition: all 0.3s ease 0s;
  box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}

/* ===============================================
   Pagination
   ============================================= */

.pagination,
.professional-cv-resume-pagination {
  margin: 25px 0;
}

.pagination .nav-links a,
.pagination .nav-links span.current,
.professional-cv-resume-pagination a span,
.professional-cv-resume-pagination span.current {
  display: inline-block;
  text-decoration: none;
  padding: 10px 12px;
  font-size: 14px;
  line-height: 21px;
  color: #333;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background: #f3f4f7;
  position: relative;
  margin: 0;
  -webkit-transition: background-color 0.3s ease;
  -moz-transition: background-color 0.3s ease;
  -ms-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}

.pagination .nav-links a:hover,
.pagination .nav-links a:focus,
.pagination .nav-links span.current,
.professional-cv-resume-pagination span.current,
.professional-cv-resume-pagination span.current:hover,
.professional-cv-resume-pagination span.current:focus,
.professional-cv-resume-pagination a span:hover,
.professional-cv-resume-pagination a span:focus {
  background: #47c6c3;
  color: #fff;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-reply a:focus {
  color: #fff;
}
.comment-respond input#submit:hover,
.comment-reply a:hover {
  background: #222222;
  color: #fff;
}
.comment-form-url input,
nav.navigation.pagination {
  width: 100%;
}
.comment-respond input#submit {
  background: #47c6c3;
  border: none;
  color: #fff;
  padding: 10px;
  font-weight: 600;
  border-radius: 30px;
}
.comment-content a {
  word-wrap: break-word;
}
.bypostauthor {
  display: block;
}
.comments-title {
  font-size: 1.125rem;
}
.comment-body .pull-left {
  padding-right: 0.625rem;
}
.comment-list {
  padding-left: 0;
}
.comment-list .comment {
  display: block;
}
.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}
.comment-list .pingback a {
  margin-left: 5px;
  margin-right: 5px;
}
.comment-content.card-block {
  padding: 15px;
}
.comment-reply a {
  background: #47c6c3;
  padding: 5px 15px;
  color: #fff;
  border-radius: 30px;
}

/* ===============================================
   SIDEBARS
   =============================================== */

.sidebar-area .textwidget img {
  width: 100%;
  height: auto;
}
.sidebar-area .sidebar-widget {
  margin-bottom: 25px;
}
.sidebar-area a,
.sidebar-area p,
.sidebar-area li,
.sidebar-area address,
.sidebar-area dd,
.sidebar-area blockquote,
.sidebar-area td,
.sidebar-area th,
.sidebar-area .textwidget {
  line-height: 1.9em;
  font-weight: normal;
}
.sidebar-area ul,
#calendar_wrap,
.sidebar-area .textwidget,
.tagcloud {
  list-style: none;
  margin: 0;
  padding: 0 15px;
}
.sidebar-area li a,
.sidebar-area li {
  font-size: 15px;
  font-weight: 500;
}
.sidebar-area li {
  padding-bottom: 15px;
}
.sidebar-area h4.title {
  padding: 20px 15px;
  color: #fff;
  font-size: 18px;
  text-transform: uppercase;
  background: #47c6c3;
  border-left: solid 5px #222222;
}
.sidebar-area .tagcloud a {
  font-size: 15px !important;
  background: #47c6c3;
  color: #fff;
  padding: 5px;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  display: inline-block;
  margin: 5px 0;
  text-decoration: none;
}
.sidebar-area .tagcloud a:hover {
  background: #222222;
}
.sidebar-area form {
  padding: 15px;
}
.sidebar-area select,
.sidebar-area textarea,
#comments textarea,
.sidebar-area input[type='text'],
#comments input[type='text'],
.sidebar-area input[type='password'],
.sidebar-area input[type='datetime'],
.sidebar-area input[type='datetime-local'],
.sidebar-area input[type='date'],
.sidebar-area input[type='month'],
.sidebar-area input[type='time'],
.sidebar-area input[type='week'],
.sidebar-area input[type='number'],
.sidebar-area input[type='email'],
.sidebar-area input[type='url'],
.sidebar-area input[type='search'],
.sidebar-area input[type='tel'],
.sidebar-area input[type='color'],
.sidebar-area .uneditable-input,
#comments input[type='email'],
#comments input[type='url'] {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  width: 100%;
  padding: 5px 2%;
  border: solid 1px #222222;
}
#wp-calendar th,
#wp-calendar #today,
#wp-calendar #today a {
  background: #f3f4f7;
  color: #434343 !important;
}
#wp-calendar a:hover {
  border: none;
}
#wp-calendar {
  background: #fff;
  width: 100%;
}
#wp-calendar caption {
  font-size: 14px;
  text-transform: uppercase;
  margin: 0 0 10px 0;
  text-align: left;
}
#wp-calendar th,
#wp-calendar td {
  text-align: center;
  font-size: 14px;
  color: #434343 !important;
  padding: 3px 6px;
}
#wp-calendar td a {
  display: block;
  text-align: center;
  font-size: 14px;
  color: #434343 !important;
  text-decoration: underline;
}
#wp-calendar td#prev a,
#wp-calendar td#prev a {
  text-decoration: none;
  text-align: left;
}
#wp-calendar th {
  font-weight: bold;
}
tr:nth-child(2n + 2) {
  background-color: #f3f4f7;
}
.searchform label {
  display: block;
}
.searchform input[type='text'] {
  width: calc(100% - 110px);
  margin: 0;
  padding: 12px;
  float: left;
  background-color: #f3f4f7;
  border: none;
}
.searchform input[type='submit'] {
  background: #47c6c3;
  border: none;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  position: relative;
  float: left;
  text-shadow: none;
  padding: 14px 0;
  width: 100px;
  margin: 0 auto;
  cursor: pointer;
  -webkit-transition: color 0.3s ease, background-color 0.3s ease;
  -moz-transition: color 0.3s ease, background-color 0.3s ease;
  -o-transition: color 0.3s ease, background-color 0.3s ease;
  transition: color 0.3s ease, background-color 0.3s ease;
}
.searchform input[type='submit']:hover,
.searchform input[type='submit']:focus {
  background-color: #47c6c3;
  text-decoration: none;
}
.searchform:after {
  content: '';
  display: table;
  clear: both;
}
footer {
  background: #222222;
}
footer .sidebar-area {
  background: none;
  padding: 25px 0 0 0;
}
.wp-block-group__inner-container h2 {
  color: #fff;
}
footer a,
footer p,
footer .sidebar-area li,
footer .sidebar-area address,
footer .sidebar-area dd,
footer .sidebar-area blockquote,
footer .sidebar-area td,
footer .sidebar-area th,
footer .sidebar-area .title,
footer .sidebar-area .textwidget {
  color: #fff;
}
.footer-area ul {
  padding: 0;
}
.footer-area h4.title {
  padding: 0;
  font-size: 30px;
  font-weight: 500;
  text-transform: none;
  background: transparent;
  border: none;
}
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
img.alignleft,
img.alignright,
img.aligncenter,
.attachment img {
  max-width: 100%;
  height: auto;
}
.alignleft,
img.alignleft {
  display: inline;
  float: left;
  margin-right: 24px;
  margin-top: 4px;
}
.alignright,
img.alignright {
  display: inline;
  float: right;
  margin-left: 24px;
  margin-top: 4px;
}
div.aligncenter,
img.aligncenter {
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none;
}
img.alignleft,
img.alignright,
img.aligncenter {
  margin-bottom: 12px;
}

.wp-caption {
  line-height: 18px;
  margin-bottom: 25px;
  max-width: 100% !important;
  padding: 4px;
  text-align: center;
}

.wp-caption img {
  margin: 5px 5px 0;
  width: 96%;
  height: 100%;
}

.wp-caption p.wp-caption-text {
  color: #888;
  font-size: 12px;
  margin: 5px;
}

.header-img {
  margin: 0 auto;
  width: 100%;
  max-height: 450px;
}

.header-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.post-meta {
  display: none;
}