/* cmsms stylesheet: Excel Styles modified: 03/28/25 19:17:08 */
/* Excel Propane Styles */

/* General */
:root {
	--border-radius: 4px;
	--border-radius2x: 8px;
	--default: #777;
}
/* Skin Colors */
:root {
	--primary: #00703c;
	--primary-100: #00572e;
	--primary-200: #004a28;
	--primary-300: #003d21;
	--primary--100: #008a4a;
	--primary--200: #009650;
	--primary--300: #00a357;
	--primary-rgba-0: rgba(0, 112, 60, 0);
	--primary-rgba-10: rgba(0, 112, 60, 0.1);
	--primary-rgba-20: rgba(0, 112, 60, 0.2);
	--primary-rgba-30: rgba(0, 112, 60, 0.3);
	--primary-rgba-40: rgba(0, 112, 60, 0.4);
	--primary-rgba-50: rgba(0, 112, 60, 0.5);
	--primary-rgba-60: rgba(0, 112, 60, 0.6);
	--primary-rgba-70: rgba(0, 112, 60, 0.7);
	--primary-rgba-80: rgba(0, 112, 60, 0.8);
	--primary-rgba-90: rgba(0, 112, 60, 0.9);
	--secondary: #CB0005;
	--secondary-100: #b20004;
	--secondary-200: #a50004;
	--secondary-300: #980004;
	--secondary--100: #e40006;
	--secondary--200: #f10006;
	--secondary--300: #fe0006;
	--secondary-rgba-0: rgba(203, 0, 5, 0);
	--secondary-rgba-10: rgba(203, 0, 5, 0.1);
	--secondary-rgba-20: rgba(203, 0, 5, 0.2);
	--secondary-rgba-30: rgba(203, 0, 5, 0.3);
	--secondary-rgba-40: rgba(203, 0, 5, 0.4);
	--secondary-rgba-50: rgba(203, 0, 5, 0.5);
	--secondary-rgba-60: rgba(203, 0, 5, 0.6);
	--secondary-rgba-70: rgba(203, 0, 5, 0.7);
	--secondary-rgba-80: rgba(203, 0, 5, 0.8);
	--secondary-rgba-90: rgba(203, 0, 5, 0.9);
	--tertiary: #f9f9f9;
	--tertiary-100: #ececec;
	--tertiary-200: #e6e6e6;
	--tertiary-300: #e0e0e0;
	--tertiary--100: #ffffff;
	--tertiary--200: #ffffff;
	--tertiary--300: #ffffff;
	--tertiary-rgba-0: rgba(249, 249, 249, 0);
	--tertiary-rgba-10: rgba(249, 249, 249, 0.1);
	--tertiary-rgba-20: rgba(249, 249, 249, 0.2);
	--tertiary-rgba-30: rgba(249, 249, 249, 0.3);
	--tertiary-rgba-40: rgba(249, 249, 249, 0.4);
	--tertiary-rgba-50: rgba(249, 249, 249, 0.5);
	--tertiary-rgba-60: rgba(249, 249, 249, 0.6);
	--tertiary-rgba-70: rgba(249, 249, 249, 0.7);
	--tertiary-rgba-80: rgba(249, 249, 249, 0.8);
	--tertiary-rgba-90: rgba(249, 249, 249, 0.9);
	--quaternary: #404040;
	--quaternary-100: #333333;
	--quaternary-200: #2d2d2d;
	--quaternary-300: #272727;
	--quaternary--100: #4d4d4d;
	--quaternary--200: #535353;
	--quaternary--300: #5a5a5a;
	--quaternary-rgba-0: rgba(64, 64, 64, 0);
	--quaternary-rgba-10: rgba(64, 64, 64, 0.1);
	--quaternary-rgba-20: rgba(64, 64, 64, 0.2);
	--quaternary-rgba-30: rgba(64, 64, 64, 0.3);
	--quaternary-rgba-40: rgba(64, 64, 64, 0.4);
	--quaternary-rgba-50: rgba(64, 64, 64, 0.5);
	--quaternary-rgba-60: rgba(64, 64, 64, 0.6);
	--quaternary-rgba-70: rgba(64, 64, 64, 0.7);
	--quaternary-rgba-80: rgba(64, 64, 64, 0.8);
	--quaternary-rgba-90: rgba(64, 64, 64, 0.9);
	--dark: #212529;
	--dark-100: #16181b;
	--dark-200: #101214;
	--dark-300: #0a0c0d;
	--dark--100: #2c3237;
	--dark--200: #32383e;
	--dark--300: #383f45;
	--dark-rgba-0: rgba(33, 37, 41, 0);
	--dark-rgba-10: rgba(33, 37, 41, 0.1);
	--dark-rgba-20: rgba(33, 37, 41, 0.2);
	--dark-rgba-30: rgba(33, 37, 41, 0.3);
	--dark-rgba-40: rgba(33, 37, 41, 0.4);
	--dark-rgba-50: rgba(33, 37, 41, 0.5);
	--dark-rgba-60: rgba(33, 37, 41, 0.6);
	--dark-rgba-70: rgba(33, 37, 41, 0.7);
	--dark-rgba-80: rgba(33, 37, 41, 0.8);
	--dark-rgba-90: rgba(33, 37, 41, 0.9);
	--light: #FFF;
	--light-100: #f2f2f2;
	--light-200: #ececec;
	--light-300: #e6e6e6;
	--light--100: #ffffff;
	--light--200: #ffffff;
	--light--300: #ffffff;
	--light-rgba-0: rgba(255, 255, 255, 0);
	--light-rgba-10: rgba(255, 255, 255, 0.1);
	--light-rgba-20: rgba(255, 255, 255, 0.2);
	--light-rgba-30: rgba(255, 255, 255, 0.3);
	--light-rgba-40: rgba(255, 255, 255, 0.4);
	--light-rgba-50: rgba(255, 255, 255, 0.5);
	--light-rgba-60: rgba(255, 255, 255, 0.6);
	--light-rgba-70: rgba(255, 255, 255, 0.7);
	--light-rgba-80: rgba(255, 255, 255, 0.8);
	--light-rgba-90: rgba(255, 255, 255, 0.9);
}
/* Skin Colors - Inverse */
:root {
	--primary-inverse: #FFF;
	--secondary-inverse: #FFF;
	--tertiary-inverse: #777;
	--quaternary-inverse: #FFF;
	--dark-inverse: #FFF;
	--light-inverse: #777;
}
/* Grey Colors */
:root {
	--grey: #969696;
	--grey-100: #f4f4f4;
	--grey-200: #eaeaea;
	--grey-300: #e5e5e5;
	--grey-400: #e0e0e0;
	--grey-500: #dbdbdb;
	--grey-600: #cecece;
	--grey-700: #c1c1c1;
	--grey-800: #a8a8a8;
	--grey-900: #8e8e8e;
	--grey-1000: #757575;
}


