/* ### Table of Contents #### */
/* ### Global ### */
/* ### Navigation ### */
/* ### Homepage ### */
/*... Needs to be sorted */
/* ### Responsive ### */


/* ### Global ### */
@font-face{ 
	font-family: 'fontmatch';
	src: url('font/fontmatch/matchbookregular-webfont.eot');
	src: url('font/fontmatch/matchbookregular-webfont.eot?#iefix') format('embedded-opentype'),
	     url('font/fontmatch/matchbookregular-webfont.woff') format('woff'),
	     url('font/fontmatch/matchbookregular-webfont.ttf') format('truetype'),
	     url('font/fontmatch/matchbookregular-webfont.svg#matchbookregular-webfont') format('svg');
}

	body{
		font-family: Georgia,Times,Times New Roman,serif; 
		font-size:18px;
		color:#412f1b;
	}
	h1,h2,h3,h4,h5,h6{
		color:#fff;
		font-family: 'fontmatch', Arial, sans-serif;
		margin: 20px 0 10px;
		font-weight: normal;
	    
	}
	h1{
		font-size:77px;
		letter-spacing: 10px;
	}
	h2{
		font-size:60px;
		letter-spacing: 5px;
	}
	h3{
		font-size:48px;
		letter-spacing: 1px;
	}
	h4{
		font-size:28px;
		letter-spacing: 1px;
	}
	h5{
		font-size:22px;
		letter-spacing: 1px;
	}
	h6{
		font-size:18px;
		line-height: 20px;
		letter-spacing: 1px;
	}
	.clear {
		clear: both;
	}
	em {
		font-style: italic;
		font-weight: 100;
		font-family: Georgia,Times,Times New Roman,serif;
	}
	.custom_container{
		width:100%;
	}
	.x-breadcrumb-wrap {
		display: none;
	}
	h4.whitefont {
		text-shadow: 2px 1px 10px #000;
		margin: 120px 0px;
	}
	h4.whitefont_small {
		text-shadow: 2px 1px 10px #000;
		margin: 20px 0px;
	}
	h3.social_icons {
		font-size: 4vh;
		text-align: center;
	}
	.footer-maker-wrap *{
		display: block;
		font-weight: 400;
		letter-spacing: 2px;
		font-size: 2.4vh;
		text-transform: uppercase;
	}

/* ### Navigation ### */
	.x-topbar, .x-logobar, .x-navbar{
		background:transparent;
		border-bottom: 0px solid #f2f2f2;
		box-shadow:none;
	}
	.x-brand img{
		min-width:393px;
		position: relative;
	    margin-bottom: -10px;
	}
	.x-btn-navbar, .x-btn-navbar.collapsed {
	    width: 100%;
	    background-color: #55768F;
	    color: #fff;  
	}  
	.masthead-stacked .mobile .x-nav {
    	background-color: #fff;
	}	
	.x-navbar .x-nav-wrap .x-nav > li > a {
	    padding-left: 11px; 
	}  	
	.navbar .mobile .x-nav {
    	margin: 0px;
	}	
	.x-logobar{
		background: url(img/headbg1.jpg)no-repeat bottom center;
	    background-size: cover;
		box-shadow: -2px 2px 15px #000;
	}
	.top-margin{
		margin-top: 9%;
		font-family: Baskerville, 'Baskerville Old Face', 'Hoefler Text', Garamond, 'Times New Roman';
	}
	.x-social-global{
		display: inline-block;
	}
	.p-follow {
	    display: inline-block;
	    width: 100%;
	    margin: 0 auto;
		font-family: 'fontmatch', Arial, sans-serif;
		padding: 10px 0px;
	}
	.x-logobar *{
		font-size: 14px;
	    color: #fff;
	    font-weight: bold;
	}
	.x-social-global a{
		margin: 0px 5px;
	}
	.x-navbar .x-nav>li>a>span{
		font-family: 'fontmatch', Arial, sans-serif;
		font-size:16px;
		color:#6d481c;
	}
	.desktop .sub-menu{
		background-color:#577591 !important;
		border:2px solid #F5D4AB;
	    border-radius: 0px;
	}
	.desktop .sub-menu li {
		border-bottom:1px solid #2D475E;
	}
	.desktop .sub-menu li a span{
		font-family: 'fontmatch', Arial, sans-serif;
		color:#fff;
	}
	.desktop .sub-menu li a span:hover{
		color:#F5D4AB;
	}
	.x-navbar .x-nav>li>a>span:hover{
		color:#926229;
	}
	.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a{
		box-shadow: inset 0 0px 0 0 #2ecc71;
	}
	
	.masthead-stacked .desktop .x-nav{
		width: 100%;
	}
	.x-navbar .desktop .x-nav>li{
		width: 19.8%;
		text-align: center;
	}
