/**
 **
 ** Phonethrob CSS main definition file.
 **
 **
 **/

/**
@import url("/css/pt/styles/pt-style-burgundy.css");
@import url("/css/pt/styles/pt-style-orange.css");
@import url("/css/pt/styles/pt-style-purple.css");
@import url("/css/pt/styles/pt-style-green.css");
@import url("/css/pt/styles/pt-style-blue.css");
@import url("/css/pt/styles/pt-style-pink.css");
@import url("/css/pt/styles/pt-style-gray.css");
@import url("/css/pt/styles/pt-style-cyan.css");

@import url("/css/pt/pt-modal.css");
**/
@import url("/css/pt/pt-variables.css");
@import url("/css/pt/pt-form.css");
@import url("/css/pt/pt-icon.css");
@import url("/css/pt/pt-layout.css");

.sfilter {visibility: hidden; height: 0; }

body
{
   background: #fff;
   margin: 0;
   padding: 0;
   border: 0;
   font-family: Roboto, Helvetica, Arial, "Helvetica Neue", sans-serif;
   font-size: .8em;
   font-weight: normal;
   line-height: 30px;
   color: var(--text-color);
}

/* Small Screen  (sm) */
@media (width >= 640px)
{
  body
  {
     font-size: .8em;
     line-height: 20px;
  }
}

/* Medium Screen (md) */
@media (width >= 768px)
{
  body
  {
     font-size: 1em;
     line-height: 20px;
  }
}

/* Large Screen (lg) */
@media (width >= 1024px)
{
  body
  {
     font-size: 1em;
     line-height: 25px;
  }
}

/* X-Large Screen (xl) */
@media (width >= 1280px)
{
  body
  {
     font-size: 1em;
     line-height: 30px;
  }
}