/*
Theme Name: Phillips Smith Conwell
Theme URI: //www.tonygooleydesign.com.au/
Description: Phillips Smith Conwell 2015 Template
Version: 0.5
Author: Benjamin Smith
Author URI: //www.bensomething.com/
*/
@font-face {
  font-family: "Klinic Slab Book";
  src: url("KlinicSlabBook.woff") format("woff"); }
@font-face {
  font-family: "Klinic Slab Medium";
  src: url("KlinicSlabMedium.woff") format("woff"); }
html, input {
  -webkit-font-smoothing: antialiased; }

body {
  background-color: #fff;
  font-family: 'Karla', sans-serif;
  font-size: 1em; }
  body.home {
    background-color: #363f50; }

h1,
h2,
h3 {
  font-family: 'Klinic Slab Book', serif;
  font-weight: normal; }

.group:after {
  content: "";
  display: table;
  clear: both; }

.container {
  max-width: 1400px;
  margin: 0 auto; }
  @media screen and (max-width: 1400px) {
    .container {
/*       margin: 0 20px; */
		width: 960px;
    }
  }
  @media screen and (max-width: 960px){
	  .container {
		  width: 700px;
	  }
  }
  @media screen and (max-width: 700px){
	  .container {
		  width: 420px;
	  }
  }
  @media screen and (max-width: 420px){
	  .container {
		  width: 90%;
	  }
  }
  .container a {
    color: #363f50;
    text-decoration: none; }

@media screen and (max-width: 700px){
	.practice-heading-toggle span,
	.awards-heading-toggle span,
	.history-heading-toggle span,
	.careers-heading-toggle span {
		display: block;
		float: right;
	}
	.practice-heading-toggle.toggle-close span,
	.awards-heading-toggle.toggle-close span,
	.history-heading-toggle.toggle-close span,
	.careers-heading-toggle.toggle-close span {
		-ms-transform: rotate(45deg); /* IE 9 */
		-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
		transform: rotate(45deg);
		display: block !important;
	}
	.practice-heading,
	.awards-heading,
	.history-heading,
	.careers-heading {
		display: none !important;
	}
	.practice-content,
	.awards-content,
	.history-content,
	.careers-content {
		display: none;
	}
	.practice-heading-toggle,
	.awards-heading-toggle,
	.history-heading-toggle,
	.careers-heading-toggle {
		display: block;
		cursor: pointer;
	}
	.practice-heading-toggle,
	.awards-heading-toggle {
		margin: 0;
	}
	.image3 {
		margin-top: 40px;
		margin-bottom: 80px;
		float: none;
	}
}

@media screen and (min-width: 700px){
	/*.practice-heading-toggle span,
	.awards-heading-toggle span,
	.history-heading-toggle span,
	.careers-heading-toggle span {
		display: none;
	}*/
	.practice-heading,
	.awards-heading,
	.history-heading,
	.careers-heading {
		display: block;
	}
	.practice-heading-toggle,
	.awards-heading-toggle,
	.history-heading-toggle,
	.careers-heading-toggle {
		display: none !important;
	}
	.practice-content,
	.awards-content,
	.history-content,
	.careers-content {
		display: block !important;
	}
}

.home #header {
  position: absolute;
  width: 100%;
  z-index: 998 !important}

#navigation {
  margin-top: 80px;
  color: #fff;
  font-size: 1.25em;
  z-index: 999 !important;
/*   position: fixed; */ }
  @media screen and (max-width: 960px) {
    #navigation {
      margin-top: 30px; } }
  @media screen and (max-width: 700px) {
    #navigation {
      margin-top: 0; } }
/*
  #navigation a,
  #navigation #trigger-overlay.on {
    text-decoration: none;
    border: solid 2px #86e8bb;
    color: #fff;
    padding: 10px 15px;
    display: inline-block;
    width: 100px; }
  #navigation #trigger-overlay.on {
    position: fixed;
    text-indent: -9999px;
    width: 50px;
    background-image: url(images/icon-close.png);
    background-repeat: no-repeat;
    background-position: center center;
    /*		&::before,
    		&:hover::before {
    			background-image: url(images/icon-close.png);
    			background-repeat: no-repeat;
    			background-position: center center;
    		}*/
    #navigation #trigger-overlay.on::before, #navigation #trigger-overlay.on:hover::before {
      display: none; }
    #navigation #trigger-overlay.on:hover {
      background-color: transparent; }
      #trigger-overlay.on {
	      display: none !important;
      }
            #trigger-overlay.off {
	      display: block !important;
      }

