/*
Theme Name:     TWG Material - Child
Theme URI:      http://www.the-web-guys.com
Description:    TWG Material
Author:         The Web Guys - Ben
Author URI:     http://www.the-web-guys.com
Template:       twg-material
Version:        1.0

RECOMMENDED YOU USE SCSS FILES AND LEAVE THIS FILE EMPTY UNLESS NECESSARY

*/
.footer-map {
	margin-bottom: -10px;
}

body.page-id-45 .mobile-cta .btn-secondary {
	display: none !important;
}

.home-icon-5 .fas {
	margin-top: -5px !important;
}

.home-icon-4 .fas {
	margin-top: -5px !important;
}

.home-icon-3 .fas {
	margin-top: -5px !important;
}

.home-icon-2 .fas {
	margin-left: -4px !important;
	margin-top: -4px !important;
}

.home-icon-1 .fa-star {
	margin-left: -9px !important;
	margin-top: -3px;
}

.grid-row-icons {
	margin-top: 5px;
	padding-right: 40px !important;
}

.grid-row-icons .fas {
	margin-left: -7px;
}

body.page-id-496 .panel-heading h2 {
	font-size: 30px !important;
}

.mobile-cta .btn {
	min-width: 250px;
}

.mobile-cta .btn-primary {
	margin-bottom: 0px !important;
}

.navbar {
	width: 100% !important;
}

.bottom-border {
	border-bottom: 10px solid #7e4449;
}

.white-number a {
	color: #fff !important;
}

body.single-post .search-submit {
	margin-top: 10px !important;
}

body.blog .search-submit {
	margin-top: 10px !important;
}

body.blog #content {
	padding-top: 40px;
	padding-bottom: 40px;
}

body.single-post #content {
	padding-top: 40px;
	padding-bottom: 40px;
}

body.page-id-1038 .accordion .card-header h5 button.btn, .accordion .card-header h5 button.search-submit, .accordion .card-header h5 .gform_wrapper button.button, .gform_wrapper .accordion .card-header h5 button.button {
	display: block;
	width: 100%;
	text-align: left;
	padding: 10px 10px;
	text-transform: none;
	font-size: 22px !important;
	font-weight: 700;
	font-family: 'Lato';
	color: #fff !important;
	line-height: 1.3;
}

body.page-id-1038 .accordion .card-header h5 button.btn i.fas, .accordion .card-header h5 button.search-submit i.fas, .accordion .card-header h5 .gform_wrapper button.button i.fas, .gform_wrapper .accordion .card-header h5 button.button i.fas {
	float: right !important;
	color: #fff !important;
	font-size: 22px !important;
	line-height: 24px !important;
}

body.page-id-1038 .card {
	background-color: #003663 !important;
	border-radius: 0rem !important;
}

body.page-id-1038 .black-text, .btn.btn-link, .search-submit.btn-link, .gform_wrapper .button.btn-link, .nav-links a.btn-link, .md-toast-close-button:hover, .md-toast-close-button:focus {
	color: #fff !important;
}

body.page-id-1038 h5 {
	text-align: left !important;
	padding-right: 30px !important;
}

body.page-id-1038 .card-body {
	background-color: #fff;
}

#mastfoot .menu-sc a:hover, #mastfoot .menu-sc a:focus {
	color: #a6a6a6 !important;
}

ol > li {
	margin: 0;
	padding: 0 0 0 2em;
	text-indent: -1.3em;
	list-style-type: none;
	counter-increment: item;
}

ol {
	margin: 0 0 1.5em;
	padding: 0;
	counter-reset: item;
}

ol > li::before {
	color: #601b20 !important;
	display: inline-block;
	width: 1em;
	padding-right: 0.5em;
	font-weight: 700;
	text-align: right;
	content: counter(item) ".";
}

.image-section .divider h2::after {
	margin-left: 0 !important;
}

ul.check li::before {
	content: "\f00c";
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #601b20;
	position: absolute;
	left: 0;
	height: 100%;
	line-height: 30px;
	font-size: 18px;
	top: 1px;
}

ul.check {
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
	text-align: left;
	position: relative;
}

ul.check li {
	margin: 0 0 0 0;
	position: relative;
	text-align: left;
	min-height: 34px;
	line-height: 27px;
	padding: 4px 0 4px 35px;
}

ul.check li a {
	text-decoration: underline !important;
}

#masthead .navbar {
	max-height: 92px;
	top: 0;
}

.btn-primary, .search-submit, .gform_wrapper .button {
	border-radius: 0px !important;
	font-size: 20px !important;
	margin-bottom: 15px;
	padding-left: 30px !important;
	padding-right: 30px !important;
	margin-top: 0px !important;
}

