body, table, .table
{
	color:#000;
	font-weight: 400;
	font-size:1rem;
}
#header-brand img.logo {
    max-height: 100%!important;
    
}


h1, .h1 {
    font-size: calc(1.375rem + 1vw);
}

#page-content p
{
	margin-bottom:5px;
}

#page-content ul li::marker {
    color: #373f51!important;
}

.bg-secondary {
    background-color: #be614b !important;
}

#page-footer-sub
{
	background-color: #373f51!important;
}

footer .region-footer-center .block ul a, footer .region-footer-right .block ul a
{
	
	color:rgba(255,255,255,0.5);
}
footer .region-footer-center .block ul a:hover, footer .region-footer-right .block ul a:hover
{
	color:#fff;
}

#menu-main .dropdown-menu {
background-color: #373f51!important;

}


.dropdown-right:hover +.sub-menu {
	position: absolute!important;    
    left: 202px!important;
    z-index: 1000;
    display: block!important;
    
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #6c757d;
    text-align: left;
    list-style: none;
    background-color: red;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,0.15);
    border-radius: 0.2rem;

}


.path-frontpage article.node .text-formatted, #page-content p {
    text-align: left;
}

a {
    color: #be614b;
}
a:hover {
    color: #373f51;
}

.card-auto .card{
	height:auto;
}

.card{
	height:100%;
	transition: all ease .25s;
}

.card:hover{
	border-color:#be614b;
}

.card-header{
    background-color:#be614b;
}
.card-header .title {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
}

.card-header .accicon {
  float: right;
  font-size: 20px;  
  width: 1.2em;
      color: #fff;
}
.card-header{
  cursor: pointer;
  border-bottom: none;
}

.card-header:not(.collapsed) .rotate-icon {
  transform: rotate(180deg);
}


/*----- Pagination Data table CSS-----------------*/
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #be614b;
    border-color: #be614b;
}

.page-link {
	color:#be614b;
}


/*-----tab pils for Login Menu  ---------------*/
.block-local-tasks-block li.active {
    background-color: #be614b;
}

.block-local-tasks-block li.active:hover {
    background-color: #343a40;
}

.block-local-tasks-block li:hover {
    border-color: #343a40;
    border-radius: 0.2rem;
    border: 1px solid #343a40;
}

.form-login .page-title:before {
background-color: #343a40;
}

/*-------------Header Content -----------------------*/
#header-brand a.navbar-brand {
    font-size: 3vw;
	text-transform: inherit;
}

#header-menu a.navbar-brand {
    font-size:1rem;
    text-transform: inherit;
}

#header-menu {
    overflow: unset;
}

@media (orientation: landscape){
#header-menu.sticky-top {
    position: sticky;
}
}
/*------------- Carosel caption class-------------------*/

.carousel-caption
{
 background-color:rgba(0,0,0,0.5);	
     padding-top: 5px;
     padding-bottom: 5px;
}

.carousel-caption>h5
{
	color:#fff;
}
.carousel-item img{
height: 30vw;

}
@media screen and (max-width:767px){
.carousel-item img{
	height:45vw!important;
}
}


/*---------Reason footer left -----------------*/

footer .region-footer-left .block ul li:hover:before {
    background-color: #fff;
}
.form-contact .page-title:before {

	background-color: #343a40;
}

/*---------------- CSS For Photo Gallery --------------------*/
.photo-gallery img
{
    width: 24%;
    padding: 5px;
    border: 1px solid #d3d3d3;
	border-radius:3px;
    margin: 3px;
    float: left;
    max-height: 160px;
    height: 160px;
	transition:all ease .5s;
}

.photo-gallery img:hover
{
	border-color: #be614b;
}
.photo-gallery h5{
	clear: both;
    padding: 20px 0;
    border-bottom: solid 1px #d3d3d3;
}

@media screen and (max-width:890px){
	.photo-gallery img
{
    width: 31%;
}
} 
@media screen and (max-width:679px){
	.photo-gallery img
{
    width: 48%;
}
}

@media screen and (max-width:478px){
	.photo-gallery img
{
    width: 100%;
}
}

/*  ----------------- View.HTML. Table CSS------------------------------*/

.view-content .views-table
{
	width: 100%;
    overflow-x: auto;
}

.view-content .views-table th, .view-content .views-table td
{
	border: 1px solid #dee2e6;
	padding: 0.5rem;
    vertical-align: top;
}