/*
Theme Name: P|T 2019 - child of Salient
Theme URI: https://www.perkinsthompson.com/
Description: This is a custom child theme for Salient
Author: APART creations
Author URI: https://www.apartcreations.com/
Template: salient
Version: 0.1
*/



/* HEADER
====================================*/

html body.home #header-outer[data-transparent-header="true"].transparent, 
body.home #header-outer {
  border-bottom: 0!important;
  box-shadow: none!important;
}


/* MAIN NAV
====================================*/

#header-secondary-outer {
  background:rgba(0,0,0,.5);
  border:0;
}
#header-secondary-outer li {
  border:0 !important;
}
#header-secondary-outer li a {
  border:0 !important;
  color:#fff !important;
  text-transform:uppercase;
}


.sf-menu .sub-menu .menu-item a {
  font-size:1.4em !important;
  padding:.5em !important;
}
.sf-with-ul {
  line-height:1.2 !important;
}

/* mobile nav */

.off-canvas-menu-container .nav_desc {
  display:none !important;
}

@media screen and (min-width:1001px) {
	.slide-out-widget-area-toggle {
	  display:none !important;
	}
}

.mobile-search { 
  display:none !important; 
}


/* HEADER
====================================*/
.page #header-outer,
.page.page-id-3041 #header-outer {
  border-bottom: 0!important;
}

.page #page-header-wrap,
.page.page-id-3041 #page-header-wrap {
  margin-bottom:4em !important;
}

.page #page-header-bg,
.page.page-id-3041 #page-header-bg {
  background-color:rgba(13,113,170,1) !important;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 87%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 87%, 0 100%); 
}
.page.page-id-3041 #page-header-bg .row  {
}
.page.page-id-3041 #page-header-bg .row .col {
}
.page.page-id-3041 #page-header-bg .row .col .inner-wrap {
}
.page.page-id-3041 #page-header-bg .row .col .inner-wrap h1 {
  margin:0 !important;
}


.postid-148 .page-header-bg-image,
.postid-154 .page-header-bg-image,
.postid-167 .page-header-bg-image {
  background-position:bottom !important;
}

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

	.postid-148 .page-header-bg-image,
	.postid-154 .page-header-bg-image,
	.postid-167 .page-header-bg-image {
	  background-position:50% 80% !important;
	}	
	
}



/* GENERAL LAYOUT / MISC
====================================*/

p,
li {
  font-size:16px;
}


#sidebar h4 {
  text-transform:uppercase;
  font-size:1.7em;
  font-family:'Questrial', Arial, sans-serif;
  font-weight:400;
}

.post-type-archive-attorneys h1,
.post-type-archive-people h1,
.post-type-archive-practice-areas h1 {
  padding-bottom:1em;
}

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

  .main-content .vc_col-sm-8,
  .main-content .span_9,
  .main-content .vc_col-sm-9 {
    padding-right:4em;
  }

  
}


/* HOME PAGE SLIDER
====================================*/

@media screen and (max-width:760px) {

  .slider-prev {
    display:none !important;
  }
  .slider-next {
    display:none !important;
  }
  
}

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

  .slider-prev {
    margin-left:-32px !important;
  }
  .slider-next {
    margin-right:-32px;
  }
  
}



/* HOME PAGE FLIP BOXES
====================================*/

.nectar-milestone .subject {
  font-family:Questrial,sans-serif;
  font-size:30px !important;
  line-height:1;
}

.flip-box-front {
  font-family:Questrial;
  color:#333 !important;
  font-size:2em;
  line-height:1.3;
}
.flip-box-front:hover {
  cursor: pointer;
}
.flip-box-back .inner {
  padding:2em !important;
}
.flip-box-front:before {
  background: inherit;
  top: -15px;
  content: '';
  display: block;
  height: 50%;
  left: 0;
  position: absolute;
  right: 0;
  transform: skewY(-3deg);
  transform-origin: 100%;
  z-index: -1;
}
.flip-box-front:after {
  background: inherit;
  bottom: 0;
  content: '';
  display: block;
  height: 50%;
  left: 0;
  position: absolute;
  right: 0;
  transform: skewY(-3deg);
  transform-origin: 100%;
  z-index: -1;
}

