.nav-button {display:none;}
.nav .nav-submenu li {width:7.5rem;} /* important to stop menu items pushing menus to side */
.nav .nav-submenu ul {width:7.5rem;} /* this stops the Reels submenu expanding the top menu bar to left in Edge and Firefox */
/*.nav ul ul ul li {min-width:7rem;} dont't think this needed */
.nav .nav-submenu > ul {margin: 0;}  /* this stops extra space on female menu drops down with some browsers */
.nav > ul > .nav-submenu > a:after {content: "\E005";} /* Provides the down arrow */
.nav > ul > li > ul > .nav-submenu > a:after {content: "\E006";} /* Provides the side arrow */
/*.nav .nav-submenu > a:after {content: "\E006";}  dont't think this needed */

.navalign {text-align: center;}

@font-face {
	font-family: "icon-font";
	src: url('../fonts/icon-font.eot');
	src: url('../fonts/icon-font.eot?#iefix') format('eot'), url('../fonts/icon-font.woff') format('woff'), url('../fonts/icon-font.ttf') format('truetype'), url('../fonts/icon-font.svg#icon-font') format('svg');
	}

.icon-desktop:before,
.icon-menu-close:before,
.icon-menu:before,
.icon-mobile:before,
.icon-submenu-down:before,
.icon-submenu-right:before,
.icon-world:before,
header h1:before,
.nav-button:before,
.nav-close:before,
.nav .nav-submenu > a:after,
.nav > ul > .nav-submenu > a:after {
	font-family: "icon-font";
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	vertical-align: top;
	}

.icon-desktop:before {content: "\E001";}
.icon-menu-close:before {content: "\E002";}
.icon-menu:before {content: "\E003";}
.icon-mobile:before {content: "\E004";}
.icon-submenu-down:before {content: "\E005";}
.icon-submenu-right:before {content: "\E006";}
.icon-world:before {content: "\E007";}

html {
	overflow-y:scroll; /*may not need this with divs instead of tables so have commented out for now */
	overflow-x:hidden;  /* stops the page spreading in IE */
	scrollbar-base-color:#369;
	height:100%;	
	}

body#web {
	margin:auto; 
	padding:0px;
	font-family: Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif;
	font-size:1em;
	min-height:100%;  
	border-spacing:0px; 
	display: flex; /* this helps create a sticky footer */
	flex-direction: column; /* this helps create a sticky footer */
	background-color: whitesmoke;
	background-origin:border-box;
	background-size:100% 100%;
	background-attachment:fixed;
	background-size: cover;  /* Added to see if this help ipad / iphone - not looking like though */
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	} 

.nav {
	line-height:1.7rem;
	font-size:1rem;
	text-transform: uppercase;
	}

.nav ul ul {text-transform:capitalize; }
.nav ul ul ul {max-height: 6.5rem; /* this controls the drop down menu height for the Actors/Female */}
.nav li {cursor: pointer; /* hand with finger pointing up */}
.nav li:hover > a, .nav li.nav-active > a {color: FireBrick;}
	
.nav a, .nav a:hover, .nav a:active, .nav a:visited {
	color: FireBrick; 
	text-decoration: none;
	white-space:nowrap;
	}
	
.nav .nav-submenu > a:after { /* this controls the position of the arrows */
	position: absolute; 
	display: block; 
	right: 10px; 
	top: 0; /* was 1px */
	content: "\E005";
	}

header {
	display:flex; 
	flex-flow:row wrap; 
	justify-content: flex-start; 
	position: relative; 
	width:100vw; 
	height:auto;
	margin-bottom:0;
	margin-top:0;
	padding-top:1rem;
	padding-bottom:0rem;
	}

div:empty {display: none;}

div.header1, div.header1_2 {
	order:1;
	color: rgba(166,1,4,1.00); 
	line-height:90%; 
	font-size:4.3rem; 
	font-weight:900; 
	text-shadow: 0.02em 0.0em 0em rgba(43,43,43,.700);
	margin-left:10vw; 
	padding-bottom:1.3rem;
	}

div.header2, div.header2_2 {
	order:2;
	color: rgba(166,1,4,1.00); 
	line-height:80%; 
	font-size:1.3rem; 
	font-weight: 900;
	text-shadow:-.04em 0em rgba(190,190,170,.700); 
	margin-right:auto;
	padding-top:.5rem;
	}

