/*
Theme Name: XKY Energy
Theme URI: https://www.45b.co.uk
Author: 45b
Version: 1.0
*/

@import "style-base.css"; 

/*--------------------------------------------------------------
# Body
--------------------------------------------------------------*/

html {
  height: 100%;
  width: 100%;
  overflow: visible; 
}

html, body {
  background: #fefefe;
  color: #000;
  font-family: 'Raleway', Helvetica, Arial, sans-serif!important;
  overflow: visible;
}

.container {max-width: 100%;}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
  font-family: 'Raleway', Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-style: normal;
  margin-bottom: 1em;
}

h1 {font-size: 3.4em; }
h2 {font-size: 2.6em;}
h3 {font-size: 1.6em;}
h4 {font-size: 1.4em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1em;}

p {font-weight: 300;}
.main-copy ul, .main-copy ol {font-weight: 300; color: #000; margin-bottom: 1.5em;}

a {text-decoration: none; color: #009348;}
a:hover {text-decoration: none; color: #000;}

.row-black {background: #1b1b1b;}
.row-tint {background: #efefef;}
strong {font-weight: bold;}

.dgreen {color: #009348;}
.lgreen {color: #6dffb4;}
.dblue {color: #576cb3;}

.row-dgreen {background: #009348;}
.row-lgreen {background: #6dffb4;}
.row-dblue {background: #576cb3;}


.cta-button {display: inline-block; font-family: 'Raleway', Helvetica, Arial, sans-serif; background: #6dffb4; color: #1b1b1b; padding: 0.5em 1em; font-weight: bold; border-radius: 20px; border: 2px solid #1b1b1b;
-webkit-transition: all 0.3s;
-moz-transition: allr 0.3s; 
transition: all 0.3s; 
transform: 0.3s;}
.cta-button:hover {background: #009348; color: #fff; text-decoration: none; border: 2px solid #009348;}


.cta-button-highlight {display: inline-block; font-family: 'Raleway', Helvetica, Arial, sans-serif; color: #6dffb4!important; padding: 0.5em 1em; font-weight: bold; border-radius: 20px; border: 2px solid #1b1b1b;
background: linear-gradient(45deg,  rgba(27,27,27,1) 0%,rgba(0,147,72,1) 100%);
-webkit-transition: all 0.3s;
-moz-transition: allr 0.3s; 
transition: all 0.3s; 
transform: 0.3s;}
.cta-button-highlight:hover {color: #fff!important;}

.head-contact .cta-button-highlight i {color: #fff; display: inline-block; padding-right: 5px;}

/* Main Copy */
.main-copy {padding-top: 3em; padding-bottom: 3em;}
.main-copy ul {margin-left: -1em;}
.main-copy ul li {padding-bottom: 1.0em; color: #1b1b1b; font-weight: 400;}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

header {width: 100%;}

.head-logo {text-align: center; padding-top: 1em; padding-bottom: 1em;}
.head-logo img {max-width: 200px;}
.head-contact {font-size: 0.9em; font-weight: bold; margin-bottom: 1em; text-align: center;}
.head-contact a {color: #1b1b1b;}
.head-contact i {color: #009348;}
.head-social {font-size: 1.4em; text-align: center;}


/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
.head-menu {display: none; justify-content: flex-end;}
.head-menu  ul {list-style: none; padding: 0; margin: 0 0 0 -1em;}
.head-menu  ul li {display: inline-block; cursor: pointer; margin: 0 0.5em; } 
.head-menu  a {display: inline-block; font-size: 0.8em; text-transform: uppercase; margin: 0; padding: 0; color: #1b1b1b; text-decoration: none; font-family: 'Raleway', Helvetica, Arial, sans-serif; font-weight: bold;}
.head-menu  a:hover {color: #009348;}
.head-menu  ul li.current-menu-item a, .main-menu-container ul li.current-page-ancestor a  {color: #009348; font-weight: bold;}

.head-menu  ul li.menu-item-has-children:hover a {color: #009348;}
.head-menu  ul li.dropdown-toggle a:after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .2em solid;
    border-right: .2em solid transparent;
    border-bottom: 0;
    border-left: .2em solid transparent;
    color: #576cb3;
}

ul.dropdown-menu {z-index: 10000; margin: 0;
-webkit-transition: color 0.4s, background 0.4s, border 0.4s;
-moz-transition: color 0.4s, background 0.4s, border 0.4s; 
transition: color 0.4s, background 0.4s, border 0.4s; 
transform: 0.3s;}

.dropdown-menu {background: #efefef; color: #fff; width: auto; border: none; border-radius: 0; margin-top: 10px;}
.head-menu  ul.dropdown-menu li {margin: 0; width: 100%; background: #efefef;}
.head-menu  ul.dropdown-menu li a {padding: 0.75em 0.5em; border-bottom: 1px solid #000; font-size: 0.8em; font-weight: 600; color: #009348!important;
-moz-transition: all 0.4s; 
transition: all 0.4s; 
transform: 0.3s;}
.head-menu  ul.dropdown-menu li a:hover {background: #009348; border-left: 5px solid #1b1b1b; color: #fff!important; border-radius: 0; padding-left: 10px;}



.head-menu  ul li.dropdown:hover ul.dropdown-menu {
    display: block;
    -webkit-animation: slide-down .3s ease-out;
    -moz-animation: slide-down .3s ease-out;
}

@-webkit-keyframes slide-down {
      0% { opacity: 0; -webkit-transform: translateY(-20%); }   
    100% { opacity: 1; -webkit-transform: translateY(0); }
}
@-moz-keyframes slide-down {
      0% { opacity: 0; -moz-transform: translateY(-20%); }   
    100% { opacity: 1; -moz-transform: translateY(0); }
}

/* Mobile */
.menu-wrapper {
    position: absolute;
    display: block;
	top: 20px;
	right: 0;
}

.hamburger-menu {
    position: absolute;
    right: 20px;
    z-index: 1000;
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    width: 30px;
    height: 30px;
}

/* Full-page menu styles */
.full-page-menu {
    position: fixed;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    z-index: 999;
    transition: top 0.5s ease-in-out;
}

.full-page-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.full-page-menu ul li {
    margin: 0;
}

.full-page-menu ul li a {
	font-family: 'Raleway', Helvetica, Arial, sans-serif; 
	font-weight: bold;
    text-decoration: none;
    font-size: 1em;
    color: #fff;
    transition: color 0.3s;
	
}

.full-page-menu ul li a:hover {
    color: #6dffb4;
}

.full-page-menu i {color: #6dffb4;}

.nav-link {padding: 0.4em 0;}

/* Active menu styles */
.full-page-menu.active {
    top: 0;
}

button:focus {outline: none;}

#nav-icon {
  width: 30px; /* was 60px */
  height: 22.5px; /* was 45px */
  position: relative;
  margin: 25px auto; /* was 50px */
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon span {
  display: block;
  position: absolute;
  height: 4.5px; /* was 9px */
  width: 100%;
  background: #009348;
  border-radius: 4.5px; /* was 9px */
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon span:nth-child(1) {
  top: 0px;
}

#nav-icon span:nth-child(2) {
  top: 9px; /* was 18px */
}

#nav-icon span:nth-child(3) {
  top: 18px; /* was 36px */
}

#nav-icon.open span:nth-child(1) {
  top: 9px; /* was 18px */
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon.open span:nth-child(2) {
  opacity: 0;
  left: -30px; /* was -60px */
}

#nav-icon.open span:nth-child(3) {
  top: 9px; /* was 18px */
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

main {}

/************/
/* Homepage */
/************/


/* Slideshow */
#carousel {min-height: 500px;}
.carousel-inner {}
.carousel-item {background-size: cover; background-position: center center; background-repeat: no-repeat;}
.slide-text {display: flex; align-items: center; min-height: 500px; color: #fff;
width: 100%; height: 100%;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1b1b1b+0,ffffff+100&1+0,0+100 */
background: linear-gradient(45deg,  rgba(27,27,27,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.slide-text h1 {font-size: 2em; margin-bottom: 0.2em;}
.carousel-control-next, .carousel-control-prev {width: auto;}
.carousel-control-next-icon, .carousel-control-prev-icon {width: 3em; height: 3em; background-image: none!important;}
.carousel-control-next-icon::after, .carousel-control-prev-icon::after {font-family: 'Font Awesome 6 Pro'; font-weight: 300; font-size: 3em; color: #ddd;}
.carousel-control-next-icon::after {content: "\f105";}
.carousel-control-prev-icon::after {content: "\f104";}

/************/
/* Content */
/************/

.highlight-panel {padding-top: 3em; padding-bottom: 3em;
background: linear-gradient(45deg,  rgba(27,27,27,1) 0%,rgba(0,147,72,1) 100%);}
.highlight-panel h2 {font-size: 2.0em;}

.info-panels {padding-top: 3em; padding-bottom: 3em;}
.info-panels h2 {font-size: 2.0em; color: #6dffb4; margin-bottom: 1.5em;}
.info-panels h2 img {height: 1.6em;}
.info-panel a {color: #1b1b1b;}
.info-panel-read-more {opacity: 0;}

.info-panel {position: relative; height: 100%; background: #fff; padding: 1em; border-radius: 10px; cursor: pointer;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s; 
transition: all 0.4s; 
transform: 0.4s;}
.info-panel:hover {transform: scale(1.05);}
.info-panel:hover .info-panel-read-more {opacity: 1;}

.info-panel-title {text-align: center;}
.info-panel-title h3 {font-size: 2em; color: #009348;}
.info-panel-icon {background: #6dffb4; width: 60px; height: 60px; padding-top: 10px; border-radius: 30px; border: 5px solid #fff; margin: -40px auto 0 auto;}
.info-panel-icon i {color: #1b1b1b; font-size: 1.8em;}
.info-panel-image {width: 100%; height: 200px; background-size: cover; background-repeat: no-repeat; background-position: center center; display: flex; justify-content: center; align-items: center;}
.info-panel-text {font-size: 0.9em; color: #1b1b1b;}


/* Testimonial Slider */
#testi-slider {}

.testimonials {padding-top: 3em; padding-bottom: 3em; background: #efefef;}
.testimonials h2 {font-size: 2.0em; margin-bottom: 1.5em;}
.testimonials h2 img {height: 1.6em;}

.carousel-item img {width: 100%;}
.testimonial-text {position: relative; color: #009348;}
.testimonial-text p {margin-bottom: 0; font-size: 1.4em;}
.testimonial-name {color: #1b1b1b; font-style: italic; font-weight: bold;}

.carousel-control-next, .carousel-control-prev {width: auto;}
.carousel-control-next-icon, .carousel-control-prev-icon {width: 3em; height: 3em; background-image: none!important;}
.carousel-control-next-icon::after, .carousel-control-prev-icon::after {font-family: 'Font Awesome 6 Pro'; font-weight: 300; font-size: 3em; color: #999;}
.carousel-control-next-icon::after {content: "\f061";}
.carousel-control-prev-icon::after {content: "\f060";}

.slick-track {}
.slick-track .slick-slide {
  position: relative;
  margin: 0 10px;
}
.slick-slide div {width: 100%;}
.slick-slide .img {width: 100%;}

.slick-prev, .slick-next {z-index: 100; bottom: 0;}
.slick-prev {}
.slider {margin-bottom: 2em;}
.slider img {overflow: hidden;}

.slick-dots {bottom: -40px; margin-top: 1em;}
.slick-dots li {margin: 0;}
.slick-dots li button:before {font-size: 12px; line-height: 12px; color: #009348;}


.masonry-container {
  column-count: 1;
  column-gap: 10px;
}

.masonry-panel {
  margin: 0;
  display: grid;
  grid-template-rows: 1fr auto;
  margin-bottom: 10px;
  break-inside: avoid;
}
.masonry-panel > .masonry-item {
  grid-row: 1 / -1;
  grid-column: 1;
  max-width: 100%;
  display: block;
  border: 1px solid #efefef;
  border-radius: 10px;
	padding: 20px;
}
.masonry-panel:nth-child(odd) > .masonry-item {
  background: #efefef;
}

.list-block {display: block; padding-bottom: 2em; margin-bottom: 2em; border-bottom: 1px solid #efefef;}

/* Logos */
.logos {padding-top: 3em; padding-bottom: 3em; text-align: center;}
.logos img {max-height: 70px; margin: 0.5em 2em;}

/* CTA Panel */
.cta-form {text-align: center; padding-bottom: 0;}
.cta-form h2 {color: #fff;}
.cta-form h4 {color: #6dffb4; margin-bottom: 2em;}

/* Form panel */
form {}
form p {}
label {width: 100%; font-size: 1.1em; margin-bottom: 0; font-family: 'Raleway', Helvetica, Arial, sans-serif;}
select { margin-bottom: 1em;}
textarea.form-control {height: 120px;}
.wpcf7-form-control {border-radius: 20px;}
.wpcf7-acceptance {margin-top: 1em;}
.wpcf7-list-item {margin-left: 0; margin-top: 1.6em;}

input[type="submit"] {display: inline-block; font-family: 'Raleway', Helvetica, Arial, sans-serif; background: #6dffb4; color: #000; border: none; padding: 0.5em 1em; border-radius: 20px; font-weight: bold;
-webkit-transition: all 0.3s;
-moz-transition: allr 0.3s; 
transition: all 0.3s; 
transform: 0.3s;}
input[type="submit"]:hover {background: #fff; color: #009348; text-decoration: none;}

.wpcf7 form.sent .wpcf7-response-output {color: #fff!important;}


.wpcf7-not-valid-tip {color: #ffcc00;}
.wpcf7-spinner {display: block; margin: 0 auto;}

/*  Hero */
.page-hero-image {clip-path: polygon(10% 0, 100% 0%, 100% 100%, 0% 100%); height: 300px; background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed;}

.page-hero-image-text {padding-top: 2em; padding-bottom: 2em;}
.hero-text {width: 100%; color: #fff; font-family: 'Raleway', Helvetica, Arial, sans-serif;}

.hero-text h1 {display: inline-block; color: #fff; margin-bottom: 0.2em; font-weight: bold; font-size: 3.4em; text-shadow: 0px 0px 3px rgba(0,0,0,0.8);}
.hero-text h2 {color: #6dffb4; font-size: 1.6em; margin-bottom: 0.5em; text-shadow: 0px 0px 3px rgba(0,0,0,0.8);}

.page-hero {background: linear-gradient(45deg, rgba(27,27,27,1) 0%,rgba(0,147,72,1) 100%);}
.watermark {width: 100%; height: 100%; background-image: url("assets/images/watermark.png"); background-position: center center; background-repeat: no-repeat; background-size: cover;}
.hero-text-no-image {width: 100%; color: #666; padding-top: 2em; padding-bottom: 2em; font-family: 'Raleway', Helvetica, Arial, sans-serif;}
.hero-text-no-image p {font-weight: bold;}
.hero-text-no-image h1 {color: #fff; margin-bottom: 0.2em; font-weight: bold; font-size: 3.4em;}
.hero-text-no-image h2 {color: #6dffb4; font-size: 1.6em; margin-bottom: 0;}

/* Sub Page Panels */
.sub-page-panels {background: #fafafa; padding: 1em 0 0 0; border-bottom: 1px solid #efefef;}
.sub-page-panels a {display: inline-block; color: #576cb3; font-weight: bold; line-height: 1; margin-bottom: 1em;}
.sub-page-panels a i {-moz-transition: all 0.4s; 
transition: all 0.4s; 
transform: 0.4s;}
.sub-page-panels a:hover {color: #009348;}
.sub-page-panels a:hover i {padding-left: 5px;}
.sub-page-panels a .small {color: #1b1b1b;}

/* Repeating Content Blocks */
.content-block {position: relative; color: #fff; overflow: hidden;}
.content-block-inner {padding-top: 4em; padding-bottom: 4em;}
.content-block h1, .content-block h2, .content-block h3, .content-block h4, .content-block h5, .content-block h6, .content-block a {color: #fff;}
.content-block a {text-decoration: underline;}
.content-block a.cta-button {color: #1b1b1b; text-decoration: none;}
.content-block a.cta-button:hover {color: #fff;}

.block-white {background-color: #fff; color: #1b1b1b;} 
.block-grey {background-color: #efefef; color: #1b1b1b;}
.block-black {background-color: #1b1b1b;}
.block-dgreen {background-color: #009348;}
.block-lgreen {background-color: #6dffb4; color: #1b1b1b;}
.block-blue {background-color: #576cb3;}
.block-gradient {background: linear-gradient(45deg,  rgba(27,27,27,1) 0%,rgba(0,147,72,1) 100%);}

.block-grey  h1, .block-grey h2, .block-grey  h3, .block-grey h4, .block-grey  h5, .block-grey  h6, 
.block-white  h1, .block-white h2, .block-white  h3, .block-white h4, .block-white  h5, .block-white  h6,
.block-lgreen  h1, .block-lgreen h2, .block-lgreen  h3, .block-lgreen h4, .block-lgreen  h5, .block-lgreen  h6
{color: #1b1b1b;}
.block-grey a, .block-white a, .block-lgreen a {color: #009348;}

.content-block-image-left {text-align: left;}
.content-block-image-right {text-align: right;}
.content-block img {border-radius: 10px;}
.content-block-image-left img, .content-block-image-right img {border-radius: 10px;}

.block-shadow {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 50px;
  background: rgba(170,170,170,0.1);
  z-index: 0;
  transform: skewY(2deg);
  transform-origin: top right;
}

.content-block .cta-button {display: inline-block; margin-top: 1em;}

/* Steps */
.step-item {height: 100%; border: 1px solid #fff; border-radius: 10px; padding: 0;}
.step-item h3 {background: #6dffb4; color: #1b1b1b; border-radius: 10px 10px 0 0; padding: 0.5em; margin-bottom: 0;}
.step-item-text {padding: 0.5em 1em;}
.block-white .step-item, .block-grey .step-item {border: 1px solid #ccc;}

/* Team Members */
.team-member {margin-bottom: 2em;}
.team-member-pic {width: 100%; max-width: 400px; height: 400px; margin-bottom: 1em; background-position: center center; background-repeat: no-repeat; background-size: cover; border-radius: 10px;}
.team-member h3 {font-size: 2em; margin-bottom: 0.4em;}
.team-member h4 {color: #009348;}

.contact-card {border: 1px solid #efefef; background: #fafafa; padding: 1em; border-radius: 10px;}
.contact-card p {margin-bottom: 0.2em;}


/* News */
.news-container {border: 1px solid #efefef; background: #fafafa; padding: 1em; border-radius: 10px; height: 100%;
-moz-transition: all 0.4s; 
transition: all 0.4s; 
transform: 0.4s;}
.news-container h4 {color: #1b1b1b; font-weight: bold; margin: 1em 0 0 0; line-height: 1; font-size: 1.2em;
-moz-transition: all 0.4s; 
transition: all 0.4s; 
transform: 0.4s;}
.news-container:hover {transform: scale(1.05);}
.news-container:hover h3 {color: #1b1b1b;}
.news-image {position: relative; height: 200px; width: 100%; margin: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; border-radius: 8px;}

.news-summary {border: 1px solid #efefef; background: #fafafa; padding: 1em; border-radius: 10px; margin-bottom: 2em;
-moz-transition: all 0.4s; 
transition: all 0.4s; 
transform: 0.4s;}
.news-summary h4 {color: #1b1b1b; font-weight: bold; margin: 1em 0 0 0; line-height: 1; font-size: 1.2em;
-moz-transition: all 0.4s; 
transition: all 0.4s; 
transform: 0.4s;}
.news-summary:hover {transform: scale(1.05);}
.news-summary:hover h3 {color: #1b1b1b;}

/* Pagination */
.pagination ul {padding: 0 0 3em 0;}
.pagination ul li.page-item {padding: 0; border: 0;}
.pagination ul li.page-item {margin-right: 5px;}
.pagination ul li.page-item .page-link {font-weight: bold; background: #ddd; color: #1b1b1b; border: none; margin-left: 0; height: 50px; width: 50px; border-radius: 10px; text-align: center; display: flex; justify-content: center; align-items: center;}
.pagination ul li.page-item .page-link:hover {background: #ccc; color: #1b1b1b;}
.pagination ul li.page-item .prev, .pagination ul li.page-item .next {width: auto;} 
.pagination ul li.page-item.active span {background: #6dffb4; color: #1b1b1b; border: none; margin-left: 0;}
.pagination ul li.page-item.active span:hover {background: #6dffb4; color: #1b1b1b; border: none; margin-left: 0;}

/* Case Studies */
.sidebar-photos img {margin-bottom: 2em; margin-right: 2em; border-radius: 15px; max-height: 300px;}
.quote-panel {background: #efefef; border-radius: 10px; padding: 2em; font-size: 1.4em; border-right: 10px solid #6dffb4; border-bottom: 10px solid #6dffb4; margin-bottom: 2em;}
.quote-panel p:last-child {margin-bottom: 0; font-weight: bold;}

/* Service Plans */
.service-plan {position: relative; background: #fff; border: 1px solid #ccc; border-radius: 15px; padding: 2em; text-align: center;}
.service-plan h3 {color: #009348;}
.service-plan-price {background: #6dffb4; display: inline-block; padding: 0.1em 0.5em; font-size: 1.4em; font-weight: bold; border-radius: 5px;}
.service-plan-items {text-align: center;}
.service-plan-items p {font-weight: bold; line-height: 1.2;}
.service-plan-items i {color: #009348;}
.notes {color: #999; font-size: 0.8em; font-weight: 300;}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

footer {color: #fff; background: #000; padding-top: 4em; padding-bottom: 4em; font-size: 0.8em;}
footer h3 {color: #6dffb4; font-size: 2.2em; margin-bottom: 0.7em;}
footer p {line-height: 1.8; color: #fff;}
footer ul {list-style: none; margin: 0; padding: 0;}
footer ul li {padding: 0 0 0.5em 0;}
footer a {color: #fff; text-decoration: none; font-weight: bold;}
footer a:hover {color: #6dffb4;}
footer i {color: #6dffb4;}

.footer-col {margin-bottom: 4em;}

.footer-logos {display: block; text-align: left; margin-top: 2em;}
.footer-logos img {max-height: 50px; margin-left: 2em;}

.legal {padding-top: 6em; font-size: 0.8em; color: #ddd;}

.grecaptcha-badge { 
    visibility: hidden !important;
}

/*--------------------------------------------------------------
# Media Query
--------------------------------------------------------------*/
/* MEDIA QUERIES */

@media screen and (min-width: 200px) {

}

@media screen and (min-width: 480px) {

}

@media screen and (min-width: 640px) {

}

@media screen and (min-width: 960px) {
header {width: 100%; position: fixed; z-index: 1000; background: #fff; box-shadow: 0 4px 2px -2px gray;}
main {padding-top: 85px;}
.container {max-width: 90%;}
.head-logo {text-align: left;}
.head-logo img {max-width: 150px;}
.head-contact {font-size: 0.8em; font-weight: bold; margin-bottom: 0; text-align: right;}
.head-social {text-align: right;}	
.slide-text h1 {font-size: 3.4em;}
.sub-page-panels a {margin-bottom: 0;}	
	
.masonry-container {
  column-count: 4;
}	
	
	
.footer-col {margin-bottom: 0;}
.footer-logos {position: absolute; bottom: 0; right: 0; clear: both;}
	
.staff-member-photo img {margin-bottom: 0;}	
.head-menu  {display: block;}
.head-menu  {display: flex; align-items: center;}
.menu-wrapper {display: none;}
.main-menu {display: block;}
}

	
@media screen and (min-width: 991px) {

}
@media screen and (min-width: 1200px) {

}

@media print {
/* Print CSS rules go here */

}