/* Enter Your Custom CSS Here */




body, html { overflow-x:hidden; }

#main {
    border: 1px solid #999;
    padding-top: 25px;
    padding-bottom: 50px;
  	padding-left: 20px;
  	padding-right: 20px;
}



.button, .button a, #viewROOMbtn {
 border-color: #999;
  color: #999;
}

#viewROOMbtn:hover {
 color:#FFF; 
}

h1, h2, h3 {
 text-transform: uppercase;
  font-weight: 400;
}

.hide {
  display: none;
}

h1 {
  
  font-size: 2em;
    margin: 0.67em 0;
    font-weight: 400;
    text-align: center;
    padding-bottom: 10px;
    text-transform: uppercase;
}

h2, h3, h4 {
 margin: 0;
  padding: 0;
}

.sidebar1 {
 width: 20$
}

.painting-archive {
  width: 100%;
}

@media screen and (min-width: 600px) {
.menu-top-navigation-container .nav { 
	border: none;
    text-align: center;
	   
}
}

.filter-nav {
      padding-top: 50px;
}


.filter-nav .ubermenu-target-title {
    font-size: 16px;
    font-weight: 400;
    padding-left: 10px;
    padding-right: 10px;
    color: #999;
}

.filter-nav .ubermenu-nav {
    border-top: 1px solid rgba(117, 117, 128, 0.48);
    margin-top: 20px;
}


.ubermenu-skin-trans-black.ubermenu-horizontal .ubermenu-item-level-0 > .ubermenu-submenu-drop {
    border: 1px solid #444;
}


.comments ul {
  list-style: none;
  text-align: left;
}

.comments ul li {
/*  display: inline-flex; */
  padding-right: 20px;
}

.comments h2, .comment-respond {
 text-align:center; 
}

.comments .comment-form-author, .comments .comment-form-email, .comments .comment-form-url, #email-notes, .comment-reply-title, .comments .logged-in-as {
  display: none;
}

#comment {
  width: 300px;
height: 50px
}

#fancybox-wrap div {
    background-color: #000;
}

#fancybox-content {
    border: none;
}

.gform_button {
     background-color: #000; 
}

.filter-nav .ubermenu .ubermenu-submenu-type-flyout>.ubermenu-item:hover {
    border: solid 1px #999;
}

.filter-nav .ubermenu-target-title:hover {

}


.comment-form #submit, .comment-form textarea {
    background-color: #000;
    color: #fff;
}

.sidebar-fix {
	width: 300px;  
}

.sidebar-fix .info-in-room, .sidebar-fix .closeroombutton {
 	width: 100%; 
  padding-top: 30px;
}

.sidebar-fix .info-in-room {
    color: #000;
    font-size: 14px;
    line-height: 1;
}

.sidebar-fix .button {
    border: solid 2px #000;
    color: #000;
}

.loopinfo {
 display:none; 
}


.gform_fields .textarea, .gform_wrapper input[type=email], .gform_wrapper input[type=number], .gform_wrapper input[type=password], .gform_wrapper input[type=tel], .gform_wrapper input[type=text], .gform_wrapper input[type=url] {
    background-color: #000;
    color: #fff;
}

.gfield_required {
  color: #fff !important;
}

#fancybox-overlay {
 background-color: #000 !important; 
 opacity: 0.85 !important;
}




@media only screen and (min-width:768px) {

.hidemobile {
    display: initial;
}

.showmobile {
    display: none;
}

}

@media only screen and (max-width:768px) {

.hidemobile {
    display: none;
}

.showmobile {
    display: initial;
}

p {
        line-height: 1;
  }

.inquiremobilespacing p {
   margin-top: 0;
   margin-bottom: 5px;
  }
  
 .imgbeig {
       margin-top: 25px; 
  }

.logomobile img {
        height: auto;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

.logomobile p {
        margin-top: -25px;
    margin-left: 240px;
    font-size: 7px;
  }
  
}

@media screen and (max-width:680px) {
 .painting-columns {
    width: 50%;
  }
  p, body {
	font-size: 14px;
}

.viewroombutton, .info, .backbutton, .largerrelated {
    width: 100%;
    text-align: left;
    margin-top: 15px;
}
  
}

@media screen and (min-width:680px) and (max-width:1080px) {
 .painting-columns {
    width: 33%;
  }
  
.viewroombutton, .info, .backbutton, .largerrelated {
    width: 50%;
    text-align: left;
    float: left;
    margin-top: 15px;
}  
  
}

@media screen and (min-width:1080px) and (max-width:1600px) {
 .painting-columns {
    width: 25%;
  }
}

@media screen and (min-width:1600px) {
 .painting-columns {
    width: 20%;
  }
}

.info-in-room {
    text-align: left;
}

.closeroombutton {
    text-align: left;
}

.inquire_form_pop {
    border: none;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    text-decoration: underline;
}

.info-in-room .inquire_form_pop {
 	color: #000; 
}

.painting .wp-post-image {

}

.commentsblock {
    max-width: 730px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
}

ul.commentsblock {
  
}

.tagfield {
background-color: #000;
    color: #fff;
    padding: 10px;
    border: 3px #999 solid;
  margin-right: 10px;
    width: 80%;
}

.header-center {
 height: 120px; 
}

.hashtag {
 cursor: pointer; 
 cursor: hand; 
}

.foundobjects #viewROOMbtn, .photography #viewROOMbtn {
  display: none !important;
}

.filter-nav {
  display: none;
}



.alm-reveal {
    display: flex;
    flex-flow: row wrap;
}

button.alm-load-more-btn:hover, button.alm-load-more-btn {
background: rgba(237, 112, 112, 0);
}

.related-grid {
    clear: both;
    padding-top: 50px;
}

ul.commentsblock {
    margin-top: 0;
}


.og-grid {
	list-style: none;
	padding: 20px 0;
	margin: 0 auto;
	text-align: center;
	width: 100%;
}

.og-grid li {
	display: inline-block;
	margin: 10px 5px 0 5px;
	vertical-align: top;
	height: 250px;
}

.og-grid li > a,
.og-grid li > a img {
	border: none;
	outline: none;
	display: block;
	position: relative;
}

.ubermenu .ubermenu-target {
    text-transform: uppercase;
}

#mobile-nav {
  padding: 10px;
  text-align: center;
}

.topnavmobile {
  text-align: center;
  margin-bottom:20px;
}