.elastic-portfolio-item .work-item .inner h4.title {
  font-family:Questrial,sans-serif !important;
  font-size:30px !important;
  text-transform:uppercase !important;
  font-weight:400 !important;
}
.elastic-portfolio-item .work-item .inner p {
    display:none;
}



/* ATTORNEYS
====================================*/

.post-type-archive-people #header-space,
.post-type-archive-attorneys #header-space{
  display:none;
}

.post-type-archive-people #page-header-bg,
.post-type-archive-attorneys #page-header-bg {
    background-color: rgba(13,113,170,.92) !important;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 87%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 87%, 0 100%);
}

.people .post-featured-img img,
.attorneys .post-featured-img img {
      -webkit-clip-path: polygon(0 5%, 100% 0, 100% 95%, 0 100%);
      clip-path: polygon(0 5%, 100% 0, 100% 95%, 0 100%);  
}


.post-header {
  margin-bottom:0px;
}
.archive article.attorneys,
.archive article.people {
  line-height:0;
  font-size:0;
}

.archive article.attorneys .inner-wrap,
.archive article.people .inner-wrap {
}

.archive article.attorneys .post-content,
.archive article.people .post-content {
  padding:20px !important;
}

.archive article.attorneys .post-meta,
.archive article.people .post-meta {
  display:none;
}

.archive article.attorneys a,
.archive article.people a {
  line-height:0;
}
.archive article.attorneys a span,
.archive article.people a span {
}
.archive article.attorneys img,
.archive article.people img {
	margin:0;
}

.archive article.attorneys h2.title a,
.archive article.people h2.title a {
  font-size:18px;
}

.mcel a img {
	max-width:300px !important;
}

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

	.archive article.attorneys,
  .archive article.people  {
		width:50% !important;
		display:inline-block;
    margin-top:-7px !important;
    margin-right:-4px !important;
	}

}


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

	.archive article.attorneys,
  .archive article.people  {
		width:25% !important;
	}

}

#header-space {
}
#header-outer {
  
}
#header-secondary-outer {
}
#top {
}
#ajax-content-wrap {
}
#page-header-wrap {
}




  .page-id-3071 .page-header-bg-image,
  .attorneys-template-default .page-header-bg-image,
  .people-template-default .page-header-bg-image {
    -webkit-clip-path: polygon(0 0, 100% 0, 1600px 87%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 87%, 0 100%);  
  }

  .page-id-3071 .page-header-overlay-color:after,
  .attorneys-template-default .page-header-overlay-color:after,
  .people-template-default .page-header-overlay-color:after {
    background-color:rgba(0,0,0,0) !important;
    -webkit-clip-path: polygon(0 0, 100% 0, 1600px 87%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 87%, 0 100%);  
  }

.attorneys-template-default #page-header-wrap .span_6, 
.people-template-default #page-header-wrap .span_6 {
  width:49%;
  display:inline-block;
}
.attorneys-template-default #page-header-wrap .span_6.righted,
.people-template-default #page-header-wrap .span_6.righted {
  float:right;
}

#page-header-wrap h1.top-heading .wraped span {
  color:#333;
}
#page-header-wrap .subheader a,
#page-header-wrap .attyContactIcons a {
  color:#333;
}
#page-header-wrap .subheader a:hover,
#page-header-wrap .attyContactIcons a:hover {
  color:#fff;
}

.attyContactIcons i {
  padding-top:.5em;
  padding-right:.5em;
}



#tab-summary h3 {
  text-transform:uppercase;
}

.attorneys-template-default h3
.people-template-default h3 {
  text-transform:uppercase !important;
  color:#333;
}
.attyPractices,
.attyEducation,
.attyAdmissions {
  margin-bottom:2em !important;
}
.attyPractices ul,
.attyEducation ul ,
.attyAdmissions ul {
  margin-left:0; 
}
.attyPractices ul li,
.attyEducation ul li ,
.attyAdmissions ul li {
  list-style-type: none;
}


