
    .justify-content-md-right {
        justify-content: right !important;
    }
	
	body {
	
	color: #52595a;
	color: #5f4d32;
	/* color: #f6f6f6; */
	font-weight: 500;
	font-family: "Nunito", sans-serif;
	background: #f2f2f2;
	background: #fff;
}

.header-title, .header-subtitle{
	color: #35424d;
}

.dhammaChakrra{
	margin-top: 17px;
    margin-right: 0px !important;
    /* margin-left: 20px !important; */
}

.header-title{
	font-family: "Lora", serif;
	font-size: 30px;
}

a {
	font-weight:500;
	/* text-transform: uppercase;  */
}

.navbar-expand-lg .navbar-nav .nav-link{
	padding:.7rem 1rem;
}
/* .header-subtitle{
	font-size:14px;
}
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px;
  border-radius: 0 6px 6px 6px;
} */

/* .dropdown-submenu:hover>.dropdown-menu {
  display: block;
}
 */
/* .dropdown-submenu>a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;
  margin-top: 5px;
  margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
  border-left-color: #fff;
}

.dropdown-submenu.pull-left {
  float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
} 

.dropdown .dropdown-menu {
  display: none;
  background: #fff;
}
.dropdown:hover>.dropdown-menu, 
.dropend:hover>.dropdown-menu {
  display: block;
  margin-top: .1em;
  margin-left: .1em;
  border:0;
} */

.main{
	/* padding-top:20px; 
	background:#3a2d17;
	background:#35424d; */
} 
a.nav-link,a.dropdown-item{
	color:#fff9e3;
	color:#5f4d32;
	padding:.7rem;
	font-weight:500;
	font-size: 16px;
}
a.nav-link:hover, a.nav-link:focus,
a.dropdown-item:hover,a.dropdown-item:focus,
a.nav-link.active, a.dropdown-item:active, a.dropdown-item.active{
	color:#5f4d32;
	background:#dfd09c;
	
}
/*.navbar-expand-lg .navbar-nav .nav-item:hover .nav-link, .nav-link:focus{
	 border-bottom: 4px solid #c9a66b; 
	color:#c9a66b;
}*/
/* .nav-link:hover + .dropdown-menu, .nav-link + .dropdown-menu,  */.navbar-expand-lg .navbar-nav .dropdown-menu{
	border:2px solid #c9a66b;
	border-radius:0;
	background:#fff9e3;
	
}
/* .navbar-expand-lg .navbar-nav .nav-item:hover .nav-link{
	border-bottom: 4px solid #c9a66b;
} */
.navbar-expand-lg .navbar-nav .dropdown-menu li a{
	text-transform: capitalize;
	padding:12px;
	font-weight:500;
}
.navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-menu{
	padding:0;
	top:100%;
	border:2px solid #c9a66b;
}
.navbar-expand-lg .navbar-nav .nav-item:hover .nav-link:hover li a{
	background:green
}
.navbar-expand-lg .navbar-nav .nav-item:hover .nav-link:focus{
	/* background:red; */
}
.TwoLevelMenu .dropdown-menu, .dropdown-menu{
	padding:0;
}
.dhammaLogo{
	padding-top: 20px;
}

.accordion-flush .accordion-item .accordion-button,
.accordion-item:last-of-type .accordion-button.collapsed{
	/* background: red; */
    border-radius: 10px;
    margin-bottom: 5px;
	background: #fff9e3;
	border:2px solid #dfd09c;
	padding: .8rem;
}

