/*
	Theme Name: QCC APP - Theme
	Author: Patrick Godbout
	Version: 4.1
*/

/*
Imports
---------------------------------------------------------------------------------------------------- */
@import url(https://fonts.googleapis.com/css?family=Roboto:300,300italic,400,400italic,600,600italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,700);

/* Box Sizing
--------------------------------------------- */
*,
*:after,
*:before,
input[type="search"] {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}

/* Float Clearing
--------------------------------------------- */

.clear:before,
.clearfix:before,
.wrapper:before,
.row:before,
.menu:before,
.textwidget:before  {
    content:' ';
    display:table;
}

.clear:after,
.clearfix:after,
.wrapper:after,
.row:after,
.menu:after,
.textwidget:after {
	clear:both;
	content:" ";
	display:table;
}
.clear,
.clearfix,
.wrapper,
.row,
.menu,
.textwidget {
    *zoom:1;
}

/*------------------------------------*\
    TYPO
\*------------------------------------*/
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
    padding:0; margin:0; height:100%
}
/*------------------------------------*\
    TYPO
\*------------------------------------*/

body {
	color:#555;
	font-family:'Roboto', sans-serif;
	font-weight:400;
	line-height:1.5;
	font-size:13px;
	margin:0;
	padding:0;
	height:100%;
	background:#fff
}

a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
select:focus,
.button,
.backlink {
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:   all 0.3s ease-in-out;
	-ms-transition:    all 0.3s ease-in-out;
	-o-transition:     all 0.3s ease-in-out;
	transition:        all 0.3s ease-in-out
}

nav,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.backlink {
	font-family:'Roboto', sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:500;
}

::-moz-selection {
	background-color:#333;
	color:#fff
}

::selection {
	background-color:#333;
	color:#fff
}

a {
	color:#333;
	text-decoration:none
}

a:hover,
a.selected {
	color:#1fb6db
}

a.button:hover {
	color:#fff !important
}
p {
	margin:0 0 25px;
	padding:0
}

strong {
	font-weight:700
}

ol,
ul {
	margin:0;
	padding:0
}

ul li {
	list-style-type:none
}

blockquote,
blockquote::before {
	color:#999
}

blockquote {
	margin:40px
}

blockquote::before {
	content:"\201C";
	display:block;
	font-size:30px;
	height:0;
	left:-20px;
	position:relative;
	top:-10px
}

cite {
	font-style:normal
}

hr {
	border:none;
	border-bottom:1px solid #e5e5e8;
	margin:15px 0
}

/*------------------------------------*\
    HEADING
\*------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
	color:#333;
	font-family:'Open Sans', sans-serif;
	font-weight:400;
	line-height:1.2;
	margin:0 0 30px;
	letter-spacing:1px;
}


h1 {
	font-size:20px;
	text-transform:uppercase
}

h2 {
	font-size:20px;
	text-transform:uppercase
}

h3 {
	font-size:18px;
	text-transform:uppercase
}

h4 {
	font-size:16px;
	text-transform:uppercase
}

h5 {
	font-size:14px
}

h6 {
	font-size:12px
}

/*------------------------------------*\
    OBJECTS
\*------------------------------------*/

embed,
iframe,
img,
object,
video,
.wp-caption {
	max-width:100%
}

img {
	height:auto
}

.post-content img,
.gallery img {
	width:auto
}

/*------------------------------------*\
    FORMS
\*------------------------------------*/

input,
select,
textarea {
	background-color:#fff;
	border:1px solid #ddd;
	border-radius:2px;
	/*box-shadow:inset 1px 1px 1px rgba(0, 0, 0, 0.06);*/
	color:#aaa;
	font-size:14px;
	font-weight:400;
	padding:10px;
	width:100%
}

