/*
Theme Name: Twenty Twenty Child
Theme URL: http://wpamanuke.com/
Description: Twenty Twenty Child Theme
Author: WPAmaNuke
Author URL: http://wpamanuke.com/
Template: twentytwenty
Version: 1.0.0
Text Domain: twentytwenty-child
*/
/**********************************************\
***********************************************

                == INDEX ==

\**********************************************
***********************************************

1.  Fonts
2.  Colours
3.  Page Structure
4.  Entry Headers
5.  Links
6.  Buttons
7.  Separator
8.  Media
9.  Tables
10. Lists
11. Navigation Menu
12. Footer
13. Contact Us
14. Post Template: Portfolio case studies
15. 404 Error Page
16. Archive
17. Case Study Portfolio (Archive)
18. Customized WP Gutenberg Blocks
        Quote Block
        Newsletter Sign-up
        Pull Quote
        Support Feature Block
19. Custom ACF Gutenberg Blocks
        Featured Post
        Recent Posts
        Services Block
        Services Button Row
        Icon & Text
20. Fancy Box Modal
21. Accessibility Modal
22. Cookies Bar
23. Mapbox GL JS Map
24. Support Hub
24.1 Support hub shop
25. Responsive Foundation Grid
26. Responsive CSS
        Tablet:    @media (max-width:1280px)
        Mobile:    @media (max-width: 766px)

\*============================================*/
/**********************************************\
1.  Fonts
\**********************************************/
body{
    font-family: font-family: 'Inter', 'Roboto', Sans-Serif;;
    line-height: 150%;
}
.entry-content{
    font-family: 'Inter', 'Roboto', Sans-Serif;
}
.entry-content p{
    font-size: 2.4rem;
    font-weight: 300;
    padding: 0 4rem;
    line-height: 150%;
    margin: 0 0 1em 0 !important;
}
strong{
    border-bottom: none !important;
}
.entry-content p.highlight-text{
	padding-left: 8rem;
    font-weight: 500;
    font-size: 2.6rem;
}
.entry-content .icon-text-p p{
	padding: 0 2rem 0 3rem;
}
.entry-content h1, .entry-content h2, .entry-content h3{
	margin: 2rem auto 2rem;
}
h1, h2, h3, h4, h5, h6, .faux-heading{
    letter-spacing: normal;
}
h1, h2, h3, h4, h5{
    line-height: 1.5;
}
h1.entry-title{
    padding-top: 3%;
    padding-right: 20%;
    font-size: 5.5rem;
    text-align: left;
    line-height: 1.2;
}
h2{
    font-weight: 900;
		/* Shouldn't be smaller than h3 */
    /* font-size: 3rem; */
}
h3{
    font-weight: 600;
    font-size: 4.2rem;
}
.entry-content h4{
    padding-right: 25%;
    font-size: 4.5rem;
}
.h5{
    font-size: 3rem;
    font-weight: 600;
}
/* Intro Text Block - Also appears on other pages*/
.intro-arrow:before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 4rem;
    content: "\f30b";
    color: #5674b9;
    position: absolute;
    margin-top: -1rem;
}
/**********************************************\
2.  Colours
\**********************************************/
/**********************************************\
3.  Page Structure
\**********************************************/
body.template-full-width [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide){
    max-width: 100%;
}
body.template-full-width .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide){
    max-width: 100%;
}
.tw-text-width-wide .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide){
    max-width: 100% !important;
}
.page .entry-content > .alignfull:last-child{
    margin-bottom: 0;
}
.entry-content > .wp-block-group.alignfull.has-background{
	padding-top: 3rem;
	padding-bottom: 3rem;
}
.entry-content > .alignwide:not(.wp-block-group.has-background), .entry-content > .alignfull:not(.wp-block-group.has-background){
	margin-top: 4rem;
	margin-bottom: 4rem;
}
.wp-block-columns.has-background.alignfull{
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.hidden{
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.type-post .post-inner{
    padding-top: 4rem;
}
.feature-col{
    padding-bottom: 4rem;
}
/**********************************************\
4.  Entry Headers
\**********************************************/
.singular .entry-header{
	padding: 8rem 0 4rem 0;
}
ul.project_header_list{
	max-width: 45vw;
}
.type-page ul.project_header_list{
	display: none;
}
.entry-categories-inner{
	justify-content: flex-start;
}
/*Consultancy*/
#post-2032 .entry-title:before{
    position: relative;
    margin-right: 3%;
    vertical-align: middle;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 4rem;
    content: "\f185";
    color: #fff;

    background: rgba(175,82,179,0.8);
    border-radius: 50%;
    padding: 2.2rem;
}
/*Production*/
#post-2037 .entry-title:before{
    position: relative;
    margin-right: 3%;
    vertical-align: middle;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 4.4rem;
    content: "\f085";
    color: #fff;

    background: rgba(116,179,131,0.8);
    border-radius: 50%;
    padding: 2.2rem 1.8rem;
}
/*Accessibility*/
#post-1782 .entry-title:before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 10rem;
    content: "\f29a";
    color: rgba(86,116,185,0.8);
    position: relative;
    padding-right: 3%;
    vertical-align: middle;
}
/*Support*/
#post-2039 .entry-title:before{
    position: relative;
    margin-right: 3%;
    vertical-align: middle;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 4rem;
    content: "\f4d8";
    color: #fff;

    background: rgba(223,84,84,0.8);
    border-radius: 50%;
    padding: 2.2rem;
}
/**********************************************\
5.  Links
\**********************************************/
.entry-content a{
    word-break: normal;
}
.entry-content p a{
    color: #5674B9;
    font-weight: 500;
    text-decoration: none;
}
.entry-content p a:hover,
.entry-content p a:focus{
    text-decoration: underline;
}
/*Removes focus outline from links*/
:focus{
	outline: none !important;
}
/**********************************************\
6.  Buttons
\**********************************************/
.wp-block-buttons{
    width: 100% !important;
}
.nav-arrow {
    font-size: 3.5rem;
    color: #74b383;
}
button, .button, .faux-button, .wp-block-button__link, .wp-block-file .wp-block-file__button, input[type="button"], input[type="reset"], input[type="submit"]{
	padding: 1.1em 0;
}
.wp-block-button__link{
    font-weight: 900;
    color: #000 !important;
    text-transform: none;
    background-color: rgba(255,255,255,0) !important;

    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.wp-block-button .wp-block-button__link:focus,
.wp-block-button .wp-block-button__link:hover{
    transform: scale(1.2) translate(6rem, 0);
    text-decoration: none !Important;
}
/* === Default: Text with arrow === */
.wp-block-button__link:after{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 2.2rem;
    content: "\f061";
    color: #74B383;

    position: relative;
    vertical-align: middle;
    margin-left: 2rem;
}
/*Float Right*/
.visit-site{
    float: right;
    padding-right: 8%;
}
.wp-block-button.visit-site{

}
/* === SVG Arrow Animation (Key Support) === */
a:hover .svg-arrow {
	 width: 50px;
}
 .svg-arrow {
	 cursor: pointer;
	 display: inline-block;
	 height: 16px;
	 margin-left: 0.5em;
     margin-bottom: 5%;
	 position: relative;
	 transition: width 0.2s ease;
	 vertical-align: middle;
	 width: 30px;
}
 .svg-arrow::after {
	 border-right: 6px solid #74B383;
	 border-top: 6px solid #74B383;
	 content: '';
	 display: block;
	 height: 20px;
	 position: absolute;
	 right: 0;
	 top: 50%;
	 transform: translateY(-50%) rotate(45deg);
	 width: 20px;
}
 .svg-arrow::before {
	 border-bottom: 6px solid #74B383;
	 content: '';
	 left: 0;
	 position: absolute;
	 top: 50%;
	 transform: translateY(-50%);
	 width: 100%;
}
/**********************************************\
7.  Separator
\**********************************************/
.tw-hr-minimal hr:not(.has-text-color):not(.is-style-dots) {
    color: #e0e0e0;
}
.wp-block-separator.is-style-wide{
    margin: 8rem auto;
    max-width: 95%;
    width: 100%;
}
/*For default style*/
hr.wp-block-separator:not(.is-feature):not(.is-style-wide) {
    margin-top: 5rem;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 5rem !important;
    max-width: 85%;
}
/**********************************************\
8.  Media
\**********************************************/
.img-zoom{
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.img-zoom:hover{
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.picture-item img{
	font-family: 'object-fit: cover; object-position: center;';
}
/* === GIF styling for ICMP === */
.embed-header{
    display: none;
}
.embed-footer{
    display: none;
}
.embed-footer .info{
    display: none;
}
#imgur-embed-iframe-pub-a-hAwFg6E{
    height: 290px !important;
}
/* === Gallery Block === */
.wp-block-gallery.is-style-tw-img-frame img{
    padding: 0;
}
.wp-block-gallery{
    display: flex;
    flex-flow: column wrap;
    max-height: 2300px;
    width: 100%;
}
.blocks-gallery-grid{
    align-items: center;
}
.blocks-gallery-item figure{
	max-width: 100%;
}
.wp-caption-text{
	position: relative;
	z-index: 1;
}
/* === Before/After Image Block === */
.s201_slides{
    padding: 1% 20% 3% 20%;
}
.s201_label_text{
    right:2rem;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 1.8rem;
}
/* === Case Study Image: Frame option === */
.is-style-tw-frame{
    background-color: rgba(255,255,255,0);
    padding: 0;
}
/**********************************************\
9.  Tables
\**********************************************/
table{
    border-color: #e0e0e0 !important;
    border-right: none;
    border-left: none;
    border-top: none;
}
table *{
    border-color: #e0e0e0 !important;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 2px solid #e0e0e0;
}
.table-text table{
    text-decoration: none;
}
/**********************************************\
10.  Lists
\**********************************************/
.entry-content li{
    font-weight: 300;
}
/*Terms & Conditions Lists */
#post-1825, #post-1913 .entry-content li{
    list-style-type: lower-roman;
    font-size: 2.3rem;
    line-height: 150%;
}
/*Multi-column list*/
.multi-col .wp-block-group__inner-container {
    column-count: 3;
    column-gap: 10rem;
    column-rule: none;
}
/*Privacy Page List*/
#post-1827 .entry-content li{
    list-style-type: disc;
    font-size: 2.2rem;
}
/*Editor's Guide List*/
#post-3143 ul.is-style-default{
    padding: 0 15%
}
/*Case Study Lists*/
ul.blog-list {
    padding: 0 10% 2% 10%;
}
.blog-list li{
    list-style: disc;
}
/**********************************************\
11.  Navigation Menu
\**********************************************/
#site-header{
    background: rgba(255,255,255,1);
    position: fixed;
    width: 100%;
}
.site-logo img{
    max-height: 6rem;
}
.header-inner{
    padding: 2rem 0;
}
ul.primary-menu{
    font-size: 2rem;
}
.primary-menu a{
    color: #000 !important;
    font-weight: 900;
}
.primary-menu li.current-menu-item >a{
    color: #5674B9 !important;
    text-decoration: none;
}
.primary-menu a:hover,
.primary-menu a:focus,
.primary-menu .current_page_ancestor {
    color: #5674B9 !important;
    text-decoration: none !important;
}
/**********************************************\
12.  Footer
\**********************************************/
/* === Sub-Footer (widgets) === */
.footer-top-visible .footer-nav-widgets-wrapper, .footer-top-hidden #site-footer{
    margin-top:0;
}
.footer-widgets-outer-wrapper{
    padding-top: 4rem;
    padding-bottom: 2rem;
}
.section-inner{
    max-width: 100%;
}
.footer-widgets{
    width: 75%;
    padding-top: 0;
}
.footer-logo{
    max-width: 35%;
}
.footer-widgets a{
    color: #fff !important;
}
.widget_text p{
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 1.8rem;
}
.social-col{
    max-width: 25%;
}
.social-icon{
    margin-right: 15%;
    font-size: 3rem;

  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.social-icon:hover{
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.footer-widgets-outer-wrapper{
    border-bottom: 0.1rem solid #fff;
    border-color: #fff !important;
}
/* === Footer (credits) === */
.footer-credits{
    display: inline-block;
    width: 75%;
}
.footer-credits a{
    color: #fff !important;
}
h3.footer-p{
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 1.8rem;
}
.footer-credits .wp-block-column:not(:first-child){
    padding-left: 35px;
}
.footer-credits .wp-block-columns:not(.alignwide):not(.alignfull){
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
/* === Scroll to Top === */
.topbutton {
  display: inline-block;
  background-color: rgba(0,0,0,0.9);
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 50%;
  position: fixed;
  bottom: 2rem;
  right: 1rem;
  transition: background-color .3s,
    opacity .5s, visibility .5s;
  z-index: 1000;
}
.topbutton::after {
  content: "\f343";
  font-family: "dashicons";
  font-weight: normal;
  font-style: normal;
  font-size: 3.2rem;
  line-height: 50px;
  color: #fff;
}
.topbutton:hover {
  cursor: pointer;
  background-color: rgba(122,108,107,0.6);
    opacity: 0.8;
  text-decoration: none !important;
}
.topbutton:active {
  background-color: rgba(116,179,131,0.8);
  text-decoration: none;
}
.topbutton.show {
  opacity: 1;
  visibility: visible;
}
/**********************************************\
13.  Contact Us
\**********************************************/
/*Social Icons*/
.contact-icon{
    margin-right: 6%;
    font-size: 4rem;
    color: #000;

  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.contact-icon:focus,
.contact-icon:hover{
    color: #5674B9;
}
.contact-icon:hover{
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
/**********************************************\
14.  Post Template: Portfolio case studies
\**********************************************/
.section-inner.medium{
    max-width: 100%;
}
.post h1.entry-title{
    color: #008969;
}
.post-meta-wrapper{
    display: none;
}
/*Client Name*/
.entry-categories a{
    margin: 3% 0 0 2rem;
    font-family: 'Inter', sans-serif;
    font-weight: 800;
    font-size: 2.8rem;
    line-height: 150%;
    color: #000 !important;
    text-transform: none;
    border-bottom: none;
}
/*Header Taxonomy*/
ul.project_header_list{
    list-style: none;
    text-align: left;
    margin-bottom: 0;
    margin-left: -1%;
}
li.project-header-list a{
	color: #000 !important;
}
.project-header-list{
    display: inline-block;
    font-weight: 700;
    text-align: center;
    margin-bottom: 1em;
}
.project-header-list a{
	padding: 0.5em 0.8em;
	background-color: #efefef;
	border-radius: 2em;
	text-decoration: none;
}
/*Featured Image*/
.type-post .featured-media-inner{
    margin-top: -16rem;
    max-width: 50vw;
}
.singular .featured-media-inner{
    padding: 0 2% 3% 2%;
    width: auto;
    float: right;
}
.featured-media-inner img{
    max-height: 500px;
    width: auto;
    position: relative;
    z-index: 3;
}
}
/*Remove post-meta wrap gap at end of posts*/
.post-meta-edit-link-wrapper{
    display: none;
}
/*Pagination*/
.pagination-single{
    display: none;
}
/**********************************************\
15.  404 Error Page
\**********************************************/
.tw-text-width-wide .section-inner.thin{
    max-width: 100% !important;
}
.error-title{
    text-align: center;
}
.error-text {
    padding:0 10% !important;
    text-align: center;
    font-size: 2.4rem;
}
/*Search Form*/
.error404 #site-content .search-form{
    margin-top: 2%;
}
.search-form label{
    width: 50%;
}
input[type="search"]{
    border-color: #000 !important;
    border-width: 4px !important;
}
.tw-btn-rounded input[type="submit"] {
    border-radius: 1px !important;
}
input[type="submit"]{
    color: #fff !important;
    background-color: #000 !important;
}
/*Recent Posts*/
.error-row{
    margin: 3% auto;
    padding: 1% 4% 2% 4%;
    background-color: #E3FDF7;
    min-width: 100%;
}
.error-head{
    margin: 2rem auto 3rem !important;
}
.error-col{
    display: flex;
    flex-wrap: wrap;
}
.error-item{
    flex: 33.33%;
    padding:2%;
}
.remove-bottom-space{
    margin-bottom: -3%;
}
/**********************************************\
16.  Archive
\**********************************************/
.archive-header-inner{
    padding-top: 3%;
}
.archive-title{
    text-align: left;
    font-size: 5.5rem;
    padding-right: 20%;
}
.header-footer-group .color-accent{
    color: #008969 !important;
}
.archive-subtitle p:last-child{
    font-size: 2.6rem;
}
.tw-blog-grid.tw-blog-columns-3 #site-content .hentry:nth-of-type(3n+1){
    margin-bottom: 5%;
}
.tw-meta-no-icon .post-meta li{
    margin-bottom: 5%;
}
/* SEARCH RESULTS*/
.search {
    display: block;
}
.search-form{
    margin-bottom: 5%;
    justify-content: center;
}
/*SEARCH MASONRY GRID*/
.css-masonry{
    column-count: 3;
    column-gap: 1em;
}
.search-item{
    background-color: #fff;
    margin: 1em;
    display: inline-block;
    width: 100%;
	transition:all 0.5s;
}
.search-item:hover,
.search-item:focus{
  -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
h2.search-header{
    font-size: 2.8rem;
    padding: 0 4%;
}
.search-header a{
    color: #000;
    text-decoration: none;
}
.search-excerpt{
    padding: 0 4%;
}
.search-tags{
    margin: 0;
    padding: 0 4% 8% 4%;
}
.search-read-more{
    padding: 0 4% 5% 4%;
}
/**********************************************\
17.  Case Study Portfolio (Archive)
\**********************************************/
.case-study-bg {
    background-color: #e3fdf7;
    padding-top: 2%;
}
/* === Filters === */
.entry-content .wp-block-ub-content-toggle-accordion-title{
	margin: 0 0 0.15em !important;
}
.facets select{
	width: 90%;
	padding: 0.3em 0.5em;
	display:initial;
	min-width:inherit;
	-webkit-appearance:menulist-button;
	appearance:menulist-button;
	border-style: solid;
	border-color: transparent;
	-moz-appearance:none;
  -webkit-appearance:none;
  appearance:none;
	text-overflow: "";
	outline: none;
	background-position: 100% center;
	background-repeat: no-repeat;
	box-shadow: none !important;
	border-bottom: 0.1em solid #ddd;
	cursor: pointer;
}
.facets select:focus {
	outline:none
}
.facets select::-ms-expand {
	display:none
}
.facets select:not([multiple]) {
	background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgNTAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBkPSJNMjIuNiw4YzAtMC4xLDAtMC4yLDAuMS0wLjJsMC41LTAuNWMwLjEtMC4xLDAuMS0wLjEsMC4yLTAuMWMwLjEsMCwwLjIsMCwwLjIsMC4xbDMuNywzLjdsMy43LTMuN2MwLjEtMC4xLDAuMS0wLjEsMC4yLTAuMXMwLjIsMCwwLjIsMC4xTDMyLDcuOEMzMiw3LjksMzIuMSw4LDMyLjEsOGMwLDAuMSwwLDAuMi0wLjEsMC4ybC00LjQsNC40Yy0wLjEsMC4xLTAuMSwwLjEtMC4yLDAuMXMtMC4yLDAtMC4yLTAuMWwtNC40LTQuNEMyMi43LDguMiwyMi42LDguMSwyMi42LDh6Ii8+PC9zdmc+)
}
.facets .facetwp-search{
	width: 90%;
	display: inline-block;
	padding: 0.3em 0.5em;
	font-size: 1em;
	border: none;
	border-bottom: 0.1em solid #ddd;
}
.toggle-inner .toggle-text:not(.mobile-text){
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.recent-post-block{
	clear: both;
}
/* === Case Study === */
.case-study{
    padding: 2em 4em;
    background-color: #e3fdf7;
}
#post-1750{
    padding-bottom: 5%;
}
/*Small reset*/
 *, ::before, ::after {
	 box-sizing: border-box;
}
/* Shuffle needs either relative or absolute positioning on the container */
 .my-shuffle-container {
	 position: relative;
	 overflow: hidden;
}
/*VERY important */
 .my-sizer-element {
	 position: absolute;
	 opacity: 0;
	 visibility: hidden;
}
 .picture-item {
	 margin-top: 24px;
     padding-left:1%;
     padding-right:1%;
}
 .picture-item img {
	 display: block;
	 width: 100%;
}
/*Feature Image*/
.reel-img{
    max-height: 60% !important;
}
 /* @supports (object-fit: cover) { */
	 .picture-item img {
		 max-width: none;
		 height: 100%;
		 object-fit: cover;
	/* } */
}
 .picture-item--h2 {
	 height: 464px;
	/* 2x the height + 1 gutter */
}
 .picture-item__inner {
	 position: relative;
	 height: 100%;
	 overflow: hidden;
	 background: #fff;
}
/* === Featured Post Container === */
.feat-inner{
    background-color: rgba(255,255,255,0) !important;
    margin-right: 5%;
}
 .study-details {
	 display: flex;
	 align-items: baseline;
	 justify-content: space-between;
     flex-wrap: wrap;
	 width: 100%;
	 padding: 1em;
}
/*Case Studies*/
 .picture-item__description {
	 width: 100%;
	 padding: 0;
	 margin: 0;
}
h3.study-title{
    margin: 0;
}
.study-title {
     width: 100%;
	 flex-shrink: 0;
	 margin-right: 4px;
     font-weight: 700;
     font-size: 3rem;
}
.study-title a{
    color: #000;
    text-decoration: none;
}
.study-title a:after{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 3rem;
    content: '\f061';
    color: #74b383;

    position: relative;
    vertical-align: middle;
    padding-left: 5%;
}
/*Featured Post*/
.feature-details{
    /*background-color: #D9B72D;*/
    position: relative;
    margin-top: -20%;
    margin-left: 20%;
    padding: 2% 4% 6% 4%;
}
.mustard{
    background-color: #D9B72d;
}
.green{
    background-color: #74B383;
}
h3.feat-title{
    margin: 0 20% 0 0;
    font-weight: 700;
    font-size: 2.5rem;
    letter-spacing: normal;
}
.arrow-div{
    position: relative;
}
.arrow-div:after{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 2.4rem;
    content: '\f061';
    color: #74b383;
    position: relative;
    vertical-align: middle;
    margin-left: 2rem;
    margin-top: -8%;
    float: right;

    background: #fff;
    border-radius: 50%;
    padding: 2%;
}
.feat-title a{
    color: #000;
    text-decoration: none;
}
.feature-contact-div{
    margin-left: 10%;
}
/*Category/Client Style*/
ul.post-categories {
    list-style: none !important;
    margin-bottom: 0;
}
.post-categories li{
    margin: 0;
}
.post-categories a{
    text-decoration: none;
}
/*Featured Post Category*/
h5.feat-tag{
    text-transform: uppercase;
    font-weight: 900;
    font-size: 3rem;
}
.feat-tag a{
    color: #000;
}
 .picture-item__tags {
	 flex-shrink: 1;
	 text-align: right;
	 margin: 0;
}
 @media screen and (min-width: 768px) {
	 .picture-item--overlay .picture-item__details {
		 position: absolute;
		 bottom: 0;
		 left: 0;
		 width: 100%;
		 backdrop-filter: blur(7px);
		 color: white;
		 overflow: hidden;
	}
	 .picture-item--overlay .picture-item__description {
		 display: none;
	}
	 .picture-item--overlay a {
		 color: white;
		 text-shadow: 0 0 1px black;
	}
}
 @media screen and (max-width: 767px) {
	 .picture-item {
		 height: auto;
		 margin-top: 20px;
	}
	 .picture-item__details, .picture-item__description {
		 font-size: 0.875em;
		 padding: 0.625em;
	}
	 .picture-item__description {
		 padding-right: 0.875em;
		 padding-bottom: 1.25em;
	}
	 .picture-item--h2 {
		 height: auto;
	}
}
/*Project Type & Output*/
ul.post-page-output{
    text-align: left;
    margin-bottom: 0;
}
ul.post-page-type{
    list-style: none;
}
.post-page-list{
    font-weight: 600;
    text-align: left;
}
li.post-page-list {
    display: inline;
    margin: 0 2rem 0 0;
    font-weight: 600;
}
.hidden-terms{
    visibility: hidden;
    height: 0;
    padding: 1%;
}
/*----fonts----*/
h3.reel-title{
    margin:0;
    padding-top: 2rem;
    padding-right: 6%;
    padding-left: 4%;
    line-height: 100%;
}
h3.reel-title a{
    font-weight: 700;
    font-size: 3rem;
    color: #000;
    text-decoration: none;
}
h3.reel-title a:hover{
  color: #74b383;
}
h3.reel-title a:after{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 3rem;
    content: '\f061';
    color: #74b383;

    position: relative;
    vertical-align: middle;
    padding-left: 5%;
}
h5.reel-client{
    margin: 1rem auto 2.5rem;
}
h5.reel-client ul{
    list-style: none;
    margin: 0;
}
h5.reel-client li{
    margin: 0;
    padding-right: 4%;
    padding-left: 4%;
}
h5.reel-client a{
    font-weight: 800;
    font-size: 2.8rem;
    color: #AF52B3;
    text-decoration: none;
}
/*COLS
bootstrap3-like grid
-----------*/
.container:after,
.container:before {
  content: " ";
  display: table;
}
.container:after {
  clear: both;
}
.row {
    max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.row:after,
.row:before {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}
.row .row {
  margin-left: -8px;
  margin-right: -8px;
}
/* Hover Effects
-----------*/
/*Case Studies*/
.study-inner{
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.study-inner:hover{
   -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
/*Features*/
.feature-details{
   -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.feature-details:hover{
   -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
/* Ensure images take up the same space when they load */
/* https://vestride.github.io/Shuffle/images */
.aspect {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  overflow: hidden;
}
.feat-aspect{
  padding-bottom: 60% !important;
}
.aspect__inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.feat-inner{
    position: relative;
}
.aspect--9x16 {
    padding-bottom: 50%;
}
.aspect--16x9 {
  padding-bottom: 56.25%;
}
/*
// bootstrap3-like grid */
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8{
  position: relative;
  box-sizing: border-box;
  min-height: 1px;
  padding-left: 8px;
  padding-right: 8px;
}
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
    float: left;
  }
  .col-md-1 {
    width: 8.33333%;
  }
  .col-md-2 {
    width: 16.66667%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-4 {
    width: 33.33333%;
  }
  .col-md-5 {
    width: 41.66667%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-7 {
    width: 58.33333%;
  }
  .col-md-8 {
    width: 66.66667%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-10 {
    width: 83.33333%;
  }
  .col-md-11 {
    width: 91.66667%;
  }
  .col-md-12 {
    width: 100%;
  }
@media (min-width: 1200px) {
   .css-masonry{
        column-count: 4;
   }
  .col-lg-1 {
    width: 8.33333%;
  }
  .col-lg-2 {
    width: 16.66667%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-4 {
    width: 33.33333%;
  }
  .col-lg-5 {
    width: 41.66667%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-7 {
    width: 58.33333%;
  }
  .col-lg-8 {
    width: 66.66667%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-10 {
    width: 83.33333%;
  }
  .col-lg-11 {
    width: 91.66667%;
  }
  .col-lg-12 {
    width: 100%;
  }


}
@media (max-width: 1024px) {
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 {
    float: left;
  }
  .col-sm-1 {
    width: 8.33333%;
  }
  .col-sm-2 {
    width: 16.66667%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-4 {
    width: 33.33333%;
  }
  .col-sm-5 {
    width: 41.66667%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-7 {
    width: 58.33333%;
  }
  .col-sm-8 {
    width: 66.66667%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-10 {
    width: 83.33333%;
  }
  .col-sm-11 {
    width: 91.66667%;
  }
  .col-sm-12 {
    width: 100%;
  }
  /*.container {
    padding-left: 7%;
    padding-right: 7%;
  }*/
  .row {
    max-width: 100%;
  }
}
@media (max-width: 768px){
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6 {
  float: left;
}
.col-xs-1 {
  width: 16.66667%;
}
.col-xs-2 {
  width: 33.33333%;
}
.col-xs-3 {
  width: 50%;
}
.col-xs-4 {
  width: 66.66667%;
}
.col-xs-5 {
  width: 83.33333%;
}
.col-xs-6  {
  width: 100%;
}
}
/**********************************************\
18.  Customized WP Gutenberg Blocks
\**********************************************/
/* === Quote Block === */
/*client-quote == full-width*/
.tw-text-width-wide [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 100% !important;
}
.main-quote{
    background-color: #496CBC;
}
.wp-block-quote.is-style-large{
    padding: 1% 20% 5% 30%;
}
.main-quote:before{
    content: '”';
    font-family: 'Passion One',serif;
    font-weight: 400;
    font-size: 50rem;
    position: absolute;
    margin-left: -20%;
    margin-top: -10%;
    transform: scale(-1,1);
}
.wp-block-quote.is-style-large p{
    font-size: 3.2rem;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
/*     padding-top: 10%; */
		padding-top: 3em;
    padding-left: 0 !important;
}
.wp-block-quote.is-style-large cite{
    color: #fff;
}
/*Default block quote == use for highlighted inline quotes*/
.main-quote.is-style-default:before{
    display: none;
}
p.wp-block-quote.is-style-default{
    padding: 0 5% !important;
}
.main-quote.is-style-default cite{
    padding: 0 10%;
}
/*Minimal Block Quote - Use to highlight text in pages*/
p.wp-bock-pullquote {
    line-height: 150%;
}
/* === Newsletter Sign-up === */
.newsletter{
	margin-top: 0 !important;
}
.newsletter p.key-text{
    padding: 0 6rem 0 0;
}
.wp-block-columns.alignfull.newsletter{
        margin-top: 0;
}
.nf-form-cont {
    padding-right: 5%;
}
.newsletter-header{
	margin-right: 50% !important;
}
.nf-form-fields-required{
    display: none;
}
.nf-form-content input:not([type=button]){
    background: #313131 !important;
    border-bottom: 3px solid #fff !important;
    border-left: none !important;
    border-top: none !important;
    border-right: none !important;
    color: #fff !important;
}
.nf-form-content .ninja-forms-field{
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 2rem !important;
    color: #D0D0D0;
}
input{
    border-color: rgba(255,255,255,0);
}
.nf-form-content input[type=button]{
    background: rgba(255,255,255,0) !important;
    font-weight: 700;
    color: #fff !important;
}
.nf-form-content input[type=button]:hover,
.nf-form-content input[type=button]:active{
    background: #fff !important;
    font-weight: 700;
    color: #313131 !important;
    text-decoration: none !important;
}
#__lpform_nf-field-5{
    display: none;
}
.nf-form-content .nf-error .nf-error-msg,
.nf-after-form-content .nf-error-msg {
  color: white;
  font-style: italic;
}
.nf-form-content .nf-error.field-wrap .nf-field-element::after {
  background: white;
  color: #e80000;
}
/* === Pull Quote === */
.wp-block-pullquote {
    margin-left: 0 !important;
    padding-top: 4rem;
}
.wp-block-pullquote::before{
    display: none;
}
.wp-block-pullquote blockquote p{
    line-height: 1.5;
    text-align: left;
    font-weight: 500;
    letter-spacing: normal;
}
/* === Support Feature Block === */
p.approach-text{
    font-size: 2.2rem;
    padding-left: 0 !important;
    padding-right: 20%;
}
.support-feature{
    font-size: 5rem;
    color: #496CBC;
}
/**********************************************\
19.  Custom ACF Gutenberg Blocks
\**********************************************/
/* === Accordion Block === */
.accordion-item:first-child>:first-child{
	border: 2px solid #e3fdf7;
	border-radius: 3px;
}
.accordion{
	background-color: #e3fdf7;
	cursor: pointer;
	padding: 1rem 2rem;
	width: 100%;
	outline: none;
	transition: 0.4s;
	margin-bottom: 1%;

	color: #000;
	font-weight: 500;
	font-size: 2.5rem;
	text-align: left;
    text-transform: none;
}
.accordion a{
    color: #000;
    text-decoration: none;
}
.accordion:hover{
	background: #e3fdf7;
}
.accordion .active{
	background-color: #e3fdf7;
}
.accordion-header::after{
	font-family:"Font Awesome 5 Free";
	font-weight: 900;
	content: '\f078';
	font-size: 2rem;
	color: inherit;
	float: right;
}
.active .accordion-header::after{
	font-family:"Font Awesome 5 Free";
	font-weight: 900;
	content: '\f077';
	font-size: 2rem;
	color: inherit;
	float: right;
}
.accordion-panel{
	display: none;
	overflow: hidden;
	border-bottom: 3px solid #f3f3f3;
}
.accordion-panel p{
	margin: 1em;
}
:last-child.>accordion-panel:last-child{
	/*border-bottom: 3px solid #f3f3f3;*/
}
/* === Featured Post === */
.featured-post-wrap{
	background-color: #d9b72d;
	margin: 0 6rem;
}
.fetured-post-link{
	text-decoration: none;
	color: #000;
}
.featured-post-text-container{
	padding: 0 2rem 0 4rem;
}
p.featured-excerpt{
	font-weight: 500;
	padding: 0;
}
h2.featured-butt{
	color: #000;
	font-size: 2.2rem;
	text-decoration: none;
	letter-spacing: normal;
	transition: all 0.3s;
}
h2.featured-butt:hover{
	transform: scale(1.2) translate(6rem, 0);
}
h2.featured-butt:after{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 2.2rem;
	content: "\f061";
	color: #74b383;
	position: relative;
	vertical-align: middle;
	margin-left: 2rem;
	background: #fff;
	border-radius: 50%;
	padding: 1%;
}
.featured-post-image{
	padding: 2rem 0;
}
.featured-image-container{
	margin-right: -10%;
}
/* == Recent Posts Block == */
.recent-posts-block{
	background-color: #e3fdf7;
}
.recent-posts-container{
	padding: 2rem 0;
	display: flex;
}
.recent-post-inner{
	display: flex;
	padding: 2rem 0;
}
.recent-post-listing{
	margin: auto;
	padding: 0 2rem;
}
.recent-text-wrap{
	margin-right: -2rem;
}
h3.recent-title{
    margin: -5% auto 3rem;
}
/*#recent_posts a{
	display: block;
}*/
.recent-title{
    position: relative;
    display: inline-block;
    float: right;
    margin-left: 8% !important;
    padding: 5% 2% 5% 5%;
    line-height: 150%;
    color: #000;
    text-decoration: none;
    font-size: 2.6rem;
    background-color: #fff;
    background-size: 100%;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.recent-title::after{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 3rem;
    content: '\f061';
    color: #74b383;
    position: relative;
    vertical-align: middle;
    padding-left: 5%;
}
a:hover .recent-title,
a:focus .recent-title{
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
@media (max-width: 1024px){
	.recent-post-listing:last-child{
		display: none;
	}
}
@media (max-width: 766px){
	.recent-post-listing:nth-child(3) {
		display: none;
	}
}
/*Color background*/
.no-pad{
    padding-right: 0;
    padding-left: 0;
}
.blog-item{
    position: relative;
    display: inline-block;
    margin-left: 1%;
    margin-right: 1%;
    align-self: center;

    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.blog-item img{
    display: block;
    height: auto;
    width: 100%;
    max-width: 675px;
}
/*You May be Interested In... reusable block (variation)*/
.interested-img{
	object-fit: cover;
	max-width: 80%;
}
h3.interested-title{
	margin: -10% auto 3rem !important;
}
/*Full width group*/
.recent-post-block .alignfull{
	margin-top: 2rem;
}
/* === Services Block === */
.services-block .alignfull{
	margin-top: 4rem;
}
.services-cell{
	padding: 0 2rem;
}
.services-text{
	border-bottom: solid 0.2rem #E0E0E0;
	height: 500px;
}
.services-text p{
	padding: 0 3rem 0 0;
}
.services-text .svg-arrow{
	padding-top: 4rem;
}
.icon-wrapper{
	padding-top: 2rem;
}
.services-icon .icon-wrapper span.icon-Sun:after{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 8rem;
	content: "\f185";
	color: #fff;
	background-color: rgba(175,82,179, 0.8);
	border-radius: 50%;
	padding: 1rem;
}
.services-icon span.icon-Gears:after{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 7rem;
	content: "\f085";
	color: #fff;
	background-color: rgba(116,179,131, 0.8);
	border-radius: 50%;
	padding: 1.5rem 1rem;
}
.services-icon span.icon-Accessibility:after{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 10rem;
	content: "\f29a";
	color: rgba(86,116,185, 0.8);
}
.services-icon span.icon-Seedling:after{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 8rem;
	content: "\f4d8";
	color: #fff;
	background-color: rgba(223,84,84, 0.8);
	border-radius: 50%;
	padding: 1rem;
}
/* === Services Button Row === */
.service-icon-block a{
	text-decoration: none;
    transition: transform 0.2s;
}
.service-icon-block a:hover{
    transform: scale(1.1);
}
.service-ico{
	text-align: center;
}
.service-icon-block a h3{
	color: #000;
	margin-top: 2rem;
}
a .service-ico .fa-sun{
	font-size: 8rem;
	content: "\f185";
	color: #fff;
	background-color: rgba(175,82,179, 0.8);
	border-radius: 50%;
	padding: 1rem;
}
a .service-ico .fa-cogs{
	font-size: 7rem;
	content: "\f085";
	color: #fff;
	background-color: rgba(116,179,131, 0.8);
	border-radius: 50%;
	padding: 1.5rem 1rem;
}
a .service-ico .fa-universal-access{
	font-size: 10rem;
	content: "\f29a";
	color: rgba(86,116,185, 0.8);
}
a .service-ico .fa-seedling{
	font-size: 7.5rem;
		color: #fff;
	background-color: rgba(223,84,84, 0.8);
	border-radius: 50%;
	padding: 1rem;
}
/* === Icon & Text === */
.icon-text-block{
	width: 90%;
}
.icon-text-p p{
	padding: 0 3rem 0 4rem;
}
.icon-text-wrapper{
	margin-left: 6rem;
    padding: 0 2rem;
}
.icon-text-ico .icon-wrapper{
	padding-top: 0;
}
.icon-wrapper span{
	font-size: 4rem;
	color: #af52b3;
}
span.icon-Accessibility:after{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f29a';
	font-size: 5rem;
}
span.icon-Build:after{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f7d9';
}
span.icon-BritMoney:after{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f154';
}
span.icon-CadMoney:after{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f4c0';
}
span.icon-Calendar:after{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f073';
}
span.icon-Community:after{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f4be';
}
span.icon-Design:after{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f53f';
}
span.icon-File:after{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f07c';
}
span.icon-Learn:after{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f518';
}
span.icon-Map:after{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f5a0';
}
span.icon-Media:after{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f87c';
}
span.icon-People:after{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f500';
}
span.icon-Search:after{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f002';
}
span.icon-Shop:after{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f07a';
}
/**********************************************\
20.  Fancy Box Modal
\**********************************************/
div.fancybox-bg{
    background-color: rgba(255,255,255,0.95);
}
.fancybox-button{
    color: #496CBC;
    background: rgba(130,152,203,0);
    border-radius: 100%;
}
img.fancybox-image{
    border: none;
    border-width: 0px !important;
    border-color: rgba(255,255,255,0) !important;
    box-shadow: 0 8px 18px 0 rgba(0,0,0,0.12);
}
/**********************************************\
21.  Accessibility Modal
\**********************************************/
#acwp-toolbar-btn{
    background: #008969;
}
/**********************************************\
22. Cookies Bar
\**********************************************/
div.seopress-user-consent p{
    font-family: 'Inter', sans-serif;
    font-size: 1.8rem;
    letter-spacing: normal;
}
button#seopress-user-consent-accept{
    font-family: 'Inter', sans-serif;
    font-size: 1.8rem;
    border-radius: 2%;
}
button#seopress-user-consent-close{
    font-size: 1.8rem;
    border-radius: 2%;
}
button#seopress-user-consent-close:hover{
    text-decoration: none;
}
body.home main#site-content{
	padding-bottom: 10rem;
}
/**********************************************\
23.  Mapbox GL JS Map
\**********************************************/
#map{
    position: relative;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    margin-bottom: 0;
    margin-top:0;
    border: none;
}
/* Mapbox Popups */
.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip{
    padding-bottom: 10%
}
.mapboxgl-popup-close-button{
    visibility: hidden;
}
h2.map-title{
    margin: 0;
    padding: 1% 4%;
    font-size: 2.5rem;
}
p.map-address{
    margin: 0;
    padding: 4% 4% 2% 4%;
    font-size: 2rem;
}
/*Mapbox Control Container*/
.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl{
    margin: 0 !important;
    padding-left: 1rem;
    padding-right: 1rem;
    background: rgba(255,255,255,0.8);
}
/*Mapbox Control Links - a */
.mapboxgl-ctrl-attrib-inner a{
    padding-right: .5rem;
    padding-left: .5rem;
    color: #000;
    text-decoration: none;
    font-size: 1.5rem;
}
/*Mapbox Control Container Elements*/
.mapboxgl-ctrl-top-left,
.mapboxgl-ctrl-top-right,
.mapboxgl-ctrl-bottom-left,
.mapboxgl-ctrl-bottom-right { position: absolute; pointer-events: none; z-index: 2; }
.mapboxgl-ctrl-top-left     { top: 0; left: 0; }
.mapboxgl-ctrl-top-right    { top: 0; right: 0; }
.mapboxgl-ctrl-bottom-left  { bottom: 0; left: 0; }
.mapboxgl-ctrl-bottom-right { right: 0; bottom: 0; }
.mapboxgl-ctrl {
    clear: both;
    pointer-events: auto;

    /* workaround for a Safari bug https://github.com/mapbox/mapbox-gl-js/issues/8185 */
    transform: translate(0, 0);
}
.mapboxgl-ctrl-top-left .mapboxgl-ctrl     { margin: 10px 0 0 10px; float: left; }
.mapboxgl-ctrl-top-right .mapboxgl-ctrl    { margin: 10px 10px 0 0; float: right; }
.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl  { margin: 0 0 10px 10px; float: left; }
.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl { margin: 0 10px 10px 0; float: right; }
.mapboxgl-ctrl-group {
    border-radius: 4px;
    background: #fff;
}
.mapboxgl-ctrl-group:not(:empty) {
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
}
@media (-ms-high-contrast: active) {
    .mapboxgl-ctrl-group:not(:empty) {
        box-shadow: 0 0 0 2px ButtonText;
    }
}
.mapboxgl-ctrl-group button {
    width: 29px;
    height: 29px;
    display: block;
    padding: 0;
    outline: none;
    border: 0;
    box-sizing: border-box;
    background-color: transparent;
    cursor: pointer;
}
.mapboxgl-ctrl-group button + button {
    border-top: 1px solid #ddd;
}
.mapboxgl-ctrl button .mapboxgl-ctrl-icon {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
}
@media (-ms-high-contrast: active) {
    .mapboxgl-ctrl-icon {
        background-color: transparent;
    }

    .mapboxgl-ctrl-group button + button {
        border-top: 1px solid ButtonText;
    }
}
/* https://bugzilla.mozilla.org/show_bug.cgi?id=140562 */
.mapboxgl-ctrl button::-moz-focus-inner {
    border: 0;
    padding: 0;
}
.mapboxgl-ctrl-group button:focus {
    box-shadow: 0 0 2px 2px rgba(0, 150, 255, 1);
}
.mapboxgl-ctrl button:disabled {
    cursor: not-allowed;
}
.mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon {
    opacity: 0.25;
}
.mapboxgl-ctrl button:not(:disabled):hover {
    background-color: rgba(0, 0, 0, 0.05);
}
.mapboxgl-ctrl-group button:focus:focus-visible {
    box-shadow: 0 0 2px 2px rgba(0, 150, 255, 1);
}
.mapboxgl-ctrl-group button:focus:not(:focus-visible) {
    box-shadow: none;
}
.mapboxgl-ctrl-group button:focus:first-child {
    border-radius: 4px 4px 0 0;
}
.mapboxgl-ctrl-group button:focus:last-child {
    border-radius: 0 0 4px 4px;
}
.mapboxgl-ctrl-group button:focus:only-child {
    border-radius: inherit;
}
.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
    background-image: svg-load('svg/mapboxgl-ctrl-zoom-out.svg', fill: #333);
}
.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
    background-image: svg-load('svg/mapboxgl-ctrl-zoom-in.svg', fill: #333);
}
@media (-ms-high-contrast: active) {
    .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
        background-image: svg-load('svg/mapboxgl-ctrl-zoom-out.svg', fill: #fff);
    }

    .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
        background-image: svg-load('svg/mapboxgl-ctrl-zoom-in.svg', fill: #fff);
    }
}
@media (-ms-high-contrast: black-on-white) {
    .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
        background-image: svg-load('svg/mapboxgl-ctrl-zoom-out.svg', fill: #000);
    }

    .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
        background-image: svg-load('svg/mapboxgl-ctrl-zoom-in.svg', fill: #000);
    }
}
.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {
    background-image: svg-load('svg/mapboxgl-ctrl-fullscreen.svg', fill: #333);
}
.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
    background-image: svg-load('svg/mapboxgl-ctrl-shrink.svg');
}
@media (-ms-high-contrast: active) {
    .mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {
        background-image: svg-load('svg/mapboxgl-ctrl-fullscreen.svg', fill: #fff);
    }

    .mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
        background-image: svg-load('svg/mapboxgl-ctrl-shrink.svg', fill: #fff);
    }
}
@media (-ms-high-contrast: black-on-white) {
    .mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {
        background-image: svg-load('svg/mapboxgl-ctrl-fullscreen.svg', fill: #000);
    }

    .mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {
        background-image: svg-load('svg/mapboxgl-ctrl-shrink.svg', fill: #000);
    }
}
.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {
    background-image: svg-load('svg/mapboxgl-ctrl-compass.svg', fill: #333);
}
@media (-ms-high-contrast: active) {
    .mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {
        @svg-load ctrl-compass-white url(svg/mapboxgl-ctrl-compass.svg) {
            fill: #fff;
            #south { fill: #999; }
        }

        background-image: svg-inline(ctrl-compass-white);
    }
}
@media (-ms-high-contrast: black-on-white) {
    .mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {
        background-image: svg-load('svg/mapboxgl-ctrl-compass.svg', fill: #000);
    }
}
/**********************************************\
24.  Support Hub (BenC)
\**********************************************/
#wpsc_tickets_container p{
	font-size: 1em;
	padding: 0;
}
body #wpsc_tickets_container .thread_messege p{
	font-size: 1.2em !important;
}
body #wpsc_tickets_container .wpsc_ticket_list_container td{
	max-width: 25rem;
	overflow: hidden;
	text-overflow: ellipsis;
}
.support-hub-promo{
	margin-bottom: 3em;
}
.support-hub-promo .inner{
	padding: 2rem 2rem 3rem;
	background-color: #fff;
	border-radius: 0.1rem;
	box-shadow: 0 3px 0 rgba(0,0,0,0.15);
}
.support-hub-promo .button-link a{
	background-color: #1C5D8A;
	color: #fff;
	padding: 0.5em 0.8em;
	text-decoration: none;
}
.support-hub-promo .button-link a:focus,
.support-hub-promo .button-link a:hover{
	text-decoration: underline;
}
.support-hub-promo p{
	font-size: 0.8em;
	padding: 0;
}
body.page h1.page-title-support-hub{
	padding-left: 0 !important;
}
h1.page-title-support-hub a{
	text-decoration: none;
}
h1.page-title-support-hub i{
	color: rgba(0,0,0,0.3);
	font-size: 2em;
	margin-right: 0.5em;
	vertical-align: sub;
}
body .wpsc_sidebar h4,
body .wpsc_sidebar div{
	font-size: 1.1em;
}
.wpsc_sidebar span{
	/* font-size: 0.9em !important; */
}
body .wpsc_list_filter_delete{
	text-align: right;
}
body .wpsc_list_filter_edit{
	flex-grow: 0;
}
#wpsc_md_filters div{
	margin: 0;
}
#wpsc_md_filters > div{
	margin-bottom: 1rem;
	padding-bottom: 0.5rem;
}
#wpsc_md_filters .wpsp_sidebar_labels.active, #wpsc_md_filters .wpsp_sidebar_labels:hover {
	font-weight: inherit !important;
}
#tbl_wpsc_ticket_list{
	font-size: 1.1em;
}
body #wpsc_tickets_container{
	max-width: 140rem;
	margin: 2em auto !important;
	min-height: 60rem;
}
#wpsc_tickets_container .btn-sm{
	font-size: 1em;
}
#wpsc_tickets_container .wpsp_admin_label{
	font-size: 0.9em;
}
#wpsc_tickets_container .wpsc_it_subject_widget h4::after{
	content: 'Write a comment';
	display: block;
	font-size: 1em;
	font-weight: bold;
	margin: 2em 0 1em;
}
body #wpsc_tickets_container .form-group{
	margin-bottom: 3rem;
}
body .individual_ticket_widget .wpsp_sidebar_labels{
	font-size: 0.9em;
}
/**********************************************\
24.1  Support Hub Shop
\**********************************************/
.woocommerce main{
    overflow: auto;
}
#product-12443 .woocommerce-product-gallery{
    display: none !important;
}
#product-12443 .summary{
    float:none;
    width:unset;
}
#product-12443 .price::after{
    content: ' per hour';
}
.woocommerce .posted_in{
    display: none;
}
.wp-element-button{
    padding-left: 0.5em;
    padding-right: 0.5em;
}
.woocommerce-cart .post-inner,
.woocommerce-checkout .post-inner{
    margin-bottom: 8rem;
}
.woocommerce-cart-form__cart-item .product-thumbnail{
    display:none;
}

.wc-tabs{
    display:none;
}
/**********************************************\
25.  Responsive Foundation Grid
\**********************************************/
.grid-container {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto; }
  @media print, screen and (min-width: 40em) {
    .grid-container {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }
  .grid-container.fluid {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto; }
    @media print, screen and (min-width: 40em) {
      .grid-container.fluid {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem; } }
  .grid-container.full {
    padding-right: 0;
    padding-left: 0;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto; }

.grid-x {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }

.cell {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-height: 0px;
  min-width: 0px;
  width: 100%; }
  .cell.auto {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px; }
  .cell.shrink {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }

.grid-x > .auto {
  width: auto; }

.grid-x > .shrink {
  width: auto; }

.grid-x > .small-shrink, .grid-x > .small-full, .grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 {
  -webkit-flex-basis: auto;
      -ms-flex-preferred-size: auto;
          flex-basis: auto; }

@media print, screen and (min-width: 40em) {
  .grid-x > .medium-shrink, .grid-x > .medium-full, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 {
    -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
            flex-basis: auto; } }

@media print, screen and (min-width: 64em) {
  .grid-x > .large-shrink, .grid-x > .large-full, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 {
    -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
            flex-basis: auto; } }

.grid-x > .small-1, .grid-x > .small-2, .grid-x > .small-3, .grid-x > .small-4, .grid-x > .small-5, .grid-x > .small-6, .grid-x > .small-7, .grid-x > .small-8, .grid-x > .small-9, .grid-x > .small-10, .grid-x > .small-11, .grid-x > .small-12 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto; }

.grid-x > .small-1 {
  width: 8.33333%; }

.grid-x > .small-2 {
  width: 16.66667%; }

.grid-x > .small-3 {
  width: 25%; }

.grid-x > .small-4 {
  width: 33.33333%; }

.grid-x > .small-5 {
  width: 41.66667%; }

.grid-x > .small-6 {
  width: 50%; }

.grid-x > .small-7 {
  width: 58.33333%; }

.grid-x > .small-8 {
  width: 66.66667%; }

.grid-x > .small-9 {
  width: 75%; }

.grid-x > .small-10 {
  width: 83.33333%; }

.grid-x > .small-11 {
  width: 91.66667%; }

.grid-x > .small-12 {
  width: 100%; }

@media print, screen and (min-width: 40em) {
  .grid-x > .medium-auto {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
    width: auto; }
  .grid-x > .medium-shrink, .grid-x > .medium-1, .grid-x > .medium-2, .grid-x > .medium-3, .grid-x > .medium-4, .grid-x > .medium-5, .grid-x > .medium-6, .grid-x > .medium-7, .grid-x > .medium-8, .grid-x > .medium-9, .grid-x > .medium-10, .grid-x > .medium-11, .grid-x > .medium-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
  .grid-x > .medium-shrink {
    width: auto; }
  .grid-x > .medium-1 {
    width: 8.33333%; }
  .grid-x > .medium-2 {
    width: 16.66667%; }
  .grid-x > .medium-3 {
    width: 25%; }
  .grid-x > .medium-4 {
    width: 33.33333%; }
  .grid-x > .medium-5 {
    width: 41.66667%; }
  .grid-x > .medium-6 {
    width: 50%; }
  .grid-x > .medium-7 {
    width: 58.33333%; }
  .grid-x > .medium-8 {
    width: 66.66667%; }
  .grid-x > .medium-9 {
    width: 75%; }
  .grid-x > .medium-10 {
    width: 83.33333%; }
  .grid-x > .medium-11 {
    width: 91.66667%; }
  .grid-x > .medium-12 {
    width: 100%; } }

@media print, screen and (min-width: 64em) {
  .grid-x > .large-auto {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
            flex: 1 1 0px;
    width: auto; }
  .grid-x > .large-shrink, .grid-x > .large-1, .grid-x > .large-2, .grid-x > .large-3, .grid-x > .large-4, .grid-x > .large-5, .grid-x > .large-6, .grid-x > .large-7, .grid-x > .large-8, .grid-x > .large-9, .grid-x > .large-10, .grid-x > .large-11, .grid-x > .large-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
  .grid-x > .large-shrink {
    width: auto; }
  .grid-x > .large-1 {
    width: 8.33333%; }
  .grid-x > .large-2 {
    width: 16.66667%; }
  .grid-x > .large-3 {
    width: 25%; }
  .grid-x > .large-4 {
    width: 33.33333%; }
  .grid-x > .large-5 {
    width: 41.66667%; }
  .grid-x > .large-6 {
    width: 50%; }
  .grid-x > .large-7 {
    width: 58.33333%; }
  .grid-x > .large-8 {
    width: 66.66667%; }
  .grid-x > .large-9 {
    width: 75%; }
  .grid-x > .large-10 {
    width: 83.33333%; }
  .grid-x > .large-11 {
    width: 91.66667%; }
  .grid-x > .large-12 {
    width: 100%; } }

.grid-margin-x:not(.grid-x) > .cell {
  width: auto; }

.grid-margin-y:not(.grid-y) > .cell {
  height: auto; }

.grid-margin-x {
  margin-left: -0.625rem;
  margin-right: -0.625rem; }
  @media print, screen and (min-width: 40em) {
    .grid-margin-x {
      margin-left: -0.9375rem;
      margin-right: -0.9375rem; } }
  .grid-margin-x > .cell {
    width: calc(100% - 1.25rem);
    margin-left: 0.625rem;
    margin-right: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .grid-margin-x > .cell {
      width: calc(100% - 1.875rem);
      margin-left: 0.9375rem;
      margin-right: 0.9375rem; } }
  .grid-margin-x > .auto {
    width: auto; }
  .grid-margin-x > .shrink {
    width: auto; }
  .grid-margin-x > .small-1 {
    width: calc(8.33333% - 1.25rem); }
  .grid-margin-x > .small-2 {
    width: calc(16.66667% - 1.25rem); }
  .grid-margin-x > .small-3 {
    width: calc(25% - 1.25rem); }
  .grid-margin-x > .small-4 {
    width: calc(33.33333% - 1.25rem); }
  .grid-margin-x > .small-5 {
    width: calc(41.66667% - 1.25rem); }
  .grid-margin-x > .small-6 {
    width: calc(50% - 1.25rem); }
  .grid-margin-x > .small-7 {
    width: calc(58.33333% - 1.25rem); }
  .grid-margin-x > .small-8 {
    width: calc(66.66667% - 1.25rem); }
  .grid-margin-x > .small-9 {
    width: calc(75% - 1.25rem); }
  .grid-margin-x > .small-10 {
    width: calc(83.33333% - 1.25rem); }
  .grid-margin-x > .small-11 {
    width: calc(91.66667% - 1.25rem); }
  .grid-margin-x > .small-12 {
    width: calc(100% - 1.25rem); }
  @media print, screen and (min-width: 40em) {
    .grid-margin-x > .auto {
      width: auto; }
    .grid-margin-x > .shrink {
      width: auto; }
    .grid-margin-x > .small-1 {
      width: calc(8.33333% - 1.875rem); }
    .grid-margin-x > .small-2 {
      width: calc(16.66667% - 1.875rem); }
    .grid-margin-x > .small-3 {
      width: calc(25% - 1.875rem); }
    .grid-margin-x > .small-4 {
      width: calc(33.33333% - 1.875rem); }
    .grid-margin-x > .small-5 {
      width: calc(41.66667% - 1.875rem); }
    .grid-margin-x > .small-6 {
      width: calc(50% - 1.875rem); }
    .grid-margin-x > .small-7 {
      width: calc(58.33333% - 1.875rem); }
    .grid-margin-x > .small-8 {
      width: calc(66.66667% - 1.875rem); }
    .grid-margin-x > .small-9 {
      width: calc(75% - 1.875rem); }
    .grid-margin-x > .small-10 {
      width: calc(83.33333% - 1.875rem); }
    .grid-margin-x > .small-11 {
      width: calc(91.66667% - 1.875rem); }
    .grid-margin-x > .small-12 {
      width: calc(100% - 1.875rem); }
    .grid-margin-x > .medium-auto {
      width: auto; }
    .grid-margin-x > .medium-shrink {
      width: auto; }
    .grid-margin-x > .medium-1 {
      width: calc(8.33333% - 1.875rem); }
    .grid-margin-x > .medium-2 {
      width: calc(16.66667% - 1.875rem); }
    .grid-margin-x > .medium-3 {
      width: calc(25% - 1.875rem); }
    .grid-margin-x > .medium-4 {
      width: calc(33.33333% - 1.875rem); }
    .grid-margin-x > .medium-5 {
      width: calc(41.66667% - 1.875rem); }
    .grid-margin-x > .medium-6 {
      width: calc(50% - 1.875rem); }
    .grid-margin-x > .medium-7 {
      width: calc(58.33333% - 1.875rem); }
    .grid-margin-x > .medium-8 {
      width: calc(66.66667% - 1.875rem); }
    .grid-margin-x > .medium-9 {
      width: calc(75% - 1.875rem); }
    .grid-margin-x > .medium-10 {
      width: calc(83.33333% - 1.875rem); }
    .grid-margin-x > .medium-11 {
      width: calc(91.66667% - 1.875rem); }
    .grid-margin-x > .medium-12 {
      width: calc(100% - 1.875rem); } }
  @media print, screen and (min-width: 64em) {
    .grid-margin-x > .large-auto {
      width: auto; }
    .grid-margin-x > .large-shrink {
      width: auto; }
    .grid-margin-x > .large-1 {
      width: calc(8.33333% - 1.875rem); }
    .grid-margin-x > .large-2 {
      width: calc(16.66667% - 1.875rem); }
    .grid-margin-x > .large-3 {
      width: calc(25% - 1.875rem); }
    .grid-margin-x > .large-4 {
      width: calc(33.33333% - 1.875rem); }
    .grid-margin-x > .large-5 {
      width: calc(41.66667% - 1.875rem); }
    .grid-margin-x > .large-6 {
      width: calc(50% - 1.875rem); }
    .grid-margin-x > .large-7 {
      width: calc(58.33333% - 1.875rem); }
    .grid-margin-x > .large-8 {
      width: calc(66.66667% - 1.875rem); }
    .grid-margin-x > .large-9 {
      width: calc(75% - 1.875rem); }
    .grid-margin-x > .large-10 {
      width: calc(83.33333% - 1.875rem); }
    .grid-margin-x > .large-11 {
      width: calc(91.66667% - 1.875rem); }
    .grid-margin-x > .large-12 {
      width: calc(100% - 1.875rem); } }

.grid-padding-x .grid-padding-x {
  margin-right: -0.625rem;
  margin-left: -0.625rem; }
  @media print, screen and (min-width: 40em) {
    .grid-padding-x .grid-padding-x {
      margin-right: -0.9375rem;
      margin-left: -0.9375rem; } }

.grid-container:not(.full) > .grid-padding-x {
  margin-right: -0.625rem;
  margin-left: -0.625rem; }
  @media print, screen and (min-width: 40em) {
    .grid-container:not(.full) > .grid-padding-x {
      margin-right: -0.9375rem;
      margin-left: -0.9375rem; } }

.grid-padding-x > .cell {
  padding-right: 0.625rem;
  padding-left: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .grid-padding-x > .cell {
      padding-right: 0.9375rem;
      padding-left: 0.9375rem; } }

.small-up-1 > .cell {
  width: 100%; }

.small-up-2 > .cell {
  width: 50%; }

.small-up-3 > .cell {
  width: 33.33333%; }

.small-up-4 > .cell {
  width: 25%; }

.small-up-5 > .cell {
  width: 20%; }

.small-up-6 > .cell {
  width: 16.66667%; }

.small-up-7 > .cell {
  width: 14.28571%; }

.small-up-8 > .cell {
  width: 12.5%; }

@media print, screen and (min-width: 40em) {
  .medium-up-1 > .cell {
    width: 100%; }
  .medium-up-2 > .cell {
    width: 50%; }
  .medium-up-3 > .cell {
    width: 33.33333%; }
  .medium-up-4 > .cell {
    width: 25%; }
  .medium-up-5 > .cell {
    width: 20%; }
  .medium-up-6 > .cell {
    width: 16.66667%; }
  .medium-up-7 > .cell {
    width: 14.28571%; }
  .medium-up-8 > .cell {
    width: 12.5%; } }

@media print, screen and (min-width: 64em) {
  .large-up-1 > .cell {
    width: 100%; }
  .large-up-2 > .cell {
    width: 50%; }
  .large-up-3 > .cell {
    width: 33.33333%; }
  .large-up-4 > .cell {
    width: 25%; }
  .large-up-5 > .cell {
    width: 20%; }
  .large-up-6 > .cell {
    width: 16.66667%; }
  .large-up-7 > .cell {
    width: 14.28571%; }
  .large-up-8 > .cell {
    width: 12.5%; } }

.grid-margin-x.small-up-1 > .cell {
  width: calc(100% - 1.25rem); }

.grid-margin-x.small-up-2 > .cell {
  width: calc(50% - 1.25rem); }

.grid-margin-x.small-up-3 > .cell {
  width: calc(33.33333% - 1.25rem); }

.grid-margin-x.small-up-4 > .cell {
  width: calc(25% - 1.25rem); }

.grid-margin-x.small-up-5 > .cell {
  width: calc(20% - 1.25rem); }

.grid-margin-x.small-up-6 > .cell {
  width: calc(16.66667% - 1.25rem); }

.grid-margin-x.small-up-7 > .cell {
  width: calc(14.28571% - 1.25rem); }

.grid-margin-x.small-up-8 > .cell {
  width: calc(12.5% - 1.25rem); }

@media print, screen and (min-width: 40em) {
  .grid-margin-x.small-up-1 > .cell {
    width: calc(100% - 1.875rem); }
  .grid-margin-x.small-up-2 > .cell {
    width: calc(50% - 1.875rem); }
  .grid-margin-x.small-up-3 > .cell {
    width: calc(33.33333% - 1.875rem); }
  .grid-margin-x.small-up-4 > .cell {
    width: calc(25% - 1.875rem); }
  .grid-margin-x.small-up-5 > .cell {
    width: calc(20% - 1.875rem); }
  .grid-margin-x.small-up-6 > .cell {
    width: calc(16.66667% - 1.875rem); }
  .grid-margin-x.small-up-7 > .cell {
    width: calc(14.28571% - 1.875rem); }
  .grid-margin-x.small-up-8 > .cell {
    width: calc(12.5% - 1.875rem); }
  .grid-margin-x.medium-up-1 > .cell {
    width: calc(100% - 1.875rem); }
  .grid-margin-x.medium-up-2 > .cell {
    width: calc(50% - 1.875rem); }
  .grid-margin-x.medium-up-3 > .cell {
    width: calc(33.33333% - 1.875rem); }
  .grid-margin-x.medium-up-4 > .cell {
    width: calc(25% - 1.875rem); }
  .grid-margin-x.medium-up-5 > .cell {
    width: calc(20% - 1.875rem); }
  .grid-margin-x.medium-up-6 > .cell {
    width: calc(16.66667% - 1.875rem); }
  .grid-margin-x.medium-up-7 > .cell {
    width: calc(14.28571% - 1.875rem); }
  .grid-margin-x.medium-up-8 > .cell {
    width: calc(12.5% - 1.875rem); } }

@media print, screen and (min-width: 64em) {
  .grid-margin-x.large-up-1 > .cell {
    width: calc(100% - 1.875rem); }
  .grid-margin-x.large-up-2 > .cell {
    width: calc(50% - 1.875rem); }
  .grid-margin-x.large-up-3 > .cell {
    width: calc(33.33333% - 1.875rem); }
  .grid-margin-x.large-up-4 > .cell {
    width: calc(25% - 1.875rem); }
  .grid-margin-x.large-up-5 > .cell {
    width: calc(20% - 1.875rem); }
  .grid-margin-x.large-up-6 > .cell {
    width: calc(16.66667% - 1.875rem); }
  .grid-margin-x.large-up-7 > .cell {
    width: calc(14.28571% - 1.875rem); }
  .grid-margin-x.large-up-8 > .cell {
    width: calc(12.5% - 1.875rem); } }

.small-margin-collapse {
  margin-right: 0;
  margin-left: 0; }
  .small-margin-collapse > .cell {
    margin-right: 0;
    margin-left: 0; }
  .small-margin-collapse > .small-1 {
    width: 8.33333%; }
  .small-margin-collapse > .small-2 {
    width: 16.66667%; }
  .small-margin-collapse > .small-3 {
    width: 25%; }
  .small-margin-collapse > .small-4 {
    width: 33.33333%; }
  .small-margin-collapse > .small-5 {
    width: 41.66667%; }
  .small-margin-collapse > .small-6 {
    width: 50%; }
  .small-margin-collapse > .small-7 {
    width: 58.33333%; }
  .small-margin-collapse > .small-8 {
    width: 66.66667%; }
  .small-margin-collapse > .small-9 {
    width: 75%; }
  .small-margin-collapse > .small-10 {
    width: 83.33333%; }
  .small-margin-collapse > .small-11 {
    width: 91.66667%; }
  .small-margin-collapse > .small-12 {
    width: 100%; }
  @media print, screen and (min-width: 40em) {
    .small-margin-collapse > .medium-1 {
      width: 8.33333%; }
    .small-margin-collapse > .medium-2 {
      width: 16.66667%; }
    .small-margin-collapse > .medium-3 {
      width: 25%; }
    .small-margin-collapse > .medium-4 {
      width: 33.33333%; }
    .small-margin-collapse > .medium-5 {
      width: 41.66667%; }
    .small-margin-collapse > .medium-6 {
      width: 50%; }
    .small-margin-collapse > .medium-7 {
      width: 58.33333%; }
    .small-margin-collapse > .medium-8 {
      width: 66.66667%; }
    .small-margin-collapse > .medium-9 {
      width: 75%; }
    .small-margin-collapse > .medium-10 {
      width: 83.33333%; }
    .small-margin-collapse > .medium-11 {
      width: 91.66667%; }
    .small-margin-collapse > .medium-12 {
      width: 100%; } }
  @media print, screen and (min-width: 64em) {
    .small-margin-collapse > .large-1 {
      width: 8.33333%; }
    .small-margin-collapse > .large-2 {
      width: 16.66667%; }
    .small-margin-collapse > .large-3 {
      width: 25%; }
    .small-margin-collapse > .large-4 {
      width: 33.33333%; }
    .small-margin-collapse > .large-5 {
      width: 41.66667%; }
    .small-margin-collapse > .large-6 {
      width: 50%; }
    .small-margin-collapse > .large-7 {
      width: 58.33333%; }
    .small-margin-collapse > .large-8 {
      width: 66.66667%; }
    .small-margin-collapse > .large-9 {
      width: 75%; }
    .small-margin-collapse > .large-10 {
      width: 83.33333%; }
    .small-margin-collapse > .large-11 {
      width: 91.66667%; }
    .small-margin-collapse > .large-12 {
      width: 100%; } }

.small-padding-collapse {
  margin-right: 0;
  margin-left: 0; }
  .small-padding-collapse > .cell {
    padding-right: 0;
    padding-left: 0; }

@media print, screen and (min-width: 40em) {
  .medium-margin-collapse {
    margin-right: 0;
    margin-left: 0; }
    .medium-margin-collapse > .cell {
      margin-right: 0;
      margin-left: 0; } }

@media print, screen and (min-width: 40em) {
  .medium-margin-collapse > .small-1 {
    width: 8.33333%; }
  .medium-margin-collapse > .small-2 {
    width: 16.66667%; }
  .medium-margin-collapse > .small-3 {
    width: 25%; }
  .medium-margin-collapse > .small-4 {
    width: 33.33333%; }
  .medium-margin-collapse > .small-5 {
    width: 41.66667%; }
  .medium-margin-collapse > .small-6 {
    width: 50%; }
  .medium-margin-collapse > .small-7 {
    width: 58.33333%; }
  .medium-margin-collapse > .small-8 {
    width: 66.66667%; }
  .medium-margin-collapse > .small-9 {
    width: 75%; }
  .medium-margin-collapse > .small-10 {
    width: 83.33333%; }
  .medium-margin-collapse > .small-11 {
    width: 91.66667%; }
  .medium-margin-collapse > .small-12 {
    width: 100%; } }

@media print, screen and (min-width: 40em) {
  .medium-margin-collapse > .medium-1 {
    width: 8.33333%; }
  .medium-margin-collapse > .medium-2 {
    width: 16.66667%; }
  .medium-margin-collapse > .medium-3 {
    width: 25%; }
  .medium-margin-collapse > .medium-4 {
    width: 33.33333%; }
  .medium-margin-collapse > .medium-5 {
    width: 41.66667%; }
  .medium-margin-collapse > .medium-6 {
    width: 50%; }
  .medium-margin-collapse > .medium-7 {
    width: 58.33333%; }
  .medium-margin-collapse > .medium-8 {
    width: 66.66667%; }
  .medium-margin-collapse > .medium-9 {
    width: 75%; }
  .medium-margin-collapse > .medium-10 {
    width: 83.33333%; }
  .medium-margin-collapse > .medium-11 {
    width: 91.66667%; }
  .medium-margin-collapse > .medium-12 {
    width: 100%; } }

@media print, screen and (min-width: 64em) {
  .medium-margin-collapse > .large-1 {
    width: 8.33333%; }
  .medium-margin-collapse > .large-2 {
    width: 16.66667%; }
  .medium-margin-collapse > .large-3 {
    width: 25%; }
  .medium-margin-collapse > .large-4 {
    width: 33.33333%; }
  .medium-margin-collapse > .large-5 {
    width: 41.66667%; }
  .medium-margin-collapse > .large-6 {
    width: 50%; }
  .medium-margin-collapse > .large-7 {
    width: 58.33333%; }
  .medium-margin-collapse > .large-8 {
    width: 66.66667%; }
  .medium-margin-collapse > .large-9 {
    width: 75%; }
  .medium-margin-collapse > .large-10 {
    width: 83.33333%; }
  .medium-margin-collapse > .large-11 {
    width: 91.66667%; }
  .medium-margin-collapse > .large-12 {
    width: 100%; } }

@media print, screen and (min-width: 40em) {
  .medium-padding-collapse {
    margin-right: 0;
    margin-left: 0; }
    .medium-padding-collapse > .cell {
      padding-right: 0;
      padding-left: 0; } }

@media print, screen and (min-width: 64em) {
  .large-margin-collapse {
    margin-right: 0;
    margin-left: 0; }
    .large-margin-collapse > .cell {
      margin-right: 0;
      margin-left: 0; } }

@media print, screen and (min-width: 64em) {
  .large-margin-collapse > .small-1 {
    width: 8.33333%; }
  .large-margin-collapse > .small-2 {
    width: 16.66667%; }
  .large-margin-collapse > .small-3 {
    width: 25%; }
  .large-margin-collapse > .small-4 {
    width: 33.33333%; }
  .large-margin-collapse > .small-5 {
    width: 41.66667%; }
  .large-margin-collapse > .small-6 {
    width: 50%; }
  .large-margin-collapse > .small-7 {
    width: 58.33333%; }
  .large-margin-collapse > .small-8 {
    width: 66.66667%; }
  .large-margin-collapse > .small-9 {
    width: 75%; }
  .large-margin-collapse > .small-10 {
    width: 83.33333%; }
  .large-margin-collapse > .small-11 {
    width: 91.66667%; }
  .large-margin-collapse > .small-12 {
    width: 100%; } }

@media print, screen and (min-width: 64em) {
  .large-margin-collapse > .medium-1 {
    width: 8.33333%; }
  .large-margin-collapse > .medium-2 {
    width: 16.66667%; }
  .large-margin-collapse > .medium-3 {
    width: 25%; }
  .large-margin-collapse > .medium-4 {
    width: 33.33333%; }
  .large-margin-collapse > .medium-5 {
    width: 41.66667%; }
  .large-margin-collapse > .medium-6 {
    width: 50%; }
  .large-margin-collapse > .medium-7 {
    width: 58.33333%; }
  .large-margin-collapse > .medium-8 {
    width: 66.66667%; }
  .large-margin-collapse > .medium-9 {
    width: 75%; }
  .large-margin-collapse > .medium-10 {
    width: 83.33333%; }
  .large-margin-collapse > .medium-11 {
    width: 91.66667%; }
  .large-margin-collapse > .medium-12 {
    width: 100%; } }

@media print, screen and (min-width: 64em) {
  .large-margin-collapse > .large-1 {
    width: 8.33333%; }
  .large-margin-collapse > .large-2 {
    width: 16.66667%; }
  .large-margin-collapse > .large-3 {
    width: 25%; }
  .large-margin-collapse > .large-4 {
    width: 33.33333%; }
  .large-margin-collapse > .large-5 {
    width: 41.66667%; }
  .large-margin-collapse > .large-6 {
    width: 50%; }
  .large-margin-collapse > .large-7 {
    width: 58.33333%; }
  .large-margin-collapse > .large-8 {
    width: 66.66667%; }
  .large-margin-collapse > .large-9 {
    width: 75%; }
  .large-margin-collapse > .large-10 {
    width: 83.33333%; }
  .large-margin-collapse > .large-11 {
    width: 91.66667%; }
  .large-margin-collapse > .large-12 {
    width: 100%; } }

@media print, screen and (min-width: 64em) {
  .large-padding-collapse {
    margin-right: 0;
    margin-left: 0; }
    .large-padding-collapse > .cell {
      padding-right: 0;
      padding-left: 0; } }

.small-offset-0 {
  margin-left: 0%; }

.grid-margin-x > .small-offset-0 {
  margin-left: calc(0% + 0.625rem); }

.small-offset-1 {
  margin-left: 8.33333%; }

.grid-margin-x > .small-offset-1 {
  margin-left: calc(8.33333% + 0.625rem); }

.small-offset-2 {
  margin-left: 16.66667%; }

.grid-margin-x > .small-offset-2 {
  margin-left: calc(16.66667% + 0.625rem); }

.small-offset-3 {
  margin-left: 25%; }

.grid-margin-x > .small-offset-3 {
  margin-left: calc(25% + 0.625rem); }

.small-offset-4 {
  margin-left: 33.33333%; }

.grid-margin-x > .small-offset-4 {
  margin-left: calc(33.33333% + 0.625rem); }

.small-offset-5 {
  margin-left: 41.66667%; }

.grid-margin-x > .small-offset-5 {
  margin-left: calc(41.66667% + 0.625rem); }

.small-offset-6 {
  margin-left: 50%; }

.grid-margin-x > .small-offset-6 {
  margin-left: calc(50% + 0.625rem); }

.small-offset-7 {
  margin-left: 58.33333%; }

.grid-margin-x > .small-offset-7 {
  margin-left: calc(58.33333% + 0.625rem); }

.small-offset-8 {
  margin-left: 66.66667%; }

.grid-margin-x > .small-offset-8 {
  margin-left: calc(66.66667% + 0.625rem); }

.small-offset-9 {
  margin-left: 75%; }

.grid-margin-x > .small-offset-9 {
  margin-left: calc(75% + 0.625rem); }

.small-offset-10 {
  margin-left: 83.33333%; }

.grid-margin-x > .small-offset-10 {
  margin-left: calc(83.33333% + 0.625rem); }

.small-offset-11 {
  margin-left: 91.66667%; }

.grid-margin-x > .small-offset-11 {
  margin-left: calc(91.66667% + 0.625rem); }

@media print, screen and (min-width: 40em) {
  .medium-offset-0 {
    margin-left: 0%; }
  .grid-margin-x > .medium-offset-0 {
    margin-left: calc(0% + 0.9375rem); }
  .medium-offset-1 {
    margin-left: 8.33333%; }
  .grid-margin-x > .medium-offset-1 {
    margin-left: calc(8.33333% + 0.9375rem); }
  .medium-offset-2 {
    margin-left: 16.66667%; }
  .grid-margin-x > .medium-offset-2 {
    margin-left: calc(16.66667% + 0.9375rem); }
  .medium-offset-3 {
    margin-left: 25%; }
  .grid-margin-x > .medium-offset-3 {
    margin-left: calc(25% + 0.9375rem); }
  .medium-offset-4 {
    margin-left: 33.33333%; }
  .grid-margin-x > .medium-offset-4 {
    margin-left: calc(33.33333% + 0.9375rem); }
  .medium-offset-5 {
    margin-left: 41.66667%; }
  .grid-margin-x > .medium-offset-5 {
    margin-left: calc(41.66667% + 0.9375rem); }
  .medium-offset-6 {
    margin-left: 50%; }
  .grid-margin-x > .medium-offset-6 {
    margin-left: calc(50% + 0.9375rem); }
  .medium-offset-7 {
    margin-left: 58.33333%; }
  .grid-margin-x > .medium-offset-7 {
    margin-left: calc(58.33333% + 0.9375rem); }
  .medium-offset-8 {
    margin-left: 66.66667%; }
  .grid-margin-x > .medium-offset-8 {
    margin-left: calc(66.66667% + 0.9375rem); }
  .medium-offset-9 {
    margin-left: 75%; }
  .grid-margin-x > .medium-offset-9 {
    margin-left: calc(75% + 0.9375rem); }
  .medium-offset-10 {
    margin-left: 83.33333%; }
  .grid-margin-x > .medium-offset-10 {
    margin-left: calc(83.33333% + 0.9375rem); }
  .medium-offset-11 {
    margin-left: 91.66667%; }
  .grid-margin-x > .medium-offset-11 {
    margin-left: calc(91.66667% + 0.9375rem); } }

@media print, screen and (min-width: 64em) {
  .large-offset-0 {
    margin-left: 0%; }
  .grid-margin-x > .large-offset-0 {
    margin-left: calc(0% + 0.9375rem); }
  .large-offset-1 {
    margin-left: 8.33333%; }
  .grid-margin-x > .large-offset-1 {
    margin-left: calc(8.33333% + 0.9375rem); }
  .large-offset-2 {
    margin-left: 16.66667%; }
  .grid-margin-x > .large-offset-2 {
    margin-left: calc(16.66667% + 0.9375rem); }
  .large-offset-3 {
    margin-left: 25%; }
  .grid-margin-x > .large-offset-3 {
    margin-left: calc(25% + 0.9375rem); }
  .large-offset-4 {
    margin-left: 33.33333%; }
  .grid-margin-x > .large-offset-4 {
    margin-left: calc(33.33333% + 0.9375rem); }
  .large-offset-5 {
    margin-left: 41.66667%; }
  .grid-margin-x > .large-offset-5 {
    margin-left: calc(41.66667% + 0.9375rem); }
  .large-offset-6 {
    margin-left: 50%; }
  .grid-margin-x > .large-offset-6 {
    margin-left: calc(50% + 0.9375rem); }
  .large-offset-7 {
    margin-left: 58.33333%; }
  .grid-margin-x > .large-offset-7 {
    margin-left: calc(58.33333% + 0.9375rem); }
  .large-offset-8 {
    margin-left: 66.66667%; }
  .grid-margin-x > .large-offset-8 {
    margin-left: calc(66.66667% + 0.9375rem); }
  .large-offset-9 {
    margin-left: 75%; }
  .grid-margin-x > .large-offset-9 {
    margin-left: calc(75% + 0.9375rem); }
  .large-offset-10 {
    margin-left: 83.33333%; }
  .grid-margin-x > .large-offset-10 {
    margin-left: calc(83.33333% + 0.9375rem); }
  .large-offset-11 {
    margin-left: 91.66667%; }
  .grid-margin-x > .large-offset-11 {
    margin-left: calc(91.66667% + 0.9375rem); } }

.grid-y {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column nowrap;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap; }
  .grid-y > .cell {
    width: auto;
    max-width: none; }
  .grid-y > .auto {
    height: auto; }
  .grid-y > .shrink {
    height: auto; }
  .grid-y > .small-shrink, .grid-y > .small-full, .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 {
    -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
            flex-basis: auto; }
  @media print, screen and (min-width: 40em) {
    .grid-y > .medium-shrink, .grid-y > .medium-full, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 {
      -webkit-flex-basis: auto;
          -ms-flex-preferred-size: auto;
              flex-basis: auto; } }
  @media print, screen and (min-width: 64em) {
    .grid-y > .large-shrink, .grid-y > .large-full, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 {
      -webkit-flex-basis: auto;
          -ms-flex-preferred-size: auto;
              flex-basis: auto; } }
  .grid-y > .small-1, .grid-y > .small-2, .grid-y > .small-3, .grid-y > .small-4, .grid-y > .small-5, .grid-y > .small-6, .grid-y > .small-7, .grid-y > .small-8, .grid-y > .small-9, .grid-y > .small-10, .grid-y > .small-11, .grid-y > .small-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto; }
  .grid-y > .small-1 {
    height: 8.33333%; }
  .grid-y > .small-2 {
    height: 16.66667%; }
  .grid-y > .small-3 {
    height: 25%; }
  .grid-y > .small-4 {
    height: 33.33333%; }
  .grid-y > .small-5 {
    height: 41.66667%; }
  .grid-y > .small-6 {
    height: 50%; }
  .grid-y > .small-7 {
    height: 58.33333%; }
  .grid-y > .small-8 {
    height: 66.66667%; }
  .grid-y > .small-9 {
    height: 75%; }
  .grid-y > .small-10 {
    height: 83.33333%; }
  .grid-y > .small-11 {
    height: 91.66667%; }
  .grid-y > .small-12 {
    height: 100%; }
  @media print, screen and (min-width: 40em) {
    .grid-y > .medium-auto {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 0px;
          -ms-flex: 1 1 0px;
              flex: 1 1 0px;
      height: auto; }
    .grid-y > .medium-shrink, .grid-y > .medium-1, .grid-y > .medium-2, .grid-y > .medium-3, .grid-y > .medium-4, .grid-y > .medium-5, .grid-y > .medium-6, .grid-y > .medium-7, .grid-y > .medium-8, .grid-y > .medium-9, .grid-y > .medium-10, .grid-y > .medium-11, .grid-y > .medium-12 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 auto;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto; }
    .grid-y > .medium-shrink {
      height: auto; }
    .grid-y > .medium-1 {
      height: 8.33333%; }
    .grid-y > .medium-2 {
      height: 16.66667%; }
    .grid-y > .medium-3 {
      height: 25%; }
    .grid-y > .medium-4 {
      height: 33.33333%; }
    .grid-y > .medium-5 {
      height: 41.66667%; }
    .grid-y > .medium-6 {
      height: 50%; }
    .grid-y > .medium-7 {
      height: 58.33333%; }
    .grid-y > .medium-8 {
      height: 66.66667%; }
    .grid-y > .medium-9 {
      height: 75%; }
    .grid-y > .medium-10 {
      height: 83.33333%; }
    .grid-y > .medium-11 {
      height: 91.66667%; }
    .grid-y > .medium-12 {
      height: 100%; } }
  @media print, screen and (min-width: 64em) {
    .grid-y > .large-auto {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 0px;
          -ms-flex: 1 1 0px;
              flex: 1 1 0px;
      height: auto; }
    .grid-y > .large-shrink, .grid-y > .large-1, .grid-y > .large-2, .grid-y > .large-3, .grid-y > .large-4, .grid-y > .large-5, .grid-y > .large-6, .grid-y > .large-7, .grid-y > .large-8, .grid-y > .large-9, .grid-y > .large-10, .grid-y > .large-11, .grid-y > .large-12 {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 auto;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto; }
    .grid-y > .large-shrink {
      height: auto; }
    .grid-y > .large-1 {
      height: 8.33333%; }
    .grid-y > .large-2 {
      height: 16.66667%; }
    .grid-y > .large-3 {
      height: 25%; }
    .grid-y > .large-4 {
      height: 33.33333%; }
    .grid-y > .large-5 {
      height: 41.66667%; }
    .grid-y > .large-6 {
      height: 50%; }
    .grid-y > .large-7 {
      height: 58.33333%; }
    .grid-y > .large-8 {
      height: 66.66667%; }
    .grid-y > .large-9 {
      height: 75%; }
    .grid-y > .large-10 {
      height: 83.33333%; }
    .grid-y > .large-11 {
      height: 91.66667%; }
    .grid-y > .large-12 {
      height: 100%; } }

