/*
 Theme Name:   Trestle Community Management 
 Description:  Child Theme based on Ultra Theme
 Author:       OFF unit
 Author URI:   https://offunit.com | http://brandmotif.com
 Template:     themify-ultra
 Version:      1.0.0
*/

/* Custom Fonts */
@font-face {
    font-family: 'aileronlight';
    src: url('fonts/Aileron-Thin-webfont.woff');
    
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'aileronregular';
    src: url('fonts/Aileron-Regular-webfont.woff');
    
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'aileronheavy';
    src: url('fonts/Aileron-Bold-webfont.woff');
    
    font-weight: normal;
    font-style: normal;

}

* {font-family: 'aileronregular', sans-serif; color:var(--mainText); }

/* ROOT VARIABLES */
:root {--blue: #0d3b5e; --red:#a50c38; --white:#fff; --gray:#424245; --orange:#e97324; --mainText:#231f20;}

/* RESET */

#headerwrap {border-bottom: var(--blue) solid 8px;}
#header {padding:5px 0;}

#site-logo {margin:.5em .7em 0 0;}

.headerCTA {text-align: right;}
.headerCTA ul { margin:0 0 .5em 0;}
.headerCTA li {list-style:none; display:inline-flex; margin-right: .6rem;}
#header a.headerCTAButton {background-image: url('/wp-content/uploads/2021/06/my-community-icon.png'); background-repeat:no-repeat; background-position: .4em 50%; background-size:contain; padding:.2em .6em .2em 2.5em; color:var(--red); border: var(--red) solid 1.5px;}

#main-nav a, .headerCTA a {font-family:'aileronheavy', sans-serif; color:var(--blue); padding:0 .6em;}
#main-nav a:hover, #main-nav .current_page_item>a, #main-nav .current-menu-item>a, #main-nav ul a:hover, .headerCTA a:hover {color:var(--red);}
#main-nav > li {border-right: var(--blue) solid 2px;}
#main-nav li:last-of-type {border-right: none;}
#main-nav li>.sub-menu {margin-top:.7em; border-radius:0;}

#loops-wrapper {margin-top: 5em;}

.post-image img {border-radius:0;}
.post-title {letter-spacing: .05em;}

/* Sticky header hot fix */
.fixed-header .header-bar, .fixed-header .search-button, .fixed-header .header-widget {
    display: block;
}
/* END OF Stick header hot fix */

#content {padding: 0;}

a {color:var(--blue);}
a:hover {text-decoration:none;}
h1, h2, h3, h4 {color:var(--blue); text-transform:none; letter-spacing:.01em; -webkit-letter-spacing: inherit;}
h1, h2 { font-family: 'aileronheavy', sans-serif; }
h2 {font-size:1.8em;}
h3 { font-family: 'aileronregular', sans-serif; }
h4 {font-family:'aileronlight', sans-serif; font-size:1.3em;}

.hero :is(h1, h2, h3, h5), .pageCTA h2 { color:var(--white);}
.heroLabel {background-color:var(--red);}
.hero h1 {font-size: 4.5em;}

.hero h3 {width: 65%; font-family: 'aileronregular', sans-serif; margin: 0 auto 1.5em;}
.hero h4 {color:var(--white); padding: .5em; margin:0; font-family:'aileronheavy', sans-serif; letter-spacing:.5em;}
.hero2 h2 {text-transform:none; color:var(--white); font-size:2.5em; width: 80%; margin: 0 auto;}
.hero p {font-family:'aileronheavy', sans-serif; color:var(--blue); width: 70%; text-shadow:none; margin:0 auto;}

.highlight h2 {font-size: 1.6em; color:var(--white); text-align:center; vertical-align:middle; min-height:6em; padding: 1em 2em; box-sizing:border-box; }
.highlight p {min-height:215px;}

.servicesHero h1 {margin:0;}
.servicesList li {border-bottom: var(--mainText) 1px solid; width: 80%; padding: .5em; }
.servicesList li:last-child {border-bottom:none;}

.homeHighlightBackground {background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 10%, rgba(246,246,246,1) 10%, rgba(231,231,231,1) 100%);}

.banner h2 {font-size:2em;}
.banner p {color:var(--white); font-size: 1.1em; font-family:'aileronheavy', sans-serif; width:60%;}

.banner2 h2 {font-size:3em;}

.bios h2 {font-size:1.6em; margin:0;}

.biosCard ul {display:inline-flex; margin:0; padding:0;}
.mobileView .biosCard ul { display: inline; }
.biosCard li {list-style:none; display:block;  box-sizing:border-box; padding-right:2em;}

