/*
Theme Name: 914Digital
Theme URI: https://914digital.com
Description: Material design responsive theme
Author: 914Digital
Author URI: https://914digital.com
Version: 1.0
License: MIT License
License URI: http://opensource.org/licenses/MIT
*/

@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;400;500;700&display=swap');

html {
	scroll-behavior: smooth;
}

body {
	background-color:#fff;
	font-family: 'usual-light';
	border-right: 10px solid #fff;
    border-left: 10px solid #fff;
	border-bottom: 10px solid #fff;
	
}

a {
	color:#de2726;
	transition:all .3s ease;
}

a:hover, a:focus, a:active {
	color:#de2726;
	text-decoration:none;
	opacity:.8;
}
h1, h2, h3, h4, h5 {
	font-family: 'Roboto Slab', serif;
}

b, strong {
    font-weight: 700;
	color: #696969;
	font-family: 'Roboto Slab', serif;
}

img {
	max-width:100%;
	height:auto;
}

.btn .btn-primary {

}

.btn.btn-primary:hover, 
.btn.btn-primary:focus, 
.btn.btn-primary:active {
	outline: none;
}

.top-red {
	background-color:#de2726;
	padding:3px 0;
	position:fixed;
	left:0;
	right:0;
	z-index:99999;
}

.navbar {
	background-color:#fff;
	position: fixed;
    left: 0;
    right: 0;
    z-index: 999;
}

.nav-link {
    display: block;
    padding: .5rem 1rem;
    font-size: 12px;
	color: #373536;
	letter-spacing: 1px;
	transition:all .3s ease;
}

.nav-link:hover {
	opacity:0.7;
	color: #373536;
}

.nav-link::before {
    content: "";
	display: block;
	position: relative;
	top:-5px;
    margin:3px 0;
	transform: scaleX(0);
	transition: transform 0.2s ease-in-out;
	box-shadow: 0 0px 0px 1px #de2726;
}

.nav-link:hover::before {
    content: "";
	transform: scaleX(1);
}

.current_page_item .nav-link::before {
    content: "";
	transform: scaleX(1);
}

.main-banner {
	background-size:cover;
	height:600px;
	background-position:0 50px;
	width:100%;
	position:relative;
}

.mask {
	background-color: #00000070;
	height: 600px;
	width:100%;
	position: absolute;
    top: 0;
    bottom: 0;
}

.main-banner .banner-text {
	color:#fff;
	font-weight:500;
	position:absolute;
	top:300px;
	bottom:0px;
	z-index:99;
}

.main-banner .banner-text h1:after {
	border-bottom:5px solid #de2726;
	content:'';
	display:block;
	position:relative;
	top:10px;
}

.main-banner .banner-text a {
	display:inline-block;
	color:#fff;
	margin-top:10px;
	font-size:20px;
	transition:all .3s ease;
	border: 2px solid;
    padding: 3px 10px;
}

.main-banner .banner-text a:hover,
.main-banner .banner-text a:focus {
	opacity:.7;
	text-decoration:none;
}

.home-content {
	padding:60px 0 90px;
	background-color:#efefef;
}

.logo img {
    transition: all .3s ease;
    display: block;
	margin: 0 auto;
	position: relative;
}

.logo img#logo-2 {
	height: 115px;
    top: -15px;
}

.logo img#logo-3 {
    top: -37px;
}

.message {
	padding:60px 0 90px;
	background-color: #eee;
    position: relative;
    color: #333;
}

.message h2 {
	border-bottom:1px solid #ccc;
	padding-bottom:15px;
	margin-bottom:15px;
}

.message::before {
	width: 50px;
    height: 50px;
    background-color: #eee;
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    top: -20px;
    display: inline-block;
    margin: 0 auto;
    border-radius: 50%;
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f07a";
	color: #de2726;
	text-align: center;
    font-size: 20px;
    padding: 7px;
}

.page-header {
	background-size:cover;
	height:400px;
	position:relative;
	background-repeat:no-repeat;
	color:#fff;
	background-position: 0 50px;
    padding-top: 100px;
}

.page-header h1 {
	position:relative;
	z-index:999;
	top:100px;
}

.page-banner-mask {
	background-color: #0000005e;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.single-page-content {
	background-color:#eee;
	padding:60px 0 90px;
}

.card-header {
	background-color: #de2726;
	cursor: pointer;
}

.faq-btn {
	color:#fff;
}

.modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: transparent;
    background-clip: padding-box;
    border: 0;
    border-radius: .3rem;
    outline: 0;
}

.modal-header {
	border:0;
}

.modal-header {
	padding: 0 10px;
}

@media (min-width: 576px) {
.modal-dialog {
	max-width: 700px;
	}
}

.close {
    float: right;
    font-size: 60px;
    font-weight: 300;
    line-height: 1;
    color: #fff;
    text-shadow: none;
    opacity: 1;
}

.close:hover {
    color: #ccc;
    text-decoration: none;
}

.latest-news {
	padding:60px 0;
	background-color:#eee;
}

.latest-news h2 {
	text-align:center;
	border-bottom:1px solid #ccc;
	padding-bottom:30px;
	margin-bottom:60px;
}

.single-story {
	border:1px solid #ccc;
}

.single-story-img img {
	width:100%;
	height:200px;
	object-fit: cover;
}

.news-story-title {
	background-color: #fff;
    padding: 15px;
	min-height: 150px;
	font-family: 'Roboto Slab', serif;
}

.news-story-title a {
	color:#373536;
}

footer {
	background-color:#373536;;
	padding:20px;
	color:#fff;
	font-size:12px;
}

footer a {
	color:#fff;
}

footer a:hover,
footer a:focus {
	color:#fff;
	opacity:.8;
}

footer .credit {
	float:right;
}

footer .credit .site-by {
	font-size: 10px;
    position: relative;
    top: 2px;
}