@charset "UTF-8";

/*
Theme Name: The Concealed Guide
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: The Concealed Guide is resource for students to download a PDF for the laws and regulations in each US State.
Requires at least: 5.3
Tested up to: 5.7
Requires PHP: 5.6
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

The Concealed Guide WordPress Theme, (C) 2020 WordPress.org
The Concealed Guide is distributed under the terms of the GNU GPL.
*/

a {
	color: #2c3e7c;	
}

/*** Header
******************************************************************************/
header {
	padding: 20px 0px;
	background-color: #fff;
	color: #2c3e7c;
}
header .tfn {
	padding-top: 15px;
	font-size: 16px;
}

/*** Hero
******************************************************************************/
.hero {
	padding: 250px 0;
	background: url(https://theconcealedguide.com/wp-content/uploads/2021/06/bg-classroom.jpg) no-repeat center center;
	background-size: cover;
	border-top: solid 5px #EF3E23;
	border-bottom: solid 5px #EF3E23;
	text-align: center;
}
.hero .cage {
	padding: 40px;
	background-color: rgba(0,0,0,0.7);
	border-radius: 6px;
	border: solid 0.5px #999;
	color: #fff;
}
.hero .cage h1 {
	margin-top: 0px;
}
.hero .card {
	margin-bottom: 15px;
}

/*** Footer
******************************************************************************/
footer {
	padding: 30px 0;
	background-color: #000;
}
footer, footer a {
	color: #ccc;
}

/*** Media Queries
******************************************************************************/
@media only screen and (max-width : 800px) {
	body {
		background-color: #000 !important;
	}
	header .tfn {
		padding-top: 5px !important;
		font-size: 14px;
	}
	.hero {
		padding: 200px 0 !important;
	}
		.hero .cage h1 {
		font-size: 38px;
	}
}
@media only screen and (max-width : 414px) {
	header .tfn {
		padding-top: 5px !important;
		font-size: 14px;
	}
	.hero {
		padding: 125px 0 !important;
	}
		.hero .cage h1 {
		font-size: 27px;
	}
	footer {
		font-size: 12px;
	}
}