/*===============        eKamria CSS Changes         ===============*/
h5, h6 {
color: #86d0bf;
font-size: 1rem;
font-weight: 700;
}

h1 {
font-size: 3.5rem;
color: #86d0bf;
line-height: 1.2;
    
}

h2 {
font-size: 2.5rem;
color: #86d0bf;
line-height: 1.2;
}

h3 {
color: #86d0bf;
font-size: 2rem;
}

h4 {
color: #86d0bf;
font-size: 1.75rem;
}

p {
    font-size: 1.35rem;
    line-height: 1.2;
    
}

li {
    margin-bottom: 7px;
}

/*  Links in the text (class=textlink) - not using...
a:not(.btn) {
 	color:#005ca9;
}

a.textlink {
 	color: #005ca9;
 	font-weight:bold;
 	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 3px;
	background-color: #ffffff;
}
a.textlink:hover {
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 3px;
	background-color: #005ca9;
	color: #ffffff;
}
*/

#logo1 .inner .bannerlogodesc {
  
    font-size: 2rem;
    color: #86d0bf;
    Font-family: "Tenor Sans";
   text-align: center;
   margin-top: 10px;
}

.icon-color {
    --fa-primary-color: #86d0bf; 
    --fa-secondary-color: #86d0bf;
}

.tags a.btn {
    font-weight: 500;
    padding: 5px;
    font-size: 95%;
    
}

a.btn.btn-primary {
    background-color: #86D0BF;
    border-color: #86D0BF;
    border-width: 1px;
}

a.btn.btn-primary:active {
    background-color: #86D0BF;
    border-color: #86D0BF;
    border-width: 1px;
}

a.btn.btn-primary:hover {
    background-color: #95E6D3;
    border-color: #95E6D3;
    border-width: 1px;
}
a.btn.btn-primary:focus {
    background-color: #86D0BF;
    border-color: #86D0BF;
    border-width: 1px;
}

/*   Page Hero Background Images
=====================================*/
/* Home page */
body.itemid-101 #hero-wrapper {
background: rgba(0, 0, 0, .25) url('https://drsylviaregalla.com/images/banners/kayaking.jpg') center 150% no-repeat fixed;
background-size: cover;
background-blend-mode:darken;
}
/* Product page */
body.itemid-161 #hero-wrapper {
background: url('https://drsylviaregalla.com/images/banners/healthy-salad-bowl.jpg') center center no-repeat fixed;
background-size: cover;
}
/* Contact page */
body.itemid-160 #hero-wrapper {
background: rgba(0, 0, 0, .25) url('https://drsylviaregalla.com/images/banners/two-men-and-two-women-sharing-a-healthy-meal.jpg') center center no-repeat fixed;
background-size: cover;
background-blend-mode:darken;
}
/*
=====================================
   Mobile Menu
=====================================
*/
[data-id="mobilemenuck-1"] .mobilemenuck-bar-button {
    background:#86D0BF;
    height: 43px;
    width: 43px;
    color:#ffffff;
    padding-top: 8px;
    font-size: 1.8em;
}

[data-id="mobilemenuck-1"] .mobilemenuck-bar-title {
  background-color: #86D0BF;
}

.mobilemenuck-item > .level1 a {
    color: #C39B6A;
    line-height: 35px;
    background-color: #86D0BF;
}
[data-id="mobilemenuck-1"].mobilemenuck a {
    color: #C39B6A;
    font-weight: bold;
    font-size: 1em;
}

[data-id="mobilemenuck-1"] .mobilemenuck-item > .level1 {
  background-color: #86D0BF;
}

[data-id="mobilemenuck-1"] .mobilemenuck-title {
    background: #86D0BF;
    color: #ffffff;
    height: 43px;
    text-indent: 20px;
    line-height: 43px;
    font-size: 20px;
}

/*==========  TABLE  ================
.table-responsive
{
    overflow-x: auto;
}
-------------------------------------*/
#table1 {
    width:100% !important; 
    margin-left: auto !important; 
    margin-right:auto !important;
  } 
/*-----------------------------------*/
#table1 thead {
 background-color:#031E7D;

  color: #ffffff;
  text-align: center;
  }
/*---------------------------------*/
#table1 .row1 {
background-color: #005ca9;
color: #fff;

 
  }
td {
 text-align: right !important;
 }
 /*---------------------------------*/
 