#trigger-overlay {
  transition: all .3s ease;
  text-indent: 0px;
  width: 100px; }

#logo {
  margin-top: 100px;
  height: 150px;
  background-image: url(images/logo-dark.png);
  /*background-color: rgba(255,255,255,0.2);*/
  background-size: 100%;
  background-repeat: no-repeat;
  text-indent: -9999px;
  transition: opacity .3s ease;
  z-index: 999 !important; }
  @media screen and (max-width: 960px) {
    #logo {
      margin-top: 50px;
      height: 120px; } }
  @media screen and (max-width: 700px) {
    #logo {
      margin-top: 20px;
      height: 100px; } }
  #logo:hover {
	  opacity: .75;
  }
  #logo a {
    display: block;
    width: 100%;
    height: 100%; }
  #logo.shown {
    opacity: 1; }
  #logo.hidden {
    opacity: 0; }

.home #logo {
  background-image: url(images/logo-light.png); }

.lines {
  height: 290px;
  /*background-color: rgba(255,255,255,0.1);*/
  background-image: url(images/lines.png);
  background-repeat: repeat-x;
  background-position: center top;
  border: none;
  clear: both;
  margin: 0;
  padding: 0;
  display: block; }
  @media screen and (max-width: 700px) {
    .lines {
      background-size: 50%;
      height: 145px; } }
  .lines.top {
    margin-top: -250px;
    z-index: 999 !important; }
    @media screen and (max-width: 700px) {
      .lines.top {
        margin-top: -125px; } }
  .lines.bottom {
    margin-bottom: -40px;
    z-index: 999; }
    @media screen and (max-width: 700px) {
      .lines.bottom {
        margin-bottom: -20px; } }
    .lines.bottom.buff {
      background-color: #edfcf5; }
.lines.top {
	position: absolute;
	width: 100%;
}
hr.divider {
  border: none;
  background-color: #86e8bb;
  height: 2px;
  display: block; }

#rotating-images {
/*
  background-color: #363f50;
  background-image: url(images/st-peter-pac-exterior-1.jpg);
*/
  background-size: cover;
/*   background-attachment: fixed; */
  background-position: center bottom;
  background-repeat: no-repeat;
  height: 96vh;
     }
  #rotating-images div {
	  position: absolute; top: 0; left: 0;
    width: 100%; padding: 0; display: block;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    z-index: 1 !important;
    overflow: hidden;
/*
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
*/ }
#rotating-images div img {
	width: 100%;
	height: auto;
}
#rotating-images .image1 {
	background-image: url(images/st-peter-pac-exterior-1.jpg);
}

#featured-content {
  padding: 75px 0 0 0;
  color: #fff; }
  #featured-content article h1 {
    font-size: 2.5em;
    line-height: 1em;
    margin-top: 0; }
    #featured-content article h1 span {
      display: block; }
      @media screen and (max-width: 87.5em) {
        #featured-content article h1 span {
          display: inline; } }
  #featured-content article h2 {
    color: #86e8bb;
    margin: 1.3em 0 0.3em 0;
    font-size: 2em;
    line-height: 1.3em; }
  #featured-content article p {
    font-size: 1.25em;
    line-height: 1.3em;
    margin: 0 0 1.3em 0; }
  #featured-content article img {
    width: 100%;
    height: auto;
    display: block; }
    #featured-content article img.half {
      width: 50%; }
  #featured-content .featured-2 {
    margin-top: 450px;
    margin-bottom: 75px; }
  #featured-content .featured-4 {
    margin-top: 380px;
    margin-bottom: 75px; }
  @media screen and (max-width: 60em) {
    #featured-content .featured-2,
    #featured-content .featured-4 {
      margin-top: 0;
      margin-bottom: 0; } }

