/*
Theme Name: Fitness Coaching
Description: Fitness Coaching is a fantastic WordPress theme that allows you to create a beautiful website with a variety of customization possibilities. It is user-friendly and versatile, with applications ranging from workout, fitness, yoga, physiotherapy, massage centers, lifestyle, wellness, health coaching, motivational speaking, meditation, clubs, health and wellness centers, aerobics, Zumba classes, spa, gyms, boxing, sports, personal trainer websites, and more. This theme is mobile-friendly, adjusting to any device's screen size, whether desktop, mobile, or tablet. It is translation-ready, supports RTL layout, and has clean, secure code. Fitness Coaching is speed-optimized, resulting in smooth and glitch-free performance. Its modern, smart, attractive, and retina-ready design provides several customization and customizing choices. Fitness Coaching is SEO-friendly, allowing your website to be indexed rapidly on major search engines such as Google. It offers social media integration, which allows you to link all of your social media pages straight to your website. If you know how to code, you can use shortcodes to extend functionality. The theme also includes a testimonial section, where visitors and clients may leave thoughtful feedback on your services and work. Whether you are interested in coaching, diet plans, dietitian services, holistic health, life coaching, mentoring, nutrition, personal training, therapies, bodybuilding, healthy nutrition, sports clubs, sportswear, or training, this theme is an excellent choice for creating a professional and engaging website. Choose Fitness Coaching today to begin creating your online presence with ease.
Author: misbahwp
Theme URI: https://www.misbahwp.com/products/free-fitness-coaching-wordpress-theme
Author URI: https://www.misbahwp.com/
Version: 6.2
Requires PHP: 7.2
Tested up to: 6.8
Requires at least: 5.0
Tags: blog, food-and-drink, education, wide-blocks, one-column, two-columns, three-columns, four-columns, right-sidebar, left-sidebar, grid-layout, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, flexible-header, featured-image-header, editor-style, post-formats, theme-options, threaded-comments, rtl-language-support, translation-ready
Text Domain: fitness-coaching
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html

Fitness Coaching WordPress Theme has been created by misbahwp(misbahwp.com), 2021.
Fitness Coaching WordPress Theme is released under the terms of GNU GPL
*/

:root {
  --first-color: #48daff;
  --second-color: #ffb750;
}

.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: 'Poppins', sans-serif;
  color: #8c8d8f;
  margin:0;
  background: #fff;
}
h1,h2,h3,h4,h5,h6{
	font-family: 'Ubuntu', sans-serif;
	font-weight: 600;
	color: #26303c;
}
a {
  color:#26303c;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  text-decoration: none;
}

a:hover,
a:focus {
  color:var(--second-color);
  text-decoration: none;
}

.alignwide {
  margin-left  : -80px;
  margin-right : -30px;
}

.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;
}

.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt, .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta{
  margin-left: 0px;
}

.wp-block-button__link{
  background: var(--first-color);
  color: #fff !important;
}

.wp-block-button.is-style-outline .wp-block-button__link {
    border: 2px solid #222222;
    color: #222222 !important;
}

.wp-block-button.is-style-squared .wp-block-button__link {
    border-radius: 0px!important;
}

.tag-title h3, .tag-title h1{
  overflow-wrap: anywhere;
}

/* ===============================================
   Post Format
   ============================================= */

.entry-video iframe {
    width: 100%;
}

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

.top-header {
  background: #26303c;
}
.top-header a {
    color: #fff;
}
a.cart-customlocation,a.account-btn {
  position: relative;
  color: #fff !important;
  font-size: 20px;
}
a.cart-customlocation p.cart-item-box {
  background: #26303c;
  width: 18px;
  border-radius: 50%;
  height: 18px;
  font-size: 12px;
  font-weight: bold;
  position: absolute;
  top: -10px;
  right: -10px;
  color: #fff;
  text-align: center;
}

/* ===============================================
   LOGO BOX
   ============================================= */
img.custom-logo {
  height: 70px;
  width: 70px;
}
.logo {
  display: block;
  padding: 15px 0;
	min-height: 53px;
  line-height: 1.4em;
	word-break: break-all;
}
.logo a {
  color: #fff;
  font-size: 30px;
  line-height: 35px;
  text-decoration: none;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  font-weight: 400;
}
.logo a:hover,
.logo a:focus,
.header p i {
  color:#fff;
}
.logo span {
  display: block;
  font-size: 14px;
  line-height: 18px;
  color: #26303c;
}
.logo-image {
  float: left;
}

