/*
 Theme Name: 100% Lake Taupo
 Author: ninetyblack.com
 Description: 100% Lake Taupo
 Version: 0.1
 */

/********** FONTS ****************/

@font-face {
	font-family: 'Helvetica Neue Bold';
	src: url('assets/fonts/HelveticaNeueLTStd-Bd.eot?#iefix') format('embedded-opentype'),
	url('assets/fonts/HelveticaNeueLTStd-Bd.otf') format('opentype'),
	url('assets/fonts/HelveticaNeueLTStd-Bd.woff') format('woff'),
	url('assets/fonts/HelveticaNeueLTStd-Bd.ttf') format('truetype'),
	url('assets/fonts/HelveticaNeueLTStd-Bd.svg#HelveticaNeueLTStd-Bd') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Helvetica Neue Regular';
	src: url('assets/fonts/HelveticaNeueLTStd-Roman.eot?#iefix') format('embedded-opentype'),
	url('assets/fonts/HelveticaNeueLTStd-Roman.otf') format('opentype'),
	url('assets/fonts/HelveticaNeueLTStd-Roman.woff') format('woff'),
	url('assets/fonts/HelveticaNeueLTStd-Roman.ttf') format('truetype'),
	url('assets/fonts/HelveticaNeueLTStd-Roman.svg#HelveticaNeueLTStd-Bd') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Brandon';
	src: url('assets/fonts/brandon_grotesque_bold-webfont?#iefix') format('embedded-opentype'),
	url('assets/fonts/brandon_grotesque_bold-webfont.otf') format('opentype'),
	url('assets/fonts/brandon_grotesque_bold-webfont.woff') format('woff'),
	url('assets/fonts/brandon_grotesque_bold-webfont.ttf') format('truetype'),
	url('assets/fonts/brandon_grotesque_bold-webfont.svg#brandon_grotesquebold') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {
	min-width: 320px;
}

.nav.navbar-nav, h1, .snippet-title, .snippet-link, .btn, .bout-name, .bout-presents, .bout-position, .single-bout-info, .bouts-about {
	font-family: "Brandon", Verdana, sans-serif;
	font-weight: normal;
}
.nav.navbar-nav {
	font-size: 16px;
}
h2 {
	font-family: Helvetica, Arial, sans-serif;
}
.btn-red, .btn-red:hover, .btn-red:focus, .btn-red.focus {
	color: #ee2424;
    background-color: #000;;
    border-color: #ee2424;
}

.navbar-nav>li>ul>li {
	font-family: Helvetica, Arial, sans-serif;
}
/******** COLOURS *****************/

.blue {
	color: #0056ba;
};
.white {
	color: #fff;
}
.red {
	color: #EE2634;
}

/***********Contents**************/
/* 1. General                    */
/* 2. Header                     */
/* 3. Footer                     */
/* 4. Main Content               */
/* 5. Media Queries              */
/*********************************/

/***** 1. General ****************/
.pull-right {
	float: right;
}

h1 {
	color: #11c6d9;
	text-transform: uppercase;
}

.btn {
	text-transform:uppercase;
	border-radius: 0px;
}
.img-fullwidth { 
	width: 100%;
	height: auto;
}
.block {
	display: block;
}
/***** 2. Header ****************/
body{
	font-family: Helvetica, Arial, sans-serif;
	min-width: 320px;
}

body > header {
	background-color: #050505;
}
.social_wrap a {
	display: inline-block;
	color: #fff;
	width: 65px;
	font-size: 18px;
	padding: 19.5px 0;
	text-align: center;
	background-color: #222;
}
.social_wrap a:last-child {
	margin-right: 5px;
}
.social_wrap a:hover, .social_wrap a:active {
	color: #11c6d9;
}
.nav-wrap {
	background-color: #222;
	margin-bottom: 21px;
}
.navbar {
	margin-bottom: 0;
}
.logo-wrap {
	margin-bottom: 60px;
}
.head-banner-rainbow {
	height: 8px;
	width: 100%;
	background-image: url('assets/img/rainbow-1170x8.jpg');
}
.navbar-nav > .active.red > a, .navbar-nav > li.red > a:hover {
	border-top: 8px solid #ee2424;
}
.navbar-nav > .active.lightblue > a, .navbar-nav > li.lightblue > a:hover {
	border-top: 8px solid #0082a8;
}
.navbar-nav > .active.orange > a, .navbar-nav > li.orange > a:hover {
	border-top: 8px solid #f26532;
}
.navbar-nav > .active.yellow > a, .navbar-nav > li.yellow > a:hover {
	border-top: 8px solid #fed032;
}
.navbar-nav > .active.cyan > a, .navbar-nav > li.cyan > a:hover {
	border-top: 8px solid #11c6d9;
}
.navbar-nav > .active.darkblue > a, .navbar-nav > li.darkblue > a:hover {
	border-top: 8px solid #00546d;
}
.navbar-nav > .active > a, .navbar-nav > li > a:hover {
	padding-top: 13.5px;
}
.navbar.navbar-default {
	border: none;
}
.nav.navbar-nav > li > a {
	text-transform: uppercase;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #fff;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover {
	background-color: #050505;
}
.dropdown-header {
	font-size: 15px;
}
.header-overlay {
	top:8px;
	position:absolute;
	width: 47.2%;
	height: calc(100% - 8px);
	background: url(assets/img/gradient-595x1.png) repeat-y;
	padding-left: 25px;
}
.header-overlay span {
	display: block;
	font-size: 43px;
	font-family: "Brandon", Verdana, sans-serif;
	font-weight: 800;
	color: #ee2424;
	line-height: 43px;
}
.header-overlay span.header-title-2 {
	color: #fff;
}
.header-overlay span.header-title-4 {
	position: relative;
}
.header-overlay span.header-title-4:before {
    content: "";
    position: absolute;
    left: 0;
    top: 60px;
    height: 1px;
    width: 60px;
    border-bottom: 5px solid #fff;
}
.header-overlay a {
	margin-top: 15px;
}
.header-content {
	position: absolute;
    bottom: 15px;
    width: 50%;
}
.header-overlay p {
    color: #fff;
    margin-top: 41px;
}

.header-logo {
	right: 30px;
	position:absolute;
	bottom: 30px;
	width: 20%;
}

/***** 3. Footer ****************/
body > footer {
	background-color: #050505;
	padding: 60px 0;
}
footer h1 {
	margin: 0;
}
footer form {
	margin-top: 30px;
}
footer .btn-default {
	color: #fff;
	background-color: #000;
	border-color: #fff;
}
footer .btn-default:hover, footer .btn-default:active, footer .btn-default:focus {
	background-color: #fff;
}
footer form .form-group {
	text-align: left;
	margin-bottom: 30px;
}
footer form label {
	color: #fff;
}
.copy {
	color: #fff;
	margin-top: 35px;
}
.no-top-padding {
	padding-top: 0px !important;
}

/***** 4. Main Content **********/

.profile-pic {
	margin-top: 21px;
}

.main-content {
	margin: 50px auto;
}
.interior-wrap > .container-wrap.blog-content {
	padding-top: 25px;
	padding-bottom: 25px;
}
.blog-row {
	margin-bottom: 25px;
}
.blog-row h3 {
	color: #11c6d9;
	margin-top: 0px;
}
.snippets {
	background: url('assets/img/blurred-1400x930.jpg') no-repeat center center;
	margin: 0 auto;
}
.snippet-block-inner {
	background-color: #111;
	padding: 25px;
}
.snippet-block:nth-child(1) .snippet-block-inner {
	border-top: 8px solid #ee2424;
	color: #ee2424;
}
.snippet-block:nth-child(2) .snippet-block-inner {
	border-top: 8px solid #fdc331;
	color: #fdc331;
}
.snippet-block:nth-child(3) .snippet-block-inner {
	border-top: 8px solid #12c6d7;
	color: #12c6d7;
}
.snippet-block-inner .fa:not(.fa-chevron-circle-right) {
	display: block;
	margin-bottom: 5px;
}
.snippet-title {
	font-size: 30px;
	position: relative;
	padding-bottom: 16px;
	display: block;
}
.snippet-title:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 1px;
	width: 60px;
	border-bottom: 5px solid #fff;
}
.snippet-content {
	margin-top: 20px;
	color: #fff;
}
.snippet-block:nth-child(1) .snippet-link {
	color: #ee2424;
}
.snippet-block:nth-child(2) .snippet-link {
	color: #fdc331;
}
.snippet-block:nth-child(3) .snippet-link {
	color: #12c6d7;
}

