/*
Theme Name: Beans
Theme URI: 
Author: Fefifolios
Author URI: 
Description: 
Version: 0.0.0
License: 
License URI: 
Tags: 
Text Domain: 
*/

/*=========PRE-EXISTING START==========*/
*{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
.clear{clear:both}

/*==========PRE-EXISTING END===========*/

.category-description {
    margin: 1em 0 2em;
}

/*00
**ALL
**=====================================*/
*{ text-decoration: none;}
/*a { color: #666; }
a:hover { color: #000; }*/
a, i, button, input[type="submit"] {
	transition: all .25s ease-in-out;
	-moz-transition: all color .25s ease-in-out;
	-webkit-transition: all color .25s ease-in-out; 
	cursor: pointer;
}

h1, h2, h3, h4, h5, h6 { line-height: 1; margin-bottom: .5em; }
hr {
	height: 1px;
	background-color: #ddd;
	margin: 20px 0;
}

strong { font-weight: bold; }


.entry-content p {
	margin-top: 10px;
	margin-bottom: 10px;
}
.entry-content p:first-child {
	margin-top: 0 !important;
	margin-bottom: 10px;
}
.entry-content p:last-child {
	margin-top: 10px;
	margin-bottom: 0;
}

.entry-content img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	max-width: 100%;
	height: auto;
}


/*01
**SITE WRAPPER
**=====================================*/
html { width: 100%; height: 100%; }
#site-wrapper { 
	border-color: #0000aa;
}



/*02
**HEADER
**=====================================*/
.skip-to-link {
    position: absolute;
    top: -10;
    left: 0;
    float: left;
    font-size: 0;
    line-height: 0;
    padding: 0;
    border: 0;
    margin: 0;
    width: 1px;
    height: 1px;
}
    
#header-wrapper { 
	position: absolute;
}
#header {
	position: fixed;
}
#header .justice {
	display: none;
}
#header.vertically-align-header {
    font-size: 0px;
	line-height: 0;
    text-align: justify;
}
#header.vertically-align-header:after {
    width: 100%;
	height: 0;
	content: '';
	display: inline-block;
}
#header.vertically-align-header .justice {
    width: 100%;
	height: 0;
}
#header.vertically-align-header .spacer {
	display: none !important;
}
#header.vertically-align-header > #logo,
#header.vertically-align-header > #menu,
#header.vertically-align-header > #menu_toggle {
    display: inline-block !important;
    vertical-align: middle;
    float: none !important; 
}
#header.vertically-align-header.vah-top > #logo,
#header.vertically-align-header.vah-top > #menu,
#header.vertically-align-header.vah-top > #menu_toggle {
    vertical-align: top;
}
#header.vertically-align-header.vah-bottom > #logo,
#header.vertically-align-header.vah-bottom > #menu,
#header.vertically-align-header.vah-bottom > #menu_toggle {
    vertical-align: bottom;
}

#header.vertically-align-header > #logo {
    width: auto !important;
    max-width: 100%;
}
#header.vertically-align-header #menu_toggle {
    text-align: right;
}
#header.vertically-align-header .menu-desktop .menu {
    text-align: right;
}
#header.vertically-align-header .menu-desktop .menu>li {
    float: none;
    display: inline-block;
}
#header.vertically-align-header .menu-desktop .menu>li .sub-menu {
    text-align: left;
}
    
#logo img, #logo .bg { 
	max-width: 100%;
	height: auto;
}


.menu-desktop, .menu-mobile { margin: 24px 0px; }
.menu-mobile li { clear: left; }
.menu-desktop .menu>li, .menu-mobile .menu>li { padding: 4px 0px 4px 0px; }
.menu-desktop .sub-menu, .menu-mobile .sub-menu { margin: 0px 0px 0px 10px; }
.menu-desktop .sub-menu>li, .menu-mobile .sub-menu>li {padding: 4px 0px; }

.menu-mobile .sub-menu {
    position: static;
    margin: .75em 0 1.5em;
}

/*Active Menu Colors*/
/*.menu a { color: #aaa; }
.current-menu-item>a { color: #000; }
.current-menu-parent>a { color: #aaa; } 
.menu a:hover { color: #000; }*/



#menu_toggle, .menu-mobile, .social-mobile, .sf-mobile {display: none;}
#header.vertically-align-header #menu_toggle {
    display: none !important;
}

#menu_toggle i { font-size: 20px; }
.menu-desktop, .social-desktop, .sf-desktop {display: block;}
.menu-mobile, .social-mobile, .sf-mobile {position: fixed; width: 0px; height: 0px; overflow: hidden; z-index: -1;}

/*#social-container-s::before, #social-container-s::after { content: ""; clear: both; }*/

/*03
**CONTENT
**=====================================*/

.news-container .news-fimage-wrapper { max-width: 30%; width: 30%; margin-right: 5%; float: left; clear: left; }
.news-container .news-fimage-wrapper a, .news-container .news-fimage-wrapper img { float: left; }
.news-container .news-fimage-wrapper img, .news-container .news-fimage-wrapper a { max-width: 100%; height: auto; }
.news-container .news-paragraph-wrapper.fimage { width: 65%; float: left; clear: right;}


#content-wrapper { 
	max-width: 100%;
    tab-index: -1;
}
#content {
}
.entry-content div.arve-wrapper  { max-width: 100%; }
.alignright { float: right; padding-left: 1em; padding-bottom: 1em;}
.alignleft { float: left; padding-right: 1em; padding-bottom: 1em; }

