/*
 * Site-wide CSS overrides (moved here from Appearance > Customize > Additional CSS, 2026-11-15).
 *
 * Loaded on every page after the theme and page stylesheets (core/site-css.php), the same
 * position the Customizer CSS had. Edit here via a PR; use Additional CSS only for same-day
 * emergencies, then move the rule into this file.
 * Source: Live Additional CSS as of 2026-11-15 (identical to Test).
 */

.home section.hm-top-banner.block-B.logo-slider-wrap.g_top_banner {
    display: none;
}

.single-event #footer .footer-copy a.social span.image {
    position: relative;
    top: 12px;
}

.pg-container, .page-id-31296 .page-content {
    width: 86%;
    margin: 0px auto;
}

body .hm-top-banner.g_top_banner {
    background-image: url(/wp-content/uploads/2026/06/Top.webp) !important;
}

section.g_logos-section {
    background: url(/wp-content/uploads/2026/06/Blue-gradiant-bg.webp);
    background-size: cover;
    padding: 130px 20px;
}
@media (max-width: 767px) {
body .hm-study-slider .hm-study-col{
	display:block;
}
}	

.g_cta_hero a.acc-btn:last-child {
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: #20154f !important;
}
.g_cta_hero a.acc-btn:last-child {
    border: 1px solid rgba(255, 255, 255, 0.12);
    background-color: #20154f !important;
    background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.1) 100%) !important;
margin-left: 10px;
}
.g_cta_hero a.acc-btn:hover{
	opacity:0.7;
}	


.author-set {
    font-size: 16px;
}

div#gform_wrapper_5 h2.gform_title {
    display: none;
}

.content-container.container .pg-container {
    max-width: 86%;
    margin: 20px auto;
}

.wrap.details-grid img.g_info_icon {
    background: none !important;
	    padding: 0px !important;
}

.single-resource .container {
    margin: 0px auto;
}

.form-card input#photography_video_consent-a59221bc-790e-4f6b-ab68-6cbc6fcb45eb, .form-card input#share_info_with_partners_consent-a59221bc-790e-4f6b-ab68-6cbc6fcb45eb {
    width: 25px;
    height: 15px;
}


.wp-block-group.has-background.full-width-bg.hero-section {
    margin-top: 40px;
}

.top-section .hbspt-form {
    display: none;
}
.hero-plateform.slide-1 .slide-content .button {
	   margin-top: 20px;    
}

.page-id-30016 .hbspt-form .hs_submit .actions input:hover, .hbspt-form .hs_submit .actions input:focus {    
    padding: 18px 0px !important;
}

.spacetop{
	 margin-top: 20px; 
}

.home .button.requestbtn {
    padding: 12px 25px;
	  margin:20px 0px 50px 0px;
}

@media (min-width: 1200px) {
    .centrical-custom-menu .top .menu-item.break-right {
        margin-left: 5vw !important;
    }
}

/* Centrical: mobile footer, sections stacked (client QA, Lauren 14 Oct 2026).
   Phones only (max-width: 767px, the theme's own breakpoint), the new footer only (.hm-footer:
   homepage, /orchestration/). Sections sit two per row with their links one per line (was: each
   section full width with its links squeezed into two columns). Social shows its title and text
   links like the other sections; the mobile Terms | Privacy line moves into the copyright row.
   Desktop and tablet are untouched. Lives in Appearance > Customize > Additional CSS.
   No "fr" units: WordPress 5.4's Customizer linter rejects them and blocks Publish. */
