/******************* elements *******************/
body {
  background-color: var(--ph-color-background);
  font-family: var(--ph-fonts-default);
  font-size: 18px;
  font-weight: normal;
  color: var(--ph-color-gray-dark); /* var(--ph-color-gray-light); */
}
h1 {
  font-family: var(--ph-fonts-default);
  font-weight: 600; /* semi-bold */
  font-size: 36px;
  color: var(--ph-color-blue-primary);
}
h2 {
  font-family: var(--ph-fonts-default);
  font-weight: 600; /* semi-bold */
  font-size: 30px;
  color: var(--ph-color-blue-shade04); /* var(--ph-color-gray-dark); */
}
h3 {
  font-family: var(--ph-fonts-default);
  font-weight: 500; /* medium */
  font-size: 24px;
}

a {
  color: var(--ph-color-blue-shade03);
}
a:hover {
  color: var(--ph-color-orange-dark);
  text-decoration: none;
}

/* pills */
.nav-pills>li.active>a,
.nav-pills>li.active>a:focus {
  color: #fff;
  background-color: var(--ph-color-blue-shade03);
}
.nav-pills>li.active>a:hover {
  color: white;
  background-color: var(--ph-color-green);
  border-color: var(--ph-color-green);
}

/******************* fonts *********************/
@font-face {
  font-family: "IcoMoon";
  src:  url('../fonts/icomoon/icomoon.woff') format('woff'),
        url('../fonts/icomoon/icomoon.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/**** Poppins - start ****/

/* Thin (100) */
@font-face {
  font-family: "Poppins";
  src: url('../fonts/poppins/Poppins-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "Poppins";
  src: url('../fonts/poppins/Poppins-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
}

/* Extra Light (200) */
@font-face {
  font-family: "Poppins";
  src: url('../fonts/poppins/Poppins-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "Poppins";
  src: url('../fonts/poppins/Poppins-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
}

/* Light (300) */
@font-face {
  font-family: "Poppins";
  src: url('../fonts/poppins/Poppins-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Poppins";
  src: url('../fonts/poppins/Poppins-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}

/* Regular (400) */
@font-face {
  font-family: "Poppins";
  src: url('../fonts/poppins/Poppins-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Poppins";
  src: url('../fonts/poppins/Poppins-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}

/* Medium (500) */
@font-face {
  font-family: "Poppins";
  src: url('../fonts/poppins/Poppins-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Poppins";
  src: url('../fonts/poppins/Poppins-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}

/* Semi Bold (600) */
@font-face {
  font-family: "Poppins";
  src: url('../fonts/poppins/Poppins-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Poppins";
  src: url('../fonts/poppins/Poppins-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}

/* Bold (700) */
@font-face {
  font-family: "Poppins";
  src: url('../fonts/poppins/Poppins-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Poppins";
  src: url('../fonts/poppins/Poppins-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}

/* ExtraBold (800) */
@font-face {
  font-family: "Poppins";
  src: url('../fonts/poppins/Poppins-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Poppins";
  src: url('../fonts/poppins/Poppins-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
}

/* Black (900) */
@font-face {
  font-family: "Poppins";
  src: url('../fonts/poppins/Poppins-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Poppins";
  src: url('../fonts/poppins/Poppins-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
}
/**** Poppins - end ****/

/* Roboto */
@font-face {
  font-family: "Roboto";
  src: url('../fonts/roboto/Roboto-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url('../fonts/roboto/Roboto-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Roboto";
  src: url('../fonts/roboto/Roboto-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Roboto";
  src: url('../fonts/roboto/Roboto-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}

/* Open Sans */
@font-face {
  font-family: "Open Sans";
  src: url('../fonts/open_sans/static/OpenSans-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url('../fonts/open_sans/static/OpenSans-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans";
  src: url('../fonts/open_sans/static/OpenSans-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "Open Sans";
  src: url('../fonts/open_sans/static/OpenSans-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}

/******************* classes *******************/

.h2-pethub {
  font-weight: 600; /* semi-bold */
  font-size: 34px;
  color: var(--ph-color-gray-dark);
}
.p-pethub {
  font-size: 17px;
  font-family: var(--ph-fonts-default);
}

/* form errors */
.has-error .form-control {
  border-width: 2px;  /* default plus thicker border */
}

.pethub-admin {
  background-color:var(--ph-color-blue-shade01);
}

/* buttons */
.btn-pethub, .pethub-button {
  /*border-radius: 50px;*/
  border-radius: 10px;
  color: white;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.25);
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  height: 46px;
}

/* backwards compatibility */
.btn-orange, .pethub-button {
  background-color: var(--ph-color-orange);
  border-color: var(--ph-color-orange);
}

.btn-pethub a,
.pethub-button a {
  color: white;
}
a.btn.btn-default.btn-pethub {
  font-size: 12px;
  /*padding: 9px;*/
  padding: 10px 20px;
}
.btn-pethub:hover {
  color: white;
  background-color: var(--ph-color-green);
  border-color: var(--ph-color-green);
}
.btn-green {
	 background-color: var(--ph-color-green);
    border-color: var(--ph-color-green);
    color: #000;
}
.btn-yellow {
	background-color: var(--ph-color-orange-light);
   border-color: var(--ph-color-orange-light);
   color: #000;
}
.btn-dark-orange {
	background-color: var(--ph-color-orange-dark);
   border-color: var(--ph-color-orange-dark);

}
.btn-blue {
	background-color: var(--ph-color-blue-primary);
  border-color: var(--ph-color-blue-primary);
  color: white;
}
.btn-black {
  background-color: black;
  border-color: black;
  color: white;
}

/* delete */
body.page-node-delete ul.tabs--primary.nav.nav-tabs {
  display: none;
}

/** My Account - Page-User **/
/* hide the "Request password" tabs */
body.page-user ul.tabs--primary.nav.nav-tabs {
  display: none;
}
/* not reaching production - trying again */
form#masquerade-block-1 {
  width: 251px;
}

/*** taxonomy lists ***/
/* articles */
body.page-taxonomy-term article.node-article.node-teaser {
  border-style: solid;
  border-radius: 10px;
  border-width: 1px;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
}

/*** search ***/
div#edit-search-api-views-fulltext-wrapper {
  width: 200px;
}

/*** user settings pages ***/
body.page-user h1.page-header {
  display: none;
}