/*
Theme Name: decisions_records
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: decisions_records
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

decisions_records is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
## Links
## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
## Posts and pages
## Asides
## Comments
# Infinite scroll
# Media
## Captions
## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust:     100%;
}

body {
margin: 0;
font-family: 'Roboto', sans-serif;
font-weight:500;
-webkit-font-smoothing: antialiased;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}

audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}

audio:not([controls]) {
display: none;
height: 0;
}

[hidden],
template {
display: none;
}

a {
background-color: transparent;
color:#000000 !important;
font-weight:700;
}
a:hover, a:focus, a:active {
    color:#FF3366 !important;
}
a:active,
a:hover {
outline: 0;
color:#FF3366 !important;
text-decoration:none !important;
}

abbr[title] {
border-bottom: 1px dotted;
}

b,
strong {
font-weight: bold;
}

dfn {
font-style: italic;
}

h1 {
font-size: 2em;
margin: 0em;
}

mark {
background: #ff0;
color: #000;
}

small {
font-size: 80%;
}

sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}

sup {
top: -0.5em;
}

sub {
bottom: -0.25em;
}

img {
border: 0;
}

svg:not(:root) {
overflow: hidden;
}

figure {
margin: 1em 40px;
}

hr {
box-sizing: content-box;
height: 0;
}

pre {
overflow: auto;
}

code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}

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 {
border: 0;
padding: 0;
}

input {
line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
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-appearance: textfield;
box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}

fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}

legend {
border: 0;
padding: 0;
}

textarea {
overflow: auto;
}

optgroup {
font-weight: bold;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

td,
th {
padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
color: #404040;
font-family: sans-serif;
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}

p {
margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
font-style: italic;
}

blockquote {
margin: 0 1.5em;
}

address {
margin: 0 0 1.5em;
}

pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}

code,
kbd,
tt,
var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 0.9375rem;
}

abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}

mark,
ins {
background: #fff9c0;
text-decoration: none;
}

big {
font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
box-sizing: inherit;
}

body {
background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
}

blockquote,
q {
quotes: "" "";
}

hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}

ul,
ol {
margin: 0 0 1.5em 3em;
}

ul {
list-style: disc;
}

ol {
list-style: decimal;
}

li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}

dt {
font-weight: bold;
}

dd {
margin: 0 1.5em 1.5em;
}

/*table {
margin: 0 0 1.5em;
width: 100%;
}*/

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
color: rgba(0, 0, 0, .8);
font-size: 12px;
font-size: 0.75rem;
line-height: 1;
padding: .6em 1em .4em;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
box-shadow: inset 0 0px 0 rgba(255, 255, 255, 0.8), inset 0 0px 0px rgba(255, 255, 255, 0.8), inset 0 -0px 0px rgba(0, 0, 0, 0.02);
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
border-color: #aaa #bbb #bbb;
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
padding: 3px;
}

textarea {
padding-left: 3px;
width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
color: royalblue;
}

a:visited {
color: purple;
}

a:hover,
a:focus,
a:active {
color: midnightblue;
}

a:focus {
outline: thin dotted;
}

a:hover,
a:active {
outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
clear: both;
display: block;
float: left;
width: 100%;
}

.main-navigation ul {
display: block;
list-style: none;
margin: 0;
padding-left: 0;
}

.main-navigation li {
float: left;
position: relative;
}

.main-navigation a {
display: block;
text-decoration: none;
}

.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 1.5em;
left: -999em;
z-index: 99999;
}

.main-navigation ul ul ul {
left: -999em;
top: 0;
}

.main-navigation ul ul a {
width: 200px;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
display: block;
}

@media screen and (min-width: 37.5em) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: block;
}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}

.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}

.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}

.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
max-width: 100%;
}

/* Search widget. */
.widget_search .search-submit {
display: none;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
display: block;
}

.hentry {
margin: 0 0 0em;
}

.byline,
.updated:not(.published) {
display: none;
}