.grid-padding-y .grid-padding-y {
  margin-top: -0.625rem;
  margin-bottom: -0.625rem; }
  @media print, screen and (min-width: 40em) {
    .grid-padding-y .grid-padding-y {
      margin-top: -0.9375rem;
      margin-bottom: -0.9375rem; } }

.grid-padding-y > .cell {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .grid-padding-y > .cell {
      padding-top: 0.9375rem;
      padding-bottom: 0.9375rem; } }

.grid-margin-y {
  margin-top: -0.625rem;
  margin-bottom: -0.625rem; }
  @media print, screen and (min-width: 40em) {
    .grid-margin-y {
      margin-top: -0.9375rem;
      margin-bottom: -0.9375rem; } }
  .grid-margin-y > .cell {
    height: calc(100% - 1.25rem);
    margin-top: 0.625rem;
    margin-bottom: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .grid-margin-y > .cell {
      height: calc(100% - 1.875rem);
      margin-top: 0.9375rem;
      margin-bottom: 0.9375rem; } }
  .grid-margin-y > .auto {
    height: auto; }
  .grid-margin-y > .shrink {
    height: auto; }
  .grid-margin-y > .small-1 {
    height: calc(8.33333% - 1.25rem); }
  .grid-margin-y > .small-2 {
    height: calc(16.66667% - 1.25rem); }
  .grid-margin-y > .small-3 {
    height: calc(25% - 1.25rem); }
  .grid-margin-y > .small-4 {
    height: calc(33.33333% - 1.25rem); }
  .grid-margin-y > .small-5 {
    height: calc(41.66667% - 1.25rem); }
  .grid-margin-y > .small-6 {
    height: calc(50% - 1.25rem); }
  .grid-margin-y > .small-7 {
    height: calc(58.33333% - 1.25rem); }
  .grid-margin-y > .small-8 {
    height: calc(66.66667% - 1.25rem); }
  .grid-margin-y > .small-9 {
    height: calc(75% - 1.25rem); }
  .grid-margin-y > .small-10 {
    height: calc(83.33333% - 1.25rem); }
  .grid-margin-y > .small-11 {
    height: calc(91.66667% - 1.25rem); }
  .grid-margin-y > .small-12 {
    height: calc(100% - 1.25rem); }
  @media print, screen and (min-width: 40em) {
    .grid-margin-y > .auto {
      height: auto; }
    .grid-margin-y > .shrink {
      height: auto; }
    .grid-margin-y > .small-1 {
      height: calc(8.33333% - 1.875rem); }
    .grid-margin-y > .small-2 {
      height: calc(16.66667% - 1.875rem); }
    .grid-margin-y > .small-3 {
      height: calc(25% - 1.875rem); }
    .grid-margin-y > .small-4 {
      height: calc(33.33333% - 1.875rem); }
    .grid-margin-y > .small-5 {
      height: calc(41.66667% - 1.875rem); }
    .grid-margin-y > .small-6 {
      height: calc(50% - 1.875rem); }
    .grid-margin-y > .small-7 {
      height: calc(58.33333% - 1.875rem); }
    .grid-margin-y > .small-8 {
      height: calc(66.66667% - 1.875rem); }
    .grid-margin-y > .small-9 {
      height: calc(75% - 1.875rem); }
    .grid-margin-y > .small-10 {
      height: calc(83.33333% - 1.875rem); }
    .grid-margin-y > .small-11 {
      height: calc(91.66667% - 1.875rem); }
    .grid-margin-y > .small-12 {
      height: calc(100% - 1.875rem); }
    .grid-margin-y > .medium-auto {
      height: auto; }
    .grid-margin-y > .medium-shrink {
      height: auto; }
    .grid-margin-y > .medium-1 {
      height: calc(8.33333% - 1.875rem); }
    .grid-margin-y > .medium-2 {
      height: calc(16.66667% - 1.875rem); }
    .grid-margin-y > .medium-3 {
      height: calc(25% - 1.875rem); }
    .grid-margin-y > .medium-4 {
      height: calc(33.33333% - 1.875rem); }
    .grid-margin-y > .medium-5 {
      height: calc(41.66667% - 1.875rem); }
    .grid-margin-y > .medium-6 {
      height: calc(50% - 1.875rem); }
    .grid-margin-y > .medium-7 {
      height: calc(58.33333% - 1.875rem); }
    .grid-margin-y > .medium-8 {
      height: calc(66.66667% - 1.875rem); }
    .grid-margin-y > .medium-9 {
      height: calc(75% - 1.875rem); }
    .grid-margin-y > .medium-10 {
      height: calc(83.33333% - 1.875rem); }
    .grid-margin-y > .medium-11 {
      height: calc(91.66667% - 1.875rem); }
    .grid-margin-y > .medium-12 {
      height: calc(100% - 1.875rem); } }
  @media print, screen and (min-width: 64em) {
    .grid-margin-y > .large-auto {
      height: auto; }
    .grid-margin-y > .large-shrink {
      height: auto; }
    .grid-margin-y > .large-1 {
      height: calc(8.33333% - 1.875rem); }
    .grid-margin-y > .large-2 {
      height: calc(16.66667% - 1.875rem); }
    .grid-margin-y > .large-3 {
      height: calc(25% - 1.875rem); }
    .grid-margin-y > .large-4 {
      height: calc(33.33333% - 1.875rem); }
    .grid-margin-y > .large-5 {
      height: calc(41.66667% - 1.875rem); }
    .grid-margin-y > .large-6 {
      height: calc(50% - 1.875rem); }
    .grid-margin-y > .large-7 {
      height: calc(58.33333% - 1.875rem); }
    .grid-margin-y > .large-8 {
      height: calc(66.66667% - 1.875rem); }
    .grid-margin-y > .large-9 {
      height: calc(75% - 1.875rem); }
    .grid-margin-y > .large-10 {
      height: calc(83.33333% - 1.875rem); }
    .grid-margin-y > .large-11 {
      height: calc(91.66667% - 1.875rem); }
    .grid-margin-y > .large-12 {
      height: calc(100% - 1.875rem); } }