/* ===============================================
   SOCIAL BOX
   ============================================= */

.social-links a,.top-header p {
  color: #fff;
  font-size: 15px;
}
.social-links a:hover{
	color: var(--first-color);
}
.top-header p span{
	margin-right: 6px;
}

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

.header {
  background: rgba(0, 0, 0, 0) linear-gradient(120deg, var(--first-color) 70%, var(--second-color) 53%) repeat scroll 0 0;
  border-bottom: solid 5px var(--second-color);
}
/**
====================================================================
  Navigation
====================================================================
*/
.top-menu-wrapper {
    padding: 10px 0;
}
.main-navigation ul .menu-item.menu-item-has-children a,
.main-navigation ul .page_item.page_item_has_children a{
    position: relative;
}
.main-navigation .menu > li i,.menu li i{
    font-size: 15px;
}
.main-navigation li.current_page_item > a, .main-navigation li.current-menu-item > a {
    color: #fff;
    font-weight: 500 !important;
}
.main-navigation ul li a{
  text-transform: uppercase;
  color: #26303c;
}
.main-navigation ul .menu-item.menu-item-has-children .sub-menu a:after,
.main-navigation ul .page_item.page_item_has_children .children a:after{
    content: none;
}
.main-navigation .menu ul {
    margin-bottom: 0px;
    padding: 0px;
}
.main-navigation .menu li {
    display: inline;
    position: relative;
    list-style: none;
}
.top-menu-wrapper ul {
    gap: 5px 40px;
    display: inline-flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}
.main-navigation .menu > li > a ,
.page_item a{
    display: inline-block;  
    font-size: 15px;
    font-weight: 500;
}
#site-navigation .page_item_has_children ul li a,#site-navigation .main-navigation .menu .menu-item-has-children ul li a {
    font-size: 15px;
    position: relative;   
    display: block;
    color: var(--first-color);
    text-align: left;
    padding: 12px 20px !important;
    line-height: 22px;
    font-weight: 500;
}
#site-navigation .menu ul.sub-menu li a,
#site-navigation .menu ul.children li a{
    line-height: 1.5;
}
nav#site-navigation{
    padding: 0;
}
.main-navigation ul.sub-menu > li > a,
.main-navigation ul.children > li > a {
    position: relative;
    z-index: 1;
    overflow: hidden;
    display: block;
    transition: color 0.3s ease;
}

.main-navigation ul.sub-menu > li > a::before,
.main-navigation ul.children > li > a::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background-color: var(--first-color);
    color: #fff;
    z-index: -1;
    transition: left 0.4s ease;
}

.main-navigation ul.sub-menu > li > a:hover::before,
.main-navigation ul.sub-menu > li > a:focus::before,
.main-navigation ul.children > li > a:hover::before,
.main-navigation ul.children > li > a:focus::before {
    left: 0;
}

.main-navigation ul.sub-menu > li > a:hover,
.main-navigation ul.sub-menu > li > a:focus,
.main-navigation ul.children > li > a:hover,
.main-navigation ul.children > li > a:focus {
    color: #fff !important;
}
.main-navigation .menu,.main-navigation .menu ul {
    display: flex;
    gap: 5px 40px;
    flex-wrap: wrap;
}
div#mySidenav {
    display: inline-flex;
}
.main-navigation .menu > li ,.main-navigation .menu li{
    display: inline;
    position: relative;
}
.main-navigation .menu > li > a:hover{
    color: var(--first-color);
}
.main-navigation .sub-menu,
.main-navigation .children {
    background-color: #ffffff;
    list-style: none;
    padding-left: 0;
    position: absolute;
    opacity: 0;
    left: -9999px;
    z-index: 99999;
    width: 200px !important;
    border:none;
}
.main-navigation ul.sub-menu.dropdown-menu {
    border: none;
    border-radius: unset;
}
.main-navigation .sub-menu > li > a:hover,
.main-navigation .sub-menu > li > a:focus,
.main-navigation .children > li > a:hover,
.main-navigation .children > li > a:focus {
    background: #000;
    color: #fff;
}
.main-navigation .sub-menu li ul.sub-menu,
.main-navigation .children li ul.children {
    left: 200px !important;
    top: -1px !important;
}
.main-navigation .sub-menu > li,
.main-navigation .children > li {
    display: block;
    float: none;
    position: relative;
    width: 100%;
}
.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand,
.main-navigation .children > li.page_item_has_children .submenu-expand {
    display: inline-block;
    position: absolute;
    width: calc( 24px + 1rem);
    right: 0;
    top: calc( .125 * 1rem);
    bottom: 0;
    color: white;
    line-height: 1;
    padding: calc( .5 * 1rem);
}
.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand,
.main-navigation .children > li.page_item_has_children .submenu-expand {
    margin-right: 0;
}
.main-navigation .sub-menu > li > a,
.main-navigation .sub-menu > li > .menu-item-link-return,
.main-navigation .children > li > .menu-item-link-return {
    color: #000;
    display: block;
    padding: 14px;
    font-weight: 500;
}
.main-navigation .sub-menu > li > .menu-item-link-return,
.main-navigation .children > li > .menu-item-link-return {
    width: 100%;
    font-size: 15px;
    font-weight: normal;
    text-align: left;
}
.main-navigation .sub-menu > li > a:empty,
.main-navigation .children > li > a:empty {
    display: none;
}
.main-navigation .sub-menu > li.mobile-parent-nav-menu-item,
.main-navigation .children > li.mobile-parent-nav-menu-item {
    display: none;
    font-size: 0.88889em;
    font-weight: normal;
}
.main-navigation .sub-menu > li:last-child,
.main-navigation .children > li:last-child {
    border-bottom: none;
}

