/*
    Theme Name:     Carlisle
    Theme URI:      http://www.wideplankflooring.com
    Description:    A custom WordPress theme made for Carlisle Wide Plank Flooring.
    Version:        1.1.0
    Author:         (maintained by) Paragon Digital Marketing
    Author URI:     https://paragondigital.com
*/

/* Fix for firefox not displaying title in header image banners correctly */
.interior-banner .overlay
{ display: table-row; }

/*//////////////////////////////////////////*/
/* Warehouse Floors Overview / Archive Page */

#warehouse-block {text-align: left;  line-height: 1.3;    display: flex;  flex-wrap: wrap;}
#warehouse-block li {display: inline-block; float: left !important;  margin-bottom: 48px;   width: 30%; position: relative; margin-right: 5%; background-color: #fff;}
#warehouse-block li img {max-width: 100%; width: 100%; }
#warehouse-block li:nth-child(3n) {margin-right: 0%;}

.warehouse-image {display: block; width: 100%; height: 100%; min-height: 240px; max-height: 240px; background-position: center center; background-size: cover; background-repeat: no-repeat; margin-bottom: 24px;}
.warehouse-title {text-transform: uppercase; font-size: 30px; margin: 0 0 12px 0;}
.warehouse-content {line-height: 1.7;}
.warehouse-buttons {margin: 12px 0; font-size: 0;}

#warehouse-floors-projects {background-color: #f5f6f6;}
#warehouse-floors-disclaimer {padding-bottom: 50px;}

.greenbutton {
    font-size: 1rem;
    z-index: 10;
    font-weight: 400;
    background: #6E9B51; display: inline-block;
    border-color: #6E9B51;
    color: #ffffff !important; text-transform: uppercase;
     text-align: center;padding: 12px 30px; 
    
}
.lastbutton {margin-right: 0 !important;}
.warehouse-content .greenbutton {padding: 12px 0px; margin-right: 6%; width: 47%;}

