@charset "utf-8";

/*Max Width*/
@media screen and (max-width: 1151.9px){
	.navbar-collapse,
	.nav-link .badge {
		font-size: 10pt;
	}
	.navbar-brand {
		font-size: 20pt;
	}
	.home .jumbotron h1 {
		margin-left: 10%;
		margin-top: -30px;
		font-size: 36pt;
	}
	.title h1:before, 
	.title h1:after {
		width: 30%;
	}
	.products .row {
		width: 100%;
	}
	.productSquare {
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.contact .jumbotron .lead {
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
	padding: 10px;
		margin: 0;
	}
}
@media screen and (max-width: 1040px){
	.reviews .grid-item {
		width: 48%;
	}
}
@media screen and (max-width:1020px) {
	.navbar .contactDetails {
		display: none;
	}
}
@media screen and (max-width:991.9px){
	.container-fluid.home,
	.container-fluid.about,
	.container-fluid.products,
	.container-fluid.gallery,
	.container-fluid.contact,
	.container-fluid.reviews {
		padding: 0;
	}
	.about .jumbotron .lead {
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
	}
	#captcha-error.alert-danger {
		position: relative;
		margin-top: 10px;
	}
	label.captcha-attempt {
		margin: 0;
	}
	.reviews .jumbotron .lead {
		font-size: 12pt;
	}
}
@media screen and (max-width: 960px){
	.tooltip {
		font-size: 12pt;
	}
	.tooltip-inner {
		max-width: 200px;
	}
	.tooltip p {
		font-size: 9pt;
	}
}
@media screen and (max-width: 900px){
	.home, 
	.about, 
	.products, 
	.gallery, 
	.contact, 
	.reviews {
		padding-bottom: 0px !important;
	}
	.title h1 {
		font-size: 30pt;
	}
	.home .jumbotron h1 {
		margin-top: -25px;
		font-size: 30pt;
	}
	.text {
		margin:80px 30px 0;
	}
	blockquote.quote {
		width: 100%;
		border-right: 5px solid #da4453 !important;
	}
	.gallery .paginationContainer #loadNextContainer {
		margin-bottom: 1.5rem!important;
	}
}
@media screen and (max-width: 800px){
	.navbar-brand {
		font-size: 18pt;
	}
	.navbar-collapse, .nav-link .badge {
		font-size: 9pt;
	}
}
/* Added the .9 hack to fix the 1px differece for the nav */
@media screen and (max-width: 767.9px){
	.navbar-brand {
		font-size: 25pt;
	}
	.navbar-collapse {
		max-width: 100% !important;
	}
	.navbar-nav {
		padding-top: 8px;
	}
	.navbar .navbar-nav li {
		border-top: 1px solid #101010;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
	}
	.navbar-collapse,
	.nav-link .badge {
		font-size: 12pt;	
	}
	.splash .text-center h1,
	.modal-title {
		font-size: 24pt;
	}
	.home .jumbotron h1 {
		margin-top: -20px;
		font-size: 24pt;
	}
	.title h1:before, 
	.title h1:after {
		width: 25%;
	}
	.about .jumbotron .row .col,
	.gallery .col:nth-child(2),
	.contact .row .col, 
	footer .row .col {
		flex-basis: auto;
	}
	.products .badge {
		top: -25px;
	}
	.gridder-show .gridder-padding {
		padding-bottom: 20px !important;
	}
	.gallery .col:nth-child(2) {
		margin-top: 20px;
	}
	.gallery .gridder-close {
		right: 0px;
		top: -15px;
	}
	.reviews .grid-item {
		width: 100%;
	}
	footer .row .col:not(:last-child) {
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 690px){
	.about > .container-fluid:last-child > .row > .col:first-child {
		margin-bottom: 3rem;
	}
}
@media screen and (max-width: 640px){
	.home .jumbotron h1 {
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.home .jumbotron:nth-child(2) h1,
	.home .jumbotron:nth-child(3) h1{
		max-width: -webkit-min-content !important;
		max-width: -moz-min-content !important;
		max-width: min-content !important;
		text-align: center;
		margin-top: -40px !important;
	}	
	.home .jumbotron:nth-child(3) h1 {
		width: 180px !important;
	}
	.home .jumbotron .lead {
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
		padding: 10px;
	}
	.title h1:before, 
	.title h1:after {
		width: 20%;
	}
	blockquote.quote h5 {
		width: 100%;
		margin-bottom: 30px;
	}
	.products .products-modal .modal-dialog {
		margin: 0;
	}
	.gridder-list.selectedItem:after {
		margin-top: 76px;
	}
	html.firefox .gridder-list.selectedItem:after {
		margin-top: 77px !important;
	}
}
@media screen and (max-width: 575.9px){
	.about .ribbon,
	.contact .ribbon {
		margin-left: -31px;
		margin-right: -31px;
		box-shadow: none;
	}
	.about .ribbon-default:before, 
	.about .ribbon-default:after,
	.contact .ribbon-default:before, 
	.contact .ribbon-default:after 	{
		content: none;
	}
	#emailus .modal-dialog, 
	#emailus .modal-body, 
	#emailReview .modal-dialog, 
	#emailReview .modal-body, 
	.thanks .modal-dialog, 
	.thanks .modal-body {
		margin: 0;
	}
}
@media screen and (max-width: 500px){
	.navbar-brand,
	.splash .text-center h1 {
		font-size: 6vw;
	}
	.badge {
		top: 0 !important;
		padding-bottom: .15em !important;
		padding-top: .35em !important;
	}
	.home .jumbotron {
		padding-left: 1.5rem !important;
		padding-right: 1.5rem !important;
	}
	.home .jumbotron .container-fluid {
		padding-bottom: 0 !important;
	}
	.home .jumbotron .lead,
	.about .jumbotron .lead {
		font-size: 12pt;	
	}
	.about .ribbon,
	.contact .ribbon {
		font-size: 24pt;
	}
	.title h1 {
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
		margin: auto;
		padding-bottom: 10px;
		border-bottom: 2px solid #292d34;
	}
	.title h1:before, 
	.title h1:after,
	.pagination #endOfGallery:before,
	.pagination #endOfGallery:after {
		content: none !important;
	}
	.pagination #endOfGallery {
		padding-bottom: 5px;
		border-bottom: 1px solid #292d34;
		width: 50% !important;
	}
	blockquote.quote a.quoteLink {
		left: 35%;
	}
	.products .modal-title {
		font-size: 20pt;
	}
	.products .badge {
		top: -3px !important;
		margin-left: 0;
		margin-right: 5px;
		padding: 0 !important;
		padding-left: 0.1em !important;
		padding-right: 0.1em !important;
		font-size: 15pt;
		line-height: 2;
	}
	.submit, 
	.reset {
		float: none !important;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
	#captcha-contact, 
	#captcha-review {
		margin-top: 10px;
	}
	.reviews .jumbotron h2 {
		font-size: 20pt;
	}
}
@media screen and (max-width:400px){
	.navbar-brand {
		font-size: 5vw;
	}
	.home .jumbotron:nth-child(1) h1,
	.home .jumbotron:nth-child(4) h1 {
		max-width: 180px !important;
		text-align: center;
		margin-top: -40px;
	}
	.products .modal-title {
		font-size: 18pt;
	}
	.gallery .gridder-show .gridder-padding {
		padding: 40px 45px;
	}
	.gallery .col:nth-child(2) h4 {
		font-size: 6vw;
	}
	.tooltip-inner {
		max-width: 150px;
	}
}
@media screen and (max-width:340px){
	.about > .container-fluid, 
	.about .col {
		padding: 0;
	}
	blockquote.quote a.quoteLink {
		left: 30%;
	}
	.captcha {
		width:100% !important;
	}
	.reload-contact, 
	.reload-review {
		margin-left:85% !important;
	}
}
@media screen and (max-width:320px){
	.navbar-brand img {
		display: none;
	}
	.gallery .gridder-close,
	.gallery .gridder-nav {
		font-size: 10vw;
	}
}
@media screen and (max-width:292px){
	img#captcha-contact, 
	img#captcha-review {
		width:80% !important;
	}
}
@media screen and (max-width:260px){
	.reload-contact, 
	.reload-review {
		margin-left: 80% !important;
	}
	.title h1, 
	.reviews h1 {
		font-size: 27pt;
		text-align: center;
	}
	.contact #reviewform .tooltip {
		margin-left:0px !important;
		margin-top: 60px;
	}
	.contact #reviewform .tooltip.right .tooltip-arrow {
		top: 6px !important;
		left: 6px !important;
		border-width: 5px 5px 5px 5px !important;
		border-bottom-color: #000;
		border-right-color:#FFF;
	}
}

