/*
Theme Name: Wildlife Safari
Theme URI: https://www.theclassictemplates.com/wp-themes/free-safari-wordpress-theme/
Author: classictemplate
Author URI: https://www.theclassictemplates.com/
Description: Wildlife Safari is an incredible WordPress theme that's like a virtual ticket to the wild. Imagine having your own corner of the internet where you can share your love for wildlife, pets care, domestic pets, wild life blogs, nature, and adventure with the world. This theme is all about making your website look stunning. It comes with beautiful images of exotic animals and lush landscapes, so your visitors will feel like they're on a real safari. The colors and fonts are carefully chosen to give your site a natural and adventurous vibe. The best part is, that you don't need to be a tech expert to use it. It's super easy to customize, so you can make your website look just the way you want. You can share your wildlife stories, photos, and videos with ease. If you're thinking about making some money from your website, Wildlife Safari is great for that too. You can sell safari tours, wildlife gear, or even your own wildlife photos and prints directly from your site. Plus, it works great on all devices, from big screens to smartphones. It's designed to help your site show up in search engines, so more people can discover your love for wildlife. In conclusion, Wildlife Safari is the perfect choice to make your website look amazing and share your passion for wildlife and adventure with the world. It's like bringing the wild to your fingertips!
Version: 1.2
Tested up to: 6.5
Requires PHP: 5.6
Requires at least: 5.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wildlife-safari
Tags: blog, entertainment, photography, one-column, two-columns, three-columns, four-columns, grid-layout, left-sidebar, right-sidebar, custom-logo, post-formats, featured-images, full-width-template, custom-colors, editor-style, wide-blocks, custom-header, translation-ready, custom-background, custom-menu, sticky-post, threaded-comments, rtl-language-support, theme-options

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Wildlife Safari WordPress Theme has been created by classictemplate (theclassictemplates.com), 2021.
Wildlife Safari WordPress Theme is released under the terms of GNU GPL
*/