:root {
  --excel_green: rgba(0, 112, 60, 1.0);
  --excel_lt_green: #0b8256;
  --excel_red: rgb(203,0,0);
  --excel_white: #FFFFFF;
  --excel_lto_grey: #f7f8f7;
  --excel_lt_grey: #F4F4F4;
  --excel_dk_grey: #404040;
  --excel_md_grey: #999999;
  --excel_default_text: #595959;
}

h1, h2, h3, h4, h5, h6, p { font-family: 'Open Sans', sans-serif;}
p { color: var(--excel_default_text); font-size: 16px; }
p a, ul a { color: var(--excel_red); }
p a:hover, ul a:hover { color: var(--excel_red); }

.featured-box p:last-of-type { margin-bottom: 0;}
.featured-box .box-content { padding: 1.5em 1em 1em 1em; }

h1 { font-size: 28px; line-height: 32px; font-weight: normal; text-transform: none; margin-bottom: 14px; letter-spacing: normal; }
h2 { font-size: 28px; line-height: 32px; font-weight: normal; text-transform: none; margin-bottom: 14px; letter-spacing: normal; }
h3 { font-size: 20px; line-height: 28px; font-weight: normal; text-transform: none; margin-bottom: 14px; }
h4 { font-size: 16px; line-height: 24px; font-weight: normal; text-transform: none; margin-bottom: 14px; }