/* Not sure how to organize this: */

.top_arr_bg,
.bot_arr_bg{
	background:url(img/arr_bg.png)no-repeat center center;
    background-size: contain;
	height:7px;
	width:100%;
}
.contact_info{
	background:url(img/phone.png)no-repeat left center;
}
.p-info{
	margin-bottom:0px;
	padding: 10px 0px;
	font-family: 'fontmatch', Arial, sans-serif;
}
.x-navbar-wrap {
    background: url(img/bodybg.jpg);
}
.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
    padding-left: 2px;
    padding-right: 10px;
    }  
.x-main {
    max-width: 99%;
    margin: 0 auto;
	border: 2px solid #7f694e;
    /*background: #fff url(img/content_bg_top.jpg)no-repeat 3px 20px;*/
    background-color:#fff;
    background-size: contain;
    padding: 50px 8px 50px 10px;
}
.x-container.width {width: 100%;}

.x-content-band:last-child{
	margin-bottom:0px !Important;
	padding: 0px 0px 20px;
}
.wpcf7 {
    background: #f6e2c9;
    border: 2px solid #412f1b;
    padding: 15px;
}
.wpcf7 *{
	color:#412f1b;
	font-weight: bold;
}
.wpcf7 input,
.wpcf7 textarea{
	border:1px solid #9f8b73;
}

.wpcf7-submit{
    border: none !important;
    font-family: 'fontmatch', Arial, sans-serif;
    font-size: 30px;
    padding: 0px;
    color: #fff
}
.everypage_foot_bg{
	margin-bottom: 0px;
}
/*.custom_pad{*/
.entry-content.content{
    border: 2px solid #d3bea4;
	border-bottom:0px;
    /*border-right: 2px solid #d3bea4;*/
    padding: 0px 0%;
    margin-bottom: 0px;
    max-width: 100%;
    padding-top: 0px;
	border-style: solid;
	border-width:73px 65px 0px;
	-moz-border-image: url(img/borderimage.jpg) 73 65 0 repeat;
	-webkit-border-image: url(img/borderimage.jpg) 73 65 0 repeat;
	-o-border-image: url(img/borderimage.jpg) 73 65 0 repeat;
	border-image: url(img/borderimage.jpg) 73 65 fill 0 repeat;
   
	/*-webkit-clip-path: polygon(20% 0%, 80% 0%, 100% 5%, 100% 95%, 80% 100%, 20% 100%, 0 95%, 0 5%);*/
	/*clip-path: polygon(20% 0%, 80% 0%, 100% 5%, 100% 95%, 80% 100%, 20% 100%, 0 95%, 0 5%);*/

    /*Possible Solution for CSS-based- Beveled edge*/
/*    background:
        -moz-radial-gradient(0 100%, circle, #fff 5%, #d3bea4 5%),
        -moz-radial-gradient(100% 100%, circle, #fff 5%, #d3bea4 5%),
        -moz-radial-gradient(100% 0, circle, #fff 5%, #d3bea4 5%),
        -moz-radial-gradient(0 0, circle, #fff 5%, #d3bea4 5%);
    background:
         -o-radial-gradient(0 100%, circle, #fff 5%, #d3bea4 5%),
         -o-radial-gradient(100% 100%, circle, #fff 5%, #d3bea4 5%),
         -o-radial-gradient(100% 0, circle, #fff 5%, #d3bea4 5%),
         -o-radial-gradient(0 0, circle, #fff 5%, #d3bea4 5%);
    background:
         -webkit-radial-gradient(0 100%, circle, #fff 5%, #d3bea4 5%),
         -webkit-radial-gradient(100% 100%, circle, #fff 5%, #d3bea4 5%),
         -webkit-radial-gradient(100% 0, circle, #fff 5%, #d3bea4 5%),
         -webkit-radial-gradient(0 0, circle, #fff 5%, #d3bea4 5%);
    background-position: bottom left, bottom right, top right, top left;
        -moz-background-size: 50% 50%;
        -webkit-background-size: 50% 50%;
    background-size: 50% 50%;
    background-repeat: no-repeat;
*/




}