#practice-content {
  margin-top: 50px;
  margin-bottom: 50px; }
  #practice-content h1 {
    font-size: 2.5em;
    line-height: 1em;
    color: #363f50;
    margin-top: 0; }
  #practice-content p {
    font-size: 1.125em;
    line-height: 1.2em;
    margin: 1.2em 0; }
    #practice-content p.pull-quote {
      font-size: 1.875em;
      line-height: 1em;
      color: #363f50;
      font-family: 'Klinic Slab Book', serif;
      font-weight: normal;
      margin-top: 0;
      margin-bottom: 125px;
      width: 85%; }
  #practice-content ul {
    font-size: 1.125em;
    line-height: 1.2em;
    list-style: none;
    margin: 1.2em 0 1.2em 1em;
    padding: 0; }
    #practice-content ul li {
      width: 40%;
      margin-right: 10%;
      float: left; }
      #practice-content ul li:before {
        content: '\2014 \20';
        margin-left: -9%;
        text-indent: 10%; }
        @media screen and (max-width: 1400px){
	        #practice-content ul li {
		        width: 90%;
		        margin-right: 0;
		        margin-left: 10%;
	        }
        }
  #practice-content img {
    width: 100%;
    height: auto;
    display: block; }
    #practice-content img.right {
      width: 57%;
      float: right; }
      @media screen and (max-width: 1440px){
	      #practice-content img.right {
		      width: 100%;
	      }
      }
  #practice-content .practice-intro {
    margin-bottom: 70px; }

#awards-history {
  background-color: #edfcf5;
  padding-top: 200px;
  margin-top: -190px; }
  @media screen and (max-width: 700px){
	  #awards-history {
		padding-top: 20px;
	    margin-top: -95px;
	background-color: #fff;}
	.history hr {
		display: none;
	}
  }
/*
  #awards-history h1,
  #awards-history .history-intro {
    -webkit-column-span: all;
    column-span: all; }
  #awards-history .container.awards {
    -webkit-columns: 4 100px;
    -moz-columns: 4 100px;
    columns: 4 100px;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px; }
*/
    #awards-history .container.awards.awards {
      margin-bottom: 70px; }
	  @media screen and (max-width: 700px){
		  #awards-history .container.awards.awards {
			margin-bottom: 40px; }
	  }
  #awards-history .history {
    margin-bottom: 20px; }
    #awards-history .history h1 {
      margin-bottom: 0; }
  #awards-history .history-list {
    background-color: #ddd;

    /*		.slick-list {
    			overflow: hidden;
    		}*/ }
    #awards-history .history-list .history-items div h2, #awards-history .history-list .history-items div h3 {
      margin: 0;
      font-family: "Karla";
      font-size: 1em;
      font-weight: 600; }
    #awards-history .history-list .history-items div img, #awards-history .history-list .history-items div h2, #awards-history .history-list .history-items div h3, #awards-history .history-list .history-items div p {
      width: 90%;
      padding: 0 5%; }
    #awards-history .history-list .history-items div img {
      padding: 5%; }
    #awards-history .history-list .history-items div.alt {
/*
      background-color: #ccc;
      height: 650px !important;
*/}
	#awards-history .history-list .history-items {
		position: relative;
	}
/*    #awards-history .history-list .history-items .slick-prev,
    #awards-history .history-list .history-items .slick-next {
	    position: absolute;
	    top: 0;
	    height: 100%;
	    width: 200px;
	    border: 0;
	    background-color: rgba(233, 234, 236, 0.8);
	          background-position: center center;
      background-repeat: no-repeat;
      text-indent: -9999px;
      background-size: 85px 86px;
      outline: none;
z-index: 999;

 }*/

@media screen and (max-width:960px){
	#awards-history .history-list .history-items .slick-prev,
    #awards-history .history-list .history-items .slick-next {
	    width: 100px;
      /*background-size: 43px 43px;*/
    }
}
@media screen and (max-width:600px){
	#awards-history .history-list .history-items .slick-prev,
    #awards-history .history-list .history-items .slick-next {
	    width: 50px;
      /*background-size: 43px 43px;*/
    }
}
#awards-history .history-list .history-items .slick-prev {
	background-image: url(images/box-arrow-left.png);
}
#awards-history .history-list .history-items .slick-next {
	right: 0;
	background-image: url(images/box-arrow-right.png);
}
#awards-history .history-list .history-items .slick-next:hover {
	right: 0;
	background-image: url(images/box-arrow-right.png);
}
#awards-history .history-list .history-items .slick-dots {
	display: none !important;
}

#awards-history .history-list .history-items .slick-next:active,
#awards-history .history-list .history-items .slick-prev:active {
	background-image: none !important;
}


