.header .navigation {  display:flex; flex-direction:column; align-items: flex-end; gap:1rem; position:relative; }

.navigation .top-menu { display:none; }

/*** MOBILE NAV ***/

.mobile-menu-trigger { display:flex; cursor:pointer; justify-content:flex-end; align-items:center; width:5rem; }
.mobile-menu-trigger svg { font-size:4.4rem; color:rgb(var(--second-light)); }

.main-menu { display:none; }

.nav-overlay { position:fixed; left:0; top:0; width:100%; min-height:100vh; z-index:99; visibility:hidden; opacity:0; transition:opacity 0.3s linear, visibility 0.3s linear; }
.nav-overlay.active { visibility:visible; opacity:1; }
.nav-overlay .scroll-overflow { position:absolute; top:0; left:0; width:100%; height:100vh; overflow:scroll; }

.nav-overlay .top-nav { background-color:rgba(var(--first-light),0.9); min-height:100vh; width:100%; position:relative; padding:150px 0 80px; }
.nav-overlay .top-nav ul { font-size:2rem; text-align:center; font-weight:600; margin-right:0; padding:0; }
.nav-overlay .top-nav ul li { list-style-type:none; position: relative; }
.nav-overlay .top-nav ul li.desktop { display:none; }
.nav-overlay .top-nav ul a { display:block; color:rgb(var(--second-light)); padding:1em 10px; border-bottom:1px solid rgba(var(--white),0.2); text-decoration:none; }
.nav-overlay .top-nav ul li.current-menu-item > a { color:rgb(var(--white)); }
.nav-overlay .top-nav ul ul { display:block; font-size:0.85em; background-color:rgba(var(--first),0.1); border-bottom:1px solid rgba(var(--white),0.4); }

/**/
.top-nav > .wrapper > ul > li.menu-item-has-children > a { padding-right:1em; }
.top-nav > .wrapper > ul > li.menu-item-has-children:after { content:"\f078"; font:var(--fa-font-solid); display:none; }
.top-nav > .wrapper > ul > li.menu-item-has-children svg { position:absolute; top:0.5em; right:0; font-size:1.5em; color:rgb(var(--white)); background-color: rgba(var(--third-light),0.5); padding: 0.2em 0.25em; transition:background-color 300ms; cursor:pointer; }
.top-nav > .wrapper > ul > li.menu-item-has-children svg:hover { background-color: rgba(var(--white),0.5); }

.top-nav > .wrapper > ul > li.current-menu-ancestor.menu-item-has-children svg,
.top-nav > .wrapper > ul > li.current-menu-parent.menu-item-has-children svg,
.top-nav > .wrapper > ul > li.current-menu-item.menu-item-has-children svg,
.single-post .top-nav > .wrapper > ul > li.has-blog svg,
.archive .top-nav > .wrapper > ul > li.has-blog svg { color:rgb(var(--second-light)); }

.top-nav > .wrapper > ul ul { display:none; }
.top-nav > .wrapper > ul > li.current-menu-ancestor ul { display:block; }

.nav-overlay .top-nav .social { font-size:2rem; text-align:center; padding:1em; }
.nav-overlay .top-nav .social svg { color:rgb(var(--white)); margin:0 10px; }

/*** BUTTONS ***/

.more-button,
input.more-button { font-family:var(--title-font); border:2px solid rgb(var(--first)); background-color:rgb(var(--first)); border-radius:0; padding:0.6em 1em 0.4em; color:rgb(var(--white)); font-size:1.6rem; line-height:1em; text-align:center; text-decoration:none; text-transform:uppercase; display:inline-block; width:100%; transition:border-color 300ms, background-color 300ms, color 300ms; cursor:pointer; }
.more-button:hover,
input.more-button:hover { background-color:rgb(var(--first-hover)); border-color:rgb(var(--first-hover)); color:rgb(var(--white)); }
.content p .more-button { color:rgb(var(--white)); }
.content .more-button { color:rgb(var(--white)); }

span.more-button { cursor:pointer; }

a.more-button { text-decoration:none; }

a.has-icon { padding:0 1.5em; position: relative; }
a.has-icon:before { font:var(--fa-font-regular); display:none; }
a.has-icon svg { color:inherit; position:absolute; top:0.15em; left:0; }
a.email-icon:before { content:"\f0e0"; }
a.phone-icon:before { content:"\f8d3"; }
a.pdf-icon:before { content:"\f1c1"; }


