/*BUTTON COLOURS*/




/*GENERAL*/

.body{
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    font-size: 16px!important;
    overflow-x: hidden;
    background-color: #FFF;
    font-weight: 500;
    min-height: 800px;
    color: #2b2b2b;
}

blockquote{
    font-style:italic!important;
    padding: 11px 22px;
    margin: 0 0 22px;
    font-size: 16px;
    border-left: 5px solid #f4f3f2;}
  
blockquote p{
    font-style:italic
}

label{font-size: 80%;
    text-shadow: none!important;
    color: #2b2b2b;
    font-weight:bold}

.form-control {
    border-color: #2b2b2b;
    color: #2b2b2b;
    border-radius:0px!important;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.428571429;
    
}

b, strong {
    font-weight: 700;
}
.form-group{
    margin-bottom:15px}
hr {
    border-top:2px solid #2b2b2b!important;
opacity: 1}

.navbar{
    border-bottom: 2px solid #2b2b2b!important;
    padding-bottom: 10px;
}

.navbar-brand .site-title {
    padding-left: 0px;
    font-size: 40px;
    padding-top: 36px;
    color: #2b2b2b!important;
    text-transform: capitalize;
    font-weight:normal!important
}
h1, h2, h3, h4, h4, h5{
    color: #2b2b2b;
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: 700;
}


a{
    color: #587ba5;
    text-decoration:none;
    font-weight:bold;
}
.region-title{
   background:#fff;
border-bottom: 0px solid #fff!important;
    text-transform: uppercase;
    padding-bottom: 30px;
     margin: 44px 0 22px;  
 }

.page-title h1 {
    text-transform: uppercase;
    margin-top: 40px;
    font-size: 36px;
    line-height: 30px;
    color:#2b2b2b!important
}
.main{
    padding-top: 30px;
    padding-bottom: 30px
}

.node__content{
   
    font-size:16px;
    color:#2b2b2b!important
}

.dropdown-menu {
    border-radius:0px!important;
    border-bottom:2px solid #2b2b2b;
        border-right:2px solid #2b2b2b;
        border-left:2px solid #2b2b2b;
    border-top:none!important;
    
}

.navbar-nav .nav-item a{
    color: #2b2b2b!important;
    font-weight:700;
    border-bottom: 2px solid #fff;
    text-transform: uppercase;
    font-size:16px!important;
 
}

.dropdown-item a{
    font-size:14px;
}
.dropdown-item:hover, .dropdown-item:focus {
    color: #2b2b2b!important;
    background-color: #fff;
    border-bottom:2px solid #2b2b2b!important
}
    

.dropdown-item.active, .media-library-view--widget .view-header a.dropdown-item.is-active, .dropdown-item:active {
    color: #2b2b2b!important;
    background-color: #fff;
    border-bottom:2px solid #2b2b2b!important}

.bp .text{
    max-width:50%;
    font-size:16px!important;
    color:#2b2b2b
}
/*VIEWER*/
.gdesc-inner{
   padding-left:0px!important
}
.artwork-title-viewer{
    text-transform:uppercase;
    font-weight:bold;
}

.goverlay {
    background: rgba(255,255,255);
}
.glightbox-clean .gslide-media {
    box-shadow:none!important}

.glightbox-clean .gslide-desc {
    font-size: 16px;
    margin-bottom: 0;
    font-family: 'Roboto';
font-style: normal;
font-weight: normal;
    text-transform:uppercase;
        color:#2b2b2b;
    line-height: 1.4em;
}
.gslide-description p {
    margin-bottom: 12px;
    font-weight: 700;
    margin-right:5px
}

.glightbox-mobile .glightbox-container .gslide-desc {
    color: #2b2b2b;
}

/*ADMIN THEME*/
.fontyourface-header h4{
    font-size: 14px !important;
    font-weight:normal !important;
}

.fontyourface-header h5{
    font-size: 10px!important;
    font-weight:normal !important
}

.region-content {
    padding: 0 !important;
}


/*NAVIGATION*/

.menu--footer .nav-link{

    font-size: 14px!important;
    font-weight:bold!important
}


#block-vwm-bootstrap5-copyrightfooter{
   
    text-transform:uppercase;
        color:#2b2b2b!important;
    font-size:16px
}
.nopad-left{
    display:flex;
    
    
}


/*SLIDER*/
.region-slider{
    padding-top:30px
}
/*Front Blocks*/
a.article-link{
    color:#2b2b2b!important
}
.front-block h2{
    text-align: center;
    padding-bottom: 3rem
}
/*Article*/
.section{
    z-index:0;
    overflow:hidden
}
.box.no-bottom-padding{
    padding-bottom:0
}
.article-item h2{
    text-transform:lowercase
}

.box {
    z-index: 0;
    flex: 1;
    padding: 0px;
    position: relative;
    max-width:1000px;
    color:#2b2b2b!important;
        font-size:16px
}

.centre {
    margin-left: auto;
    margin-right: auto;
}
.text-box {
    max-width: 1000px;
}

.top {
    grid-row-gap: 8px;
    flex-direction: column;
    width: 100%;
    display: flex;
}


.divider-line {
    background-color: #333;
    width: 100%;
    height: 1px;
}

.post-top-details-wrapper {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: space-between;
    width: 100%;
    display: flex;
    font-size:12px;
    text-transform: uppercase;
}

.post-detail-tag,
.post-detail-tag div a{
    
    letter-spacing: .02em;
    
    text-decoration:none;
    display: inline-block;
}



.spacer._48 {
    background-color: transparent;
    border-radius: 6px;
    width: 48px;
    height: 48px
}

.heading.extra-large {
    letter-spacing: -.04em;
    margin-top: 20;
    margin-bottom: 0;
     text-transform: lowercase;
    line-height: 1.05;
}

.spacer._24 {
    text-transform: uppercase;
    background-color: transparent;
    width: 24px;
    height: 24px;
}

.spacer._64 {
    text-transform: uppercase;
    background-color: transparent;
    width: 24px;
    height: 64px;
}

.paragraph {
    
    margin-top: 0;
    margin-bottom: 0;
    
    line-height: 1.45;
}
.subtext{
    font-style:italic!important
}

.image-wrapper {
    border-radius: 6px;
    align-items: flex-start;
    width: 100%;
    max-width:1000px;
    display: flex;
    position: relative;
    overflow: hidden;
}

.rich-text {
    text-align: left;
    line-height: 1.5;
    display: block;
}

/*ARTICLES Landing Page*/

.posts-wrapper {
    align-items: flex-start;
    display: flex;
}

.posts-grid {
    grid-column-gap: 24px;
    grid-row-gap: 64px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: stretch;
    width: 100%;
    display: grid;
}

.post-item-content {
    grid-row-gap: 18px;
    flex-direction: column;
    align-items: stretch;
    display: flex;
    height:450px
}

.post-item-image-wrapper {
    border-radius: 6px 6px 4px 4px;
    align-items: flex-start;
    padding-top: 66.6%;
    display: flex;
    position: relative;
    overflow: hidden;
}
.post-item-image {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    bottom: 0%;
    left: 0%;
    right: 0%;
}

.bottom {
    grid-row-gap: 12px;
    flex-direction: column;
    display: flex;
}

.heading.regular {
    letter-spacing: -.03em;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.25;
}
.paragraph.small {
   
    font-size: 13px;
    font-weight: 300;
    line-height: 1.5;
}



 
/*SERIES Landing Page*/

.view-series-landing-pages h3  {
    color: #2b2b2b;
    margin-bottom: 20px;
    clear:both;
}
.viewer .info .arttitle {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
}
.viewer .info {
    font-size: 12px;
    padding-bottom: 5px;
}
.series-painting .artwork .arttitle {
    display: none!important;
}

.view-artwork .views-row {
    padding-right: 30px;
    padding-left: 0px;
    padding-bottom:30px
}

.series .views-row {
    margin-bottom: 0px!important;
}


.series-painting .artwork:hover .arttitle {
    display: block!important;
    font-size: 12px!important;
    text-transform: uppercase!important;
    font-weight: bold!important;
   
    background-color: transparent;
    position: absolute;
    z-index: 1000;
    width: 100%;
    padding-top: 0px;
    padding-bottom:5px
}



.view-series-landing-pages .views-row {
    float: left;
    padding-left: 0px;
    padding-right: 3%;
    padding-bottom: 3%;
    width: 30%;
}

/*Hero Block*/
@media (max-width:767.98px){
    
    .glightbox-mobile .glightbox-container .gslide-description {
    height: auto!important;
    width: 100%;
    position: absolute;
    bottom: 0;
    padding: 19px 11px;
    max-width: 100vw!important;
    -webkit-box-ordinal-group: 3!important;
    -ms-flex-order: 2!important;
    order: 2!important;
    max-height: 78vh;
    overflow: auto!important;
    background:none!important;
    padding-bottom:40px;
        color:#2b2b2b!
}
    .glightbox-mobile .glightbox-container .gslide-description .gslide-desc p{
        clear:both
    }
    
    
    .gslide-description p {
    margin-bottom: 12px;
    font-weight: 700;
    margin-right:5px;
        display:block!important;
        clear:both
    }
   
   
    .view-series-landing-pages .views-row {
    float: left;
    padding: 20px;
    width: 100%;
}
    
    .goverlay {
    background: rgba(255,255,255)!important;
}
        body{
       
            font-size:16px!important;
                color:#2b2b2b!important;
    }
    
    .menu--footer ul{
     display: flex;
  flex-direction: row!important;
justify-content:center
 }
    .main,
    .page-title{
        text-align:center}
    
    .mobile-height{
        min-height:300px
    }
    
    .articles-page .views-row {
     height:100%;
     margin-bottom:60px;
        padding-right:20px;
        padding-left:20px}
    
    .post-item-content{
        height:100%
    }
     


}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.8px) { 
    .hero-text {
        
    }
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px){ 
   .desktop-block{
 
  height: 450px;
        width: 100%;
  background-image: url('../hero-subtheme.jpeg');
  background-repeat: no-repeat;
  background-size: contain;

}
    
    .articles-page .views-row {
   
    display: block;
    width:50%;
    float:left;
    overflow: hidden;
        height:400px;
}
    
    
    
    .hero-text{
        height:380px
            
    }
    
    .hero-text h1{
        font-size:24px;
    }
    .hero-text {
        font-size:14px;
    }
        

    }

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px){
    .body{
        text-align:left
    }
    
    .menu--footer ul{
     display: flex;
  flex-direction: row !important;

 }

.menu--footer ul li{
    margin-left:auto
}
}

@media (min-width: 992px) and (max-width: 1199.98px){ 
   
    .desktop-block{
 
  height: 500px;
        width: 100%;
  background-image: url('../hero-subtheme.jpeg');
  background-repeat: no-repeat;
  background-size: contain;
 
  
 
}
    
    .hero-text{
        height:500px
            
    }  
    
     .articles-page .views-row {
   
    display: block;
    width:50%;
    float:left;
    overflow: hidden;
}
    
    }


/*X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    
    .front-image img{
        max-width: 500px
    }
    
     .articles-page .views-row {
   
    display: block;
    width:33%;
    float:left;
    overflow: hidden;
         height:450px
}
    
}

 
@media (min-width: 1200px) and (max-width: 1398.98px){ 
      
    .desktop-block{
          height: 650px;
    width: 100%;
  background-image: url('../hero-subtheme.jpeg');
  background-repeat: no-repeat;
  background-size: contain;
 }    
    
    .hero-text {
       height:550px
    }}


/*XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1400px) { 
      .desktop-block{
          height: 700px;
    width: 100%;
  background-image: url('../hero-subtheme.jpeg');
  background-repeat: no-repeat;
  background-size: contain;
 }
    
    .hero-text {
      height:600px
    }}