/* CSS Document */


/** {
padding:0;
margin:0;
}*/
table, p, ul, ol, li h1, h2, h3, h4, hr blockquote{
margin: 0px;
padding: 0px;
}
/********************************************** HTML & BODY ***************************************** */
html{
font-size:16px;
scroll-behavior: smooth; 
}
body {
font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;
padding: 0;f
margin: 0;
}
/**********************************************************************************************************************/
/************************************* HEADINGS 1 2 3 and 4 *********************************************************/
/**********************************************************************************************************************/

/******************************** HEADING ONE ********************************************/

h1, h2, h3, h4, h5 {
font-family: 'Lato', sans-serif;
font-weight:100
}
@media (min-width: 0px) {
h1 {
/*font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;*/
font-size: 1.3rem;
letter-spacing: 0rem;
margin-top: .5rem;
margin-bottom: .7rem;
color: #333333;
line-height: 2rem;
text-align: center;
}
}
@media (min-width: 576px) {
h1 {
/*font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;*/
font-size: 1.5rem;
letter-spacing: 0rem;
margin-top: .7rem;
margin-bottom: .9rem;
color: #333333;
line-height: 2rem;
}
}
@media (min-width: 768px) {
h1 {
/*font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;*/
font-size: 1.5rem;
letter-spacing: .1rem;
margin-top: .7rem;
margin-bottom: .9rem;
line-height: 2rem;
color: #333333;
}
}
@media (min-width: 992px) {
h1 {
font-size: 1.5rem;
letter-spacing: .1rem;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
line-height: 2rem;
color: #333333;
}
}
@media (min-width: 1200px) {
h1 {
/*font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;*/
font-size: 1.5rem;
letter-spacing: .1rem; 
margin-top: 2.2rem;
margin-bottom: 2.4rem;
line-height: 2rem;
color: #333333;
}
}
/******************************** HEADING TWO ********************************************/

h2 {
/*font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;*/
font-size: 1.6rem;
letter-spacing: 0rem;
line-height: 1.7rem;
padding-top: .5rem;
padding-bottom: .5em;
text-align:center;
color: #333333;
}
/******************************** HEADING 4 ********************************************/
h4 {
margin-bottom:1rem;
font-size: 1em;
margin: 0rem 0rem 0rem 0rem;
padding: .3rem 0rem .5rem 0rem;
font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;
font-weight:100;
line-height: 1.2rem;
letter-spacing: 0.025rem;
text-transform:uppercase;
}

hr.double  {
border-top: 3px double #8c8b8b;
}


hr.double2 {
border-top: 1px solid #8c8b8b;
border-bottom: 1px solid #fff;
}
hr.double2:after {
content: '';
display: block;
margin-top: 2px;
border-top: 1px solid #8c8b8b;
border-bottom: 1px solid #fff;
}

/*********************************************************************************************************/
/********************************************** TOP ******************************************************/
/*********************************************************************************************************/

/******************** ANNOUNCEMENT at TOP OF PAGE **********************************/
.ad {
background-color:white;
color:#999999;
margin-bottom: 0rem;
text-align: center;
display:none;
}
/******************************* JUMBOTRON *************************************************/
@media (min-width: 0px)  {
.jumbotron {
background-image: url(background-images/jumbotron-study.jpg);
background-repeat:no-repeat;
background-size: cover;
background-position: center center;
margin-bottom: 0;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
height:250px;
}
}
@media (min-width: 576px)  {
.jumbotron {
background-image: url(background-images/jumbotron-writing.jpg);
background-repeat:no-repeat;
background-size: cover;
background-position: center center;
margin-bottom: 0;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
height:250px;
}
}
@media (min-width: 768px) {
.jumbotron {
background-image: url(background-images/jumbotron-art.jpg);
background-repeat:no-repeat;
background-size: cover;
background-position: center center;
margin-bottom: 0;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
height:400px;
}
}
@media (min-width: 992px) {
.jumbotron {
background-image: url(background-images/jumbotron-berlin.jpg);
background-repeat:no-repeat;
background-size: cover;
background-position: center center;
margin-bottom: 0;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
height:400px;
}
}
@media (min-width: 1200px) {
.jumbotron {
background-image: url(background-images/jumbotron-clouds.jpg);
background-repeat:no-repeat;
/*background-size: cover;*/
background-position: bottom -40px left;
height:400px;
margin-bottom: 0;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
}
}
/*************************** VARIOUS ELEMENTS AT TOP OF PAGE  **********************************/
#logo-top {
width: 30px;
height: 30px;
position:relative;
left: 50%;
top: 33%; 
}
#svg-logo {
width: 26px;
fill: #aaaaaa;
margin-top:30px;
}

.logo-e {
fill: #aaaaaa;
stroke: #aaaaaa;
stroke-width: 0.4px;	 
}
.logo-v {
fill: #aaaaaa;
stroke: #aaaaaa;
stroke-width: 0.4px;		 
}
/******************** div which holds H! title of page************************************/
.page-title {
margin-bottom: 1.2rem;
text-align: center;
color: #666666;
font-size:.5rem;
}
@media (min-width: 1200px) {
.page-title {
padding: 0rem 0rem 0rem 0rem;
margin-bottom: 0rem;
}
}
/************* anchor at top of page for eventual scroll up and scroll down offset *******/
#top-anchor {
position:absolute;
top: 380px;
width: 30px;
height: 30px;
}
.ev-three-dot-o {
font-family: 'Lato', sans-serif;
display:block;
position: relative;
font-size: 3.5rem;
color: white;
opacity: .3;
text-align: center;
top:58%;
}
@media (min-width: 1200px) {
.ev-three-dot-o {
display:block;
position: relative;
font-size: 3.5rem;
color: black;
opacity: .08;
text-align: center;
top:40%;
}
}
/******************************************************************************/
/*************************** NAVIGATION BAR **********************************/
/******************************************************************************/

 nav   {
font-family: 'Lato', sans-serif;
margin-bottom: 0rem;
padding-bottom: -1rem;
}