.grid-frame {
  overflow: hidden;
  position: relative;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100vw; }

.cell .grid-frame {
  width: 100%; }

.cell-block {
  overflow-x: auto;
  max-width: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar; }

.cell-block-y {
  overflow-y: auto;
  max-height: 100%;
  min-height: 100%;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar; }

.cell-block-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  max-height: 100%; }
  .cell-block-container > .grid-x {
    max-height: 100%;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap; }

@media print, screen and (min-width: 40em) {
  .medium-grid-frame {
    overflow: hidden;
    position: relative;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    width: 100vw; }
  .cell .medium-grid-frame {
    width: 100%; }
  .medium-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
  .medium-cell-block-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    max-height: 100%; }
    .medium-cell-block-container > .grid-x {
      max-height: 100%;
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap; }
  .medium-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; } }

@media print, screen and (min-width: 64em) {
  .large-grid-frame {
    overflow: hidden;
    position: relative;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    width: 100vw; }
  .cell .large-grid-frame {
    width: 100%; }
  .large-cell-block {
    overflow-x: auto;
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; }
  .large-cell-block-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    max-height: 100%; }
    .large-cell-block-container > .grid-x {
      max-height: 100%;
      -webkit-flex-wrap: nowrap;
          -ms-flex-wrap: nowrap;
              flex-wrap: nowrap; }
  .large-cell-block-y {
    overflow-y: auto;
    max-height: 100%;
    min-height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar; } }