.biosCard label {font-family:'aileronheavy', sans-serif; font-size:1.3em; color:var(--blue); padding:1em 0 0; display:inherit;}
.biosCard p {font-size:.9em; color:var(--blue); margin: 0; }
.biosCard p.biosTitle { font-family:'aileronheavy',sans-serif; font-size:1em; color:var(--red); line-height: 1.4em; margin: 1.3em 0 0; }
.biosLearnMore {left:17%; position:absolute;}

.biosAccordion .accordion-title {background-color: var(--blue) !important;}
.biosAccordion .current .accordion-title {background-color: var(--red) !important;}
.biosAccordion :is(.tb_title_accordion, .accordion-active-icon) {color: var(--white);}


.contactCTA {background: rgb(231,231,231);
background: linear-gradient(180deg, rgba(231,231,231,1) 0%, rgba(253,253,253,1) 100%);}

.contactCTA h2 {text-transform:none;}
.contactCTA div.wpforms-container-full .wpforms-form button[type=submit] {background-color:var(--red); color:var(--white); float:right; border:none;}
.contactCTA div.wpforms-container-full .wpforms-form button[type=submit]:hover {background-color:var(--blue); border:none;}

.pageCTA h2 {width: 250px;}

.pageCTA2 :is(a, h2, h2 span, h3) {color:var(--white);}

.recognition {margin:0; padding:1.5em 0;}
.recognition li {list-style:none; display:inline-block; width:14%; box-sizing:border-box; text-align:center; border-right: var(--blue) 1px solid; padding: 2em 0 0;}
.recognition li:last-child {border-right:none;}
.recognition label {font-size:2em; font-family:'aileronheavy', sans-serif; color:var(--blue);}
.recognition p {font-family:'aileronheavy', sans-serif; color:var(--blue);}
.recognition p span {font-size:.9em; color:var(--red);}

/* Careers */
.careersPaddingTop {padding-top:3em;}
.careersPaddingRight {padding-right:1.5em;}
/* FOOTER */
#footerwrap {border-top: none; background-color: var(--blue);}
#footer :is(p, a, div.one, div.two, a strong) {color:var(--white);}
#footer .social-links .social-link-item a em svg {color: rgba(13, 59, 94, 1) !important;}

.footerCTA ul {text-align:right;}
.footerCTA li {list-style:none; display: inline-flex; font-family:'aileronheavy', sans-serif; font-size: 1.5em; text-transform:uppercase; padding:.4em 1em;}
.footerCTA li.footerLabel {background-color: var(--red); color: var(--white);}
.footerCTA li a {font-family:'aileronheavy', sans-serif; color: var(--white);}
.footerMenu {border-left: var(--white) solid 2px;}
.footerMenu .ui.nav li a {padding:.2em 0; font-family:'aileronheavy', sans-serif;}
.footerMenu h3 {text-transform:uppercase; font-size:1em;}

/* Show Hide */
.read-more-state {
  display: none !important;
}

.read-more-target {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  transition: .25s ease;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target {
  opacity: 1;
  font-size: inherit;
  max-height: 999em;
	
}

.read-more-state ~ .read-more-trigger::before {
  content: 'Read more +';
}

.read-more-state:checked ~ .read-more-trigger::before {
  content: 'Read less -';
	padding-top:1em;
	display:block;
}

.read-more-trigger {
  cursor: pointer;
  display: inherit;
  padding: 0 .5em;
  color: var(--red);
  line-height: 2;
  margin:0 0 0 -25px;
	border:none;
	font-family:'aileronheavy',sans-serif;
	text-transform:uppercase;
}

ul.read-more-wrap {margin:0;}
.read-more-wrap li {list-style:none; padding-right: 2em;}

/* END OF Show Hide */


/* GENERAL STYLINGS */
.lineButton {padding:.4em; border: solid 1px; text-transform:uppercase; display:inline-block;}
.redButton {padding:.6em 1.5em; background-color:var(--red); color:var(--white); text-transform:uppercase; font-family:'aileronheavy', sans-serif; text-shadow:none; transition: background .3s,color .3s, transform .3s; display: inline-flex;}
.redButtonBig, .redHeadingBig {padding: 1em 2.5em 1em 2em;
    background-color: var(--red);
    color: var(--white);
    text-transform: uppercase;
    font-family: 'aileronheavy', sans-serif;
    font-size: 1.2em;
    border-left: var(--blue) 8px solid;
    display: block;
    width: 80%;
    box-sizing: border-box;
	transition: background .3s,color .3s, transform .3s;}
.redButton:hover, .redButtonBig:hover {box-shadow: 0 5px 10px rgb(0 0 0 / 10%); transform: translateY(-1px); background-color:var(--blue);}
.alignRight {text-align:right;}
.alignCenter {text-align:center;}
.marginCenter {margin:0 auto;}
.heroTextShadow {text-shadow: 0px 2px 5px rgba(0,0,0,0.35);}
.rightBorderBlue {border-right: var(--blue) solid 2px;}
.uppercase {text-transform:uppercase;}
.noPadding {padding:0;}
.noMargin {margin:0 !important;}
.fullWidth {width:100% !important;}
.colorWhite, .colorWhite strong {color:var(--white) !important;}
.colorBlue {color:var(--blue) !important;}
.colorRed {color:var(--red) !important;}
.paddingLeft2 { padding-left: 2em; width: 75%; }
h3 span {color:inherit; padding: 0 1em;}

h3.image-title {font-size:1.3em !important;}

.floatRight {float:right;}
.floatRight:after {display:inline-table; content:''; clear:both;}
.inlineImage {margin:2em;}

.grayGradientBackground {background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(246,246,246,1) 0%, rgba(231,231,231,1) 100%);}
.grayToWhiteGradientBackground, .tab__content {background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(231,231,231,1) 0%, rgba(255,255,255,1) 100%);}
.halfTransparentBackground { background:rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255, 0)0%, rgba(255,255,255,0)40%, rgba(255,255,255,1)40%, rgba(255,255,255,1)100%);}
.whiteGrayBackground { background:rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255, 1)0%, rgba(255,255,255,1)50%, rgba(246,246,246,1)50%, rgba(246,246,246,1)100%);}
.blueRibbonBackground {background:rgba(255,255,255,0); background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 40%, var(--blue) 40%, var(--blue) 60%, rgba(255,255,255,0) 60%, rgba(255,255,255,0)100%);}
.blueRedRibbonBackground {background:rgba(255,255,255,0); background:linear-gradient(90deg, var(--blue)0%, var(--blue) 40%, var(--white) 40%, var(--white)60%, var(--red) 60%, var(--red)100%);}