input[type="text"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {
	border:1px solid #ddd;
	outline:none;
	background:#ffffcc
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
	width:auto
}

input[type="checkbox"],
input[type="radio"] {
	border:0 none;
	border-radius:0 none;
	box-shadow:none
}

::-moz-placeholder {
	color:#666;
	opacity:1;
	font-weight:400
}

::-webkit-input-placeholder {
	color:#666;
	font-weight:400
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button {
	background:#1fb6db;
	cursor:pointer;
	font-size:13px;
	font-weight:500;
	line-height:18px;
	width:auto;
    text-align:center;
    color:#fff;
	padding:10px 20px;
	border:1px solid #1fb6db;
	border-radius:2px;
	box-shadow:0px 1px 1px 0px rgba(0,0,0,0.15);
}

button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.button:hover {
	background-color:#198ea9;
	border:1px solid #198ea9;
	color:#fff;
	box-shadow:none;
}

.button {
	display:inline-block
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
	display:none
}

/*------------------------------------*\
    TABLES
\*------------------------------------*/

table {
	border-collapse:collapse;
	border-spacing:0;
	line-height:2;
	margin-bottom:40px;
	width:100%
}

tbody {
	border-bottom:1px solid #f6f6fa
}

td,
th {
	text-align:left;
	padding:6px 10px
}

td {
	border-top:1px solid #f6f6fa;
}

th {
	font-weight:700;
	text-transform:uppercase
}

.even {
	background:#f6f6fa;
}


/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.full-wrapper {
	width:100%;
    min-height:100%;
    position:relative;
	padding:0 0 50px;
	background:url('img/corner_blue.png') no-repeat bottom right;
	background-size:15%	
}

/* wrapper */
.wrapper {
	min-width:320px;
	width:100%;
	margin:0 auto
}
/* header */
.header {

}
/* logo */
.logo {

}
.header .logo-img {
	width:250px;
}

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

/* content */
.content {
	/*background:#fff;
	box-shadow:0px 1px 1px 0px rgba(0,0,0,0.25);*/
    padding:0px 15px 50px
}
/* sidebar */
.sidebar {
	padding:20px 15px 30px
}

.widget {
	margin-bottom:10px
}

.widget:last-child {
	margin-bottom:0
}

/* footer */
.footer {
	width:100%;
	height:30px;
	position:absolute;
	bottom:0;
	left:0;
	color:#777;
    font-size:11px;
	text-align:center
}

.copyright {
	margin-bottom:0
}


/*------------------------------------*\
    NAV SIDEBAR
\*------------------------------------*/

.sidebar .logo {
	margin-bottom:15px;
	text-align:center;
}

.sidebar .logo-img {
	width:175px;
}

.sidebar .user-infos {
	margin-right:-20px;
	margin-left:-20px;
	padding:10px 20px;
	background:#eeedf2;
}

.sidebar .user-infos small {
	color:#c5c5c8
}

.sidebar .user-infos p {
	margin:0;
	color:#444
}

.sidebar .user-infos{
	margin-right:-20px;
	margin-left:-20px;
}

.nav-sidebar {
	margin-right:-20px;
	margin-left:-20px;
}

.nav-sidebar ul {
	list-style: outside none none;
}

.nav-sidebar ul > li {
    display:block;
    position:relative;
}

.nav-sidebar ul > li > ul {
	margin-left:20px;
}

.nav-sidebar ul > li > a {
    padding-left:20px;
    padding-right:20px;
}

.nav-sidebar ul > li > a {
    display:block;
    padding:6px 20px;
    position:relative;
}

.nav-sidebar ul > li > a:hover {
	background:#1fb6db;
	color:#fff;
	/*background:#c5c5c8;
	color:#fff*/
}

.nav-sidebar .current-menu-item a {
	background:#1fb6db;
	color:#fff
}

.nav-sidebar > ul > li.heading > a {
	cursor: default;
	pointer-events: none;
	font-size: 16px;
	color: #000;
	font-weight: 800;
}
.nav-sidebar > ul > li.heading > a:hover {
	cursor: default;
	background-color: none;
}

.nav-sidebar .menu-separator {
	padding-top: 20px;
	border-top: 1px solid #dddddd;
}


/*------------------------------------*\
    WIDGETS
\*------------------------------------*/

.widget {
	background:#fff;
	box-shadow:0px 1px 1px 0px rgba(0,0,0,0.25);
	text-align:left;
}

.widget .titlewidget {
	background:#9a9a9a;
	color:#fff;
	margin:0;
	padding:15px 20px;
    font-size:12px;
	font-weight:400
}

.widget .textwidget {
	padding:15px 20px;
}


/*------------------------------------*\
    PAGE - LOGIN
\*------------------------------------*/

body.home {
	/*background:#1fb6db*/
    /*background-image:url('img/bg-office-blur.jpg');
    background-repeat:no-repeat;
    background-position:center center;
    background-attachment:fixed;
    background-size:cover;*/
}

.home .wrapper {
	max-width:320px;
	width:75%;
	text-align:center;
    padding-top:30px;
}

.home .login {
	padding:0;
	margin-right:0;
	margin-left:0
}

.home header {
	margin-bottom:30px
}

.home .hentry {
	/*background:#fff;*/
	padding:0
}

.home .entry-header h1 {
	color:#444;
    font-size:18px;
    margin-bottom:3px;
}

.home .entry-header p {
	color:#444;
	font-size:13px;
}

.home #login {
	text-align:left
}

.home #login label {
	color:#777;
    font-size:11px
}

