/*
Theme Name: CPO Public 2020
Theme URI: http://cpo.on.ca
Author: cgroupdesign
Author URI: http://cgroupdesign.com
Description: Bespoke WordPress theme for the College of Psychologists of Ontario.
Version: 2.81
License: GNU General Public License v2 or later
License URI: LICENSE 
Text Domain: cpo2020
Tags: custom-background, custom-logo, custom-menu, featured-images, translation-ready

CPO Public 2020 is based on the c ( group Starter Framework.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/
@font-face {
    font-family: 'OpenSans-Light';
    src: url(/wp-content/themes/cpo-public-2020/css/fonts/OpenSans-Light.eot) format("eot");
    src: url(/wp-content/themes/cpo-public-2020//wp-content/themes/cpo-public-2020/css/fonts/OpenSans-Light.eot) format("embedded-opentype"), url(/wp-content/themes/cpo-public-2020/css/fonts/OpenSans-Light.woff) format("woff"), url(/wp-content/themes/cpo-public-2020/css/fonts/OpenSans-Light.ttf) format("truetype"), url(/wp-content/themes/cpo-public-2020/css/fonts/OpenSans-Light.svg) format("svg");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: 'OpenSans-Regular';
    src: url(/wp-content/themes/cpo-public-2020/css/fonts/OpenSans-Regular.eot) format("eot");
    src: url(/wp-content/themes/cpo-public-2020//wp-content/themes/cpo-public-2020/css/fonts/OpenSans-Regular.eot) format("embedded-opentype"), url(/wp-content/themes/cpo-public-2020/css/fonts/OpenSans-Regular.woff) format("woff"), url(/wp-content/themes/cpo-public-2020/css/fonts/OpenSans-Regular.ttf) format("truetype"), url(/wp-content/themes/cpo-public-2020/css/fonts/OpenSans-Regular.svg) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'OpenSans-Bold';
    src: url(/wp-content/themes/cpo-public-2020/css/fonts/OpenSans-Bold.eot) format("eot");
    src: url(/wp-content/themes/cpo-public-2020//wp-content/themes/cpo-public-2020/css/fonts/OpenSans-Bold.eot) format("embedded-opentype"), url(/wp-content/themes/cpo-public-2020/css/fonts/OpenSans-Bold.woff) format("woff"), url(/wp-content/themes/cpo-public-2020/css/fonts/OpenSans-Bold.ttf) format("truetype"), url(/wp-content/themes/cpo-public-2020/css/fonts/OpenSans-Bold.svg) format("svg");
    font-weight: 700;
    font-style: normal
}

html {
    line-height: 1.15
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font: 1em monospace, monospace
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font: 1em monospace, monospace
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font: 100%/1.15 inherit
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto
}

[type="search"] {
    outline-offset: -2px
}

::-webkit-file-upload-button {
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-family: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

.wrapper {
    width: 100%
}

.gridrow {
    margin: 0 auto
}

.gridrow:after {
    content: "";
    display: table;
    clear: both
}

[class*='gridunit-'] {
    float: left
}

[class*='gridunit-']:last-of-type {
    float: right
}

.gridunit-100 {
    width: 100%
}

.gridunit-95 {
    width: 95%
}

.gridunit-90 {
    width: 90%
}

.gridunit-85 {
    width: 85%
}

.gridunit-80 {
    width: 80%
}

.gridunit-75 {
    width: 75%
}

.gridunit-70 {
    width: 70%
}

.gridunit-66 {
    width: 66.6664%
}

.gridunit-65 {
    width: 65%
}

.gridunit-60 {
    width: 60%
}

.gridunit-55 {
    width: 55%
}

.gridunit-50 {
    width: 50%
}

.gridunit-45 {
    width: 45%
}

.gridunit-40 {
    width: 40%
}

.gridunit-35 {
    width: 35%
}

.gridunit-33 {
    width: 33.3336%
}

.gridunit-30 {
    width: 30%
}

.gridunit-25 {
    width: 25%
}

.gridunit-20 {
    width: 20%
}

.gridunit-15 {
    width: 15%
}

.gridunit-10 {
    width: 10%
}

.gridunit-5 {
    width: 5%
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both
}

p {
    margin-bottom: 1.5em
}

dfn,
cite,
em,
i {
    font-style: italic
}

blockquote {
    margin: 0 1.5em
}

address {
    margin: 0 0 1.5em
}

pre {
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: .9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em
}

code,
kbd,
tt,
var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: .9375rem
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help
}

mark,
ins {
    background: #FFF9C0;
    text-decoration: none
}

big {
    font-size: 125%
}

html {
    box-sizing: border-box
}

*,
:before,
:after {
    box-sizing: inherit
}

body {
    background: #FFF
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: ""
}

blockquote,
q {
    quotes: "" ""
}

hr {
    background-color: #CCC;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em
}

ul,
ol {
    margin: 0 0 1.5em
}

ul {
    list-style: disc
}

ol {
    list-style: decimal
}

li>ul,
li>ol {
    margin-bottom: 0;
    margin-left: 1.5em
}

dt {
    font-weight: 700
}

dd {
    margin: 0 1.5em 1.5em
}

img {
    height: auto;
    max-width: 100%
}

figure {
    margin: 0 0 1rem
}

table {
    margin: 0 0 1.5em;
    width: 100%
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 1px solid;
    border-color: #CCC #CCC #BBB;
    border-radius: 3px;
    background: #E6E6E6;
    color: rgba(0, 0, 0, .8);
    font-size: 12px;
    font-size: .75rem;
    line-height: 1;
    padding: .6em 1em .4em
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    border-color: #CCC #BBB #AAA
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    border-color: #AAA #BBB #BBB
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    color: #666;
    border: 1px solid #CCC;
    border-radius: 3px;
    padding: 3px
}

select {
    border: 1px solid #CCC
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
    color: #111
}

textarea {
    width: 100%
}

a:focus {
    outline: 0
}

a:hover,
a:active {
    outline: 0
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 50%
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    word-wrap: normal !important
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

#content[tabindex="-1"]:focus {
    outline: 0
}

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: "";
    display: table;
    table-layout: fixed
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both
}

.widget {
    margin: 0 0 1.5em
}

.widget select {
    max-width: 100%
}

/* BASE CONTENT */

.sticky {
    display: block
}

.hentry {
    margin: 0 0 1.5em
}

.updated:not(.published) {
    display: none
}

.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 0
}

.page-links {
    clear: both;
    margin: 0 0 1.5em
}

.comment-content a {
    word-wrap: break-word
}

.bypostauthor {
    display: block
}

.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
    display: none
}

.infinity-end.neverending .site-footer {
    display: block
}

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0
}

embed,
iframe,
object {
    max-width: 100%
}

.custom-logo-link {
    display: inline-block
}

.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption .wp-caption-text {
    margin: .8075em 0
}

.wp-caption-text {
    text-align: center
}

.gallery {
    margin-bottom: 1.5em
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%
}

.gallery-columns-2 .gallery-item {
    max-width: 50%
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33333%
}

.gallery-columns-4 .gallery-item {
    max-width: 25%
}

.gallery-columns-5 .gallery-item {
    max-width: 20%
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66667%
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28571%
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11111%
}

.gallery-caption {
    display: block
}

.print-only {
    display: none
}

html,
body {
    font-family: 'OpenSans-Regular', Calibri, Arial, Helvetica, Verdana, sans-serif;
    font-size: 15px !important;
    font-weight: 400
}

a {
    color: #008CB9;
    -webkit-transition: color .25s ease-out;
    -moz-transition: color .25s ease-out;
    -o-transition: color .25s ease-out;
    transition: color .25s ease-out
}

a:hover {
    color: #895189
}

b,
strong {
    font-family: 'OpenSans-Bold', sans-serif;
    font-weight: 900
}

#masthead {
    position: relative;
    z-index: 100;
    background: #0095cb;
    background: linear-gradient(90deg, rgba(0, 149, 203, 0.9)41%, rgba(151, 88, 155, 0.9)71%, rgba(144, 198, 71, 0.9)99%);
    box-shadow: rgba(0, 0, 0, 0.4) 0 4px 8px;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out
}

#masthead.fixedheader {
    position: fixed;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out
}

.site-branding {
    display: flex;
    align-items: center;
    justify-items: flex-start;
    padding: 0 5%;
    background: #fff;
    background: linear-gradient(90deg, rgba(255, 255, 255, 1)21%, rgba(255, 255, 255, 0.5)40%, rgba(255, 255, 255, 0)70%)
}

.logo-branding {
    width: 25%;
    max-width: 350px;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out
}

.logo-branding .site-title {
    position: relative;
    margin: 0
}

.logo-branding .site-title a img#site_icon {
    display: block;
    position: absolute;
    top: -200px;
    z-index: 0;
    width: auto;
    height: 57px;
    max-height: 57px;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    margin: 1rem 0;
    opacity: 0
}

html[lang="en-US"] .logo-branding .site-title a img#site_logo {
    display: block;
    z-index: 1;
    width: 100%;
    top: 0;
    max-width: 250px;
    height: auto;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    margin: 1rem 0;
    opacity: 1
}

html[lang="fr-FR"] .logo-branding .site-title a img#site_logo {
    display: block;
    z-index: 1;
    width: 100%;
    top: 0;
    max-width: 322px;
    height: auto;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    opacity: 1;
	width: 322px;
	margin-top: 6px;
	margin-bottom: 8px;
}

.logo-branding .site-title a img#site_logo.fixedheaderlogo {
    position: absolute;
    top: -200px;
    max-height: 55px;
    margin: .5rem 0;
    opacity: 0
}

.logo-branding .site-title a img#site_icon.fixedheaderlogo {
    position: relative;
    max-height: 40px;
    margin: .5rem 0;
    top: 0;
    opacity: 1
}

#site_tagline.site-description {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    justify-items: flex-end;
    width: auto;
    min-width: 75%;
    font-family: 'OpenSans-Bold', Calibri, Arial, Helvetica, Verdana, sans-serif;
    font-size: .9rem;
    margin-top: -.1em;
    color: #FFF;
    text-transform: uppercase;
    letter-spacing: 3px;
    text-align: right;
    opacity: 1;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out
}

#site_tagline.fixedheadetagline {
    opacity: 0;
    font-size: .2em
}

#network_nav {
    display: flex;
    align-items: center;
    justify-items: flex-end;
    justify-content: flex-end;
    padding: 0;
    background: #0095cb;
    background: linear-gradient(90deg, rgba(0, 149, 203, 1)41%, rgba(151, 88, 155, 1)71%, rgba(144, 198, 71, 1)99%)
}

#network_nav.hidden {
    display: none
}

#network_nav #network-menu {
    width: 100%;
    display: flex;
    align-items: center;
    justify-items: flex-end;
    justify-content: flex-end;
    list-style-type: none;
    margin: 0;
    padding: .5em 5%;
    background: #fff;
    background: linear-gradient(90deg, rgba(255, 255, 255, 1)10%, rgba(255, 255, 255, 0.45)48%, rgba(255, 255, 255, 0.1)100%)
}

#network_nav #network-menu li {
    display: flex;
    align-items: center;
    justify-items: center;
    justify-content: center;
    font-size: .8rem;
    letter-spacing: 3px;
    font-family: 'OpenSans-Bold', Calibri, Arial, Helvetica, Verdana, sans-serif;
    text-transform: uppercase
}