.privacy-page label { font-weight: 700; }

/* Contact Table */
table, tbody {vertical-align:top; width:100%;}
table, th, td {
  border: 1px solid #ccc;
  border-collapse: collapse;
	padding:1em;
}
th {text-align:right;}

/* END OF Contact Table */

/* Contact Form 7 */
input[type=reset], input[type=submit], button { background-color:var(--red); border-radius: 0;}
input[type=reset]:hover, input[type=submit]:hover, button:hover {background-color:var(--red); color:var(--white);}

/* END OF Contact Form 7 */

/* Dropdown Menus */

@media screen and (min-width:1024px){
	#main-nav :is(.dropdown-columns-3>.sub-menu, .dropdown-columns-2>.sub-menu) {/*width:700px;*/ padding:1em;}
}

#main-nav :is(.dropdown-columns-3>.sub-menu li, .dropdown-columns-2>.sub-menu li)  {line-height:1.2em; }
#main-nav :is(.dropdown-columns-3>.sub-menu li a, .dropdown-columns-2>.sub-menu li a) {text-align:left;}
#main-nav .dropdown-columns-3>.sub-menu li a {padding: .4em 0 .4em .8em;}
.menu-item-page-310, .menu-item-page-397 {line-height:2.4em !important;}
.menu-item-page-310 a:after, .menu-item-page-359 a:after, .menu-item-page-372 a:after, .menu-item-page-381 a:after, .menu-item-page-390 a:after, .menu-item-page-397 a:after, .menu-item-page-413 a:after, .menu-item-page-442 a:after, .menu-item-page-456 a:after, .menu-item-page-469 a:after, .menu-item-page-4172 a:after
{content:'\00a0'; background-size: cover; background-repeat:no-repeat; background-position:50% 50%; margin-top:.6em;  width:140px; height:85px; display:block;}

.menu-item-page-310 a:after {background-image:url('/wp-content/uploads/2021/06/practices-images-1.jpg');}
.menu-item-page-359 a:after {background-image:url('/wp-content/uploads/2021/06/Mid-Rise-High-Rise-Estate.jpg');}
.menu-item-page-372 a:after {background-image:url('/wp-content/uploads/2021/07/singlefamilyhomesImage2.jpg');}
.menu-item-page-381 a:after {background-image:url('/wp-content/uploads/2021/06/Active-Adult-Communities.jpg');}
.menu-item-page-390 a:after {background-image:url('/wp-content/uploads/2021/07/activeadultcommunitiesImage.jpg');}
.menu-item-page-397 a:after {background-image:url('/wp-content/uploads/2021/06/practices-images-6.jpg');}
.menu-item-page-413 a:after {background-image:url('/wp-content/uploads/2021/06/servicesHighlights.jpg');}
.menu-item-page-442 a:after {background-image:url('/wp-content/uploads/2021/06/servicesHighlights-1.jpg');}
.menu-item-page-456 a:after {background-image:url('/wp-content/uploads/2021/06/servicesHighlights-2.jpg');}
.menu-item-page-469 a:after {background-image:url('/wp-content/uploads/2021/06/servicesHighlights-3.jpg');}
.menu-item-page-4172 a:after {background-image:url('/wp-content/uploads/2023/03/Trestle-2-Bottom-Left-scaled.jpg'); margin-top: 28px; }

