/* Callouts */
.cms-callouts-wrap { padding: 0; position:relative; }
.callouts-grid { display:flex; flex-wrap:wrap; width:100%; z-index:1; }
.callout-col { width:100%; padding:0.625rem; }
.callout-wrap { overflow: hidden; position: relative; font-family: var(--siteFont2), sans-serif; border-radius:0; box-shadow:none; text-align: center; width:100%; height:100%; }
.callout-img-wrap { position: relative; background: hsl(var(--white)); transition: all ease-in-out 0.4s; padding-bottom:60%; }
.callout-img { opacity: 1; width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; transition: all ease-in-out 0.4s; }
.callout-wrap:hover .callout-img-wrap { background: hsl(var(--black)); }
.callout-wrap:hover .callout-img { opacity: 0.5; }
.callout-wrap .callout-wrap-title { opacity: 1; pointer-events:none; margin:0; transform:translate(0,0); text-transform:none; background:transparent; visibility: visible; width: 100%; position: absolute; top:auto; bottom:0; right:0; text-align:right; padding:0.5rem 1rem; font-size: 1.25rem; color: hsl(var(--white)); font-weight: 900; line-height: 1.25; transition: all ease-in-out 0.4s; }
.callout-wrap:hover .callout-wrap-title { opacity: 0; visibility: hidden; top: -100%; transform: none; color: hsl(var(--white)); }
.callout-info { opacity: 0; visibility: hidden; width: calc(100% - 1.875rem); position: absolute; top: 100%; right: 0; left: 0; z-index: 2; transform: none; margin: auto; font-size: 1rem; line-height: 1.5; transition: all ease-in-out 0.4s; }
.callout-wrap:hover .callout-info { opacity: 1; visibility: visible; top: 50%; transform: translate(0,-50%); }
.callout-title { margin-bottom: 1.5625rem; font-size: 1.75rem; color: hsl(var(--white)); text-transform: uppercase; font-weight: var(--wMedium); }
.callout-text { margin-bottom: 1.5625rem; }
.callout-info .btn { display: block; width: 11.25rem; margin: auto; padding: 0.75rem 1.25rem; border: 0.125rem solid hsl(var(--white)); font-size: 1.125rem; color: hsl(var(--white)); }
.callout-info .btn:hover { border: 0.125rem solid hsl(var(--white)); }
.callouts-text { background-color:hsl(var(--siteColor2)); color:hsl(var(--white)); padding:3rem 0; margin-top:1rem; }
.callouts-text .container-fluid { max-width:87.5rem; }
.callouts-text p { line-height:2; }
.cms-callouts-wrap .col-xl-6 { flex:0 0 100%; max-width:100%!important; padding:0 15px!important; }
.cms-callouts-wrap .col-md-6 { flex: 0 0 100%!important; max-width:100%!important; padding: 0 15px!important; }

/* Sidebar Callouts */
.i-sidebar .callouts-text { display:none; }
.i-sidebar .callouts-grid { position:relative; width:100%; }
.i-sidebar .callouts-grid .callout-col { width:100%; padding:0.625rem; }
.i-sidebar .callouts-grid .callout-wrap { width:100%; height:auto; overflow:hidden; border-radius:var(--borderRadius); box-shadow:var(--dropShadow),var(--dropShadow); margin:0; }
.i-sidebar .callouts-grid .callout-wrap .callout-img-wrap { padding-bottom:60%; }
.i-sidebar .callouts-grid .callout-wrap .callout-wrap-title { top:50%; transform:translate(0,-50%); bottom:auto; padding:0.625rem; margin: 0 0 1.25rem; background:hsla(var(--siteColor1),25%); text-align:center; }

@media(min-width:320px) {
  .callout-wrap:hover .callout-info { top: 50%; transform: translate(0,-50%); }
  .i-sidebar { margin-top: 3.125rem; }
  .i-sidebar .cms-callouts-wrap { margin: 0 -0.625rem; }
}
@media(min-width:480px) {
  .callout-info { width: calc(100% - 3.125rem); }
}
@media(min-width:667px){
  .callout-col { width:50%;  }
  .i-sidebar .callouts-grid .callout-col { width:50%; }
  .i-sidebar .callouts-grid .callout-wrap .callout-img-wrap { padding-bottom:100%; }
}
@media(min-width:768px) {
  .i-sidebar .callouts-grid .callout-wrap .callout-img-wrap { padding-bottom:80%; }
  .cms-callouts-wrap .text-row { margin-left:-10px; margin-right:-10px; }
  .cms-callouts-wrap .col-md-6 { flex: 0 0 50%!important; max-width:50%!important; padding: 0 10px!important; }
}
@media(min-width:992px) {
  .callout-wrap { margin:0; }
  .i-sidebar .callouts-grid .callout-col { width:100%; }
  .callout-img-wrap { padding-bottom: 60%; }
  .i-sidebar .callouts-grid .callout-wrap .callout-img-wrap { padding-bottom:100%; }
  .i-sidebar { margin-top: 0; }
  .i-sidebar .callout-img-wrap { padding-bottom: 100%; }
}
@media(min-width:1200px) {
  .callouts-grid { width:calc(50% - 15px); height:100%; position:absolute; left:0; top:0; }
  .callout-col { height:50%; padding:0; }
  .callout-img-wrap { padding-bottom: 0; height:100%; }
  .callouts-text { padding:3rem 0; margin-top:0; }
  .cms-callouts-wrap .col-xl-6 { flex:0 0 50%; max-width:50%!important; }
}