.entry-content.content:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    top: 110px;
    left: 12px;
    right: 10px;
    bottom: 60px;
    border-left: 3px solid #d3bea4;
    border-right: 3px solid #d3bea4;
	padding: 70px 50px;
}


/* ### Homepage ### */


h1.title_bot_border{
    background: url(http://briggshardwarestore.scribble.studio/wp-content/uploads/2015/12/home_border.png)no-repeat center bottom;
    padding-bottom: 25px;
    text-shadow: 0px 0px 25px #000;
	font-weight: bold;
}
h2.title_bot_border{
    text-shadow: 0px 0px 25px #000;
}
.bigbluebox {
    background: #55768f;
    max-width: 850px;
    margin: 0 auto;
    padding: 10px 10px 10px;
    margin-bottom: 20px;
    border: 4px solid #d3bea4;
}
.bluebox {
    background: #55768f;
    max-width: 750px;
    margin: 0 auto;
    padding: 10px 10px 10px;
    margin-bottom: 20px;
    border: 4px solid #d3bea4;
}
.smallbluebox {
    max-width: 500px;
    margin: 0 auto;
    background: #55768F;
    border: 4px solid #D3BEA4;
    padding: 10px;
	margin-bottom: 20px;
}
.under_bluebox{
    border: 2px solid #d3bea4;
}
.under_bluebox h4{
	margin-top:10px;
	font-weight: bold;
}
.buttonblue{
	background:url(img/smallarrowlink.png)no-repeat center center;
	background-size:100%;
}
.buttonbluenewarrow{
	background:url(img/newarrow.png)no-repeat center center;
	background-size:100%;
	margin-top: 10px;
	font-size: 20px;
}
.under_bluebox h4 a{
	color:#fff;
}
.under_bluebox h5 a{
	color: #fff;
    font-weight: bold;
    font-size: 19px;
}

.bigwhitebox{
	border: 4px solid #d3bea4;
    background: #fff;
	padding: 10px 10px 10px;
	max-width: 100%;
	margin: 0 auto;
	margin-bottom: 40px;
}
.bigwhitebox2{
	border: 4px solid #d3bea4;
    background: #fff;
	padding: 10px 10px 10px;
	max-width: 90%;
	margin: 0 auto;
	margin-bottom: 20px;
}
.whitebox{
	border: 4px solid #d3bea4;
    background: #fff;
	padding: 10px 10px 10px;
	max-width: 950px;
	margin: 0 auto;
}
.under_whitebox{
    border: 2px solid #d3bea4;
	padding: 0px 15px 10px;
}
.mminheightbox .under_whitebox {
    min-height: 490px;
}
.hdtitlebg{
	/*background: url(img/hdtitlebg.png)no-repeat center -16px; */
    /* background-size: 110% */
	font-weight: bold;
	font-size: 32px;
    line-height: 100%;
}

.leftarr{
	background:url(img/leftarr.png)no-repeat;
	height: 6px;
    max-width: 220px;
}
.rightarr{
	background:url(img/rightarr.png)no-repeat;
	height: 6px;
    max-width: 220px;
}
h3.hdtitlebg {
    line-height: 45px;
}
.half-col.column {
    width: 48%;
    margin: 10px 0px;
    display: inline-block;
    margin-right: 20px;
	vertical-align: top;
}
.bigwhitebox img{
	margin-bottom:0px;
}
.half-col.column.last-column{
	margin-right: 0px;
}
h6.smalltitlebg{
	margin-top: 15px;
}
.mminheightbox  h6.smalltitlebg{
}
.under_whitebox.custom_under {
    padding: 20px;
}
.foot_bg .x-container{;
}
.last_pad{
	padding: 0px 10px 20px;
}
.custom_nav .x-nav {
    margin: 30px 0 15px;
    line-height: 1.3;
}
.custom_nav .x-nav li{
	margin: 0 0.5em;
    display: inline-block;
}
.custom_nav .x-nav li a {
    display: block;
    font-weight: 400;
    letter-spacing: 2px;
	font-size: 25px;
    text-transform: uppercase;
}
.custom_nav {
    text-align: center;
	background-size:100.1%;
	min-height: 105px;
	position: relative;
    margin-top: -40px;
	border-style: solid;
    border-width: 0px 73px 65px;
    -moz-border-image: url(img/borderimage2.jpg) 0 73 65 repeat;
    -webkit-border-image: url(img/borderimage2.jpg) 0 73 65  repeat;
    -o-border-image: url(img/borderimage2.jpg) 0 73 65  repeat;
    border-image: url(img/borderimage2.jpg) 0 73 fill 65 repeat;
}

#mailchimp-top-bar.mctb-medium input, #mailchimp-top-bar.mctb-medium label {
    font-size: 24px;
}