.single .byline,
.group-blog .byline {
display: inline;
}

.page-content,
.entry-content,
.entry-summary {
margin: 0em 0 0;
}

.page-links {
clear: both;
margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
word-wrap: break-word;
}

.bypostauthor {
display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}

.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}

.wp-caption-text {
text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
margin-bottom: 1.5em;
}

.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}

.gallery-columns-2 .gallery-item {
max-width: 50%;
}

.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
max-width: 25%;
}

.gallery-columns-5 .gallery-item {
max-width: 20%;
}

.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}

.gallery-caption {
display: block;
}


/* CUSTOM CSS */
.four-oh-four {
    font-family: 'roboto', sans-serif;
    padding: 0.5em 0.5em;
    font-size: 1.5em;
    color: #ffffff;
}
p.four-oh-four {
font-size:1em;
padding: 0em 0.8em;
}
.four-oh-four a {
color:#FF3366 !important;
}
.four-oh-four a:hover {
color:#ffffff;
}
.bg-white {
background:#ffffff !important;
}

strong {
font-weight:700;
font-family: 'Roboto', arial, helvetica, sans-serif !important;
}

p {
font-family: 'Roboto', arial, helvetica, sans-serif !important;
font-weight:400 !important;
font-size:0.85em;
}
.woocommerce p {
    margin-bottom: 0em !important;
}
.woocommerce .pd-all-md {
padding:0em;
}
.space-right {
padding-right:1em;
}
.post-pad {
padding:1em 1em 0.25em 1em;
}
.height-spacer {
height:25px !important;
}
.entry-header {
padding-bottom:0.5em !important;
background:#ffffff;
}
.main-navigation a {
display: block;
text-decoration: none;
font-size: 1.5em;
color: #000000;
font-weight: bold;
text-transform: uppercase;
}
.main-navigation a:hover,
.main-navigation a:focus,
.main-navigation a:active,
.current_page_item a {
color:#ffffff !important;
}
ul.nav-menu {
padding:1em;
}
.main-navigation li {
float: none;
position: relative;
height:40px;
line-height:31px;
background: #FF3366;
padding-left:1em;
}
.main-navigation ul.open {
display: block;
margin-top:-2em;
}
.menu-close.open {
display:block;
}
.menu-toggle {
display: block;
width: auto;
height: auto;
font-size: 1em !important;
background: transparent;
border: 0px;
background-color: transparent !important;
box-shadow: 0px 0px !important;
text-shadow: 0px 0px !important;
cursor:pointer !important;
line-height:41px;
padding-left:1em;
font-weight:700;
color:#000000;
}
.main-navigation ul {
display: none;
}
header {
padding-bottom: 0px !important;
}
.site-header {
width: 100%;
height: 43px;
position: fixed;
top:0;
z-index:99;
}
.header-top {
height: 100%;
background: #FF3366;
padding: 0.15em 0em 0.5em 0em;
}
.header-bottom {
height:100px; 
background:#ffffff; 
text-align:center;
display:none;
}
.content-area {
width: 100%;
max-width: 100%;
position: static;
z-index: -1;
padding: 0em 0em 0em 0em;
margin-top:2.125em;
}
.menu-close {
    position: absolute;
    top: 0.025em;
    right: 0.5em;
    z-index: 99;
    font-size: 1em;
    color: #000000;
    font-weight: bold;
    display:none;
    cursor:pointer;
} 
footer {
height: auto !important;
width: 100%;
background: #ffffff;
display: block !important;
margin-top: 0em;
padding:1em;
text-align:center;
z-index:-1 !important;
}
footer img {
width: 10em;
max-width:100%;
}
.entry-footer {
display:none !important;
}
label.custom-meta {
display:block;
margin-bottom:5px;
}
div.fp-title {
    background: #ffffff;
    color: #000000;
    font-size: 1em;
    font-family: 'roboto', sans-serif;
    font-weight: 400;
    padding: 0.25em;
    width: 100%;
    bottom: 0px;
    position: relative;
    bottom: 0;
    z-index: 98;
}
div.fp-title.soundcloud {
margin-top:0px;
}
iframe { 
display: block !important; 
} 
#subscribe {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    bottom: 0;
    position: fixed;
    z-index: 999;
   display:none;
}
#subscribe.open {
display:block;
}
#subscribe #subscribeform {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #FF3366;
    width: 400px;
    height: auto;
    max-height:210px;
    padding: 1em;
    max-width:100%;
}
#subscribeform input {
    width: 100%;
    margin-bottom: 1em;
    border-radius: 0px;
    border: 0px;
    padding: 0.5em;
    text-transform:uppercase;
}
#subscribeform input[type="submit"] {
background:#ffffff;
text-align:center;
font-weight:700;
color:#000000 !important;
border-radius:0px;
border:0px;
height:40px;
font-size:20px;
line-height:23px;
}
::-webkit-input-placeholder {
  font-size:1em;
  text-transform:uppercase;
  font-weight:400;
}