.home #login input[type="submit"] {
	width:100%;
}

/*------------------------------------*\
    PAGE - ARCHIVES
\*------------------------------------*/



/*------------------------------------*\
    PAGE - PARTICIPANTS LIST
\*------------------------------------*/

.list-participants {
	display: none;
	opacity: 0;
}

.list-participants.active {
	display: block;
}

.participant-button.active{
	background-color: #198ea9;
    border: 1px solid #198ea9;
}
.content.list {
	background:none;
	box-shadow:none
}
	
.page-header {
	color:#b0b0b0;
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:400;
	margin-bottom:0.5em;
}

.content-header {
	color:#555;
	margin:0;
	padding:0;
	font-size:24px;
	font-weight:400;
	margin-bottom:1.3em;
    padding-bottom:1em;
    border-bottom:1px solid #e5e5e8;
}

.content-subheader {
	background:#1fb6db;
	color:#fff;
	margin:0;
	padding:15px 20px;
	font-size:12px;
	font-weight:400;
	margin-bottom:0px;
    margin-top:30px
}

.backlink {
	display:block;
	width:100%;
	background:#1fb6db;
	letter-spacing:1px;
	color:#fff;
	margin:0;
	padding:15px 20px;
	font-size:12px;
	line-height:14px;
	font-weight:400;
	margin-bottom:0px;
}

.backlink:hover {
	background:#198ea9;
	color:#fff;
}

.list .hentry {
	/*background:#fff;*/
	/*box-shadow:0px 1px 1px 0px rgba(0,0,0,0.25);*/
	border-bottom:1px solid #e5e5e8;
    padding-bottom:20px;
    margin-top:20px;
	overflow:hidden
}

.list .hentry.breakout {
	background:#1fb6db;
	margin-top:0px;
	padding-top:20px;
}

.list .hentry.breakout p,
.list .hentry.breakout a {
	color:#fff;
}

.list .hentry.breakout a:hover {
	color:#ccc;
}

.list.sessions .hentry.quiet {
	background:#f6f6fa;
	margin-top:0px;
	padding-top:20px;
}

.list.sessions .hentry.quiet * {
	color:#6a6a6a !important;
}

.list .entry-jersey {
	float:left;
	overflow:hidden;
	display:block;
	width:100px;
	text-align: center;
	font-size: 50px;
	background-color: #fff;
	color: #1d55a3;
	font-weight: 900;
	margin-right: 15px;
	height: 100%;
	padding-top: 10px;
}

.list .entry-header {
	float:left;
	overflow:hidden;
	display:block;
	width:100px;
	margin-right: 15px;
}

.list.sessions .entry-header {
	padding-left:20px;
}

.list.sessions a {
	color:#1fb6db;
	text-decoration:none
}

.list.sessions a:hover,
.list.sessions a.selected {
	color:#dadada
}
.list .entry-content {
	padding-left:115px;
}

