@import url(https://fonts.googleapis.com/css?family=Lato:300,400,500);

/* Smoothes out scrolling on the site collection, including mobile devices */

#s4-workspace, iframe { 
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch; 
}

/* Fix to Drag & Drop position for Doc Library */
div#ms-dnd-dropbox
{
    left:0 !important;
    top: 50px !important;
}

/* Fix for ribbon to not collapse over icons such as the site actions gear */
#suiteBar *,
#s4-ribbonrow *,
.ms-dlgTitleBtns *
{
	box-sizing: content-box;
}

body {
	font-family:Lato, Arial, Helvetica, sans-serif !important;
	line-height: 180%;
	font-size: 18px;
	padding-right: 0px !important;
}

#s4-bodyContainer {
    padding-bottom: 0px;
}

.woodPanel {
	background-image:url('../SiteCollectionImages/Custom/bg-pattern.jpg');
	background-repeat:repeat;
}

.WebPartPageTitle {
	color: white;
	font-family:Lato, Arial, Helvetica, sans-serif !important;
	font-size: 34px;
	font-weight:500;
	letter-spacing: 10px;
	padding: 70px 0px 30px 0px;
	text-align: center;
	text-transform: uppercase;
}

/* Nav Bar */
.navbar-default .navbar-collapse, .navbar-default .navbar-form, .navbar, .navbar-header, .navbar-default {
	border: 0px #FFFFFF none !important;
	background-color: #FFFFFF;
	line-height: normal;
	min-height: inherit;
}

.navbar, .navbar-header {
	min-height: 25px !important;
}

@media (min-width: 768px) {
	.navbar, .navbar-header {
		float: right;
	}

	.navbar-collapse {
		padding: 0 !important;
	}
}

.navbar-nav>li>a {
	font-size: 12pt;
	font-family:Lato, Arial, Helvetica, sans-serif;
	margin-top:5px;
	padding: 0px 5px 0px 0px !important;
	line-height: normal !important;
	background-color: #FFFFFF;
}

.SPMainMenu-ParentItem {
    padding-left:16px !important;
}

.SPMainMenu-ParentItem a, .SPMainMenu-ParentItem a:visited {
    font-family:Lato, Arial, Helvetica, sans-serif;
    font-size:13pt;
    color:#white !important;
    padding-left:20px;
    text-transform: uppercase;
}

.SPMainMenu-ParentItem a:hover {
	color:#495054 !important;
	background-color:white !important;
}

.has-submenu {
	background-color:white !important;
}

.SPMainMenu-ChildItem {
}

.SPMainMenu-ChildItem a, .SPMainMenu-ChildItem a:visited {
    font-family:Lato, Arial, Helvetica, sans-serif;
    font-size:12pt;
    color:#495054 !important;
}

.SPMainMenu-ChildItem a:hover {
	background-color:white !important;
	color:#495054 !important;
}
ul.sm {
	/* TODO: Make list show one item per line when minimized on chrome
    -moz-column-count: 1 !important;
    -moz-column-gap: 3px;
    -webkit-column-count: 1 !important;
    -webkit-column-gap: 3px;
    column-count: 1 !important;
    column-gap: 3px; */
}
ul.sm>li {
	/* styling for chrome */
	float: none !important;
}
@media (min-width: 768px) {
	ul.sm>li {
		float: left !important;
	}

	.AdminLinksContainer {
		float: right;
	}

	#SearchBox {
		float: right;
	}
}

.ms-srch-sb {
}

#footer {
	background-color: #525355;
	color: #F0F0F0;
	font-weight: 300;
	font-size: 13pt;
	line-height: 140%;
	letter-spacing: -0.5px;
}

.footer-header {
	color: #FFFFFF;
	font-size: 20pt;
	font-weight: 400;
	letter-spacing: normal;
	padding: 12px 0px 24px 0px;
	text-transform: uppercase;
}

.footer-subheader {
	color: #FFFFFF;
	font-size: 14pt;
	font-weight: 400;
	letter-spacing: 6px;
	padding: 12px 0px 24px 0px;
}

.btnFooter, .btnFooter:visited {
	background-color: #525355 !important;
	border: 2px #64cfca solid !important;
	border-radius: 4px;
	color: #64cfca !important;
	font-size: 13pt !important;
	font-weight: 400;
	line-height: 350%;
	margin-right: 15px;
	margin-bottom: 35px;
	padding: 16px;
	white-space: nowrap;
	width: 160px;
	text-decoration: none;
}
input[type=submit].btnFooter {
	padding: 0px 0px 0px 0px;
}

