/*
Theme Name: Misbah One Page
Description: Misbah One Page is a sleek, modern WordPress theme designed to effortlessly create stunning single-page websites. It blends simplicity with powerful functionality, making it the perfect choice for portfolios, small businesses, freelancers, and creative professionals. Built on a fully responsive framework, Misbah One Page ensures your website looks flawless and operates smoothly on any device, from desktops to smartphones, enhancing both user engagement and accessibility—crucial in today’s digital age. A key highlight of Misbah One Page is its intuitive drag-and-drop page builder, which empowers you to craft custom layouts with ease. This user-friendly tool lets you arrange sections, add content, and customize elements in real time—no coding skills required. This flexibility opens up endless creative possibilities, enabling you to design a website that reflects your unique style and brand identity.The theme also includes a wide array of pre-designed sections and content blocks, such as About Me, Portfolio, Services, Testimonials, and Contact Forms, making it simple to showcase your work and communicate your message effectively. Each section is fully customizable, allowing you to adjust colors, fonts, images, and more to perfectly align with your brand. Whether you're showcasing your creative portfolio, promoting your services, or highlighting client testimonials, Misbah One Page provides all the essential tools for building a professional and visually stunning website that leaves a lasting impression.
Author: misbahwp
Theme URI: https://www.misbahwp.com/products/free-one-page-wordpress-theme
Author URI: https://www.misbahwp.com/
Version: 3.0
Requires PHP: 7.2
Tested up to: 6.8
Requires at lea: 5.0
Tags: portfolio, photography, blog, 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, featured-image-header, editor-style, post-formats, theme-options, threaded-comments, flexible-header, rtl-language-support, translation-ready
Text Domain: misbah-one-page
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html

Misbah One Page WordPress Theme has been created by misbahwp(misbahwp.com), 2024.
Misbah One Page 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: "Raleway", sans-serif;
  color: #858585;
  margin:0;
  background: #fff;
}
h1,h2,h3,h4,h5,h6{
	font-weight: bold;
	color: #000000;
}
a {
  color:#000000;
  -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:#28B4E9;
  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: #28B4E9;
  color: #fff !important;
}

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

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

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

.blocks-gallery-grid:not(.has-nested-images){
  padding: 3px 7px;
}

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

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

/* ===============================================
   SLIDING HEADER
   ============================================= */

.page-template-frontpage .offcanvas-div button{
  color: #000;
}
.offcanvas-div button {
  background-color: transparent;
  color: #fff;
  border: none;
}
.offcanvas-div i.fas.fa-bars {
  font-size: 25px;
}
.offcanvas-div {
  justify-content: end;
}
.offcanvas-div .offcanvas-header .btn-close {
  padding: 5px 12px;
  opacity: 1;
  height: auto;
  width: auto;
}
.btn-close:hover{
  color: #fff !important;
}
.offcanvas-div .offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: end;
  padding: 8px;
}
.admin-bar .offcanvas-div .offcanvas-header{
  margin-top: 32px !important;
}
.offcanvas-div .offcanvas-body {
  flex-grow: 1;
  padding: 35px;
}
.offcanvas-div .offcanvas-header .btn-close{
  background-color: #28B4E9;
  border-radius:0;
  padding: 16px;
  color: #fff;
}
.offcanvas{
  background: #e6f6fc;
}
.offcanvas-backdrop{
  background: transparent;
}
.offcanvas-start {
  width: 320px;
  height: 632px;
}

.offcanvas-body::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #F5F5F5;
}

.offcanvas-body::-webkit-scrollbar
{
  width: 6px;
  background-color: #F5F5F5;
}

.offcanvas-body::-webkit-scrollbar-thumb
{
  background-color: #000000;
}

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

.topheader{
  background: #28B4E9;
}
.page-template-frontpage .topheader {
  background: transparent;
  position: absolute;
  width: 100%;
  z-index: 99;
  margin: 15px 0;
}
.social-links i {
  background: #000;
  color: #fff;
  width: 35px;
  height: 35px;
  border-radius: 30px;
  text-align: center;
  padding: 9px 0;
}
.social-links i:hover{
  background: #28B4E9;
}

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

.page-template-frontpage .header-search .open-search-form i{
  color: #000;
}
.header-search .open-search-form i {
  font-size: 22px;
  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: #fff;
  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: #000 !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);
}

/* ===============================================
   LOGO BOX
   ============================================= */
img.custom-logo {
  height: 70px;
  width: 70px;
}
.logo a {
  color: #000000;
  font-size: 28px;
  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: 600;
}
.logo span {
  display: block;
  font-size: 15px;
  line-height: 18px;
  color: #000000;
}

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