#network_nav #network-menu li a {
    color: #4D4D4D;
    text-decoration: none;
    margin: 0 2rem
}

#network_nav #network-menu span.seperator {
    color: #4D4D4D;
    margin: 0
}

#network_nav #network-menu li:last-of-type>a {
    margin-right: 0
}

#network_nav #network-menu span.seperator:last-of-type {
    display: none
}

#search_launch {
    color: #FFF;
    padding-left: 2rem;
    cursor: pointer
}

#search_block {
    display: block;
    float: right;
    position: absolute;
    z-index: 25;
    right: 0;
    bottom: 2.125rem;
    width: 70%;
    height: auto;
    padding: .75rem 5% 0;
    background: transparent;
    -webkit-transition: all .75s ease-out, opacity 1s ease-out, z-index 2s ease-out;
    -moz-transition: all .75s ease-out, opacity 1s ease-out, z-index 2s ease-out;
    -o-transition: all .75s ease-out, opacity 1s ease-out, z-index 2s ease-out;
    transition: all .75s ease-out, opacity 1s ease-out, z-index 2s ease-out
}

#search_block.collapsed {
    bottom: -20px;
    z-index: 0;
    width: 80%;
    height: 0;
    max-height: 0;
    padding: 0 5%;
    opacity: 0;
    overflow: hidden
}

#search_block .search-form {
    display: block;
    width: 100%;
    height: 110px;
    opacity: 1;
    margin: 0 auto;
    padding: 2.2rem 1rem 0;
    background: #FFF;
    background: rgba(255, 255, 255, 0.9);
    -webkit-border-top-left-radius: 12px;
    -webkit-border-top-right-radius: 12px;
    -moz-border-radius-topleft: 12px;
    -moz-border-radius-topright: 12px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-width: 1px 1px 0;
    border-style: solid;
    border-color: rgba(0, 127, 173, 1);
    -webkit-transition: all .75s ease-out, opacity 1s ease-out;
    -moz-transition: all .75s ease-out, opacity 1s ease-out;
    -o-transition: all .75s ease-out, opacity 1s ease-out;
    transition: all .75s ease-out, opacity 1s ease-out
}

#search_block.collapsed .search-form {
    border-width: 0
}

#search_block>.search-form>label {
    width: 80%
}

#search_block>.search-form>label>.ep-autosuggest-container {
    display: block;
    width: 85%;
    margin: 0;
    float: left
}

#search_block>.search-form>label>input[type="search"].search-field,
#search_block>.search-form>label>.ep-autosuggest-container>input[type="search"].search-field {
    -webkit-appearance: none;
    display: inline-block;
    position: relative;
    background: transparent;
    border-width: 0;
    border-style: solid;
    border-color: #333;
    outline: none;
    width: 98%;
    font-size: 1.5rem;
    border-radius: 0;
    margin: 0;
    color: #4D4D4D;
    line-height: 3.3rem
}

#search_block>.search-form>label>input[type="search"].search-field::placeholder {
    color: rgba(0, 0, 0, 0.3)
}

#search_block>.search-form>input[type="submit"].search-submit {
    display: inline-block;
    float: right;
    font-family: 'OpenSans-Bold', sans-serif;
    font-size: .8rem;
    color: #FFF;
    text-transform: uppercase;
    letter-spacing: .1em;
    background: rgba(0, 127, 173, 1);
    border: none;
    outline: none;
    padding: .5rem .75rem;
    margin: 1.5em 0 0
}

body.cpo-francais #search_block>.search-form>input[type="submit"].search-submit {
    font-size: .8rem
}

.ep-autosuggest-container .ep-autosuggest {
    border: 1px solid rgba(0, 127, 173, 1) !important;
    padding: 0 !important
}

.ep-autosuggest-container .ep-autosuggest ul.autosuggest-list {
    margin: 0 !important;
    padding: 0 !important
}

.ep-autosuggest-container .ep-autosuggest ul.autosuggest-list li {
    padding: .5rem 2rem !important;
    -webkit-transform: background 1s ease-out, color 1s ease-out;
    -moz-transform: background 1s ease-out, color 1s ease-out;
    -o-transform: background 1s ease-out, color 1s ease-out;
    transform: background 1s ease-out, color 1s ease-out
}

.ep-autosuggest-container .ep-autosuggest ul.autosuggest-list li:hover {
    background: #0099d1 !important;
    background: linear-gradient(90deg, rgba(0, 153, 209, 0.4) 10%, rgba(0, 153, 209, 0) 98%) !important
}

.ep-autosuggest-container .ep-autosuggest ul.autosuggest-list li>span {
    font-size: 1rem
}

.ep-autosuggest-container .ep-autosuggest>ul>li>a.autosuggest-link {
    text-decoration: none !important
}

.ep-autosuggest-container .ep-autosuggest>ul>li>span:active,
.ep-autosuggest-container .ep-autosuggest>ul>li>span:hover,
.ep-autosuggest-container .selected,
.ep-autosuggest-container .ep-autosuggest>ul>li>a.autosuggest-link:active,
.ep-autosuggest-container .ep-autosuggest>ul>li>a.autosuggest-link:hover,
.ep-autosuggest-container .selected {
    background: none !important
}

footer#colophon {
    font-size: .8rem;
    padding: 2.5rem 0 0;
    color: #FFF;
    background: #4E616D
}

footer#colophon #footer-menu.menu {
    list-style-type: none;
    margin: 0 0 1rem;
    padding: 0
}

footer#colophon #footer-menu.menu li {
    display: block;
    margin-bottom: .5rem
}

footer#colophon #footer-menu.menu li a {
    color: #FFF;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 2px
}

footer#colophon .footer-column .widget {
    color: #FFF
}

footer#colophon .footer-column .widget p {
    display: block;
    width: 75%;
    margin: 0 0 .2rem;
    line-height: 1.4em;
    letter-spacing: 1px
}

footer#colophon .footer-column .widget a {
    color: #FFF
}

footer#colophon .footer-column .widget span.footer-content {
    display: block;
    width: 64%;
    margin-bottom: .2rem;
    line-height: 1.5em;
    letter-spacing: 2px
}

footer#colophon .footer-column .widget address {
    font-style: normal;
    margin-bottom: .2rem;
    line-height: 1.4em;
    letter-spacing: 1px
}

footer#colophon .footer-call {
    display: block;
    width: 100%;
    margin: 0 0 .2rem;
    text-align: right;
    letter-spacing: 1px
}

footer#colophon .footer-call.toll-free {
    letter-spacing: 1.25px
}

footer#colophon .footer-call a {
    text-decoration: none
}

footer#colophon .site-info {
    color: #FFF;
    font-size: .675rem;
    padding: 0 5%;
    text-align: right;
    text-transform: uppercase;
    line-height: 1em;
    letter-spacing: 2px
}

footer#colophon .site-info a {
    color: #FFF;
    text-decoration: none
}

footer#colophon .footer-widget-container {
    padding: 0 5%
}

footer#colophon ul.cgcf-social-logo-icons {
    list-style-type: none;
    margin: 0 0 1rem;
    padding: 0
}

footer#colophon ul.cgcf-social-logo-icons li {
    display: inline-block;
    margin-right: 1rem
}

footer#colophon ul.cgcf-social-logo-icons li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    font-size: 1.2rem;
    color: #4E616D;
    text-align: center;
    padding: .25rem;
    border-radius: 50%;
    background: #FFF;
    text-decoration: none
}

footer#colophon ul.cgcf-social-logo-icons li a i,
footer#colophon ul.cgcf-social-logo-icons li a em {
    color: #4E616D
}

footer#colophon .footer-column a {
    color: #FFF;
    font-size: .8rem;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 2px
}

.gradient-footer-bar {
    content: ' ';
    margin-top: 1rem;
    height: 2.0625rem;
    min-height: 2.0625rem;
    max-height: 2.0625rem;
    background: #0095cb;
    background: linear-gradient(90deg, rgba(144, 198, 71, 1)18%, rgba(151, 88, 155, 1)30%, rgba(0, 149, 203, 1)60%, rgba(255, 255, 255, 1)90%)
}

#primary,
#secondary,
#main {
    margin: 0;
    padding: 0
}

#primary.gridunit-100 {
    float: none;
    width: 100%
}

#primary.gridunit-70 {
    float: left;
    width: 70%
}

#secondary.gridunit-30 {
    float: right;
    width: 30%;
    min-height: 100px
}

.cpo-pagination {
    margin: 0 0 2rem
}

.cpo-pagination .cpo-page-total {
    display: block;
    width: 100%;
    margin: 0;
    text-align: center;
    padding: 0 5%;
    color: #383838;
    font-size: .8rem
}

.cpo-pagination .cpo-page-blocks {
    display: flex;
    padding: .5rem 5%;
    align-items: center;
    justify-content: center;
    flex-direction: row
}

.cpo-pagination .cpo-page-blocks span.numbered,
.cpo-pagination .cpo-page-blocks a.numbered {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-width: 1px;
    border-style: solid;
    border-color: #0099D1;
    font-size: .9rem;
    margin: .1rem;
    background: #0099D1;
    color: #FFF;
    text-decoration: none;
    -webkit-transition: all .75s ease-out;
    -moz-transition: all .75s ease-out;
    -o-transition: all .75s ease-out;
    transition: all .75s ease-out;
    transform: rotate(0)
}

.cpo-pagination .cpo-page-blocks a.numbered:hover {
    background: #383838;
    transform: rotate(90deg)
}

.cpo-pagination .cpo-page-blocks a.numbered span.digit {
    -webkit-transition: all .75s ease-out;
    -moz-transition: all .75s ease-out;
    -o-transition: all .75s ease-out;
    transition: all .75s ease-out;
    transform: rotate(0)
}

.cpo-pagination .cpo-page-blocks a.numbered:hover span.digit {
    transform: rotate(-90deg)
}

.cpo-pagination .cpo-page-blocks span.numbered.current {
    background: transparent;
    color: #0099D1
}

#content {
    font-family: 'OpenSans-Regular', Calibri, Arial, Helvetica, Verdana, sans-serif
}

#content article header.entry-header,
#content article .entry-content,
#content article footer.entry-footer,
#content #cpo_mission .page-content,
#content .entry-summary {
    padding: 0 5%
}

#content .page-content,
#content .entry-content,
#content .entry-summary {
    font-size: 1rem;
    margin: 0
}

#content h1 {
    font-family: 'OpenSans-Bold', Calibri, Arial, Helvetica, Verdana, sans-serif;
    font-size: 2.25rem;
    letter-spacing: .1em;
    line-height: 1.5em;
    text-transform: uppercase;
    color: #0099D1;
    margin: 0 0 1.4rem
}

#content h1.entry-title,
#content h1.page-title {
    margin-top: 3.4375rem
}

#content h2 {
    font-family: 'OpenSans-Bold', Calibri, Arial, Helvetica, Verdana, sans-serif;
    font-size: 2.1rem;
    letter-spacing: .1em;
    line-height: 1.4em;
    text-transform: uppercase;
    color: #0099D1;
    margin: 0 0 1.4rem
}

