/*
Theme Name: kdw-framework4
Theme URI: http://keydesigndevelopment.com
Author: Thomas W Craig III, Jessica Rogers, & Miranda Dopp
Author URI: http://keydesignwebsites.com/
Description: Key Design Websites Framework 4x is an in-house starter theme. This theme is a mobile friendly theme/framework that uses html5 and css3 concepts. The core is _s from Automatic and Foundation (6) from Zurb with updated ACF Website options and content. Supports Zurb Foundation Flexbox 6.6.3 Grid row & column and XY-Grid 6.7.4 grid-x/y & cell. Full width view-able area and global or page specific sidebars. Simple Zurb Foundation classes can easily be added to simplify and enhance the site experience and functionality. 3 Header Files and 3 Footer backend selectable template files and lots of shortcodes to make this theme even more flexible. Included icons are https://fontawesome.com/ Ver. 5.15.4 Icons as well as the default Foundation icons. Also integrated is AOS (Animate on Scroll). Headroom.js as well as Deault WordPress Custom Header Video Header support for Youtube and Vimeo. Tons of Flexablility without being overly bloated. Have Fun! Build a Great Site! This theme and content are mostly ACF and diaplayed using template files. If you move this site the content may not display unless using this theme. (Thanks from the Key Design Websites Team!)
Version: 1.1.0030
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kdw-framework4
Tags:
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
kdw-framework4 is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*
*******************************************************************************************************************
*******************************************************************************************************************
*/
/*
This theme is built for Key Design Websites and implements _s from Automatic and the Zurb foundation css framework.
For this theme I have separated out the css sheets to make it easier to migrate from 3.x to 4.x
Please do not modify the normalize.css or the underscores.css sheets. The underscores.css by my default commented out.
The framwork3.x sheet is also commented out and is from well our 3.x theme and is for testing and comparison.
Try to use the .classes as described in the docs http://foundation.zurb.com/docs/
Minimal css has been used in the set-up of this theme/framework in an effort to reduce build time.
Make modifications in .the responsive.css for anything responsive that can not be handled by the foundation css framework.
*/
/*
*******************************************************************************************************************
** STYLES
*******************************************************************************************************************
*/
html {font-family: 'Roboto', sans-serif; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;}
body {margin: 0; font-family: 'Roboto', sans-serif;}
h1, h2, h3, h4, h5, h6 {font-family: 'Abril Fatface', serif; color: #3779B3; text-transform: capitalize;}
body {background-color: #fff;}
p, ul,ol{color: #1A181B; line-height: 1.75rem; font-weight: 300;}
h1{font-size: rem;}
h2{font-size:1.5rem;}
h3{font-size:1.3rem;}
h4{font-size:1.25rem;}
h5{font-size:1rem;}
h6{font-size:0.875rem;}
t1{font-size: 1.5rem;}
t2{font-size: 1.25rem;}
t3{font-size: 1.1875rem;}
t4{font-size: 1.125rem;}
t5{font-size: 1.0625rem;}
t6{font-size: 1rem;}
.white, .white p, .white h2, .white .surtitle {color: #fff; font-weight: 400;}
img.aligncenter{display: block; margin: 0 auto; margin-bottom: 10px;}
img.alignright{float: right;margin-left: 24px;margin-top: 10px;}
img.alignleft{float: left;margin-right: 24px;margin-top: 10px;}
.shadow img {box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);}
.no-padding-top-bottom .column,
.no-padding-top-bottom.columns,
.no-padding-top-bottom .columns{padding-top: 0; padding-bottom: 0;}
.no-padding-left-right .column,
.no-padding-left-right.columns,
.no-padding-left-right .columns{padding-left: 0; padding-right: 0;}
.no-padding-wrapper .wrapper{padding: 0;}
.no-padding-bottom-wrapper .wrapper{padding-bottom: 0;}
.no-padding-top-wrapper .wrapper{padding-top: 0;}
.header-image, .header-slideshow-image{width: 100%;}
.border-bottom{ border-bottom: 1px solid #ccc;}
/************************************************************************/
/* SET ROW MAX-WIDTH FOR SITES WHERE ROW IS DIFFRENT THAN 1200PX */
.row {max-width: 75rem;}
.column, .columns {padding-top: 0.9375rem;padding-bottom: 0.9375rem;}
.row-inner {margin-left: auto!important; margin-right: auto!important;}
.wrapper {padding: 1.875em 0;}
/************************************************************************/
/*.page-id-2 #title-row {display: hidden; display: none; }*/ /* removed now conditional in theme */
#title-row {background: #3779B3; }
.entry-title { color: #fff; text-align: center;}
.entry-title.blog{text-align: left;}
.empty-h-tag {display: hidden; display: none; }
h2.headerphone.subheader a {color: unset;}
header {position: relative;}
.template-fullwidth .aside {display: none;}
/************* PHONE *************/
ul.phone_numbers {margin-left: initial;}
.phone_numbers li {list-style: none;}
.phone_number .button a, .phone_numbers .button a {color: #fff;}
.phone_number i, .phone_numbers i {padding-right: 5px;}
.the_phone_number {padding-left: 5px; }
.header-logo-phone .the-number-side{margin: 1.250em 1.250em 0 0;}
.inline-number i{display: none;}
.inline-number .the_phone_number, .inline-number a{padding: 0;}
/*************** HEADER **********************/
#top-row{background: #fff; padding: 8px 0px;}
#top-row h5 {color:#0C3457; margin-bottom: 0; font-family: 'Roboto', sans-serif; text-transform: uppercase;}
#top-row a{color:#1779ba;}
#top-row .social-media{margin: 0;}
#top-row .social-media{margin: 0; float: right;}
.nav-row{background:#0C3457;}
.tagline{position: absolute; left: 30px; bottom: 60px;}
.tagline h1{color: #fff; font-weight: bold; font-size: 3.5rem; text-shadow: 0px 3px 6px rgba(0,0,0,0.35);}
.tagline h2{color: #fff; font-size: 2rem; font-weight: bold; text-shadow: 0px 3px 6px rgba(0,0,0,0.35); text-transform: capitalize;}
/************* BUTTON/LABEL *************/
button.radius, .button.radius {border-radius: 3px;}
button.round, .button.round {border-radius: 1000px;}
label.radius, .label.radius {border-radius: 3px;}
label.round, .label.round {border-radius: 1000px;}
.button{border-radius: 50px;
background: #fff;
color: #0C3457;
text-transform: capitalize;
}
.button.border{ border: 2px solid #0C3457;}
/*.button:hover, .button:focus{background-color: #25908D;}*/
.button.bluebtn{background: #3779B3;color: #fff; font-size: 18px; text-transform: uppercase;}
.button.bluebtn:hover, .button.bluebtn:focus{background: #0C3457; color: #fff;}
/************* Misc *************/
.no-js .header-navigation {display: none;}
.no-js .menu {display: none;}
.is-lower {position: absolute!important; z-index: 99995!important; top: initial!important;}
/************* NAVIGATION *************/
.main-navigation {width: 100%;height: auto;clear: both; background: #000 none repeat scroll 0% 0% !important;}
.main-navigation-absolute {position: absolute; z-index: 100;}
.header-navigation {width: 100%;height: auto;clear: both;}
.header-navigation {position: absolute; z-index: 100;}
.top-bar, #header-menu{background-color: transparent;}
#header-menu .menu-item-has-children:hover .submenu a {color: #fff;}
#header-menu.menu ul.submenu a:hover {color: #A4C7E6; }
#header-menu.menu .current-menu-item .submenu a{color: #fff;}
#header-menu a{color: #fff; font-weight: 400; font-family: 'Roboto', sans-serif; text-transform: uppercase;}
#header-menu a:hover, #header-menu li.current-menu-item a{ color: #A4C7E6; }
/************* DRILL DOWN NAVIGATION *************/
.drill-down-menu ul {background-color: #000;}
.drill-down-menu .is-drilldown-submenu {background: #000;}
.drilldown a {background: #000; color: #fff;}
.dropdown.menu>li.is-dropdown-submenu-parent>a::after{border-color: #A4C7E6 transparent transparent;}
.drilldown .is-drilldown-submenu-parent>a::after{border-color:transparent transparent transparent #A4C7E6;}
.drilldown .js-drilldown-back>a::before{border-color:transparent #A4C7E6 transparent transparent;}
/************* TOP BAR NAV *************/
.title-bar-right .top-bar, .top-bar ul {background-color: #000;}
#site-navigation .top-bar, .top-bar ul {background-color: #000;}
#site-navigation .top-bar .is-dropdown-submenu {border: 1px solid #cacaca; background: #000;}
.top-bar-center {display: block; margin-right: auto; margin-left: auto;}
/************* TOP-BAR SHRINK *************/ /* 1.546em */
.top-container.shrink {height:65px!important;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0.6);opacity:0.6;transition: all .5s ease;}
.top-container.shrink {line-height: 65px;transition: all .5s ease;}
.top-container .title-bar.shrink {height: 65px!important;line-height: 65px;transition: all .5s ease;}
.sticky-container .header-navigation {z-index: 99995!important;}
/************* SHRINKY *************/
[data-sticky] {width: 100%;}
/************* MAIN NAVIGATION SHRINK *************/
.main-navigation.shrink {height:55px!important;filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0.6);opacity:0.6;transition: all .5s ease;}
.main-navigation.shrink {line-height: 25px;transition: all .5s ease;}
.main-navigation.shrink {height: 55px!important;line-height: 55px;transition: all .5s ease;}
.main-navigation.shrink .columns {height: 55px!important;line-height: 55px;transition: all .5s ease;}
/*** HAMBURGER ICON COLOR ***/
.tab-bar {padding: 5px;}
.tab-bar .menu-icon { color: #000;}
.tab-bar .menu-icon span a::after {box-shadow: 0 0 0 0.077em #fff, 0 0.538em 0 0.077em #fff, 0 1.077em 0 0.077em #fff; width: 1rem; }
.tab-bar .menu-icon span a:hover::after { box-shadow: 0 0 0 0.077em #b3b3b3, 0 0.538em 0 0.077em #b3b3b3, 0 1.077em 0 0.077em #b3b3b3; }
.menu-icon span {color: #fff; margin-left: 30px;}
.menu-icon {height: 25px; cursor: pointer;}
.menu-icon span {font-size: 1.250em;}
.menu-icon::after {top: 5px;}
.hamburger-menu-right {margin: 0 30px 0 -60px!important;}
/************ BLOG NAV *************/
.navigation {padding: 20px;}
/************ OFF-CANVAS MOBILE NAV *************/
.off-canvas {background: #000;}
.off-canvas .fa, .off-canvas .fas, .off-canvas .fab {color: #A4C7E6;}
/************* SOCIAL *************/
ul.header-social {list-style: none;}
.header-social {list-style-type: none;float: right;margin: 0;padding: 0;}
.header-social li {float: left; margin: 0 0.231em;padding: 0.077em;}
.header-social li a {opacity: 0.8;}
.header-social li a:hover {opacity: 1.0;}
.header-social li a img {height: 1.846em !important;width: auto;}
.social-media {display: block;margin-top: 0;}
.social-media li {list-style: none; display: block; float: left; margin-left: 10px;}
ul.social-media {margin-left: 0; margin-bottom: 0;}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {clip: rect(0.077em, 0.077em, 0.077em, 0.077em); position: absolute !important; height: 0.077em;width: 0.077em; overflow: hidden;}
.screen-reader-text:focus {background-color: #f1f1f1; border-radius: 0.231em; box-shadow: 0 0 0.154em 0.154em rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b;display: block; font-size: 1.077em; font-size: 0.875rem; font-weight: bold; height: auto; left: 0.385em; line-height: normal; padding: 1.154em 1.769em 1.077em; text-decoration: none; top: 0.385em; width: auto; z-index: 100000; /* Above WP toolbar. */}
/*************SLIDESHOW *************/
.slideshow {width: 100%; margin: 0 auto; clear: both;}
.slideshow-featuredcontent .caption, .slideshow-nodescription .caption { visibility: hidden !important; }
#slideshow, #slideshow-gallery, .slideshow-gallery {display:none;}
.slideshow { visibility: hidden; } /* Turn images off until loaded */
.header-slideshow-image img {width: 100%;}
/* BXslider We do not want any borders or background color */
.bx-wrapper .bx-viewport {-moz-box-shadow: unset;-webkit-box-shadow: unset; transform: unset; box-shadow: unset; border: unset; background: unset; }
.bx-wrapper img {width: 100%;}
.bx-wrapper .bx-viewport {left: -0.000em;}
.bx-viewport .slide-caption {
background-color: rgba(255, 255, 255, 0.6);
position: absolute;
bottom: 10%;
text-align: center;
margin: 0 auto;
display: block;
width: 60%;
margin-left: 20%;
margin-right: 20%;
}
ul.slideshowheader {margin-left: 0em;}
/************* GALLERY *************/
.gallery-row { padding-bottom: 1.538em; }
.gallery { list-style-type: none; float: left; margin: 0 !important; padding: 0; width: 100%; }
.gallery li {
float: left;
width: 18%;
margin: 1%;
opacity: 0.8;
-moz-transform: scale(1.0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-webkit-transform: scale(1.0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-o-transform: scale(1.0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-ms-transform: scale(1.0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
transform: scale(1.0) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-ms-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
.gallery li:hover {
opacity: 1.0;
-moz-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-webkit-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-o-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-ms-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-ms-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
.gallery-grid .column-block{
margin-bottom:0;
}
.gallery-grid .thumbnail {
/* margin-bottom: 1rem; */
border: 0px solid transparent;
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.16);
box-shadow: 0 3px 6px rgba(0,0,0,.16);
}
/*************CTA / CARD*************/
.cta-single-inner img {width: 100%;}
.card img {width: 100%;}
.link-section {-ms-flex: 1 0 auto; flex: 1 0 auto; padding: 1rem;}
.cta-row .column-block:nth-child(odd) .cta-image-container{
background-color: #EAF5FF;
border-radius:50%;
margin: 20px;
}
.cta-row .column-block:nth-child(even) .cta-image-container{
background-color: #A4C7E6;
border-radius:50%;
margin: 20px;
}
.cta-row .cta-single-inner{
border-radius: 10px;
box-shadow: 0 3px 6px rgba(0 ,0 ,0 , .16);
border: 6px solid transparent;
background: #fff;
}
.cta-row .cta-heading{
color: #0C3457;
text-transform: uppercase;
text-align: center;
margin-top: 24px;
margin-bottom: 10px;
}
.cta-row .cta-single-inner:hover{
border: 6px solid #3779B3;
}
.cta-row .cta-single-inner *{
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.expertise-row .cta-single-inner img{
box-shadow: 0 3px 6px rgba(0 ,0 ,0 , .16);
margin-bottom: 20px;
}
.expertise-row .cta-heading{
font-weight: bold;
}
.testimonial-row .author{
color:#0963C7;
font-weight: 900;
font-size: 18px;
font-style: italic;
}
.testimonial-row .cta-text p{
margin: 5px;
}
.testimonial-row .stars:before{
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: '\f005 \f005 \f005 \f005 \f005';
color: #063770;
}
.testimonial-row .lt-blue-bg{
border-radius: 15px;
}
.testimonial-row .column-block {
margin-bottom:0;
}
/*************COPYRIGHT/LEGAL MENU*************/
#copyright {padding-top: 1.538em;line-height: 1.923em;text-align: center;text-transform: uppercase;font-size: 0.769em;letter-spacing: 0.231em;}
#copyright, #copyright a, #copyright a:hover {text-decoration: none;color: #000;}
#developer { display: block; opacity: 0.6; -webkit-transition: all 450ms ease;-moz-transition: all 450ms ease;-ms-transition: all 450ms ease;-o-transition: all 450ms ease;transition: all 450ms ease; }
#developer:hover { opacity: 1.0; -webkit-transition: all 450ms ease;-moz-transition: all 450ms ease;-ms-transition: all 450ms ease;-o-transition: all 450ms ease;transition: all 450ms ease; }
.copyrightkey { background: url('images/kdw-footer.png') left center no-repeat; width: auto; height: 1.923em; display: inline-block; border: 0; padding-left: 1.923em;}
/*
#menu-legal-menu.menu {text-transform: none; font-family: inherit; font-size: 0.714em; letter-spacing: 0; float: none; background: transparent; padding-bottom: 1.429em; opacity: 0.6;}
#menu-legal-menu.menu {margin: 0 35px 0 35px;}
#menu-legal-menu.menu a, #menu-legal-menu.menu a:link, #menu-legal-menu.menu a:visited { text-decoration: none; color: #000; padding: 0.000em 0.714em; }
#menu-legal-menu.menu .current-menu-item a { text-decoration: none; color: #000; background-color: inherit; }
#menu-legal-menu.menu li a { border-right: none; }
#menu-legal-menu.menu a:hover, #menu-legal-menu.menu li.menu-hover > a { color: #000; }
#menu-legal-menu.menu li:hover, #menu-legal-menu.menu li.menu-hover { background: inherit; }
.menu-legal-menu-container { width: 100%; overflow: hidden; }
#menu-legal-menu { list-style: none; position: relative !important; float: left !important; display: block !important; }
#menu-legal-menu li { position: relative !important; float: left !important; display: block !important; }
*/
#copyright {padding-top: .7538em;line-height: 1.923em;text-align: center;text-transform: uppercase;font-size: 0.769em;letter-spacing: 0.231em;}
#copyright, #copyright a, #copyright a:hover, #menu-legal-menu.menu a, #developer a{text-decoration: none; color: #fff; font-size: 12px;}
#developer { display: block; opacity: 0.6; -webkit-transition: all 450ms ease;-moz-transition: all 450ms ease;-ms-transition: all 450ms ease;-o-transition: all 450ms ease;transition: all 450ms ease; }
#developer:hover { opacity: 1.0; -webkit-transition: all 450ms ease;-moz-transition: all 450ms ease;-ms-transition: all 450ms ease;-o-transition: all 450ms ease;transition: all 450ms ease; }
.copyrightkey { background: url('images/kdw-footer.png') left center no-repeat; width: auto; height: 1.923em; display: inline-block; border: 0; padding-left: 1.923em;}
#menu-legal-menu.menu { width: auto;}
/*********** fontawesome ***************/
.fa, .fas, .fab {color: #0C3457;}
/*********** BLOG ***************/
.single-blog-title{background-color: #999; margin-bottom: 50px; padding: 50px;}
.single-blog-title .entry-title{margin-bottom: 0;}
.blog-title a{color:#05496a;font-weight: bold;font-size: 1.313rem;}
.blog-title a:hover{color: #000;}
.blog-date { color: #fff; font-family: 'Roboto', sans-serif; font-size: 1rem; margin-bottom: 1rem;}
.author-about{padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #ccc;}
.blogging .callout.secondary.authorbox{margin: 0;margin-top: 50px;}
.blogging .tags-links{display: inline-block;text-align: center;}
.blogging .tags-links a{color:#05496a;border: 1px solid #05496a;padding: 3px 10px;margin: 0 2px;font-size: 1rem;}
.blogging .tags-title{display: inline-block;font-size: 1.12rem;margin-right: 10px;font-weight: bold;color:#05496a;}
.author-thumb{margin-bottom: 20px;}
#content .blog-content img{-webkit-filter: grayscale(0);filter: grayscale(0);}
blockquote {border-left: none;}
#cat-meta{text-align: center;color: #999;font-size: 0.85rem;}
#cat-meta a{color: #999;font-size: 0.85rem;}
.single-format-standard .blog-post-featured-image img {padding-bottom: 20px;}
.single-format-standard .blog-content {padding: 0;}
.last-three .large-7.medium-7{padding-left: 30px;padding-right: 30px;}
.last-three .large-5.medium-5{min-height: 117px;}
.blogcard{border: none; padding: 0;}
.blogcard img{width: 100%;}
.blogcard h4{font-weight: bold; padding-top: 10px;}
.entry-footer{padding:6px;}
.blog-entry-footer{ padding: 20px 0;border-bottom: 1px solid #ccc; margin-bottom: 20px;}
.author .more-posts{list-style: none;margin-left: 0;}
.author .more-posts li{ display: block; padding: 4px;}
.author-thumb{margin-bottom: 0}
.author-thumb.author-thumb-page{margin-bottom: 30px;}
.author main h2{font-weight: bold; font-size: 1.3rem; text-transform: capitalize;}
#tertiary #search-2 .widget-title{ padding-left: 0; padding-right: 0;}
#search-2{background-color: #f5f5f5; padding: 20px; margin-bottom: 30px;}
.search-submit{ display: none;}
.blogging .entry-footer{padding: 20px 0px;}
.blogging .header-entry.entry-footer{padding:0 0 20px 0;}
.blogging .callout.secondary { background-color: #f5f5f5; color: #0a0a0a; padding: 8px; border-color: #fff;}
.blogging .callout.secondary img,
.post-row-widget img{border-radius: 100%;}
#widget-posts{ background-color: #f5f5f5;}
.entry-meta{display: none;}
#tertiary .widget-title{font-size: 1.235rem;font-weight: bold;text-transform: uppercase;padding: 8px 20px;}
#tertiary ul{list-style: none; margin: 0;}
#tertiary li{padding: 8px 20px;}
#tertiary a{color: #707070;}
#tertiary a:hover{color: #000;}
.comments-link::before { content: " • ";}
/*****END BLOG **/
/*****GLOBAL IMAGE ALIGNMENT **/
figure.aligncenter figcaption{text-align: center}
figure.aligncenter,img.aligncenter{display: block; margin: 0 auto; margin-bottom: 10px;}
figure.alignright,img.alignright{float: right;margin-left: 24px;margin-top: 10px;}
figure.alignleft,img.alignleft{float: left;margin-right: 24px;margin-top: 10px;}
/*************FOOTER ADDRESS*************/
ul.footer-addresses-location{list-style-type: none; text-align: center; text-transform: uppercase; font-size: 0.769em; letter-spacing: 0.231em; padding: 0; margin: 0;}
.address-alink {color: #000;}
.address-alink:hover {text-decoration: none;}
.address-0, .address-1, .address-2 { border-right: 0.077em dotted #333; margin-right: 0.385em; }
address li {list-style: none; padding-right: 5px; display: inline-block;}
.location-adress ul {margin-left: 0.60rem;}
.locations-title {margin-left: 10px;}
.footer .widget-title{color: #000;font-weight: bold;}
.footer a, .footer p{color: #000;}
.footer{background: #0C3457;}
/*************CONTACT PAGE*************/
.contact-column {margin: 0 2%;}
.contact-column-full {width: 100%; margin: 0;}
/*.contact-form {background-color: #ccc; padding: 0.769em;}*/
.contact-left-margin {margin-left: 10px;}
form .contact-website { position: absolute; left: -769230.692em; } /* 9999999px 769230.692em */
.directions-link {font-size: 0.8em; }
.gm-style img {max-width: 769230.692em !important;} /* 9999999px 769230.692em */
.acf-map {width: 100%; height: 23.077em; margin-top: 1.923em;}
#phone-small-s, #email-small-s, #location-small-s {margin-left: 5px;}
#contact-page-phone-block, #contact-page-email-block, #contact-page-location-block {margin-top: 25px;}
/**************************/
/* Pricing Tables */
.pricing-table {
border: solid 1px #DDDDDD;
margin-left: 0;
margin-bottom: 1.25rem; }
.pricing-table * {
list-style: none;
line-height: 1; }
.pricing-table .title {
background-color: #333333;
padding: 0.9375rem 1.25rem;
text-align: center;
color: #EEEEEE;
font-weight: normal;
font-size: 1rem;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;}
.pricing-table .price {
background-color: #F6F6F6;
padding: 0.9375rem 1.25rem;
text-align: center;
color: #333333;
font-weight: normal;
font-size: 2rem;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;}
.pricing-table .description {
background-color: #FFFFFF;
padding: 0.9375rem;
text-align: center;
color: #777777;
font-size: 0.75rem;
font-weight: normal;
line-height: 1.4;
border-bottom: dotted 1px #DDDDDD; }
.pricing-table .bullet-item {
background-color: #FFFFFF;
padding: 0.9375rem;
text-align: center;
color: #333333;
font-size: 0.875rem;
font-weight: normal;
border-bottom: dotted 1px #DDDDDD; }
.pricing-table .cta-button {
background-color: #FFFFFF;
text-align: center;
padding: 1.25rem 1.25rem 0; }
/******** Center a Div *********************/
.flex-center {display: flex;align-items: center;justify-content: center;}
/************* PARALLAX PIECE *************/
.parallax {
height: 100%;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
margin-left:-410px;
margin-right:-410px;
}
/************* CART CONTENTS *************/
.cart-contents:before {font-family: "Font Awesome 5 Free";content: "\f07a";font-size:28px;margin-top:10px;font-style:normal; font-weight:900;padding-right:5px;vertical-align: bottom;}
.cart-contents:hover {text-decoration: none;}
.cart-contents-count {color: #fff;background-color: #2ecc71;font-weight: bold;border-radius: 10px;padding: 1px 6px;line-height: 1;font-family: Arial, Helvetica, sans-serif; vertical-align: top;}