#site-navigation {
  display: inline-block;
}
#main-menu {
	display:block;
	position:relative;
	float:left;
	margin:0 auto;
	width:100%
}
#main-menu ul {
	margin:0;
  padding: 0;
	display:block;
  list-style: none;
}
#main-menu ul li {
	text-align:left;
  font-weight: 600;
}
#main-menu ul li a {
  display: block;
  z-index: 1;
  padding: 10px 0;
  font-size: 18px;
}
#main-menu ul.children ,
#main-menu ul.sub-menu {
	opacity:0;
	position: absolute;
	left: -9999em;
	background: #28B4E9;
	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 .menu ul li:not(.off-canvas):hover > ul.sub-menu,
#main-menu .menu ul li:not(.off-canvas):focus > ul.sub-menu,
#main-menu .menu ul li.is-focused:not(.off-canvas) > ul.sub-menu,
#main-menu .menu ul li:not(.off-canvas)[focus-within] > ul.sub-menu,
#main-menu .menu ul li:not(.off-canvas):focus-within > ul.sub-menu, 
#main-menu .menu ul li:hover ul.children{
  opacity: 1 !important;
}
#main-menu .menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
#main-menu .menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
#main-menu .menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu,
#main-menu .menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menum,
#main-menu .menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu  {
  left: 0;
  opacity: 1;
}
#main-menu .menu ul li:not(.off-canvas):hover > ul.children,
#main-menu .menu ul li:not(.off-canvas):focus > ul.children,
#main-menu .menu ul li.is-focused:not(.off-canvas) > ul.children,
#main-menu .menu ul li:not(.off-canvas)[focus-within] > ul.children,
#main-menu .menu ul li:not(.off-canvas):focus-within > ul.children, 
#main-menu .menu ul li:hover ul.children{
  opacity: 1 !important;
}
#main-menu .menu .page_item_has_children:not(.off-canvas):hover > .children,
#main-menu .menu .page_item_has_children:not(.off-canvas):focus > .children,
#main-menu .menu .page_item_has_children.is-focused:not(.off-canvas) > .children,
#main-menu .menu .page_item_has_children:not(.off-canvas)[focus-within] > .childrenm,
#main-menu .menu .page_item_has_children:not(.off-canvas):focus-within > .children  {
  left: 0;
  opacity: 1;
}
#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: #fff;
  color: #28B4E9;
}
#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;
}
#main-menu .menu ul li:focus ul.sub-menu{
  opacity: 1 !important;
}
#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 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;
}

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

.post-box{
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.post-thumbnail {
  line-height: 0;
}
h3.post-title a{
  word-break: break-all;
}
h3.post-title {
  font-size: 20px;  
}
.post-content p{
	color: #707072;
}
.post-content{
  word-wrap: break-word;
}
.post-meta i{
	color: #28B4E9;
}
.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: #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 {
	max-height:100%;
	height:auto;
}
.post-thumbnail img {
  max-height: 100%;
  height: auto;
  width: 100%;
  object-fit: cover;
}
.post-content:after {
  content: "";
  display: table;
  clear: both;
}
#content,footer {
  float: left;
  width: 100%;
}
.post-button a {
  background: #28B4E9;
  padding: 6px 12px;
  color: #fff;
  border-radius: 30px;
}
.post-button a:hover{
	background: #000000;
}

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

.related-post-thumbnail img {
    height: 225px;
    object-fit: cover;
    width: 100%;
}

.related-post-thumbnail {
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
    padding: 15px;
}

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

/* ===============================================
   Slider
   ============================================= */
.slider {
  position: relative;
  background: #edf7fc;
}
.blog_inner_box img{
  height: 940px;
  object-fit: cover;
}
.blog_inner_box {
  position: relative;
}
.blog_box {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 40%;
  left: 10%;
  color: #000000;
}
.blog_box h3 {
  font-size: 45px;
  color: #000000;
  word-wrap: break-word;
}
.blog_box p {
  line-height: 28px;
  font-size: 15px;
  color: #858585;
  letter-spacing: 1px;
}
p.slider-button a {
  background: #28B4E9;
  padding: 12px 25px;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  border-radius: 30px;
	box-shadow: -8px 8px 18px 1px #28B4E973;
}
p.slider-button a:hover{
	background: #000000;
}
.slider .owl-nav {
  position: absolute;  
  bottom: 20px;
  left: 0;
  right: 0;
}
.slider button.owl-prev,.slider button.owl-next {
	position: absolute;
}
.slider button.owl-prev i, .slider button.owl-next i {
  color: #fff;
  font-size: 20px;
}
.slider button.owl-prev {
  left: 50px;
  bottom: 0;
  border-top: solid 2px #fff !important;
  padding: 8px 11px !important;
}
.slider button.owl-next {
  right: 95.5%;
  bottom: 42px;
}

/* ===============================================
   Projects Section
   ============================================= */