#content h3 {
    font-family: 'OpenSans-Bold', Calibri, Arial, Helvetica, Verdana, sans-serif;
    font-size: 1.5rem;
    letter-spacing: .1em;
    line-height: 1.4em;
    text-transform: uppercase;
    color: #0099D1;
    margin: 0 0 1.4rem
}

#content h4 {
    font-family: 'OpenSans-Bold', Calibri, Arial, Helvetica, Verdana, sans-serif;
    font-size: 1rem;
    letter-spacing: .1em;
    line-height: 1.4em;
    text-transform: uppercase;
    color: #0099D1;
    margin: 0 0 1.4rem
}

#content h5 {
    font-family: 'OpenSans-Bold', Calibri, Arial, Helvetica, Verdana, sans-serif;
    font-size: 1rem;
    letter-spacing: .1em;
    line-height: 1.4em;
    color: #0088D1;
    margin: 0 0 1.4rem
}

#content h6 {
    font-family: 'OpenSans-Regular', Calibri, Arial, Helvetica, Verdana, sans-serif;
    font-size: 1rem;
    letter-spacing: .1em;
    line-height: 1.4em;
    color: #0088D1;
    margin: 0 0 1.4rem
}

#content p {
    font-size: 1rem;
    color: #222;
    margin-bottom: 0 0 1.25em 0;
    line-height: 1.4em
}

#content ul,
#content ol {
    font-size: .95rem;
    color: #222;
    margin: 0 0 1.5em
}

#content ul li,
#content ol li {
    padding: 0;
    line-height: 1.5em;
    margin-bottom: .5em
}

#content ul li ul {
    margin: .5em 0 .5em -1.5em
}

#content blockquote.wp-block-quote {
    font-size: 1rem;
    font-style: italic;
    color: #222;
    margin-bottom: 1em
}

#content blockquote.wp-block-quote p {
    color: #222;
    margin-bottom: 1.4em
}

#content blockquote.wp-block-quote p:last-of-type {
    margin-bottom: .5em
}

#content blockquote.wp-block-quote cite {
    display: block;
    font-size: .5em;
    text-align: right
}

#content .entry-content a {
    color: #0099D1;
    text-decoration: none;
    -webkit-transition: all .75s ease-out;
    -moz-transition: all .75s ease-out;
    -o-transition: all .75s ease-out;
    transition: all .75s ease-out
}

#content .entry-content a:hover {
    color: #AC52BE;
    text-decoration: underline
}

body.blog #content .site-main,
body.archive #content .site-main .cpo-archive-container {
    padding: 2rem 5% 1rem;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap
}

article.entry-article-list {
    padding: 0;
    border-width: 2px;
    border-style: solid;
    border-radius: 4px;
    overflow: hidden;
    -webkit-transition: margin-top .75s ease-out, opacity 2s ease-out;
    -moz-transition: margin-top .75s ease-out, opacity 2s ease-out;
    -o-transition: margin-top .75s ease-out, opacity 2s ease-out;
    transition: margin-top .75s ease-out, opacity 2s ease-out;
    margin-top: 150px;
    opacity: 0
}

article.entry-article-list.article-loaded {
    margin-top: 0;
    opacity: 1
}

article.entry-article-list .cpo-category-name,
.archive-header .cpo-category-name {
    font-family: 'OpenSans-Bold', Calibri, Arial, Helvetica, Verdana, sans-serif;
    font-size: .85rem;
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .2em;
    padding: .5rem 1rem;
    margin: 0
}

.archive-header .cpo-category-name {
    font-size: 1.7rem;
    padding: 1.25rem 1rem
}

.archive-header {
    border-width: 0 0 4px;
    border-style: solid;
    -webkit-transition: margin-top .75s ease-out, opacity 2s ease-out;
    -moz-transition: margin-top .75s ease-out, opacity 2s ease-out;
    -o-transition: margin-top .75s ease-out, opacity 2s ease-out;
    transition: margin-top .75s ease-out, opacity 2s ease-out;
    margin-top: 150px;
    opacity: 0
}

.archive-header.loaded {
    margin-top: 0;
    opacity: 1
}

article.entry-article-list .entry-header {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    min-height: 136px;
    padding: 1.25rem;
    margin: 0
}

#content article.entry-article-list>.entry-header>h4.entry-title {
    display: block;
    width: 100%;
    margin: 0;
    float: none
}

article.entry-article-list .entry-header h4.entry-title a {
    display: block;
    font-family: 'OpenSans-Bold', Calibri, Arial, Helvetica, Verdana, sans-serif;
    font-size: 1.1rem;
    color: #111;
    text-align: left;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: .2em;
    margin: 0 auto;
    padding: 0
}

article.entry-article-list .entry-header .entry-meta {
    display: block;
    width: 100%;
    margin: 0;
    font-family: 'OpenSans-Bold', Calibri, Arial, Helvetica, Verdana, sans-serif;
    font-size: .7rem;
    color: #333
}

article.entry-article-list .entry-header .entry-meta a {
    color: #333;
    font-family: 'OpenSans-Light', Calibri, Arial, Helvetica, Verdana, sans-serif;
    text-decoration: none
}

article.entry-article-list .entry-content {
    font-family: 'OpenSans-Light', Calibri, Arial, Helvetica, Verdana, sans-serif;
    font-size: .85rem
}

article.entry-article-list .entry-content a {
    font-family: 'OpenSans-Bold', Calibri, Arial, Helvetica, Verdana, sans-serif
}

#content article.single-entry-article {
    margin: 0;
    padding: 0
}

#content article.single-entry-article.category-headlines .wp-block-image img {
    opacity: 0;
    max-height: 0;
    -webkit-transition: opacity 2.5s ease-out, max-height 1s ease-out;
    -moz-transition: opacity 2.5s ease-out, max-height 1s ease-out;
    -o-transition: opacity 2.5s ease-out, max-height 1s ease-out;
    transition: opacity 2.5s ease-out, max-height 1s ease-out
}

#content article.single-entry-article.category-headlines .wp-block-image.loaded img {
    opacity: 1;
    max-height: 1000px
}

#content article header.single-entry-header {
    padding: 1rem 5%;
    border-width: 0 0 4px;
    border-style: solid;
    opacity: 0;
    margin-top: 200px;
    margin-bottom: 2.75rem;
    -webkit-transition: opacity 2s ease-out, margin-top .75s ease-out;
    -moz-transition: opacity 2s ease-out, margin-top .75s ease-out;
    -o-transition: opacity 2s ease-out, margin-top .75s ease-out;
    transition: opacity 2s ease-out, margin-top .75s ease-out
}

#content article header.single-entry-header.loaded {
    opacity: 1;
    margin-top: 0
}

#content article header.single-entry-header .cpo-category-name {
    color: #FFF;
    font-family: 'OpenSans-Bold', Calibri, Arial, Helvetica, Verdana, sans-serif;
    font-size: 1.15rem;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 0 0 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2)
}

#content article header.single-entry-header h1.entry-title {
    color: #FFF;
    margin: 1.2rem auto;
    text-align: center
}

#content article header.single-entry-header .entry-meta {
    color: #FFF;
    font-family: 'OpenSans-Bold', Calibri, Arial, Helvetica, Verdana, sans-serif;
    font-style: italic;
    text-align: center
}

#content article header.single-entry-header .entry-meta a {
    color: #FFF;
    font-family: 'OpenSans-Light', Calibri, Arial, Helvetica, Verdana, sans-serif;
    text-decoration: none
}

#content article footer.single-entry-footer {
    border-width: 4px 0 0;
    border-style: solid;
    padding: 1.5rem 5% 1.2rem;
    margin: 1.2rem auto 0
}

#content article footer.single-entry-footer .post-navigation {
    font-size: .9rem;
    overflow: visible
}

#content article footer.single-entry-footer .post-navigation .nav-links .nav-previous a,
#content article footer.single-entry-footer .post-navigation .nav-links .nav-next a {
    color: #FFF;
    text-decoration: none;
    -webkit-transition: all .75s ease-out;
    -moz-transition: all .75s ease-out;
    -o-transition: all .75s ease-out;
    transition: all .75s ease-out
}

#content article footer.single-entry-footer .post-navigation .nav-links .nav-previous a:hover {
    margin-left: -3.5%
}

#content article footer.single-entry-footer .post-navigation .nav-links .nav-next a:hover {
    margin-right: -3.5%
}

#content article footer.single-entry-footer .post-navigation .nav-links .nav-previous a:before {
    content: '\f100';
    font-family: 'Fontawesome';
    margin-right: 1.5em
}

#content article footer.single-entry-footer .post-navigation .nav-links .nav-next a:after {
    content: '\f101';
    font-family: 'Fontawesome';
    margin-left: 1.5em
}

#content .wp-block-table figcaption {
    padding-bottom: .75em
}

#content .error-404,
#content .no-results.not-found {
    padding: 0 5%
}

#content .error-404 .page-content,
#content .no-results.not-found .page-content {
    display: block
}

#content .error-404 h1.page-title,
#content .no-results.not-found h1.page-title {
    text-align: center;
    margin-bottom: 0;
    padding-bottom: 0
}

#content .error-404 h1.page-title .large-404 {
    font-size: 500%;
    max-width: 320px
}

#content .error-404 .page-content p,
#content .no-results.not-found .page-content p {
    display: block;
    width: 100%;
    text-align: center
}

#content .error-404 .page-content form.search-form,
#content .no-results.not-found .page-content form.search-form {
    display: block;
    width: 100%;
    margin: 0 auto 3rem;
    padding: 0;
    text-align: center
}

#content .error-404 .page-content form.search-form label,
#content .no-results.not-found .page-content form.search-form label {
    display: block;
    width: 100%;
    text-align: center
}

#content .error-404 .page-content form.search-form label input[type='search'],
#content .no-results.not-found .page-content form.search-form label input[type='search'],
.ep-autosuggest-container input[type='search'].search-field {
    width: 50%;
    margin: 1rem auto;
    padding: .5rem;
    border: 1px solid #0099D1;
    outline: none;
    -webkit-appearance: none
}

#content .error-404 .page-content form.search-form input[type='submit'],
#content .no-results.not-found .page-content form.search-form input[type='submit'] {
    font-family: 'OpenSans-Bold', Calibri, Arial, Helvetica, Verdana, sans-serif;
    font-size: 1rem;
    text-transform: uppercase;
    color: #FFF;
    background: #0099D1;
    border: none
}

#content .search-results-area {
    padding: 0 5%
}

#content .search-results-area .page-header {
    font-style: italic;
    text-transform: uppercase;
    color: #444
}

#content article.search-result-item {
    border-width: 4px;
    border-style: solid;
    border-radius: 1.1rem;
    overflow: hidden;
    -webkit-transition: margin-top .75s ease-out, opacity 2s ease-out;
    -moz-transition: margin-top .75s ease-out, opacity 2s ease-out;
    -o-transition: margin-top .75s ease-out, opacity 2s ease-out;
    transition: margin-top .75s ease-out, opacity 2s ease-out;
    margin-top: 300px;
    opacity: 0
}

#content article.search-result-item.loaded {
    margin-top: 0;
    opacity: 1
}

#content article.search-result-item .cpo-result-banner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1rem
}

#content article.search-result-item .cpo-result-banner i.fa {
    font-size: 1.9rem;
    color: #FFF;
    text-align: center;
    margin-bottom: .5em
}

