/*
Theme Name: DML5: Trust Competition
Theme URI: http://dmlcompetition.net/
Description: Theme for DMLCompetition.net site
Author: Anh Nguyen, Maritess Steffen
Author URI: http://dmlcompetition.net/
Version: 1.0
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu (optional)
Text Domain: dml5
License:
License URI:
General comments (optional)
*/

/**********************************************************************************************************************
* Layout
********************************************************************************************************************/
body {background: #f4f4f4 url('./images/bg/satinweave.png') fixed }

i[class*='icon-'] { margin-right: 5px }

.box-content h4, .box-content h5 { margin: 0 auto }
.clear-both { clear: both }

h3.qa-faq-title { font-size: 18px; }

/**********************************************************************************************************************
* Carousel
********************************************************************************************************************/

#jumbotron-carousel { max-width: 1080px;  }
#jumbotron-carousel .carousel-caption {
	bottom: 0;
	left: 0;
}

.carousel-indicators { right: auto; top: auto; }

/**********************************************************************************************************************
* Main CSS
********************************************************************************************************************/

.jumbotron h1 {
	font-size: 40px;
	line-height: 1.2 !important;
}

.btn-huge {
	font-size: 30px;
	line-height: 1;
}

.date {
	border-radius: 10px;
	width: 75px;
	height: 80px;
	background-color: #333333;
	color: white;
	-webkit-box-shadow: 5px 5px 2px 2px #666666;
	box-shadow: 5px 5px 2px 2px #666666;
	display: block;
	float: left;
	margin: 0 20px 20px 0;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	font-size: 50px;
	padding: 10px auto;
	line-height: 1;
}

.date span {
	background-color: #4461a1;
	bottom: 0;
	position: relative;
	font-size: 16px;
	display: block;
	padding: 5px 5px 10px 5px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.red { color: red }

hr.thick { border-bottom-width: 2px; border-bottom-style: solid; width: 75%; }
hr.pink { border-bottom-color: deeppink }

/***********************************************************************************************************************
* Footer
*********************************************************************************************************************/
#footer {
	padding: 10px;
	margin-top: 10px;
	background-color: black;
	background-image: url('./images/bg/debut_dark.png');
	border-top: 5px solid #11873c;
	border-bottom: 5px solid #4461a1;
	color: white;
}

#footer h2, #footer h3, #footer h4, #footer h5, #footer h6
{
	text-shadow: 1px 1px 0 #000000, 2px 2px 0 #555555, 3px 3px 0 #222222, 4px 4px 0 #222222 !important
}

#footer a { color: white }

#footer a:hover{
	color: white;
	text-decoration: none;
	border-bottom: 1px dotted white;
}

#footer img { border: none }

#footer form {
	margin-bottom: 10px;
	margin-top: 10px;
}

#footer .social-icon { float: left }

/***********************************************************************************************************************
* Nav Bar
*********************************************************************************************************************/

.social-icon { margin: 5px 3px; }
.social-icon img { max-width: 150px; }
.social-icon a:hover { border: none !important; }

/***********************************************************************************************************************
* Media
*********************************************************************************************************************/

@media (max-width: 768px)
{
	h2.muted { font-size: 12px !important }

	#content { padding-left: 10px; padding-right: 10px; }
	#supporters { margin-top: 5px }
	#supporters img { height: 35px; margin: 5px 10px; }
    .embed iframe { width: 100%; min-height: 200px  }
    .home-video-top { width: 280px; height: 210px; }
}

@media (min-width: 768px)
{
	#supporters { margin-top: 25px }
	#supporters img { height: 50px; margin: 5px 10px; }

	#menu-header-left a {
		font-size: 1.1em;
		font-weight: bold;
		text-transform: uppercase;
	}

	#header-bar.navbar-default { background-color: #2a2a2a; background-image: none; }
	#header-bar.navbar-default a { color: white !important; }
	#header-bar.navbar-default a:hover { color: pink !important; }
    #content { min-height: 500px }
    #jumbotron-carousel .carousel-indicators { bottom: 10px; left: 50px;}

    .embed iframe { width: 100%; min-height: 250px }
    .home-video-top { width: 480px; height: 360px; }
}

@media (min-width: 992px)
{
	.home-video-top { width: 640px; height: 480px; }
}

@media (min-width: 1200px)
{

}