.toggle-nav, a.closebtn{
  display: none;
}

.sub-menu span.dashicons.dashicons-arrow-down-alt2{
  position: absolute;
  top: 10px;
  right: 0;
}

.main-navigation .dashicons-arrow-down-alt2:before {
    content: "\f347";
    font-size: 15px;
    color: #000;
}

.children.dropdown-menu span.dashicons.dashicons-arrow-down-alt2 {
    position: absolute;
    top: 10px;
    right: 0;
}

/* ===============================================
   HEADER SEARCH
   =============================================== */

.header-search .open-search-form i {
  font-size: 20px;
  cursor: pointer;
  color: #fff;
}
.header-search .search-form {
	position:fixed;
	top:0;
	right:-100%;
	width:100%;
	height:100%;
	padding:0;
	z-index:1001;
	visibility: hidden;
	-webkit-transition-property: all , -webkit-transform;
    transition-property: all , transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	background: rgba(255,255,255, 0.98) none repeat;
	border:none !important;
}
.header-search .search-form.is-open {
	right:0;
	height:100%;
	visibility: visible;
}
.header-search .search-form.is-open form {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 50px;
}
.header-search .search-form a.close-search-form {
	top:50px;
	position:absolute;
	margin-left:-13px;
	left:50%;
}
.header-search .search-form i.searchform-close-button {
	font-size:25px;
	color:#616161 !important;
	opacity:0;
	-webkit-transition: transform .2s linear;
	-moz-transition: transform .2s linear;
	-o-transition: transform .2s linear;
	transition: transform .2s linear;
}
.header-search .search-form.is-open i.searchform-close-button {
	opacity:1;
}
.header-search .search-form.is-open i.searchform-close-button:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

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

.post-box{
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 10px;
  padding: 10px;
}
.post-thumbnail {
  line-height: 0;
}
.post-box h3.post-title a {
  font-size: 20px;
  text-transform: capitalize;
  font-weight: 500;
  color: #000000;
}
.post-content p{
  color: #898d94;
}
.post-content{
  word-wrap: break-word;
}
.post-meta i{
  color: var(--first-color);
}
.post-meta span {
  text-decoration: none;
  text-transform: capitalize;
  font-size: 15px;
  font-weight: 500;
  color: #000;
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #000000;
  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:300px;
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
  background: #dfdcdc;
}
.post-content{
  color: #3c3c3c;
}
.post-content:after {
  content: "";
  display: table;
  clear: both;
}
#content,footer {
  float: left;
  width: 100%;
}
.post-meta.my-3 {
  display: flex;
  justify-content: start;
  border-radius: 4px;
  gap: 50px;
}
.post-meta a{
  color: #000;
}
.more-btn i {
  font-size: 15px;
  margin-left: 10px;
}
.blog-grid-layout .post-meta{
 gap: 20px;
}

/*
===================================================================================
    02. Related post CSS
===================================================================================
*/

.related-post-item h4.post-title {
    word-wrap: break-word;
}


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