.btnFooter:hover {
	background-color:#47bab5 !important;
	border:2px #64cfca solid !important;
	color:#FFFFFF !important;
	text-decoration: none;
}

.NavLocationSelector .btnFooter {
	background-color: #47bab5 !important;
	border:0px #ffffff none !important;
	border-radius: 4px;
	color: #ffffff !important;
	font-size: 13px !important;
	font-weight: 400;
	line-height: 140%;
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
	white-space: nowrap;
	width: 110px;
	height: 22px;
	text-decoration: none;
}

.NavLocationSelector .btnFooter:hover {
	background-color:#3bb0ab !important;
	color:#ffffff !important;
	text-decoration: none;
}

#dwsLocationModal .modal-header, #dwsLocationModal .modal-footer
{
	border: 0px #fff none !important;
}

.modal-header .close {
	min-width: 1em;
}

#dwsLocationModal .modal-body
{
	width: 365px;
	height: 46px;
	overflow: hidden;
	background: url('../SiteCollectionImages/Custom/dropdown-btn.jpg') no-repeat right;
	border: 1px solid #ccc;
	padding: 0 !important;
	margin: 0;
	margin: 0px 10px 0px 10px;
}

#dwsLocationModal .modal-body select
{
/*    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	height: 46px;
	width: 100%;
	background: url('../SiteCollectionImages/Custom/dropdown-btn.jpg') no-repeat right;
	background-size: 46px 45px;
	padding: 12px;*/
	background: transparent;
	width: 395px;
	padding: 5px;
	font-size: 16px;
	line-height: 1;
	border: 0;
	border-radius: 0;
	height: 46px;
    -webkit-appearance: none; /* Safari and Chrome */    
/*	outline: none !important;*/
}
/*.modal-body select:active {
	outline: none !important;
	outline-color: red;
}

.modal-body option:checked {
    background-color: -moz-html-cellhighlight !important;
    color: -moz-html-cellhighlighttext !important;
}*/

@media only screen and (min-width: 481px) and (max-width: 768px), only screen and (min-device-width: 481px) and (max-device-width: 768px) {
	#dwsLocationModal .modal-body
	{
		width: 450px;
	}
	#dwsLocationModal .modal-body select
	{
		width: 480px;
	}
	#dwsLocationModal .modal-content
	{
		width: 485px;
	}
}

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
	#dwsLocationModal body.modal-open{
	  padding-right: 0 !important;
	  overflow-y: auto;
	}
	.modal-backdrop
	{
		display: none;
	}
	#dwsLocationModal .modal-body
	{
		width: 250px;
	}
	#dwsLocationModal .modal-body select
	{
		width: 280px;
	}
}

/* Ipad only in landscape mode */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape)
{
	.modal-backdrop
	{
		display: none;
	}
	.modal-dialog
	{
		margin: 30px 250px !important;
	}
	#dwsLocationModal .modal-content
	{
		width: 510px !important;
/*		background-color:  lime !important;*/
	}
	#dwsLocationModal .modal-body
	{
		width: 485px !important;
/*		background-color:  lime !important;*/
	}
	#dwsLocationModal .modal-body select
	{
		width: 500px !important;
	}
}

/* Ipad only in portrait mode */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait)
{
	.modal-backdrop
	{
		display: none;
	}
	.modal-dialog
	{
		margin: 30px 130px !important;
	}
	#dwsLocationModal .modal-content
	{
		width: 510px !important;
/*		background-color: orange !important;*/
	}
	#dwsLocationModal .modal-body
	{
		width: 485px !important;
/*		background-color: orange !important;*/
	}
	#dwsLocationModal .modal-body select
	{
		width: 500px !important;
	}
}

.selectorLocationName {
	line-height: 140%;
	vertical-align: middle;
	padding: 0 10px 0 0;
	height: 22px;
	font-size: 13px !important;
}

.selectorLocationName:before {
	content: "";
	display: block;
	background-image:url('../SiteCollectionImages/Custom/location-pin.jpg');	
	width: 12px;
	height: 15px;
	float: left;
	margin: 2px 3px 0 0;
}

.modal {
	z-index: 30;
}

.modal-content {
	z-index: 300;
}