#portfolio-link-wrapper { float: left; font-size: 0; }
.entry-children {
    font-size: 0;
    margin: 0-20px;
}
.portfolio-link { position: relative; }
.portfolio-link-container { font-size: 14px; }
.portfolio-link-container img { width: 100% !important; height: auto;}
.portfolio-link-container, .portfolio-link-container a, .portfolio-link-container img { float: none; display: inline-block; vertical-align: top; }

/*.entry-content>p { margin: 15px 0px; }*/

#overlay { 
	background:rgba(0,0,0,.75);
	text-align:left;
	
	position:absolute;
	color: #fff;
	opacity:0;
	top: 0px;
	-webkit-transition: opacity 1s ease;
	transition: opacity 1s ease;
}
.portfolio-link-container:hover #overlay {
	opacity:1;
	-webkit-transition: opacity 1s ease;
	transition: opacity 1s ease;
}
.entry-content img { max-width: 100%; height: auto; margin: 1em 0; }
.entry-content img:first-child { margin-top: 0; }
.entry-content img:last-child { margin-bottom: 0; }
img.size-large { max-width: 100%; }

body .gallery img { border: none !important; float: left !important; width: auto !important; }
.gallery .gallery-item .gallery-icon { /*margin: 0px 10px;*/ }
.gallery > br, .gallery > p { display: none !important; }
.gallery br:last-child { display: block !important; }
.gallery .gallery-caption { display: none; }

.psthumbs { clear: both; }
.psthumbs .pager div { float: left; display: block; }
.psthumbs .pager div span, .psthumbs .pager div img { float: left; }
.psthumbs .pager div span { width: 100% !important; height: auto !important; }
.psthumbs .pager div img { margin: 0px !important; max-width: 100%; height: auto;}

.portfolio-slideshow, .portfolio-slideshow .slideshow-content, .portfolio-slideshow .slideshow-content a { max-width: 100%; width: 100% !important; height: auto !important; float: left; }
.portfolio-slideshow .slideshow-content.active-slide { position: static !important; }
.portfolio-slideshow .slideshow-content img { max-width: 100%; height: auto; float: none; width: auto !important; margin: 0 auto !important; display: block;}

.portfolio-link-container .bottomlay {
	clear: both;
	text-align: center;
	font-size: 1.2em;
	line-height: 1.2;
	margin: 5px 0;
}

.slideshow-meta { float: left; }
.slideshow-nav { margin-top: 0; clear: both; padding: 10px 10px; }

.slideshow-content { margin: 0px !important; }
.slideshow-wrapper { margin: 0px !important; }

/*advanced video embed override*/
.arve-wrapper { margin-bottom: 0px !important; }


article header {
    margin-bottom: 2em;
}
article footer {
    margin-top: 2em;
}

footer .navigation {
    margin: -1%;
    font-size: 0;
}
footer .navigation > div {
    width: 48%;
    margin: 1%;
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
}
footer .navigation > div:first-child {
    text-align: left;
}
footer .navigation > div:last-child {
    text-align: right;
}

.more-link {
    clear: both;
    display: block;
    float: none;
    margin-top: 1em;
}

/*03.5
**BLOG SECTION
**=====================================*/
.archive .news-container,
.blog .news-container {
    margin: 2.25em auto 2.25em;
}
.archive .news-container:first-of-type,
.blog .news-container:first-of-type {
    margin-top: 0;
}
.archive .news-container:last-of-type,
.blog .news-container:last-of-type {
    margin-bottom: 0;
}


/*04
**FOOTER
**=====================================*/

#side-footer { margin-top: 24px; }
#side-footer #copyright { font-size: .8em; }
footer #copyright, footer #fefifolios { float: left; }
#social-container-f { float: right; }
#social-container-s { float: none; margin-top: 6px; }
#social-container-f i { font-size: 21px; padding: 1px 3px;}
#social-container-s i { font-size: 15px; padding: 0px 3px 0px 0px;}

#copyright, #social-container-f a, #fefifolios { line-height: 24px; color: #ccc; }
#copyright { color: #bbb; }
#fefifolios { margin-left: 0px; font-size: .8em; }
#fefifolios a { 
	opacity: .35; 
}
#fefifolios a:hover { opacity: 1.0; }
#social-container-f a { color: #ccc; }
#social-container-s a { color: #ccc; }
#copyright, #social-container-f { height: 24px; overflow:hidden; }


/*05
**PLUGIN OVERRIDES
**=====================================*/
.fbx-loader>div:before {
 content: "" !important;
 background-image: url("https://beans.fefifolios.com/wp-content/uploads/2015/05/spiffygif_52x52.gif");
background-position: center center;
background-size: 52px auto;
background-repeat: no-repeat;
display: block;
height: 60px;
vertical-align: middle;
}

/*05
**WORDPRESS GALLERY
**=====================================*/

body .gallery .gallery-item {
  float: none !important;
  display: inline-block !important;
  height: auto !important;
  vertical-align: top;
}
body .gallery {
	font-size: 0;
  /*margin: 0 -20px 20px !important;*/
}
/*body.single-portfolio #content p { font-size: 1.2em; }*/	
.gallery .gallery-item .gallery-icon {
  vertical-align: middle;
  display: inline-block;
  max-width: 100%;
}


/*06
**MOBILE RESPONSE
**=====================================*/
/*REMEMBER TO KEEP THIS THE SAME AS THE MOBILE WIDTH IN REDUX*/
@media only screen and (max-width: 640px) {
}