/* ==========================================================================
     Project:     Luther Rice Community College
     Date:        03/11/2025 - File created	
     Created by:  Third Wave Digital (www.thirdwavedigital.com)
========================================================================== */

:root {
	--white: #fff;
	--black: #2b2b2b;
	--blue: #1C234B;
	--gold: #A18D69;
	--grey: #c5c5c5;
}

/* ==========================================================================
     Typograpy
========================================================================== */

body {font-family: "Inter", sans-serif; color: var(--black);}
h1,h2,.h1,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {font-family: "Cinzel", serif; margin-bottom: 2rem; font-weight: 400; color: var(--black);}
p {font-size: .938rem; line-height: 1.6;}

/* ==========================================================================
     Main Layout
========================================================================== */ 

html {scroll-behavior: smooth;}

/* Links */
a {color: var(--blue)}
a:hover {color: var(--blue);}
.btn-gold a {color: var(--white);}

/* Skip */
.skip {position:absolute;top:-1000px;left:15px;width:auto;height:auto;text-align:center;overflow:hidden;transition:.25s;background:var(--gold); width:auto;height:auto;overflow:visible;padding:10px;color:var(--white);font-weight:500;font-size:.875rem;z-index:99;text-decoration:underline}
     .skip:active,.skip:focus,.skip:hover{left:15px;top:15px;color: var(--white)}

/* Header */
.header-wrapper {height: 60px;}
     .nav-wrapper {font-size: .813rem;font-weight: 500; height: 100%}
     .nav-wrapper li, .nav-wrapper a {height: 100%}
     .nav-wrapper a {color: var(--white); display:flex; align-items:center;padding: 0px 15px; transition: background 250ms ease;}
     .nav-wrapper a:hover, .nav-wrapper a:focus {text-decoration: none; background: color-mix(in srgb, var(--blue), var(--white) 10%)}
     .nav-wrapper li.active a {background: var(--white); color: var(--blue)}

.btn-toggle-offcanvas {border-radius: 0px; margin:0px;padding:5px;transition:opacity .15s linear;}
	.hamburger-box {position: relative;display: inline-block;width: 20px;height: 20px;}
	.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{position:absolute;width:20px;height:2.5px;transition:transform .15s ease, background-color .15s ease;border-radius:2px;background-color:var(--white); right: 0px}
	.hamburger-inner{top:50%;display:block;}
	.hamburger-inner:after,.hamburger-inner:before{display:block;content:"";}
	.hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in, background-color .15s ease; top: 7.5px;}
	.hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.685,.19), background-color .15s ease; bottom: 7.5px;}

     .btn-toggle-offcanvas:hover .hamburger-inner, 
     .btn-toggle-offcanvas:hover .hamburger-inner:after, 
     .btn-toggle-offcanvas:hover .hamburger-inner:before,
     .btn-toggle-offcanvas:focus .hamburger-inner, 
     .btn-toggle-offcanvas:focus .hamburger-inner:after, 
     .btn-toggle-offcanvas:focus .hamburger-inner:before,
     .btn-toggle-offcanvas.active .hamburger-inner, 
     .btn-toggle-offcanvas.active .hamburger-inner:after, 
     .btn-toggle-offcanvas.active .hamburger-inner:before {background-color: var(--gold)}

	.btn-toggle-offcanvas.active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(-225deg)}
	.btn-toggle-offcanvas.active .hamburger-inner:before{top:0;transition:top .1s ease,opacity .1s ease .12s;opacity:0; width: 100%;}
	.btn-toggle-offcanvas.active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(90deg);width: 100%;}

