/*

Theme Name: Three Piece Joinery (X – Child Theme)
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to X in this child theme.
Version: 1.0.0
Template: x

*/

h2, h3, h4																										{ color:#754f32; font-size: 1.9em; margin-top:10px; }
<!-- h2																												{ padding-bottom:5px; } -->
p																												{ line-height:1.3em; }
.panel_text																										{ color:#FFFFFF; text-align:center; font-size:1.2em; padding-top:10px; }
.link 																											{ color:#FFFFFF !important; text-decoration:underline; }																											
.x-img 																											{ margin-bottom:0.25em; }
.brown,
.brown a																										{ color:#754f32; }
.white 																											{ color:#FFFFFF; }

.main-heading 																									{ text-align: center; color:#FFF; font-size: 2.2em; line-height: 1.2em; }


/*---------------------------------------------------------------------------------
	Buttons/Navigation
-----------------------------------------------------------------------------------*/

nav.x-nav-wrap.desktop ul#menu-main-menu.x-nav li.menu-item.x-menu-item.x-menu-item-search a.x-btn-navbar-search span i.x-icon-search,
#text-4.widget.widget_text h4.h-widget																			{ color:#53b94e ; }
a.x-btn.x-btn-square.x-btn-large																				{ margin-bottom:15px; }

.x-breadcrumb-wrap {
    background-color: rgba(237, 237, 237, 1.0);
}

.x-navbar .desktop .x-nav > li > a { font-size: 16px !important; font-weight: 500 !important; text-transform: capitalize !important; }

/*---------------------------------------------------------------------------------
	Panels
-----------------------------------------------------------------------------------*/

/* Home & Team */
#panel-home-accoya.x-column.x-sm.x-1-2,
#panel-team-accoya.x-column.x-sm.center-text.x-1-2							 { background-image: url("/wp-content/uploads/2023/02/Accoya-Panel-Window-Image.jpg"); background-position: right top; background-size:cover;  }
#panel-home-accoya.x-column.x-sm.x-1-2 div#panel-grey.x-text,
#panel-team-accoya.x-column.x-sm.center-text.x-1-2 div#panel-grey.x-text	 { background:#6d6e71 !important; background:rgba(109,110,113,0.7) !important; padding-top:20px; padding-bottom:20px; margin-top:80px; }

#header-panel-grey.x-section.bg-image div.x-container.max.width { background:#6d6e71 !important; background:rgba(109,110,113,0.7) !important; }

#panel-brown.x-section.bg-image div.x-container.max.width.marginless-columns,
#panel-brown.x-section.bg-image div.x-container.max.width.marginless-columns div.x-column.x-sm.x-1-1,
#panel-brown.x-section.bg-image div.x-container.max.width div.x-column.x-sm.x-1-1 { background:#785c53 !important; background:rgba(120,92,83,0.7) !important; }

#panel-cream.x-section.bg-image div.x-container.max.width, #panel-cream.x-section.bg-image div.x-container.max.width div.x-column.x-sm.center-text.x-1-1
{ background:#967d54 !important; background:rgba(150,125,84,0.7) !important; }




/*---------------------------------------------------------------------------------
	Gallery
-----------------------------------------------------------------------------------*/

a.x-portfolio-filters																							{ background:#754f32; color:#FFFFFF; border-radius: 0em; border:none; box-shadow:none;}
.h-landmark span::before, .h-landmark span::after 																{ display:none; }
h1.h-landmark																									{ color:#FFFFFF; font-size: 2.5em; }
.x-header-landmark.x-container.max.width 																		{ padding-top:20px; padding-bottom:20px; background:#6d6e71 !important; background:rgba(109,110,113,0.7) !important; }
  .x-container.max.width.marginless-columns div.x-column.x-sm.x-1-2 img.x-img.x-img-none 						{ margin-bottom:0em; }
.x-promo div.x-promo-content																					{ min-height:380px !important; }
.x-navbar .x-brand 																								{ margin-bottom:15px; }
.x-colophon.bottom 																								{ padding-bottom:135px; }
.bullets 																										{ color: #ffffff; }


/* background panels */
.theteam .entry-wrap 																							{ background: rgba(162, 123, 102, 0.75) !important; }
.information .entry-wrap 																						{ background: rgba(255, 255, 255, 0.75) !important; }

.x-slider-container.below {
    border-color: #6d6e71 !important; 
}


/*---------------------------------------------------------------------------------
	Portfolio
-----------------------------------------------------------------------------------*/
 
.single .x-main.full article.x-portfolio.type-x-portfolio.status-publish.has-post-thumbnail.hentry .entry-featured .entry-thumb  { display:none; }
 
 
/*---------------------------------------------------------------------------------
	Responsive
-----------------------------------------------------------------------------------*/
	
	


	/*----*****---- << Desktop >> ----*****----*/	
	
    /* Note: Design for a width of 768px, Gutter: 30px, Unit: 32px */

    @media only screen and (min-width:960px) and (max-width:1199px) {
		.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) 										{ padding-left: 10px !important; padding-right: 10px !important; font-size:0.9em; }
	}
	

	
	/*----*****---- << Mobile (Landscape) >> ----*****----*/	
	
    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
		.certified 																								{ display:none; }
		#header-panel-grey.x-section.bg-image div.x-container.max.width 										{ font-size:0.8em;  }
		.ps-view-images { margin-bottom:50px !important; }
		/* #x-section-2.x-section div.x-container.max.width { background:none !important; } */
	}
	
	/*----*****---- << Mobile >> ----*****----*/	

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		.certified 																								{ display:none; }
		#header-panel-grey.x-section.bg-image div.x-container.max.width 										{ font-size:0.6em;  }
		.ps-view-images { margin-bottom:50px !important; } 
		/* #x-section-2.x-section div.x-container.max.width { background:none !important; } */
	}