﻿

/*foundation resets for SharePoint*/
*, *:before, *:after {
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box; /*border-box causes many issues with SP*/
}
* .columns, * .columns:before, * .columns:after,
* .columns *, * .columns *:before, * .columns *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; 
}

.ms-signInLink{
	display:none !important;}

#ms-designer-ribbon{
	position:relative;
	z-index:200;}
	
img {
	max-width: none;
	width: auto;
}
* .columns img {
	max-width: 100%; /*for images inside span grid*/
}
#scriptWPQ2 img, img.ms-webpart-menuArrowImg, #applist img  {
	width: auto; /*within a span may still need to have width of image not 100% for SP2013 OOTB features/imges*/
	max-width: none;
}
.ms-siteactions-imgspan {
	float: none;
	margin: 0px;
}
.navbar-inner {
	padding: 0px;
}
/*foundation general table override*/
/*foundation table layouts cause major issues on site setting pages templates, add them back for specific tables you use*/
table { background: transparent; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; margin: 0px; border: none; width:100%; margin-top:15px}
table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td {display:table-cell}
table-cell{font-size: 15px; line-height: 18px; text-align: left; }
table thead { background-color:#e5e5e5}
table thead tr th, table tfoot tr td { padding:0px; font-size: 18px; font-weight: bold; color: #4d4d4d; }
table thead tr th:first-child, table tfoot tr td:first-child { border-left: none; }
table thead tr th:last-child, table tfoot tr td:last-child { border-right: none; }
table tbody tr:nth-child(even) {background:#ffffff;}
table tbody tr:nth-child(2n){background:#ffffff;}
th.ms-vh-icon:last-child {
	display:none
}

table tbody tr th.ms-rteTable-default,.ms-rteTable-default{
	padding:14px 12px !important;	
	font-size:18px;
	color: #4d4d4d;
	background-color:#ffffff/*#e8e8e8*/; 
	border:1px solid #d0d0d0;
	line-height:1.5em;
	font-weight:bold !important;
}

td.ms-rteTable-default{
	padding:14px 12px;
	vertical-align:top;
	font-size:18px;
	color: #4d4d4d; 
	border:1px solid #e0e0e0;
	line-height:1.5em;
}
table tbody th {
	text-transform:uppercase
}
table tbody tr td { 
	color:#555; 
	vertical-align: top; 
	border: none; 
	font-family:'Nunito Sans', Verdana, sans-serif;	}

/*end foundation tables*/

table tbody{
	border:0px
}

table.ms-ToolPaneOuter{
	position:relative;
	z-index:100
}

table.ms-ToolPaneOuter tbody tr td{
	 padding:0px 3px; 

}
* .columns .ms-WPBody table, * .columns .ms-siteSettings-root table {
    background: transparent none;
    border: none;
    border-radius: none;
    margin: 0px;
}
* .columns .ms-WPBody table tbody tr td, * .columns .ms-siteSettings-root table tbody tr td {
    border: none;
    padding:0px;
}
* .columns .ms-siteSettings-root table tbody tr td.ms-linksection-columnBox {
	padding-right: 50px;
}

label {
    display: inline-block;
}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
	display: inline-block;
	width: inherit;
}

input[type='radio']{
	margin:.2rem .3rem .5rem 0;
}

input[type='checkbox']{
	margin:.3rem 0 .5rem 0;
	float:left
}



label{
	color: #4d4d4d;
	width:80%;
	font-family:'Nunito Sans', Verdana, sans-serif;
	font-size:1rem;
}
select {
	display: inline-block;
	width: auto;
	font-family:'Nunito Sans', Verdana, sans-serif;	}
 
select:after{
	position: absolute !important;
  font-family: 'FontAwesome'!important;
  top: 0!important;
  left: 10px!important;
  content: "\f005"!important;
}


blockquote{
	border-left:0px;
	color:#333
}

blockquote p{
	color:#333;
}
.ms-dialog input[type="text"], .ms-dialog input[type="password"] {
	width: 100%;;
}
.ms-dialog .sp-peoplepicker-topLevel, .ms-dialog .sp-peoplepicker-topLevelDisabled {
    width: 371px !important;
}
/*end foundation resets*/

/*template styles*/
/* ribbon*/ 
#s4-ribbonrow * {
	font-size: 11px;
}
#s4-ribbonrow [class*="columns"] {
    float: none;
    margin-left: 0px;
}
#pageStatusBar[class], .ms-status-msg {
	margin-bottom: 0px;
}
#suiteBarLeft {
    background-color: #0088CC;
}

