/* page layout */
body {background-image: linear-gradient(to right, #1a9090, #73dfde, #b890e8);}
#ph-main-layout {max-width: 1200px; margin: 0 auto; padding-top: 42px;}
#topbar {box-shadow: 0 1px 2px #444; }
#text-column {background-color: #f7fcfc !important; padding-bottom: 48px;}

#site-banner { background-image: linear-gradient(to top right, #126969, #21bdbd, #b890e8, #4b2580, #4b2580); margin-left: -16px; margin-right: -16px; margin-top: -28px; padding-bottom: 16px;}
#banner-image {width: 100%; height: auto;}



/* text */
body,button,.w3-bar,h4,h5,h6 {font-family: 'Nunito' !important; }
body,button,.w3-bar {font-size:18px !important;line-height:1.5;}
h1,h2,h3 {font-family: 'Spicy Rice' !important; color: #4b2580; line-height:1.2;}
h4,h5,h6 {font-weight: 900; color: #4b2580; line-height:1.4;}
.w3-jumbo {font-size: 3.2em !important}


/* nav & topnav */
#ph-leftnav {box-shadow: 0 1px 2px #444;}
.ph-nav1 {background: #6e48a8 !important; border-top: 1px solid !important; border-color: #4b2580 !important; color: white; }
.ph-nav1a {background: #4b2580 !important; border-top: 1px solid !important; border-color: #4b2580 !important; color: white; }
.ph-nav2 {padding-left: 32px !important; background: #126969 !important; border-top: 1px solid !important; border-color: #0b5b58 !important; color: white;}
.ph-navcurrent {background-color: #f7fcfc !important; font-weight: bold !important; color: #126969 !important;}
#ph-leftnav a.w3-button:hover {background-color: #d3f534 !important;}
#ph-leftnav button:hover {background-color: #382259 !important;}
#ph-leftnav a.w3-button:active {background-color: #ffff00 !important;}

#topbar a, #topbar button {font-color: #fff !important;}
#topbar a:hover, #topbar button:hover {background-color: #d3f534 !important; font-color: #000 !important;}
#nav-close {background-color: #ec8a2a !important;}
#nav-close:hover {background-color: #d3f534 !important;}
#nav-close:active {background-color: #ffff00 !important;}


/* text effects & paragraph block stuff */
#text-column a:link {color: #1179c9; text-decoration: none; border-bottom: 2px dotted #1179c9; }
#text-column a:visited {color: #6b37b7;}
#text-column a:hover {color: #055896; text-decoration: none; border-bottom: 2px solid #1179c9; background-color: #e5f0fc;}
#text-column a:active {color: #9ab401; text-decoration: none; border-bottom: 2px solid #9ab401; background-color: #f2fdd8;}

.ph-teaser {margin: 0 -16px; padding: 32px; background-image: linear-gradient(to bottom,  #eafbfa, #d5f6f5); border: 1px solid #e2e2e2;}
.ph-onthispage {margin: 0 -16px 16px -16px; padding: 32px; background-image: linear-gradient(to bottom, #f2eaff, #e9dcfc); border: 1px solid #e2e2e2;}

article {padding: 0 16px 16px 16px; }

article.blurb {padding: 16px; margin: 16px 0; background-image: linear-gradient(to bottom, #eafbfa, #d5f6f5); border: 1px solid #e2e2e2; }
article ul li {padding:8px 12px;}
article ol li {padding:8px 12px;}
article p.top {text-align: right !important;}
article hr {border: 1px solid #ccc; width: 66%; margin: 24px auto;}
article h2 {margin-top: 24px;}

article.ph-headline {padding: 16px; margin: 16px 0; background-image: linear-gradient(to bottom, #f2fdd8, #e1fc96); border: 1px solid #e2e2e2; }

h3.anchor {padding-top: 36px;}

article a {font-weight: 700;}

.blurb-image {border: 1px solid #e2e2e2; float: right; margin: 20px; width: 200px; max-width: 33%;}


table.ratings {background: white; border: 1px solid #e2e2e2; border-collapse: collapse; width: 100%; margin-top: 16px;}
table.ratings td, table.ratings th {border: 1px solid #e2e2e2; margin: 0; padding: 6px; vertical-align: top; text-align: left; }
table.ratings th {background-color: #7b53ac; color: #ffffff !important;}
table.ratings td:first-child {width: 25%;}
table.ratings td:last-child {width: 75%;}
table.ratings caption { display: none;}


ph-schedule-table {background-color: #73dfde;}
.ph-schedule-day {background-color: #7b53ac; color: #ffffff !important; padding: 8px; font-weight: 700; border: 1px solid #e2e2e2 ; border-width: 1px 1px 0px 1px;  }
.ph-break {background-color: /*#d5f6f5*/ #adebe9 !important; color: #1a9090 !important; padding: 8px 16px; font-style: italic; border: 1px solid #e2e2e2 ; border-width: 1px 1px 0px 1px;}
td.no-session {}
.ph-session {background-color: white !important; color: #011 !important; padding: 0 x8px; border: 1px solid #e2e2e2 ; border-width: 1px 1px 0px 1px;}
.ph-no-session { background-color: #eafbfa !important;}
.ph-org-session {background-color: #f2eaff !important;}
.ph-session:last-child {border-width: 1px;}
.ph-session p, .ph-break {font-size: 16px;}
.ph-italic {font-style: italic;}
.ph-cancelled {text-decoration: line-through !important; color: #999 !important;}

article a.w3-button, article a.w3-button:visited, article a.w3-btn, article a.w3-btn:visited  {border: none !important; color: #333 !important; box-shadow: 0px 2px 3px 2px #ccc;}

article a.w3-button:hover, article a.w3-btn:hover {color: black !important;}


.alert, ph-alert {padding: 0 16px !important; border: 1px solid #ec8a2a !important; border-radius: 6px; background-color: #fddbc2 !important;}
.info, ph-info {padding: 0 16px !important; border: 1px solid #bddb29 !important; border-radius: 6px; background-color: #f2fdd8 !important;}

.tba {}
ul.ph-archive, ul.ph-archive li {margin: 0 !important; padding: 0 0 4px 0 !important;}

/* hidden except for screenreaders */
.sr-only {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}


/* colours */
.ph-teal {background-color: #126969 !important; font-color: #white;}
.ph-dark-purple {background-color: #4b2580 !important; font-color: #white;}
.ph-teal-to-purple {background-image: linear-gradient(to right, #126969, #126969,#4b2580); font-color: #fff !important;}
.ph-purple-to-dark {background-image: linear-gradient(to right,#4b2580,#000);}
.ph-acid-wash {background-image: linear-gradient(to bottom,#d3f534,#bddb29);}
.ph-really-red {color: #e6004c !important;}

.ph-green1 {background-color: #2d3416 !important; font-color: white !important;}
.ph-green2 {background-color: #3a4607 !important; font-color: white !important;}
.ph-green3 {background-color: #556500 !important; font-color: white !important;}
.ph-green4 {background-color: #768a00 !important; font-color: white !important;}
.ph-green5 {background-color: #9ab401 !important; font-color: black !important;}
.ph-green6 {background-color: #bddb29 !important; font-color: black !important;}
.ph-green7 {background-color: #d3f534 !important; font-color: black !important;}
.ph-green8 {background-color: #e1fc96 !important; font-color: black !important;}



/* Colour palette generator - Huetone WCAG 3

https://huetone.ardov.me/?palette=N4IgdghgtgpiBcIAKALGYD2AmAzCANCCgK4wDOCA2qJLAiAMIAEA4gE4wCeBIAxhgBsMbCvEogAxADMA7LNk8JMZSsUws69Yt4QdOxRABsRo4rnmpigKy8bNxQBYADM%2BeKcTjx5ABdAL74NNBwiADyTKFsEGAA5nCE-EIiVJJSaVYwACaKaTAQmRA5mZkARrxYOVIlEAAceIRKvDUQWIUN1YaGTk6KNQCcDn3d1lI4HoaOOK0AjFa%2BAUF0iCysHOg8icKi4tJYUsU1atNSvH0TDZk4UlY4DoolxSVYfYp9ECXO02aGzcMNVlZDFY-pIcBAHF0ZIosJcHNMJv5AuBgvQACpMVF5AQbQRbFJKCBVKRtSSZKxSQzXV5ySlzBoyHCZfbxSRYaYPB6KaYQIZDLlYQxnF4NJwDcGHBrcnCGHBzRGLELIJhIYhsAAOAhZm2SYlSNWuaRyGkJlgaMD6mV4J0UmUMJRgVPa-ScMAlkj60qcmS%2BDTtOBkJShDQcTysNR6DRwNSwWCsL3lyKWIAAQkxkwJSDikttJDByU5rWbjgXTZJeDgYAXsg0%2BtNeHJeFzzVaWRJptMZH1ToonAD%2BudJE5ps4ZBHBzHrnd-D5CAAXDBgcgpYUgN1BkADukgO6EeogCqEL7%2BIA

*/