
/* Digital Header   ---------------------- */
#digital-header { position:fixed; top:0px; left:0px; width:100%; height:56px; z-index:100; background:#fff; box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.09); }
#digital-header.fixed { background:#fff; height:56px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.09); }
#digital-header .logo { padding:13px 12px; float:left; }
#digital-header.fixed .logo { padding:10px;  }
#digital-header .logo img { max-width:120px; max-height:30px; width:auto; vertical-align:middle; }
#digital-header .logo .powerd-by { font-size:14px; color:#4a4548; line-height:1.43; padding-left:10px; display:inline-block; border-left:1px solid #8a858d; margin-left:11px; }
#digital-header.fixed .powerd-by { font-size:12px; }
#digital-header .logo .powerd-by img { float:none; margin-top:2px; }
#digital-header.fixed .logo img { max-width:120px; max-height:30px; }
#digital-header.fixed  .logo .powerd-by img { max-height:15px; }

#digital-header.theme4-header .logo,#digital-header.theme5-header .logo { padding:8px 12px; }
#digital-header.theme4-header .logo .powerd-by,#digital-header.theme5-header .logo .powerd-by { padding-left:0px; margin-left:0px; border:none; }
#digital-header.theme4-header.fixed .logo,#digital-header.theme5-header.fixed .logo  { padding:13px 12px; }
#digital-header.theme4-header.fixed .logo .powerd-by,#digital-header.theme5-header.fixed .logo .powerd-by { padding-left:10px; border-left:1px solid #8a858d; margin-left:11px; height:30px; line-height:30px; }
#digital-header.theme4-header .logo .powerd-by img,#digital-header.theme5-header .logo .powerd-by img { margin-top:0px; }
#digital-header.theme4-header #digital-navigation { display:none; }
#digital-header.theme4-header .contest-logo-small,#digital-header.theme5-header .contest-logo-small { display:none; }
#digital-header.theme4-header.fixed .contest-logo-small,#digital-header.theme5-header.fixed .contest-logo-small { display:block; }
#digital-header.theme4-header.fixed #digital-navigation { display:block; }
#digital-header .user-area,#digital-month-login { float:right; padding-top:18px; }
#digital-month-login { padding-left:20px; }
#digital-month-login a { padding:6px 12px; min-width:120px; background:#d7263d; border-radius:3px; color:#fff; font-size:14px; font-weight:600; }

#digital-header .user-area .avatar-pic { margin-left:16px; float:right; margin-left:16px; display:block; font-size:14px; }
#digital-header .user-area .avatar-pic img { width:24px; height:24px; border-radius:15px;}
 
#digital-header .user-area .user-actions { position:relative;}
#digital-header .user-area .user-actions:hover .user-dropdown { display:block;}
#digital-header .user-dropdown { width:160px; margin:0; list-style:none; display:none; background:#fff; padding:15px 10px; top:37px; border:1px solid #dadada; box-shadow:0 3px 10px 0 rgba(0, 0, 0, 0.1); position:absolute; right:-8px; border-radius:6px;}
#digital-header .user-dropdown:before { width:16px; height:10px; content:""; display:block; right:10px; top:-10px; position:absolute; background:url(images/tg_images_new/sprites.svg) -228px -185px no-repeat;}
#digital-header .user-dropdown:after { width:100%; height:16px; content:""; display:block; left:0; top:-17px; position:absolute;}
#digital-header .user-dropdown li { float:none; position:static; font-size:14px; color:#424242;}
#digital-header .user-dropdown li a { padding:0 8px; display:block; position:relative; line-height:32px; color:#8a858d; font-size:14px; }
#digital-header .user-dropdown li:hover  a, #digital-header .user-dropdown  li.active  a { color:#8a858d;}

/* Digital Navigation   ---------------------- */
#digital-navigation { float:right; padding-top:16px; position:relative; }
#digital-navigation ul { margin:0px; padding:0px; list-style-type:none; }
#digital-navigation ul li { float:left; margin-left:20px; position:relative; }
#digital-navigation ul li a { color:#4a4548; font-size:16px; line-height:1.5; text-decoration:none; }
#digital-navigation ul li a:hover { color:#d7263d; }
#digital-header.fixed #digital-navigation ul li a { color:#19171a; }
#digital-header.fixed #digital-navigation ul li a:hover { color:#d7263d; }