.grid-y.grid-frame {
  width: auto;
  overflow: hidden;
  position: relative;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  height: 100vh; }

@media print, screen and (min-width: 40em) {
  .grid-y.medium-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    height: 100vh; } }

@media print, screen and (min-width: 64em) {
  .grid-y.large-grid-frame {
    width: auto;
    overflow: hidden;
    position: relative;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    height: 100vh; } }

.cell .grid-y.grid-frame {
  height: 100%; }

@media print, screen and (min-width: 40em) {
  .cell .grid-y.medium-grid-frame {
    height: 100%; } }

@media print, screen and (min-width: 64em) {
  .cell .grid-y.large-grid-frame {
    height: 100%; } }

.grid-margin-y {
  margin-top: -0.625rem;
  margin-bottom: -0.625rem; }
  @media print, screen and (min-width: 40em) {
    .grid-margin-y {
      margin-top: -0.9375rem;
      margin-bottom: -0.9375rem; } }
  .grid-margin-y > .cell {
    height: calc(100% - 1.25rem);
    margin-top: 0.625rem;
    margin-bottom: 0.625rem; }
  @media print, screen and (min-width: 40em) {
    .grid-margin-y > .cell {
      height: calc(100% - 1.875rem);
      margin-top: 0.9375rem;
      margin-bottom: 0.9375rem; } }
  .grid-margin-y > .auto {
    height: auto; }
  .grid-margin-y > .shrink {
    height: auto; }
  .grid-margin-y > .small-1 {
    height: calc(8.33333% - 1.25rem); }
  .grid-margin-y > .small-2 {
    height: calc(16.66667% - 1.25rem); }
  .grid-margin-y > .small-3 {
    height: calc(25% - 1.25rem); }
  .grid-margin-y > .small-4 {
    height: calc(33.33333% - 1.25rem); }
  .grid-margin-y > .small-5 {
    height: calc(41.66667% - 1.25rem); }
  .grid-margin-y > .small-6 {
    height: calc(50% - 1.25rem); }
  .grid-margin-y > .small-7 {
    height: calc(58.33333% - 1.25rem); }
  .grid-margin-y > .small-8 {
    height: calc(66.66667% - 1.25rem); }
  .grid-margin-y > .small-9 {
    height: calc(75% - 1.25rem); }
  .grid-margin-y > .small-10 {
    height: calc(83.33333% - 1.25rem); }
  .grid-margin-y > .small-11 {
    height: calc(91.66667% - 1.25rem); }
  .grid-margin-y > .small-12 {
    height: calc(100% - 1.25rem); }
  @media print, screen and (min-width: 40em) {
    .grid-margin-y > .auto {
      height: auto; }
    .grid-margin-y > .shrink {
      height: auto; }
    .grid-margin-y > .small-1 {
      height: calc(8.33333% - 1.875rem); }
    .grid-margin-y > .small-2 {
      height: calc(16.66667% - 1.875rem); }
    .grid-margin-y > .small-3 {
      height: calc(25% - 1.875rem); }
    .grid-margin-y > .small-4 {
      height: calc(33.33333% - 1.875rem); }
    .grid-margin-y > .small-5 {
      height: calc(41.66667% - 1.875rem); }
    .grid-margin-y > .small-6 {
      height: calc(50% - 1.875rem); }
    .grid-margin-y > .small-7 {
      height: calc(58.33333% - 1.875rem); }
    .grid-margin-y > .small-8 {
      height: calc(66.66667% - 1.875rem); }
    .grid-margin-y > .small-9 {
      height: calc(75% - 1.875rem); }
    .grid-margin-y > .small-10 {
      height: calc(83.33333% - 1.875rem); }
    .grid-margin-y > .small-11 {
      height: calc(91.66667% - 1.875rem); }
    .grid-margin-y > .small-12 {
      height: calc(100% - 1.875rem); }
    .grid-margin-y > .medium-auto {
      height: auto; }
    .grid-margin-y > .medium-shrink {
      height: auto; }
    .grid-margin-y > .medium-1 {
      height: calc(8.33333% - 1.875rem); }
    .grid-margin-y > .medium-2 {
      height: calc(16.66667% - 1.875rem); }
    .grid-margin-y > .medium-3 {
      height: calc(25% - 1.875rem); }
    .grid-margin-y > .medium-4 {
      height: calc(33.33333% - 1.875rem); }
    .grid-margin-y > .medium-5 {
      height: calc(41.66667% - 1.875rem); }
    .grid-margin-y > .medium-6 {
      height: calc(50% - 1.875rem); }
    .grid-margin-y > .medium-7 {
      height: calc(58.33333% - 1.875rem); }
    .grid-margin-y > .medium-8 {
      height: calc(66.66667% - 1.875rem); }
    .grid-margin-y > .medium-9 {
      height: calc(75% - 1.875rem); }
    .grid-margin-y > .medium-10 {
      height: calc(83.33333% - 1.875rem); }
    .grid-margin-y > .medium-11 {
      height: calc(91.66667% - 1.875rem); }
    .grid-margin-y > .medium-12 {
      height: calc(100% - 1.875rem); } }
  @media print, screen and (min-width: 64em) {
    .grid-margin-y > .large-auto {
      height: auto; }
    .grid-margin-y > .large-shrink {
      height: auto; }
    .grid-margin-y > .large-1 {
      height: calc(8.33333% - 1.875rem); }
    .grid-margin-y > .large-2 {
      height: calc(16.66667% - 1.875rem); }
    .grid-margin-y > .large-3 {
      height: calc(25% - 1.875rem); }
    .grid-margin-y > .large-4 {
      height: calc(33.33333% - 1.875rem); }
    .grid-margin-y > .large-5 {
      height: calc(41.66667% - 1.875rem); }
    .grid-margin-y > .large-6 {
      height: calc(50% - 1.875rem); }
    .grid-margin-y > .large-7 {
      height: calc(58.33333% - 1.875rem); }
    .grid-margin-y > .large-8 {
      height: calc(66.66667% - 1.875rem); }
    .grid-margin-y > .large-9 {
      height: calc(75% - 1.875rem); }
    .grid-margin-y > .large-10 {
      height: calc(83.33333% - 1.875rem); }
    .grid-margin-y > .large-11 {
      height: calc(91.66667% - 1.875rem); }
    .grid-margin-y > .large-12 {
      height: calc(100% - 1.875rem); } }