*{
  margin:0;
  padding:0;
  outline:none;
}
body{
  margin:0;
  padding:0;
  font-size:15px;
  color: #777777;
  font-family: 'Inter', sans-serif;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  overflow-x: hidden !important;
  overflow-y: scroll !important;
}
img{
  border:none;
  margin:0;
  padding:0;
  height:auto;
  max-width:100%;
}
a{
  color:#ff9a51;
  text-decoration:none;
  word-wrap: break-word;
}
a:hover{
  color:#ff9a51;
  text-decoration:none;
}
ol,ul{
  margin:0;
  padding:0;
}
.wp-caption,
.wp-caption-text,
.sticky,
.gallery-caption,
.aligncenter{
  margin:0;
  padding:0;
  max-width:100% !important;
}
.sticky{
  background: #ededed;
}
.entry-content ol li,
.entry-content ul li{
  margin-left:15px;
}
.entry-content a, .contentsecwrap a{
  text-decoration: underline;
}
ul li ul,
ul li ul li ul,
ol li ol, ol li ol li ol{
  margin-left:10px;
}
h1,h2,h3,h4,h5,h6{
  color:#322a2b;
  line-height:1.2;
  font-weight:600;
  word-wrap: break-word;
  letter-spacing: 1px;
  font-family: 'Pangolin', cursive;
}
h1{
  font-size:32px;
}
h2{
  font-size:30px;
}
h3{
  font-size:24px;
}
h4{
  font-size:20px;
}
h5{
  font-size:18px;
}
h6{
  font-size:14px;
}
.clear{
  clear:both;
}
.alignnone{
  width:100% !important;
}
img.alignleft, .alignleft{
  float:left;
  margin:0 15px 0 0;
  padding:5px;
  border:1px solid #cccccc;
}
img.alignright, .alignright{
  float:right;
  margin:0 0 0 15px;
  padding:5px;
  border:1px solid #cccccc;
}
.left{
  float:left;
}
.right{
  float:right;
}
#comment-nav-above .nav-previous,
#comment-nav-below .nav-previous{
  float:none !important;
  margin:10px 0;
}
h2#reply-title {
  border-top: 1px solid #ccc;
  padding-top: 20px;
}
ol.comment-list li{
  list-style:none;
  margin-bottom:5px;
}
p{
  color:#322a2b;
}
/*post formate*/
.format-gallery .wp-block-gallery, .format-video figure{
  margin-bottom: 15px;
}
/* Text meant only for screen readers. */
.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;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}
a:focus,input[type='submit']:focus,input[type='search']:focus,textarea:focus,input[type='name']:focus,input[type='email']:focus,.toggle-nav button:focus,a.close-button:focus,#commentform input#email:focus, #commentform input#url:focus,#commentform input#author:focus, #commentform textarea:focus, #commentform input#eazycfc_captcha:focus{
	outline: -webkit-focus-ring-color auto 1px;
}
.main-nav ul ul a:focus,.main-nav a:focus{
  border:2px solid #ff9a51;
  outline: none;
}
.main-nav ul.sub-menu li a:focus{
  border:2px solid #ff9a51;
  outline: none;
}
input:focus{
  border:2px solid #000;
}
.textwidget p a,.entry-content p a,.entry-summary a{
  text-decoration: underline !important;
}
.comment-content p a, .description p a {
  text-decoration: underline !important;
}
/* = wide block css
-------------------------------------- */
/*.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;
}*/
.single-post .alignfull, .single-post .alignwide {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
/*block css*/
.site-main .alignfull, .site-main .alignwide{
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 20px;
}
.site-main .alignfull img{
  width: 100% !important
}
.site-main .alignnone, .site-main .aligncenter{
  width: auto !important;
}
.site-main .alignleft{
  margin-right: 10px;
}
.postsec-list .wp-block-button a:hover, .site-main .wp-block-button a:hover,
.site-main .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):hover,
.postsec-list .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):hover{
  background-color: #322a2b ;
  color: #fff !important;
}
.postsec-list .wp-block-button.is-style-squared a, .site-main .wp-block-button.is-style-squared a{
  border-radius: 0px !important;
}
.postsec-list .wp-block-button__link, .site-main .wp-block-button__link{
  background: #ff9a51;
  color:#322a2b !important;
  border-radius: 30px;
  font-weight: 500 !important;
}
.site-main .wp-block-button.is-style-outline a, .postsec-list .wp-block-button.is-style-outline a{
  background:none;
  border:1px solid #ff9a51 !important;
  color: #ff9a51 !important;
}
.site-main img.alignleft, .site-main .alignleft, .site-main img.alignright, .site-main .alignright,
.postsec-list img.alignleft, .postsec-list .alignleft, .postsec-list img.alignright, .postsec-list .alignright{
  border:none;
}
.tags a {
  text-decoration: none!important;
  font-weight: 400;
  color: #322a2b !important;
  background: #ff9a51;
  box-shadow: 0 1px 0 rgb(0 0 0 / 8%);
  text-shadow: none;
  line-height: 3.5;
  padding: 8px;
  margin: 5px;
  border-radius: 5px;
  font-size: 15px;
}
.tags a:hover{
  background-color: #322a2b;
  color: #fff !important;
}
/*scroll to top*/
#button{
  background: #ff9a51;
  color: #322a2b;
  cursor: pointer;
  width: 60px;
  text-align: center;
  height: 60px;
  padding-top: 22px;
  position: fixed;
  border-radius: 50%;
  bottom: 60px;
  right: 20px;
  z-index: 9999;
  -moz-border-radius: 0;
  font-size: 15px;
  display: none;
}
/* = pre loader css
-------------------------------------- */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 999999;
}
#status {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  top: 50%;
  background-image: url(images/status.gif);
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
}
/*sticky header*/
.page-template-template-home-page .header.main.sticky-head,.main.sticky-head {
  position: fixed;
  top: 0;
  left: 0;
  width: 100% !important;
  z-index: 99999;
  box-shadow: 2px 2px 10px 0px #2d2d2d;
  background-color: #fff;
  padding: 10px 30px;
}
.admin-bar .page-template-template-home-page .header.main.sticky-head,.admin-bar .main.sticky-head{
  top: 24px;
  background-color: #fff;
}
.sticky-head .toggle-nav{
  text-align: center !important;
}
.toggle-navis-sticky-on.mobile.sticky-head{
  position: static;
}
/*topbar*/
.top-bar{
  background-color:#322a2b;
}
.contact-us a, .social-icon a{
  color: #fff;
}
.contact-us{
  text-align: center;
  border-right: 1px solid #fff;
}
.top-text{
  font-size: 14px;
  color:#777777;
}
.top-contact, .top-contact a {
  font-weight: 600;
  font-size: 16px;
  color: #322a2b;
  letter-spacing: 1px;
  font-family: 'Pangolin', cursive;
}
/*main hedaer*/
.header-top {
  background-color: #fff;
  padding: 5px 0;
}
.email i{
  color:#fff;
  padding: 15px;
  border-radius: 50%;
  background-color: #322a2b;
  font-size: 14px;
}
.contact.email{
  border-right:1px solid #ccc;
}
.time-text, .location-text, .email-text{
    padding-left: 18px;
  }
