/* Body height like CI */
body {
    margin: 0;
    --wp--style--global--content-size: 960px;
    --wp--style--global--wide-size: 960px;
    --wp--preset--color--primary: #7C68FA;
    --wp--preset--color--secondary: #202020;
    --wp--preset--color--tertiary: #BFBFBF;
    --wp--preset--color--contrast: #000000;
    --wp--preset--color--highlight: #202020;
    --wp--preset--color--base: #ffffff;
    --wp--preset--color--cfx-font: #202020;
    --wp--preset--color--cfx--hover--font: #ffffff;
    --wp--preset--color--cfx--hover--button: #202020;
    --wp--preset--color--cfx--contrast: color-mix(in srgb, var(--wp--preset--color--secondary) 70%, white 30%);
    --wp--preset--color--cfx--highlight: color-mix(in srgb, var(--wp--preset--color--secondary) 70%, white 30%);
    --wp--preset--color--cfx--header--bg: #EDEFF9;
}

main {
    margin-top:0 !important;
}

/* General */
h1 {
    font-size: 2.50rem;
    font-weight:400;
    margin-top:48px;
}

h2 {
    font-size: 2.00rem;
    font-weight:400;
    margin-top:36px;
}

h3 {
    font-size: 1.625rem;
    font-weight:400;
    margin-top:28px;
}

h4 {
    font-size: 1.375rem;
    font-weight:400;
    margin-top:22px;
}

h5 {
    font-size: 1.125rem;
    font-weight:400;
    margin-top:20px;
}

h6{
    font-size: 1.00rem;
    font-weight:400;
    margin-top:20px;
}

figure.wp-block-post-featured-image {
    margin-top:0 !important;
}

.wp-site-blocks {
  padding-top: 0em;
  padding-bottom: 0em;
}

/* Main header to match the main site */
header div#cx-mainheader {
    margin-top:-12px;
}

header div#cx-mainheader p {
    font-size:14px;
}

header form.wp-block-search > div {
    padding:1px;
}

header form.wp-block-search button {
    padding:0;
}

header form.wp-block-search svg.search-icon {
    height:16px;
    min-height:16px;
    min-width:16px;
}

header div#cx-mainheader div {
    gap:0;
    margin-bottom:3px;
}

/* Colfax sites drop-down menu */
.wp-block-navigation li.colfax-sites-menu {
    border:none !important;
    padding-left: 0;
    font-size:90%;
    color: var(--wp--preset--color--primary);
}

.wp-block-navigation li.colfax-sites-menu button.wp-block-navigation__submenu-icon {
    display:none;
}

/* Position and gradient background for the main menu */
/* the first term is temporary */
div#cx-mainmenu > div {
    padding-bottom:0em !important;

    border-radius: 3px;
    border: 1px solid #eeeeee;
    border-bottom: 2px solid #cccccc;
    background: #fefefe;
    background: -webkit-linear-gradient(top, #fefefe 0%, #ededed 100%);
    background: -moz-linear-gradient(top, #fefefe 0%, #ededed 100%);
    background: -o-linear-gradient(top, #fefefe 0%, #ededed 100%);
    background: -ms-linear-gradient(top, #fefefe 0%, #ededed 100%);
}

header div.wp-block-site-logo {
    margin-left:8px;
    margin-right:-14px;
}

/* Avoid featured image cropping */
img.wp-post-image {
    object-fit:contain !important;
}

/* Size thumbnails */
div.illustrated-post-excerpt > figure {
/*    min-width:400px !important;
    max-width:500px !important; */
/*    margin-right: 50px;
    margin-bottom: 50px; */
}

/* Full height and no extra gap for menu items */
.wp-block-navigation ul, .wp-block-navigation ul li {
  line-height:35px;
  gap:0px;
}

/* Spacing and borders for menu items */
.wp-block-navigation .wp-block-navigation-item {
  margin-left:-1px;
  border-right: 1px dotted #cccccc !important;
  border-left: 1px dotted #cccccc !important;
}

.wp-block-navigation .wp-block-navigation-item a {
  padding-left:1em;
  padding-right:1em;
}

button.wp-block-navigation__submenu-icon {
    padding-right:1em !important;
}

/* Behavior of menu items on hover: change background color, do not underline */
.wp-block-navigation:hover .wp-block-navigation-item:hover {
  background-color:var(--wp--preset--color--primary);
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  text-decoration:none;
}
.wp-block-navigation a:where(:not(.wp-element-button)):hover {
    text-decoration:none !important;
}

/* Vertical spacing for the breadcrumb */
div.cc-breadcrumb {
    padding-top:1em !important;
    padding-bottom:1em;
}

/* Style filled buttons */
.wp-element-button:visited, .wp-block-button__link:visited,
.wp-element-button, .wp-block-button__link {
  color: var(--wp--preset--color--base);
  text-transform: uppercase;
  font-size: 20px;
  font-style:normal;
}

/* Change background on hover */
.wp-element-button:hover, .wp-block-button__link:hover
{
  background-color: var(--wp--preset--color--secondary);
}

/* Gradual transition background color change */
.wp-element-button, .wp-block-button__link {
  color: var(--wp--preset--color--base);
  background-color: var(--wp--preset--color--primary);
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}

/* Change the link color to be consistent with CI */
.wp-block-post-content a:where(:not(.wp-element-button)) {
    color: var(--wp--preset--color--primary);
}

.wp-block-post-content a:hover:where(:not(.wp-element-button)) {
    color: var(--wp--preset--color--highlight);
    text-decoration: underline;
}