.ms-core-suiteLink a:link, .ms-core-suiteLink a:visited {
	color:#ffffff;
}

.ms-core-brandingText{
	color:#ffffff;
}

.ms-wpadder option, .ms-wpadder select, .ms-wpadder button {
    border-color: #d9d9d9;
    background-color:#e3e3e3;
    color: #65686b;
}

/*header*/
.header {
	margin-top: 10px;
	float: left;
	width: 100%;
}
.headlogo {
	float: left;
}
.headtitle {
	margin-left: 10px;
	float: left;
}
#pageTitle {
	margin: 0px 0px 5px;
	font-size: 2em;
}

/* breadcrumb*/

#breadcrumb{
	padding:5px 0px;
	background-color:rgba(255, 255, 255, 0.8);
	position:relative;
	text-align:right;
	top:20px
}

ul.s4-breadcrumb {
	margin:0px;
	padding-left:10px
}

.s4-breadcrumb-arrowcont{
	margin:0px
}

ul.s4-breadcrumb, ul.s4-breadcrumb ul {
	margin: 0px;
	list-style: none inside none;
	display: inline-block;
}

li.s4-breadcrumbNode a, li.s4-breadcrumbRootNode a{
	color:#f28413;
	margin-left:12px;
	margin-right:12px;
	font-size:14px;
	float:left;
}

li.s4-breadcrumbRootNode a{
		float:left;
}

li.s4-breadcrumbNode a:hover, li.s4-breadcrumbRootNode a:hover{
 text-decoration:none;
 color:#333 !important;
}
/*li.s4-breadcrumbRootNode a.s4-breadcrumbRootNode:before{
	content: "\f015 ";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
--adjust as necessary--
    position: absolute;
    left:17px;

}*/

li.s4-breadcrumbRootNode span.s4-breadcrumb-arrowcont:before{
	content: "\f054";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color:#4d4d4d;
    font-size:8px;
    position: absolute;
    top:5px;}


a.s4-breadcrumbRootNode{
	color:#f28413 !important;}

.s4-breadcrumbNode span.s4-breadcrumb-arrowcont:before{
	content: "\f054";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color:#4d4d4d;
    font-size:8px;
    position: absolute;
    top:0px;}

.s4-breadcrumbCurrentNode span.s4-breadcrumb-arrowcont:before{
	content: "\f054";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color:#4d4d4d;
    font-size:8px;
    position: absolute;
    top:0px
}



li span.s4-breadcrumbCurrentNode{
	margin-left:12px;
	font-size:13px;
	display:none
}


span.s4-clust.s4-breadcrumb[style] {
  width:0px !important; 
  height:0px !important
}

/* end breadcrumb*/

.ms-rtestate-field h1, h1.ms-rteElement-H1, .ms-rtestate-field h2, h2.ms-rteElement-H2{
	line-height:1.3em
}

/*search box*/
.searchbox {
}
.ms-srch-sb-border, .ms-srch-sb-border:hover, .ms-srch-sb-borderFocused {
    border: none;
    width:100%
}
.ms-srch-sb > .ms-srch-sb-searchLink {
    margin: 2px 0 0 1px;
}
.ms-srch-sb > .ms-srch-sb-searchLink:hover {
	background: transparent none;
}
.ms-srch-sb > input {
    margin: 0px 0px 8px 0px;
}
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
	padding: 0 0 0 10px;
	width:90%;
	font-size:.9em
}
#SearchBox input {
	display: inline-block;
	min-height:25px;
	width:97%;
	margin-bottom:0px
}
div#SearchBox.ms-floatLeft {
	margin-top:30px;
	float:none;
	height:40px
}

.ms-srch-sb > .ms-srch-sb-searchLink{
	display:none
}


.ms-srch-sbLarge {
	background-color:transparent
}


/*end search box*/


/*Search Page Overrides*/

