/******************************************* HEADER ************************************************/
/* FONTS */
@font-face {
    font-family: 'fajardo';
    src: url('/storage/app/media/James_Fajardo.ttf');
} 

 @font-face {
    font-family: 'gillsans-light';
     src: url('/storage/app/media/GillSans-Light.ttf');
}
@font-face {
    font-family: 'gill_sans_bold';
  src: url('/storage/app/media/Gillsans-bold.ttf');
 }


/* LOGO TITLE */
.wrap__logoHeader {
  
    padding: 5px 0 !important;
}    
.wrap__logoHeader .logo__title {
    font-family: fajardo;
    color: #A6D265; /* GROWTH*/
    color: #E0E3A4; /*LIFE IN BALANCE*/
    color: #C6DCF4; /*PEACE IN BALANCE */
    font-size: 52pt;
    margin: 0px 0px 0px;
}
/* ICON HEADER HOVER */
.cta a:hover{
    color:#A6D252!important;
    color: #C6DCF4!important; /*PEACE IN BALANCE */
}
.wrap__logoHeader {
max-width: 100% !important;
}
/* NEW THEME */
.wrap__header--inner {
  background-size: 1200px 160px;
  background-image: url(/storage/app/media/watermark-header.png);
  background-position: 0px bottom;
  background-repeat: no-repeat;
}


/***************************************** SLOGAN ***************************************************/
.slideshow__section .slogan__block {
   background-image: url(/storage/app/media/watermark-slogan.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 -30px; 
}


.slogan-text-1 {
    font-family: 'gillsans-light' !important;
    font-size: 38pt !important;
    margin: 0;
    line-height: 1;
    text-align: left;
    margin-left: 20px;
}
.slogan-text-2 {
font-family: 'gillsans-light' !important;
    font-size: 26pt !important;
    margin: 0;
    line-height: 0.6;
    text-align: center;
    margin-left: 50px;
}
.slogan-text-3 {
    font-family: gill_sans_bold !important;
    font-size: 38pt !important;
    color: #fff;
    margin: 0;
    line-height: 1;
}

.slideshow__section .slogan__block--inner > div {
        margin-right: 50px;
}

.fullwidth-layout .content-holder:before {
    border-top:2px solid white;
}



/*********************************************SIDEBAR*******************************************************/
/* bullet color - navigation bar */
.navigation .mm-panels > .mm-panel .mm-listview > li > a:not(.mm-next):not(.mm-arrow):before, .navigation .mm-panels > .mm-panel .mm-listview > li > span:not(.mm-next):not(.mm-arrow):before {
     color: #936448; /*brown*/
}
/* SIDE BAR BACKGROUND COLOR */
.sidebar-holder {
    background: #C2D1DC; /*LIGH-BLUE*/
}
.sidebar-text{
    text-align:center;
}
.sidebar-text-title{
    font-size: 15pt;
    font-weight:bold;
    color: #596D81; /*find your balance*/
}
.sidebar a{
    text-decoration: none;
    color: black;
}
/*IF TEXT IS UNDER THE IMAGE*/
.editable__container--inner {
    z-index: 1!important;
}
.location__phone::before {
    content: "\f095";
    font-family: FontAwesome;
    padding-right: 5px;
}
.location__address::before{
    content: "\f041";
    font-family: FontAwesome;
    padding-right: 5px;
}

.location__fax::before {
    content: "\f1ac";
    font-family: FontAwesome;
    padding-right: 5px;
}

.location__email::before {
    content: "\f0e0";
    font-family: FontAwesome;
    padding-right: 5px;
}

/*FOR NOT ALIGNED NAVIGATION MENU */
.navigation .mm-panels > .mm-panel .mm-listview > li > a:not(.mm-next):not(.mm-arrow), .navigation .mm-panels > .mm-panel .mm-listview > li > span:not(.mm-next):not(.mm-arrow) {
    display: flex;
}

/************************************** BODY ***********************************/
/* IMAGE RIGHT */
.image-right {
float: right;
clear: right;
margin-left: 10px;
margin-top: 10px;
margin-bottom: 10px;
}

/* IMAGE LEFT */
.image-left {
float: left;
clear: left;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 10px;
}

.image-center{
float: none;
margin: 0 auto;
display: block;
}

/* HEADER PAGE CONTENT */
.wrap__page-content h1, .page__title {
    font-family: fajardo;
    font-size: 41pt;
	color: #2E7106; /* GROWTH*/
	color: #949D20; /*life in balance*/
	color: #576B7F; /*find your balance*/
	margin: 0;
}

/* UNORDERED LIST */
.custom_list-style li{
    list-style-type: disc;
    list-style-position: inside;
    text-indent: -1.3em;
    padding-left: 2.5em;
}

#red-text{
	color:red;
}
.image_content__container img {
    width: 73% !important;
    height: auto !important;
}
 .content-holder a.cta__button {
    color: #fff !important;
}

 /*Links*/
 .content-holder a {
	color: #576B7F; /*dark blue*/
	text-decoration: none;
}
  /*Hot topic page*/
#hot-topics .docheadline{
  font-family: Tahoma;font-size: 12px; text-decoration: none; font-weight: bold;
  } 
#hot-topics .docsummary{
  font-family: Tahoma;font-size: 12px;
  } 
#hot-topics .docseperator{ 
  height: 3px; margin: 6px 0px 6px 0px; border-bottom: 1px solid #eeeeee;
  }
#hot-topics .docNewsLogo { 
  font-family: Tahoma; font-size: 10px; align: right;
  } 
#hot-topics .page-title {
  display: block !important;
}

/**********************************RESPONSIVE***************************************/

@media only screen and (max-width: 1024px) {
    .logo .logo__title {
       padding-top: 10px;
       line-height: 0.7; 
    }
    
    .logo .logo__description {
       font-size: 20px;
       padding-bottom: 20px; 
    } 
        
    .wrap__text-block .wrap__text-block--inner {
        padding: 30px 20px 0;
    }
    
    .wrap__header--inner {
        padding: 10px 0px 0px;
    }
    
    .copyright__list li {
        display: block;
        text-align: center;
    }
    
    .sidebar-text-title{
        padding-top: 12px;
    }

}

@media only screen and (max-width: 768px) {

}

@media only screen and (max-width: 425px) {
    .logo .logo__title {
        font-size: 35pt;
    }

    .copyright__list li {
        display: block;
        text-align: center;
    }

    
   .wrap__logoHeader .logo__description {
        font-size: 15px;
        padding-bottom: 15px;
    }

    .image-left{
        float: none;
        margin: 0 auto;
        display: block;
        margin-bottom: 12px;
        }
   
   .image-right{
        float: none;
        margin: 0 auto;
        display: block;
        margin-bottom: 12px;
        }
    .wrap__map {
        margin: 0px 0 -68px;
        }
        /*FOR NOT ALIGNED NAVIGATION MENU */
.navigation .mm-panels > .mm-panel .mm-listview > li > a:not(.mm-next):not(.mm-arrow), .navigation .mm-panels > .mm-panel .mm-listview > li > span:not(.mm-next):not(.mm-arrow) {
    display: block;
}

}