.em_ourservice{
	font-size: 30px; 
	text-align: center;
}

.customhdtitlebg{
    font-size: 16px;
    background-position: center 1px;
}
.zero_padding:first-child{
	padding-top:20px;
}
.zero_padding {
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}
.diffhdtitlebg{
	background: url(img/diffhdtitlebg.png)no-repeat center center;
    background-size: 100%;
    font-size: 5vh;
}
.smallbluebox:hover{
	background: #688FAD;
	transition:0.5s all;
}
.x-btn:hover, .button:hover, [type="submit"]:hover{
	color:#fff;
}
.histbg .hdtitlebg {
	font-size: 24px;
}
.x-column.x-sm.vc.x-1-3.with_border {
    padding: 20px;
    border: 2px solid #412f1b;
    background: #f6e2c9;
    margin-bottom: 20px;
	min-height: 410px;
}
.with_border img{
	border:2px solid #d2bea3;
}
.with_border h5{
	text-transform:uppercase;
	font-weight: bold;
}

.x-column.x-sm.vc.x-1-4.arrow-block-column{
	width: 22%;
	float: left;
    margin-right: 4%;
	position: relative;
}
.x-column.x-sm.vc.x-1-4.arrow-block-column:last-of-type {
    margin-right: 0;
}
.x-column.x-sm.vc.x-2-4.arrow-block-column{
	float: left;
    margin-right: 4%;
	position: relative;
	width: 48%;
}

.arrow-title-img {
    margin-top: 15%;
}

.padding-spacer-sm{
	padding:20px;
}

