/*
 Theme Name:   Versatile Systems
 Description:  Lanzo Child Theme
 Author:       smittelstaedt@versatile.com
 Author URI:   https://versatile.com
 Template:     lanzo
 Version:      1.0.0
 Text Domain:  systems
*/
:root {
/*
--titleFont:Tahoma, Geneva, sans-serif;
--bodyFont:Tahoma, Geneva, sans-serif;
*/
--bgmain: #f2f2f2; /*bg pi*/
--primary: #91A18A;
--link: #14315E;
--blk: #000;
--graylt: #aaa;
--graymd: #999;
--graydk: #444;
--reddk: #A30005; /*vms*/
--bluebc: #14315E; /*barcoding*/
--success: #009900;
}
body{background-color: #fff;}
a{color: var(--link);}
#header{background:#fff;}
/*
.header-layout2 .main-navigation .menu > .item-level-0 > a:hover {color: #7F9277;}
.sticky-header .header-wrapper .main-navigation .menu > li.item-level-0 > a:hover {color: #7F9277;}
.breadcrumb-title{}
.breadcrumbs{display:none;}
.sticky-header .logo img {max-width: 300px !important; height: 56px;}
.main-navigation .item-level-0 {padding: 0 0 !important;}
.header-layout2 .main-navigation .menu > .item-level-0 > a {height: 40px;}
.main-navigation .nav-link span {padding-left: 0 !important;}
*/
.hero {
position: relative;
background-image: url("https://versatilesystems.com/resources/sites/6/hero-01.jpg");
background-repeat: no-repeat !important;
background-position: center center !important;
background-size: cover !important;
/*background-attachment: scroll !important; */
overflow:hidden;
}
.hero .row{
    background: rgba(0, 0, 0, 0.5);
    overflow: hidden;
    height: 100%;
/*    z-index: 2; */
}
.hero-content{
padding:8rem 0 8rem 0;
}
.hero h1{
color:#fff;
font-weight:600;
font-size:4.5rem;
}
.hero h2{
color:#fff;
font-weight:600;
font-size:3rem;
}


/* menu system - navigation */
.main-navigation ul > li a {padding-right: 10px;color: var(--reddk);}
.main-navigation .menu-simple-dropdown .sub-menu-dropdown,.menu-mega-dropdown .sub-menu-dropdown {background: var(--graydk);}
.menu-mega-dropdown ul.sub-menu > li > a {color: #fff;}
.menu-mega-dropdown ul.sub-menu > li:hover {color: #fff; background: var(--graymd);}
.menu-mega-dropdown ul.sub-menu > li > a:hover {color: #fff;}
.main-navigation ul li a:hover {color: #fff;}
.menu-mega-dropdown ul.sub-menu {padding: 10px 5px;display:block;}
.main-navigation ul.sub-menu li {display: block;padding: 5px 10px;}
.menu-mega-dropdown ul.sub-menu > li > a {font-weight:500;text-transform: none;}

/*Submenu: columns and position*/
.menu-col-heading{font-weight:600;color:var(--graylt);padding:10px 0 0 15px;}
.menu-col-pad{padding:15px;}
.menu-col-text{padding:8px; background:#eee; color:#000; font-size:14px;}
.menu-col-text a{display:inline; font-size:12px;}

.menu-col-div-left{border-left:1px solid var(--graylt);}
.menu-col-div-right{border-right:1px solid var(--graylt);}
.menu-col{float:left;}
.menu-col30{width:30%;}
.menu-col33{width:33%;}
.menu-col40{width:40%;}
.menu-col45{width:45%;}
.menu-col50{width:50%;}
.menu-col55{width:55%;}
.menu-col60{width:60%;}
.menu-col70{width:70%;}
.submenu-about > .sub-menu-dropdown{width:680px;margin-left:-250px;}

.vms-intro{background: var(--bluebc);color:#fff;}
.vms-intro h3{color:#f2f2f2;}
.vms-services .card-header{background:var(--bluebc);color:#fff; font-weight:600; font-size:1.3em;}
.vms-services .card-header p{margin-bottom:0;}


/*add join to bottom of menu drop downs*/
.dropdown-footer a{padding:10px !important;color:#fff !important;font-weight:400 !important;}

/*contact form general */
article .wpcf7-form .wpcf7-submit {font-size:1.2em; line-height:1em; font-weight:normal; color: #fff;background: var(--success);}
article .wpcf7-list-item-label{text-transform:capitalize;}
.grecaptcha-badge {opacity: 0;}
.grecaptcha-badge { visibility: hidden; }
.grecaptcha-notice, .grecaptcha-notice a{color: var(--graymd); font-size:12px; margin-top:-20px;}

.container-fluid{padding-right: 0; padding-left: 0;}
.btn-primary {color:#fff; background-color: var(--primary); border-color: var(--primary); }
.btn-primary:hover{color:#fff; background-color: #000; border-color: #000;}
.btn-outline-primary {color:var(--primary); border-color: var(--primary);}
.btn-outline-primary:hover {color:#fff; background-color: #000; border-color: #000;}
i.fab{font-style:normal; }
@media (max-width: 576px){
	.hero h1{font-size:2rem;}
	.hero h2{font-size:1.3rem;}
}
@media (min-width: 576px) and (max-width: 768px){
	.hero h1{font-size:2.5rem;}
	.hero h2{font-size:1.5rem;}
}
@media (min-width: 768px) and (max-width: 1024px){
	.hero h1{font-size:3.5rem;}
	.hero h2{font-size:2rem;}
}
@media (min-width: 1024px) and (max-width: 1200px){
}
@media (min-width: 1200px){

}
@media (max-width: 1024px){
#header .header-content {padding: 0 0 !important;}
}

.vms-team {
position: relative;
background-image: url("https://versatilesystems.com/resources/sites/6/VersatileMobileTeam.jpg");
background-repeat: no-repeat !important;
background-position: center center !important;
background-size: cover !important;
overflow:hidden;
height:600px;
margin-top:100px;
}
body:not(.kft-dynamic-css) .site-footer {margin-top: 0 !important;}

.site-footer {margin-top: 0;}
.site-footer p{margin-bottom:0;}
.footer-top{border-top:1px solid #333; background:#ccc;}
.footer-top p{font-size:1.5em; font-weight:bold;}
.footer-middle{background: var(--bgmain);}
.footer-middle strong{font-size:1.2em;}
.footer-bottom{background:#000; color:#fff; padding:20px 0;}
.uagb-tm__desc{font-size:1.2em;}
.wp-block-image img {width:100%;max-width: 100%;}
.text-block-lg{max-width:600px;margin-left:auto;margin-right:auto;}