/* WHOLE PAGE (color) */
html, body, #page, .page
{	
	background-color: rgb(42, 52, 57) !important;
	font-family: Arial,Arial,Helvetica,sans-serif !important;
}

/* #page, body.colors-dark, .colors-dark .site-content-contain, .colors-dark */

#page, #page p, #page div
{	
	color: rgb(0, 0, 0);
}
#page a
{
	color: rgb(105, 120, 138);
	text-decoration: none;
}
#page a:hover, footer a:hover, #colophon a:hover, p a:hover, div a:hover, li a:hover, ul a:hover
{
	color: rgb(137, 160, 185) !important;
}
#page h1, #page h2, #page h3, #page h4, #page h5, .site-content-contain h1, .site-content-contain h2, .site-content-contain h3, .site-content-contain h4, .site-content-contain h5
{
	color: rgb(42, 52, 57) !important;
	text-decoration: none;
}

/* HEADER (color) */
#masthead
{
	background-color: rgb(42, 52, 57);
}

/* SITE BRANDING HEADER (margins padding) */
#masthead, #page #masthead
{	
		
		
		
		
	}

/* SITE BRANDING HEADER LOGO */
.custom-logo-link
{
	}

/* SITE BRANDING HEADER TITLE () */
#masthead .site-title, #masthead .site-title a
{
		display: none;
		
		margin-top: 15px;
		
	color: rgb(0, 0, 0) !important;
	opacity: 1;
    -webkit-transition: opacity 1;
    transition: opacity 1;
}

/* SITE BRANDING HEADER DESCRIPTION () */
#masthead .site-description
{
		display: none;
		
	color: rgb(255, 255, 255) !important;
}

/* NAV BAR (color) */
.navigation-top
{
	background-color: rgb(42, 52, 57) !important;
}

/* NAV MENU (color) */
#top-menu, #top-menu li, #top-menu ul
{
	background-color: rgb(42, 52, 57) !important;
}



#top-menu .current-menu-item
{
	background-color: rgb(42, 52, 57) !important;
}
#top-menu .menu-item a, #top-menu .current-menu-item ul li a
{
	color: rgb(255, 255, 255);
}
#top-menu .current-menu-item a
{
	color: rgb(158, 185, 212);
}



/* All content width XXLanding Page Content WidthXX */
#primary #main .page .panel-content .wrap, .navigation-top .wrap, .site-branding .wrap, #content .wrap
{
				max-width: 80%;
			width: 80%;
				
}


/* Background Image Start */
	#page
	{
		background: url("https://www.sgbforvets.com/wp-content/uploads/sites/16/2021/06/Background7.jpg");
		background-size: 100%;
		background-repeat: no-repeat;
		background-attachment: scroll;
	}
	/* Background Image End */

/* CONTENT (color) */
.site-content-contain
{
	background-color: rgba(194, 216, 232, 0.187) !important;
}

/* PAGE ARTICLE POST (width) */
#content .wrap
/*, #content .entry-header, #page #content header, #page #content .entry-footer, #comments*/
{
	background-color: rgb(189, 215, 234);
	
		
		
		
		
	}

/* Post Page Heading */
#page header
{
	/* Reset */
	border: none;
}

/* Front Page Tile Widgets */
#x2-fptw .fptw-widget
{
		
		
		
		
	}
#x2-fptw .fptw-widget, #x2-fptw h1, #x2-fptw h2, #x2-fptw h3, #x2-fptw figure, #x2-fptw figcaption
{	
	color: ;
}


/* FOOTER */
#colophon
{
	background-color: rgb(42, 52, 57);
	
		
		
		
		
		
	color: rgb(255, 255, 255);
}

/* Form Style */
.contact-form, .contact-form label, label
{
	color:  !important;	
}

#page input[type=button], #page .pushbutton-wide, .post-edit-link
{
	background-color: rgb(202, 202, 202) !important;	
}

#page textarea, #page input[type=text], #page input[type=email], #page input[type=password]
{
	background-color: rgb(255, 255, 255) !important;
	color: rgb(255, 255, 255) !important;
}

#main .edit-link, #main .post-edit-link
{
	background-color: transparent !important;
}

/* Additional Custom CSS */
body
{
	min-width: 333px;
}

