/* @override
	http://canvas.paulkellycreative.com.au/basebuild/templates/pkc/assets/css/style-a.css
	http://canvas.paulkellycreative.com.au/4dsurfboards/templates/pkc/assets/css/style-a.css */

/****** ------- Basebuild Designed by Norm Douglas & Luke Armistead  ---- ******
__________           .____________                                      _____             .___.__
\______   \ ____   __| _/   _____/ ____  __ _________   ____  ____     /     \   ____   __| _/|__|____
 |       _// __ \ / __ |\_____  \ /  _ \|  |  \_  __ \_/ ___\/ __ \   /  \ /  \_/ __ \ / __ | |  \__  \
 |    |   \  ___// /_/ |/        (  <_> )  |  /|  | \/\  \__\  ___/  /    Y    \  ___// /_/ | |  |/ __ \_
 |____|_  /\___  >____ /_______  /\____/|____/ |__|    \___  >___  > \____|__  /\___  >____ | |__(____  /
        \/     \/     \/       \/                          \/    \/          \/     \/     \/         \/
*/
/**
* @version$Id: style.css 001 2013-06-28 09:50:00Z Anton Wintergerst $
* @packageJiGrid Template Framework for Joomla 2.5-3.0
* @copyrightCopyright (C) 2013 Jinfinity. All rights reserved.
* @licenseGNU/GPLv3 http://www.gnu.org/licenses/gpl-3.0.html
* @websitewww.jinfinity.com
* @email support@jinfinity.com
*/

/*-- Structure --*/
@media screen and (min-width:600px) {
	#mobilerow {
		display: none;
	}

}
* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
body {
	color: #;
}
.jirow.nav {
	position: fixed;
	z-index: 200;
	background: #fff;
	border-bottom: 1px solid #ddd;
	margin: 0;
}
.moduletable.nav-spacer {
	min-height: 50px;
}
img, iframe {
	max-width: 100%; }
