@charset "UTF-8";
/*
Theme Name: Orion Fans
Theme URI: 
Author: the Development team
Author URI: https://wordpress.org/
Description: A theme for WordPress 5.
Requires at least: WordPress 4.9.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wp5default
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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.

WP5 Default is based on Underscores https://underscores.me/, (C) 2012-2018 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/* we're substituting Gidole for Bahnschrift due to licensing */
@font-face {
  font-family: 'Bahnschrift';
  src: url('../gidole.html') format('woff2'),
       url('../woff/gidole.woff') format('woff'),
       url('../ttf/gidole.ttf')  format('truetype');
}

/* Let's also declare Gidole by its own name */
@font-face {
  font-family: 'Gidole';
  src: url('../gidole.html') format('woff2'),
       url('../woff/gidole.woff') format('woff'),
       url('../ttf/gidole.ttf')  format('truetype');
}

/*--------------------------------------------------------------
# General Styles
--------------------------------------------------------------*/
html { font-size: 16px; /* 1em */ }
body { margin: 0 auto; padding: 0;}
a, a:visited { color: inherit;
  -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
     -o-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out;
      text-decoration: none; }
a:hover { color: inherit; text-decoration: none; }
img{ max-width: 100%; height: auto; }

h1, h2, h3, h4, h5 { font-weight: 400; padding:0; margin: 0; line-height: 1.2; }
/*--------------------------------------------------------------
# Helper Styles
--------------------------------------------------------------*
/* For removing bootstrap grid gutter */
.no-gutter > [class*='col-'] { padding-right:0; padding-left:0; }
.skip-link.screen-reader-text, .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; padding: 0; }

/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/
.site { margin: 0 auto; /*max-width: 1920px;*/ }

.content-area .elementor-section h1.elementor-heading-title,
.content-area .elementor-section h2.elementor-heading-title { font-size: 35px; }