/*
.inherit .more-button,
.more-button.outline { border:2px solid rgb(var(--white)); padding:calc(1em - 4px) calc(2.5em - 4px); background-color:transparent; color:rgb(var(--white)); transition:background-color 300ms, border-color 300ms, color 300ms; }
.inherit .more-button:hover,
.more-button.outline:hover { background-color:rgb(var(--white)); color:rgb(var(--text)); }
*/





.more-button.arrow { padding-right:2.25em; position:relative; }
.more-button.arrow:after { content:"\f061"; font:var(--fa-font-regular); display:none; }
.more-button.arrow svg { color:inherit; position:absolute; top:50%; transform:translateY(-50%); right:1em; }

.more-button.pdf { padding:0.5em 2.5em 0.6em 2em; position:relative; }
.more-button.pdf:after { content:"\f1c1"; font:var(--fa-font-regular); display:none; }
.more-button.pdf svg { color:inherit; position:absolute; top:50%; transform:translateY(-50%); right:1em; }


p + div.buttons-wrapper { padding-top:var(--gutter); }
.text-center .buttons-wrapper .do-flex { justify-content:center; }
.buttons-wrapper .do-flex { gap:var(--gap); justify-content:flex-start; align-items:center; flex-wrap:wrap !important }
.buttons-wrapper .col { flex:0 1 auto; /*min-width:220px;*/ }

.buttons-wrapper > a { margin-bottom:1em; }



.read-more { font-weight:400; padding-right:1.5em; position:relative; color:rgb(var(--second)); line-height:1.5em; text-decoration:none; display:inline-block; white-space:nowrap; transition:color 300ms; }
.read-more:hover { color:rgb(var(--first)); }
.content .read-more { color:rgb(var(--second)); }
.content .read-more:hover { color:rgb(var(--first)); }

.content .read-more.text-txt { color:rgb(var(--text)); }
.content .read-more.text-txt:hover { color:rgb(var(--text-hover)); }

.content .read-more.first-txt { color:rgb(var(--first)); }
.content .read-more.first-txt:hover { color:rgb(var(--first-hover)); }

.content .read-more.second-txt { color:rgb(var(--second)); }
.content .read-more.second-txt:hover { color:rgb(var(--second-hover)); }


.read-more:after { content:"\f061"; font:var(--fa-font-regular); display:none; }
.read-more svg { color:inherit; position:absolute; top:0.3em; right:0; transition:color 300ms, right 300ms; }
.content .read-more:hover svg { color:inherit; right:-10px; }

a.read-more { text-decoration:none; }


@media (min-width:470px) {

  .more-button { width:auto; }

  .buttons-wrapper > a { margin:0 1em 1em 0; }

}

