/**
 * -------------------------------------------------------------------------
 * FanBridge
 * -------------------------------------------------------------------------
 * Main CSS for Public Pages
 */

/**
 * Fonts
 */
@font-face {
    font-family: 'HelveticaNeueLTStdBold';
    src: url('/css/fb/site/public/fonts/helveticaneueltstd-bd-webfont.eot');
    src: url('/css/fb/site/public/fonts/helveticaneueltstd-bd-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fb/site/public/fonts/helveticaneueltstd-bd-webfont.woff') format('woff'),
         url('/css/fb/site/public/fonts/helveticaneueltstd-bd-webfont.ttf') format('truetype'),
         url('/css/fb/site/public/fonts/helveticaneueltstd-bd-webfont.svg#HelveticaNeueLTStdBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaNeueLTStdLtRegular';
    src: url('/css/fb/site/public/fonts/helveticaneueltstd-lt-webfont.eot');
    src: url('/css/fb/site/public/fonts/helveticaneueltstd-lt-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fb/site/public/fonts/helveticaneueltstd-lt-webfont.woff') format('woff'),
         url('/css/fb/site/public/fonts/helveticaneueltstd-lt-webfont.ttf') format('truetype'),
         url('/css/fb/site/public/fonts/helveticaneueltstd-lt-webfont.svg#HelveticaNeueLTStdLtRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueLTStdMedRegular';
    src: url('/css/fb/site/public/fonts/helveticaneueltstd-md-webfont.eot');
    src: url('/css/fb/site/public/fonts/helveticaneueltstd-md-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fb/site/public/fonts/helveticaneueltstd-md-webfont.woff') format('woff'),
         url('/css/fb/site/public/fonts/helveticaneueltstd-md-webfont.ttf') format('truetype'),
         url('/css/fb/site/public/fonts/helveticaneueltstd-md-webfont.svg#HelveticaNeueLTStdMedRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CrimsonRoman';
    src: url('/css/fb/site/public/fonts/Crimson-Roman-webfont.eot');
    src: url('/css/fb/site/public/fonts/Crimson-Roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fb/site/public/fonts/Crimson-Roman-webfont.woff') format('woff'),
         url('/css/fb/site/public/fonts/Crimson-Roman-webfont.ttf') format('truetype'),
         url('/css/fb/site/public/fonts/Crimson-Roman-webfont.svg#CrimsonRoman') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CrimsonItalic';
    src: url('/css/fb/site/public/fonts/Crimson-Italic-webfont.eot');
    src: url('/css/fb/site/public/fonts/Crimson-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fb/site/public/fonts/Crimson-Italic-webfont.woff') format('woff'),
         url('/css/fb/site/public/fonts/Crimson-Italic-webfont.ttf') format('truetype'),
         url('/css/fb/site/public/fonts/Crimson-Italic-webfont.svg#CrimsonItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

/**
 * Body
 */
body {
	font-family:'HelveticaNeueLTStdLtRegular', helvetica, sans-serif;
	font-size: 18px;
}

/**
 * General styles
 */
#main-container {
	background: #fff;
}
.fb-dark {
	background: #2a2a2a;
	color: #fff;
}
.fb-dark .icon-bar {
	background: #fff;
}
.fb-light {
	background: #fff;
}
.fb-light .icon-bar {
	background: #494949;
}

/**
 * Fanbridge Icons
 */
.fb-icon {
	background: url(/images/layout/public/layout-header-icons-v3.png);
	height: 30px;
	margin: auto;
	width: 30px;
}
.fb-dark  .fb-icon-products { background-position:  0px   0px; }
.fb-dark  .fb-icon-pricing { background-position:  30px   0px; }
.fb-dark  .fb-icon-youtube  { background-position: 90px   0px; }
.fb-dark  .fb-icon-blog     { background-position: -60px   0px; }
.fb-light .fb-icon-products { background-position:  0px  30px; }
.fb-light .fb-icon-pricing { background-position:  30px   30px; }
.fb-light .fb-icon-youtube  { background-position: 90px  30px; }
.fb-light .fb-icon-blog     { background-position: -60px  30px; }

/**
 * Header
 */
header {
	padding-top: 20px;
}
header img.fanbridge-logo {
	height: 52px;
	width: 200px;
}
#header {
	padding-left: 0;
	padding-right: 0;
}

/**
 * Navbar
 */
nav.navbar a {
	color: #fff;
	font-size: 14px;
}
nav.navbar a:hover {
	background: none;
	color: #fff;
	text-decoration: none;
}
@media (max-width: 768px) {
	nav.navbar {
		min-height: 0px;
	}
	#navbar-container {
		margin-bottom: 10px;
		margin-top: 20px;
	}
}

/**
 * Products Details
 */
#products-details,
#solutions-details {
	background: #e7e7e7;
	box-shadow: 0 1px 3px rgba(0,0,0,.3) inset;
	display: none;
	
}
.header_options {
	position: fixed;
	width: 100%;
	z-index: 999;
}
#products-details ul,
#solutions-details ul{
	list-style: none;
	margin: 20px 0 20px 20px;
	padding: 0;
	text-align: left;
}
#products-details li,
#solutions-details li{
	margin: 0;
	padding: 0;
	font-size: 14px;
	padding: 3px 0;
}
#products-details li a,
#solutions-details li a{
	color:#494949;
}
#products-details h3,
#solutions-details h3 {
	color: #494949;
	display: inline-block;
	font-family: 'HelveticaNeueLTStdMedRegular', helvetica, arial;
	font-size: 16px;
}
.solutions-mod h3{
	margin-top: 25px;
}

/**
 * Footer
 */
#footer {
	padding-top: 15px;
}
#footer, #footer a, #footer a:hover, #footer a:visited, #footer a:link, p {
	color: #777;
	font-size: 13px;
	line-height: 22px;
	text-decoration: none;
}
#footer ul {
	list-style-type: none;
	padding: 0;
}
#footer .social-icon {
    color: white;
    float: left;
    font-size: 18px;
    height: 30px;
    margin-right: 5px;
    padding: 5px;
    text-align:center;
	width: 30px;
	cursor: pointer;
}
#footer img.fanbridge-logo {
	height: 52px;
	padding-right: 8px;
	width: 200px;
}
#footer img.youtube-certified-logo {
	border-left: 2px solid #555;
	height: 50px;
	padding-left: 8px;
	width: 100px;
}
#footer #footer-left {
	padding-top: 10px;
}

/**
 * Helpers
 */
.border-between > [class*='col-']:before {
	background: #ECECEC;
	bottom: 0;
	content: " ";
	left: 0;
	position: absolute;
	width: 5px;
	top: 0;
}
.border-between > [class*='col-']:first-child:before {
	display: none;
}
@media (max-width: 992px) {
	.border-between > [class*='col-']:before {
		background: #fff;
	}
	#products-details{
		padding-top: 0;
	}
	#solutions-details {
		padding-top: 0;
	}
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
	#products-details {
		padding-top: 0;
	}
	#solutions-details {
		padding-top: 0;
	}
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
	.col-xs-3,
	#navbar .col-xs-12{
		padding-left: 0px;
		padding-right: 0px;
	}
	#products-details{
		padding-top: 0;
	}
	#solutions-details {
		padding-top: 0;
	}
}