@charset "utf-8";
/* CSS Document modified from searchbox.css */

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

div.tabBox {
width:100%;
float:left;
overflow: visible;
padding: 25px 15px 20px 15px;
}
  
div.tabBox h1 {
color:#331A00;  /* dark brown */
/* margin:8px 0; */
font-size: 1.5rem;
}
  
ul.tabs {
margin: 0;
padding: 0;
float: left;
list-style: none;
height: 32px; 
width:99.9%;
border-top-left-radius:5px;
-moz-border-top-left-radius:5px;
-webkit-border-top-left-radius:5px;
}
  
ul.tabs li {
float: left;
margin: 0;
padding: 0;
height: 32px; 
line-height: 32px; 
margin-bottom: -1px; 
overflow: hidden;
position: relative;
font-weight: bold;
}
  
ul.tabs li a {
display: block;
  line-height: 14px;
  padding-top: 9px;
  padding-right: 12px;
  padding-bottom: 9px;
  padding-left: 12px;
outline: none;
height: 32px; 
background:#331A00; /* inactive tab background dark brown */
text-decoration: none;
/*font-size: 15px;*/
font-size: 20px;
color: #fff !important;
border-right: 2px solid #DAD9D6;
border-left: none;
border-top-left-radius:5px;
-moz-border-top-left-radius:5px;
-webkit-border-top-left-radius:5px;
border-top-right-radius:5px;
-moz-border-top-right-radius:5px;
-webkit-border-top-right-radius:5px;

}
  
.tabContainer {
border-top: none;
overflow: hidden;
clear: both;
float: left;

margin-bottom:0px;
padding-bottom: 10px;
background-color:#ffffff; /* white */
}

@media(min-width:10px){.tabContainer{width:100%}}@media(min-width:992px){.tabContainer{width:80%}}@media(min-width:1200px){.tabcontainer{width:60%}}

.tabContainer form {padding:15px;}
  
.tabContent {
padding: 10px 0 0 10px;
}  
  
/**** TABS STYLES ****/

   
ul.tabs li.active {
border-bottom:1px solid #ffffff; /* white */
}

ul.tabs li.active a, ul.tabs li.active a:hover  {  
background: #ffffff ;
color: #331A00 !important; /* dark brown */ 
}

ul.tabs li a:hover  {  
color: #6bc9c9 !important;} /* light blue */
  
ul.tabs li.active a {  
color: #331A00 !important;} /* changes active tab font to dark brown*/

div.tabContainer a{
	color: #331A00 !important; /* dark brown */
	/*font-size: 14px;
	margin: 20px;*/
	font-size: .8em;
}

div.db-letterhomepage a{
	font-size: 1em;
}

@media only screen and (max-width: 767px) {
 
div.tabBox {
border: 1px solid #736357;
}
 
ul.tabs {
height: auto;
display: block;
width:100%;
border-left:0px;
}
          
div.tabContainer {
	border: 0px;}}

/* For homepage menu 
@media (min-width: 1200px) {
    .homemenu {
        width: 1170px;
    }
}
@media (min-width: 992px) {
    .homemenu {
        width: 970px;
    }
}
@media (min-width: 768px) {
    .homemenu {
        width: 750px;
    }
}

.homemenu {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}*/

div.homemenu-list-group {
    padding: 2px 20px 0px 0px;
}

div.homemenu-list-group ul {
    padding-left: 0px;
}

div.homemenu-list-group li {
    list-style: none;
    padding-top: 10px;
}

div.homemenu-list-group:before {
    content: '';
    border-bottom: 10px solid #6BC9C9;
    display: block;
    margin-bottom: 15px;
}

 h4.link-list-title {
    /*padding-top: 10px;*/
}


/* For padding around link-list-section*/
.section.link-list-section.section-bg-pattern
{

	padding: 70px 0;
	}

/* @media (min-width: 992px) {
.section.link-list-section.section-bg-pattern
{

	padding: 70px;
	}}

@media (min-width: 768px) {
.section.link-list-section.section-bg-pattern
{

	padding: 70px 50px;
	}}
*/ 

.sidebar-offcanvas{
	max-width: 700px;
}