@charset "UTF-8";/*-----------------------------------------------------------------------------------*/
/* Custom CSS */
/*-----------------------------------------------------------------------------------*/
body {
 line-height: 1.4rem;
}
h1, .content-category h1, .registration h1, .page-header h1 {
  font-weight: 200;
}
h2, h3, h4 {
  font-weight: 400;
}
h2 {
line-height: 2.3rem;
}
h4 {
    font-size: 1.2rem;
    font-weight: 400!important;
    opacity: 1;
    letter-spacing: 0;
    margin: 0 0 1rem 0;
    color: #257589!important;
        text-transform: none;
}
h5, h6 {
  font-weight: 500;
}
blockquote {
    margin: 0!important;
}
hr {
 height: 1px;
 max-width: inherit;
 border-bottom:none;
 border-color:1px solid #ccc !important;
}
.com-finder.finder {
    height: auto;
}
.thumbnails > li {
    margin: 0 0 0 30px;
    width: 40%;
}
#container_header {
    position: sticky;
    top: 0;
}
#container_main #main {
    background-color: #f7f7f7!important;
}
.maincontent ul.tags {
    margin-left: 0!important;
    clear: both;
}
li.result__item {
    list-style: none;
}
.tags li {
    line-height: 1em;
}
.tag-category .category li {
    line-height: 1.4rem;
}
p.img_caption {
    text-align: center;
    margin-top: 4px;
}
.previous {
    margin-right: 10px;
}
.modbelowart {
clear:both;
margin-top:20px;
}
.modbelowart hr {
margin-top:80px;
}
ul.pager {
    margin: 60px 0 !important;
clear: both;
}
.pager li, .pagination ul > li {
    display: block;
    width: 50%;
list-style-image: none;
}
.pagination ul {
    display: block;
}
.pager .previous a, .pager .next a {
max-width: 320px;
line-height: 1.2em;
min-height: 40px;
}
li.previous {
    float: left;
}
li.next {
    float: right;
}
.pager li > a:hover, .pager li > a:focus {
    text-decoration: none;
    background-color: #252422;
}
#container_top1_modules .wrapper960, #container_top1_modules.module_block {
 width: none !important;
}
.left.item-image {
 margin: 0 22px 12px 0;
}
.right.item-image {
 margin: 0 12px 0 22px;
}
.blog-item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 40px;
}
.centered, .centered .module .module_header h3, .centered .module_menu .module_header h3, .centered .module .module_header h3.mod_standard, .centered .module_menu .module_header h3.mod_standard, .centered h3 {
text-align:center!important;
}
.homepage .maincontent {
padding:60px 40px 40px;
}
#container_header {
border-top: 8px solid #ffffff!important;
z-index: 999;
}
#container_header + div, .sticky-wrapper + div {
 padding-top: 8px;
}
.contentbottom {
 background: #F1F1F1;
 padding-top: 30px;
}
a.bluetext {
color:#35BBDD!important;
}
.eventgallery-subcategories h2 {
display:none;
}
.eventgallery-events-gridlist h2 {
display:inline;
color:#ddd!important;
}
.eventgallery-square-list .eventgallery-square {
    padding: 7.5px;
}
.latest h2 {
 padding-top: 20px;
}
.latest {
text-align: center;
}
/*
.dnpgrid1 {
    min-height: 866px;
}
 */
.magazine {
 color: #fff;
 font-size: 1.2em;
}
.djslider-default ul.djslider-in > li {
    position: relative!important;
}
#dj-horizontalSwipe1m202 .dj-slide-title, #dj-horizontalSwipe1m202 .dj-slide-title a {
    line-height: 32px;
        font-size: 32px!important;
}
.djhorizontalswipe .dj-image {
    padding: 10px;
    background: #fff;
}
#dj-horizontalSwipe1m202 .dj-horizontal-slide .dj-slide-desc-in, #dj-mslider1m202 .dj-slide-desc-in {
    padding: 10px 20px;
    min-height: 324px;
}
#dj-horizontalSwipe1m202 .dj-horizontal-slide .dj-readmore-wrapper a.dj-readmore {
    background: #288fa8;
    padding: 6px 8px;
    color: #fff;
    font-weight: 600;
}
.dj-slide-description {
color: #fff!important;
    line-height: 1.2rem;
    font-weight: 600;
    font-size: 1rem;
    min-height: 3rem;
}
#dj-horizontalSwipe1m202 .dj-horizontal-slide .dj-slide-description {
color: inherit!important;
}
.dj-slide-desc-bg {
    background: #000!important;
    }
.slide-desc-text-default .slide-title {
    font-size: 1.2rem!important;
    line-height: 1.4rem!important;
}
.slide-desc-text-default, .sidecolumn {
    padding: 5px 15px 5px;
}
.category-desc {
border-bottom: 1px solid rgba(0,0,0,0.1);
margin-bottom: 30px;
padding-bottom: 20px;
}
.centered h3 {
margin-bottom:20px!important;
padding-top:10px!important;
/*border-top:1px solid #bbb;*/
}
.centered h4 {
font-size: 1.2em;
font-weight: inherit;
opacity: 1.0;
letter-spacing: inherit;
text-transform: inherit;
line-height: inherit;
margin-bottom: 1.5em;
}
.nopad, .nopad > .module_surround {
padding:0 !important;
}
.info h2, .info h4, .magazine h3, .logostrip h3, .mod_standard h3 {
 text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.8);
 color:#fff !important;
