/* ===============================
Antics DMS Customer Site StyleSheet
Revised 6.24.19 Bootsrap 4 Version
=============================== */


/*----------------------------------------------
	Import external stylesheets
----------------------------------------------*/
/* Bootstrap 4 */
@import "https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css"; 

/* Include stylesheets for standard libraries */
@import "https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css";
@import "https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css";

/* Include external webfonts */
@import "https://fonts.googleapis.com/css?family=Montserrat|Open+Sans";

/* Fontawsome Version 5 (for Bootstrap 4) */
@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/fontawesome.css";
@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/solid.css";

/* Styles to support Antis DMS forms */
@import "questions.css";
@import 'https://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.20/jquery.datetimepicker.min.css';

/* Client-specific styles */
/* @import "main.css"; */



/*----------------------------------------------
	 Base styles
----------------------------------------------*/
body, html {
    font-family: 'Open Sans', sans-serif;
	height: 100%;
	font-size: 16px; /* Sets 1em */
	margin: 0;
    padding: 0;
	color: #333;
    background-color: #fff;	
}

h1 {
    font-family: 'Open Sans', sans-serif;
    font-size: 3em;
    text-align: center;
	text-transform: uppercase; 
	font-weight: bold;
	margin: 1em 0;
}
h2 {
    font-family: 'Open Sans', sans-serif;
    font-size: 1.5em;
	color: #333;
    text-align: center;
	font-weight: 600;
	margin: 1.5em 0;
	line-height: 1.25em;
}
h3 {
    font-family: 'Open Sans', sans-serif;
	font-size: 1.25em;
	font-weight: 400;
	color: #000;
	margin: 1.5em 0 .5em 0;
    text-align: left;
}
h4 {
    font-family: 'Open Sans', sans-serif;
	font-size: 1.2em;
	color: #000;
}

p, a, li, form, td, label, div {
    font-family: 'Open Sans', sans-serif;
    font-size: 1rem;
    line-height: 1.2em;
	font-weight: 500;
	color: #666;
}

hr {
	padding: 0;
	margin: 1.25em 0;
}


a, a:visited {
    color: #3b7676;
    text-decoration: none;
}
a:hover {
    color: #3b7676;
    text-decoration: underline;
}
	
@media (max-width: 991px) {
	p, a, li, form, td, label, div {
		font-size: .95rem;
	}
	h1 {
		font-size: 3rem;
	}
	h2 {
		font-size: 1.5em;
	}
	h3 {
		font-size: 1.1em;
	}
	h4 {
		font-size: 1.1em;
	}
}
	
@media (max-width:768px) {
	p, a, li, form, td, label, div {
		font-size: .9rem;
	}
	h1 {
		font-size: 2rem;
	}
	h2 {
		font-size: 1.25em;
	}
	h3 {
		font-size: 1.1em;
	}
	h4 {
		font-size: 1.0em;
	}
}


/*----------------------------------------------
	 Basic button styles
----------------------------------------------*/
.dmsbuttonbasic {
	color: #fff;
	background-color: #333;
	border: none;
	padding: .5em 2em;
	text-transform: uppercase; 
	-webkit-transition-duration: 0.2s; /* Safari */
	transition-duration: 0.2s;	
}
.dmsbuttonbasic:hover {
	background-color: #4CAF50; /* Green */
	color: white;
}


/*---------------------------------------------------
	header
---------------------------------------------------*/
#hero {
	margin-top: 80px; /* Account for the height of the nav */
}

@media (max-width:768px) {
	#hero {
		margin-top: 50px; /* Account for the height of the nav */
	}
}


/*---------------------------------------------------
	Footer legal and copyright
---------------------------------------------------*/
#footer {
	margin: 4em 0 0 0;
	padding: 4em 0;
	text-align: center;
	background: #212121;
	color: #787878;
}

#footer p {
	font-size: .8em;
}


/*----------------------------------------------
	Custom styles for the Bootstrap 4 navigation
----------------------------------------------*/
.navbar-custom {
 	background: #212121;
	color: #e9e9e9;
	padding: 20px 30px;
}
/* Brand (Logo) Link */
.navbar a.navbar-brand {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.2em;
    font-weight: 600;
	color: #e9e9e9;
	text-decoration: none;
	text-transform: uppercase;	
}
.navbar a.navbar-brand:hover {
	color: #fff;
	background: none;
}

/***** Main Menu Items ******/
.navbar-custom .navbar-collapse {

}
.navbar-custom li.nav-item {
	padding-left: 1.5em;	
}
.navbar-custom li.nav-item > a {
    font-family: 'Montserrat', sans-serif;
	font-size: .9em;
	color: #e9e9e9;
	text-decoration: none;
	text-transform: uppercase;
}
.navbar-custom li.nav-item > a.disabled {
	color: #999;
}
.navbar-custom li.nav-item > a:hover,
.navbar-custom li.nav-item > a:focus {
    color: #fff;
	background: none;
	border: none !important;
}

.navbar-custom button {
border: 1px solid red;
	
}
/***** Dropdown Menus ******/
/* Menu item that opens the dropdown menu */
.navbar-custom .dropdown-toggle {
	outline: none;	
}

/* level 1 dropdown menu */
.navbar-custom .dropdown-menu {
 	background: #212121;
	color: #e9e9e9;
}

/* level 1 dropdown menu items */
.navbar-custom a.dropdown-item {
    font-family: 'Montserrat', sans-serif;
	font-size: .9em;
	color: #e9e9e9;
	text-decoration: none;
	text-transform: uppercase;
	margin: .75em 0;
}
/* level 1 dropdown menu items when hovering */
.navbar-custom a.dropdown-item:hover,
.navbar-custom a.dropdown-item:focus {
 	color: #fff;
 	background: #212121;
}


/***** When Nav is narrow but not yet collapsed ******/
@media (max-width: 981px) {
	.navbar-custom li.nav-item {
		padding-left: .5em;
	}
}


/***** When Nav collapses into tab with dropdown ******/
@media (max-width: 767px) {
	.navbar-custom {
		min-width: 300px;
		padding: 10px 20px;
	}

	/* mobile toggle button formatting */
	.navbar-custom .navbar-toggler {
	    border-color: #3b7776;
	}
	/* mobile toggle button icon bars */
	.navbar-custom .navbar-toggler-icon {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
	}
	/* mobile toggle button mouse hover */
	.navbar-custom .navbar-toggler:focus,
	.navbar-custom .navbar-toggler:hover {
	    background-color: #3b7776;
	}


	/* navbar top level links */
	.navbar-custom li.nav-item {
		margin: .5em 0;
	}
	
	/* dropdown menus */
	.navbar-custom .dropdown-menu {
		margin: 0;
		padding: 0;
	}
	.navbar-custom a.dropdown-item {
		font-size: .8em;
	}
}	



/*----------------------------------------------
	 Add your styles here
----------------------------------------------*/