/* University Template over-ride
   Launched: 2023-03-03
   Author: Notre Dame Web Team
   ----------------------------------------------------*/

@media only screen {
  /* Form Elements
  ----------------------------------------------------*/
  h2+h3 { color:var(--gray-dark); margin-top:.25em; }
  
  form { margin: 1rem 0; }
  form.form { --grid-gap: 1.5rem; margin:1rem 0 4rem; padding-bottom: 2rem; padding-top: 2rem; }
  .form--filter { background: var(--sky-blue); }
  .form--filter .form-fields { padding: 0 1.5rem; }
  .form--filter .form-utility { background: var(--sky-blue-light); margin-bottom: -2em; margin-top: 2rem; padding: 1rem 1.5rem; position: relative; }
  .form--filter #records-found { font-size: .9rem; font-weight: 700; }
  form p { margin: 0; max-width: none; }
  fieldset { background: var(--sky-blue-light); border: none; border-radius: 1rem;margin: 2rem 0; padding:1.5rem; }
  fieldset p { margin-bottom: .75rem; }
  legend { border:0; margin: 0 0 1.5rem;padding:0; }
  label {display:block; font-size: 1rem; font-weight:600; }
  button,input,optgroup,select,textarea { color:inherit; font-family:inherit; font-size:100%; margin:0; vertical-align:baseline;}
  button { border-radius:0;width:auto;}
  button,input {line-height:normal; overflow:visible;}
  button,select {text-transform:none;}
  
  button,input[type=button],input[type=reset],input[type=submit] { -webkit-appearance:button; -moz-appearance:button; appearance:button;cursor:pointer;}
  input[type=checkbox],input[type=radio] { margin: 0 .5rem;}
  input[type=search] {outline-offset:-2px;}
  button::-moz-focus-inner,input::-moz-focus-inner {border:0; padding:0;}
  button[disabled],html input[disabled] {cursor:default;}
  input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {height:auto;}
  input[type=search] {-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield; box-sizing:content-box;}
  input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {-webkit-appearance:none;appearance:none;}
  textarea { min-height: 5rem; min-width: 100%;overflow:auto; vertical-align:top; }
  optgroup {font-weight:700;}
  
  [type=color],[type=date],[type=datetime-local],[type=datetime],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fefefe; border: 1px solid #cacaca; border-radius: 4px; box-shadow: inset 0 1px 2px hsla(0,0%,4%,.1); box-sizing: border-box; color: #0a0a0a; display: block; font-family: inherit; font-size: 1rem; font-weight: 400; height: 2.4375rem; line-height: 1.5; margin: 0; padding: .5rem; transition: box-shadow .5s,border-color .25s ease-in-out; width: 100%; }
  input:focus { border: 2px solid var(--brand-blue-bright); outline: none; }
  select:not([multiple]) { padding-bottom: 0; padding-top: 0; }
  select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E"); background-origin: content-box; background-position: right -.5rem center; background-repeat: no-repeat; background-size: 20px 12px; border: 1px solid #cacaca; border-radius: 4px; color: #0a0a0a; font-family: inherit; font-size: 1rem; font-weight: 400; height: 2.4375rem; line-height: 1.5; margin: 0 0 1rem; padding: .5rem 1.5rem .5rem .5rem; width: 100%; }
  select,select:focus,textarea:focus { background-color: #fefefe; transition: box-shadow .5s,border-color .25s ease-in-out; }
  select:focus,textarea:focus { border: 2px solid var(--brand-blue-bright); box-shadow: 0 0 5px #cacaca; outline: none; }
  
  .mc-field-group { margin-bottom:2rem; }
  .indicates-required { font-size:.9rem; }
  
  /* General */
  .long-title { font-size:1.625rem; }

  .page-section { padding:2em 0; }
  .page-section:first-of-type { padding-top:0; }
  .page-header:before { background:url(images/hdr-knot.svg) 50% / 100px repeat #f2f2f2; }

  /* .home .page-header::before { background:url('images/hdr-rli-800.jpg') top center / contain no-repeat #fff; } */
  
  .page-title-wrapper { background-color:transparent; }
  
  .site-title a { background:url(images/RLI-logo-revised.png) 0 / contain no-repeat; border:none; color:#002b5b; display:block; height:75px; margin:0; overflow:hidden; -webkit-text-decoration:none; text-decoration:none; text-indent:-99999px; }
  
  .case-card { background:var(--sky-blue-light); }
  
  .card-dark { background:var(--brand-blue); color:#fff; }
  .card-dark .card-title a { color:var(--sky-blue-dark); }
  
  .section-social { background-color:var(--brand-blue-dark); padding-top:2rem; }
  .section-social ul { justify-content:space-around; }
  .section-social ul li { display:inline-block; margin-bottom:.5rem; }
  .section-social ul li a { display:inline-block; margin-right:2rem; -webkit-text-decoration:none; text-decoration:none; transition:all .3s ease-in-out; vertical-align:middle; }
  .section-social ul li a svg { fill:var(--brand-gold); font-size:1.5em; margin-right:.125em; vertical-align:text-bottom; }
  .section-social ul li a:hover { transform:scale(1.05); }
  .section-social ul li a:hover svg { color:var(--sky-blue); }
  
  .section--clinic-case { margin-top:2rem !important; }
  .section--clinic-case .card { margin-top:2rem; }
  .section--clinic-case .card-title { font-size:2.25rem; line-height:1.125; }
  
  .image-full-left:first-child,.image-full-right:first-child { margin-top:0; }
  hr.no-border { margin-bottom:1.5rem; margin-top:1.5rem; }
  
  .home-callouts { padding:2rem 0; }
  .home-callout,.home-primary { margin-bottom:2rem; }
  
  .home .page-main { padding-bottom:0; }
  
  .news-news li:last-child article { margin-bottom:0; }
  
  .slides { background-color:var(--brand-blue); height:39vw; max-height:75vh;  }

  @supports (display:grid) {
    .slides { grid-row: header; margin-left: var(--gutter-offset); }
  }
  
  .section-newsletter { background-color:var(--gray-extra-light); }
  .section-image { margin: 0 var(--gutter-offset); }
  .section--light {background: var(--sky-blue);}
    .section--light .btn.btn-inline:hover { background-color: var(--sky-blue-light); }
  
  .person-photo>.card-image+p { margin-top:1rem; }
  
}

/* 480px
----------------------------------------------------*/

/* < 768px
----------------------------------------------------*/

@media only screen and (max-width:48em) {
  .image-left,.image-right { float:none; margin:.5rem 0 1rem; max-width:100%; }
  .section-image { margin: -2rem 0 -2rem var(--gutter-offset); }
}

/* 768px
----------------------------------------------------*/

@media only screen and (min-width:48em) {
  .home-primary { background:#fff; margin:0 auto 2rem; padding:2rem 2rem 0; }
  .long-title { font-size:1.75rem; }
  .site-content:before { left:0; }
  .slides { margin-left: 0; }
  
  .home-callouts:before { background:url(images/ptn-knots.svg) 51vw -60vw/320vw 130% no-repeat,url(images/ptn-knots.svg) -65vw 40vw/320vw 130% no-repeat var(--brand-blue); }
}

/* 960px
----------------------------------------------------*/

@media only screen and (min-width:60em) {
  /* .home .page-header { --padding-top:20vw; --title-width:2.4fr; min-height:50vw; }
  .home .page-header::before { background-image:url('images/hdr-rli-1200.jpg'); } */
  .page-header.has-title.has-image:before { grid-row:header-start /  header-end; }
  .home .page-title-wrapper { align-self:flex-start; grid-row:2; margin-bottom:0; }
  .home .page-title:after { margin-top:.325em; }
  .home .page-main { padding-top:0; }
  .home-primary { max-width:73rem; padding:3rem 4rem 1rem; }
  
  .page-section { padding:3em 0; }

  /* .has-content + .page-main .page-content { height:0; width:0; overflow:hidden; margin:0; padding:0; } */

  .section-newsletter { padding:0; }
  .section-newsletter .section-image { height:calc(100% + 3em); margin-bottom:-1.5em; margin-right:var(--gutter-offset); margin-top:-1.5em; }
  .section-newsletter .section-image img { display:block; height:100%; -o-object-fit:cover; object-fit:cover; }
  .section-newsletter .section-body { margin-right:2rem; padding:3rem 0; }
  .section-newsletter .mce_inline_error { font-size:.9rem; font-weight:400; }
  
  .offset-image { margin-left:var(--gutter-offset); }
  
  .home-callouts { background-color:transparent; padding:0; }
    .home-callouts:before { background-color:var(--brand-blue); bottom:2em; top:2em; }
  .home-callouts .home-callout { margin-bottom:1em; }
    .home-callouts .home-callout:last-child { margin-bottom:0; }
    .home-callouts .home-callout:nth-child(2n) .offset-image { margin-left:0; margin-right:var(--gutter-offset); order:2; }
    
  .site-content:before { display:none; }
  
  .section--clinic-case .card-image { --card-image-width:40%; }
  
  .section-social .grid-wrapper { margin-top:2rem; }
  .section--alt .section-body { order:-1; padding-left:0; padding-right:2rem; }
  .section--alt .section-image {  margin-left:0; margin-right:-5vw; }
  .section-image { margin-bottom:-3rem; margin-left:calc(var(--gutter-offset) - 2rem); margin-right:0; margin-top:-3rem; }
}

/* 1280px
----------------------------------------------------*/

@media only screen and (min-width:80em) {
  .long-title { font-size:2.325rem; }
  /* .home .page-header::before { background-image:url('images/hdr-rli-1600.jpg'); } */

}

/* 1600px
----------------------------------------------------*/

/* 1920px
----------------------------------------------------*/

@media only screen and (min-width:120em) {
 .section-image { margin-left:-6rem; } 
}

/* Print
----------------------------------------------------*/

/* Plugins
----------------------------------------------------*/

/*!
 * simpleLightbox
 * https://github.com/dbrekalo/simpleLightbox
 * Copyright (c) 2018 Damir Brekalo
 */

.slbOverlay,.slbWrap,.slbWrapOuter{bottom:0;left:0;position:fixed;right:0;top:0}

.slbOverlay{animation:slbOverlay .5s;background-color:#000;opacity:.85;overflow:hidden;z-index:2000}

.slbWrapOuter{overflow-x:hidden;overflow-y:auto;z-index:2010}

.slbWrap{position:absolute;text-align:center}

.slbWrap:before{content:"";height:100%}

.slbContentOuter,.slbWrap:before{display:inline-block;vertical-align:middle}

.slbContentOuter{box-sizing:border-box;margin:0 auto;max-width:100%;padding:0 10%;position:relative;text-align:left;z-index:2020}

.slbContentEl .slbContentOuter{padding:5em 1em}

.slbContent{position:relative}

.slbContentEl .slbContent{animation:slbEnter .3s;background-color:#fff;box-shadow:0 .2em 1em rgba(0,0,0,.4)}

.slbImageWrap{animation:slbEnter .3s;position:relative}

.slbImageWrap:after{background-color:#fff;bottom:5em;box-shadow:0 .2em 1em rgba(0,0,0,.6);content:"";display:block;left:0;position:absolute;right:0;top:5em;z-index:-1}

.slbDirectionNext .slbImageWrap{animation:slbEnterNext .4s}

.slbDirectionPrev .slbImageWrap{animation:slbEnterPrev .4s}

.slbImage{box-sizing:border-box;display:block;height:auto;line-height:0;margin:0 auto;max-width:100%;padding:5em 0;width:auto}

.slbCaption{word-wrap:normal;bottom:0;color:#fff;color:hsla(0,0%,100%,.7);display:inline-block;font-size:1.4em;left:0;max-width:100%;overflow:hidden;padding:.71429em 0;position:absolute;right:0;text-align:center;text-overflow:ellipsis;white-space:nowrap}

.slbArrow,.slbCloseBtn{background:none;border:0;cursor:pointer;margin:0;padding:0}

.slbArrow::-moz-focus-inner,.slbCloseBtn::-moz-focus-inner{border:0;padding:0}

.slbArrow:hover,.slbCloseBtn:hover{opacity:.5}

.slbArrow:active,.slbCloseBtn:active{opacity:.8}

.slbCloseBtn{animation:slbEnter .3s;color:#fff;font-size:3em;height:1.66667em;line-height:1.66667em;position:absolute;right:calc(10% - .5em);text-align:center;top:0;width:1.66667em}

.slbLoading .slbCloseBtn{display:none}

.slbLoadingText{color:#fff;color:hsla(0,0%,100%,.9);font-size:1.4em}

.slbArrows{left:0;position:fixed;right:0;top:50%}

.slbLoading .slbArrows{display:none}

.slbArrow{height:10em;margin-top:-5em;opacity:.7;overflow:hidden;position:absolute;text-indent:-999em;top:50%;width:5em}

.slbArrow:before{border:.8em solid transparent;content:"";left:50%;margin:-.8em 0 0 -.8em;position:absolute;top:50%}

.slbArrow.next{right:0}

.slbArrow.next:before{border-left-color:#fff}

.slbArrow.prev{left:0}

.slbArrow.prev:before{border-right-color:#fff}

.slbIframeCont{height:0;margin:5em 0;overflow:hidden;padding-top:56.25%;width:80em}

.slbIframe{background:#000;box-shadow:0 .2em 1em rgba(0,0,0,.6);height:100%;left:0;position:absolute;top:0;width:100%}

@keyframes slbOverlay{0%{opacity:0}to{opacity:.85}}

@keyframes slbEnter{0%{opacity:0;transform:translate3d(0, -1em, 0)}to{opacity:1;transform:translateZ(0)}}

@keyframes slbEnterNext{0%{opacity:0;transform:translate3d(4em, 0, 0)}to{opacity:1;transform:translateZ(0)}}

@keyframes slbEnterPrev{0%{opacity:0;transform:translate3d(-4em, 0, 0)}to{opacity:1;transform:translateZ(0)}}

/* Overrides */

.slbOverlay { background-color:rgba(0,0,0,.7); }

.slbContent .card-label { margin: 0; }

.slbContent .card-title { font-size: 2.2em; margin-bottom: .1em; }

.slbContent .card-body .position-title { margin-bottom: 1em; }