#content article.search-result-item .cpo-result-banner h4 {
    font-size: .75rem;
    text-align: center;
    color: #FFF;
    text-transform: uppercase
}

#content article.search-result-item .cpo-result-banner h4 small {
    display: block;
    font-family: 'OpenSans-Light', sans-serif;
    font-size: .95em;
    font-style: italic;
    text-transform: none;
    padding: .5em 0
}

#content article.search-result-item .cpo-result-content {
    padding: 1rem;
    background: #FFF;
    min-height: 135px
}

#content article.search-result-item .cpo-result-content h2.entry-title {
    font-size: 1.65rem;
    color: #0099D1;
    text-decoration: none;
    margin-bottom: .5em
}

#content article.search-result-item .cpo-result-content h2.entry-title a {
    font-size: 1.65rem;
    color: #0099D1;
    text-decoration: none
}

#content article.search-result-item .cpo-result-content .posted-on {
    font-style: italic;
    color: #555
}

#content article.search-result-item .cpo-result-content .posted-on a {
    color: #0099D1;
    text-decoration: none
}

#content article.search-result-item .cpo-result-content .entry-summary {
    font-family: 'OpenSans-Light', Calibri, Arial, Helvetica, Verdana, sans-serif;
    font-size: .85rem;
    color: #333
}

body.single-cporsc_resources #content .entry-content {
    min-height: 450px
}

.cpo-resource-download-container {
    display: block;
    padding: 0
}

.cpo-resource-download-container>p {
    display: block;
    width: 100%;
    padding: 0
}

#content .entry-content .cpo-resource-download-container>p>a.cpo-resource-btn {
    display: inline-block;
    width: auto;
    margin: 0;
    padding: .5rem .75rem;
    font-family: 'OpenSans-Bold', Calibri, Arial, Helvetica, Verdana, sans-serif;
    font-size: .8rem;
    color: #FFF;
    text-transform: uppercase;
    letter-spacing: .1em;
    background: #76B449;
    border-radius: 4px
}

#content .entry-content .cpo-resource-download-container>p>a.cpo-resource-btn:hover {
    background: #0099D1;
    text-decoration: none
}

#cpo_slider #cslides_container,
#cpo_slider #cslides_container #cslides,
.flexslider {
    border-radius: 0
}

#cpo_slider {
    padding: 0;
    margin: 0
}

#cpo_slider #cslides_container,
#cpo_slider #cslides_container #cslides {
    height: 600px;
    min-height: 600px;
    max-height: 600px;
    padding: 0;
    margin: 0
}

#cpo_slider #cslides_container #cslides ul.slides {
    line-height: 0
}

#cpo_slider #cslides_container #cslides ul.slides li {
    overflow: hidden
}

#cpo_slider #cslides_container #cslides ul.slides li .slider-content,
#cpo_slider #cslides_container #cslides ul.slides li .slider-content.left-aligned,
#cpo_slider #cslides_container #cslides ul.slides li .slider-content.right-aligned {
    width: 50%;
    height: auto
}

#cpo_slider #cslides_container #cslides ul.slides li .slider-content.center-aligned {
    width: 80%;
    height: auto
}

#cpo_slider #cslides_container #cslides ul.slides li .slider-content p {
    font-size: 2.2rem;
    line-height: 1.5em
}

#cpo_slider #cslides_container #cslides ul.slides li .slider-content p strong {
    font-family: 'OpenSans-Bold', Calibri, Arial, Helvetica, Verdana, sans-serif;
    font-size: 2.2rem
}

.flex-direction-nav {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    bottom: 2.8rem;
    width: 50%;
    left: 5%
}

.flex-direction-nav a {
    opacity: .8 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative;
    left: 0;
    -webkit-transition: opacity .75s ease-out;
    -moz-transition: opacity .75s ease-out;
    -o-transition: opacity .75s ease-out;
    transition: opacity .75s ease-out
}

.flex-direction-nav a:hover {
    opacity: 1 !important
}

.flex-direction-nav a:before {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #63656A;
    width: 34px;
    min-width: 34px;
    max-width: 34px;
    height: 34px;
    min-height: 34px;
    max-height: 34px;
    border-radius: 50%;
    font-size: 20px !important;
    text-shadow: none !important;
    margin: 4px 0 5px 4px
}

.flex-direction-nav .flex-prev {
    position: relative;
    left: 0 !important;
    text-align: center !important
}

.flex-direction-nav .flex-next {
    position: relative;
    right: 0 !important;
    text-align: center !important
}

#featured_quicklink {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 14;
    width: 55%;
    bottom: 6.25rem;
    right: -40%
}

#featured_quicklink .fql-icon,
#featured_quicklink a .fql-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 66px;
    min-width: 66px;
    max-width: 66px;
    height: 66px;
    min-height: 66px;
    max-height: 66px;
    border-radius: 50%;
    background: #0099D1
}

#featured_quicklink .fql-icon a {
    font-size: 36px;
    color: #FFF
}

#featured_quicklink .fql-container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: calc(100% - 86px);
    border-radius: 6px;
    overflow: hidden;
    min-height: 66px
}

#featured_quicklink .fql-container .fql-label {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 50%;
    min-height: 72px;
    padding: .5rem 2rem;
    background: #0099D1;
    color: #FFF;
    font-size: 1.15rem;
    letter-spacing: .1rem
}

#featured_quickling.fql-no-form .fql-container {
    width: 70%
}

#featured_quicklink .fql-container .fql-function {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 50%;
    min-height: 72px;
    padding: .5rem 1rem;
    background: #95C93D
}

#featured_quicklink .fql-container .fql-function.fql-function-flexed {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 40%
}

#featured_quicklink .fql-container .fql-function #fql_button {
    font-size: .8rem;
    color: #0099D1;
    background: #FFF;
    border: 1px solid #0099D1;
    padding: .5rem 1rem;
    letter-spacing: .1rem
}

#featured_quicklink .fql-container .fql-function #fql_button a.fql-button {
    color: #0099D1;
    text-decoration: none
}

#featured_quicklink .fql-container .fql-function #fql_member_search {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 0;
    padding: 0
}

#featured_quicklink .fql-container .fql-function .fql-faux-input {
    display: flex;
    align-items: center;
    background: #FFF;
    width: 71.8%;
    padding: .5rem;
    margin-bottom: .25rem;
    border-radius: 4px
}

#featured_quicklink .fql-container .fql-function small {
    display: flex;
    width: auto;
    color: #FFF;
    text-align: right
}

#featured_quicklink .fql-container .fql-function small a {
    color: #FFF;
    text-align: right
}

#featured_quicklink .fql-container .fql-function i.fa {
    width: 10%;
    color: rgba(0, 0, 0, 0.3)
}

#featured_quicklink .fql-container .fql-function input.fql-input {
    -webkit-appearance: none;
    background: transparent;
    border: none;
    outline: none;
    width: 98%
}

#featured_quicklink .fql-container .fql-function input.fql-input::placeholder {
    color: rgba(0, 0, 0, 0.3)
}

#cpo_mission {
    margin-top: 2rem
}

#content article.lp-article {
    position: relative
}

#content article.lp-article header.entry-header {
    margin: 0;
    padding: 2rem 0;
    background: #000;
    background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(119, 119, 119, 1) 38%, rgba(170, 170, 170, 1) 49%, rgba(221, 221, 221, 1) 64%, rgba(255, 255, 255, 1) 80%);
    background-position: center top;
    background-size: cover
}

#content article.lp-article .entry-title.lp-title {
    width: 100%;
    font-family: 'OpenSans-Bold', Calibri, Arial, Helvetica, Verdana, sans-serif;
    font-size: 4.4rem;
    text-align: right;
    margin: 0;
    padding: 0 5%
}

.lp-section-tag {
    display: block;
    float: left;
    width: auto;
    font-size: 1.8rem;
    color: #93D500;
    text-transform: uppercase
}

.lp-header-content,
.lp-header-items {
    margin: 0;
    padding: 0
}

#content article.lp-article header.entry-header .lp-header-item-link {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0 5vw;
    font-size: 1.7rem;
    color: #FFF;
    background: rgba(255, 255, 255, 0);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 98%);
    -webkit-transition: background .75s ease-out;
    -moz-transition: background .75s ease-out;
    -o-transition: background .75s ease-out;
    transition: background .75s ease-out
}

#content article.lp-article header.entry-header .lp-header-item-link:hover {
    background: rgba(255, 255, 255, 0.2);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0) 98%)
}

#content article.lp-article header.entry-header .lp-header-item-link a {
    display: block;
    width: 100%;
    padding: .75rem 0 1.25rem;
    border-width: 2px 0 0;
    border-style: solid;
    border-color: #FFF;
    color: #FFF;
    text-decoration: none
}

.lp-header-container {
    position: relative;
    padding: 2rem 5vw;
    text-align: right;
    overflow: hidden
}

.lp-header-excerpt {
    position: absolute;
    top: 1rem;
    width: 80%;
    font-family: 'OpenSans-Regular', Calibri, Arial, Helvetica, Verdana, sans-serif;
    font-size: 1rem;
    line-height: 1.5em;
    letter-spacing: .1em;
    text-align: right;
    -webkit-transition: opacity 1s ease-out, right .5s ease-out;
    -moz-transition: opacity 1s ease-out, right .5s ease-out;
    -o-transition: opacity 1s ease-out, right .5s ease-out;
    transition: opacity 1s ease-out, right .5s ease-out;
    opacity: 0;
    right: -40%
}

.lp-header-excerpt.hovered {
    opacity: 1;
    right: 5vw
}

.lp-content-section {
    display: block;
    margin-top: 2rem
}

body.page-template-template-landing-page .hentry {
    margin: 0
}

#cpo_quicklinks {
    display: block;
    margin: 0 auto;
    padding: 0 5%;
    background: #0099d1;
    background: linear-gradient(0deg, rgba(0, 153, 209, 1)0%, rgba(87, 193, 233, 1)100%);
    box-shadow: rgba(0, 0, 0, 0.3) 0 4px 8px
}

#cpo_quicklinks .cpoql-item {
    margin: 2.8rem auto
}

#cpo_quicklinks .cpoql-item a {
    display: flex;
    flex-direction: column;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    margin: 0 auto
}

#cpo_quicklinks .cpoql-item a * {
    -webkit-transition: transform .5s ease-out;
    -moz-transition: transform .5s ease-out;
    -o-transition: transform .5s ease-out;
    transition: transform .5s ease-out
}

#cpo_quicklinks .cpoql-item a:hover * {
    transform: scale(1.1)
}

.cpoql-quicklink-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 66px;
    min-width: 66px;
    max-width: 66px;
    height: 66px;
    min-height: 66px;
    max-height: 66px;
    border-radius: 50%;
    margin: 0 auto 1rem;
    border: 3px solid #FFF
}

.cpoql-quicklink-icon i.fa,
.cpoql-quicklink-icon em.fa {
    font-size: 36px;
    text-align: center;
    margin: 0 auto;
    padding: 0;
    opacity: 1
}

#cpo_quicklinks .cpoql-item a h4.cpoql-title {
    width: 100%;
    font-size: 1.1rem;
    text-align: center;
    text-transform: uppercase;
    color: #FFF;
    margin: 0 auto;
    letter-spacing: .15em
}