@-moz-document url-prefix() 
{ /* This is for firefox browser */
  div.header2, div.header2_2 {
     padding-top:.5rem;
  }
}

div.header3, div.header3_2 {display:none;}

div.headerphone {display: flex;}

div.headerphone2 {display: none;}

div.imageflow1 {
	margin-top:auto;  
	margin-bottom: auto;
	z-index:1000;
	}

footer {
	display:flex;
	flex-flow:row wrap; 
	justify-content: space-between; 
	align-items:flex-end; 
	position: relative; /* was absolute - made relative in conjunction with the body#web flex css */
	bottom:0;
	margin-top:auto;
	padding-bottom:1rem;
	width:100%; 
	z-index:100;
	max-height:6rem;
	}

div.footer1 {
	font-size:small;
	order:1; 
	height:100%; 
	padding-left:30px;
	padding-right:30px;
	line-height:1.2em;
/*	z-index:101;*/
	}

div.footer2 {
	order:2;
	}

div.footer3 {
	font-size:small;
	text-align: center;
	order:3;
	height:100%; 
	padding-left:30px;
	padding-right:30px;
	line-height:1.2em;
	}

img.footer4 {	
	width:auto;
	height:1.75em;
	}

a.remove {
	color:inherit;
	text-decoration:none; 
	}

a.styleBot1:link { /* styles the links on HOME| REPRESENTATION | CONTACT, ACTORS and SHOWREEL PAGE   */
	color: FireBrick; 
	text-decoration: underline; 
	font-weight: bold; 
	}

a.styleBot1:visited, a.styleBot1:active { /* styles the links on HOME| REPRESENTATION | CONTACT, ACTORS and SHOWREEL PAGE */
	color: FireBrick; 
	text-decoration: none; 
	font-weight: bold; 
	}

a.styleBot1:hover {
	color: FireBrick; 
	text-decoration: underline; 
	font-weight: bold;
	background-color:brown;
	color: beige;
	}

a.styleBot1_1:link, a.styleBot1_1:visited, a.styleBot1_1:active { /* styles the links for client's personal website */
	color: FireBrick; 
	text-decoration: none; 
	font-weight: bold; 
	}

a.styleBot1_1:hover {
	color: FireBrick; 
	text-decoration: underline; 
	font-weight: bold;
	background-color:brown;
	color: beige;
	}

a.styleBot2:link, a.styleBot2:visited, a.styleBot2:active { /* styles button links on profile page */
	color: FireBrick; 
	text-decoration: none; 
	font-weight:bold; 
	}

a.styleBot2:hover {
	color: FireBrick; 
	text-decoration: underline; 
	font-weight: bold;
	color: beige;
	}

a.styleBot3:link, a.styleBot3:visited, a.styleBot3:active { /* styles the links on HOME| REPRESENTATION | CONTACT */
	color: rgba(255,255,255,1.00);
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	}

a.styleBot3:hover {
	color: FireBrick;
	text-decoration: underline;
	font-weight: bold;
	background-color: brown;
	color: white;
	}

a.styleBot4:link, a.styleBot4:visited, a.styleBot4:active { /* styles the links on Male and Female pages for clients Names */
	color: midnightblue; 
	text-decoration: none; 
	font-weight: bold; 
	}

a.styleBot4:hover {
	color: midnightblue; 
	text-decoration: underline; 
	font-weight: bold;
	background-color:midnightblue;
	color: beige;
	}


/* Used for actors_female.php, actors_male.php */
div.content_column, div.content_column5, div.contentcolumn6 {display:flex; flex-direction:column; flex-wrap:nowrap; justify-content:flex-start;}
div.content_column7{display: none;}
div.content_row, div.content.row3, div.content_row5 {display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:center;} /* justify-content was space-between. Changed to center for styling of Download/Video/Voiceovers headings in Downloads & Media tab */
div.content_row2 {display:flex; flex-direction:row; flex-wrap:nowrap; justify-content:space-between;} /* used by profile_writers.php plays tab */

div.actors_list_1 {
	display:flex; position:relative; flex-flow:row wrap; width:85%; justify-content:center; margin:auto; padding-top:1rem;
	background-color:rgba(162,154,154,0.10); border-top-left-radius:2rem; border-top-right-radius:2rem;
font-weight: bold; font-size: large; text-align: center; text-transform: uppercase;}

