/* Taylor Gibb */
.twitter-timeline-error{
display: none;
}


/* Author : Talhah Mahomedy
* General styles for Brand Gurus
* Copyright 2014
*/

/* =============================================================================
	EMBEDDED FONT SECTION
	========================================================================== */

	@font-face {
		font-family: 'GothamBook';
		src: url('../fonts/GothamBook.eot'); /* IE */
		src: url('../fonts/GothamBook.ttf') format('truetype'); /* non-IE */
	}
	@font-face {
		font-family: 'GothamMedium';
		src: url('../fonts/GothamMedium.eot'); /* IE */
		src: url('../fonts/GothamMedium.ttf') format('truetype'); /* non-IE */
	}
	@font-face {
		font-family: 'GothamBold';
		src: url('../fonts/GothamBold.eot'); /* IE */
		src: url('../fonts/GothamBold.ttf') format('truetype'); /* non-IE */
	}
	@font-face {
		font-family: 'GothamLight';
		src: url('../fonts/GothamLight.eot'); /* IE */
		src: url('../fonts/GothamLight.ttf') format('truetype'); /* non-IE */
	}
	@font-face {
		font-family: 'GothamXLight';
		src: url('../fonts/GothamXLight.eot'); /* IE */
		src: url('../fonts/GothamXLight.ttf') format('truetype'); /* non-IE */
	}