.cpo-faqs,
.cpo-resources {
    padding: 0 5%;
    margin: 0 auto 3rem
}

#cpo_faqs,
#cpo_resources {
    padding: 0 5%;
    margin: 2rem auto
}

.cpo-faqs:first-of-type,
.cpo-resources:first-of-type {
    margin-top: 3rem
}

.cpo-related-items-container {
    display: block;
    border-width: 4px;
    border-style: solid;
    border-radius: 1.1rem;
    overflow: hidden
}

.cpo-faqs .cpo-related-items-container,
#cpo_faqs .cpo-related-items-container {
    border-color: #D8C7D6;
    background: #895189
}

.cpo-resources .cpo-related-items-container,
#cpo_resources .cpo-related-items-container {
    border-color: #DFEBC2;
    background: #76B449
}

.cpo-related-items-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    padding: .5rem 2rem
}

.cpo-faqs .cpo-related-items-header,
#cpo_faqs .cpo-related-items-header {
    background: #895189;
    background: #895189;
    background: linear-gradient(90deg, rgba(137, 81, 137, 1) 0%, rgba(255, 255, 255, 1) 100%)
}

.cpo-resources .cpo-related-items-header,
#cpo_resources .cpo-related-items-header {
    background: #76B449;
    background: #76b449;
    background: linear-gradient(90deg, rgba(118, 180, 73, 1) 0%, rgba(255, 255, 255, 1) 100%)
}

.cpo-related-items-heading {
    font-family: 'OpenSans-Bold', Calibri, Arial, Helvetica, Verdana, sans-serif;
    font-size: 1.5rem;
    letter-spacing: .1em;
    color: #FFF;
    text-transform: uppercase
}

.cpo-faqs .cpo-related-items-heading,
.cpo-resources .cpo-related-items-heading {
    font-size: 1.5rem;
    letter-spacing: .1em
}

.cpo-related-items-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    justify-items: center;
    border: 2px solid #FFF;
    border-radius: 50%;
    width: 36px;
    min-width: 36px;
    max-width: 36px;
    height: 36px;
    min-height: 36px;
    min-height: 36px;
    color: #FFF
}

#cpo_faqs .cpo-related-items-icon,
.cpo-faqs .cpo-related-items-icon {
    background: #895189
}

.cpo-related-items-icon i.fa,
.cpo-related-items-icon em.fa {
    font-size: 20px
}

.cpo-resources .cpo-related-items-icon,
#cpo_resources .cpo-related-items-icon {
    background: #76B449
}

.cpo-related-items-content {
    margin: 0;
    padding: 0;
    background: #FFF
}

#cpo_faq_accordion.cpo-related-items-content {
    padding-bottom: 1rem
}

.cpo-resources .cpo-related-items-content,
#cpo_resources .cpo-related-items-content {
    display: flex;
    flex-wrap: wrap;
    padding: 1.5rem 0
}

.cpo-faqs .cpo-faq-title,
#cpo_faqs .cpo-faq-title {
    color: #000;
    font-size: 1rem;
    line-height: 1.5em;
    padding: .75rem 2rem;
    background: transparent;
    -webkit-transition: background .25s ease-out;
    -moz-transition: background .25s ease-out;
    -o-transition: background .25s ease-out;
    transition: background .25s ease-out;
    outline: none
}

.cpo-faqs .cpo-faq-title.ui-accordion-header-active,
#cpo_faqs .cpo-faq-title.ui-accordion-header-active {
    background: #E0D1E7;
    outline: none
}

.cpo-faqs .cpo-faq-title i.fa,
#cpo_faqs .cpo-faq-title i.fa,
.cpo-faqs .cpo-faq-title em.fa,
#cpo_faqs .cpo-faq-title em.fa {
    float: left;
    color: #895189;
    transform: rotate(45deg);
    -webkit-transition: transform .25s ease-out;
    -moz-transition: transform .25s ease-out;
    -o-transition: transform .25s ease-out;
    transition: transform .25s ease-out;
    margin: .24rem 1rem 1rem 0
}

.cpo-faqs .cpo-faq-title.ui-accordion-header-active i.fa,
#cpo_faqs .cpo-faq-title.ui-accordion-header-active i.fa {
    transform: rotate(0deg)
}

.cpo-faq-answer {
    color: #111;
    font-size: 1rem;
    line-height: 1.5em;
    padding: .5rem 4.1rem 1rem;
    background: #F2EBF5
}

.cpo-faq-answer .cpo-faq-share-link {
    font-size: .75em;
    text-align: right;
    padding: 0 0 .2em
}

.cpo-faq-answer .cpo-faq-share-link a {
    display: flex;
    float: right;
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 28px;
    color: #777;
    background: #EEE;
    text-decoration: none;
    border: 2px solid #999;
    border-radius: 50%;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out
}

.cpo-faq-answer .cpo-faq-share-link a:hover {
    color: #FFF;
    background: #895189;
    border: 2px solid #FFF;
    box-shadow: rgba(0, 0, 0, 0.1) 0 0 2px
}

.cpo-faq-answer .cpo-faq-share-link .faq-linktip {
    display: flex;
    float: right;
    font-size: .65em;
    color: #888;
    text-align: center;
    opacity: 0;
    margin-right: 1em;
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out
}

.cpo-faq-answer .cpo-faq-share-link:hover .faq-linktip {
    opacity: 1
}

.cpo-resource-title {
    display: flex;
    align-items: center;
    float: left;
    width: 33.33333%;
    min-height: 64px;
    margin: 0;
    padding: 0;
    border-right: 1px solid #76B449
}

.cpo-resource-title:nth-child(3n) {
    border-right: 0 solid transparent;
    border: none
}

.cpo-resources .cpo-resource-title>a,
#cpo_resources .cpo-resource-title>a {
    display: block;
    width: 100%;
    font-size: 1rem;
    line-height: 1.5em;
    color: #000;
    text-decoration: none;
    padding: .75rem 2rem;
    background: transparent;
    -webkit-transform: background .25s ease-out;
    -moz-transform: background .25s ease-out;
    -o-transform: background .25s ease-out;
    transform: background .25s ease-out
}

.cpo-resources .cpo-resource-title>a {
    font-size: .9rem;
    line-height: 1.3em;
    padding: .75rem 1.5rem
}

.cpo-resources .cpo-resource-title>a:hover,
#cpo_resources .cpo-resource-title>a:hover {
    background: #DFEBC2
}

#cpo_faqs.conditional-section,
#cpo_resources.conditional-section {
    margin-top: 0
}

#cpo_faqs.conditional-section:first-of-type,
#cpo_resources.conditional-section:first-of-type {
    margin-top: 2rem
}

#content article.rsc-article {
    position: relative;
    margin: 0;
    padding: 0
}

#content article.rsc-article header.entry-header {
    margin: 0;
    padding: 2rem 0;
    background: #FFF;
    background-position: center top;
    background-size: 100%;
    background-repeat: no-repeat
}

#content article.rsc-article .entry-title.rsc-title {
    width: 100%;
    font-family: 'OpenSans-Bold', Calibri, Arial, Helvetica, Verdana, sans-serif;
    font-size: 2rem;
    text-align: left;
    margin: 0;
    padding: 0 5% 1rem
}

.cpo-rsc-accordion {
    width: 60%;
    margin-bottom: -1px
}

.cpo-rsc-accordion,
.cpo-rsc-acc-child,
.cpo-rsc-acc-sub {
    padding: 0;
    outline: none
}

.cpo-rsc-accordion:focus,
.cpo-rsc-acc-child:focus,
.cpo-rsc-acc-sub:focus,
.cpo-rsc-acc-heading:focus,
:focus .cpo-rsc-acc-heading-child,
.cpo-rsc-acc-heading-sub:focus {
    outline: none
}

.cpo-rsc-acc-heading {
    padding: 0 5vw;
    letter-spacing: 1px
}

.cpo-rsc-acc-heading-child,
.cpo-rsc-acc-heading-sub {
    padding: 0;
    font-family: 'OpenSans-Light', Calibri, Arial, Helvetica, Verdana, sans-serif
}

.cpo-rsc-acc-heading:hover,
.cpo-rsc-acc-heading-child:hover,
.cpo-rsc-acc-heading-sub:hover,
    {
    background: #76b449;
    background: linear-gradient(90deg, rgba(118, 180, 73, 0.6) 0%, rgba(118, 180, 73, 0) 98%)
}

.cpo-rsc-acc-title-bar {
    padding: .65rem 0;
    border-top: 1px solid #76B449
}

.cpo-rsc-acc-icon {
    display: block;
    float: left;
    margin: 0 1rem 0 .5rem;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.ui-state-active>.cpo-rsc-acc-title-bar>.cpo-rsc-acc-icon {
    transform: rotate(315deg)
}

.cpo-rsc-acc-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-transform: uppercase
}

.cpo-rsc-acc-content {
    padding: 0 5vw 1rem 8vw
}

.cpo-rsc-acc-content>.cpo-rsc-acc-child>.cpo-rsc-acc-content {
    padding: 0 0 .5rem 5%
}

.cpo-rsc-acc-content>.cpo-rsc-acc-child>.cpo-rsc-acc-content>.cpo-rsc-acc-sub>.cpo-rsc-acc-content {
    padding: 0 0 0 5%
}

.cpo-rsc-acc-link {
    display: block;
    width: 100%;
    color: #000;
    text-decoration: none;
    padding: .3rem 0
}

.cpo-rsc-acc-link:hover {
    color: rgba(118, 180, 73, 1)
}

.cpo-rss-link-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    float: right;
    width: 20px;
    height: 20px;
    margin: -.2rem .5rem 0 0;
    border: 2px solid #999;
    border-radius: 50%;
    color: #999;
    background: rgba(118, 180, 73, 0);
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.cpo-rss-link-icon:hover {
    color: #FFF;
    background: rgba(118, 180, 73, 1);
    transform: rotate(90deg)
}

.cpo-rss-link-icon i.fa {
    font-size: 10px
}

.cpo-faq-navigation {
    position: relative;
    position: -webkit-sticky;
    position: sticky;
    top: 32px;
    overflow: hidden;
    padding: 0 0 2rem
}

#content .cpo-faq-navigation h4.cpo-faq-toc-title {
    display: block;
    width: 100%;
    margin: 0 0 .5em;
    padding: 0 2vw 0 5vw
}

#content .cpo-faq-navigation ul.faq-nav-parents,
#content .cpo-faq-navigation ul.faq-nav-children,
#content .cpo-faq-navigation ul.faq-nav-subs {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0 2vw 0 5vw;
    list-style-type: none
}

#content .cpo-faq-navigation ul.faq-nav-children,
#content .cpo-faq-navigation ul.faq-nav-subs {
    margin: 0;
    padding: 0 1rem
}

#content .cpo-faq-navigation ul.faq-nav-parents li,
#content .cpo-faq-navigation ul.faq-nav-children li,
#content .cpo-faq-navigation ul.faq-nav-subs li {
    display: block;
    margin: 0;
    padding: 0
}

#content .cpo-faq-navigation ul.faq-nav-parents li a,
#content .cpo-faq-navigation ul.faq-nav-children li a,
#content .cpo-faq-navigation ul.faq-nav-subs li a {
    display: block;
    float: none;
    text-decoration: none;
    text-transform: none;
    margin: 0;
    padding: .25em 0;
    color: #895189;
    color: #000
}