.page-template-page-warehouse-floors .inspiration-gallery {padding: 20px; background-color: #fff; margin: 40px auto;}
.page-template-page-warehouse-floors .inspiration-gallery-items { position: relative; margin: 0px auto;  max-width: 1280px;}
.page-template-page-warehouse-floors .body-footer {margin-top: 0 !important;}

/* Maximum width of 960 pixels. */
@media screen and (max-width: 960px) {
	
	
#warehouse-block {display: block;  flex-wrap: none;}
#warehouse-block li {display: block; float: none !important;  margin-bottom: 48px;  width: 100%;  margin-right: 0%;}
	
}




/*//////////////////////////////*/
/* Warehouse Floors Single Page */


#warehouse-single .content_column.columns_8 { width: 68.5% !important; padding: 0 !important; margin: 0 !important;}
#warehouse-single-image {width: 100%;}
#warehouse-single-title {font-size: 32px; text-transform: uppercase;}
#warehouse-single-header {padding: 50px 0 30px; border-bottom: 1px solid #eee; width: 100%;}
#warehouse-single-header .greenbutton {float: right;}
#warehouse-single-content {line-height: 1.7;}
#warehouse-single-print {float: right;color: #6E9B51; font-size: 40px; margin-left: 24px;}


/* Maximum width of 960 pixels. */
@media screen and (max-width: 960px) {
	
	
#warehouse-single .content_column.columns_8 { width: 95% !important;}
#warehouse-single-header .greenbutton {float: none;}
#warehouse-single-print {float: none;margin-left: 0; vertical-align: middle; margin-right: 24px; }
#warehouse-single-title {margin-top: 24px;}
	
}




@media print {
	.single-warehouse_floors .body-footer {display: none;}
	
	.single-warehouse_floors .page_block_content {
    max-width: 95%;
    margin: 0 auto;
}
	.single-warehouse_floors .content_column.columns_4 {width: 45% !important;}
	#warehouse-single .content_column.columns_8 { width: 95% !important;}
	#warehouse-single-header a, .single-warehouse_floors .mobile-nav {display: none !important;}
	
}



/* commercial-group */
.clear
{ clear: both; }

.leftRightTextImage .text p, .inspiration-banner p, .caseStudyBar p, .caseStudyText h3, .caseStudyText p
{ font-size: 1.25em !important; }

.commercial-group .content_column
{ padding: 0; }
.leftRightTextImage
{ display: flex; }
.leftRightTextImage .text
{ width: 50%; background-color: #f4f4f4; padding: 6.4% 7%; min-height: 466px; display: flex; align-items: center; }
.leftRightTextImage.green .text
{ background-color: #6E9C51; }
.leftRightTextImage.green .text h2, .leftRightTextImage.green .text p, .leftRightTextImage.green .text a, .leftRightTextImage.green .text a:hover
{ color: #fff; }
.leftRightTextImage .image
{ width: 50%; background-position: center; background-repeat: no-repeat; background-size: cover; }
.leftRightTextImage.right .text
{ order: 2; }
.leftRightTextImage h2
{ margin: 0 !important; }
.leftRightTextImage p
{ margin: 10px 0 0 !important; }
.leftRightTextImage.design-freedom .text
{ background-color: transparent; padding: 0 3%; }

.content_column.inspiration-banner
{ padding: 2% 2% 0; }
.content_column.inspiration-banner .flexible-content-block
{ display: flex; }
.inspiration-banner .left
{ width: 32%; padding-left: 7%; align-self: flex-end; }
.inspiration-banner .left img
{ display: block; }
.inspiration-banner .right
{ width: 65%; padding: 2% 0 2% 3%; }
.inspiration-banner h2, .inspiration-banner h3, .inspiration-banner p
{ color: #fff; margin: 0 !important; }
.inspiration-banner h2
{ font-weight: 700; font-size: 30px !important; }
.inspiration-banner p
{ font-weight:400; padding-top: 10px; }
.inspiration-banner a
{ color: #fff !important; text-decoration: none; }
.inspiration-banner a:hover
{ text-decoration: underline; }

.caseStudyBar
{ text-align: center; background-color: #6E9C51; padding: 20px; margin:6% 0 1.1%; }
.caseStudyBar h2, .caseStudyBar p
{ color: #fff; margin-top: 0 !important; }

.caseStudyImages img:first-child
{ width: 57%; float: left; }
.caseStudyImages img:nth-child(2)
{ width: 41.9%; float: right; }
.caseStudyImages img:last-child
{ margin-top: 1.1%; }

.caseStudyText
{ background-color: #F4F4F4; padding: 20px; margin: 0.7% 0 4%; }
.caseStudyText .col
{ float: left; width: 28.5%; margin-left: 7.2%; }
.caseStudyText .col:first-child
{ margin-left: 0; }
.caseStudyText h3
{ text-transform: uppercase; margin: 0 !important; line-height: 1.5; }
.caseStudyText p
{ margin-top: 10px; line-height: 1.5 !important; }

@media screen and (max-width: 1100px)
{
	.leftRightTextImage .text
	{ padding: 4%; min-height: 420px; }
	
	.inspiration-banner .left
	{ padding-left: 0; }
}

@media screen and (max-width: 900px)
{
	.commercial-group h2
	{ font-size: 1.8rem !important; }
	.inspiration-banner h3
	{ font-size: 1.6rem !important; }
	.leftRightTextImage .text p, .inspiration-banner p, .caseStudyBar p, .caseStudyText h3, .caseStudyText p
	{ font-size: inherit !important; }

	.leftRightTextImage .text
	{ padding: 4%; min-height: 407px; }
}

@media screen and (max-width: 600px)
{
	.leftRightTextImage
	{ display: block; }
	.leftRightTextImage .text
	{ width: 100%; min-height: auto; padding: 7%; }
	.leftRightTextImage .image
	{ width: 100%; padding: 40% 0; }
	.leftRightTextImage.design-freedom .text
	{ padding: 0 5% 8%; }
	
	.content_column.inspiration-banner
	{ padding: 5% 5% 0; text-align: center; }
	.content_column.inspiration-banner .flexible-content-block
	{ display: block; }
	.inspiration-banner .left
	{ width: 100%; }
	.inspiration-banner .right
	{ width: 100%; padding: 4% 0; }
	.inspiration-banner .left img
	{ display: inline; }
	
	.caseStudyImages img:first-child, .caseStudyImages img:nth-child(2)
	{ width: 100%; float: none; }
	.caseStudyImages img
	{ margin-top: 1.1% !important; }
	
	.caseStudyText .col
	{ float: none; width: 100%; margin-left: 0; padding-top: 5%; }
	.caseStudyText .col:first-child
	{ padding-top: 0; }
}