:-moz-placeholder { /* Firefox 18- */
  font-size:1em;
  text-transform:uppercase;
  font-weight:400;
}

::-moz-placeholder {  /* Firefox 19+ */
  font-size:1em;
  text-transform:uppercase;
  font-weight:400;  
}

:-ms-input-placeholder {  
  font-size:1em;
  text-transform:uppercase;
  font-weight:400;
}
.exit {
position:absolute; 
right:1em; 
top:0.725em;
cursor:pointer;
color:#ffffff;
font-size:20px;
font-weight:700;
}
.exit.drape {
background:transparent; 
position:absolute; 
top:0; 
bottom:0; 
left:0; 
right:0; 
}
.image-centered {
    display: block;
    height: 0px;
    overflow: hidden;
    padding-bottom: 96%;
position: relative;
}
.image-centered img {
    width: 100% !important;
    height: auto;
}
.center-image.byheight img {
height: 100% !important;
    width: auto !important;
}
.center-image
{
	position: relative;
	display: block;
	height: 0px;
	overflow: hidden;
	padding-bottom: 100%;
}

.center-image img
{
	position: absolute;
	display: block;
	top: -50%;
	right: -50%;
	bottom: -50%;
	left: -50%;
	margin: auto;
	height: auto;
	width: 100% !important;
}
.center-image.byheight img {
	height:100% !important;
	width:auto !important;
}
.page-info {
padding:1em 1em 1em 1em;
}
.relatedposts {
margin-top:-0px;
z-index:-9 !important;
position:absolute !important;
width:100%;
max-width:100%;
}
.logo-vertical {
height:70%; 
width:auto; 
margin: auto; 
position:absolute;
left:0; 
right:0; 
top:0; 
bottom:0;
}
/* POSTS */
.post-left {
  /*  padding: 0.65em 1em 1em 1em; */
    background: #ffffff;
}

.post h1 {
font-size:1em;
font-weight:400;
background:#ffffff;
}
.flex-direction-nav.hide {
display:none !important;
}
.flex-direction-nav a:before  { 
    content: " ";
    display: block;
    background: url('http://www.esthergodoy.com/decisions_staging/assets/media/images/arrow-left.png') no-repeat;
    width: 30px;
    height: 50px;
}
.flex-direction-nav a.flex-next:before  { 
    content: " ";
    display: block;
    background: url('http://www.esthergodoy.com/decisions_staging/assets/media/images/arrow-right.png') no-repeat;
    width: 30px;
    height: 50px;
}
.flex-direction-nav a {
    opacity: 0 !important;
    height: 50px !important;
}
.flexslider:hover .flex-prev,
.flexslider:hover .flex-next  {
    opacity: 1 !important;
}
.flex-direction-nav .flex-prev {
    left: 1em !important;
}
.flex-direction-nav .flex-next {
    right: 0px !important;
}
.flex-prev.flex-disabled,
.flex-next.flex-disabled {
display:none !important;
}
.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center;
    display: none;
}

