/*!
Theme Name: Partnership Style Guide
Author: Canadian Partnership Against Cancer
Author URI: https://www.partnershipagainstcancer.ca/
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: cpac_style_guide

cpac_style_guide is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments
# Custom Theme

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
 html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bold;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
	appearance: buton;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Colours
// ---------------------*/
.color-1-1 { background: #0067b1; } 
.color-1-2 { background: #faaa5f; } 
.color-1-3 { background: #f2f5f7; } 
.color-1-4 { background: #4a4a4a; }
.color-2-1 { background: #1e2428; }
.color-2-2 { background: #a1b1ba; }
.color-2-3 { background: #b55c03; }
.color-2-4 { background: #571600; }
.color-2-5 { background: #dbe8c4; }
.color-2-6 { background: #fbac5f; }
.color-2-7 { background: #064575; }
.color-2-8 { background: #edf8f9; }
.color-2-9 { background: #fecf33; }
.color-2-10 { background: #d81619; }
.color-2-11 { background: #9b5ba5; }
.color-2-12 { background: #8c4217; }
.color-2-13 { background: #effafb; }
.color-3-1 { background: #953ba8; }
.color-3-2 { background: #098567; }
.color-3-3 { background: #5a3e98; }
.color-3-4 { background: #c74500; }
.color-3-5 { background: #b11030; }
.color-4-1 { background: #004A80; }
.color-4-2 { background: #B55C03; }


.bg-light-blue{
	background-color: rgb(239, 250, 251);
	/* background-color: #effafb; */
}

/* Typography
// ---------------------*/
html, body { font-family: 'Montserrat', sans-serif; }

h1,h2,h3,h4,h5,h6{
    color: #4a4a4a;
    font-weight: bold;
    line-height: 1.5;
}
h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}
h4, h5, h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}
h1 {
	font-size: 2.625em;
}
h2 {
	font-size: 1.625em;
}
h3 {
	font-size: 1.571em;
	color: #0067B1;
}
h4 {
	font-size: 1.286em;
}
h5 {    
	font-size: 1.143em;
}
h6 {    
	font-size: 0.857em;
}

p {
    font-size: 1.1875em;
    font-weight: 300;
    line-height: 1.68;
    color: #555555;
    margin: 15px 0 20px 0 !important;
}
section ul{
	margin-left:20px;
}
section ul li{
	margin-bottom: 10px;
    font-size: 1.1875em;
    font-weight: 300;
}
/* Inline Elements
// ---------------------*/
a {    
	color: #004A80;
    text-decoration: underline;
}
a:hover {
    color: #B55C03!important;
    text-decoration: none !important;
}
a:focus,
a:active {
    color: #555555;
}
a:visited {
    color: #004A80;
}
/*
a:visited {}
a:hover {}
a:active {}

b {}*/

/* Inline Elements
// ---------------------*/
input {
    border-radius: 3px;
    border: 1px solid #333333;
    height: 40px;
    width: 100%;
    margin-bottom: 28px;
}
input[type=checkbox] {
    width: 1.2em;
    height: 1.2em !important;
    margin-right: 5px;
    vertical-align: middle;
}
input[type=checkbox] + label,
input[type=radio] + label {
    font-weight: normal;
    margin: 0;
    vertical-align: top;
    width: 80%;
}
input[type=checkbox] + label{
	margin-top: -1px;
}
select {
    font-size: 1em;
    border-radius: 3px;
    border: 1px solid #333333;
    height: 40px;
    width: 100%;
    margin-bottom: 28px;
}
textarea {
    font-size: 1.38em;
    border-radius: 3px;
    border: 1px solid #333333;
    margin-bottom: 28px;
    height: 120px;
    overflow: auto;
}
input[type="radio"] {
    width: 1.5em;
    height: 1.5em;
    margin: 0 5px 0 0;
	margin-bottom: 28px;
}
.form button,
.form input[type=button],
.form input[type=submit]  {
	border-color: #ccc #ccc #bbb;
	border: 1px solid;
	background: #e6e6e6;
    background-color: #0067b1;
    margin-top: 40px;
    color: #fff;
    font-size: 1em;
    font-weight: bold;
    display: table;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    border-radius: 100px;
    padding: 11px 18px 7px;
}
/*
input:required {}
input:valid {}
input:invalid {}*/


/* Style Guide
// --------------------- */
#templateTitle {
	position: relative; 
	padding-top: 10px; 
	margin: 0 auto; 
	text-align: center;
}

#projectTitle {
	font-size: 2.125em; 
	font-weight: 700; 
	color: #C4C4C4;
}

#projectDesc {
	font-family: sans-serif; 
	font-size: 1em; 
	font-weight: 300; 
	color: #DBDBDB;
}

.seperator { 
	position: relative; 
	padding-top: 1.25em; 
	margin: 0 auto; 
	margin-bottom: 50px; 
	border-bottom: 1px solid #EDEDED;
}

.sectionHeading {
	margin: 0 auto; 
	text-align: left;
}

.sectionTitle {
	font-family: sans-serif; 
	font-size: 1.875em; 
	font-weight: 300; 
	color: #848484;
}

.sectionSeperator {
	position: relative; 
	padding-top: 5px; 
	margin: 0 auto; 
	border-bottom: 1px solid #CCCCCC;
}

div.sectionContent {
	position: relative; 
	padding-top: 30px; 
	margin: 0 auto; 
	margin-bottom: 75px; 
}

div.colorCircle {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	display: inline-block;
	margin-right: 20px;
	margin-left: 12px;
	margin-bottom: 40px;
}

.colorHex {
	position: relative;
	text-transform: uppercase;
	top: 108px;
	left: 4px;
}

.default-link {
	color: #004A80;
}

.default-link:hover {
	color: #B55C03;
}

.form-item {
	margin-bottom: 10px;
}

#nav-adjustment {
	border-right: 1px solid  !important;
	padding-top: 0px !important;
}

.nav-title {
    padding: 10px;
    background-color: transparent;
    color: #000;
    text-decoration: underline;
    font-weight: 600;
    padding-left: 16px;
}

.fade-in-image { animation: fadeIn 1s; }
@keyframes fadeIn {
	0% { opacity: 0; }
	100% { opacity: 1; }
  }

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

blockquote {
	font-size: 1.786em;
	font-weight: 300;
	font-style: italic;
	line-height: 1.25;
	color: #074B3B;
	border-left: none;
	margin-top: 20px;
	padding-left: 100px;
}
blockquote.blockquote-smaller *{
	font-size: 1.1875rem;
}
blockquote::before {
    background-image: url(https://s22457.pcdn.co/wp-content/themes/corporate-site/assets/images/src/frontpage-experts-quote-v2.png);
    filter: brightness(0.8) contrast(1.1);
    background-repeat: no-repeat;
    display: block;
    height: 51px;
    margin-right: 20px;
    width: 72px;
    position: absolute;
    content:"";
    left: 0;
}

.calloutWrapper {
	background-color: #0c68ad;
}

.calloutLabel {
	height: 40px;
    background-color: #faaa5f;
    padding: 8px 16px;
    margin-top: 0px;
    color: #571600;
    font-size: 1em;
    display: table;
    font-weight: 300;
}

.calloutContent {
	padding-bottom: 60px;
    padding-top: 25px;
}

.calloutContent > h4 {
	font-size: 2.857em;
    font-weight: bold;
    line-height: 1.2;
    color: #ffffff;
    text-shadow: 0 0 2px rgb(0 74 128 / 80%);
}

.cpacBtn {
	height: 48px;
    background-color: #fff;
    padding: 15px 66px;
    margin-top: 40px;
    color: #0067b1;
    font-size: 1em;
    font-weight: bold;
    display: table;
    text-align: center;
    text-decoration: none;
	border-radius: 100px;
	border-color: transparent;
}

.callout-box .container{
	margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 12px;
    padding-right: 20px;
    padding-bottom: 5%;
}
.callout-box .border{
	border: 1px solid rgba(89, 63, 153, 1)!important;
}
.callout-box .shadow{
	box-shadow: 8px 8px 0px 0px rgba(89, 63, 153, 1)!important;
}
.email-link {
    font-size: 1.357em !important;
    text-decoration: none !important;
    font-weight: bold !important;
    padding: 0 0 15px 0 !important;
}
.text-container{
	padding: 16px 24px;
}
.border{
	border: 1px solid #CCC;
}
.mb-20{
	margin-bottom: 20px;
}
.sectionWrapper{
	display:block;
	padding: 0 12px;
}
.sectionWrapper + .sectionWrapper{
	display:none;
}
.d-block{
	display:block!important;
}
#primary-nav{
    background: white;
    box-shadow: 0px 0px 24px 1px #CCC;
}
#contnt{
	margin-top: 32px;
}
@media (max-width: 991px){
	#content{
		margin-top: 56px;
	}
}

/* nav */

a {
    /* text-decoration: none !important; */
}
.main-container{
	overflow-x: hidden;
}
section{
	display: block;
	max-width: 1128px;
}
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    word-wrap: normal !important;
}
.nav-link.active{
    color: #fbac5f !important;
}
.display-right{
    float: right;
}
.display-left{
    float: left;
}
.cpac__btn--primary {
    height: 48px!important;
    background-color: #0067b1 !important;
    padding: 15px 66px !important;
    margin-top: 10px !important;
    color: #fff !important;
    font-size: 1em !important;
    font-weight: bold !important;
    display: table !important;
    text-align: center;
    text-decoration: none !important;
}
.cpac-btn, .cpac-btn-alt {
    border-radius: 100px !important;
}
.cpac__btn--primary:hover {
    background-color: #0067b1 !important;
    color: #fff !important;
}
.cpac-btn:hover, .cpac-btn-alt:hover {
    text-decoration: none!important;
}
table{
    border-collapse: collapse;
    width: 100%;
}
thead{
    border-bottom: 3px solid;
}
thead tr {
    background: #F5F5F5;
    font-weight: bold;
}
.table{
    font-size: 1em;
    margin-bottom: 20px;
    max-width: 100%;
    border-spacing: 0;
}
.table-bordered {
    border: 1px solid #ddd;
}
.table > thead > tr > th {
    vertical-align: top !important;
}
.table-bordered>thead>tr>th, 
.table-bordered>thead>tr>td {
    border-bottom-width: 2px;
}
.table-bordered>thead>tr>th, 
.table-bordered>tbody>tr>th, 
.table-bordered>tfoot>tr>th, 
.table-bordered>thead>tr>td, 
.table-bordered>tbody>tr>td, 
.table-bordered>tfoot>tr>td {
    border: 1px solid #ddd;
}
.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}
.table>thead>tr>th, 
.table>tbody>tr>th, 
.table>tfoot>tr>th, 
.table>thead>tr>td, 
.table>tbody>tr>td, 
.table>tfoot>tr>td {
    padding: 8px;
    line-height: 1.428571429;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
tr:nth-child(even) {
    background: #EDF8F9;
}
tbody th {
    font-weight: inherit;
}
.pull-right{
	float: right;
}
.pull-left{
	float: left;
}
.hide {
    display: none;
    visibility: hidden;
}
@media (max-width: 767px){
    .container {
        padding-left: 24px;
        padding-right: 24px;
        max-width: 100%;
    }
}
.person-circle-image{
	width:175px;
	height:175px;
	border-radius: 50%;
}
.main-logo{
	padding: 12px 15px;
	padding-bottom: 8px;
}
.main-logo img{
	width: 100%;
	max-width: 150px;
}
#navbar-master{
	overflow: auto;
    max-height: 90vh;
}
.mt-30 {
    margin-top: 30px !important;
}
.mb-30 {
    margin-top: 30px !important;
}