#careers {
  margin-top: 120px; }
  @media screen and (max-width: 700px){
	  #careers {
	    margin-top: 0; }
  }
  #careers .pull-quote {
    font-size: 1.875em;
    line-height: 1em;
    color: #363f50;
    font-family: 'Klinic Slab Book', serif;
    font-weight: normal;
    margin-top: .5em;
    margin-bottom: 125px; }

#people-content {
  /*margin-top: 50px;*/ }
  #people-content h1 {
    font-size: 2.5em;
    line-height: 1em;
    color: #363f50;
    margin-top: 0; }
  #people-content .hero-image img {
    width: 100%;
    height: auto;
    display: block;
    margin-bottom: 80px; }
  #people-content .intro-text {
    font-size: 1.875em;
    line-height: 1em;
    color: #363f50;
    font-family: 'Klinic Slab Book', serif;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 125px; }
    @media screen and (max-width: 960px){
	    #people-content .intro-text {
	    	margin-bottom: 40px !important;
		    margin-top: -40px !important;
		}
    }
    #people-content .intro-text p {
      margin: 0; }
  #people-content .person {
    margin-bottom: 80px; }
    #people-content .person img {
      width: 100%;
      height: auto; }
    #people-content .person p {
      font-size: 1.25em; }
    #people-content .person a {
      text-decoration: underline; }
      #people-content .person a:hover {
        color: #8c8c8c; }

.category-list {
  list-style: none;
  margin: 0 0 2% 0;
  padding: 0;
  font-size: 1.25em; }
  .category-list li {
    float: left;
    width: 17% !important;
    margin-bottom: 10px; }
    @media screen and (max-width: 960px){
		.category-list li {
			width: 25.5% !important;
		}
  	}
  	@media screen and (max-width: 700px){
		.category-list li {
			width: 50% !important;
		}
  	}
  	@media screen and (max-width: 420px){
		.category-list li {
			width: 100% !important;
			float: none;
		}
  	}
    .category-list li a:hover {
      color: #8c8c8c;
      text-decoration: underline; }

#project-list {
  margin-bottom: 40px; }
  #project-list ul {
    list-style: none;
    /*margin: 0 0 0 -1%;npc*/
	margin: 0 -1%;
	display: block;
    padding: 0; }
    #project-list ul li {
      position: relative;
      			width: 31.333333%;
      			margin: 1% 1%;
      			/*height: 290px;*/
      overflow: hidden; }
      @media screen and (max-width: 1440px){
	      #project-list ul li {
	      width: 48% !important;
	     }
      }
      @media screen and (max-width: 700px){
	      #project-list ul li {
	      width: 100% !important;
	      }
      }
      #project-list ul li img {
        display: block;
        width: 100%;
        height: auto; }
      #project-list ul li span {
        /*display: none;*/
        position: absolute;
        top: 0;
        left: 0;
        background-color: #363f50;
        width: 81%;
        height: 100%;
        padding: 0 10%;
        transition: opacity .3s ease;
        opacity: 0;
        color: #fff; }
        @media screen and (max-width: 25em) {
          #project-list ul li span {
            display: block;
            opacity: 1;
            position: relative;
            padding-top: 7.5%;
            padding-bottom: 7.5%;
            margin-bottom: 20px; }
            #project-list ul li span h2 {
              margin: 0 !important;
              font-size: 1.25em !important;
              font-family: "Klinic Slab Medium";
              font-weight: normal; }
            #project-list ul li span ul {
              display: none; } }
        #project-list ul li span h2 {
          font-size: 2em;
          margin: 10% 0 10px 0; }
        #project-list ul li span ul {
          font-size: 1.25em;
          margin: 0; }
      #project-list ul li:hover span {
        /*display: block;*/
        opacity: 0.9; }
  #project-list .load-container {
    text-align: center; }

#project-content {
  margin-bottom: 40px; }
  #project-content h1 {
    font-size: 2.5em;
    line-height: 1em;
    color: #363f50;
    margin-top: 0; }
  #project-content .project-gallery {
    margin-bottom: 40px;
    position: relative; }
    #project-content .project-gallery .full-image img {
      width: 100%;
      height: auto; }
    #project-content .project-gallery .half-image img {
      width: 50%; }
    #project-content .project-gallery .slick-disabled {
      display: none !important; }

    #project-content .project-gallery .slick-prev,
    #project-content .project-gallery .slick-next,
