/*
Theme Name: BlankSlate
Theme URI: https://github.com/tidythemes/blankslate
Author: TidyThemes
Author URI: http://tidythemes.com/
Description: Please read: tidythemes.com/concept. Donations: https://calmestghost.com/donate. BlankSlate is the definitive WordPress boilerplate starter theme. We've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability and no intrusive visual CSS styles have been added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/tidythemes/blankslate/issues. Thank you.
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 2022
Requires at least: 5.0
Tested up to: 5.8
Requires PHP: 7.0
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: blankslate

BlankSlate WordPress Theme © 2011-2022 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/
/*
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}
*/
body{
	font-family: 'Raleway', sans-serif;
	overflow-x: hidden;
	background-color: #00174d;
}
main#content{
	background-color: #EBEBEB;
}
img{ max-width:100%;}
a:hover{color: inherit;}
* {
  -webkit-transition: all 0.2s ease;
  -moz-transition:    all 0.2s ease;
  -ms-transition:     all 0.2s ease;
  -o-transition:      all 0.2s ease;
}
.v-center{
	display: flex;
	align-items: center;
}
.btn-red, .nav-btn a, .gform_button{
	padding: 10px 15px;
	background-color: #b11e23;
	border-radius: 5px;
	color: #fff;
	border: 0;
	text-transform: uppercase;
	font-weight: 800;
	font-family: 'Raleway', sans-serif;
    text-decoration:none;
}
.btn-red:hover, .nav-btn a:hover, .gform_button:hover{
	color: #b11e23;
	background-color: #fff;
}
/****HEADER****/

#header{
	background-image: url("/wp-content/themes/blankslate/assets/texture_darkerblue.jpg");
	box-shadow: 0 0 5px 5px rgba(0,0,0,.3);
	height: 110px;
	color: #fff;
	border-bottom: 5px solid #b99761;
    z-index: 5;
    position: relative;
}
header .logo{
	margin-bottom: -30px;
	margin-top: 10px;
	box-shadow: 0 0 5px 5px rgba(0,0,0,.1);
    padding: 7px;
    background-color: #fff;
}
nav{
	text-align: right;
	letter-spacing: .03em;
}
nav ul{
	list-style: none;
	margin-top: 38px;
}
nav ul li{
	display: inline;
	padding: 0 25px;
	text-transform: uppercase;
	font-size: 20px;
	border-right: 2px solid #b99761;
}
nav ul li:last-child{
	border: none;
}
nav ul li a{
	color: #FFF;
	text-decoration: none;
	font-weight: 700;
}

nav ul li .btn a{
	padding: 10px 15px;
}
.mobile-menu{
	display: none;
}

@media (max-width: 1399px) {
	nav ul li {
		padding: 0 25px;
		font-size: 18px;
	}		
}
@media (max-width: 1199px) {
	nav ul li {
		padding: 0 17px;
		font-size: 17px;
	}		
	
}
@media (max-width: 991px) {
	header .logo{
		border-width: 3px;
		position: relative;
		z-index: 10;
	}
	nav ul {
		margin-top: 42px;
	}
	nav ul li {
		padding: 0 10px;
		font-size: 15px;
	}		
	#menu-main-menu{
		position: relative;
    	margin-top: 55px;
	}
	nav ul li.nav-btn {
		position: absolute;
		right: -10px;
		top: -40px;
	}
}
@media (max-width: 767px){
	.menu-wrap{
		display: none;
	}
	.menu-toggle{
		font-size:40px;
		margin-top: 25px;
		float: right;
		margin-right: 15px;
	}
	
	.mobile-menu{
		display:block;
		position: fixed;
		right: -200px;
		background-color: #00174d;
		z-index:20;
		width: 200px;
		border-top: 6px solid #fff;
		border-left: 6px solid #fff;
		border-bottom: 6px solid #fff;
	}
	
	.mobile-menu ul{
		list-style: none;
		margin: 10px 0 0 ;
	}
	.mobile-menu ul li{
		padding: 25px 50px 25px 0;
		border-bottom:1px solid #fff;
		display: block;
		border-right: 0;
		text-align: left;
	}
	.mobile-menu.show{
		right: 0;
		position:absolute;
	}
	.menu-toggle .close, .menu-toggle.open .open{
		display: none;
	}
	.menu-toggle.open .close{
		display: block;
	}
}
/****END HEADER****/