.navbar {
backgound-image: none;
background-color: white;
/*border-bottom: 1px solid #cccccc;*/
border-top: 1px solid #cccccc;
z-index: 1020;
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1020;
background-image:url(svg-images/brand-name-with-box-01.svg);
background-position: 2.5rem .5rem;
background-repeat:no-repeat;
background-size:26px;
/*border:red 1px solid;*/
}
.navbar.active{
background-image: none;
background-color: pink;
position: -webkit-sticky;
position: sticky;
}
.navbar .navbar-nav .my-link {
color: #666666;
font-size: .75rem;
margin: 0rem .5rem 0rem .5rem;
border-bottom: 1px solid transparent;
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-ms-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease; 
}
.navbar .navbar-nav .my-link:hover {
font-size: .75rem;
margin:0rem .5rem 0rem .5rem;
border-bottom: 1px solid #aaaaaa;
color: #999999;
text-decoration: none;
}
.navbar-brand {
line-height:1rem;
width:28px;
height: 20px;
}
.navbar-text {
font-size: 1.1rem;
line-height: 1rem;
letter-spacing: 0rem;
font-weight: normal;
display: inline-block;
padding-top: 1px;
padding-bottom: 0; 
margin-top: 0;
margin-bottom: 0; 
}
.navbar-toggler-icon {
display: inline-block;
width: 1rem;
height: 1rem;
vertical-align: middle;
content: "";
/*content:  url(../css/background-images/logo-menu-top.jpg);*/
background: no-repeat center center;
background-size: 100% 100%;
}
.navbar-light .navbar-toggler-icon {
border: 0px;
}
.navbar-light .navbar-toggler {
border: 0px;
}
.nav-search {
font-size: .65em;
width: 4.7rem;
text-transform:uppercase;
color: #6666666;
border: 1px solid #999999;
padding: .1rem 1.8rem 0.09rem 1rem;
margin-right: 2rem;
margin-top: 2px;
line-height: 1;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-ms-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease; 
}
.nav-search:hover {
color:#999999;
border: 1px solid #bbbbbb;
cursor:pointer;
}
.navbar-nav > li {
font-size: 20px;
}
.dropdown-menu  .show{
font-size: 20px;
z-index:1210;
}
.navbar-nav .dropdown-menu { /*puts light bottom shadow on navbar dropdown menu*/
position: static;
float: none;
border-radius: 0rem;
box-shadow: 0 8px 6px -6px #dddddd;
}

.my-dopdown-navbar-link  { /*determines rules for font aize and spacing in navbar menu dropdown POPULAR PAGES menu*/
font-size: .9rem;
line-height:1.4rem;
}

#hide-most-popular {
display:block;
}
@media (max-width: 900px) {
#hide-most-popular {
display:none;
}
} 
#hide-events {
display:block;
}
@media (max-width: 950px) {
#hide-events {
display:none;
}
} 
/************ removes "3.0" from ESSENTIAL VERMEER 3.0 in small device navbars ***********************************/
@media (max-width: 350px) {
.three-point-o {
display: none; 
}
}
/************ removes "3.0" from ESSENTIAL VERMEER 3.0 in small device navbars ***********************************/
@media (max-width: 350px) {
.three-point-o {
display: none; 
}
}
.scrolled {
border-bottom: 1px #cccccc solid;
border-top: 0px white solid;
}



/************* anchor at top of page for eventual scroll up and scroll down offset *******/
#top-anchor {
position:absolute;
top: 380px;
width: 30px;
height: 30px;
}

#top-offset {
position:absolute;
top:410px;
}

@media (max-width: 768px) {
#top-offset {
position:absolute;
top:250px;
}
}

/******************************** MINOR ELEMENTS ******************************* */
bold, strong {
font-weight:bold;
}

em {
opacity: 1;
}
/*************************************** LINE ************************************** */
hr {
border-top: 1px solid #dbc8ca;
border-bottom: 0px solid white;
clear: both;
margin: 0 0 1.3rem 0;
}



.after-NEW-svg:after {
display: inline-flex;
content: '';

/* Using the background-image and
its related properties to add
the SVG content */
background-image: url('../css/background-images/adter-new-svg.svg');
background-size: 30.68695px 14px;
height: 16px;
width: 60px;
background-position: 5px 2px;
background-repeat:no-repeat;
}
		
.after-ONGOING-svg:after {
display: inline-flex;
content: '';
/* Using the background-image and
its related properties to add
the SVG content */
background-image: url('../css/background-images/after-ongoing-svg.svg');
background-size: 60.35566px 14px;
height: 16px;
width: 70px;
background-position: 5px 2px;
background-repeat:no-repeat;
}

.after-REVISED-svg:after {
display: inline-flex;
content: '';
/* Using the background-image and
its related properties to add
the SVG content */
background-image: url('../css/background-images/after-revised-svg.svg');
background-size: 60.55810px 14px;
height: 16px;
width: 65px;
background-position: 2px 2px;
background-repeat:no-repeat;
}

.after-UPDATED-svg:after {
display: inline-flex;
content: '';
/* Using the background-image and
its related properties to add
the SVG content */
background-image: url('../css/background-images/after-updated-svg.svg');
background-size: 60.35566px 14px;
height: 16px;
width: 70px;
background-position: 5px 2px;
background-repeat:no-repeat;
}

/**********************************************************************************************************************/
/******************************* MAIN CONTENT and MAIN OBJECTS IN IT *************************************************/
/**********************************************************************************************************************/
.carousel-container {
margin-bottom:1rem;
font-family: 'Lato', sans-serif;
}
@media (min-width: 576px) {
.carousel-container {
margin-bottom:1.5rem;
}
}
@media (min-width: 0px)  {
.main-content  {
margin-bottom: 3rem;
}
}
/***************** MAIN-CONTENT LINKS *******************************/
.main-content a:link {
color:#333333;
text-decoration: none;
border-bottom: none;
-webkit-transition: color 300ms ease;
-moz-transition: color 300ms ease;
-ms-transition: color 300ms ease;
-o-transition: color 300ms ease;
transition: color 300ms ease; 
}
.main-content a:visited {
color:#333333;
text-decoration: none;
border-bottom: none;
}
.main-content a:hover {
color: #d0d0d0;
text-decoration: none;
border-bottom: none;
}

.main-content p {
font-size: 1.15rem;
letter-spacing: 0.025rem;
color: #333333;
margin-top: 0rem;
padding-bottom: .5rem;
}

/***************** CAROUSEL *******************************/
.ct { 
font-style:normal;
font-weight: normal!important;
}
.ct a:link { 
color:white;
font-size: 1.8rem;
line-height: 1.8rem;
font-style:normal!important;
font-weight: normal!important;
opacity:1!important;
text-shadow: 2px 2px 1px #000;
/*background-color:black;*/
}
.ct a:visited{ 
color: white;
font-style:normal;
font-weight: normal!important;
opacity: 1!important;
text-shadow: 3px 4px 5px black;
/*background-color:black;*/
}
.ct  a:hover { 
color: #cccccc;
text-underline: none;
font-weight: normal!important;
opacity: 1!important;
/*background-color:black;*/
}
@media (max-width: 768px) {
.ct a:link {
font-size: 1.4rem;
line-height: 1.4rem;
}
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 20px;
left: 15%;
z-index: 10;
padding-top: 0px;
padding-bottom: 0px;
/*color: #F2F2F2;*/
text-align: center;
font-size: 3rem;
line-height: 1rem;
 
/*color:pink;*/

}


.carousel-indicators {
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 15;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
padding-left: 0;
margin-right: 15%;
margin-left: 15%;
list-style: none;
opacity: 1;
}
 