#awards-history .history-list .history-items .slick-prev,
    #awards-history .history-list .history-items .slick-next {
      position: absolute;
      top: 50%;
      width: 50px;
      height: 50px;
      background-color: transparent;
      border: solid 2px #363f50;
      text-indent: -9999px;
      margin-top: -27px;
			outline: none;
      /*background-color: rgba(255,255,255,0.15);*/
      background-position: center center;
      background-repeat: no-repeat;
			transition: background-color .3s ease; }
			#project-content .project-gallery .slick-prev:hover,
	    #project-content .project-gallery .slick-next:hover,
		.history-items .slick-prev:hover,
#awards-history .history-list .history-items .slick-prev:hover,
    #awards-history .history-list .history-items .slick-next:hover {
				background-color: #363f50 !important;
			}
			#project-content .project-gallery .slick-prev:hover,
#awards-history .history-list .history-items .slick-prev:hover {
				background-image: url(images/arrow-left-white.png) !important;
			}
			#project-content .project-gallery .slick-next:hover,
#awards-history .history-list .history-items .slick-next:hover {
				background-image: url(images/arrow-right-white.png) !important;
			}
    #project-content .project-gallery .slick-prev {
      left: -100px;
      background-image: url(images/arrow-left.png); }

      @media screen and (max-width: 100em) {
.project-gallery {
margin-bottom:120px !important;
}
        #project-content .project-gallery .slick-prev {
          left: 0px;
bottom: -70px;
top: auto;
          /*border-color: #fff;
          background-color: rgba(0,0,0,0.15);*/ } }
		      @media screen and (max-width: 960px) {
.project-gallery {
margin-bottom: 20px !important;
}
		        #project-content .project-gallery .slick-prev,
						#project-content .project-gallery .slick-next {
		          top: 115% !important;
bottom:auto !important;
							right: 0 !important;
							left: auto;
		          /*border-color: #fff;
		          background-color: rgba(0,0,0,0.15);*/ }
						#project-content .project-gallery .slick-prev {
							right: 100px !important;
bottom:auto !important;
							} }
    #project-content .project-gallery .slick-next {
      right: -100px;
      background-image: url(images/arrow-right.png); }
      @media screen and (max-width: 100em) {
        #project-content .project-gallery .slick-next {
          right: 0;
bottom:-70px;
top:auto;
          /*border-color: #fff;
          background-color: rgba(0,0,0,0.15);*/ } }
#awards-history .history-list .history-items .slick-prev {
	left: 40px;
background-color: #ddd !important;
}#awards-history .history-list .history-items .slick-next {
	margin-right: 40px;
background-color: #ddd !important;
}
  #project-content .project-info {
    font-size: 1.125em; }
    #project-content .project-info h2 {
      font-family: "Klinic Slab Medium";
      font-weight: normal;
      color: #363f50;
      margin: 0;
      font-size: 1em; }
    #project-content .project-info p {
      margin: 0 0 1.5em 0; }
  #project-content .project-text {
    font-size: 1.125em; }
    #project-content .project-text p:first-child {
      margin-top: 0; }

#related-projects {
  background-color: #edfcf5;
  padding: 70px 0 140px 0; }
  #related-projects .related-project {
	  margin-bottom: 20px;
  }
  #related-projects h2 {
    color: #363f50;
    margin-bottom: 40px;
    font-weight: normal;
    font-family: "Klinic Slab Medium"; }
  #related-projects article img {
    width: 48%;
    margin-right: 4%;
    float: left; }
    #related-projects .related-content {
	    width: 48%;
	    float: left;
    }
		@media screen and (max-width: 700px) {
			#related-projects article img,
			#related-projects .related-content {
				width: 100%;
			}
		}
  #related-projects article h3 {
    font-size: 2.5em;
    line-height: 1em;
    color: #363f50;
    margin: 0 0 0 0; }
  #related-projects article p {
    font-size: 1.25em; }

#news-list h1 {
  font-size: 2.5em;
  line-height: 1em;
  color: #363f50;
  margin: 0 0 80px 0; }
#news-list article {
  margin: 80px 0; }
#news-list article:last-child hr {
	display: none !important;
}
  #news-list article h3 {
    font-size: 2em;
    line-height: 1.25em;
    margin-bottom: 0.5em; }
  #news-list article p {
    font-size: 1.25em;
    margin: 1.5em 0; }
    #news-list article p.author {
      margin: 0; }
  #news-list article .news-image img {
    width: 100%;
    height: auto; }
  #news-list article .news-more {
    margin-bottom: 80px;
    text-decoration: underline; }
    #news-list article .news-more a:hover {
      color: #8c8c8c; }

