/*
Theme Name: Secura/Isaac
Author URI:
Version: 2023.6

*/

body {scroll-behavior: smooth; font-family: 'Roboto', sans-serif; color: #101010;}
a, a:hover, a:focus, a:visited {text-decoration: none;}
ul, li {margin: 0; padding: 0;}
.icon::before {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  }
.a, :hover, .ease, :after, :before {-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;}

.container-fluid {scroll-margin-top: 75px;}
img {height: auto; width: auto;}

.alignnone, .alignnone img { margin: 20px 0; width: 100%}
.alignleft { margin: 0 20px 20px 0; float: left; width: 100%}
.aligncenter {clear: both; display: block; margin: 20px auto;}
.alignright {margin: 0 0 20px 20px; float: right;}
@media (min-width: 1200px) {
  .alignnone, .alignnone img { width: 85%}
}

.primary-font {font-family: 'Plus Jakarta Sans', sans-serif;}
.secondary-font {font-family: 'Roboto', sans-serif;}

.primary-color {color: #3C7C3C}
.secondary-color { color: #43C900}
.tertiary-color {color: #F0F5FA}
.additional-color {color: #0E416F}

.primary-text { color: #101010}
.secondary-text, .text-links {color: #3C7C3C}
.tertiary-text, .text-links:hover {color: #1D6EBA}

h1, h2, h3, h4, h5, h6 {font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 600;}
p {font-family: 'Roboto', sans-serif; font-weight: 300;}

h1 {font-size: 40px; line-height: 48px;}
h2 {font-size: 30px; line-height: 38px;}
h3 {font-size: 28px; line-height: 36px;}
h4 {font-size: 22px; line-height: 30px;}
h5 {font-size: 20px; line-height: 28px;}
h6 {font-size: 16px; line-height: 24px;}
p {font-size: 18px; line-height: 25px;}

@media (min-width: 1200px) {
  h1 {font-size: 50px; line-height: 58px;}
  h2 {font-size: 42px; line-height: 50px;}
  h3 {font-size: 38px; line-height: 46px;}
  h4 {font-size: 32px; line-height: 40px;}
  h5 {font-size: 24px; line-height: 32px;}
  h6 {font-size: 18px; line-height: 26px;}
  p {font-size: 20px; line-height: 28px;}
  .alignnone { width: 90%;}
  .alignleft {width: 47%}
}
hr {opacity: 1; width: 15%; height: 3px!important;}
.btn,
.news-block p.btn {
  border-radius: 4px;
  padding: 8px 18px;
  border: 2px solid #43c900;
  font-weight: 500;
  margin-top: 10px;
  color: #0E416F;
  font-family: 'Roboto', sans-serif; font-weight: 500;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.btn:hover,
.news-block:hover .btn {
  border: 2px solid #0E416F;
  background-color: #0E416F;
  color: #fff;
}

.btn-solid {
  color: #fff;
  border: 2px solid #0E416F;
  background-color: #0E416F;
}
.btn-solid:hover {
  border: 2px solid #43c900;
  color: #0E416F;
}

@media (min-width: 992px) {
  .btn {font-size: 16px;}
}

/* HEADER / NAVIGATION
---------------------------
--------------------------- */
.navbar-brand img {width: 180px; margin: 10px 12px; height: auto;}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='1' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")!important;
}
.navbar-toggler, .navbar-toggler:focus { border: 0; box-shadow: none;}
.navbar-nav .nav-item {padding: 5px 0; margin: 0 10px}
.navbar-nav .nav-item .nav-link {color: #fff; font-size: 16px; line-height: 1; letter-spacing: .5px; font-weight: 500; }
.dropdown-toggle::after {
  margin-left: 4px!important;
  vertical-align: 1px;
  content: "\f107";
  font: var(--fa-font-solid);
  font-size: 14px;
  border: 0;
}
.dropdown-menu {border-radius: 4px; border: 1px solid #dedede}


.dropdown-item {
  display: block;
  width: 100%;
  padding: 4px 16px 4px 0;
  clear: both;
  font-weight: 400;
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover, .dropdown-item:focus, .dropdown-item:active {
  background-color: transparent;
}
.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: #adb5bd;
  pointer-events: none;
  background-color: transparent;
}
@media (min-width: 992px) {
  .navbar-nav .nav-item .nav-link { border-bottom: 3px solid transparent}
  .navbar-brand img {width: 250px;}
}
@media (min-width: 1200px) {
  .navbar-nav .nav-item .nav-link { font-size: 18px;}
  .navbar-nav .nav-item {padding: 5px 0; margin: 0 20px;}
}
@media (max-width: 991px) {
  .navbar-nav {margin-left: 10px;}
}
/* FOOTER
---------------------------
--------------------------- */
.footer {padding-top: 50px; padding-bottom: 50px; border-top: 1px solid #fff; color: #fff;}
.footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6, .footer p {color: #fff;}
.footer p {font-size: 14px; color: rgba(255,255,255,.75)}
.footer a {color: rgba(255,255,255,.75); text-decoration: underline}
.footer a:hover {color: rgba(255,255,255,1)}
.copyright {font-size: 12px; padding-top: 30px; padding-bottom: 30px; }
.copyright ul {list-style: none;}
.copyright ul li {display: inline-block; margin: 0 10px;}
.copyright ul li:last-child {margin-right: 0;}

/* HERO
---------------------------
--------------------------- */
.hero {position: relative;  background-repeat: no-repeat; background-position: center center; background-size: cover; }
.hero h1 {font-weight: 600; color: #fff; }
.hero-home {height: 600px;}
.hero-int {height: 400px;}
.hero.has-image.has-text:after {
  content: '';
  position: absolute; top: 0; left: 0; width: 100%; height: 100%;
  background: rgba(0,0,0,0.35);
}
.hero.has-image:after {
  content: '';
  position: absolute; top: 0; left: 0; width: 100%; height: 225px;
  background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
  background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );
}
.hero .container {z-index: 9;}


/* INTRO
---------------------------
--------------------------- */
.intro {padding-top: 30px; padding-bottom: 30px;}
.intro-headline {background: #fff; z-index: 1; border-radius: 12px 12px 0 0}
.intro-headline h2 {padding: 0px 0 20px 0;}
.intro-text p {font-size: 18px; line-height: 1.5;}
@media (min-width: 768px) {
  .intro-headline {margin-top: -120px;}
  .intro-headline h2 {padding: 40px;}
}
@media (min-width: 992px) {
  .intro {padding-top: 60px; padding-bottom: 60px;}
}

/* NEWS
---------------------------
--------------------------- */
.news {padding-top: 30px; padding-bottom: 100px;}
.news-block {padding: 30px;  position: relative; border-radius: 12px}
.news-block .category { font-size: 12px; font-weight: 600; letter-spacing: 1px; text-transform: uppercase;  margin-bottom: 20px;}
.news-block h3 {margin-bottom: 30px;}
.news-block p {font-size: 14px;}
.news-block .btn { margin-top: 40px; display: inline-block;}
.all-posts .news-block {background: #fff; border: 0}
.featured-post a:hover {text-decoration: none!important;}
.back-to-news {color: #fff; margin-top: 24px; text-transform: uppercase; letter-spacing: 1px; font-size: 14px; position: relative; padding-left: 25px;}
.back-to-news:before {content:''; width: 20px; height: 15px; background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M7 239c-9.4 9.4-9.4 24.6 0 33.9L143 409c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-95-95L488 280c13.3 0 24-10.7 24-24s-10.7-24-24-24L81.9 232l95-95c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0L7 239z" fill="%23fff"/></svg>'); background-repeat: no-repeat; background-size: contain; position: absolute; left: 2px; top: 0;}
.back-to-news:hover {color: #fff}
.back-to-news:hover:before {left: -2px}
@media (min-width: 768px) {
  .news-block { padding-bottom: 80px; height: 100%; }
  .news-block .btn {position: absolute; bottom: 15px; left: 30px;}
}

/* QUOTES
---------------------------
--------------------------- */
.quotes {padding-top: 100px; padding-bottom: 100px;}
blockquote {position: relative; font-size: 20px; line-height: 1.4;}
.quotes blockquote em {font-style: normal; text-transform: uppercase; font-size: 12px; font-weight: 600; letter-spacing: 1px; display: block; margin-top: 20px; opacity: .75;}
blockquote:before {content: ''; width: 50px; height: 50px; background-repeat: no-repeat; background-position: center center; background-size: contain; display: block; margin-bottom: 20px;}
.quotes blockquote:before {background-image: url(_images/quote-white.svg)}
blockquote:before {background-image: url(_images/quote.svg);}
.text blockquote {margin: 25px 0 40px 0; border-left: 3px solid transparent; padding-left: 45px; }
.text blockquote,
.text blockquote p { font-family: 'Plus Jakarta Sans', sans-serif!important;}

/* IMAGE / TEXT
---------------------------
--------------------------- */
.image-text {padding-top: 20px; padding-bottom: 20px;}
.image-text ul {margin-left: 20px; margin-bottom: 20px;}
.image-text-photo {z-index: -1; }
.image-text-photo img {border-radius: 12px}
.copy-wrap {background: #fff; padding: 30px 0; z-index: 1; border-radius: 12px}
@media (min-width: 768px) {
  .image-left .image-text-photo {order: 0;}
  .image-left .image-text-copy {order: 1}
  .image-right .image-text-photo {order: 1;}
  .image-right .image-text-copy {order: 0}
  .image-left .copy-wrap {margin-left: -50px;}
  .image-right .copy-wrap {margin-right: -50px;}
  .copy-wrap {border: 0; padding: 30px;}
}
@media (min-width: 1200px) {
  .image-text {padding-top: 40px; padding-bottom: 40px;}
  .copy-wrap { padding: 50px}
}

/* COLUMNS
---------------------------
--------------------------- */
.columns {padding-top: 40px; padding-bottom: 40px; margin-top: 30px;}
.columns p, .columns li {font-size: 16px;}
.columns p:last-child {margin-bottom: 0;}
.columns ul {margin-left: 14px; margin-bottom: 16px; list-style: none}
.columns ul li {position: relative; font-weight: 300;}
.columns ul li:before {content:'•'; position: absolute; top: 0; left: -12px; font-size: 18px;}
.column-text {border-bottom: 1px solid transparent; padding: 0 12px 25px 12px;}
@media (min-width: 992px) {
  .columns {padding-top: 80px; padding-bottom: 80px; margin-top: 60px;}
  .column-text {padding: 10px 40px; border-bottom: 0; border-right: 1px solid transparent; height: 100%;}
  .col-md-3:last-child .column-text,
  .col-md-4:last-child .column-text,
  .col-md-6:last-child .column-text,
  .col-md-12:last-child .column-text {border-right: 0;}
}
/* GENERAL TEXT
---------------------------
--------------------------- */
.general-text {padding-top: 30px; padding-bottom: 30px;}
.text img {border-radius: 12px;}
.text ul {margin-left: 14px; margin-bottom: 20px; list-style: none;}
.text ol {margin-left: 0; padding-left: 28px;}
.text ul li,
.text ol li {margin-bottom: 8px; position: relative; font-weight: 300;}
.text ul li,
.text ol li {font-size: 18px; line-height: 25px; }
.text ul li:before {content:'•'; position: absolute; top: 1px; left: -12px; font-size: 18px;}
.text hr {margin: 30px 0; width: 15%}
.text a:hover {text-decoration: underline;}
.text h1,
.text h2, 
.text h3,
.text h4,
.text h5,
.text h6 {margin-bottom: 15px;}
.sidebar {padding-top: 45px; padding-bottom: 45px; margin-top: 50px; border-radius: 12px 12px 0 0}
.sidebar blockquote {font-size: 18px;}
.widget {margin-bottom: 20px;}
.widget ul {list-style: none; margin-left: 12px;}
.widget ul li {margin-bottom: 8px; position: relative;}
.widget ul li:before {content: "\f105"; font: var(--fa-font-solid); font-size: 11px; position: absolute; left: -12px; top: 7px;}
.widget ul ul {margin-top: 10px;}
.widget .widget-title {font-size: 22px; margin-bottom: 8px;}
.caption,
.wp-caption-text {font-size: 12px; width: 85%;}
.publication-quote {margin: 10px 0 10px 100px; font-style: italic;}
@media (min-width: 768px) {
  .general-text {padding-top: 60px; padding-bottom: 60px;}
  .sidebar {margin-top: -120px; z-index: 9; background: #fff;}
  .widget {padding: 0 30px; margin-bottom: 40px;}
}
@media (min-width: 992px) {
  .text ul li,
  .text ol li {font-size: 20px; line-height: 28px;}
}
@media (min-width: 1200px) {
  .caption {width: 90%}
}

/* EXPAND COLLAPSE
---------------------------
--------------------------- */
.expand-collapse {margin: 25px 0;}
.expand-collapse-wrap {margin: 20px 0 60px 0;}
.expand-collapse-section { border-bottom: 1px solid transparent; padding: 25px 0 17px 0; }
.expand-collapse-section h4 {font-size: 18px; margin: 0 0 8px 15px; padding-right: 20px;}
.expand-collapse-section h4 a { position: relative; display: block;}
.expand-collapse-section h4 a:before {content: '\f107'; font: var(--fa-font-solid); position: absolute; right: 0; top: 5px; font-size: 16px}
.expand-collapse-section h4 a:hover:before { top: 8px; }
.expand-collapse-section h4 a[aria-expanded=true] {font-weight: 600; font-size: 24px;}
.expand-collapse-section h4 a[aria-expanded=true]:before {content: '\f106'}
.expand-collapse-section h4 a:hover {text-decoration: none;}
.expand-collapse-section .card-body {margin: 0 0 0 15px; padding-bottom: 30px;}
.expand-collapse-section .card-body h3, .expand-collapse-section .card-body h4, .expand-collapse-section .card-body h5, .expand-collapse-section .card-body h6 {font-weight: 600;}
.expand-collapse-section .card-body h4 {margin-left: 0;}
.expand-collapse-section .card-body li {font-size: 18px; font-weight: 300}
.expand-collapse-section .card-body hr {opacity: .35; width: 100px;}
.expand-collapse-section:last-child hr {display: none;}
.expand-collapse-all[aria-expanded=false]:after {content: 'Expand All Sections'}
.expand-collapse-all[aria-expanded=true]:after {content: 'Collapse All Sections'}

.expand-collapse-all {text-transform: uppercase; font-weight: 600; position: relative; letter-spacing: 1px; display: block; margin: 10px 0; font-size: 12px; }
.expand-collapse-all[aria-expanded=false]:before {content: '\2b'; font: var(--fa-font-solid); margin-right: 5px;}
.expand-collapse-all:hover { text-decoration: none!important;  }
.expand-collapse-all[aria-expanded=true]:before {content: '\f068'; font: var(--fa-font-solid); margin-right: 5px;}

/* TEAM
---------------------------
--------------------------- */
.team { padding-top: 50px; padding-bottom: 50px;}
.team-member img {border-radius: 12px;}
.view-bio {font-size: 14px; text-transform: uppercase; letter-spacing: 1px; font-weight: 500; position: relative; padding-right: 25px; display: inline-block; margin-top: 15px;}
.view-bio:after {content:''; width: 20px; height: 16px; background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><path d="M505 273c9.4-9.4 9.4-24.6 0-33.9L369 103c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l95 95L24 232c-13.3 0-24 10.7-24 24s10.7 24 24 24l406.1 0-95 95c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0L505 273z" fill="%2343c900"/></svg>'); background-repeat: no-repeat; background-size: contain; position: absolute; right: 0px; top: 2px;}
.team-member:hover .view-bio:after {right: -4px;}
.position {text-transform: uppercase; font-size: 14px; font-weight: 500; letter-spacing: 1px; margin-bottom: 0;}
.bio-intro {padding-top: 130px; padding-bottom: 30px;}
.bio-intro img {border-radius: 12px;}
.bio-intro h2, .bio-intro p, .bio-intro ul li, .bio-intro ul li a {color: #fff;}
.bio-intro ul {margin-bottom: 20px;}
.bio-intro ul li {list-style: none;}
.bio-intro ul.social li {display: inline; margin: 0 20px 0 0; font-size: 24px;}
.bio-intro ul.social li a:hover {border-bottom: 3px solid #fff;}
.filter-results {margin-bottom: 50px;}
.filter-card {padding-bottom: 30px;}

@media (min-width: 768px) {
  .general-text.bio-text .sidebar {margin-top: 0; padding-top: 0;}
  .view-bio {font-size: 16px;}
  .view-bio:after {top: 4px;}
}


/* PAGINATION - wp outputs page-numbers instead of page-link and current instead of active on page-numbers not page-item
---------------------------
--------------------------- */
.pagination-block {padding-bottom: 100px;}
.pagination-block ul { justify-content: center !important;}

.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
}

.page-link,
.page-numbers {
  position: relative;
  display: block;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #dee2e6;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .page-link, .page-numbers {
  transition: none;
  }
}
.page-link:hover,
.page-numbers:hover {
  z-index: 2;
  background-color: #e9ecef;
  border-color: #dee2e6;
}
.page-link:focus,
.page-numbers:focus {
  z-index: 3;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.page-item:not(:first-child) .page-link,
.page-item:not(:first-child) .page-numbers {
  margin-left: -1px;
}
.page-item.active .page-link,
.page-item.active .page-numbers,
.page-item .page-numbers.current {
  z-index: 3;
  color: #fff;
}
.page-item.disabled .page-link,
.page-item.disabled .page-numbers {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff;
  border-color: #dee2e6;
}

.page-link, .page-numbers {
  padding: 0.375rem 0.75rem;
}

.page-item:first-child .page-link,
.page-item:first-child .page-numbers {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.page-item:last-child .page-link,
.page-item:last-child .page-numbers {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

/* TEAM FILTER
---------------------------
--------------------------- */
.team.team-filter { padding-top: 30px; padding-bottom: 50px;}
.btn-clear {font-weight: 400; background-color: transparent; color: #606161; margin-top: 0;}
.btn-clear:hover {background-color: transparent; }
.filter-bar {margin: 25px 0}

/* COLORS 
---------------------------
--------------------------- */



/* backgrounds */
hr {background-color: #43C900;}

.hero,
.bio-intro,
.page-item.active .page-link,
.page-item.active .page-numbers,
.page-item .page-numbers.current,
.nav-bg,
.footer {background-color: #3C7C3C;}

.quotes { background-color: #0E416F; }

.news-block,
.all-posts .news-block,
.page-link:focus,
.page-numbers:focus,
.columns {background-color: #f0f5fa;}

.featured-post .news-block {background-color: #fff; border: 1px solid #43C900}

/* text */
a,
.text-primary,
h1, h2, h3, h4, h5, h6,
.dropdown-item,
.news-block h3,
.expand-collapse-section h4 a,
.expand-collapse-all:hover,
.page-link,
.page-numbers,
.page-link:focus,
.page-numbers:focus {color: #0E416F;}

.text-tertiary,
.news-block .category,
.sidebar blockquote:before,
.page-link:hover,
.page-numbers:hover,
.text a,
.btn-clear:hover,
.dropdown-item:hover, 
.dropdown-item:focus,
.dropdown-item.active, 
.dropdown-item:active {color: #3C7C3C;}

a:hover,
.team-member:hover p.position,
.widget ul li:before,
.text blockquote {color: #1D6EBA}

.text ul li:before,
.columns ul li:before { color: #43C900;}

.bio-intro ul li a:hover {text-decoration: underline; color: #fff;}

.widget p,
.copyright,
.news-block p,
.news-block:hover p,
.position {color: #79766f;}

/* borders */
.page-item.active .page-link,
.page-item.active .page-numbers,
.page-item .page-numbers.current {border-color: #0E416F}

.column-text,
.text blockquote {border-color: #1d6eba}

.expand-collapse-section { border-color: #3C7C3C }

.all-posts .news-block { border-color: #e8e9e1}

@media (max-width: 991px) {
  .navbar { background: #3C7C3C!important }
}
@media (min-width: 992px) {
  /* nav */
  .navbar-nav .nav-item .nav-link:hover,
  .navbar-nav .nav-item .nav-link:focus,
  .navbar-nav .nav-item .nav-link:active,
  .navbar-nav .nav-item.current_page_parent .nav-link,
  .navbar-nav .nav-item.active .nav-link {border-bottom: 3px solid #fff; color: #fff;}
  .navbar-nav .nav-item .nav-link:active { border-color: #fff; }
}

/* lower header below WP admin bar when logged in */
.admin-bar .navbar {top: 32px;}