#content .cpo-faq-navigation ul.faq-nav-parents>li>a {
    text-transform: uppercase
}

#content .cpo-faq-navigation ul.faq-nav-parents li a:hover,
#content .cpo-faq-navigation ul.faq-nav-children li a:hover,
#content .cpo-faq-navigation ul.faq-nav-subs li a:hover {
    color: #895189
}

#content .cpo-faq-navigation ul.faq-nav-parents li:first-of-type a {
    padding-top: 0
}

.cpo-faq-list {
    padding: 0 5vw 0 2vw
}

#content h4.faq-nav-section-title {
    display: block;
    width: 100%;
    margin: 0;
    padding: .5em 0
}

#content h4.faq-nav-section-title:first-of-type {
    margin: 0;
    padding: 0 0 .5rem
}

.faq-term-segment {
    display: block;
    width: 100%;
    margin-bottom: 2rem
}

.faq-term-segment .cpo-faq-title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    clear: both;
    margin: 0;
    padding: .5em 0;
    float: none;
    border-width: 1px 0 0;
    border-style: solid;
    border-color: #895189;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.faq-term-segment .cpo-faq-title:first-of-type {
    border-width: 0
}

.cpo-faq-title.ui-state-active {
    background: #895189;
    background: linear-gradient(90deg, rgba(137, 81, 137, 0.4) 0%, rgba(137, 81, 137, 0) 98%)
}

.cpo-faq-title:hover {
    background: #895189;
    background: linear-gradient(90deg, rgba(137, 81, 137, 0.4) 0%, rgba(137, 81, 137, 0) 98%)
}

.cpo-faq-title>.gridunit-5,
.cpo-faq-title>.gridunit-95 {
    display: inline-block;
    box-sizing: border-box;
    float: none;
    margin: 0;
    padding: 0
}

.cpo-faq-title>.gridunit-5 {
    text-align: center
}

.cpo-faq-title>.gridunit-5 i.fa {
    transform: rotate(45deg);
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.cpo-faq-title.ui-state-active>.gridunit-5 i.fa {
    transform: rotate(0deg)
}

.cpo-faq-title,
.cpo-faq-title:hover,
.cpo-faq-title:focus,
.cpo-faq-title:active {
    outline: none
}

.cpo-faq-answer {
    display: block;
    width: 100%;
    margin: 0;
    padding: 1.5em 1.75em 1.5em 5%
}

.cpo-faq-answer .cpo-faq-share-link {
    padding-bottom: 1.5em
}

#cpo_feed {
    padding: 0 5%
}

#cpo_feed .cpo-feed-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 4rem
}

#cpo_feed .cpo-feed-container article {
    display: block;
    float: none;
    margin: 0;
    padding: 0;
    border-width: 2px;
    border-style: solid;
    border-radius: 8px;
    overflow: hidden
}

#cpo_feed .feed-header {
    padding: 0;
    margin: 0 0 1rem
}

#cpo_feed .feed-category-bar {
    display: block;
    font-family: 'OpenSans-Bold', Calibri, Arial, Helvetica, Verdana, sans-serif;
    font-size: .8rem;
    color: #FFF;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .2em;
    padding: .5rem 1rem;
    margin: 0
}

#cpo_feed .feed-title {
    display: flex;
    align-items: center;
    min-height: 136px;
    padding: 1.25rem;
    margin: 0
}

#cpo_feed .feed-title a {
    text-decoration: none
}

#cpo_feed .feed-title a h4 {
    display: block;
    font-family: 'OpenSans-Bold', Calibri, Arial, Helvetica, Verdana, sans-serif;
    font-size: 1.1rem;
    color: #111;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: .2em;
    margin: 0 auto;
    padding: 0
}

#cpo_feed .feed-excerpt {
    padding: 0 1.25rem
}

#cpo_feed .feed-excerpt p {
    color: #333;
    font-family: 'OpenSans-Light', Calibri, Arial, Helvetica, Verdana, sans-serif
}

#cpo_feed .feed-excerpt a.feed-more-link {
    font-weight: 700;
    display: inline-block;
    color: #000;
    text-decoration: none
}

#content .wp-block-pb-accordion-item {
    display: block;
    width: 100%;
    margin: -1px auto 0;
    padding: 0;
    border-width: 1px 0;
    border-style: solid;
    border-color: rgba(0, 153, 209, 1)
}

#content .wp-block-pb-accordion-item>h2.c-accordion__title,
#content .wp-block-pb-accordion-item>h3.c-accordion__title,
#content .wp-block-pb-accordion-item>h2.c-accordion__title:focus,
#content .wp-block-pb-accordion-item>h3.c-accordion__title:focus,
#content .wp-block-pb-accordion-item>h2.c-accordion__title:active,
#content .wp-block-pb-accordion-item>h3.c-accordion__title:active {
    font-family: 'OpenSans-Regular', Calibri, Arial, Helvetica, Verdana, sans-serif;
    font-size: 15px;
    margin: 0;
    padding: .6rem 3rem;
    color: #000;
    outline: none;
    -webkit-transform: background 1s ease-out, color 1s ease-out;
    -moz-transform: background 1s ease-out, color 1s ease-out;
    -o-transform: background 1s ease-out, color 1s ease-out;
    transform: background 1s ease-out, color 1s ease-out
}

#content .wp-block-pb-accordion-item>h2.c-accordion__title:after,
#content .wp-block-pb-accordion-item>h3.c-accordion__title:after {
    left: 1.5rem;
    color: #000;
    margin-right: 2rem;
    font-weight: bolder
}

#content .wp-block-pb-accordion-item.is-open>h2.c-accordion__title,
#content .wp-block-pb-accordion-item.is-open>h3.c-accordion__title {
    background: #0099d1;
    background: linear-gradient(90deg, rgba(0, 153, 209, 0.4) 10%, rgba(0, 153, 209, 0) 98%);
    outline: none
}

#content .wp-block-pb-accordion-item .c-accordion__content {
    font-family: 'OpenSans-Regular', Calibri, Arial, Helvetica, Verdana, sans-serif;
    font-size: 1rem;
    padding: 1rem 1.5rem
}

#content .wp-block-pb-accordion-item .c-accordion__content p {
    font-size: 1rem
}

#content .wp-block-pb-accordion-item .c-accordion__content .wp-block-table>table {
    margin: 0 auto;
    padding: 1rem;
    font-size: 1rem;
    font-weight: 400
}

#content .wp-block-cgroup-layout-blocks-cglp-callout-box>.wp-block-columns {
    margin-bottom: 0
}

#content a.wp-block-button__link {
    margin: 0;
    padding: .5rem .75rem;
    font-family: 'OpenSans-Bold', Calibri, Arial, Helvetica, Verdana, sans-serif;
    font-size: .8rem;
    color: #FFF;
    text-transform: uppercase;
    letter-spacing: .1em;
    background: #76B449;
    border-radius: 4px
}

#content a.wp-block-button__link:hover {
    background: #0099D1;
    color: #FFF;
    text-decoration: none
}

#content .wp-block-cgroup-layout-blocks-cglp-callout-box :last-child,
#content .wp-block-cgroup-layout-blocks-cglp-callout-box .wp-block-column :last-child {
    margin-bottom: 0
}

#content h1.certificate-block,
#content h2.certificate-block,
#content h3.certificate-block,
#content h4.certificate-block,
#content h5.certificate-block,
#content h6.certificate-block {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    background-color: #B2E4F3;
    box-shadow: #88DAF2 0 0 0 4px;
    overflow: hidden;
    border-radius: 6px;
    text-align: center;
    padding: 2.5rem 1rem;
    -webkit-transition: background .5s ease-out;
    -moz-transition: background .5s ease-out;
    -o-transition: background .5s ease-out;
    transition: background .5s ease-out
}

#content h1.certificate-block a,
#content h2.certificate-block a,
#content h3.certificate-block a,
#content h4.certificate-block a,
#content h5.certificate-block a,
#content h6.certificate-block a {
    color: #000;
    -webkit-transition: color .5s ease-out;
    -moz-transition: color .5s ease-out;
    -o-transition: color .5s ease-out;
    transition: color .5s ease-out
}

#content .wp-block-columns.certificate-columns {
    margin-bottom: 12px
}

#content h1.certificate-block:hover,
#content h2.certificate-block:hover,
#content h3.certificate-block:hover,
#content h4.certificate-block:hover,
#content h5.certificate-block:hover,
#content h6.certificate-block:hover {
    color: #FFF;
    background-color: #1EA1D4
}

#content h1.certificate-block:hover a,
#content h2.certificate-block:hover a,
#content h3.certificate-block:hover a,
#content h4.certificate-block:hover a,
#content h5.certificate-block:hover a,
#content h6.certificate-block:hover a,
#content h1.certificate-block a:hover,
#content h2.certificate-block a:hover,
#content h3.certificate-block a:hover,
#content h4.certificate-block a:hover,
#content h5.certificate-block a:hover,
#content h6.certificate-block a:hover {
    color: #FFF;
    text-decoration: none
}