.full { width: 100%; }
.main { margin: 0 auto; }
.blk{ display: block; }
/*.elementor-button.elementor-size-sm:not([type="submit"]){ box-shadow: 0 5px 10px -2px #777; font-family: "Junegull", Sans-serif !important; align-items: center; display: inline-flex !important; justify-content: space-between; max-width: 302px; position: relative; width: 100%;}
.elementor-button.elementor-size-sm:not([type="submit"]):after{ background-color: #412001; border: 2px solid #F59A46; border-radius: 50%; color: #F59A46; content: "\f101"; font-family: "FontAwesome"; font-size: 40px; font-weight: 900; height: 58px; width: 58px; align-items: center; display: flex; justify-content: center; }*/
.elementor-button.elementor-size-md{ max-width: 302px; width: 100%;}
.greenbutton .elementor-button.elementor-size-md{ background: url(../jpg/buynow.jpg) no-repeat center top; background-size: 100% 100%; border-radius: 50px; border: 0 !important; color: #fff; font-weight: 700; padding: 22px 0; width: 100%; position: relative; }
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.site-header { position: relative; z-index: 9999;}
.site-header:after{ content: ""; /*border-bottom: 3px solid #DADADA;*/border-bottom: 1px solid #DADADA; display: block; /*height: 3px;*/height: 1px; width: 100%; position: absolute; left: 0; right: 0; bottom: 40px; }
/*--------------------------------------------------------------
## Navigation
--------------------------------------------------------------*/
.stratum-menu-dropdown{ display: none !important; }
/* Main Navigation */
.main-navigation *{ transition: all .3s linear; }
.main-navigation .stratum-top-menu{ justify-content: space-between !important; }
.main-navigation .stratum-menu-item__wrapper{ padding: 0 !important }
.main-navigation .stratum-menu-item{ position: static; }
.main-navigation .stratum-top-menu a.top-level-link{ padding: 7px 18px; }
.main-navigation .stratum-top-menu li.two-column .stratum-sub-menu-simple{ column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; }
.main-navigation .stratum-sub-menu:before{ display: none; }
.main-navigation .stratum-top-menu > li:hover > .stratum-sub-menu-simple{ box-sizing: border-box; left: 0 !important; top: 80% !important; padding: 40px; }
.main-navigation li.stratum-menu-show > .stratum-sub-menu, .main-navigation .stratum-top-menu > li:hover > .stratum-sub-menu{ width: 100%; }
.main-navigation .stratum-top-menu > li:hover > ul > li > ul.stratum-sub-menu-simple{ box-shadow: none; opacity: 1; margin: 0 auto; padding-left: 30px; position: static; transform: none; visibility: visible; width: 100%; }
/* Mega Menu Enabled */
.main-navigation div.stratum-sub-menu { top: 80% !important; }
.main-navigation div.stratum-sub-menu .submenu{ width: calc(100% - 29.25%); margin: 0 50px 0 auto; }



/*max mega menu*/
.menuv2 .mega-mobile-parent-nav-menu-item { display: none; }
.menuv2 #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item { padding: 0 1%; }
.menuv2 #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item:first-child { padding-left: 0; }
.menuv2 #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item:last-child { padding-right: 0; }
.menuv2 .menu-toggle { display: none; }
.menuv2 #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link { line-height: normal; padding: 10px 5px; }
.menuv2 #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li ul { font-family: 'Bahnschrift' !important; }

.menuv2 #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li { padding: 0; }
.menuv2 #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu { padding-left: 0; }
.menuv2 #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu ul { padding-left: 30px; }
/*--------------------------------------------------------------
## Content
--------------------------------------------------------------*/
/* Banner */
.site-banner .elementor-slide-heading small{ display: block; }
.site-banner .elementor-size-sm{ color: #fff !important; }
.site-banner .elementor-repeater-item-2b3716f .elementor-button{ margin: 0 0 0 auto; }
/* .site-banner .elementor-repeater-item-cd02a4a .swiper-slide-contents{ align-items: center; display: flex; justify-content: space-between; width: 100%; } */
/* .site-banner .elementor-repeater-item-cd02a4a .swiper-slide-contents .elementor-slide-heading{ margin-bottom: 0 !important; } */

.content-area{ position: relative; }

/* Products */
.featured-products .product-col .elementor-posts{ grid-template-columns: repeat(9,1fr); }
.top-categories .product-col .elementor-posts{ /*grid-template-columns: repeat(7,1fr);*/grid-template-columns: repeat(8,1fr); }
.product-col .elementor-post__thumbnail{ padding-bottom: 0 !important; position: static !important; }
.product-col .elementor-post__thumbnail img{ height: 147px !important; object-fit: contain; position: static !important; transform: none !important; width: 100% !important;}
.product-col .elementor-post__text{ padding: 0 !important; }
/* Helpful Links */
.helpful-links .small .elementor-widget-image .widget-image-caption{ margin: 0 auto; width: 68%; }
/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
.site-footer .elementor-nav-menu{ justify-content: space-between !important; width: 100%; }
.site-footer .terms-menu .elementor-nav-menu a{ white-space: unset; }
.site-footer .terms-menu .elementor-nav-menu:after{ display: none; }
.site-footer .nav-wrap .sub-menu{ display: block; position: static; width: auto; }
/*--------------------------------------------------------------
## Inner Pages
--------------------------------------------------------------*/
.inner .content-area p{ margin-top: 0; }
.search-wrap .loader{ position: absolute; left: 0; right: 0; text-align: center; top: 0; display: none;}
.search-wrap .loader img{ max-width: 60px; }
.search-wrap form{ align-items: center; display: flex; justify-content: space-between; margin-bottom: 20px; }
.search-wrap .input-group{ width: 45%; }
.search-wrap form label{ display: none;}
.search-wrap form select{ background: #fff; color: #2c2c2c; font-size: 20px; line-height: 120%; padding: 10px; width: 100%; }
.search-wrap form .searchBtn{ background: #0361AB; border-color: #0361AB; box-shadow: none !important; color: #fff; padding: 11px 14px; }
.search-wrap .response h3, .search-wrap .response .items{ margin-bottom: 20px; }
.search-wrap .response ul{ display: flex; flex-wrap: wrap; justify-content: flex-start; list-style: none; margin: 0; padding: 0; text-align: center;}
.search-wrap .response ul li{ background: #fff; box-shadow: 0 0 5px #777; box-sizing: border-box; border-radius: 10px; margin-bottom: 20px; padding: 20px; /*width: 23%;*/width: 19%; }
.search-wrap .response ul li:not(:last-child){ margin-right: 20px; }
.search-wrap .response ul li i{ background-color: #286DB6; border-radius: 50%; color: #fff; font-size: 80px; padding: 20px 25px; }
.search-wrap .response ul li h4 { margin: 20px 0 10px; font-size: 20px; }
.search-wrap .response ul li p { font-size: 16px; }
.search-wrap .response a.link{background: linear-gradient(180deg, #52A6DB 0%, #2671BB 50%); border-radius: 50px; border: 3px solid #286DB6; color: #fff; display: inline-block; text-transform: uppercase; /*padding: 10px;*/padding: 5px 20px; font-size: 16px; }
.page-id-22 .elementor-button.elementor-size-md{ max-width: 276px; width: 100%; }
.with-border .elementor-icon{ border-width: 8px; border-style: solid; border-color: inherit; border-radius: 50%; height: 246px; max-width: 246px; margin: 0 0 0 auto; align-items: center; display: flex; justify-content: center;}
.three-col ul{ column-count: 3; -moz-column-count: 3; -webkit-column-count: 3; }
.products-grid-wrap .elementor-post__thumbnail img{ top: 0; left: 0; -webkit-transform: none; -ms-transform: none; transform: none; object-fit: contain; width: 100% !important; }
/* TablePress */
.dataTables_wrapper label input, .dataTables_wrapper label select{ font-size: 20px; }
.tablepress th{ background-color: #fff !important; color: #0261AA !important; font-size: 26px; }
.tablepress th small{ display: block; }
.tablepress th:not(.column-1), .tablepress td:not(.column-1){ text-align: center !important; }
.tablepress th{ vertical-align: bottom !important; }
.tablepress td{ vertical-align: middle !important; }
.tablepress th, .tablepress td{ border-bottom: 2px solid #000 !important; }
.tablepress td i.fa-file-pdf{ color: #ED1B24; font-size: 30px; }
.tablepress td .button{ background: url(../jpg/buynow.jpg) no-repeat center top; background-size: 100% 100%; border-radius: 30px; color: #fff; display: block; font-weight: 700; max-width: 110px; margin: 0 auto; padding: 16px 0; width: 100%; position: relative; height:20px;font-size:15px;line-height:0; }
.tablepress td, .tablepress th{padding:4px; !important;}

/*blogs*/
.custom-blog-posts .wbel-pd-pcf-category-container a,
.custom-blog-posts .pd_pcf_readmore_link,
.custom-blog-posts .pd_pcf_loadmore_btn { border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; }

.cat-list-con { background: #d9e0f0; }

#mega-menu-wrap-menu-1 .mega-menu-toggle { background: none !important; }
div#mega-toggle-block-1 { background: #0261aa; }

/*--------------------------------------------------------------
## Media Queries
--------------------------------------------------------------*/
@media screen and (max-width: 1820px) and (min-width: 1025px){
  .site-header .elementor-container, .site-footer > .elementor-container, .product-col > .elementor-container, .helpful-links > .elementor-container{ width: 96%; }
  .main-navigation div.stratum-sub-menu .submenu { width: calc(100% - 29.7%); }
  .main-navigation .stratum-top-menu a.top-level-link{ padding: 7px 14px; }
  .product-col .elementor-widget-image .widget-image-caption{ width: 100%; }
  .site-footer .terms-menu .elementor-nav-menu li{ width: 32%; text-align: center;}
}
@media screen and (max-width: 1600px) and (min-width: 1025px){
  .main-navigation > .elementor-widget-container{ margin-top: 15px !important; }
  .main-navigation div.stratum-sub-menu .submenu { width: calc(100% - 30.25%); }
  .main-navigation .stratum-top-menu a{ font-size: 21px !important; }
  .main-navigation .stratum-top-menu a.top-level-link{ padding: 7px 12px; }
  .main-navigation div.stratum-sub-menu .submenu a{ font-size: 18px !important; }
  .content-area .elementor-section.elementor-section-boxed > .elementor-container{ width: 95%; }
  .featured-products h3 a, .top-categories h3 a{ display: block; font-size: 22px !important; line-height: 120% !important;}
  .site-footer .social-links .elementor-icon{ font-size: 20px; }
  .site-footer .terms-menu .elementor-nav-menu{ display: block !important; text-align: center;}
  .site-footer .terms-menu .elementor-nav-menu li{ display: inline-block !important; vertical-align: middle; width: auto;}
  .site-footer .terms-menu .elementor-nav-menu li:not(:last-child){ margin-right: 10px; }
  .site-footer .terms-menu .elementor-nav-menu a{ font-size: 18px !important; }
}

@media screen and (max-width: 1600px) {
  .menuv2 #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item { padding: 0 0.5%; }
}

@media only screen and (max-width: 1561px){
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link{padding:10px 0;}
}

@media screen and (max-width: 1400px) and (min-width: 1025px){
  .main-navigation div.stratum-sub-menu { top: 62% !important; }
  .main-navigation div.stratum-sub-menu .submenu { width: calc(100% - 31%); }
  .main-navigation .stratum-top-menu a{ font-size: 18px !important; }
  .main-navigation .stratum-top-menu a.top-level-link{ padding: 8px; }
  .main-navigation div.stratum-sub-menu .submenu a{ font-size: 16px !important; } 
  .featured-products h3 a, .top-categories h3 a{ font-size: 17px !important; }
  .helpful-links .elementor-widget-image .widget-image-caption{ font-size: 24px !important; }
  .site-footer .terms-menu .elementor-nav-menu a{ font-size: 16px !important; }
  .site-footer .social-links .elementor-icon{ font-size: 15px !important; }
  .site-footer .terms-menu .elementor-nav-menu a{ font-size: 14px !important; }
  .search-wrap .response ul li:not(:last-child) { margin-right: 15px; }
}

@media screen and (max-width: 1380px) {
  .menuv2 #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item { padding: 0 0.5%; }
  .menuv2 #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link { font-size: 18px; }
}

/* @media screen and (max-width: 1200px) and (min-width: 1025px){ */
@media screen and (max-width: 1200px){
  .site-header h6{ font-size: 18px !important; }  
  .main-navigation .stratum-top-menu a{ font-size: 16px !important; line-height: 20px !important; }
  .site-banner .elementor-slides .elementor-repeater-item-2b3716f .swiper-slide-bg{ background-position: right center !important; }
  .site-banner .elementor-slides .elementor-slide-heading{ font-size: 35px !important; }
  .featured-products h3 a, .top-categories h3 a { font-size: 14px !important; }
  .site-footer .social-links .elementor-icon{ height: 30px; width: 30px; }
  .site-footer .footer-nav .elementor-nav-menu a, .site-footer h5{font-size: 22px !important; }
  .site-footer .terms-menu .elementor-nav-menu li:not(:last-child){ margin-right: 5px; }
  .site-footer .terms-menu .elementor-nav-menu a{ font-size: 12px !important; }
  .tablepress th{ font-size: 22px; }
  .search-wrap .response ul li:not(:last-child) { margin-right: 10px; }

  .custom-blog-posts .pd_pcf_title h2 { font-size: 24px; }
}

@media screen and (max-width: 1150px) {
  .menuv2 #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item { padding: 0; }
  .menuv2 #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link { font-size: 18px; padding: 5px; }
}


@media screen and (max-width: 1090px) {
	.menuv2 #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link { font-size: 16px; }
}

@media screen and (max-width: 1024px){
  .elementor-button.elementor-size-sm:not([type="submit"]){ max-width: 230px; }
  .main-navigation .stratum-menu-container{ padding-left: 20px !important; padding-right: 20px !important; }
  .main-navigation .stratum-top-menu a.top-level-link{ padding: 0; }
  .main-navigation .stratum-menu-toggle__button, .stratum-menu-dropdown{ background-image: none; border: 0; border-radius: 3px; }
  .stratum-menu-dropdown{ background-image: none !important; border: 0 !important; border-radius: 0 !important; display: block !important; color: #0261AA; padding: 0 !important}
  .site-banner .elementor-slides .elementor-repeater-item-2b3716f .swiper-slide-bg{ background-position: right center !important; }
  .site-banner .elementor-repeater-item-cd02a4a .swiper-slide-contents{ max-width: 80% !important; }
  .site-banner .elementor-button.elementor-size-sm{ max-width: 183px; }
  .featured-products .product-col .elementor-posts { grid-template-columns: repeat(5,1fr); }
  .top-categories .product-col .elementor-posts { grid-template-columns: repeat(4,1fr); }
  .three-col ul{ column-count: 2; -moz-column-count: 2; -webkit-column-count: 2; }
  .site-footer .ftlogo-col{ order: 1; }
  .site-footer .terms-col{ order: 3; }
  .site-footer .social-col{ order: 2; }
  .site-footer .elementor-nav-menu:after{ display: none; }

  .search-wrap .response ul li{ width: 31%; }
  .search-wrap .response ul li:not(:last-child) { margin-right: 10px; }
  .dataTables_wrapper label input, .dataTables_wrapper label select{ font-size: 18px; }
  .tablepress th{ font-size: 20px; }
  .tablepress td i.fa-file-pdf{ font-size: 40px; }

  .custom-blog-posts .pd_pcf_title h2 { font-size: 24px; }
}

@media only screen and (min-width: 960px){
section#top{height:184px;}
}

@media screen and (max-width: 900px){
  .elementor-shortcode{ overflow: scroll; }
  .tablepress{ min-width: 900px; }
  .tablepress th{ font-size: 18px; }
  .tablepress td{ font-size: 16px; }
  .tablepress td .button{ padding: 10px 0; }
  .tablepress td i.fa-file-pdf{ font-size: 30px; }
}
@media screen and (max-width: 800px){
  .site-header:after{ bottom: 32px; display: none; }
  .site-banner .elementor-slide-heading{ font-size: 28px !important; margin-bottom: 30px !important; }
  .site-banner .elementor-slide-heading small{ font-size: 20px; }
  
  .with-border .elementor-icon{ height: 150px; max-width: 150px; margin: 0 auto; } 
  .three-col ul{ column-count: 1; -moz-column-count: 1; -webkit-column-count: 1; }
  .search-wrap form{ flex-direction: column; }
  .search-wrap .input-group{ margin-bottom: 10px; width: 100%; }
  .search-wrap .response ul li{ width: 47%; }

  .elementor-grid-mobile-1.products-grid-wrap .elementor-grid { grid-template-columns: repeat(3,1fr); }
}

@media screen and (max-width: 600px){
  .main-navigation .stratum-top-menu li.two-column .stratum-sub-menu-simple{ column-count: 1; -moz-column-count: 1; -webkit-column-count: 1; }
  .site-banner .elementor-repeater-item-cd02a4a .swiper-slide-contents{ flex-direction: column; }
  .site-banner .elementor-repeater-item-cd02a4a .swiper-slide-contents .elementor-slide-heading{ margin-bottom: 30px !important; }
  .featured-products .product-col .elementor-posts { grid-template-columns: repeat(3,1fr); }
  .top-categories .product-col .elementor-posts { grid-template-columns: repeat(3,1fr); }
  .site-footer .terms-menu .elementor-nav-menu{ align-items: center; flex-direction: column; }
  .site-footer .terms-menu .elementor-nav-menu li:not(:last-child){ margin-bottom: 10px; }

  .elementor-grid-mobile-1.products-grid-wrap .elementor-grid { grid-template-columns: repeat(3,1fr); }

  .dataTables_length, .dataTables_filter{ float: none !important; }
  .dataTables_length{ margin-bottom: 10px; }
}

@media screen and (max-width: 480px){
  .site-header{ padding-top: 0 !important; }
  .site-header .elementor-widget-theme-site-logo{ margin-top: 20px; }
  .site-header .elementor-widget-heading{ margin: 0 !important; }
  .site-banner .swiper-slide-contents, .site-banner .elementor-repeater-item-cd02a4a .swiper-slide-contents{ max-width: 100% !important; margin-left: auto;margin-right: auto; text-align: center; }
  .featured-products .product-col .elementor-posts { grid-template-columns: repeat(2,1fr); }
  .top-categories .product-col .elementor-posts { grid-template-columns: repeat(2,1fr); }
  .search-wrap .response ul{ flex-direction: column; }
  .search-wrap .response ul li{ width: 100%; }
  .search-wrap .response ul li:not(:last-child) { margin-right: 0; }

  .elementor-grid-mobile-1.products-grid-wrap .elementor-grid { grid-template-columns: repeat(2,1fr); }

  .dataTables_info, .dataTables_paginate{ float: none !important; text-align: center; }
  .dataTables_paginate{ margin-top: 10px; }
}