/*
Theme Name: MontyCora for BRJ Consulting
Author: MontyCora
Author URI: https://montycora.com
Version: 1.0.0
*/

:root {
    --bg: #fdfefe;
    --text: #5e5f5f;
    --primary: #028cc7;
    --accent: #858788;
	--third: #59a3fe;
    --radius: 1rem;
    --space: 1rem;
    --paragraphFont: "Open Sans", sans-serif;
    --headingFont: "Bebas Neue", sans-serif;
}

html {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:0; padding:0; }
body {margin: 0; padding:0; color: var(--text); font-size: 18px; text-rendering: optimizeLegibility; overflow-x: hidden; background-color: var(--bg); font-family: var(--paragraphFont); }

*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.clearfix:before, .clearfix:after {content: " "; display: table;}
.clearfix:after {clear: both;}
 
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {display: block;}
audio, canvas, progress, video {display: inline-block; vertical-align: baseline;}
audio:not([controls]) {display: none; height: 0;}
[hidden], template {display: none;}

abbr[title] {border-bottom: 1px dotted;}
small {font-size: 80%;}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0;}
svg:not(:root) {overflow: hidden;}
figure {margin: 0;}
hr {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
code, kbd, pre, samp {font-size: 1em;}
button, input, optgroup, select, textarea {color: inherit; font: inherit; margin: 0;}
select {text-transform: none;}
button {overflow: visible;}
button, input, select, textarea {max-width: 100%;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button; cursor: pointer;}
button[disabled], html input[disabled] {cursor: default; opacity: .5;}
button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;}
input[type="checkbox"], input[type="radio"] {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right: 0.4375em; padding: 0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
fieldset {border: 1px solid var(--text); margin: 0 0 1.75em; padding: 0.875em;}
fieldset > :last-child {margin-bottom: 0;}
legend {border: 0; padding: 0;}
textarea {overflow: auto; vertical-align: top;}
optgroup {font-weight: bold;}

.alignleft {float: left; margin: 5px 20px 20px 0;}
.alignright {float: right; margin: 5px 0 20px 20px;}
.aligncenter {clear: both; display: block; margin: 0 auto 1.75em;}

embed, iframe, object, video {margin-bottom: 0; max-width: 100%; vertical-align: middle;}
p > embed, p > iframe, p > object, p > video {margin-bottom: 0;}
.entry-content .wp-audio-shortcode a, .entry-content .wp-playlist a {box-shadow: none;} 
.wp-audio-shortcode, .wp-video, .wp-playlist.wp-audio-playlist {margin-top: 0; margin-bottom: 1.75em;}
.wp-playlist.wp-audio-playlist {padding-bottom: 0;}
.wp-playlist .wp-playlist-tracks {margin-top: 0;}
.wp-playlist-item .wp-playlist-caption {border-bottom: 0; padding: 0.7142857143em 0;}
.wp-playlist-item .wp-playlist-item-length {top: 0.7142857143em;}

.wp-caption {margin-bottom: 0; max-width: 100%;}
.wp-caption img[class*="wp-image-"] { display: block; margin: 0;}
.wp-caption .wp-caption-text {margin: 0.8075em 0;}
.wp-caption-text {text-align: center;}

.gallery {margin: 50px auto 1.75em !important;}
.gallery img {border:0 !Important; }
.gallery-item {display: inline-block; max-width: 33.33%; padding: 0 1.5% !important; margin: 0 !important; text-align: center; vertical-align: top; width: 100%;}
.gallery-columns-1 .gallery-item {max-width: 100%;}
.gallery-columns-2 .gallery-item {max-width: 50%;}
.gallery-columns-4 .gallery-item {max-width: 25%;}
.gallery-columns-5 .gallery-item {max-width: 20%;}
.gallery-columns-6 .gallery-item {max-width: 16.66%;}
.gallery-columns-7 .gallery-item {max-width: 14.28%;}
.gallery-columns-8 .gallery-item {max-width: 12.5%;}
.gallery-columns-9 .gallery-item {max-width: 11.11%;}
.gallery-icon img {margin: 0 auto;}
.gallery-caption {color: var(--text); display: block; font-size: 13px; font-style: italic; line-height: 1.6153846154; padding-top: 0.5384615385em;}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {display: none;}

/* =========================================================================================================
BASIC FORMATTING
============================================================================================================*/
h1, h2, h3, h4, h5, h6 {margin:0; padding:0 0 5px 0; line-height: 1.2; font-family: var(--headingFont); font-weight:400;}
h1 {font-size: 72px; line-height: 1.2; letter-spacing: 5px;}
h2 {margin-bottom: 1.2rem; font-size: 72px; line-height: 1; letter-spacing: 5px; color:  var(--primary);}
h2 span {border-bottom: 1px solid var(--primary); }
h3 {font-size: 36px; letter-spacing: 2px; font-weight: 300;}

p {margin: 0 0 0.8rem; padding:0; font-size: 18px; line-height: 1.8;}

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

blockquote {margin:0; padding:0; text-align: center;}
blockquote p {margin:0; padding:0 1% 1rem; font-size: 32px !important; letter-spacing: 1px; line-height: 1.4; font-style: italic;}
blockquote cite {display: block; margin:0; padding:0; font-size: 22px; line-height: 1; font-style: normal;}

address {font-style: normal; margin: 0; padding: 0; font-size: 0.875em; line-height: 1.6;}
address p {margin: 0; padding: 0; font-size: 0.875em; line-height: 2; font-weight: 400;}

code, kbd, tt, var, samp, pre {font-family: Inconsolata, monospace;}

pre {border: 1px solid var(--text); font-size: 1em; font-size: 1rem; line-height: 1.3125; margin: 0 0 1.75em; max-width: 100%; overflow: auto; padding: 1.75em; white-space: pre; white-space: pre-wrap; word-wrap: break-word;}
code {background-color: var(--third); padding: 0.125em 0.25em;}
abbr, acronym {border-bottom: 1px dotted var(--text); cursor: help;}
mark, ins {background: #e6e6e6; color: var(--text); padding: 0.5rem 0.2rem; text-decoration: none;}
big {font-size: 125%;}

a {color: #333e45; cursor: pointer; text-decoration: none;  outline-style: solid !important;}
a, a:hover, a:active, a:focus, button, input[type="button"] {outline: 0; transition-property: all; transition-duration: 0.5s; transition-timing-function: ease-out;

}
a:hover {text-decoration: none;}
a:focus {text-decoration: none;
outline: 2px solid  var(--accent) !important;
outline-offset: 2px;
  -webkit-transition: none !important;
  transition: none !important;
}
a:active {text-decoration: none;}

p a:hover {text-decoration: underline;}

hr {margin:10px 0; padding:0; border: 0; height: 1px;  background-color: var(--third);}

ul, ol {margin: 0 0 1.75em 1.25em; padding: 0;}
ul {list-style: none;}
ol {list-style: decimal; margin-left: 1.5em;}
li > ul, li > ol {margin-bottom: 0;}
dl {margin: 0 0 1.75em;}
dt {font-weight: 700;}
dd {margin: 0 0 1.75em;}

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


del {opacity: 0.8;}

figure {margin: 1em 0;}

table {margin: 2rem 0; width: 100%;}

.button, 
button, 
button[disabled]:hover, 
button[disabled]:focus, 
input[type="button"], 
input[type="button"][disabled]:hover, 
input[type="button"][disabled]:focus, 
input[type="reset"], 
input[type="reset"][disabled]:hover, 
input[type="reset"][disabled]:focus, 
input[type="submit"], 
input[type="submit"][disabled]:hover, 
input[type="submit"][disabled]:focus {margin:0; padding: 1rem 2rem; text-align: center; width: auto; height: auto; display: inline-block; font-size: 20px; background-color: var(--primary); border: 2px solid var(--primary); color: #fff; font-weight: 700; line-height: 0.8; transition-property: all; transition-duration: 0.5s; transition-timing-function: ease-out; font-family: var(--headingFont); text-transform: uppercase;}

.button:hover, button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {background-color: transparent; border: 2px solid var(--primary); text-decoration: none; color: var(--third) !important;}
.button a {}
.button a:hover {}


:focus {
outline: 2px solid  var(--primary);
outline-offset: 2px;
}

.skip {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.skip:focus {
  position: static;
  width: auto;
  height: auto;
}

/* =========================================================================================================
GENERAL STYLE
============================================================================================================*/


section {margin:0 auto; padding: 0; width: 100%; max-width: 2560px; }
.container {margin: 0 auto; width: 100%; max-width: 1300px;}
.desktop {display: block;}  
.mobile {display: none;}   
.custom-logo-link {display: inline-block;}


/* smaller resolutions --------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 1025px) and (max-width : 1410px) {
    section {padding-left: 2rem !important; padding-right: 2rem !important;}
}

/* begin media for smartphone --------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 230px) and (max-width : 767px) {
	body {overflow-x: hidden; width: 100vw; margin-left: calc((100% - 100vw) / 2);}
	.desktop {display: none;}  
	.mobile {display: block;}    
	section {padding:1rem 0;}
	.container {margin: 0; padding: 0 1rem;}
  
  h1 {font-size: 46px; line-height: 1.2; letter-spacing: 2px;}
h2 {margin-bottom: 1.2rem; font-size: 50px; line-height: 1.6; letter-spacing: 2px;}
h2 span {border-bottom: 1px solid var(--primary); }
h3 {font-size: 28px; letter-spacing: 2px; font-weight: 300;}
        
    
}

/* iPads (portrait) -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
	body {overflow-x: hidden; max-width: 100%;}
	.container {margin: 0 auto; padding: 0 10px;}	
}

/* iPads (landscape) --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
	body {overflow-x: hidden; max-width: 100%;}
	.container {margin: 0 auto; padding: 0 20px;}	
}

/* =========================================================================================================
HEADER STYLE
============================================================================================================*/
.branding {margin: 0 auto; padding: 0; max-width: 2560px;}
.home .branding {position: absolute; top: 0; left:0; width: 100%; z-index: 99;}
.branding .container {position: relative; display: grid; grid-template-columns: 30% 70%;}
.branding .custom-logo-link {margin: 1rem 0; padding: 0; position: relative; z-index: 10; width: 350px; }


/* smaller resolutions  */
@media (min-width : 1025px) and (max-width : 1410px) {
    .branding .container {padding: 0 2rem !important;}
}

/* begin media for smartphone  */
@media (min-width : 230px) and (max-width : 767px) {
     header {display: none;}
     #hamburgericonmenuwrapper {padding:0 1rem;}
    .custom-logo-link {margin: 1.5rem 0 1rem; width: 200px; position: relative; z-index: 10;}
}
/* iPads (portrait)  */
@media (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
}
/* iPads (landscape)  */
@media (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {

}



/* =========================================================================================================
MAIN MENU STYLE
============================================================================================================*/

header nav {margin:0; padding: 0;}
header .primary-menu {margin:2rem 0 0; padding:0; width: 100%; display: grid; grid-auto-flow: column; justify-content: end; clear: both;}
header .primary-menu li {margin:0; padding:0; position: relative;}
header .primary-menu li a {display: inline-block; margin:0 0 0 2rem; padding: 0.9rem 1.2rem; border-radius:18px; color: var(--primary); font-size: 22px; font-weight: 600; line-height: 0.8; text-transform: uppercase;}
header .primary-menu li.contact a {background-color: var(--primary); color: var(--bg);} 
header .primary-menu li.contact a:hover {background-color: var(--third); color: var(--bg);} 

header .primary-menu li a:hover {background-color: var(--primary); color: var(--bg);}
.home header .primary-menu li a {color: var(--bg);}

header .primary-menu li .sub-menu {position: absolute; width: auto; top:42px; left: -9999999999px; margin:0; padding:10px 0 20px; height: auto; z-index: 9999999; background-color: var(--text); border: 2px solid #404040; border-radius: 18px;}
li.menu-item-has-children:hover .sub-menu, li.menu-item-has-children[aria-expanded="true"] .sub-menu {left: 4px;}
header .primary-menu li .sub-menu li  {margin:0; padding: 0; height: auto; white-space: nowrap; text-align: left;}
header .primary-menu li .sub-menu li a {display: block; margin:0; padding: 0.2rem 5rem 0.2rem 1.5rem ; font-size: 20px; text-align: left; line-height: 1.4; border-bottom: 0 solid transparent; font-weight:700; color: #404040;}

header .primary-menu li.current-menu-item a  {}
header .primary-menu li .sub-menu li.current-menu-item a  {background-color: var(--accent); } 
header .primary-menu li .sub-menu li a:hover {background-color: var(--accent);}

header .primary-menu li.current-menu-item .sub-menu li a {}
header .primary-menu li.current-menu-item .sub-menu li.current-menu-item a  {}
header .primary-menu li.current-menu-item .sub-menu li a:hover {color: #404040;}


/* iPads (portrait) ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {  
    
}

/* iPads (landscape) ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
@media (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
   
}


/* =========================================================================================================
HAMBURGER MENU
============================================================================================================*/

#hamburgericonmenuwrapper {display: none; width: 100%;}
#hamburgerui {overflow: hidden; position: fixed; right: 0; top: 0; z-index: 9999999; width: 40%;}
#hamburgerui ul {margin: 0; padding: 4px 10px; list-style-type: none; width: 40%; background: transparent; height: 50px; overflow: hidden; float: right;}
#hamburgerui li {display: block; margin: 0; padding:0;}
#hamburgerui li a.toggleButton {display: block; width: 40px; height: 40px; position: absolute; top: 6px; right: 6px;  text-decoration: none; margin:0; padding: 10px 20px; color: var(--primary); outline: none;   -webkit-transition: all 0.5s; transition: all 0.5s; z-index: 999999; background-color:  rgba(255,255,255,.5);}
#hamburgerui li a:visited {color: var(--primary);}
#hamburgerui li a:hover{color: var(--primary);}

#navtoggler {display: block; position: absolute; top: 50%; left: 50%; font-size: 8px; width: 4em; height: 2.5em; padding: 0; text-indent: -1000px; border: 0.6em solid var(--primary);  border-width: 0.6em 0; cursor: pointer; -webkit-transform: translate3D(-50%, -50%, 0); transform: translate3D(-50%, -50%, 0); -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; z-index: 999999;}
#navtoggler::before, #navtoggler::after{content: ""; display: block; position: absolute; width: 100%; height: 0.6em; top: 50%; margin-top: -0.3em; left: 0; background: var(--primary);  -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in;  z-index: 999999;}

/* ###### CSS for Full Screen Menu NAV ###### */
.menu-mobile-menu-container {margin:0; padding: 10px 0 0 10px; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; 
 background-color:  rgba(2,140,199,.9); visibility: hidden; overflow: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translate3D(100%, 0, 0); transform: translate3D(100%, 0, 0);  -webkit-transition: -webkit-transform 0.5s, visibility 0s 0.5s; transition: transform 0.5s, visibility 0s 0.5s;}

/* #### Menu Hamburger Icon UI when shrinked CSS ######## */
#hamburgerui.shrink li:nth-last-of-type(n+2) a{opacity: 0; pointer-events: none;}

/* #### Menu Opened State CSS ######## */
#hamburgericonmenuwrapper.open .menu-mobile-menu-container {visibility: visible; -webkit-transform: translate3D(0, 0, 0);  transform: translate3D(0, 0, 0); -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s;}
#hamburgericonmenuwrapper.open #navtoggler{ border-width: 0; z-index: 999999;}
#hamburgericonmenuwrapper.open #navtoggler::before{-webkit-transform: rotate(-45deg); transform: rotate(-45deg); background: var(--primary);  z-index: 9999999 !important;}
#hamburgericonmenuwrapper.open #navtoggler::after{-webkit-transform: rotate(45deg); transform: rotate(45deg); background: var(--primary);  z-index: 9999999 !important;}
#hamburgericonmenuwrapper.open #hamburgerui li:nth-last-of-type(n+2) a{ opacity: 0; pointer-events: none;}
#hamburgericonmenuwrapper.open .menu-mobile-menu-container ul{ opacity: 1; -webkit-transform: translate3D(0, 0, 0); transform: translate3D(0, 0, 0); 
/* restore UL to original positon */}

/* begin media for smartphone --------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media (min-width : 230px) and (max-width : 767px) {

    .menu-main-menu-container {display: none;}
    #hamburgericonmenuwrapper {display: block !important;}

    #hamburgericonmenuwrapper  .menu-item-has-children .sub-menu {display: block !important;}	
    #hamburgericonmenuwrapper  .menu-item-has-children .sub-menu li a {display: block !important;}	

    #menu-main-menu-1 {margin:0;}
	.menu-mobile-menu-container li a {display: block; margin:0; padding:8px 10px; color: var(--bg); font-size: 30px; line-height: 1; text-transform: uppercase; letter-spacing: 1px;white-space: wrap;}
    .menu-mobile-menu-container li.menu-item-has-children  {padding-top: 0;}
    .menu-mobile-menu-container li.menu-item-has-children a:first-of-type { font-weight: 700;}
    .menu-mobile-menu-container li .sub-menu {margin:0 0 10px 0; padding:4px 0 10px 0; width: 96%; border-top: 1px solid var(--text); border-bottom: 1px solid var(--text);}
    .menu-mobile-menu-container li .sub-menu li {display: block; margin:0; padding:0 !important; float: none; white-space: nowrap; font-size: 16px;}
    .menu-mobile-menu-container li .sub-menu li a {display: block; margin:0; padding:6px 10px; color: var(--text);  line-height: 1; font-size: 16px; font-weight: 400 !important;}
    .menu-mobile-menu-container .logoMobile {margin: 1rem 0 2rem 4px; width: 230px; }

    .menu-mobile-menu-container .social-menu {margin:20px 0 0 4px; padding:0; display: inline-block; width: auto;}
    .menu-mobile-menu-container .social-menu li {margin:0; padding:0; display: inline-block; width: auto;}
    .menu-mobile-menu-container .social-menu li a {margin:0; padding:0; color: transparent; font-size: 0;}
    .menu-mobile-menu-container .social-menu li a i {margin:0; padding:0; font-size: 45px; color: var(--bg);}
 
}





.cg-hero__panel-box {padding-top: 7.5rem;}
.cg-hero h1 {padding: 0 0 0.8rem; color: var(--bg); width: 90%; border-bottom: 1px solid var(--bg);}
.cg-hero p {padding: 0.8rem 0 0; color: var(--bg); font-size: 28px; line-height: 1.4; width: 90%;}

/* begin media for smartphone  */
@media (min-width : 230px) and (max-width : 767px) {
  .cg-hero__panel-box {position: static !important; background-color: #020f19;width: 100% !important;}
.cg-hero__panel-box {padding-top: 1rem; }
.cg-hero h1 {padding: 0 0 0.8rem; width: 100%; font-size: 26px;}
.cg-hero p {padding: 0.8rem 0 0; font-size: 18px; line-height: 1.4; width: 100%;}


}



.homeServices {padding: 6rem 0 !important; background: transparent url('images/bg-Services.jpg') no-repeat center center; background-size: cover;}
.homeServices .cg-card .wp-block-image img {width: 180px !important; text-align: center !important; margin: 1rem auto;}
.homeServices .cg-card {padding: 3.5rem 1rem 5rem; border: 0 !important; text-align: center; background-color:  rgba(133,135,136,.1); border-radius: 18px;}
.homeServices .cg-card h3 {font-weight: 500;}
.homeServices .cg-card p {margin:-1rem auto 0 !important; padding: 0 !important; width: 80%; line-height: 1.5;}
.homeServices .cg-cards__grid {padding: 5rem 3rem !important; grid-column-gap: 2rem;}

.homeProjects {padding: 6rem 0 !important; background: transparent url('images/homeProjects-bg.jpg') no-repeat center center; background-size: cover;}
.homeProjects .cg-post-list {padding: 8rem 3rem !important;}
.homeProjects .cg-post-list__item {border-radius: 16px; background-color:  rgba(255,255,255,.1);}
.homeProjects .cg-post-list img {border-radius: 16px 16px 0 0;}
.homeProjects .cg-post-list h3 {padding: 2rem 0.5rem; text-align: center;}
.homeProjects .cg-post-list h3 a {font-size: 32px; color: var(--primary); letter-spacing: 1px;}



.homeBlog {padding: 6rem 0 !important; background: transparent url('images/homeblog-bg.jpg') no-repeat center center; background-size: cover;}
.homeBlog .cg-post-list {padding: 8rem 1rem !important;}
.homeBlog .cg-post-list img {border-radius: 16px;}
.homeBlog .cg-post-list h3 {padding: 1rem 0.5rem; text-align: center;}
.homeBlog .cg-post-list h3 a {font-size: 32px; color: var(--primary); letter-spacing: 1px;}


.posts-wrapper {margin: 0 auto; padding: 0 0 3rem; width: 100%; max-width: 1300px; display: grid; grid-template-columns: 1fr 1fr 1fr;}

.posts-wrapper article img {border-radius: 16px;}
.posts-wrapper article h3 {padding: 0.5rem; line-height: 1 !important; text-align: center;}
.posts-wrapper article h3 a {font-size: 32px; color: var(--primary); letter-spacing: 1px;}



/* begin media for smartphone  */
@media (min-width : 230px) and (max-width : 767px) {
  .posts-wrapper {padding: 0 1rem 3rem; grid-template-columns: 1fr !important;}

}

/* =========================================================================================================
INTERNAL PAGES STYLE
============================================================================================================*/

.pageTitle {margin:0 auto 3rem; padding:4rem 0; background: transparent url('images/homeProjects-bg.jpg') no-repeat center center; background-size: cover;position: relative;}
.pageTitle h1 {margin: 0 auto; padding:0; text-align: center; color: var(--primary);  font-weight: 700; font-size: 70px; text-transform: uppercase;}

.internalContent {margin: 0 auto; padding: 0 0 3rem;  width: 100%; max-width: 2560px; min-height: 300px;}
.internalContent p {margin:0; padding:0 0 1rem; font-size: 18px; line-height: 1.6;}

.internalContent h2 {margin:0; padding:3rem 0 2rem; line-height: 1; font-size: 35px; border: 0; font-weight: 700;}

.internalContent h3, .internalContent h4, .internalContent h5, .internalContent h6 {margin: 0; padding:1rem 0 0.6rem; font-size: 28px; font-weight: 700;}

.internalContent ul {margin:0; padding:0.5rem 0 1.5rem;}
.internalContent ol {margin:0; padding:0.5rem 0 1.5rem 1.5rem;}

.internalContent ul li, .internalContent ol li {margin:0; padding:0 0 0.2rem 1rem; position: relative; text-align: left; font-size: 18px; line-height: 1.8; letter-spacing: 1px;}
.internalContent ul li:before {content:''; position: absolute; top: 13px; left: 0; display: block; margin:0; padding:0; width: 6px; height: 6px; background-color: var(--primary); border-radius: 50%;}

.internalContent a {color: var(--primary);}
.internalContent figure a {border-bottom: 0;}
.internalContent a:hover {color: var(--accent);}
.internalContent img > a {border-bottom: 0 !important;}
.internalContent a[href$=jpg], .internalContent a[href$=jpeg], .internalContent a[href$=jpe], .internalContent a[href$=png], .internalContent a[href$=gif] {text-decoration: none !important; border: 0 none !important;}

.internalContent .wp-block-image a:hover {background-color: transparent !important;}
.internalContent .gform_body ul {margin:0 !important; padding:0 !important;}
.internalContent .gform_body ul li:before, .internalContent .event_listings ul li:before  {display: none !important;} 

.internalContent .button {padding: 0.5rem 2rem !important; font-size: 20px !important;}
.internalContent .button, .internalContent .button a, .internalContent .button:hover, .internalContent .button a:hover {color: #454545; text-decoration: none;}

.blocks-gallery-grid li:before {display: none !important;}
.blocks-gallery-grid li {padding: 0 !important;}

.internalContent .wp-block-column h2 {margin:0;}
.internalContent .wp-block-column ul {margin: 1rem 0; padding: 0;}
.internalContent .wp-block-column ul li {margin: 0 0 0 20px;}

a.wp-element-button {margin:0; padding: 1rem 2rem !important; text-align: center; width: auto; height: auto; display: inline-block; font-size: 20px !important; background-color: var(--primary); border: 2px solid var(--primary); color: var(--bg) !important; font-weight: 600; line-height: 0.8; transition-property: all; transition-duration: 0.5s; transition-timing-function: ease-out; font-family: var(--paragraphFont); border-radius: 18px !important; text-transform: uppercase;}

a.wp-element-button:hover {background-color: transparent; color: var(--primary) !important;}
.wp-block-buttons {margin: 1rem auto;}

/* begin media for smartphone  */
@media (min-width : 230px) and (max-width : 767px) {
  .pageTitle h1 {font-size: 40px;}
}
/* iPads (portrait)  */
@media (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {    
}
/* iPads (landscape) */
@media (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
}


/* =========================================================================================================
FOOTER STYLE
============================================================================================================*/

footer {margin: 0 auto; width: 100%; max-width: 2560px; padding:0; color: var(--bg); background: transparent url('images/footer-bg.jpg') no-repeat center center; background-size: cover;}
footer .container {display: grid; grid-template-columns: 1fr 1fr 1fr;}
footer article {padding: 2.5rem 0 2.3rem;}
footer article:nth-of-type(2) {padding-left: 20%;}
footer article:nth-of-type(3) {text-align: right;}
footer h4 {margin:0; padding:0; font-size: 20px; font-weight: 600 !important; line-height: 1; color: var(--text); text-transform: uppercase;}
footer p {margin:0; padding:0.4rem 0 !important; font-size: 18px; line-height: 1.5; color: var(--bg); text-align:left;}
footer a {color: var(--bg);}

footer .footer {margin:1rem 0; padding:0; list-style-type: none; display: grid; grid-auto-flow: column; justify-content: center;}
footer .footer li {margin:0; padding:0 1rem; font-size: 16px !important; line-height: 1.4; position: relative;}
footer .footer li a:hover {text-decoration: underline;}

footer .social-menu {margin:0.5rem 0 0 0; padding:0; display: inline-block; width: auto;}
footer .social-menu li {margin:0 10px 0 0; padding:0; display: inline-block; width: auto;}
footer .social-menu li a {color: transparent; font-size: 0;}
footer .social-menu li a i {margin:0; padding:0; font-size: 56px; color: var(--bg);}

.copyrights {margin:0; padding:1rem 0.5rem; background-color: var(--bg); text-align: center;}
.copyrights p {margin: 0; padding: 0 !important; font-size: 18px !important; color: var(--text); text-align: center;}
.copyrights p a {color: var(--text);}

.copyrights .monty {margin: 0.4rem 0 0 0; padding: 0 !important; font-size: 12px !important; color: var(--text); text-align: center;}
.copyrights .monty a {color: #00C6C7;}

/* begin media for smartphone  */
@media (min-width : 230px) and (max-width : 767px) {
	footer {padding:0;}
    footer .container {grid-template-columns: 1fr;}
    footer article {padding: 1rem; text-align: center;}
    footer article:nth-of-type(2) {padding-left: 0; text-align: center;}
    footer article:nth-of-type(2) p {display: inline-block; width: 205px;}  
    footer article:nth-of-type(3) {text-align: center;}
}
/* iPads (portrait)  */
@media (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {
   footer {padding:3rem 1rem 0;}
}
/* iPads (landscape)  */
@media (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {
}


/* =========================================================================================================
GUTHENBERG STYLES
============================================================================================================*/
.alignwide, .alignfull {width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important;}

.wp-block-code {padding: 0.8em 1em; margin-left: 14px; margin-right: 14px;}
.wp-block-cover-text p {padding: 1.5em 14px;}

.wp-block-embed.type-video > .wp-block-embed__wrapper {position: relative; width: 100%; height: 0; padding-top: 56.25%;}
.wp-block-embed.type-video > .wp-block-embed__wrapper > iframe {position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0;}

.wp-block-gallery:not(.components-placeholder) {margin: 1.5em auto;}
.wp-block-group > .wp-block-group__inner-container > *:not(.entry-content) {max-width: 580px; margin-left: auto; margin-right: auto;}
.wp-block-group > .wp-block-group__inner-container > .alignwide {max-width: 1070px;}
.wp-block-group > .wp-block-group__inner-container > .alignfull {max-width: 100%;}
.wp-block-group.has-background > .wp-block-group__inner-container > :first-child {margin-top: 0;}
.wp-block-group.has-background > .wp-block-group__inner-container > .alignfull {width: calc( 100% + 60px ); max-width: calc( 100% + 60px ); position: relative; left: -30px;}

.wp-block-image {margin: 0 0 3em; display: inline;}
.wp-block-image img {display: block;}

.wp-block-image.alignleft,
.wp-block-image.alignright {width: 100%}
.wp-block-image.alignfull img {width: 100vw;}
.wp-block-image .alignleft img,
.wp-block-image .alignright img,
.wp-block-image .alignleft figcaption,
.wp-block-image .alignright figcaption {max-width: 100%; width: 100%;}

ul.wp-block-latest-posts.alignwide,
ul.wp-block-latest-posts.alignfull,
ul.wp-block-latest-posts.is-grid.alignwide,
ul.wp-block-latest-posts.is-grid.alignwide {padding: 0 14px;}

.wp-block-navigation-link__label {font-family: inherit;}

.wp-block-quote {margin-left: 14px; margin-right: 14px; padding: 0;}
.wp-block-quote > * {margin-left: 1rem;}
.wp-block-quote.is-large, 
.wp-block-quote.is-style-large {margin: 36px auto; padding: 0;}
.wp-block-quote.is-large cite, 
.wp-block-quote.is-large footer, 
.wp-block-quote.is-style-large cite, 
.wp-block-quote.is-style-large footer {font-size: 13px; font-size: 0.8125rem;}

.wp-block-separator {margin: 3em auto; padding: 0;}

.wp-block-table {overflow-x: auto; margin-left: 14px; margin-right: 14px; width: calc( 100% - 28px );}
.wp-block-table table {border-collapse: collapse; width: 100%}
.wp-block-table td, .wp-block-table th {padding: .5em;}

.wp-block-video video {max-width: 580px;}

:where(.wp-block-columns) {
  margin-bottom: 0 !important;
}


/* Specific media queries -------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width: 608px) {
  .wp-block-code {margin-left: auto; margin-right: auto;}
  .wp-block-cover-text p {padding: 1.5em 0;}
  .wp-block-table {margin-left: auto; margin-right: auto; width: 100%;}	
}

@media screen and (min-width: 644px) {
  .wp-block-quote {margin: 0 auto;}
}


/* =========================================================================================================
GUTHENBERG COLOUR PALETTE
============================================================================================================*/

.has-accent-color {color: var(--accent) !important; border-color: var(--accent) !important;}
.has-accent-color li:before {background-color: var(--accent) !important;}
.has-accent-background-color {background-color: var(--accent); padding: 2rem !important;}

.has-primary-color {color: var(--primary) !important; border-color: var(--primary) !important;}
.has-primary-color li:before {background-color: var(--primary) !important;}
.has-primary-background-color {background-color: var(--primary); padding: 2rem !important;}

.has-third-color {color: var(--third) !important; border-color: var(--third) !important;}
.has-third-color li:before {background-color: var(--third) !important;}
.has-third-background-color {background-color: var(--third); padding: 2rem !important;}

.has-paragraph-color {color: var(--text) !important; border-color: var(--text) !important;}
.has-paragraph-color li:before {background-color: var(--text) !important;}
.has-paragraph-background-color {background-color: var(--text); padding: 2rem !important;}

.has-panel-color {color: var(--bg) !important; border-color: var(--bg) !important;}
.has-panel-color li:before {background-color: var(--bg) !important;}
.has-panel-background-color {background-color: var(--bg); padding: 2rem !important;}

.has-black-color {color:#000 !important; border-color:#000 !important;}
.has-black-color li:before {background-color:#000 !important;}
.has-black-background-color {background-color:#000; padding: 2rem !important;}

.has-white-color {color: #fff !important; border-color: #fff !important;}
.has-white-color li:before {background-color: #fff !important;}
.has-white-background-color {background-color: #fff; padding: 2rem !important;}

.has-small-font-size {font-size: 16px !important;}
.has-regular-font-size {font-size: 20px !important;}
.has-large-font-size {font-size: 40px !important;}
.has-huge-font-size {font-size: 60px !important;}

/* =========================================================================================================
CSS ANIMATIONS
============================================================================================================*/

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-ms-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

@-webkit-keyframes fadeOut { from { opacity:1; } to { opacity:0; } }
@-moz-keyframes fadeOut { from { opacity:1; } to { opacity:0; } }
@-ms-keyframes fadeOut { from { opacity:1; } to { opacity:0; } }
@keyframes fadeOut { from { opacity:1; } to { opacity:0; } }

#fade-in {opacity:0; -webkit-animation:fadeIn ease-in 1; -moz-animation:fadeIn ease-in 1; animation:fadeIn ease-in 1; -webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-duration:1s; -moz-animation-duration:1s; animation-duration:1s;}
:root #fade-in { opacity:1 \0/IE9; } 
#fade-in.first {-webkit-animation-delay: 0.25s; -moz-animation-delay: 0.25s; animation-delay: 0.25s;}
#fade-in.second {-webkit-animation-delay: 0.5s; -moz-animation-delay:0.5s; animation-delay: 0.5s;}
#fade-in.third {-webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s;}
.fade-out.first {-webkit-animation-delay: 0.25s; -moz-animation-delay: 0.25s; animation-delay: 0.25s;} 
.fade-out.second {-webkit-animation-delay: 0.5s; -moz-animation-delay:0.5s; animation-delay: 0.5s;}
.fade-out.third {-webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s;}