/*
 Theme Name:   GF
 Theme URI:    http://www.glowfish-creative.co.uk/
 Author:       Phillip Whitehorn
 Author URI:   http://www.glowfish-creative.co.uk/
 Description:  Fully responsive theme for Hooha.
 Version:      2.0.0
 Text Domain:  GF
*/

html { font-family: sans-serif; -webkit-text-size-adjust: 100%;  -ms-text-size-adjust: 100%; height:100%; -webkit-font-smoothing: antialiased; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { overflow-x: hidden; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }
audio:not([controls]) { display: none; height: 0; }
b, strong { font-weight: bold; }
small { font-size: 100%; }
sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }
sup { top: -.5em; }
sub { bottom: -.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
figure { margin: 1em 40px; }
hr { height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
pre { overflow: auto; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea { margin: 0; font: inherit; color: inherit; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; }
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {  -webkit-appearance: none; }
fieldset { padding:0;  margin: 0;  border: none; }
legend { padding: 0; border: 0; }
textarea { overflow: auto; }
optgroup { font-weight: bold; }
table { border-spacing: 0; border-collapse: collapse; }
td, th { padding: 0; }
.clr { width: 100%; clear: both; }
.flt { float:left; }
.frt { float:right; }
.txtright { text-align:right; }
/* hr and anything with the class of accessibility is hidden with CSS from visual browsers */
.accessibility, .accessibility hr { position: absolute; top: -9999em; left: -9999em; background: none; border: 0; clear: both; display: none; float: none; font-size: 0; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; height: 0; }
div { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  }

@font-face {
    font-family: 'robotomedium';
    src: url('/wp-content/themes/gf/assets/fonts/Roboto-Medium-webfont.eot');
    src: url('/wp-content/themes/gf/assets/fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/gf/assets/fonts/Roboto-Medium-webfont.woff') format('woff'),
         url('/wp-content/themes/gf/assets/fonts/Roboto-Medium-webfont.ttf') format('truetype'),
         url('/wp-content/themes/gf/assets/fonts/Roboto-Medium-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotobold';
    src: url('/wp-content/themes/gf/assets/fonts/Roboto-Bold-webfont.eot');
    src: url('/wp-content/themes/gf/assets/fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/gf/assets/fonts/Roboto-Bold-webfont.woff') format('woff'),
         url('/wp-content/themes/gf/assets/fonts/Roboto-Bold-webfont.ttf') format('truetype'),
         url('/wp-content/themes/gf/assets/fonts/Roboto-Bold-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotolight';
    src: url('/wp-content/themes/gf/assets/fonts/Roboto-Light-webfont.eot');
    src: url('/wp-content/themes/gf/assets/fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/wp-content/themes/gf/assets/fonts/Roboto-Light-webfont.woff') format('woff'),
         url('/wp-content/themes/gf/assets/fonts/Roboto-Light-webfont.ttf') format('truetype'),
         url('/wp-content/themes/gf/assets/fonts/Roboto-Light-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;

}

h1, h2, h3, h4, h5, h6 { font-weight: normal; font-family: "robotobold", Helvetica, Arial, sans-serif; clear: both; }
h1, h1 a {	font-size:36px; line-height:40px; margin: 0 0 0.5em 0;}
h2, h2 a {	font-size:30px; line-height:34px; padding: 0.5em 0;}
h3, h3 a {	font-size:26px; line-height:30px; padding: 0.5em 0;}
h4, h4 a {	font-size:24px; line-height:26px; }
.col2 { width:50%; }
.col3 { width:33%; }
.col4 { width:25%; }
.robotolight { font-family: "robotolight", Arial, Helvetica, sans-serif; color:#FFFFFF; }
.robomedium { font-family: "robotomedium", Arial, Helvetica, sans-serif; color:#FFFFFF; }
.largetext { font-size: 44px; line-height: 46px; font-family: "robotobold"; }
.quotetext { font-size: 24px; line-height: 30px; }
.wht-txt { color: #fff; }
/* one page scroller */

body, html { font-size: 18px; background: #FFF; color:#333333; font-family: "robotolight", Arial, Helvetica, sans-serif; -webkit-transition: opacity 400ms; -moz-transition: opacity 400ms; transition: opacity 400ms; }
body.home, html { display: block; position: static; padding: 0; width: 100%; height: 100%;  }


/* header */
.topper {  }
.tbar { width:100%; background: rgba(255,255,255,0.40); position:fixed; top: 0px; left: 0px; height: 65px; z-index: 2; }
.logo { position: fixed; top: 10px; left: 5%; width: 179px; height: 39px; background:url(/wp-content/themes/gf/assets/img/hooha-logo.svg) no-repeat; background-size:179px 39px; z-index: 1; }

/* POP out panel */
.cd-btn, .cd-panel-close { width:100px; height:30px; background:url(/wp-content/themes/gf/assets/img/bar.png) no-repeat right; display:block; cursor:pointer; right: 20px; top:17px; position:absolute; font-family: "robotolight", Arial, Helvetica, sans-serif; font-size:20px; line-height:30px; text-decoration:none; color:#FFF; padding:0 35px 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align:right; }
.cd-panel-close {background:url(/wp-content/themes/gf/assets/img/barw.png) no-repeat right; color:#000; }
.cd-panel {	visibility: hidden; transition: visibility 0s 0.6s; }
.cd-panel.is-visible { visibility: visible;	transition: visibility 0s 0s; }
.is-visible .cd-panel-header { 	top: 0; transition: top 0.3s 0.3s; }
.cd-panel-container { position: fixed; width: 270px; height: 100%; top: 0; right: 0; background:rgba(255,255,255,1); transition-property: transform; transition-duration: 0.3s; transition-delay: 0.3s; transform: translate3d(100%, 0, 0); }
.is-visible .cd-panel-container { transform: translate3d(0, 0, 0); transition-delay: 0s; z-index: 3;  }
.onepage-pagination { position: absolute; right: 15px; top: 10%; z-index: 5; list-style: none; margin: 0; padding: 0; }
.onepage-pagination li {  text-align: center; border-bottom:#c5c5c5 1px solid; }
.onepage-pagination li:last-child { border-bottom:none; }
.onepage-pagination li a { width: 240px; display: block; color: #000; text-decoration:none;  font-family: "robotolight", Helvetica, Arial, sans-serif; font-size:18px; line-height:30px; }
.onepage-pagination li a:hover, .onepage-pagination li .active { color:#000; }

.tab { right: 0; position: fixed; top: 40%;  width: 68px; height: 270px; z-index: 123; -moz-border-radius: 10px 0px 0px 10px; -webkit-border-radius: 10px 0px 0px 10px; border-radius: 10px 0px 0px 10px; background: #6f2283 url(assets/img/invest-arrow.png) no-repeat right center; display: none;}
.vertical-text { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); color: #fff;  position: absolute; left: 35px; font-size: 24px; white-space: nowrap; height: 270px; }
.invest { width: 100%; height: 100%; display: block;  }

.welcometxt { font-family: "robotomedium", Arial, Helvetica, sans-serif; color:#FFFFFF; font-size: 34px; line-height: 34px; }
.welcome-logo img { width: 587px; height: 135px; }

.page #wpmem_login { width: 80%; margin: 0 auto; border-radius: 0; padding: 30px; font-family: "latoregular", Arial, Helvetica, sans-serif; }
#rememberme, #wpmem_login .button_div label { display: none; }
.loginfields { float: left; }
#wpmem_login .loginfields input { padding: 8px 10px; border-radius: 0; margin: 10px 10px 0 0 ; color: #c2c2c2; font-size: 14px; }
#wpmem_login .button_div { width: auto; height: auto; float: left; padding: 0; margin: 0; }
.buttons { color: #FFF; background: #6f2283 url(/wp-content/themes/gf/assets/img/login-arrow.png) no-repeat right center; padding: 8px 35px 8px 15px; border: none; font-size: 14px;   }
#wpmem_login .button_div input[type=submit] { margin: 10px 0 0 -15px;}
#wpmem_msg, .wpmem_msg { background: none; border: none; border-radius: 0; padding: 20px 0 0 0; }
#wpmem_login .div_text { width: 94%; }
#wpmem_login .link-text { display: none; }
.wrapper #wpmem_reg fieldset, #wpmem_login fieldset { margin: 20px 0; }
.wrapper #login #homeicon img { width: 640px; height: 140px; }


/* Page Content */
.wrapper a { text-decoration:none; color:#fff; }
.wrapper { width:100%; }
.pagecont {  width:750px; margin: 0 auto; }
.pagecont p { margin: 0.8em 0; }
.pagecont ul, .pagecont ol { margin: 0.3em 0 0.3em 2em; }
.pagecont ul li, .pagecont ol li { margin: 1em 0; }

/* .wrapper #why, .wrapper #what { background-position: right center!important;321 × 536 } 
.wrapper #keyfeats { background-position: left center!important; } */

.wrapper #why .vc_parallax-inner { background-position: right!important; background-size: 371px 528px!important; background-repeat: no-repeat!important; }
.wrapper #keyfeats .vc_parallax-inner { background-position: left!important; background-size: 321px 440px!important; background-repeat: no-repeat!important; }
.wrapper #what .vc_parallax-inner { background-position: right!important; background-size: 356px 484px!important; background-repeat: no-repeat!important; }
.wrapper #customer .vc_parallax-inner { background-position: left!important; background-size: 321px 536px!important; background-repeat: no-repeat!important; }
.wrapper #contactus { color: #fff; }
.wrapper #contactus { background-attachment: fixed!important; padding: 100px 0 0 0; }


.custom.tparrows { background: #662483; width: 50px; height: 50px; border-radius: 25px; }
.custom.tparrows:hover { background: #8a2e8c; }
.custom.tparrows:before { font-size: 25px; line-height: 50px; }
.wrapper .hcontactform .ninja-forms-field { color:#6f2283; padding: 3px 10px; }
.wrapper .hcontactform .hsubmit  { font-size: 22px; line-height: 22px; font-family: "robotomedium", Arial, Helvetica, sans-serif;
    color: #ffffff; border: none;  background-color: #672483;
    background-image: -webkit-linear-gradient(left, #672483 0%, #bf087f 50%,#672483 100%);
    background-image: linear-gradient(to right, #672483 0%, #bf087f 50%,#672483 100%);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background-size: 200% 100%; padding: 14px 20px }
#nf-field-4-wrap { text-align: center; }
.wrapper .request .nf-field-element li { float:left; padding: 0 20px 0 0!important; }

.wrapper .inline-img { display:inline-block; vertical-align: middle; }
.wrapper .morebt a { font-size: 22px; line-height: 22px; font-family: "robotomedium", Arial, Helvetica, sans-serif; color:#FFFFFF; }
.wrapper #customer, .wrapper #login, .wrapper #download { color: #fff; }

.wrapper .nf-form-fields-required { text-align: right; font-size: 12px; line-height: 12px; }
.wrapper .label-above .nf-field-label { margin-bottom: 5px; }
.wrapper .nf-field-label label {  font-weight: normal; font-size: 14px; line-height: 14px; }
.wrapper .nf-field-element textarea { height: 100px; }
.wrapper .nf-error-msg, .wrapper .ninja-forms-req-symbol { color: #fff; }
.wrapper .nf-after-field .nf-error-msg { font-size: 12px; line-height: 12px; }

#homefooter { width: 100%; text-align: left; font-size: 14px; height: 30px; bottom: 0; left: 0; color: #fff; z-index: 1; position:fixed; padding: 0 0 0 20px; }
#footer { padding: 50px 0; text-align: left; font-size: 14px; color: #672483; }
.footer { text-align: center; }
.footer a { text-decoration: none; color:#6f2283; }
.flogin a { color:#fff; text-decoration: underline; }
.flogin { font-size: 18px; line-height: 18px; }

#cookienote-container { width: 1130px; line-height: 30px; }
#cookienote-container button { line-height: 30px; }
#cookienote-container { color: #ffffff; font-family: Arial, sans-serif; position: relative; margin: 0 auto; font-size: 11px; }
#cookienote-container span { padding: 0; margin:0; }
#cookienote-container button { padding: 0 0 0 20px; font-size: 11px; color: #65A7EC; border: 0; cursor: pointer; background-color: transparent; margin:0; font-weight:bold; }
#cookienote-container a { color: #EAEAEA; text-decoration:none; }

#back-top-wrapper { position: fixed; right: 20px; bottom: 20px; overflow: hidden; z-index: 999; display: none; width: 50px; height: 50px; }
#back-top-wrapper span { display: block;  color: #00a0e0; text-align: center; text-decoration: none; text-transform: uppercase; font: 11px/100% Arial, Helvetica, sans-serif; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin-bottom: 7px; width: 50px; height: 50px; background: #fff url(/wp-content/themes/gf/assets/img/up-arrow.svg) no-repeat center center; background-size: 30px 30px; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s; }
#back-top-wrapper span:hover { background: #CCC url(/wp-content/themes/gf/assets/img/up-arrow.svg) no-repeat center center; background-size: 35px 35px; -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition: 1s; }

@media (max-width: 1610px) { 
/*
* PC Small
*/
	
h1, h1 a {	font-size:30px; line-height:34px; }
h2, h2 a {	font-size:22px; line-height:24px; }
h3, h3 a {	font-size:18px; line-height:18px; }

.pagecont { }

#maintext p, #page p { margin: 0 0 1em 0; line-height: 28px; }

#cookienote-container { width: 730px; line-height: 14px; padding: 0; }
#cookienote-container button { line-height: 14px; }
.cc-cookies a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: block; margin: 1em 0; }
}

@media (max-width: 1300px) { 
.wrapper #why .vc_parallax-inner { background-image: none!important; }
.wrapper #keyfeats .vc_parallax-inner { background-image: none!important; }
.wrapper #what .vc_parallax-inner { background-image: none!important; }
.wrapper #customer .vc_parallax-inner { background-image: none!important; }
}

@media (max-width: 1000px) { 
/*
* Tablet
*/
	
h1, h1 a {	font-size:34px; line-height:34px; }
h2, h2 a {	font-size:22px; line-height:24px; }
h3, h3 a {	font-size:18px; line-height:18px; }

#page, #footer {  width:720px; margin:50px auto 0 auto; }
.largetext { font-size: 22px;  line-height: 26px; }
#maintext p, #page p { margin: 0 0 0.8em 0; line-height: 26px; }

#cookienote-container { width: 730px; line-height: 14px; padding: 0; }
#cookienote-container button { line-height: 14px; }
.cc-cookies a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: block; margin: 1em 0; }
}

@media (max-width: 620px) { 
/*
* Smart Phone
*/
#page, #footer {  width:480px; }
	
.maintextblock { font-size: 14px; line-height: 24px; }
.wrapper { margin:0 10px;  }
#maintext { margin: 30px 0 0 0; }
	
#cookienote-container { width: 480px; line-height: 12px; padding: 5px 0 0 0; }
#cookienote-container button { line-height: 12px; }
}

@media (max-width: 479px) { 
/*
* Phone
*/
.logo { top: 12px; width: 280px; height: 20px; background-size:280px 20px; }	
	
#page, #footer {  width:320px; }

.wrapper { margin:0 5px;  }
#cookienote-container { width: 100%; line-height: 12px; padding: 5px 0 0 0; }
#cookienote-container button { line-height: 12px; }
.cc-cookies { position: relative; }
}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {

}


@media print {
*, *:before, *:after { background: transparent !important;
color: #000 !important; /* Black prints faster:
 http://www.sanbeiji.com/archives/953 */
box-shadow: none !important;
text-shadow: none !important; }
a, a:visited { text-decoration: underline; }

/*a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
* Don't show links that are fragment identifiers,
* or use the `javascript:` pseudo protocol
*/
a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; }
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
/*
* Printing Tables:
* http://css-discuss.incutio.com/wiki/Printing_Tables
*/
thead { display: table-header-group; }
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
#right, #nav, .supporters, #breadcrumbs, .vdesk, .vmob  { display:none; }
}