/* ### Responsive ### */
	@media (min-width: 980px){
		.mminheightbox.bigwhitebox .under_whitebox {
			min-height: 575px;
		}
	}
	
	
	@media (max-width: 1400px){
		.entry-content.content:before {
			top: 3%;
			right: 12px;
		}
		.top-margin{
			margin-top: 130px !important;
		}
		.x-main {
			padding: 10px !important;
		}
		.everypage_foot_bg{
			background-size: 125%;
		}
		.with_border h5{
			font-size:2.5vh;
		}
	}
	@media (max-width: 1220px){
		.with_border h5{
			font-size:1.8vh;
		}
		.arrow-title-img {
			margin-top: 22%;
		}
	}
	@media (max-width: 1024px){
		.x-column.x-sm.x-1-3.top-margin.contact_info{
			position: absolute;
			z-index: 999;
			margin-top: 200px !important;
			float: none;
			text-align: center;
			background: #98836F url(img/phone.png)no-repeat 10% center;
			border: 2px solid #d4bda7;
			width:100%;
			box-shadow: 0px -3px 0px #4f4e48;
			padding: 5px 0px;
		}
		
		.x-logobar-inner .x-container .x-column.x-1-3:last-child{
			display:none;
		}
		
		.with_border h5{
			font-size:1.5vh;
		}
		.x-main {
			margin-top: 110px;
			padding: 10px 4px 50px 7px !important;
		}
		h1.title_bot_border, h1{
			font-size: 6vw;
		}
		h2.title_bot_border, h2{
			font-size: 5vw;
		}
		h3.hdtitlebg, h3{
			font-size: 3vw;
		}
		.under_bluebox h4, h4{
			font-size: 2.5vw;
		}
		.h5, .under_bluebox h5 a{
			font-size: 1.7vw;
		}
		.h6{
			font-size: 1vw;
		}
		h4.whitefont {
			margin: 40px 0px;
		}
		.letter{
			margin-top: 0px;
			margin-bottom: -260px;
		}
		.moveclose .under_whitebox{
			background-size: cover;
		}
		.everypage_foot_bg{
			background-size: cover;
		}
		.entry-content.content:before{
			top: 5.8%;
			left: 9px;
			right: 6px;
			bottom:  2.8%;
		}
		.x-brand img{
			min-width: 0px !important;
		}
		.column{
			width: 100% !important;
			margin-right: 0px !important;
		}
		.top-margin{
			margin-top: 65px !important;
		}
		.x-logobar * {
			font-size: 16px !important;
		}
		.x-content-band:first-child{
			padding-top:0px;
		}
		.everypage .top_container{
			background-size: 100%;
		}
		.diffhdtitlebg{
			background-size: 120%;
		}
		
		.x-column.x-1-3 {
			width: 99.4%;
			margin-right: 0px;
		}
		.mminheightbox.bigwhitebox .under_whitebox .arrow-title-img{
			margin-top: 10%;
		}
	}
	@media (max-width: 800px){

		h1 {
			
		}
		h2 {
			
		}
		h3.hdtitlebg {
			line-height: 25px;
			
		}
		h4 {
			
		}
		.em_ourservice {
			font-size: 22px;
		}
		.mminheightbox h6.smalltitlebg {
			font-size: 14px;
		}
		.custom_nav .x-nav li a{
			font-size: 18px;
		}
	}

	@media (max-width: 768px){
		.x-column.x-sm.vc.x-1-4.arrow-block-column{
			width: 22%;
			float: left;
			margin-right: 4%;
			position: relative;
		}
		.x-column.x-sm.vc.x-1-4.arrow-block-column:last-of-type {
			margin-right: 0;
		}
		.x-column.x-sm.vc.x-2-4.arrow-block-column{
			float: left;
			margin-right: 4%;
			position: relative;
			width: 48%;
		}
		.arrow-title-img {
			margin-top: 15%;
		}
		
		.book_container .x-container {
			margin: 40px auto;
		}
		.top-margin {
			margin-top: 10px !important;
			margin-bottom: 10px;
		}
		.x-brand img{
			margin-bottom: 0px;
		}
		.contact_info {
			background: url(img/phone.png)no-repeat 10% center;
		}
		.custom_nav .x-nav li a {
			font-size: 15px;
		}
		.letter{
			background-size: 95%;
			padding-top: 30px;
			min-height: 410px;
		}
		.book_container{
			background-size: cover;
		}
		.em_ourservice span em br, .under_whitebox.custom_under p br, br{
			display:none;
		}
		.mminheightbox .under_whitebox {
			min-height: 0px;
		}
		.under_whitebox.custom_under h6.alignleft{
			float: none;
			text-align: center;
		}
		.homepage_foot_bg{
			background-size: cover !Important;
		}
		.x-content-band{
			padding: 0px 0 0px;
		}
		h3.hdtitlebg{
			
		}
		h1.title_bot_border{
		}
		.custom_nav .x-nav li {
			margin: 0 0em;
		}
		.custom_nav .x-nav li a {
			font-size: 7px;
		}
		.entry-content.content, .custom_nav{
			border-image: none;
			border-width: 0px;
		}
		.entry-content.content{
			margin-left: -1px;
		}
		.entry-content.content:before {
			top: 1.2%;
			left: 11px;
			right: 14px;
			border-left: 1px solid #d3bea4;
			border-right: 1px solid #d3bea4;
		}
		
		.x-main {
			padding: 33px 20px 0px!important;
			background: #fff url(img/content_bg_top.jpg)no-repeat 7px 20px;
			background-size: 98%;
			margin-top:165px;
		}
		
		.x-logobar .x-container .x-1-3:last-child{
			display:none;
		}
		.x-logobar{
			padding-bottom: 100px;
		}
		.x-navbar-wrap{
			position: relative;
			margin-top: -95px;
		}
		.x-column.x-sm.x-1-3.top-margin.contact_info{
			margin-top: 265px !Important;
		}
		.contact_info .p-info {
			margin: 0 auto;
			font-size: 32px !important;
			
		}
		.top_arr_bg, .bot_arr_bg{
			/*display:none;*/
		}
		.x-btn-navbar, .x-btn-navbar.collapsed {
			width: 95%;
			padding: 15px 0px;
		}
		span#mobile_menu {
		    overflow: visible;
			position: initial;
			font-size: 32px !important;
			text-align: center;
			margin-left: -25px;
		}
		a.x-btn-navbar.collapsed{
			border:2px solid #d4bda7;
			border-radius: 0px;
		}
		.x-btn-navbar i.x-icon-bars{
			float: left;
			margin-left: 10px;
			font-size: 32px;
		}
		.hidden_mobile{
			display:none;
		}
		..buttonbluenewarrow{
			background:none;
		}
		.under_bluebox h4 a, .under_bluebox h5 a{
			
			background:none;
		}
		.buttonbluenewarrow{
			
		}
		h3.social_icons {
  			font-size: 2vh;
   			text-align: center;
		}
		.x-column.x-sm.vc.x-1-3.with_border{
		  	min-height: 0;
		}
	}
	@media (max-width: 670px){
		.entry-content.content:before {
			top: 1.3%;
			left: 9px;
			right: 11px;
		}
		.hdtitlebg{
			line-height: 1.4;
		}
		.arrow-title-img {
			margin-top: 35%;
		}
	}
	@media (max-width: 570px){
		.letter {
			min-height: 0px;
			padding: 30px 0px 40px;
			margin-bottom: -94px;
		}
		
		.entry-content.content{
			padding-top: 0%;
		}
		.custom_nav .x-nav li a {
			font-size: 12px;
		}
		.custom_nav{
			margin-top: -60px;
		}
		h1 {
			font-size: 30px ;
		}
		h2 {
			font-size: 26px ;
		}
		h3.hdtitlebg {
			line-height: 35px ;
			font-size: 24px ;
		}
		h4 {
			font-size: 20px ;
		}
		.em_ourservice {
			font-size: 17px;
		}
		.mminheightbox h6.smalltitlebg {
			font-size: 14px;
		}
		p{
			font-size:12px;
		}
		.custom_pad{
			padding: 0px 0px 15px;
		}
		.foot_bg {
			padding: 0px;
		}
		.entry-content.content:before {
			top: 1.3%;
			left: 9px;
			right: 6px;
		}
	}
	@media  (max-width : 500px) {

		h1 {
			font-size: 20px ;
		}
		h2 {
			font-size: 18px ;
		}
		h3.hdtitlebg {
			line-height: 16px ;
			font-size: 16px ;
		}
		h4 {
			font-size: 14px ;
		}
		.entry-content.content:before {
			top: 1.2%;
			left: 8px;
			right: 4.8px;
		}
	
	}
	@media  (max-width : 400px) {
		.x-main {
			padding: 30px 20px 0px!important;
		}
		.entry-content.content:before {
			top: 1%;
			left: 8px;
			right: 3px;
		}
	}