.offcanvas-wrapper {position: absolute; opacity: 0; z-index: -1; transition: opacity 250ms ease; height: calc(100vh - 60px); top: -999px; right: 0px; padding: 20px 0px 0px 0px; background: rgba(28,35,75,.92); color: var(--white)}
	.offcanvas-wrapper nav { overflow-y: auto;height: 100%;display:none}
	.offcanvas-wrapper nav::-webkit-scrollbar {-webkit-appearance: none;width: 5px; }
	.offcanvas-wrapper nav::-webkit-scrollbar-track {margin: 0px;background: rgba(255,255,255,.25); border-radius: 5px;}
	.offcanvas-wrapper nav::-webkit-scrollbar-thumb {background: rgba(255,255,255,.5);border-radius: 5px;}
	.offcanvas-wrapper nav::-webkit-scrollbar-thumb:hover {background: rgba(255,255,255,.75)}
     .offcanvas-wrapper nav > .row {margin: 0px 20px 35px 20px;}
     .offcanvas-wrapper nav > .row a {font-size: .75rem; color: var(--white)}
	 .offcanvas-wrapper nav > .row a:hover {color: var(--gold);}

	.offcanvas-wrapper .btn[data-toggle] {color: var(--white);padding: 0px}
	.offcanvas-wrapper [class*="fa-angle"] {transition: transform 250ms ease;}
	.offcanvas-wrapper [class*="fa-angle"].rotate {-webkit-transform: rotate(-180deg);transform: rotate(-180deg);}
	.offcanvas-wrapper .offcanvasmenu > li {margin-bottom: 7.5px;}
     .offcanvas-wrapper .offcanvasmenu .btn[data-toggle] {padding: 5px 18% 5px 15px}
     .offcanvas-wrapper .offcanvasmenu .btn[data-toggle]:not([aria-expanded="true"]):hover {background: var(--gold);}
     .offcanvas-wrapper .offcanvasmenu .btn[data-toggle][aria-expanded="true"] {color: var(--gold)}
     .offcanvas-wrapper .offcanvasmenu .dd-wrapper {background: var(--white)}
     .offcanvas-wrapper .offcanvasmenu .dd-wrapper ul {margin: 10px; list-style:none;}
     .offcanvas-wrapper .offcanvasmenu .dd-wrapper .col-6:first-child ul {margin-left: 15px}
     .offcanvas-wrapper .offcanvasmenu .dd-wrapper li {line-height: 1.2}
     .offcanvas-wrapper .offcanvasmenu .dd-wrapper li:not(:last-child) {margin-bottom: 7.5px;}
	.offcanvas-wrapper .offcanvasmenu .dd-wrapper a {text-decoration: none;color: var(--blue);font-size: .75rem;font-weight: 500;display:block; padding: 2.5px}
	.offcanvas-wrapper .offcanvasmenu .dd-wrapper a:hover, .offcanvas-wrapper .offcanvasmenu .dd-wrapper a:focus {color: var(--gold);}
     
     .offcanvas-open {overflow-y:hidden;}
     .offcanvas-open .offcanvas-wrapper {opacity: 1;z-index: 3; top: 60px;}
     .offcanvas-open .offcanvas-wrapper nav {display:block;}

	.offcanvas-wrapper form {margin: 15px; position: relative; width: calc(100% - 95px);}
	.offcanvas-wrapper input {font-weight: 400; font-size: .875rem; border: none; background:var(--white); color: var(--blue); height: 35px; padding: 0px 15px; width: 100%; border-radius: 2px;}
	.offcanvas-wrapper input::-webkit-search-cancel-button {display: none;}
	.offcanvas-wrapper input::-webkit-search-decoration {-webkit-appearance: none;appearance: none;}
	.offcanvas-wrapper button[type="submit"] {position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); right: 0px; font-size: .875rem; color: var(--blue) }
	.offcanvas-wrapper button[type="submit"]:hover, .offcanvas-wrapper button[type="submit"]:focus {color: var(--blue)}
	
/* Search */
.btn-toggle-search {font-size: .813rem; padding: 10px; color: var(--white);margin-bottom: 5px;}
	.btn-toggle-search span {display: block; margin: 5px 0px 0px 0px}
	.btn-toggle-search:hover, .btn-toggle-search:focus {color: var(--grey)}