@media (min-width:1025px) {
    #mobile_launch,
    #mobile_close,
    .nav-more,
    .go-back {
        display: none
    }
    #header-menu {
        list-style-type: none
    }
    #header-menu li {
        display: inline-block;
        position: relative
    }
    #header-menu li>.sub-menu {
        display: none;
        position: absolute;
        margin: 0
    }
    #header-menu li:hover>.sub-menu {
        display: block;
        position: absolute;
        top: 1em;
        left: 0;
        margin: 0
    }
    #site-navigation {
        display: flex;
        align-items: center;
        justify-items: flex-end;
        justify-content: flex-end;
        position: relative;
        z-index: 15;
        padding: 0 5%;
        background: #5ac1e7;
        background: linear-gradient(90deg, rgba(90, 193, 231, 1)20%, rgba(0, 127, 173, 1)60%)
    }
    #site-navigation>.menu-container {
        display: flex;
        align-items: center;
        justify-items: flex-end;
        justify-content: flex-end
    }
    #site-navigation>.menu-container>.menu {
        display: flex;
        align-items: center;
        justify-items: flex-end;
        justify-content: flex-end
    }
    #site-navigation>.menu-container>.menu>ul.menu {
        display: flex;
        align-items: center;
        justify-items: flex-end;
        justify-content: flex-end;
        margin: 0;
        padding: 0
    }
    #site-navigation>.menu-container>.menu>ul.menu>.seperator {
        color: #FFF;
        margin: 0;
        padding: 0;
        letter-spacing: 0
    }
    #site-navigation>.menu-container>.menu>ul.menu>li {
        justify-content: center;
        margin: 0 -3px;
        padding: .5rem 1.8rem;
        -webkit-transition: all .25s ease-out;
        -moz-transition: all .25s ease-out;
        -o-transition: all .25s ease-out;
        transition: all .25s ease-out
    }
    #site-navigation>.menu-container>.menu>ul.menu>li>a {
        font-family: 'OpenSans-Bold', Calibri, Arial, Helvetica, Verdana, sans-serif;
        font-size: .8rem;
        letter-spacing: 2px;
        color: #FFF;
        text-transform: uppercase;
        text-decoration: none
    }
    #site-navigation>.menu-container>.menu>ul.menu>li>.sub-menu {
        display: block;
        opacity: 0;
        min-width: 450px;
        max-height: 0;
        overflow: scroll;
        top: 2.1rem;
        border: none;
        padding: 0;
        color: #FFF;
        background: #54565A;
        -webkit-transition: max-height .55s ease-out, opacity .25s ease-out;
        -moz-transition: max-height .55s ease-out, opacity .25s ease-out;
        -o-transition: max-height .55s ease-out, opacity .25s ease-out;
        transition: max-height .55s ease-out, opacity .25s ease-out
    }
    #site-navigation>.menu-container>.menu>ul.menu>li:hover,
    #site-navigation>.menu-container>.menu>ul.menu>li.current-section {
        color: #FFF;
        background: #54565A
    }
    #site-navigation>.menu-container>.menu>ul.menu>li:hover>.sub-menu {
        display: block;
        opacity: 1;
        max-height: 665px;
        overflow: scroll;
        font-size: .9em;
        padding: 1.6em 0
    }
    #site-navigation>.menu-container>.menu>ul.menu>li>.sub-menu>li {
        display: block;
        padding: 0
    }
    #site-navigation>.menu-container>.menu>ul.menu>li>.sub-menu>li>a {
        display: block;
        width: 100%;
        padding: 0 1.75rem .4rem;
        color: #FFF;
        text-transform: uppercase;
        text-decoration: none;
        font-size: .8em;
        letter-spacing: 2px
    }
    #site-navigation>.menu-container>.menu>ul.menu>li>.sub-menu>li>a:before {
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        min-height: 1px;
        margin: .4rem 0;
        padding: 0;
        background: #FFF;
        background: rgba(255, 255, 255, 0.3)
    }
    #site-navigation>.menu-container>.menu>ul.menu>li>.sub-menu>li>a:hover {
        background: #383838
    }
    #site-navigation>.menu-container>.menu>ul.menu>li>.sub-menu>li>.sub-menu,
    #site-navigation>.menu-container>.menu>ul.menu>li>.sub-menu>li:hover>.sub-menu {
        display: block;
        position: relative;
        width: 100%;
        top: 0;
        left: 0;
        padding: 0;
        margin: 0
    }
    #site-navigation>.menu-container>.menu>ul.menu>li>.sub-menu>li>.sub-menu>li {
        display: block;
        width: 100%;
        padding: 0
    }
    #site-navigation>.menu-container>.menu>ul.menu>li>.sub-menu>li>.sub-menu>li>a {
        display: block;
        width: 100%;
        text-transform: none;
        text-decoration: none;
        border: none;
        padding: .4rem 1.75rem;
        color: #FFF;
        font-family: 'OpenSans-Regular', Calibri, Arial, Helvetica, Verdana, sans-serif;
        font-size: .8em
    }
    #site-navigation>.menu-container>.menu>ul.menu>li>.sub-menu>li>.sub-menu>li>a:first-of-type {
        margin-top: -.4rem
    }
    #site-navigation>.menu-container>.menu>ul.menu>li>.sub-menu>li>.sub-menu>li>a:hover {
        background: #383838
    }
    #site-navigation .cpo-wpml-switcher {
        font-family: 'OpenSans-Bold', Calibri, Arial, Helvetica, Verdana, sans-serif;
        font-size: .85em;
        letter-spacing: 2px;
        color: #FFF;
        text-transform: uppercase;
        text-decoration: none;
        margin-left: 1.8rem;
        float: none
    }
}

@media (max-width:1024px) {
    #mobile_launch,
    #mobile_close,
    .nav-more,
    #go_back {
        display: block;
        float: none;
        color: #FFF;
        font-size: 1.5em
    }
    #mobile_close,
    ul#header-menu>li>a#mobile_close {
        width: 100%;
        float: none;
        cursor: pointer;
        text-align: right
    }
    #site-navigation {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        background: #5ac1e7;
        background: linear-gradient(90deg, rgba(90, 193, 231, 1)20%, rgba(0, 127, 173, 1)60%);
        padding: .25rem 5%
    }
    #site-navigation>.menu-container {
        display: flex;
        align-items: center;
        width: 100%
    }
    #site-navigation>.menu-container>.menu {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        width: 100%
    }
    #site-navigation>.menu-container>.menu>#mobile_launch {
        display: flex;
        flex: 1 0 0;
        align-self: flex-start;
        float: left
    }
    ul#header-menu {
        display: block;
        position: fixed;
        top: 0;
        right: -100vw;
        bottom: 0;
        width: 100vw;
        min-width: 100vw;
        max-width: 100vw;
        height: 100%;
        min-height: 100%;
        max-height: 100%;
        opacity: 0;
        margin: 0;
        padding: 2rem 5vw;
        background: #54565A;
        background: rgba(84, 86, 90, 1);
        list-style-type: none;
        -webkit-transition: right .55s ease-out, opacity .25s ease-out;
        -moz-transition: right .55s ease-out, opacity .25s ease-out;
        -o-transition: right .55s ease-out, opacity .25s ease-out;
        transition: right .55s ease-out, opacity .25s ease-out
    }
    ul#header-menu.active {
        display: block;
        right: 0;
        opacity: 1
    }
    ul#header-menu>li {
        display: block;
        position: relative;
        width: 100%;
        margin: 0;
        padding: .8rem 0
    }
    ul#header-menu>li>a {
        display: inline-block;
        width: 90%;
        margin: 0;
        padding: 0;
        font-family: 'OpenSans-Regular', sans-serif;
        color: #FFF;
        text-transform: uppercase;
        text-decoration: none;
        text-align: left
    }
    ul#header-menu>li>a.activate-submenu {
        display: inline-block;
        width: 10%;
        float: right;
        font-size: 1.5rem;
        text-align: right;
        margin: 0;
        padding: 0
    }
    #header-menu>li>.sub-menu {
        display: block;
        position: fixed;
        z-index: 600;
        top: 0;
        right: -85vw;
        bottom: 0;
        min-width: 85vw;
        max-width: 85vw;
        height: 100%;
        min-height: 100%;
        max-height: 100%;
        opacity: 0;
        margin: 0;
        padding: 2rem 5vw;
        background: #54565A;
        background: rgba(99, 101, 105, 1);
        list-style-type: none;
        box-shadow: rgba(0, 0, 0, 0.4) -8px 0 12px;
        -webkit-transition: right .55s ease-out, opacity .25s ease-out;
        -moz-transition: right .55s ease-out, opacity .25s ease-out;
        -o-transition: right .55s ease-out, opacity .25s ease-out;
        transition: right .55s ease-out, opacity .25s ease-out;
        overflow: scroll
    }
    #header-menu>li>.sub-menu>li>.sub-menu {
        display: block;
        width: 100%;
        margin: 0 0 -.5rem;
        padding: 1rem 1rem 0
    }
    #header-menu>li>.sub-menu.activated {
        top: 0;
        right: 0;
        opacity: 1
    }
    #header-menu>li>.sub-menu>li,
    #header-menu>li>.sub-menu>li>.sub-menu>li {
        display: block;
        position: relative;
        width: 100%;
        margin: 0;
        padding: .8rem 0
    }
    #header-menu>li>.sub-menu>li.go-back {
        font-size: 1.5rem;
        color: #FFF
    }
    #header-menu>li>.sub-menu>li>a,
    #header-menu>li>.sub-menu>li>.sub-menu>li>a {
        display: inline-block;
        width: 100%;
        margin: 0;
        padding: 0;
        font-family: 'OpenSans-Regular', sans-serif;
        color: #FFF;
        text-transform: uppercase;
        text-decoration: none;
        text-align: left
    }
    #header-menu>li>.sub-menu>li>.sub-menu>li>a {
        text-transform: none
    }
    #site-navigation .cpo-wpml-switcher {
        font-family: 'OpenSans-Bold', Calibri, Arial, Helvetica, Verdana, sans-serif;
        font-size: 1.15em;
        letter-spacing: 2px;
        color: #FFF;
        text-transform: uppercase;
        text-decoration: none;
        margin-left: 1.8rem;
        float: right
    }
}

@media (max-width:1366px) {
    .flexslider>.slides img {
        width: 105%;
        min-width: 105%;
        max-width: 105%
    }
    body.blog .hentry {
        margin-bottom: 3.5em
    }
    #content article.lp-article header.entry-header {
        min-height: 592px
    }
}

@media (max-width:1112px) {
    #cpo_slider #cslides_container,
    #cpo_slider #cslides_container #cslides {
        height: auto;
        min-height: 0;
        max-height: 510px
    }
    #featured_quicklink {
        width: 75%
    }
}

@media (max-width:1024px) {
    #search_launch {
        float: right;
        font-size: 1.4em
    }
    #network_nav #network-menu li {
        font-size: .8rem
    }
    .logo-branding {
        width: 35%;
        min-width: 35%;
        max-width: 35%
    }
    #site_tagline.site-description {
        font-size: .85rem;
        width: 65%;
        min-width: 65%;
        max-width: 65%;
        padding-left: 2rem
    }
    #search_block {
        width: 100%;
        bottom: 2.26rem
    }
    #search_block.collapsed {
        width: 100%
    }
    .slider-content.left-aligned,
    .slider-content.right-aligned {
        padding-top: 1rem;
        padding-bottom: .5rem
    }
    #featured_quicklink {
        width: 100%;
        bottom: 55px;
        left: 0;
        padding: .75rem 5%;
        background: #0099D1
    }
    #featured_quicklink .fql-icon,
    #featured_quicklink a .fql-icon {
        background: #FFF
    }
    #featured_quicklink .fql-icon a,
    #featured_quicklink a .fql-icon a {
        color: #0099D1
    }
    #featured_quicklink .fql-container .fql-function {
        border-radius: 6px
    }
    body.blog article.gridunit-30.entry-article-list,
    body.archive article.gridunit-30.entry-article-list {
        width: 47.5%;
        margin-bottom: 3.25em
    }
    .cpo-rsc-accordion {
        width: 75%
    }
    #content article.search-result-item .cpo-result-banner {
        width: 20%
    }
    #content article.search-result-item .cpo-result-content {
        width: 80%
    }
    #content .cpo-faq-navigation ul.faq-nav-parents li a,
    #content .cpo-faq-navigation ul.faq-nav-children li a,
    #content .cpo-faq-navigation ul.faq-nav-subs li a {
        font-size: .85rem
    }
}

@media (max-width:834px) {
    #cpo_slider #cslides_container,
    #cpo_slider #cslides_container #cslides {
        max-height: 430px
    }
    #cpo_feed .cpo-feed-container {
        display: block
    }
    #cpo_feed .cpo-feed-container article.gridunit-30 {
        width: 100%;
        margin-bottom: 2rem
    }
    #content article.lp-article .entry-title.lp-title {
        font-size: 3.25rem
    }
    .lp-section-tag {
        width: 100%;
        text-align: left;
        margin: .25rem auto 1rem
    }
}