.flexslider {
     margin: 0 0 0px !important;
    background: #ffffff;
    border: 0px solid #fff !important;
    position: relative;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -o-border-radius: 0px !important;
    border-radius: 0px !important;
    -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.2) !important;
    -moz-box-shadow: 0 0px 0px rgba(0,0,0,.2) !important;
    -o-box-shadow: 0 0px 0px rgba(0,0,0,.2) !important;
    box-shadow: 0 0px 0px rgba(0,0,0,.2) !important;
    zoom: 1;
}

/*END POSTS*/
/* FEATHERLIGHT */
.featherlight .featherlight-content {
    position: relative;
    position: centering vertical and horizontal; 
    text-align: left;
    vertical-align: middle;
    display: inline-block;
   dimensions: cut off images; 
    overflow: auto;
    padding: 20px 20px 0 !important;
    border-bottom: 20px solid transparent !important;
    dimensions: handling small or empty content; 
    min-width: 40% !important;
    dimensions: handling large content; 
    margin-left: 5%;
    margin-right: 5%;
    max-height: 95%;
    background: #fff;
    cursor: auto;
    white-space: normal;
}
.featherlight-next, 
.featherlight-previous {
    display: none;
    position: absolute;
    top: 50%;
    left: 5%;
    width: 32% !important;
    text-align: center;
    font-size: 40px !important;
    line-height: 40px !important;
    margin-top: -40px !important;
    text-shadow: 0px 0px 0px #fff !important;
    color: #fff;
    font-style: normal;
    font-weight: normal;
}
.featherlight .featherlight-close-icon {
    background: transparent !important;
}
/* END FEATHERLIGHT */

/*WOO COMMERCE*/

.woocommerce ul.products li.product .button, 
.woocommerce .button a:focus,
.woocommerce .button a:hover,
.woocommerce .button a:active 
{
color:#ffffff !important;
font-size:0.85em;
margin-top:0em;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    border-radius:0 !important; 
   -moz-border-radius:0 !important;
   -webkit-border-radius:0 !important;
    padding: 0.325em;
}
body.woocommerce table.shop_table td {
    padding: 6px 0px !important;
}
body.woocommerce table.shop_table,
.woocommerce table.cart td.actions .input-text,
.woocommerce-checkout #payment,
.select2-container .select2-choice {
    border-radius:0 !important; 
   -moz-border-radius:0 !important;
   -webkit-border-radius:0 !important;
}
body.woocommerce .order_details {
    margin: 1em 0em;
    list-style: none;
    padding: 0em;
}
.woocommerce .entry-header {
    padding-bottom: 1em !important; 
   background:#ffffff;
}
.woocommerce .woocommerce-ordering select {
    vertical-align: top;
    display: none;
}
.woocommerce-page .page-title {
display:none !important;
}
.woocommerce-page .entry-content {
margin:0em !important;
}
.woocommerce div.product form.cart, .woocommerce div.product p.cart {
    margin-bottom: 1em;
}
.woocommerce-result-count {
display: none !important;
}
.woocommerce .entry-summary form {
padding:0em;
}
.woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
    width: 100% !important;
