/*
 * theme option for http://landscapesnetwork.org.uk 2024 in orange mostly
 *
 * Enmore Green Ltd for NAAONB 2020
 */

@font-face {
    font-family: "Effra Regular";
    src: url("../fonts/Effra_W_Rg.woff2") format("woff2"), /* Super Modern Browsers */ url("../fonts/Effra_W_Rg.woff") format("woff"), /* Pretty Modern Browsers */ url("../fonts/Effra_Rg.ttf") format("truetype"); /* Safari, Android, iOS */
    font-weight: 400;
}

@font-face {
    font-family: "Effra Bold";
    src: url("../fonts/Effra_W_Bd.woff2") format("woff2"),
    url("../fonts/Effra_W_Bd.woff") format("woff"),
    url("../fonts/Effra_Bd.ttf") format("truetype");
    font-weight: 600;
}

@font-face {
    font-family: "Effra Italic";
    src: url("../fonts/Effra_W_It.woff2") format("woff2"),
    url("../fonts/Effra_W_It.woff") format("woff"),
    url("../fonts/Effra_It.ttf") format("truetype");
    font-weight: 400;
}

/* some general formatting */
body {
    font-family: "Effra Regular", sans-serif;
    font-size: 18px;
    line-height: 1.42857;
    color: #000000;
    background-color: #ffffff;
    /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23dddddd' fill-opacity='0.4'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm9-10v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-9-10h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9zm10 0h9v-9h-9v9z'/%3E%3Cpath d='M6 5V0H5v5H0v1h5v94h1V6h94V5H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");*/
}

/* font weight corrections */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a {
    font-family: "Effra Bold", sans-serif;
}

a {
    color: #FF8F1C;
}

a:hover {
    color: #E35205;
}

code, pre.codelisting {
    color: #666;
    background: #f8f9fa;
    border: 1px solid white;
    border-radius: 1px;
}

.btn-link {
    color: #FF8F1C;
}

.btn-primary {
    color: #fff;
    background-color: #FF8F1C;
    border-color: #FF8F1C;
}

.btn-primary.disabled, .btn-primary:disabled,
.btn-light.disabled, .btn-light:disabled {
    color: #fff;
    background-color: #ffc893;
    border-color: #ffc893;
}

.btn:not(:disabled):not(.disabled):active,
.btn:not(:disabled):not(.disabled).active,
.btn:not(:disabled):not(.disabled):focus,
.btn:not(:disabled):not(.disabled).focus,
.btn:not(:disabled):not(.disabled):hover,
.btn:not(:disabled):not(.disabled).hover,
.btn-info:not(:disabled):not(.disabled):active,
.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):focus,
.btn-info:not(:disabled):not(.disabled).focus,
.btn-info:not(:disabled):not(.disabled):hover,
.btn-info:not(:disabled):not(.disabled).hover,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):focus,
.btn-primary:not(:disabled):not(.disabled).focus,
.btn-primary:not(:disabled):not(.disabled):hover,
.btn-primary:not(:disabled):not(.disabled).hover,
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #E35205;
    border-color: #E35205;
}

.bg-light a {
    color: #FF8F1C;
}

.col1 > .card.bg-light {
    background-color: #f8f9fa !important;
    color: #FF8F1C;
}

.btn-info {
    color: #fff;
    background-color: #FF8F1C;
    border-color: #FF8F1C;
}

/* bg dark */
.bg-light {
    background-color: #FF8F1C !important;
}

.bg-dark {
    background-color: #25434f !important;
}

/* tablesorter */

.ts-pager .pagedisplay {
    min-width: 6rem;
    text-align: center;
}

.breadcrumb {
    padding: 0.3rem 0.5rem;
}

.bottom_modules {
    display: flex;
}

.footer {
    font-size: 14px;
}

.custom_footer {
    margin: 20px auto;
    width: 75%;
    text-align: center;
}

.custom_footer p {
    margin-bottom: 0;
}

.mod-git_detail {
    text-align: center;
}

/* cookie consent */
#cookie_consent_div {
    background-color: #ffc893;
    border: 1px solid #bb6c1e;
    color: #000000;
    padding: 15px;
    font-size: 12px;
    max-width: 1060px;
    margin-left: auto;
    margin-right: auto;
}

#cookie_consent_div .description a {
    color: #FF8F1C;
    font-weight: normal;
}

/*TogetherJS button edits*/
#page_3 .files-field a.btn {
    display: none;
}

#togetherjs-audio-button {
    display: none;
}

#togetherjs-chat-button {
    display: none;
}

/* FILES tracker field upload window widening */
p.drop-message {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

/* logo and site title in top banner */

#page-header {
    height: 156px;
}

.tiki_admin #page-header {
    height: 0;
}

#mod-logotop1 {
    width: 320px;
}