/* = header css
-------------------------------------- */
#header {
  width: 100%;
  z-index: 9999;
  padding: 0;
  position: static;
}
h1.site-title, p.site-title a{
  font-size: 28px;
  margin: 0;
  text-transform: uppercase;
  font-family: 'Pangolin', cursive;
  color: #322a2b;
  font-weight: 600;
  letter-spacing: 1px;
}
.logo{
  padding: 10px 0;
}
h1.site-title a:hover {
  text-decoration: unset;
}
span.site-description{
  font-size: 16px;
  font-weight: 600;
  color: #222;
}
.contactbox h1.site-title, .contactbox p.site-title a{
  color:#fff;
}
.site-tagline{
  color: #fff;
}
.listarticle h2 a:hover,#sidebar ul li a:hover{
  color: #262626;
}
/* = menus css */
.main-navigation{
  background-color: #faf8f4;
  padding: 10px 0;
}
#mySidenav {
  display: inline;
}
.main-nav ul {
  margin: 0;
  padding: 0;
}
.main-nav li {
  display: inline-block;
  position: relative;
  padding: 10px 0;
}
.main-nav a {
  color: #322a2b;
  padding: 0 24px;
  border-right: 1px solid #ff9a51;
  font-size: 14px;
  display: block;
  font-weight: 500;
  text-transform: capitalize;
  position: relative;
}
.main-nav li:last-child a{
  border-right: none;
}
.main-nav .sub-menu a{
  color:#141414;
}
.main-nav .menu-item-has-children > a::after {
  content: '\f107';
  font-family: 'Font Awesome 5 Free';
  font-weight: 900; 
  display: inline-block;
  width: 0;
  height: 0;
  position: absolute;
  top: auto;
  right: auto;
  margin-left: 10px;
  transform: translateY(-50%);
  pointer-events: none;
  font-size: 12px;
}
.main-nav .menu-item-has-children.current-menu-parent > a::after,
.main-nav .menu-item-has-children.current-menu-ancestor > a::after,
.main-nav .menu-item-has-children.current_page_parent > a::after {
  transform: translateY(-50%) rotate(0deg);
}
.main-nav ul ul a:hover {
  color: #ff9a51;
}
.main-nav a:hover {
  color: #ff9a51;
}
.main-nav ul ul {
  position: absolute;
  background: #fff;
  min-width: 250px;
  z-index: 9999;
  top: 98%;
  line-height: 30px;
  opacity: 0;
}
.main-nav ul ul ul {
  left: 100%;
  top: 0%;
}
.main-nav ul ul a {
  color: #1f1f1f;
  border: none;
  padding: 10px;
  margin-top: 5px;
}
.main-nav ul ul li {
  float: none;
  display: block;
  text-align: left;
  border-left: none;
  border-right: none !important;
  padding: 0;
  border-bottom: solid 1px #f1f1f1;
}
.main-nav li ul {
  border-top: 3px solid #ff9a51 !important;
  border: 1px solid #EEE;
  box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.4);
}
.main-nav .menu > ul > li.highlight {
  background-color: #006ccc;
}
.main-nav .menu > ul > li.highlight:hover {
  background: transparent;
}
.main-nav .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
.main-nav .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
.main-nav .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu,
.main-nav .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menum,
.main-nav .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
  opacity: 1;
}
.main-nav ul li:hover > ul {
  opacity: 1;
}
.main-nav li.menu-item-has-children:hover > ul,
.main-nav li.menu-item-has-children:focus > ul,
.main-nav li.menu-item-has-children.focus > ul {
  opacity: 1;
}
.main-nav .sub-menu {
  opacity: 0;
  left: -9999px;
  z-index: 99999;
  width: 200px !important;
}
ul.sub-menu ul.sub-menu {
  left: 200px !important;
}
.main-nav .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
.main-nav .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
.main-nav .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu,
.main-nav .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menum,
.main-nav .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
  display: block;
  left: 0;
  margin-top: 0;
  opacity: 1;
  width: auto;
  min-width: 100%;
}
ul.sub-menu ul.sub-menu {
  left: -9999px;
}
.toggle-nav,
a.close-button {
  display: none;
}
/*search header*/
.header-search form{
  display: inline-flex;
}
.header-search form {
  border-bottom: 1px solid #1212124D;
}
.header-search form input[type="search"] {
  background:none;
  border:none;
  padding:10px;
}
.header-search form.search-form input.search-submit {
  background: url(./images/search.png) no-repeat 0 20px;
  text-indent: -99999px;
  border: 0;
  padding: 8px 14px;
}
.header-search span.search_box{
  display: inline-block;
}
/*page css*/
.page-header {
  margin-bottom: 20px;
}
.page-header h1{
  color: #322a2b;
  margin-bottom: 10px;
  font-size: 35px;
  word-wrap: break-word;
}
.page-header span, .page-header span a {
  font-size: 18px;
  word-wrap: break-word;
  display: inline;
}
/* = slider section css
-------------------------------------- */
.slidesection img{
  object-fit: cover;
}
#slider{
  position: relative;
  z-index: 1;
}
.page-template-template-home-page .main-slider:after {
    content: "";
    background-image: url(./images/slider-after.png) !important;
    background-size: 100%;
    display: block;
    height: 160px;
    position: absolute;
    width: 100%;
    overflow: hidden;
    z-index: 9999;
    bottom:0;
    background-repeat: no-repeat;
}
#slider .content{
  width: 100%;
  height: 720px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #efebe5;
}
#slider .title-slider{
  font-size: 42px;
}
#slider .overlayer{
  height: 100%;
  width: 100%;
  opacity: 0.5;
  background: #000;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(90deg,  rgba(0,0,0,1) 35%, rgba(255,255,255,1) 85%);
}
.sliderbox {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10%;
  right: 50%;
  z-index: 9999;
}
.sliderbox h1 a{
  color: #fff;
}
.sliderbox h1 a:hover, #about_section h2 a:hover{
  color: #ff9a51;
}
.sliderbox p{
  color:#fff;
}
#slider p.text-slider{
  line-height: 1.8;
}
.sliderbox h1{
  text-transform: capitalize;
}
.redmor:hover, .abt-btn a:hover{
  background-color:#322a2b;
  color: #fff;
  border:none;
}
.redmor, .abt-btn a{
  font-size: 14px;
  display: inline-block;
  font-weight: 600;
  padding: 10px 22px;
  color: #322a2b;
  background-color: #ff9a51;
  border:none;
  position: relative;
}
#slider .owl-controls{
  position: absolute;
  top: 50%;
  right:auto;
  left:auto;
  width:100%;
}
#slider .owl-prev,
#slider .owl-next {
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  bottom:15px;
  font-size:40px;
  right:auto;
  background: transparent;
  color: #fff;
}
#slider .owl-prev:hover,
#slider .owl-next:hover{
  color: #ff9a51;
}
#slider .owl-prev{
  left:10px;
}
#slider .owl-next{
  right:10px;
}
button.owl-prev span{
  position: absolute;
  top: 25%;
  left: 0;
  right: 0;
  font-size: 40px;
}
button.owl-next span{
  position: absolute;
  top: 25%;
  left: 0;
  right: 0;
  font-size: 55px;
}
button.owl-prev span{
  font-size: 55px;
}
.owl-prev,
.owl-next {
  padding: 18px;
  border:none !important;
}
.owl-carousel .owl-nav.disabled{
  display: block !important;
}
.sliderbox .slide-search{
  left: 30%;
  right: 30%;
}
.social-icon a{
  margin-right: 10px !important;
}
/* = about css
-------------------------------------- */
#about_section .thumbbx img{
  border-radius: 50%;
  width: 500px;
  height: 500px;
  object-fit: cover;
}
#about_section h2 a{
  color: #322a2b;
}
#about_section hr{
  width: 30%;
  color: #ff9a51;
  border:1px solid;
}
#about_section .about-img {
  position: relative;
}
#about_section .about-img img {
  border-radius: 50%;
  border: 12px solid #fff;
}
#about_section .about-img .image-outerbox {
  background: #ff9a51;
  padding: 15px;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  left: -160px;
  z-index: 99;
}
#about_section .about-img .image-text {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  position: relative;
}
.abtimg{
  position: relative;
}
#about_section .about-img .image-text span {
  color: #322a2b;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 20px;
  display: inherit;
  font-size: 25px;
  text-align: center;
  font-family: 'Pangolin', cursive;
}
.abt-text{
  font-size: 14px;
}
.thumbbx{
  margin-bottom: 20px;
}
/* = Page lay out css
-------------------------------------- */
.postsec-list input.search-field,
.postsec-list input.search-submit {
  padding: 15px 10px;
}
.postsec-list .search-form input.search-submit{
  background-color: #ff9a51;
  color: #322a2b;
  border: 2px solid #ff9a51;
}
.contentsecwrap{
  padding:35px 0;
  clear: both;
}
.contentsecwrap p{
  margin-bottom:20px;
}
#sidebar aside.widget{
  padding: 20px;
  border-radius: 5px;
}
.listarticle{
  border-radius: 5px;
}
.listarticle h2 a{
  color: #322a2b;
  font-size: 28px;
  text-decoration: none;
  word-wrap: break-word;
}
.single_title{
  margin-bottom: 15px;
  font-size: 20px;
}
.post-thumb{
  margin:15px 0;
}
.nav-links .page-numbers{
  background-color: #000;
  color: #fff;
  padding:10px 15px;
  text-decoration: none;
}
span.page-numbers.current, .nav-links .page-numbers:hover{
  background-color: #ff9a51;
  color: #322a2b;
}