@media (min-width:960px) { 

  .navigation .top-menu { display: flex; justify-content:flex-end; gap:var(--gap); font-size:90%; padding-bottom:1rem; border-bottom:1px solid rgba(var(--second),0.5); }
  .navigation .top-menu a { text-decoration:none; color:rgb(var(--second)); transition:color 300ms; }
  .navigation .top-menu a:hover { color:rgb(var(--second-light));  }

  .mobile-menu-trigger { display:none; }

  .main-menu { display:block; position:relative; font-family:var(--title-font); font-weight:400; font-size:1.5rem; text-transform:uppercase; z-index:201; }
  .main-menu ul.menu { display:flex; justify-content:flex-end; gap:2em; }
  .main-menu ul.menu > li { list-style-type:none; position:relative; padding:0; }
  .main-menu ul.menu > li > a { padding:0.5em 0; display:block; text-decoration:none; position:relative; transition:border-color 300ms, color 300ms; border-bottom:1px solid transparent; }
  .main-menu ul.menu > li.current-menu-ancestor > a,
  .main-menu ul.menu > li.current-menu-parent > a,
  .main-menu ul.menu > li.current-menu-item > a,
  .single-post .main-menu ul.menu > li.has-blog > a,
  .archive .main-menu ul.menu > li.has-blog > a { border-bottom-color:rgb(var(--second)); }
  .main-menu ul li { line-height:1em; }
  .main-menu ul.menu > li > a:hover { border-bottom-color:rgba(var(--second),0.5); color:rgb(var(--second-light)); }
  .main-menu ul li a { color:rgb(var(--white)); white-space:nowrap; }

  .main-menu ul.menu > li.button { margin-left:1rem; }
  .main-menu ul.menu > li.button > a { padding:0.6em 1em 0.3em; border-radius:0; display:block; text-decoration:none; position:relative; background-color:rgb(var(--second)); border:2px solid transparent; color:rgb(var(--white)); transition:background-color 300ms; }
  .main-menu ul.menu > li.button > a:hover { background-color:rgb(var(--second-hover));  }
  /*.main-menu ul.menu > li.button > a:after { content:"\f82d"; font:var(--fa-font-regular); display:none; }
  .main-menu ul.menu > li.button > a svg { position:absolute; top:calc(50% - 0.5em); right:1em; color:inherit; }*/

  .main-menu ul.menu > li > ul { visibility:hidden; opacity:0; transition:opacity 0.2s linear, visibility 0.2s linear; position:absolute; top:calc(100% - 1px); padding:0; left:-1.5rem; width:auto; min-width:100%; font-size:95%; z-index:+1; text-align:left; background-color:rgba(var(--white),1); }
  .main-menu ul.menu > li:hover > ul { visibility:visible; opacity:1; }
  .main-menu ul.menu ul li { display:block; margin:0; padding:0; width:100%; position:relative; white-space:nowrap; } 
  .main-menu ul.menu ul a { white-space:nowrap; text-decoration:none; overflow:hidden; display:block; color:rgb(var(--grey-mid)); padding:1.5rem; background-color:transparent; transition:background-color 500ms, color 500ms; }
  .main-menu ul.menu > li > ul > li.current-menu-parent > a,
  .main-menu ul.menu > li > ul > li.current-menu-item a { background-color:rgba(var(--white),0.5); color:rgb(var(--second)); }
  .main-menu ul.menu > li > ul > li a:hover { background-color:rgba(var(--second),0.8); color:rgb(var(--white)); }

  .main-menu ul.menu > li > ul > li > ul { visibility:hidden; opacity:0; transition:opacity 0.2s linear, visibility 0.2s linear; position:absolute; top:0; padding:0; left:100%; width:auto; min-width:100%; font-size:95%; z-index:+1; text-align:left; background-color:rgb(var(--first)); }
  .main-menu ul.menu > li > ul > li:hover > ul { visibility:visible; opacity:1; }
  .main-menu ul.menu > li > ul > li > ul li a { background-color:rgba(var(--first),1); }
  .main-menu ul.menu > li > ul > li > ul li.current-menu-item > a { background-color:rgba(var(--first-hover),0.5); }
  .main-menu ul.menu > li > ul > li > ul li a:hover { background-color:rgba(var(--first-hover),1);  }

  .main-menu ul.menu > li.menu-item-has-children > a { padding-right:1em; }
  .main-menu ul.menu > li.menu-item-has-children:after { content:"\f0d7"; font:var(--fa-font-solid); display:none; }
  .main-menu ul.menu > li.menu-item-has-children svg { position:absolute; top:calc(50% - 0.7em); right:0; font-size:1em; color:rgb(var(--second)); }

  .main-menu ul.menu > li.current-menu-ancestor.menu-item-has-children svg,
  .main-menu ul.menu > li.current-menu-parent.menu-item-has-children svg,
  .main-menu ul.menu > li.current-menu-item.menu-item-has-children svg,
  .single-post .main-menu ul.menu > li.has-blog svg,
  .archive .main-menu ul.menu > li.has-blog svg { color:rgb(var(--second)); }

  .main-menu ul.menu > li > ul > li.menu-item-has-children > a { padding-right:calc(1.5em + 10px); }
  .main-menu ul.menu > li > ul > li.menu-item-has-children:after { content:"\f0da"; font:var(--fa-font-solid); display:none; }
  .main-menu ul.menu > li > ul > li.menu-item-has-children svg { position:absolute; top:calc(50% - 0.5em); right:5px; font-size:1.2em; color:rgb(var(--white)); }



}

@media (min-width:980px) { 

  .main-menu ul#top-menu { margin-bottom:14px; }

}

@media (min-width:1100px) { 

  .main-menu { font-size:1.7rem; }

}

@media (min-width:1170px) { 

  .main-menu ul#top-menu { margin-bottom:2.5%; }

}