.sitelogo {
    padding-top: 10px;
    height: 109px;
}

.sitelogo img {
    height: auto;
    width: 300px;
    margin-bottom: 0 !important;
}

.sitetitles {
    padding-top: 0;
    padding-left: 0 !important;
}

.sitesubtitle {
    font-size: 20px;
    font-style: italic;
    padding-left: 0;
}

/* images in top banner - custom module */
#banner_images {
    position: absolute;
    top: 20px;
    left: 330px;
    width: auto;
    text-align: center;
}

/* menus in top banner */
.top_module_dev_menu {
    position: absolute;
    top: 120px;
    right: 110px;
    height: 15px;
    margin: 0 auto;
    padding-left: 0;
    font-size: 14px;
}

.box-quickadmin {
    position: absolute;
    top: 120px;
    right: 0;
    height: 15px;
    margin: 0 auto;
    font-size: 14px;
}

/* main menu bar */
nav.topbar_modules {
    border-radius: .625rem;
    padding: .5rem;
}

.main_menu a {
    font-family: "Effra Regular", sans-serif;
    color: #ffffff !important;
    font-size: 20px;
}

.main_menu .cssmenu_horiz a {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 1rem;
    font-weight: 400;
}

.main_menu .cssmenu_horiz a.sf-with-ul {
    padding-right: 35px;
}

.main_menu a:hover {
    text-decoration: none;
}

.main_menu .cssmenu_horiz ul li a {
    background: #fff;
    color: #000000 !important;
    font-size: 16px;
}

.main_menu .cssmenu_horiz ul li a:hover {
    background: #ccc;
}

/*.main_menu .cssmenu_horiz li:hover {
	background: #E35205;
}*/

.main_menu .cssmenu_horiz li.selected a {
    font-family: "Effra Bold";
}

/* calendar */

.calendar-nav .text-info {
    color: #FF8F1C !important;
}

/* search form in top banner */
.naaonb_search {
    position: absolute;
    top: 80px;
    right: 0;
    width: 220px;
}

.naaonb_search .form-control {
    display: inline;
}

.naaonb_search input[type="text"] {
    width: 150px;
}

/* reslib search form */

#customsearch_0_form .jscal {
    margin-bottom: 0 !important;
}

#customsearch_0_form .daterange .col-sm-6 {
    padding: 0;
}

.customsearch_results .tracker-item-files .icon {
    font-size: inherit !important;
}

.customsearch_results .tracker-item-files {
    column-count: 1 !important;
}

.tracker-item-files > li {
    margin: 0 !important;
}


.search-all-check .form-check-input {
    right: -.25rem;
    top: .5rem;
}

/* mainly for the customised avatar edit in a modal */
.modal-body img:not(.olTileImage) {
    max-width: 100%;
}

/* adjust infinitecarousel caption text background and font colours so text is more visible */
.ic_caption {
    background: #222222;
    color: #9d9d9d;
}

/* support for bootstrap 3 panel definition sadly still used by plugin box */

/* add  'box' formatting missing from default.css */
.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-body {
    padding: 15px;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid #ddd;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #333;
    background-color: #f5f5f5;
}

/*resize the 'More Like This' Resource Library item text */

.reslib-item h3 {
    font-size: 1.3rem
}

.documents-list .tracker-item-files {
    max-height: 20rem;
    overflow-y: scroll;
}


/* converse.js chat stylings */

.tiki #conversejs .chatroom .box-flyout .chat-head-chatroom,
.tiki #conversejs.converse-embedded .chatroom .box-flyout .chat-head-chatroom {
    background-color: #FF8F1C;
    border-bottom: 1px solid #41801A;
}

.tiki #conversejs .chat-head-chatroom .chatbox-title__buttons, #conversejs.converse-embedded .chat-head-chatroom .chatbox-title__buttons {
    background-color: #FF8F1C;
}

.tiki #conversejs .chatroom converse-chat-toolbar .fa,
.tiki #conversejs .chatroom converse-chat-toolbar .fa:hover,
.tiki #conversejs .chatroom converse-chat-toolbar .far,
.tiki #conversejs .chatroom converse-chat-toolbar .far:hover,
.tiki #conversejs .chatroom converse-chat-toolbar .fas,
.tiki #conversejs .chatroom converse-chat-toolbar .fas:hover {
    color: #FF8F1C;
    font-size: 16px;
}

.tiki #conversejs .chatroom converse-chat-toolbar .fa svg,
.tiki #conversejs .chatroom converse-chat-toolbar .fa:hover svg,
.tiki #conversejs .chatroom converse-chat-toolbar .far svg,
.tiki #conversejs .chatroom converse-chat-toolbar .far:hover svg,
.tiki #conversejs .chatroom converse-chat-toolbar .fas svg,
.tiki #conversejs .chatroom converse-chat-toolbar .fas:hover svg {
    fill: #FF8F1C;
}