.tabbed[data-style*="minimal_alt"] > ul li {
  font-size:1em;
  text-transform:uppercase;
}
.tabbed[data-style="minimal_alt"] >ul li:not(.cta-button){
  margin:0 1em 0 0 !important;
}

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

  #page-header-wrap .attyContactIcons {
    font-size:1.7em;
  }
  .attySidebar {
    padding-top:70px;
  }

  .tabbed[data-style*="minimal_alt"] > ul li {
    font-size:1.3em;
    text-transform:uppercase;
  }
   .tabbed[data-style="minimal_alt"] >ul li:not(.cta-button){
      margin:0 2em 0 0 !important;
  }
  .tabbed[data-style*="minimal_alt"] > ul  {
    padding-bottom:1em;
  }

}


/* PRACTICE AREAS
====================================*/

.post-type-archive-practice-areas #header-space {
  display:none;
}

.post-type-archive-practice-areas #page-header-bg {
    background-color: rgba(13,113,170,.92) !important;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 87%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 87%, 0 100%);
}

.post-type-archive-practice-areas article {
  box-sizing: border-box;
  text-align:center;
  padding:1em;
  margin-bottom:2em;
}
.post-type-archive-practice-areas .post-content {
  padding:0;
}
.post-type-archive-practice-areas article table,
.post-type-archive-practice-areas article form,
.post-type-archive-practice-areas article .post-meta,
.post-type-archive-practice-areas article h2,
.post-type-archive-practice-areas article h3,
.post-type-archive-practice-areas article h4,
.post-type-archive-practice-areas article p,
.post-type-archive-practice-areas article ul {
  display:none;
}
.post-type-archive-practice-areas article h2.title {
  display:inline-block !important;
}
.post-type-archive-practice-areas article .post-featured-img img {
  -webkit-clip-path: polygon(0 5%, 100% 0, 100% 95%, 0 100%);
  clip-path: polygon(0 5%, 100% 0, 100% 95%, 0 100%);  
}

.post-type-archive-practice-areas .pf-content {
  display:none;
}


article .title {
  color:red !important;
}

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

  .post-type-archive-practice-areas article {
    width:50%;
    display:inline-block;
    float:left;
    min-height:400px;
  }
  
  
}

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

  .post-type-archive-practice-areas article {
    width:33%;
    display:inline-block;
    float:left;
    min-height:420px;
  }
  
  
}




#header-outer {
}
#page-header-wrap {
}
#page-header-bg {    
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 87%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 87%, 0 100%);
} 
#nectar-page-header-p-wrap {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 87%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 87%, 0 100%);
}
.page-header-bg-image {
  
}
.page-header-overlay-color {
}
.single-practice-areas h1 {
  text-align:center;
}

.paTitle h1 {
  text-transform:uppercase !important;
  max-width:760px;
  margin:0 auto;
}

@media screen and (min-width:1001px) {
  .paTitle {
    padding:9em;
  }
}





/* CONTACT US SECTION
====================================*/

@media screen and (min-width:1001px) {
  .address {
    min-height:200px;
  }
}


/* TESTIMONIALS
====================================*/
.nectar_single_testimonial .image-icon {
  width:200px;
  height:100px;
}
.nectar_single_testimonial .open-quote {
  font-family:serif;
}



/* ARTICLES
====================================*/

.single.single-post .section-title h1,
.single.single-news .section-title h1 {
  max-width:100%;
  font-size: 3em;
  line-height:1;
}

.single .heading-title {
 padding-bottom:0;
}


.articleAuthor { 
  margin:0 !important;;
  padding:0 !important;
}
.articleAuthor::before { 
  content: ', '; 
}
.articleAuthor:nth-last-child(1)::before { 
  content: ' and '; 
}
.articleAuthor:first-child::before { 
  content: ''; 
}


/* NEWS
====================================*/

.post-type-archive-news #header-space {
  display:none;
}

.post-type-archive-news #page-header-bg {
    background-color: rgba(13,113,170,.92) !important;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 87%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 87%, 0 100%);
}

.post-type-archive-news article {
  padding:2em 0;
}

.post-type-archive-news .article-content-wrap p,
.post-type-archive-news .article-content-wrap ul,
.post-type-archive-news .post-featured-img {
  display:none !important;
}