margin-bottom:1em;
}
.woocommerce ul.products li.product h3 {
    font-family: 'Roboto', arial, helvetica, sans-serif;
    font-weight: 400;
    color: #000000;
    font-size:0.85em;
}
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price, 
.woocommerce div.product span.price {
    color: #000000 !important;
}
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt 
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button {
    font-size: 0.85em;
    margin: 0;
    line-height: 1;
    cursor: pointer;
    position: relative;
    font-family: inherit;
    text-decoration: none;
    overflow: visible;
    padding: .618em 1em;
    font-weight: 700;
    border-radius: 0px !important;
    left: auto;
    color: #ffffff !important;
    background-color: #FF3366;
    border: 0;
    white-space: nowrap;
    display: inline-block;
    background-image: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    text-shadow: none;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    float: left;
    margin: 1em 1em 0em 0em;
    padding: 0;
    position: relative;
    width: 22.05%;
}
.woocommerce ul.products li.product a img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0em 0em 0em 0em;
    box-shadow: none;
}
a.added_to_cart {
    padding-top: .5em;
    white-space: nowrap;
    display: block !important;
    clear: both;
    background: #cdcdcd;
    width: 150px;
    padding: 0em !important;
    text-align: center;
    margin-top: 0.51em;
    color: #ffffff;
    font-family: 'Roboto', helvetica, arial, sans-serif;
    font-weight: 700;
    height: 38px;
    line-height: 38px;
    font-size: 0.85em;
}
.woocommerce .woocommerce-message {
    border-top-color: #FF3366 !important;
}
.woocommerce .woocommerce-info {
    border-top-color: #1e85be;
    display: none;
}
.woocommerce div.product div.images, .woocommerce div.product div.summary {
    margin-bottom: 0em;
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    float: right;
      width: 52%;
    padding-left: 1em;
}
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    float: right;
    width: 49% !important;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
    float: left;
    width: 50%;
}
.cart-collaterals .amount {
padding-left:1em;
}
.coupon {
margin:1em 0em;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: #cdcdcd !important;
    color: #fff;
}
.woocommerce-page h1, .woocommerce-page h2, .woocommerce-pageh3 {
font-family: 'Roboto', arial, helvetica, sans-serif !important;
font-size:1em !important;
text-transform:uppercase;
}
.woocommerce-page .entry-content {
    background: #ffffff !important;
    padding:0em;
}
.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {
    padding: 1em 2em 0em 3.5em!important;
    margin: 0em !important;
    position: relative;
    background-color: #ffffff !important;
    color: #515151;
    border-top: 3px solid #a46497;
    list-style: none!important;
    width: auto;
    word-wrap: break-word;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #FF3366 !important;
    color: #fff;
    -webkit-font-smoothing: antialiased;
}
.woocommerce-page .entry-title {
    padding: 0.75em 1em;
    background: #ebe9eb;
    font-size: 1.25em;
    text-transform: uppercase;
    font-weight:700;
}
.woocommerce .products ul, .woocommerce ul.products {
    padding: 0em 1em 1em 1em !important;
    background: #ffffff;
}
.woocommerce .woocommerce-breadcrumb {
    margin: 0 0 1em;
    padding: 0;
    font-size: .92em;
    color: #777;
    display: none;
}
.woocommerce-order-received .entry-content {
padding:1em;
}
.woocommerce div.product,
.cart-empty,
.return-to-shop {
    padding: 1em;
}
.woocommerce form {
padding:0em 1em;
}
.woocommerce div.product form.cart div.quantity {
    float: left;
    margin: 0 4px 15px 0;
}
.woocommerce #content {
background:#ffffff;
}
.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {
    padding: 1em 2em 1em 3.5em!important;
    margin: 0 0 2em!important;
    position: relative;
    background-color: #ffffff !important;
    color: #515151;
    border-top: 3px solid #000000;
    list-style: none!important;
    width: auto;
    word-wrap: break-word;
}
body.woocommerce-cart .wc-proceed-to-checkout {
    padding: 0em 0em 1em 0em;
}
body.woocommerce-cart .cart-collaterals .cart_totals table td, 
body.woocommerce-cart .cart-collaterals .cart_totals table th {
    padding: 0px 0px;
}
body.woocommerce .woocommerce-ordering, 
body.woocommerce .woocommerce-result-count {
    margin: 0em 0em 0.01em 0em;
}
body.woocommerce #content div.product div.thumbnails a, 
body.woocommerce div.product div.thumbnails a, 
body.woocommerce-page #content div.product div.thumbnails a, 
body.woocommerce-page div.product div.thumbnails a {
    margin-bottom: 0em;
}
body.woocommerce #content div.product div.images, 
body.woocommerce div.product div.images, 
body.woocommerce-page #content div.product div.images, 
body.woocommerce-page div.product div.images {
    float: left;
    width: 48%;
    padding-bottom: 1em;
}
body.woocommerce div.product form.cart .variations label {
color:#000000;
display:none;
}
body.woocommerce div.product form.cart .variations {
    margin-bottom: 1em;
    border: 0;
    margin-top: 0.5em;
}
body.woocommerce div.product form.cart .variations select {
    margin-bottom: 1em;
}
body.woocommerce div.product form.cart .variations td.label {
  padding-right: 0em !important;
}
body.woocommerce p.stock.in-stock {
display:none;
} 
/* WOO COMMERCE END */

