/* Presentation-only rules from the verified original theme packages. No old PHP is restored. */

/* ecommerce-landing-page original header and footer */
.main-navigation ul ul a:focus,
.toggle-nav button:focus,
.main-navigation a:focus,
.toggle-nav button:focus {
  outline: 2px solid #0d6efd !important;
  text-decoration:none !important;
}

footer
#footer .widget {
  margin-top: 25px;
  margin-bottom: 25px;
}

#footer .wp-block-tag-cloud a {
  border: solid 1px #fff;
  color: #fff;
  font-size: 14px !important;
  padding: 10px 18px;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
}

#footer .wp-block-tag-cloud a:hover {
  background: #2f9ecd;
  color: #fff !important;
  border: 1px solid transparent;
  transition: 0.1s;
}

#footer ul li a {
  color: #fff;
  font-size: 15px;
}

#footer .wp-block-latest-posts.wp-block-latest-posts__list,
#footer ul.sub-menu {
    display: block !important;
}

#footer input[type="submit"]:hover {
  background: #2f9ecd !important;
}

#footer .container {
  padding-bottom: 40px;
}

p.site-title,
.site-description a {
  font-size: 25px;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 0;
}

.site-title a {
  font-size: 25px !important;
  font-weight: 700 !important;
}

p.site-title a,
.logo h1 a,
.logo p.site-description {
  color: #000;
}

p.site-title a:hover,
.logo h1 a:hover {
  color: #2f9ecd;
}

.topbar {
  padding: 15px 0px;
}

.menu-section {
  background: #2f9ecd;
  border-radius: 30px;
  color: #fff;
  display: inline-block;
}

.topbar i {
  color: #fff;
}

.admin-bar .home-page-header {
  margin-top: 32px;
}

.page-template-custom-home-page .home-page-header {
  border-bottom: none;
  position: absolute !important;
  width: 100%;
  z-index: 99;
}

.home-page-header {
  border-bottom: 2px solid #2f9ecd;
}

.main-navigation ul li a:before,
.main-navigation .current-menu-item > a:before {
  content: "";
  width: 15px;
  height: 15px;
  background: #2f9ecd;
  position: absolute;
  left: 50%;
  bottom: -6px;
  border-radius: 50%;
  opacity: 0;
  margin: 0 auto;
  transform: translate(-50%);
  z-index: 999;
}

#mySidenav {
  display: inline-block;
}

.main-navigation ul {
  margin: 0;
  padding: 0;
}

.main-navigation li {
  display: inline-block;
  position: relative;
}

.main-navigation a {
  display: block;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  position: relative;
  padding: 12px 20px;
  text-transform: capitalize;
  position: relative;
}

.main-navigation ul ul li a:hover,
.main-navigation ul ul a:focus,
.main-navigation ul ul a:hover {
  color: #2f9ecd;
}

.main-navigation li a:focus {
  color: #fff;
}

.main-navigation ul ul li.current_page_item,
.main-navigation ul ul li a:hover {
  background-color: transparent;
}

.main-navigation ul ul {
  display: none;
  position: absolute;
  background: #fff;
  min-width: 200px;
  z-index: 9999;
  top: 100%;
  line-height: 30px;
  box-shadow: 0px 3px 4px 1px #eee;
  border-radius: 5px;
  border-top: 2px solid #2f9ecd;
  border-bottom: 2px solid #2f9ecd;
}

.main-navigation ul li.page_item_has_children.focus ul,
.main-navigation ul li.menu-item-has-children.focus ul {
  opacity: 1;
}

.main-navigation ul ul ul {
  left: 100%;
  top: 0%;
}

.main-navigation ul ul a {
  color: #222 ;
  padding: 6px 12px;
  border-bottom: 1px solid #eaeaea;
  margin-top: 5px;
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
}

.main-navigation ul.sub-menu a:hover {
  padding-left: 50px !important;
  background: transparent;
  box-shadow: none;
}

.main-navigation ul.sub-menu>li>a:before {
  content: "";
  width: 0;
  height: 2px;
  position: absolute;
  margin-top: 15px;
  left: 0;
  opacity: 0;
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  background: #000;
  top: auto;
  bottom: auto;
}

.main-navigation ul.sub-menu>li>a:hover:before {
  opacity: 1;
  left: 15px;
  width: 20px;
}

.main-navigation ul.sub-menu>li>a:after,
.main-navigation ul.sub-menu>li>a:hover:after {
  content: none;
}

.main-navigation ul ul li {
  float: none;
  display: block;
  text-align: left;
  border-left: none;
  border-right: none !important;
  padding: 0;
}

