/*!
Theme Name: Ipswich City Pistol Club
Template: kadence
Author: Ignition Media
Author URI: https://ignitionmedia.com.au/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: icpc
*/

/* Theme customization starts here
-------------------------------------------------------------- */
/* Styles for screens up to 768px wide (mobile devices) */


@media (max-width: 767px) { .hide-for-small, .infinite-scroll-last, .infinite-scroll-error { display: none!important }}

@media (min-width: 768px) { .hide-for-medium { display: none!important }}

body .kadence-sticky-header { box-shadow: 0 2px 18px 0 rgb(0 0 0 / 14%); -webkit-box-shadow: 0 2px 18px 0 rgb(0 0 0 / 14%);}

.main-navigation .primary-menu-container > ul > li.menu-expanded, .secondary-navigation .secondary-menu-container > ul > li.menu-expanded  {background: var(--global-palette1);}
.main-navigation .primary-menu-container > ul > li.menu-expanded, .main-navigation .primary-menu-container > ul > li.menu-item.menu-expanded > a:hover, .main-navigation .primary-menu-container > ul > li.menu-item.menu-expanded:hover  a, .secondary-navigation .secondary-menu-container > ul > li.menu-expanded > a {color:var(--global-palette9)!important;}	

#breadcrumbs { font-size: var(--global-kb-font-size-sm, 0.9rem);}
#breadcrumbs a { text-decoration: none!important}

/* Header & Menu -------------------------------------------------------------- */

.collapse-sub-navigation ul.menu ul {
    padding: 0 0 0 20px!important;
}
.collapse-sub-navigation ul.menu li a {	
  	text-transform: uppercase!important;  	
    border-bottom: 1px solid rgba(255,255,255,0.1)!important;
	}
.collapse-sub-navigation ul.menu .drawer-nav-drop-wrap .drawer-sub-toggle {
    border-left: 1px solid rgba(255,255,255,0.1)!important;
    border-bottom: 1px solid rgba(255,255,255,0.1)!important;
}

.mobile-navigation ul ul {
  padding-left: 0!important;
  	font-weight:500;
}
.mobile-navigation a {
	padding-left:0!important
	}
 .mobile-navigation ul.sub-menu li a, .collapse-sub-navigation ul.menu ul a {
  	text-transform: uppercase!important;  	
    font-size: 14px!important;
  	font-weight:400;
  	border-left: solid 3px  var(--global-palette3)!important;
  	padding-left: 20px!important;
}


/* Kadence Overrides -------------------------------------------------------------- */
.kt-accodion-icon-style-basic .kt-blocks-accordion-icon-trigger:after, .kt-accodion-icon-style-basic .kt-blocks-accordion-icon-trigger:before, .kt-accodion-icon-style-basiccircle .kt-blocks-accordion-icon-trigger:after, .kt-accodion-icon-style-basiccircle .kt-blocks-accordion-icon-trigger:before {height: 2px!important; width: 12px!important; left: 10px!important; top: 11px!important;}    
.kt-blocks-accordion-header { align-items: start!important; }
.kt-accodion-icon-style-basic .kt-blocks-accordion-icon-trigger:after, .kt-accodion-icon-style-basic .kt-blocks-accordion-icon-trigger:before, .kt-accodion-icon-style-basiccircle .kt-blocks-accordion-icon-trigger:after, .kt-accodion-icon-style-basiccircle .kt-blocks-accordion-icon-trigger:before {
    height: 2px !important;
    width: 12px !important;
    left: 10px !important;
    top: 11px !important;
}
.kadence-post-image img {border-radius: 20px}

ul.wp-block-latest-posts.wp-block-latest-posts__list {margin-left: 0!important;}
ul.wp-block-latest-posts__list li {line-height:1.3!important;}
ul.wp-block-latest-posts__list a { font-weight: 600; text-decoration: none!important;}
ul.wp-block-latest-posts__list .wp-block-latest-posts__post-date { color: var(--global-palette1)!important; margin-top: 8px;}

/* ---Form plugin -------------------------------------------------------------- */
.fluentform .button {background:var(--global-palette1)!important}
.fluentform .button:hover {background:var(--global-palette2)!important}


/* =========================================================
   QFM PROJECTS SIDEBAR MENU
========================================================= */

.widget_block .wp-block-group__inner-container > p:has(+ .qfm-project-menu) {
    display: none;
}
.qfm-project-menu {
    overflow: hidden;
    background: #fff;
    border: 1px solid #ddd5c4;
    border-radius: 16px;
}


/* Heading
--------------------------------------------------------- */

.qfm-project-menu__heading {
    padding: 20px 22px;

    background: #2c1a0b;
    color: #fff;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.25;
}


/* Menu
--------------------------------------------------------- */

.qfm-project-menu__list {
    margin: 0;
    padding: 8px 0!important;

    list-style: none;
}

.qfm-project-menu__item {
    margin: 0;
    padding: 0;
}

.qfm-project-menu__link {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 12px;

    min-height: 48px;
    padding: 12px 20px 12px 16px;

    border-left: 4px solid transparent;

    color: #2c1a0b;

    font-size: 0.94rem;
    font-weight: 700;
    line-height: 1.35;

    text-decoration: none;

    transition:
        background-color 0.18s ease,
        border-color 0.18s ease,
        color 0.18s ease;
}


/* Hover / Focus
--------------------------------------------------------- */

.qfm-project-menu__link:hover,
.qfm-project-menu__link:focus-visible {
    background: #e7eee6;
    border-left-color: #6c8d6c;
    color: #526f56;

    text-decoration: none;
}


