/*
@fromfull
Add your custom styles in this file instead of style.css so it
is easier to update the theme. Simply copy an existing style
from style.css to this file, and modify it to your liking.

When you update your theme, backup this file and re-add it after.
*/

/* Global */

.entry h1, .entry h2, .entry h3 {
	text-align: center;
	color: #0089bc;
	margin: 1rem 0 2rem;
}

.entry p, .entry li {
	font-family: "Cambria", georgia, serif;
	color:#333;
}

.entry h1 {
	font-size: 40px;
}

.entry h2 {
	color: #00aeef;
	border-top: 1px solid #ffffff;
	padding-top: 1.5rem;
	margin: 1.5rem 0 1rem;
	font-size: 30px;
}

.entry h3 {
	color: #00aeef;
	font-style: italic;
	font-size: 1.5rem;
	margin: 2rem 0 1rem;
}
.entry table {
	font-size: 16px;
}


/* Éléments valorisés */

div.highlights {
	margin: 1rem 0;
	padding: 1rem 1rem 2rem 1rem;
	background: #ffffff;
	border-top: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea; 	
}

.highlights h3 {
	color: #00aeef;
	margin: 0;
	padding: 0 0 1rem 0;
}

.highlights video, .highlights iframe {
	display: block;
	width: 100%;
	height: auto;
	min-height: auto;
	margin: 0 auto;
	background: #ffffff;
}

ul.highlights, p.highlights {
	margin: 1rem 0;
	padding: 1rem;
	background: #ffffff;
	border-top: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea; 	
}

ul.highlights li {
	padding: 0.25rem 0 0 0.5rem;
	list-style-type: none; 
}

ul.highlights li:before {
    content: "\f105";
    font-family: FontAwesome;
    color: #00aeef;
    margin-right: 0.5rem;
}


ul.highlights li a {
	color: rgb(102,102,102);
	font-weight: bold;
	font-style: italic;
	}


ul.highlights li a:hover, ul.highlights li a:focus {
	color: #0089bc;
	}

/* Valorisations faibles */ 

ul.lowlights {
	background-color: #dfdfdd;
        margin: 1rem 0;
        padding: 1rem;
	}

ul.lowlights li {
        padding: 0.25rem 0;
        list-style-type: none;
}

ul.lowlights li:before {
    content: "\f104";
    font-family: FontAwesome;
    color: #00aeef;
    margin-right: 0.5rem;
}


ul.lowlights li a {
        color: rgb(102,102,102);
        font-style: italic;
        }

ul.lowlights li a:hover, ul.lowlights li a:focus {
	color: #0089bc;
	}

/* Top tools */

.top-tools-down {
	border-top: 1px solid #ffffff;
	border-bottom: 2px solid #ffffff !important;
	}

#top-tools {
	width: 100%;
	height: 34px;
	background-color: #7f7f7d !important;
	border-bottom: 1px solid #ffffff;
	}

#top-tools-social {
	position: absolute;
	left: 0px;
	margin-left: 1.5rem;
	margin-top: -2px;
	}

#top-tools-social .social-links li a.social-tooltip {
	display: block !important;
	position: relative;
	text-align: center;
	color: #ffffff !important;
	background-color: #7f7f7d !important;
	padding: 5px 8px; !important;
	border-left: 1px solid rgba(255, 255, 255, 0.3);
	border-right: 1px solid rgba(255, 255, 255, 0.3);
	z-index: 1 !important;
	}

#top-tools-social .social-links li a.social-tooltip:hover {
	color: #ffffff !important;
	background: rgba(0, 0, 0, 0.3) !important;
	}

#top-tools-social .social-links .social-tooltip:hover:after {
	top: 36px;
	left: 0px;
	width: 9rem;
	}


#top-tools-search {
	position: absolute;
	right: 0px;
	margin-right: 2rem;
	margin-top: 2px;
	border: 1px solid #dfdfdd;
	}

#top-tools-search:hover {
	border: 1px solid #00aeef;
	}

