/*
Theme Name: Foundation
Design Studio: Obox Themes http://oboxthemes.com/
Version: 1.1.5
Author: Obox Themes
Author Description: Creators of beautiful and useable premium WordPress themes.
Author URI: http://oboxthemes.com/
Theme URI: http://oboxthemes.com/theme/foundation
Description: A one page theme for freelancers and small business owners who want to get the job done. Featuring 7 unique post types and a great user experience, there is no better theme for your business.
Tags: scroller, responsive, team, services, portfolio
License: Wordpress derivate http://www.gnu.org/licenses/gpl-2.0.html
License URI: http://www.gnu.org/licenses/gpl.html

*-----------------------------*
WARNING! DO NOT EDIT THIS FILE!
*-----------------------------*

To make updates to your theme, do not edit the styles in this file. Rather use
the Custom CSS field in Theme Options to add your style changes. By copying a style from this
file and pasting it in Theme Options, you will override the style in this file and avoid
losing changes with theme updates or reinstalls.

*/


@import url(reset.css);
@import url(clearfix.css);
@import url(social.css);
@import url(editor-style.css);


/*-------------------------------------------------------------------------------------------*/
/*- SETUP STD CLASSES -----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html{-webkit-text-size-adjust: none;}
body{background: #f8f8f8; font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif; font-size: 15px; color: #595959; line-height: 180%; overflow-x: hidden; text-rendering: optimizelegibility;}


label{display: block; margin-bottom: 0; color: #323232; font-size: 16px;}
textarea, input{padding: 8px 15px; background: #fff; font-size: 13px; line-height: 180%;}
textarea{width: 90%; padding: 9px; border: 1px solid #c4c4c4; border-radius: 5px; -webkit-appearance: none; box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);}
input[type=text], input[type=password]{width: 100%; max-width: 280px; padding: 8px; border: 1px solid #c4c4c4; border-radius: 5px; box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2); -webkit-appearance: none;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none; margin: 0;}

a{color: #E84C3D; text-decoration: none; transition: all .3s ease-in-out;}
a:hover{color: #333;}

strong{font-weight: 700;}

img{max-width: 100%; height: auto;}
iframe, embed, object{max-width: 100%;}

.action-link{display: inline-block; padding: 8px 16px; background: none; border: 2px solid #fff; border-radius: 3px; color: #fff; text-shadow: none; text-transform: uppercase; letter-spacing: 2px; font-size: 12px; font-weight: 700;}
.action-link:hover{border-color: #26ADE4;}

/*-------------------------------*/
/*- LAYOUTS ---------------------*/
.no_bg{background-image: none;}
.clearboth{clear: both}
.floatleft{float: left;}
.floatright{float: right;}
.floatright{float:right;}
.no_display{display: none;}
.opacity_zero{opacity: 0;}

