/*   
Theme Name: LAGOSS Video Update
Theme URI: https://www.lagoss.net/
Description: Custom theme for Lagoss
Author: Phil Hambley
Author URI: https://www.scribbletribe.com
Version: 1.0.1
*/

html {scroll-behavior: smooth;}
.bg-white-80 {background: rgba(255,255,255,0.2) !important;}
.display-1, .display-2, .display-3, .display-4, .display-5, .display-6, .display-7, .display-8 {font-family: 'Joan', sans-serif; font-weight: 400;}
.image-wrapper.bg-cover {background-position: center center !important;}
.content-wrapper {background: none !important; max-width: 1680px; margin: 0 auto;}
.background-video {position: fixed; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; pointer-events: none;}
.background-overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); z-index: -1; pointer-events: none;}
.bg-transparent {background: transparent !important;}

/* Header */

.navbar {padding: 1rem 0; background: rgba(255, 255, 255, .8); box-shadow: 0rem 0rem 1.25rem rgba(30, 34, 40, 0.15);}
.navbar-stick:not(.navbar-dark) {background: rgba(255, 255, 255, 1); box-shadow: 0rem 0rem 1.25rem rgba(30, 34, 40, 0.15);}
a.nav-link.text-dark.hover {padding-top: 0.2rem; padding-bottom: 0.2rem;}
.navbar .navbar-other .navbar-nav>.nav-item+.nav-item {margin-left: 0.2rem;}
button.hamburger {color: #ca2017 !important;}
.nav-link, .dropdown-item {font-weight: 700;}
.navbar-expand-lg .navbar-nav .nav-link {padding-right: 0.6rem;padding-left: 0.6rem;}

/* Buttons */

.btn-sm, .btn-group-sm>.btn {padding: 0.3rem 1rem;}
.btn:hover {transform: none; box-shadow: none;}

/* Keylines */

.keyline, .keyline.left {background: #ca2017; width: 40px;height: 1px;margin: 20px auto;}
.keyline.left {margin: 20px 0;}
.keyline.white {background: #fff;}

/* Media */

.overlay-1 .from-top span i {color: #ca2017 !important; font-size: 3rem !important;}

/* Contact Form */

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea {-webkit-appearance: none;border-radius: 0;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;background: none;font-size: 1.1em;color: #343f52;width: 100%;padding: 4px 8px 4px 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border: none;border-bottom: 1px solid #ccc;}
.wpcf7 input[type="text"]:hover, .wpcf7 input[type="email"]:hover, .wpcf7 textarea:hover, .wpcf7 input[type="text"]:focus, .wpcf7 input[type="email"]:focus, .wpcf7 textarea:focus {border-bottom: 1px solid var(--bs-pink);background: none; outline:none!important;}  
.wpcf7-response-output {width: 100%; overflow: auto; font-size: 0.9em; padding: 2px 0; color: var(--bs-red);} 
.wpcf7 form.invalid .wpcf7-response-output:before {color: var(--bs-red); font-family: 'Unicons', sans-serif;content: "\ed37";vertical-align: middle;padding-right: 8px;font-size: 1.8rem;z-index: 1;}
.wpcf7 form.sent .wpcf7-response-output:before {color: var(--bs-green); font-family: 'Unicons', sans-serif;content: "\e9db";vertical-align: middle;padding-right: 8px;font-size: 1.8rem;z-index: 1;}
.wpcf7 form.sent .wpcf7-response-output {color: var(--bs-green);}
.wpcf7 textarea {height: 120px;}
.screen-reader-response {display: none !important;}
.wpcf7-not-valid-tip {display: block; color: var(--bs-red);font-size: 0.8em !important; padding: 10px 0 !important;}
.wpcf7-spinner {visibility: hidden; float: right; display: block; width: 32px; height: 32px; margin-top: 1.4rem; border: none; padding: 0; background-image: url("img/icons/spinner.gif");}
.wpcf7 form.submitting .wpcf7-spinner {visibility: visible;}
.wpcf7-left-col {padding: 0 1rem 0 0; display: table-cell;}
.wpcf7-right-col {padding: 0 0 0 1rem; display: table-cell;}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {-webkit-box-shadow: 0 0 0 30px #fff inset !important; -webkit-text-fill-color: #60697b !important;}

/* Footer */

.bg-footer-opacity {background: rgba(0, 0, 0, 0.5);}

/* Mobile */

.offcanvas {background-color: #21262c;}

/* Responsive */

@media (max-width: 991.98px) {
	.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item {padding-left: 1.8rem; padding-top: 0.4rem; padding-bottom: 0.4rem;}
	.modal-body {padding: 2.5rem 1rem;}
	.navbar-expand-lg .navbar-brand {padding-top: 0;padding-bottom: 0;}
	.mobile-break {display: block;}
	.pipe {display: none;}
	.image-wrapper.bg-cover {min-height: 25rem;}
}

@media (max-width: 768px) {
  .background-video {
    display: none;
  }

  body {
    background: #303030; 
  }
}