/* Spark Rack Website Stylesheet Template: Core Stylesheet */
/* Import Font Styles */
 @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');
 @import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic');
 @import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Satisfy&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Marcellus&family=Roboto+Slab:wght@100&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Oxygen:wght@300;400;700&display=swap');

/* Include subsheets */
 @import url('import.menu.css');
 @import url('import.kbstyles.css');
 @import url('import.status.css');

/* Force all fonts not otherwise defined */
 * {
     font-family: 'Open Sans', sans-serif;
}
 body {
     margin: 0;
     background-color: #444;
}
 .no-margin {
    margin: 0px;
}
 .no-border {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.slider-h1 {
   color:white;
    font-family: 'Merriweather', serif;
}
.slider-h1-2 {
   color:black;
    font-family: 'Merriweather', serif;
}
 .whychose-h1 {
    color:white;
     font-family: 'Merriweather', serif;
     padding-bottom: 30px;
}
 .header_font {
    font-family: 'Merriweather', serif;
}
 .strong-text {
    font-weight: bold;
}
 .small-icon {
    font-size: 10pt;
}
 .text-white, .text-white:hover, .text-white:active, .text-white:visited {
    color: white;
}
 .text-black {
    color: black;
}
 .text-black:hover {
    color: white;
}
 .domain-search {
     max-width: 600px;
     color: black;
}
 .font-control {
    color: black;
}
 .menu-text, .kb-results {
    font-size: 9pt;
}
 .menu-text a {
    color: #FFA500;
}
.join-button {
  background-color: #FFA500;
  color: white;
  border-radius: 0px;
  font-size: 10pt;
}
 hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
 .footer-size {
    font-size: 9pt;
}
/* Header Styles */
 .website-frame {
     magin: 0px;
     margin-top: 10px;
     box-shadow: 0 0 5px black;
}
 .circle-icon {
     background: #fff0bd;
     padding:10px;
     width: 100%;
     border-radius: 50%;
}
 .header-background {
     background: #FFFFFF;
     padding: 30px;
}
 .top-nav-shading {
     background: #FFA500;
     padding: 10px;
}
 .top-nav-shading ul li a {
     font-size: 9pt;
     color: white;
     font-weight: bold;
}
 .top-nav-shading ul li a:hover, .top-nav-shading ul li a:active {
     font-size: 9pt;
     color: #FFA500;
     font-weight: bold;
     background-color:white;
}
 .pricing-btn {
     background: #FFA500;
     padding: 10px;
}
 .nav-menu-shading {
     background: black;
     padding: 10px;
}
 .top-left-nav-link {
     color: white;
     font-size: 9pt;
     font-weight: bold;
}
 .top-left-nav-link:hover {
     -moz-box-shadow: inset 0 0 .5px #000000;
     -webkit-box-shadow: inset 0 0 .5px #000000;
     box-shadow: inset 0 0 .5px #000000;
}
 .new-alert {
     margin-bottom: 0px;
     bottom: 0px;
     border-radius: 0px;
}
/* Body Styles */
 .body-background {
     background: #FFFFFF;
     padding: 10px;
     padding-top: 50px;
}
 .page-background {
     background: #FFFFFF;
     padding: 15px;
     padding-top: 0px;
}


 .whychose-background {
     background: #ffc400;
     padding: 10px;
     padding-top: 30px;
     padding-bottom: 30px;
}
 .error404-background {
     background: #c40000;
     padding: 10px;
     padding-top: 50px;
     padding-bottom: 50px;
}
 .testimonial-background {
     background: url("/wp-content/themes/sparkrack/assets/img/backgrounds/testimonials-background.jpg");
     padding: 10px;
     padding-top: 50px;
     padding-bottom: 50px;
}
.pagetitle-background {
    background: url("/wp-content/themes/sparkrack/assets/img/header_top.gif");
    padding: 10px;
    padding-top: 50px;
    padding-bottom: 50px;
}
 #testimonials-text {
     color: white;
     text-align: center;
     max-width: 600px;
}
 .error404-pagebg {
     background: url("/wp-content/themes/sparkrack/assets/img/backgrounds/404background.png");
     padding: 10px;
     background-position: center center;
     background-repeat: no-repeat;
     background-color: white;
     padding-top: 170px;
     padding-bottom: 170px;
}
.unstlye-link:hover {
    color: white;
}
 .footer-background {
     background: #333;
     padding: 50px;
     padding-top: 20px;
     color: white;
}
 .footer-section ul {
     list-style: none;
     margin:0px;
     padding:0px;
}
 .footer-section a {
     color: white;
}
 .text-shadowing {
     text-shadow: 1px 0px 5px rgba(150, 150, 150, 1);
}
 .footer-section {
     font-size: 9pt;
}
/* Slider Assets and Backgrounds */
 .slide1_bg {
     background-image: URL('/wp-content/themes/sparkrack/assets/img/slidebgs/server1_bg.png');
     margin: 0px;
     height: 300px;
     width: auto;
}
 .homepage_bg {
     background-image: URL('/wp-content/themes/sparkrack/assets/img/slidebgs/server1_bg.png');
     margin: 0px;
     padding: 10px;
     width: auto;
     font-family: 'Merriweather', serif;
     padding-bottom: 30px;
}
 .wordpress_bg {
     background-image: URL('/wp-content/themes/sparkrack/assets/img/backgrounds/wordpress_bg.jpg');
     margin: 0px;
     padding: 10px;
     width: auto;
     font-family: 'Merriweather', serif;
     padding-bottom: 30px;
}
 .homepage_bg *, .wordpress_bg * {
     font-family: 'Merriweather', serif;
     color: white;
}
 .domains_bg {
     background-image: URL('/wp-content/themes/sparkrack/assets/img/backgrounds/domains_bg.jpg');
     text-align: center;
}
 .homepage-celebration {
     background-image:url('/wp-content/themes/sparkrack/assets/img/website_celebrate.jpg');
     padding: 30px;
     text-align: center;
}
 .homepage-celebration H1 {
     margin: 0px;
     padding:0px;
     color: black;
     font-family: 'Merriweather', serif;
     text-shadow: .5px .5px white;
}
 .homepage-celebration H2 {
     margin: 0px;
     padding:0px;
     color: black;
     font-size: 12pt;
     padding-top: 10px;
     font-family: 'Oswald', serif;
     text-shadow: .5px .5px white;
}
 .copyright-text {
     font-family: 'Marcellus', serif;
     font-size: 9pt;
}
 .alignleft {
     text-align: left;
     padding: 15px;
     float:left;
}
 .alignright {
     text-align: right;
     padding: 15px;
     float:right;
}

.support_banner {
  font-family: 'Oxygen', sans-serif;
  color: #FFA500;
}

.support_number {
font-size: 20pt;
font-family: 'Oxygen', sans-serif;
}

.support_statement {
font-size: 8pt;
font-family: 'Oxygen', sans-serif;
}

.orange-text {
  color: #FFA500;
}

/* price styles*/
.pricecut {
  position: relative;
}
.pricecut:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 1px solid;
  border-color: inherit;

  -webkit-transform:rotate(-5deg);
  -moz-transform:rotate(-5deg);
  -ms-transform:rotate(-5deg);
  -o-transform:rotate(-5deg);
  transform:rotate(-5deg);
}