.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
	opacity: 1;
}


 

/**************************** CATALOGUE HOLDER TO RIGHT OF CAROUSEL *******************************************/
.home-cat  {/*box which holds title and three dropdowns with names of Vermeer's paintings*/
background-image: url(background-images/maritshuis-home-page.jpg);
background-repeat: no-repeat;
background-size: contain;
color: #F2F2F2;
font-size: .80rem;
text-align: right;
padding: 0rem 1rem 0rem 1rem;
font-size: 1rem;
position: relative;
} 
/*********** header for complete catalogue *************/
.home-cat h5 {
margin-top:1rem;
line-height:1.4rem;
margin-bottom: 1rem;
text-align:center;
font-size: 1.3rem;
color:#eeeeee;
text-transform:uppercase;
}
@media (max-width: 1100px) {
.home-cat h5 {
margin-top:1rem;
line-height:1.4rem;
margin-bottom: 1rem;
text-align:center;
font-size: 1.1rem;
color:#eeeeee;
}
}
.home-cat h5 a:visited {
margin-top:1rem;
line-height:1.4rem;
margin-bottom: 1rem;
text-align:center;
color:#eeeeee;
}
.home-cat h5 a:hover {
margin-top:1rem;
line-height:1.4rem;
margin-bottom: 1rem;
text-align:center; 
color:#cccccc;
}
@media (max-width: 1200px) {
.home-cat #cat-header {
font-size: 1.3rem;
line-height:1.3rem;
text-align:center;
}
}
.cat-body {
position: absolute;
bottom: 0;
right:1.2rem;
}
/**************************** RULES for THREE DROPDOWN MENUS *******************************************/
.btn-home {
display: block;
border-radius: 0;
padding:0;
float:right;
clear:both;
margin-bottom:.8rem;
}
.btn-link-drop {
color: #E2E2E2;
border:1px solid transparent;
background-color:rgba(255, 255, 255,  .25);
padding:.25rem .45rem .25rem .45rem;
line-height:.5rem;
float:right; 
border-radius: 0px;
font-size:.85rem;
float:right;
}
.btn-link-drop:hover {
color:#cccccc; 
background-color:rgba(255, 255, 255,  0);
}
.btn-home:focus, .btn-link-drop:focus {
outline: 0;
text-decoration: none;
box-shadow: none;
}
#home-dropdowns .dropdown-item {
display: block;
width: 100%;
padding: .1em 1.5em;
font-size: .9em;
clear: both;
font-weight: 400;
color: #212529;
text-align: inherit;
white-space: nowrap;
}
.dropdown-divider {
height: 0;
margin: .5rem 0;
overflow: hidden;
border-top: 1px solid #cccccc
}

.quick-search {
clear:both;
 position: absolute;
  bottom: 10px;
  left: 10px;
  font-weight:strong;
  background-color;
  background-color:rgba(255, 255, 255,  0);
}