/* 7.x */
.tiki #conversejs .chatroom converse-chat-toolbar {
    border-top: #FF8F1C;
    color: #FF8F1C;
}

/* 5.x */
.tiki #conversejs .chatbox form.sendXMPPMessage .chat-toolbar,
.tiki #conversejs.converse-embedded .chatbox form.sendXMPPMessage .chat-toolbar {
    background-color: #FF8F1C;
    border-top-color: #41801A;
}

.tiki #conversejs .chatroom .box-flyout .chatroom-body .chat-area .chat-content__help,
.tiki #conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .chat-area .chat-content__help {
    border-top: 1px solid #FF8F1C;
}

.tiki #conversejs .chatroom .send-button {
    background-color: #FF8F1C;
}


.tiki #conversejs .chatroom .box-flyout .chatroom-body .occupants .occupants-heading,
.tiki #conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .occupants .occupants-heading {
    font-family: "Effra Regular", sans-serif;
    color: #FF8F1C;
}

.tiki #conversejs #minimized-chats .chat-head-chatroom,
.tiki #conversejs.converse-embedded #minimized-chats .chat-head-chatroom {
    background-color: #FF8F1C;
}

.tiki #conversejs.converse-overlayed #minimized-chats #toggle-minimized-chats,
.tiki #conversejs.converse-embedded.converse-overlayed #minimized-chats #toggle-minimized-chats {
    background-color: #41801A;
    color: #fff;
}

.tiki #conversejs .chatbox .chat-body .chat-content .chat-msg__author,
.tiki #conversejs.converse-embedded .chatbox .chat-body .chat-content .chat-msg__author {
    color: #41801A;
}

.tiki #conversejs .chatroom .box-flyout .chatroom-body .chat-info,
.tiki #conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .chat-info {
    color: #FF8F1C;
}

.tiki #conversejs .chatroom .box-flyout .chatroom-body .message .separator,
.tiki #conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .message .separator {
    border-color: #41801A;
}

.tiki #conversejs .chatroom .sendXMPPMessage .chat-textarea:active,
.tiki #conversejs .chatroom .sendXMPPMessage .chat-textarea:focus,
.tiki #conversejs .chatroom .sendXMPPMessage input:active,
.tiki #conversejs .chatroom .sendXMPPMessage input:focus,
.tiki #conversejs.converse-embedded .chatroom .sendXMPPMessage .chat-textarea:active,
.tiki #conversejs.converse-embedded .chatroom .sendXMPPMessage .chat-textarea:focus,
.tiki #conversejs.converse-embedded .chatroom .sendXMPPMessage input:active,
.tiki #conversejs.converse-embedded .chatroom .sendXMPPMessage input:focus {
    outline-color: #41801A;
}

.tiki #conversejs #controlbox .controlbox-section .controlbox-heading--groupchats {
    color: #41801A;
}

.tiki #conversejs #controlbox .open-rooms-toggle,
.tiki #conversejs #controlbox .open-rooms-toggle .fa {
    color: #41801A !important;
}

.tiki #conversejs a,
.tiki #conversejs.converse-embedded a,
.tiki #conversejs a:visited,
.tiki #conversejs.converse-embedded a:visited {
    color: #000000;
}

.tiki #conversejs .chatroom .box-flyout .chat-head-chatroom .close-chatbox-button,
.tiki #conversejs.converse-embedded .chatroom .box-flyout .chat-head-chatroom .close-chatbox-button,
.tiki #conversejs .chatroom .box-flyout .chat-head-chatroom .toggle-chatbox-button,
.tiki #conversejs.converse-embedded .chatroom .box-flyout .chat-head-chatroom .toggle-chatbox-button,
.tiki #conversejs .chatroom .box-flyout .chat-head-chatroom .configure-chatroom-button,
.tiki #conversejs.converse-embedded .chatroom .box-flyout .chat-head-chatroom .configure-chatroom-button,
.tiki #conversejs .chatroom .box-flyout .chat-head-chatroom .toggle-bookmark,
.tiki #conversejs.converse-embedded .chatroom .box-flyout .chat-head-chatroom .toggle-bookmark,
.tiki #conversejs .chatroom .box-flyout .chat-head-chatroom .chat-title,
.tiki #conversejs.converse-embedded .chatroom .box-flyout .chat-head-chatroom .chat-title,
.tiki #conversejs .chatroom .box-flyout .chat-head-chatroom .chatroom-description,
.tiki #conversejs.converse-embedded .chatroom .box-flyout .chat-head-chatroom .chatroom-description {
    color: #000000;
}

