/* DJ Andras  */

body {font-family: 'EB Garamond', serif;}
h1, h2, h3, h4, h5, h6 {font-family: 'Dancing Script', cursive;}
p {line-height: 1.75;}
a {color: #e6a756;}
a:hover {color: rgba(50, 50, 50, 0.6);}
footer a {color: inherit;}
footer a:hover {color: #fff;}
	
header {overflow: hidden;position: relative;background-image: linear-gradient(rgba(47, 23, 15, 0.8), rgba(50, 50, 50, 0.2));}
header:before {background-image: url('header.jpg');background-position: center 10%;background-size: cover;opacity: 0.5;content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: -1;}
.site-heading {margin: 0;padding-top: 2rem;padding-bottom: 2rem;line-height: 1;}
.site-heading .site-heading-upper {display: block;font-weight: 100;font-size: 1.8rem;font-family: 'EB Garamond', serif;}
.site-heading .site-heading-lower {display: block;font-weight: 100;font-size: 15vw;}
.site-heading-stamp {display: inline-block;margin-left: 1rem;text-indent: 0;padding: 15px;border: 8px groove #b1a9a9;text-transform: uppercase;font-family: 'EB Garamond', serif;background-color: rgba(50, 50, 50, 0.2);transform: rotate(8deg);-webkit-transform: rotate(8deg);-ms-transform: rotate(8deg);}
@media (max-width: 699px) { .site-heading-stamp {margin-top: 2rem;}}
@media (min-width: 576px) { .site-heading .site-heading-lower {font-size: 4rem;line-height: 3rem;}}
@media (min-width: 768px) {
	.site-heading .site-heading-upper {text-indent: -22%;}
	.site-heading .site-heading-lower {text-indent: 8%;}
}
#mainNav, .dropdown-menu {background-color: rgba(50, 50, 50, 0.9);}
#mainNav .dropdown-item:focus, #mainNav .dropdown-item:hover {background-color: rgba(50, 50, 50, 0.9);}
#mainNav .navbar-brand {color: #e6a756;}
#mainNav .navbar-nav .nav-item .nav-link {color: rgba(255, 255, 255, 0.7);font-weight: 400;}
#mainNav .navbar-nav .nav-item.active .nav-link  {color: #e6a756;}
#mainNav .dropdown-menu .dropdown-item.active, #mainNav .dropdown-menu .dropdown-item:active {color: #e6a756;background-color: transparent;}
@media (min-width: 992px) {
	#mainNav .navbar-nav .nav-item .nav-link, #mainNav .dropdown-item.active, #mainNav .dropdown-item:active {font-size: 1rem;}
	#mainNav .navbar-nav .nav-item .nav-link:hover, #mainNav .dropdown-item:hover {color: rgba(255, 255, 255, 0.4);}
	#mainNav .navbar-nav .nav-item.active .nav-link:hover, #mainNav .dropdown-item.active:hover {color: #e6a756;}
}
#nav_shadow {background: url('nav_shadow.png') no-repeat top center;position: absolute;left: 0;right: 0;height: 5rem;z-index: 1;}
.intro {position: relative;}
@media (min-width: 992px) {
	.intro .intro-img {width: 75%;float: left;}
	.intro .intro-text {right: 0;width: 60%;margin-top: 3rem;position: absolute;}
	.intro .intro-text .intro-button {width: 100%;left: 0;position: absolute;bottom: -2rem;}
}
@media (min-width: 1200px) { .intro .intro-text {width: 45%;}}

.page-section {margin-top: 3rem;margin-bottom: 5rem;}
.section-heading .section-heading-upper {display: block;font-size: 5vw;font-weight: 100;font-family: 'EB Garamond', serif;}
.section-heading .section-heading-lower {display: block;font-size: 9vw;font-weight: 100;}
@media (min-width: 768px) {
	.section-heading .section-heading-upper {font-size: 1.8rem;}
	.section-heading .section-heading-lower {font-size: 3.5rem;}
}
@media (min-width: 992px) {
	.about-heading .about-heading-img {position: relative;z-index: 0;}
	.about-heading .about-heading-content {margin-top: -10rem;position: relative;z-index: 1;}
	.product-item .product-item-title {position: relative;z-index: 1;margin-bottom: -3rem;}
	.product-item .product-item-img {position: relative;z-index: 0;max-width: 70vw;width: 70vw;}
	.product-item .product-item-description {position: relative;z-index: 1;margin-top: -3rem;max-width: 50vw;}
}

.bg-faded {background-color: rgba(255, 255, 255, 0.85);box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.6);}
.quote {padding-top: 3rem;padding-bottom: 3rem;background-color: rgba(200, 200, 200, 0.9);}
.quote .quote-inner {position: relative;padding: 3rem;margin: 0.5rem;background-color: rgba(255, 255, 255, 0.85);}
.quote .quote-inner:before {border-radius: 0.5rem;content: '';position: absolute;top: -0.5rem;bottom: -0.5rem;left: -0.5rem;right: -0.5rem;border: 0.25rem solid rgba(255, 255, 255, 0.85);}
.quotealert {padding: 1rem 0.5rem 1rem 2rem;background-color: rgba(230,167,86,.9);}
.list-philo h4 {color: rgba(215,160,80,.9);font-family: inherit;font-size: 1.3rem;}
.card-header {background-color: rgba(200, 200, 200, 0.9);}
.card-header h3 {margin: 0;}
.address strong {font-size: 1.2rem;}
.footer {background-color: rgba(50, 50, 50, 0.9);}
.font-weight-light {font-weight: 100 !important;}
.text-faded {color: rgba(255, 255, 255, 0.4);}
.text-primary {color: #e6a756 !important;}
.bg-primary {background-color: #e6a756 !important;}
.btn {box-shadow: 3px 3px 3px 0px rgba(50, 50, 50, 0.4);}
.btn-lg {font-weight: 800;font-size: 1.5rem;}
.btn-primary {background-color: #e6a756;border-color: #e6a756;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {background-color: #df902a;border-color: #df902a;box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.8);}
.carousel-caption {background-color: rgba(0, 0, 0, 0.4);}
.carousel-caption h3 {font-size: 4rem;}
.sepia {-webkit-filter: sepia(1);filter: sepia(1);}
.grey {-webkit-filter: grayscale(1);filter: grayscale(1);}
.opc3 {opacity: .3;filter: alpha(opacity=30);}
.opc5 {opacity: .5;filter: alpha(opacity=50);}
.opc7 {opacity: .7;filter: alpha(opacity=70);}
.blur1 {-webkit-filter: blur(1px);filter: blur(1px);}
.blur2 {-webkit-filter: blur(2px);filter: blur(2px);}
.blur5 {-webkit-filter: blur(5px);filter: blur(5px);}

.gal-item{overflow: hidden;padding: 3px;}
.gal-item .box{height: 250px;overflow: hidden;}
.box img{height: 100%;width: 100%;object-fit:cover;-o-object-fit:cover;}
.gal-item a:focus{outline: none;}
.gal-item a:after{content:"\f00e";font-family: 'FontAwesome';opacity: 0;background-color: rgba(0, 0, 0, 0.75);
position: absolute;right: 3px;left: 3px;top: 3px;bottom: 3px;text-align: center;line-height: 250px;font-size: 30px;
color: #fff;-webkit-transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;transition: all 0.5s ease-in-out 0s;}
.gal-item a:hover:after{opacity: 1;}
.gal-container .description{position: relative;height: 40px;top: -20px;padding: 5px 10px;background-color: rgba(0,0,0,0.5);color: #fff;font-size: .9rem;}
.modal-open .gal-item button.close{position: absolute;width: 25px;height: 25px;line-height: 21px;background-color: #000;opacity: 1;color: #fff;
z-index: 999;right: -12px;top: -12px;border-radius: 50%;border: 2px solid #fff;box-shadow: 0 0 1px 1px rgba(0,0,0,0.35);}
.modal-open .gal-item button.close:focus{outline: none;}
.modal-open .gal-item button.close span{position: relative;top: -3px;font-weight: lighter;text-shadow:none;}
@media (min-width: 576px) {.gal-container .modal-dialog {max-width:90%;}}

.callout {padding: .5rem;margin-top: 1rem;margin-bottom: 1rem;}
.callout-info-0 {border-left: rgba(50, 50, 50, 0.6) .5rem solid;text-align:left;}
.callout-info-0 h4 {color: rgba(50, 50, 50, 0.6);}
.callout-info-1 {border-right: rgba(215,160,80,.9) .5rem solid;text-align:right;}
.callout-info-1 h4 {color: rgba(215,160,80,.9);}
/*
.text{width:75%;display:flex;flex-direction:column;}
.text > p:first-of-type{width:100%;margin-top:0;margin-bottom:auto;line-height: 13px;font-size: 12px;}
.text > p:last-of-type{width:100%;text-align:right;color:silver;margin-bottom:-7px;margin-top:auto;}
.text-l{float:left;padding-right:10px;}        
.text-r{float:right;padding-left:10px;}
.avatar{display:flex;justify-content:center;align-items:center;width:25%;float:left;padding-right:10px;}
.macro{margin-top:5px;width:85%;border-radius:5px;padding:5px;display:flex;}
.msj-rta{float:right;background:whitesmoke;}
.msj{float:left;background:white;}
.frame{background:#e0e0de;height:450px;overflow:hidden;padding:0;}
.frame > div:last-of-type{position:absolute;bottom:5px;width:100%;display:flex;}
ul {width:100%;list-style-type: none;padding:18px;position:absolute;bottom:32px;display:flex;flex-direction: column;}
.msj:before{width: 0;height: 0;content:'';top:-5px;left:-14px;position:relative;border-style: solid;border-width: 0 13px 13px 0;border-color: transparent #ffffff transparent transparent;}
.msj-rta:after{width: 0;height: 0;content:'';top:-5px;left:14px;position:relative;border-style: solid;border-width: 13px 13px 0 0;border-color: whitesmoke transparent transparent transparent;}
*/