/*   
Theme Name: Pixelfy-theme
Theme URI: https://pixelfy.me/blog/
Version: 1.0
Tags:  development, html5, bootstrap
Description: Wordpress theme with minimal bootstrap4 markup for fast development starting
Author: orangelabel
Author URI: https://www.orangelabel.com/
*/

.es_subscription_message.success,
.es_subscription_message.error {
  color: #000;
  margin-top: 15px;
  display: block;
}

.pagination-style {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}

.es_spinner_image {
  position: absolute;
  right: 50px;
  top: 241px;
}

.es_spinner_image img {
  width: 14px;
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto
}

.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center;
}

.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.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;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}


.input-search .form-control-search:focus {
  outline: 0;
}

.es-field-wrap {
  margin-bottom: 0;
}

img {
  height: inherit;
  max-width: 100%;
}
.article-single p {
  font-weight: 400;
}

#ez-toc-container nav {
  max-height: calc(100vh - 195px);
  overflow-y: auto;

}

/* width */
#ez-toc-container nav::-webkit-scrollbar {
  width: 0px;
}

/* Track */
#ez-toc-container nav::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #fefefe;
  border-radius: 10px;
}

/* Handle */
#ez-toc-container nav::-webkit-scrollbar-thumb {
  background: #f0f0f0;
  border-radius: 10px;
}

.h1, h1, h2, .h2 {
  line-height: 130%;
}

.h3, .h4, .h5, .h6,  h3, h4, h5, h6 {
  line-height: 150%;
}

body {
  line-height: 160%;
}
.single-main p {
  font-size: 17px;
  line-height: 160%;
  font-weight: 400;
}

.skeleton {
   background-color: #eee;
   border-radius: .35rem;
   min-height: 450px;
   width: 100%;
   position: relative;
   margin: 0 0 40px;
}
 .skeleton::after {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   transform: translateX(-100%);
   background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
   animation: shimmer 1s infinite;
   content: "";
}
 @keyframes shimmer {
   100% {
     transform: translateX(100%);
  }
}


@media screen and (max-width: 767px) {
  .skeleton {
    min-height: 310px;
  }
}
.wp-block-group {
  padding: 2rem 2.5rem;
  margin-bottom: 2rem;
}
.wp-block-group .wp-block-group {
  padding: 0;
  margin: 0;
}
.wp-block-group p:last-child {
  margin-bottom: 0;
}

.wp-block-group .wp-block-columns {
  margin-bottom: 0;
}

.wp-block-column p:last-child {
  margin-bottom: 0;
}

.widget.widget_block .wp-block-group {
  padding: 0;
  margin: 0;
}

.article-first p {
  font-weight: 400;
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

#go-up {
  position: fixed;
  bottom: 16px;
  right: 16px;
  z-index: 999;
  opacity: .7;
  transition: .3s;
}

#go-up:hover {
  opacity: 1;
}

.wp-block-separator {
  border-top: 0 !important;
}

body .ez-toc-list li a {
	margin-bottom: 0.8rem!important;
}

.back-btn.dropdown-item {
	color: #292D34;
	max-width: 100%;
}

.dropdown-item {
	padding-left: 1rem;
	padding-right: 1rem;
}