/* label css
---------------------------------------------- */
label{
  margin-bottom: 0;
}
#footer .search-form label, #sidebar .search-form label{
  width: 100%;
}
aside.widget ul, .entry-summary li{
  list-style:none;
}
.listarticle .alignfull, .listarticle .alignwide{
  margin-left: 0;
  margin-right: 0;
}
#recentcomments li{
  background-image:none !important;
}
#recentcomments li a{
  padding-left:0px !important;
}
.textwidget select,table{
  width:100%;
}
nav.navigation.pagination {
    margin: 30px auto;
}
/*--------------------------------------------------------------
## Sidebar Style 
--------------------------------------------------------------*/
#sidebar input[type="text"],
#sidebar input[type="search"],
#footer input[type="search"]{
  border: solid 2px #ff9a51;
  padding: 10px;
  width: 100%;
  margin-bottom: 10px;
}
#sidebar input.search-submit,
#footer input.search-submit,
form.woocommerce-product-search button {
  padding: 10px;
  width: 100%;
  border:none;
  background: #ff9a51;
  font-size: 15px;
  text-transform: uppercase;
  color: #322a2b;
}
input.search-submit{
  background-color: #ff9a51;
  color: #322a2b;
  border:none;
  padding: 16px 20px !important;
}
.widget-area .widget::after,
.widget-area .widget::before {
    clear: both;
    content: "";
    display: table;
}
#sidebar .widget-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
    padding-bottom: 10px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}
 .entry-title h2:before{
 content: "\f185";
    display: inline-block;
    font-family: FontAwesome;
    margin-right: 5px;
}
#sidebar ul {
    list-style: outside none none;
    padding: 0;
    margin: 0;
}
#sidebar ul ul {
    border-bottom:none;
    padding-bottom: 0;
}
#sidebar ul li {
  padding: 5px;
  padding-left: 30px;
  padding-top: 5px;
  position: relative;
  color: #322a2b;
}
#sidebar ul li::before {
  color: #ff9a51 !important;
  content: "\f192";
  display: inline-block;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 7px;
  left: 0;
  position: absolute;
  top: 6px;
  margin-left: 2px;
}
#sidebar .widget a,
#sidebar .widget a:visited {
  color: #322a2b;
  text-decoration: none;
}
#sidebar .widget a:hover,
#sidebar .widget a:active {
  color: #ff9a51;
}
#sidebar .widget {
    padding: 20px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 0 2px #cfcfcf;
    border-bottom: 3px solid #ff9a51;
    margin-bottom: 30px;
}
#sidebar .widget:hover{
    box-shadow: 0 0 20px #cfcfcf;
}
#sidebar .widget_nav_menu ul li{
  padding: 3px 15px 5px 13px;
}
#sidebar .widget_nav_menu ul li a{ 
  line-height: 2.5;
}
/*Clearing floats css*/
.page-links {
  float: unset !important;
  display: inline-flex;
  gap: 5px;
  align-items: center;
  margin:20px auto;
}
.page-links a, .page-links span{
  padding: 10px 15px;
  background-color: #ff9a51;
  color: #322a2b;
}
.page-links .post-page-numbers.current, .page-links a:hover{
  background-color: #000;
  color:#fff;
}
/*calendar widget*/
.widget_calendar {
    text-align: center;
}
.widget_calendar caption {
    background: #ff9a51 none repeat scroll 0 0;
    color: #322a2b;
    padding: 5px;
}
.widget_calendar .pad {
    background: #eeeeee none repeat scroll 0 0;
}
.widget_calendar #today {
    background: #ff9a51 none repeat scroll 0 0;
    color: #322a2b;
}
.widget .tagcloud a {
    border: 1px solid #dddddd;
    color: #001837;
    display: inline-block;
    font-size: 16px !important;
    line-height: 1.5;
    margin-bottom: 5px;
    padding: 5px 15px;
}
.widget .tagcloud a:hover {
    border: 1px solid #ff9a51;
    color: #ff9a51;
}
.widget_categories li > a,
.widget_archive li > a {
    display: inline-block;
    min-width: 85%;
}
.search-form .search-submit:focus {
    box-shadow: inherit;
    outline: none;
}
dt {
    font-weight: bold;
}
dd {
    margin: 0 1.5em 1.5em;
}
img {
    height: auto;
    max-width: 100%;
}
table {
    margin: 0 0 1.5em;
    width: 100%;
}
td, th {
  border: 1px solid #ddd;
  padding: 5px;
  color:#252525;
}
#footer td, #footer th{
  color: #fff;
}
select {
    width: 100%;
    padding: 5px;
}
#footer .tagcloud a {
  border: solid 1px #fff;
  font-size: 12px !important;
  margin: 2px 0;
  display: inline-block;
  color: #fff;
  padding: 5px;
  font-weight: 500;
}
.tagcloud a:hover{
  background-color: #ff9a51;
  border-color: #ff9a51 !important;
  color: #322a2b !important;
}
/*footer*/
.footer-content {
  background: #121212 none repeat scroll 0 0;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.75);
}
#footer ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
}
#footer ul li {
  font-size: 13px;
  letter-spacing: 0.5px;
  padding: 3px 15px 3px 13px;
  position: relative;
  color: #fff;
}
#footer ul li::before {
  color: #fff;
  content: "\f105";
  display: inline-block;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 14px;
  left: 0;
  position: absolute;
  top: 3px;
}
#footer a .footer-widget-area {
  float: left;
  padding: 0 25px;
  width: 25%;
}
#footer a,
#footer p {
  color:#fff;
}
#footer a:hover, #footer h6, #sidebar .widget-title {
  color:#ff9a51;
}
#footer aside{
  padding: 20px;
}
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.postsec-list article.hentry {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 0 0 2px #cfcfcf;
    padding: 30px;
    position: relative;
    border-radius: 12px;
    margin-bottom: 30px;
}
.postsec-list article.hentry:hover{
    box-shadow: 0 0 20px #cfcfcf;
}
/* = Footer css
------------------------------------------- */
#footer input.search-submit {
  background: #ff9a51;
  color: #322a2b;
  border: none;
  padding: 10px;
}
.ftr-4-box h3,.ftr-4-box h2{
	font-size:25px;
	color:#fff;
	margin-bottom:25px;
	border-bottom:1px solid #303030;
	padding: 15px 0;
}
.ftr-4-box ul{
	margin:0;
	padding:0;
	list-style:inside disc;
}
.ftr-4-box ul li {
	display:block;
	padding:6px 0;
}
.ftr-4-box ul li a,.ftr-4-box a {
	color:#ffffff;
}
.ftr-4-box a:hover{
  color: #ff9a51;
}
.ftr-4-box p{
	margin-bottom:15px;
}
#footer select{
  height: auto;
}
.copywrap {
  font-size: 18px;
  padding: 14px 10px !important;
  background-color: #ff9a51;
}
.copywrap p, .copywrap p a{
  color:#322a2b !important;
  margin-bottom: 0;
  font-weight: 500;
  letter-spacing: 1px;
  font-family: 'Pangolin', cursive;
}
.copywrap p a:hover{
  color: #fff !important;
}
/* Mobile */
@media screen and (min-width: 320px) and (max-width: 520px) {
  .page-template-template-home-page .header{
    position: static !important;
    background: #262626 !important;
  }
  .social-icons{
    text-align: center;
  }
  .slider-box h3 {
    font-size: 20px;
  }
  .slider-box {
    right: 10%;
    left: 10%;
    text-align: center;
  }
  h1.site-title{
    font-size: 28px;
  }
}