h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-weight: 700; }

.btn { font-size: 14px; font-weight: 500; }
.btn-full-width { width: 100%; }
.btn-red { background-color: var(--secondary); color: var(--excel_white); }
.btn-red:hover { background-color: var(--secondary--200); color: var(--excel_white); }

.fg_red { color: var(--excel_red); }
.fg_green { color: var(--excel_green); }
.fg_white { color: var(--excel_white); }
.fg_grey { color: var(--excel_dk_grey); }

.bg_white { background-color: var(--excel_white); }
.bg_red { background-color: var(--excel_red); }
.bg_green { background-color: var(--excel_green); }
.bg_green h1, .bg_green h2, .bg_green h3, .bg_green h4, .bg_green h5, .bg_green h6, .bg_green p { color: var(--excel_white); }
.bg_lt_green { background-color: var(--excel_lt_green); }
.bg_grey { background-color: var(--excel_lt_grey); }
.bg_dk_grey { background-color: var(--excel_dk_grey); }

.bg_rounded { border-radius: 15px; }

.bg_header { background-color: var(--excel_green); }
.bg_menu { background-color: var(--excel_white); }

.bg_dk_grey_border_top { border-top: 2px solid var(--excel_grey); }

.titlebar h2 { padding:0; margin:0; font-size: 20px; font-weight: 500; color: var(--excel_green);}
.titlebar h2 { padding:0; margin:0; font-size: 20px; font-weight: 500; color: var(--excel_green);}
.titlebar ul { margin:0; padding: 0; list-style: none outside; line-hight: 14px;}
.titlebar ul li { display: inline-block; color: var(--excel_default_text); margin-left: 10px; }
.titlebar ul li:first-child { margin: 0; }

.titlebar ul li:last-child a, .titlebar ul li a { color: var(--excel_default_text); font-weight: 600; }
.titlebar ul li:after {
    content: "\f105";
    font-family: 'Font Awesome 6 Free';
    font-style: normal;
    font-weight: 900;
    font-size: 12px;
    color: var(--excel_default_text);
    margin: 0 0 0 10px;
}
.titlebar ul li:last-child:after, .titlebar ul li:first-child:after { content: ""; margin: 0; }

footer h3 { color: var(--excel_white); font-size: 20px; font-weight: 500; line-height: 34px; margin-bottom: 10px; text-transform: none; }
footer .bg_dk_grey { color: var(--excel_md_grey); font-size: 14px; border-top: 0px; }
footer .bg_dk_grey p { margin: 0; padding: 0; color: var(--excel_md_grey); }
footer .bg_dk_grey a { color: var(--excel_md_grey); text-decoration: none; }
footer .bg_dk_grey a:hover { color: var(--excel_white); }
footer .bg_green p { font-size: 16px; color: var(--excel_white); }
footer .bg_green a { font-weight: bold; color: var(--excel_white); }
footer .bg_green a:hover { font-weight: bold; color: var(--excel_white); }
footer .bg_green a.btn { font-weight: 500; border:none; color: var(--excel_white);  background-color: rgba(255, 255, 255, 0.3); }
footer .bg_green a.btn:hover { font-weight: 500; border:none; color: var(--excel_white);  background-color: rgba(255, 255, 255, 0.5); }
footer .social-icons li a, #footer .button { background-color: rgba(255, 255, 255, 0.3); color: #ffffff; }
footer .social-icons li a:hover, #footer .button:hover { background-color: rgba(255, 255, 255, 0.5); }
footer .twitter::before, #footer .facebook::before, #footer .linkedin::before { color: #ffffff; }