#top-tools-search input {
	font-size: 14px !important;
	font-style: italic;
	color: #8f8f8d;
	padding: 4px 8px 4px 26px !important;
	border: 1px solid #afafad;
	}

#top-tools-search div:after {
	position: absolute;
	left: 8px;
	top: 0px;
	font-family: FontAwesome;
	font-size: 14px;
	content: "\f002";
	color: #bfbfbd;
	}
/*
#top-tools-search div:after { color: #ccc; line-height: 24px; font-size: 14px; content: "\f002"; position: absolute; left: 10px; top: 6px; font-family: FontAwesome; }
*/

#nav-topbar #head-tools-social {
	display: none;
	position: absolute;
	top: -2px;
	left: 4rem;
	}

#nav-header #head-tools-social {
	display: none;
	position: absolute;
	top: 0px;
	left: 4rem;
	}

#head-tools-social .social-links li a.social-tooltip {
	text-align: center;
	height: 100%;
	padding: 13px 18px !important;
	margin: 0px !important;
	color: white !important;
	border-left: 1px solid rgba(255, 255, 255, 0.1);
	border-right: 1px solid rgba(255, 255, 255, 0.1);
	}

#head-tools-social .social-links li a.social-tooltip:hover {
	background: rgba(0, 0, 0, 0.15);
	}

#head-tools-social .social-links .social-tooltip:hover:after {
	top: 50px;
	left: 0px;
	width: 9rem;
	}

/* Menu */

.nav li:hover > ul,
.nav li:focus > ul {
	display: block;
	}

#nav-topbar {
	border-bottom: 1px solid #ffffff !important;
	}

#nav-topbar .nav,
#nav-header .nav {
	border-left: 1px solid rgba(255, 255, 255, 0.15);
	}

#nav-topbar .nav li a,
#nav-header .nav li a {
	color: #ffffff;
	font-weight: 600;
	text-decoration-line: none;
	text-decoration-style: solid;
	border-right: 1px solid rgba(255, 255, 255, 0.15);
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
	}

#nav-topbar .nav ul li a,
#nav-header .nav ul li a {
	border-right: none !important;
	}

#nav-topbar .nav ul li:last-child a,
#nav-header .nav ul li:last-child a {
	border-bottom: none !important;
	}

#nav-topbar .nav > li > a:hover,
#nav-topbar .nav > li:hover > a,
#nav-header .nav > li > a:hover,
#nav-header .nav > li:hover > a,
#nav-topbar .nav > li > a:focus,
#nav-topbar .nav > li:focus > a,
#nav-header .nav > li > a:focus,
#nav-header .nav > li:focus > a {
	background: rgba(0, 0, 0, 0.5);
	}

#nav-topbar .nav > li li:hover > a,
#nav-topbar .nav li li > a:hover,
#nav-header .nav > li li:hover > a,
#nav-header .nav li li > a:hover,
#nav-topbar .nav > li li:focus > a,
#nav-topbar .nav li li > a:focus,
#nav-header .nav > li li:focus > a,
#nav-header .nav li li > a:focus {
	background: rgba(0, 174, 239, 0.5);
	}

#nav-topbar .nav li > a:after,
#nav-header .nav li > a:after {
	opacity: 0.7 !important;
	}

#nav-header .toggle-search {
	display: none !important;
	}

.down-pointer {
	cursor: default !important;
	/* cursor: url(/www2017/big-2017/wp-content/themes/thewebconference/images/downPointer.png),auto !important; */
	}

.right-pointer {
	cursor: default !important;
	/* cursor: url(/www2017/big-2017/wp-content/themes/thewebconference/images/rightPointer.png),auto !important; */
	}

/* Header */

.back-down {
	background-position: 0px 2rem !important;
	}

#header {
	background: rgb(245,245,245);
	background-image: url('/www2017/big-2017/wp-content/uploads/ThisSite/perth-bg1600.jpg') !important;
	background-size: cover;
	position: relative;
	border-bottom: 1px solid #FFF;
	}

#header h1 {
	background: transparent;
	box-sizing: border-box;
	width: 240px;
	padding: 10px 0px !important;
	margin: 0px !important;
	}