.search-wrapper {height: 50px; background: var(--black)}
	.search-wrapper input {font-weight: 400; font-size: .913rem; border: none; background:inherit; color: var(--white); height: 50px; padding: 0px 15px; width: calc(100% - 40px);}
	.search-wrapper input:focus {outline:none}
	.search-wrapper input::placeholder {color: var(--grey)}
	.search-wrapper input::-ms-input-placeholder {color: var(--grey)}
	.search-wrapper input::-webkit-search-cancel-button {display: none;}
	.search-wrapper input::-webkit-search-decoration {-webkit-appearance: none;appearance: none;}
	.search-wrapper button[type="submit"],.search-wrapper .btn-close-search {color: var(--white)}
	.search-wrapper button[type="submit"] {position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); right: 0px; font-size: .875rem; }
	.search-wrapper button[type="submit"]:hover, .search-wrapper button[type="submit"]:focus {color: var(--white)}

/* Heros */
.hero {position: relative;overflow:hidden;}
     .hero video {position: absolute; z-index: 0; object-fit: cover;top: 0px; left: 0px; width: 100%; height: 100%}
	 .hero h1 {font-size: clamp(1.75rem, -1.429rem + 7.143vw, 3rem);}
	 h2.text-xl {font-size: clamp(1.75rem, -1.429rem + 7.143vw, 3rem)}
	.hero a {color: var(--white)}
	.hero a:hover {color: var(--white);}


/* Footer */
.footer-wrapper {color: var(--white); font-size: .938rem; font-weight: 500;}
	.footer-wrapper .socials {font-size: 1.75rem;}
	.footer-wrapper address {font-size: .938rem;}
	.footer-wrapper a {color: var(--white)}
    .footer-wrapper a:focus, .footer-wrapper a:hover {color: var(--gold)}

/* LP */
.hero-list ul li .h1{font-size: clamp(1.75rem, -1.429rem + 7.143vw, 2rem)}
.hero-list form h3 {font-size: clamp(1.5rem, -1.429rem + 7.143vw, 2rem)} 

.hero-list ul {counter-reset: list-counter; padding-left: 0;}
.hero-list ul li {display: flex; align-items: center; margin-bottom: 1rem;}
.hero-list ul li {counter-increment: list-counter;}
.hero-list ul li::before {content: counter(list-counter) ". "; margin-right: 1rem; color: var(--gold); }

/* Thank You Page */
.thankyou h1 {font-size: clamp(1.75rem, -1.429rem + 7.143vw, 3rem)}
.thankyou p:not(.small){font-size: clamp(1rem, 0.143rem + 1.786vw, 1.25rem);}

/* ==========================================================================
     Components
========================================================================== */ 

/* Images & Video */
img, video {max-width: 100%; height: auto}
.aspect-ratio-1-1 {aspect-ratio: 1 / 1; object-fit: cover; width: 100%;}
section:has(.img-bg) {position: relative; z-index: 0}
.img-bg {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit:cover; z-index: -1}

.img-overlay {position: relative;color: var(--white);overflow:hidden;border-radius: 1rem;}
     .img-overlay blockquote {position: absolute; padding: 20px; left: 0px; transition: bottom 250ms ease; bottom: calc(-100% + 65px); height: 100%; width: 100%; z-index: 2; border-radius: 0 0 1rem 1rem; background: rgba(28,35,75,.8);}
     .img-overlay p {opacity: 0; transition: opacity 500ms ease; transition-delay: 150ms;}
     .img-overlay a {text-decoration: underline;}
     .img-overlay img {position: relative; z-index: 0}

     .img-overlay:hover blockquote {opacity: 1; height:100%;bottom: 0px;}
     .img-overlay:hover blockquote p {opacity: 1}

/* Slideshows */
.press-slideshow a:hover {color: var(--white);}
.professor-slideshow a {color: var(--white);}
.professor-slideshow a:hover {color: var(--gold);}


.slick-track {display: flex !important;}
.slick-slide {height: inherit !important}
.slick-dots {list-style:none; padding: 0px;display:flex !important; justify-content: center;}
.slick-dots li {margin: 0px 2px}
.slick-dots button {width: 6px; height: 6px; padding: 0px; background: var(--blue); opacity: .25; border:none; border-radius: 50%}
.slick-dots .slick-active button {opacity: 1}