/****HERO****/
#hero{
	background-image: url(/wp-content/themes/blankslate/assets/STIC_white_texture.jpg);
    background-size: cover;
    height: 800px;
    background-position: center 11%;
	display: flex;
	align-items: center;
	position: relative;
}

#hero .container{
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
}
#hero .hero-content{
	background-image: url("/wp-content/themes/blankslate/assets/standing_clipped2.png");
    background-size: contain;
    background-position: 94%;
    margin: 50px 0;
    height: 90%;
    background-repeat: no-repeat;
    flex: 1;
}
#hero .law-order{
    width: 60%;
    position: absolute;
    color: #143053;
    flex: 2;
    font-size: clamp(20px, 1.4vw, 30px);
	font-weight: 500;
}
#hero .law-order h1{
	text-transform: uppercase;
    font-family: Raleway, sans-serif;
    font-size: clamp(40px, 4.4vw, 80px);
    font-weight: 800;
	line-height: 1em;
}
#hero .law-order .video-thumb{
	width: 90%;
}
@media (max-width: 1399px) {
	#hero{
		height: 750px;
	}
}
@media (max-width: 1199px) {
	#hero{
		height: 650px;
	}
}
@media (max-width: 991px) {
	#hero{
		height: 520px;
	}
}
@media (max-width: 767px) {
	#hero{
		height: auto;
		padding-bottom: 50px;
	}
	#hero .container{
		display: block;
	}
	#hero .hero-content {
		display: none;
	}
	#hero  .law-order {
		position: static;
		top: 0%;
		margin-top: 100px;
		width: 100%;
	}
	#hero .law-order .video-thumb{
		margin: auto;
	}
}
@media (max-width: 450px) {
}
@media (max-width: 400px) {
}
/****END HERO****/
/*** VIDEO ***/

#intro-video .container-fluid .row > div{
	padding: 0;
	font-size: 0;
}
#intro-video .quote-col{
	border-top: 4px solid #0c438a;
	display: flex;
	align-content: center;
}
#intro-video .quote-col .quote{
	padding: 10%;
	align-self: center;
}
#intro-video .quote-col h2{
	color: #b11e23;
	font-family: Raleway, sans-serif;
	font-size: 3vw;
	font-weight: 800;
	font-style: italic;
}

#intro-video .quote-col h4{
	color: #b11e23;
	font-family: Raleway, sans-serif;
	text-align: right;
}
/**** PROFESSIONALISM ****/
#professionalism{
	background-image: url("/wp-content/themes/blankslate/assets/STIC_blue_texture.jpg");
    background-size: cover;
	padding-bottom: 80px;
	color: #fff;
	font-size: 18px;
}
#professionalism .row{
	padding-top: 80px;
}
#professionalism h3{
	text-transform: uppercase;
	font-weight: 800;
	font-size: 35px;
	margin-bottom: 25px;
}
#professionalism .assisting-image{
	background-size: cover;
	height: 100%;
	background-position: top center;
}
#professionalism .pad-right{
	padding-right: 110px;
}
#professionalism .pad-left{
	padding-left: 110px;
}
#professionalism ul{
	margin-top: 25px;
	list-style: none;
}
#professionalism li{
	margin-bottom: 6px;
	font-weight: bold;
}
#professionalism ul li::before {
	content: '\2713';
  	color: #EEB809; 
    display: inline-block;
    width: 1.5em;
    margin-left: -1.5em;
	font-size: 1.2em;
}
@media (max-width: 991px) {
	#professionalism .pad-right, #professionalism .pad-left{
		padding: 0 calc(var(--bs-gutter-x) * .5);
	}
	
	#professionalism .assisting-image{
		aspect-ratio: 4/3;
		margin-bottom: 50px;
		height: auto;
		width: 100%;
	}
}
@media (max-width: 768px) {
	#professionalism{
		padding: 0 20px 80px;
	}
}
/****ABOUT****/
#about{
	background-image: url("/wp-content/themes/blankslate/assets/texture_white.jpg");
    background-size: cover;
	padding: 90px 30px;
	font-size: 18px;
	line-height: 1.5em;
	font-weight: 500;
}
#about .about-content{
	max-width: 650px;
	padding-right: 40px;
	color: #00174d;
}
#about h2{
	color: #00539A;
	font-weight: 800;
	text-transform: uppercase;
	font-size: 42px;
}
#about h2 i{
	font-weight: 400;
}
#about h3{
	font-size: 25px;
	margin-top: 25px;
}
#about .about-content p i{
	font-weight: bold;
}
#about .about-1{
	background-image: url("/wp-content/themes/blankslate/assets/hodges_portrait.jpg");
    background-size: cover;
	background-position: center;
	height: 100%;
}
#about .about-2{
	background-image: url("/wp-content/themes/blankslate/assets/hodges_portrait.jpg");
    background-size: cover;
	background-position: center;
	display: none;
}
@media (max-width: 1399px) {
#about .about-1, #about .about-2{
	height: 60%;
	display: block;
	margin: 5px;
	background-position: center 45%;
	}
}
@media (max-width: 991px) {
	#about .about-1{
		display:block;
		height: 400px;
	}
}
@media (max-width: 767px) {
	#about .about-1{
		display:block;
		height: 300px;
	}
	#about .about-2{
		display: none;
	}
	#about .about-content{
		padding-right: 0;
	}
}
@media (max-width: 450px) {
	#about{
		padding-left: 15px;
		padding-right: 15px;
	}
}
/****END ABOUT****/