#header h1 a {
	margin: 20px !important;
	}

#header h1 img {
	/*background: #b31111;*/
	background: rgba(179, 17, 17, 0.7);
	box-sizing: border-box;
	height: 200px;
	width: auto;
	}

#header h1 svg {
	box-sizing: border-box;
	height: 200px;
	width: auto;
	}

#header p {
	position: relative;
	top: -200px;
	float: right;
	margin-right: 40px;
	margin-bottom: -5rem;
	background-color: transparent !important;
	color: #ffffff;
	text-align: right;
	line-height: 40px;
	font-weight: 600;
	font-style: italic;
	font-size: 40px !important;
	}

#header .nav-container {
	clear: both;
	}

/*Footer */

h1.footer {
	color: #0089bc;
	font-weight: 400 !important;
	font-size: 36px !important;
	padding: 2rem 0px;
	}

.footer-logo.sponsors.wider img {
	margin-top: 0px;
	height: 80px;
}

#footer-status {
	right: 5px;
	position: fixed;
	bottom: 5px;
	display: none;
	}

/* General */

a {
	color: #666666;
	}

a:hover, a:focus {
	color: #0089bc;
	}

.nodeco a {
	text-decoration: none !important;
	border-bottom: none !important;
	}

.nodeco .external-show:before {
	content: "";
	}

.photo-left {
	float: left;
	width: 300px;
	padding: 0.5em 1rem 1rem 0px;
	}

.keynote-left {
	float: left;
	width: 47%;
	}

.keynote-right {
	float: right;
	width: 47%;
	}

.keynote-inner {
	width: 300px;
	max-width: 100%;
	margin: auto;
	}

.middle {
	vertical-align: middle;
	}

.centered {
	text-align: center;
	}

.bigger {
	font-size: 130%;
	}

.fullcentered {
	width: 100%;
	text-align: center;
	}

.left-spaced {
	margin-left: 1rem;
	}

.right-spaced {
	margin-right: 1rem;
	}

.bottom-spaced {
	margin-bottom: 1rem;
	}

.light-border {
	border: 1px solid #ffffff;
	padding: 0px 1rem;
	margin-bottom: 2rem;
	}

.top-line {
	border-top: 1px solid #ffffff;
	margin-top: 2rem;
	padding-top: 0.5rem;
	}

.double-top-line {
	border-top: 2px solid #ffffff;
	margin-top: 4rem;
	padding-top: 0.5rem;
	}

.no-top-line {
	border-top: none !important;
	padding-top: 0px !important;
	}

.no-bottom-line {
	border-bottom: none !important;
	margin-bottom: 0px !important;
	}

.nobreak {
        page-break-inside: avoid;
        }

.printonly {
	display: none;
	}

.footer-logos {
	border-top: none;
	border-bottom-style: solid;
	border-bottom-color: #dfdfdf;
}

.pre-announce {
	color: #7f7f7f;
	font-style: italic;
}

a.external-underline {
	text-decoration: none;
	border-bottom: 3px double #666666;
}

strong .external-underline {
	border-bottom: 6px double #666666;
}

#nav-header .external-underline,
#top-header .external-underline {
	text-decoration: underline !important;
}

.external-show:before {
	content: "\f0da\00a0";
	font-family: FontAwesome;
	font-size: 50%;
	font-style: normal;
	line-height: 1rem;
	vertical-align: 12%;
}

#nav-header .external-show:before,
#top-header .external-show:before {
	font-size: 80%;
	vertical-align: 8%;
}

.hidden {
	display: none;
	}

/* For two columns */

.leftcol {
	float: left;
	width: 50%;
	}

.innerleftcol {
	margin: 1rem;
	padding: 1rem;
	border: 1px solid #ffffff;
	box-sizing: border-box;
	text-align: justify;
	}

.rightcol {
	float: right;
	width: 50%;
	}

.innerrightcol {
	margin: 1rem;
	padding: 1rem;
	border: 1px solid #ffffff;
	box-sizing: border-box;
	text-align: justify;
	}

/* For persons */