div.actors_list_2 {order:1; padding-left:2rem; padding-right:2rem;}

div.actors_list_3 {order:2; padding-left:2rem; padding-right:3rem; margin-bottom:auto;text-align: center;}

div.actors_list_4 {
	display:flex; position:relative; flex-flow: row wrap; width:85%; justify-content:center; margin:auto; padding-top:1rem; padding-bottom:1rem; background-color:rgba(162,154,154,0.10); border-bottom-left-radius:2rem; border-bottom-right-radius:2rem;
}

div.actors_list_5 {padding:2.5rem 2.5rem 1rem 2.5rem; text-align:center;}

/* Used for profile.php pages */
div.socialmedia {
	padding-left:1vh;
	padding-top: .5vh;
}

div.website {
	padding-left:1vh;
}

div.contact_details1{
	margin-top: 11vw;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	text-align: center;
}
div.contact_details2{display: flex; flex-flow: row nowrap; margin: 1vw auto 4vw auto;}
div.contact_details3{display:flex; flex-flow: column nowrap; justify-content: space-around; margin:auto;}
div.contact_details4{padding-right: 5vw; min-height: 5rem;}
div.contact_details5{min-height: 5rem;}
div.contact_details6{
	margin: auto;
	max-width: 50vw;
	text-align: center;
	color: white;
}

div.cv_headings {font-size:1rem; text-transform:uppercase; padding-right:1rem; text-indent:1rem; border-bottom: .3rem groove rgba(20,78,126,1); padding-bottom:.1rem; width:38%; font-weight: bold; } 

/* div.cv_headingsW {font-size:1rem; text-transform:uppercase; padding-right:1rem; text-indent:1rem; border-bottom: .3rem groove rgba(82,39,40,1); padding-bottom:.1rem; width:30%; font-weight: bold; }  for profile_writer.php 

div.cv_headingsW_1{font-size:1rem; text-transform:uppercase; padding-right:1rem; text-indent:1rem; border-bottom: .3rem groove rgba(82,39,40,1); padding-bottom:.1rem; width: 67%; font-weight: bold; } /* for profile_writer.php */ 

div.cv_production {font-size: .9rem; font-weight: bold; text-transform:uppercase; padding-right:1rem; padding-left:1rem; padding-bottom:.4rem; width:38%; }

div.cv_production_1 {font-size: .9rem; text-transform:uppercase; padding-right:1rem; padding-left:1rem; padding-bottom:.4rem; width:30%; }

div.cv_role {font-size: .9rem; padding-right:1rem; padding-bottom:.4rem; width:20%; }

div.cv_company {font-size: .9rem; padding-right:1rem; padding-bottom:.4rem; width:38%; }

div.cv_details {font-size: .9rem; padding-right:1rem; padding-bottom:.4rem; width:67%; }

div.cv_button {
	width:90%;
	background:linear-gradient(rgb(246, 241, 241),rgba(185, 169, 155,.5), rgb(246, 241, 241));
	border-radius:.4rem; 
	border:.2rem groove rgba(20,78,126,1); 
	padding-top:5px;
	line-height:21px; 
	margin:.5rem auto 0 auto; 
	font-size:small; 
	min-height:26px; 
	text-transform:uppercase; 
	text-align:center;
	font-weight: bold;
}

div.cv_button:hover {
	color:steelblue;
	letter-spacing: 2px;
	background-color:ghostwhite;
	font-weight: bolder;
}

div.cv_buttonW {
	width:35%;
	background:linear-gradient(rgba(28,14,1,.5), rgba(63,38,18,.9), rgba(28,14,1,.5));
	border-radius:.4rem; 
	border:.2rem groove rgba(82,39,40,1); 
	padding-top:5px;
	line-height:21px; 
	margin:.5rem auto .5rem auto;
	font-size:small; 
	min-height:26px; 
	text-transform:uppercase; 
	text-align:center;
}

div.cv_buttonW:hover {
	color:lemonchiffon;
	letter-spacing: 1.5px;
	background-color:ghostwhite;
	font-weight: bolder;
}

img.socialmedia2 {
	width:auto;
	height:1.5em;
}

div.flex1 {	min-height: 100%;}

div.flex3_1 {width:100%; margin:0px; padding-top:0rem;}

div.flex3_2 {display: flex;flex-direction: column; margin-left: 11vw;}

span.flex3_3 {font-size:3vw; font-weight:bolder; color:FireBrick;}

