/* CSS Document */

/* google fonts */
@import url('https://fonts.googleapis.com/css?family=Great+Vibes|Lora:400,400i,700,700i|Open+Sans:400,400i,700,700i');

/*
font-family: 'Open Sans', sans-serif;
font-family: 'Lora', serif;
font-family: 'Great Vibes', cursive;
*/

/* site styling */
body {
	background: white;
	font-family: 'Open Sans', sans-serif;
}

img.img-fluid {
	width: 100%;
}

.header {
	background: #F3F4F5;
}

.pn_index .header > .row {
	height: 600px;
}

.nav-item {
	margin-left: 15px;
}

.nav-link {
	color: white!important;
	background: #800020;
	font-family: 'Lora', serif;
	font-size: 20px;
	font-weight: 400;
}

.nav-link:focus, .nav-link:hover, .nav-link.current {
	color: white!important;
	background: #800020;
	font-family: 'Lora', serif;
	font-size: 20px;
	font-weight: 400;
}

.pn_index .navbar-toggler {
	border-color: white;
}

.pn_index .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E")!important;
}

/* home page */

.about-us {
	
}

.show-ie.about-us .row {
	background: #f3e6e9;
}

.about-us .card .row {
	/* background: linear-gradient(180deg, #fff 10%, rgba(0, 0, 0, 0) 10%), linear-gradient(180deg, #f3e6e9 90%, #fff 90%); */
	background: #f3e6e9;
}

.about-us .card {
	border: 0;
}

.card-title {
	color: black;
	font-family: 'Lora', serif;
	font-size: 35px;
	line-height: 35px;
	font-weight: 400;
	margin-bottom: 0;
}

.card-text {
	color: black;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 400;	
}

.card-text.about-us-intro {
	color: black;
	font-family: 'Lora', serif;
	font-size: 21px;
	font-weight: 400;	
}

.craftsmanship {
	background:  #F3F4F5;
}

.craftsmanship-title {
	color: #800020;
	font-family: 'Great Vibes', cursive;
	font-size: 88px;
	font-weight: 400;	
}

.show-ie.craftsmanship .row.craftsmanship-bg {
	background: #f3e6e9;
}

.craftsmanship .card .row {
	/*background: linear-gradient(180deg, #F3F4F5 10%, rgba(0, 0, 0, 0) 10%), linear-gradient(180deg, #f3e6e9 100%, #F3F4F5 100%);*/
	background: #f3e6e9;
}

.craftsmanship .card {
	border: 0;
}

.card-title {
	color: black;
	font-family: 'Lora', serif;
	font-size: 35px;
	line-height: 35px;
	font-weight: 400;
	margin-bottom: 0;
}

.card-text {
	color: black;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 400;	
}

.card-text.craftsmanship-intro {
	color: black;
	font-family: 'Lora', serif;
	font-size: 21px;
	font-weight: 400;	
}

.page-title {
	color: black;
	font-family: 'Lora', serif;
	font-size: 35px;
	font-weight: 400;
}

.page-intro {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: black;	
}

.services-listing .card {
	background: #f3e6e9;
	border: 0;
}

.services-listing .card h5.card-title {
	font-family: 'Lora', serif;
	font-size: 21px;
	font-weight: 400;
}

.services-listing .card .card-text {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 400;	
}

/* gallery */
.gallery .card-title {
	color: black;
	font-family: 'Lora', serif;
	font-size: 21px;
	line-height: 21px;
	font-weight: 400;
}

.gallery .page-intro {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: black;	
}

/* Gallery */
.jb-flag-large-screen-mode, .jb-area-large-mode-title {
	text-shadow: none!important;
	color: white!important;
	background: rgba(0, 0, 0, .4);
}

.jbac-number.jb-classifier-layer {
	color: white!important;
}
.jb-caption-title {
	color: white!important;
	background: rgba(0, 0, 0, .2);
}
.jb-caption-desc {
	color: white!important;
	background: rgba(0, 0, 0, .2);
	width: 100%;
}


/* custom button color */

.btn-custom-1 {
	color: #000;
    border-color: #800020;
}


.btn-custom-1:hover, .btn-custom-1:not(:disabled):not(.disabled).active, .btn-custom-1:not(:disabled):not(.disabled):active, .show>.btn-custom-1.dropdown-toggle {
	color: #fff;
    background-color: #800020;
    border-color: #800020;
}


.footer {
	border-top: 1px solid white;
}

.footer ul {
	list-style: none;
	padding: 0;
}

.footer ul li a {
	color: black;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-weight: 400;
}

.footer td {
	color: black;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-weight: 400;
}

.footer strong {
	color: black;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-weight: 700;	
}

.footer a .fab {
	color: black;
	font-size: 33px;
}

.show-ie {
	display: none;
}

.services-pagination .pagination .page-link {
	color: #000;
    border-color: #800020;
}

.services-pagination .pagination .page-item.disabled .page-link {
	color: #dee2e6;
	border-color: #dee2e6;
}

.services-pagination .pagination .page-item.active .page-link {
	color: #fff;
    background-color: #800020;
    border-color: #800020;
}


/* responsive style overrides */

/* xs */
@media (max-width: 575.98px) {
	.pn_index .header > .row {
		height: 250px;
	}	
	.nav-item {
		margin-left: 0px;
	}
}

/* sm */
@media (min-width: 576px) and (max-width: 767.98px) {
	.pn_index .header > .row {
		height: 300px;
	}
	.pn_index .nav-item {
		margin-left: 0px;
	}	
}

/* md */
@media (min-width: 768px) and (max-width: 991.98px) { 
	.pn_index .nav-link {
		font-size: 15px;
	}

	.nav-link:focus, .nav-link:hover, .nav-link.current {
		font-size: 15px;
	}
	.pn_index .header > .row {
		height: 430px;
	}	
}

/* lg */
@media (min-width: 992px) and (max-width: 1199.98px) { 
	.pn_index .header > .row {
		height: 500px;
	}	
}

/* xl */
@media (min-width: 1200px) { 
	.pn_index .header > .row {
		height: 600px;
	}	
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	 /* IE10+ CSS styles go here */
	.hide-ie {
		display: none;
	}
	.show-ie {
		display: block;
	}
	.float-left {
		float: none!important;
		display: -ms-inline-flexbox;
	}
	.dropdown-item.float-left {
		width: 24%!important;
	}
	.card-img-top {
		height: 100%;
	}
}



/* designer overrides */

body {
}


@media (max-width: 575.98px) {
	.craftsmanship-title { font-size: 65px; }		
}

@media (min-width: 576px) and (max-width: 767.98px) {
	.craftsmanship-title { font-size: 65px; }		
}

@media (min-width: 768px) and (max-width: 991.98px) { 
	
}

@media (min-width: 992px) and (max-width: 1199.98px) { 
	
}

@media (min-width: 1200px) { 
	
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	
}