.videoWrapper {
	position: relative;
	padding-bottom: 51.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* END CUSTOM CSS */
.table {
display:table;
height:100%;
width:100%;
}
.table-cell {
display:table-cell;
height:100%;
width:100%;
vertical-align:middle;
}
/* MASONRY */
.grid {
width:100%;
max-width:1600px;
}
.masonry-column-width {
width:100%;
}
.grid-item {
    width: 100%;
    height: auto;
    float: left;
    background: #000000;
    border: 0px solid #333;
    border-radius: 0px;
}
.grid-item img {
width:100%;
height:auto;
}
.grid-item img:hover {
    opacity:0.8;
}
.main-navigation a {
font-size: 1em;
font-family: 'roboto', sans-serif;
font-weight:700;
width:85%;
}
/* MASONRY */


@media(max-width:768px) {
body { font-size:20px;
}
.center-image.byheight img {
width:100%;
height:auto;
}
.relatedposts {
    position: relative !important;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    float: left;
    margin: 0em 1em 0em 0em;
    padding: 0;
    position: relative;
    width: 40.05%;
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    float: right;
      width: 52%;
    padding-left: 0em;
}
body.woocommerce ul.products li.product .button, 
body.woocommerce .button a:focus, 
body.woocommerce .button a:hover, 
body.woocommerce .button a:active {
    color: #FFF !important;
    font-size: 0.825;
    margin-top: 0em;
    width: 133px;
    padding: 0.5em 0.5em;
}

}
@media(max-width:992px) {
.woocommerce #content {
    padding-top: 30px;
}
footer {
    margin-top: 1em;
}
}
@media(min-width:768px) {
body { font-size:20px;
}
}

@media(min-width:992px) {
body {
font-size:20px;
}
.site-header {
width:200px; 
height:100%; 
position:fixed;
top:0;
}
.menu-toggle {
display: none;
}
.main-navigation.toggled .menu{
margin-top:0em;
}
.main-navigation ul {
display: block;
}
.main-navigation li {
height:1.5em;
line-height:1.5em;
padding-left:0em;
}
.header-top {
height:48%; 
padding:0.65em 1em 1em 1em;
}
.header-bottom {
display:block;
position:relative;
height:52%;
}
.content-area {
position: absolute;
padding: 0em 0em 0em 200px;
margin-top:0em;
min-height:100%;
}
footer {
display: none !important;
}
ul.nav-menu {
padding:0em;
}
.main-navigation ul.open {
display: block;
margin-top:-0em;
}
.menu-close.open {
display:none;
}
.grid-item,
.masonry-column-width {
    width: 50%;
}
.relatedposts {
position:absolute;
}
.woocommerce #content {
    padding-left: 120px;
    padding-bottom: 30px;
}
}

@media(min-width:1200px) {
body {
font-size:20px;
}
.grid-item,
.masonry-column-width {
    width: 33.333%;
}

}

@media(min-width:1600px) {
body {
font-size:20px;
}

.header-top {
height:40%; 
padding:0.65em 1em 1em 1em;
}
.header-bottom {
    height: 60%;
}
}

@media(min-width:2000px) {
body {
font-size:20px;
}
.content-area {
max-width:1800px; 
}

}

/* START Make the cart table responsive */
/* http://css-tricks.com/responsive-data-tables/ */