@media (min-width: 768px) {
	#dwsLocationModal .modal-content
	{
		width: 400px;
	}
	.NavLocationSelector .locationSelector
	{
		float: right;
	}
	.selectorLocationName
	{
	}
	.selectorLocationName:before
	{
	}
	
/*	.Footer-Center {
		width: 22%;
	}	
	.Footer-Left, .Footer-Right {
		width: 39%;
	}*/
}

.Final-FooterText {
	font-size: 13pt;
	color: #F0F0F0;
}

.Final-FooterText a, .Final-FooterText a:hover {
	color: #F0F0F0;
	text-decoration: none;
}

.socialcontainer img {
	padding: 5px 5px 5px 5px;
	border: 0px #000000 none;
}

.SocialFacebook {
	width: 57px;
	height: 54px;
	background-image:url('../SiteCollectionImages/Custom/facebook-icon.png');
	float:left;
	margin-bottom: 10px;
	margin-right: 10px;
}
.SocialFacebook:hover {
	background-image:url('../SiteCollectionImages/Custom/facebook-icon_hover.png');
}
.SocialTwitter {
	width: 57px;
	height: 54px;
	background-image:url('../SiteCollectionImages/Custom/twitter-icon.png');
	float:left;
	margin-bottom: 10px;
	margin-right: 10px;
}
.SocialTwitter:hover {
	background-image:url('../SiteCollectionImages/Custom/twitter-icon_hover.png');
}
.SocialYouTube {
	width: 57px;
	height: 54px;
	background-image:url('../SiteCollectionImages/Custom/youtube-icon.png');
	float:left;
	margin-bottom: 10px;
	margin-right: 10px;
}
.SocialYouTube:hover {
	background-image:url('../SiteCollectionImages/Custom/youtube-icon_hover.png');
}
.SocialTumblr {
	width: 57px;
	height: 54px;
	background-image:url('../SiteCollectionImages/Custom/tumblr-icon.png');
	float:left;
	margin-bottom: 10px;
	margin-right: 10px;
}
.SocialTumblr:hover {
	background-image:url('../SiteCollectionImages/Custom/tumblr-icon_hover.png');
}
.SocialLinkedIn {
	width: 57px;
	height: 44px;
	background-image:url('../SiteCollectionImages/Custom/linkedin-icon.png');
	float:left;
	margin-bottom: 10px;
	margin-right: 10px;
}
.SocialLinkedIn:hover {
	background-image:url('../SiteCollectionImages/Custom/linkedin-icon_hover.png');
}
.SocialPinterest {
	width: 57px;
	height: 54px;
	background-image:url('../SiteCollectionImages/Custom/pinterest-icon.png');
	float:left;
	margin-bottom: 10px;
	margin-right: 10px;
}
.SocialPinterest:hover {
	background-image:url('../SiteCollectionImages/Custom/pinterest-icon_hover.png');
}
.SocialInstagram {
	width: 57px;
	height: 54px;
	background-image:url('../SiteCollectionImages/Custom/instagram-icon.png');
	float:left;
	margin-bottom: 10px;
	margin-right: 10px;
}
.SocialInstagram:hover {
	background-image:url('../SiteCollectionImages/Custom/instagram-icon_hover.png');
}

/* Sitemap styles */
#divTempSiteMap, #divSiteMap, .footerRightTopArea {
	font-size: 10pt;
	line-height: 220%
}

.sitemap a, .sitemap a:hover, .sitemap a:visited {
	color: #F0F0F0;
	text-decoration: none;
}

ul.sitemap {
	list-style: none;
	padding-left: 0px;	
    -moz-column-count: 2;
    -moz-column-gap: 10px;
    -webkit-column-count: 2;
    -webkit-column-gap: 10px;
    column-count: 2;
    column-gap: 10px;
}

ul.sitemap>li>ul {
	list-style: none;
	padding-left: 0px;
	padding-top: 10px;
}

ul.sitemap>li>ul>li>ul {
	list-style: none;
	padding-left: 0px;
}

li.Sitemap-ParentItem>a {
	font-weight: 600;
	text-transform: uppercase;
	margin: 0 0 15px 0;
}

li.Sitemap-ParentItem {
	padding-bottom: 15px;
}


/* Left Nav bar */
.leftmenu-table {
	line-height: 180%;
	padding: 25px;
	width: 247px;
}