tfoot {
 background-color:#031E7D;
 color: #ffffff;
 }
/*---------------------------------*/

/*=======    Two Columns  =========*/      

/*.twoColumns{
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
}*/
.twoColumns {
  column-gap: 20px; /* Consistent gap for all screen sizes */
}

/* Large screens (two columns) */
@media (min-width: 768px) {
  .twoColumns {
    column-count: 2;
  }
}

/* Small screens (single column) */
@media (max-width: 768px) {
  .twoColumns {
    column-count: 1;
  }
}
/*---------------------------------*/

/*==========  BANNER  ============*/
.iconcolor {
color: #005CA9;
}
.iconright {
float: right;
}
a.iconlink {
 	color: #FFFFFF;
 	font-weight:bold;
 	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 6px;
	background-color: #005CA9;
}
a.iconlink:hover {
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 6px;
	background-color: #4e90cc;
	color: #ffffff;
}

/*===================Business Partner logos=================================*/
.bplogo {
padding: .6em;
vertical-align: middle;
}
/*===============  BULLETS FOR UNORDERED LISTS (Caret Right)        ===============*/
ul.textlist {
	list-style: none;
	margin-left: 1em;
	padding-left: 1em;
	overflow: hidden;
	}
ul.textlist li:before {
	font-family:'FontAwesome';
	font-size: 13px;
    	content:'\f0da';
	color: #f89406;
	margin: 0px 5px 0px -11px;
	line-height: 2.5em;
	}
ul.textlist ul>li:before {
	font-family:'FontAwesome';
	font-size: 6px;
    	content:"\f111";
	color: #f89406;
	margin: 0 5px 0 -11px;
	line-height: 3em;
	}	

/*
.fa-circle {
line-height: inherit;
}*/

.fa {
color: #78a22f;
size: 16px;
valign: top;
}
/*======= Testimonial Styling ============
------------------------------------------ */

.bubble 
{
position: relative;
padding: 15px;
background: #ffffff;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
border-style: solid;
border-color: #F89406;
}

.bubble:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 35px 7px 0;
border-color: #F89406 transparent;
display: block;
width: 0;
z-index: 1;
margin-left: -12px;
bottom: -35px;
left: 10%;
}
.cite
{
position: relative;
left: 10%;
margin: .75em;
font-style: italic;
font-weight: bold;
}
blockquote.style1 {
 
  padding: 8px;
  margin: 5px;
  background-image: url(../../../images/icons/quote_2.png);
  background-position: top left;
  background-repeat: no-repeat;
  text-indent: 23px;
  border-left-color:#ffffff;
  border-left-style:solid;
  border-left-width:5px;
  }
  blockquote.style1 span {
    	display: block;
    	background-repeat: no-repeat;
    	background-position: bottom right;
  	}
  	
  	
/* Wellness blog quote
------------------------------------------*/

.wellness-quote {
  border-left: 4px solid #86d0bf;
  padding-left: 1rem;
  margin: 1.5rem 0;
  font-style: italic;
  color: #555;
  text-align: center;
}

.wellness-quote cite {
  display: block;
  margin-top: 0.5rem;
  font-style: normal;
  font-weight: 600;
  text-align: right;
}

/*  Lead Category entry
------------------------------------------*/
.items-leading:after {
   padding-bottom: 50px;
   }
   
.testimonialselect h3 {
    font-size: 150%;
    font-weight: 600;
margin-top: 3em;
}   

.testimonialselect {
   margin-bottom: 3em;
} 
a.categories-module testimonialselect {
 	color: #f89406;
 	font-weight:bold;
}
a.testimonialselect:hover {
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 3px;
	background-color: #f89406;
	color: #ffffff;
}


/*  Quote module on other pages
--------------------------------- */
.quotemodule   {
  margin-top:2em;
 
   }
   .qstyle1 {
    width:95%;
    float: left;
  }
  
  
/*   Acymailing button in footer
--------------------------------------------------*/

.subbutton {
    background-color: #FFF5EB !Important;
    Color: #86D0BF!important;
}

.subbutton:hover {
    background-color: #91e4c8 !Important;
    Color: #FFF5EB!important;
}