.accordion-flush .accordion-item .accordion-button:hover,.accordion-flush .accordion-item .accordion-button:not(.collapsed){
	background: #dfd09c;
	color: #35424d;
}
.accordion-button:not(.collapsed)::after{
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")}

.accordion-item {
    border: none;
}
.accordion-body{
	background: #efeffb;
	border:2px solid #dfd09c;
	margin-bottom:10px
}

.accordion-title{
	font-family: "Nunito", sans-serif;
	font-size:18px;
}
@media screen and (min-width:769px) {
  .dropend:hover>.dropdown-menu {
    position: absolute;
    top: 0;
    left: 100%;
  }
  .dropend .dropdown-toggle {
    margin-left: .5em;
  }
}


.dropend {
    margin-left: .5em;
	border:5px solid green;
	border:0px solid green!important;
  }

.dropend .dropdown-item{
    /* margin-left: .5em;
	border:5px solid green;
	border:0px solid green!important; */
  }
  
 .nav-link.dropdown-toggle + .dropdown-menu .nav-item.dropend a{
	 color:#35424d!important; 
	 border:0;
	 margin:0;
  }
  
   .nav-link.dropdown-toggle + .dropdown-menu .nav-item.dropend a:hover +.dropdown-menu li a{
	 color:#35424d!important; 
  }
  
  .nav-item.dropend, .nav-item.dropend a{
	  margin:0px;
  }
  
  
  .hero{
	  border-top:2px solid #c9a66b; 
	  border-bottom:2px solid #c9a66b; 
background-color: #fff9e3;
/*  background-image: url("../images/BodhiLives_01.png") ;  
background-size:  40%;
 background-repeat:no-repeat;*/
 
 background-image: url("../images/bgFlower.png"), url("../images/bgFlowerBottom.png"); 
  background-position: left top, right bottom;
  background-repeat: no-repeat, no-repeat;
  background-size:  10%, 20%;

  }
  
  .navbar{
	  padding:0;
  }
  
  .pagodaImg{
	 /* position: absolute;
	right:0;
	top: 90px; */
	width: 100%;
    height: auto;
    object-fit: cover;
    transition: transform 0.3s ease;
	vertical-align: middle;
  }
  
/*  .hero .title{
	color:#bc2e38;
	color:#5f4d32;
	color:#c9a66b;
	color:#fff9e3;
	font-family: "Lora", serif;
	font-size:30px;
	
} */
.title{
	color:#bc2e38;
	color:#5f4d32;
	/* color:#c9a66b; */
	font-family: "Lora", serif;
	font-size:25px;
	
}
.heroContent{
	color:#c9a66b;
	 font-size:24px;
}

/* .dhammaBlueButton {
	border-radius:50px;
	border:2px solid #dfd09c;
	border:2px solid #35424d;
	background:#fff9e3;
	color:#c9a66b;
	box-shadow: 2px 0px 5px 0px rgba(203, 141, 57, 0.72);
    -webkit-box-shadow: 2px 0px 5px 0px rgba(203, 141, 57, 0.72);
    -moz-box-shadow: 2px 0px 5px 0px rgba(203, 141, 57, 0.72);
	color:#35424d;
} */

a.dhammaBlueButton:hover, a.dhammaBlueButton:focus{
	background:#11375e;
	border:2px solid #dfd09c;
	box-shadow: 2px 0px 10px 0px rgba(95, 77, 50, 0.9);
    -webkit-box-shadow: 2px 0px 10px 0px rgba(95, 77, 50, 0.9);
    -moz-box-shadow: 2px 0px 10px 0px rgba(95, 77, 50, 0.9);
	background:#c9a66b;
} 

.dhammaBlueButton {
	
	
	border-radius:50px;
	background:#11375e;
	border:2px solid #fff;
	box-shadow: 2px 0px 10px 0px rgba(95, 77, 50, 0.9);
    -webkit-box-shadow: 2px 0px 10px 0px rgba(95, 77, 50, 0.9);
    -moz-box-shadow: 2px 0px 10px 0px rgba(95, 77, 50, 0.9);
	background:#c9a66b;
	background:#dfd09c;
	color:#5f4d32;
}

a.dhammaBlueButton:hover, a.dhammaBlueButton:focus{
	border-radius:50px;
	border:2px solid #dfd09c;
	border:2px solid #35424d;
	background:#fff9e3;
	color:#c9a66b;
	box-shadow: 2px 0px 5px 0px rgba(0, 0, 0, 0.72);
    -webkit-box-shadow: 2px 0px 5px 0px rgba(0, 0, 0, 0.72);
    -moz-box-shadow: 2px 0px 5px 0px rgba(0, 0, 0, 0.72);
	color:#35424d;
} 

/* .MiniAnapana .dhammaBlueButton {
	color:#fff;
	background:#c9a66b;
} */

.heroContent p{
	/* background: rgba(255,255,255,0.5);
	background: rgba(223,208,156,0.5); */
    /* border-radius: 10px; */
    padding: 20px;
	padding-bottom:0;
	/* box-shadow: 2px 0px 10px 0px rgba(223,208,156,0.7);
    -webkit-box-shadow: 2px 0px 10px 0px rgba(223,208,156,0.7);
    -moz-box-shadow: 2px 0px 10px 0px rgba(223,208,156,0.7); */
}

.titleMiniAnapan{
	font-size:22px;
	font-weight:700;
	color: #35424d;
}

.MiniAnapana{
	border:2px solid #dfd09c;
	border-radius:10px;
	background:#fff9e3;
}

.highlight-card{
	border-radius: 10px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.highlight-image {
    overflow: hidden;
}
.highlight-card .highlight-image img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    transition: transform 0.3s ease;
	background-position: top 0;
}
.hero .hero-visual .hero-image-wrapper .hero-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
	    border-radius: 4px 4px 4px 4px;
    overflow: hidden;
    box-shadow: 0px 2px 18px 0px rgba(255, 255, 255, 0.44);
	border:1px solid #fff;
}