.list .participant p {
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
.list .participant.hentry {
	display:block;
	height:120px;
}

.participant .entry-header {
 	display:block;
    height:100px;
    width:100px;
    border-radius:50px;
}

.participant .entry-header a {
 	display:block;
    height:100px;
    width:100px;
}

.participant .entry-content {
	padding-top:8px;
	padding-left:120px
}

.participant .entry-header {
	float:left;
	overflow:hidden;
	display:block;
	width:100px
}


.hentry {
}
	
.hentry .name,
.hentry .time {
	font-size:15px;
	line-height:1.25;
	font-weight:600;
	margin-bottom:0
}

.hentry .time,
.hentry .title {
	color:#4a4a4a;
	font-weight:500;
}

.hentry .title {
	font-size:12px;
	margin-bottom:3px

}

.hentry .organisation {
	font-size:14px;
	margin-bottom:5px
}

.flag {
	box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.06);
}

.hentry .country {
	font-size:12px;
	margin-bottom:0
}

.hentry .email {
	margin-bottom:4px
}

.hentry .content-title {
	margin-bottom:10px;
	text-transform:uppercase
}

.hentry .top-content-title {
	margin-bottom:15px;
	text-transform:uppercase
}

.hentry ul,
.hentry ol {
	margin:0 0 20px 0;
	padding:0 40px;
}
.hentry ul li {
	list-style-type:disc;
}

.hentry ul li,
.hentry ol li {
	margin:10px 0;
}

#post-91 td {
	font-size:11px;
}

/*------------------------------------*\
    PLUGINS
\*------------------------------------*/

.taptap-background-color {
	background:#1fb6db url('img/logo_fircap_only_white.png') no-repeat center 10px;
	background-size:45px; 
}

.taptap-main-wrapper {
	background:url('img/corner_white.png') no-repeat bottom right;
	background-size:50%; 
}

.tap-tap-header {
    background-color:#fafafa;
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.5);
}

.taptap-logo-image a {
    display:block;
    height:45px;
	width:45px;
	margin:0 auto
}

.taptap-logo-image a img {
    max-height:45px;
}

.taptap-by-bonfire ul li a {
	font-size:20px;
	text-transform:uppercase;
	color:#fff;
	letter-spacing:1px;
	font-family:'Montserrat', sans-serif;
	font-weight:500;
	line-height:1.2;
}

.taptap-by-bonfire ul li a:hover {
	color:#ccc;
}

.taptap-by-bonfire ul li {
	margin-bottom:10px;
	text-align:left
}

/*
.taptap-menu-button-wrapper {
	background:#1fb6db;
    width:64px;
	height:62px;
    left:0;
    top: 0;

}

.taptap-menu-button-three {
    padding: 16px 16px 14px;
}
*/
.morph-menu-wrapper {
    padding:0 !important;
}

.morph-by-bonfire ul li a {
	font-family:'Roboto', sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
	font-weight:500;
	color:#333;
	font-size:13px;
    width: 100%;
}

.morph-by-bonfire ul > li > a:hover {
	background:#1fb6db;
	color:#fff !important
}

.morph-by-bonfire > ul > li:first-child {
    padding-top:0px !important;
}

.morph-main-menu-button-wrapper {
    top:22px !important;
	z-index:99999996 !important
}

.totalpoll-poll-container .totalpoll-question {
	font-weight:normal !important
}

#ninja_forms_field_74 {
	width:100%
}

#ninja_forms_form_5_all_fields_wrap h2 {
	margin-top:30px
}

#ninja_forms_form_5_all_fields_wrap .list-radio-wrap label {
	display:block;
	width:100%
}
#ninja_forms_form_7_all_fields_wrap .list-radio-wrap label {
	display:block;
	width:100%
}

#ninja_forms_form_12_save_progress {
margin-bottom:15px
}
/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

.ir {
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden
}

.hide {
	display:none
}

.left {
	float:left
}

.right{
	float:right
}

.text-left{
	text-align:left
}

.text-right{
	text-align:right
}

.quiet {
	color:#dadada !important;
}

/*------------------------------------*\
    CONTENT
\*------------------------------------*/

.post-content ol,
.post-content ul {
	margin:0 0 25px 40px;
	padding:0
}