.snippet-block:nth-child(1) .snippet-link:hover {
	color: #D50B0B;
}
.snippet-block:nth-child(2) .snippet-link:hover {
	color: #E4AA18;
}
.snippet-block:nth-child(3) .snippet-link:hover {
	color: #00ADBE;
}
.snippets .row {
	margin: 110px 0;
}

.sponsors {
	margin: 25px auto;
}
.gal-img {
	margin-bottom: 30px;
	cursor: pointer;
	display: block;
}
.row .gform_wrapper {
	max-width: 450px;
}
.row .gform_wrapper .top_label .gfield_label {
	margin-bottom: 0px;
}
#field_1_4>label {
	display: none;
}
.row .gform_wrapper .gform_footer {
	margin-top: 0px;
}
.content-img {
	margin-top: 21px;
}

.single-bout-participants video {
	width: 100%;
}
.single-bout-info > .row {
	margin: 0px;
}

/***** Interior *********/
.content-black-bg {
	background-color: #050505;
	margin-top: 479px;
}

.interior-wrap {
	margin-top: -479px;
	width: 100%;
}
.interior-wrap > .container-wrap {
	background-color: #fff;
	padding: 0px;
}
.interior-wrap > .main-content {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 20px;
}
.interior-wrap > .sponsors {
	margin-top: 0px;
	padding-top: 20px;
}
.interior-wrap .bouts {
	padding-top: 50px;
	padding-bottom: 50px;
}
.bouts .red .bout-img, .single-bout .red .bout-img, .single-bout-people .red .bout-img, .single-bout .red video {
	border-bottom: 8px solid #EE2634;
}
.bouts .blue .bout-img, .single-bout .blue .bout-img, .single-bout-people .blue .bout-img, .single-bout .blue video {
	border-bottom: 8px solid #0056ba;
}
.bout:not(:last-child) {
margin-bottom: 50px;
}
.bout-sponsor {
	margin-top: 22px;
}
.bout-presents {
	font-size: 15px;
	display: block;
	margin-bottom: 10%;
	text-transform: uppercase;
}
.bout-vs {
	font-size: 31px;
	display: block;
	margin-bottom: 15px;
	font-style: italic;
    font-family: "Brandon", Verdana, sans-serif;
    font-weight: 800;
}
.vert-center.bout-vs {
	margin-top: 108px;
}
.bout-name {
	font-size: 22px;
	text-transform: uppercase;
	padding-top: 5px;
	display: block;
}
.bout-position {
	color: #333;
}
.interior-wrap .single-bout-participants, .interior-wrap .single-bout-about {
	padding-bottom: 25px;
}
.single-bout-info .row .col-sm-10 .row {
	background-color: #f7f7f7;
	margin-bottom:5px;
}
.single-bout-info .row {
	padding: 10px 0;
}
.single-bout-info {
	margin-bottom: 25px;
    font-size: 18px;
}