span.flex3_3_pronouns {font-size:1vw; font-weight:bold; color:FireBrick;}

div.flex5_1 {margin-left:12vw; width:25%;}

div.flex5_2 {margin-top:2.5rem; margin-right:auto; align-self:flex-start;}

div.flex5_3 {font-style:italic; padding:1vh;}

div.flex5_4 {max-width:253px; margin-top:.5rem; justify-content:space-evenly; flex-wrap: wrap;}

div.flex5_4_1 {margin-right:0.2rem;}

div.flex5_5 {padding-top:2vh; max-width:253px; margin-top:.7rem; justify-content:space-evenly;}

div.flex6_1 {margin-right:12vw; margin-left:1vw;}

div.flex6_2 {float:right; height:2.5rem;}

div.flex6_3 {padding-top:.6rem; display:flex; flex-flow:row nowrap; justify-content:flex-start; background-color: rgba(162,154,154,0.10);} /*when changing tab color and style, changed padding-top from 1rem to .6rem and added background color:rgb(5,27,76,1);  */

/*
div.flex6_3W {padding-top:.6rem; display:flex; flex-flow:row nowrap; justify-content:flex-start; background-color: rgb(28,14,2,1);}  for profile_writer.php */

div.flex6_4 {border-color:blue; color: #21203e; display:flex; flex-flow:row nowrap; justify-content:flex-start; padding-top:0.5vw;margin-bottom: -0.5vw;}

div.flex6_4:hover {background-color:snow;}

div.flex6_5 {display: flex; justify-content: center;  border-bottom: 2px solid rgba(5,44,94,1); font-weight: bold; color: firebrick; margin-top: .5rem; padding-bottom: .5rem}

div.flex6_5W {display: flex; justify-content: center;  border-bottom: 2px solid lemonchiffon; color: lemonchiffon; margin-top: .5rem; padding-bottom: .5rem}

div.flex6_6 {max-width:27rem; margin-left:auto;}

div.flex6_7 {text-align:center}

div.flex6_8 {width:70%; margin-left:29%}

div.flex6_9 {padding-top:.6rem; 
	display:flex; 
	flex-flow:row nowrap; 
	justify-content:center; 
	background-color: rgba(162,154,154,0.10);
	font-weight: bold;
	border-bottom: .3rem groove rgba(20,78,126,1); 
	padding-bottom:.1rem;
} 

div.flex6_9_1, div.flex6_9_2 {display: none;}

div.flex6_9_3 {padding-top:.6rem; 
	display:flex; 
	flex-flow:row nowrap; 
	justify-content:center; 
	background-color: rgb(162,154,154,0.10);
	font-weight: bold;
	border-bottom: .3rem groove rgba(20,78,126,1); 
	/*border-left: .2rem solid rgba(20,78,126,1);*/ 
	padding-bottom:.1rem;
} 

div.flex6_9_4 {padding-top:.6rem; 
	display:flex; 
	flex-flow:row nowrap; 
	justify-content:center; 
	background-color: rgb(162,154,154,0.10);
	font-weight: bold;
	border-bottom: .3rem groove rgba(20,78,126,1); 
	/* border-top: .3rem solid rgba(20,78,126,1); 	
	border-left: .1rem solid rgba(20,78,126,1); 
	border-right: .1rem solid rgba(20,78,126,1);*/ 
	padding-bottom:.1rem;
} 

/*when changing tab color and style, changed padding-top from 1rem to .6rem and added background color:rgb(5,27,76,1);  */

/* div.cv_headings {
	font-size:1rem; 
	text-transform:uppercase; 
	padding-right:1rem;	 
	text-indent:1rem; 
	border-bottom: .3rem groove rgba(20,78,126,1); 
	padding-bottom:.1rem; 
	width:38%; 
	font-weight: bold; 
} when changing tab color and style, changed border-bottom to .3rem from .2rem, added padding-bottom of .1rem, and deleted margin-bottom:.6rem  */



/* div.flex6_9 {margin-top:1rem;} - seeing if I can change this to be same as headings on CV tab */

span.flex6_10 {text-align: center}

span.flex6_11 {font-weight: bolder; color: red; margin: auto; cursor: pointer;}

.PageHeadings {font-size:x-large; font-weight:bold;}

.text6_B_gains {font-size:.7rem !important; font-weight:bold;}

.thumbnail_width {width:200px; border-radius:.3rem;	background: rgba(121,27,25,1.00); border:rgba(121,27,25,.50) groove .3em;} /* Changed from 120px to 150px */

.thumbnail_width2 {width:120px; border-radius:.3rem; background: rgba(121,27,25,1.00); border:rgba(104,114,114,.50) groove .3em;}

.thumbnail_border {width:100px; border: dashed;}

.if_width {width:160px; border-radius:.3rem;	background: rgba(121,27,25,1.00); border:rgba(104,114,114,.50) groove .3em;}

.overlay {  /* used to place audio player in an overlay on profile_actor page*/ 
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,20,0.95);
    z-index: 1000;
} 
	