.dropdown-large {
	 border: 1px solid #dce3ea;
	 box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
	 border-radius: 8px;
	 width: 100%;
	 max-width: 880px;
	 padding: 24px 16px;
	 margin-left: 35px;
	 margin-top: 10px !important;
	 top: inherit !important;
}
 .dropdown-large.show {
	 display: flex;
	 align-items: flex-start;
	 flex-wrap: wrap;
}
 .dropdown-large li {
	 width: calc(100% / 4);
	 padding: 0 8px;
}
 .dropdown-large li .dropdown-item {
	 white-space: normal;
	 margin-bottom: 12px;
}
 .dropdown-large li .dropdown-item:focus {
	 outline: 0 !important;
	 outline-color: transparent !important;
	 outline-width: 0 !important;
	 outline-style: none !important;
	 box-shadow: 0 0 0 0 rgba(0, 123, 255, 0) !important;
}
 .dropdown-large li .dropdown-item:hover {
	 background: #eaefef;
}
 .dropdown-large li .dropdown-item:active {
	 background: #5b60ca;
}
 .dropdown-large li:last-child {
	 width: 100%;
	 margin-bottom: 0;
	 margin-top: 16px;
	 text-align: center;
}
 .dropdown-large li:last-child .dropdown-item {
	 font-style: normal;
	 font-weight: 500;
	 border: 1px solid #c4d1de;
}
 .dropdown-normal {
	 border: 1px solid #dce3ea;
	 box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
	 border-radius: 8px;
	 padding: 1rem;
	 margin-top: 10px !important;
}
 .dropdown-normal li {
	 padding: 0;
}
 .dropdown-normal li .dropdown-item:hover {
	 background: #eaefef;
}
 .dropdown-normal li .dropdown-item:active {
	 background: #5b60ca;
}
 .dropdown-normal li.last-item {
	 width: 100%;
	 margin-bottom: 0;
	 margin-top: 16px;
	 text-align: center;
}
 .dropdown-normal li.last-item .dropdown-item {
	 font-style: normal;
	 font-weight: 500;
	 border: 1px solid #c4d1de;
}
 .nav-item [data-toggle="dropdown"] {
	 position: relative;
}
 .nav-item [data-toggle="dropdown"][aria-expanded="true"]:after {
	 opacity: 1;
}
 .nav-item [data-toggle="dropdown"]:after {
	 content: "";
	 background-image: url("data:image/svg+xml,%3Csvg width='26' height='10' viewBox='0 0 26 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_5637_37099' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='26' height='10'%3E%3Crect width='26' height='10' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_5637_37099)'%3E%3Cpath d='M-2.69414 18.8613C-5.18836 18.8613 -7.21032 16.8539 -7.2103 14.3775L-7.2103 13.8415C-7.21027 11.3652 -5.18833 9.35781 -2.69414 9.3578L0.663791 9.35778C2.16086 9.35777 3.59372 8.75403 4.63382 7.685L9.90448 2.26775C11.654 0.469542 14.5469 0.439323 16.3342 2.20059L21.9829 7.7671C23.0169 8.78599 24.4146 9.35777 25.8714 9.35778L29.2912 9.35781C31.7853 9.35783 33.8072 11.3652 33.8073 13.8414L33.8073 14.3775C33.8074 16.8539 31.7854 18.8614 29.2911 18.8614L13.2988 18.8614L-2.69414 18.8613Z' fill='white' stroke='%23DCE3EA'/%3E%3C/g%3E%3C/svg%3E%0A");
	 width: 26px;
	 height: 10px;
	 position: absolute;
	 top: calc(100% + 2px);
	 left: 50%;
	 transform: translateX(-50%);
	 opacity: 0;
	 transition: 0.3s;
	 z-index: 1001;
}
 .navbar-toggler svg {
	 display: none;
}
 .navbar-toggler[aria-expanded="true"] svg {
	 display: block;
}
 .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
	 display: none;
}
 @media screen and (min-width: 1025px) {
	 .dropdown-menu.dropdown-menu-center {
		 right: auto;
		 left: 50%;
		 -webkit-transform: translate(-50%, 0);
		 -o-transform: translate(-50%, 0);
		 transform: translate(-50%, 0);
	}
	 .dropdown-hover [data-toggle="dropdown"]:after {
		 content: "";
		 background-image: url("data:image/svg+xml,%3Csvg width='26' height='10' viewBox='0 0 26 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_5637_37099' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='26' height='10'%3E%3Crect width='26' height='10' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_5637_37099)'%3E%3Cpath d='M-2.69414 18.8613C-5.18836 18.8613 -7.21032 16.8539 -7.2103 14.3775L-7.2103 13.8415C-7.21027 11.3652 -5.18833 9.35781 -2.69414 9.3578L0.663791 9.35778C2.16086 9.35777 3.59372 8.75403 4.63382 7.685L9.90448 2.26775C11.654 0.469542 14.5469 0.439323 16.3342 2.20059L21.9829 7.7671C23.0169 8.78599 24.4146 9.35777 25.8714 9.35778L29.2912 9.35781C31.7853 9.35783 33.8072 11.3652 33.8073 13.8414L33.8073 14.3775C33.8074 16.8539 31.7854 18.8614 29.2911 18.8614L13.2988 18.8614L-2.69414 18.8613Z' fill='white' stroke='%23DCE3EA'/%3E%3C/g%3E%3C/svg%3E%0A");
		 width: 26px;
		 height: 10px;
		 position: absolute;
		 top: calc(100% + 1px);
		 left: 50%;
		 transform: translateX(-50%);
		 opacity: 0;
		 transition: 0.1s;
		 z-index: 1001;
	}
	 .dropdown-hover:hover [data-toggle="dropdown"]:after {
		 opacity: 1;
	}
	 .dropdown-hover:hover .dropdown-menu {
		 display: block;
	}
	 .dropdown-hover:hover .dropdown-menu.dropdown-large {
		 display: flex;
		 align-items: flex-start;
		 flex-wrap: wrap;
		 left: 0;
	}
	 .dropdown-hover:hover .dropdown-menu:before {
		 content: "";
		 top: -18px;
		 left: 0;
		 width: 100%;
		 height: 20px;
		 position: absolute;
		 z-index: 3;
	}
}
 @media screen and (max-width: 991px) {
	 #front-menu .nav-item.dropdown-hover.position-relative {
		 position: static !important;
	}
	 #front-menu .navbar-nav {
		 position: relative;
	}
	 #front-menu .nav-item {
		 border-bottom: 1px solid #dce3ea;
		 padding-top: 8px;
		 padding-bottom: 8px;
	}
	 #front-menu .nav-item [data-toggle="dropdown"] {
		 position: relative;
	}
	 #front-menu .nav-item [data-toggle="dropdown"]:after {
		 content: "";
		 background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 4.16675L13.3333 10.0001L7.5 15.8334' stroke='%23292D34' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
		 background-size: 100%;
		 width: 20px;
		 height: 20px;
		 position: absolute;
		 top: 50%;
		 right: 0;
		 left: inherit;
		 transform: translateY(-50%);
		 opacity: 1;
	}
	 #front-menu .navbar-nav .dropdown-menu {
		 position: absolute;
		 display: block;
		 left: -999px;
		 transition: 0.3s;
		 top: 0;
		 width: calc(100% + 48px);
		 z-index: 10002;
		 border: 0;
		 box-shadow: 0 0;
		 height: calc(100vh - 69px);
		 margin-left: 0;
		 overflow-y: auto;
		 overflow-x: hidden;
		 opacity: 0;
	}
	 #front-menu .navbar-nav .dropdown-menu li {
		 border-bottom: 1px solid #dce3ea;
		 padding-top: 8px;
		 padding-bottom: 8px;
	}
	 #front-menu .navbar-nav .dropdown-menu.show {
		 left: -24px;
		 opacity: 1;
	}
	 #front-menu .navbar-nav .dropdown-menu.dropdown-large {
		 max-width: initial;
	}
	 #front-menu .navbar-nav .dropdown-menu.dropdown-large li {
		 width: 100%;
		 border: 0;
		 margin: 0;
		 padding: 0;
	}
	 #front-menu .navbar-nav .dropdown-menu.dropdown-large li:last-child {
		 margin-top: 24px;
	}
	 #front-menu .navbar-nav .dropdown-menu.dropdown-large li a {
		 border-bottom: 1px solid #dce3ea;
		 padding-top: 1rem;
		 padding-bottom: 1rem;
		 border-radius: 0;
		 margin: 0;
	}
	 #front-menu .back-btn {
		 display: flex;
		 align-items: center;
		 font-family: 'Lato';
		 font-style: normal;
		 font-weight: 500;
		 font-size: 16px;
		 line-height: 24px;
	}
	 #front-menu .back-btn svg {
		 margin-right: 12px;
	}
	 .dropdown-normal {
		 margin-top: 0 !important;
	}
	 .dropdown-normal .dropdown-item {
		 margin-top: -8px;
		 margin-bottom: -8px;
		 padding-top: 0.75rem;
		 padding-bottom: 0.75rem;
		 border-radius: 0 !important;
	}
}
 
@media (max-width: 991px) {
	body .navbar-brand img {
		max-width: 151px;
	}
}

.text-hover-white:hover {
	 color: #fff !important;
}
 .footer-bottom {
	 background: #171f2a;
}
 .social-link {
	 list-style: none;
	 padding: 0;
	 margin: 0;
}
 .social-link li {
	 margin-right: 40px;
}
 .social-link li:last-child {
	 margin-right: 0;
}
 .social-link li a {
	 color: #898c91;
	 transition: 0.3s;
}
 .social-link li a:hover {
	 color: #fff;
}