/** Import Google Fonts **/
@import url('https://fonts.googleapis.com/css2?family=Lora&family=Roboto:wght@400&display=swap');


body {background-color:#E9E9E9;color:#888 !important;font-family:"Roboto",Helvetica,Arial,sans-serif !important;}
a {font-family:"Lora", "Helvetica Neue",Helvetica,Arial,sans-serif !important;}
h1 {
    font-family: "Lora", "Old Standard TT", sans-serif;
    color: #333;
    font-size: 2.3em;
}
h2 {
    font-family: "Lora", "Old Standard TT", sans-serif;
    font-size: 1.7em;
    color: #333;
}
h3 {
    font-family: "Lora", "Old Standard TT", sans-serif;
    color: #333;
    font-size: 1.5em;
}
h4 {
    font-family:"Lora", "Old Standard TT", sans-serif;
    color: #333;
    font-size: 1.2em;
}
h5 {
    font-family: "Lora", "Old Standard TT", sans-serif;
    color: #333;
    font-size: 1.1em;
}
h6 {
    font-family: "Lora", "Old Standard TT", sans-serif;
    color: teal;
    font-size: 1em;
}
small {
    font-family: "Roboto", sans-serif;
    color: teal;
    font-size: .8em;
}
.smaller-text {
    font-size: 1em;
}
/*** pagination button ***/
.top { padding: 5px; margin-right:5px; }

.artist_title {font-size:1em;}

#header-nav {margin-top:-120px;}
#header-image {width:100%}
#sub-title {color:#fff;font-size:12px;letter-spacing:3.7px;}
#header-menu {padding-top:78px;}
#header-menu a {color:#fff;margin-left:10px;font-size:13px;}
.nav a{padding-top:3px !important;padding-bottom:2px !important; text-align:center;}
.navbar {background:none;border:none;margin-bottom:0 !important;min-height:auto !important;}



#main {margin-top:50px;}

#main-row {padding:20px 40px;background-color:#fff;margin-bottom:25px;}
#featured-exhibit {border:solid 2px #CCC;background-color:#fff;padding:15px 0;}
#featured-info {padding:15vh 20px;}
.past-exhibits {margin-bottom:20px;}
.past-exhibits:hover {cursor:pointer;}
.past-img {height:145px;width:100%;}
.past-info {padding:15px 15px 5px 15px;background-color:#fff;}
.pull-right{float:right!important;}
#inquire-btn {margin-top:10px; }
.div-painting {margin-bottom:20px;display:inline-block;padding:7px;border:solid 1px #E9E9E9;width:100%;}
.og-grid li {height:170px !important;margin-bottom:5px;}
.og-grid li a {display:inline-block;border:solid 1px #E9E9E9;}
.og-expander {margin-top:0 !important;z-index:999;}
.teal {color:#1fa6a6 !important;}
.arrow-right {font-size:50px;position:absolute;margin:150px 0 0 529px;cursor:pointer;}
.arrow-left {font-size:50px;position:absolute;margin:150px 0 0 65px;cursor:pointer;}
#main a {color:#1fa6a6 !important;}

.artist-img {width:100%;max-width:400px;}

#footer {background-color:#777;margin-top:10px;padding:40px 0 60px 0;color:#fff;font-size:12px;}
#footer a {color:#ffffff;}
#footer-menu {font-size:12px;margin-top:10px;}
#footer-menu a {padding-left:0 !important;}
#footer-menu .container-fluid {padding-left:0 !important;}
#footer-feed {height:300px;}
.align-center {text-align:left;}
#social-media a {color:#fff;}
#social-media .fa {font-size:30px;}

.feed-item {background-color:#E9E9E9;}
.referral {display:none !important;}
.flipper, .flipper a {font-size:14px !important;}
.message, .message a {font-size:14px !important;color:#888 !important;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif !important;}
.info, .info a {font-size:11px !important;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif !important;color:#000}
li.juicer {display:none !important;}
.j-message {color:#878787 !important;}

.track3 {
    width: 10px;
    background: rgba(0, 0, 0, 0);
    margin-right: 2px;
    border-radius: 10px;
    -webkit-transition: background 250ms linear;
    transition: background 250ms linear;
}

.track3:hover,
.track3.dragging {
    background: #d9d9d9; 
    background: rgba(0, 0, 0, 0.15);
}

.handle3 {
    width: 7px;
    right: 0;
    background: #999;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 7px;
    -webkit-transition: width 250ms;
    transition: width 250ms;
}

.track3:hover .handle3,
.track3.dragging .handle3 {
    width: 10px;
}


/* .btn-facebook {background-color:#3B5998;}
.btn-instagram {background-color:#3F729B;}
.btn-twitter {background-color:#55ACEE;} */

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
   /* CSS overrides for mobile here */
   #header-image {height:185px;}
   #sub-title {font-size:10px;}
}

@media only screen and (max-width: 1024px), only screen and (max-device-width: 1024px) {
   /* CSS overrides for mobile here */   
   #main {margin-top:5px;}
   #main-row {padding:15px;margin-bottom:0;}
   #header-menu {padding-top:25px;background:#666666;}
   #featured-info {margin-top:0px;}
   #header .nav {margin-bottom:0;}
   #header .nav a {padding:7px 0 !important;}
   #header .nav li {border-bottom:solid 1px #aaa;}
   #header .nav li:last-child {border-bottom:none;}
   #footer {margin-top:0;}
   #footer-left {text-align:center;}
   #footer-menu a {padding-left:15px !important;}
   #footer-menu .container-fluid {padding-left:15px !important;}
   .align-center {text-align:center !important;}
   .pull-right{float:none !important;}
   #footer-feed {height:600px;width: auto !important;}
   .arrow-left, .arrow-right {display:none;}
}