.slick-prev, .slick-next {position: absolute; z-index: 1; bottom: -10%; margin-top: 0px; background:none;  border: none;  padding:0px; width: 45px; height: 45px;}
.slick-prev {background: url(/img/icon-arrow-left.png); background-position: center; background-size: contain; background-repeat: no-repeat; width: 50px;}
.slick-next {background: url(/img/icon-arrow-right.png); background-position: center; background-size: contain; background-repeat: no-repeat; width: 50px;}
.slick-prev:hover::after, .slick-next:hover::after, .slick-prev:focus::after, .slick-next:focus::after {border-color: var(--blue)}

.professor-slideshow .slick-dots {margin-top: 20px}

/* Buttons */
.btn-gold, .btn-blue, .btn-outline-white, form[name=frmSearch] .btn-primary { background:none; color: var(--white); font-family: "Inter", sans-serif; font-weight: 700; font-size: .875rem; line-height: 1.25; text-decoration: none; transition: background 250ms ease; padding: 14px 42px; margin: 0px; border-radius: 6px; text-transform: uppercase;}

.btn-gold {background: var(--gold); color: var(--white)}
	.btn-gold:hover, .btn-gold:focus {background: color-mix(in srgb, var(--gold), var(--black) 20%); color: var(--white);}

.btn-blue, form[name=frmSearch] .btn-primary {background: var(--blue); color: var(--white)}
	.btn-blue:hover, .btn-blue:focus,form[name=frmSearch] .btn-primary:hover, form[name=frmSearch] .btn-primary:focus {background: color-mix(in srgb, var(--blue), var(--black) 20%); color: var(--white);}

.btn-outline-white {border: 2px solid var(--white); color: var(--white);}
	.btn-outline-white:hover, .btn-outline-white:focus {background: color-mix(in srgb, var(--white), var(--black) 10%); color: var(--blue);}

.btn-large {padding: 15px 60px;}

form[name=frmSearch] .btn-primary {padding: 0px 10px; font-weight: 400; font-size: .813rem}

/* Text */
.text-blue {color: var(--blue);}
.text-white {color: var(--white);}
.text-black {color: var(--black);}
.text-gold {color: var(--gold);}

.text-sm {font-size: .875rem;}
.text-med {font-size: 1.25rem;}
.text-lg {font-size: 2rem;}
.text-xl {font-size: 3rem;}
.text-xxl {font-size: 3.5rem;}

.font-cinzel {font-family: "Cinzel", serif;}
.font-inter {font-family: "Inter", sans-serif;}

.fw-300 {font-weight: 300;}
.fw-500 {font-weight: 500;}

/* Backgrounds */
.bg-blue {background-color: var(--blue);}
.bg-gold {background-color: var(--gold);}
.bg-circle-gold {border-radius: 50%; width: 5rem; height: 5rem; background: var(--gold);}

.bg-branding {position: relative;}
.bg-branding::after {content:""; top: 50px; right: 700px; width: 100%; height: 100px; background: url(/img/icon-badge-blue.png) center center no-repeat; position: absolute; z-index: -1;}

.bg-overlay-blue, .bg-overlay-black, .bg-overlay-none {position: relative;}
.bg-overlay-blue::before, .bg-overlay-black::before, .bg-overlay-none {z-index: 0; content:""; position: absolute; top: 0px; left: 0px; width: 100%; height: calc(100% + 1px); }
.bg-overlay-blue::before {background: rgba(28, 35, 75, .8);}
.bg-overlay-black::before {background: rgba(43, 43, 43, .8);}
.bg-overlay-none::before {background: none;}


/* Borders */
.border-blue {border: 1px solid var(--blue);}

/* Lines */
.line-left, .line-right {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; width: 100%; align-items:center;}
     .line-left::before, .line-right::after {content:""; border-top: 3px solid var(--gold); flex: 1 0 10px }
     .line-left::before {margin: 0 3rem 0 0;}
     .line-right::after {margin: 0 0 0 3rem;} 