/* Mobile Portrait View */
@media screen and (max-width: 767px) {
  .wpcf7 input[type="text"],
  .wpcf7 input[type="tel"],
  .wpcf7 input[type="email"],
  .wpcf7 textarea {
    width: 100%;
  }
  #slider p.text-slider{
    display: none;
  }
  #slider h1.title-slider{
    font-size: 20px;
  }
  .page-header h1{
    text-align: center;
  }
  .admin-bar .page-template-template-home-page .header.sticky-head, .admin-bar .sticky-head{
    top:0;
  }
  h1.site-title a, p.site-title a{
    font-size: 20px;
  }
  .logo{
    padding: 10px 0 0;
  }
  #slider .content{
    height: 250px;
  }
  .redmor, .cont-us{
    padding: 10px 24px;
  }
  .sliderbox{
    left: 15%;
    right: 15%;
  }
  .email-icon , .header-top{
    text-align: left;
  }
  .email-text, .location-text, .time-text {
    text-align: left;
  }
  .email, .logo{
    margin-bottom: 10px;
    text-align: center;
  }
  .slide-search form.search-form{
    top: -5em;
    padding: 10px 20px !important;
    left: 10%;
    right: 10%;
  }
  .slide-search label, .slide-search input.search-field{
    width: 100%;
  }
  .slide-search input.search-field{
    padding: 8px;
  }
  .header-search, .sliderbtn, .page-template-template-home-page .site-tagline, .site-tagline, .social-icon{
    text-align: center;
  }
  p.main_text{
    width: 75% !important;
  }
  .sidenav .close-button{
    margin-bottom: 40px !important; 
  }
  .page-template-template-home-page.admin-bar .sidenav{
    margin-top: 44px;
  }
  .emailadd, .location, .time{
    display: inline-flex;
  }
  .slider-img-color, .slidesection img{
    height: 300px !important;
  }
  .contact-us{
    border-right: none;
    margin:12px 0;
  }
  .page-template-template-home-page .main-slider:after{
    content: none;
  }
  #about_section .thumbbx img{
    width: 250px;
    height: 250px;
  }
  #about_section .about-img .image-outerbox{
    left:55%;
    bottom: 170px;
  }
  #about_section .about-img .image-text{
    width: 50px;
    height: 50px;
  }
  #about_section .about-img .image-text span{
    left: -7px;
    right: 0;
    font-size: 12px;
  }
  .admin-bar .page-template-template-home-page .header.main.sticky-head, .admin-bar .main.sticky-head{
    top:0;
  }
  .location-text, .email-text{
    padding-left: 12px;
  }
  .header-top {
    padding: 5px 20px;
  }
  .contact.email{
    border:none;
  }
  tr.wc-block-cart-items__row {
    gap: 0.4em;
  }
  td.wc-block-cart-item__total{
    padding-left: 0px !important;
  }
  li.wc-block-grid__product{
    max-width:100% !important;
    float:none;
  }
}

