:root {
  --bs-body-font-family:'Roboto','Rubik','Libre Franklin',sans-serif;
  --bs-body-font-size: 1rem;
  --bs-body-line-height: 1.35rem;
	
  --fontPrimaryFamily:'Roboto','Rubik','Libre Franklin',sans-serif;
  --global-follett-blue: #00599c;
}

/***
  --fontPrimarySize:1.08rem;
  --fontPrimaryHeight:1.43rem;
  --fontPrimaryLetterSpacing:-.012rem;
***/

body {
	font-family: var(--#{$prefix}body-font-family);
}

.btn {
	border-radius:999px;
}
.btn-primary {
    background: #00529c;
    border: 3px solid #00529c;
}
.btn-primary:hover {
    background: #00529c;
    border: 3px solid #00529c;
	color:white;
}

.bg-primary {
    background-color: #00529c !important;
}

@media (max-width: 640px) {
	.hide-sm-down {
		display: none !important;
	}	
}
@media (max-width: 1206px) {
	.hide-md-down {
		display: none !important;
	}	
}


/***
Admin Overlay
***/

.content-not-exists {
	display: block;
	width:100%;
	padding: 1rem;
	background-color:lightgrey;
	margin-bottom: 0.2rem;
	margin-right: 0.2rem;
}

.cpage-btn-editor-button {
    display: block;
    position: absolute;
    top: -10px;
    right: -5px;
    line-height: 20px;
    font-size: 12px;
	z-index:10000;
	z-index:20000;
} 

.cpage-btn-editor-button div.admin-editor-btn {
	padding-top:0.1rem;
}

.cpage-btn-editor-button a {
    width: 34px;
    height: 34px;
    padding: 4px 1px 2px 3px;
    display: inline-block;
    text-align: center;
    background-color: red;
    border-radius: 50%;
    line-height: 20px;
    font-size: 16px;
    border: 1px solid red;
	color:white;
}

.cpage-btn-editor-button a:hover {
    background-color: darkred;
    border: 1px solid darkred;
}

.cpage-btn-editor-button a i {
    color: white;
}

/*** 
Component Inner Style
***/

.p-u-z { padding-top:0 }
.p-u-sm { padding-top:10px }
.p-u-md { padding-top:15px }
.p-u-lg { padding-top:30px }

.p-d-z { padding-bottom:0 }
.p-d-sm { padding-bottom:10px }
.p-d-md { padding-bottom:15px }
.p-d-lg { padding-bottom:30px }

.btn-block { width:100%; } 
.btn-buttonrow { border-radius:999px; margin-bottom:0.75em; } 

.btn-primary-ghost {
    color: #00529c;
    background: #ffffff;
    border: 3px solid #00529c;
    cursor: pointer!important;
}


/***
Component Editor
***/

.nav-main-container-full {
	max-width:1280px !important;
}

.component-edit-module-header {
	padding:1rem;
	background-color: var(--global-follett-blue);
	margin-bottom:2rem;
}
.component-edit-module-header p {
	color:white;
	margin-bottom:0;
}

.sticky-default {
	background-color:var(--mm-blue);
}
.sticky-default .sn-sticky-nav-inner {
	gap: 2.5rem; 
	justify-content:center;
}
.sticky-default .sn-sticky-nav-inner .sn-sticky-nav-button {
	font-size:0.95rem;
	background-color:var(--mm-blue) !important;
	color:white;
}
.sticky-default .sn-sticky-nav-inner .sn-sticky-nav-button:hover {
	background-color:white !important;
	color:var(--mm-blue) !important;
	border-color:var(--mm-blue) !important;
}