.ms-searchCenter-result-main {
	padding-left:20px;
	width:100%
}

.ms-srchnav-item {
	
}

.ms-srch-video-itemmain{
	width:100%;
}

.ms-srch-item {
	width:100%;
}

.ms-srch-item-title h3{
	margin-top:0px;
	line-height:1em;
	width:93%;
	float:left;
	margin-bottom:0px;
}

.ms-srch-item-title h3 a, .ms-srch-item-title h3 a:visited {
	font-family:'Nunito Sans', Verdana, sans-serif;		
	font-size:18px;
	color:#008cba;
}

.ms-ref-refinername:link, .ms-ref-refinername:visited{
	width:100%;
}

.ms-srch-video-results-container{
	padding:10px 15px
}

h3 a.ms-srch-video-results{
	 margin-top:10px;
}

.ms-srch-item-link {
	font-size:17px;
	font-family:'Nunito Sans', Verdana, sans-serif;		
}

.ms-srch-video-itemthumbnail{
	width:250px;
	height:146px;
	margin-top:20px;
	border:5px solid #e0e0e0;
}

.ms-srch-video-intent-data, div.ms-srch-video-results-data{
	height:3.2em
}

.ms-srch-video-intent-data h3, div.ms-srch-video-results-data h3 {
	margin-top:0px
}
h3 a.ms-srch-video-results {
	margin-top:0px
}
.ms-srch-video-itemthumbnail a img{
	max-width:240px !important;
	max-height:136px !important;
}

.ms-srchnav-link-selected{
	font-weight:bold
}

div.ms-srch-video-results-centered {
	max-width:190px !important;
	max-height:112px !important;
	height:inherit;
	border:5px solid #e0e0e0;
	width:190px !important;
	height:112px !important;
}

div.ms-srch-video-results-centered a img{
	max-width:180px !important;
	max-height:102px !important;
	width:190px !important;
	height:112px !important;

}

.ms-srch-item-icon{
	vertical-align:middle;
	float:left;
	margin-top:4px
}

.ms-ref-refinername:link, .ms-ref-refinername:visited{
	font-size:18px;
	text-transform:uppercase;
	color:#1a75c1 !important;
}

.ms-ref-refiner #Value {
	width:100%;
	padding:0px;
	clear:both
}

.ms-ref-refiner #Container input[type="checkbox"] + label, input[type="radio"] + label {
	margin-left:3px;
	margin-right:0px;
	font-size:15px
}


.ms-srch-sbLarge input{
	width:100%
}

.ms-promlink-button {
	vertical-align:top;
	border:0px;
	padding:0px
}

.ms-srch-bestBetItem {
	width:100%
}

.ms-srch-group.ms-srch-group-border{
	display:none;
}


/*Search Hover */
.ms-srch-hover-outerContainer {
	margin-left:-10px
}
/*end header*/


/*hides the home link in the navigation*/
.ms-core-listMenu-horizontalBox li.static > a{ 
 display: none !important; 
 } 
 .ms-core-listMenu-horizontalBox li.static > ul a{ 
 display: block !important; 
 }

ul.dynamic {
	list-style:none;
	padding:5px 15px;
	min-width:270px;
}

ul.dynamic li.dynamic {
	margin:0px 0px;
	padding:10px 0px;
	border-top:1px solid #e7e7e7;
	line-height:1.1em
}

ul.dynamic li.dynamic:first-child {
	border-top:0px
}

/*end edit nav nodes inline*/


/*end top nav*/
/*nav styling for other applications*/
nav ul.navigation {
	width:100%;
	float: none;
	margin-top:20px
}	

nav ul.navigation li{
	list-style:none;
	display:inline;
	text-transform:uppercase;
	float: none;
	padding:10px
}
/*end nav styling for other applications*/

/*left nav */

.navigation{
	width:250px;
}