#quick-search-container {
border: 1px solid #cccccc;
position: fixed;
top: 20px;
right: 20px;
background: white;
padding:0px 8px 0px 8px;
font-size:.87rem;
color:#666666;
}
#quick-search-container:hover {
background: #ffffff;

}
@media (max-width: 760px) {
#quick-search-container  {
color:#666666;
background-color: white;
border: none;
font-size: .85rem;
letter-spacing: 0rem;
line-height: 1.2rem;
position: absolute;
margin-top:190px;
padding:12px 8px 12px 8px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
border-radius:0px;
width:100%;
height:40px;
bottom: 0px;
right: 0px;
text-align:center;
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-ms-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
}
}
#quick-search-container a:link{
color:#666666;
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-ms-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
}
#quick-search-container a:visited{
color:#666666;
}
#quick-search-container a:hover{
color:#aaaaaa;
border:0;
text-decoration:underline;
}
@media (max-width: 768px) {
#quick-search-container a:link{
color:#999999;
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-ms-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
}
}
@media (max-width: 768px) {
#quick-search-container a:visited{
color:#999999;
}
}
@media (max-width: 768px) {
#quick-search-container a:hover{
color:#666666;
border:0;
text-decoration:underline;
}
}
/*************************** QUICK SEARCH DIVS   ******************************/
.quick-find-diana, .quick-find-christ, .quick-find-procuress, .quick-find-asleep, .quick-find-open, .quick-find-milk,  .quick-find-officer, .quick-find-interrupted,.quick-find-berlin, .quick-find-street, .quick-find-glass, .quick-find-view, .quick-find-music, .quick-find-pitcher, .quick-find-lute, .quick-find-picher, .quick-find-blue, .quick-find-necklace,.quick-find-balance, .quick-find-concert, .quick-find-writing, .quick-find-art, .quick-find-earring, .quick-find-hat, .quick-find-mistress, .quick-find-flute, .quick-find-study, .quick-find-astronomer, .quick-find-geographer, .quick-find-love, .quick-find-lace, .quick-find-guitar, .quick-find-beit, .quick-find-standing, .quick-find-seated, .quick-find-faith,.quick-find-praxedis, .quick-find-rolin  {
width:70px;
height: 66px;
background-image: url(background-images/quick-search-catalog-sheet.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
float: left;
transition: all .2s ease-in-out;
}

.quick-find-diana:hover, .quick-find-christ:hover, .quick-find-procuress:hover, .quick-find-asleep:hover, .quick-find-open:hover, .quick-find-milk:hover,  .quick-find-officer:hover, .quick-find-interrupted:hover,.quick-find-berlin:hover, .quick-find-street:hover, .quick-find-glass:hover, .quick-find-view:hover, .quick-find-music:hover, .quick-find-pitcher:hover, .quick-find-lute:hover, .quick-find-picher:hover, .quick-find-blue:hover, .quick-find-necklace:hover,.quick-find-balance:hover, .quick-find-concert:hover, .quick-find-writing:hover, .quick-find-art:hover, .quick-find-earring:hover, .quick-find-hat:hover, .quick-find-mistress:hover, .quick-find-flute:hover, .quick-find-study:hover, .quick-find-astronomer:hover, .quick-find-geographer:hover, .quick-find-love:hover, .quick-find-lace:hover, .quick-find-guitar:hover, .quick-find-beit:hover, .quick-find-standing:hover, .quick-find-seated:hover, .quick-find-faith:hover,.quick-find-praxedis:hover, .quick-find-rolin:hover {
transform: scale(1.12);
}

.quick-find-christ {
height: 78px;
background-position: -70px 0px;
}
.quick-find-procuress   {
height: 78px;
background-position: -140px 0px;
}
.quick-find-asleep   {
height: 81px;
background-position: -210px 0px;
}
.quick-find-open   {
height: 95px;
background-position: 0px -100px;
}
.quick-find-officer   {
height: 76px;
background-position: -70px -100px;
}
.quick-find-milk   {
height: 79px;
background-position: -140px -100px;
}
.quick-find-interrupted   {
height: 61px;
background-position: -210px -100px;
float: left;
}
.quick-find-berlin   {
height: 62px;
background-position: 0px -200px;
}
.quick-find-street   {
height: 86px;
background-position: -70px -200px;
}
.quick-find-glass   {
height: 82px;
background-position: -140px -200px;
}
.quick-find-view   {
height: 64px;
background-position: -210px -200px;
}
.quick-find-music   {
height: 80px;
background-position: 0px -300px;
}
.quick-find-pitcher   {
height: 80px;
background-position: -70px -300px;
}
.quick-find-lute   {
height: 80px;
background-position: -140px -300px;
}
.quick-find-blue   {
height: 84px;
background-position: -210px -300px;
}
.quick-find-necklace   {
height: 81px;
background-position: 0px -400px;
float: left;
}
.quick-find-balance   {
height: 78px;
background-position: -70px -400px;
float: left;
}
.quick-find-concert   {
height: 79px;
background-position: -140px -400px;
float: left;
}
.quick-find-writing   {
height: 79px;
background-position: -210px -400px;
float: left;
}
.quick-find-art   {
height: 83px;
background-position: 0px -500px;
float: left;
}
.quick-find-earring   {
height: 82px;
background-position: -70px -500px;
float: left;
}
.quick-find-hat   {
height: 89px;
background-position: -140px -500px;
float: left;
}
.quick-find-mistress   {
height: 81px;
background-position: -210px -500px;
float: left;
}
.quick-find-flute   {
height: 79px;
background-position:  0px -600px;
float: left;
}
.quick-find-study   {
height: 78px;
background-position: -70px -600px;
float: left;
}
.quick-find-astronomer   {
height: 80px;
background-position: -140px -600px;
float: left;
}
.quick-find-geographer   {
height: 79px;
background-position: -210px -600px;
float: left;
}
.quick-find-love   {
height: 81px;
background-position: 0px -700px;
float: left;
}
.quick-find-lace   {
height: 82px;
background-position: -70px -700px;
float: left;
}
.quick-find-guitar   {
height: 80px;
background-position: -140px -700px;
float: left;
}
.quick-find-beit   {
height: 85px;
background-position: -210px -700px;
float: left;
}
.quick-find-standing   {
height: 81px;
background-position:  0px -800px;
float: left;
}
.quick-find-seated   {
height: 77px;
background-position: -70px -800px;
float: left;
}
.quick-find-faith   {
height: 91px;
background-position: -140px -800px;
float: left;
}
.quick-find-praxedis   {
height: 86px;
background-position: -210px -800px;
float: left;
}
.quick-find-rolin   {
height: 88px;
background-position:  0px -900px;
float: left;
}
.find-it {
display: inline;
}
@media (max-width: 576px) {
.find-it {
display: none;
}
}
/******************************** HEADING 3 in TOPIC SECTION ********************************************/ 
h3.home {
color:black;
font-size: 1.3rem;
line-height: 1em;
letter-spacing: .02rem;
clear: both;
text-align: left;
/*font-weight: bold;*/
padding-bottom: 1rem;
padding-top: 0rem;
margin-top:0px;
margin-left:0rem;
font-weight: 100
}
/**************************** TOPIC SECTION HOLDERs  *******************************************/
.topic-section {
padding-top: 1rem;
margin: 0px;
margin-bottom:1.5rem;
/* border-top: 1px solid #999999;*/
}
.topic-section  ul{
}
.topic-section  li {
font-size:1rem;
padding-left: 1rem;
line-height: 1.1rem;
padding-bottom: .6rem;
background-image: url(svg-images/disk.svg);
background-size: .5rem .5rem;
background-repeat: no-repeat;
background-position: 0rem .36rem;
list-style: none;	 
}

.topic-section li.new {
background-image: url(../directorygraphics/newblk.gif);
background-size: 1.5rem 1rem;
background-repeat: no-repeat;
background-position: 0rem .2em;
padding-left: 2rem;
list-style: none;	 
}

 
 
.topic-section li.constrution {
background-image: url(svg-images/uncercontruction-01.svg);
background-repeat: no-repeat;
background-size: 1.2rem;
background-position: 0px 0px;
padding-left: 2rem;
list-style: none;
font-style:italicS 
}

.topic-section a:hover {
background-color: #f8f9fa;
}
.no-gutter > [class*='col-'] {
padding-right:0;
padding-left:0;
}
/**************************** SIDEBAR  *******************************************/
h5{ 
font-size: 1.2rem;
line-height: 1.4rem;
color: #F9F9F9;
text-align: left;
padding-bottom: .5rem;
margin: 0;
text-transform: uppercase;
}

h5.sidebar-five-links a:link { 
color: #666666;
text-transform:uppercase; 
}
h5.sidebar-five-links a:visited { 
color: #666666;
text-transform:uppercase; 
}
h5.sidebar-five-links a:hover { 
color: #cccccc;
text-transform:uppercase; 
}


.sidebar {
margin-top: 1rem;
padding-left: 0px;
margin-left: 0px;
padding-top: 0px;
}
.sidebar-box {
border-top: 3px double #8c8b8b;
padding-top:1rem;
margin-bottom: .72rem;
margin-top: 0rem;

}
.sidebar-box p{
font-size:.9rem;
line-height: 1.2rem;
padding-bottom:.5rem;
}


.sidebar-box  ul{
}
.sidebar-box  li {
font-size:1rem;
padding-left: 1rem;
line-height: 1.1rem;
padding-bottom: .6rem;
background-image: url(svg-images/disk.svg);
background-size: .4rem .4rem;
background-repeat: no-repeat;
background-position: 0rem .36rem;
list-style: none;	 
}
/************************ ACCORDIAN BUTTONS tec **************************************************/
#home-accordion {
}

#accordion-big-timeline {
display-none;
}
.btn-link {
color:#666666!important;
text-decoration!important;
border-bottom!important;
-webkit-transition: color 300ms ease;
-moz-transition: color 300ms ease;
-ms-transition: color 300ms ease;
-o-transition: color 300ms ease;
transition: color 300ms ease; 
}
.btn-link:visited {
color:#333333!important;
text-decoration: none!important;
border-bottom: none!important;
}
.btn-link.focus,
.btn-link:focus {
color: #cccccc!important;
text-decoration: none!important;
border-bottom: 1px solid #cccccc!important;
text-decoration: underline;
box-shadow: none
}
.btn-link:hover {
color: #cccccc!important;
text-decoration: none!important;
border-bottom: 1px solid #cccccc!important;
background-color: #f8f9fa;
}

.card-body  {
/* background-color: #F9F9F9;*/
padding:1rem 1rem .8rem 1.1rem;
}