.leftmenu-table a, .leftmenu-table a:hover, .leftmenu-table a:visited {
	color: #559BC8;
	text-decoration: none;
	overflow:scroll;
}

.leftmenu-top {
	font-size: 15pt;
	word-wrap: normal;
}

.leftmenu-top:after {
    content: "";
    display: block;
    height: 1px;
    width: 50%;
    margin: 8px 0px 8px 4px;
    background: gray;
}

.leftmenu-category {
	font-size: 10pt;
	font-weight: bold;
}

.leftmenu-item {
	font-size: 10pt;
	padding-right: 10px;
}

.leftmenu-item:before {
	content: "";
	display:inline;
	padding-left: 24px;
}

@media (min-width: 992px) {
	.HomeCenterRow {
		margin-right: -45px !important;
	}
}

.HomeCenterArea {
	background-color: #ffffff;
	margin: 0px;
	padding-bottom: 25px;
	width: 100%;
}

.HomeImage {
	display: inline;
	vertical-align:middle;
	width: 70px;
	padding: 0px 16px 0px 5px;
}

.HomeText {
	display: inline;
    font-family: Lato, Arial, Helvetica, sans-serif;
    font-size: 11pt !important;
    color:#58595B !important;
    padding-bottom: 15px;
    padding-top: 42px;
    vertical-align:top;
    height: 185px;
    width:200px !important; /*270px */
    margin-top: 0px;
    overflow: hidden;
}

.HomeTextTitle {
	color: #559BC8;
}

.HomeCenterArea a, .HomeCenterArea a:visited, .HomeCenterArea a:hover,
.HomeText a, .HomeText a:visited, .HomeText a:hover {
	font-weight: 500;
	text-decoration: none;
}

.OurServices {
    font-family: Lato, Arial, Helvetica, sans-serif;
    margin-top: 10px;
    margin-bottom: 20px;
}

.OurServices a, .OurServices a:hover, .OurServices a:visited {
	text-decoration: none;
}

.OurServicesLink {
	background-color: #559BCB;
	color: #fff;
	font-size: 17pt;
	min-height: 65px;
	padding: 25px 25px 25px 25px;
	width: 370px;
}

.OurServicesSubtext {
	background-color: #fff;
	color: #58595B;
	font-size: 15pt;
	min-height: 100px;
	padding: 25px 25px 25px 25px;
	width: 370px;
}


/* Instagram Area CSS */
#InstagramThumbs, #InstagramFeedThumbs
{
	width: 345px !important;
	padding-left: 0px;
}
.instagramColumn 
{
    padding: 0px 0px !important;
    max-width: 110px;
    min-width: 110px;
}
.thumbnail 
{
    padding: 0px 0px !important;
    margin: 0px 0px !important;
    max-width:102px;
    transform: scale(0.94);
}
.thumbnail>a:not(.btn) 
{
    min-height: 40px;
/*	max-height: 102px;*/
    max-width: 102px;
}
.thumbnail a>img, .thumbnail>img
{
	width: 100px !important;
	height: 100px !important;
	margin: 5px 0;
}

.btn-success, span.likes, span.comments {
    content: none;
    display: none !important;
    visibility: hidden !important;
}

.modal-backdrop.in {
    opacity: 0;
}

a.instagramBanner, a.instagramBanner:visited, a.instagramBanner:hover {
	color:#FFFFFF;
	text-decoration: none;
}

a.instagramBanner img {
	border: 0px #FFFFFF none;
}
/*
@media (min-width: 768px) {
	.modal-dialog {
		width: 80% !important;
	}
}*/
/* End of Instagram Area CSS */

/* CQWP - remove background color */
li.dfwp-item {
	background-color: transparent;
	font-size: 16px !important;
	line-height: 160%;
}

#compasscommentcard {
	color: #666666;
	font-family: Lato, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0px 32px 10px 32px;
}

#compasscommentcard .btn-default {
	color: #666666;	
}

#compasscommentcard input[type=submit] {
	background-color:#47bab5;
	border: 0px white none;
	color: white;
	font-family: Lato, Arial, Helvetica, sans-serif;
    font-size: 16px;
    height: 46px;	
	margin: 12px 0px 0px 0px;
	min-width: 92px;
	padding: 8px 8px 8px 8px;
}

#compasscommentcard label {
	line-height: 160%;
	margin:3px 0px 0px 0px;
}