/* custom fonts */
@font-face {
	font-family: "Clarendon";
	src: url("/fonts/ClarendonBT-Heavy.woff");
	src: url("/fonts/ClarendonBT-Heavy.woff") format("woff"),
		url("/fonts/ClarendonBT-Heavy.ttf") format("ttf");
}
@font-face {
	font-family: "DearJoe";
	src: url("/fonts/DearJoefour.woff");
	src: url("/fonts/DearJoefour.woff") format("woff"),
		url("/fonts/DearJoefour.ttf") format("ttf"),
		url("/fonts/DearJoefour.otf") format("otf");
}

/* Main Style Bootstrap Overwrites */
body {
	background-color:#c1d2e0;
	font-family: 'Roboto', sans-serif;
}
a {
	color: #1a74a5;
}
.btn {
	font-family: Clarendon,'Inknut Antiqua', serif;	
}
.bg-primary {
    background-color: #1a74a5 !important;
}
.btn-primary {
    color: #fff;
    background-color: #1a74a5;
    border-color: #1a74a5;
}
.btn-link {
    color: #1a74a5;
}
.text-primary {
    color: #1a74a5 !important;
}
.btn-outline-primary {
    color: #1a74a5;
    border-color: #1a74a5;
}
.btn-primary:hover{
	background-color: #15577b !important;
}
.btn-outline-primary:hover{
    color: #fff;
	background-color: #1a74a5 !important;
    border-color: #1a74a5;
}
.bg-secondary {
    background-color: #1a74a5 !important;
}
.btn-secondary {
    color: #fff;
    background-color: #1a74a5;
    border-color: #1a74a5;
}
header h2, 
header .h2 {
	font-size: 1.5em;	
}
h2, .h2,
h3, .h3,
h4, .h4 {
	font-family: Clarendon,'Inknut Antiqua', serif;
}
.list-group-flush .list-group-item:first-child {
    border-top-width: 1px;
}

.fs-1\.25rem {
	font-size: 1.25rem;
}

.lh-0\.75em {
	line-height: 0.75em;
}

.lh-1em {
	line-height: 1em;
}
.lh-1\.15em {
	line-height: 1.15em;
}


/* Navbar overwrites */
.navbar .dropdown-menu {
	background-color:#1a74a5;
	color:#FFF;
}
.navbar .dropdown-menu .dropdown-item {
	color:#FFF;
}
.navbar-dark .navbar-nav .nav-link:focus, 
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:active,
.navbar .dropdown-menu .dropdown-item:focus, 
.navbar .dropdown-menu .dropdown-item:hover,
.navbar .dropdown-menu .dropdown-item:active {
    color: #ffffff;
}
.navbar .dropdown-menu .dropdown-item:focus, 
.navbar .dropdown-menu .dropdown-item:hover,
.navbar .dropdown-menu .dropdown-item:active {
    background-color: #1a74a5;
}

.nav-pills {
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}
.nav-pills .nav-link.active, 
.nav-pills .show>.nav-link {
    background-color: #1a74a5;
}

/* Misc */

.tfhs-title {
	font-family: DearJoe,'Inknut Antiqua', serif;
	/*text-shadow:#666 2px 2px 3px;*/
}
.tfhs-subtitle{
	font-family: Clarendon,'Inknut Antiqua', serif;
}
.homepage-title-container {
	height:500px;
}
.homepage-title-container .tfhs-title {
	font-size:6.5vw;
	color:#fff;
	text-shadow:#666 2px 2px 3px;
	margin-top: 20px;
    margin-bottom: 20px;
}
.homepage-title-container .tfhs-subtitle {
	font-size:2.5vw;
}
.homepage-title-container .btn {
	margin-left: 20px;
    margin-right: 20px;
}
.page-title {
	padding-top: 30px;
    padding-bottom: 20px;
	font-size:60px;	
}
.virtual-chat-avatar
{
	width: 50px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	display: inline-block;
	border-radius: 5px;
	vertical-align: middle;
}

/* .ate-image
{
	float: left;
	max-width: 170px;
	max-height: 170px;
	object-fit: cover;
}*/

.ate-image {
	position: relative;
	width: 100%; /* The size you want */
}
.ate-image:after {
	content: "";
	display: block;
	padding-bottom: 100%; /* The padding depends on the width, not on the height, so with a padding-bottom of 100% you will get a square */
}

.ate-image img {
	position: absolute; /* Take your picture out of the flow */
	top: 0;
	bottom: 0;
	left: 0;
	right: 0; /* Make the picture taking the size of it's parent */
	width: 100%; /* This if for the object-fit */
	height: 100%; /* This if for the object-fit */
	object-fit: cover; /* Equivalent of the background-size: cover; of a background-image */
	object-position: center;
}

/* Contact form */
.contact-form label {
	padding-top:10px;
	margin-bottom:3px;
}



/* Make exhibitor page images responsive (as you can't add classes to markdown */
html#virtual-exhibitor-index .exhibitor-markdown img
{
	max-width: 100%;
	height: auto;
}

/* expander button for long content */
html#virtual-exhibitor-index .expand__footer,
html#virtual-exhibitor-index .expand__button
{
	display: none;
}
html#virtual-exhibitor-index .expand
{
	max-height: 200px;
	overflow: hidden;
	position: relative;
}
html#virtual-exhibitor-index .expand .expand__footer
{
	display: block;
	position: absolute;
	background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
	top: 170px;
	bottom: 0;
	right: 0;
	left: 0;
}
html#virtual-exhibitor-index .expand .expand__button
{
	display: block;
	position: absolute;
	top: 170px;
	right: 0;
}

/* TG why buy content */
html#virtual-exhibitor-index .bg-tg-map-osm
{
	background-color: #f2efea;
}
html#virtual-exhibitor-index .bg-tg-map-nls
{
	background-color: #f2ecdc;
}
html#virtual-exhibitor-index .bg-tg-map-lloyd
{
	background-color: #dbdbc3;
}

/* Virtual Expert - Question Feed */
#virtual-exhibitor-question-box .list-group-item
{
	padding: 0;
	border: 0;
}	
#virtual-exhibitor-question-box .virtual-question-feed-box-style
{
	padding: .5rem 0 .5rem .5rem;
	border:0;
	border-left: 1px solid rgba(0,0,0,.125);
}