#header { box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.2); }

.header-top p { font-size: 16px; margin: 0; padding: 0; }
.header-top a { color: var(--excel_white);  font-size: 16px; }
#header .header-btn-collapse-nav { margin: 0; background: var(--excel_green); }

.image-fw { width: 100%; padding: 0; margin-bottom: 10px; }
.image-12-left { width: 45%; padding-right: 5%; float: left; }
.image-12-right { width: 45%; padding-left: 5%; float: right; }
.image-13-left { width: 30%; padding-right: 3%; float: left; }
.image-13-right { width: 30%; padding-left: 3%; float: right; }
.image-75-left { width: 75%; padding-right: 3%; }
.image-75-right { width: 75%; padding-left: 3%; float: right; }

.phone-btn { background-color: var(--excel_green); color: var(--excel_white); }
.phone-btn:hover { background-color: var(--excel_lt_green); color: var(--excel_white); }
.phone-btn-panel {
  padding: 8px 0px 8px 0px;
  background-color: rgba(255,255,255,0.3);
  color: var(--excel_white);
  border-radius: 3px;
  width: 100%;
  display: block;
  font-size: 16px;
}
.phone-btn-panel:hover { color: var(--excel_white); }

#header .header-logo a img {
    margin-bottom: -40px;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

  .phone-btn-panel {
     padding: 0;
     background: none; 
     color: #ffffff;
     border: none;
     width: inherit;
     display: inline;
  }

  #header .header-nav-main nav > ul > li > a {
    color: var(--excel_default_text);
    font-size: 14px;
    font-weight: 400;
  }

  #header .header-nav.header-nav-stripe nav > ul > li.active > a,
  #header .header-nav.header-nav-stripe nav > ul > li.active > a.active,
  #header .header-nav.header-nav-stripe nav > ul > li:hover > a,
  #header .header-nav.header-nav-stripe nav > ul > li.open > a {
    background-color: var(--excel_lt_grey);
    color: var(--excel_default_text) !important;
    border-bottom: 3px solid var(--excel_red);
  }

  #header .header-nav-main nav > ul > li { margin-left: 0; }
  #header .header-nav.header-nav-stripe nav > ul > li > a { border-bottom: 3px solid #ffffff; }
  #header .header-nav.header-nav-stripe nav > ul > li:hover > a { border-bottom: 3px solid var(--excel_red); }
  #header .header-nav.header-nav-stripe nav > ul > li:hover > a.active { color: var(--excel_default_text) !important; }

  #header .header-nav.header-nav-stripe nav > ul > li.dropdown.open > .dropdown-menu,
  #header .header-nav.header-nav-stripe nav > ul > li.dropdown.accessibility-open > .dropdown-menu,
  #header .header-nav.header-nav-stripe nav > ul > li.dropdown:hover > .dropdown-menu {
    margin-top: -3px;
  }

}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

  .phone-btn-panel { color: var(--excel_white); } 

}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {

  .phone-btn-panel { color: var(--excel_white); } 

}

.pre-red-check { }
.pre-red-check:before { content: "\f00c"; color: var(--excel_red); font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 0.5em;  }

ul.text-large li { font-size: 20px; line-height: 28px; }
ul.list-green-check li, ul.list-red-cross li, ul.list-red-check li { margin-bottom: 0px; padding-left: 1.3em; }
ul.list-green-check li:before, ul.list-red-cross li:before, ul.list-red-check li:before { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; }
ul.list-green-check li:before { content: "\f00c"; color: var(--excel_green); font-family: "Font Awesome 5 Free"; font-weight: 900; margin-left: -1.3em; width: 1.3em; }
ul.list-red-cross li:before { content: "\f00d"; color: var(--excel_red); font-family: "Font Awesome 5 Free"; font-weight: 900; margin-left: -1.3em; width: 1.3em; }
ul.list-red-check li:before { content: "\f00c"; color: var(--excel_red); font-family: "Font Awesome 5 Free"; font-weight: 900; margin-left: -1.3em; width: 1.3em; }

