@import url("https://use.typekit.net/udj7oaw.css");

:root {
  --container-width: 1080px;
  --background-color: #;
  --accent-color: #;
  --button-background-color: #;
  --button-hover-color: #;
  --button-text-color: #;
  --button-txt-hover-color: #;
  --link-color: #;
  --font-name: aktiv-grotesk, sans-serif;
  --logo-size: px;

  --form-alt-input-placeholder: #797b7e;
  --form-main-border: #cecece;
  --tab-border-color: #cfcfcf;
  --pros-cons-border: #d9d9d9;
}

body {
 background:var(--background-color);
 font-family: var(--font-name);
}

h1, h2, h3, h4, h5, h6, p, span {
 font-family: var(--font-name);
}

a{
  color: var(--accent-color);
  text-decoration: underline;
  -webkit-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}
/* fix for other uwp themes */
a:hover{
  /* filter: brightness(150%); */
}

/***CONTAINER WIDTH***/
/* .header-block {

} */

.header-block,
.hero .content,
#main > *:not(.hero),
#colophon,
.footer-ad,
.header-ad {
  max-width: var(--container-width);
}

/***Container Padding***/
@media(max-width:1080px) {
  .header-block,
  .hero .content,
  #main > *:not(.hero),
  #colophon {
    padding:0px 20px;
  }

  .footer-nav {
    left:20px;
  }

  .main-navigation,
  #colophon p {
    right:20px;
  }
}

.site-logo img,
.site-logo svg {
  height:var(--logo-size);
  width:auto;
}


.widget_vs_specs_widget .w-title h2,
.widget_vs_specs_widget .finder_buttons a,
.widget_vs_makes_widget h2,
.manufacturer a,
.makes a   {
	font-family: var(--font-name);
}