.hero-image-wrapper{
	box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.5);
	border-radius: 10px;
}

.carousel-inner{
	border-radius: 10px;
	border:2px solid #c9a66b;
}

.hero-description{
	font-size:20px;
	/* color:#fff; */
	padding-top:20px;
}

 .section-title h2 {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 20px;
    padding-bottom: 20px;
    position: relative;
}

/*  .section-title h2.title {
    font-weight: 300;

} */
 .section-title h2:before {
    content: "";
    position: absolute;
    display: block;
    width: 160px;
    height: 1px;
    background: #dfd09c;
    left: 0;
    right: 0;
    bottom: 1px;
    margin: auto;
}

.section-title h2::after {
    content: "";
    position: absolute;
    display: block;
    width: 60px;
    height: 3px;
    background: #c9a66b;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.SectionSubText{
	font-size:18px;
	color: #35424d;
	margin-bottom:0px;
}

.highlight-card{
    overflow: hidden;
	border-radius: 10px;
    /* background: #fff9e3; */
    color: #c9a66b;
    box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.5);

}

.highlight-content{
	padding:20px;
}

.highlight-content h5{
	    font-family: "Lora", serif;
    font-size: 20px;
	color:#5f4d32
}

.highlight-content p{
	    font-family: "Nunito", sans-serif;"
    font-size: 16px;
	color:#35424d;
}

.MiniAnapan li{
	color:#35424d;
	font-size:16px;
}

.MiniAnapan{
	margin-bottom: 5px;
}

.KnowMore{
	text-decoration:none;
	padding:5px;	
	border-radius: 50px;
    border: 2px solid #35424d;
    background: #fff9e3;
    color: #35424d;
	font-size:14px;
}

.KnowMore:hover{
	background:#fff;
	color: #fff;
	
	
	background:#11375e;
	border:2px solid #dfd09c;
	background:#c9a66b;
}

.dhmammafooter {
	border-top:2px solid #dfd09c;
	background:#fff9e3;
	background-image:url("../images/bgFlowerBottom.png");
	background-repeat:no-repeat;
	background-position: right bottom;
}

.dhmammafooter a, .aboutdhammapunnaWrapper a, .accordion-body a{
	color:#5f4d32;
}
.dhmammafooter a:hover, a.aboutdhammapunnaWrapper:hover{
	color:#35424d;
}