/*-------------------------------*/
/*- DEFAULT WORDPRESS STYLING ---*/
.wp-caption {border: 1px solid #cccccc; text-align: center; background-color: #f0f0f0; padding: 5px 0 10px 5px; margin-bottom: 10px; max-width: 96%;}
.wp-caption.alignleft { margin: 0 10px 10px 0; }
.wp-caption.alignright { margin: 0 0 10px 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; max-width: 98.5%;}
.wp-caption p.wp-caption-text { font-size: 13px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
.wp-caption.alignnone {margin: 5px 20px 20px 0;}

.alignnone {margin: 5px 20px 20px 0;}
.aligncenter, div.aligncenter {display:block; margin: 5px auto 5px auto;}
.alignright {float:right; margin: 5px 0 20px 20px;}
.alignleft {float:left; margin: 5px 20px 20px 0;}
.aligncenter {display: block; margin: 5px auto 5px auto;}

a img.alignright {float:right; margin: 5px 0 20px 20px;}
a img.alignnone {margin: 5px 20px 20px 0;}
a img.alignleft {float:left; margin: 5px 20px 20px 0;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto;}

pre{padding: 15px; margin: 0 0 22px 0; background-color: #f0f0f0; border: 1px solid #dadada; overflow-x: auto; overflow-y: auto; white-space: pre-wrap; word-wrap: break-word; text-indent: 0; font-family: 'Courier New', Courier, monospace; font-size: 13px; line-height: 1.3em; color: #333; orphans: 2; text-transform: none; widows: 2;}

.gallery-item img:hover{opacity:0.4; filter:alpha(opacity=40); /* For IE8 and earlier */ transition: ease-in-out 1s;}
.gallery-caption {margin-left: 0; font-size: 13px; width: 74%;}

small {font-size: 75%;}

sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
table {border-collapse: collapse; border-spacing: 0;}

em, i {font-style: italic;}

abbr, acronym, dfn {border-bottom: 1px dotted #666;cursor: help;}
address {display: block; margin: 0 0 1.625em;}
ins {text-decoration: none;}


/* WP3.4 Required */
.sticky{}
.bypostauthor{}


/*-------------------------------------------------------------------------------------------*/
/*- GENERAL LAYOUT --------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#wrapper{background: #fff; position: relative; z-index: 4; transition: all .25s ease-in-out;}
#wrapper.open{-webkit-transform: translateX(-276px); transform: translateX(-276px);}

#header-container{width: 100%; position: relative; z-index: 9; background: #E84C3D;}
#header{padding: 20px 20px 20px; margin: auto; position: relative; transition: all 0.3s ease 0s;}

.home #header-container{position: absolute; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0) 100%);
                        background: -webkit-linear-gradient(top, rgba(0,0,0,0.45) 0%,rgba(0,0,0,0) 100%);}
.page-template-widget-page-php #header-container{position: absolute; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.45) 0%,rgba(0, 0, 0, 0) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.45) 0%,rgba(0,0,0,0) 100%);}

#content-container{padding-top: 1px; position: relative; z-index: 8;}
#content{max-width: 1040px; margin: auto; padding: 60px 20px; position: relative;}

#sidebar-container{width: 276px; position: fixed; right: 0; z-index: 3; display: none; background: #111;}
#sidebar-container.open{display: block;}

#footer-container{padding: 100px 20px 0px; background: #fff; position: relative; z-index: 8;}
#footer{margin: 0 auto; max-width: 1000px;}
#footer-base-container{clear: both; padding: 80px 20px; background: #fff; position: relative; z-index: 8;}
.footer-text{max-width: 1000px; margin: auto; padding: 0; overflow: hidden;}

/*-------------------------------*/
/*- WRAPPER BOXED ---------------*/
#wrapper.boxed{max-width: 1140px; margin: 0 auto; position: relative; overflow: hidden;}
#wrapper.boxed #header-container{display: block; max-width: 1140px; margin: auto; left: auto;}
#wrapper.boxed .slider{position: relative; max-width: 1180px;}
#wrapper.boxed .home-page{margin-top: 0;}
#wrapper.boxed #widget-block{margin-top: 0 !important; background: #fff;}


/*-------------------------------------------------------------------------------------------*/
/*- COMMON ELEMENTS -------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/


/*-------------------------------*/
/*- FORMS -----------------------*/
textarea, input, button{color: #595959;}
button, input[type=button], input[type=submit]{cursor: pointer; border: none; background: #E84C3D; color: #fff; -webkit-appearance: none;}

.form-description{margin-bottom: 20px;}

fieldset{padding: 10px; margin-bottom: 20px; background: #f4f4f4;}
fieldset p:last-child{margin-bottom: 0;}

.alert{padding: 5px; margin-bottom: 20px; border: 1px solid; color: #333; font-weight: 700;}
.alert p:last-child{margin-bottom: 0;}
.alert.success{background-color: #66CC99; border-color: #009966;}
.alert.note{background-color: #ffc; border-color: #FFCC66;}
.alert.fail{background-color: #FF9999; border-color: #c00;}


/*--------------------------*/
/*- GRIDS ------------------*/
.grid{overflow: hidden; margin: 0 0 20px 0 !important;}
.grid li{list-style-type: none;}


/*---------------------*/
/*- SIX COLUMNS -------*/
.six-column{clear: both; position: relative; overflow: hidden;}
.six-column .column{float: left; width: 15%; margin-right: 2%; position: relative;}
.six-column .column:nth-child(6n+6){margin-right: 0;}
.six-column .column:nth-child(6n+7){clear: left;}
.six-column h4.post-title{margin-bottom: 10px;}
.six-column .post-image{overflow: hidden;}
.six-column .button{clear: both; float: left !important; margin: 0 !important; padding: 10px;}
.six-column .star-rating{float: left; margin-top: 10px;}
.six-column li p{font-size: 80%;}
.six-column .read-more{font-size: 80%;}
.six-column .post-date{font-size: 80%;}

/*---------------------*/
/*- FIVE COLUMN -------*/
.five-column{clear: both; position: relative; overflow: hidden;}
.five-column .column{float: left; width: 17.5%; margin-right: 2%; margin-top: 20px; position: relative;}
.five-column .column:nth-child(5n+5){margin-right: 0;}
.five-column .column:nth-child(5n+6){clear: left;}
.five-column h4.post-title{margin-bottom: 10px;}
.five-column .post-image{max-height: 90px; overflow: hidden;}
.five-column .button{clear: both; float: left !important; margin: 0 !important; padding: 10px;}
.five-column .star-rating{float: left; margin-top: 10px;}
.five-column li p{font-size: 80%;}
.five-column .read-more{font-size: 80%;}
.five-column .post-date{font-size: 80%;}

/*---------------------*/
/*- FOUR COLUMNS ------*/
.four-column{clear: both;}
.four-column .column{float: left; width: 23.5%; margin-right: 2%;}
.four-column .column:nth-child(4n+4){margin-right: 0;}
.four-column .column:nth-child(4n+5){clear: left;}
.four-column .column:nth-child(3n+4){clear: none;}
.four-column .post-image{float: none; margin: 0 0 20px;}
.four-column .content{text-align: center;}

/*---------------------*/
/*- THREE COLUMNS -----*/
.three-column{clear: both;}
.three-column .column{float: left; width: 32%; margin-right: 2%;}
.three-column .column:nth-child(3n+3){margin-right: 0;}
.three-column .column:nth-child(3n+4){clear: left;}
.three-column .post-image{float: none; margin: 0 0 20px;}
.three-column .content{text-align: center;}

/*---------------------*/
/*- TWO COLUMNS -------*/
.two-column{clear: both;}
.two-column .column{float: left; width: 49%; margin-right: 2%; margin-bottom: 80px;}
.two-column .column:nth-child(2n+2){margin-right: 0;}
.two-column .column:nth-child(2n+3){clear: left;}
.two-column .column:nth-child(2n+3){clear: left;}
.two-column .post-image{float: left; max-width: 87px; height: auto; margin: 0px 25px 0px 0px;}
.two-column .content{text-align: left;}

/*---------------------*/
/*- ONE COLUMN --------*/
.one-column .column{float: left; width: 100%; margin-bottom: 30px;}
.one-column .post-title a{padding: 20px 0;}
.one-column .post-image{float: left; max-width: 87px; max-height: auto; margin: 0px 25px 0px 0px;}
.one-column .content{text-align: left;}


/*--------------------------*/
/*- TITLES -----------------*/
.title-block{max-width: 1000px; padding: 100px 20px; margin: auto;}
.title-block h2{color: #fff; text-align: center; font-size: 62px; line-height: 72px; font-weight: 400;}
.title-block h2 a{color: #fff;}
.title-block h2 a:hover{color: #a8b545;}
.title-block p{max-width: 600px; margin: 20px auto 0; color: #fff; text-align: center; font-size: 20px; line-height: 30px; font-weight: 200;}



/*-------------------------------------------------------------------------------------------*/
/*- HEADER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

/*--------------------------*/
/*- HEADER ROW -------------*/
.logo{float: left;}
.default-logo{font-size: 20px; line-height: 30px; font-weight: 900; text-transform: uppercase;}
.default-logo a{color: #fff;}
.default-logo a:hover{color: rgba(255, 255, 255, 0.8);}
.logo img{display: block;}

/*--------------------------*/
/*- COMPACT MENU ----------*/
#menu-drop-button{float: right; display: block; padding-right: 40px; margin: 0; background: url(images/layout/drop-down.png) center right no-repeat; color: #fff; text-transform: uppercase; font-size: 12px; font-weight: 700; line-height: 28px;}
#menu-drop-button:hover{padding-right: 45px;}

/*---------------------------*/
/*- DOTTED NAVIGATION -------*/
.dot-nav{position: fixed; width: 20px; top: 50%; right: 0; z-index: 100; transition: all 0.2s ease-in-out; opacity: 0;}
.dot-nav a{display: block; width: 12px; height: 12px; padding: 5px; margin: 0 0 15px; background: rgba(0, 0, 0, 0.45);  border-radius: 100px; text-indent: -999px; overflow: hidden; transition:all 0.1s ease-out;}
.dot-nav a.selected{background: rgba(0, 0, 0, 0.65); transform: scale(1.3); -webkit-transform: scale(1.3);}
.dot-nav a:hover{border-color: #000; transform: scale(1.3); -webkit-transform: scale(1.3);}
.show-dots .dot-nav{opacity: 1; right: 20px;}
.show-dots.open .dot-nav{opacity: 0; right: 0;}

.left-dots{left: 0px;}
.show-dots .left-dots{left: 20px;}

/*-------------------------------------------------------------------------------------------*/
/*- SLIDER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/


/*-------------------------------------------*/
/*- SLIDER AREA -----------------------------*/
.slider-widget{margin-top: 0; transition: 0.4s all ease-in-out;}
.slider{position: fixed; width: 100%; z-index: 1; overflow: hidden; height: 670px; z-index: 1;}
.slider	.slider-bg{position: absolute; z-index: 2; display: block; margin-left: auto; margin-right: auto; left: 0; right: 0;}
.slider	.slider-bg img{position: absolute; max-width: none;}

.slider .slider-content{max-width: 1000px; margin: auto; position: relative; z-index: 3;}
.slider ul{position: relative;}
.slider .slide{position: absolute; top: 0; width: 100%; height: 670px; background-size: cover; background-color: transparent;
               visibility: hidden; opacity: 0; transition: 0.4s all ease-in-out; z-index: 0;}
.slider .slide.slide-active{visibility: visible; opacity: 1; z-index: 1;}

.videobg{position: absolute; z-index: 2; display: block; margin-left: auto; margin-right: auto; left: 0; right: 0; text-align: center;}
.videobg video{width: 100%; height: auto;}

/*---------------------------------------*/
/*- SLIDER ARROWS -----------------------*/
.slider-arrows{position: absolute; top: 50%; margin-top: -20px; z-index: 3; width: 100%;}
.slider-arrows a{position: absolute; display: block; width: 40px; height: 40px; border: 2px solid #fff; border-radius: 100%; text-indent: -999px; overflow: hidden;}
.slider-arrows .next{right: -10px; opacity: 0; background: url(images/layout/arrow-right.png) center no-repeat;}
.slider-arrows .previous{left: -10px; background: url(images/layout/arrow-left.png) center no-repeat; opacity: 0;}
.slider:hover .slider-arrows .next{right: 20px; opacity: 1;}
.slider:hover .slider-arrows .previous{left: 20px; opacity: 1;}

/*---------------------------------------*/
/*- SLIDER COPY -------------------------*/
.slider-body{float: left; width: 48%; margin-top: 70px; position: relative; z-index: 2;}

.slider-body.full{width: 100%; margin: auto; text-align: center;}
.slider-body.full p{margin: 20px 10% 0;}

.slide h2{color: #fff; font-size: 50px; line-height: 60px; font-weight: 300; position: relative; left: -10px; opacity: 0;
          transition: 0.3s all ease-in-out; transition-delay: 0.5s;}
.slide h5{margin: 20px 0 0; color: #fff; font-size: 26px; line-height: 36px; font-weight: 400; position: relative; left: -10px; opacity: 0;
          transition: 0.3s all ease-in-out; transition-delay: 0.6s;}
.slide .slider-copy{margin: 20px 10% 0 0; color: rgba(255, 255, 255, 0.80); font-size: 22px; line-height: 30px; font-weight: 200; position: relative; left: -10px; opacity: 0;
                    transition: 0.3s all ease-in-out; transition-delay: 0.7s;}
.slide p:empty{display: none;}
.slide .action-link{display: inline-block; padding: 8px 20px; margin: 20px 0 0; background: none; border: 2px solid #fff; border-radius: 3px; color: #fff; text-shadow: none; text-transform: uppercase; letter-spacing: 2px; font-size: 12px; font-weight: 700; position: relative; bottom: -10px; opacity: 0;
                    transition: 0.3s all ease-in-out; transition-delay: 0.5s;}
.slide .action-link:hover{border-color: #26ADE4; transition-delay: 0.0s;}

/*---------------------------------------*/
/*- SLIDER IMAGE ------------------------*/
.slide .slider-image{float: right; width: 48%; overflow: hidden; position: relative; z-index: 2; position: relative; top: -20px; opacity: 0;
                     transition: 0.3s all ease-in-out; transition-delay: 0.5s;}
.slide .slider-image a{display: block;}
.slide .slider-image.right a img{float: right;}
.slide .slider-image.left a img{float: left;}

/*-----------------------------------*/
/*- SLIDER ELEMENT ANIMATIONS -------*/
.slide.slide-active h2{opacity: 1; left: 0; position: relative;}
.slide.slide-active h5{opacity: 1; left: 0; position: relative;}
.slide.slide-active .slider-copy{opacity: 1; left: 0; position: relative;}
.slide.slide-active .action-link{opacity: 1; bottom: 0; position: relative;}
.slide.slide-active .slider-image{opacity: 1; top: 0; position: relative;}

/*---------------------------------------*/
/*- SLIDER POSITIONS --------------------*/
.image-title .slider-body{float: none; width: 100%; margin: 35px auto 0; text-align: center;}
.image-title .slider-copy{margin-left: auto; margin-right: auto; max-width: 700px;}
.image-title .slider-image{float: none; width: 100%; margin-top: 40px; text-align: center;}

.image-left .slider-body{float: right;}
.image-left .slider-image{float: left;}

.image-only .slider-body{display: none;}
.image-only .slider-image{float: none; width: auto; margin: 0 auto; text-align: center;}
.image-only .has-video{width: 70%;}

.text-only .slider-body{float: none; width: auto; margin: 0 auto; text-align: center;}
.text-only .slider-body .slider-copy{max-width: 940px; margin-left: auto; margin-right: auto;}
.text-only .slider-image{display: none;}

/*---------------------------------------*/
/*- SLIDER TEXT DECORATION --------------*/
.dark h2, .light h2{margin-left: 10px; line-height: 70px;}
.dark h2 span, .light h2 span{padding: 0px;}

.dark h5, .light h5{margin-left: 10px; line-height: 33px;}
.dark h5 span, .light h5 span{padding: 2px 0px;}

.dark .slider-copy, .light .slider-copy{margin-left: 10px;}

.dark h2 span, .dark h5 span, .dark .slider-copy p{display: inline; background: rgba(0,0,0,0.4); box-shadow: 10px 0 0 rgba(0,0,0,0.4), -10px 0 0 rgba(0,0,0,0.4);}

.light h2 span, .light h5 span, .light .slider-copy p{display: inline; background: rgba(255, 255, 255, 0.4); box-shadow: 10px 0 0 rgba(255, 255, 255,0.4), -10px 0 0 rgba(255, 255, 255,0.4);}

.shadow .slider-body{text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.6);}



/*-------------------------------------------------------------------------------------------*/
/*- HOME PAGE -------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

/*-------------------------------------------*/
/*- HOME PAGE WIDGETS -----------------------*/
#widget-block{clear: both; position: relative; z-index: 3; padding: 0; margin-top: 670px; background-color: #fff; overflow: hidden; text-align: center;}

#widget-block li.widget{list-style-type: none;}

.no-slider #widget-block{margin-top: 0 !important;}
#widget-block .widget-list{clear: both;}

/*---------------------------------------*/
/*- DEFAULT WIDGET COLORING -------------*/
#widget-block .widget-list .widget:nth-child(even){background-color: #f7f7f7;}
#widget-block .widget-list .widget:last-child{}


/*---------------------------------------*/
/*- WIDGET GLOBAL -----------------------*/
#widget-block .widget{padding: 90px 20px;}
#widget-block .widgettitle{max-width: 1000px; margin: 0 auto 30px; font-size: 22px; line-height: 30px; font-weight: 400; color: #323232;}
#widget-block .widgettitle a{color: #fff;}
#widget-block .widgettitle a:hover{color: #fff; border-bottom-color: #fff;}

#widget-block .widget-description{max-width: 660px; margin: -20px auto 40px; font-size: 15px; line-height: 26px;}

#widget-block .widget_text  .widgettitle{ font-size: 32px;}

/*---------------------------------------*/
/*- TEXT WIDGET -------------------------*/
#widget-block .textwidget{max-width: 1000px; margin: auto; font-size: 26px; line-height: 38px; font-weight: 200;}

/*---------------------------------------*/
/*- ALIGNMENT ---------------------------*/
.widget_text.leftalign .widgettitle, .widget_text.leftalign .textwidget{text-align: left;}

/*---------------------------------------*/
/*- CONTENT WIDGET ----------------------*/
.no-slider{margin-top: 0 !important;}

.content-widget-item{max-width: 1000px; position: relative; margin: auto;}

.content-widget .title-content{max-width: 1000px; position: relative; margin: auto;}
.content-widget .column{position: relative;}
.content-widget .content{}

.content-widget .post{margin: 0 auto; padding-bottom: 0; border-bottom: none;}
.content-widget .post-image{position: relative; display: block; overflow: hidden; transition: all .2s ease-in-out;}
.content-widget .post-image img{display: block; margin: auto; transition: all .2s ease-in-out;}
.content-widget .post-date{color: #999;}

.content-widget .post-title{font-size: 21px; line-height: 30px; color: #323232;}
.content-widget .post-title a{color: #323232;}
.content-widget .post-title a:hover{color: #E84C3D;}

.content-widget .copy{margin: 10px 0 0; color: #595959; font-size: 14px; line-height: 25px; font-weight: 400;}
.content-widget .copy p:last-of-type{margin-bottom: 0;}

.content-widget iframe{max-height: 100%;}

/*-----------------------------------*/
/*- TITLE DESCRIPTION ALIGNMENT ------*/
.content-widget.leftalign .widgettitle, .content-widget.leftalign .widget-description{text-align: left;}
#widget-block .content-widget.leftalign .widget-description{margin: -20px 0px 40px;}

.content-widget.rightalign .widgettitle, .content-widget.rightalign .widget-description{text-align: right;}
#widget-block .content-widget.rightalign .widget-description{float: right; margin: -20px 0px 40px; text-align: right;}

/*-----------------------------------*/
/*- SERVICES CONTENT TYPE -----------*/
#widget-block  .services-content-widget{padding: 90px 20px 10px;}
.services-content-widget .column{}
.services-content-widget .content{overflow: hidden;}
.services-content-widget .post-title{margin-top: 0;}
.services-content-widget .copy{}
.services-content-widget .copy p{margin: 0;}


/*-----------------------------------*/
/*- TEAM CONTENT TYPE ---------------*/
.team-content-widget .post-image{position: relative; overflow: hidden;}

.team-content-widget .post-image img{ overflow: hidden;}
.team-content-widget .post-image:hover img{transform: scale(1.1); -webkit-transform: none;}

.team-content-widget .post-image .content{position: absolute; width: 100%; height: 100%; top: 0; background: rgba(255, 255, 255, 0.7); overflow: hidden; transition: all .3s ease-in-out; opacity: 0;}
.team-content-widget .post-image:hover .content{opacity: 1;}

.team-content-widget .post-image .team-social{position: relative; padding-top: 15px; transition-delay: 0.15s; transition: all .3s ease-in-out;}
.team-content-widget .post-image:hover .team-social{position: relative; padding-top: 5px;}

.team-content-widget .post-title{margin: 30% 0 0; font-size: 16px; color: #555; font-weight: 700;}
.team-content-widget .position{font-size: 11px; color: #777; font-weight: 700; letter-spacing: 2px; text-transform: uppercase;}

.team-content-widget .team-social{display: block; text-align: center;}
.team-content-widget .team-social li{display: inline; margin: 0 5px;}
.team-content-widget .team-social li a{width: 32px; height: 32px; display: inline-block; text-indent: -99999px;}

.team-facebook{background: url(images/layout/social-icons/facebook-32.png) no-repeat;}
.team-twitter{background: url(images/layout/social-icons/twitter-32.png) no-repeat;}
.team-linkedin{background: url(images/layout/social-icons/linkedin-32.png) no-repeat;}


/*-----------------------------------*/
/*- PORTFOLIO CONTENT TYPE ----------*/
.portfolio-content-widget .category-cloud{max-width: 1000px; margin-bottom: 40px; margin-top: -20px; text-align: left;}
.portfolio-content-widget .category-cloud li{border-radius: 4px; display: inline-block; margin-right: 10px; border: 2px solid rgba(0, 0, 0, 0.25);}
.portfolio-content-widget .category-cloud li a{padding: 3px 15px; color: #777; font-size: 13px;}
.portfolio-content-widget .category-cloud li:hover{border: 2px solid rgba(0, 0, 0, 0.6);}
.portfolio-content-widget .category-cloud li:hover a{color: #111;}
.portfolio-content-widget .category-cloud li.active{border: 2px solid rgba(0, 0, 0, 0.6);}
.portfolio-content-widget .category-cloud li.active a{color: #111;}

.portfolio-content-widget.rightalign .category-cloud {float: right; text-align: right; clear: both;}
.portfolio-content-widget.centeralign .category-cloud {float: none; clear: both; text-align: center;}

#widget-block .portfolio-content-widget{padding: 90px 0px 0px;}
.portfolio-content-widget .content-widget-item{max-width: none;}
#widget-block .portfolio-content-widget .title-content{max-width: 1040px; padding: 0px 20px;}

.portfolio-content-widget .column{float: left; margin: 0; width: 25%;}
.portfolio-content-widget .six .column{width: 16.6667%;}
.portfolio-content-widget .five .column{width: 20%;}
.portfolio-content-widget .four .column{width: 25%;}
.portfolio-content-widget .three .column{width: 33.33336%;}
.portfolio-content-widget .two .column{width: 50%;}
.portfolio-content-widget .one .column{width: 100%;}

.portfolio-content-widget .portfolio-image{position: relative;}
.portfolio-content-widget .post-image{}

/*---------------------------------------*/
/*- OVERLAY -----------------------------*/
.overlay{position: relative; overflow: hidden;}
.overlay-info{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(44, 47, 54, 0.0); cursor: pointer; transition: all .25s ease-in-out;}
.overlay-cta{width: 100%; position: absolute; top: 30%; text-align: center;}
.overlay-info h1{opacity: 0; display: block; width: 100%; text-align: center; font-size: 21px; color: #E7E7E7; transition: all .35s ease-in-out;}
.overlay-info .icon-search{position: relative; display: block; width: 47px; height: 47px; margin: 0 auto 15px;}
.overlay-info .icon-search a{width: 47px; height: 47px; left: 0px; background: #23262b url(images/layout/icon-search.png) center no-repeat; position: absolute; margin-top: 15px; opacity: 0; transition-delay: 0.15s; transition: all .3s ease-in-out; border-radius: 100%;}
.overlay-info a{color: #fff;}
.overlay-info:hover h1{opacity: 1; transition-delay: 0.15s;}
.overlay-info:hover .icon-search a{opacity: 1; margin-top: 5px; transition-delay: 0.15s;}
.overlay-info:hover{background: rgba(44, 47, 54, 0.8);}


/*-----------------------------------*/
/*- ANIMATION -----------------------*/
.portfolio-content-widget .column{opacity: 0; transition: all .5s ease-in-out;}
.animate-widget.portfolio-content-widget .column{opacity: 1;}
.portfolio-content-widget .column.hide{ opacity: 0; display: none; transition: all .5s ease-in-out;}


/*-----------------------------------*/
/*- POST CONTENT TYPE ---------------*/
#widget-block  .post-content-widget{padding: 90px 20px 10px;}
.post-content-widget .column{margin-bottom: 40px; margin-top: 0px;}
.post-content-widget .content{overflow: hidden;}
.post-content-widget .post-title{margin-top: 0;}
.post-content-widget .copy{}
.post-content-widget .copy p{margin: 0;}


/*-----------------------------------*/
/*- PARTNERS POST TYPE --------------*/
.partners-content-widget{padding: 50px 0;}


/*-----------------------------------*/
/*- TESTIOMINIAL TYPE ---------------*/
#home_page_downs .testimonials-content-widget .widgettitle{text-align: center;}

.testimonials-container{max-width: 1000px; margin: auto; position: relative;}

.testimonial-item{position: absolute;}
.testimonial-item .testimonial-image{max-width: 60px; margin: -60px 20px 0 60px;}
.testimonial-item .testimonial-image img{border-radius: 100%;}
.testimonial-item .testimonial-image .tip{display: none;}

.testimonial-body{overflow: hidden; text-align: left;}
.testimonial-item blockquote{background: #fff; padding: 40px 60px; font-size: 35px; line-height: 50px; font-weight: 200; color: #333;}

.testimonial-item .testimonial-name{display: block; margin: 10px 0 0 130px; color: #fff; text-transform: uppercase; font-size: 11px; font-weight: 700;}
.testimonial-item .testimonial-name a{}
.testimonial-item .testimonial-name a:hover{color: #1A7944;}


/*----------------------------------*/
/*- GOOGLE MAPS WIDGET -------------*/
#widget-block .map-widget{padding-bottom: 0px;}
#widget-block .map-widget .widgettitle{display: block; text-align: left; font-weight: 400;}
#widget-block .map-widget .content{max-width: 1000px; margin: -20px auto 40px;}

.map-widget .widget-intro{float: left; width: 50%; max-width: 440px; text-align: left;}
.map-widget .map-address{float: right; width: 50%; max-width: 440px; text-align: right;}
#map{height: 400px !important; margin: 0 -20px;}
#map img { max-width: none; }


/*---------------------------------------*/
/*- FEATURES WIDGET ---------------------*/
#widget-block .widget-list .widget.features-widget{background: #fff}
#widget-block .features-widget{padding: 0px; }
#widget-block .features-widget .features-widget-item{position: relative; margin: 0; padding: 0;}
.features-widget .column{clear: both; padding: 100px 0; overflow: hidden; position: relative;}

.features-widget .column:nth-child(odd){background-color: rgba(0, 0, 0, 0.03);}
.features-widget .column:nth-child(even){background-color: rgba(0, 0, 0, 0.06);}

/*#widget-block .widget-list .widget:nth-child(odd).features-widget .column:nth-child(even){background-color:  #f7f7f7;}
#widget-block .widget-list .widget:nth-child(odd).features-widget .column:nth-child(odd){background-color:  #fff;}

#widget-block .widget-list .widget:nth-child(even).features-widget .column:nth-child(odd){background-color:  #fff;}
#widget-block .widget-list .widget:nth-child(even).features-widget .column:nth-child(even){background-color:  #f7f7f7;}*/

.features-widget .column .content{max-width: 1040px; margin: 0 auto; padding: 0 20px;}

/*-----------------------------------*/
/*- FEATURE CONTENT LAYOUT ----------*/
.features-widget .content{margin-bottom:  30px; text-align: left;}

.features-widget .post-title{font-size: 22px; line-height: 32px;}
.features-widget .post-sub-title{margin: 20px 0 0 0; font-size: 18px; line-height: 28px;}
.features-widget .copy{margin: 20px 0 0 0;}
.features-widget .copy p:last-of-type{margin-bottom: 0;}
.features-widget .action-link{margin-top: 26px;}

.features-widget .post-image img{display: block;}

.features-widget .image-left .post-image{float: left; width: 66%;}
.features-widget .image-left .feature-content{float: right; width: 32%; padding-top: 30px;}

.features-widget .image-right .post-image{float: right; width: 66%; position: relative;}
.features-widget .image-right .feature-content{float: left; width: 32%; padding-top: 30px;}

.features-widget .image-only .post-image{margin: 0 auto;}

.features-widget .image-title{padding-bottom: 0;}
.features-widget .image-title .feature-content{text-align: center;}
.features-widget .image-title .post-sub-title{max-width: 700px; margin-left: auto; margin-right: auto;}
.features-widget .image-title .copy{margin: 20px auto 0; max-width: 860px;}
.features-widget .image-title .post-image{margin: 30px auto 0;}

.features-widget .text-only{text-align: center; padding: 30px;}


/*---------------------------------------*/
/*- PAGE WIDGET -------------------------*/
.page-widget ul.page-widget-item{max-width: 950px; margin: 0 auto 30px;}
.page-widget .post-image{margin-bottom: 10px;}



/*---------------------------------------*/
/*- ANIMATIONS --------------------------*/

/*-----------------------------------*/
/*- SIX COLUMN ----------------------*/
.widget .six-column .column{opacity: 0;}
.animate-widget.widget .six-column .column{opacity: 1; transition: all .5s ease-in-out;}

.widget .six-column .column:nth-child(1){transition-delay: 0.3s;}
.widget .six-column .column:nth-child(2){transition-delay: 0.6s;}
.widget .six-column .column:nth-child(3){transition-delay: 0.9s;}
.widget .six-column .column:nth-child(4){transition-delay: 1.2s;}
.widget .six-column .column:nth-child(5){transition-delay: 1.5s;}
.widget .six-column .column:nth-child(6){transition-delay: 1.8s;}


/*-----------------------------------*/
/*- FOUR COLUMN --------------------*/
.widget .four-column .column{opacity: 0;}
.animate-widget.widget .four-column .column{opacity: 1; transition: all .5s ease-in-out;}

.widget .four-column .column:nth-child(1){top: -30px; transition-delay: 0.3s;}
.animate-widget.widget .four-column .column:nth-child(1){top: 0px;}

.widget .four-column .column:nth-child(2){top: -30px; transition-delay: 0.6s;}
.animate-widget.widget .four-column .column:nth-child(2){top: 0px;}

.widget .four-column .column:nth-child(3){top: -30px; transition-delay: 0.9s;}
.animate-widget.widget .four-column .column:nth-child(3){top: 0px;}

.widget .four-column .column:nth-child(4){top: -30px; transition-delay: 1.2s;}
.animate-widget.widget .four-column .column:nth-child(4){top: 0px;}


/*-----------------------------------*/
/*- THREE COLUMN --------------------*/
.widget .three-column .column{opacity: 0;}
.animate-widget.widget .three-column .column{opacity: 1; transition: all .5s ease-in-out;}

.widget .three-column .column:nth-child(1){top: -30px;}
.animate-widget.widget .three-column .column:nth-child(1){top: 0px; transition-delay: 0.3s;}

.widget .three-column .column:nth-child(2){top: -30px;}
.animate-widget.widget .three-column .column:nth-child(2){top: 0px; transition-delay: 0.6s;}

.widget .three-column .column:nth-child(3){top: -30px;}
.animate-widget.widget .three-column .column:nth-child(3){top: 0px; transition-delay: 0.9s;}

.widget .three-column .column:nth-child(4){top: -30px;}
.animate-widget.widget .three-column .column:nth-child(4){top: 0px; transition-delay: 1.2s;}

.widget .three-column .column:nth-child(5){top: -30px;}
.animate-widget.widget .three-column .column:nth-child(5){top: 0px; transition-delay: 1.5s;}

.widget .three-column .column:nth-child(6){top: -30px;}
.animate-widget.widget .three-column .column:nth-child(6){top: 0px; transition-delay: 1.8s;}


/*-----------------------------------*/
/*- TWO COLUMN ---------------------*/
.widget .two-column .column{opacity: 0;}
.animate-widget.widget .two-column .column{opacity: 1; transition: all .5s ease-in-out;}

.widget .two-column .column:nth-child(odd){left: -30px;}
.animate-widget.widget .two-column .column:nth-child(odd){left: 0px;}

.widget .two-column .column:nth-child(1){transition-delay: 0.3s;}
.widget .two-column .column:nth-child(3){transition-delay: 0.6s;}
.widget .two-column .column:nth-child(5){transition-delay: 0.9s;}
.widget .two-column .column:nth-child(7){transition-delay: 1.2s;}
.widget .two-column .column:nth-child(9){transition-delay: 1.5s;}
.widget .two-column .column:nth-child(11){transition-delay: 1.8s;}
.widget .two-column .column:nth-child(13){transition-delay: 2.1s;}
.widget .two-column .column:nth-child(15){transition-delay: 2.4s;}

.widget .two-column .column:nth-child(even){right: -30px;}
.animate-widget.widget .two-column .column:nth-child(even){right: 0px;}

.widget .two-column .column:nth-child(2){transition-delay: 0.3s;}
.widget .two-column .column:nth-child(4){transition-delay: 0.6s;}
.widget .two-column .column:nth-child(6){transition-delay: 0.9s;}
.widget .two-column .column:nth-child(8){transition-delay: 1.2s;}
.widget .two-column .column:nth-child(10){transition-delay: 1.5s;}
.widget .two-column .column:nth-child(12){transition-delay: 1.8s;}
.widget .two-column .column:nth-child(14){transition-delay: 2.1s;}
.widget .two-column .column:nth-child(16){transition-delay: 2.4s;}

/*-------------------------------------------------------------------------------------------*/
/*- PORTFOLIO SECTION -----------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

.expand-portfolio{padding: 60px 20px; margin: 0 -20px 0px; background: rgba(255, 255, 255, 0.95); position: relative; overflow: hidden; z-index: 101;}


/*--------------------------------*/
/*- PORTFOLIO BUTTONS ------------*/
.portfolio-controls{display: block; position: absolute; opacity: 0; top: 60px; right: 80px;  transition: all .3s ease-in-out;}
.expand-portfolio:hover .portfolio-controls{right: 100px; opacity: 1;}

.portfolio-controls a{display: inline-block; width: 35px; height: 35px; margin-left: 5px; text-indent: -999px; overflow: hidden; border: 2px solid rgba(0, 0, 0, 0.25); border-radius: 100%;}
.portfolio-controls a:hover{border: 2px solid rgba(0, 0, 0, 0.6);}

/*----------------------------*/
/*- BUTTON STYLING -----------*/
.portfolio-controls a.previous{background: url(images/layout/portfolio-left.png) center no-repeat;}
.portfolio-controls a.next{background: url(images/layout/portfolio-right.png) center no-repeat;}
.portfolio-controls a.close{background: url(images/layout/close.png) center no-repeat;}


/*--------------------------------*/
/*- PORTFOLIO CONTENT ------------*/
.portfolio-content{overflow: hidden; max-width: 1000px; margin: auto; text-align: left;}
.portfolio-content #left-column{float: right; width: 49%;}
.portfolio-content #right-column{float: left; width: 49%; margin: 0;}

.portfolio-body{max-width: 320px;}
.portfolio-body .post-title{display: block; margin: 0 0 15px; color: #111;}
.portfolio-body h5{margin: -15px 0px 10px; font-size: 16px; color: #999;}
.portfolio-body .copy{color: #595959; margin: 0 0 20px;}
.portfolio-body .copy p{margin-bottom: 18px;}

/*----------------------------*/
/*- PORTFOLIO META -----------*/
.portfolio-meta{font-size: 11px; font-weight: 200; text-transform: uppercase;}
.portfolio-meta a{display: inline; padding: 3px 5px; border: 2px solid rgba(0, 0, 0, 0.25); border-radius: 3px; border-radius: 3px; font-size: 10px; text-transform: uppercase; font-weight: 700; letter-spacing: 2px; color: #999;}
.portfolio-meta a:hover{border-color: #E84C3D; color: #E84C3D;}

.portfolio-tags{overflow: hidden; clear: both;}
.portfolio-tags li{float: left; margin-right: 10px;}
.portfolio-tags li a{padding: 0 5px; background: #ccc; border-radius: 3px;}
.portfolio-tags li a:hover{background: #E84C3D; color: #fff;}

.portfolio-content .social{float: none; display: block; margin-top: 25px;}

/*----------------------------*/
/*- PORTFOLIO GALLERY --------*/
.portfolio-gallery{overflow: hidden; position: relative;}

/*---------------------*/
/*- PORTFOLIO IMAGES --*/
.portfolio-image{display: block; width: 100%; text-align: right; overflow: hidden;}
.portfolio-image img{display: block; float: right;}



/*-------------------------------------------------------------------------------------------*/
/*- ARCHIVE/CATEGORY PAGES ------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

/*------------------------------*/
/*- POST LIST ------------------*/
.post{max-width: 660px; margin: 0 auto 75px;}
.post:last-child{margin-bottom: 0;}

.post .post-date{margin: -30px 0 45px; font-size: 13px; line-height: 18px; color: #323232; font-weight: 400; text-align: center;}

.post .post-title{margin: 0 0 35px; font-size: 32px; line-height: 42px; font-weight: 400; text-align: center;}
.post .post-title a{color: #323232;}
.post .post-title a:hover{color: #E84C3D;}

.post .post-image{margin-bottom: 50px;}

.post .copy{margin: 0; font-size: 15px; line-height: 25px; font-weight: 400; max-width: none;}
.post .copy p:last-of-type{margin-bottom: 0;}

.post .read-more{display: inline-block; padding: 3px 15px; border-radius: 4px;  border: 2px solid rgba(0, 0, 0, 0.25); color: #777; font-size: 13px;}
.post .read-more:hover{border: 2px solid rgba(0, 0, 0, 0.6); color: #111;}



/*------------------------------*/
/*- PAGINATION -----------------*/
.pagination{max-width: 120px; margin: 60px auto 0; padding: 0; overflow: hidden; text-align: center;}
.pagination li{display: inline;}
.pagination a{display: inline-block; width: 40px; height: 40px; text-indent: -999px; overflow: hidden; border: 2px solid rgba(0, 0, 0, 0.25); border-radius: 3px;}
.pagination a:hover{border-color: #000;}
.pagination .previous a{background: rgba(0, 0, 0, 0.4) url(images/layout/arrow-left.png) center no-repeat;}
.pagination .next a{background: rgba(0, 0, 0, 0.4) url(images/layout/arrow-right.png) center no-repeat;}

.pagination .page-count{display: block; max-width: 1000px; margin: 5px auto 60px; padding: 0; color: #999; font-size: 12px; line-height: 18px; text-align: center;}



/*-------------------------------------------------------------------------------------------*/
/*- POST PAGES ------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

/*------------------------------*/
/*- AUTHOR BIO -----------------*/
.author-container{float: left; width: 120px; margin-right: 50px; opacity: 0.5; transition: all .3s ease-in-out;}
.author-container:hover{opacity: 1;}
.author-content{overflow: hidden;}
.author-content .author-image{width: 100px; height: 100px; margin-bottom: 20px; overflow: hidden; border-radius: 100%;}
.author-content .author-image img{display: block;}
.author-content .author-body{overflow: hidden; font-size: 12px; line-height: 20px;}
.author-content .author-name{margin-bottom: 10px; text-transform: uppercase; color: #333; font-weight: 700;}
.author-content .author-name a{color: #333;}
.author-content .author-name a:hover{color: #E84C3D;}
.author-content .author-bio{color: #595959;}


/*----------------------------*/
/*- POST CONTAINER -----------*/
.post-container{max-width: 660px; margin: 0px auto;}

/*------------------------*/
/*- POST TITLE -----------*/
.post-container .post-date{margin: -30px 0 45px; font-size: 13px; line-height: 18px; color: #777; font-weight: 400; text-align: center;}

.post-container .post-title{margin: 0 0 35px; font-size: 32px; line-height: 42px; font-weight: 400; text-align: center;}
.post-container .post-title a{color: #323232;}
.post-container .post-title a:hover{color: #111;}

.post-container .post-image{margin-bottom: 50px;}

.post-container .copy{margin: 0; font-weight: 400; max-width: none;}
.post-container .copy p:last-of-type{margin-bottom: 0;}


/*----------------------------*/
/*- COPY BLOCK ---------------*/
.copy{max-width: 660px; margin: 0; font-size: 18px; line-height: 28px; font-weight: 400; color: #595959;}

.page .copy{max-width: none;}


.copy p{margin: 0 auto 25px;}
.copy ul{list-style: disc; margin: 0 0 40px 34px;}
.copy ol{list-style: decimal; margin: 0 0 40px 34px;}
.copy ul ul, .copy ul ol, .copy ol ol, .copy ol ul{margin-bottom: 0;}
.copy li{margin: 0 0 6px;}

.copy .feature-list{list-style: none; margin-left: 15px;}

.copy dl{margin: 0 0 34px;}
.copy dd{margin-left: 34px;}

.copy div{margin-bottom: 50px;}

.copy code, .copy pre{padding: 7px; margin: 0 0 34px 0; background-color: #f0f0f0; border: 1px solid #dadada; overflow-x: auto; overflow-y: auto; white-space: pre-wrap; word-wrap: break-word; text-indent: 0; font-family: 'Courier New', Courier, monospace; font-size: 13px; line-height: 1.3em; color: #000; orphans: 2; text-transform: none; widows: 2;}

.copy img{display: block; height: auto;}

.copy h1{clear: both; margin-bottom: 25px; font-weight: 700; font-size: 26px;}
.copy h2{clear: both; margin-bottom: 25px; font-weight: 700; font-size: 22px;}
.copy h3{clear: both; margin-bottom: 25px; font-weight: 700; font-size: 20px;}
.copy h4{clear: both; margin-bottom: 25px; font-weight: 700; font-size: 16px;}
.copy h5{clear: both; display: inline-block; margin-bottom: 25px; border-bottom: 2px solid #777; font-weight: 700; font: 400 12px/18px 'Lato', Helvetica, Arial, sans-serif; text-transform: uppercase; color: #777;}
.copy h6{clear: both; margin-bottom: 25px; font-weight: 700; font-size: 12px;}

.copy table{width: 100%; margin-bottom: 35px; background: #f5f5f5; color: #000; font-family: 'Lato', Helvetica, Arial, sans-serif; font-size: 16px;}
.copy table th{padding: 5px 10px; border-bottom: 2px solid #ccc; text-transform: uppercase;}
.copy table td{padding: 5px 10px; border-bottom: 1px solid #e0e0e0;}
.copy table a{border: none;}

.copy blockquote{padding-left: 20px; margin-bottom: 40px; border-left: 5px solid #eee; color: #777;}
.copy blockquote p:last-child{margin-bottom: 0;}

.copy iframe{width: 100%;}

/*------------------------------*/
/*- WP GALLERIES ---------------*/
.gallery {clear: both;}
.gallery .gallery-item { position: relative; float: left; margin-right: 0; margin-bottom: 3px; border: none; }
.gallery .gallery-item img, .gallery .gallery-item img:hover { max-width: 98%; }
.gallery-columns-6 .gallery-item{float: left; width: 16.166667%; margin-right: 0.1%; margin-bottom: 1%; position: relative;}
.gallery-columns-5 .gallery-item{float: left; width: 19.5%; margin-right: 0.1%; margin-bottom: 1%; position: relative;}
.gallery-columns-4 .gallery-item{float: left; width: 24.75%; margin-right: 0.1%; margin-bottom: 30px;}
.gallery-columns-3 .gallery-item{float: left; width: 32.633333%; margin-right: 0.1%; margin-bottom: 30px;}
.gallery-columns-2 .gallery-item{float: left; width: 49.7%; margin-right: 0.1%; margin-bottom: 30px;}

/* A gallery image caption */
.gallery .gallery-caption{position: absolute; bottom: 0; left: 0; margin: 0; z-index: 2; padding: 10px 0; width: 100%; background: rgba(0, 0, 0, 0.3); font: 400 10px/10px 'Lato', Helvetica, Arial, sans-serif; text-transform: uppercase; color: rgba(255, 255, 255, 0.7); letter-spacing: 2px; text-align: center; width: 98%;}

/* Definition lists elements */
.gallery dl, .gallery dt{}

/* Pick the second line break if two line breaks are adjacent */
.gallery br+br{}


/*----------------------------*/
/*- POST PAGE META -----------*/
.post-meta:empty{display: none;}
.post-meta{margin: 30px 0; clear: both; max-width: 660px;}


/*------------------------*/
/*- TAGS -----------------*/
.post-meta .tags{float: left; width: 49%; font-size: 12px;}
.post-meta .tags li{float: left; margin-right: 10px;}


/*------------------------*/
/*- SHARE BUTTON ---------*/
.share-button{float: right; width: 49%;}

/*------------------------*/
/*- NEXT PREV POST -------*/
.next-prev-post-nav{max-width: 660px; padding: 30px 0; border-top: 2px solid #e0e0e0; overflow: hidden;}
.next-prev-post-nav small{display: block; margin: 0 0 0; padding: 0; text-transform: uppercase; color: #999; letter-spacing: 2px; font-size: 10px; line-height: 18px;}
.next-prev-post-nav li{float: left; width: 50%; opacity: 0.6; transition: all .20s ease-in-out;}
.next-prev-post-nav li:first-of-type{text-align: left;}
.next-prev-post-nav li:last-of-type{text-align: right;}
.next-prev-post-nav:hover li{opacity: 1;}
.next-prev-post-nav a{display: block; font-weight: 700; font-size: 16px; color: #000;}
.next-prev-post-nav a:hover{color: #E84C3D;}

/*------------------------*/
/*- INNER POST PAGINATION */
.inner-post-pagination{max-width: 660px; font-size: 10px; line-height: 18px; overflow: hidden; text-transform: uppercase;}
.inner-post-pagination span{float: left; margin-right: 1px; padding: 4px 10px; background: #f0f0f0;}


/*-------------------------------------------------------------------------------------------*/
/*- COMMENTS --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
#comments{clear: both; padding: 30px; margin: 30px 0 0; background: #f7f7f7;}
#comments h2{padding: 0; margin-bottom: 40px; color: #323232; font-size: 20px; line-height: 30px;}
#comments:empty{display: none;}

li.comments-open:nth-child(2n){margin: 0px 0px 50px; padding: 0px; border: none;}

.comment-container{margin-bottom: 50px;}

.comment{margin: 0px 0px 30px; position: relative; border-bottom: 2px solid #ebebeb; /*overflow: hidden;*/}
.comment:last-child{border: none;}

.comment-author{float: left; width: 10%;}
.comment-author img{width: 100%;}

.comment-meta{margin-left: 13.461538%;}
.comment .fn{display: block; padding: 0px; margin: 0px; font-size: 17px; color: #333;}
.comment .date{display: block; margin-bottom: 20px; color: #777; font-size: 13px;}
.comment .comment-edit-link{display: block; margin-bottom: 10px; font-size: 12px;}
.comment p{margin-bottom: 26px;}
.comment .reply{position: absolute; top: 0px; right: 0px; border-color: #000; color: #000; font-size: 13px;}


/*-----------------------------*/
/*- THREADED COMMENTS ---------*/
.comment .children{margin-left: 13%; padding-top: 30px; margin-top: 30px; border-top: 1px solid #e3e3e3;}
.comment .children .comment-meta{width: 82%;}
.comment .children .comment:last-child{margin-bottom: 0;}

/*-----------------------------*/
/*- COMMENT FORM --------------*/
.nocomments{padding: 5px 10px; background: #4da5dc; border-radius: 4px; font-size: 12px; font-weight: 600; text-align: center;}
#respond{background: #e6e6e6; padding: 30px; border-top: 9px solid #3498d1; border-bottom: 9px solid #3498d1; overflow: hidden;}
#comments #respond{margin: 0px -30px -30px;}
#respond #reply-title{padding: 0; margin-bottom: 5px; font-size: 20px;}
#respond .comment-notes, #respond .logged-in-as{margin-bottom: 20px;}
#respond .logged-in-as a{}
#respond .logged-in-as a:hover{}
#respond input[type=text]{}
#respond #submit{text-transform: uppercase; font-size: 13px; font-weight: 200;}

#respond .required{}
#respond p{margin-bottom: 10px;}
#respond .form-submit{margin: 0;}
#respond label{font-size: 16px;}
#respond .form-allowed-tags{font-size: 12px; margin-bottom: 20px;}
#respond .form-allowed-tags code{display: block; font-family: "Courier New", Courier, monospace;}

/*-----------------------------*/
/*- DISQUS FORM ---------------*/
#disqus_thread{clear: both; padding: 30px; background: #fff; border-radius: 4px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);}


/*-------------------------------------------------------------------------------------------*/
/*- 404 PAGE --------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/
.page-not-found{max-width: 660px; padding: 200px 0; margin: auto; font-size: 50px; line-height: 60px; font-weight: 200; color: #111; text-align: center;}


/*-------------------------------------------------------------------------------------------*/
/*- SIDEBAR ---------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

/*----------------------*/
/*- SIDEBAR STYLING ----*/
#sidebar-container{font-size: 14px; line-height: 24px; color: #888;}
#sidebar-container a{color: #888;}
#sidebar-container a:hover{color: #fff;}

/*----------------------*/
/*- NAVIGATION ---------*/
ul#nav{position: relative; padding: 20px; text-transform: uppercase; border-bottom: 2px solid #333;}
ul#nav li{font-weight: 400; font-size: 14px; line-height: 20px;}
ul#nav li a{display: block; padding: 5px 0;}

/*----------------------*/
/*- SUB MENU -----------*/
ul#nav ul.sub-menu, ul#nav .children{display: block !important; visibility: visible !important; margin-left: 10px; text-transform: none;}
ul#nav ul.sub-menu li a, ul#nav .children li a{color: #777;}
ul#nav ul.sub-menu li a:hover, ul#nav .children li a:hover{color: #fff;}


/*----------------------*/
/*- WIDGETS ------------*/
#sidebar-container .widget{padding: 20px; border-bottom: 2px solid #333;}
#sidebar-container .widget li{margin-bottom: 5px;}
#sidebar-container .widget li:last-child{margin-bottom: 0;}


/*--------------------------*/
/*- WIDGET TITLE -----------*/
#sidebar-container .widgettitle{margin: 0 0 10px; font-weight: 400; font-size: 11px; line-height: 20px; letter-spacing: 1px; text-transform: uppercase; color: #ccc;}
#sidebar-container .widgettitle a{color: #999;}
#sidebar-container .widgettitle a:hover{color: #fff;}

/*-------------------------------------------*/
/*- CONTENT WIDGET  -------------------------*/
#sidebar-container .content-widget ul{display: block; padding: 2.0408%; clear: both; border-width: 0 1px 1px 1px;}
#sidebar-container .content-widget li a.read-on{float: right; margin: 0 0 0 0;}
#sidebar-container .content-widget li .copy{padding-bottom: 10px;}
#sidebar-container .content-widget li .copy p{margin: 0;}
#sidebar-container .content-widget li img{display: block; width: 100%; height: auto;}
#sidebar-container .content-widget li .post-title{margin: 0; font-size: 18px; font-weight: 700;}
#sidebar-container .content-widget li .post-image{margin-bottom: 15px;}

/*--------------------------*/
/*- SEARCH -----------------*/
#searchform{overflow: hidden;}
#searchform label{display: none;}
#searchform input[type=text]{float: left; width: 70%; height: 30px; padding: 5px; font-size: 12px; background: #444; color: #fff; border: none;}
#searchform input[type=submit]{float: right; width: 30%; height: 30px; padding: 0 10px; background: #E84C3D; border-right: none; text-align: center; color: #fff; font-size: 11px; text-transform: uppercase;}
#searchform input[type=submit]:hover{background: #16A085; cursor: pointer;}
#archives .searchform{margin-bottom: 20px;}

/*--------------------------*/
/*- RECENT COMMENTS --------*/
a.widget-comment{font-style: italic !important; display: block; font-size: 11px;}


/*--------------------------*/
/*- POPULAR POSTS ----------*/
.widget_popular_posts a{font-size: 14px;}
.widget_popular_posts h5{font-size: 11px;}
.widget_popular_posts li a{display: block; font-weight: 400;}


/*--------------------------*/
/*- TWITTER ----------------*/
.chirp span a{display: inline; font-size: 14px; font-style: italic; font-weight: normal;}
.chirp span.meta{display: block; font-size: 12px; padding-bottom: 4px; margin-bottom: 4px; border-bottom: 2px solid #444;}
.chirp span.meta a{font-size: 11px;}
.chirp a{font-weight: 600; font-size: 14px; font-style: normal;}

/*--------------------------*/
/*- NANO SCROLLER ----------*/
.nano{position: relative;	width: 100%; height: 100%; overflow : hidden;}
.nano .sidebar-content{position: absolute; overflow: scroll; overflow-x: hidden; top: 0; right: 0; bottom: 0; left: 0;}
.nano .sidebar-content:focus{outline: thin dotted;}
.nano .sidebar-content::-webkit-scrollbar{visibility: hidden;}
.has-scrollbar .sidebar-content::-webkit-scrollbar {visibility: visible;}
.nano > .pane {background : rgba(0,0,0,.25); position: absolute; width: 10px; right: 0; top: 0; bottom: 0; visibility : hidden\9; opacity: .01; transition: .2s; border-radius: 5px;}
.nano > .pane > .slider {background: #444; background: rgba(0,0,0,.5); position: relative; margin: 0 1px; border-radius: 3px;}
.nano:hover > .pane, .pane.active, .pane.flashed {visibility : visible\9; opacity: 0.99;}


/*-------------------------------------------------------------------------------------------*/
/*- FOOTER ----------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------*/

/*--------------------------*/
/*- FOOTER WIDGETS ---------*/
.footer-widgets .widgettitle{margin-bottom: 20px; font-size: 17px; color: #323232;}

/*--------------------------*/
/*- FOOTER TEXT ------------*/
.footer-text{color: #777; font-size: 13px; line-height: 20px; overflow: hidden; text-align: center;}
.footer-text a{color: #595959;}
.footer-text a:hover{color: #000;}
.copyright{margin-bottom: 10px;}
.obox-credit img{display: inline-block; vertical-align: middle;}


/*--------------------------*/
/*- BACK TO TOP ------------*/
#back-top{position: fixed; bottom: 20px; right: 20px; z-index: 99;}
#back-top a{display: block; width: 40px; height: 40px; margin-bottom: 7px; background: rgba(0, 0, 0, 0.4) url(images/layout/up-arrow.png) center no-repeat; border: 2px solid rgba(0, 0, 0, 0.4); border-radius: 100%; transition: 1s;}
#back-top a:hover{background-color: rgba(0, 0, 0, 0.7);}