﻿/* 	----------------------------------------------------------------------------------------------  
    BASE OVERRIDES STYLES
	----------------------------------------------------------------------------------------------
*/

.or-taskbox-image .or-taskbox-title {
    font-size: 20px;
}

/* 	----------------------------------------------------------------------------------------------  
    TOP NAV OVERRIDES STYLES
	----------------------------------------------------------------------------------------------
*/

.or-navbar {
    background: #006225;
}

/* 	----------------------------------------------------------------------------------------------  
    LINK OVERRIDES STYLES
	----------------------------------------------------------------------------------------------
*/

/* add paragraph style */
p.ms-rteElement-p
{
-ms-name:"Paragraph";
-ms-element:"true";
}

/* main link styles override */
main a, footer a, .alert a {
	color: #3377AF;
}
main a:focus, footer a:focus, .alert a:focus, main a:hover, footer a:hover, .alert a:hover {
	color: #00447C;
}
main a:visited, footer a:visited, .alert a:visited {
	color: #C9531B;
}
/* link styles override */
.link-item, .link-item a, .link-item a:link {
	color: #3377AF;
}
.link-item a:hover {
	color: #00447C;
}
.link-item a:active, .link-item a:visited {
	color: #C9531B;
}

/* 	----------------------------------------------------------------------------------------------
	CONTENT QUERY WEBPART
	----------------------------------------------------------------------------------------------
*/
ul.dfwp-list {
	margin-bottom: 10px;
	padding-left: 20px;
	list-style: disc;
}
.item {
	padding: 0;
}
.dfwp-list .link-item a:link, .dfwp-list .link-item a:visited {
	color: #3377AF; /*LIGHT BLUE*/
}
.dfwp-list .link-item a:hover, .dfwp-list .link-item a:focus, .dfwp-list .link-item a:active {
	color: #00447C;	/*HOVER  ODF BLUE*/
	text-decoration: none !important;
	text-decoration-style: none !important;
}

/* 	----------------------------------------------------------------------------------------------  
    HEADER OVERRIDES STYLES
	----------------------------------------------------------------------------------------------
*/

header.container-fluid {
}

.or-header-logo {
    background: url('/odf/SiteAssets/ODF-logo-transparent-high-res.png');
    background-size: contain;
    background-repeat: no-repeat;
}
.or-header {
    background-color: #282828;
    background-attachment: scroll;
}
.or-header .or-header-overlay {
    background: #006225;
    opacity: .3;
}

.or-navbar-search-wrapper {
    background: #006225;
}
.or-navbar-search-submit-button,
.or-navbar-search-submit-button:hover,
.or-navbar-search-submit-button:focus {
    background: #FFC425;
}

.or-navbar-search-submit-button>* {
	box-shadow: -10px 0px 10px -5px #006225;
}

.or-navbar-search-wrapper.or-navbar-search-open {
    box-shadow:  #FFF;
}

/* 	----------------------------------------------------------------------------------------------
	LEFT NAVIGATION STYLES
	----------------------------------------------------------------------------------------------
*/

html .or-side-navigation {
	margin: 0 !important;
}
.or-side-navigation a:link {
    color: #006225 !important; /*ODF GREEN*/
}
.or-side-navigation a:hover, .or-side-navigation a:visited {
    color: #006225 !important; /*ODF GREEN*/
	text-decoration: none !important;
}
.or-side-navigation ul .or-side-navigation-current > a {
    border-left: solid 3px #006225; /*ODF GREEN*/
   	color: #222222; /*ALMOST BLACK*/
    font-weight: bold !important;
}
.or-side-navigation-parentor-side-navigation-current > a {
	border-left: solid 3px #006225; /*ODF GREEN*/
    color: #222222; /*ALMOST BLACK*/
    font-weight: bold !important;
	text-transform: uppercase;
}
.or-side-navigation ul li a {
   	padding: 8px 15px; /* default 10px 15px */
}