@media screen and (max-width: 2500px) {

/* Force table to not be like tables anymore */
.woocommerce-page table.shop_table, 
.woocommerce-page table.shop_table thead, 
.woocommerce-page table.shop_table tbody, 
.woocommerce-page table.shop_table th, 
.woocommerce-page table.shop_table td, 
.woocommerce-page table.shop_table tr { 
	display: block; 
}

/* Hide table headers (but not display: none;, for accessibility) */
.woocommerce-page table.shop_table thead tr { 
	position: absolute;
	top: -9999px;
	left: -9999px;
}

.woocommerce-page table.shop_table tr { 
	/*border: 1px solid #d2d3d3; */
}

.woocommerce-page table.shop_table td { 
	/* Behave  like a "row" */
	border: 1px solid #d2d3d3;
	border-bottom:0px; 
	position: relative;
	padding-left: 40% !important; 
padding-right:5%;
}
.woocommerce-page table.shop_table td:last-child {
border-bottom: 1px solid #d2d3d3;
}
.woocommerce-page table.shop_table {
	border: none;
}

.woocommerce-page table.shop_table td.product-spacer {
	border-color: #FFF;
	height: 10px;
}

.woocommerce-page table.shop_table td:before { 
	position: absolute;
	top: 6px;
	left: 6px;
	width: 25%; 
	padding-right: 10px; 
	white-space: nowrap;
}

/*
Label the data
*/
body.woocommerce-page table.shop_table td.product-remove:before {
	content: "DELETE";
}

body.woocommerce-page table.shop_table td.product-thumbnail:before {
	content: "IMAGE";
}

body.woocommerce-page table.shop_table td.product-name:before {
	content: "PRODUCT";
}

body.woocommerce-page table.shop_table td.product-price:before {
	content: "PRICE";
}

body.woocommerce-page table.shop_table td.product-quantity:before {
	content: "QUANTITY";
}

body.woocommerce-page table.shop_table td.product-subtotal:before {
	content: "SUBTOTAL";
}

body.woocommerce-page table.shop_table td.product-total:before {
	content: "TOTAL";
}

body.woocommerce .quantity, .woocommerce #content .quantity, .woocommerce-page .quantity, .woocommerce-page #content .quantity {
    margin: 0.25em 0em;
}

body.woocommerce-page table.cart td.actions, 
body.woocommerce-page #content table.cart td.actions {
	text-align: left;
	border:0;
	padding-left: 0px !important;
}

body.woocommerce-page table.cart td.actions .button.alt, 
body.woocommerce-page #content table.cart td.actions .button.alt {
	float: left;
	margin-top: 10px;
}

body.woocommerce-page table.cart td.actions div, 
body.woocommerce-page #content table.cart td.actions div,
body.woocommerce-page table.cart td.actions input, 
body.woocommerce-page #content table.cart td.actions input {
	margin-bottom: 10px;
}

body.woocommerce-page .cart-collaterals .cart_totals {
	float: left;
	width: 100%;
	text-align: left;
}

body.woocommerce-page .cart-collaterals .cart_totals th, 
body.woocommerce-page .cart-collaterals .cart_totals td {
	border:0 !important;
}

body.woocommerce-page .cart-collaterals .cart_totals table tr.cart-subtotal td,
body.woocommerce-page .cart-collaterals .cart_totals table tr.shipping td,
body.woocommerce-page .cart-collaterals .cart_totals table tr.total td {
	padding-left: 6px !important;
}

body.woocommerce-page table.shop_table tr.cart-subtotal td,
body.woocommerce-page table.shop_table tr.shipping td,
body.woocommerce-page table.shop_table tr.total td,
body.woocommerce-page table.shop_table.order_details tfoot th,
body.woocommerce-page table.shop_table.order_details tfoot td {
	padding-left: 6px !important;
	border:0 !important;
}

body.woocommerce-page table.shop_table tbody {
	padding-top: 10px;
}

