@font-face {
  font-family: Inter-UI;
  src: url(/wp-content/themes/rocket-fuel-child/fonts/Inter-UI.var.woff2);
}
@font-face {
  font-family: "Inter-UI";
  src: url("/wp-content/themes/rocket-fuel-child/fonts/Inter-UI-Light-BETA.woff") format("woff");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: "Inter-UI";
  src: url("/wp-content/themes/rocket-fuel-child/fonts/Inter-UI-Light-BETA.woff") format("woff");
  font-weight: normal;
   font-style: normal;
}

@font-face {
  font-family: "Inter-UI";
  src: url("/wp-content/themes/rocket-fuel-child/fonts/Inter-UI-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Inter-UI";
  src: url("/wp-content/themes/rocket-fuel-child/fonts/Inter-UI-Medium.woff") format("woff");
  font-weight: 600;
   font-style: normal;
}
@font-face {
  font-family: "Inter-UI";
  src: url("/wp-content/themes/rocket-fuel-child/fonts/Inter-UI-SemiBold.woff") format("woff");
  font-weight: 700;
   font-style: normal;
}
.woocommerce-page .page_content {
    background-image: url(https://store.rocketfuelblockchain.com/wp-content/uploads/2021/04/RocketFuel-Store-Checkout-Banner-new.png) !important;
    display: block !important;
}
.woocommerce-page .page_content {
        margin-top: 60px;
}
.woocommerce-page .page_content h1 {
    display: none;
}
.woocommerce-billing-fields__field-wrapper p#billing_first_name_field, .woocommerce-billing-fields__field-wrapper p#billing_first_name_field {
    width: 50% !important;
    float: none !important;
    display: inline-flex;
}
body {   
    margin: 0;
    font-family: "Inter-UI" !important;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: left;
    background-color: #fff;
}
.product_content p {
    font-size: 1.25rem;
    font-weight: 300;
    margin-bottom: 15px;
}
.footer-social p {
    color: rgba(255, 255, 255, 0.7) !important;
}
.container {
    max-width: 1240px !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Inter-UI" !important;
}
a , a:hover {
    text-decoration: none !important;
}
ul.navbar-nav a:hover {
    color: rgba(73, 80, 87, 0.9);
}
ul.navbar-nav > li {
    position: relative;
}
ul.sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 11rem;
    padding: 0.75rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #dee2e6;
    border-radius: 0.3125rem;
}
ul.navbar-nav > li:hover .sub-menu {
    display: inline-block;
    width: auto;
    margin-top: 0;
}
ul.sub-menu {
    background: #fff;
    border-radius: 0.3125rem;
    border: 1px solid #dee2e6;
    padding: 1.125rem 0.125rem;
    box-shadow: 0 0.625rem 1.5rem rgb(0 0 0 / 8%);
}
.sub-menu li {
    display: inline-block;
}
ul.navbar-nav li a {
    color: rgba(73, 80, 87, 0.5);
    transition: color 0.2s ease;
    padding: 0 0.75rem;
    font-weight: 600;
    font-size: 1rem;
}
.sub-menu li a {
    padding: 0.25rem 1.5rem !important;
    display: inline-block;
}
.navbar {
    background-color: transparent !important;
    min-height: auto !important;
    z-index: 1;
    width: auto !important;
}
ul.navbar-nav {
    float: none !important;
    padding: 0!important;
    display: block !important;
    width: 100%;
    text-align: center;
    margin-top: 0 !important;
}
ul.navbar-nav>li {
    display: inline-block!important;
    vertical-align: middle!important;
    padding: 0;
    float: none;
}
.logged-in  .main-header {
    top: 32px;
}
header.main-header {
    position: fixed;
    width: 100%;
    z-index: 99;
    padding: 15px 0;
    background: #fff;
    top: 0;
}
.menu_section {
    display: flex;
}
a.log_in::before {
    content: "|";
    color: rgba(73, 80, 87, 0.5);
    padding: 0 25px 0 0;
}
a.log_in {
    width: 110px;
    margin-top: 10px;
    font-weight: 700 !important;
    color:rgba(73, 80, 87, 0.9) !important;
}
.sub-menu li a {
    padding: 0.25rem 1.5rem !important;
    display: inline-block;
}
.btn-primary, .add_to_cart_button, .checkout-button, .button#place_order, .single_add_to_cart_button{
    display: inline-block;
    color: #fff !important;
    padding: 6px 20px;
    font-weight: 600;
    background-color: #535BFE !important;
    border-color: #535BFE !important;
    margin-top: 4px;
}
.button#place_order{
   padding: 15px 20px; 
}
.btn-primary:hover, .add_to_cart_button:hover, .checkout-button:hover, .button#place_order:hover, 
.single_add_to_cart_button:hover {
    color: #fff !important;
    background-color: #2d37fe !important;
    border-color: #202bfe !important;
}
p.woocommerce-result-count {
    color: rgba(73, 80, 87, 0.5);
    font-weight: 600;
    margin: 10px 0 0 !important;
}
ul.products li {
    background: #fff;
    box-shadow: 0 4px 10px rgb(52 52 52 / 20%);
    border-radius: 10px;
}
.added_to_cart {
    background-color: #2d37fe !important;
    border-color: #202bfe !important;
    color: #fff !important;
    font-weight: 600;
    padding: 5px 10px;
    border-radius: 5px;
}
.added_to_cart:hover{
     background-color: #535BFE !important;
    border-color: #535BFE !important;
}
h2.woocommerce-loop-product__title {
    font-size: 18px !important;
    color: #212529;
    font-weight: 600;
    padding: 0 10px 5px !important;
}
.woocommerce-Price-amount.amount {
    color: #535bfe;
    font-weight: 700;
    font-size: 18px;
    padding: 0 10px;
}
.add_to_cart_button {
    margin: 10px 10px 20px !important;
}
.main-header {
box-shadow: 0px 4px 10px rgb(0 0 0 / 10%);
}
footer.page-footer {
    background: #1B1F3B !important;
    color: #fff;
    padding: 30px 0;
}
.page-footer h5 {
    font-size: 1.25rem;
    margin: 0px 0 0.75rem;
}
.mobile_image {
    text-align: center;
}
.mobile_image img {
    transform: rotateZ(
-5deg
);
}
.check_icon li {
    list-style: none;
    margin-bottom: 10px;
    position: relative;
    padding-left: 32px;
}
.check_icon {
    padding: 0;
}
.check_icon i {
    color: #3cc104;
    position: absolute;
    left: 0;
    top: 7px;
}
.image-section {
    padding-bottom: 6rem;
}
.image_content h6 {
    margin: 0;
}
.footer-menu ul a {
    color: #fff;
    opacity: .5;
    padding: 5px 0 !important;
    display: inline-block;
    font-weight: 500;
}
.footer-menu ul {
    padding: 0;
    /* list-style: none; */
}
.site_address p {
    position: relative;
    padding: 0px 30px;
}
p.site_Add::before {
    content: '\f041';
    font-family: 'FontAwesome';
    position: absolute;
    left: 0;
}
p.mailaddress::before {
    content: '\f0e0';
    font-family: 'FontAwesome';
    position: absolute;
    left: 0;
}
.site_address a {
    color: #fff !important;
    font-weight: 500;
    word-break: break-word;
}
.social-icon a {
    color: #fff !important;
    opacity: .5;
    font-size: 30px;
    padding: 10px;
}
.footer-social p {
    margin: 0;
}
.footer-social {
    padding-top: 20px;
    text-align: center;
}
.page_content {
    margin-top: 90px;
}
.page_content {
    min-height: 392px;
    align-items: center;
    display: flex;
    color: #fff;
    text-align: center;
    background-size: 100% 392px !important;
    background-position: center !important;
}
.menu_section .navbar a:hover {
    color: rgba(73, 80, 87, 0.9);
}
.hentry {
    padding: 0 !important;
}
.page__content p {
    font-size: 16px;
    line-height: 27px;
    color: #777;
    margin: 20px 0;
}
.page-footer a:hover {
    opacity: 1;
}
.navbar-brand img {
    width: 166px;
}
.navbar-collapse {
    flex-grow: inherit;
    margin-right: 20px;
}
.right_nav {
    display: flex;
    align-items: baseline;
    width: auto;
    margin: 0 0 0 auto;
}
/*.woocommerce-page .page_content{
   display: none;
}*/