.main-navigation ul ul li:last-child {
  border-bottom: 0;
}

.main-navigation ul li:hover > ul {
  display: block;
}

.main-navigation .menu > ul > li.highlight {
  background-color: #006ccc;
}

.main-navigation .menu > ul > li.highlight:hover {
  background: transparent;
}

.sf-arrows ul .sf-with-ul:after {
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #888;
}

.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
  border-left-color: #333;
}

.sf-arrows .sf-with-ul:after {
  content: "";
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  font-family: "Font Awesome 7 Free";
  font-weight: 900;
  margin-left: 5px;
}

.sf-arrows ul .sf-with-ul:after {
  top: 30%;
  transform: translateY(-50%);
   margin-left: 5px;
}

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

#footer .tagcloud a {
  border: solid 1px #ffffff;
  color:#ffffff !important;
  font-size: 14px !important;
  padding: 6px 12px;
  display:inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
}

#footer .tagcloud a:hover {
  background: #2f9ecd;
  border: solid 1px #2f9ecd;
}

#footer input[type="submit"] {
  margin-top: 0;
  font-size: 15px;
  width: 100%;
  background: #2f9ecd;
  color: #fff;
  border-radius: 0;
}

#footer label {
  width: 100%;
}

#footer .search-form .search-field {
  width: 100%;
  border: solid 1px #ffffff;
  background:transparent;
  color: #fff;
}

#footer caption {
  color: #ffffff;
  font-size: 20px;
}

#footer table {
  width: 100%;
}

#footer table,
#footer th,
#footer td {
  border: 1px solid #ffffff;
  text-align: center;
}

#footer td {
  padding: 7px;
  color: #ffffff;
}

#footer th {
  text-align: center;
  padding: 10px;
  color: #ffffff;
}

#footer nav.wp-calendar-nav a {
  color: #fff;
}

#footer ul li {
  list-style: none;
  padding: 5px 0;
  font-size: 15px;
}

#footer ul {
  margin: 0;
  padding-left: 0;
}

#footer select {
  padding: 10px 5px;
  width: 100%;
}

#footer {
  background: #121212;
}

#footer-2 {
  background: #2f9ecd;
}

#footer h3,
#footer .wp-block-search .wp-block-search__label {
  font-size: 30px;
  letter-spacing: 1px;
  border-bottom: 1px dashed;
  margin-bottom: 30px;
}

#footer .wp-block-search .wp-block-search__inside-wrapper {
  flex-wrap: wrap;
  display: block;
}

#footer .wp-block-search .wp-block-search__input {
  padding:10px 10px;
  font-size:15px;
  margin-bottom: 10px;
  color:#4d4749;
  border: solid 1px #e1e1e1;
  width: 100%;
  border-radius: 3px;
}

#footer .wp-block-search .wp-block-search__button {
  background: #2f9ecd;
  color: #fff;
  padding: 10px;
  font-weight: bold;
  font-size: 15px;
  letter-spacing: 2px;
  width: 100%;
  margin-left: 0;
  border-radius: 5px !important;
}

#footer p,
#footer li a,
#footer,
#footer h3,
#footer #wp-calendar a,
.copyright a,
#footer .custom_details,
#footer ins span,
#footer .tagcloud a {
  color: #fff;
  font-size: 15px;
}

#footer a.rsswidget.rss-widget-title {
  color: #fff;
}

.copyright p {
  font-size: 16px;
  margin-bottom: 0;
  color: #fff;
}

.copyright .widget .custom-social-icons {
  margin-top: 10px;
}

.copyright .custom-social-icons i {
  margin-left: 12px;
  font-size: 18px;
  background: transparent !important;
  color: #fff!important;
}

.copyright .custom-social-icons .custom_title {
  display: none;
}

.copyright a:hover {
  color: #000;
}

#footer ul li::before {
  content: "" !important;
  font-family: "FontAwesome" !important;
  margin-right: 10px !important;
  height: 8px !important;
  width: 8px !important;
  background:#fff !important;
  display: inline-block !important;
  transform: rotate(-45deg) !important;
}

#footer .custom-social-icons p {
  margin-bottom: 30px !important;
  display: inline-block;
}

#footer .custom-social-icons a {
  padding: 10px 15px;
  color: #fff;
  background: #2f9ecd;
}

#footer .custom-social-icons a:hover,
#footer input[type="submit"]:hover {
  background: #2f9ecd;
  color: #333029;
}

#footer li a:hover {
  color: #2f9ecd;
}

.copyright-fixed {
  position: fixed;
  bottom:0;
  left:0;
  width: 100%;
  z-index: 999;
  transition: bottom 0.4s;
  box-shadow: 0px 0px 8px #000000;
}

