/*
Project Name: Bootstrap 5 ECO2 Template
Project URI: 
Description: 
Author: Joshua Vining
Author URI: https://github.com/jvining
*/

:root {
  --event-font-primary:'Open Sans', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif' ;
  --event-font-secondary:'Open Sans', 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif' ;
  --event-color-primary:#999 ;
  --event-color-secondary:#666 ;
  --event-header-color:#666 ;
  --event-logo-color:url('../img/logo-color.svg') center center no-repeat;
  --event-logo-knockout:url('../img/logo-knockout.svg') center center no-repeat;
  --event-hero:url('https://picsum.photos/1400/450') center center scroll no-repeat;
  --event-subpage-hero:url('https://picsum.photos/1400/450') center center scroll no-repeat;
}

/********************************
 Global
********************************/
html, body {  min-width: 400px; min-height:600px; height: 100%; width:100vw; overflow-x:hidden;}
html, body.modal-open {overflow-x:unset; padding-right:unset!important;}
body {background:#fbfbfb; color: var(--event-header-color); font-family: var(--event-font-secondary); }
video{width: 100vw; height: 100vh;}
 
/********************************
 Primary Navigation 
********************************/

 /* Primary Nav Logo */
#eco-primary-nav {transition:all 0.5s ease;}
#eco-primary-nav .navbar-brand {font-size:0; height:65px; width:250px; }
   
#eco-primary-nav.bg-transparent .navbar-brand {background: var(--event-logo-knockout); transition:all 0.3s ease;}
#eco-primary-nav.bg-light .navbar-brand {background: var(--event-logo-color); transition:all 0.3s ease;}
 
/* Primary Nav On-Hover Behavior */
#eco-primary-nav .dropdown:hover>.dropdown-menu {display: block;}
#eco-primary-nav .dropdown>.dropdown-toggle:active {pointer-events: none;}

/* Primary Nav Mobile Dropdown */
@media(max-width:990px){ #eco-primary-nav.bg-transparent .navbar-collapse.collapse.show,  #eco-primary-nav.bg-transparent .navbar-collapse.collapsing{background:#fbfbfb; border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; box-shadow: var(--bs-box-shadow) !important; padding:1em; border-radius: calc(.75rem - 1px)!important;} #eco-primary-nav.bg-transparent #primary-nav.navbar-collapse.collapse.show li.nav-item a,  #eco-primary-nav.bg-transparent #primary-nav.navbar-collapse.collapsing li.nav-item a {color:#333;}}

/* Removes Dropdown Carets */
#eco-primary-nav .dropdown-toggle::after {display: none;}

/* Sytles Hamburger */
#eco-primary-nav .navbar-toggler{border:none;}

/********************************
 Hero
********************************/
body.front-page #eco-header {height:100vh; background:var(--event-hero); background-size:cover; box-shadow:inset 10000px 0 0 rgba(0,0,0,.4);}
body.not-front #eco-header {height:35vh; background:var(--event-subpage-hero); background-size:cover; box-shadow:inset 10000px 0 0 rgba(0,0,0,.5);}

body.front-page #eco-header{background-image:unset;box-shadow: inset 10000px 0 0 rgba(8 46 237 / 35%);}
body.front-page #eco-header .video-container {width: 100vw; height: 100vh; position:absolute; top:0em; left:0; right:0; z-index:-99; overflow: hidden;}
body.front-page #eco-header .video-container video {background-color:#666; width: 100vw; height: 100vh; object-fit: cover; position: absolute; top: 50%;  left: 50%;  transform: translate(-50%, -50%);}
body.front-page #eco-header .video-container video::-webkit-media-controls-fullscreen-button {display:none!important;}
@media(max-width:550px){body.front-page #eco-header .video-container{display:none;} body.front-page #eco-header {background:url(/UploadedFiles/EventPage/1005349/video/procureconeast-video-3.jpg)center center no-repeat!important; background-size:cover!important;}}

/********************************
 Footer
********************************/
#eco-footer {position: sticky; top: 100vh;}
#eco-footer .container{max-width:97%;}
#eco-footer #eco-footer-carousel {display:none;}
#eco-footer #eco-footer-credits{background-color: #012b45;}
 
/********************************
 Buttons
********************************/
.btn-event,.btn-danger,.btn-success,.btn-warning,.btn-info,.btn-default,.btn-register,.btn-event,.btn-primary,.btn-secondary,.btn-inverse,.btn-dark {color:#fff; font-family:var(--event-font-secondary); transition:all 0.3s ease;}
.btn-event:hover,.btn-danger:hover,.btn-success:hover,.btn-warning:hover,.btn-info:hover,.btn-default:hover,.btn-register:hover,.btn-event:hover,.btn-primary:hover,.btn-secondary:hover,.btn-inverse:hover,.btn-dark:hover {color:#fff;  transition:all 0.3s ease;}

.btn-xl{padding:.5em .85em;font-size:1.5em;}
@media(max-width:990px){.btn-xl,.btn-lg,.btn-md,.btn-sm,.btn-xs{font-size:1em;}}

.btn-inverse{background:var(--event-color-secondary);}
.btn-inverse:hover{background:var(--event-color-primary);}

/********************************
 Typography
********************************/
body h1, body h2, body h3, body h4, body h5 {color: var(--event-header-color); font-weight:700; font-family: var(--event-font-secondary);}
body p, body ul, body ol, body li, body table, body address, body blockquote, body cite {color:#5f5f5f; font-size:16px; line-height:1.75em; font-weight:400; font-family: var(--event-font-primary);}
body #eco-content a:not(.btn){color:var(--event-color-primary);font-weight:700;}
body #eco-content a:not(.btn):hover,body #eco-content a:not(.btn):focus{color:var(--event-color-secondary);}

/* Typography Utility Classes */
.fa-lg,.fa-1x,.fa-2x,.fa-3x,.fa-4x,.fa-5x,.fa-6x,.fa-7x,.fa-8x,.fa-9x,.fa-10x{line-height:1.25em ;}
.fa-lg{font-size:1.33333333em ;} .fa-1x{font-size:1.5em ;} .fa-2x{font-size:2em ;} .fa-3x{font-size:3em ;} .fa-4x{font-size:4em ;} .fa-5x{font-size:5em ;} .fa-6x{font-size:6em ;} .fa-7x{font-size:7em ;} .fa-8x{font-size:8em ;} .fa-9x{font-size:9em ;} .fa-10x{font-size:10em ;}
.fa-stack.fa-lg,.fa-stack.fa-1x,.fa-stack.fa-2x,.fa-stack.fa-3x,.fa-stack.fa-4x,.fa-stack.fa-5x,.fa-stack.fa-6x,.fa-stack.fa-7x,.fa-stack.fa-8x,.fa-stack.fa-9x,.fa-stack.fa-10x{line-height:2em ;}

/* Responsive Typography */
@media(max-width:990px){body h1[class*="fa-"]{font-size:2em!important;} body h2[class*="fa-"]{font-size:1.9em!important;} body h3[class*="fa-"]{font-size:1.7em!important;} body h4[class*="fa-"]{font-size:1.5em!important;} body h5[class*="fa-"]{font-size:1.2em!important;} body p[class*="fa-"]{font-size:1em!important;} body blockquote p{font-size:1em ;} body blockquote cite{font-size:.85em ;} body p,body ul,body ol,body li,body table,body address,body blockquote,body cite{font-size:16px ;line-height:1.5em;}}

.text-shadow{text-shadow:.04em .04em #5f5f5f ;}
.small,small{font-size:80%; color:unset;}

/* Effects & Transformations */
.noHover{pointer-events:none;}

.rounded-xl {border-radius: calc(.75rem - 1px)!important;}

.img-grey{filter: grayscale(100%);}

.bg-lighten{box-shadow:inset 10000px 0 0 rgba(255,255,255,.90);}
.bg-darken{box-shadow:inset 10000px 0 0 rgba(0,0,0,.15);}