/*ul.side-nav {
	margin-top:25px;
	margin-left:25px;	
}

.side-nav li a:not(.button), .side-nav li a:not(.button){
	padding:15px 5px 15px 40px;
	font-size:15px;
	font-family: "Segoe UI","Segoe",Helvetica,Arial,sans-serif;
	color:#333	;
	margin:0px;
	text-transform:uppercase;
}

.side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus{
	text-decoration:none;
	color:#285e82;
	background-color:rgba(65,65,65,0.1)
}



.side-nav li.active > a:first-child:not(.button) {
	font-weight:normal;
	color:#285e82;
	font-family: "Segoe UI","Segoe",Helvetica,Arial,sans-serif; 
	background-color:rgba(65,65,65,0.1)
}*/


 .hasChildren:before{
  content:"\f078" !important;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: bold;
  float:right;
  font-size: 1em;
  position:relative;
  top:15px;
  right:15px;
  color:#285e82; 
}

 .hasChildren.active{
	background:#ffffff
}
 .hasChildren.active:before{
  content:"\f077" !important;
  font-family: FontAwesome;
  color:#285e82; 
}
 
ul.side-nav li > ul {
	margin-left:10px;
	background-color:#ffffff;
}

ul.side-nav li > ul li {
	margin:0px auto;
	list-style:none
}

ul.side-nav li > ul li a{
	font-weight:normal !important;
	font-size:15px !important;	
	padding:10px 15px 10px 40px  !important;
	line-height:1.2em;
	text-transform:none !important
}


ul.cbs-List {
	margin-left:0px;
}
/*Panel Overrides*/

.panel{

}
.panel p, .panel li, .panel dl {
	color: #575757; 
}

.panel a:link	{
	color:#32c0c4; 
}

.panel a:visited{
	color:#32c0c4; 
}

.panel a:hover{
	color:#32c0c4; 
	text-decoration:underline
}

.panel h4{
	color: #80b639;
}

.panel img {
	width:100%
}

.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6{
	
	line-height:1.1em
}


img.ms-srch-hover-site-icon-result{
	width:20px
}

	
/*Site Settings Page*/
.ms-siteSettings-root h1,h2,h3{
	line-height:24.5px;
}
.ms-siteSettings-root .ms-linksection-columnBox{
	padding-right:50px;
	vertical-align:top;
}
.ms-siteSettings-root h3{
	font-size:24.5px;
}
/*End Site Settings page*/

/* main content areas */
div.table { 
	margin: 0px; /*added by design manager admin page, ruins rd layout*/
}
.row .ms-table {
    display: inherit;
}
.row .tableCol-75 {
    display: inherit;
}
#ms-core-tableNoSpace {
	display: block;
}
/*reset foundation tables*/
table.ms-menutoolbar {
	border-bottom: 1px #C6C6C6 solid;
}
a.ms-headerSortArrowLink {
	display: inline;
}
table#onetIDListForm, table#onetIDListForm > tbody, table#onetIDListForm > tbody > tr, table#onetIDListForm > tbody > tr > td {
	display: block;
	width: 100%;
}
/*end reset*/
/*web part zones*/
* .columns .ms-webpart-zone, * .columns .ms-webpart-cell-vertical, * .columns .ms-webpart-chrome-vertical {
    display: block; /*forces zone to stay within confines of responsive zone*/
}
/*
* .columns .ms-WPBody > table, * .columns .ms-WPBody > table > tbody, * .columns .ms-WPBody > table > tbody > tr, * .columns .ms-WPBody > table > tbody > tr > td,
* .columns .s4-wpcell-plain table, * .columns .s4-wpcell-plain table > tbody, * .columns .s4-wpcell-plain table > tbody > tr, * .columns .s4-wpcell-plain table > tbody > tr > td {
	display: block;
	width: 100%;
}
*/
* .columns .ms-WPBody > table img {
	width: 100%; /*reset back to foundation for web part images*/
}
.ms-SPZone.ms-webpart-zone {
    padding: 5px;
}
.ms-SPZone > .s4-wpcell, .ms-SPZone > .s4-wpcell-plain, .ms-rtestate-write > .ms-rte-wpbox > div > .s4-wpcell, .ms-rtestate-write > .ms-rte-wpbox > div > .s4-wpcell-plain {
    padding: 5px 5px 10px;
}
.ms-formlabel {
    white-space: normal;
}
/*web part properties*/
.ms-ToolPaneBody select, .ms-ToolPaneBody textarea, .ms-ToolPaneBody input[type="text"], .ms-ToolPaneBody input[type="password"], .ms-ToolPaneBody input[type="datetime"], .ms-ToolPaneBody input[type="datetime-local"], .ms-ToolPaneBody input[type="date"], .ms-ToolPaneBody input[type="month"], .ms-ToolPaneBody input[type="time"], .ms-ToolPaneBody input[type="week"], .ms-ToolPaneBody input[type="number"], .ms-ToolPaneBody input[type="email"], .ms-ToolPaneBody input[type="url"], .ms-ToolPaneBody input[type="search"], .ms-ToolPaneBody input[type="tel"], .ms-ToolPaneBody input[type="color"], .ms-ToolPaneBody .uneditable-input {
	margin-bottom: 0px;
	width: auto;
	height: auto;
	line-height: 20px;
}
.ms-ToolPaneBody label {
	display: inline-block;
	margin-bottom: 0px;
}
/*end web part properties*/