/*Min Width and Max Width*/
@media screen and (min-width: 1141px) and (max-width: 1300px){
	.contact .jumbotron .lead {
		margin-left: 6vw;
		margin-right: 6vw;
	}
}
@media screen and (min-width: 992px) and (max-width: 1012px) {
	#captcha-contact, 
	#captcha-review {
		margin-top: 5px;
	}
	
}
@media screen and (min-width: 768px) and (max-width: 900px) {
	.navbar {
		padding: .5rem .5rem;
	}
	.navbar-expand-md>.container-fluid {
		padding: 0;
	}
	#arrow {
		padding-bottom: 50px;
	}
}
@media screen and (min-width: 768px) and (max-width: 991.9px) {
	.contact .jumbotron .col:nth-child(1) {
		text-align: right;
	}
	.contact .jumbotron .col:nth-child(2) {
		text-align: left;
	}
}
@media screen and (min-width: 575.9px) and (max-width: 900px) {
	.paginationContainer .changeItemsPerPage {
		flex: 1 1 auto!important;
		justify-content: center!important;
	}
}
@media screen and (min-width: 992px) {
	.captcha {
		height: 255px;
	}
}
@media screen and (min-width: 768px) {
	html.msIE .navbar-expand-md .navbar-collapse {
		display: block !important;
	}
	
	.reviews .grid .jumbotron:nth-last-child(1), 
	.reviews .grid .jumbotron:nth-last-child(2) {
		margin-bottom: 0 !important;
	}
}