.news .post-meta {
    display: block;
    margin-bottom: 20px;
    border-right: 1px solid #E6E6E6;
}
.news .post-meta {
    position: absolute;
    left: 0;
    top: 0;
}
.news .post-meta .date {
    padding-bottom: 17px !important;
    border-bottom: 1px solid #E6E6E6;
}
.news .post-meta .date {
    font-size: 12px;
    padding-bottom: 2px;
    margin-bottom: 12px;
    position: relative;
    transition: all 0.2s linear 0s;
}
.news .post-meta .month, .news .post-meta .year {
    display: block;
    font-size: 17px;
    line-height: 10px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 4px;
    padding: 0;
    font-family: 'Open Sans';
    font-weight: 600;
}
.news .post-meta .day {
    display: block;
    font-size: 30px;
    line-height: 29px;
    text-align: center;
    padding: 0 12px 0 12px;
    font-family: 'Open Sans';
    font-weight: 700;
    text-transform: uppercase;
}
.news .post-header h1, 
.news .post-header h2 {
    font-size: 26px;
    line-height: 30px;
}



/* FOOTER
====================================*/
@media screen and (max-width:1000px) {
  
  #footer-outer {
      padding-top:50px;
      -webkit-clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 100%);
      clip-path: polygon(0 5%, 100% 0, 100% 100%, 0 100%);  
  }
  #footer-outer .span_4:last-child {
    width:100% !important;
  }
  
}

@media screen and (min-width:1001px) {
  #footer-outer {
      padding-top:60px;
      -webkit-clip-path: polygon(0 13%, 100% 0, 100% 100%, 0 100%);
      clip-path: polygon(0 13%, 100% 0, 100% 100%, 0 100%);  
  }
}

#copyright {
  font-size:16px !important;
}
#footer-outer #copyright p{
  line-height:22px;
  margin-top:3px;
  padding-bottom:0;	
}


#footer-outer #text-3 p {
  font-family:'Questrial', Arial, sans-serif;
  font-size:1.3em;
}
#footer-outer .widget_nav_menu h4 {
  font-family:'Questrial', Arial, sans-serif;
  font-size:1.8em;
  font-weight:400;
}
#footer-outer .widget_nav_menu  {
  font-family:'Questrial', Arial, sans-serif;
  text-transform:uppercase;
}
#footer-outer .widget_nav_menu li {
  border: 0 !important;
  font-size:16px;
}
#footer-outer .widget_nav_menu li a {
  margin:0 !important;
  padding:0 0 .5em 0 !important;
}
#footer-outer .widget_nav_menu li a:hover {
  opacity:.5
}



/* POPUP EDITS
====================================*/
.popmake-close {
   background-color:rgba(13,113,170,1) !important;
}
.popmake-title {
  padding-bottom:1.2em;
}






/* SCREEN VERSIONS
====================================*/

#print-header-outer,
#print-footer-outer,
#print-atty-header {
	display:none;
}

@media screen {
	

  #page-header-wrap {
  	height: 640px;
  }
  #page-header-bg {
	background-color: #ffffff; 
	height:640px;
  }

}






/* PRINTED VERSIONS
====================================*/


@page {
  size: A4;
  /*margin: 0;*/
}

@media print {

  html, body {
	/*  display:block !important;*/
    /* width: 210mm; */
	/* height: 297mm; */
  }
	
  #print-header-outer,
  #print-footer-outer,
  #print-atty-header {
	display:block !important;
  }
  #print-header-outer,
  #print-footer-outer {
    text-align:center;
    padding:3em 2em 1.5em 3em;
  }
  #print-atty-header img {
	width:100%;
	height:auto;
  }
  .attyName {
    text-align:center;
  }
  .attyName .span_6 {
    width:100% !important;
    border-bottom:1px solid #666 !important;
  }
   
  #header-space,
  #header-outer,
  .ui-tabs-nav {
    display:none;
  }
  .page-header-bg-image {
    display:none;
  }
  #page-header-wrap {
    position:relative !important;
    height:150px !important;
	/*
	height:200px !important;
	  */
  }
  #page-header-bg {
    position:static !important;
    height:150px !important;
    /*
	top:0 !important;
	height:200px !important;  
	*/
  }

