/*
    Colors, fonts
    ---------------------------------------------------------------------------------------------------------------
*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:800');
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,700&display=swap');

body {
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

/* Header, footer */
.primary-theme {
	/* recognition red = #c81b08 */
	/* incentives purple = #5e308c */
	background-color: black;
}

/* to-do bar, anniversary bar */
.highlight-background-color {
background-color: #8f9094;
}

.primary-font-color, a.primary-font-color {

}

.highlight-font-color, a.highlight-font-color {
color:#fff;
}

.dark-background-color {

}

.btn-primary {
    background-color: #27AFAE;
	border: none;
	color: #ffffff;
	border-radius: 20px;
}

.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background-color: #1D8383 !important;
}

.btn-success {
    color: #fff;
    background-color: #35bea2;
    border-color: #35bea2;
}

.btn-success:hover {
    background-color: #1a926f !important;
}

.btn-warning {
    color: #fff;
    background-color: #35bea2;
    border-color: #35bea2;
}

.btn-success:hover, .open > .dropdown-toggle.btn-success {
    color: #fff;
    background-color: #1a926f;
    border-color: #1a926f;
}

.anniversary a {
    color: #fff;
}

#anniversary-section .milestone-date {
    color: #fff;
}

.point-calculator label {
    background-color: #3cd19c;
}

.point-calculator .equals {
    color: #3cd19c;
}

.spotlight-banner.category-type-spotlight.hide-marquee {
    background-image: url("https://recognition.rewardsnation.com/assets/clients/recognition/enterprise2/images/Milestone-Header.jpg");
}

.spotlight-banner.hide-marquee .featured-spotlight-description-multiple-recognition {
    opacity: 0;
}


/*
    Changing Colours and graphics on popups
    ----------------------------------------------------------------------------------------------------------------
*/

.choose-recognition .decoration-background, .decoration-header-container .decoration-background {
    background: #27afaf;
}

.choose-recognition .applause-option .icon {
    background-image: url("https://recognition.rewardsnation.com/assets/clients/recognition/enterprise2/images/Applause.png");
}

.choose-recognition .culture-story-option .icon {
    background-image: url("https://recognition.rewardsnation.com/assets/clients/recognition/enterprise2/images/Culture-Story.png");
}

/*
    Header / Navbar
    ----------------------------------------------------------------------------------------------------------------
*/



.navbar-container {

}

.navbar-company-logo {

}

.navbar-desktop-sidebar-toggle {

}

.navbar-item {

}

.navbar-link {

}

.navbar-main-section {

}

.navbar-main-section .navbar-link {
color:white;
}

.navbar-sub-section {

}

.navbar-sub-section .navbar-link,
.navbar-secondary-section .navbar-link {
color:#27AFAE;
}

/*
    Sidebar (mobile)
    ----------------------------------------------------------------------------------------------------------------
*/

.sidebar {

}

.sidebar-link {

}

.sidebar-link-user {

}

.sidebar-user-section {

}

.sidebar-user-section .sidebar-link {

}

.sidebar-main-section {

}

.sidebar-main-section .sidebar-link {

}

.sidebar-sub-section {

}

.sidebar-sub-section .sidebar-link,
.sidebar-secondary-section .sidebar-link {
color:#27AFAE;
}


.sidebar-footer-section .sidebar-link {
    color: #27AFAE;
}
/*
    Footer
    --------------------------------------------------------------------------------------------------------------
*/

.login-footer a {
	color: #27AFAE;	
}

.footer {

}

.footer-item {

}

.footer-link {
color:white;
}

/* #footer id selector should just be used temporarily for positioning */
#footer {
	/* margin-top: 0; */  /* Uncomment this line to undo the sticky footer (always pushed to bottom) */
}

.footer-item:after {
color: #27AFAE;
}
/*
	"Themed" elements
	--------------------------------------------------------------------------------------------------------------
*/

/* Selected contacts in applause form, grid filter tags */
.tag-item {
	background-color: #34bf97;
}