.card-body p {
color:#999999;
font-size: .95rem;
}
.card-body a:link {
color:#333333;
text-decoration: none;
border-bottom: none;
-webkit-transition: color 300ms ease;
-moz-transition: color 300ms ease;
-ms-transition: color 300ms ease;
-o-transition: color 300ms ease;
transition: color 300ms ease; 
}
.card-body a:visited {
color:#333333;
text-decoration: none;
border-bottom: none;
}
.card-body a:hover {
color: #d0d0d0;
text-decoration: none;
border-bottom: none;

}

/*********************************************** BOOTSTRAP MODALs ******************************************************/
/*********************************************** BOOTSTRAP MODALs  ******************************************************/
/*********************************************** BOOTSTRAP MODALs  ******************************************************/
/*********************************************** BOOTSTRAP MODALs  ******************************************************/
/*this makes AddtoAny icons smaller */
.a2a_svg, .a2a_count { /*this makes AddtoAny icons smaller */
width: 3rem!important;
height: 3rem!important;
margin: 0rem .3rem; 
border-radius: .5rem!important;
}
/*this makes AddtoAny icons larger */
@media (min-width:  992px) { 
.a2a_svg, .a2a_count {
width: 5rem!important;
height: 5rem!important;
margin: 0rem 1rem; 
border-radius: .5rem!important;
}
}
/****************** this removes background color and border from close button in SHARE MODAL ****************************/
.share-close   {
background-color: transparent!important;
border: 0px}
.share-close:hover   {
background-color: transparent!important;
border: 0px;
color: #cccccc;
}
#my_centered_buttons {
display: flex;
justify-content: center;</li>
}

/********************************** BASIC MODAL LAYOUT *************************************** */
/********************************** BASIC MODAL LAYOUT *************************************** */

h6.modal-title {
font-size:1.2rem;
text-align:left;
}
@media (max-width: 450px) { 
h6.modal-title {
font-size:1rem;
text-align:left;
}
}
@media (max-width: 320px) { 
h6.modal-title {
font-size:.8rem;
text-align:left;
padding-left:3px;
}
}
.modal-header {
background-image: url(svg-images/ev-brands.svg);
background-repeat:no-repeat;
background-position: -12px 10px;
height:60px;
border-bottom: none;
padding-left: 60px;
}
@media (max-width: 400px) {
.modal-header {
background-image: none;
height:50px;
border-bottom: none;
padding-left: 15px;
}
}
.modal-body {
list-style-position:inside;
padding:2rem;
}
.modal-footer {
display:none;
}
.btn-modal {
color: #666666;
border: 1px solid #666666;
padding:0rem 2rem 0rem 2rem;
background-color: #F7F7F7;
text-transform:uppercase;
font-size: 1rem;
letter-spacing:.05rem;
border-radius: 0;
}
input {
width:100%;
padding: .25rem
}
textarea  {
width:100%;
padding: .25rem
}

/***************************************************************************************/
/************************ MAILCHIMP SIGNUP FORM  ***************************************/
/****************************************************************************************/
#mc_embed_signup form {
display:block;
position:relative;
text-align:left;
clear:none;
padding: 0px 0px 0px 0px;
background-color: white;
margin: 0;
width:200px;
margin-bottom: 20px;
}
/* labels for email and name */ 
#mc_embed_signup .mc-field-group label  {
display:block;
margin-bottom:0px;
background-color: transparent;
width:180px;
clear:both;
font-size: .85rem;
line-height: .85rem;
display:none;
}
/* INPUT boxes */
#mc_embed_signup .mc-field-group input {
display:block;
width:180px;
padding:8px 5px;
text-indent:2%;
font-size: .85rem;
}
::-webkit-input-placeholder { /* Edge */
color: #aaaaaa;
}
:-ms-input-placeholder { /* Internet Explorer */
color:#aaaaaa;
}
::placeholder {
color: #aaaaaa;
}
/* input FOCUS */
#mc_embed_signup input:focus {
outline: 1px solid #cccccc;
background-color: #F9FCFF;
}
#mc_embed_signup input:focus::-webkit-input-placeholder {
opacity: .3;
}
/* box that holds EMAIL label and input field */
.email {
float:left;
clear: both;
width:180px;
background-color: transparent;
margin-right: 5px;
}
/* box that holds NAME label and input field */
.name {
float:left;
clear: both;
width:180px;
background-color: transparent;
margin-right: 10px;
}
/* removes NAME field  in small devices  */
@media (max-width: 520px) {
.name {
display:none;
}
}
/* border around INPUT BOXES */
#mc_embed_signup input  {
border: 1px solid #aaaaaa;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
color: #999999;
}
/*#mce-EMAIL.required.email   {
border: 1px solid #dddddd;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
color: #999999; 
}*/
/* group that holds two filed groups???*/
#mc_embed_signup .mc-field-group {
float:left;
position:relative;
width:180px;
padding-bottom:0;
min-height:44px;
margin-bottom:.6rem;
}
/* BUTTON */
#mc_embed_signup .button  {
clear: both;
background-color: #daecfb;
opacity: .7;
border: 1px solid #666666;
border-radius:1px;
transition: all 0.23s ease-in-out 0s;
color: #666666;
cursor: pointer;
display: inline-block; 
font-size:13px;
font-weight: italic;
line-height: 1rem;
margin: 0px 0px 0px 0px;
padding: 4px 4px;
text-align: center;
text-decoration: none;
vertical-align: top;
white-space: nowrap;
width: 110px;
text-transform:uppercase;
letter-spacing: .01rem;
}
#mc_embed_signup .button:hover {
background-color: #666666;
color: white;
}
/* ????????? */
#mc_embed_signup .nowrap {
white-space:nowrap;
}
/* ????????? */
#mc_embed_signup .size1of2  {
clear:none;
float:left;
display:inline-block;
width:46%;
margin-right:4%;
}
/* ????????? */
* html #mc_embed_signup .size1of2 {
margin-right:2%; /* Fix for IE6 double margins. */
}
/* ????????? */
#mc_embed_signup .mc-field-group select {
display:inline-block;
width:99%;
padding:5px 0;
margin-bottom:2px;
background-color: white;
}
/* icons for tight-hadn sidebar */


.icon-youtube {
background-image: url(svg-images/youtube-thin.svg);
background-size: 3.2rem;
background-repeat: no-repeat;
background-position:.2rem .1rem;
margin: 0rem 0rem ;
height: 70px;
width: 70px;
float:left;
}


