/*
Theme Name: wp-bootstrap
Theme URI: http://320press.com/wpbs
Description: A simple responsive theme based on the Bootstrap framework. Includes multiple page templates, two different sidebars and a theme options panel.
Version: 3.3.1
Author: Chris Barnes
Author URI: http://cbarn.es
Tags: black, white, one-column, two-columns, flexible-width, custom-background, custom-colors, custom-menu, full-width-template, theme-options
License: GNU General Public License v2.0 & Apache License 2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html http://www.apache.org/licenses/LICENSE-2.0
*/

/* HEADS UP: Everything that you will normally find here can be found in the library/less/wp.less */
html, body{ height: 100%}
body{ font-family: 'Roboto', sans-serif; background-color: #f8f8f8; color: #232323; padding-top:106px; padding-bottom:42px }
.navbar-header{ width: 100%;}
.container > .navbar-header{ margin-right: 0px; margin-left: 0px;}
.navbar-brand{ width: 100%; margin-left: 0px; margin-right: 0px; text-align: center; padding-bottom: 0px; height: auto}
.navbar { margin-bottom: 0px; border-bottom: none;}
.navbar-default .navbar-brand, .navbar-default .navbar-nav > li > a {color: #232323;}
.navbar > .container .navbar-brand{  margin-left: 0px;}
.navbar-nav{ width: 100%; text-align: center; margin-right: 0px; margin-left:0px;}
.navbar-nav > li { float: none; display: inline-block; }
footer{ position: fixed; bottom: 0px; width: 100%; }
h1, h2, h3{ font-family: 'sketchticamedium';}
h2{ font-size: 2vw;}
h1{ margin-top: 0px; margin-bottom: 0px;}
.divider{ height: 2px; width: 100%; display: block; background-image: url("images/line.png"); background-size: 215px 2px;}
a { color: #232323; text-decoration: underline;}
a:hover, a:focus, .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus  { color: #666666;}
header a{ text-decoration: none; }
#inner-footer { padding-top: 10px;}
.content-full{ width: 100%; height: 100%; position: relative; background-color: rgba(180,167,158,0.2);}
.bg-intro{ position: absolute; opacity: 0.15; width: 100%; height: 100%; 
	background-image: url("images/bg_mosaico_grey_isapparel.jpg"); background-size: cover; background-repeat: no-repeat;}
.top-sx, .top-dx, .bottom-sx, .bottom-dx{ position: absolute; height: 50%; width: 50%; cursor:pointer }
.top-sx{ left: 0; top: 0;}
.top-sx h2, .bottom-sx h2{ padding-left: 35%; }
.top-dx h2, .bottom-dx h2{ padding-right: 35%; text-align: right}
.top-sx h2, .top-dx h2{ padding-top:20%;}
.bottom-sx h2, .bottom-dx h2{ padding-bottom:20%; position: absolute; bottom: 0;}
.top-dx{ right: 0; top: 0;}
.bottom-sx{ left: 0; bottom: 0;}
.bottom-dx{ right: 0; bottom: 0;}
.logo{ position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); 
height: 50%; width: 50%; }
h2{ margin-top: 0px; margin-bottom: 0px; }
.tox{ font-family: 'tox_typewriterregular', monospace;}
h3.tox{ font-size:30px; }
p.tox {font-size:20px; }
.cover{ background-size: cover}
.m-b-15{ margin-bottom: 15px;}
.hover-inner{ height: 100%; width: 100%;}
.hover-inner h2{ opacity: 0; width: 100%; -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -ms-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;}
.hover-inner:hover h2, .hover-inner:focus h2{ opacity: 1;  }
.hover .pop-up{ cursor: default!important;}
.pop-hover{
	max-width: 700px;
	margin: 0px auto;
	display: block;
	float: none;
}
.pop-up .container{
	max-height:100vh;
	width:100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	overflow-y:scroll;
}

.pop-up{ height:100vh; position:fixed; visibility: hidden; background-color:#FFFFFF; z-index:1500; width:100vw; top:0; left:0;}
.close-x{
	height:20px;
	width:20px;
	background-image:url("images/close.png");
	background-size:20px 20px;
	position:absolute;
	top:30px;
	right:30px;
	cursor:pointer;
	z-index:1501;
}
.margin-mybasic{ margin-left: 10%;}
.wufoo-ad-wrap {
  height: 100%;
  position: relative;
}
.wufoo-ad {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.g-top-dx,.g-top-sx,.g-bottom-sx,.g-bottom-dx{
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;}
.g-top-dx.hover{ 
	-moz-transform: translate(10%, -10%);
	-o-transform: translate(10%, -10%);
	-ms-transform: translate(10%, -10%);
	transform: translate(10%, -10%) }
.g-top-sx.hover{ 
	-moz-transform: translate(-10%, -10%);
	-o-transform: translate(-10%, -10%);
	-ms-transform: translate(-10%, -10%);
	transform: translate(-10%, -10%) }
.g-bottom-dx.hover{
	-moz-transform: translate(10%, 10%);
	-o-transform: translate(10%, 10%);
	-ms-transform: translate(10%, 10%); 
	transform: translate(10%, 10%) }
.g-bottom-sx.hover{ 
	-moz-transform: translate(-10%, 10%);
	-o-transform: translate(-10%, 10%);
	-ms-transform: translate(-10%, 10%); 
	transform: translate(-10%, 10%) }
svg:not(:root) { overflow: visible;}
footer p, .navbar-nav a { font-size: 12px;}

@media only screen and (max-width : 1200px) {
	h2{ font-size: 3.5vw }
}

@media only screen and (max-width : 992px) {
	h2{ font-size: 4vw }
}
@media only screen and (max-width : 768px) {
	h1{font-size: 25px;}
	h2{ font-size: 4.5vw }
	h3{font-size: 18px;}
	p{ font-size: 12px;}
	.top-sx h2, .top-dx h2{ padding-top:20%;}
	.bottom-sx h2, .bottom-dx h2{ padding-bottom:33%;}
	.top-sx h2, .top-dx h2{ padding-top:33%;}
	padding-top: {90px;}
}
@media only screen and (max-width : 768px) and (orientation: landscape){
	h2{ font-size: 3vw }
	.bottom-sx h2, .bottom-dx h2{ padding-bottom:10%;}
	.top-sx h2, .top-dx h2{ padding-top:10%;}
} 