@charset "UTF-8";

/*
Theme Name: TedXNukualofa
Theme URI: https://bucklit.com.au
Author: BUCKLIT
Author URI: https://bucklit.com.au
*/
body {
	background-color: black;
	color: #FFF;
	font-family: 'Raleway', sans-serif;
    font-size:15px;
}
main {
	padding: 10px;
}
h1 {
	font-family: helvetica;
	margin-top:30px;
	margin-bottom: 30px;
	font-size: 25px;
	font-weight: 300;
	color:#FFF !important;
}
.postlisting {
	margin-top:30px;
	margin-bottom: 30px;	
}
a.posttitle {
	text-transform: capitalize;
	text-decoration: none;
}
.footer-links {
	padding: 0;
}
.footer-link-items {
	color: #FFF;
	list-style-type: none;
	margin-top: 10px;
}
.footer-link-items a{
	font-family: 'Raleway', sans-serif;
	text-transform: capitalize;
	text-decoration: none;
}
#sidebar li {
	color: #FFF;
	list-style-type: none;
	margin-top: 1.5rem;
}
p {
	color:#FFF !important;
	line-height: 25px;
}
.mainheading{
	font-size: 21px;
	font-weight: 800;
}
.subheading {
	font-size: 20px;
	letter-spacing:0.1em;
}
.redbutton {
	padding: 19px 24px;
    color: white;
    background-color: #e62b1e;
    font-size: 1.5em;
    font-weight: bold;
    border: none;
    border-radius: 34px;
    margin: 10px 0;
	text-decoration: none;

}
a {
    color: #FFF;
    text-decoration: underline;
}

a.nav-link {
	color: #FFF !important;
	font-family: 'Raleway', sans-serif;
	font-size: 13px;
	text-transform: capitalize !important;
}


.dropdown-item {
    display: block;
    width: 100%;

    color: #FFF;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: #000;
    border: 0;
	font-family: 'Raleway', sans-serif;
	font-size: 13px;
}
.dropdown-menu {
    position: none !important;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: .5rem 0;
    margin: 0;
	left: unset !important; 
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #000;
    background-clip: padding-box;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 0px;
}

/* Navigation links */
.navbar a {
	float: left;
	font-size: 1rem;
	color: white;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
  }

/* Add a red background color to navigation links on hover */
.navbar a:hover, .subnav:hover .subnavbtn {
	background-color: red;
}

.navbar-dark .navbar-nav .nav-link {
	margin: 0 .9rem 0 .9rem;
}

.bgmain {
	background-color: #000 !important;
}

.shadow-sm {
	margin-top: 10px;
	border-top: 1px solid #6c757d !important;
	border-top-color: #fff;
	background-color: #000 !important;
}


.addspacetop {
	margin-top: 10px;
}


.navbar-brand {
	color: #000 !important;
}

.footer-text {
    margin-top: 30px;
	font-family: 'Raleway', sans-serif;
	font-size: 13px;
	color: #fff !important;
}

.top-buffer {
	margin-top: 20px;
}


.post-thumbnail img {
    /*width: 100%;*/
    display: flex;
    margin: 0 auto;
}
/*Blog post image size*/
img.attachment-twentyseventeen-featured-image.size-twentyseventeen-featured-image.wp-post-image {
    width: 96%;
    height: 20%;
}
/*Blog post title undrline remove*/
h2.entry-title a {
    text-decoration: none;
}
/*teams page listing space*/
article.team {
    border: 1px solid #C6C6C6;
    padding: 18px;
}
.updated {
    display: none;
}
.datepostedon, .entry-meta, .entry-content, article{
margin: 10px 0 10px 0;
}
.avatar {
    width: 76%;
    margin: 10px 0 10px 0px;
    border-radius: 45px;
}
.page-header {
    display: none;
}
.wpcf7-submit{
    padding: 10px;
    border: 10px solid red;
    background-color: red;
    color: white;
    font-size: 22px;
    text-decoration: none;
}

/*HEADER*/
.social {
	margin-top: -45px;
}
nav {
	border-top: 1px solid #fff;
	margin-top: 10px;
}