.woocommerce-page .page__content {
   margin-top: 40px;
}
.woocommerce-checkout .col2-set .col-1 {
float: left;
width: 100% !important;
}
.woocommerce-checkout .col-1 {
max-width: 100%;
}
.woocommerce-checkout .col-2{
float: right;
width: 100% !important;
max-width: 100%;
}
span.woocommerce-input-wrapper {
width: 100%;
}
.woocommerce ul.products li.product a img, .woocommerce ul.products li.product .woocommerce-LoopProduct-link {
    border-radius: 10px 10px 0 0;
}
ul.products li:hover {
    box-shadow: 0 4px 20px rgb(52 52 52 / 20%);
}
nav.woocommerce-pagination {
    margin-bottom: 3rem;
}
 .shop_table a, a.page-numbers, span.posted_in a, #customer_details label {
    color: #212529 !important;
}
.woocommerce nav.woocommerce-pagination ul li a:focus, 
.woocommerce nav.woocommerce-pagination ul li a:hover, 
.woocommerce nav.woocommerce-pagination ul li span.current {
    background: #535bfe !important;
    color: #fff !important;
}
select.orderby {
    border: 2px solid #ddd;
    padding: 6px 0;
    border-radius: 5px;
     color: #212529 !important;
}
form.woocommerce-ordering {
    margin-bottom: 40px !important;
}
.woocommerce #respond input#submit.added::after, 
.woocommerce a.button.added::after, .woocommerce button.button.added::after, 
.woocommerce input.button.added::after{
    display: none;
}
.summary.entry-summary {
width: 52% !important;
}
.woocommerce-info {
    border-top-color: #535bfe !important;
}
.woocommerce-info::before {
    color: #535bfe !important;
}
.form-row-first {
    width: 100% !important;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, 
.select2-container--default .select2-selection--single{
    border: 2px solid rgba(73, 80, 87, 0.5);
    border-radius: 5px;
    padding: 10px;
}

.select2-container--default .select2-selection--single{
    padding: inherit !important;
    border: 2px solid rgba(73, 80, 87, 0.5) !important;
    height: 43px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 38px !important;
}
.woocommerce .summary.entry-summary {
padding: 0px;
padding-left: 50px;
}

a:focus, input:focus, select:focus {
    outline: none !important;
}
.main_content {
    margin-top: 110px;
}
.image-main {
    position: relative;
    margin-bottom: 40px;
}
.product_content {
  /* position: absolute;
    top: 20%;*/
    width: 100%;
    /* color: #fff; */
   /* font-size: 24px;*/
   /*  left: 0;
    right: 0; */
    margin: 0 auto;
    /* line-height: 32px; */
    max-width: 593px;
    padding: 0 15px;
}
span.onsale {
    display: none;
}
/*************************MEDIA*****************************/

@media screen and (max-width: 1131px) and (min-width: 992px){
    .navbar-brand img {
        width: 137px;
    }
    ul.navbar-nav li a {
    font-size: 14px;
        padding: 10px 5px;
   }
   a.log_in {
    width: auto;
    margin-right: 15px;
   }
   a.log_in::before {
    padding: 0 10px 0 0;
   }
   .navbar-collapse{
    margin-right: 5px;
   }
   .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    margin: 0 20px 2.992em 0 !important;
    width: 31% !important;
    }
    .woocommerce ul.products li.first, .woocommerce-page ul.products li.first{
        clear: unset !important;
    }
}