.project h3 {
  font-size: 40px;
}
.project hr {
  border-top: 3px solid #28B4E9;
  width: 10%;
  opacity: 1;
  margin: 15px auto;
}
.project .tabcontent.active {
  display: block;
}
.project .tabcontent{
  display: none;
}
.project .tablinks {
  border: none;
  background: transparent;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}
.project .tablinks:hover, .project .tablinks.active {
  color: #28B4E9;
}
.projects_content_box h4 {
  font-size: 20px;
}
.projects_inner_box img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  border-radius: 20px;
}

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

.pagination,
.misbah-one-page-pagination {
	margin:25px 0;
}

.pagination .nav-links a,
.pagination .nav-links span.current,
.misbah-one-page-pagination a span,
.misbah-one-page-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,
.misbah-one-page-pagination span.current,
.misbah-one-page-pagination span.current:hover,
.misbah-one-page-pagination span.current:focus,
.misbah-one-page-pagination a span:hover,
.misbah-one-page-pagination a span:focus {
	background: #28B4E9;
	color: #fff;
}

.woocommerce nav.woocommerce-pagination ul li span.current {
    background: #28B4E9;
    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.9;
}
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-reply a:focus{
  color: #fff;
}
.comment-respond input#submit:hover,
.comment-reply a:hover{
	background: #000000;
	color: #fff;
}
.comment-form-url input,nav.navigation.pagination{
  width: 100%;
}
.comment-respond input#submit {
  background: #28B4E9;
  border: none;
  color: #fff;
  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 {
  padding: 5px 15px;
  color: #fff;
  background: #28B4E9;
}
.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 .sidebar-widget .wp-block-search__label{
  margin-bottom: 10px !important;
}
.sidebar-area .wp-block-latest-comments__comment li {
    margin-bottom: 0;
}

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

.bread_crumb a:hover{
    color:#28B4E9;
}
.bread_crumb a{
  color: #fff;
  cursor: pointer;
  font-size: 17px;
  font-weight: 600;
  text-transform: capitalize;
  padding: 10px;

}
.bread_crumb span {
  color: #28B4E9 ;
  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 .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 0px;
}
.sidebar-area li a,
.sidebar-area li {
  font-size: 15px;
  font-weight: 500;
  word-wrap: break-word;
}
.sidebar-area li {
  padding-bottom: 5px;
}
.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 15px;
  color: #fff;
  font-size: 20px;
  background: #28B4E9;
  border-left: solid 5px #000000;
}

.footer-area h4.title, .footer-area h1.wp-block-heading,  
.footer-area h2.wp-block-heading,  
.footer-area h3.wp-block-heading,  
.footer-area h4.wp-block-heading,  
.footer-area h5.wp-block-heading,  
.footer-area h6.wp-block-heading,
.footer-area .wp-block-search__label{
  background: none !important;
  border-left: none;
}

footer .wp-block-search__label, footer .sidebar-area h1.wp-block-heading, footer .sidebar-area h2.wp-block-heading, footer .sidebar-area h3.wp-block-heading, footer .sidebar-area h4.wp-block-heading, footer .sidebar-area h5.wp-block-heading, footer .sidebar-area h6.wp-block-heading{
  background: none !important;
  border-left: none !important; 
}
footer .sidebar-area form {
  padding: 0px;
}
.sidebar-area .wp-block-search__button {
  background: #28B4E9;
}

.sidebar-area .tagcloud a, p.wp-block-tag-cloud a {
  font-size: 15px !important;
  background: #28B4E9;
  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: #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;
}
.footer-area h2.wp-block-heading{
  margin-bottom: 30px;
  font-weight: 600;
  font-size: 30px;
}
    
.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: #28B4E9;
	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: #28B4E9;
	text-decoration:none
}
.searchform:after {
  content: "";
  display: table;
  clear: both;
}
footer {
	background: #000000;
}
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 h2.wp-block-heading{
  padding: 0px;
}
.footer-area h4.title {
  padding: 0;
  font-size: 30px;
  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;
}

.scroll-up {
  position: fixed;
  bottom: 12px;
  right: 30px;
  z-index: 999;
}
.scroll-up a {
	background: #28B4E9;
	color:#ffffff;
}
.scroll-up a:hover{
	background: #fff;
	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;
}


.sticky {
}

.gallery-caption {
}

.bypostauthor {
}

/*===============================================
   Footer Social Icons
=============================================== */

.copy-text a.social-links {
    margin-left: 14px;
}

/*===============================================
   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 #28B4E9 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:#28B4E9;
  animation-delay:0.4s;
}
.triangle35b:nth-child(2) {
  --angle:90deg;
  background:#fff;
  animation-delay:0.2s;
}
.triangle35b:nth-child(3) {
  --angle:180deg;
  background:#28B4E9;
}

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

.post-box.sticky {
  background: #eee;
  border: none;
  box-shadow: 2px 2px 10px 2px #ccc;
}