.blog_inner_box {
  position: absolute;
  right: 55%;
  left: 15%;
  top: 50%;
  transform: translateY(-50%);
}
.comment-reply a:focus,.blog_inner_box p,.slider h2{
  color: #fff;
}
.blog_box img {
  height: 600px;
  object-fit: cover;
}
.blog_box {
  position: relative;
  background: #26303c;
	text-align: center;
}
.slider h3.post-title {
  font-size: 50px;
  font-weight: 500;
}
.slider h3.post-title a{
  color: var(--second-color);
}
.slider h2 {
  font-family: 'Sacramento', cursive;
  font-size: 45px;
  letter-spacing: 1px;
  font-weight: 100;
}
p.slider_btn a {
  background: var(--first-color);
  color: #fff;
  border-radius: 30px;
  font-weight: bold;
  text-transform: uppercase;
}
p.slider_btn a:hover,.comment-respond input#submit:hover,
.comment-reply a:hover{
	background: var(--second-color);
	color: #fff;
}
.slider .owl-nav {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.slider .owl-carousel button.owl-dot{
	border: solid 5px #fff;
	border-radius: 50px;
	margin-right: 5px;
}
.slider .owl-dots{
  position: absolute;
  bottom: 25px;
  right: 0;
  left: 0;
  text-align: center;
}

/* ===============================================
   Services
   ============================================= */


.services h2 {
  font-size: 40px;
  text-transform: uppercase;
}
.services h3 {
  font-size: 35px;
  font-weight: 100;
  color: var(--second-color);
}
.services-title {
  background: var(--first-color);
  position: relative;
  margin: auto 25px;
  margin-top: -25px;
}
.services-title h4 a {
  font-size: 18px;
  font-weight: 500;
}
.section_two .owl-dots {
  text-align: center;
  margin-top: 30px;
}
.section_two .owl-carousel button.owl-dot{
	border: solid 5px var(--first-color);
	border-radius: 50px;
	margin-right: 5px;
}
.section_two .owl-carousel button.owl-dot.active,
.slider .owl-carousel button.owl-dot.active{
	border: solid 5px var(--second-color);
}
.service-box img{
	height: 300px;
	object-fit: cover;
}

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

.pagination,
.fitness-coaching-pagination {
	margin:25px 0;
}

.pagination .nav-links a,
.pagination .nav-links span.current,
.fitness-coaching-pagination a span,
.fitness-coaching-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 .3s ease;
	-moz-transition: background-color .3s ease;
	-ms-transition: background-color .3s ease;
	-o-transition: background-color .3s ease;
	transition: background-color .3s ease;
}

.pagination .nav-links a:hover,
.pagination .nav-links a:focus,
.pagination .nav-links span.current,
.fitness-coaching-pagination span.current,
.fitness-coaching-pagination span.current:hover,
.fitness-coaching-pagination span.current:focus,
.fitness-coaching-pagination a span:hover,
.fitness-coaching-pagination a span:focus {
	background: var(--second-color);
	color: #fff;
}

.woocommerce nav.woocommerce-pagination ul li span.current {
    background: #fab704;
    color: #fff;
}

/* ===============================================
   Feature Header Image
   ============================================= */

.feature-header{
    position: relative;
    background-color: #000;
}
.feature-header img {
    width: 100%;
    height: 300px !important;
    object-fit: cover;
    opacity: 0.4;
}
h1.post-title.feature-header-title{
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    word-break: break-all;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-form-url input,nav.navigation.pagination,span.password-input{
  width: 100%;
}
.comment-respond input#submit {
  background: var(--first-color);
  border: none;
  color: #26303c;
  padding: 10px;
  font-weight: 600;
}
.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: var(--first-color);
  padding: 5px 15px;
  border-radius: 5px;
  color: #26303c;
}
.sidebar-area  .wp-block-latest-comments__comment-meta{
	float: none;
	background: transparent;
}
.sidebar-area .wp-block-latest-comments__comment-meta a{
	color: #2f3235;
}
ol.wp-block-latest-comments{
	padding: 0;
}
.sidebar-area .wp-block-latest-comments__comment li {
    margin-bottom: 0;
}

/* ===============================================
   Breadcrumbs
   =============================================== */

   .bread_crumb a:hover{
    color:var(--first-color);
  }
  .bread_crumb a{
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 10px;
  }
  .bread_crumb span {
    color: var(--first-color) ;
    cursor: pointer;
    font-size: 17px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 10px;
  }
  .bread_crumb {
    color: #fff;
    position: absolute;
    width: 100%;
    top: 65%;
  }

