@import url('https://fonts.googleapis.com/css2?family=Lobster&family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap');

*{
    font-family: 'Outfit', sans-serif;
}
.btn-f1-primary{
    background-color: #010280;
    color: #fff;
    font-size: 1rem;
    border: solid 2px #8389dc;
}

.btn-f1-danger{
    background-color: #d70012;
    color: #fff;
    font-size: 1rem;
    border: solid 2px #a30315;
}

.border-f1-ring-primary{
    border: solid 2px #8389dc;
}
.btn-f1-info{
    background-color: #008be2;
    color: #fff;
    font-size: 1rem;
}

.mt-6{
    margin-top: 6rem;
}
.mt-7{
    margin-top: 7rem;
}
.lusty-red{
    
  color: #dd1818;
}

.f1-text-primary{
    color: #00147c;
}

.f1-btn-primary{
    background-color: #00147c;
    color: #fff;
}
.font-size-5vw{
    font-size: 5.5vw;
}

.font-size-4-5vw{
    font-size: 4.5vw;
}

.fw-700{
    font-weight: 700;
}

.btn-gift-blue{
    background-color: #8BE3FF;
}

.text-adc-orange{
    color: #e84a43;
}

.btn-adc-orange{
    background-color: #e84a43;
    color: #fff;
}

html{
    margin:0!important;
    
}

h1, h2, h3, h4, h5, h6{
    font-family: 'Outfit', sans-serif;
}

p{
    font-family: 'Outfit', sans-serif;
}
.woocommerce ul.products li.product .price {
    color: #77a464;
    display: block;
    font-weight: 400;
    margin-bottom: .5em;
    font-size: 1.2em;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
    font-size:1.5em;
    }
.woocommerce nav.woocommerce-pagination ul{
    border:none;
    }
    .woocommerce .woocommerce-pagination ul.page-numbers li, .woocommerce-page .woocommerce-pagination ul.page-numbers li {
    display: inline-block;
    margin: 5px;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
    background: #337ab7;
    color: #fff;
    padding: 12px;
}
.woocommerce-pagination ul.page-numbers a.page-numbers {
    color: #444;
    padding: 12px;
    margin: 0px;
    background: #ddd;
}
#footer {
    width: 100%;
    border-top: 1px #a2a2a2 solid;
    text-align: center;
    padding: 40px;
    background: #eee;
}
#footer h1 {
    color: #aaa;
    font-size: 30px;
    font-weight: 500;
}

.text-adc-primary{
    color: #e84a43;
}

@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none; }
	/*.navbar .nav-item:hover .nav-link{ color: #fff;  }*/
	.navbar .nav-item:hover > .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ 
	    margin-top:0; 
	    border-radius: 0px;
	}
	.navbar .nav-item::after{
	    display: none;
	}
}

.parent{
    color: #000 !important;
}
.parent::after {
    content: "";
    display: inline-block;
    cursor: pointer;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    background-image: url("../img/clarity_caret-line.png");
}

.dropdown-item{
  padding: 15px 15px;
  font-size: 13px;
  /*line-height: 20px;*/
  font-weight: 600;
  text-transform: uppercase;
  /*border-bottom: solid 1px #ccc;*/
}

.trapps-nav-desc{
  font-size: 1.2em;
  word-break: break-all;
    text-transform: capitalize;
  color: #000;
  resize: horizontal;
  max-width: 240;
white-space: normal;
}

.blog-header {
background: rgb(255,255,255, 0.3);
z-index: 10;
position: fixed;
width: 100%;
}

.depth0{
    background: #fff;
    border-radius: 10px !important;
    box-shadow: 1px 1px 1px #b9b9b9;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {

    color: rgba(0,0,0,.5);

}
.navbar-light .navbar-nav .nav-link {

    color: #000;

}


.vc_active a{
border-radius: 50px;
padding: 10px 50px;
}

.navbar-toggler{
    border: none;
}

.font-lobster{
    font-family: 'Lobster', cursive;
}

.btn-f1direct-danger{
    background-color: #E93223 !important;
    color: #fff;
    padding: 10px 20px;
}

.btn-f1direct-primary{
     background-color: #061D95 !important;
     color: #fff;
    padding: 10px 20px;
}

.btn-f1direct-outline-primary{
     border: solid 1px #061D95 !important;
     color: #061D95;
    padding: 10px 20px;
}

.btn-f1direct-danger:hover{
    background-color: #E93223 !important;
    color: #fff;
    padding: 10px 20px;
}

.btn-f1direct-primary:hover, .btn-f1direct-outline-primary:hover{
     background-color: #061D95 !important;
     color: #fff;
    padding: 10px 20px;
}

.service{
    background: url("http://f1direct.co/wp-content/uploads/2022/04/Vector-8.png");
    content: "";
    background-size: cover;
}