/* Current Project
--------------------------------------------------------- */

.qfm-project-menu__item.is-current .qfm-project-menu__link {
    background: #e7eee6;
    border-left-color: #bd8a27;

    color: #526f56;
}


/* Arrow
--------------------------------------------------------- */

.qfm-project-menu__arrow {
    flex: 0 0 auto;

    color: #a8781f;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.45rem;
    font-weight: 400;
    line-height: 1;

    transition: transform 0.18s ease;
}

.qfm-project-menu__link:hover .qfm-project-menu__arrow,
.qfm-project-menu__link:focus-visible .qfm-project-menu__arrow {
    transform: translateX(3px);
}


/* Footer / View all projects
--------------------------------------------------------- */

.qfm-project-menu__footer {
    padding: 17px 20px;

    background: #fbfaf7;
    border-top: 1px solid #ddd5c4;
}

.qfm-project-menu__footer a {
    color: #526f56;

    font-size: 0.9rem;
    font-weight: 800;

    text-decoration: none;
}

.qfm-project-menu__footer a:hover,
.qfm-project-menu__footer a:focus-visible {
    text-decoration: underline;
}


/* Mobile
--------------------------------------------------------- */

@media (max-width: 767px) {

    .qfm-project-menu__heading {
        padding: 18px 20px;
        font-size: 1.2rem;
    }

    .qfm-project-menu__link {
        padding: 13px 18px 13px 14px;
    }

}


.qfm-code-of-conduct {
    list-style: none;
    margin: 0;
    padding: 0;
    counter-reset: qfm-code;
}

.qfm-code-of-conduct > li {
    counter-increment: qfm-code;
    position: relative;

    margin: 0;
    padding: 18px 0 18px 52px;

    border-bottom: 1px solid #ddd5c4;

    color: #4f4943;
    line-height: 1.65;
}

.qfm-code-of-conduct > li:last-child {
    border-bottom: 0;
}

.qfm-code-of-conduct > li::before {
    content: counter(qfm-code);

    position: absolute;
    left: 0;
    top: 16px;

    width: 34px;
    height: 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #2c1a0b;
    color: #fff;

    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1;
}
.kt-accordion-wrap > .kt-accordion-inner-wrap > .wp-block-kadence-pane > .kt-accordion-header-wrap > .kt-blocks-accordion-header.kt-accordion-panel-active {
    border-bottom-right-radius: 0!important;
    border-bottom-left-radius: 0!important;
}

.kt-accordion-wrap > .kt-accordion-panel-active .kt-accordion-inner-wrap > .wp-block-kadence-pane, .kt-accordion-panel-active {
	    border-bottom-right-radius: 0!important;
    border-bottom-left-radius: 0!important;
}
    .kt-accordion-wrap > .kt-accordion-inner-wrap > .wp-block-kadence-pane {
    
    box-shadow: 0 12px 30px rgba(44, 26, 11, .07); border-radius:12px; 
    border: 1px solid rgba(80, 52, 39, 0.1);
}

.info-box {
    margin-top: 16px;
    padding: 18px 20px;
    background: var(--global-palette8);
    border-left: 4px solid var(--global-palette10);
    border-radius: 0 12px 12px 0;
    color: var(--global-palette4)!important;
}
.tpgb-p-s-wrap .tp-pro-step-desc .info-box strong {
    color: var(--global-palette4)!important;
}



/* =========================================================
   QFM CALENDAR
   All table styling is scoped to #calendar so future
   replacement/pasted tables inherit the styling.
========================================================= */

#calendar .calendar {
    background: #fff;
    border: 1px solid rgba(80, 52, 39, 0.1);
    border-radius: 18px;
    box-shadow: 0 12px 30px rgba(44, 26, 11, 0.07);
    overflow: hidden;
}

#calendar table {
    width: 100%;
    margin: 0;
    border: 0;
    border-collapse: collapse;
}
#calendar thead th {
  padding:13px 16px;
  background:var(--global-palette5);
  color:#fff;
  border:0;
  text-align:left;
  font-size:.78rem;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:.08em;
}

#calendar th,
#calendar td {
  padding:14px 16px;
  border:0;
  border-bottom:1px solid var(--global-palette8);
  vertical-align:top;
  text-align:left;
}

#calendar tbody tr:last-child td {
  border-bottom:0;
}

#calendar tbody tr:hover td {
  background:#fbfaf7;
}

/* Month rows: future tables only need a single TH with colspan */
#calendar tbody tr > th[colspan] {
  padding:15px 18px;
  background:var(--global-palette2);
  color:#fff;
  border:0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:1.28rem;
  font-weight:700;
  line-height:1.2;
}

#calendar td:first-child {
  width:16%;
  white-space:nowrap;
  color:var(--global-palette4);
  font-weight:700;
}

#calendar td:nth-child(2) {
  width:49%;
}

#calendar td:nth-child(3) {
  width:15%;
  color:var(--global-palette2);
  font-weight:700;
}

#calendar td:nth-child(4) {
  width:20%;
}

#calendar a {
  color:var(--global-palette2);
  font-weight:800;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}

#calendar a:hover {
  color:var(--global-palette5);
}


  #calendar caption {font-size:1.35rem;padding:20px}
  #calendar th,#calendar td {padding:12px 14px}
}

/* FOOTER -------------------------------------------------------------- */
footer a { text-decoration: none!important}
footer a:hover {color:var(--global-palette2)!important}