/* ------------------------------ THIS STYLESHEET IS FOR THEME SPECIFIC CSS ------------------------------------------ */
/* Typekit fonts */
/*
Sofia Pro Bold
font-family: sofia-pro, sans-serif;
font-weight: 700;
font-style: normal;

Sofia Pro Light
font-family: sofia-pro, sans-serif;
font-weight: 300;
font-style: normal;

Sofia Pro Regular
font-family: sofia-pro, sans-serif;
font-weight: 400;
font-style: normal;

Sofia Pro Semi Bold
font-family: sofia-pro, sans-serif;
font-weight: 600;
font-style: normal;
*/

h1, h2, h3, h4, h5, h6 {
	font-family: sofia-pro, sans-serif;
	font-weight: 600;
	font-style: normal;	
}

body, p, li a {
font-family: sofia-pro, sans-serif;
font-weight: 400;
font-style: normal;	
}


/* ------------------------------ MOST COMMONLY USED CSS / UNCOMMENT IF NEEDED - DELETE IF NOT NEEDED ------------------------------------------ */ 


/* -------------------------------------*/
/*-- COOL TEXT HIGHLIGHT COLOUR --*/
/* -------------------------------------*/

/*::selection {
    background: #000000;
    color: #FFFFFF;
}*/


/* -------------------------------------*/
/*-- TYPOGRAPHY --*/
/* -------------------------------------*/

/*body {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
  font-style: normal;
}

h1,h2, h3, h4, h5, h6 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
}*/



/* -------------------------------------*/
/*-- CONTROL OVER HEADER FONT SIZES --*/
/* -------------------------------------*/

/*@media only screen and (min-width: 768px) { 
  body #page-container h1 {
    font-size: 3.4em!important;
  }
  body #page-container h2 {
    font-size: 2.6em!important;
  }
  body #page-container h3 {
    font-size: 2em!important;
  }
  body #page-container h4 {
    font-size: 1.6em!important;
  }
  body #page-container h5 {
    font-size: 1.5em!important;
  }
  body #page-container h6 {
    font-size: 1.25em!important;
  }  
} 

@media only screen and (min-width: 480px) and (max-width: 767px)  { 
  body #page-container h1 {
    font-size: 2.8em!important;
  }
  body #page-container h2 {
    font-size: 2.4em!important;
  }
  body #page-container h3 {
    font-size: 1.6em!important;
  }
  body #page-container h4 {
    font-size: 1.3em!important;
  }
  body #page-container h5 {
    font-size: 1.2em!important;
  }
  body #page-container h6 {
    font-size: 1.1em!important;
  }  
}

@media only screen and (max-width: 479px)  { 
  body #page-container h1 {
    font-size: 2.2em!important;
  }
  body #page-container h2 {
    font-size: 2em!important;
  }
  body #page-container h3 {
    font-size: 1.75em!important;
  }
  body #page-container h4 {
    font-size: 1.4em!important;
  }
  body #page-container h5 {
    font-size: 1.25em!important;
  }
  body #page-container h6 {
    font-size: 1em!important;
  }
}*/











/* ------------------------------ LESS COMMONLY USED CSS / DELETE IF NOT NEEDED ------------------------------------------ */ 



/* -------------------------------------*/
/*-- CONTROL OVER NAV SPACING --*/
/* -------------------------------------*/

/*@media only screen and (min-width: 980px) {
  #top-menu li {
    padding-right: 6px;
  }
}
@media only screen and (min-width: 1080px) {
  #top-menu li {
    padding-right: 10px;
  }
}
@media only screen and (min-width: 1180px) {
  #top-menu li {
    padding-right: 15px;
  }
}
@media only screen and (min-width: 1280px) {
  #top-menu li {
    padding-right: 22px;
  }
}
@media only screen and (min-width: 1380px) {
  #top-menu li {
    padding-right: 32px;
  }
}
@media only screen and (min-width: 1500px) {
  #top-menu li {
    padding-right: 36px;
  }
}*/