/****QUOTE****/
#quote{
	background-color: #143053;
	color: #fff;
	padding: 40px;
	font-size: 22px;
    border-top: 5px solid #b99761;
}
#quote h3{
	font-size: 30px;
	font-weight: 800;
	font-style: italic;
    font-variant-ligatures: none;
}
#quote .quote-divide{
	position: relative;
	border-bottom: 2px solid #b99761;
	margin: 20px 40px 50px;
	opacity: 1;
}
#quote .quote-symbol{
	background-color: #143053;
    font-size: 130px;
    position: absolute;
    left: 50%;
    margin-left: -20px;
    width: 60px;
    top: -29px;
    line-height: 1;
    height: 40px;
	color: #b99761;
}
#quote .logo{
	width: 90%;
	margin: auto;

}
@media (max-width: 768px) {
	#quote .logo{
		margin: 0 auto 15px;
		
	}
}
@media (max-width: 450px) {
	#quote{
		padding-left: 15px;
		padding-right: 15px;
	}
}
/****END QUOTE****/

/****VOLUNTEER****/
#volunteer{
	background-image: url("/wp-content/themes/blankslate/assets/texture_white.jpg");
    background-size: cover;
	padding: 50px 0 50px;
}
#volunteer .volunteer-form{
	background-color: #FFF;
	box-shadow: 0 0 8px 8px rgba(0,0,0,.2);
	padding: 30px;
}
#volunteer h2{
	color: #b11e23;
	font-size: 40px;
	font-weight: 800;
}
#volunteer .volunteer-form .intro{
	text-align: center;
}
#volunteer .volunteer-form .image-wrap{
	margin: -30px -30px 20px;
}
#volunteer sm{
	font-size: 12px;
}
/****END VOLUNTEER****/

/****DONATE****/
#donate{
	background-image: url("/wp-content/themes/blankslate/assets/robert&wife_portrait_full.jpg");
    background-size: cover;
	padding: 50px 0 50px;
    background-position: 62% top;
}
#donate .donate-form{
	background-color: #FFF;
	box-shadow: 0 0 8px 8px rgba(0,0,0,.2);
	padding: 30px;
}
#donate h2{
	color: #b11e23;
	font-size: 40px;
	font-weight: 800;
}
#donate .donate-form .intro{
	text-align: center;
}
#donate .donate-form .image-wrap{
	margin: -30px -30px 20px;
}

@media (max-width: 767px) {
	#donate{
		background-image: none;
		background-color: #143053;
	}
}
/****END DONATE****/