.icon-patreon {
background-image: url(svg-images/patreon-thin.svg);
background-size: 3rem;
background-repeat: no-repeat;
background-position:.2rem .1rem;
margin: 0rem 0rem ;
height: 50px;
width: 70px;
float:left;
}
.icon-facebook {
background-image: url(svg-images/facebook-thin-01.svg);
background-size: 1.55rem;
background-repeat: no-repeat;
background-position:.2rem .1rem;
margin: 0rem 0rem ;
height: 70px;
width: 70px;
float:left;
}
.icon-twitter {
background-image: url(svg-images/twitter-icon-thin.svg);
background-size: 2.75rem;
background-repeat: no-repeat;
background-position: .1rem .3rem;
margin: 0rem 0rem ;
height: 60px;
width: 70px;
float:left;
}
.icon-instagram {
background-image: url(svg-images/instagram-thin.svg);
background-size: 2.6rem;
background-repeat: no-repeat;
background-position: -0rem 0rem;
margin: 0rem 0rem ;
height: 60px;
width: 70px;
float:left;
}
.icon-polls {
background-image: url(svg-images/polls-thin-01.svg);
background-size: 2.75rem;
background-repeat: no-repeat;
background-position: .4rem .1rem;
margin: 0rem 0rem ;
height: 70px;
width: 70px;
float:left;
}
.icon-paypal-thin {
background-image: url(svg-images/paypal-thinsvg.svg);
background-size: 2.6rem;
background-repeat: no-repeat;
background-position: 0rem .5rem;
padding-bottom: 2rem; 
height: 130px;
width: 70px;
float:left;
}
.icon-paypal {
background-image: url(svg-images/paypal-color.svg);
background-size: 2.3rem;
background-repeat: no-repeat;
background-position: 0rem 0rem;
margin: 0rem 0rem ;
height: 50px;
width: 55px;
float:left;
}
.icon-new {
background-image: url(svg-images/new.svg);
background-size: 1.25rem;
background-repeat: no-repeat;
background-position: 0rem 0rem;
margin: 0rem 0rem ;
height: 10px;
width: 22px;

}
/****************************** FOOTER that turns off on smaller devices ***********************************************/
.footer {
color:#333333;
background-color: white;
border-top: 1px solid #cccccc;
margin-top: 0em;
text-align: center;
font-size: .9rem;
padding: 1rem 0rem 1em  0rem;
/*background-image: url(svg-images/brand-name-with-box-01.svg);
background-size:28px;
background-repeat:no-repeat;
background-position: 2rem .6rem;*/
} 
.footer  a:link{
color:#333333;
text-decoration: none;
-webkit-transition: color 300ms ease;
-moz-transition: color 300ms ease;
-ms-transition: color 300ms ease;
-o-transition: color 300ms ease;
transition: color 300ms ease; 
}
.footer a:visited {
color:#333333;
text-decoration: none;
border-bottom: 1px solid #d0d0d0;
}
.footer a:hover {
color: #d0d0d0;
text-decoration:none;
border-bottom: 1px solid #f4f4f4;
}
/*************** LEFT that goes to bottom of page for smaller devices *********************/
.left-two {
font-size: .85em;
color: #999999;
background-color: white;
border-top:1px solid #cccccc;
padding-top:.5em;
padding-bottom:.5em;
}
/*********************** LEFT LIST ICONS ********************************/
.footer-icon-newsletter {
background-image: url(../css/svg-images/newsletter.svg);
background-size: 1.4rem;
background-repeat: no-repeat;
background-position: 0rem  .3rem;
margin: 0rem .3rem;
height: 2rem;
width: 2rem;
display:block;
}
.footer-icon-news {
background-image: url(../css/svg-images/megaphone.svg);
background-size: 1.4rem;
background-repeat: no-repeat;
background-position: 0rem .34rem;
margin: 0rem .3rem;
height: 2rem;
width: 2rem;
display:block;
}
.footer-icon-lightbulb {
background-image: url(../css/svg-images/light-bulb.svg);
background-size: 1.3rem;
background-repeat: no-repeat;
background-position: 0rem .2rem;
margin: 0rem .3rem;
height: 2rem;
width: 2rem;
}
.footer-icon-email {
background-image: url(../css/svg-images/email-contact.svg);
background-size: 1.2rem;
background-repeat: no-repeat;
background-position: 0rem .4rem;
margin: 0rem .3rem;
height: 2rem;
width: 2rem;
}
.icon-email {
background-image: url(../css/svg-images/email-contact.svg);
background-size: 1.2em;
background-repeat: no-repeat;
background-position: 0em .2em;
list-style: none;	 
line-height: 1.rem;
letter-spacing: .1em;
padding-left: 2em;
font-size: .85em;
}
.icon-newsletter {
background-image: url(../css/svg-images/newsletter.svg);
background-size: 1.2em;
background-repeat: no-repeat;
background-position: 0em .2em;
list-style: none;	 
line-height: 1.rem;
letter-spacing: .1em;
padding-left: 2em;
font-size: .85em;
}
.icon-newsletter-div {
background-image: url(../css/svg-images/newsletter.svg);
background-size: 1.2em;
background-repeat: no-repeat;
background-position: 0em 0em;
list-style: none;	 
width:1.5rem;
height:1.5rem;
}
.footer-icon-facebook {
background-image: url(../css/svg-images/facebook.svg);
background-size: .7rem;
background-repeat: no-repeat;
background-position: .1rem .4rem;
margin: 0rem .35rem;
height: 2rem;
width: 2rem;
}
.footer-icon-twitter {
background-image: url(svg-images/twitter-icon.svg);
background-size: .7rem;
background-repeat: no-repeat;
background-position: .1rem .4rem;
margin: 0rem .35rem;
height: 2rem;
width: 2rem;
}
.footer-icon-earring {
background-image: url(../css/svg-images/earring.svg);
background-size: .8rem;
background-repeat: no-repeat;
background-position: 0rem .4rem;
margin: 0rem .35rem 0rem .2rem;
height: 2rem;
width: 2rem;
}
.footer-icon-share {
background-image: url(../css/svg-images/share-02.svg);
background-size: 1.3rem;
background-repeat: no-repeat;
background-position: 0rem .2rem;
margin: 0rem .3rem;
height: 2rem;
width: 2rem;
}
/*.footer-icon-slideshow {
background-image: url(../css/svg-images/slide-show.svg);
background-size: 1.6rem 1.1rem;
background-repeat: no-repeat;
background-position: 0rem .4rem;
margin: 0rem .3rem;
height: 2rem;
width: 2rem;
}*/
/*.footer-icon-faq {
background-image: url(../css/svg-images/question.svg);
background-size: .6rem 1rem;
background-repeat: no-repeat;
margin: 0rem .3rem;
height: 2rem;
width: 2rem;
}*/
.footer-icon-info {
background-image: url(../css/svg-images/information-05.svg);
background-size: .4rem;
background-repeat: no-repeat;
background-position: 0rem .3rem;
margin: 0rem .3rem;
height: 2rem;
width: 2rem;
}
.footer-icon-glass {
background-image: url(../css/svg-images/magnify-glass.svg);
background-repeat:no-repeat;
background-size: 1.2rem;
background-position: 0rem .3rem;
margin: 0rem .3rem;
padding:0;
height: 1rem;
width: 2rem;

}