.flex-person {
	display: flex;
	display: -webkit-flex;
	-webkit-flex-flow: row no-wrap;
	flex-flow: row no-wrap;
	justify-content: left;
	-webkit-justify-content: left;
	margin-bottom: 3rem;
	align-items: center;
	clear: both;
	overflow: visible;
}

.flex-person .picture {
	margin-right: 1rem;
	margin-left: 1rem;
}

.flex-person .about {
	padding: 0.5rem 2rem;
	margin-left: 1rem;
	margin-right: 0;
	background: #ffffff;
	flex-shrink: 10;	
}

.flex-person.right .about {
	margin-left: 0;
	margin-right: 1rem;
}

.flex-person.right .picture {
	margin-right: 1.5rem;
	margin-left: 1rem;
}

.flex-person img{
	padding: 0;
	width: 15rem;
	height: 15rem;
	min-height: 15rem;
	border: 0.5rem solid #ffffff;
	border-radius: 8rem;
}

.flex-person .lowlights {
	background-color: #ffffff;
        margin: 1rem 0;
        padding: 0.5rem 1rem;
	border-top: 1px solid #efefed;
	border-bottom: 1px solid #efefed;
	}

.flex-person .lowlights li:before {
	content: "\f105";
	font-family: FontAwesome;
	color: #00aeef;
	margin-right: 0.5rem;
	}

.list-of-persons {
	clear: both;
	}

/* For history page */

.history {
	border: none !important;
	}

.history th, .history td {
	text-align: left !important;
	padding: 10px !important;
	border: none !important;
	}

.history th p, .history td p {
	text-align: left !important;
	}

.history tr:nth-child(odd) {
	background-color: #dfdfdd !important;
	}

.history tr:nth-child(even) {
	background-color: #efefed !important;
	}

.history td:first-child {
	width: 200px;
	}

tr.history:last-child {
	border-bottom: 2px solid #dfdfdd !important;
	}

/* For organizers page */

.organizers {
	border: none !important;
	}

.organizers tr:nth-child(odd) {
	background-color: #dfdfdd !important;
	}

.organizers tr:nth-child(even) {
	background-color: #efefed !important;
	}

.organizers th {
	font-size: 24px;
	text-align: left !important;
	vertical-align: middle;
	padding: 10px !important;
	}

.organizers th:first-child {
	width: 55%;
	}

.organizers th img {
	width: 300px;
	background-color: white;
	}

/* Special style for special page */

#page.specialpage {
	min-height: 150px !important;
	}

/* Special style for home page */

#page.home {
	min-height: 350px;
	background-size: auto !important;
	padding: 30px 0 200px 0;
	background: url('/www2017/big-2017/wp-content/uploads/ThisSite/fond-home.png') no-repeat right bottom;
	}

#page.home .intro {
	margin-top: 30px;
	margin-bottom: 40px;
	font-size: 130%;
	font-style: italic;
	line-height:130%;
	}

.alert {
	width: 100%;
	text-align: right;
	font-weight: bold;
	font-size: 130%;
	color: red;
}

.alert a,	
.alert a:hover {
	color: red;
	text-decoration: none;
}

.warning:before {
    content: "\f071";
    font-family: FontAwesome;
    color: red;
    margin-right: 0.5rem;
}

.entry .programview {
        background: #ffffff;
        margin: 10px 0px 20px 0px;
        overflow-x: auto;
        }

.entry .programview table {
        margin: 0px;
        }

.entry .programview tr.alt {
        background: #d0d0d0;
        }

.entry .programview th,
.entry .programview td {
        border: 1px solid #b0b0b0 !important;
	color: #000000;
        line-height: 120%;
        vertical-align: middle;
        }

.speakers img {
	max-width: 40%;
	}

.talksubject {
	font-weight: bold;
	color: #0089bc;
	}


/* Special width */

@media only screen and (min-width: 1140px) {
	#header h1 {
		width: 360px;
		padding-left: 40px !important;
		}

	#header h1 img {
		height: 300px !important;
		}

	#header p {
		top: -280px;
		}

	section.content {
	 	width: 960px;
		margin: 0 auto;
		}

	.page-id-96 section.content {
	 	width: 1100px;
		margin: 0 auto;
		}
}