.jumbo-text {
	padding-top: 140px;
	max-width: 700px;
	display: block;
	margin: 0px auto;
}

.jumbo-text h1 {
	line-height: 1.2 !important;
	font-size: 50px !important;
	color: #fff !important;
	font-weight: 900;
	text-align: center !important;
	text-transform: capitalize !important;
	background-color: rgba(0,0,0,0.7);
	padding: 20px;
}

.sticky-nav {
	max-height: 92px !important;
}

.footer-pattern {
	background-image: url(/wp-content/uploads/2022/03/cross-pattern.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.transparent-image {
	background-image: url(/wp-content/uploads/2022/06/transparent-resize.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.transparent-image-2 {
	background-image: url(/wp-content/uploads/2022/06/transparent-resize.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.transparent-image a {
	color: #fff !important;
	text-decoration: underline !important;
}

.transparent-image-2 a {
	color: #fff !important;
	text-decoration: underline !important;
}

p {
	line-height: 1.8 !important;
}

body {
	font-size: 18px !important;
}

.jumbo {
	background-image: url(/wp-content/uploads/2022/03/r2-jumbo.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 600px;
}

.single-post img {
	height: auto;
}

#before-content {
	margin-top: 0 !important;
}


.m-interior-j {
	display:none !important;
}

.mobile-cta .fa-envelope {
	font-size: 1.2rem !important;
	margin-right: 5px;
}

.blue-gradient {
	background: linear-gradient(40deg, #0c3d6f, #1970ca) !important
}

.p-width {
	max-width: 900px;
	margin: 0px auto;
	text-align: center;
}

.transparent-image .divider h2:after , .divider h3:after , .divider h4:after {
	background-color: #fff !important; 
}

.transparent-image-2 .divider h2:after , .divider h3:after , .divider h4:after {
	background-color: #fff !important; 
}

.divider h1:after , .divider h2:after , .divider h3:after , .divider h4:after {
	content: "";
	display: block;
	background-color: #0c3d6f; 
	width: 85px;
	height: 5px;
	margin-top: 25px;
	margin-bottom: 25px;
	margin-left: auto;
	margin-right: auto;
}

h1, h2, h3, h4, h5, h6 {
	letter-spacing: 2px;
}

#content {
	padding-bottom: 0rem;
	margin-top: 0px !important;
}

.image-section .row {
	width: 100%;
	margin: 0;
}

.image-section-2 .row {
	width: 100%;
	margin: 0;
}

.image-section .image-section-content:not(.image-box-img) {
	display: table;
}

.image-section-2 .image-section-content:not(.image-box-img) {
	display: table;
}

.image-section .col-md-6 {
	padding: 0px;
}

.image-section-2 .col-md-6 {
	padding: 0px;
}

.image-section .image-section-content {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.image-section-2 .image-section-content {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.image-section .image-section-background {
	background-color: #f0f0f0;
}

.image-section-2 .image-section-background {
	background-color: #f0f0f0;
}

.image-section .image-box-text {
	padding: 80px 20px 80px 90px;
	width: 100%;
	max-width: 550px;
	display: table-cell;
	vertical-align: middle;
}

.image-section-2 .image-box-text {
	padding: 80px 90px 80px 20px !important;
	width: 100%;
	max-width: 550px;
	display: table-cell;
	vertical-align: middle;
}

.image-section-content .image-box-text .btn-primary:hover {
	background-color: #006bb7;
	color: #fff;
	transition: all 0.2s ease-out 0s;
	-webkit-transition: all 0.2s ease-out 0s;
	-moz-transition: all 0.2s ease-out 0s;
	-o-transition: all 0.2s ease-out 0s;
}

.image-section-content .btn {
	margin-top: 15px
}


/*OG CSS*/
body {font-size:16px;}


#masthead .navbar .nav-item .nav-link, #mainSidenavbar .nav-item > a {font-size: 15px;}

.mobile-cta {background-color:#cccccc; padding:20px;}

.side-nav {width:16rem;}


.search-field {width:50% !important; padding:14px 24px !important; display:inline !important;}
label {display: inline;}
#recent-posts-2 {margin-top:30px;}
#categories-2 {margin-top:30px;}


.page-header {border-left:4px solid #334d5c; margin-left:-15px; padding: 4px 0 8px 15px;}
.page-header h1 {margin:0;}

.img-shadow:after {
	content:" "; 
	width:100%; 
	height: 44px; 
	background: url(/wp-content/uploads/2019/10/shadow.png) no-repeat scroll;
	display:block; 
	opacity:.4;
	margin-top:1px;
	position:relative;
	z-index: 1}



.cta .text-primary { font-size:18px; }
.cta-btn .btn.btn-block, .search-submit.btn-block, .gform_wrapper .button.btn-block, .nav-links a.btn-block {
	width:100px !important; 
	height:100px !important; 
	border-radius:350px !important;
	display: inline-block !important;
}
.cta-btn:hover, .jumbo-btn:focus {background-color: rgba(0,0,0,0) !important;}

.grid-row-icons {color:#636363;}


.highlight {
	background: #ededed;
	border-left: 5px solid #025372;
}

.img-frame {border: 5px solid #eeeeee; box-shadow: 0 0 5px #aaaaaa;}
.img-frame-2 {background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; padding: 5px;}


@media (max-width:1199px) {
	.h1-responsive {font-size: 250%;}
	.h2-responsive {font-size: 200%;}
	.cta-btn-title {font-size:170%;}
}

@media (max-width:1000px) {
	.jumbo-padding {
		padding-top: 0px;
		margin-left: 15px;
		margin-right: 15px;
	}

	.jumbo-text h1 {
		font-size: 50px !important;
		text-align: center !important;
	}
}

@media (max-width:991px) {
	.side-nav {
		width: 22rem !important;
	}

	#masthead .dropdown-menu .dropdown-item, #mainSidenavbar .collapsible-body a {
		text-transform: capitalize;
		font-size: 16px;
	}

	.image-box-img {
		height: 500px !important;
	}

	.association-row img {
		max-width: 275px !important;
		display: block !important;
		margin: 0px auto !important;
		text-align: center !important;
	}

	.footer-main h3 {
		text-align: center !important;
	}

	#menu-footer-menu-4 {
		text-align: center !important;
	}

	#menu-footer-menu-1 {
		text-align: center !important;
	}

	.footer-main .col-md-4 {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}

	#menu-main-menu-1 .fa-envelope {
		display: none !important;
	}

	#masthead .navbar {
		max-height: 120px;
	}

	.menu-item-logo {
		width: 300px;
		margin-right: -60px;
	}

	.side-nav .collapsible a.active, .side-nav .collapsible a:hover {
		border-radius: 0px;
	}

	#masthead .dropdown-menu .dropdown-item, #mainSidenavbar .collapsible-body a {
		color: #333333;
	}

	.collapsible-header.arrow-r {
		justify-content: left;
	}

	.side-nav .fa-angle-down.rotate-icon {
		margin-left: 5px;
	}

	.menu-icon {
		display: inline-block !important;
		margin-right: 5px;
	}

	.d-interior-j {
		display: none !important;
	}

	.m-interior-j {
		display: block !important;
	}


	.stack-columns {flex: 0 0 100% !important; max-width:100% !important;}
	.image-box-text h2::after {margin-left: auto !important;}
	.image-section .image-box-text {
		max-width: 100% !important;
		display: block;
		padding-left: 40px !important;
		padding-right: 40px !important;
		padding-top: 50px !important;
		padding-bottom: 30px !important;
	}

	.search-field {width:100% !important;}
}


@media (max-width:767px) {
	.jumbo-padding {
		padding-top: 0px;
		margin-left: 15px;
		margin-right: 15px;
	}


.jumbo-text {
	padding-top: 75px;
	max-width: 700px;
	display: block;
	margin: 0px auto;
}

	.image-padding {
		margin-top: 20px;
	}

	.p-width: {100%;}
	.page-header {border-left:0px solid #ffffff;}
	.h1-responsive {font-size: 200%;}
	.h2-responsive {font-size: 175%;}
	.img-thumbnail {margin-top:50px;}
	.img-frame-2 {margin-top:50px;}
	.search-field {width:70% !important;}
}

@media (max-width:650px) {
.jumbo-text {
	padding-top: 80px;
}

.jumbo-text h1 {
	font-size: 30px !important;
}

.jumbo {
	height: 350px;
}
}

@media (max-width:602px) {
	.menu-item-logo {
		margin-right: 0px;
		margin-left: 0px;
		margin-top: -30px;
	}
}

@media (max-width:532px) {
.jumbo-text {
	padding-top: 70px;
}
}

@media (max-width:515px) {
	.jumbo-text {
		width: 100% !important;
	}
}

@media (max-width:480px) {
.jumbo-text h1 {
	font-size: 24px !important;
}

.jumbo-text {
	padding-top: 15px;
}
	
	.h1-responsive {
		font-size: 175% !important;
	}

	.image-box-img {
		height: 300px !important;
	}

	.menu-item-logo {
		width: 250px;
	}

	.jumbo-text {
		font-size: 30px !important;
	}

	.jumbo-padding {
		width: 350px;
		display: block;
		margin: 0px auto;
	}

	.jumbo {
		height: 300px;
	}

	.mobile-phone {padding-right: 80px !important; padding-left: 80px !important;}
	.search-field {width:50% !important;}
}