@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");

.site-search {
    border-radius: 20px !important;

}

body.home h1,
body.home h2 {
  font-family: "Roboto", sans-serif !important;
}

#System_Header::before,
#System_Header,
#s-user.navbar-right,
#s-user.navbar-right::after,
#s-search.navbar-form {
    background-color: #7E448B !important;
}

@media (min-width: 900px) { 
    #s-user.navbar-right a,
    #s-user.navbar-right strong,
    #user-cart.btn.btn-default.navbar-btn {
        color: #fff !important;
    }
}

/*ADDED Sub*/
ul#link-home.nav.navbar-nav li ul li a,
ul#tmenu-account.nav.navbar-nav li ul li a,
ul#tmenu-item1.nav.navbar-nav li ul li a,
ul#tmenu-item2.nav.navbar-nav li ul li a,
ul#tmenu-item3.nav.navbar-nav li ul li a,
ul#tmenu-item4.nav.navbar-nav li ul li a,
ul#tmenu-item5.nav.navbar-nav li ul li a,
ul#tmenu-item1.nav.navbar-nav li ul li ul li a,
ul#tmenu-item2.nav.navbar-nav li ul li ul li a,
ul#tmenu-item3.nav.navbar-nav li ul li ul li a,
ul#tmenu-item4.nav.navbar-nav li ul li ul li a,
ul#tmenu-item5.nav.navbar-nav li ul li ul li a,
ul#tmenu-item6.nav.navbar-nav li ul li ul li a,
ul#tmenu-item7.nav.navbar-nav li ul li ul li a{
    color: #000 !important;
}


ul#tmenu-item7.nav.navbar-nav li ul a{
   color: black !important;
}

body {
    background: none !important;
}

@media screen and (min-width: 768px) {
    body.home #s-nav,
    body:not(.home) #s-nav {
        background: #7E448B;
        background: -moz-linear-gradient(0deg, #f3f3f3 0%, #fff 70%);
        background: -webkit-linear-gradient(0deg, #f3f3f3 0%, #fff 70%);
        background: linear-gradient(0deg, #f3f3f3 0%, #fff 70%);
    }
}

.featured .featured-product-wrapper .thumbnail .caption.title {
    text-align: center !important;
}

.f-cf {
    background-color: #f6f6f6 !important;
    padding: 15px !important;
    border-radius: 10px 10px 0px 0px !important;
}

.pheader {
    display: none !important;
}

body:not(.home) {
    #SysPre {
        display: none !important;
    }
}

#s-menu {
    justify-content: flex-end;
   -webkit-box-ordinal-group: 4;
   -ms-flex-order: 3;
   order: 3;
   -webkit-box-flex: 0;
   -ms-flex: 0 1 75%;
   flex: 0 1 75%;
   text-align: right;
   display: -webkit-box !important;
   display: -ms-flexbox !important;
   display: flex !important;
   max-width: 75%;
}

@media (max-width: 900px){
#s-menu {
    justify-content: unset;
   -webkit-box-ordinal-group: 4;
   -ms-flex-order: 3;
   order: 3;
   -webkit-box-flex: 0;
   -ms-flex: 0 1 75%;
   flex: 0 1 75%;
   text-align: left !important;
   display: -webkit-box !important;
   display: -ms-flexbox !important;
   display: block !important;
   max-width: 100%;
}}

#s-menu > ul.nav.navbar-nav > li > a {
		color: #333 !important;
		border-top: 2px solid transparent;
		border-bottom: 2px solid transparent;
		padding-top: 5px;
		padding-bottom: 5px;
}

#s-menu > ul.nav.navbar-nav > li > a:hover {
		border-bottom: none !important;
}

body.home .row.featured {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center;
}

@media screen and (max-width: 778px) {
body.home .row.featured {
    flex-direction: column !important;
}}

.spc-img {
    box-shadow: rgba(195, 195, 195, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}

body.ddp #ddpFrameWrapper {
    margin-top: 25px !important;
}
body.ddp #ddpFrameWrapper:before {
    visibility: visible;
    content: 'IMPORTANT: REVIEW PDF PROOF CAREFULLY\a Click Yes to confirm that all information is correct before proceeding.\a Changes are not possible after the order is placed.' !important;
    background-color: #333;
    color: #0099FF;
    display: block;
    width: 100%;
    height: auto;
    font-weight: 700;
    font-size: calc(2.5rem - 20%);
    text-align: center;
    padding: 15px;
    white-space: pre-wrap;
    border-radius: 8px 8px 0px 0px;
    font-family: "Roboto", sans-serif !important;
}

p.f-fp {
    background-color: #7E448B;
    color: #fff;
    border-radius: 10px 10px 0px 0px;
    padding: 5px 32px;
    margin-top: -10px;
    margin-left: -10px;
    width: 103%;
}

div.active.slide-item.item {
    border: none !important; 
}

.product .carousel-indicators {
    position: absolute;
    bottom: +347px !important;
}

.product.p-59 .carousel-indicators {
    position: absolute;
    bottom: +290px !important;
}

#container__footer, #copyright_footer {
    background-color: #3f4040;
}