/* text-align:center!important;
 margin-bottom:20px;*/
}
.logostrip module_surround {
padding: 100px 20px!important;
}
.magazine h3 {
margin-bottom:20px;
}
.magazine a {
 text-shadow: none;
 color:#DDEEF2;
}
.magazine a:hover {
 color:#DDEEF2;
 text-decoration:underline !important;
}

h2, h3 {
 font-weight: 400!important;
}
.info h4 {
 font-size: 1.6em;
 text-transform:inherit;
 line-height:1.2em;
 font-weight:400;
}
.exp {
min-height:280px!important;
}
.logo:hover {
 background-color: rgba(0, 0, 0, 0.2);
}
.slick-slide {
    display: inline-flex;
}
/*.layerslideshow .info > div {
 display: inline-block !important;
 position: absolute;
 top: 86%;
 left: 24%;
 text-align: right;
}*/
.layerslideshow .info > div {
 width: inherit!important;
 position: relative!important;
 top: -70px!important;
}
.layerslideshow .item h2, .layerslideshow .item h4 {
 text-align: right;
}
.layerslideshow .item h4 {
    max-width: 660px;
    float: right;
}
.layerslideshow .img-fill {
 height: 620px;
    text-align: right!important;
}
.imghvr-hinge-up {
    background: #252422;
}
.btn, .button, button {
 background-color: rgba(0, 0, 0, 0.5);
 }
#eventgallery_colorbox .img-caption, #eventgallery_colorbox .img-exif, #eventgallery_colorbox .img-id {
 padding: 12px;
 font-size: 1.5em;
 font-weight: 200;
line-height: 1.1em;
color:#fff;
}
.img-caption-part1 {
 font-weight: 200;
 }
.thumbnails {
 margin-left: 0;
}
.data {
background:rgba(42,42,42,.85);
color:#fff;
word-break:normal!important;
word-wrap:normal!important;
}
.getintouch .module_surround {
 padding: 30px 0 0!important;
}
.contact textarea {
 width: 60% !important;
 min-width: 300px;
}
/*.fcp_sendrow {
 margin-left: 18%;
}*/
.whyjay {
background: rgba(255,255,255,.1);
padding: 20px 40px;
}
.searchbox {
    float: right;
    width: 26%;
    min-width: 310px;
}
.breadcrumb {
    margin-bottom: 0;
    background-color: #fff;
    padding: 0!important;
}
.breadcrumbs {
    float: left;
    width: 70%;
}
.breadcrumbs ul {
    width: 100%;
}
#breadcrumb.block_holder {
    padding: 0 10px;
}
.search, .finder, .search .form-inline {
width:100%;
margin:0;
    height: 34px;
}
form.search , form.finder, form.form-search, form#mod-finder-searchform133 {
margin:0;
}
.pswp__caption__center {
    text-align: center;
    min-width: 420px;
max-width: inherit;
}
/*
.footersearch {
    width: 240px;
    margin: 0 auto;
    float: none;
}
 */
.footersearch .module_surround {
padding:0 !important;
margin: 30px 0 0;
}
.footersearch .search .search-query {
    margin-top: 0;
}
form.search, form.finder, form.form-search, form#mod-finder-searchform133 {
    display: inline-block;
}
#xmap ul {
margin:0 0 0 25px;
}
.item-page li, #xmap li, #jmap_sitemap li, #jmap_sitemap li li, #jmap_sitemap li li li, #jmap_sitemap li li li li, .thumbnails > li  {
list-style-image: url(https://www.artglassandmetal.com/images/bullet.png)!important;
}
div.jmapcolumn {
    width: 45% !important;
    margin-left: 5%;
}
#jmap_sitemap .page-header {
    border-bottom: 1px solid #e1e1e1;
    margin-left: 25px;
}
.jmap_filetree ul {
    margin: 4px 0 4px 10px;
}
#easycalccheckplus label {
width: 10em !important;
}
#show_copy {
width: 16px !important;
}
div.fcp_checkbox_l input.fcp_lcb {
margin-left: 11em;
margin-right: 1em;
}
div.fcp_line input[type="checkbox"] {
vertical-align: text-top;
}
input#fcp_send_button.button {
width: auto !important;
margin-left: 12em;
}
#easycalccheckplus p {
margin-left: 11em;
}
blockquote::before {
    top: 30px !important;
}
.img-caption-part1 {
    font-size: 1.5rem;
    line-height: 1.5rem;
}
.data h2 {
    color: #fff;
    font-size: 1.5rem;
}
.slidelink {
color:transparent;
}
.layerslideshow .NextArrow::before,
.layerslideshow .PrevArrow::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

/** RESPONSIVE CALLS **/

@media only screen and (max-width: 768px) {
.mobilehide {
display:none;
}
}

@media only screen and (max-width: 440px) {
.maincontent {
    padding: 8px;
}
.right.item-image {
    float: none;
    margin: 10px auto;
    display: table;
}
}