:root {
--app-wide-lg: 2080px; 
--app-wide-md: 1600px;
--app-wide-text: 1280px; 
--app-wide-text-half: 640px; 
--app-text-color:#fff;
--app-secondary-color:#912323;
--app-primary-color:#212125;
--app-active-color:#110973

}

body {
font-family: "Open Sans", serif;
  font-weight: 400;
  font-style: normal;
font-size:16px; 
background-color:#262626;
}

.contentbuilder-contentarea, .textbuilder-contentarea { color:#fff;  background-color: transparent; }
.gallerybuilder-contentarea.section-contentarea{ color:#fff;  background-color: transparent; }

body.page-2818 .banner-column-home {    background-image: url(/fileserver/sites/306/images/banner-photography.jpg); }

body.page-2819 .banner-column-home {    background-image: url(/fileserver/sites/306/images/banner-painting.jpg); }

body.page-2822 .banner-column-home {    background-image: url(/fileserver/sites/306/images/banner-drawing.jpg); }

body.page-2823 .banner-column-home {    background-image: url(/fileserver/sites/306/images/banner-original-screenprints.jpg); }

body.page-2824 .banner-column-home {    background-image: url(/fileserver/sites/306/images/banner-desert.jpg); }

body.page-2825 .banner-column-home {    background-image: url(/fileserver/sites/306/images/banner-ghana.jpg); }


.banner-column-home {
    background-image: url(/fileserver/sites/306/images/main-banner.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 220px !important;
    padding-bottom: 60px !important;
    display: flex;
    align-items: flex-start;
jusitify-content:center;
text-align:center;
font-family:  "Open Sans", serif;
position:relative;
}

.banner-column-home h2 { 
font-family:  "Open Sans", serif;
font-size:38px;
font-weight:600;
line-height:1.3;
color:#000 !important;
padding-right:15%;
}

.banner-column-home.banner-column-bio {
    background-image: url(/fileserver/sites/306/images/main-banner-bio.jpg);
}

.formbuilder-widget-2592 { color:var(--app-text-color); background-color:transparent; }


.contentbuilder-css h3.title-1 { margin-bottom:0; text-transform: uppercase; }
.gallery-thumbnail-list  .thumbnail-list { display:grid;   grid-template-columns: repeat(4, minmax(0, 1fr)); gap:30px; row-gap:50px; }
.gallery-thumbnail-list  .thumbnail-list  li.thumbnail-item { float:none !important; padding:0  !important; margin:0  !important; }
.gallery-thumbnail-list  .thumbnail-list  li.thumbnail-item img { max-width:100%; width:100% !important; height:auto !important; }

.gallery-thumbnail-list  .thumbnail-list  li.thumbnail-item .gthum-desc {display:block !important; padding-top:6px; font-weight:600; }
.gallery-thumbnail-list  .thumbnail-list  li.thumbnail-item .gthum-desc2 {display:block !important; padding-top:2px; font-size:14px; }
.gallery-thumbnail-list .pagination {
  text-align: center;
  margin-top: 30px;
    width: 100%;
}

.gallery-thumbnail-list .pagination button {
  padding: 7px 12px;
  margin: 0 5px;
  cursor: pointer;
  outline: 1px solid #888;
  border-radius: 1px;
background-color:transparent;
  border: none;
color:#888;
}
.gallery-thumbnail-list .pagination button.active { font-weight:600; color:#f1f1f1;   outline: 1px solid #f1f1f1;}
.gallery-thumbnail-list .pagination button:hover { color:#eee; }

.btn-form-submit { background-color:#fff !important;  color:#000 !important; }

.app-grid-2 { display:grid;   grid-template-columns: repeat(2, minmax(0, 1fr)); }
.app-bio-items { gap:40px; } 
.app-bio-item { display:flex; gap:20px;  margin-bottom:30px; }
.app-bio-item > div:first-of-type { width:80px; }

.text-inner.text-container {font-size:16px; }

@media (max-width:1300px) {
.banner-column-home h2 { font-size:32px; }
.banner-column-home { padding-top:140px !important;}
}

@media (max-width:991px) {
.banner-column-home h2 { font-size:30px;}
.banner-column-home { padding-top:120px !important; }
}

@media (max-width:767px) {
.banner-column-home h2 { font-size:24px; }
.banner-column-home { padding-top:100px !important; padding-right:10%; }
.gallery-thumbnail-list  .thumbnail-list {  grid-template-columns: repeat(2, minmax(0, 1fr)); gap:20px; row-gap: 30px}


.gallery-thumbnail-list  .thumbnail-list  li.thumbnail-item .gthum-desc { padding-top:4px;  font-size:14px; }
.gallery-thumbnail-list  .thumbnail-list  li.thumbnail-item .gthum-desc2 { font-size:12px; }

.gallery-thumbnail-list .pagination {
  text-align: center;
  margin-top: 30px;
    width: 100%;
}

.gallery-thumbnail-list .pagination button {
  padding: 5px 10px;
}
.app-grid-2 {  grid-template-columns: repeat(1, minmax(0, 1fr));   }
.app-bio-items { gap:20px; }

.text-inner.text-container {font-size:14px; }
.app-bio-item { display:flex; gap:14px;  margin-bottom:20px; }
.app-bio-item > div:first-of-type { width:70px; flex-shrink: 0; }
}

@media (max-width:575px) {
.banner-column-home h2 { font-size:20px; }
.banner-column-home { padding-top:80px !important;}
.gallery-thumbnail-list  .thumbnail-list {   gap:10px; }
}

.gallerybuilder-contentarea > .gallerybuilder-inner { 
    padding-top:0;    
    width: 100%;
    max-width: var(--app-wide-text);
    margin: 0 auto; 
padding-left: 1rem;
    padding-right: 1rem;
}

.outer-container {
    width: 100%;
    max-width: var(--app-wide-lg);
    margin: 0 auto;
    position: relative;
}

.app-container-wide-md { max-width:var(--app-wide-md); width:100%; margin:0 auto; overflow:hidden; }

.contentbuilder-contentarea h1,.contentbuilder-contentarea h2,.contentbuilder-contentarea h3,.contentbuilder-contentarea h4,.contentbuilder-contentarea h5,.contentbuilder-contentarea h6, .textbuilder-contentarea h1, .textbuilder-contentarea h2, .textbuilder-contentarea h3, .textbuilder-contentarea h4, .textbuilder-contentarea h5, .textbuilder-contentarea h6 { color:var(--app-text-color); }

.scriptbuilder-contentarea { background-color:transparent; color:var(--app-text-color); }
.scriptbuilder-contentarea > .scriptbuilder-inner {
        padding: 0px !important;
    }

.contentbuilder-css .row img { margin:0; }
.text-container {     width: 100%;    max-width: var(--app-wide-text);    margin: 0 auto;}
.text-container-half { width: 100%;    max-width: var(--app-wide-text-half);    }
.text-container-right { margin-left: auto !important; }

.app-btn-primary { border:solid 1px #fff; border-radius:6px; color:#fff !important; padding:8px 40px;   text-decoration:none; background-color:#262626;  }
.app-btn-primary:hover, .app-btn-primary:active, .app-btn-primary:focus { border:solid 1px #fff; border-radius:6px; color:#fff;  opacity:0.8;   text-decoration:none;background-color:#333;  }

.app-bg-primary { background-color:var(--app-primary-color); }
.app-text-white, .app-text-white * { color:#fff; }
.contentbuilder-css h1, .contentbuilder-css h2, .contentbuilder-css h3, .contentbuilder-css h4, .contentbuilder-css h5, .contentbuilder-css h6 { font-weight:600; font-family:  "Open Sans", serif; }

.contentbuilder-css p, .contentbuilder-css td, .contentbuilder-css li, .contentbuilder-css label { font-weight:400; }
.contentbuilder-css li { padding-top:4px; padding-bottom:6px; }
.contentbuilder-contentarea > .contentbuilder-inner { width:100%; max-width: 100%; padding:0; } 
.contentbuilder-contentarea > .contentbuilder-inner > .row,.contentbuilder-contentarea > .contentbuilder-inner > .column, .contentbuilder-contentarea .column {
padding:0; margin:0;
float:none;
}

body.home .main-body-container {  padding-bottom:60px; }

.swiper-singlerow { padding-top:40px;   }
.swiper-button-next, .swiper-button-prev { display:none; }
.swiper-pagination { display:block;  max-width:480px;   left:50% !important; transform:translateX(-50%) !important; position:relative !important;}
.swiper-pagination span { border: 1px solid #fff;  margin:0 2px; width:10px; height:10px; }
.swiper-pagination span.swiper-pagination-bullet-active { background-color:#fff; }

body.home .swiper-button-next, body.home .swiper-button-prev { display:block;  height:66px; width:41px;      background-size: 41px 66px; background-color:transparent;}

body.home .swiper-button-next { background-image:url(/fileserver/sites/306/images/arrow-right.svg)}
body.home .swiper-button-prev { background-image:url(/fileserver/sites/306/images/arrow-left.svg)}


.gallerybuilder-contentarea > .gallerybuilder-inner { max-width:980px; }

@media (max-width:767px) {
.gallerybuilder-contentarea .swiper-singlerow .swiper-container,.gallerybuilder-contentarea .swiper-singlerow .swiper-wrapper,.gallerybuilder-contentarea .swiper-singlerow .swiper-slide { height:600px; }
}
@media (max-width:575px) {
.gallerybuilder-contentarea .swiper-singlerow .swiper-container,.gallerybuilder-contentarea .swiper-singlerow .swiper-wrapper,.gallerybuilder-contentarea .swiper-singlerow .swiper-slide { height:480px; }
}