a.read-more,
a.load-more,
#trigger-overlay {
  text-decoration: none;
  border: solid 2px #363f50;
  color: #363f50;
  padding: 10px 15px;
  margin: 1em 0;
  display: inline-block;
  background-color: transparent;
  outline: none;
  z-index: 9997 !important;
  position: relative;
  overflow: hidden;
  -webkit-transition: border-color 0.3s, color 0.3s;
  transition: border-color 0.3s, color 0.3s, background-color 0.6s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
  a.read-more:hover,
  a.load-more:hover,
  #trigger-overlay:hover {
    background-color: #363f50;
    color: #86e8bb; }
  a.read-more:hover::before,
  a.load-more:hover::before,
  #trigger-overlay:hover::before {
    opacity: 1;
    background-color: #363f50;
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
  a.read-more::before,
  a.load-more::before,
  #trigger-overlay::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 150%;
    height: 100%;
    background: #363f50;
    color: #86e8bb;
    z-index: -1;
    -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
    transition: transform 0.3s, opacity 0.3s, background-color 0.3s; }

.load-more {
  font-size: 1.25em; }

#trigger-overlay {
  z-index: 9999 !important; }

.home a.read-more,
a.top-link,
.home #trigger-overlay {
  text-decoration: none;
  border: solid 2px #86e8bb;
  color: #fff;
  padding: 10px 15px;
  margin: 1em 0;
  display: inline-block;
  background-color: transparent;
  outline: none;
  position: relative;
  overflow: hidden;
  -webkit-transition: border-color 0.3s, color 0.3s;
  transition: border-color 0.3s, color 0.3s, background-color 0.6s;
  -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
  transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
  .home a.read-more:hover,
  a.top-link:hover,
  .home #trigger-overlay:hover {
    background-color: #86e8bb;
    color: #363f50; }
  .home a.read-more:hover::before,
  a.top-link:hover::before,
  .home #trigger-overlay:hover::before {
    opacity: 1;
    background-color: #86e8bb;
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1); }
  .home a.read-more::before,
  a.top-link::before,
  .home #trigger-overlay::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 150%;
    height: 100%;
    background: #86e8bb;
    z-index: -1;
    -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
    -webkit-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
    transition: transform 0.3s, opacity 0.3s, background-color 0.3s; }


a.top-link {
  text-indent: -9999px;
  width: 12px;
  background-image: url(images/arrow-up.png);
  background-repeat: no-repeat;
  background-position: center center;
  margin-top: 0;
  margin-bottom: 0; }

#footer {
  background-color: #323c4b;
  background-image: url(images/lines.png);
  background-repeat: repeat-x;
  background-position: center -250px;
  padding: 100px 0;
  color: #fff; }
  @media screen and (max-width: 700px) {
    #footer {
      background-size: 50%;
      background-position: center -125px; } }
  #footer a {
    color: #86e8bb;
    text-decoration: none; }
    #footer a:hover {
      color: #fff; }

/** MENU **/
/*#trigger-overlay {
	position: fixed;
	background-color: $dark;
}*/
.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 9998;
  background: rgba(0, 0, 0, 0.85); }
  .overlay .menu-details {
    position: fixed;
    bottom: 120px;
    width: 100%; }
    @media screen and (max-width: 768px) {
      .overlay .menu-details {
        bottom: 20px;font-size:0.875em;line-height: 1.5em;width:155%;right:0;text-align:right; }
.overlay .menu-details .menu-contact {
        padding-left:200px; } }   
@media screen and (max-width: 700px) {
.overlay .menu-details {
width:100%;
}
} 
@media screen and (max-width: 420px) {
      .overlay .menu-details {
        bottom: 20px;font-size:0.875em;line-height: 1.5em;left:0;text-align:left; }
.overlay .menu-details .menu-contact {
        padding-left:0; } }
  .overlay .menu-contact {
    color: #fff; }
    .overlay .menu-contact a {
      color: #86e8bb;
      text-decoration: none; }
      .overlay .menu-contact a:hover {
        color: #fff; }

#menu-logo {
  height: 150px;
  /*background-color: rgba(255,255,255,0.2);*/
  background-image: url(images/logo-light.png);
  background-size: 100%;
  background-repeat: no-repeat;
  text-indent: -9999px;
  /*float: right;*/
  margin-top: 100px; }
  @media screen and (max-width: 960px) {
    #menu-logo {
      margin-top: 50px;
      height: 250px; } }
  @media screen and (max-width: 700px) {
    #menu-logo {
      margin-top: 20px;
      height: 100px; } }
  #menu-logo a {
    display: block;
    width: 100%;
    height: 100%; }