.dfwp-column.dfwp-list {
	padding:0px!important
}

.ms-webpart-titleText.ms-webpart-titleText, .ms-webpart-titleText > a {
	font:bold 25px "AvenirLTStd-Medium";
 	color:#464646;
	font-weight:normal;
	margin:auto;
	margin-left:0px;
	width:100%;
	text-transform:none;
}


.ms-rtestate-field p, p.ms-rteElement-P {
	line-height:1.5em
}

.ms-rtestate-field h4, h4.ms-rteElement-H4 {
	font-family:'Nunito Sans', Verdana, sans-serif;	
	font-size: 23px;
	color: #80b639;
	text-transform:none;
	margin-bottom:5px;
	font-weight:600

}

button, .button {
	font-family:'Nunito Sans', Verdana, sans-serif;		
	color:#ffffff !important;
	background-color:#92c437;
}


button a, .button a, a.button  {
	color:#ffffff;
	text-decoration:none;
	background-color:#92c437;
	border-radius:3px
}

button a:hover, .button a:hover, a:hover.button {
	background:#86b236
}

.button p {
	color:#333;
}


.button h2, .button h1{
	color:#fff;
}




@media only screen and (max-width: 939px) {

@media only screen and (max-width: 768px) {
	.uneditable-input.columns, #sideNavBox.columns {
	    -moz-box-sizing: border-box;
	    float: none;
	    margin-left: 0;
	    width: 100%;
	}
	.ms-core-pageTitle {
		white-space: normal;
		font-size: 1.5em;
	}
	#s4-bodyContainer {
	    padding: 0px;
	}
	
}
/*Top Navigation*/
.ms-core-listMenu-horizontalBox {
	top:10px;
}

.ms-core-listMenu-horizontalBox ul {
	margin-left:0px
}

.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item {
	margin:0px 5px 10px 5px;
	vertical-align:top;
	vertical-align:top;
	white-space:nowrap; width:100%
}


.ms-core-listMenu-verticalBox, .ms-core-listMenu-horizontalBox {
	width:100%;

	padding:0px
}

.nav.ms-core-listMenu-horizontalBox li.static > a,
.nav.ms-core-listMenu-horizontalBox li.dynamic > a {
    color: #E6E6E6;
    float: none;
    padding:10px 0px;
    text-decoration: none;
    margin: 0px;
    border: none;
    width:100%;
    line-height: 20px;
    font-weight: normal;
    font-size: 13px;  
}

.ms-core-listMenu-horizontalBox .menu-item-text {
	text-transform:uppercase;
	font-size:13px;
	line-height:1.1em;
	vertical-align:top;
}

}


@media only screen 
and (min-width : 642px) 
and (max-width : 800px) {

}

@media only screen 
and (min-width : 100px) 
and (max-width : 641px) {



/* breadcrumb*/

li.s4-breadcrumbNode a, li.s4-breadcrumbRootNode a{
	font-size:11px;
	margin-left:6px;
	margin-right:6px
}

span.s4-breadcrumbCurrentNode{
	/*font-size:11px;*/
	display:none 

}

li span.s4-breadcrumbCurrentNode{
		margin-left:5px;
}


.s4-breadcrumbNode span.s4-breadcrumb-arrowcont:before{
    top:4px;
}

.s4-breadcrumbCurrentNode span.s4-breadcrumb-arrowcont:before{
    top:4px;
}


}