.Img01 img{
	width:100%;
	height:515px;
	
    object-fit: cover;
	border-radius:10px;
}

.Img02 img{
	width:100%;
	height:250px;
	border-radius:10px;
    object-fit: cover;
}

.feature-item{
	padding:5px 0 0 0;
	color:#35424d;
} 

.childrenAnapan{
	border-left:1px solid #8e9eab;
	padding:0 0 0 15px;
}

.childrenAnapanSection p{
	margin-bottom: 3px;
	color:#35424d;
}

.childrenAnapanSectiontitle{
	font-size:28px;
	padding:30px 0 0 0;
	font-weight:700;
}
/* .dhmammafooter{
border-top: 4px solid #c9a66b;
    background-color: #2A7B9B;
    background: url(../images/bgFlowerBottom.png) no-repeat right bottom, linear-gradient(358deg, rgba(42, 123, 155, 1) 0%, rgba(87, 199, 133, 1) 51%, rgba(255, 255, 255, 1) 100%);
background-size: 25%; */
}

.highlight-card::after, .Img01::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #e5e5e5;
  opacity: 0;
  transition: .5s ease all;
}
.highlight-card img, .Img01 img {transition: .5s ease all; width: 100%; object-fit:cover;}
.highlight-card:hover img, .Img01:hover img {
  transform: scale(1.1);
}

.highlight-card:hover::after, .Img01:hover::after {opacity: 0.2;}
.childrenOneday  .highlight-card{
	box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow:none;
}
.childrenOneday .highlight-card .highlight-image img{
	height:auto;
}

.Img01{
	height:512px;
	margin-right:10px;
}

.ITVvideo {
	border: 2px solid #dfd09c;
	border-radius: 10px;
	background: #fff9e3;
}
.ITVvideo iframe{
	height:590px;
}
.myVideo{
border-radius:10px;

}
img.myclass {
  position: absolute;
  cursor: pointer;
  opacity: 1;
  object-fit: cover;

}

iframe {
  border: 0;
border-radius:10px;
}

img.active {
  opacity: 0;
  pointer-events: none;

}

.bd-example a:hover i{
	color:#35424d;
}
.dhammaNav{
	border-top:2px solid #c9a66b;
	background: #fff9e3;
}


.header-icon-1{
	text-align:right;
}
.header-icon-2{
	text-align:left;
}
.TwoLevelMenu .dropdown-menu .TwoLevelMenu_01 .dropdown-menu {
		top: 0;
		left: 100%;

	}

	.TwoLevelMenu .dropdown-menu .TwoLevelMenu_02 .dropdown-menu {
		top: 50%;
		left: 100%;

	}
.section-title h2.hero-section-title{
	font-weight:400;
	font-family: "Lora", serif;
}

.nav-item:hover > .dropdown-menu{
	display:block;
}

.TwoLevelMenu_01:hover > .dropdown-menu, .TwoLevelMenu_02:hover > .dropdown-menu {
	display:block;
}

.hero .section-title h2 {
	padding-bottom:10px;
	padding-top: 10px;
}
.hero .section-title h2:before{
	background: url("../images/heroAfter.png");
	
	content: "";
    position: absolute;
    display: block;
    width: 200px;
    height: 23px;
    left: 0;
    right: 0;
    /* bottom: 1px; */
    margin: auto;
	background-size:100%;
	bottom: -20px;
}

.hero .section-title h2::after{
	background: url("../images/heroBefour.png");
	
	content: "";
    position: absolute;
    display: block;
    width: 200px;
    height: 23px;
    left: 0;
    right: 0;
    margin: auto;
	background-size:100%;
	bottom: -20px;
}

.carousel-caption h5{
	padding:2px;
	background:rgba(0,0,0,.5);
	/* background:#dfd09c; */
}