/*************** LEFT that goes to bottom of page for smaller devices *********************/
.left-two {
font-size: .85em;
color: #999999;
background-color: white;
border-top:1px solid #cccccc;
padding-top:.5em;
padding-bottom:.5em;
}
/*********************** LEFT LIST ICONS ********************************/
.footer-icon-newsletter {
background-image: url(../css/svg-images/newsletter.svg);
background-size: 1.4rem;
background-repeat: no-repeat;
background-position: 0rem  .3rem;
margin: 0rem .3rem;
height: 2rem;
width: 2rem;
display:block;
}
.footer-icon-news {
background-image: url(../css/svg-images/megaphone.svg);
background-size: 1.4rem;
background-repeat: no-repeat;
background-position: 0rem .34rem;
margin: 0rem .3rem;
height: 2rem;
width: 2rem;
display:block;
}
.footer-icon-lightbulb {
background-image: url(../css/svg-images/light-bulb.svg);
background-size: 1.3rem;
background-repeat: no-repeat;
background-position: 0rem .2rem;
margin: 0rem .3rem;
height: 2rem;
width: 2rem;
}
.footer-icon-email {
background-image: url(../css/svg-images/email-contact.svg);
background-size: 1.2rem;
background-repeat: no-repeat;
background-position: 0rem .4rem;
margin: 0rem .3rem;
height: 2rem;
width: 2rem;
}
.icon-email {
background-image: url(../css/svg-images/email-contact.svg);
background-size: 1.2em;
background-repeat: no-repeat;
background-position: 0em .2em;
list-style: none;	 
line-height: 1.rem;
letter-spacing: .1em;
padding-left: 2em;
font-size: .85em;
}
.icon-newsletter {
background-image: url(../css/svg-images/newsletter.svg);
background-size: 1.2em;
background-repeat: no-repeat;
background-position: 0em .2em;
list-style: none;	 
line-height: 1.rem;
letter-spacing: .1em;
padding-left: 2em;
font-size: .85em;
}
.icon-newsletter-div {
background-image: url(../css/svg-images/newsletter.svg);
background-size: 1.2em;
background-repeat: no-repeat;
background-position: 0em 0em;
list-style: none;	 
width:1.5rem;
height:1.5rem;
}
.footer-icon-facebook {
background-image: url(../css/svg-images/facebook.svg);
background-size: .7rem;
background-repeat: no-repeat;
background-position: .1rem .4rem;
margin: 0rem .35rem;
height: 2rem;
width: 2rem;
}
.footer-icon-earring {
background-image: url(../css/svg-images/earring.svg);
background-size: .8rem;
background-repeat: no-repeat;
background-position: 0rem .4rem;
margin: 0rem .35rem 0rem .2rem;
height: 2rem;
width: 2rem;
}
.footer-icon-share {
background-image: url(../css/svg-images/share-02.svg);
background-size: 1.3rem;
background-repeat: no-repeat;
background-position: 0rem .2rem;
margin: 0rem .3rem;
height: 2rem;
width: 2rem;
}

 
/*.footer-icon-slideshow {
background-image: url(../css/svg-images/slide-show.svg);
background-size: 1.6rem 1.1rem;
background-repeat: no-repeat;
background-position: 0rem .4rem;
margin: 0rem .3rem;
height: 2rem;
width: 2rem;
}*/
/*.footer-icon-faq {
background-image: url(../css/svg-images/question.svg);
background-size: .6rem 1rem;
background-repeat: no-repeat;
margin: 0rem .3rem;
height: 2rem;
width: 2rem;
}*/
.footer-icon-info {
background-image: url(../css/svg-images/information-05.svg);
background-size: .4rem;
background-repeat: no-repeat;
background-position: 0rem .3rem;
margin: 0rem .3rem;
height: 2rem;
width: 2rem;
}
.footer-icon-glass {
background-image: url(../css/svg-images/magnify-glass.svg);
background-repeat:no-repeat;
background-size: 1.2rem;
background-position: 0rem .3rem;
margin: 0rem .3rem;
padding:0;
height: 1rem;
width: 2rem;
}
/********************** SCROLL UP BUTTON and SCROLL OFFSET ****************************/
.fixed-scroll-up  {
background-color:white;
color: #999999;
width: 30px;
height:30px;
border-radius: 50%;
border: #cccccc 1px solid;
position:fixed;
z-index:1200; 
right: 1rem; 
bottom: .6rem;
padding: .4rem .3rem .4rem .35rem;
line-height:1rem;
font-size: .85rem;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
opacity: 0; 
-webkit-transition: opacity .3s ease-in;
-moz-transition:  opacity .3s ease-in;
-o-transition:  opacity .3s ease-in;
-ms-transition:  opacity .3s ease-in;
transition: opacity .3s ease-in;
}

@media (min-width: 992px) {
.fixed-scroll-up  {
background-color:white;
color: #999999;
width:40px;
height:40px;
border-radius: 50%;
border: #cccccc 1px solid;
position:fixed;
z-index:1200; 
right: 2rem; 
bottom: 3rem;
padding: .7rem  1rem 1rem .63rem;
line-height:1rem;
font-size: .85rem;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
opacity: 0;
-webkit-transition:  opacity .3s ease-in;
-moz-transition:  opacity .3s ease-in;
-o-transition:  opacity .3s ease-in;
-ms-transition:  opacity .3s ease-in;
transition:  opacity .3s ease-in;
}
}
.scroll-up-visible {
opacity: 1;
} 
.fixed-scroll-up a:link  {
text-decoration:none;
border: 0;
color:#999999;
}
.fixed-scroll-up a:visited  {
text-decoration:none;
border: 0;
color:#999999;
}
.anchor-offset {
padding-top:  60px;
}
/*************************** BOOTSTRAP TOOLTIP box and text   ******************************/

.tooltip >.tooltip-inner {
background-color: white;
opacity: 1 !important;
border: 1px solid #cccccc;
max-width: 250px;
padding: .5rem .5rem;
color: #333333;
text-align: left;
font-family: TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;
font-size: .85rem;
letter-spacing: 0rem;
line-height: 1rem;
font-weight: normal;
-webkit-font-smoothing: antialiased;
-webkit-filter: blur(0.000001px);
font-smoothing: antialiased;
filter: blur(0.000001px);
}
.tooltip.in {
opacity: 1 !important;
filter:alpha(opacity=100) !important;
}
.tool  {
border-bottom: 1px solid #cccccc;
background-color: white}
.tool:hover {
cursor:pointer;
} 
.tooltip-inner {
background-color: white;
max-width: 200px;
color: #fff;
text-align: center;
background-color: #000;
border-radius: 0rem;
box-shadow: 0 8px 6px -6px #dddddd;/*puts slight shadow on bottom of tooltip inner*/
}
.tooltip.bs-tooltip-right .arrow:before {/*removes arrow from tooltip*/
border-right-color: #ffffff !important;
}
.tooltip.bs-tooltip-left .arrow:before {
border-left-color: #ffffff !important;
}
.tooltip.bs-tooltip-bottom .arrow:before {
border-bottom-color: #ffffff !important;
}
.tooltip.bs-tooltip-top .arrow:before {
border-top-color: #ffffff !important;
}  
.tooltip.show {/*makes tooltip completely opaque*/
opacity: 1!important;
}
/*************************** BOOTSTRAP MODAL QUICK FIND   ******************************/