.tiki #conversejs .chatroom .box-flyout .chat-head-chatroom .close-chatbox-button,
.tiki #conversejs.converse-embedded .chatroom .box-flyout .chat-head-chatroom .close-chatbox-button,
.tiki #conversejs .chatroom .box-flyout .chat-head-chatroom .toggle-chatbox-button,
.tiki #conversejs.converse-embedded .chatroom .box-flyout .chat-head-chatroom .toggle-chatbox-button,
.tiki #conversejs .chatroom .box-flyout .chat-head-chatroom .configure-chatroom-button,
.tiki #conversejs.converse-embedded .chatroom .box-flyout .chat-head-chatroom .configure-chatroom-button,
.tiki #conversejs .chatroom .box-flyout .chat-head-chatroom .toggle-bookmark,
.tiki #conversejs.converse-embedded .chatroom .box-flyout .chat-head-chatroom .toggle-bookmark,
.tiki #conversejs .chatroom .box-flyout .chat-head-chatroom .chat-title,
.tiki #conversejs.converse-embedded .chatroom .box-flyout .chat-head-chatroom .chat-title,
.tiki #conversejs .chatroom .box-flyout .chat-head-chatroom .chatroom-description,
.tiki #conversejs.converse-embedded .chatroom .box-flyout .chat-head-chatroom .chatroom-description {
    color: #fff;
}

.tiki #conversejs.converse-overlayed .chatbox.chatroom .chatbox-title {
    font-size: 1.4rem;
}

.tiki #conversejs .chatroom .toggle-smiley .emoji-picker.toolbar-menu .emoji-picker__container .emoji-picker__header,
.tiki #conversejs .chatroom .toggle-smiley .emoji-picker.toolbar-menu .emoji-picker__container .emoji-skintone-picker,
.tiki #conversejs .chatroom .toggle-smiley .emoji-picker.toolbar-menu .emoji-picker__container .emoji-skintone-picker ul {
    background-color: #FF8F1C;
}

.tiki #conversejs .chatbox form.sendXMPPMessage .chat-toolbar ul, .tiki #conversejs.converse-embedded .chatbox form.sendXMPPMessage .chat-toolbar ul,
.tiki #conversejs .chatbox form.sendXMPPMessage .chat-toolbar li .toolbar-menu, .tiki #conversejs.converse-embedded .chatbox form.sendXMPPMessage .chat-toolbar li .toolbar-menu {
    background-color: #fff;
}

.tiki #conversejs .chatroom .toggle-smiley .emoji-picker.toolbar-menu .emoji-picker__container .emoji-picker__header .emoji-category.picked {
    border: 1px #FF8F1C solid;
    /*border-bottom: none;*/
}

.tiki #conversejs .chatroom .toggle-smiley .emoji-picker.toolbar-menu .emoji-picker__container {
    box-shadow: #000000 0 0 5px;
}

.tiki #conversejs .chat-head-chatroom .chatbox-btn.button-on:before {
    color: #000000 !important;
    background-color: transparent !important;
}

.tiki #conversejs .chatroom .box-flyout .chatroom-body .occupants ul li.occupant .occupant-status.occupant-chat,
.tiki #conversejs .chatroom .box-flyout .chatroom-body .occupants ul li.occupant .occupant-status.occupant-online,
.tiki #conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .occupants ul li.occupant .occupant-status.occupant-chat,
.tiki #conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .occupants ul li.occupant .occupant-status.occupant-online {
    background-color: #FF8F1C;
}

/* added from custom look css */

/* assumes the theme is Bootstrap Default */
/* customisations now moved to landscapes.css (jb 210118) */

/* css tweak to correct page-header height setting for Content Templates admin */
.tiki_admin #page-header {
    height: 156px;
}

/* further box plugin display updates just for the hot news insert page */
.hotnews .card-header {
    color: #000;
    background-color: #FF8F1C;
    font-size: 20px;
    min-height: 76px;
    font-weight: bold;
}

.hotnews .card-body {
    height: 20rem;
}

/* display updates for the 'Recent Changes' page text */
#Latest_Resource_Library_items {
    text-align: center;
}

#Latest_Forum_posts {
    text-align: center;
}

#Upcoming_Calendar_Events {
    text-align: center;
}

/* Forum title font size increase */
#forums1 td.third {
    font-size: 24px;
}

/* multilike polish */

.multilike {
    position: relative;
}

.multilike .rate {
    position: absolute;
    width: 25em;
    top: 5px;
}

.likes.horizontal > div {
    display: inline-block;
}

.multilike .likes,
.multilike .points {
    padding: 0 5px 0 5px;
}

.multilike .rate div {
    padding: 0;
}

.multilike .horizontal {
    height: auto;
}

/* from custom l&f */
.tiki-user_watches .nav-tabs li:last-child {
  display: none;
}

.content-feed .h1,
.content-feed .h2,
.content-feed .h3,
.content-feed .h4 {
    font-size: 1.1em !important;
}

.content-feed.row {
    height: 10rem;
    overflow-y: hidden;
}