section.toggle a.toggle-title { background-color: var(--excel_green); color: var(--excel_white); }
section.toggle.active a.toggle-title { background-color: var(--excel_green); color: var(--excel_white); }
section.toggle a.toggle-title:hover { background-color: var(--primary--200); }

/* Buttons and pop animation
====================================*/

a.pop { font-family: 'Open Sans', sans-serif; }
a.pop:hover { text-decoration: none; }

a.pop span.fa-stack strong { color: #ffffff; font-size: 1.4em; line-height: 80px; font-weight: bold; }
a.pop span.fa-stack span { color: #ffffff; font-size: inherit; line-height: inherit; font-weight: bold; }

a.pop .fa-circle-excel { margin-bottom: 14px; }
a.pop i:nth-of-type(1) { color: var(--excel_green); }
a.pop i:nth-of-type(2) { color: var(--excel_green); }
a.pop i:nth-of-type(3) { color: var(--excel_white); }
a.pop i:nth-of-type(1) {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
a.pop:hover i:nth-of-type(1) {
  opacity: 0.0;
  -moz-transform: scale(1.5);
  -webkit-transform: scale(1.5);
  -o-transform: scale(1.5);
  -ms-transform: scale(1.5);
}

.excel-slider-text-bg { width: 100% !important; height: 80px; background: rgba(0, 115, 63, 0.8); }
.excel-slider-text h2 { color: #ffffff; text-transform:none; font-weight:300; font-family: "Open Sans"; font-size:36px; padding: 0 !important; margin: 0 !important;}

.testimonial .fa { display: inline; font-size: 28px; padding-left: 5px; padding:right: 5px; }
.testimonial .testimonial-quote { font-size: 24px; line-height: 36px; color: var(--excel_white); font-weight: normal; }
.testimonial .testimonial-author { font-size: 28px; color: var(--excel_green); }
.testimonial .fa { color: var(--excel_red) }
.testimonial .testimonial-quote { background-color: var(--excel_green); border-radius: 15px; padding: 1em;  margin-top: 0.5em; width: 90%; margin: 0 auto; }

.card { width: 100%; }
.card i.fa, .card i.fa-solid { font-size: 80px; color: var(--excel_green); margin-top: 0.1em; margin-bottom: 0.1em; }
.card i.ex { font-size: 120px; color: var(--excel_green); display: block; margin-top: 60px; height: 44px; }
.card { background-color: var(--excel_lt_grey); }
a.card-link { display: inline-block; height: 100%;}
a.card-link:hover { text-decoration: none; background-color: var(--excel_lt_green); color: var(--excel_white);  }
a.card-link:hover h1, a.card-link:hover p, a.card-link:hover i { color: var(--excel_white);  }

.excel-locations .card-body p { font-size: 14px; }

@font-face {
  font-family: "untitled-font-2";
  src:url("/uploads/font/untitled-font-2.eot");
  src:url("/uploads/font/untitled-font-2.eot?#iefix") format("embedded-opentype"),
    url("/uploads/font/untitled-font-2.woff") format("woff"),
    url("/uploads/font/untitled-font-2.ttf") format("truetype"),
    url("/uploads/font/untitled-font-2.svg#untitled-font-2") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "untitled-font-2" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="ex-"]:before,
[class*=" ex-"]:before {
  font-family: "untitled-font-2" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ex-propane-truck-icon:before {
  content: "\61";
}

#current, .menu ul li a:hover, .menu ul > li:hover > a {
    border-bottom: 3px solid #a0a0a0;
    background-color: var(--excel_lt_grey);;
}