/*************************************  MODAL COMPLETE PAINTING QUICK SEARCH ****************************************/
#quick-search-container {
border: 1px solid #cccccc;
position: fixed;
top: 20px;
right: 20px;
background: white;
padding:0px 8px 0px 8px;
font-size:.87rem;
color:#666666;
/*-webkit-border-radius:18px;
-moz-border-radius:18px;
border-radius:18px;
border-radius:18px;
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-ms-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;*/
}
#quick-search-container:hover {
background: #ffffff;

}
@media (max-width: 768px) {
#quick-search-container  {
background-color: white;
border: none;
font-size: .85rem;
letter-spacing: 0rem;
line-height: 1.2rem;
position: absolute;
margin-top:205px;
padding:3px 0px 0px 0px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
border-radius:0px;
width:100%;
height:27px;
bottom: 0px;
right: 0px;
text-align:center;
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-ms-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
}
}
#quick-search-container a:link{
color:#666666;
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-ms-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
}
#quick-search-container a:visited{
color:#666666;
}
#quick-search-container a:hover{
color:#aaaaaa;
border:0;
text-decoration:underline;
}
@media (max-width: 768px) {
#quick-search-container a:link{
color:#999999;
-webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-ms-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease;
}
}
@media (max-width: 768px) {
#quick-search-container a:visited{
color:#999999;
}
}
@media (max-width: 768px) {
#quick-search-container a:hover{
color:#666666;
border:0;
text-decoration:underline;
}
}

#all-paintings 
{ 
padding-top: 0px;
padding-bottom: 0px;
}

#all-paintings .tool
{ 
border: 0;
text-decoration:none;
}
#all-paintings img{
opacity: 1;
transition: all .2s ease-in-out; 
}
#all-paintings  img:hover {
opacity:1;
transform: scale(1.08);
}


#complete-oeuvre .modal-header {
border:0;}


.scroll-down {
position: absolute;
width: 24px;
height: 34px;
display: block;
left: 50%;
bottom: 4vh;
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 333;
animation: arrow-down 2s ease-in-out infinite;
background: url(svg-images/earring.svg) no-repeat center center/100% auto;

}

.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}


/******************************** TOAST ******************************* */
.toast  {
color: #666666;
max-width: 2000px;
padding: 0px;
margin: 0px;
}
.toast-body {
background-color: #daecfb;
 font-family: 'Lato', sans-serif;
 color: #666666;
 font-size: 1rem;
 text-align:center;
 line-spacing: .1rem;
 line-height: 1rem;
 padding: 15px  03px  15px  0px; 
}
@media (max-width: 440px) { 
.toast-body {
 color: #666666;
 font-size: .8rem;
 text-align:center;
 line-spacing: .1rem;
 line-height: 1rem;
 padding: 10px  03px  10px  0px; 
}
}
.toast-body a:link {
 color:  #666666;
 clear:none;
 text-decoration:none;
  -webkit-transition: all 400ms ease;
-moz-transition: all 400ms ease;
-ms-transition: all 400ms ease;
-o-transition: all 400ms ease;
transition: all 400ms ease; 
}
.toast-body a:visited{
 color: #666666;
clear:none;
 text-decoration:none;
}
.toast-body a:hover{
 color: #666666;
 clear:none;
  text-decoration:none;
   border-bottom: 3px solid #999999;
}
button.close {
margin-right:1rem;
line-height:1;
font-size: 1.4rem;
padding: 0px 0px;
float:right;
display: block;
clear:none;
 /*display:none;*/
}
.toast-header {
 display:none;
}


/*************************** 25 Things Youd didn't know *********************************************/

.twentyfive {
background-color: #f8f8f8;
width: 100%;
font-size: 1.1rem;
text-align:center;
padding:1rem .5rem .8rem .5rem;
border: 1px solid #cccccc;
font-family: 'Lato', sans-serif;
display: none;
 
}
.twentyfive  a:link {
text-align:center;
padding: .3rem;
margin: .2rem;
background-color: #f8f8f8;
color: #333333;
-webkit-transition: color 300ms ease;
-moz-transition: color 300ms ease;
-ms-transition: color 300ms ease;
-o-transition: color 300ms ease;
transition: color 300ms ease; 
}
.twentyfive  a:visited{
text-align:center;
padding: .3rem;
margin: .2rem;
background-color: #f8f8f8;
color: #6a7a89;
}
.twentyfive a:hover{
text-align:center;
padding: .3rem;
margin: .2rem;
background-color: #F9F9F9;
color: #d95a4b; 
text-decoration:none
} 
.twentyfiv-text  a:link {
color: #d95a4b;
-webkit-transition: color 300ms ease;
-moz-transition: color 300ms ease;
-ms-transition: color 300ms ease;
-o-transition: color 300ms ease;
transition: color 300ms ease; 
}
.twentyfive-text  a:visited{
color: #d95a4b;
}
.twentyfive-text a:hover{
color: #cccccc; 
text-decoration:none
} 
#collapssecondbook {
 background-color: #f8f8f8;
 padding-top: 1rem;
}
 
.twentyfive-image {
background-color: #f8f8f8;
 
}
.twentyfive-text {
 background-color: #f8f8f8;
}
.twentyfive-text p {
text-align: left;
font-size: 1.07rem;
line-height:1.4rem;
padding-bottom: .6rem;
background-color: #f8f8f8;
}
.twentyfive-paypal {
font-family: 'Lato', sans-serif;
 background-color: white;
 font-size: .95rem;
 padding-top: 1rem;
  padding-bottom: 1rem;
 border-radius: 8px;
 border:1px solid #d95a4b;
 color: black
}
.pp-button  {
background-color: white;
}
.lato-text {
}
.small-book-cover {
width: 150px;
margin-top: .5rem
}

.tooltip-inner {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}



/*<a class="scroll-down" href="#main-content"><span class="sr-only">Scroll down</span></a>
<span class="sr-only">Scroll down</span>
<a class="scroll-down" href="#main-content"><span class="sr-only">Scroll down</span></a>
*/