.full-link p {
	margin: 0;
}
a.full-link, .full-link a {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 10;
}
.category-desc .image-box {
	padding-top: 10px;
}
.moduletable.boards-menu {
	padding-top: 30px;
}
.articlebody td {
	border: 1px solid #ccc;
	text-align: center;
}
.workshops .articlebody {
	text-align: left;
}
.jicell.bottomcell1 {
	padding-bottom: 80px!important;
}
.bottomcell1 .moduletitle {
	padding-top: 20px;
	padding-bottom: 20px
}
.articlebody table {
	margin: auto;
}
.articlebody tr:first-of-type td {
	border: none!important;
}
.custom.below-showcase-icons {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.custom.below-showcase-icons .item {
	flex-basis: 20%;
}
.moduletable.below-showcase-icons {
	max-width: 1000px;
	margin: auto;
}
.below-showcase-icons .item:hover img {
	opacity: 0.6;
}
.item-page, .custom.about-introtext {
	max-width: 1200px;
	margin: auto;
	text-align: center;
}
.ul-instaholic {
	display: flex!important;
	flex-direction: row!important;
}
.ul-instaholic .il-item {
	flex-basis: 20%!important;
	max-height: 260px!important;
	overflow: hidden;
}
.ul-instaholic .item img {

}
.ishome .jirow.main {
	background: url('../images/simon-forward.jpg') no-repeat left top;
	background-size: cover;
	color: #fff;
	text-align: center;
	padding: 40px 0;
}
.jirow.belowshowcaserow {
	padding: 40px 0;
}
.page-header {
	margin: 0;
	padding: 0;
	border: none;
}
.zt-item-container {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background: url('../images/raster.png') left top repeat rgba(0, 0, 0, 0.40) !important;
}

.moduletable.logo img {
	margin-bottom: -100px;
	max-width: 150px!important;
}
.moduletable.footer-logo img {
	max-width: 150px!important;
	margin: auto;
	left: 0;
	right: 0;
}
.moduletable.footer-logo img {
	max-width: 250px;
}
.item, .overlay-item {
	position: relative;
}
.custom.homepage-blog {
	flex-direction: row;
}
.homepage-blog .item {
	flex-basis: 50%;
	display: flex;
	flex-direction: row;
	padding: 20px;
}
.homepage-blog .item:first-of-type {
	border-right: 3px solid #333;
}
.homepage-blog .image-box {
	flex-basis: 50%;
}
.homepage-blog .text-box {
	flex-basis: 50%;
}
#showcase>.rowouter {
	width: 100%;
	max-width: 2000px!important;
}
#belowshowcaserow>.rowouter, #nav>.rowouter, #bottomrow1>.rowouter, #bottomrow2>.rowouter, #footer>.rowouter, #below-footer-row>.rowouter {
	width: 100%;
	max-width: 1600px!important;
}
#nav>.rowouter {
	width: 100%;
	max-width: 1400px!important;
}
.showcasecell .outer {
	padding: 0;
}
.boards img.title-icon {
	width: 75px;
	height: 75px;
}
.custom.below-showcase-icons {
	display: flex;
	flex-direction: row;
}
.below-showcase-icons .item {
	text-align: center;
	padding: 20px;
}
.below-showcase-icons img.title-icon {
	width: 100%;
	height: auto!important;
	display: block;
	margin-bottom: 30px;
}
.below-showcase-icons .item h4 {
	text-transform: uppercase;
	font-style: italic;
}
.category-desc {
	display: flex;
	flex-direction: column;
}
.category-desc .item {
	display: flex;
	flex-direction: row;
	margin-bottom: 10px;
}
.team-4d .category-desc {
	flex-direction: row;
}
.team-4d .overlay-item  {
	margin: 10px;
}
.team-4d .overlay-item .image-box {
	width: 100%;
	height: 500px;
	overflow: hidden;
}
.team-4d .item-page {
	text-align: left;
}
.team-4d h2.pagetitle {
	margin-top: 0;
	line-height: 100%;
	margin-bottom: 30px;
}
.team-4d .overlay-item .image-box img {
	width: 100%;
	height: 500px;
	object-fit:cover;
}
.category-desc .overlay-item {
	flex-basis: 33.3%;
}
.overlay-item .text-box {
	position: absolute;
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	color: #fff;
	background: url('../images/raster.png') repeat left top;
}
.item .text-box {
	display: flex;
	flex-direction: column;
	flex-basis: 50%;
	padding-left: 20px;
}
.custom.similar-boards {
	display: flex;
	flex-direction: row;
}
.blog .item {
	padding-bottom: 20px;
	border-bottom: 3px solid #333;
	margin-bottom: 20px;
}
.similar-boards .item {
	flex-basis: 25%;
	padding: 20px;
}
.category-desc .item .image-box {
	flex-basis: 50%;
	max-height: 400px;
}
.category-desc .item .image-box img {
	object-fit: cover;
	height: 400px;
	width: 100%;
}
.similar-boards .item .image-box {
	max-height: 500px;
}
.similar-boards .item .image-box img {
	object-fit: cover;
	max-height: 500px;
}
.similar-boards .text-box {
	text-align: center;
}
.board-info {
	display: flex;
	flex-direction: column;
}
.board-info p {
	overflow: hidden;
}
.board-details {

}
.inner-showcase {
	max-height: 500px;
	overflow: hidden;
}
.inner-showcase p {
	margin: 0;
}
.about-introtext, .item-page {
	text-align: left!important;
}
.inner-showcase h2 {
	position: absolute;
	width: 100%;
	height: 100%;
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background: url('../images/raster.png') repeat left top;
	margin: 0;
}
.category-desc .item .btn, .workshops .articlebody .btn, .volume .articlebody .btn, .articlebody .btn {
	-webkit-clip-path: ellipse(47% 23% at 52% 50%);
	clip-path: ellipse(47% 23% at 52% 50%);
	background: #333;
	padding: 30px;
	color: #fff;
	text-shadow: none!important;
}
.articlebody .btn a.wf_file {
    color: #fff!important;
}
.articlebody .btn a.wf_file:hover {
    color: #eee!important;
}
.accordion-group {
	margin-bottom: 20px!important;
}
.inner-showcase img {
	width: 100%;
}
.wave-height::before {
	content: url(../images/wave-height.png);
}
.wave-type::before {
	content: url(../images/wave-type.png);
}
.skill-level::before {
	content: url(../images/skill-level.png);
}
.features::before {
	content: url(../images/features.png);
}
.board-details::before {
	float: left;
	padding-right: 20px;
}
.jicell.main-image-box .outer {
	padding: 0;
}
.main-video-box p {
	text-align: right;
}
.rl_tabs.bottom>.nav-tabs {
	margin-bottom: 0!important;
}
.team-4d .jigrid.blog h2 {
	text-align: center;
}
.nav-tabs {
	margin-top: -32px;
}
.tab-pane {
	padding: 0!important;
}
.nn_tabs-tab.active .nn_tabs-toggle {
	color: #aaa!important;
}
.nn_tabs-toggle {
	background: none!important;
	border: none!important;
	color: #fff!important;
}
.rightarrow, .leftarrow {
	position: absolute;
	top: 200px;
}
.phone .rightarrow, .phone .leftarrow {
	top: 40%;
}
.phone .rightarrow i, .phone .leftarrow i {
	font-size: 20px;
}
.rightarrow i, .leftarrow i {
	color: #fff!important;
	font-size: 20px;
}
.rightarrow a, .leftarrow a {
	padding: 10px;
	display: block;
	background: #959595;
}
#set-rl_tabs-1 {
	display: none!important;
}
.leftarrow {
	left: 0;
}
.rightarrow {
	display: inline-block;
	right: 0!important;
}
.nn_tabs-toggle img {
	width:60px;
}
.jirow.footer, .jirow.below-footer-row {
	background: #000;
}
.jirow.below-footer-row {
	margin-top: -70px!important;
}
.socialicons {
	float: right;
}
.fa-stack-1x {
	color: #fff;
}
.fa-stack-2x {
	color: #333;
}
.jicell.navcell1 .outer {
	padding: 0;
}
.chronoform {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	max-width: 460px;
	margin: auto;
}
.custom.map iframe {
	width: 100%;
}
.bottomcell1 .outer {
	padding: 0;
}
.moduletable.order-board-image {
	padding-top: 50px;
}
#fin-submit.gcore-input.gcore-display-table {
	width: 100%;
}
.moduletable.contact-form {
	width: 50%;
	float: right;
	margin-top: -80px;
}
.chronoform .form-group.gcore-form-row, .chronoform .gcore-input.gcore-display-table {
	display: flex;
	align-content: center;
	justify-content: center;
}
.contactform .gcore-input {
	width: 100%;
}
.chronoform .form-control {
	width: 300px!important;
}
.chrono_credits {
	display: none;
}
.contactform .gcore-input .form-control {
	text-align: center!important;
	font-size: 12px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: normal;
}
/*-- Text --*/
h1, h2, h3, h4, li, p, a, .boards-menu .moduletitle h3 {
	line-height: 150%;
}
p, li {
	font-weight: 200;
	font-size: 16px;
}
h1, h2, h4, .moduletitle h3, h2 a, .accordion-toggle span, .articlebody h3 {
	font-family: 'Alegreya', serif;
	font-weight: 200;
	font-style: italic;
}
p {
	font-family: 'Lato', sans-serif;
}
h2, .moduletitle h3 {
	font-size: 3.5vw;
}
h3, .boards-menu .moduletitle h3 {
	font-size: 35px;
	font-size: 1.8vw;
	font-weight: 300;
	margin-top: 0;
}
h4, .accordion-toggle span {
	font-size: 20px;
}
.accordion-toggle span {
	color: #777;
}
.accordion-inner {
	background: #eee;
}
a {
	color: #777;
}
a:hover {
	color: red;
	text-decoration: none;
}
.articlebody li {
	list-style: none;
	margin-left: 20px;
}
i {
	font-family: "FontAwesome";
	font-style: normal;
}
.moduletitle h3 {
	text-align: center;
}
.boards-menu .moduletitle h3 {
	text-align: left;
}
/*-- Menus --*/