.mp3player {  /* used to position audio player in the overlay on profile_actor page*/
	position:relative;
	margin: auto;
	top: 50%;
	width: 50%;
}

/* Following styles are for the tabbed panels on the profile pages */

.radio-tabs .state {position: absolute; left: -10000px;} /* This places the radio control off the visible page */

/*#CV:focus ~ .tabs #CV-tab,
#Bio:focus ~ .tabs #Bio-tab {
    box-shadow: 0 0 3px 3px rgba(0,127,255,.5);
}
*/
.radio-tabs .tab {
    display: inline-block;
	justify-content:flex-end;
    padding: .5em;
    vertical-align: top;
    cursor: hand;
    cursor: pointer;
	width:12rem;
	background-color: rgb(185,169,155);
	border:rgba(20,78,126,1) .2rem groove;
	border-top-left-radius:.5rem; 
	border-top-right-radius:.5rem;
	color:White;
}

.radio-tabs .tab:hover {background-color: rgba(61,59,49,0.82); color:white;} 

#CV[aria-selected] ~ .tabs #CV-tab,
#Bio[aria-selected] ~ .tabs #Bio-tab,
#Download[aria-selected] ~ .tabs #Download-tab,
#Plays[aria-selected] ~ .tabs #Plays-tab,
#Published[aria-selected] ~ .tabs #Published-tab,
#CV:checked ~ .tabs #CV-tab,
#Bio:checked ~ .tabs #Bio-tab, 
#Download:checked ~ .tabs #Download-tab,
#Plays:checked ~ .tabs #Plays-tab, 
#Published:checked ~ .tabs #Published-tab {
	background-color:rgba(162,154,154,0.10) ; 
    border-bottom: .3rem groove rgba(20,78,126,1);
    cursor: default;
	text-transform: uppercase; 
	font-weight: bolder;  
	color: firebrick; 
}

.radio-tabs .panels {
    padding: 0;
}

.radio-tabs .panel {
    display: none;
	border:rgba(20,78,126,1) .2rem groove;
	border-top-left-radius:.5rem;
	border-bottom-right-radius:.5rem;
	border-bottom-left-radius:.5rem;
	/* padding-bottom:.5rem; removed - Tony, 21/3/23 */
	/* min-height:24vh; removed - Tony, 4/12/22 */
}

#CV[aria-selected] ~ .panels #CV-panel,
#Bio[aria-selected] ~ .panels #Bio-panel,
#Download[aria-selected] ~ .panels #Download-panel,
#Plays[aria-selected] ~ .panels #Plays-panel,
#Published[aria-selected] ~ .panels #Published-panel,
#CV:checked ~ .panels #CV-panel,
#Bio:checked ~ .panels #Bio-panel,
#Download:checked ~ .panels #Download-panel, 
#Plays:checked ~ .panels #Plays-panel, 
#Published:checked ~ .panels #Published-panel {
    background-color: rgba(255,255,255,0.10);
	display: block;
	list-style-type:none;
	padding-left:0;
	padding-bottom:.75rem;
	margin-top:0;
}

/* Below css is for the tabs and panels on profile_writers.php */

/* Don't think these two are doing anything!

#Published-tab ~ .radio-tabs .tab {
    display: inline-block;
	justify-content:flex-end;
    padding: .5em;
    vertical-align: top;
    background-color: rgba(0,18,40,1); 
    cursor: hand;
    cursor: pointer;
	width:12rem;
	border:rgba(82,39,40,1) .2rem groove;
	border-top-left-radius:.5rem; 
	border-top-right-radius:.5rem;
	color:FireBrick;
}

 #panels ~ .radio-tabs .panel #BioW-panel{
    display: none;
	border:rgba(82,39,40,1) .2rem groove;
	border-top-left-radius:.5rem;
	border-bottom-right-radius:.5rem;
	border-bottom-left-radius:.5rem;
	padding-bottom:.5rem;
	min-height:164vh;
}
*/