/* 	----------------------------------------------------------------------------------------------  
    BREADCRUMB OVERRIDES STYLES
	----------------------------------------------------------------------------------------------
*/

.or-breadcrumbs {
    /* background-color: rgba(41,51,82,0.25); */
    
    background-color: rgba(0, 0, 0, 0.25);
}

/* 	----------------------------------------------------------------------------------------------
    TASK BOX STYLES
	----------------------------------------------------------------------------------------------
*/

.or-taskbox-title {
    background: rgba(7, 99, 36, .7);
}

/* 	----------------------------------------------------------------------------------------------
	BUTTON STYLES
	----------------------------------------------------------------------------------------------
*/

a.btn:focus, button.btn:focus, a:focus, .btn:focus, .dropdown-toggle:focus {
	outline: none!important;
}
button.btn.btn-primary {
	background: #006225; /*ODF GREEN*/
	border-color: #006225; /*ODF GREEN*/
}
button.btn.btn-primary:hover {
	background: #00490C;  /*DARK GREEN*/
	border-color: #00490C;  /*DARK GREEN*/
}
.btn-lg {
	font-size: 24px !important;
	padding: 20px !important;
	padding-right: 35px !important;
	padding-left: 35px !important;
}

.btn1 {
  	display: inline-block;
  	border: solid #3377AF 1px; /*LIGHT BLUE*/
  	background-color: #3377AF; /*LIGHT BLUE*/
  	color: #ffffff !important; /*WHITE*/
	text-align: center;
  	font-size: 22px;
  	padding: 20px;
  	text-decoration: none !important;
  	border-radius: 4px;
}
.btn1:hover {
  	background: #00447C; /*ODF BLUE*/
  	border: solid #00447C 1px; /*ODF BLUE*/
  	text-decoration: none !important;
}

.btn2 {
  	display: inline-block;
  	border: solid #006225 1px; /*ODF GREEN*/
  	background-color: #006225; /*ODF GREEN*/
  	color: #ffffff !important; /*WHITE*/
	text-align: center;
  	font-size: 22px;
  	padding: 20px;
  	text-decoration: none !important;
  	border-radius: 4px;
}
.btn2:hover {
  	background: #00490C; /*DARK GREEN*/
  	border: solid #00490C 1px; /*DARK GREEN*/
  	text-decoration: none !important;
}
 
.btn3 {
  	display: inline-block;
  	border: solid #3377AF 1px; /*LIGHT BLUE*/
  	color: #ffffff !important; /*WHITE*/
  	font-size: 16px;
  	text-align: center;
  	padding: 8px;
 	background: #3377AF; /*LIGHT BLUE*/
  	text-decoration: none !important;
	margin-top: .2em;
	margin-bottom: .2em;
	border-radius: 5px;
}

.btn3:hover {
  	background: #00447C; /*ODF BLUE*/
  	border: solid #00447C 1px; /*ODF BLUE*/	
}

.btn4 {
  	display: inline-block;
	border: solid #006225 1px; /*ODF GREEN*/
	border-radius: 4px;  	
	color: #006225 !important; /*ODF GREEN*/
 	font-size: 20px;
 	text-align: center;
  	padding: 10px;
  	background: #ffffff; 
  	text-decoration: none !important;
	margin-top: .5em;	
	margin-bottom: .2em;
}
.btn4:hover {
  	border: solid #006225 1px; /*ODF GREEN*/
	color:  #ffffff !important;	/*WHITE*/
	background: #006225 !important; /*ODFGREEN*/
}


.helpfulPollQuestion .btn-primary {
    background-color: #006225;
    border-color: #006225;
}

/* 	----------------------------------------------------------------------------------------------
	CUSTOM MARKUP STYLES
	----------------------------------------------------------------------------------------------
*/

/* adds paragraph option to markup styles dropdown */
p.ms-rteElement-Paragraph { }

/* adds horizontal line option to markup styles dropdown */
hr.ms-rteElement-HorizontalRule { }