ul.menu, .custom {
	display: flex;
	align-content: center;
	justify-content: center;
}
.custom {
	flex-direction: column;
}
ul.menu li {
	text-align: center;
}
ul.menu a {
	display: block;
}
ul.breadcrumb {
	background: none;
}
.boards-menu ul {
	flex-direction: column;
}
.boards-menu li a {
	text-align: left;
}
.boards-menu li li {
	display: none;
}
.boards-menu li.active li {
	display: block;
}
.boards-menu li.active a, .boards-menu li.active li.active a {
	color: #000;
	font-weight: 600;
}
.boards-menu li.active li a {
	color: #777;
}
.mainmenu ul li a, .footermainmenu ul li a {
	padding: 10px;
	font-size: 20px;
	text-transform: uppercase;
	color: #333;
}
.mainmenu ul li.active a {
	color: #aaa;
}
.footermainmenu ul li a, .footermenu ul li a {
	color: #fff;
}
.moduletable.footermenu {
	float: right;
}
.footermenu ul {
	justify-content: flex-start;
}
.footermenu ul li a {
	padding: 10px;
}
.moduletable.footermainmenu {
	margin-top: 50px;
	float: right;
}
/*--Phone--*/
.desktop .moduletable.desktop {
	display: block;
}
.desktop .moduletable.phone {
	display: none;
}
.phone .moduletable.desktop {
	display: none;
}
.phone .moduletable.phone {
	display: block;
}
/* Mobile menu stuff */
.jitogglemenu li a {
	color: #333!important;
	background: #fff;
}
.phone .jitogglemenubtn {
	width: 99%;
	color: #333!important;
}
.phone .jitogglemenu li.active a {
	background: #fff;
}
.phone .jitogglemenubtn {
	border: none;
}
.jitogglemenu {
	width: 100%;
	max-width: none;
	position: relative;
	z-index: 99999;
	display: none;
}
.mobilemenu .outer {
	padding: 0;
}
.jitogglemenu {
	margin-bottom: 0;
}
.jitogglemenubtn.btn.btn-navbar {
	box-shadow: none;
	border: none;
	background: none;
}
.mobilemenu li, .mobilemenu .nav-childinner, .mobilemenu .nav-child {
	margin: 0!important;
	padding: 0!important;
}
.nav-child li {
	border-left: none!important;
	border-right: none!important;
	border-bottom: none!important;
}
input#submit.btn.btn-default.form-control.A {
	float: right!important;
	right: 0;
	width: 100px;
	padding: 30px;
	height: auto;
}
@media screen and (max-width:1200px) {
	.custom.below-showcase-icons {
		flex-wrap: wrap;
	}
	.custom.below-showcase-icons .item {
		flex-basis: 30%;
	}
	.mainmenu li a {
		padding: 5px!important;
		font-size: 15px!important;
	}
	.logo img {
		width: 150px;
	}
	.ul-instaholic .il-item {
		max-height: 190px!important;
	}
}
@media screen and (max-width:600px) {
	h2, .moduletitle h3 {
		font-size: 22px;
	}
	h3, .boards-menu .moduletitle h3 {
		font-size: 17px;
	}
	h4 {
		font-size: 15px;
	}
	.footermainmenu ul.menu {
		flex-direction: column;
	}
	.footer-logo {
		text-align: center;
	}
	.custom.below-showcase-icons {
		flex-direction: row;
		flex-wrap: wrap;
	}
	.custom.below-showcase-icons .item {
		flex-basis: 50%;
	}
	.custom.homepage-blog {
		flex-direction: column;
	}
	.custom.homepage-blog .item {
		flex-basis: auto;
		border: 0;
	}
	.mobilelogo img {
		width: 100px;
	}
	.mobilelogo p {
		margin: 0;
	}
	.category-desc .item {
		display: flex;
		flex-direction: column;
	}
	.category-desc .item .text-box, .category-desc .item .image-box {
		flex-basis: auto;
	}
	.category-desc .item .image-box {
		display: none;
	}
	.mobileheader p {
		font-weight: 600;
	}
	.ishome .jirow.main {
		background: none;
		color: #333;
	}
	.instaholic-content {
		text-align: center;
	}
	.ul-instaholic {
		display: flex!important;
		flex-direction: column!important;
	}
	.ul-instaholic .il-item {
		flex-basis: auto!important;
		max-height: inherit!important;
		overflow: hidden;
	}
	.ul-instaholic .item img {

	}
	.moduletable.contact-form {
		width: 100%;
		float: none;
		margin-top: 0px;
	}
}