/* Last-Modified: Sat, 1 Jan 2000 10:00:30 GMT [ver: ] */
/* Current-Time:Sun, 11 Oct 2026 20:59:43 -0500*/
/****************************************************************************/
/* ED 2023/08/04 - Remove FASO Logo from Bottom of Site */
/****************************************************************************/
.faso-bug a {display:none;}
.faso-tagline {display:none;}
.tagline {display:none;}

/****************************************************************************/
/* FASO 2023/07/30 - Remove Name fields from Newsletter */
/****************************************************************************/
#newsletter-form div:nth-child(2) {display: none;}
#newsletter-form div:nth-child(3) {display: none;}

/****************************************************************************/
/* ED 2023/07/30 - remove the single dot below the image w/single image slideshow */
/****************************************************************************/
ul.slick-dots {display: none;}

/****************************************************************************/
/* ED 2023/07/30 - Tilby - Remove archived works link */
/****************************************************************************/
.faso-works-link-archived-works {display:none;}

/****************************************************************************/
/* ED 2023/07/30 - force nav links to all uppercase */
/****************************************************************************/
.navlink a {text-transform: uppercase; }
.selectednavlink a {text-transform: uppercase; }


.sf-menu > li {
    margin-right: 0px;
    margin-left: 30px;
}

@media only screen and (min-width: 1055px)  {
  .main-nav {
	display: inline-block;
	position: relative;
        float: right;
        margin-top: 50px;
  }
}

@media only screen and (max-width: 1054px)  {
   .hamburger {
       display: inline-block;
   }
   .main-nav {
        display: none;
    }
}

/* .main-nav {*/
        /*position: relative;*/
        /*float: right;*/
/*         margin-top: 30px;*/
/* }*/

/****************************************************************************/
/* ED 2023/08/04 - Bigger font for Newsletter "Read Past Issues" */
/****************************************************************************/
.email-newsletter-link-archive {font-size: 18px;}

/****************************************************************************/
/* ED 2023/08/04 - Remove Footer w/social media link & email */
/****************************************************************************/
/*.faso-footer {display: none;};*/

/****************************************************************************/
/* ED 2023/08/04 - zoom background color black */
/****************************************************************************/
.Zoom {background-color: black !important;}
/* .ViewInRoom {background-color: black !important;} */

/****************************************************************************/
/* ED 2023/08/04 - In zoom view, image don't fade */
/****************************************************************************/
.zoom-on-hover--inactive{opacity: 1!important}

/****************************************************************************/
/* ED 2023/08/04 - Hide in collections artwork title */
/****************************************************************************/
/* .faso-works-section-thumbnail-item .work-title {display: none} */

/****************************************************************************/
/* ED 2023/08/04 - Hide in collections info (ex: oil on panel, 10x10, sold) */
/****************************************************************************/
/* .faso-works-section-thumbnail-item small {display: none} */

/****************************************************************************/
/* ED 2023/08/06 - Hide ARTFUL ALERTS Icon */
/****************************************************************************/
/* .myic {display: none;} */
/* .faso-myic-profile {display: none;} */

