* {margin:0;
padding:0;
}
html,
body {
height: 100%;
}
#container{ min-height:100%;}
#main{ overflow:auto;}
body{font-family:normal 12px/18px 'bariolRegular', Arial, Helvetica, sans-serif !important;}
header {
position: relative;
background: -webkit-linear-gradient(#3e4347,#373738);
background: -o-linear-gradient(#3e4347,#373738);
background: -moz-linear-gradient(#3e4347,#373738);
background: linear-gradient(#3e4347,#373738);
height: 75px;
width: 100%;
overflow: hidden;
}
header video {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: 0;
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
header .container {
position: relative;
z-index: 2;
}
/* Media Query for devices withi coarse pointers and no hover functionality */
/* This will use a fallback image instead of a video for devices that commonly do not support the HTML5 video element */
@media (pointer: coarse) and (hover: none) {
header {
background: url('https://source.unsplash.com/XT5OInaElMw/1600x900') black no-repeat center center scroll;
}
header video {
display: none;
}
}
p::first-letter {
font-size: 200%;
color: #82cdb8;
}
CSSResult Skip Results Iframe
EDIT ON
/* GLOBAL STYLES */
body {
background-color:#ce3635;
text-align: center;
color:#82cdb8;
padding-top:10em;
}
.typewrite::first-letter {
font-size: 200%;
color: #82cdb8;
}
.navbar .getstarted{background: #cecfd0 !important}
.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a {
background-color: white; border-radius:10px; padding:10px;
}
.bbi{border-bottom: 1px solid #333 !important}
.bbi-primary{border-bottom: 1px solid #f37e49 !important}
.table-top{
background-color: #f37e49 !important;
color: white;
text-align: center;
border-radius: 10px;
border-bottom: 0px;
}
.text-primary{color:#f37e49 !important}
.btn-primary, btn-primary:hover{background-color:#f37e49 !important; color:#fff !important;}
.txt14{font-size:14px}
a{color:#f37e49 !important;}
.lh10{line-height:10px}
.lh15{line-height:15px}
.lh20{line-height:20px}
.accordion-button:not(.collapsed) {
color: #ffffff !important;
background-color: #f37e49 !important;
}
.accordion-button:not(.collapsed):after {
background-image: url(data:image/svg+xml,) !important;
}
.accordion-body {
padding: 1rem 1.25rem;
}
section{padding:25px 50px}
.navbar .getstarted, .navbar .getstarted:focus {
padding: 0px 5px;
margin-left: 30px;
border-radius: 0PX 0PX 8px 8PX;
font-weight: 400;
color: #fff;
FONT-SIZE: 12PX;
}
.navbar a, .navbar a:focus {color:#fff !important; padding:15px; margin:0px 0px}
.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a{color:#f37e49 !important; padding:4px 10px;}
.hbtn{ background-color: #c1c1c1 !important;
padding: 3px 6px;
font-size: 12px;
margin: 0px;
top: 0;
border-radius: 0px 0px 10px 10px;
color: black !important;
}
.marB25{margin-bottom:25px}
ul{list-style:none; padding:0;}
.txt12{font-size:12px}
.w-40{width:40%}
.w-60{width:60%}
.fl{float:left}
.fr{float:right}
.pad-t1{padding-top:1rem;}
.pad-t0{padding-top:0;}
.mar-t1{margin-top:1rem;}
.accordion-button:focus {border-color:none !important}
.dataTables_filter{padding:1rem}
.clickable{cursor:pointer;}
.clickable:hover{background-color:#ededed}
.table>:not(:first-child){border-top:0px !important}
.btn:focus, .btn:active {
outline: none !important;
box-shadow: none !important;
}
.accordion-item:focus, .btn:active {
outline: none !important;
box-shadow: none !important;
}
.embedcol{border: 1px solid #2383C5;border-radius: 20px;padding: 10px;margin: 0.5rem;line-height: 15px;}
.navbar_bg{background-color::#f37e49 !important;}
.navbar li a, .navbar a:focus {
color: #fff !important;
padding:5px 10px!important;
margin: 0.4rem 0.5rem;
transition: none !important;
}
.msgtextwhite {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background: #000 !important;
color: #fff;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 9500;
opacity: 0.8;
height: 100%;
}