/* WHOLE PAGE (color) */
html, body, #page, .page
{	
	background-color: rgb(0, 0, 0) !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: ;
	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(0, 70, 159) !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(0, 0, 0) !important;
	text-decoration: none;
}

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

/* 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(255, 255, 255) !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(0, 0, 0) !important;
}

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



#top-menu .current-menu-item
{
	background-color:  !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(255, 0, 105);
}



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


/* Background Image Start */
/* Background Image End */

/* CONTENT (color) */
.site-content-contain
{
	background-color: rgb(0, 0, 0) !important;
}

/* PAGE ARTICLE POST (width) */
#content .wrap
/*, #content .entry-header, #page #content header, #page #content .entry-footer, #comments*/
{
	background-color: rgb(255, 255, 255);
	
			border: 1pxpx solid rgb(0, 0, 0);
		
			border-top: 1pxpx solid rgb(0, 0, 0);
		
			border-left: 1pxpx solid rgb(0, 0, 0);
		
			border-right: 1pxpx solid rgb(0, 0, 0);
		
			border-bottom: 1pxpx solid rgb(0, 0, 0);
	}

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

/* Front Page Tile Widgets */
#x2-fptw .fptw-widget
{
			border: 1pxpx solid ;
		
			border-top: 1pxpx solid ;
		
			border-left: 1pxpx solid ;
		
			border-right: 1pxpx solid ;
		
			border-bottom: 1pxpx solid ;
	}
#x2-fptw .fptw-widget, #x2-fptw h1, #x2-fptw h2, #x2-fptw h3, #x2-fptw figure, #x2-fptw figcaption
{	
	color: rgb(255, 255, 255);
}


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

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

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

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

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

/* Additional Custom CSS */
label, h1, h2, h3, h4, .listing-item .title, .entry-title span a, article a:visited, article a, .widget-area a
{
color: #000 !important;
}
.my-grid-layout
{
   float: left;
   clear: both;
   width: 100%;
}
.my-grid-layout .listing-item
{
  width:400px;
  height:420px;
  min-height:420px;
  max-height:420px;
  margin: 15px;
  padding: 15px;
  float:left;
  border: 1px solid #b7b7b7;
  overflow: hidden !important;
}
.my-grid-layout .listing-item .image
{
   margin: 10px;
}
.my-grid-layout .listing-item .title
{
   font-size: 1.625rem;
   font-weight: 300;
}


@media screen and (max-device-width: 480px)
{
  .my-grid-layout .listing-item
  {
    clear: both;
    max-width: 98%;
  }




}