/* END OF Dropdown Menus */

/* Tabs */

.tab-wrap {
  -webkit-transition: 0.3s box-shadow ease;
  transition: 0.3s box-shadow ease;
  border-radius: 6px;
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  list-style: none;
  background-color: #fff;
  margin: 40px 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.tab-wrap:hover {
  box-shadow: 0 12px 23px rgba(0, 0, 0, 0.23), 0 10px 10px rgba(0, 0, 0, 0.19);
}

.tab {
  display: none !important;
}
.tab:checked:nth-of-type(1) ~ .tab__content:nth-of-type(1) {
  opacity: 1;
  -webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(2) ~ .tab__content:nth-of-type(2) {
  opacity: 1;
  -webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(3) ~ .tab__content:nth-of-type(3) {
  opacity: 1;
  -webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(4) ~ .tab__content:nth-of-type(4) {
  opacity: 1;
  -webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(5) ~ .tab__content:nth-of-type(5) {
  opacity: 1;
  -webkit-transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s -webkit-transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease;
  transition: 0.5s opacity ease-in, 0.8s transform ease, 0.8s -webkit-transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  text-shadow: 0 0 0;
}
.tab:first-of-type:not(:last-of-type) + label {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tab:not(:first-of-type):not(:last-of-type) + label {
  border-radius: 0;
}
.tab:last-of-type:not(:first-of-type) + label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
	border-right: none;
}
.tab:checked + label {
  background-color: var(--red);
  box-shadow: none;
  cursor: default;
}
.tab:checked + label:hover {
  box-shadow:none;
  background-color: var(--red);
}
.tab + label {
  box-shadow: none;
  border-radius: 0;
	border-right: var(--white) 8px solid;
  cursor: pointer;
  display: block;
  text-decoration: none;
  color: var(--white);
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: left !important;
  background-color: var(--blue);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  text-align: center;
  -webkit-transition: 0.3s background-color ease, 0.3s box-shadow ease;
  transition: 0.3s background-color ease, 0.3s box-shadow ease;
  height: auto;
  box-sizing: border-box;
  padding: 2em;
	flex:1 0 18%;
} 
.tab + label:hover {
  background-color: var(--red);
  box-shadow: none;
}
.tab + label p {color:var(--white); font-family:'aileronheavy', sans-serif; line-height:1.2em; margin-bottom:0;}
.tab + label p span {font-size:2em; padding-bottom:1em; color:var(--white);}
.tab__content {
  padding: 3em 5em;
  
  position: absolute;
  width: 100%;
  z-index: -1;
  opacity: 0;
  left: 0;
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  border-radius: 0;
	border-top: var(--red) 15px solid; 
}

/* END OF Tabs */

/* RESPONSIVE STYLES */
@media only screen and (max-width: 1024px) {
	.hero h1 {font-size:3em;}
	.banner2 h2 {font-size:2.5em;}
	
	#main-nav li {border-right: none;}
	#main-nav li>.sub-menu {margin-top:0; position:relative; box-shadow:none;}
	#main-nav li>.sub-menu li a {font-size:.9em; padding-left:1.5em !important; }
	.menu-item-page-310 a:after, .menu-item-page-359 a:after, .menu-item-page-372 a:after, .menu-item-page-381 a:after, .menu-item-page-390 a:after, .menu-item-page-397 a:after, .menu-item-page-413 a:after, .menu-item-page-442 a:after, .menu-item-page-456 a:after, .menu-item-page-469 a:after, .menu-item-page-4172 a:after {display:none;}
}


/* Associate Role */
#logoutAssociate { text-align: right; }
#logoutAssociate a:first-of-type {padding:.6em 1.5em; background-color:var(--blue); color:var(--white); text-transform:uppercase; font-family:'aileronheavy', sans-serif; text-shadow:none; transition: background .3s,color .3s, transform .3s; display: inline-flex; }
#logoutAssociate a:last-of-type {padding:.6em 1.5em; background-color:var(--red); color:var(--white); text-transform:uppercase; font-family:'aileronheavy', sans-serif; text-shadow:none; transition: background .3s,color .3s, transform .3s; display: inline-flex; }

/* Landing Page */
.landing_hero__background {
	background: rgb(165,12,56);
	background: linear-gradient(90deg, rgba(165,12,56,1) 30%, rgba(13,59,94,1) 30%);
}

/* Free White Paper */
.free_paper_section .module-image.image-center .image-content { min-height: 200px; }

#page-0 h1 { display: none; }
/*
#page-0 h1, #page-0 h1 span { color: #fff; }
#page-0 h1::before { content:"Open Positions:"; color: var(--blue); }*/