/*  Below are for CVW - Writer, CVD - Director, CVC - Coach (dialogue and dialect), CVCH - Choreographer */
#CVW[aria-selected] ~ .tabs #CVW-tab, 
#CVD[aria-selected] ~ .tabs #CVD-tab,
#CVC[aria-selected] ~ .tabs #CVC-tab,
#CVCH[aria-selected] ~ .tabs #CVCH-tab,
#BioW[aria-selected] ~ .tabs #BioW-tab,
#Plays[aria-selected] ~ .tabs #Plays-tab,
#Published[aria-selected] ~ .tabs #Published-tab,
#CVW:checked ~ .tabs #CVW-tab,
#CVD:checked ~ .tabs #CVD-tab,
#CVC:checked ~ .tabs #CVC-tab,
#CVCH:checked ~ .tabs #CVCH-tab,
#BioW:checked ~ .tabs #BioW-tab, 
#Plays:checked ~ .tabs #Plays-tab, 
#Published:checked ~ .tabs #Published-tab {
	background-color: rgba(162,154,154,0.10); 
    border-bottom: 0.3rem groove rgba(20,78,126,1);
    cursor: default;
	text-transform: uppercase;
	font-weight: bolder;  
	color: firebrick; 
	width:8rem;
}

#CVW[aria-selected] ~ .panels #CVW-panel,
#CVW:checked ~ .panels #CVW-panel {
    background-color: rgba(255,255,255,0.10);
	display: block;
	list-style-type:none;
	padding-left:0;
	margin-top:0;
	border: rgba(20,78,126,1) .2rem groove;
}

#CVD[aria-selected] ~ .panels #CVD-panel,
#CVD:checked ~ .panels #CVD-panel {
    background-color: rgba(255,255,255,0.10);
	display: block;
	list-style-type:none;
	padding-left:0;
	margin-top:0;
	border: rgba(20,78,126,1) .2rem groove;
}

#CVC[aria-selected] ~ .panels #CVC-panel,
#CVC:checked ~ .panels #CVC-panel {
    background-color: rgba(255,255,255,0.10);
	display: block;
	list-style-type:none;
	padding-left:0;
	margin-top:0;
	border: rgba(20,78,126,1) .2rem groove;
}

#CVCH[aria-selected] ~ .panels #CVCH-panel,
#CVCH:checked ~ .panels #CVCH-panel {
    background-color: rgba(255,255,255,0.10);
	display: block;
	list-style-type:none;
	padding-left:0;
	margin-top:0;
	border: rgba(20,78,126,1) .2rem groove;
}

#BioW[aria-selected] ~ .panels #BioW-panel,
#BioW:checked ~ .panels #BioW-panel {
    background-color: rgba(255,255,255,0.10);
	display: block;
	list-style-type:none;
	padding:1% 4% 1% 4%;
	color: #21203e;
	/*border: rgba(82,39,40,1) .2rem groove;*/
}

#Plays[aria-selected] ~ .panels #Plays-panel,
#Published[aria-selected] ~ .panels #Published-panel,
#Plays:checked ~ .panels #Plays-panel,
#Published:checked ~ .panels #Published-panel {
    background-color: rgba(255,255,255,0.10);
	display: block;
	list-style-type:none;
	padding-left:0;
	margin-top:0;
	border: rgba(20,78,126,1) .2rem groove;
	max-height: 40vw;
    overflow-x: hidden;
    overflow-y: scroll;
	color: #21203e;
}

#Published-tab, #Plays-tab, #CVW-tab, #CVD-tab, #CVC-tab, #CVCH-tab, #BioW-tab {
	width:8rem;
	/*background-color:rgba(162,154,154,0.10) ; 
	border:rgba(82,39,40,1) .2rem groove;*/
}

/* Using lightbox css in clientlist.css file
a.lightboxW img {
border-radius:.5rem; 
border:.12rem solid rgba(82,39,40,1);
max-height: 313px;
/*width: 100%;*/
}
*/
a.lightboxW2 img {
border:.12rem solid rgba(82,39,40,1);
max-height: 313px;
/*width: 100%;*/
}