@media screen and (min-width: 992px) {
.main-header .navbar-nav li:nth-child(1) ul, .main-header .navbar-nav li:nth-child(2) ul {
min-width: 13rem;
}
}

@media screen and (max-width: 991px) {
    footer.page-footer .d-flex.new_button {
    position: inherit;
   }
    ul.sub-menu li {
    padding: 5px;
    }
    ul.navbar-nav li a
    {
    display: block;
    }
    ul.sub-menu {
    transition: all .4s ease-in-out;
    }
    ul.navbar-nav > li:hover .sub-menu {
    width: 100%;
    border: 0;
    box-shadow: none;
    position: relative;
    }
    .navbar{
        padding: 0;
    }
    .navbar-collapse {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    background: #fff;
    top: 57px;
    margin: 0;
    }
    ul.navbar-nav>li {
    display: block!important;
    text-align: left;
    padding: 5px 0;
    }
    .d-flex.new_button {
        position: absolute;
        right: 40px;
        top: 0;
    }
    .navbar-toggler i {
        color: #212529;
    }
    .navbar-toggler, .navbar-toggler:hover, .navbar-toggler:focus, .navbar-toggler:active {
        background: transparent;
        padding: 0;
    }
    a.log_in::before{
        display: none;
    }
   a.log_in {
    margin-right: 20px;
    width: auto;
   }
   button.navbar-toggler {
    position: absolute;
    right: 0;
    top: 10px;
    border: none !important;
   }
}

@media only screen and (min-width: 768px) and (max-width: 991px){
    /*.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
        margin: 0 26px 2.992em 0 !important;
        width: 46% !important;
    }*/
}

@media only screen and (min-width: 768px){
    .col2-set {
    width: 53.6231884058% !important;
    float: left;
    margin-right: 4.347826087%;
}
    #order_review {
    width: 42.0289855072%;
    float: right;
    margin-right: 0;
    clear: right;
}
}



@media only screen and (max-width: 767px){
    .woocommerce .summary.entry-summary {
        padding: 0;
        width: 100% !important;
        max-width: 100% !important;
        }
    .desktop_version {
       display: none;
   }
   .page_content {
    height: 100vh;
    background-size: 100% !important;
    background-position: top center !important;
    }
}



@media only screen and (max-width: 480px){
    .product_content {
    top: 6%;
}
    .product_content {
    max-width: 100%;
    font-size: 18px;
}
    .main_content {
    margin-top: 120px;
}
    .quick-sale li {
    width: 100% !important;
    }
  .navbar .d-flex.new_button {
    position: static;
    margin: 9px auto 0;
    }  
    .right_nav {
        width: 100%;
        margin: 0 auto;
    }
    .footer-menu, .site_address {
    max-width: 100%;
    flex: 100%;
    }
    .navbar-collapse {
    top: 54px;
    }
}