/*------------------------------------------------------------------------
# CCNM Custom CSS
# ------------------------------------------------------------------------*/

/*------------------------------------------------------------------------
 * Colors, text colors, backgrounds, other
------------------------------------------------------------------------*/

/*
# added as per Theme author's instruction

.topbar { 
  position: relative; 
}
*/

/*
# added top margin for ordered lists
*/
ol, ul {
    margin-top: 20px;
  }
  
ul {
    margin-top: 9px;
  }
  
.overlay-bar .text-user-overlay-bar {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}
.text-user-overlay-bar {
  color: #333;
  font-size: 14px;
}
.white-bg {
  background: #fff !important;
}
.gray-bg {
  background: #f4f4f4 !important;
}
.green-lite-bg {
  /*background: #7fbc00 !important;*/
  background: #2DAC95 !important;
}
section{
  padding-top: 40px;
  padding-bottom: 40px;
}
section:nth-of-type(odd) {
  background: #ffffff;
}
section:nth-of-type(even) {
  background: #f4f4f4;
}
.fullscreen-h1 {
  font-weight: 400;
  font-size: 45px;
  line-height: 60px;
}
.bg-primary {
  background-color: #f4f4f4 !important;
}
.top-left-text {
  position: absolute;
  top: 56px;
  left: 58px;
  padding-right: 30px;
}
/*------------------------------------------------------------------------
 *~ Specific Elements ~*
 * links, button divs, text,  
 ------------------------------------------------------------------------*/

.ccnm-dark-green-link {
  text-transform: uppercase;
  color: #00833f;
  font-weight: 600;
  font-size: 12px;
  padding-bottom: 6px;
  border-bottom: #00833f solid 3px;
}
.ccnm-dark-green-link:hover {
  color: #6ca200;
  border-bottom: #6ca200 solid 3px;
}
h6.text-ccnm-grass-green.lh22.pt25 + p {
  font-weight: 600;
  color: #000;
  line-height: 20px;
}
.ccnm-btn-primary {
  border: 2px solid #85c334;
  background: #85c334;
  color: #fff;
}
.top-bar .logo {
  max-width: 240px;
}
#footer-logo {
  padding-top: 4px;
}
.footer-header {
  color: #00833f;
  font-weight: 600;
  font-size: 16px !important;
  padding-bottom: 12px;
}
.footer-subtext {
  font-size: 11px;
  font-weight: 400;
  line-height: 16px;
  padding-top: 5px;
}
.footer-social-container .bk_conecus{
  text-align: center !important;
}

.footer-social-container {
  /*height: auto;*/
}
.footer-social-container a{
  float: left;
  width: 18%;
  height: 50px;
}
.footer-social-container a img {
  height: 50% !important;
}

@media all and (max-width: 991px) {
  .top-bar .logo {
    max-width: 185px;
  }
}
@media all and (max-width: 1200px) {
  .menu li {
    margin-right: 32px;
  }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .nav-menu {
    padding-top: 8px;
  }
  .fullscreen-h1 {
    font-weight: 300;
    font-size: 32px;
    line-height: 45px;
  }
}
/* homepage hero */ 
header.no-parallax .background-image-holder.parallax-background {
  /*height: 100%;*/
}
header.no-parallax .overlay:before {
  opacity: 0;
}

/*------------------------------------------------------------------------
 * Padding, margin, spacing
 ------------------------------------------------------------------------*/
.pt0 {
  padding-top: 0px;
}
.pt5 {
  padding-top: 5px !important;
}
.pt10 {
  padding-top: 10px;
}
.pt15 {
  padding-top: 15px;
}
.pt20 {
  padding-top: 20px;
}
.pt25 {
  padding-top: 25px;
}
.pt35 {
  padding-top: 35px;
}
.pt40 {
  padding-top: 40px;
}
.pt45 {
  padding-top: 45px;
}
.pt50 {
  padding-top: 50px;
}
.pt70 {
  padding-top: 70px;
}
.pb0 {
  padding-bottom: 0px;
}
.pb5 {
  padding-bottom: 5px !important;
}
.pb10 {
  padding-bottom: 10px !important;
}
.pb15 {
  padding-bottom: 15px !important;
}
.pb17 {
  padding-bottom: 17px !important;
}
.pb20 {
  padding-bottom: 20px;
}
.pb25 {
  padding-bottom: 25px;
}
.pb35 {
  padding-bottom: 35px;
}
.pb50 {
  padding-bottom: 50px;
}
.pb70 {
  padding-bottom: 70px;
}
.no-padding {
  padding: 0;
}
.lh20 {
  line-height: 20px;
}
.lh22 {
  line-height: 22px;
}
.center-text {
  text-align: center;
}
.pt5{
  padding-top: 5px;
}
.mt-7{
  margin-top: -7px;
}
.mt50{
  margin-top: 50px;
}
.mt75{
  margin-top: 75px;
}
.mt85{
  margin-top: 85px;
}
.mt100{
  margin-top: 100px;
}
.mt140{
  margin-top: 140px;
}
.ml2{
  margin-left: 2px !important;
}
.ml18{
    margin-left: 18px !important;
}
.pf0{
  padding-left: 0px;
}
.pf5{
  padding-left: 5px;
}
.pf15{
  padding-left: 15px;
}
.pf20{
  padding-left: 20px;
}
.pf30{
  padding-left: 30px;
}
.pf40{
  padding-left: 40px;
}
.pf50{
  padding-left: 50px;
}
.pr15{
  padding-right: 15px;
}
.pr30{
  padding-right: 30px;
}
.mb0{
  margin-bottom: 0px;
}
.text-left{
  text-align: left;
}
.text-white{
  color: white !important;
}