.middle-header.pt-2.header-sticky.header-fixed p.site-title a,
.middle-header.pt-2.header-sticky.header-fixed .logo h1 a,
.logo p.site-description {
  color: #fff;
}

.middle-header.pt-2.header-sticky.header-fixed .main-navigation ul ul a:hover {
  color: #000 !important;
}

@media  screen and (max-width: 1000px){
.menu-section {
    background: transparent;
  }

a.closebtn.mobile-menu:focus {
    outline: 2px solid #1858cc;
  }

.toggle-nav {
    display: none;
    position: relative;
    cursor: pointer;
  }

.toggle-nav i {
    font-size: 20px;
    color: #fff;
    padding: 10px 19px 10px 10px !important;
    background: #2f9ecd;
  }

.toggle-nav button {
    border: none;
    padding: 0;
  }

.sidenav {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 999999;
    left: 0;
    top: -120%;
    overflow-x: hidden;
    overflow-y: scroll;
    background: #fff ;
    visibility: hidden;
    transition: all 0.5s ease-in-out;
    cursor: zoom-in;
  }

.sidenav.show {
    visibility: visible;
    top:0%;
  }

.sidenav .closebtn,
.left-menu .closebtn {
    position: absolute;
    right: 25px;
    font-size: 22px;
    display: block !important;
    color: #000;
    padding: 0;
    top:0;
  }

.sidenav #site-navigation {
    width: 100%;
  }

.toggle-nav {
    display: block;
    margin: 5px 0px 5px 0;
  }

.main-navigation ul {
    position: relative;
    top: 25%;
    width: 100%;
    text-align: center;
    margin-top: 0px;
    float: none;
  }

.main-navigation ul ul li {
    display: block;
  }

.main-navigation ul li.current_page_item,
.main-navigation li a:hover {
    background-color: transparent;
    border-radius: 0px;
  }

.main-navigation ul li a {
    padding: 8px;
    text-decoration: none;
    font-size: 15px;
    color: #000 !important;
    display: block;
    transition: 0.3s;
    float: none;
    margin: 5px 0;
    border-right: none;
  }

.main-navigation a:hover {
    background: #fff !important;
    color: #2f9ecd !important;
  }

.main-navigation .current-menu-item > a:after {
    content: none;
  }

.main-navigation ul li ul li a:before {
    content:"» ";
  }

.main-navigation ul.sub-menu a:hover {
    padding-left:20px !important;
    background: #fff !important;
  }

.main-navigation ul ul {
    position: static;
    width: 100%;
    background: transparent;
    border-top-width: 0px;
    border-bottom-width: 0px;
    box-shadow: none;
    opacity: 1;
  }

.main-navigation ul ul a {
    border-bottom: none;
    text-align: center;
    padding-left: 40px;
  }

.main-navigation ul ul ul.sub-menu a {
    padding-left: 40px;
  }

.main-navigation li {
    padding: 0;
    display: block;
    text-align: center;
  }

.main-navigation ul li:last-child {
    border-bottom: 1px #f1f1f1 solid;
  }

.main-menu {
    padding: 0em;
    padding-top: 50px;
  }

.main-navigation ul.sub-menu>li>a:before {
    content: unset;
  }

.main-navigation ul.sub-menu>li>a:hover:before {
    opacity: 0;
    left: 0px;
    width: 0px;
  }

.sf-arrows .sf-with-ul:hover:after,
.main-navigation ul li li:hover .sf-with-ul:after {
    content: "";
    font-weight: 600;
    font-family: "Font Awesome 7 Free";
    color: #000;
  }

.sf-arrows .sf-with-ul:after {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    border-top-color: #e1e1e1;
    color: #000;
    font-weight: 600;
    font-family: "Font Awesome 7 Free";
    margin-top: 0px;
    font-size: 12px;
    padding: 0px 10px;
  }

.admin-bar #mySidenav {
    margin-top: 0px;
  }
}

@media  screen and (min-width: 768px) and (max-width: 1024px){
.toggle-nav i {
    padding: 10px 25px 10px 10px !important
  }
}

@media  screen and (min-width: 768px) and (max-width: 1199px){
#footer td,
#footer th {
    padding: 2px;
  }
}

@media  screen and (max-width:720px) {
.admin-bar .home-page-header {
    margin-top: 46px;
  }

.menu-section-sec {
    border: none;
  }

.copyright p,
.copyright .widget {
    width: 100%;
    text-align: center;
    margin-top: 10px;
  }

.topbar a,
.topbar p,
.topbar i {
    font-size: 12px;
  }

.menu-section {
    background: none;
  }

.closebtn i {
    color: #fff;
    background: #2f9ecd;
    padding: 10px 18px 10px 10px;
  }

.sidenav .closebtn {
    top: 35px;
  }
}