/* ===============================================
   SIDEBARS
   =============================================== */
.sidebar-area{
  color: #000;
}
.sidebar-area .textwidget img{
  width: 100%;
  height: auto;
}
.sidebar-area .sidebar-widget {
  margin-bottom: 25px;
  background: #f5f6f7;
  border-radius: 10px;
  padding: 0px 10px;
}
.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;
  color: #000000;
}
footer .sidebar-area a,
footer .sidebar-area 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 .textwidget {
  color: #ffffff;
}
.sidebar-area ul,#calendar_wrap,.sidebar-area .textwidget,.tagcloud {
  list-style: circle;
  margin: 0;
  padding: 0 0px;
}
footer .sidebar-area ul,footer #calendar_wrap,footer .sidebar-area .textwidget,footer .tagcloud {
  list-style: none;
}
.sidebar-area li a,
.sidebar-area li {
  font-size: 15px;
  word-wrap: break-word;
}
.sidebar-area li {
  padding-bottom: 5px;
  list-style: circle;
  margin-left: 25px;
}
.sidebar-area ul li{
  position: relative;
  margin-left: 25px;
  list-style: circle;
}
footer .sidebar-area ul li{
  list-style: none;
  margin-left: 0;
}
.sidebar-area ul li ul.children li,.sidebar-area ul li ul.sub-menu li{
  margin-left: 0;
}
.sidebar-area ul li::marker,.sidebar-area li::marker{
  color: var(--first-color);
}
.sidebar-area h4.title:before, .sidebar-area h1.wp-block-heading:before,  
.sidebar-area h2.wp-block-heading:before,  
.sidebar-area h3.wp-block-heading:before,  
.sidebar-area h4.wp-block-heading:before,  
.sidebar-area h5.wp-block-heading:before,  
.sidebar-area h6.wp-block-heading:before,
.sidebar-area .wp-block-search__label:before {
    content: '';
    position: absolute;
    height: 4px;
    width: 16%;
    bottom: 12px;
    left: 0;
    background-color: var(--first-color);
}
.footer-area h4.title:before, .footer-area h1.wp-block-heading:before,  
.footer-area h2.wp-block-heading:before,  
.footer-area h3.wp-block-heading:before,  
.footer-area h4.wp-block-heading:before,  
.footer-area h5.wp-block-heading:before,  
.footer-area h6.wp-block-heading:before,
.footer-area .wp-block-search__label:before{
  display: none;
}
.sidebar-area h4.title, .sidebar-area h1.wp-block-heading,  
.sidebar-area h2.wp-block-heading,  
.sidebar-area h3.wp-block-heading,  
.sidebar-area h4.wp-block-heading,  
.sidebar-area h5.wp-block-heading,  
.sidebar-area h6.wp-block-heading,
.sidebar-area .wp-block-search__label {
    padding: 20px 0px;
    color: #000;
    font-size: 22px;
    border-bottom: 1px dashed #dfe0e4;
    font-weight: 500;
    position: relative;
}
.wp-block-search__inside-wrapper {
  margin-top: 10px;
}

footer .sidebar-area form {
  padding: 0px;
}
.sidebar-area .wp-block-search__button {
  background: var(--first-color);
  color: #ffffff;
}
.sidebar-area .tagcloud a, p.wp-block-tag-cloud a {
  font-size: 15px !important;
  background: var(--first-color);
  color: #fff;
  padding: 5px 10px;
  display: inline-block;
  margin: 5px 0;
  text-decoration: none;
  border-radius: 6px;
}
footer .sidebar-area .tagcloud a, footer p.wp-block-tag-cloud a{
  background: #000;
}
footer .sidebar-area .tagcloud a:hover, footer p.wp-block-tag-cloud a:hover{
  background: #fff;
  color: #000;
}
.sidebar-area .tagcloud a:hover{
  background: #000000;
}
.sidebar-area form {
  padding: 15px 0px;
}
.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 #000000;
}
#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;
}
#footer-widgets caption {
    color: #fff;
}
#footer-widgets h4 {
    margin-bottom: 30px;
    font-weight: 600;
}
.searchform label {
	display: block;
}
.searchform input[type=text], .sidebar-area .wp-block-search__input {
  width: calc(100% - 110px);
  margin: 0;
  padding: 12px;
  float: left;
  background-color: #f3f4f7;
  border: none;
}
.searchform input[type=submit], .sidebar-area .wp-block-search__button {
	background: var(--second-color);
	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 .3s ease, background-color .3s ease;
	-moz-transition: color .3s ease, background-color .3s ease;
	-o-transition: color .3s ease, background-color .3s ease;
	transition: color .3s ease, background-color .3s ease;
}