.grid-frame.grid-margin-y {
  height: calc(100vh + 1.25rem); }
  @media print, screen and (min-width: 40em) {
    .grid-frame.grid-margin-y {
      height: calc(100vh + 1.875rem); } }
  @media print, screen and (min-width: 64em) {
    .grid-frame.grid-margin-y {
      height: calc(100vh + 1.875rem); } }

@media print, screen and (min-width: 40em) {
  .grid-margin-y.medium-grid-frame {
    height: calc(100vh + 1.875rem); } }

@media print, screen and (min-width: 64em) {
  .grid-margin-y.large-grid-frame {
    height: calc(100vh + 1.875rem); } }

.small-order-1 {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1; }

.small-order-2 {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2; }

.small-order-3 {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
      -ms-flex-order: 3;
          order: 3; }

.small-order-4 {
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
      -ms-flex-order: 4;
          order: 4; }

.small-order-5 {
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
      -ms-flex-order: 5;
          order: 5; }

.small-order-6 {
  -webkit-box-ordinal-group: 7;
  -webkit-order: 6;
      -ms-flex-order: 6;
          order: 6; }

@media print, screen and (min-width: 40em) {
  .medium-order-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .medium-order-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  .medium-order-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; }
  .medium-order-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4; }
  .medium-order-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5; }
  .medium-order-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6; } }

