/* 
 Theme Name:   rentacar
 Theme URI:    
 Description:  Child theme of HTML5Blank, used for Rent-A-Car Smartapp
 Author:       Adriana B.
 Author URI:   
 Template:     html5blank-stable
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* == Add your own styles below this line ==
--------------------------------------------*/


/** Main layout styles */

.logo-img {
	width: 280px;
	float: left;
	margin: 20px auto;
}

.logo {
	width: 280px;
	margin: 0 auto;
}

.header {
    background: #eee;
    width: 100%;
	height: 105px;
}

.wrapper {
    max-width: 100% !important;
    width: 100% !important;
}

.footer {
    background: #333;
    padding: 40px 0;
}

.page-title {
	display: none;
}

main {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
	min-height: calc(100vh - 215px);
}

.copyright {
	color: #eee;
	font-size: 14px; 
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
	max-width: 1280px;
	width: 100%;
	margin: 0px auto;
	text-align: center;
}

.kn-detail-body, .kn-content p {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	line-height: 1.5em !important;
}

/** Typography styles */

p { 
	font-family: "Open Sans"; 
	font-size: 14px; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: 400; 
	line-height: 16.8px; 
} 

/** Link styles */

/* visited link */
a:visited {
  color: #111111 !important;
}
/* mouse over link */
a:hover {
  color: #111111 !important;
  text-decoration: underline;
}
/* selected link */
a:active {
  color: #111111 !important;
}
/** Hide unwanted elements */
.post-edit-link { display: none; }

/*---------------------------------------------------*/

/** Knack elements styles */

.kn-content *, .kn-content :after, .kn-content :before, .kn-form *, .kn-form :after, .kn-form :before {
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	color: #222;
}

.kn-menu .kn-link, .kn-button {
    border: none;
    text-transform: uppercase;
    font-weight: bold;
	/*padding: 12px 20px !important;*/
}

.kn-menu .kn-button, .kn-button.is-medium, .kn-button.is-primary {
	background: #111111 !important;
}
a.kn-button.search {
	color: #111111 !important;
}

.kn-menu > span, .kn-link > span {
	color: #ffffff !important;
}

.icon {
	color: #ffffff !important;
}

.kn-navigation-bar {
    text-transform: uppercase;
}

.kn-navigation-bar a {
	background:  #111111 !important;
}

/* Selected menu element */
.kn-navigation-bar .is-active a {
    background-color: #222222 !important;
}
.kn-navigation-bar a span, .kn-navigation-bar a span i {
	color: #fff !important;
	font-weight: bold;
}

.fa-calendar:before, .fa-caret-down:before {
	color: #fff;
}

/** Knack main navigation adjustments */
div#kn-app-menu {
    background: #000000;
    padding-top: 15px;
	padding-bottom: 12px;
    margin-top: -14px;
	padding-left: 20px;

	 width: calc(100vw - 8px);
	 position: relative;
	 margin-left: -50vw;
	 left: 50%;

}

.kn-info-bar { 
	background-color: #fff !important;
}

.kn-table-link .kn-level.is-compact, .kn-table-link .level.is-compact {
	color: #111111 !important;
}

.kn-navigation-bar {
    width: 100%;
    max-width: 1220px;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (max-width: 600px) {
	#kn-app-header {
		background-color: #111111;
		padding-top: 10px;
		padding-bottom: 10px;
		margin-top: -14px;
	}
	
}
.kn-link > span > span,
.kn-link-delete > span > span,
.kn-link > span > span .fa:before,
.kn-link-delete > span > span .fa:before {
	color: #111111 !important;
}


i::before {
	color: #ccc !important;
}