﻿/*
Theme Name: OGC
Theme URI: https://cappers.ca/
Author: Cappers
Author URI: https://cappers.ca/
Description: 
Version: 1.00
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: four-columns, left-sidebar, right-sidebar, flexible-header, custom-colors, custom-header, custom-menu, editor-style, featured-images, full-width-template, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments
Text Domain: ogc
*/

/**
 * Table of Contents:
 * 1.0 GENERAL
 * 2.0 HEADER
 *   2.1 MAIN MENU
 *   2.2 MOBILE MENU
 * 3.0 CONTENT
 *   3.1 NEWS
 *   3.2 EVENTS
 *   3.3 STANDARDS
 *   3.4 DEMOS
 *   3.5 FORMS
 *   3.6 SLIDER
 *   3.7 SEARCH
 *   3.8 PAGINATION 
 * 4.0 SIDEBAR
 * 5.0 FOOTER
 * 6.0 MEDIA QUERIES
 * --------------------------------------
*/
 
@font-face {
  font-family: 'Mont';
  src: url('webfonts/Mont-Regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Mont-Bold';
  src: url('webfonts/Mont-Bold.woff2') format('woff2');
}
@font-face {
  font-family: 'Mont-Book';
  src: url('webfonts/Mont-Book.woff2') format('woff2');
}
@font-face {
  font-family: 'Mont-Heavy';
  src: url('webfonts/Mont-Heavy.woff2') format('woff2');
}
@font-face {
  font-family: 'Mont-SemiBold';
  src: url('webfonts/Mont-SemiBold.woff2') format('woff2');
}
/*====================================== 
  1.0 GENERAL
========================================*/
html { scroll-padding-top: 175px; }
html, body {
  padding: 0;
  margin: 0;
  background: #FFF;
  color: #000;
  font: 400 18px/1.33 'Mont', sans-serif;
}
b, strong {
  font: 900 18px/1.33 'Mont-Bold', sans-serif;
}
*, *:after, *:before  {
	box-sizing: border-box;
}
*, *:after, *:before, a:focus, button:focus  {
	outline: none;
}
a {
	color: #0476C8;
	text-decoration: none;
	-ms-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
}
a:hover, a:visited, a:focus {
	text-decoration: none;
	outline-offset: 0;
}
a:hover{
	color: #0476C8;
}
div, section, article, header, footer {
	position: relative;
}
strong {
	
}
h1, h2, h3, h4 {
	margin: 0 0 1rem 0;
	padding: 0;
	font-family: 'Mont-Bold', sans-serif;
	word-break: normal;
}
h1 {
	font-size: 60px;
}
h1.page-title {
	color: #071F51;
}
h2 {
	font-size: 42px;
	color: #071F51;
}
h3 {
	font-size: 28px;
}
h4 {
	font-size: 18px;
}
img {
	max-width: 100%;
	height: auto;
}
iframe {
	max-width: 100%;
	width: 100%;
}
table iframe {
	max-height: 315px !important;
}
.nav-menu {
	margin: 0;
	padding: 0;
	list-style: none;
}
/*====================================== 
  2.0 HEADER
========================================*/
.site-header {
	position: absolute;
	width: 100%;
	height: 140px;
	background-color: #fff;
	box-shadow: 0px 3px 6px #00000029;
	z-index: 999;
}
.site-header.sticky{
	position: fixed;
	top: 0;
	left: 0;
	animation: stickyheader 0.3s linear;
}
@keyframes stickyheader {
	0%{ opacity: 0; }
	100%{ opacity: 1; }
}
body.admin-bar .site-header.sticky {
	top: 32px;
}
body.home .site-header:not(.sticky) {
	background-color: transparent;
	box-shadow: 0;
}
body.home .site-header:not(.sticky) a {
	color: #fff;
}
.top-header {
	border-bottom: 2px solid #e6e8ed;
}
body.home header:not(.sticky) .top-header {
	border-bottom: 2px solid rgba(255,255,255,0.12);
}
.top-header .wrapper {
	height: 50px;
	align-items: center;
}
.top-header .top-nav-social img  {
	width: 30px;
    height: 30px;
}
.top-header .top-nav-social {
    margin-left: 20px;
    background: #071f51;
    filter: hue-rotate(-6deg)brightness(400%)saturate(65%);
    font-size: 14px;
    border-radius: 500px;
    padding: 0 10px;
    color: #fff;
}
#menu-top a {
	padding: 0 10px;
	font-size: 16px;
}
.btn-search {
	margin-left: 10px;
	border: 0;
	background-color: transparent;
}
.btn-search {
    color: #0476C8;
	cursor: pointer;
}
body.home header:not(.sticky) .btn-search {
    color: #fff;
}
.header-menu .wrapper {
	height: 88px;
	justify-content: space-between;
	align-items: center;
}
.logo a {
	display: block;
	line-height: 1;
}
.logo img {
	width: auto;
	height: 60px;
	line-height: 1;
}
body.home header:not(.sticky) .logo img,
.logo-footer{
	filter: brightness(0) invert(1);
}
/*---------------------
2.1 MAIN MENU
----------------------*/
#mega-menu-wrap-primary {
	background-color: transparent;
}
#mega-menu-wrap-primary #mega-menu-primary {
	display: flex;
	align-items: center;
	background-color: transparent;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
	display: block;
	position: relative;
	background-color: transparent !important;
	padding: 0 0.5em;
	font-size: 18px;
	line-height: 88px;
	height: 88px;
	white-space: nowrap;
}
body.home .site-header:not(.sticky) #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
	color: #fff !important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover {
	background-color: transparent;
	border: 0;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:hover > a.mega-menu-link{
	text-decoration: underline;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-icon-right:hover > a.mega-menu-link:before {
	transform: rotate(180deg);
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-bold > a.mega-menu-link {
	font-family: 'Mont-Bold', sans-serif;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-button {
	margin-left: 12px;
	text-align: center;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-button > a.mega-menu-link {
	padding: 0 1.22rem;
	height: 50px;
	background-color: #0476C8 !important;
	border-radius: 25px;
	font: 1rem/50px 'Mont-Bold', sans-serif;
	color: #fff !important;
}
.top-header li.current-menu-item a,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link {
	color: #071F51;
	text-decoration: underline;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator {
	display: none;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
	position: fixed;
	top: 140px;
	left: 0;
	padding: 10px 0 2rem;
}
body.admin-bar #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
	top: 172px;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row {
	float: none;
	max-width: 1046px;
	left: calc(50vw - 420px);
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
	padding: 0 15px;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a {
	border-bottom: 1px solid #707070 !important;
	padding: 15px 0;
}
 #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {
	padding: 15px 0; 
    font-family: 'Mont-Book', sans-serif;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item a.mega-menu-link:before {
	font-weight: 700;
}
/*---------------------
2.2 MOBILE MENU
----------------------*/
body.open-menu {
	overflow: hidden;
}
body.open-menu .site-header {
	background-color: #fff !important;
}
.show-menu,
.close-menu {
	margin-left: 20px;
	color: #0476C8;
	cursor: pointer;
}
.close-menu i {
	transform: scale(1.4);
}
body.home header:not(.sticky) .show-menu {
	color: #fff;
}
body.open-menu .btn-search{
	color: #0476C8 !important;
}
body.open-menu .logo img {
  filter: none !important;
}
.mobile-menu {
	position: fixed;
	top: 90px;
	width: 100%;
	height: calc(100vh - 90px);
	background: #fff;
	overflow: auto;
	z-index: 998;
}
body.admin-bar .mobile-menu {
	top: 122px;
}
body.open-menu .mobile-menu {
	display: block !important;
}
.mobile-menu #mega-menu-wrap-primary {
	height: 100%;
}
.mobile-menu #mega-menu-wrap-primary #mega-menu-primary {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	height: 100%;
}
.mobile-menu #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item,
.mobile-menu #mega-menu-wrap-primary #mega-menu-primary > li.menu-item{
	display: block;
	width: 100%;
	padding: 0 30px;
}
.mobile-menu #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link,
.mobile-menu #mega-menu-wrap-primary #mega-menu-primary > li.menu-item > a {
	display: block;
	padding: 0;
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #eee;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
	color: #071F51;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link:before {
	transform: rotate(180deg);
}
.mobile-menu #mega-menu-wrap-primary #mega-menu-primary > li.mega-button {
    display: none;
}

.mobile-menu #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
	position: relative;
	top: 0 !important;
	padding: 10px 30px 30px;
	margin-left: -30px;
	margin-right: -30px;
	width: calc(100% + 60px);
}
.mobile-menu #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row {
	left: 0;
	max-width: none;
}
.button.fixed-btn {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	border-radius: 0;
	z-index: 1001;
}
/*====================================== 
  3.0 CONTENT
========================================*/
body:not(.home) .main {
	padding-top: 140px;
}
.breadcrumb {
	margin: 40px 0 20px;
}
.breadcrumb .current {
	color: #000;
}
.wrapper,
.wp-block-group__inner-container,
.wp-block-cover__inner-container,
article.post-content,
.content-page > .wp-block-columns,
.content-page > .wp-block-image,
.content-page > h1,
.content-page > h2,
.content-page > h3,
.content-page > h4,
.content-page > h5,
.content-page > h6,
.content-page > p,
.content-page > ul,
.content-page > ol{
	width: 100%;
	max-width: 1252px;
	padding: 0 30px;
	margin-left: auto;
	margin-right: auto;
}
.wp-block-cover,
.wp-block-group,
.wp-block-group:where(.has-background) {
	padding: 5rem 0;
}
.wp-block-columns {
	margin-bottom: 40px;
}
.content-page > ul,
.content-page > ol {
	padding-left: 55px;
}
.c-primary {
	color: #0476C8;
}
.c-white {
	color: #fff;
}
.op-82 {
	opacity: 0.82;
}
.maxw-687 {
	max-width: 687px !important;
}
.maxw-788 {
	max-width: 788px !important;
}
.mt-20 {
	margin-top: 20px;
}
.mb-20 {
	margin-bottom: 20px;
}
.mt-40 {
	margin-top: 40px;
}
.mb-40 {
	margin-bottom: 40px;
}
.mb-90 {
	margin-bottom: 90px;
}
.mb-2em {
	margin-bottom: 2em;
}
.pt-1rem {
	padding-top: 1rem !important;
}
.pb-1rem{
	padding-bottom: 1rem !important;
}
.full-width {
	width: 100% !important;
}
.title-block {
	padding-bottom: 20px;
	color: #071F51;
	border-bottom: 1px solid #707070;
}
.wp-block-cover h2.title-block:not(.has-text-color) {
	color: #071F51;
}
.button,
.wp-block-button__link {
	display: inline-block;
	background: #0476C8;
	min-width: 280px;
	padding: 0 1.22rem;
	font: 1rem/50px 'Mont-Bold', sans-serif;
	line-height: 50px;
	text-align: center;
	color: #fff;
    border-radius: 25px;
	cursor: pointer;
}
.button:hover {
	color: #fff;
}
.wp-block-separator {
	opacity: 1;
}
.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) {
  height: 1px;
}
a.more-link,
.more-link a {
	position: relative;
	font-weight: 700;
	padding-right: 25px;
}
a.more-link:hover,
.more-link a:hover{
	text-decoration: underline;
}
a.more-link:after,
.more-link a:after {
	position: absolute;
	right: 0;
	font-family:"Font Awesome 6 Free";
	content: '\f061';
	-ms-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
}
a.more-link:hover:after,
.more-link a:hover:after{
	transform: translateX(5px);
}
.dark-bg .title-block {
	border-bottom: 1px solid #707070;
}
.dark-bg .more-link {
	color: #00B1FF;
}
.separate .wp-block-column {
	padding: 0 4.8em;
	border-right: 1px solid #707070;
}
.separate .wp-block-column:first-child {
	padding-left: 0;
}
.separate .wp-block-column:last-child {
	padding-right: 0;
	border-right: 0;
}
.wp-block-cover.signup-block img.wp-block-cover__image-background {
	width: auto;
	height: 100%;
	left: auto;
	z-index: 9;
}
.wp-block-cover.signup-block .wp-block-cover__inner-container {
	z-index: 20;
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
	padding-left: 0;
}
.wp-block-media-text.has-media-on-the-left .wp-block-media-text__content {
	padding-right: 0;
}
.anchors {
	flex-direction: column;
}
.anchors li {
	margin-bottom: 2rem;
}
.anchors li a:before {
	font-family:'Font Awesome 6 Free';
	content: '\f063';
	margin-right: 10px;
	font-weight: 700;
	font-size: 0.85em;
}
.card-item,
.card-item a{
	display: flex;
	flex-direction: column;
	background-color: transparent;
	width: 100%;
	height: 100%;
	padding: 0;
	border: 0;
	border-radius: 0;
}
.iniatives-card {
	height: inherit;
	padding: 15px;
	border: 0;
	border-radius: 0;
}
.iniatives-card a {
	display: flex;
	flex-direction: column;
	background-color: transparent;
	height: 100%;
}
.card-img {
	width: 100%;
	height: 0;
	padding-bottom: 52%;
	background: #eee;;
	background-size: cover;
	overflow: hidden;
	border-radius: 0;
}
.card-img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	-ms-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
}
.iniatives-card  .card-img {
	background-color: #071f51;
}
.iniatives-card  .card-img img{
	object-fit: contain;
}
.card-item a:hover .card-img img {
	transform: scale(1.04);
}
.card-content {
	padding: 20px;
	height: 100%;
}
.iniatives-card .card-content{
	background-image: linear-gradient(135deg, #eee 93%, transparent 93%);
}
.card-content h4 {
	margin-bottom: 1rem !important;
}
.card-item a:hover h4,
.iniatives-card a:hover h4 {
	text-decoration: underline;
}
.card-item p,
.iniatives-card p {
	display: -webkit-box;
	-webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	color: #000 !important;
	margin-bottom: 0;
    overflow: hidden;
}
.iniatives-card p {
	-webkit-line-clamp: 4;
}
.initiatives_card {
	display: flex;
	flex-direction: column;
	background-color: transparent;
	width: 100%;
	height: 100%;
	border: 0;
	border-radius: 0;
}
.initiatives_card .card-img {
	width: 100%;
	height: 0;
	padding-bottom: 52%;
	background: #eee;;
	background-size: cover;
	overflow: hidden;
	border-radius: 0;
}
.initiatives_card .card-img img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	-ms-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
}
.initiatives_card:hover .card-img img {
	transform: scale(1.04);
}
.initiatives_card .card-content {
	padding: 20px;
	background-image: linear-gradient(135deg, #fff 93%, transparent 93%);
}

.initiatives_card .card-content h4 {
	color: #0476C8 !important;
	margin-bottom: 1rem !important;
}
.initiatives_card a:hover h4 {
	text-decoration: underline;
}
.initiatives_card .card-content p {
	color: #000 !important;
	margin-bottom: 0;
	overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2; 
           line-clamp: 2; 
   -webkit-box-orient: vertical;
}
.related-news {
	background: url("img/repeating-grid.png") repeat;
}
table {
	width: 100%;
}
table th,
table td,
.wp-block-table table th,
.wp-block-table table td {
	padding: 1rem 15px;
}
table th,
.wp-block-table table th {
	background-color: #071F51;
	color: #fff;
	border: 0 !important;
}
table tr:nth-child(2n) td,
.wp-block-table.is-style-stripes table tr:nth-child(2n) td,
.wp-block-table table tr td {
	background-color: #F5F6F6;
}
.wp-block-table.is-style-stripes table tr:nth-child(2n + 1) td {
	background-color: #fff;
}
table td,
.wp-block-table.is-style-stripes table td {
	border: 0 !important;
	border-right: 1px solid #B9C1C6 !important;
}
.wp-block-table table td {
	border: 0 !important;
	border-right: 1px solid #B9C1C6 !important;
	border-bottom: 1px solid #B9C1C6 !important;
}
table td:last-child ,
.wp-block-table.is-style-stripes table td:last-child,
.wp-block-table table td:last-child{
	border-right: 0 !important;
}

.wp-block-table table tr:last-child td {
	border-bottom: 0 !important;
}
.mebmber-social {
	padding: 20px 0;
	border-top: 1px solid #707070;
	border-bottom: 1px solid #707070;
}
.ol-attribution.ol-uncollapsible {
	display: none !important;
}

/*---------------------
3.1 NEWS
----------------------*/
.news-content {
	padding-bottom: 5rem;
}
.post-content {
	width: 66.66%;
	padding-right: 20px;
}
.item-post:not(.standard) {
	display: flex;
	margin-bottom: 26px;
}
.item-post:not(.standard) a {
	height: 100%;
	color: #fff;
}
.post_thumbnail {
	position: relative;
	margin: 0;
	width: 100%;
	height: 0;
	padding-bottom: 52%;
	background: #eee;;
	background-size: cover;
	overflow: hidden;
}
.post_thumbnail img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	-ms-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
}
.item-post a:hover .post_thumbnail img {
	transform: scale(1.04);
}
.item-post-content {
	height: 100%;
	padding: 20px;
	background-image: linear-gradient(135deg, #071F51 93%, transparent 93%);
}
.post-date {
	font-size: 16px;
}
.item-post-content h4 {
	margin-top: 1rem;
	color: #00B1FF;
}
.item-post a:hover h4 {
	text-decoration: underline;
}
.share-buttons a {
	display: inline-block;
	width: 50px;
	height: 50px;
	background-color: #0476C8;
	border-radius: 50px;
	color: #fff;
	font-size: 1.2em;
	text-align: center;
	line-height: 50px;
	margin-right: 15px;
}
.share-buttons a:hover {
	opacity: 0.8;
}
/*---------------------
3.2 EVENTS
----------------------*/
.reset-filter {
	position: absolute;
	padding: 0;
	right: 15px;
	bottom: -30px;
	width: 50px;
	font-size: 14px;
	text-align: right;
}
.event:nth-child(n+7){
	display: none;
	opacity: 0;
	-ms-transition: opacity 0.3s ease-out;
     transition: opacity 3s ease-out;
}
.event {
	padding-bottom: 30%;
    margin-bottom: 20px;
}
.event-content {
	position: absolute;
	display: flex;
	flex-direction: column;
	width: calc(100% - 20px);
	height: 100%;
	background-image: linear-gradient(135deg, #0580DA 93%, transparent 93%);
	color: #fff;
	padding: 20px;
}
.event-content:hover {
	color: #fff;
}
.event-content h4 {
	color: #071F51;
}
.evetn-desc{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.event-content:hover h4,
.event-content:hover .evetn-desc{
	text-decoration: underline;
}
.event-cat {
	margin-top: auto;
	color: #66E2FF;
}
.loadmore {
	display: block;
	width: 225px;
}
/*---------------------
3.3 STANDARDS
----------------------*/
.s-roadmap label {
	margin-top: 20px;
	font-weight: 700;
}
.s-roadmap label input {
	display: inline-block;
	width: 20px;
}
.roadmap td {
	padding: 10px 0;
	text-align: center;
	font-size: 16px;
	vertical-align: middle;
}
.roadmap td:first-child {
	padding: 10px 20px;
	text-align: left;
}
.roadmap .th td {
	position: relative;
	border: 0 !important;
	height: 200px;
	vertical-align: bottom;
	padding: 0;
}
.roadmap .rotate{
	height: 210px;
width: 40px;
min-width: 40px;
max-width: 40px;
position: relative;
vertical-align: bottom;
padding: 0;
}
.roadmap .rotate div {
	position: absolute;
	width: 210px;
	height: 40px;
    line-height: 50px;
	right: 0;
	bottom: 0;
	text-align: right;
	border-bottom: 1px solid #B9C1C6;
	white-space: nowrap;
	transform: translate(-26px, 8px) rotate(45deg);
	transform-origin: right;
}
.roadmap .rotate:last-child div:before {
	content: '';
	display: block;
	position: absolute;
	width: 210px;
	height: 1px;
	top: 0;
	right: 0;
	background: #B9C1C6;
	transform: translate(25px, 10px);
	transform-origin: right;
}
.roadmap .cat-ogc {
	color: #00B1FF;
	font-weight: 700;
}
.roadmap .cat-community {
	color: #0476C8;
	font-weight: 700;
}
i.completed,
i.progress {
	display: inline-block;
	width: 24px;
	height: 24px;
	border-radius: 24px;
	text-align: center;
	line-height: 24px;
	color: #fff;
	overflow: hidden;
}
i.completed {
	background: #55D28C;
}
i.completed:before {
	content: '\2713';
}
i.progress {
	background: #F28B3E;
}
i.progress:before {
	content: '\003F';
	font-weight: 600;
}
/*---------------------
3.4 DEMOS
----------------------*/
.item-demos {
	margin-top: 40px;
	padding-top: 40px;
	border-top: 1px solid #707070;
}
/*---------------------
3.5 FORMS
----------------------*/
.site-search {
	margin-left: 10px;
	border-bottom: 1px solid #0476C8;
}
body.home header:not(.sticky) .site-search {
	border-bottom-color: #fff;
}
.search-field {
	background-color: transparent;
	border: 0;
	color: #0476C8;	
}
.site-search ::placeholder {
	color: #0476C8;	
}
.site-search.open  .search-field{
	animation: show_field 0.3s linear forwards;
}
@keyframes show_field {
	0%{ width: 0; opacity: 0; }
	100%{ width: auto; opacity: 1; }
}
body.home header:not(.sticky) .search-field,
body.home header:not(.sticky) .site-search ::placeholder {
	color: #fff;
}
.button-search {
	background-color: transparent;
	color: #0476C8;
	border: 0;
}
body.home header:not(.sticky) .button-search {
	color: #fff;
}
.search-event,
.search-post {
	position: relative;
}
.search-event button,
.search-post button{
	position: absolute;
	top: 0;
	right: 15px;
}
.search-event input,
.search-post input,
.filter select {
	background-color: #fff;
	padding:0 0 15px 0;
	display: block;
	width: 100%;
	border: 0;
	border-bottom: 1px solid #707070;
}
::placeholder {
	color: #071F51;
	opacity: 1;
}
select {
	color: #071F51;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  background-image: url("img/select-arrow.svg");
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: 10px;
}
.wpcf7-form .row {
	margin-bottom: 1rem;
}
.wpcf7-form p {
	margin-bottom: 20px;
}
.wpcf7-form label {
	display: block;
}
.wpcf7-form .row label,
.wpcf7-form-control-wrap.newsletter{
	font-family: 'Mont-Bold', sans-serif;
	color: #071F51;
}
.wpcf7-form-control-wrap {
	display: block;
	margin-top: 10px;
}
.wpcf7-form-control-wrap input {
	width: 100%;
	height: 50px;
	border: 0;
	line-height: 50px;
	padding: 0 15px;
}
.wpcf7-form-control-wrap input[type="checkbox"]{
	width: 50px;
	margin-right: 10px;
	background-color: #fff;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.wpcf7-form-control-wrap input[type="checkbox"]:checked{
	 background: url("img/checkbox_checked.jpg") center center no-repeat;
	 background-size: cover;
}
.wpcf7-form-control-wrap textarea {
	width: 100%;
}
.wpcf7-form-control {
	border: 0;
	min-width: 283px;
}
.wpcf7-checkbox .wpcf7-list-item {
	display: flex;
	margin-left: 0;
	align-items: center;
}
/*---------------------
3.6 SLIDER
----------------------*/
.slider {
	display: block !important; 
	padding: 0 40px;
}
.slider.wp-block-gallery.has-nested-images figure.wp-block-image{
	height: inherit;
	align-items: center;
	margin-bottom: 0 !important;
}
.slider.wp-block-gallery.has-nested-images figure.wp-block-image img {
	margin: 0;
}
.slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus{
    outline: none;
}
.slick-list.dragging{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: flex;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.arrow-hidden .slick-list,
.arrow-hidden .slick-track{
	min-width: calc(100% + 40px);
}
.arrow-hidden .slick-list {
	transform: translateX(-20px);
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    height: inherit;
    min-height: 1px;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.slick-arrow {
	position: absolute;
	display: block;
	background: #fff;
	padding: 0;
	top: 50%;
	margin-top: -35px;
	width: 30px;
	height: 50px;
	border: 0;
	color: rgba(0,0,0,0);
}
.slick-prev {
	left: 0;
}
.slick-next {
	right: 0;
}
.slick-prev:before,
.slick-next:before {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	font: var(--fa-font-solid);
	color: #0476C8;
	font-size: 46px;
	text-indent: 0;
	z-index: 99;
}
.slick-prev:before {
	content: '\f053';
}
.slick-next:before {
	content: '\f054';
}
.slick-dots {
	bottom: -20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	list-style: none;
}
.slick-dots li {
	display: block;
	margin: 4px;
	width: 10px;
	height: 10px;
	background: #0476C8;
	border-radius: 10px;
}
.slick-dots li.slick-active {
	background: #071F51;
}
.slick-dots li button {
	display: none;
}
/*---------------------
3.7 SEARCH
----------------------*/
.nav-search li {
	margin-right: 20px;
	color: #0476C8;
	cursor: pointer;
}
.nav-search li.active {
	color: #071F51;
	text-decoration: underline;
}
.page-search .post,
.page-search .events,
.page-search .standards {
	display: none;
}
.search-result {
	opacity: 0;
	list-style: none;
	margin: 0;
	padding: 0;
}
.search-result a {
	font-family: 'Mont-Bold', sans-serif;
	color: #00B1FF;
}
/*======================================
3.8 PAGINATION
========================================*/
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    color: #fff;
    text-decoration:none;
}

.navigation li {
    display: inline;
    margin-right:3px;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled,
.navigation .current {
    background-color: #6FB7E9;
    border-radius: 3px;
    cursor: pointer;
    padding: 12px;
    padding: 0.75rem;
}

.navigation li a:hover,
.navigation li.active a,
.navigation .current {
    background-color: #3C8DC5;
}
/*====================================== 
  4.0 SIDEBAR
========================================*/
.sidebar {
	width: 33.33%;
}
.sidebar .wp-block-quote {
	border-left: 0;
    padding: 40px;
}
.wp-block-quote.blue-bg,
.wp-block-quote.green-bg {
	border-left: 0;
    padding: 40px;
}
.wp-block-quote.blue-bg {
	color: #fff;
	background-image: linear-gradient(135deg, #0580DA 95%, transparent 95%);
}
.wp-block-quote.green-bg {
	color: #000;
	background-image: linear-gradient(135deg, #55D28C 95%, transparent 95%);
}
.sidebar .wp-block-quote.blue-bg {
	background-image: linear-gradient(135deg, #0580DA 93%, transparent 93%);
}
.sidebar .wp-block-quote.green-bg {
	background-image: linear-gradient(135deg, #55D28C 93%, transparent 93%);
}
.wp-block-quote.blue-bg p,
.wp-block-quote.green-bg p {
	font-size: 28px !important;
}
.wp-block-quote.blue-bg cite,
.wp-block-quote.green-bg cite {
	font-size: 1rem;
}
/*====================================== 
  5.0 FOOTER
========================================*/
.site-footer {
	background-color: #0476C8;
	padding: 5rem 0;
	color: #fff;
}
.site-footer a {
	color: #fff;
}
.logo-footer {
	max-width: 180px;
	margin-bottom: 1rem;
}
.social a {
	margin-right: 10px;
}
.f-menu > div {
	padding-right: 3rem;
}
.f-menu > div :last-child {
	padding-right: 0;
}
.f-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.footer-menu > li {
	margin-bottom: 0.8rem;
}
.footer-menu > li > a {
	font-family: 'Mont-Bold', sans-serif;
}
.f-menu a:hover {
	text-decoration: underline;
}
/*========================================
  6.0 MEDIA QUERIES
========================================*/
@media only screen and (max-width: 1199px) {
	html { scroll-padding-top: 100px; }
	.d-mob-none { display: none; }
	.d-mob-block { display: block !important; }
	.d-mob-flex { display: flex !important; }
	.site-header { height: 90px; }
	.header-menu i { font-size: 22px; }
	body:not(.home) .main { padding-top: 90px; }
	.copy { padding-bottom: 50px; }
	.iconbox h4 { display: none; }
}

@media only screen and (max-width: 960px) {
	.hero .wp-block-columns,
	.hero .wp-block-spacer { display: none; }
	.sidebar .wp-block-quote.blue-bg { padding: 20px; }
	.sidebar .wp-block-quote.blue-bg p,
	.sidebar .wp-block-quote.blue-bg cite { font-size:0.9em !important; }
}
@media only screen and (max-width: 768px) {
	.posts.row-cols-3,
	.d-mob-slider { margin-left: 0 !important; margin-right: -30px !important; }
	.posts.row-cols-3 > * { width: 100%; }
	.slick-slider .item-post,
	.slick-slider .wp-block-column{  margin-right: 15px;}
	.slick-slider .event { padding-bottom: 0; }
	.slick-slider .event a { position: relative; width: 100%; }
	.slick-list{padding:0 5% 0 0 !important;}
	.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:only-child) {flex-basis: 100% !important; }
	.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:nth-child(2n) { margin-left:0; margin-top: 30px; }
	.mob-reverse { flex-direction: column-reverse; flex-wrap: nowrap; }
	.mob-reverse.wp-block-columns  > .wp-block-column:nth-child(2n) { margin-top:0;  }
	.separate .wp-block-column { padding: 0 0 15px 0; border-right:0; border-bottom: 1px solid #707070; }
	.separate .wp-block-column:last-child { padding: 0; border-bottom: 0; }
	.wp-block-column:empty,
	.signup-block .wp-block-cover__image-background { display: none; }
	.sidebar .wp-block-quote.blue-bg { padding: 15px; }
	.sidebar .wp-block-quote.blue-bg p,
	.sidebar .wp-block-quote.blue-bg cite { font-size:0.8em !important; }
}
@media only screen and (max-width: 640px) {
	.f-menu,
	.th { display: none !important; }
	a.more-link:after,
	.more-link a:after { position: relative; margin-left: 8px;}
	a.more-link, .more-link a {  padding-right: 0; }
	.wpcf7-form .row-cols-2 > *,
	.filter.row-cols-3 > * {  width: 100%; margin-bottom: 15px; }
	.wpcf7-form .row-cols-2 > *:last-child,
	.filter.row-cols-3 > *:last-child { margin-bottom: 0; }
	.content-page table tr,
	.standard table tr{ display: flex; flex-direction: column; }
	.content-page table tr{ margin-bottom: 15px; }
	table tr td {  background-color: #F5F6F6; }
	.content-page table td,
	.standard table td { border: 0; padding-bottom: 0; }
	.content-page table td:last-child { padding-bottom: 15px; }
	.wp-block-table table td,
	.content-page table td.has-text-align-center,
	.standard table td.has-text-align-center{ text-align: left !important; width: 100% !important; border-right: 0 !important;}
	.content-page table td:before,
	.standard table td:before { display: block; content: attr(data-title); color: #071F51; font-family: 'Mont-Bold', sans-serif; }
	.wp-container-1 .alignleft { float: none !important; margin-right: 0 !important; }
	.wp-block-table table td { margin-bottom: 15px; border-bottom: 0 !important;}
	.wp-block-table table td:last-child {margin-bottom: 0; }
	.post-content { width: inherit; padding-right: 0; }

	.sidebar .wp-block-quote { display:none; }
	.navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled, .navigation .current {
		color: #0476C8;
		background-color: transparent;
		padding: 1px;
		border: none;
		font-size: 0.9em;
	}
}
@media only screen and (max-width: 480px) {
	h1 { font-size: 36px; }
	h2 { font-size: 28px; }
	h3,
	.has-large-font-size { font-size: 18px !important; }
	.slider { padding: 0; margin-right: -30px !important; }
	.slider .slick-list{padding:0 15% 0 0 !important;}
	a.more-link, .more-link a { letter-spacing: -0.5px;}
	td[width="50%"]{ width: 100%; }
}
