/*
Theme Name: Credible Group Theme
Description: Custom designed theme specially for Credible Group
Version: 0.9
Author: Rob Williams, DevUp Inc, on behalf of DTS IT Services <hello@devup.ca>
Tags: custom template
*/

/* Default Styles */

:root {
    --container-width: 1200px;
}


html, body {
    width:                  100%;
    height:                 100%;
    font-family:            'Open Sans', 'Arial', sans-serif;
    line-height:            1.4em;
    background:             white;
}

p { padding: 0 0 1em 0; font-size: 0.8em; text-transform: uppercase; color: #444; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.textleft { text-align: left; }
.textcenter { text-align: center; }
.textright { text-align: right; }
.clear { clear: both; }
.floatleft { float: left; }
.floatright { float: right; }

img.centered {
	display: block;
	margin: 0 auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 1em 1em;
	display: inline;
}

img.alignleft {
	display: inline;
}

img.aligncenter {
    display: block;
}

.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { margin: 0 auto; }


/* Basic styles */

a { display: inline-block; text-decoration: none; color: black; font-weight: normal; text-transform: uppercase; transition: 0.5s all; position: relative; }
p a:after, main ul a:after { content: ''; position: absolute; top: 100%; left: 0; width: 100%; height: 0; background-color: black; border-top: 1px black solid; transition: 0.25s all; }
a:hover { color: #444; }
p a:hover:after, main ul a:hover:after { height: 3px; }
.no_underline a:after, a.no_underline:after { display: none; }

h1 {}
h1, h2, h3, h4 { font-family: 'Maven Pro', 'Open Sans', sans-serif;  line-height: 2em; margin-bottom: 1rem; text-transform: uppercase; }
h2 { font-size: 1.2rem; }
h3 { font-size: 1rem; }
h4 { font-size: 0.8rem; }

main > *:not(.fullwidth), .constrained { width: 95%; max-width: var(--container-width) !important; margin: 0 auto; }

.padtop { margin-top: 3rem !important; }
.padtopbig { margin-top: 8rem !important; }
.padtopsmall { margin-top: 1.5rem !important; }
.padbottom { margin-bottom: 3rem !important; }
.padbottombig { margin-bottom: 8rem !important; }
.padbottomsmall { margin-bottom: 1.5rem !important; }
.nopadding { margin-bottom: 0 !important; }
.padleft { margin-left: 2rem; }
.relative { position: relative; }

.narrow { width: 60% !important; margin-left: auto !important; margin-right: auto !important; }
.sticky { position: sticky; top: 5rem; }

header { backgrond: white; border-bottom: 1px black solid; margin-bottom: 1rem; }
header .header_bar { list-style: none outside; width: 95%; max-width: var(--container-width); margin: 2rem auto 0; position: relative; }
header .header_bar li:first-child svg { width: 150px; margin: 0 auto 1rem; }
header .header_bar li:first-child p { text-align: center; }
header .header_bar ul { list-style: none outside; }
header .header_bar ul li { display: inline-block; margin: 0 0.5rem; }
header a { color: black; font-weight: bold; text-transform: uppercase; font-size: 0.8em; }
header a:hover { color: black; }

#menu-navigation-menu { text-align: center; }
#menu-navigation-menu li { position: relative; }
#menu-navigation-menu li a { display: block; padding: 0 0.5rem 1rem; }
#menu-navigation-menu li:after { content: ''; height: 5px; width: 100%; position: absolute; bottom: 0; left: 0; background: black; transform: scaleX(0); transition: 0.5s all; }
#menu-navigation-menu li:hover:after, #menu-navigation-menu li.current_page_item:after { transform: scaleX(1); }
#menu-navigation-menu li.current_page_item:after { background: #444; }

footer hr { margin: 2rem 0; }
footer ul { list-style: none outside; }
footer ul a { font-size: 0.8rem; }
.footer_bar { padding: 2rem 0; }
.footer_bar p { padding-bottom: 0; }
.footer_bar svg { width: 100px; }

.wp-block-cover h2, .wp-block-cover h3, .wp-block-cover p { color: white !important; font-family: 'Roboto Condensed', sans-serif; text-shadow: rgba(0,0,0,0.4) 0 0 5px; }
.wp-block-cover h2 { font-weight: 700; font-size: 3em !important; }
.wp-block-cover h3 { font-weight: 700; font-size: 1.5em !important; }
.wp-block-cover p { font-weight: 700; font-size: 1.5em !important; }
.wp-block-cover a { display: inline-block; padding: 0.75rem 2rem; font-size: 1rem; color: white !important; font-family: 'Open Sans', sans-serif; font-weight: bold; transition: 0.5s all; text-shadow: none; }
.wp-block-cover p:not(.no_bg) a { background: black; }
.wp-block-cover a:after { display: none !important; }
.wp-block-cover p:not(.no_bg) a:hover { background: #444; }
.wp-block-cover .whitebg_quote { max-width: 500px; color: black !important; text-shadow: none; font-weight: normal; background: white; padding: 3rem; color: black; font-size: 0.8rem !important; font-family: 'Open Sans', sans-serif; }

/*.link_right_arrow a { position: relative; padding-right: 2rem; }*/
/*.link_right_arrow a:after { content: '\f061'; font-family: var(--fa-font-regular); }*/

.fancybox-skin { width: fit-content !important; margin: 0 auto !important; }
.fancybox-outer { width: 1200px; height: auto !important; }
.fancybox-inner { height: auto !important; width: 100% !important; margin: 0 auto !important; }

@media screen and (max-width: 1000px) {
    .header_bar .wp-block-columns { flex-wrap: wrap !important; gap: 0; }
    .header_bar .wp-block-columns > .wp-block-column:nth-child(2) { flex-basis: 100% !important; order: 1; margin-bottom: 1rem; }
    .header_bar .wp-block-columns > .wp-block-column:first-child { flex-basis: 50% !important; order: 2; }
    .header_bar .wp-block-columns > .wp-block-column:last-child { flex-basis: 50% !important; order: 3; margin-bottom: 2rem; }
    .fancybox-outer { width: 800px !important; }
}

@media screen and (max-width: 781px) {
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column > h2,
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column > h3,
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column > h4,
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column > p {
        padding-left: 2rem; padding-right: 2rem; text-align: center;
    }
    .whitebg_quote { margin-top: 25vh !important; }
    .padtop, .padtopbig { margin-top: 1rem !important; }
    .padbottom, .padbottombig { margin-bottom: 1rem !important; }
    main figure, main figure a, main img { width: 100% !important; height: auto !important; }
    main .wp-block-cover, main .wp-block-cover-image { min-height: 40vh !important; }
    .parent-pageid-35 .wp-block-columns .wp-block-columns .wp-block-column:first-child { order: 2; }
    .parent-pageid-35 .wp-block-columns .wp-block-columns .wp-block-column:last-child { order: 1; }

    .footer_bar li:first-child .wp-block-columns.is-not-stacked-on-mobile { flex-wrap: wrap !important; }
    .footer_bar li:first-child .wp-block-columns .wp-block-column:first-child { flex-basis: 100%; justify-content: center; }
    .fancybox-outer { width: 500px !important; }
}

@media screen and (max-width: 550px) {
    .fancybox-outer { width: 450px !important; }
}

/*
@media (prefers-color-scheme: dark) {
    html, body { background: #222; }
    *, p, a, header a, footer a { color: white; }
    a:hover, header a:hover, footer a:hover { color: yellow;}
    p a:after { background-color: white; }
    svg path, svg polygon, svg rect { fill: white !important; }
}
*/