/*
Theme Name:		Tactical Security Services 2025
Theme URI:		
Author:			Ellsworth Media
Author URI:		http://www.ellsworthmedia.com/
Version:		1.0
*/

		
/*-----------------------------------------------------------------------------------*/
/* Body, Typography and some main Elements
/*-----------------------------------------------------------------------------------*/

html * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; font-smoothing: antialiased; }
body { font-size:16px; color:#000; font-family:"Montserrat", Arial, sans-serif; overflow-x:hidden; letter-spacing:0; font-weight:400; }
input, textarea { border-radius:0; }
input, textarea, select, label { font-family:"Montserrat", Arial, sans-serif; outline:0; }
input:focus, input:hover { outline:0; }
::-webkit-input-placeholder { color:#000; opacity:1; }
:-moz-placeholder { color:#000; opacity:1; }
::-moz-placeholder { color:#000; opacity:1; }
:-ms-input-placeholder { color:#000; opacity:1; }

h1, h2, h3, h4, h5, h6 { padding:0; margin:0 0 15px 0; line-height:1.2; font-weight:700; letter-spacing:0; }
h1 { font-size:28px; letter-spacing:2px; text-transform:uppercase; }
h2 { font-size:28px; letter-spacing:2px; }
h3 { font-size:18px; letter-spacing:2px; }
h4 { font-size:16px; }
h5 { font-size:18px; }
h6 { font-size:18px; }
img { display:block; max-width:100%; height:auto; }
ul,ol { margin:0; padding:0; list-style:none; }
a, a:visited, a:active, input[type=submit] { text-decoration:none; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -o-transition:all .3s ease-out; -ms-transition:all .3s ease-out; transition:all .3s ease-out; }
a:focus, a:hover { text-decoration:none; outline:0; }
:focus, :hover { text-decoration:none; outline:0; }
p { margin:0 0 25px 0; line-height:1.4; }
.animate { transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s; -ms-transition:all 0.3s ease 0s; }
.no-animate { transition:none; -webkit-transition:none; -moz-transition:none; -ms-transition:none; }
strong { font-weight:600; }
.button, .button:visited, .button:active { 
	display:inline-block; color:#FFF; background:#025D4B; padding:12px 30px; font-size:14px; font-weight:600; text-transform:uppercase; letter-spacing:2px; 
}
	.button:hover { background:#F5891D; color:#FFF; }

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*-----------------------------------------------------------------------------------*/
/* Structure
/*-----------------------------------------------------------------------------------*/

.container { margin:0 auto; width: 100%; padding-left: 50px; padding-right: 50px; max-width:none; }
.view-mobile { display:none; }


/*-----------------------------------------------------------------------------------*/
/* Header styling
/*-----------------------------------------------------------------------------------*/

#header { padding:15px 0; position: fixed; z-index:1000; left:0; top:0; width:100%; text-align:center; transition:all 0.3s linear; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; }
#header .container { display:flex; justify-content:space-between; align-items:center; }
#header .header-left { display:flex; flex-wrap: wrap; align-items:center; }
	#header .header-left .logo { margin:0 35px 0 0; display:block; }
	#header .header-left nav { }
		#header .header-left nav ul { display:flex; }
		#header .header-left nav li { margin:10px 30px 10px 0; position: relative; }
		#header .header-left nav li:last-child { margin-right:0; }
		#header .header-left nav li a { color:#FFF; font-weight:700; text-transform: uppercase; line-height: 25px; }
		#header .header-left nav li a:hover,
		#header .header-left nav > ul > li.current_page_item > a { color:#F5891D; }
	#header .menu-icon { color:#FFF; }

		/* sub menu */
		#header .header-left nav li ul { display:none; position:absolute; left: -10px; min-width:240px; top: 0; z-index:100; background:#025D4B; margin-top: 25px; padding: 5px 10px; }
			#header .header-left nav li ul li { float:none; margin:0 0 7px 0; line-height: 1.1; text-align: left; }
			#header .header-left nav li ul li:last-child { margin:0; }
				#header .header-left nav li ul li a { 
					color:#FFF; display: block; padding: 5px 0; margin: 0; text-transform: none; line-height: 1.2; font-size: 14px; font-weight: bold;
				}
				#header .header-left nav li ul li a:hover,
				#header .header-left nav li ul li.current_page_item > a { color:#F5891D; }

		#header .header-left nav li:hover ul { display: block; }
	
#header .header-right { margin:0 0 0 auto; display: flex; flex-wrap: wrap; justify-content: right; align-items: center;}
	#header .header-right a { font-size:14px; color:#FFF; font-weight: 600; margin:0 22px 0 0; }
	#header .header-right a:hover { color:#F5891D; }
	#header .header-right a span { display:inline-block; vertical-align:middle; margin:0 5px 0 0; color:#F5891D; font-size:20px; }
	#header .header-right .button { margin:0; }
	#header .header-right .button:hover { color:#FFF; }

	#header .header-right a.contact-icon {display: flex;}
		#header .header-right a.contact-icon img {margin-right: 10px; width: auto; height: 17px;}

#header.active, .single #header { background: #000; }
	

#header .menu-container { 
	padding:55px 50px; color:#FFF; background:#000; height:100vh; overflow-y:auto; position:fixed; width:450px; right:-450px; top:0; z-index:10000; 
	transition:all 0.3s linear; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; 
}
	#header .menu-container .close-icon { position:absolute; top:16px; right:22px; font-size:32px; color:#FFF; }
	#header .menu-container .close-icon:hover { color:#F5891D; }

	#header.show-menu .menu-container { right:0; }


/*-----------------------------------------------------------------------------------*/
/* Footer styling
/*-----------------------------------------------------------------------------------*/

#footer { padding:20px 0; background:#000; color:#FFF; }
	#footer .container { display:flex; justify-content:space-between; align-items:center; }
	
		#footer .footer-left { display:flex; align-items:center; width: 75%; }
			#footer .footer-left .logo { display:inline-block; margin:0 45px 0 0; }
			#footer .footer-left a { font-size:14px; color:#FFF; font-weight:normal; margin:0 22px 0 0; }
			#footer .footer-left a:hover { color:#F5891D; }
			#footer .footer-left a span { display:inline-block; vertical-align:middle; margin:0 5px 0 0; color:#F5891D; font-size:20px; }
		
			#footer .footer-left  a.contact-icon {display: flex;}
				#footer .footer-left a.contact-icon img {margin-right: 10px;}

		#footer .footer-right { display:flex; width: 25%; }
			#footer .footer-right p { margin: 2px 0 0 0; font-size:14px; width: 100%; text-align: right; }

			#footer .footer-left a { font-size:14px; color:#FFF; font-weight:700; margin:0 20px 0 0; }
				#footer .footer-left > a:hover { color:#F5891D; }
				#footer .footer-left > a span { display:inline-block; vertical-align:middle; margin:0 5px 0 0; color:#F5891D; font-size:20px; }

			#footer .social-links { display:flex; margin: -13px 0 0 10px; }
				#footer .social-links li { margin:0; text-align: center; }
				#footer .social-links li:last-child { margin:0; }
				#footer .social-links li a { display:block; width:24px; height: 16px; border-radius:50%; color:#F5891D; text-align:center; font-size:18px; }
				#footer .social-links li a:hover { color:#FFF; }
				#footer .social-links li a span { display:inline-block; line-height: 16px; }
		

/*-----------------------------------------------------------------------------------*/
/* Shared styling
/*-----------------------------------------------------------------------------------*/

#hero { height: 50vh; max-height: 480px; background:url(images/top-hero.jpg) no-repeat center center / cover; display:flex; justify-content:center; align-items:center; text-align:center; color:#FFF; position:relative; }
	#hero:before { position:absolute; content:""; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); }
	#hero h1 { font-size:60px; letter-spacing:2px; padding-top: 35px; }
	#hero p { font-size:28px; margin:0 0 30px 0; }
	#hero > * { position:relative; }

#main {padding: 60px 0 60px 0; display: flex; background:#FFF url(images/values-section-bg.jpg) repeat-x left top;}

	.page-content {float: left; width: calc(100% - 500px);}
		.page-content h2 {font-size: 28px; padding: 30px 0; margin: 0; letter-spacing: normal;}
		.page-content h2:first-child {padding-top: 0;}
		
		.page-content h3 { letter-spacing: normal; font-size: 21px; }

		.page-content em {color: #025E4A; font-weight: 400;}

		.page-content ul, .page-content ol {margin: 0; padding: 0 0 30px 0;}
			.page-content ul li {list-style: disc; margin-left: 20px;}
			.page-content ol li {list-style: decimal; margin-left: 20px;}

		.content a, .page-content a, .book-content a, aside a {color: #025E4A;}
		.content a:hover, .page-content a:hover, .book-content a:hover, aside a:hover {text-decoration: underline;}


	hr {margin: 40px auto; background: #BEBEBE;}

	aside {float: right; width: 430px;}

	.button, .button:visited, .button:active { color:#FFF; }
		.page-content .button:hover { text-decoration: none; color:#FFF; }


/*-----------------------------------------------------------------------------------*/
/* Home Page styling
/*-----------------------------------------------------------------------------------*/

#home-hero { height:100vh; min-height:700px; background:url(images/top-hero.jpg) no-repeat center center / cover; display:flex; justify-content:center; align-items:center; text-align:center; color:#FFF; position:relative; }
	#home-hero:before { position:absolute; content:""; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); }
	#home-hero h1 { font-size:55px; letter-spacing:4px; }
	#home-hero p { font-size:28px; margin:0 0 30px 0; }
	#home-hero > * { position:relative; }

	#home-hero .button {margin: 0 5px;}

#hiring {background:#FFF url(images/values-section-bg.jpg) repeat-x left top; padding: 50px 0; text-align: center;}
	#hiring img {margin: 0 auto 20px auto;}
	#hiring p {max-width: 1060px; margin: 20px auto; font-size: 18px;}

#home-video {padding: 50px 0; text-align: center; background:#025D4B; }
	#home-video .container {max-width: 1060px; color: #fff;}
	#home-video h2 {padding: 0;}
	#home-video p {padding: 25px 0 0 0; font-size: 21px;}
	#home-video .button {background: #fff; color: #025D4B; }
		#home-video .button:hover, #home-video .button:active { background:#F5891D; color: #fff; }
		
#home-intro { padding:60px 0; text-align:center; }
	#home-intro .content { max-width: 1000px; margin:0 auto; }
	#home-intro h2 { letter-spacing:0; }
	#home-intro p { margin:0 0 60px 0; }
	#home-intro ul { display:flex; flex-wrap:wrap; margin:0 0 50px 0; text-align:left; }
	#home-intro ul li { font-size:18px; letter-spacing:2px; font-weight:700; width:30%; margin:0 5% 0 0; text-transform:uppercase; padding:25px 0 25px 40px; background:url(images/icon-check-shield.svg) no-repeat left 22px; border-bottom:1px solid #D5D5D5; }
		#home-intro ul li:nth-child(3n) { margin-right:0; }
		#home-intro ul li:nth-child(4),
		#home-intro ul li:nth-child(5),
		#home-intro ul li:nth-child(6) { border-bottom:none; }
	#home-intro .button {margin: 0 5px;}

.home #posts-grid {background:#FFF url(images/values-section-bg.jpg) repeat-x left top;}


/*-----------------------------------------------------------------------------------*/
/* Book
/*-----------------------------------------------------------------------------------*/

.book-content .container {width: 100%; max-width: 680px; margin-left: auto; margin-right: auto;}
	.book-content .form-field {width: 100%;}
	.book-content .form-field .wpcf7-submit { float: none !important; }


/*-----------------------------------------------------------------------------------*/
/* Blog
/*-----------------------------------------------------------------------------------*/

#posts-grid { padding:60px 0; }
	#posts-grid .title { display:flex; justify-content:space-between; align-items:center; margin:0 0 30px 0; }
	#posts-grid .title h2 { margin:0; text-transform:uppercase; }
	#posts-grid .title a { font-weight:700; color:#F5891D; }
	#posts-grid .title a:hover { color:#025D4B; }
		#posts-grid ul { display:flex; flex-wrap:wrap; }
		#posts-grid ul li { width:32%; margin:0 2% 2% 0; }
		#posts-grid ul li:nth-child(3n) { margin-right:0; }
		#posts-grid ul li img { width:100%; margin:0 0 25px 0; }
		#posts-grid ul li h3 { text-transform:none; letter-spacing:0; font-size:20px; margin:0 0 20px 0; padding:0 0 20px 0; border-bottom:2px solid #D5D5D5; }
			#posts-grid ul li h3 a { color: #000; }
			#posts-grid ul li h3 a:hover { text-decoration: underline; }
		#posts-grid ul li .post-meta { display:flex; justify-content:space-between; align-items:center; }
		#posts-grid ul li .post-meta p { margin:0; }
		#posts-grid ul li .post-meta a { font-weight:700; color:#F5891D; }
		#posts-grid ul li .post-meta a:hover { color:#025D4B; }

.single #hero { height: 100px; background: #000; }
	
#single-main {width: 100%; max-width: 840px; margin: 50px auto;}
#single-main .container {max-width: 840px; width: 100%; float: none;}
#single-main h1 {text-align: center;}
#single-main .date {text-align: center; font-weight:700; color:#F5891D; }

#hero-image {margin: 30px auto;}

.author {margin-top: -10px;}
	.author a {margin-top: -10px;}

#single-main .page-content p {line-height: 1.75;}

.wp-caption-text {font-style: italic; text-align: center; padding: 5px 0;}


/*-----------------------------------------------------------------------------------*/
/* Form
/*-----------------------------------------------------------------------------------*/

.form-field {padding: 0 0 10px 0;}
	.form-field p {padding: 0; margin: 0;}
	.form-field label {font-size: 12px;}
		.form-field label span {/*color: #F6891E;*/}

	.form-field .wpcf7-text, .form-field textarea {border: solid 1px #D3D3D3; padding: 5px 10px; width: 100%; background: #fff;}
	.form-field textarea {height: 180px;}
	.wpcf7-form-control-wrap {display: block;}
		.wpcf7-list-item-label {font-weight: 400;}
	.form-field .wpcf7-submit { 
		border: none; display:block; /*float: right;*/ color:#FFF; background:#025D4B;
		padding:12px 30px; margin-bottom: 20px; font-size:14px; font-weight:600; text-transform:uppercase; letter-spacing:2px; 
	}
		.form-field .wpcf7-submit:hover { background:#F5891D; color:#FFF; }

		.wpcf7-spinner {float: left;}
	.wpcf7-not-valid-tip {padding: 5px 0 0 0; font-size: 12px; font-weight: 600 !important;}
	.wpcf7-response-output {clear: both; margin: 0 0 10px 0 !important;}