/*Custom Styling*/
/*NAVBAR*/
#navtop, .navbar  { font-family:"Roboto", sans-serif; font-weight:bold;text-transform:uppercase; background-color:#bc0011; } 
.navbar a { color:#fff; }
.navbar img { height:100px; }  
.navbar .navbar-end .button { background-color:#bc0011; color:#fff;  }
.navbar .navbar-end .button-topleft { border-width:2px;  }
.navbar .navbar-end .button-topright { border:none; }

@media screen and (max-width: 769px) { 
	.navbar .navbar-menu { background-color:#bc0011; }
}
/*navbar arrowdown after dropdown link*/
.navbar .navbar-link:not(.is-arrowless)::after {
  border-color: #fff !important;  
}

/*override the navbar logo size*/
.navbar-item img {
  max-height: 3rem; /* Increase this value as needed */
}

/*buttons*/
.is-warning { background-color:#ededed;  }

/*hero*/ 
.pageheros {
      background-image: url('/static/img/banners/widebanner1.png');
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat; 
    }
.pageheros .title { color:#fff; text-shadow: 1px 1px 3px #000000; }

.regpage {
      background-image: url('/static/img/banners/widebanner1.png');
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
    }
.regpage .formcontent { background-color:#fff; }
.regpage .formcontent a { color:#000; text-decoration:underline; } 
.regpage .formcontent .formpadding input { width:100%;  }
.regpage .formcontent h1 { font-family:"Roboto", sans-serif; font-weight:bold;text-transform:uppercase; }

/*all_articles.html hero images*/
.search_articles {
      background-image: url('/static/img/banners/widebanner2-blur.jpg');
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
}
.search_articles form { display:inline;  }
.search_articles label { visibility:hidden; }
.search_articles .title { color:#fff; text-shadow: 1px 1px 3px #000000; }
.search_articles .searchlisted { padding:20px;  }
.search_articles .button { position:relative; top:25px; background-color:#000;  font-family:"Roboto", sans-serif; font-weight:bold;text-transform:uppercase; color:#fff; }

.search_articles {
      background-image: url('/static/img/banners/widebanner2-blur.jpg');
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
}

.articleheros {
      background-image: url('/static/img/banners/widebanner2-blur.jpg');
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
}
.articleheros .hero h1 { font-family:"Roboto", sans-serif; font-weight:bold;text-transform:uppercase; font-size:40px; color:#fff; text-shadow: 1px 1px 3px #000000; }


.authorheros {
      background-image: url('/static/img/banners/widebanner2-blur.jpg');
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
}

.authorheros .hero h1 { font-family:"Roboto", sans-serif; font-weight:bold;text-transform:uppercase; font-size:30px; color:#fff; text-shadow: 1px 1px 3px #000000; }

.authorcard { padding:20px; border:1px solid #C0C0C0; border-radius:10px;  }
.authorcard h3 { font-family:"Roboto", sans-serif; font-weight:bold; font-size:20px;   }

.companyheros {
      background-image: url('/static/img/banners/widebanner2-blur.jpg');
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
}

.companyheros h1 { font-family:"Roboto", sans-serif; font-weight:bold;text-transform:uppercase; font-size:40px; color:#fff; text-shadow: 1px 1px 3px #000000; }

/*youtube gallery*/
.vigal { padding:20px;  }

/*Body styling*/
/*For all pages, add class 'mainstyle' for all that needs to be uniform*/
/* .formcontent for all forms*/
.spacing { height:30px;   }
.spaced { padding-top:50px; padding-bottom:50px;  }
.spaced h3 { font-family:"Roboto", sans-serif; font-weight:bold;text-transform:uppercase; }
.formcontent .button { background-color:#000;  font-family:"Roboto", sans-serif; font-weight:bold;text-transform:uppercase; color:#fff; }
.formcontent { backround-color:#fff; padding:50px; box-shadow: 0 0 15px 5px rgba(0,0,0,0.2); }
.formcontent .formpadding h3 { text-size:20px;   }
.formcontent p {  font-family:"Lunasima", sans-serif; }
.formcontent p label { font-weight:bold; }

/*articles listing*/
#articlebox { padding:20px;  }
#articlebox .articlelistcat { text-align:center; font-family:"Lunasima", sans-serif; background-color:#bc0011; padding:5px; width:250px; color:#fff;   }
#articlebox h3 { font-size:21px; font-family:"Roboto", sans-serif; font-weight:bold;  }
#articlebox h3 a { color:#000; }
#articlebox h1 { font-family:"Roboto", sans-serif; font-weight:bold; font-size:30px; text-transform:uppercase; }

/*company listing*/
#companybox { padding:5px;  }
#companybox h3 { font-size:16px; font-family:"Roboto", sans-serif; font-weight:bold;  }
#companybox h3 a { color:#000; }

/*sidebar space*/
#sidebarspace { height:20px;  }
/*sidebar search*/
.sidebarform { background-color:#ededed; padding:20px; border-radius:10px;  }
.sidebarform label { font-family:"Roboto", sans-serif; font-weight:bold;text-transform:uppercase; color:#000; font-size:20px; } 
.sidebarform input { width:100%;  }
.sidebarform .button { background-color:#000;  font-family:"Roboto", sans-serif; font-weight:bold;text-transform:uppercase; color:#fff; }

/*pagination*/
.pagination { font-family:"Roboto", sans-serif; font-weight:bold; padding:20px;  }
.pagination-link { width:30px;  } 
.pagination .pagination-link a { color:#000; }
.pagination .is-current { background-color:#000;  }
.pagination .is-current a { color:#fff; }

/*dashboard*/
.dashboardsection { padding:20px;  }
.dashboardsection h1 { font-family:"Roboto", sans-serif; font-weight:bold; font-size:24px; }
.dashboardsection p a { font-family:"Lunasima", sans-serif;  color:#000;  }

/*table*/
.table tbody a { color:#000; }

/*sidebartabs*/
#sidebarfeature { background-color:#800500; padding:20px; border-radius:10px;  }
.tabcontent { display: block; padding:10px; }
.tabcontent h3 { font-style:italic; text-decoration:underline; color:#fff; font-size:16px; }
.tabcontent ul { list-style-type:disc; } 
.tabcontent p { padding:5px; border-bottom:1px solid #fff; }
.tabcontent p a { font-family:"Roboto", sans-serif; font-weight:bold; color:#fff; font-size:17px;  } 
.tabs { text-align:center; border-bottom:1px solid #fff; }
.tabs .tablinks  { padding:10px; color:#fff; font-weight:bold; text-transform:uppercase; border-right:1px solid #fff; text-align:center; }
.tabs .tablinks:active  { background-color:#000; color:#fff; } 

/*article*/
.articlehero {
      background-image: url('/static/img/banners/widebanner2-blur.jpg');
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
    }
.articlehero img { width:100%; height:auto; } 
.articlehero .imagecap { background-color:#000; color:#fff; font-size:12px; position:relative; bottom:10px;  }
.articlehero .articletopbox { padding:20px;  }
.articlehero .articletopbox h1 { text-shadow: 1px 1px 3px #000000; font-family:"Roboto", sans-serif; font-weight:bold; font-size:40px; color:#fff;  }
.articlehero .articletopbox .articlecat { background-color:#000; width:200px; text-align:center; padding:10px; color:#fff; }
.articlehero .articletopbox p { text-shadow: 1px 1px 3px #000000; font-family:"Lunasima", sans-serif;  color:#fff; font-weight:bold; }
.articlehero .articletopbox p a { color:#fff; text-decoration:underline; }
.articlesummary { background-color:#ededed; padding:20px; border-radius:15px;  }
.articlesummary p {font-family:"Lunasima", sans-serif;    }
.articlebox { padding:20px; }
.articlebox p { font-family:"Lunasima", sans-serif; font-size:16px;  } 
.imagecap { padding:15px; }

.articlebox blockquote {
    background: #f9f9f9;
    border-left: 10px solid #ccc;
    margin: 1.5em 10px;
    padding:20px; 
    quotes: "\201C""\201D""\2018""\2019";
    font-style:italic;
    font-weight:bold;
    font-size:20px; 
}
.articlebox a { font-weight:bold; text-decoration:underline; }

/*pagepadding*/
.pagepadding { padding:20px;  }

/*footer*/
.footer { background: #000; }
.footer p { color:#fff; }
.footer .content h3 { font-family:"Roboto", sans-serif; font-weight:bold;text-transform:uppercase; color:#fff; }
.footer .content h5 { font-family:"Roboto", sans-serif; font-weight:bold;text-transform:uppercase; color:#fff; }
.footer .content p { color:#fff;  }
.footer .content p a { color:#fff;  }
.footer .content ul li { list-style:none; } 
.footer .content ul li a { color:#fff;} 

/*input tags*/
.inputTags-list .inputTags-item { padding-right:5px;   }
.inputTags-list .inputTags-item .value { padding:8px; border-radius:5px; background-color:#333; color:#fff;  }
.inputTags-list .inputTags-item .close-item { font-size:14px; }