/*
Theme Name: Key Management 2020 Responsive
Theme URI: http://www.keymgmt.com
Author: Jason Lewis
Author URI: http://www.keymgmt.com
Description: Custom Theme Designed For Key Management Company, Wichita, KS 67207
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&family=Righteous&display=swap');
@import url('https://fonts.googleapis.com/css?family=Great+Vibes&display=swap');

/*

REDEFINED HTML ELEMENTS 

*/

* {
	margin:0;
	padding:0;
	border:0;
	vertical-align:top;
	font-family:'Open Sans';
}
html {
	height:100%;
}
body {
	height:100%;
	font-size:15pt;
	background-color:#FFFFFF;
}
h1, h2 {
	font-family:"Righteous";
	text-transform:uppercase;
}
h1 {
	padding:0;
	color:#333;
	font-size:48px;
    text-align:center;
}
@media only screen and (max-width: 1023px) {
	h1 {
    font-size:32px;
    line-height:32px;
    text-align:center;
    margin:0 50px 10px;
    }
}
h2 {
	font-size:40px;
	margin-top:18px;
	color:#333;
    text-align:center;
}
h3 {
	font-family:"Righteous";
	text-transform:uppercase;
	font-size:28px;
	color:#333;
}
h2, h3, table, p {
	margin-bottom:18px;
}
p {
	text-align:left;
	font-size:1em;
	margin-bottom:1em;
}
li {
	text-align:left;
	font-size:1em;
	margin-bottom:0.2em;
}
pre {
    font-size: 0.8em;
    margin:1em 0 1em 0;
}
@media only screen and (max-width: 1023px) {
	h2 {
	font-size:28px;
	margin-top:18px;
	color:#333;
}
h3 {
	font-family:"Righteous";
	text-transform:uppercase;
	font-size:24px;
	color:#333;}
p, dd {
	font-size:18px;
	margin-bottom:36px;	
}
li {
	font-size:18px;
	margin-bottom:9px;	
}
pre {
    font-size: 0.8em;
    margin:0 0 1em 0;
} 
}
ul {
	list-style:square;
    margin-left:21px;
}
li {
    
}
@media only screen and (max-width: 1023px) {
ul {
    margin-left:24px;
    margin-bottom:24px !important;
    }
li {

}
}
blockquote p {
	color:#333;
	text-align: center;
}
a {
	color:#900;
	text-decoration:none;
}
a:hover {
	color:#F00;
}
strong {
	font-weight:700;
}
hr {
	height:40px;
	background: url('img/divider.png') no-repeat top center;
}
@media only screen and (max-width: 1023px) {
hr {
	height:30px;
	background: url('img/divider-300px.png') no-repeat top center;
}
}


/* FORMS STYLES */


.wpcf7-form p {
	margin-bottom: 9px !important;
}
input {
	width:calc(100% - 20px);
	padding:9px;
	font-size:18px;
	border: 1px solid #999;
}
select {
	width:calc(100% - 20px);
	padding:9px;
	font-size:18px;
	border: 1px solid #999;
}
textarea {
	width:calc(100% - 20px);
	padding:9px;
	font-size:18px;
	border: 1px solid #999;
}
input:focus, textarea:focus {
	border:1px solid #000;
}
input[type=submit] {
	width:150px;
	height:50px;
	cursor:pointer;
	background-image:linear-gradient(#990000, #660000);
	border:0;
	color:#fff;
	font-weight:bold;
	margin: 5px 0 5px 0;
}
input[type=submit]:hover {
	background-image: linear-gradient(#660000, #990000);
}
label {
	font-size:16px;
	/*background-color:#999;*/
	padding:5px 5px 5px 2px;
	line-height:30px;
	white-space:nowrap;
	/*border-radius:12px 12px 0 0;*/
	color:#333;
}
span.wpcf7-not-valid-tip {
	line-height: 20px;
	font-size:16px !important;
}
.wpcf7 form .wpcf7-response-output {
	position: relative;
	top:-7px;
    margin: 0;
    padding: 15px !important;
	text-align:center;
	font-size:14pt;
}
.wpcf7 form.init .wpcf7-response-output {
    display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color:#00FF00 !important;
	background-color:#C6FFC7;
	color:#006600;
}
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
    border-color:#FF0000 !important;
	background-color:#FFC6C7;
	color:#FF0000;
}
.wpcf7 form.spam .wpcf7-response-output {
    border-color:#FF0000 !important;
	background-color:#FFC6C7;
	color:#FF0000;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
    border-color:#FF0000 !important;
	background-color:#FFC6C7;
	color:#FF0000;
}
span.wpcf7-not-valid.g-recaptcha {
    border: none !important;
    margin: 0 0 0 0 !important;
    padding:0 0 0 0 !important;
}
span .wpcf7-not-valid {
    border: 1px solid #ff0000 !important;
}
#kmc-recaptcha p {
	margin:0 !important;
	padding:0 !important;
}
.wpcf7 p {
	margin:0 0 10px 0!important;
	padding:0 !important;
	line-height:0 !important;
}


/* CLASSES & ID */


div.anchor {
	height:65px;
	margin-top:-40px;
	visibility: hidden;
}
#kmc-outer-container {
	background-image:url("img/papyrus.jpg");
	margin:0 auto;
}
#kmc-container {
	margin:0 auto;
	max-width:1023px;
}
#kmc-header-top {
	padding:15px 0 0 0;
	background-image:url("img/header-bg.jpg");
}
#kmc-subheading {
	text-align: center;
	font-family:"Great Vibes";
	font-size:1.2em;
	padding-bottom:15px;
}
#kmc-main-nav {
	z-index:100000000000000;
	top:0;
	position:sticky;
	position:-webkit-sticky;
}
#kmc-content {
	padding:10px;
}
#kmc-content-vt {
    position:relative;
    overflow:hidden;
    padding-top:56.25%;
}
#kmc-content-vt p {
	padding:0px;
	margin:0px;
}
.kmc-specials {
	background-color:#EEE;
	border-bottom:5px solid #e8b923;
	padding:1em 1em 0 1em;
	border-radius:5px;
	margin-bottom:24px;
}
.kmc-specials a {
    padding:12px 36px;
	cursor:pointer;
	background-image:linear-gradient(#990000, #660000);
	border:0;
	color:#fff;
	font-weight:bold;
    line-height:60px;
}
.kmc-specials a:hover {
	background-image: linear-gradient(#660000, #990000);
}
.kmc-responsive-tbl, .ml-responsive-table {
	border-spacing:10px 10px !important;
    border-collapse:separate !important;
}
.kmc-responsive-tbl img {
	margin-left:-10px;
}
.kmc-responsive-tbl img, .ml-responsive-table img {
	width: calc(100% - 30px);
	height:auto;
	background-color:#FFF;
	border:1px solid #666;
	padding:10px;
}
.kmc-responsive-tbl h3 {
	margin-left:-10px;
}
.ml-responsive-table dl, dt, dd {
	background-color:transparent !important;
}
.ml-title, .ml-table {
    padding:0px !important;
}
.ml-value:last-of-type {
    padding-bottom:7px !important;
}
.kmc-virtual-tour-img {
	width: calc(100% - 10px);
	height:auto;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:10px;
}
.kmc-virtual-tour-img-last {
	width: calc(100% - 10px);
	height:auto;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:24px;
}
.kmc-virtual-tour-iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:0;
}
.kmc-vt-back-btn {
    float:right;
    margin:0 20px;
    padding:10px 25px;
    background-color:#333;
    border-bottom:3px solid #900;
    color:#fff;
    font-size:1em;
}
.kmc-google-maps {
	width:100%;
	height:400px;
	border:1px solid #999;
}
.kmc-contact-form {
	padding-top:16px;
}
.kmc-contact-form p {
	margin-bottom:10px;
}
.kmc-footer {
	text-align:center;
	background-color:#000;
	padding:18px;
}
.kmc-footer img {
	width:auto;
	height:48px;
	margin:0 3px;
}
.kmc-btn {
	padding:10px 20px;
	border:1px solid #999;
	background-color:#e8b923;
	font-weight:bold;
	text-transform:uppercase;
	color:#FFF;
}
.kmc-btn:hover {
	color:#FFF;
	background-color:#900;
}
.kmc-btn-div {
	padding:25px;
	border:1px solid #999;
	text-align:center;
	margin-bottom:1em;
}
.kmc-footer p {
	text-align:center;
	color:#fff;
	font-size:12px;
	margin-bottom:18px;
	line-height:18px !important;
}
.kmc-footer a {
	border-bottom:none;
}
.highlighted-link a {
    background-color:#e8b923 !important;
    margin:0 4px 0 4px !important;
    padding:1px 7px !important;
    color:#000 !important;
    opacity:0.9 !important;
    border-radius: 5px;
}
.highlighted-link a:hover {
    background-color:#e8b923 !important;
    opacity:1 !important;
    text-shadow:none !important;
}


/* REDEFINED WORDPRESS & PLUGIN ELEMENTS */


.menu-top-menu-container {
	height: 50px;
	vertical-align: middle;
	text-align: center;
    background-color:#333;
	background-image: linear-gradient(#555, #333);
	border-bottom:5px solid #B00;
}
.menu-top-menu-container ul {
	margin-left:0px;
}
.menu-top-menu-container li {
	display: inline;
	line-height: 50px;	
}
.menu-top-menu-container a {
	color: #FFF;
	font-weight: bold;
	text-transform: uppercase;
	padding:0 5px;
}
.menu-top-menu-container a:hover {
	color: #e8b923;
	text-shadow: 2px 2px #000;
}

p.caption-title {
	display: none;
	text-align: center;
}
/*div#responsive-menu-title {
	margin-top:32px !important;
}*/
.fancybox-container {
	z-index:100000000000001 !important;
	position: relative;
}
.featuredbutton {
     margin:50px 0;
}
.featuredbutton a {
    border-radius:10px;
    padding:25px 35px;
    background-color:#174C4F;
    color:#FFFFFF;
    font-weight:bold;
    opacity:0.9;
}
.featuredbutton a:hover {
    opacity:1;
}
.rmp-container {
    width:75% !important;
    max-width:600px !important;
}
.rmp-menu-title-image {
    width: 80%;
    height: 80%;
}
.rmp-menu-title {
    margin:0 0 15px 0 !important;
}
#rmp-menu-title-link > span {
   	font-family:"Righteous" !important;
	text-transform:uppercase!important;
    color:#000 !important;
}
a.rmp-menu-item-link {
    margin:0 0 0 -5px !important;
    padding:0 0 0 17px !important;
}
.rmp-menu-wrap ul {
    margin-left:0px !important;
}
.fas, .far {
    width:35px;
    padding:5px 0 0 0;
}

/* POPUP CSS */

.pum-title{
	font-family:"Righteous" !important;
	font-size:24px !important;
	text-transform:uppercase !important;
	text-align:center !important;
	white-space:nowrap !important;
}

div.pum-content p {
	font-family: 'Open Sans' !important;
	text-align:center !important;
	font-size:1em !important;
	margin-bottom:1em !important;	
}
.pum-close {
	background-color:#900 !important;
}
.pum-close:hover {
	background-color:#C00 !important;
}