@media (max-width: 767px) {
  .hm-footer .ftr-menu-wrap {
    display: grid !important; /* overrides Bootstrap .d-flex (display: flex !important) */
    grid-template-columns: calc(50% - 12px) calc(50% - 12px); /* two equal columns, 24px apart */
    gap: 36px 24px;
  }
  .hm-footer .ftr-title { margin-bottom: 14px; }
  .hm-footer .ftr-menu-wrap ul.footer_menu { flex-direction: column; flex-wrap: nowrap; gap: 0; }
  .hm-footer .ftr-menu-wrap .ftr-col ul.footer_menu li { max-width: none; width: auto; height: auto; }
  .hm-footer .ftr-menu-wrap ul.footer_menu li a { display: block; padding: 6px 0; line-height: 1.4; word-wrap: break-word; }
  .hm-footer .ftr-col.footer_social { display: block; }
  .hm-footer .ftr-col.footer_social .ftr-title { display: block; }
  .hm-footer .ftr-col.footer_social .footer_menu a { font-size: 16px; color: #fff; }
  .hm-footer .ftr-col.footer_social .footer_menu a:hover { color: #d72a91; }
  .hm-footer .ftr-col.footer_social .footer_menu li img,
  .hm-footer .ftr-col.footer_social p.lg-hide { display: none; }
  .hm-footer .copyright-wrap > div { flex-wrap: wrap; column-gap: 16px; row-gap: 4px; }
  .hm-footer .copyright-wrap p.mb-hide { display: block; }
  .hm-footer .copyright-wrap p.mb-hide a { display: inline-block; padding: 5px 0; }
  /* The theme removes every focus outline (body :focus); keyboard users need to see where they are. */
  .hm-footer a:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
}

/* Centrical: Big Game page fonts (client QA, Natalie 21 Oct 2026). The page's blocks ask for
   "Inter", which the site doesn't load, so the hero buttons and the stats numbers fell back to a
   serif. Use the site's own Circular instead (each weight is its own family, declared as normal).
   "body" outranks the blocks' own rules, which print later in the page. */
body .ucg-big-game-hero__btn { font-family: "CircularXXWeb-Medium", "CircularXXWeb-Regular", Arial, sans-serif; font-weight: normal; }
body .ucg-big-game-counter__number { font-family: "CircularXXWeb-Bold", "CircularXXWeb-Medium", Arial, sans-serif; font-weight: normal; }

/* Centrical: Big Game page header (client QA, Natalie 21 Oct 2026). The Big Game hero block's own CSS
   hides the site logo ("Hide logo") from when the page had no header; the navigation is back, so show it. */
body.postid-42217 #head .logo-row { display: block; }
/* The theme forces main#main { padding-top: 0 !important } everywhere, and this hero was designed
   without a header: start it below the 66px fixed header so its first line isn't covered on phones. */
body.postid-42217 .ucg-big-game-hero { margin-top: 66px; }

/* Centrical: Select Awards page (client QA, Irena 3-4 Nov 2026), resource 40248 = /resources/select-awards/.
   1) The awards block's Top Heading / Top Content, left empty, still made a blank gap: hide them while
      empty and drop the gap above the first row (they come back if text is entered again).
   2) Winners lists keep their bullets, in the same text style as the category description.
   3) No links in the categories: hide the text link (Bootstrap's d-flex needs the !important) and make
      the badge image plain, not clickable. */
body.postid-40248 .nomination-list .pg-width > h2:empty,
body.postid-40248 .nomination-list .pg-width > p:empty { display: none; }
body.postid-40248 .nomination-list .pg-width > p:empty + .nomination-list-row { margin-top: 0; }
@media (max-width: 767px) { body.postid-40248 .nomination-col ul { padding-left: 20px; } } /* phones: the theme's 0 indent left the bullets on the screen edge */
body.postid-40248 .nomination-col ul li { font-family: "CircularXXWeb-Light", "CircularXXWeb-Regular", Arial, sans-serif; font-weight: 300; font-size: 16px; line-height: 24px; }
body.postid-40248 .nomination-col .txt-arrow-btn { display: none !important; }
body.postid-40248 .nomination-col .nomination-img a { pointer-events: none; cursor: default; }
/* WP7 button-block alignment fix */
.wp-block-buttons.aligncenter.is-layout-flex{justify-content:center;}
/* 2026-11-12: /performance-experience/ (page 30120) lost Bootstrap .container in header.php on 2026-10-12; restore centered width */
.page-id-30120 .content-container{width:100%;padding-left:15px;padding-right:15px;margin-left:auto;margin-right:auto}
@media (min-width:576px){.page-id-30120 .content-container{max-width:540px}}
@media (min-width:768px){.page-id-30120 .content-container{max-width:720px}}
@media (min-width:992px){.page-id-30120 .content-container{max-width:960px}}
@media (min-width:1200px){.page-id-30120 .content-container{max-width:1140px}}
/* 2026-11-12: WP7 layout rules (.is-layout-flex) override page show/hide helpers on button groups */
body .wp-block-buttons.show-mobile{display:none}
@media (max-width:767px){body .wp-block-buttons.show-mobile{display:flex}}