/* Acymailing success message
--------------------------------------------------*/
div.acym_module_success {
  color:  #86D0BF!important;
  background-color: #FFF5EB !Important;
 
 /*-------------------------*/
 /*Module styling
 ---------------------------*/
.managedselect h3 {
    font-size: 150%;
    font-weight: 600;
margin-top: 3em;
} 
.managedselect {
   margin-bottom: 3em;
} 
a.mod-content managedselect {
 	color: #f89406;
 	font-weight:bold !important;
}
a.managedselect:hover {
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 3px;
	background-color: #f89406;
	color: #ffffff;
}
 /*==========MANAGED IT SERVICE =======
--------------------------------------*/

 /*========= Image Captions ==============================
  - put in div wrapping image with this width 
  - add style="padding-bottom:0.5em;" to the image
  - follow image /> with This is my caption</div>
 ---------------------------------------*/
 .img200 {
   width: 200px;
   font-size: 85%;
   text-align: center;
   padding-bottom: .5em;
   border: 1 solid #777777;
 }
  /*-------------------------------------*/ 
   .img300 {
   width: 300px;
   font-size: 85%;
   text-align: center;
   padding-bottom: .5em;
    border: 1 solid #777777;
 }
 /*-------------------------------------*/ 
 	
 /*-------------------------------------*/ 
  .img535 {
   width: 535px;
   font-size: 85%;
   text-align: center;
   padding-bottom: .5em;
 }
 /*-------------------------------------*/ 
  /*========== CONTACT US =======
--------------------------------------*/
 
.notice
{
font-size: 110%;
position: relative;
padding: 15px;
background: #ffffff;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
border-style: solid;
border-color: #F89406;
} 	
/*===============        MODULES                      ===============
---------------------------------------------------------------------*/

/*   Green Module - adjust color (changed to dark blue)  
---------------------------------*/

.module.green {
  background-color:#031E7D;
  background-position:initial initial;
  background-repeat:initial initial;
}
.module.green a {
  color:#031E7D;
}
.module.green a:hover {
  color: #668925;
}

/* Blue Module - adjust color */
---------------------------------*/

.module.blue {
  background-color:#4e90cc;
  background-position:initial initial;
  background-repeat:initial initial;
}
.module.blue a {
  color:#0477d7;
}
.module.blue a:hover {
  color:#049CDB;
}
/* Change Pink Module to blue color - adjust color 
----------------------------------------------------*/

.module.pink {
  background-color:#031E7D !important;
  background-position:initial initial;
  background-repeat:initial initial;
}
.module.pink a {
  color: #005ca9;
}
.module.pink a:hover {
  color:#4e90cc;
}

/*  Add Space between Frontpage Modules when colapsed browser (smartphone)  */
.module:first-child {
  margin-top:5px;
}


/* ===============       COLUMNS                     ===============*/
/* Space between rows

.row-fluid {
  margin-bottom:5px;
}

/*===============        FOOTER                      ===============*/

/* Adjust position of Copyrght line */
#sp-footer-wrapper .copyright {
  display:block;
  margin-top: 45px;
}
 /* remove the Powered by Helix */
.ltr #sp-footer-wrapper .helix-framework {
  float: left;
  margin-right: 15px;
  display:none;
}
#sp-bottom-wrapper, #sp-footer-wrapper {
  background-color:#031E7D;
  background-position:initial initial;
  background-repeat:initial initial;
  color:#FFFFFF;
}
#sp-footer-wrapper {
  border-top-color:#031E7D;
  border-top-style:solid;
  border-top-width:1px;
}

.ltr #sp-footer-wrapper #sp-footer2 {
  text-align:left;
}
/*===============  Make iframe responsive   =======================*/
iframe, object, embed {
        max-width: 100%;
}
/*+++++++++++++++++++ EXTENTION AND PLUGIN STYLING +++++++++++++++++++++++++++++++*/


/**********************************************************************
  
  Landing Pages

 **********************************************************************

           Registration Box
-----------------------------------------------------------------------
*/
.box {
 border: 1px solid #031e7d;
 border-radius: 5px;
 padding: 10px;
 margin: 10px;
}
/*
         Styled Numbered List
-----------------------------------------------------------------------
*/

.nlist {
    background: #f89406;
    color: #FFF;
    font-weight: bold;
    width: 48px;
    height: 48px;
    line-height: 48px;
    display: block;
    text-align: center;
    position: absolute;
    top: 0;
}
}