/**
 * GLOBAL STYLING
 */

/* box model fix */
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

/* ==========================================================================
   Micro clearfix
   ========================================================================== */

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

/*General Styles, colour, type, etc.*/

.container-marg {
  margin-bottom: 40px;
}

.currentpage a{
  color: #ed1c24;
}

body {
	background-color: #fff; /* ecru */
	font-family: 'Josefin Sans', sans-serif;
}

img {
  max-width: 100%;
}

p {
  font-size: 150%;
  margin: 0 0 10px 0;
}

p a {
  color: #ed1c24;
  padding-top: 50px;
}

p a:hover {
  color: #0f5c92;
}

h1 {
  font-weight: 700;
  color: #ed1c24;
  font-size: 500%;
  margin-bottom: 15px;
}

h2 {
  font-weight: 700;
  font-size: 225%;
  color: #ed1c24;
}

h2 a {
  color: #ed1c24;
}

h3 {
  font-weight: 700;
  font-size: 175%;
  margin-top: 50px;
}

ul {
  list-style: none;
}

a {
  text-decoration: none;
}

img {
	max-width: 100%;
}

/*Header*/

header .row {
  margin-bottom: 0;
  border-bottom: 1px solid #0f5c92;
}

#primary-nav {
  margin: 30px 15px 0 15px;
  width: 75.982905982906%;
  float: right;
}

.right {
  float: right;
}

.logo img {
  width: 115px;
  margin: 5px 0 0 0;
}

#login ul li a{
  color:#ed1c24;
  text-decoration: none;
  list-style: none;
  font-weight: 700;
  font-size: 140%;
  float: right;
}

#login ul li a:hover{
  color: #0f5c92;
}

/*Hero (row 1)*/



.hero-text {
  font-weight: 300;
  font-size: 190%;
}

.hero h1 {
  margin-top: 54px;
}

.hero a {
  position: relative;
  display: inline-block;
  margin-top: 45px;
}

.hero a:hover:before {
  content: '';
  display: block;
  background: url(../images/buttons_hover/book-appointment-hover.png);
  width: 360px; /* image width */
  height: 57px; /* image height */
  position: absolute;
  top: 0;
  right: 0;
}

/*ROW 2*/

.marg-bottom {
  margin-bottom: 23px;
}

.phisio a {
  position: relative;
  display: inline-block;
}

.phisio a:hover:before {
  content: '';
  display: block;
  background: url(../images/buttons_hover/phisio-hover.png);
  width: 360px; /* image width */
  height: 57px; /* image height */
  position: absolute;
  top: 0;
  right: 0;
}

.medical a {
  position: relative;
  display: inline-block;
}

.medical a:hover:before {
  content: '';
  display: block;
  background: url(../images/buttons_hover/medical.png);
  width: 360px; /* image width */
  height: 57px; /* image height */
  position: absolute;
  top: 0;
  right: 0;
}

.nutrition a {
  position: relative;
  display: inline-block;
}

.nutrition a:hover:before {
  content: '';
  display: block;
  background: url(../images/buttons_hover/nutritional.png);
  width: 360px; /* image width */
  height: 57px; /* image height */
  position: absolute;
  top: 0;
  right: 0;
}

.dentist a {
  position: relative;
  display: inline-block;
}

.dentist a:hover:before {
  content: '';
  display: block;
  background: url(../images/buttons_hover/dentistry.png);
  width: 360px; /* image width */
  height: 57px; /* image height */
  position: absolute;
  top: 0;
  right: 0;
}

.pharmacy a {
  position: relative;
  display: inline-block;
}

.pharmacy a:hover:before {
  content: '';
  display: block;
  background: url(../images/buttons_hover/pharmacy.png);
  width: 360px; /* image width */
  height: 57px; /* image height */
  position: absolute;
  top: 0;
  right: 0;
}

.counsel a {
  position: relative;
  display: inline-block;
}

.counsel a:hover:before {
  content: '';
  display: block;
  background: url(../images/buttons_hover/counseling.png);
  width: 360px; /* image width */
  height: 57px; /* image height */
  position: absolute;
  top: 0;
  right: 0;
}

/*ROW 3*/

.student a {
  position: relative;
  display: inline-block;
  margin-top: 10px;

}

.student a:hover:before {
  content: '';
  display: block;
  background: url(../images/buttons_hover/student.png);
  width: 360px; /* image width */
  height: 57px; /* image height */
  position: absolute;
  top: 0;
  right: 0;
}

.instructor a {
  position: relative;
  display: inline-block;
}

.instructor a:hover:before {
  content: '';
  display: block;
  background: url(../images/buttons_hover/instructor.png);
  width: 360px; /* image width */
  height: 57px; /* image height */
  position: absolute;
  top: 0;
  right: 0;
}

 

/*ROW 4*/

.bbq {
  background: url(../images/bbq.jpg);
  background-size: cover;
  height: 327px;
}

.bbq h2, h3 {
  text-align: center;
}

.bbq h2 {
  margin-top: 84px;
}

.bbq a:hover {
  display: block;
}

.bbq a:hover {
  color: #0f5c92;
}

