#global{
background: #B5D8F3;
}
html,
body {
font-family: 'Open Sans', sans-serif;
/*color:#888;*/
/*background-color: #e6e6e6;*/
/*
background: -webkit-linear-gradient(top, #B5D8F3 0%, #ffffff 50%, #B5D8F3 100%);
background: -linear-gradient(top, #B5D8F3 0%, #ffffff 50%, #B5D8F3 100%);
background: -moz-linear-gradient(top, #B5D8F3 0%, #ffffff 50%, #B5D8F3 100%);
*/
/*background-color:rgb(242,242,242);*/
height: 100%;
width: 100%;
max-width:100%;
margin: 0;
padding: 0;
}
header {
z-index:3;
top:0px;
position: fixed;
width:100%;
}
.ControlPanelSectionContent{
padding-left: 10px;
padding-top:10px;
}
.ControlPanelSection{
padding:20px;
margin-top:20px;
background-color: #E8E8E8 !important;
}
.ArticleContent table{
width:100%;
}
#MainToolbar .VerticalToolbar{
height:100% !important;
}
#MainToolbar{
position:fixed;
right:0;
width:33%;
z-index:10;
top:0;
/*top:65px;*/
}
#AfterSpace{
display: block;
}
#EmptySpace{
height:115px;
display:block;
}
#BrandingIcon{
background-color:#BD0909;
color:#FFF6F6;
font-weight:bold;
padding:20px;
font-size:24px;
}
#BrandingIcon a {
color:inherit;
text-decoration: none; /* no underline */
}
#BrandingIcon a:hover{
opacity: .6;
cursor:pointer;
}
.ArticleImageContainer{
/*margin-top:-16px;*/
}
#bottomHeader{
height:25px;
width:100%;
display:block;
float:right;
position:relative;
}
.ArticleImage{
max-width: 100%;
max-height: 100%;
}
.ArticleStylingBlock .ArticleImage{
margin: 0px;
}
pre{
font-family:inherit;
}
#ArticleWrapper{
/*border:solid black;*/
max-width:100%;
display:block;
/*position:absolute;*/
margin:0 auto;
/* width:1000px;*/
/* width:500px;
margin-bottom: 5%;
margin-top:0;*/
/*float:left; */
}
/*.MandatoryArticle:nth-of-type(even){
background-color: rgb(245,245,245);
}
.MandatoryArticle:nth-of-type(odd){
background-color: white;
}
*/
.FooterDataBlock{
position:relative;
float:left;
margin-left:10%;
margin-right:10%;
width:25%;
}
/*.ArticleSpacing:nth-child(even){
background-color: #999;
}
.ArticleSpacing:nth-child(odd){
background-color: #ECE6E6;
}*/
#LoadMoreArticlesContainer{
float:left;
background-color:#1B1A1A;
color:white;
width:100%;
padding-top:7px;
padding-bottom:7px;
font-weight:bold;
}
.labelButton{
background-color: rgba (255,255,255,0);
border:none;
margin:auto;
color:inherit;
display:block;
text-align: center;
padding: 1%;
font-weight:inherit;
background-color: transparent;
/*border-radius:3px;*/
transition: background-color .5s ease;
transition: box-shadow .5 ease;
outline: none;
}
.labelButton:hover{
box-shadow: 0 0 1px 1px #969696;
background-color: rgb(251, 251, 251);
color:black;
cursor:pointer;
}
#Footer{
background-color: white;
}
footer {
padding-top:50px;
padding-left:10%;
padding-bottom:50px;
text-align:center;
font-size:16px;
position:relative;
/*float:left;*/
/*box-shadow: inset 0 0 22px -10px rgba(0,0,0,0.4), inset 0 -1px 2px rgba(0,0,0,0.2), 0 2px 8px -1px rgba(0,0,0,0.2);*/
-webkit-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
-moz-box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
min-height:180px;
position:relative;
float:left;
width:90%;
}
.ArticleSpacing{
text-align:center;
position:relative;
float:left;
font-size:24px;
line-height: 100px;
display:block;
width:100%;
}
.Article img {
max-width:100%;
}
.ArticleContentFlexBox{
display: -webkit-flex;
display: flex;
width:100%;
}
.Article {
background-color:white;
width:100%;
max-width:100%;
overflow:none;
/*
left:25%;
width:50%;
*/
position:relative;
float:left;
}
.flag:hover{
opacity:0.6;
}
.ReadMoreLink{
}
#trash{
width:32px;
height:32px;
float:left;
padding-bottom: 15px;
position: relative;
}
.loader {
border: 16px solid #f3f3f3; /* Light grey */
border-top: 16px solid #3498db; /* Blue */
border-radius: 50%;
width: 120px;
height: 120px;
animation: spin 2s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
#external-events {
left: 25%;
position:relative;
margin-bottom:2%;
width:50%;
padding: 10px;
border: 1px solid #ccc;
background: #eee;
text-align: left;
}
#calendar{
left:20%; width:60%;
padding:10px;
position:relative;
}
.BOX {
background-color: white;
/*background-color:rgb(245,245,245);*/
box-shadow: 0 0 1px 1px #969696;
/*box-shadow: 0 0 1px 1px #969696;*/
}
.FormSubmitButton{
z-index: 1000;
display: block;
}
.FormSubmitButton:hover{
cursor:pointer;
}
.reverse-flex-content{
flex-direction:row-reverse;
}
/*.StylingBlockLeft {
display:block;
}
.StylingBlockRight {
display:block;
float:right !important;
}*/
.ArticleContent {
padding:20px;
}
.ArticleContentWrapper {
/* font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;*/
font-size:18px;
color:#080808;
display: block;
float:left;
}
.HasStylingBlock{
width:70%;
}
.pdf-content{
width:100%;
margin-bottom:25px;
}
.pdf-preview-button{
color: black;
box-shadow: 0 0 1px 1px #969696;
background-color: rgb(251, 251, 251);
/*border-radius:3px;*/
border: none;
outline: none;
}
.pdf-preview{
margin-top:15px;
display:none;
}
.pdf-link{
float: left;
margin-right: 20px;
}
.pdf-view{
height:1000px;
width:100%;
}
.NoStylingBlock {
width:100% !important;
margin:auto;
display:block;
}
.ArticleContentWrapper p{
padding: inherit;
}
.ArticleContainer .ArticleStylingBlock{
height:100%;
}
.ArticleStylingBlock {
width:30%;
background-color:rgb(153, 18, 18);
float:left;
display:block;
}
#alertBox{
width:33%;
display:none;
left:33%;
z-index: 50;
position:fixed;
}
#alertBoxHeader{
height:30px;
}
#alertBoxHeader button{
outline:none;
box-shadow: none;
background-color:transparent;
color:inherit;
}
#alertBoxHeader button:hover{
color:black;
background-color: white;
}
#alertBoxContent{
padding:20px;
text-align: center;
}
.ArticleTitle{
}
.ArticleInnerTitle{
padding: 20px;
margin:20px;
background-color:rgb(255, 24, 24);;
display:block;
}
.ArticleInnerContent{
}
.ArticleTitleWrapper{
/*background-color:rgb(255, 24, 24);*/
position:relative;
font-weight:bold;
text-align:center;
/*padding-top:10px;
padding-bottom:10px;*/
overflow:auto;
width:100%;
color:white;
/*
box-shadow:inset 0px 0px 2px 2px #ccc;
-webkit-clip-path: polygon(0 0, 92% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 92% 0, 100% 100%, 0% 100%);*/
}
textarea{
width:90%;
height:150px;
border:none;
/*resize: none;*/
box-shadow: 0 0 1px 1px #969696;
}
/*
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #666;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
color: #666;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
color: #666;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #666;
}*/
hr{
border: 0;
height: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
#CloseCreateArticlePost{
position:absolute;
right:15px;
top:15px;
}
#NoArticles{
margin:auto;
display: block;
width:50%;
background-color: #ccc;
text-align: center;
height:600px;
line-height:600px;
font-weight:bold;
margin-bottom:25px;
font-size:24px;
}
.CreateArticleToolboxListItem{
float: none;/*make this change*/
display:inline-block;/*make this change*/
}
.CreateArticleToolboxListItem:nth-of-type(1){
width:100% !important;
}
.CreateArticleToolboxListItem:nth-of-type(1) .CreateArticleToolboxTool{
width:50% !important;
}
.ClearFloat:after {
clear:both;
}
.CreateArticleToolboxTool{
margin-top:5px ;
float:left;
padding-right:50px ;
}
#CreateArticleToolbox{
width:100%;
display:block;
/*position: fixed;*/
margin:auto;
}
#CreateArticleHeader{
width:100%;
display:block;
height:50px;
color:white;
font-weight:bold;
}
.CreateArticle .ArticleContent {
text-align: left;
}
.CreateArticle{
background-color: white;
position: relative;
margin:0 !important;
}
.CreateArticleInputField{
line-height:2em;
padding:0;
font-weight:inherit;
width:70%;
}
#CreateArticleTitle {
position:absolute;top:15px;left:15px;color:inherit;
}
.mobile-only{
display:none;
}
.desktop-only{
display:black;
}
#CreateFormContentTextArea{
height:100%;
margin:5px; box-shadow: none;
width: 100%;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}
#CloseCreateArticlePost:hover{
cursor:pointer;
color:#F6C0C0;
}
#CreateArticleContent{
overflow: none;
resize:none;
padding: 20px;
}
#PopupFormContents{
display:inline-block;
width:100%;
position:relative;
margin:0;
}
.FormFooter{
padding:10px;
bottom:0;
margin-bottom:100px;
position:relative;
z-index: -1;
}
.bold{
font-weight: bold;
}
.underline {
text-decoration: underline;
}
.italic {
font-style:italic;
}
#PopupForm{
z-index:20;
/*position:absolute;
left:25%;
top:10%;*/
display:block;
width:1000px;
position: absolute;
top: 15%;
left: 0;
right: 0;
bottom: 0;
margin: auto;
/* width:50%;*/
/*
background-color:rgb(245,245,245);
box-shadow: 0 0 1px 1px #969696;*/
}
.fillImage{
width:100%;
max-width: 100%;
max-height: 100%;
background-size: cover;
background-position: center;
background-repeat:no-repeat;
}
.ArticlePostDate{
padding:10px;
font-size:12px;
}
.VerticalToolbar{
width:100%;
height:50px;
padding-bottom:8px;
padding-top:6px;
float:left;
}
.VToolbarItem{
float:left;
}
.Button {
font-weight:bold;
border: none;
text-align: center;
padding: 1%;
color: black;
box-shadow: 0 0 1px 1px #969696;
background-color: rgb(251, 251, 251);
/*border-radius:3px;*/
border: none;
outline: none;
}
.Button:hover{
cursor:pointer;
background-color:#ccc;
transition-duration:0.3s;
}
input[type="text"],input[type="password"],select {
padding: 10px;
border: solid 1px #dcdcdc;
transition: box-shadow 0.3s, border 0.3s;
width:60%;
}
input[type=checkbox],input[type=radio] {
width:30px;
height:20px;
margin:0;
}
input[type="text"]:focus,select:focus,textarea:focus{
border: solid 1px #707070;
box-shadow: 0 0 5px 1px #969696;
}
ul {
}
/*
list fixing
*/
.ArticleContent ol {
counter-reset: listcount;
display: table;
}
.ArticleContent li {
list-style:none;
counter-increment: listcount;
display: table-row;
}
.ArticleContent li::before {
content:"-";
display: table-cell;
text-align: right;
padding-right: .9em;
}
#lights{
position:fixed;
top:0%;
left:0%;
height:100vh;
width:100%;
vertical-align:top;
background-color:rgba(0,0,0,0.6);
z-index:15;
display:none;
}
#MOBILE_MENU {
display: none;
}
/*#CreateArticleToolboxTools li {
display: block;
float:left;
margin: 20px;
}
#CreateArticleToolboxTools ul li:first-child{
display: block;
float:none;
background-color:blue;
}*/
/*
*/
/*nav li::before{
content:"";
display:none;
padding-right:0;
}
footer li::before{
content:"";
display:none;
padding-right:0;
}
footer li {
display: block;
text-align:center;
}
*/
nav li a:hover{
cursor:pointer;
}
nav li a {
display: block;
/*color:white;*/
color:inherit;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
footer ul {
margin: 0;
list-style-type: none;
padding: 0;
}
nav li {
display: block;
float: left;
}
nav ul {
margin: 0;
padding: 0;
overflow: hidden;
font-weight:bold;
list-style-type: none;
}
/* Change the link color to #111 (black) on hover */
nav li a:hover {
cursor:pointer;
}
#siteNavBar{
background-color:rgba(15, 12, 12, 0.60);
}
#siteNavBar ul{
background-color: inherit;
}
.DropDown {
background-color: inherit;
}
/* dropdownit */
/* if issues arise.. check z index*/
/* Dropdown Content (Hidden by Default) */
.DropDownList {
/* position: absolute;*/
z-index: 1000;
display:none;
position: absolute;
background-color:inherit;
min-width: 180px;
margin-bottom:-30px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
#ContactMenuButton{
float:left;
}
.DropDownList:hover{
display:block;
}
/* Links inside the dropdown */
.DropDownList a {
color: #FFFFFF;
padding: 12px 16px;
text-decoration: none;
display: block;
}
.DropDownTrigger{
width:183px;
}
/* Show the dropdown menu on hover */
.DropDown:hover .DropDownList {
display: block;
}
/* Change color of dropdown links on hover */
.DropDownList a:hover {
opacity: .6;
}
#siteNavBar a:hover{
opacity: .6;
}
/* Change the background color of the dropdown button when the dropdown content is shown */
.DropDown:hover .DropDownTrigger {
padding: 14px 16px;
margin: -16px;
opacity: .6;
}