/****************************************************************************/
/* ED 2023/08/09 - Change capture zones background color */
/****************************************************************************/
.faso-contact-form-input.faso-contact-input-name {background-color:#dddddd;}
.faso-contact-form-input.faso-contact-input-email {background-color:#dddddd;}
.faso-contact-form-input.faso-contact-input-phone {background-color:#dddddd;}
.faso-contact-form-input.faso-contact-input-comments {background-color:#dddddd;}
.faso-en-form-input.faso-en-input-email {background-color:#dddddd;}

/****************************************************************************/
/* ED 2023/08/09 - Change capture zones background color For "contact about artwork" */
/****************************************************************************/
input[type=text], select {background-color:#dddddd;}
textarea, select {background-color:#dddddd;}

/****************************************************************************/
/* ED 2023/08/10 - Change Promo Bar colors */
/****************************************************************************/
.bb_rb>.bb_rb-bar {background: #DDDDDD !important;}
.bb_rb-message-wrapper {color: #CCCCCC !important;} /* 525252 */
.bb_rb-message-wrapper a {color: #6E6E6E !important;}
.bb_rb-message-wrapper .bb_rb-close {color: #F0F0F0 !important;}

/****************************************************************************/
/* ED 2023/08/09 - remove bottom padding before footer */
/****************************************************************************/
.main {	padding-bottom: 0px;}

/****************************************************************************/
/* ED 2023/08/09 - customize header & footer */
/****************************************************************************/
.header {
	padding: 25px 0;
	width: 100%;
	background: #F0F0F0;
}

.footer {
	font-size: 11px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: .5px;
	padding: 25px 0;
	background: #F0F0F0;
}


/****************************************************************************/
/* ED 2023/08/09 - CSS Grid for Representation page*/
/****************************************************************************/
.grid-container {   
	display: grid;   
	grid-template-columns: auto 1fr;
        /* grid-template-columns: repeat(auto-fit, minmax(min-content, 1fr)); */
	background-color: #F0F0F0;   
	padding: 0px !important;
        gap: 10px; 
	align-items: center;
} 
.grid-item {   
	background-color: rgba(240, 240, 240, 0.8);   
	border: 0px solid rgba(0, 0, 0, 0.8);   
	padding: 0px;
	/* font-size: 30px;   */
	text-align: right; 
}

/****************************************************************************/
/* ED 2023/08/09 - CSS Grid for Newsletter page - items2 change on small screen*/
/****************************************************************************/
.grid-container-news {
	display: grid;
	grid-template-columns: repeat( auto-fit, minmax(300px, 1fr));
	align-content: start;
	align-items: start;
	background-color: #f0f0f0;
	padding: 0px;
}

.grid-item-news {
	background-color: rgba(240, 240, 240, 0.8);
	border: 0px solid rgba(0, 0, 0, 0.8);
	align-self: start;
	padding: 0px;
}

.grid-item-news2 {
	background-color: rgba(240, 240, 240, 0.8);
	border: 0px solid rgba(0, 0, 0, 0.8);
	align-self: start;
	padding: 5px;
	text-align: right; 
}

@media only screen and (max-width: 1015px) {
  .grid-item-news2 {
	background-color: rgba(240, 240, 240, 0.8);
	border: 0px solid rgba(0, 0, 0, 0.8);
	align-self: start;
	padding: 0px;
	text-align: center; 
  }
}
/****************************************************************************/
/*Center contact page built around col-1-2 JS - 8/10/23*/
/* .contact .col-1-2 {width: 65%; margin-left: 17.5%; margin-right: 17.5%;} */

/****************************************************************************/
/*Center pages built around col-1-2 instead of left justified in Tilby template JS - 8/10/23*/
.col-1-2 {width: 65%; margin-left: 17.5%; margin-right: 17.5%;}
/****************************************************************************/
/* ED 2023/08/13 - Use full screen on small phone screen */
@media only screen and (max-width: 768px) {
  .col-1-2 {width: 100%; margin-left: auto; margin-right: auto;
    margin: 0 auto;
    position: relative;
    float: none;
}
}

@media only screen and (max-width: 1024px) {
  .col-1-2 {width: 90%; margin-left: auto; margin-right: auto;
    margin: 0 auto;
    position: relative;
    float: none;
}
}

/****************************************************************************/
/* ED 2023/08/10 - Remove section on top of Newsletter main page*/
.faso-en-section-info {display: none;}

/****************************************************************************/
/* ED 2023/08/10 - Remove default section of Newsletter*/
.email-newsletter-link-archive {
	display: none; 
}

/****************************************************************************/
/* FASO info to remove HOME menu */
nav > ul > li:nth-child(1) > a {display: none;}

/****************************************************************************/
/* ED 2023/08/15 - Award page WIP */
.flex-container-award {
  display: flex;
  flex-direction: row;
  text-align: left;
  /*justify-content: space-between;*/
}

.flex-award-left {
  background-color: #f1f1f1;
  padding: 0px;
  flex: 30%; 
}

.flex-award-right {
  /* background-color: dodgerblue; */
  padding: 0px;
  flex: 70%;
  text-align: left;
}

/* Responsive layout - makes a one column-layout instead of two-column layout */
@media (max-width: 800px) {
  .flex-container-award {
    flex-direction: column;
  }
  .flex-award-right {
  text-align: center;
  }
}

/****************************************************************************/
/* ED 2023/08/17 - CSS Grid for Bio page*/
/****************************************************************************/
@media only screen and (min-width: 1310px )  { /* */
.grid-container-bio {   
	display: grid;
        grid-template-columns: 2fr 4fr;
        grid-template-areas: "a a a a b b";
        /*grid-template-columns: repeat(2, auto);*/
        /* grid-template-columns: repeat( auto-fit, minmax(150px, 1fr)); */
        /*grid-template-columns: 4fr 2fr;*/
        /* grid-template-columns: repeat(auto-fit, minmax(2fr, 4fr)); */
	background-color: #000000;   
	padding: 7px !important;
        gap: 0px; 
	/*align-items: center;*/
        border-radius: 7px;
        text-align: right;
} 
}

@media only screen and (max-width: 1309px )  { /* */
.grid-container-bio {   
	display: grid;
        grid-template-columns: 1fr;
        /* grid-template-areas: "a a a a b b"; */
        /*grid-template-columns: repeat(2, auto);*/
        /* grid-template-columns: repeat( auto-fit, minmax(150px, 1fr)); */
        /*grid-template-columns: 4fr 2fr;*/
        /* grid-template-columns: repeat(auto-fit, minmax(2fr, 4fr)); */
	background-color: #000000;   
	padding: 7px !important;
        gap: 0px; 
	/*align-items: center;*/
        text-align: center; 
        border-radius: 7px;
} 
}

.grid-item-bio {   
	background-color: rgba(0, 0, 0, 0.8);
        font-color: #FFFFFF !important;
	border: 0px solid rgba(0, 0, 0, 0.8);   
	padding: 10px;
	/* font-size: 30px;   */
	/*text-align: right;*/
}




/****************************************************************************/
/* ED 2023/08/18 - CV Collapsible sections */
/****************************************************************************/
input[type='checkbox'] { 
  display: none; 
} 

.wrap-collabsible { 
  /* margin: 1.2rem 0; */
  /* margin: 0.75rem 0; */
  margin: 0.5rem 0 0.75rem 0;
} 

.lbl-toggle { 
  display: block; 
  color: #333333;
  font-family: 'Oswald', sans-serif;
  font-weight: 300; /* bold; */
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 0px;
  margin-top: 0;
  font-size: 16px;
  text-align: left;
  padding: 5px; 
  background: #DDDDDD;
  cursor: pointer; 
  border-radius: 7px; 
  transition: all 0.25s ease-out; 
} 

.lbl-toggle:hover { 
  color: #FFF; 
  background: #999999; /* #000000 */
}
 
.lbl-toggle::before { 
  content: ' '; 
  display: inline-block; 
  border-top: 5px solid transparent; 
  border-bottom: 5px solid transparent; 
  border-left: 5px solid currentColor;
  vertical-align: middle; 
  margin-right: .7rem; 
  transform: translateY(-2px); 
  transition: transform .2s ease-out; 
} 
.toggle:checked+.lbl-toggle::before { 
  transform: rotate(90deg) translateX(-3px); 
} 

.collapsible-content { 
  max-height: 0px; 
  overflow: hidden;
  transition: max-height .25s ease-in-out; 
} 

.toggle:checked + .lbl-toggle + .collapsible-content { 
  max-height: 4000px; 
} 

.toggle:checked+.lbl-toggle { 
  border-bottom-right-radius: 0; 
  border-bottom-left-radius: 0; 
} 

.collapsible-content .content-inner { 
  background: rgba(201, 138, 0, 0.06); /* rose 255,240,240,0.5 */
  border-bottom: 1px solid rgba(220, 220, 220, 1);
  border-left: 1px solid rgba(220, 220, 220, 1);
  border-right: 1px solid rgba(220, 220, 220, 1);
  border-bottom-left-radius: 7px; 
  border-bottom-right-radius: 7px; 
  padding: 0.5rem 0.8rem;  /*.5rem 1rem; */
} 

.collapsible-content p { 
  margin-bottom: 0; 
}



/****************************************************************************/
/* ED 2023/08/18 - Parcours Artistique Tabs - Not used, keep as reference*/  
/****************************************************************************/
/*
 CREDITS
 radio trick based on https://css-tricks.com/functional-css-tabs-revisited/ by Chris Coyier (last updated version: jan 16, 2020)
*/

.tabs {
  display: flex;
  flex-flow: row wrap;
}

.tabs > [type=radio] {
  display: none;
}

.tabs > [type=radio] + label {
  order: 1;
  cursor: pointer;
}

.tabs > [type=radio] + label {
  order: 2;
  cursor: pointer;
}

.tabs > [type=radio] + label {
  order: 3;
  cursor: pointer;
}

.tabs > [type=radio] + label + * {
  width: 100%;
  order: 4;
}

.tabs > [type=radio]:not(:checked) + label + * {
  display: none;
}

.tabs {
  width: 100%;
  /*min-width: 30em;*/
  /*max-width: 60em;*/
  background: #999999;                          /* none selected tabs complete zone */
border-radius: 7px;
}

.tabs label {
  padding: 0.25em 1em 0 1em;                           /* All tabs zone */
  border-right: 0.125rem solid #dddddd;
border-top-left-radius: 6px; 
}

.tabs label + * {
  padding: 1em;                                 /* content zone */
  border-bottom-left-radius: 6px; 
  border-bottom-right-radius: 6px; 
}

.tabs [type=radio]:checked + label{
  background: #DDDDDD;                           /* selected tab */
  /* background: #E9E9EA;   */                        
  border-right: 0.125rem solid #ffffff;
}

.tabs [type=radio]:checked + label + * {
  background: #DDDDDD;                           /* content zone */
 /* background: #E9E9EA; */     
}


/****************************************************************************/
/* ED 2023/08/25 - Press & Media Grid */
/****************************************************************************/
.press-grid {
    display: grid;
    justify-content: space-between;
    /* grid-template-columns: repeat( auto-fit, minmax(175px, 1fr)); */
    grid-template-columns: repeat( auto-fill, 126px);
    /* gap:0px; */
    gap: 110px;
}

@media (max-width: 672px) {
  .press-grid {
    gap: 64px;
}
}

.press-item {
  background-color: rgba(255, 255, 255, 0);
  border: 0px solid rgba(0, 0, 0, 0.8);
  padding: 0px;
  /* font-size: 30px; */
  text-align: center;
}

/* .press-grid> div { */
/* background: #fff; */
/* } */
/* .press-grid> div:nth-child(odd) { */
/* background: #eee; */
/* } */


/****************************************************************************/
/* ED 2023/11/10 - Fix slideshow arrow color */
/****************************************************************************/
.hero-section .slick-prev:hover,.hero-section .slick-next:hover {
     background: #dddddd;   /* change background on hover, originaly = background: #6e6e6e */
}

.hero-section .slideshow.slideshow--cover .slick-arrow:before {
    color: #6e6e6e;  /* to change arrow color */
    font-size: 32px;
}


/****************************************************************************/
/* ED 2024/01/31 - New button color */
/****************************************************************************/
.btn,input[type=submit],.bbav .bbav-button .btn {
/*    font-family: oswald,sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: normal;
    font-size: 12px;
    text-align: center;
    text-decoration: none; */
    color: #F0F0F0;  /* #666 */
/*    display: inline-block;
    cursor: pointer;
    position: relative; */
    background: #4592FF; /* original:#ddd FB:#3A589E Logo blue:#4592FF red:#FF7765 yellow:#CA8B00 */
/*    border: none;
    border-radius: 0;
    padding: 10px 20px;
    max-width: 100%; */
}