/* aboutdhammapunna */
.aboutdhammapunna{
	border-radius: 10px;
    overflow: hidden;
}
.aboutdhammapunnaWrapper{
border-top: 2px solid #c9a66b;
background-image: url("../images/bgFlower.png"),url("../images/bgFlowerRight.png"), linear-gradient(180deg,rgba(255, 249, 227, 1) 0%, rgba(242, 242, 242, 1) 10%); 
  background-position: left top,right top, left top;
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-size:  10%,10%,100%;
  }

.aboutdhammapunna iframe{
	height:471px;
}

/* aboutdhammananda */
.tablePreferred td{
	font-size:12px;
}

button.infoPopover  {
	border-radius:100px;
	font-size:.8rem;
	background:#c5d1db;
	margin-left:5px;
	border:2px solid #858d94;
	padding:2px 6px 1px 6px;
}


.map-container {
        position: relative;
        padding-bottom: 56.25%; /* 16:9 aspect ratio (height / width * 100) */
        height: 0;
        overflow: hidden;
        max-width: 100%;
        background: #eee; /* Optional: placeholder background */
    }

    .map-container iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
	
	   .popover-overlay {
      position: fixed;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background: rgba(0,0,0,0.4);
      display: none;
      z-index: 1040; /* just below popover */
    }
	
	.infoPopover.popover-btn{
	z-index: 1050;
	}
	
	
@media screen and (max-width:769px) {
	.dhmammafooter{
		background-size:95%;
	}
	
	.Img01{
		height:auto;
		margin-right: 0;
	}
	.myVideo{
		height: 272px;
	}
	.ITVvideo iframe{
		height: 272px;
	}
	
	.header-icon-1 img{
		width:30px;
		height:45px;
	}
	
		
	.header-icon-2 img{
		width:41px;
		height:42px;
	}
	
	.title{
		font-size:25px;
	}
	
	.hero-section-title{
		font-size:25px;
	}
	
	.MiniAnapana.mx-2{
		margin-right: 0!important;
		margin-left: 0!important;
	}
	
	.width100{
		width:100%!important;
	}
	
	.aboutdhammapunna iframe{
	height:100%;
}

.aboutdhammapunnaWrapper{

  background-size:  30%,30%,100%;
  }
  
  .tablesaw-cell-label{
	  vertical-align: top;
  }
  
  th[scope="col"]{
	  display:none;
  }
  
      .tablesaw-stack tbody td, .tablesaw-stack tbody th {
        display: block;
        float: left;
        clear: left;
        width: 100%;
    }
	
	.tablesaw-stack td .tablesaw-cell-label, .tablesaw-stack th .tablesaw-cell-label {
    display: inline-block;
    padding: 0 .6em 0 0;
    width: 30%;
}

    .tablesaw-cell-content {
        overflow-wrap: break-word;
    }
	
	.tablesaw-cell-content {
        display: inline-block;
        max-width: 67%;
    }
	
	  .tablesaw-stack tbody tr td:last-child{
        display: block;
        width: 100%;
        border-bottom: 1px solid #dfdfdf;
    }
	
	.carousel-mt{
		margin-top:20px;
	}

}
.tablesaw-stack tr th{
	border-bottom: 1px solid #dfdfdf;
}
 .tablesaw-cell-label{
	  display:none;
  }
  
  .tablesaw-stack tbody tr{
	  border-bottom: 1px solid #dfdfdf;
  }
  
  a.course-apply, .dropbutton-widget {
    appearance: none;
    background-color: #F5ECCE;
    border: 1px solid #5f4d32;
    border-radius: 2px;
    color: #5f4d32;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    padding: 0.75em 1.5em;
    text-align: center;
    text-decoration: none;
    transition: background-color 150ms 
ease;
    user-select: none;
    vertical-align: middle;
    white-space: nowrap;
}

.tablesaw th, .tablesaw td {
    padding: .7em .7em;
    text-align: left;
vertical-align: middle;}

.donation-bg{
	background:#fff9e3;
	border-top: 2px solid #c9a66b;
} 
  

	
	