/* Border Radius */
.rounded-lg {border-radius: 1rem !important;}
.rounded-top {border-top-right-radius: 1rem !important; border-top-left-radius: 1rem !important;}
.rounded-bottom {border-bottom-right-radius: 1rem !important; border-bottom-left-radius: 1rem !important;}
.rounded-bottom-none {border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important;}

/* Line Height */
.leading-tight {line-height: 1.1;}

/* Asides */   
aside {padding: 0px 0px 10px 0px;}
	
	/* Show submenu btn */
	.btn-showsubmenu {border-radius: 2px; margin: 0px 0px 20px 0px; color: var(--white); font-weight: 400; position:relative; width: 100%; text-align:left; height: 44px; padding: 0px 0px 0px 45px; text-transform: uppercase; border:none; background: var(--blue); transition: background 250ms ease;}
	.btn-showsubmenu:hover {background: var(--gold); color: var(--white) }
	.btn-showsubmenu.active, .btn-showsubmenu.active:hover {background: var(--gold); color: var(--white)} 
	.btn-showsubmenu.active {margin: 0px 0px 10px 0px;}
	.btn-showsubmenu i {position: absolute; top: 8px; left: 10px; font-size: 28px;}
	/* Remove hover states on mobile */
	.touch .btn-showsubmenu:hover {background:#003466}
	
	/* Submenu */
	.submenu {border-top: 1px solid #d1d1d1; font-size: 14px; line-height: 18px; font-weight: 400; padding: 0px;list-style: none;margin: 0px 0px 30px 0px;}
	.submenu a {color: #212121;position: relative; border-bottom: 1px solid #e5e5e5; display:block; padding:10px;}
	.submenu a:hover {text-decoration:none;background: #f1f1f1;}
	.submenu .active > a:first-child {color: var(--white); background: var(--blue); font-weight: 600;}
	.submenu li {margin: 0px;position:relative;}
	
	/* Submenu subs  */
	.submenu ul {font-size: 13px; line-height: 17px; font-weight: 400; list-style: none; margin: 0px; padding: 0px; display:none;text-transform: none;}
	.submenu ul .active > a:first-child {color: var(--blue);}
	.submenu .has-ul > a:first-child {padding-right: 40px; }
	
	/* Submenu subs level 1 */
	.submenu .sub-1 a:first-child, .submenu .active .sub-1 a:first-child, .submenu .show .sub-1 a:first-child  {background: #f1f1f1;}
	.submenu .sub-1 li a:first-child:hover {background: #e2e2e2;color:var(--blue);}
	.submenu .sub-1 a:first-child { padding:10px 10px 10px 10px;}
	
	/* Submenu subs level 2 */
	.submenu .sub-2 a:first-child, .submenu .active .sub-2 a:first-child, .submenu .show .sub-2 a:first-child {background: #dedede}
	.submenu .sub-2 li a:first-child:hover {background: #cdcdcd;}
	.submenu .sub-2 a:first-child { padding:10px 10px 10px 15px;}
	
	/* Submenu subs level 3 */
	.submenu .sub-3 a:first-child, .submenu .active .sub-3 a:first-child, .submenu .show .sub-3 a:first-child {background: #cdcdcd;border-bottom: 1px solid #dbdbdb}
	.submenu .sub-3 li a:first-child:hover {background: #c5c5c5;}
	.submenu .sub-3 a:first-child { padding:10px 10px 10px 20px;}
	
	/* Submenu dropdown toggles */
	.submenu .toggle-submenu {border: none; color: var(--blue); background: #f1f1f1; width:32px; height: 38px; position: absolute; right: 0px; top: 0px; padding: 0px; z-index: 1;font-size: 18px; }
	.submenu .toggle-submenu:hover {background: var(--gold); color: var(--white)}
	.submenu .toggle-submenu i {font-size:14px; position: absolute;top: 0px;left: 0px;padding: 12px 0px 0px 10px;}
	.submenu .toggle-submenu .fa-times {font-size: 16px;}
	.submenu ul .toggle-submenu {height: 38px}
	
	/* Remove hover states on mobile */
	.touch .submenu .sub-1 li a:first-child:hover {background: #f1f1f1;}
	.touch .submenu .sub-2 li a:first-child:hover {background: #dedede}
	.touch .submenu .sub-3 li a:first-child:hover {background: #cdcdcd;}
	.touch .submenu .toggle-submenu:hover {background: var(--blue); }

/* Cta's */
	.cta {text-align:center; position: relative; font-size: 16px; line-height: 22px;font-weight: 400; padding: 3px;margin: 0px 0px 20px 0px;}
		.cta p {margin: 0px 0px 3px 0px; padding: 0px;}
		.cta strong {font-size: 20px; line-height: 22px;}
		.cta a {display:block; color: #fff; padding: 20px 10px 17px 10px;border: 1px solid white;}
		.cta a:hover {color: #fff; text-decoration:none; }
		.cta-gold.moved {margin: 30px 0px 0px 0px;}
		.cta-blue.moved {margin: 15px 0px 0px 0px;}
          .cta-blue {background: var(--blue); }
		.cta-blue a:hover {background:#002951}
		.cta-gold {background: var(--gold); }
		.cta-gold a:hover {background:#77684B}

/* Social Media Aggregator */

   .nav-tabs {border-bottom: 2px solid var(--blue); padding-bottom: 1px;}
   .nav-item{background-color: #f1f1f1 !important; border-radius: 0.25rem; margin-right: 2px;}
   .nav-tabs .nav-link.active, .nav-tabs .show>.nav-link {color: var(--white); background-color: var(--blue);}
   .nav-tabs .nav-link { border: 0px solid transparent;}
   .nav-item:hover{ background-color: var(--gold) !important; border-radius: 0.25rem .25rem 0 0;}
   .nav-link:hover{color: var(--white);}
   
.social-media {}
   .social-media #news-press h3 {margin: 0px 0px 15px 0px;}
   .social-media iframe[id^='twitter-widget-0'] {height:600px !important;margin-bottom:10px !important;width:100% !important;}
   .social-media .facebook-container {text-align:center;}
   
@media (min-width: 0px) {
	.social-media .xs, .social-media .sm {display:none;}
	.social-media .xxs {display:block;}
} 

@media (min-width: 480px) {
	.social-media .xxs, .social-media .sm {display:none;}
	.social-media .xs {display:block;}
}  

@media (min-width: 768px) {
	.social-media .xxs, .social-media .xs {display:none;}
	.social-media .sm {display:block;}
}   


/* ==========================================================================
   Alert
   ========================================================================== */

.alert-wrapper {background: #715147; border-bottom: 1px solid rgba(0,0,0,.25); color: #fff; font-size: 15px;line-height: 1.2; position: relative; width: 100%; padding: 15px 50px; text-align:center;z-index:1;}
   .alert-wrapper .btn-closealert {padding: 2px; font-size: 20px;  right: 5px;position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);color: #fff;background:none;border:none} 
   .alert-wrapper .btn-closealert:hover, .alert-wrapper .btn-closealert:focus {color: #fff}
   .alert-wrapper p {margin: 0px;}
   .alert-wrapper a {color:#fff; text-decoration:underline}

/* ==========================================================================
   CMS
   ========================================================================== */	
   
/* Accordions */
.cms-accordion {}
     .cms-accordion .card {background:none; border-radius: 0px; border: none; border-bottom: 2px solid rgba(165,163,162,0.25) !important;}
	.cms-accordion .card:first-child {border-top: 2px solid rgba(165,163,162,0.25);}
     .cms-accordion .card-header {transition: color 250ms ease;position: relative;border-radius: 0px; background:none;border:none; padding: 15px 50px 15px 0px!important; color: #111; font-weight: 700;}
     .cms-accordion .card-header:hover, .cms-accordion .card-header:focus {text-decoration:none}
     .cms-accordion .card-header::before {transition: transform 250ms ease; background: url(/img/icon-plus.svg) center center no-repeat;background-size: 100% 100%; width: 25px; height: 25px; content:""; position: absolute; right: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
     .cms-accordion .card-header[aria-expanded=true] { color: var(--blue); border-bottom: none}
     .cms-accordion .card-header[aria-expanded=true]::before {-webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg);transform: translateY(-50%) rotate(45deg); }
     .cms-accordion .card-body {padding: 0px 30px 30px 30px; margin-bottom: 20px;position: relative; margin-top: 20px; overflow:hidden /* This last property will grow this element with it's floated children */ }
     .cms-accordion .card-body::after {width: 4px; background: var(--blue); content: ""; position: absolute; top: 0px; left: 0px; bottom: 30px; }
     .cms-accordion .card-body *:last-child {margin-bottom: 0px}
     .cms-accordion .collapsing {transition-duration: 500ms; transition-timing-function: ease-in-out;}

/* Tabs */
.cms-tabs {}
	.cms-tabs .nav {margin-bottom: 0px !important}
	.cms-tabs .nav p:hover {cursor: pointer}
	.cms-tabs .nav-pills .nav-link {background: #111; color: #fff; font-weight: bold;border-radius: 0px; border:none; padding: 5px 25px}
	.cms-tabs .nav-pills .nav-link.active, .cms-tabs.nav-pills .show>.nav-link {background: #f1f1f1;color: #111; }
	.cms-tabs .tab-content {background: #f1f1f1; padding: 1.5rem;}
	.cms-tabs .tab-content *:last-child {margin-bottom: 0px}

/* ==========================================================================
     Media Queries
========================================================================== */	

@media (min-width: 0px) {
     /* Type */
     h1, .h1 {font-size: 2rem}
	h2, .h2 {font-size: 1.5rem}
	h3, .h3 {font-size: 1.25rem}
	h4, .h4 {font-size: 1.125rem}
	h5, .h5 {font-size: 1rem}
	h6, .h6 {font-size: .875rem}

     /* Heros */
     .hero-caption, .hero-nav {position: relative; z-index: 1}
     .hero-nav img {width: 35px}

	/* Slick Buttons */
	.slick-prev {left: 75px;}
	.slick-next {right: 75px;}

     /* Header */
     .offcanvas-wrapper {width: 100%}
     .nav-wrapper li:not(:last-child) {display:none}

	 /* Footer */
	footer .lp-nav-wrapper img {max-width: 200px;}
}

@media (min-width: 480px) {
	/* Slick Buttons */
	.slick-prev {left: 120px;}
	.slick-next {right: 120px;}

	 /* Footer */
	footer .lp-nav-wrapper img {max-width: 300px;}
}

@media (min-width: 576px) {
     /* Header */
     .offcanvas-wrapper {width:450px}
}

@media (min-width: 768px) {
     /* Type */
     h1, .h1 {font-size: 3rem}
     h2, .h2 {font-size: 2rem}

     /* Heros */
     .hero {height: 750px}
     .hero-caption, .hero-nav {position: absolute; z-index: 1; left: 0px; right: 0px; width: 100%;}
     .hero-caption { top: 200px;}
     .hero-nav {top: 575px;}
     .hero-nav img {width: 70px}

	 /* Slick Buttons */
	.slick-prev {left: 150px;}
	.slick-next {right: 150px;}

     /* Header */
     .nav-wrapper li:not(:last-child) {display:inline-block}

	 /* Footer */
	footer .lp-nav-wrapper img {max-width: none;}

	/* Margins */
	.negative-md-mt-large {margin-top: -100px;}
	
}

@media (min-width: 992px) {
	/* Slick Buttons */
	.slick-prev {left: 0px;}
	.slick-next {right: 480px;}

}

@media (min-width: 1200px) {

	/* Slick Buttons */
	.slick-prev {left: 0px;}
	.slick-next {right: 600px;}

	/*Max Widths */
	.mw-lg-75 {max-width: 75% !important;}

	.hero-list ul li .h1{font-size: 3rem;}


}

@media (min-width: 1400px) {
	/* Containers */
	.container-lg {max-width: 1340px;}
}

@media (prefers-reduced-motion: reduce) {
	* { animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;scroll-behavior: auto !important;transition: none !important}
}