@media screen and (min-width: 768px) and (max-width: 999px) {
  .slider-box h3 {
    font-size: 25px;
  }
  .is-sticky-on.mobile.sticky-head{
    top: 40px;
  }
  .slider-box {
    left: 10%;
    right: 35%;
  }
  .admin-bar #mySidenav{
    margin-top: 32px;
  }
  .sliderbox{
    right: 20%;
    left: 5%;
  }
  #slider .content{
    height: 600px;
  }
  .admin-bar .page-template-template-home-page .header.sticky-head, .admin-bar .sticky-head{
    top: 47px;
  }
  .site-title a, p.site-title a{
    font-size: 18px;
  }
  .site-tagline{
    font-size: 12px;
  }
  .meta-fields p{
    font-size: 11px;
  }
  .service-content h3 a, .price-meta-fields p{
    font-size: 15px;
  }
  .service-content h3{
    line-height: 1;
  }
  #about_section .thumbbx img{
    width: 300px;
    height: 300px;
  }
  .header-top{
    padding-bottom:10px;
  }
  .navigation{
    padding: 0;
  }
  .contact.email{
    border:none;
  }
  .page-template-template-home-page .main-slider:after{
    height: 95px;
  }
  #slider .title-slider{
    font-size: 30px;
  }
  .site-title{
    margin-bottom: 0 !important;
  }
  .sliderbox p{
    font-size: 12px;
  }
  .admin-bar .page-template-template-home-page .header.main.sticky-head, .admin-bar .main.sticky-head{
    top:42px;
  }
  tr.wc-block-cart-items__row {
    gap: 1em;
  }
  li.wc-block-grid__product{
    max-width: 48% !important;
    float: left;
    clear: both;
    margin: 0 1% 2.992em;
    flex: 1 0 48% !important;
  }
}