#page 
{
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

#x2-ftrw 
{
    /*border-top: 2px solid #69788a;*/
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.site-footer::before
{
    content: "";
    width: 100%;
    height: 200px;
    background-image: url(/wp-content/uploads/sites/16/2021/06/BootsFooterFadeInCenter.png);
    background-size: cover;
    background-position-y: top;
    background-position-x: center;
    background-repeat: no-repeat;
    opacity: 0.4;
    position: absolute;
    z-index: 999;   
}

#scroll-to-top
{
    z-index: 9999;
}

#masthead
{
    height: 250px;
    position: fixed;
    z-index: 9999;
    width: 100%;
}

#main
	{
		margin-top: 250px !important;
	}

body.colors-dark, .colors-dark button, .colors-dark input, .colors-dark select, .colors-dark textarea, .colors-dark h3, .colors-dark h4, .colors-dark h6, .colors-dark label, .colors-dark .entry-title a, .colors-dark.twentyseventeen-front-page .panel-content .recent-posts article, .colors-dark .entry-footer .cat-links a, .colors-dark .entry-footer .tags-links a, .colors-dark .format-quote blockquote, .colors-dark .nav-title, .colors-dark .comment-body 
{
    color: rgb(42, 52, 57) !important;
}
.colors-dark.twentyseventeen-front-page article:not(.has-post-thumbnail):not(:first-child), .colors-dark .widget ul li {
    border-top: none !important;
}

.colors-dark .entry-content a img
{
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

#primary #main .page .panel-content .wrap, .navigation-top .wrap, .site-branding .wrap, #content .wrap 
{
    margin-top: 0;
    margin-bottom: 0 !important;
}
.page-title, .widget-title
{
    text-transform: none !important;
}

.custom-logo-link img 
{
    background-image: url(/wp-content/uploads/sites/16/2021/06/Logo.png);
    background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.dropdown-toggle, .dropdown-toggle .toggled-on, #site-navigation .menu-toggle, #site-navigation .menu-toggle:hover, #site-navigation .menu-toggle:focus, #site-navigation .menu-toggle, #site-navigation button:focus, #site-navigation button, #site-navigation button:focus
{
background: transparent !important;
    outline: none !important;
}

.navigation-top, .site-navigation, .menu, .main-navigation > div > ul, .menu-item
{
border: none !important;
border-bottom: none !important;
border-top: none !important;
    outline: none !important;
}

.panel-image {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.site-footer
{
    color: #fff !important;
}

/*Collapsed Mobile Menu*/
@media only screen and (max-width: 872px)
{

#scroll-to-top {
    opacity: 1 !important;
}

#site-navigation, #site-navigation .menu-toggle, #site-navigation button {
    color: #fff !important;
}

.post-141 .panel-image
	{
		background-color: #000;
		background-size: 100% !important;
	}

.custom-logo
	{
		height: 250px !important;
		max-height: unset !important;
		vertical-align: unset;
		float: none !important;
		position: absolute;
		left: calc(50% - 125px);
top: 0px;
	}

	#masthead
	{
		top: 0px !important;
		height: 250px !important;
		position: absolute;
background-size: 10% !important;
	}
	#masthead .site-branding
	{
		margin: 0;
		padding: 0;
		width: 100%;
	}
	#masthead, #page #masthead 
	{
		border-bottom: none !important;
	}
	
	#masthead .wrap
	{
		margin: 0;
		padding: 0;
		width: 100%;
		min-width: 100%;
	}	
	#masthead .site-branding
	{
		margin: 0;
		padding: 0;
		width: 100%;
	}

.panel-image:before
{
background: none !important;
}

.panel-image {
    display: block !important;
    width: 100%;
    max-height: 250px !important;
    background-size: 300vh !important;
    background-position: center center;
    background-attachment: fixed;
    overflow-x: hidden;
    background-repeat: no-repeat;
}

#top-menu
	{
		clear: both;
	}

.navigation-top, .site-navigation, .menu, .main-navigation > div > ul, .menu-item
{
border: none !important;
border-bottom: none !important;
border-top: none !important;
    outline: none !important;
}

#site-navigation, .menu-toggle, .icon
{
color: #fff !important;
}

.site-navigation, .menu-toggle, .dropdown-toggle, .dropdown-toggle .toggled-on, #site-navigation .menu-toggle, #site-navigation .menu-toggle:hover, #site-navigation .menu-toggle:focus, #site-navigation .menu-toggle, #site-navigation button:focus, #site-navigation button, #site-navigation button:focus {
    margin-top: -3.5em;
    margin-left: 10px;
}
.js .menu-toggle, .js .dropdown-toggle 
	{
		display: block !important;
	}
	
	.js .main-navigation ul, .main-navigation .menu-item-has-children > a > .icon, .main-navigation .page_item_has_children > a > .icon, .main-navigation ul a > .icon 
	{
		display: none !important;
	}
	
	.js .main-navigation.toggled-on > div > ul 
	{
		display: block !important;
	}
	
	.js .main-navigation.toggled-on > div > ul li 
	{
		display: list-item;
	}
	
	.main-navigation ul 
	{
		list-style: none;
	}
	
	.menu-toggle 
	{
		float: left;
	}

.home .site-branding .wrap, .home #content .wrap /*#primary #main .page .panel-content .wrap, .navigation-top .wrap, */
	{
		margin-top: 250px;
		margin-bottom: 0 !important;
	}

.navigation-top
	{
		top: 198px;
	}

#x2-ftrw 
{
    /*border-top: 2px solid #69788a;*/
    width: 100%;
    margin-left: auto;
    margin-right: auto;
padding: 2em;
}

}

@media only screen and (min-width: 873px)
{
.custom-logo
	{
		height: 250px !important;
		max-height: unset !important;
		vertical-align: unset;
		float: none !important;
		position: absolute;
		left: 0;
top: -60px;
	}

.logged-in #masthead .site-branding-text {
    top: 1em;
}
#masthead
	{
		top: 0px !important;
		height: 250px !important;
		position: absolute;
background-size: 5% !important;
	}

#main
	{
		margin-top: 250px !important;
	}
	
	#content .wrap /*#primary #main .page .panel-content .wrap, .navigation-top .wrap, .site-branding .wrap,*/
	{
		margin-top: 250px;
	}

       #primary 
       {
               padding-top: 0px !important;
       }

article {
             padding-top: 15px;
       }

.home article {
             /*padding-top: 0px;*/
       }

.logged-in aside, .logged-in header, .logged-in nav {
             padding-top: 15px;
}

.colors-dark .navigation-top, .colors-dark .main-navigation > div > ul, .colors-dark .pagination, .colors-dark .comment-navigation, .colors-dark .entry-footer, .colors-dark .site-footer {
    border-top: none !important;
}

.page .entry-header 
{
    display: block !important;
}
.entry-header h2, .entry-header a 
{
    display: none;
}

/*
article .panel-content .entry-content {
    margin-top: 120px;
}
article {
    margin-bottom: -120px !important;
}
*/
}