#theme4-bottom-navigation { float:none; padding:16px 0px; background-color: #ffffff; box-shadow: 0 2px 10px 4px rgba(0, 0, 0, 0.04);}
#theme4-bottom-navigation ul  { margin:0px; padding:0px; list-style-type:none; }
#theme4-bottom-navigation ul li { float:left; margin-left:20px; }
#theme4-bottom-navigation ul li a { color:#19171a; font-size:16px; line-height:1.5; text-decoration:none; }
#theme4-bottom-navigation ul li a:hover { color:#d7263d; }
#theme4-bottom-navigation ul li:first-child { margin-left:0px; }
#digital-navigation .menu-btn {  display:none; background:none; border:0; position:absolute; right:0px; top:17px; border:none;}
#digital-navigation .menu-btn span.line { display:block; height:3px; width:25px; position:relative; margin:4px 0; background:#000; }
#digital-header.fixed #digital-navigation .menu-btn span.line { background:#000; }
#digital-header.fixed #digital-navigation .menu-btn { top:16px; }
#digital-header.fixed #digital-month-login { margin-left:20px; padding-top:18px; }
#digital-header.fixed .user-area { padding-top:16px; }
#digital-header.fixed .user-area .avatar-pic { margin-left:20px; color:#d7263d; }
#digital-navigation ul li.more-links { display:none;}
#digital-navigation ul li.more-links .dropdown-menu { top:30px; left:auto; right:0px; }
#digital-navigation ul li.more-links .dropdown-menu li { float:none; }
#digital-navigation ul li .dropdown-menu { min-width:140px; border-radius:0px; } 
#digital-navigation ul li .dropdown-menu li { margin-left:0px;  }
#digital-navigation ul li .dropdown-menu li a,#digital-header.fixed #digital-navigation ul li .dropdown-menu li a { color:#19171a; }
#digital-navigation ul li .dropdown-menu li a:hover { color:#d7263d; }

/* Footer ---------------------- */
#digital-footer { background:#2d1846; padding:16px 0 0; margin-top:40px;}
#digital-footer h4 { color:#fff; margin-bottom:8px; font-weight:200; margin-right:33px; }
#digital-footer  .footer-sociable { margin-bottom:24px;}
#digital-footer  .footer-sociable a { width: 32px; display:inline-block;  height: 32px;  border-radius: 3px; float:left; margin-right:16px; background-color: rgba(255, 255, 255, 0.15); text-align:center; line-height:31px;}
#digital-footer  .footer-sociable a svg { vertical-align:middle;}
#digital-footer  .footer-sociable a:hover svg path { transition:all .2s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-webkit-transition:all .2s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-moz-transition:all .2s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-o-transition:all .2s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;-ms-transition:all .2s cubic-bezier(0.19, 1, 0.22, 1) 0.2s;}
#digital-footer  .footer-sociable a:hover svg path { fill:#d7263d;}
#digital-footer  .footer-sociable a:last-child { margin:0;}

#contest-summary-widget.fixed { top:57px; }

/* ==========================================================================
	Mobile Responsive
========================================================================== */

@media(max-width:1200px) {	
	/* Digital Navigation ---------------------- */
	#digital-navigation ul li { margin-left:15px; }
}

@media(max-width:992px) { 
	/* Digital Navigation ---------------------- */
	#digital-header .logo { padding:19px 0px; }
	#digital-header .logo .powerd-by img { margin-top:0px; }
	#digital-navigation { padding-top:0px; width:100%; float:none; }
	#digital-navigation .menu-btn { display:block;}
	#digital-navigation > ul { display:none;  width:100%; background:#fff; padding:10px; position:absolute; left:0; top:57px; z-index:10; }
	#digital-navigation > ul li {  display:block; margin:0px 0px 7px 0px; float:none; text-align:center; }
	#digital-navigation > ul li a { color:#19171a; }
	#digital-navigation ul li.more-links .dropdown-menu { position:relative; top:auto; width:100%; }
	
	/* Digital Header ---------------------- */
	#digital-header.fixed #digital-navigation > ul { top:57px; }	
	#digital-header .user-area { margin-right:40px; position:relative; z-index:10; }
	#digital-header #digital-month-login { margin-left:1px; margin-right:35px; position:relative; z-index:10; }
	
}

@media(max-width:767px) { 
	/* Digital Header ---------------------- */
	#digital-header .logo img { max-width:45px; }
	#digital-header.theme4-header.fixed .logo, #digital-header.theme5-header.fixed .logo {  padding:13px 0px;}
	#digital-header #digital-month-login a { padding:4px; font-size:12px; }
	#digital-header .logo .powerd-by { font-size:12px; padding-left:5px; margin-left:5px; }
	#digital-header #digital-month-login { margin-right:34px; }
	
	/* Digital Footer ---------------------- */
	#digital-footer .col-sm-6 { text-align:center !important; }
	#digital-footer .footer-sociable a { float:none; }
	#digital-footer { padding-bottom:16px; }
	#digital-footer h4 { margin-right:0px; }	
	
	#digital-month-login { padding-left:0px; }
	#theme4-bottom-navigation ul li:first-child { margin-left:20px; }
}