@media only screen and (max-width: 1090px) {
	.nav li a {
		font-size: 14px;
		padding-left: 13px;
		padding-right: 13px;
		}
}

@media only screen and (min-width: 720px) and (max-width: 1020px) {
	#nav-topbar,
	#nav-header {
		padding-right: 175px !important;
		}

	.nav ul {
		top: 36px;
		}

	.nav li a {
		font-size: 12px;
		padding: 8px 12px;
		}
}

@media only screen and (max-width: 760px) {
	.nav li a {
		padding: 8px;
		}
}

@media only screen and (max-width: 719px) {
	#header h1 {
		width: 180px;
		}

	#header h1 img {
		height: 150px;
		}

	#header p {
		position: relative;
		top: -150px;
		line-height: 25px;
		font-size: 25px !important;
		}

	#nav-header .toggle-search {
		display: inline-block !important;
		}

	#top-tools {
		display: none;
		}

	#nav-topbar #head-tools-social {
		display: inline-block;
		}

	#nav-header #head-tools-social {
		display: inline-block;
		}

	.nav li a {
		padding: 8px 12px;
		}

	#nav-topbar .nav > li li:hover > a,
	#nav-topbar .nav li li > a:hover,
	#nav-header .nav > li li:hover > a,
	#nav-header .nav li li > a:hover,
	#nav-topbar .nav > li li:focus > a,
	#nav-topbar .nav li li > a:focus,
	#nav-header .nav > li li:focus > a,
	#nav-header .nav li li > a:focus {
		background: rgba(0, 0, 0, 0.4);
		}
}

@media only screen and (max-width: 600px) {
	.photo-left {
		float: none;
		}

	.flex-person {
		-webkit-box-orient: vertical;
		-moz-box-orient: vertical;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 100%;
		}

	.flex-person .picture {
		-webkit-box-ordinal-group: 1;
		-moz-box-ordinal-group: 1;
		-ms-flex-order: 1;
		-webkit-order: 1;
		order: 1;
		width: 100%;
		text-align: center;
		margin: 0px !important;
		}

	.flex-person .about {
		-webkit-box-ordinal-group: 2;
		-moz-box-ordinal-group: 2;
		-ms-flex-order: 2;
		-webkit-order: 2;
		order: 2;
		width: 100%;
		box-sizing: border-box;
		padding: 0.5rem 2rem !important;
		margin: 0px !important;
		}
}

@media only screen and (max-width: 490px) {
	#header h1 {
		min-height: initial !important;
		padding: 0px !important;
		}

	#header h1 a {
		margin-left: 10px !important;
		}

	#header p {
		position: relative;
		top: -130px;
		margin-right: 10px;
		line-height: 18px;
		font-size: 18px !important;
		}

	#page.home strong.emphasis {
		font-size: 40px;
		padding: 10px 0;
		}

	#top-tools-social {
		margin-left: 0px;
		}

	#top-tools-search {
		margin-right: 10px;
		}

	#top-tools-search input {
		font-size: 12px !important;
		}

	#top-tools-search div:after {
		font-size: 12px !important;
		}
}


/* Tablet - 800px, 768px & 720px */
@media only screen and (min-width: 720px) and (max-width: 800px) {
	.mystyle {}
}


/* Mobile - 480px & 320px */
@media only screen and (max-width: 719px) {
	.mystyle {}
}


/* Mobile - 320px */
@media only screen and (max-width: 479px) {
	.mystyle {}
}


/* Tablet - 800px, 768px & 720px */
@media only screen and (min-width: 720px) and (max-width: 800px) {
	.mystyle {}
}


/* Mobilse - 480px & 320px */
@media only screen and (max-width: 719px) {
	.mystyle {}
}


/* Mobile - 320px */
@media only screen and (max-width: 479px) {
	.mystyle {}
}

@media print {
	.printonly {
		display: block;
		}

	.noprint {
		display: none;
		}

	#footer-status {
		display: block;
		content: "Page " counter(page);
		}
}