.bout-small-header{
	text-transform:uppercase;
}

.single-bout-people .row {
	margin-bottom: 25px;
}
.single-bout-people {
	margin-bottom: 50px;
}

.single-bout .main-content .col-sm-4 img, .bouts > .bout .col-xs-8 img {
max-width: 270px;
margin: 0 auto;
width: 80%;
}

.bouts-about {
	font-size: 18px;
	text-transform: uppercase;
}

.single-bout-about .row .col-sm-6{
	padding-top:20px;
	padding-bottom:20px;
}

.video-container {
    position: absolute;
    left: 0; right: 0;
    top: 50%;
    /* video height / video width */
    padding-bottom: 56.2%;
    /* the above value * 0.5 */
    margin-top: -28.1%;
    height: 0;
    overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    width: 80%;
    height: 80%;
    
    top: 50%;
    left: 50%;
    transform: translate(-50%, -55%);
    
}
.gallery-block {
	padding-top: 50px;
}
.gallery_title {
	color: #11c6d9;
    text-transform: uppercase;
    font-family: Gentona, Verdana, sans-serif;
    font-size: 18px;
    text-align: center;
    display: block;
    padding-top: 5px;
}

/***** 5. Media Queries *********/
@media (max-width: 1200px) {
	.header-overlay span {
		font-size: 32px;
		line-height: 32px;
	}
}
@media (max-width: 767px) {
	.snippet-block:not(:last-child) {
		margin-bottom: 30px;
	}
	.head-banner {
		padding: 0;
	}
	.logo-wrap {
		margin-top: 25px;
	}
	.navbar-nav > li:not(.active):hover {
		border-top: none;
	}
	.navbar-nav > li:not(.active):hover > a {
		padding-top: 10px;
	}
	
	
	.vert-center.bout-vs {
		margin-top: 15px;
	}
	.bout-position {
		margin-bottom: 15px;
		display: block;
	}
	
	.single-bout-participants .red, .single-bout-participants .blue {
		text-align: center;
	}
	.people-block:not(:last-child) {
		margin-bottom: 50px;
	}
	.about-block:not(:last-child) {
		margin-bottom: 15px;
	}
	.header-overlay {
		display: none;
	}
	
	.single-bout-about .text-left, .single-bout-about .text-right {
		text-align: center;
		margin-bottom: 25px;
	}
	.single-bout-about {
		margin-bottom: 25px;
	}
	.gal-img img {
		margin: 0 auto;
	}
}
@media (max-width: 991px) and (min-width: 768px) {
	
	.bout-presents {
		margin: 0px;
	}
	.view-more {
		margin-top: 15px;
	}
	.interior-wrap .bouts {
		padding-top: 15px;
	}
	.nav.navbar-nav {
		font-size: 14px;
	}
}
@media (max-width: 991px) {
	
	.header-overlay span {
		font-size: 32px;
		line-height: 32px;
	}
	.header-overlay p {
		display: none;
	}
	.header-overlay span.header-title-4:before {
		content: initial;
	}
}
@media (min-width: 768px) {
	.navbar .navbar-inner {
    	padding: 0;
	}
	.navbar .nav {
	    margin: 0;
	    display: table;
	    width: 100%;
	}
	.navbar .nav > li {
	    display: table-cell;
	    float: none;
	    text-align: center;
	}
	.navbar .nav li:first-child a {
	    border-left: 0;
	}
	.navbar .nav li:last-child a {
	    border-right: 0;
	}
	.navbar>.container-fluid {
		padding: 0px;
	}
	.navbar-collapse {
		padding: 0px;
	}
}