:root {
    /* Primary color scheme */
    --primary-color: rgb(0,161,224);  /* Blue for links and buttons */
    --hover-color: rgb(235,57,135);    /* Darker blue for hover states */
    --text-color: rgb(89,89,89);     /* Default text color */
    --secondary-text-color: #303030; /* Secondary text color */
    --background-color: #E3E3E3; /* Background color for boxes */
    --border-color: #E3E3E3;      /* Border color */

    /* Font and text styles */
    --font-family: "Open Sans", sans-serif; /* Main font family */
    --font-weight-normal: 400; /* Normal font weight */
    --font-weight-bold: 600;   /* Bold font weight for emphasis */
    --link-text-decoration: underline; /* Default text decoration for links */
    --hover-text-decoration: underline; /* Text decoration on hover */
}

/* Universal base styles for HTML elements */
html, body, div, span, applet, object, iframe,
p, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, select, input {
    color: var(--text-color);
    font-family: var(--font-family) !important;
}

/* Specific styles for nested div elements within .guestBox class */
div.guestBox div div, div.guestBox div strong {
    color: var(--text-color) !important;
}

/* Link and button styling across the site */
.item-share-button {
    color: var(--primary-color);
}

a, .item-info {
    font-weight: var(--font-weight-bold);
    color: var(--primary-color);
    text-decoration: var(--link-text-decoration);
}

/* Hover states for links and interactive elements */
a:hover, .item-share-button:hover, .item-info:hover {
    color: var(--hover-color);
    text-decoration: var(--hover-text-decoration);
}

/* Styles for buttons, including padding and borders */
input.button, a .button {
    display: inline-block;
    background-color: rgb(0, 63, 197);
    color: #FFFFFF;
    font-family: var(--font-family) !important;
    font-size: 16px !important;
    line-height: 20px;
    border-radius: 4px;
    padding: 5px 15px;
    margin: 0 10px 0 0;
    border: solid 1px rgb(0, 63, 197);
}

/* Hover effects for button elements */
input.button:hover, a:hover .button {
    background: rgb(28, 89, 220);
    color: #FFFFFF;
}

/* Icon button color changes */
div.audio-icon-button i {
    color: var(--primary-color);
}
div.audio-icon-button:hover i {
    color: var(--hover-color);
}

/* Text color settings for segments */
.groupSegmentGuests .FieldsValue, .groupSegmentGuests .FieldsLabel,
.groupSegmentTopic .FieldsValue, .groupSegmentTopic .FieldsLabel {
    color: var(--secondary-text-color);
}

/* Header styles */
h1, h2, h3, h4, h5, h6, label {
    font-family: var(--font-family) !important;
    color: var(--text-color);
}

/* Specific classes for feature styling */
.featuredSpeaker {
    font-weight: var(--font-weight-bold);
    font-size: 1.1em;
    line-height: 1.1em;
}

/* Styling for search boxes */
.joomla-search {
    background-color: var(--background-color);
    border: 1px solid var(--border-color);
    margin-left: 0;
    margin-right: 0;
    border-radius: 0px;
}

/* Guest box styling with backgrounds and borders */
.guestBox {
    background-color: var(--background-color) !important;
    border-radius: 0px;
    border: 1px solid var(--border-color);
}

/* Primary item list styles */
#itemListPrimary .catItemView .catItemHeader {
    border: 1px solid var(--border-color);
    background-color: #FFFFFF;
    width: calc(100% - 2px) !important;
}

/* Placeholder sections for even and odd item styling */
.even div.catItemHeader, .odd div.catItemHeader {
    /* Currently no specific styles */
}

/* Hover effects for image buttons */
img.sharebutton {
    border: #FFFFFF 1px solid;
}
img.sharebutton:hover {
    border: var(--hover-color) 1px solid;
}

/* Container for share buttons */
.sharebuttons {
    display: inline-block;
    text-align: center;
    width: 100%;
    height: 44px;
}

/* Styling and hover effects for transcript and download buttons */
a.play_button, a.download_button, a.transcript_button, a.transcript_text {
    display: inline-block !important;
    background-color: transparent;
}

a.play_button:hover span, a.download_button:hover span, a.transcript_button:hover span {
    text-decoration: var(--hover-text-decoration);
}

a.play_button:before{content:"\f01d   ";font-size: 40px;}
a.play_button {display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; background: none !important;text-indent: 0 !important;text-decoration: none;}
a.play_text {margin: 0 10px 0 5px;}

a.download_button:before{content:"\f019   ";font-size: 28px;}
a.download_button {display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; background: none !important;text-indent: 0 !important;text-decoration: none;}
a.download_text {margin: 0 14px 0 7px;}

a.transcript_button:before{content:"\f0f6   ";font-size: 26px;}
a.transcript_button {display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; background: none !important;text-indent: 0 !important;text-decoration: none;}
a.transcript_text {margin: 0 10px 0 7px;}

a.test_link:before{content:"\f0f6   ";font-size: 26px;}
a.test_link {display:inline-block; font:normal normal normal 14px/1 FontAwesome; font-size:inherit; text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; background: none !important;text-indent: 0 !important;text-decoration: none;}

a.test_link span span {
  display: none;
}
/* 
.itemContainer .catItemDetails {
    float: none !important;
    padding-right: 60px !important;
}

.item-share-button {
    display: inline-block !important;
}
a.facebooklink  {
	display: none !important;
}
a.twitterlink {
	display: none !important;
}
a.googlepluslink {
	display: none !important;
} */