@media  screen and (min-width: 768px) and (max-width: 1000px){
.admin-bar #mySidenav {
    margin-top: 35px;
  }

#topbar .box-topbar .row.inner-topbar {
    margin: 10px 0;
  }

.page-template-custom-home-page .topbar {
    padding: 30px 0px 14px;
  }

.closebtn i {
    color: #fff;
    background: #2f9ecd;
    padding: 10px;
  }

.sidenav .closebtn {
    top: 35px;
  }

.menu-section {
    border-radius: 0;
  }
}

@media  screen and (min-width: 1001px) and (max-width: 1024px){
p.site-title,
.logo h1 {
    font-size: 22px;
  }

.main-navigation a {
    padding: 12px 12px;
  }
}

/* business-landing-page original header and footer */
.topbar-text a,
.topbar-text span {
	color: #fff;
}

#header {
	background: transparent;
}

.topbar-btn a {
	font-size: 15px;
	background: #2f9ecd ;
	display: inline-block;
}

.topbar-btn a:hover,
.topbar-btn a:hover {
	background: #000000 !important;
	color: #fff !important;
}

.page-template-custom-home-page .menu-section,
.page-template-custom-home-page .closebtn i {
	background: #2f9ecd;
}

.page-template-custom-home-page .main-navigation a {
	color: #fff;
}

.main-navigation a {
	color: #000;
}

.toggle-nav i {
	background: #fff !important;
	color: #2f9ecd;
}

.closebtn i {
	background: #2f9ecd;
}

.page-template-custom-home-page .home-page-header {
	border-bottom: none !important;
	background: transparent;
}

.home-page-header {
	background-color: #2f9ecd;
	border-bottom: none !important;
}

.page-template-custom-home-page .main-navigation a:hover {
	color: #fff;
}

.main-navigation a:hover {
	color: #2f9ecd;
}

.main-navigation ul ul li a:hover,
.main-navigation ul ul a:focus {
  color: #2f9ecd;
}

.main-navigation ul ul {
  border-top: 2px solid #2f9ecd;
  border-bottom: 2px solid #2f9ecd;
}

.menu-section {
	background: #fff;
}

.menu-section .closebtn i {
	font-size: 20px;
}

.logo p.site-title a:hover {
	color: #000 !important;
}

.topbar .cart-no {
	display: none;
}

.page-template-custom-home-page p.site-title a,
.page-template-custom-home-page .logo h1 a,
.page-template-custom-home-page .logo p.site-description {
	color: #000 ;
}

p.site-title a,
.logo h1 a,
.logo p.site-description {
	color: #fff ;
}

.main-navigation ul ul a {
	color: #000 !important;
}

.main-navigation li a:focus {
	color: #000;
}

#footer li a:hover {
	color: #2f9ecd !important;
}

#footer input[type="submit"]:hover {
		background: #2f9ecd  !important;
}

#footer-2 {
	background: #2f9ecd;
}

#footer .textwidget a,
#footer li a:hover,
.logo h1 a:hover,
.logo p.site-title a:hover {
	color: #000000;
}

#header {
	background: transparent !important;
}

#footer .custom-about-us a.custom_read_more {
  background: #2f9ecd;
}

#footer .wp-block-search .wp-block-search__button {
  background: #000000;
}

#footer .tagcloud a:hover {
	border-color: #2f9ecd;
}

#footer .widget_tag_cloud a.tag-cloud-link:hover {
	background-color: #2f9ecd;
}

.copyright a:hover {
	color: #fff;
}

.copyright .widget {
	margin-bottom: 0 !important;
}

@media  screen and (max-width: 1000px){
.main-navigation a:hover {
		color: #2f9ecd !important;
	}

.toggle-nav i {
		background: #2f9ecd;
	}

p.site-title,
.logo h1 {
       font-size: 25px;
	}

.menu-section {
		border-radius: 0;
	}
}

@media  screen and (max-width:720px) {
.admin-bar .home-page-header {
		margin-bottom: 20px;
	}

.menu-section {
		border-radius: 0;
	}

.menu-section {
		background: none;
	}
}

@media  screen and (max-width: 1024px) and (min-width: 1000px){
.main-navigation a {
		font-size: 14px;
	}
}

@media  screen and (min-width: 1025px) and (max-width: 1075px){
.main-navigation a {
		font-size: 14px;
	}
}

@media  screen and (min-width: 1076px) and (max-width: 1200px){
.main-navigation a {
		font-size: 14px;
	}
}