@charset "utf-8";
/* CSS Document */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
    font-family: sans-serif;
    /* 1 */
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
}
  
/**
* Remove default margin.
*/
body {
    margin: 0;
    box-sizing: border-box;
}

a{
    color: #282425!important;	
}
ul.nav.nav-tabs > li{
	display: inline-block;
	line-height: 50px;
	height: 100%;
	text-transform:uppercase;
}
ul.nav.nav-tabs > li a{
	display:block;
	padding:15px;
	color: #282425!important;
	
}
ul.nav.nav-tabs > li a:hover, ul.nav.nav-tabs > li:hover{
	background:	#2196f3;
	color:#fff!important;
	text-decoration: none!important;
}
ul.nav.nav-tabs > li a.active{
	background:	#112330;
	color:#fff!important;
	text-decoration: none!important;
}
.card-header {
    background-color:#f1efec !important;
    border: none !important;
    border-radius:calc(.25rem - 2px) calc(.25rem - 2px) calc(.25rem - 2px) calc(.25rem - 2px) !important;
    /* border: none !important; */
    transition: background-color 300ms
}

.card-header:hover {
    background-color:#ECE7DD !important;
    transition: background-color 300ms
}

.card-header a {
    text-decoration: none !important;    
}

.card{
    border: none !important;
    margin-bottom: 10px; 
}

.card > .card-header a::before {
    font-family: fontawesome;
    content: "\f107 ";
    color: #282425;
    float: left;
    margin-right: 15px;
    font-weight: 500;
    /* position: absolute; */
    right: 0;
}

.card > .card-header a.collapsed::before {
    content: "\f105 ";
}

.card-body {
    border: none !important;
    padding-top: 0 !important;
}
 
/* 
Extra small devices (portrait phones, less than 544px) 
No media query since this is the default in Bootstrap because it is "mobile first"
*/
div, p {font-size:1rem;} /*1rem = 16px*/
.container {max-width: calc(100vw - 10%) !important;}
/*
####################################################
M E D I A  Q U E R I E S
####################################################
*/
 
/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Bootstrap 4 breakpoints
*/
/* Small devices (landscape phones, 544px and up) */
@media (min-width: 544px) {  
  div, p {font-size:1.5rem !important;} /*1rem = 16px*/

}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
    div, p {font-size:1.5rem !important;} /*1rem = 16px*/
}
 
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
  div, p {font-size:1rem;} /*1rem = 16px*/
  .container {max-width: calc(100vw - 25%) !important;}

}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
    div, p {font-size:1rem;} /*1rem = 16px*/    
    .container {max-width: calc(100vw - 40%) !important;}
}
 
/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Custom media queries
*/
 
/* Set width to make card deck cards 100% width */
@media (min-width: 950px) and (max-width:1100px) { 
    div, p {font-size:1rem;} 
}