/* Overlay closing cross */
.overlay .overlay-close {
  width: 47px;
  height: 47px;
  position: fixed;
  margin-top: 100px;
  overflow: hidden;
  border: solid 2px #fff;
  background-color: transparent;
  text-indent: 200%;
  outline: none;
  z-index: 100;
/*   display: none; */
    background-image: url(images/icon-close.png);
    background-repeat: no-repeat;
    background-position: center center; }
@media screen and (max-width: 768px){
	.overlay .overlay-close {
		margin-top: 20px;
	}
}
.overlay ul {
  list-style: none;
  font-size: 2.6em;
  margin: 200px 0 0 0;
  padding: 0;
  line-height: 1.5em; }
  @media screen and (max-width: 768px) {
    .overlay ul {
      font-size: 1.5em;
      margin: 80px 0 0 0; }
.overlay ul li {min-height:20px !important;} }
  @media screen and (max-width: 600px) and (orientation: landscape) {
    .overlay ul {
      font-size: 1em;
      margin: 80px 0 0 0; } }

.overlay ul li a {
  text-decoration: none;
  color: #86e8bb;
  letter-spacing: 2px;
  transition: all .2s ease; }
  .overlay ul li a:hover {
    color: #fff;
    /*padding-left: 10px;*/ }

.overlay-menu {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
  transition: opacity 0.5s, visibility 0s 0.5s; }

.overlay-menu.open {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s; }

.overlay-menu nav,
.overlay-menu .menu-contact {
  -webkit-perspective: 1200px;
  perspective: 1200px; }

.overlay-menu nav ul {
  opacity: 0.4;
  -webkit-transform: translateY(-25%) rotateX(0deg);
  transform: translateY(-25%) rotateX(0deg);
  -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s; }

.overlay-menu.open nav ul {
  opacity: 1;
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg); }

.overlay-menu.close nav ul {
  -webkit-transform: translateY(25%) rotateX(0deg);
  transform: translateY(25%) rotateX(0deg); }

@media screen and (max-height: 30.5em) {
  /*.overlay nav {
    height: 70%;
    font-size: 34px; }*/

  .overlay ul li {
    min-height: 34px; } }

.fade {
	opacity: 0;
	padding-top: 100px;
}
@media screen and (max-width: 700px){
	.fade {
		opacity: 1;
		padding-top: 0;
	}
}
.image-1 img,
.image-2 img {
	margin-bottom: 30px;
}
@media screen and (max-width: 960px) {
	.image-1 img {
		margin-top: 0px;
	}
	#practice-content p.pull-quote {
		margin-top: 30px;
		margin-bottom: 0 !important;
	}
}
@media screen and (max-width: 600px) {
	.image-1 img {
		padding-top: 40px;
	}
}

.button-group {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 1.25em;
}
@media screen and (max-width: 1440px){
	.button-group {
		font-size: 1em;
	}
}

.button-group button {
	border: 0;
	background: transparent;
	width: 20%;
	display: inline-block;
	text-align: left;
	margin: 0 5% 10px 0;
	outline: none;
	padding: 0px;
}
.button-group button:hover {
	color: #8c8b8d;
	text-decoration: underline;
}

.post-type-archive-news .button-group button {
    width: 40%;
}

.post-type-archive-news .button-group button[data-filter=".filter-all"] {
    display: none;
}

.post-type-archive-news h2 > small {
    font-family: 'Karla', sans-serif;
    font-size: 67%;
    color: #000;
    text-decoration: underline;
    transition: color 250ms;
}

.post-type-archive-news .grid a:hover small {
    color: #8c8b8d;
}

@media screen and (max-width: 960px){
	.button-group button {
		width: 28%
	}
}
@media screen and (max-width: 700px){
	.button-group button {
		width: 45%
	}
}
@media screen and (max-width: 420px){
	.post-type-archive-news .button-group button,
    .button-group button {
		width: 100%
	}
}

.social-links {
	font-size: 1.25em;
}