@media (max-width:960px) {
    #network_nav #network-menu li a {
        font-size: .7rem;
        margin: 0 .75rem
    }
    #search_block {
        bottom: 2.15rem
    }
    #cpo_slider #cslides_container,
    #cpo_slider #cslides_container #cslides {
        max-height: 420px
    }
    #content article.lp-article header.entry-header .lp-header-item-link {
        font-size: 1.15rem
    }
    .lp-header-excerpt {
        font-size: .9rem
    }
    .cpo-resource-title {
        width: 100%;
        border: 0 solid transparent;
        min-height: 0
    }
    #content .error-404 h1.page-title,
    #content .no-results.not-found h1.page-title {
        margin-top: .5rem
    }
    .cpo-rsc-accordion {
        width: 100%
    }
    .cpo-faqs .cpo-faq-title,
    #cpo_faqs .cpo-faq-title {
        font-size: .9rem
    }
    .cpo-faq-title>.gridunit-5 {
        width: 10%
    }
    .cpo-faq-title>.gridunit-95 {
        width: 90%
    }
}
@media (max-width:1140px){
    #content .cpo-faq-navigation {
        position: relative;
        top: 0
    }
}
@media (max-width:768px) {
    .gridunit-95,
    .gridunit-90,
    .gridunit-85,
    .gridunit-80,
    .gridunit-75,
    .gridunit-20 {
        width: 100%
    }
    .footer-widget-container .gridunit-25 {
        width: 50%
    }
    #cpo_slider #cslides_container,
    #cpo_slider #cslides_container #cslides {
        max-height: 385px
    }
    #cpo_feed .cpo-feed-container {
        display: block
    }
    #cpo_feed .cpo-feed-container article.gridunit-30 {
        width: 100%;
        margin-bottom: 2rem
    }
    .cpo-rsc-accordion {
        width: 100%
    }
}

@media (max-width:736px) {
    #content .error-404 h1.page-title .large-404 {
        font-size: 400%
    }
    body.blog article.gridunit-30.entry-article-list,
    body.archive article.gridunit-30.entry-article-list {
        width: 100%
    }
    article.entry-article-list .entry-header {
        min-height: 75px
    }
    #content article.entry-article-list>.entry-header>h4.entry-title {
        margin: 1rem auto .5rem
    }
    article.entry-article-list .entry-header .entry-meta {
        margin: .5rem auto 1rem
    }
    #content article header.single-entry-header h1.entry-title {
        font-size: 2rem
    }
    .cpo-related-items-icon {
        width: 45px;
        min-width: 45px;
        max-width: 45px;
        height: 45px;
        min-height: 45px;
        max-height: 45px
    }
    .cpo-related-items-icon i.fa,
    .cpo-related-items-icon em.fa {
        font-size: 22px
    }
    .cpo-faqs .cpo-related-items-heading,
    .cpo-resources .cpo-related-items-heading {
        font-size: 1.2rem
    }
    #cpo_quicklinks .cpoql-item a h4.cpoql-title {
        font-size: .9rem
    }
}

@media(max-width:667px) {
    .wrapper {
        overflow: hidden
    }
    #search_block>.search-form>label>.ep-autosuggest-container {
        width: 84%
    }
    #cpo_slider #cslides_container,
    #cpo_slider #cslides_container #cslides {
        max-height: 352px
    }
    #cpo_faqs,
    #cpo_resources,
    .cpo-faqs,
    .cpo-resources {
        padding: 0 2.5%
    }
}

@media (max-width:600px) {
    .gridunit-70,
    .gridunit-66,
    .gridunit-65,
    .gridunit-60,
    .gridunit-55,
    .gridunit-50,
    .gridunit-45,
    .gridunit-40,
    .gridunit-35,
    .gridunit-33,
    .gridunit-30,
    .gridunit-25 {
        width: 100%
    }
}
@media (max-width:707px) {
    #site_tagline.site-description {
        display: none;
    }
}
@media (max-width:568px) {
    .gridunit-15,
    .gridunit-10 {
        width: 100%
    }
    .gridunit-5 {
        width: 50%
    }
    #search_block>.search-form>label>input[type="search"].search-field {
        width: 75%;
        font-size: 1.6rem;
        line-height: 1.7rem
    }
    #search_block>.search-form>input[type="submit"].search-submit {
        font-size: .8rem;
        padding: .5em;
        margin: .22em 0 0
    }
    #cpo_slider #cslides_container,
    #cpo_slider #cslides_container #cslides {
        max-height: 343px
    }
    #featured_quicklink .fql-icon,
    #featured_quicklink a .fql-icon {
        width: 54px;
        min-width: 54px;
        max-width: 54px;
        height: 54px;
        min-height: 54px;
        max-height: 54px
    }
    #featured_quicklink .fql-icon a {
        font-size: 34px
    }
    #featured_quicklink .fql-container {
        width: calc(100% - 76px);
        align-items: flex-start;
        flex-direction: column
    }
    #featured_quicklink .fql-container .fql-label,
    #featured_quicklink .fql-container .fql-function {
        width: 100%
    }
    #featured_quicklink .fql-container .fql-label {
        justify-content: flex-start;
        min-height: 0;
        padding: .5rem 1rem
    }
    .footer-widget-container .gridunit-25 {
        width: 100%;
        margin-bottom: 1.5rem
    }
    footer#colophon .footer-column .widget p {
        width: 100%
    }
    footer#colophon .footer-column .widget span.footer-content {
        width: 100%
    }
    #content h1 {
        font-size: 2.2rem
    }
    #content h2 {
        font-size: 1.9rem
    }
    #content h3 {
        font-size: 1.7rem
    }
    #content h4 {
        font-size: 1.6rem
    }
    #content h5 {
        font-size: 1.2rem
    }
    #content h6 {
        font-size: .95rem
    }
    #content p {
        font-size: .85rem;
        line-height: 1.7em
    }
    #content ul,
    #content ol {
        font-size: .8rem;
        line-height: 1.6em
    }
    .lp-section-tag {
        margin-top: 1.5rem
    }
    .cpo-rss-link-icon {
        display: none
    }
    #cpo_quicklinks .cpoql-item {
        margin: 1.8rem auto
    }
    #cpo_quicklinks .cpoql-item:first-of-type {
        margin-top: 2.8rem
    }
    #cpo_quicklinks .cpoql-item:last-of-type {
        margin-bottom: 2.8rem
    }
}

@media (max-width:480px) {
    .gridunit-5 {
        width: 100%
    }
    .site-description {
        font-size: .7rem
    }
    #search_block {
        padding: .5rem 2% 0
    }
    #search_block.collapsed {
        padding: .5rem 2% 0
    }
    #cpo_slider #cslides_container,
    #cpo_slider #cslides_container #cslides {
        max-height: 297px
    }
}

@media (max-width:414px) {
    #cpo_slider #cslides_container,
    #cpo_slider #cslides_container #cslides {
        max-height: 273px
    }
    #featured_quicklink .fql-icon,
    #featured_quicklink a .fql-icon {
        display: none
    }
    #featured_quicklink .fql-container {
        width: 100%
    }
    #cpo_quicklinks .cpoql-item {
        margin: 1rem auto
    }
    .cpoql-quicklink-icon {
        width: 56px;
        min-width: 56px;
        max-width: 56px;
        height: 56px;
        min-height: 56px;
        max-height: 56px
    }
    .cpoql-quicklink-icon i.fa {
        font-size: 28px
    }
}

@media (max-width:375px) {
    #search_block .search-form {
        height: 92px
    }
    #search_block>.search-form>label>.ep-autosuggest-container {
        width: 80%
    }
    #search_block>.search-form>label>input[type="search"].search-field,
    #search_block>.search-form>label>.ep-autosuggest-container>input[type="search"].search-field {
        font-size: 1.8rem
    }
    #content article.search-result-item .cpo-result-banner {
        width: 100%
    }
    #content article.search-result-item .cpo-result-content {
        width: 100%
    }
    .cpo-faqs .cpo-faq-title,
    #cpo_faqs .cpo-faq-title {
        padding: .75rem 1rem
    }
    .cpo-faq-answer {
        padding: .5rem 1rem 1rem
    }
    #featured_quicklink .fql-container .fql-label {
        font-size: 1rem
    }
    #cpo_slider #cslides_container,
    #cpo_slider #cslides_container #cslides {
        max-height: 250px
    }
}

@media (max-width:327px) {
    #cpo_slider #cslides_container,
    #cpo_slider #cslides_container #cslides {
        max-height: 280px
    }
}

@media (max-width:320px) {
    #search_block .search-form {
        height: 75px;
        padding: 1.25rem 1rem 0
    }
    #search_block>.search-form>label>input[type="search"].search-field {
        width: 75%;
        font-size: 1.4rem;
        line-height: 1.5rem;
        margin-bottom: .5rem
    }
    #search_block>.search-form>input[type="submit"].search-submit {
        font-size: .75rem
    }
    #cpo_slider #cslides_container,
    #cpo_slider #cslides_container #cslides {
        max-height: 221px
    }
    #featured_quicklink .fql-container .fql-label {
        font-size: .8rem
    }
}

@media and (min-width:768px) and (max-width:960px) {
    .cpo-faq-navigation {
        position: relative !important;
    }
}

#content article.lp-article header.entry-header {
    min-height: 600px;
}
body.userguide-template-default h1 {
color:#0099D1!important;
text-align:left!important;
}
body.userguide-template-default div.cpo-category-name {
display:none!important;
}
body.page-template-template-become-member-page article.gridrow {
	padding-top:50px;
}
@media (max-width:707px){
	html[lang="en-US"] img#site_logo {
		width:250px!important;
	}
}
@media (max-width:342px){
	html[lang="fr-FR"] img#site_logo {
		width:300px!important;
	}
}
@media (min-width:1025px) and (max-width:1112px) {
	    #featured_quicklink {
			width:50%!important; 
		}
}
@media (min-width:708px) and (max-width:1024px) {
	html[lang="fr-FR"] div.logo-branding {
		    min-width: 54%;
	}
	html[lang="fr-FR"] div.site-description {
		min-width:40%!important;
	}
}
@media (min-width:1025px) and (max-width:1170px) {
	html[lang="fr-FR"] div.logo-branding {
		    min-width: 54%;
	}
	html[lang="fr-FR"] div.site-description {
		min-width:40%!important;
	}
}
#backToTop {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 48px;
  height: 48px;
  background: #4397cc;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3);
  opacity: 0;
  pointer-events: none;
  transition: transform 0.2s ease, opacity 0.3s ease;
  z-index: 999;
}

#backToTop:hover {
  transform: scale(1.1);
}

/* Mobile size */
@media (max-width: 600px) {
  #backToTop {
    width: 32px;
    height: 32px;
  }
  #backToTop svg {
    width: 26px;
    height: 26px;
  }
}
.wp-block-cgroup-layout-blocks-cglp-callout-box{
	display:block;
	width:100%;
    color:#000;
    margin:1rem auto;
    padding:1.35rem;
    border-width:1px 0;
    border-style:solid;
}
.is-style-cglb-callout-blue{
	background:rgba(164,219,232,0.25);
	border-color:#A4DBE8;
}
.is-style-cglb-callout-green{
	background:rgba(212,235,142,0.25);
	border-color:#D4EB8E;
}
.is-style-cglb-callout-orange{
	background:rgba(253,208,134,0.25);
	border-color:#FDD086;
}
.is-style-cglb-callout-purple{
	background:rgba(223,200,231,0.25);
	border-color:#DFC8E7;
}