/****NEWS****/
#news{
	background-color: #EBEBEB;
	padding: 105px 0 45px;
}
#news h1{
	text-align: center;
	font-weight: 800;
	color: #b99761;
	text-transform: uppercase;
	font-size: 45px;
}
#news article{
	background-color: #FFF;
	margin: 30px 0;
	padding: 5%;
	font-family: 'Raleway', sans-serif;
}
#news article .news-summary{
	text-align: center;
}
#news article .news-summary.full{
	text-align: left;
}
#news article .news-summary .source{
	color: #b11e23;
	margin-bottom: 20px;
	font-weight: 600;
}
#news article .news-summary h2{
	font-weight: 800;
	color: #00174d;
	margin-bottom: 20px;
}
#news article .news-summary.full h1{
	font-weight: 800;
	color: #00174d;
	margin-bottom: 20px;
	font-size: 45px;
}
#news article .news-summary .content{
	margin-bottom: 25px;
	font-size: 17px;
	padding: 0 8%;
}
#news article .news-summary.full .content{
	padding: 0 ;
}
#news article .news-summary .btn-red{
	border: 2px solid #b11e23
}
#news article .news-summary .btn-red .fa{
	padding-left: 8px;
}
#news .back-to-news a{
	color:#b11e23;
	font-size: 18px;
	text-decoration: none !important;
}
/****END NEWS****/
/***PRIORITIES***/
.jump-to-priorities h2{
	color:#b11e23;
	font-size: 26px;
	font-weight: bold;
	padding: 20px;
}
.jump-to-priorities a{
	text-decoration: none;
}
.jump-to-priorities .priority-anchor{
	background-color: #fff;
	padding: 20px;
	font-weight: 800;
	color: #00174d;
	margin-bottom: 20px;
	transition: background-color .5s, color .5s;
}
.jump-to-priorities .priority-anchor:hover{
	color: #fff;
	background-color: #00174d;
}
/***END PRIORITIES***/

/**** FORM ***/
.gfield_consent_label{
	display: inline;
	font-size: 15px;
}
/*** END FORM ***/
/** AFFILIATIONS **/
#affiliations{
	padding: 40px 0;
	background-color: #fff;
}
#affiliations h3{
	color: #00539A;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 42px;
	margin-bottom: 40px;
}
#affiliations .col-md-3{
	text-align: center;
	border-right: 1px solid #EEB809;
}
#affiliations .col-md-3:last-child{
	border: none;
}
#affiliations .col-md-3 h4{
	font-weight: bold;
	color: #143053;
}

@media (max-width: 767px) {
	#affiliations .col-md-3{
		text-align: center;
		border-bottom: 1px solid #EEB809;
	border-right: none;
		padding:20px;
	}
}
/** END AFFILIATIONS **/
/****FOOTER****/
footer{
	background-color: #142f53;
	color: #fff;
	padding: 40px;
	font-size: 22px;
    border-top: 5px solid #b99761;
}
footer h3{
	color: #b99761;
	font-weight: 800;
    border-bottom: 1px solid #b99761;
    display: inline-block;
}
footer a{
	color: #fff;
	font-size: 20px;
	text-decoration: none;
}
footer .social-icons a {
    font-size: 40px;
}
footer a:hover{
	color: #b11e23;
}
footer .footer-logo{
	max-width: 300px;
}
footer .paid-for-line{
	font-size: 14px;
	padding: 5px;
	border: 1px solid #fff;
	display: inline-block;
	margin-top: 20px;
}

@media (max-width: 767px) {
	footer .footer-logo{
		margin-top: 30px;
	}
}
/****END FOOTER****/

/*** MODAL ****/
.video-modal {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.85);
    z-index: 9999;
    justify-content: center;
    align-items: center;
}

.video-modal.active {
    display: flex;
}

.video-modal-content {
    position: relative;
    width: min(90vw, 900px);
}

.video-wrapper {
    position: relative;
    padding-top: 56.25%; /* 16:9 */
}

.video-wrapper iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.video-close {
    position: absolute;
    top: -40px;
    right: 0;
    color: #fff;
    font-size: 32px;
    background: none;
    border: 0;
    cursor: pointer;
}