.post-content ul li {
	list-style-type:disc
}

.post-content ul li li {
	list-style-type:circle
}

.post-content ol li {
	list-style-type:decimal
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

.genome {
	margin: 0;
}

table.agenda td {
	vertical-align: top;
}
table .table-header {
	color: #fff;
	background-color: #D85420;
	font-weight: 700;
}
table.no-border tbody, table.no-border td {
	border-top: none !important;
	border-bottom: none !important;
}
article a {
	text-decoration: underline;
	color: #D85420;
}

.brand a {
	outline: none;
}

/*------------------------------------*\
    LIGHTBOX
\*------------------------------------*/

#lightbox {
    position:fixed; /* keeps the lightbox window in the current viewport */
    top:0; 
    left:0; 
    width:100%; 
    height:100%; 
    background: rgba( 0,0,0, 0.4); 
    text-align:center;
	z-index: 99999;
	overflow: hidden;
}

#lightbox .close-text {
	text-transform: uppercase;
	color: #fff;
}

#lightbox #content {
	height: 100%;
}

#lightbox img {
    box-shadow:0 0 25px #111;
    -webkit-box-shadow:0 0 25px #111;
    -moz-box-shadow:0 0 25px #111;
    
}
#lightbox img.full {
	width: auto;
	height: 90%;
}
#lightbox img.half {
	width: auto;
	height: 32%;
	position: absolute;
	top: 45%;
	left: 50%;
	-ms-transform: translate(-50%, -50%); /* IE 9 */
    -webkit-transform: translate(-50%, -50%); /* Safari */
    transform: translate(-50%, -50%);
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (max-width:479px) {
	#lightbox img.full {
		width: 100%;
		height: auto;
		position: absolute;
		top: 48%;
		left: 50%;
		-ms-transform: translate(-50%, -50%); /* IE 9 */
		-webkit-transform: translate(-50%, -50%); /* Safari */
		transform: translate(-50%, -50%);
	}
	#lightbox img.half {
		width: auto;
		height: 25%;
		position: absolute;
		top: 48%;
		left: 50%;
		-ms-transform: translate(-50%, -50%); /* IE 9 */
		-webkit-transform: translate(-50%, -50%); /* Safari */
		transform: translate(-50%, -50%);
	}
	.sidebar-widget .button {
		width:100%;
		margin:2px 0
	}
	
	.single .entry-header {
		float:none;
		overflow:hidden;
		display:block;
		width:100px;
		margin-bottom:20px;
	}

	.single .entry-content {
		padding:0
	}
}

@media only screen and (min-width:480px) {
	@media only screen and (max-width:959px) {
		.sidebar-widget .button {
			width:49%;
			float:left
		}
		.button.custom_logout {
			float:right
		}
	}
	.content,
	.sidebar {
	}

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

}
@media only screen and (min-width:960px) {
	.wrapper {
	}

	.sidebar {
		text-align:left;
	    background-color:#f6f6fa;
	    border-right:1px solid #e5e5e8;
	    bottom:0;
	    display:block;
	    left:0;
	    overflow-x:hidden;
	    overflow-y:auto;
	    padding:20px;
	    padding-top:40px;
	    position:fixed;
	    top:0px;
	    z-index:1000;
	    width:240px;
	}
	
	.sidebar .logo {
		margin-bottom:30px
	}
	
	.sidebar .logo-img {
		width:200px;
	}
	
	.nav {
		display:block
	}
	
	.sidebar-widget .button {
		width:100%;
		margin:2px 0
	}

	.content {
		float:left;
		display:block;
		width:75%;
		max-width:960px;
		margin-left:240px;
		padding:50px 40px;
	    padding-left:40px;
	    padding-right:40px;
	}

	.results .content {
		float:none;
		margin:0 auto;
		padding:50px 40px;
	}
	
	.taptap-menu-button-wrapper {
		display:none
	}

	#nav_menu_sidebar {
		display:block
	}
}
@media only screen and (min-width:1024px) {

}
@media only screen and (min-width:1140px) {

}
@media only screen and (min-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}