/*
  .page-header-bg-image-wrap {
    text-align:center !important;
  }
  .page-header-bg-image {
    width:1920px !important;
    height:700px !important;
  }
*/
  .attyContactIcons {
    display:none;
  }
	
  .attySidebar {
  }
  .attyPractices,
  .attyAdmissions  {
  }
  .attyEducation {
  }

  .wpb_ui-tabs-hide {
    visibility: visible !important;
    position:relative !important;
    opacity:1 !important;
    left:0 !important;
  }
  
  #tab-summary,
  #tab-publications,
  #tab-membership,
  #tab-service,
  #tab-interests
   {
    display:block !important;
  }
  
	.post-area.span_9 {
		width:100%;
	}
  #sidebar,	
  #footer-widgets,
  #copyright {
    display:none;
  }
  #print-footer-outer p {
    font-size:16px;
  }

	@-moz-document url-prefix() {
		body {
		   display:block !important;
		}
		body:not(.nectar-no-flex-height) #ajax-content-wrap .blurred-wrap,
		.blurred-wrap {
			}
	}	

	
	
	
}


/* NOtice link in upper nav
====================================*/
.notice {
  margin-top:0;
}

#header-secondary-outer nav ul li.notice a,
.notice a {
  background:rgba(154,14,14,1) !important;
  padding:12px 15px 11px 15px !important;
}


.small-nav #header-secondary-outer nav ul li.notice a,
.small-nav .notice a {
  background:rgba(0,0,0,.5) !important;
}



/* Newsletter signup
====================================*/



#gform_2 {
	width:100%;
}


#gform_2 {
	margin:0;
}

#gform_2 li.hidden_label input {
	margin:0;
}

#gform_2 .gform_body {
	
}

#gform_2 input {
	padding-left:10px;
	background:#fff;
}
#gform_2 input[type="submit"] {
	padding:.5em 1em !important;
	background:#0d71aa;
}

.gform_confirmation_message {
	color:#9a0e0e;
}


.sideBox {
	padding:50px 25px !important;
	-webkit-clip-path: polygon(0 5%, 100% 0, 100% 95%, 0 100%);
	clip-path: polygon(0 5%, 100% 0, 100% 95%, 0 100%);
	background-color:#eee !important;
} 

@media screen and (max-width:1000px) {
  
.fullBox {
  padding:40px;
  background-color:#eee !important;
  -webkit-clip-path: polygon(0 5%, 100% 0, 100% 95%, 0 100%);
  clip-path: polygon(0 5%, 100% 0, 100% 95%, 0 100%);  
}
  
}

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

  #gform_2 .gform_footer {
    width:10%;
  }
  
  
}

@media screen and (min-width:1001px) {
  .fullBox {
    padding:80px !important;
  background-color:#eee !important;
    -webkit-clip-path: polygon(0 13%, 100% 0, 100% 87%, 0 100%);
    clip-path: polygon(0 13%, 100% 0, 100% 87%, 0 100%);  
  }

  
}


/* 150 years logo
also requires javascript on small screens
====================================*/

a#logo:after {
  content:'';
  background-image:url('https://www.perkinsthompson.com/wp-content/uploads/celebrating-150-years-gold.png');
  position:absolute;
  top:31px;
  left:0;
  width:260px;
  height:27px;
  background-size:contain;
}


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

  a#logo:after {
    width:325px;
    height:34px;
  }

}

  .scrolling a#logo:after,  
  .small-nav a#logo:after,
  .hidden-secondary a#logo:after {
    display:none;
  }

.single-post #page-header-wrap {
  height:150px !important;
} 
.single-post #page-header-bg {
	height:160px !important;
}
.single-post .container-wrap {
  margin-top:-100px;
}


@media screen and (max-width:1000px) {
  .single-news #page-header-wrap {
    height:50px !important;
  }
  .single-news #page-header-bg {
    height:50px !important;
  }

  html.js #page-header-bg[data-parallax="0"].not-loaded {
      background-color: rgba(13,113,170,.92) !important;
  }  
	
}

@media screen and (min-width:1001px) {
  
  .single-news #page-header-wrap {
    height:120px !important;
  }
  .single-news #page-header-bg {
    height:120px !important;
  }

}