body.woocommerce .col2-set .col-1, 
body.woocommerce-page .col2-set .col-1,
body.woocommerce .col2-set .col-2, 
body.woocommerce-page .col2-set .col-2,
body.woocommerce form .form-row-first, 
body.woocommerce form .form-row-last, 
body.woocommerce-page form .form-row-first, 
body.woocommerce-page form .form-row-last {
	float: none;
	width: 100%;
}

body.woocommerce .order_details ul, 
body.woocommerce-page .order_details ul,
body.woocommerce .order_details, 
body.woocommerce-page .order_details {
	padding:0;
}

body.woocommerce .order_details li, 
body.woocommerce-page .order_details li {
	clear: left;
	margin-bottom: 10px;
	border:0;
}

/* make buttons full width, text wide anyway, improves effectiveness */
#content table.cart td.actions .button,
body.woocommerce #content table.cart td.actions .input-text,
body.woocommerce #content table.cart td.actions input,
body.woocommerce table.cart td.actions .button,
body.woocommerce table.cart td.actions .input-text,
body.woocommerce table.cart td.actions input,
body.woocommerce-page #content table.cart td.actions .button,
body.woocommerce-page #content table.cart td.actions .input-text,
body.woocommerce-page #content table.cart td.actions input,
body.woocommerce-page table.cart td.actions .button,
body.woocommerce-page table.cart td.actions .input-text,
body.woocommerce-page table.cart td.actions input {
width: 100%;
}

/* keep coupon at 50% */
body#content table.cart td.actions .coupon .button,
body.woocommerce #content table.cart td.actions .coupon .input-text,
body.woocommerce #content table.cart td.actions .coupon input,
body.woocommerce table.cart td.actions .coupon .button,
body.woocommerce table.cart td.actions .coupon .input-text,
body.woocommerce table.cart td.actions .coupon input,
body.woocommerce-page #content table.cart td.actions .coupon .button,
body.woocommerce-page #content table.cart td.actions .coupon .input-text,
body.woocommerce-page #content table.cart td.actions .coupon input,
body.woocommerce-page table.cart td.actions .coupon .button,
body.woocommerce-page table.cart td.actions .coupon .input-text,
body.woocommerce-page table.cart td.actions .coupon input {
width: 100%;
}

/* clean up how coupon inputs display */
body#content table.cart td.actions .coupon,
body.woocommerce table.cart td.actions .coupon,
body.woocommerce-page #content table.cart td.actions .coupon,
body.woocommerce-page table.cart td.actions .coupon {
margin-top: 0em;
}

body#content table.cart td.actions .coupon .input-text,
body.woocommerce table.cart td.actions .coupon .input-text,
body.woocommerce-page #content table.cart td.actions .coupon .input-text,
body.woocommerce-page table.cart td.actions .coupon .input-text {
margin-bottom: 1em;
}

/* remove cross sells, they interfere with flow between cart and cart totals + shipping calculator */
body.woocommerce .cart-collaterals .cross-sells,
body.woocommerce-page .cart-collaterals .cross-sells {
display: none;
}
body.woocommerce-page .cart-collaterals .cart_totals {
padding-left:1em;
margin-top:-1.5em;
}
body.woocommerce table.shop_table td {
    padding: 6px 0px !important;
}
body.woocommerce-page table.shop_table tr {
margin-top:1em;
}
body.woocommerce-page table.shop_table tr:first-child {
margin-top:0em;
}
body..woocommerce table.shop_table {
    margin: 0px 0px 0px 0px;
}
body.woocommerce-billing-fields h3 {
padding:0.5em 0em 0em 0em;
margin:0;
font-size:1em;
}
body.woocommerce div.product .product_title {
    padding: 0.5em;
}
#billing_address_2 {
display:none;
}
body.woocommerce table.shop_table th {
    padding: 9px 0px !important;
}
body.woocommerce h1,
body.woocommerce h2,
body.woocommerce h3 {
font-size:1em;
}
body.woocommerce div.product form.cart .button {
    vertical-align: middle;
    float: none;
    clear: both;
    display: block;
    margin-top: 3em;
}
}

/* END Make the cart table responsive */