/* INTERIOR */

.left-line {
  padding-left: 15px;
  padding-bottom: 40px;
}

.left-line p, img {
  max-width: 100%
}

.secondary-nav ul li a{
  text-align: left; /*center if desired*/
  font-family: "Josefin Sans", sans-serif;
  font-weight: 700;
  font-size: 150%;
  color: #0f5c92;
  text-decoration: none;
  display: inline-block;
  padding: 15px 0;
}

.secondary-nav ul li a:hover{
  color: #ed1c24;
}

.secondary-nav {
  padding-top: 3px;
}

/* FOOTER */

#footer-nav ul li a{
  font-weight: 700;
  font-size: 175%;
  color: #0f5c92;
}

#footer-nav ul li {
  margin-top: 20px;
}

#footer-nav ul li a:hover {
  color: #ed1c24;
}

footer .col-2 {
  padding: 0;
  margin: 0;
}

footer img {
  margin-top: 20px;
}

footer .col-6 ul {
  padding: 0;
  margin: 0;
}

footer {
  padding: 10px 0;
}

footer p {
  margin-top: 20px;
}

#info {
  font-size: 60%;
  margin-top: 35px;
}


/* MEDIA (Responsive Section) */

/* MOBILE*/

@media screen and (max-width : 767px){
  .secondary-nav {
    display: none;
  }

  .left-line {
    border: none;
  }

  .hero-mobile {
    display: block;
  }  

  .hero-desktop {
  background-image: url(../images/hero_mobile.jpg);
  background-size: cover;
  height: 320px;
  }

  .hero-mobile #hide-mobile{
    display: none;
  }

  .hero-desktop h1, .hero-desktop p, .hero-desktop img{
    display: none;
  }

  .hero-mobile h1 {
  margin-top: 10px;
  }

  .hero-mobile a {
  position: relative;
  display: inline-block;
  margin-top: 20px;
  }

  .hero-mobile a:hover:before {
  content: '';
  display: block;
  background: url(../images/buttons_hover/book-appointment-hover.png);
  width: 360px; /* image width */
  height: 57px; /* image height */
  position: absolute;
  top: 0;
  right: 0;
  }

  .bbq h2 {
  padding-top: 75px;
  }

  header {
    background-color: #0f5c92;
  }

    .col-2 {
  width: 14.102564102564%; /* 165px */
  margin: 16px 1.282051282051% 0 1.282051282051%; /* 0 15px */;
  float: left;
  }

  #primary-nav ul li a {
    color: #a8c686;
    margin-left: 0;
    padding-left: 0;
    }

  #primary-nav {
    float: right;
    padding: 12px 12px;
    margin: 0;
  }

  .login-mobile a{
    display: inline-block;
  }

  #login {
    display: none;
  }

  .logo {
    margin: 10px 10px;
  }

  .footer-desktop {
    display: none;
  }

}/* media 767px closes */

/* TABLET*/

@media only screen and (min-width: 768px) {

  .secondary-nav {
    display: none;
  }

  .left-line {
    border: none;
  }

  .hero-mobile {
    display: block;
  }  

  .hero-mobile #hide-mobile{
    display: none;
  }

  .hero-desktop h1, .hero-desktop p, .hero-desktop img{
    display: none;
  }

  .hero-mobile h1 {
  margin-top: 10px;
  }

  .hero {
  background-image: url(../images/hero-image.jpg);
  background-size: cover;
  height: 441px;
  }

  .hero-mobile a {
  position: relative;
  display: inline-block;
  margin-top: 45px;
  }

  .hero-mobile a:hover:before {
  content: '';
  display: block;
  background: url(../images/buttons_hover/book-appointment-hover.png);
  width: 360px; /* image width */
  height: 57px; /* image height */
  position: absolute;
  top: 0;
  right: 0;
  }

  .bbq h2 {
  padding-top: 75px;
  margin-top: 0;
  }

  .col-8 img {
    max-width: 64.102564102564%;
    margin-left: 15px;
  }

  #primary-nav ul li a {
    font-size: 100%;
    margin-left: 30px;
  }

  #login {
    font-size: 70%;
  }

  #primary-nav .login-mobile {
    display: none;
  }

  .footer-mobile {
    display: none;
  }

  .container-fluid .row .col-4 p {
    font-size: 90%;
    margin-bottom: 0px;
  }


}/* media 768px closes */

/* DESKTOP */

@media screen and (min-width : 1200px){
  .secondary-nav {
    display: block;
  }

  .left-line {
    border-left: 1px solid #0f5c92;
  }

  #primary-nav ul li a {
    font-size: 175%;
    margin-left: 56px;
  }

  #login {
    font-size: 110%;
  }

  .hero-mobile {
    display: none;
  }

  .hero-desktop h1, .hero-desktop p, .hero-desktop img{
    display: block;
  }

  .hero {
  background-image: url(../images/hero-image.jpg);
  background-size: cover;
  height: 441px;
  }

  .col-8 img {
    max-width: 100%;
  }

  #primary-nav .login-mobile {
    display: none;
  }

  .footer-mobile {
    display: none;
  }
  

}/* media 1200px closes */