/* Selected strengths in applause form */
.checkbox-pillbox-active {
	background-color: #34bf97;
}

/* Nav tabs in snapshot/profile page */
.profile-nav.active > .nav-link {
	background-color: #c81b08 !important;
}

/*
    Login page
    ---------------------------------------------------------------------------------------------------------------
*/

@media (min-width: 992px) {
	.login-side-image {
		background-image: url("../images/en/Special-Login-Image.png");
		top: 70%;
	}
}

.login-container {
	background: url("../images/logon-image.jpg") no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.login-panel .logo {
    background-image: url("../images/en/logo-large.png");
    height: 150px;
}


@media (max-width: 767px) {
	.login-child-section {
		padding: 40px;
	}
}

@media (min-width: 768px) {
	.login-child-section {
		padding: 45px;
	}
}


@media (min-width: 1200px) {
	.login-child-section {
		padding: 30px;
	}
}

.login-child-section .footer {
	background: none;
}

.login-child-section .footer, .login-child-section a, .login-child-section h3, .login-child-section .btn-link {
	color: white;
}

.login-child-section .footer {
	margin-top: 0;
}

.login-child-section .footer-content {
	border: none;
}

.login-parent-section {
	background-color: rgba(200, 27, 8, 0.8);
}

.login-button {
	width: 100%;
}

.problem-signing-in {
	text-align: center;
}

.login-button.btn.disabled, .login-button.btn[disabled] {
	opacity: 1;
}
.login-panel {
    padding: 70px;
}
.form-control {
    border-radius: 20px;
}
/*
    Spotlight page
    -------------------------------------------------------------------------------------------------------------
*/

.spotlight-banner .featured-spotlight-description{
	text-transform: initial;
}

.spotlight-banner {
    text-transform: initial;
}

.spotlight-banner .buttons-container {
    margin-top: -2em;
    position: relative;
    z-index: 100;
}

/* Moments Page */

.social-post .spotlight-marquee {
    display: none;
}

.social-post.spotlight-banner {
    background-image: url("https://recognition.rewardsnation.com/assets/clients/recognition/enterprise2/images/en/Moments-Banner.jpg");
}

.social-post .buttons-container {
    margin-top: 265px;
}


.spotlight-banner .text-container {
    font-family: poppins;
}

/* Celebrate Banner */

.category-type-birthday.category-type-anniversary {
    background-image: url("https://recognition.rewardsnation.com/assets/clients/recognition/enterprise2/images/Celebrations.jpg");
	height: 10em
}

.category-type-birthday.category-type-anniversary .buttons-container {
    margin-top: 225px;
}

/* end Celebrate Banner */


.social-stream-banner .social-stream-top-headline {
    color: #ffffff;
	font-size: 1.8em;
	font-family: Fjalla One,Arial,sans-serif;
	
}

.social-stream-banner .social-stream-bottom-headline  {
	font-size: 2.5em;
	text-shadow: 0px 0px 35px #022242;
	font-family:  Fjalla One,Arial,sans-serif;
}

.social-stream-banner .social-stream-banner-button {
    margin: 0 1em;
}

.social-stream-banner {
    background-image: url("../images/Social_Header.jpg");
    font-family: "Open Sans";
	text-shadow: 0px 0px 35px #022242;
}

.social-stream-banner .social-stream-banner-buttons-container{
	margin-top: .5em;
}


.spotlight-banner {
	background-image: url("../images/Spotlight-Header.jpg");
}



.recognition-type-modal {
    background-image: url("https://recognition.rewardsnation.com/assets/clients/recognition/enterprise2/images/rave-culturestory-header.jpg") !important;
    padding-top: 200px;
    background-position: top center;
}

.spotlight-banner .featured-spotlight-participant {
    color: #f6f9a9;
}

.spotlight-banner .featured-spotlight-description {
  color: #fff;
}



/*
    Home / Landing page
    ------------------------------------------------------------------------------------------------------------------
*/

.option-3 .jumbotron {
	background: transparent none repeat scroll 0 0;
}

.option-3 {
	background-color: black;
	background-image: url("../images/Landing-background.jpg");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position-x: center;
	background-repeat: no-repeat;
}

#part-1-big-text, #part-3-big-text {
	line-height: .8em;
	padding-top: 15px;
}

