body {
    background-color: #fafcf4;
    background: url(img/bg-sabina-paper.jpg) repeat top center; 
	font-family: Georgia, serif;
}
.artintro{ 
position: absolute; 
top: 0; left: 0; 
width: 100%;
}


a:hover { text-decoration: none;}
a.back { opacity: 0.7 }
a.back:hover { opacity: 1 }
h1, h2, h3, h4 { 
font-family: 'Cinzel Decorative', cursive; 
color: #978e65 !important;
} 
h1 small, h2 small { 
color: #aba070 !important;
} 
p { font-size: 17px; line-height: 160%;}
p.small { line-height: 100%; }
p.big { line-height: 200%; }
p.clear {clear: both;}

footer{ padding-top: 20px; padding-bottom: 60px;}

.nav a {
  color: #dfddc8;
  font-size: 14px;
  padding: 14px 10px;
  text-transform: uppercase;
}
.nav a img {opacity: 0.5;}
.nav a:hover img {opacity: 0.9;}
.nav li {
  display: inline;
}
.nav a .lower { text-transform: lowercase; }
.navbar-default .navbar-nav .open .dropdown-menu>li>a, .navbar-inverse .navbar-nav .open .dropdown-menu {
    //background-color: #666252;
    color:#ffffff;
  }
  

.navbar-brand {
  transform: translateX(-50%);
  left: 50%;
  position: absolute;
}
/* DEMO example styles for logo image */
.navbar-brand {
  padding: 0px;
}
.navbar-brand>img {
  height: 100%;
  width: auto;
  padding: 7px 14px;
}


.navbar-fixed-bottom {
    min-height: 50px;
}

.navbar-nav > li > a {
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 50px;
}

@media (max-width: 767px) {
    .navbar-nav > li > a {
    line-height: 18px;
    padding-top: 15px;
    padding-bottom: 20px;}
}


.navbar-fixed-bottom {
    min-height: 50px;
}
.navbar-nav > li > a {
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 50px;
}
@media (max-width: 767px) {
    .navbar-nav > li > a {
    padding-top: 0px;
    padding-bottom: 0px;
	margin-top: 0px;
    line-height: 20px;
	margin-bottom: 0px;}
}




.navbar-default {
  background: transparent url(img/panel-glow.png) repeat-x top center;
  border: #none;
}
.navbar-default .navbar-brand {
  color: #49676f;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #e2ab4c;
}
.navbar-default .navbar-text {
  color: #49676f;
}
.navbar-default .navbar-nav > li > a {
  color: #49676f;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #d1deb5;
  background: transparent url(img/panel-glow-hover.png) repeat-x top center;
}
.navbar-default .navbar-nav > li > .dropdown-menu {
  background: transparent url(img/panel-glow2.png) repeat top center;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
  color: #ecf0f1;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #d1deb5;
  background: transparent url(img/panel-glow-hover.png) repeat-x top center;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
  background-color: #8e44ad;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #ecdbff;
  background-color: #8e44ad;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #e2ab4c;
  background-color: #575340;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #e2ab4c;
  background-color: #575340;
}
.navbar-default .navbar-toggle {
  border: none;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #575340;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #49676f;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border: none;
}
.navbar-default .navbar-link {
  color: #49676f;
}
.navbar-default .navbar-link:hover {
  color: #e2ab4c;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #49676f;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #e2ab4c;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #e2ab4c;
    background-color: #575340;
  }
}


.col-lg-3, .col-md-4 { padding: 0; margin: 0;}


hr { border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); }


  .carousel-inner img {
	height: 400px;
      margin: 0 auto;
  }
  .carousel-caption h3 {
      color: #fff !important;
	   text-shadow: black 0 1px 2px;
  }
  @media (max-width: 600px) {
    .carousel-caption {
      display: none; /* Hide the carousel text when the screen is less than 600 pixels wide */
    }
  }

.gap-bottom { padding-bottom: 20px; }
.gap-left { margin-left: 15px; }
.gap-right { margin-right: 20px; }
.gap-top { margin-top: 20px; }

a.ttlink {color: #336633;}


.person {
    margin-bottom: 15px;
    opacity: 0.8;
}
.person:hover { opacity: 0.9;}

.quote{
	font-family: 'Great Vibes', cursive;
	font-size: 25px;
	line-height: 100%;
	color: #81755e;
}
.quote span{
	font-family: Georgia, serif;
	font-size: 12px;
}


#nav, #nav ul {
padding: 0;
margin: 0;
list-style: none;
width: 160px;
z-index: 100;
}
#nav a {
border:0;
width:100%;
font-size: 16px;
display: block;
color: #e2ae66;
}
#nav a:hover {
width:100%;
color: #fadaad;
margin: 0 0 0 -30px;
padding: 0 0 0 30px;
background: url("https://www.sabinanore.com/img/section-hover.png") no-repeat;
z-index: 100;
text-decoration: none;
}
#nav li {
float: left;
width:100%;
height: 45px;
background: url("https://www.sabinanore.com/img/menu.png") no-repeat;
}
#nav li ul {
position: absolute;
width: 160px;
left: -999em;
padding-top: 42px;
}
#nav li ul li {
float:none;
height: 22px;
background: url("https://www.sabinanore.com/img/section.png") no-repeat;
display:block;
padding: 1px 0 2px 30px;
z-index: 100;
}
#nav li:hover ul, #nav li.sfhover ul {
left: auto;
}

.bronze { color: #999966; }
.dawn { color: #a19f97; }
.green { color: #708b1f; }
.haze { color: #85806F; }
.red { color: #663300; }

.large { font-size: 160%; }
.medium { font-size: 110%; }
.small { font-size: 90%; }

.float-left { float: left;}
.float-right { float: right;}
.marginmore {margin: 2em;}
.padmore {padding: 2em;}

.art-shadow {
box-shadow: 0 4px 8px 1px rgba(0, 0, 0, 0.2), 0 10px 20px 0 rgba(0, 0, 0, 0.3);
}
.artwork-tags {
margin: 15px 0px;
color: #a19f97;
font-family: 'Great Vibes', cursive;
font-size: 20px;
line-height: 100%;
}
.artwork-tags span {color: #676252;}
.painting-inquiry {
float: right;
margin: 10px 50px 0 0;
}

h1.sabina {
font-size: 60px;
color: transparent;
text-shadow: 0px 0px 1px #9a9c61;
position: absolute;
top: 600px;
right: 20px; 
transform: rotate(90deg);
transform-origin: right top 0;
opacity: 0.5;
z-index: -1;
}
h2.surreal-head{
content: "reflect";
-webkit-transform:  scaleY(-1) translateY(-100%) ;
transform:  scaleY(-1) translateY(-100%) ;
-webkit-transform-origin: 100% 0 0;
transform-origin: 100% 0 0;
margin: none;
}
.sabina-symbol1, .sabina-symbol2 {position: absolute;}
.sabina-symbol1 {top: 40px; left: 0px; z-index: 10;}
.sabina-symbol2 {top: 120px; right: 20px; z-index: -1;}

/* Rotating Star */
a {
	text-decoration: none;
	position: relative;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
a:after, a:before {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.flower:after {
	content: "\1F338";
	position: absolute;
	top: -20px;
	right: 0;
	color: transparent;
}
.blur:hover {
	color: transparent;
	text-shadow: 0 0 5px #dfddc8;
}
.flower:hover:after, .gem:hover:after {
	right: -25px;
	color: black;
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg);
	padding: 5px;
}
#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#dbd2b5;
	padding:5px;
	display:none;
}
/*  */