/* =============================================================================
	FOUNDATION OVERIDE STYLES
	========================================================================== */
	.row.main { min-height:82.2%; }
	.row.home-1,
	.row.home-2,
	.row.home-3,
	.row.home-4,
	.row.home-5,
	.row.home-6,
	.row.home-7,
	.row.sales-pros-1,
	.row.sales-pros-2,
	.row.sales-pros-3,
	.row.sales-pros-4,
	.row.retailer-1,
	.row.retailer-2,
	.row.retailer-3,
	.row.retailer-4,
	.row.brand-1,
	.row.brand-2,
	.row.brand-3,
	.row.brand-4,
	.row.contact,
	.row.menu,
	.row.menu-content,
	.row.brands-orbit-container,
	.row.brands-overview-top,
	.row.brands-category,
	.row.brands-overview-dashboard,
	.row.training-modules,
	.row.learning-top,
	.row.learning-orbit,
	.row.quiz-details,
	.row.quiz-message,
	.row.quiz-questions,
	.row.quiz-score,
	.row.quiz-orbit,
	.row.reports,
	.row.reports-table,
	.row.reports-extras,
	.row.spacer-1,
	.row.spacer-3,
	.row.spacer-4,
	.row.spacer-5,
	.row.spacer-10,
	.row.spacer-15 { margin:0; }
	.row.menu-content { margin:auto;}
	.row.brands-overview-feature,
	.row.brands-training-overview { margin: 1rem 0 0 0; }
	.columns { padding:0; }

	a.exit-off-canvas { background-color:rgba(0,0,0,0.5) !important; box-shadow:none !important; }
	a.orbit-next > span { border-color:transparent transparent transparent #CCC !important; }
	a.orbit-prev > span { border-color:transparent #CCC transparent transparent !important; }
        
	/*div.orbit-bullets-container {position:relative; z-index:100; top:10px; }*/

	h1, h2, h3, h4, h5, h6 { font-family:GothamMedium; line-height:100%; margin:0;}
	h1 { letter-spacing: -1px }
	h2, h3 { letter-spacing: -.5px; }
	p { font-family:GothamBook; font-size:0.9rem; line-height:1.1rem; margin:0; }

/* =============================================================================
	BROWSER UPDATE OVERRIDE STYLES
	========================================================================== */
	div.buorg > div { padding:20px 36px 20px 40px !important; font-size:1rem !important; }

/* =============================================================================
	STANDARD STYLES
	========================================================================== */
	html { height:100%; }
	body { height:100%; color:#F2F2F2 !important; }
	audio { display:block; }

	.row.spacer-1 { height:1rem; }
	.row.spacer-3 { height:3rem; }
	.row.spacer-4 { height:4rem; }
	.row.spacer-5 { height:0rem; }
	.row.spacer-10 { height:10rem; }
	.row.spacer-15 { height:15rem; }

.menu-container { margin:0; height: 65px;z-index: 100; }
.menu-container > div.row.menu-content { height: 65px; }
	.menu-container > div.row.menu-content > div.logo-holder { height:100%; position:relative; line-height:65px; }
	.menu-container > div.row.menu-content > div.logo-holder > img { margin:0 0.5rem; cursor:pointer; }
	.menu-container > div.row.menu-content > div.menu-holder { height:100%; }
	.menu-container > div.row.menu-content > div.menu-holder > ul.menu-items { height:100%; margin:0 0.5rem 0 0; padding-left:0.5rem; }
	.menu-container > div.row.menu-content > div.menu-holder  { height:100%; padding:0; }
	.menu-container > div.row.menu-content > div.menu-holder > ul.menu-items > li { font-family:GothamLight; font-size:75%; color:#BEBEBE; line-height:70px; text-align:center; text-transform:uppercase; cursor:pointer; }
	.menu-container > div.row.menu-content > div.menu-holder > ul.menu-items > li.user-name { font-family:GothamBook; color:#1FBF31; }
	.menu-container > div.row.menu-content > div.menu-holder > ul.menu-items > li:hover,
	.menu-container > div.row.menu-content > div.menu-holder > ul.menu-items > li.active { transition:350ms; font-family:GothamBook; color:#FF5C21; }
	.menu-container > div.row.menu-content > div.burger-menu-holder { height:100%; position:relative; line-height:65px; text-align:right; }
	.menu-container > div.row.menu-content > div.burger-menu-holder > img { position:relative; }
        
	div.user-name-drop-down-container { position:absolute; top:4.3rem; right:0; margin-right:1rem; }
	div.user-name-drop-down-container > div.arrow { width:0; height:0; position:relative; margin-left:4rem; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #2C3339;  }
	div.user-name-drop-down-container > ul { background-color:#2C3339;  margin:0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); }
	div.user-name-drop-down-container > ul > li { padding:0.5rem 2rem; border-bottom:1px dashed #202428; font-family:GothamLight; font-size:75%; color:#BEBEBE; text-transform:uppercase; font-size:75%; color:#BEBEBE;list-style-type:none; text-align:left; cursor:pointer; }
	div.user-name-drop-down-container > ul > li:hover { color:#FF5C21; }
	div.reveal-modal#edit-profile-modal { border:0px; }
	div.reveal-modal#edit-profile-modal .close-reveal-modal { color:#2C3339; }
	div.reveal-modal#edit-profile-modal > form > img.loader { display:none; }
	div.reveal-modal#edit-profile-modal > form > input { font-family:GothamBook; border:1px solid #E6E6E6; box-shadow:none; transition:none; margin:0 0 0.5rem; }
	div.reveal-modal#edit-profile-modal > form > div.button  { font-family:GothamLight; padding:0.5rem 1rem; color:#E6E6E6; font-size:80%; margin:0 0.5rem 0.5rem 0; }
	div.reveal-modal#edit-profile-modal > form > div.button:hover { background-color:#FF5C21; color:#E6E6E6; }
	div.reveal-modal#edit-profile-modal > form > hr { border-top:1px dashed #2C3339; margin:1rem 0; }
	div.reveal-modal#edit-profile-modal > form > p.error { color:#FF5C21; margin:0.5rem 0; }

	/*.menu-container > div.row.menu-content > div > .menu-toggle { background:url('../img/buttons/burger-menu.svg') 0 0 no-repeat; width:40px; height:40px; background-size:40px 40px; display:block; margin:0.2rem 1rem; cursor:pointer; } cursor:pointer; position:relative; }
	.menu-container > .menu-toggle:hover { background-position:0 -40px; }*/
	div.off-canvas-menu-container { position:absolute; width:100%; }
	.right-off-canvas-menu h3 { color:#FF5C21; padding:1.5rem 2rem; border-bottom:1px dashed #2A2F33; text-align:center; }
	.right-off-canvas-menu h3 > small { font-family:GothamLight; font-size:100%; color:#FF5C21; }

	.right-off-canvas-menu div.profile img { display:block; margin:auto; }
	.right-off-canvas-menu div.profile p { padding:1rem 0; }
	.right-off-canvas-menu div.profile p.name { font-size:125%; }
	.right-off-canvas-menu div.profile p.edit { font-family:GothamLight; font-size:90%; color:#ADADAD; cursor:pointer; }
	.right-off-canvas-menu div.profile p.edit:hover { color:#FF5C21; }

	.right-off-canvas-menu ul.off-canvas-list li { padding:1rem 0; border-bottom:1px solid #2E2E30; font-family:GothamLight; font-size:115%; letter-spacing:-0.05rem; text-align:center; text-transform:capitalize; cursor:pointer; }
	.right-off-canvas-menu ul.off-canvas-list li:hover,
	.right-off-canvas-menu ul.off-canvas-list li.active { transition:350ms; background-color:#FF5C21; color:#2E2E30; }

div.footer, div.row.footer { width:100%; max-width:100%; margin-bottom:-15rem;display: table; }
div.footer, div.row.footer > div.columns > div.row { margin:auto; }
div.footer > div.columns > div.row ,div.row.footer > div.columns > div.row { padding:2rem; }
	div.footer > div.columns > div > div > h5 { font-family:GothamBook; color:#FFFFFF; margin-bottom:1rem; }
	div.footer > div.columns > div > div > p { font-family:GothamLight; color:#FFFFFF; font-size:75%; }
	div.footer > div.columns > div > div > p.copyright { color:#b3b3b3; font-size:75%; float:right; margin-top:2rem; }
	div.footer > div.columns > div > div > p > a { color:#FF5C21; }
	div.footer > div.columns > div > div > p > a:hover { color:#FFFFFF; }

/* =============================================================================
	CUSTOM MESSAGE STYLES
	========================================================================== */
	div.reveal-modal#custom-message-modal,
	div.reveal-modal#sign-in-modal { border:0px; }
	div.reveal-modal#custom-message-modal .close-reveal-modal { color:#2C3339; }
	div.reveal-modal#custom-message-modal > h2 { font-family:GothamLight; color:#FFFFFF; margin-bottom:0.5rem; }
	div.reveal-modal#custom-message-modal > p { color:#2C3339; }
        
        /* =============================================================================
	overlay help
	========================================================================== */
        .tutorial-overlay {display: none;}
        
/* =============================================================================
	STANDARD COLORS
	========================================================================== */
	.grey		{ background-color:#2E2E30; }
	.dark-grey	{ background-color:#202428; }
	.light-grey	{ background-color:#2A2F33; }
	.blue-grey	{ background-color:#2C3339; }
	.pink 		{ background-color:#ED4357; }
	.teal		{ background-color:#1FB5B1; }
	.dark-blue	{ background-color:#197295; }
	.yellow		{ background-color:#FFDD00; }
	.green		{ background-color:#1FBF31; }
	.blue		{ background-color:#0098ED; }
	.orange 	{ background-color:#FF5C21; }

	.white-text 	{ color:#FFFFFF; }
	.pink-text 		{ color:#ED4357; }
	.green-text		{ color:#1FBF31; }
	.blue-text		{ color:#0098ED; }
	.orange-text 	{ color:#FF5C21; }

/*  */
.quiz_loader{
    position: relative;
	top: 5px;
    left: 0;
	/* width: 100%; */
    height: 100%;
    display: none;
    z-index: 9999;
	
}
.quiz_loader img{
    position: absolute;
	left: 18px;
    top: 50%; 
}
.quiz_loader span{
    position: absolute;
	/* text-align: center; */
	width: 100%;
	padding-top: 5px;
	font-size: 18px;
	left: 60px;
	color: #0098ED;
}
/* =============================================================================
	SMALL SCREENS SPECIFIC STYLES
	========================================================================== */
	@media only screen and (max-width: 40em) {
		div.row.footer { padding:2rem 1rem; }
                .medium-block-grid-6.menu-items > li {padding: 0px 1% !important;  float: right;  width: auto !important;}
		div.footer > div.columns > div > div > p.copyright { float:left; }
    /*.logo-holder img {height: 20px !important;}*/
    /*.logo-holder { height: 30px !important;}*/
    /*.menu-container > div.row.menu-content > div.logo-holder {line-height: 25px !important}*/
    /*.menu-container {height: 30px !important; }*/
    /*.menu-container > div.row.menu-content > div.burger-menu-holder { height: 20px !important; line-height: 16px !important;}*/
    /*.menu-container > div.row.menu-content > div.burger-menu-holder img { height: 30px !important;}*/
    /*.row.spacer-4 {height: 2rem !important;}*/
                
        	/* BG Updates */
		.off-canvas-menu-container > .off-canvas-list > li[data-menu-destination="retailer-reports"],
		.off-canvas-menu-container > .off-canvas-list > li[data-menu-destination="brand-reports"],
		.blank-report-holder { display: none; }
		
	} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

/* =============================================================================
	MEDIUM SCREENS SPECIFIC STYLES
	========================================================================== */
	@media only screen and (min-width: 40.063em) and (max-width: 64em) {
		div.row.footer { padding:2rem 1rem; }
                .medium-block-grid-6.menu-items > li {padding: 0px 2.4% !important; float: right;  width: auto !important;}
		div.footer > div.columns > div > div > p.copyright { float:right; }
                
	} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

/* =============================================================================
	LARGE SCREENS SPECIFIC STYLES
	========================================================================== */
	@media only screen and (min-width: 64.063em) and (max-width: 90em) {
		div.footer > div.columns > div > div > p.copyright { float:right; }
                .medium-block-grid-6.menu-items > li {padding: 0px 3.5% !important;  float: right; width: auto !important;}
	} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
	
	/* =============================================================================
	XLARGE SCREENS SPECIFIC STYLES
	========================================================================== */
	@media only screen and (min-width: 91em) {
		div.footer > div.columns > div > div > p.copyright { float:right; }
                .medium-block-grid-6.menu-items > li {padding: 0px 3.5% !important;  float: right; width: auto !important;}
	} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/* body, html,.off-canvas-wrap{height:100%;overflow-y:scroll}
.inner-wrap{min-height:100%; }

.move-left .mainSection{height:100% !important; overflow:hidden;} */
/*.move-left .inner-wrap{max-height:100%;} */
/* .move-left{overflow-y:hidden} */
.offcanvas-overlap .left-off-canvas-menu, .offcanvas-overlap .right-off-canvas-menu { z-index: 999999;}

@media screen and (orientation:portrait)
{
   #myIframe
   {
      min-height: 6300px !important;
   }
}