#part-1-text, #part-2-text, #part-3-text, #lead-text, .option-3 .tile-main-text {
	color: white;
	font-family: "Fjalla One", arial, sans-serif;
}

@media (max-width: 767px) {
	#part-1, #part-2, #part-3, #lead, .card {
		font-size: 15px;
	}

	#part-2 {
		display: none;
	}

	#lead-image-1,#lead-image-2 {
		float:left;
		background-repeat: repeat-x;
		background-position-y: center;
		width: calc(50% - 100px);
		height: 50px;
	}
	#lead-text {
		float:left;
		width: 200px;
	}

}
@media  (min-width: 768px) {
	#part-1, #part-2, #part-3, #lead, .card {
		font-size: 20px;
	}

	#part-1-button, #part-3-button {
		width: 90%;
	}

	.container .jumbotron {
		padding-left: 20px;
		padding-right: 20px;
	}

	#lead {
		height: 50px;
		width: 100%;
	}

	#lead-image-1,#lead-image-2 {
		float:left;
		background-repeat: repeat-x;
		background-position-y: center;
		width:35%;
		height: 50px;
		margin-top: 26px;
	}
	#lead-text {
		float:left;
		width:30%;
		min-width: 200px;
	}

}
@media  (min-width: 992px) {
	#part-1, #part-2, #part-3, #lead, .card {
		font-size: 25px;
	}
	#part-1-button, #part-3-button {
		width: 80%;
	}
}
@media  (min-width: 1200px) {
	#part-1, #part-2, #part-3, #lead, .card {
		font-size: 30px;
	}
}


#part-1-big-text {
	font-size: 6.3em;
}

#part-2-text {
	font-size: 9.5em;
	line-height: 1.1em;
}

#part-3-big-text{
	font-size: 5.6em;
}

#part-1-small-text, #lead-text {
	font-size: 1.8em;
}

#part-3-small-text{
	font-size: 2.3em;
}

#part-1, #part-2, #part-3, #lead {
	text-align: center;
	padding-bottom: 30px;
}

#part-2 {
	padding: 0;
}

#part-1-button, #part-3-button, #lead-text {
	margin: auto;
}


#lead-image-1 {
	background-image: url("../images/Double-bar.png");
}
#lead-image-2 {
	background-image: url("../images/Double-bar.png");
}


.option-3 .card {
	max-width: 250px;
	min-width: 150px;
	height: 200px;
	margin: auto;
}

.jumbotron {
	margin-bottom: 0;
	padding-bottom: 0;
}

.tile-image {
	width: 100%;
	height: 100px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 35% auto;

}

#tile-image-0 {
	background-image: url("../images/heart.png");
}
#tile-image-1 {
	background-image: url("../images/compass.png");
}
#tile-image-2 {
	background-image: url("../images/Connect.png");
}
#tile-image-3 {
	background-image: url("../images/Star.png");
}

.tile-main-text {
	font-size: 1.3em;
}

.tile-container {
	text-align: center;
	margin-bottom: 50px;
}

/*
    Special page headers (tutorial, rewards, awards, incentives, social stream
    --------------------------------------------------------------------------------------------------------------
*/

.award .promo-header-container, .award-header {
	background-image: url("../images/en/Award-Background-Image.jpg");
}
.promo-header-text {
    opacity: 0;
}
.incentive .promo-header-container, .incentive-header {
	background-image: url("../images/en/Incentive-Background-Image.jpg");
}

.award.nominate {
	background-image: none;
}

#profile-header-image {
	margin-top: 30px;
	padding-top: 17.48135874%;
	background-image: url("../images/en/Profile-Header.jpg");
	background-size: 100% auto;
	background-repeat: no-repeat;
}