/* PRINT */
@media print {
	@page {
		margin-top: 3cm;
		margin-bottom: 3cm;
	}
	*{
		background: transparent !important;
		color: black !important;
	}
	#fb a:after, 
	footer .col:nth-child(2) a:after,
	footer .col:nth-child(3) p:last-child a:after {
		content: " ("attr(href)")"
	}
	a[data-smoothscroll-tosection],
	.home .jumbotron .lead a {
		text-decoration: none;
	}
	.home {
		margin-top: 30px !important;
	}
	.splash {
		padding: 0px !important;
	}
	.home .jumbotron {
		padding-top: 0;
	}
	.home .jumbotron h1 {
		background: #fff !important;
	}
	.home .jumbotron:nth-child(1) h1 {
		color: #dc3545 !important;
	}
	.home .jumbotron:nth-child(2) h1,
	.home .jumbotron:nth-child(2) h1 span.experience {
		color: #4168b7 !important;
	}
	.home .jumbotron:nth-child(3) h1 {
		color: #8b4513 !important;
	}
	.home .jumbotron:nth-child(4) h1 {
		color: #008000 !important;
	}
	#about {
		page-break-before: always;
	}
	.title h1 {
		text-decoration: underline double;
	}
	.ribbon {
		text-decoration: underline;
	}
	.ribbon:before,
	.ribbon:after,
	.products .productSquare img,
	.modal,
	.gallery .gridder-show,
	.fb-like,
	.fb-share-button,
	.contact > .container-fluid,
	footer .arrow {
		display: none !important;
	}
	.about .jumbotron .lead {
		width: auto !important;
	}
	.products .productSquare, .products .productSquare a {
		height: initial;
	}
	.products .productSquare a span {
		color: black !important;
	}
	blockquote.quote {
		border-top: #dc3545 1px solid !important;
		border-bottom: #dc3545 1px solid !important;
	}
	a[href="#emailus"]:after {
		content: " at pauleastfieldjoinery@btinternet.com";
	}
	.contact .jumbotron .lead {
		margin: 0 !important;
	}
	.reviews .jumbotron.grid-item {
		padding: 0 !important;
		width: 550px !important;
	}
	.reviews .jumbotron.grid-item:nth-child(odd) {
		margin-left: 50px;
	}
	.starRating.star1:after {
		content: "1 stars";
	}
	.starRating.star2:after {
		content: "2 stars";
	}
	.starRating.star3:after {
		content: "3 stars";
	}
	.starRating.star4:after {
		content: "4 stars";
	}
	.starRating.star5:after {
		content: "5 stars";
	}
	footer .col {
		flex-basis: auto;
		margin-bottom: 40px;
	}
}