.searchform input[type=submit]:hover ,
.searchform input[type=submit]:focus {
	background-color:var(--first-color);
	text-decoration:none
}

.searchform:after {
  content: "";
  display: table;
  clear: both;
}

footer {
	background: #26303c;
}

footer .sidebar-area {
	background: none;
	padding: 25px 0 0 0;
}

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;
  border-bottom: none;
  font-size: 30px;
  font-weight: 500;
  text-transform: none;
  background: transparent;
}

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 {
	background:#f1f1f1;
	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;
}

.wp-block-group__inner-container h2 {
   color: #fff;
}
.scroll-up {
    position: fixed;
    bottom: 12px;
    right: 30px;
    z-index: 999;
}
.scroll-up a {
	background: var(--second-color);
	color:#ffffff;
}
.scroll-up a:hover{
	background: var(--first-color);
	color:#000;
}
.scroll-up a {
    display: block;
    height: 2.5rem;
    width: 2.5rem;
    text-align: center;
    line-height: 2;
    border-radius: 3px;
    font-size: 1.25rem;
    color: #fff;
    opacity: 1;
    transition: all 0.3s ease 0s;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}
.scroll-up span {
  top: 7px;
  position: absolute;
  left: 7px;
  font-size: 25px;
  font-weight: 600;
}

/*===============================================
   PRELOADER
=============================================== */

.cssloader {
  padding-top: calc(45vh - 25px);
  position: fixed;
  width: 100%;
  height: 100%;
  top:0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #212121;
  z-index: 99999;
}

.sh1 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 0;
  border-color: #354952 transparent #ffffff transparent;
  margin: 0 auto;
  animation: shk1 1s ease-in-out infinite normal;
}

.sh2 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 50px 50px;
  border-color: transparent  transparent var(--second-color) transparent ;
  margin: -50px auto 0;
  animation: shk2 1s ease-in-out infinite alternate;
}

/** animation starts here **/
@keyframes shk1 {
  0% {
    transform: rotate(-360deg);
  }

  100% {
  }
}

@keyframes shk2 {
  0% {
    transform: rotate(360deg);
  }
  100% {
  }
}
.lt {
  color: #fff;
  margin: 30px auto;
  text-align: center;
  font-weight: 100;
  letter-spacing: 10px;
}

/*--------------------------------*/
.loader-main {
    top: 10px;
    position: relative;
    left: -70px;
}
.triangle35b {
  position:absolute;
  transform-origin:bottom center;
  left:50%;
  top:50%;
  margin: 0 auto;
  width:110px;
  height:55px;
  clip-path:polygon(0% 0%,100% 0%,50% 100%);
  animation:animTriangle35b 3s linear infinite;
}
@keyframes animTriangle35b {
  0%,14% { transform:rotate(calc(0deg + var(--angle))); }
  25%,39% { transform:rotate(calc(90deg + var(--angle))); }
  50%,64% { transform:rotate(calc(180deg + var(--angle))); }
  75%,89% { transform:rotate(calc(270deg + var(--angle))); }
  100% { transform:rotate(calc(360deg + var(--angle))); }
}
.triangle35b:nth-child(1) {
  --angle:0deg;
  background:var(--second-color);
  animation-delay:0.4s;
}
.triangle35b:nth-child(2) {
  --angle:90deg;
  background:#fff;
  animation-delay:0.2s;
}
.triangle35b:nth-child(3) {
  --angle:180deg;
  background:var(--second-color);
}

/* ===============================================
 STICKY POST
 =============================================== */

.post-box.sticky {
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.125);
}
.post-box{
  position: relative;
}
.sticky .post-thumbnail::before {
    content: '\f08d';
    font-family: "Font Awesome\ 5 Free";
    font-size: 30px;
    font-weight: 900;
    color: #fff;
    margin-top: 10px;
    z-index: 9;
    position: absolute;
    top: 27px;
    left: 27px;
    transform: rotate(312deg);
}



.sticky {
}

.gallery-caption {
}

.bypostauthor {
}