/*
 Theme Name:     Agenda Partnership 2026
 Theme URI:      https://octagoncreative.co.uk/
 Description:    A custom child theme of Bootstrap Basic 4, created by Jack Harker at Octagon Creative for client use.
 Author:         Jack Harker (Octagon Creative)
 Author URI:     https://octagoncreative.co.uk/
 Template:       bootstrap-basic4
 Version:        1.0.3
 License:        GNU General Public License v2 or later
 License URI:    https://www.gnu.org/licenses/gpl-2.0.html
 Tags:           bootstrap, responsive, custom, child-theme
 Text Domain:    octagon-custom
*/

/* Custom styles below */

body {
	font-family: "Noto Sans", sans-serif;

}
h1, h2, h3, h4 { font-family: "Aleo", serif; color:#275a85; }
h1 { font-size:34px; }
h2 { font-size:30px; }
h3 { font-size:26px; }
h4 { font-size:22px; }
article.post h3 { margin-top:30px; }

a, a:visited { color: #275a85; }



.btn-ap {
	color: #fff !important;
	background-color: #bd644d !important;
	border-color: #bd644d !important;
}
.btn-primary {
	color: #fff !important;
	background-color: #275a85 !important;
	border-color: #275a85 !important;
}
.btn-outline-primary { 
	background-color: #ffffff !important;
	border-color: #275a85 !important; color:#275a85 !important;
}
.btn-primary:hover, .btn-outline-primary:hover { background-color:#f5c36b !important; color:#275a85 !important }
header.entry-header h1 { padding:30px 30px 50px 30px; margin:0px; text-align:center; }
h2.sectionheader { padding:30px; margin:0px; text-align:center; }

#main { padding:0px 20px;   }
#main .page, #main .post { border:0px !important; }
.clearfix::after {
  content: "";
  display: table;
  clear: both;
}
img.photo { border-radius:5px;}
.prehead { background-color:#275a85; color:#ffffff; padding:8px 3px; }
.preheadLeft { font-size:12px; margin-top:3px; }
.preheadRight { text-align:right; font-size:16px; }

.reduced-width { max-width:900px; margin:0px auto; }
section.mainhead { padding:12px 3px; }
section.mainhead img.sitelogo { width:210px; }
section.mainhead .navbar-expand-lg .navbar-nav .nav-link  { padding-right: 0; padding-left: 0; }
section.mainhead .navbar { min-height: 75px; }
section.mainhead li.menu-item { margin-right:20px; }
section.mainhead .dropdown-toggle::after { margin-left: 0; }

section.mainfoot { background-color:#275a85; color:#ffffff; padding:60px 3px; margin-top:50px; }
section.mainfoot h4 { font-size: 22px; }
section.mainfoot p { font-size: 12px; margin-bottom:6px; }

ul.footer-socials { margin:0px; padding:0px; }
ul.footer-socials li { list-style: none; float:left; font-size:50px; margin:0px; padding:0px; }
ul.footer-socials li a { color:#f5c36b; }
ul.footer-socials li a:hover { color:#F0D39F; }

.training-header { margin:15px 0px 5px 0px; }

.wpcf7-form input, .wpcf7-form textarea {
	background-color:#efefef;
	border:1px solid #ccc;
	border-radius:5px;
	padding:3px 8px;
	width:100%;
}
input.wpcf7-submit { color: #fff !important;
	background-color: #275a85 !important;
	border-color: #275a85 !important; width:auto; margin:0px auto; padding:5px 15px; }

.how-to-book { border:1px solid 'ccc'; background-color: #275a85; padding:20px; margin-top:50px; color:#fff; }
.how-to-book h3 { color:#fff; }

a.nav-link { display: inline-block; position: relative; color:#275a85; }
a.nav-link::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 4px;
  bottom: 0;
  left: 0;
  background-color: #f5c36b;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}
a.nav-link:hover::after { transform: scaleX(1); transform-origin: bottom left; }
section.mainhead li.current-menu-item a.nav-link::after, section.mainhead li.current-menu-ancestor a.nav-link::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(1);
  height: 4px;
  bottom: 0;
  left: 0;
  background-color: #f5c36b;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}
.dropdown-toggle::after { border-top:0px !important; }

section.section { margin: 120px 0px; color:#275a85; width:100%; }
div.section-title { text-align:center; margin:0px 0px 30px 0px; }
div.section-title h2 { font-size:30px; font-weight:bold; color:#275a85; }

div.page-banner { background-color: #275a85; padding:50px 0px; }
div.page-banner div.section-title h2 { color:#ffffff; }
div.page-banner section.section { margin: 0px 0px; color:#ffffff; }
div.page-banner section.section h3 { color:#ffffff; }

section.section h3 { font-size:24px; font-weight:bold; margin-bottom:20px; }
section.section p { font-size:16px; line-height:20px; }
section.section li { font-size:16px; line-height:20px; margin-bottom:6px; }


div.g-services {  }
div.g-services-link { background-color:#275a85; color:#ffffff; clear:both; }
div.g-services-link h3 { color:#ffffff; }
div.g-services-link p { font-size:16px; margin-bottom:5px; }
div.g-services-link a { float:right; color:#bd644d; font-size:30px; }
div.g-services-link a:hover { color:#ffffff; }

div.g-purpose img { width:100%; }
div.g-purpose-desc { margin:20px 0px; }

div.g-nextevent { text-align:center;}


section.homeBanner { background-color: #f5c36b; min-height:450px; margin-bottom:20px; background-image:url('/wp-content/uploads/2025/08/agenda-partnership-homepage.jpg'); background-repeat: no-repeat; abackground-blend-mode: multiply; }
.homeBannerRight { background-color: #f5c36b; min-height:450px; padding:50px; }
p.herotext { font-family: "Aleo", serif; line-height:40px; font-size:36px; color:#275a85; }
i.fa-artboard-1 { font-size:80px; padding:0px 0px 50px 0px; color:#bd644d; }

section.training-template figure.wp-block-pullquote { border-top:2px solid #000000; border-bottom:2px solid #000000; }
section.training-template figure.wp-block-pullquote p { color:#000000; }
section.training-template figure.wp-block-pullquote cite { text-transform: uppercase; }
section.training-template .has-medium-font-size { margin:50px 0px; }
section.training-template .has-medium-font-size em { color:#000000;font-family: 'Sorts Mill Goudy', serif; font-size:30px; }
section.training-template h2 { font-weight:bold; }



div.courselist     { clear:both; margin-bottom:30px; }
div.courselist img { float:left; }
div.courselist div.course1 { margin:10px 0px 0px 110px; padding-top:10px;  }
div.courselist div.course2 {float:right; margin-lefT:10px;  }
div.courselist h3  { clear:none; margin-bottom:0px; line-height: 1; }
div.courselist p   { clear:none; margin:0px; }
div.courselist a.course-button { background-color:#3d7db2; color:#ffffff; text-decoration:none; display:block; padding:8px 16px; border-radius: 4px;  }
div.courselist a.course-button:hover { background-color:#cccccc; color:#ffffff;   }
div.courselist a.course-title { text-decoration:none; color:#3d7db2;   }
div.courselist a.course-title:hover { text-decoration:underline; color:#000000;   }


div.courselist ul li {
	margin: 0;
	padding: 4px 0 4px 33px;
	list-style: none;
	background-image: url("/wp-content/uploads/2022/08/dots.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 22px;
	font-size: 18px;
}

section.courses { padding:0px 30px; }
.course-image img { width:100%; }
.course-box { margin-bottom:30px;}
.course-box div.course-wrapper { border:1px solid #275a85; border-radius:5px;  }
.course-box h3 { background-color:#275a85; color:#ffffff !important; padding: 5px; text-align:center; }
.course-box p { padding:0px 10px; }
.course-box div.courselist { margin-bottom:0px; }
.course-box div.courselist ul { padding-left: 15px; padding-right: 15px; }
.course-box a { color:#275a85; }
.cb-leadership div.course-wrapper { border:2px solid #275a85; }
.cb-leadership h3 { background-color:#275a85; color:#ffffff !important; }
.cb-personal   div.course-wrapper { border:2px solid #88c86f; }
.cb-personal   h3 { background-color:#88c86f; color:#ffffff !important; }
.cb-sales      div.course-wrapper { border:2px solid #536c84; }
.cb-sales      h3 { background-color:#536c84; color:#ffffff !important; }
.cb-it         div.course-wrapper { border:2px solid #bd644d; }
.cb-it         h3 { background-color:#bd644d; color:#ffffff !important; }
.cb-hr         div.course-wrapper { border:2px solid #f5c36b; }
.cb-hr         h3 { background-color:#f5c36b; color:#ffffff !important; }
.cb-other      div.course-wrapper { border:2px solid #5b0556; }
.cb-other      h3 { background-color:#5b0556; color:#ffffff !important; }

.g-upcoming-list { margin:0; }
.g-date-badge { font-size:12px; min-width:64px; padding:.35rem .5rem; border-radius:6px; background:#efefef; border:1px solid #ccc; font-weight:700; }
.g-upcoming-title { color:#004f80; text-decoration:none; }
.g-upcoming-title:hover { text-decoration:underline; }

div.fact-blocks p {
	text-align:center;
	background-color:#f5c36b;
	color:#275a85;
	padding:10px;
	border-radius:20px;
}
div.fact-blocks p strong {
	display:block;
	font-size: 40px;
	line-height: 1;
}


  aside.sidebar { margin-top:15px; }
  .sidebar-block { margin-bottom:30px; }
  .sidebar-block h3 {
    font-size:20px;
    font-weight:bold;
    padding:5px 10px 4px 10px;
    background-color:#f5c36b;
    color:#ffffff !important;
    border-radius:5px;
  }
  .g-date-badge { margin-right:10px; }

  /* Grid cards */
  .g-archive-grid .card { border:1px solid #e6e6e6; }
.g-archive-grid .card-img-top { height:150px; }
.page-template-page-course .card-img-top { height:300px; }
  .g-archive-grid .card-img-top, .page-template-page-course .card-img-top {
    width:100%;
                 /* uniform image height */
    object-fit:cover;         /* crop nicely */
	background-color: #004f80;
	opacity: 1;
    -webkit-transition: opacity .25s ease-in-out;
    -o-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out
  }
  .g-archive-grid .card-img-top:hover {
		opacity: .75
	}
  .g-archive-grid .card-title {
    font-size:1.05rem;
    margin-bottom:.25rem;
  }
  .g-archive-grid .card-title a {
    color:#275a85;
  }
  .latest-blog .card-title a {
    color:#004f80;
  }
  .g-archive-grid .g-archive-date {
    font-size:.9rem;
    color:#6c757d;
    margin-bottom:.5rem;
  }
  .g-archive-grid .g-category-flag {
    display:inline-block;
    background:#88c86f;
    color:#fff;
    font-size:.75rem;
    padding:1px 5px 2px 5px;
    border-radius:3px;
    margin-bottom:.75rem;
    text-transform:uppercase;
  }
	#main .latest-blog .post {
		background-color:#f5c36b;
		color:#fff;
	}

p.sidebar-heading { text-transform: uppercase; color:#004f80; font-size:11px; font-weight:bold; }
div.entry-meta { text-align:center; margin:-20px 20px 30px 20px; }
.navbar-toggler { 
	border:1px solid #000; 
	background-color:#efefef;
	smargin-left: -20px;
}
div.navbar-container {  }
nav.navbar { ssdisplay:inline; }

.temp-single .card-img-top.photo {
    width: 100%;
    max-width: 700px;
    height: 350px;
    object-fit: cover;
    object-position: center;
}


@media only screen and (max-width: 991px) {
	section.mainhead .site-logo { text-align:center; }
	
}

@media only screen and (max-width: 767px) {
	section.prehead .preheadLeft { display:none; }
	section.prehead .preheadRight { text-align:center; }
	.wp-block-image .alignright { float:none; text-align:center; margin: 30px 0px; width:100%; }
	section.section h3 { font-size: 20px; }
}