/*

    eKamria custom css
-------------------------------------------
*/


h2,h3 {
    color: #5b6d5b;
    margin-top:20px;
    margin-bottom:10px;
}

h4, h5, h6{
  margin-top:20px;
  margin-bottom:10px;
 
}

h1 {
    color: #5b6f5b;
    font-weight: 500;
    margin-top:20px;
    margin-bottom:10px;
    
}
.A {font-size: 80%;}

a:link    { color: #b9c94b; font-weight:500; }  /* unvisited links */
a:visited { color: #5b6d5b; font-weight:500; }  /* visited links   */
a:hover   { color: #ed9b59; font-weight:500; }  /* user hovers     */
a:active  { color: #ccc; font-weight:500; }  /* active links    */

.sppb-btn-danger {
    background-color: #dadceb;
    color: #fff !important;
}

#sp-main-body {
    padding: 1px 0px 0px 0px !important;
}

li{
  margin: 10px 0;
}

.backbutton::before {
    content: "<< ";
    color: #5b6d5d;
   
}
a.backbutton {
    color: #5b6d5d;
}

a.backbutton:hover {
    color: #ed9b59;
}

.fa-envelope:before {
    content: "\f0e0";
    color: #5b6d5d;
}

.fa-phone:before {
    content: "\f095";
    color: #5b6d5d;
}

.fa-fax:before {
    content: "\f1ac";
    color: #5b6d5d;
}

.iconfooter {
    color: #1d228d !Important;
}

.ug-thumb-wrapper.ug-tile .ug-tile-icon.ug-icon-link {
    display: none !Important;
}

.sp-contact-info {
    list-style: none;
    padding: 5px 0px 10px 0px;
    margin: 0px -10px 0px 0px;
    text-align: right;
    color:#5b9d5b;
}
#sp-top {
    color: #5b6d5b;
    padding: 5px 0px 35px 0px;
 
}

#sp-header {
    height: 140px;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 99;
    box-shadow: 0 -5px 5px -5px rgba(0, 0, 0, 0.10); 
}
/*
===========================================

    Scroll Up
===========================================
*/
.sp-scroll-up {
    display: none;
    position: fixed;
    bottom: 60px;
    right: 30px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: #5b9d5b !Important;
    border-radius: 100%;
    z-index: 1000;
    transition: all 0.3s ease;
}

/*
===========================================

    Style Blog Module
===========================================
*/
#sp-left .sp-module, #sp-right .sp-module {
  margin-top: 50px;
  border: 1px solid #ed9b59;
  padding: 30px;
  border-radius: 3px;
}

#sp-left .sp-module .sp-module-title, #sp-right .sp-module .sp-module-title {
  margin: 0 0 30px;
  padding-bottom: 20px;
  font-size: 22px;
  font-weight: 700;
  border-bottom: 1px solid #ed9b59;
}

#sp-left .sp-module ul > li > a, #sp-right .sp-module ul > li > a {
  display: block;
  padding: 5px 0;
  line-height: 24px;
  padding: 2px 0;
}
/* full-width container on page */

.row-full{
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
/*  End
===========================================
*/
.sp-megamenu-parent > li {
    line-height: 25px;
}


#offcanvas-toggler.offcanvas-toggler-right {
  margin-top: 30px !important;

}

#sp-bottom {
    margin: 10px 0px 10px 0px;
    border-top: 2px solid #5b6d5b;
}

.bottom-line-separator {
   margin: 0 0 0 0;
    border-top:2px solid #5b6d5b;
    padding: 0 0 0 0;
}

/*
===========================================

    Hide Breadcrumb icon
===========================================
*/
.fa-location {
    display:none !important;
}

/*
===========================================

    Paragraph style under profiles
===========================================
*/

.profile {
    width: 85%;
    margin-left: 55px;
}
/*
===========================================

    JCE Popup window "close" color
===========================================
*/
#jcemediabox-popup-closelink {
          background-color: #ed9b59;
}

a.btn-secondary {
    background-color: #fff;
    color: #5b6d5b;
    font-weight: 700;
    border: 2px solid #ed9b59;
    border-radius: 10px;
}

.btn-secondary:hover {
    background-color: #ed9b59;
    color: #fff;
    font-weight: 700;
    border: 2px solid #ed9b59;
    border-radius: 10px;
}

hr {
    margin-top: 3rem;
    margin-bottom: 3rem;
}


 
/* #sp-header {
   
    height: 155px;
}

/*
===========================================

   Menu
===========================================
*/

body.ltr .sp-megamenu-parent>li.sp-has-child>a:after, body.ltr .sp-megamenu-parent>li.sp-has-child>span:after {
    font-family: font Awesome 6 Pro !important;
}

.sp-megamenu-parent .sp-dropdown {
    margin: 0px 0px 0px -45px !important;
}

.sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-right {
    left: 55px !important;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    padding: 10px;
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    display: inline-block;
    padding: 0 10px;
    line-height: 10px;
    font-size: 14px;
    margin: 0;
}  

.sp-megamenu-parent > li > a, 
.sp-megamenu-parent > li > span {
    line-height: 1;}

.sp-megamenu-parent > li.contact-border > a {border:2px solid #ed9b59; padding: 10px 10px; border-radius: 5px;}
.sp-megamenu-parent > li.contact-border > a:hover {background-color:#ed9b59; color: white;}



/*
===========================================

    Background on some pages
===========================================
*/

.background {
    
    background-color: #5b6d5b;
    color: #ffffff;
    padding: 30px;
}
/*
===========================================

    Social Icons
===========================================
*/
.soc-icon {
    color: #5b6d5b;
    padding: 5px;
}

/*
===========================================

    background color for boxes
===========================================
*/
.bgbox {
    background-color: rgb(183, 202, 48, .3);
    padding: 40px;
}
/*
===========================================

   breadcrumb
===========================================
*/
.breadcrumb {
    background-color: #fff;
}
/*
===========================================

   Make map responsive
===========================================
*/
.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

#sp-bottom1 {
    color: #666;
    font-size: 125%;
}
/*
===========================================

   Text (right module) with font awesome
===========================================
*/
.fal, .far, {
    font-family: "Font Awesome 6 Pro", poppins, sans-serif !Important;
}
/*
===========================================

Header Green Banner
===========================================
*/
.header-banner {
    background-color: #5b6d5b;
    color: #fff;
    padding: 30px 0px;
    text-align: center;
}

/*
===========================================

   Portfolio Header Icon
===========================================
*/
.fa-border {
    border: 2px solid #ed9b59 !important;
}

/*
===========================================

   Sigplus - image shadow
===========================================
*/
#sigplus_1001 a.sigplus-image > img {
    border: 1px solid #d3d3d3 !important;
    margin: 0px auto 0px auto !important;
    width: 95% !important;
    box-shadow: rgb(136, 136, 136) 0px 2px 5px 0px !important;
    border-radius: 3px !important;
}

/*
===========================================

  First large Letter and paragraph
===========================================
*/
.firstcharacter {
  background-color: #B7CA30;
  color: #ffffff;
  float: left;
  font-size: 30px;
  line-height: 30px;
  padding: 15px;
  margin: 0 20px 10px 0;}
  
 .parastyle {
     font-family: poppins;
     line-height: 24px;
     font-size: 16px;
 }
 
 /*
===========================================

  Logo spacing
===========================================
*/
.logo-space {
    display: inline;
    margin: 2.5em;
    vertical-align: middle;
    text-align: center;
   }
   
   .logo-image {
    height: 125px;
    margin-bottom: 20px !Important;
}
   
 /*
===========================================

  Bulleted List Icon
===========================================
*/
.wrapper {
  width: 600px;
  background: #eee;
  padding: 20px;
  margin: 20px auto;
  font-family: sans-serif;
}

ul.special {
  list-style-type: none;
  padding-left: 40px;
  color: #ffffff;
}

li.special {
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px;
}


li.special {
    list-style-image: url('https://notarthomas.com/MH2/images/pieces/leaf-white-icon.png');
}
/*li.special:before {
  position: absolute;
  top: 0;
  left: 0;
  font-family: FontAwesome 6 Pro;
  content: "\f111";
  color: #a9c27f;
}*/
/* End- Bullet List /*
/*
===========================================

  Call to Action Button
===========================================
*/
.button-wrapper {
  display: block;
  text-align: right;
}

.button {
   display: inline-block;
  font-size: .90em;
  padding: 10px 10px;
  width: auto;
}
@media (max-width: 1200px) {
    .cta-button {
        display: none;
    }
}

.cta-button {
  background-color: #fff;
  color: #a9c27F !important;
  border: 2px solid #ed9b59;
  border-radius: 7px;
  margin-right: -12px;
  margin-top: 10px;
  margin-bottom:-10px;
}

.cta-button:hover {
  background-color: #ed9b59;
  color: #fff !important;
}

/* Footer button */

.button2 {
   display: inline-block;
  font-size: .90em;
  padding: 10px 10px;
  width: auto;
}

.cta-button2 {
  background-color: #ed9b59;
  color: #fff !important;
  border: 2px solid #ed9b59;
  border-radius: 7px;
  margin-right: -12px;
  margin-top: 10px;
  margin-bottom:-10px;
}

.cta-button2:hover {
  background-color: #fff;
  color: #ed9b59!important;
}

/*
===========================================

    Anchor - jump to correct for sticky banner
===========================================
*/

h2 {
  scroll-margin-top: 10rem;
}