@media screen and (max-width: 1000px){
  .main-nav ul ul, .main-nav .sub-menu{
    opacity: 1;
  }
  .main-nav .sub-menu{
      margin-left: 25px;
  }
  .main-nav li ul{
    border:none;
    box-shadow: none;
    border-top: none !important;
  }
  .main-nav .sub-menu li{
    border-bottom: none;
  }
  .slider-box { right: 10%;text-align: center;}
  .toggle-nav button {
    font-weight: 600;
    border: none;
    background: #ff9a51;
    color: #322a2b;
    font-size: 22px;
    padding: 10px 20px;
  }
  .sidenav {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 99999; 
    left: 0;
    top: -110%;
    overflow-x: hidden; 
    transition: 0.5s top ease-in-out;
    overflow-y: scroll;
    background: #fff;
    visibility: hidden; 
  }
  .main-nav ul li a:hover{
    color: #ff9a51;
  }
  body.show-main-menu .sidenav{visibility: visible;top: 0;transition: 0.5s top ease-in-out;}
  .sidenav .close-button {font-size: 36px; display: block !important;color: #322a2b; padding: 30px 10px !important;}
  .sidenav #site-navigation {width: 100%; }
  .toggle-nav span{font-size:30px; cursor:pointer; text-align: right;}
  .main-nav ul ul li,.menubar .nav ul li,.toggle-nav{display: block;}
  .main-nav ul li a{padding: 8px;text-decoration: none;font-size: 15px;color: #322a2b;display: block;float: none;margin: 5px 0;border-right: none; }
  .main-nav ul li ul li a:before{content:"\00BB \00a0";}
  .main-nav ul.sub-menu a:hover{color:#322a2b;}
  .main-nav ul ul{position: static; width: 100%; background: transparent;border-top-width: 0px; border-bottom-width: 0px;box-shadow: none; }
  .main-nav ul ul a{border-bottom: none; padding-left: 40px;}
  .main-nav ul ul ul.sub-menu a{padding-left: 40px;}
  .main-nav li{padding: 0 15px;display: block;} 
  .main-header-box{padding-bottom: 15px;}
  #mySidenav {text-align: left; display: inline;}
  .main-menu {padding: 0em;}
  .main-nav ul.sub-menu>li>a:before {content: unset;}
  .main-nav ul.sub-menu>li>a:hover:before {opacity: 0;left: 0px;width: 0px;}
  .breadcrumb a{
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
  .slider-box {
    right: 30%;
  }
  .admin-bar .page-template-template-home-page .header.sticky-head, .admin-bar .sticky-head{
    top: 32px;
  }
  .time-text, .location-text, .email-text{
    padding-left: 25px;
  }
  .social-icon a{
    margin-right: 10px !important;
  }
  .header-search form{
    display: inline-flex;
  }
  .admin-bar .page-template-template-home-page .header.main.sticky-head, .admin-bar .main.sticky-head{
    top: 30px;
  }
  tr.wc-block-cart-items__row {
    gap: 1em;
  }
}