.entry-title {
	display: none;
}
/* Desktop */
@media only screen and (min-width : 1200) {

	.navbar-dark .navbar-nav .nav-link {
		margin: 0 .7rem 0 .7rem;
	}

}

/* tablet landscape */
@media screen and (min-width: 1024px) and (max-width: 1600px)  {
	
	.navbar-dark .navbar-nav .nav-link {
		margin: 0 .2rem 0 .3rem;
	}
} 

/* tablet portrait */
@media screen and (min-width: 768px) and (max-width: 1023px)  {
	.mainheading{
		font-size: 18px;
		font-weight: 800;
	}
	.subheading{
		font-size: 14px;
	}
	.redbutton {
		font-size: 14px;
		font-weight: 800;
	}
	body {
		margin-top: 10px;
	}
	.navbar a {
		 float: unset !important;
	}
	main {
		padding: 0px !important;
		margin: 0px !important;
	}
	nav {
		top: -105px;
		border-top: 1px solid #000;
		left: -45px;
	}
	.logo img {
		height: 45px !important;
		/* position: absolute; */
		/* margin: 0px auto; */
		/* align-items: center; */
		margin-left: 100px;
		margin-bottom: 40px;
	}
	.social {
		margin-top: -85px;
	}
	main {
		margin-top: -70px !important;
	}
	
	.navbar-dark .navbar-nav .nav-link {
		margin: 0 .2rem 0 .2rem;
	}
}


/* smartphone landscape */
@media screen and (min-width: 480px) and (max-width: 767px)  {
	.logoimg {
		margin-left: 35px !important;
    	height: 45px !important;
	}
	.mainheading{
		font-size: 18px;
		font-weight: 800;
	}
	.subheading{
		font-size: 14px;
	}
	.redbutton {
		font-size: 14px;
		font-weight: 800;
	}
	body {
		margin-top: 10px;
	}
	.navbar a {
		 float: unset !important;
	}
	main {
		padding: 0px !important;
		margin: 0px !important;
	}
	nav {
		top: -105px;
		border-top: 1px solid #000;
		left: -45px;
	}
	.logo img {
		height: 45px !important;
		/* position: absolute; */
		/* margin: 0px auto; */
		/* align-items: center; */
		margin-left: 100px;
		margin-bottom: 40px;
	}
	.social {
		margin-top: -85px;
	}
	main {
		margin-top: -70px !important;
	}
	.footerlogo {
		height: 50px;
		padding-bottom: 10px;
	}
	p {
		font-size: 13px;
	}
	h1 {
		font-size: 20px;
	}
	.navbar-toggler:focus {
		text-decoration: none;
		outline: 0;
		box-shadow: 0 0 0 1px;
	}
	.bgmain {
    background-color: #000 !important;
    margin-top: 20px;
}
}


/* smartphone portrait */ /*and (min-width: 320px)*/
@media screen and (max-width: 479px) {
	.mainheading{
		font-size: 18px;
		font-weight: 800;
	}
	.subheading{
		font-size: 14px;
	}
	.redbutton {
		font-size: 14px;
		font-weight: 800;
	}
	.navbar a {
		 float: unset !important;
	}
	main {
		padding: 0px !important;
		margin: 0px !important;
	}
	nav {
		top: -105px;
		border-top: 1px solid #000;
		left: -45px;
	}
	.logoimg {
		height: 38px !important;
		/* position: absolute; */
		/* margin: 0px auto; */
		/* align-items: center; */
		margin-left: 50px;
		margin-bottom: 45px;
	}
	li.nav-item {
		width: 300px;
	}
	.social {
		margin-top: -85px;
	}
	main {
		margin-top: -70px !important;
	}
	.footerlogo {
		height: 50px;
		padding-bottom: 10px;
	}
	p {
		font-size: 13px;
	}
	h1 {
		font-size: 20px;
	}
	.navbar-toggler:focus {
		text-decoration: none;
		outline: 0;
		box-shadow: 0 0 0 1px;
	}
	.bgmain {
    background-color: #000 !important;
    margin-top: 20px;
    }
	/* nav.navbar.navbar-expand-lg.shadow-sm.navbar-dark {
		position: absolute;
		left: 73%;
		top: 7px;
		border-top: 1px solid #000 !important;
	} */
}