@media print, screen and (min-width: 64em) {
  .large-order-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }
  .large-order-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2; }
  .large-order-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3; }
  .large-order-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
        -ms-flex-order: 4;
            order: 4; }
  .large-order-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
        -ms-flex-order: 5;
            order: 5; }
  .large-order-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
        -ms-flex-order: 6;
            order: 6; } }
/**********************************************\
26.  RESPONSIVE CSS
\**********************************************/
/* === Tablet === */
@media (max-width: 1280px){
    h1.entry-title{
        font-size: 4rem;
    }
    h2{
        font-size: 2.7rem;
    }
    h3{
        font-size: 3rem;
    }
    h3.recent-title{
        font-size: 2rem;
    }
    .entry-content h4{
        font-size: 3.2rem;
    }
    .entry-content p{
        font-size: 2rem;
    }
    .entry-content li{
        font-size: 2.2rem;
    }
    .entry-content p.highlight-text{
        font-size: 2.2rem;
    }
    .wp-block-spacer{
        display: none;
    }
    .entry-content li{
        font-size: 2rem;
    }
    /*Buttons*/
    .wp-block-button .wp-block-button__link:focus,
    .wp-block-button .wp-block-button__link:hover{
        transform: none;
    }
    /*Services Block*/
    .services-text{
        height: auto;
    }
    .services-icon .icon-wrapper span.icon-Sun:after{
        font-size: 6rem;
    }
    .services-icon span.icon-Gears:after{
        font-size: 5.2rem;
    }
    .services-icon span.icon-Accessibility:after{
        font-size: 8rem;
    }
    .services-icon span.icon-Seedling:after{
        font-size: 6rem;
    }
    /*Recent Post*/

    /*Footer*/
    .footer-widgets-outer-wrapper{
        padding-top: 4rem;
    }
    .footer-widgets{
        width: 100%;
    }
    .footer-logo{
        max-width: 50%;
    }
    .footer-credits .wp-block-column:not(:first-child){
        padding-left:0;
    }
    .social-col{
        max-width: 100%;
    }
    /*Quote Block*/
    .wp-block-quote.quote{
        margin-top: 0 !important;
    }
    .entry-content > .wp-block-group.alignfull.has-background.quote{
        margin-top: 0 !important;
    }
    .wp-block-quote.is-style-large{
        padding: 1% 5% 5% 25%;
    }
    .wp-block-quote.is-style-large p{
        font-size: 2.8rem;
    }
    .main-quote:before{
        font-size: 30rem;
        margin-left: -23%;
        margin-top: -12%;
    }
    ul.project_output_list{
        margin-bottom: 1rem;
    }
    /*Page intro*/
    .intro-arrow{
        flex-basis: 85% !important;
    }
    /*Pull Quote Block*/
    .entry-content .wp-block-pullquote blockquote p, .wp-block-pullquote blockquote p{
        font-size: 2.5rem;
    }
    /*Newsletter*/
    h2.newsletter-header{
        margin-right: 0 !important;
    }
    /*Page Headers*/
    #post-2032 .entry-title,
    #post-2037 .entry-title,
    #post-2039 .entry-title,
    #post-1782 .entry-title{
        padding-top: 5%;
    }
    .singular .entry-header{
        padding: 8rem 0 0 0;
    }
    /*Services Row*/
    .service-icon-row-wrap{
        margin-top: 0;
        margin-bottom: 0;
    }
    a .service-ico .fa-sun{
        font-size: 6rem;
    }
    a .service-ico .fa-cogs{
        font-size: 5.2rem;
    }
    a .service-ico .fa-universal-access{
        font-size: 8.5rem;
    }
    a .service-ico .fa-seedling{
        6rem;
    }
    /* Client Page*/
    .multi-col .wp-block-group__inner-container{
        column-gap: 5rem;
    }
    .multi-col .wp-block-group__inner-container{
        column-count: 2;
    }
    /*Contact Page*/
    .contact-icon{
        font-size: 3rem;
    }
    /*Portfolio Page*/
    .filters-group-wrap{
        padding-bottom: 4%;
    }
    .study-title{
        font-size: 2.7rem;
    }
    h5.feat-tag{
        padding-bottom: 0;
        padding-left: 0;
    }
    .post-categories li{
        font-size: 2.2rem;
    }
    /*Case Study Posts*/
    .entry-categories-inner{
        width: 50vw;
        text-align: left;
    }
    .entry-categories a{
        font-size: 2.2rem;
    }
    /*Icon & Text Block*/
    .icon-wrapper span{
        font-size: 3rem;
    }
    span.icon-Accessibility:after{
        font-size: 4rem;
    }
    /*Search & Archive Pages*/
    .css-masonry{
        column-count: 2;
    }
    h2.search-header{
        font-size: 2.5rem;
    }
    .post-categories li{
        font-size: 2rem;
        line-height: 1.5;
    }
    .wp-block-column.next-terms{
        flex-basis: calc(60% - 16px)!important;
    }
    .wp-block-column.right-terms{
        flex-basis: calc(40% - 16px)!important;
    }
    .case-study{
        padding: 2em 2em;
    }
    .intro-colz{
        display: none;
    }

}
/* === Menu Modal === */
@media (max-width: 1000px){
        /*Hamburger Nav Menu*/
    .toggle-inner .toggle-text{
        color: #000 !important;
        font-size: 1.8rem;
        font-weight: 800;
        top: 0;
    }
    .mobile-text:after{
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f0c9";
        padding-left: 15%;
    }

		.header-inner .toggle:focus .toggle-text,
		.header-inner .toggle:hover .toggle-text {
        text-decoration: none;
        color: #496CBC !important;
    }
    /*modal*/
    .reset-list-style{
        padding-top: 5%;
    }
    .menu-modal nav*{
        border: none;
        border-color: rgba(255,255,255,0);
    }
    .menu-wrapper .menu-item{
        border: none;
    }
    ul.modal-menu > li .ancestor-wrapper a{
        font-weight: 700;
        font-size: 3rem;
        text-align: center;
    }
    .modal-menu > li > .ancestor-wrapper > a{
        text-decoration: none;
        color: #000;
    }
    .modal-menu > li > .ancestor-wrapper > a:hover,
    .modal-menu > li > .ancestor-wrapper > a:active{
        color: #496CBC;
        text-decoration: none;
    }
    .modal-menu li.current-menu-item > .ancestor-wrapper > a{
        color: #496CBC;
        text-decoration: none;
    }
    button.close-nav-toggle .toggle-text{
        font-weight: 600;
        font-size: 2.2rem;
    }
    button.close-nav-toggle .toggle-text:hover,
    button.close-nav-toggle .toggle-text:active{
        text-decoration: none;
        color: #e78080;
    }
    button.close-nav-toggle svg{
        height: 2.2rem;
        width: 2.2rem;
        color: #e78080;
    }
}
/* === Large Mobile === */
@media (max-width: 766px){
    /*Fonts*/
    .entry-content p{
        font-size: 1.8rem;
    }
    .entry-content p.highlight-text{
        font-size: 2rem;
    }
    .entry-content li{
        font-size: 1.8rem;
    }
    h1.entry-title{
        font-size: 3rem;
        padding-bottom: 2rem;
    }
    h2{
        font-size: 2.4rem;
    }
    h3{
        font-size: 2.6rem;
    }
    .singular .entry-header{
        padding: 10rem 0 0 0;
    }
    /*Quote Block*/
    .wp-block-quote.is-style-large{
        padding: 0 0 3% 5%;
    }
    .wp-block-quote.is-style-large p{
        font-size: 2rem;
    }
    .wp-block-quote.is-style-large cite{
        font-size: 1.5rem;
    }
    .main-quote:before{
        display: none;
    }
    /*Pull Quote*/
    .entry-content .wp-block-pullquote blockquote p, .wp-block-pullquote blockquote p{
        font-size: 2rem;
    }
    /*Client Page*/
    .multi-col .wp-block-group__inner-container{
        column-count: 1;
    }
    hr.wp-block-separator:not(.is-feature):not(.is-style-wide){
        margin-top: 2rem;
        margin-bottom: 2rem !important;
    }
    /*Support Features*/
    .support-feature{
        font-size: 4rem;
    }
    /*Case Studies*/
    .entry-categories-inner{
        width: 100%
    }
    ul.project_header_list{
        width: 100%;
        max-width: 100%;
    }
    .type-post .featured-media-inner{
        float: none;
        margin-top: 2rem;
        max-width: 100%;
    }
    .icon-text-wrapper{
        padding: 0 2rem;
    }
    .icon-wrapper span{
        font-size: 2rem;
    }
    .entry-content .icon-text-p p{
        padding: 0 2rem 0 1.5rem;
    }


}