#manager-profile-image {
	margin-top: 30px;
	padding-top: 149.958575%;
	background-image: url("../images/en/Manager-Profile.jpg");
	background-size: 100% auto;
	background-repeat: no-repeat;
}

#personal-profile-image {
	margin-top: 30px;
	padding-top: 149.958575%;
	background-image: url("../images/en/Personal-Profile.jpg");
	background-size: 100% auto;
	background-repeat: no-repeat;
}

#tutorial-mock-image {
	margin-top: 30px;
	padding-top: 37.409%;
	background-image: url("../images/en/Tutorials-Page.jpg");
	background-size: 100% auto;
	background-repeat: no-repeat;

}

@media (max-width: 1200px) {
	.social-stream-headline{
		font-size: 0.8em;
	}
}



@media (max-width: 767px) {
	#reward-header-text-container, #tutorial-header-text-container {
		color: #333333;
		font-size: 10px;
	}
	.tutorial {
		padding-top: 16.12903%;
	}

	.award.nominate{
		padding-top: 0;
	}
	.social-stream-banner .social-stream-banner-button {
		margin: .3em 1em;
		font-size: .6em;
	}
	.custom-content-landing .background {
		font-size: 1em;
	}

}
@media  (min-width: 768px) {
	#reward-header-text-container, #tutorial-header-text-container {
		color: white;
		font-size: 20px;
	}
}

@media  (max-width: 991px) {
		.social-stream-headline{
		font-size: 0.6em;
	}
}

@media  (min-width: 992px) {
	#reward-header-text-container, #tutorial-header-text-container {
		font-size: 25px;
	}
}
@media  (min-width: 1200px) {
	#reward-header-text-container, #tutorial-header-text-container {
		font-size: 30px;
	}
}

#reward-header-text-container, #tutorial-header-text-container {
	width: 100%;
}

.title {
	font-size: 5em;
	height: 1em;
	line-height: 1em;
}

.subtext {
	font-size: 1.5em;
	height: 1em;
	line-height: 1em;
}

#MessageTemplate_Image {
    width: 183px;
}



/*
    Anniversary page
    ----------------------------------------------------------------------------------------------------------------
*/


/*.anniversary {
	display: none;
}*/

.birthday-icon {
	background-image: url("../images/Birthday-Icon.png");
}

.anniversary-icon {
	background-image: url("../images/Anniversary-Icon.png");
}

.anniversaries-modal

#anniversary-modal-body {
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 40px;
}

.modal-title.text-center {
	margin-top: 120px;
    font-weight: bold;
}

.anniversaries-modal .modal-header {
    padding: 0px;
}

@media (min-width: 768px) {
}

.anniversary-divider {
	padding-top: 30px;
	padding-bottom: 30px;
}

/*
    Translation
    ----------------------------------------------------------------------------------------------------------------
*/

.translate-icon {
	background-image: url("../images/Translate-Icon.png");
}

/* Disable delete button from inbox page */

.inbox .delete-button {
    display: none;
}

/* Social Stream Custom page */


.spotlight-banner.category-type-social-post {
    background-image: url("https://recognition.rewardsnation.com/assets/clients/recognition/enterprise2/images/en/Moments-Banner.jpg");
}

.category-type-social-post .no-carousel-top-text {
    display: none;
}

.category-type-social-post .no-carousel-bottom-text {
    display: none;
}

.category-type-social-post .spotlight-marquee {
    height: 60%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
	margin-bottom: 20px;
	width: 80%;
}


/* hide demo videos on main nav bar (only show on sidebar) */
.navbar-container .video-star-recruits, .navbar-container .video-elite-performers, .navbar-container .video-raiders, .navbar-container .video-heros-ascent, .navbar-container .video-pirates-code {
	display:none;
}

/* add a top border to the video section */
.sidebar-item.video-star-recruits {
	border-top: 1px solid #444;
	padding-top: 13px;
  }