/* SITE CSS */

/* Color Palette 
	red - #da160b
*/

/* BOOTSTRAP 4 STYLES */
:active,
:focus {
	outline:none !important;
}

.alert-info {
	color:#333;
	background-color:#d9d9d9;
}

.dropdown-item.active,
.dropdown-item:active {
	background-color:transparent;
}

.dropdown-item {
	padding-top:12px !important;
	padding-bottom:14px !important;
}

.modal-header {
	display: block !important;
}

.img-responsive {
	max-width:100%;
}

button.navbar-toggler {
	margin-top:10px;
	margin-bottom:10px;
}

header nav#main-nav {
	border:1px solid #d9d9d9;
	padding-top:0px;
	width:100%;
	padding-bottom:0px;
}

/*
.dropdown:hover>.dropdown-menu {
  display: block;
}
*/

.bg-light {
	background-color:transparent !important;
}

/* END BS4 STYLES *************************************/

/* WEBSITE-SPECIFIC STYLES */
body {
	font-family: 'Open Sans', 'Arial', sans-serif !important;
    font-size:18px;
}

html#home div.opening-text > h1  {
    margin-top:50px;
}

h1, h2, h3 {
    font-family: 'Roboto Slab', serif;
}

#a-logo-header {
    display:block;
    position:relative;
}


img#logo-header {
    margin-top:20px;
    position:relative;
}

a {
	color:#da160b;
}

a:visited {
	color:#da160b;

}

a:active,
a:hover {
	color:#003067;
}

header {
	position:relative;
}



header a {
    color:#0c2d53;
    font-weight:600;
}

h1 {
    color:#fe0d00;
    font-weight: bold;
    font-size:33px;
    margin-bottom:30px;
    line-height:1.1em;
}

h2 {
    color:#003067; 
    font-size:26px;
}


h3 {
    color:#b5b5b5;
    font-size:36px;
    font-weight: lighter;
    margin-top:50px;
    margin-bottom:50px;
}

p {
    color:#948484;
    line-height:1.6em;
}

section.blue {
    background-color:#003067;
    padding-top:30px;
    padding-bottom:30px;
}

section.blue h1 {
    font-style: italic;
    font-weight: lighter;
}

section.blue label {
    text-transform: uppercase;
    color:#fff;
    font-weight:lighter;
}

.form-control {
    background-color:#052245;
    color:#fff;
    border:none;
    border-radius:0px;
    margin-bottom:20px;
}


header img#logo {
	margin-top:15px;
	margin-bottom:15px;
}

.navbar {
	padding-top:0px !important;
}

.navbar-nav li {
    border-top:10px solid #003067;   
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}


.navbar-nav li:hover {
    border-top:10px solid #c7180f;
    background-color:rgba(245,245,245,0.1);
}

.navbar-nav li a {
    color:#db160b !important;
    font-family:'Open Sans';
    font-weight:600;
    margin-right:15px;
}

.navbar-nav > .active
{
    background-color:transparent;
    border-top:10px solid #dd160b;
}

.navbar-default .navbar-nav > .active > a {
    background-color:transparent !important;
}

.hero {
    padding-bottom:60px;
}

html#home div#bg-image {
    background:#fff url('/assets/img/bg-body.jpg') no-repeat;
    background-position: top center; 
}

html#home .hero h1 {
    color:#003067; 
    font-size:60px;
    font-weight:bold;
    margin-top:10px;
    margin-bottom:10px;
}

html#home .hero h2 {
    font-size:24px;
    margin-top:20px;
}

html#home .hero .btn {
    font-size:26px;
    font-weight: lighter;
}


footer {
    margin-top:70px;
    border-top:10px solid #003067;
    padding-top:25px;
    padding-bottom:50px;
}

footer a {
    color:red !important;
}

footer .copyright {
    font-size:13px;
    color:#788;
    position:relative;
    top:20px;
}

section.white .img-responsive {
    border:5px solid #f0f0f0;
}


blockquote {
    padding: 6px 16px;
    border: none;
    display: inline-block;
    position: relative;
    font-family: 'Georgia', 'Times New Roman', serif;
}

blockquote p {
    color:#555;    
}

/* UI COMPONENTS */
.btn-primary {
	cursor:pointer;
	cursor:hand;
    padding:10px 15px 10px 15px !important;
    border-radius:5px;
    border-color:transparent !important;
    background-color:#ee702d;
    color:#fff !important;
    background: -webkit-linear-gradient(#da160b 0%, #da160b 100%);
    background: -o-linear-gradient(#da160b 0%, #da160b 100%);
    background: linear-gradient(#da160b 0%, #da160b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    padding: .5em 1em;
    /*border: 1px solid #e0452f*/


    /*
    border-color:rgba(0,166,233, 0.7);
    border-style:solid;
    border-width: 1px;
    */

    box-shadow: none; /*inset 0 0 0 1px rgba(0,166,233,0.7) !important;*/
   -webkit-transition: .3s;
    transition: .3s;
    text-transform: none;
}

.btn-primary:hover,
.btn-primary:active
{
    background-color:#d55917 !important;
    background: linear-gradient(#c3140b 0%, #c3140b 100%) !important;
}

div#callus {
	margin-top:10px;
}

/*==================================================
=            Bootstrap 4 Media Queries             =
==================================================*/
@media (min-width: 992px) {
	.navbar ul.navbar-nav {
		position:relative;
		top:-33px;
	}

	div#callus {
	    position:relative;
	    margin-top:0px;
	}

	div#phone-number {
	    position:absolute;
	    right:0px;
	    top:60px;
	}
}