/*
Theme Name:Enclosed
Theme URI:http://www.cpothemes.com
Description:A completely fluid and clean theme designed to fit almost any screen, making all of its content adaptable to the browser window. It comes with some useful templates, supports widget areas both in the sidebar and the footer, and includes a flexible customization page.
Tags:portfolio, blog, creative, photography, customizable, fluid, clean
Author:CPOThemes
Author URI:http://www.cpothemes.com
Version:1.3.0
License:GNU General Public License 2.0
License URI:license.txt
*/


/*
INDEX

1. GENERAL ELEMENTS
Styles basic elements such as headings or hyperlinks, affecting the overall site but not its layout.

2. LAYOUT
Defines the structure and design of the site. All styles that displace elements go here.
Special layout elements such as breadcrums or page-specific stuff also goes here.

3. NAVIGATION
Defines the styles for menus and cross-post navigation. Any specific element related to site traversing goes here.

4. POSTS
Styles the appearance of posts and overall content, as well as typography. 
Must be in line with editor-style.css, so that both styles match.

5. COMMENTS
Sets the appearance of the comment system, structuring both entries and posting forms.

6. WIDGETS
Establishes the layout of widgets. Whereas the layout section affects the site in general, 
this section determines widget appearance for both their layout and contents.

*/


/* --------------------------------------------------------------
1. GENERAL ELEMENTS
-------------------------------------------------------------- */

/* BODY */
body { font-family:'Open sans', Arial, Helvetica, sans-serif; background:#aaa; color:#777; font-size:0.875em; line-height:1.6; }

/* HEADINGS */
h1, h2, h3, h4, h5, h6 { font-family:'Roboto Condensed', Verdada, Arial, Helvetica, sans-serif; color:#333; line-height:1.2em; margin:0 0 20px; }
h1 { font-size:3em; } 
h2 { font-size:2em; } 
h3 { font-size:1.8em; } 
h4 { font-size:1.3em; } 
h5 { font-size:1.2em; } 
h6 { font-size:1.1em; }

/* HYPERLINKS */
a:link, a:visited { color:#258; text-decoration:none; }
a:hover { color:#3366AA; text-decoration:underline; }

/* GENERAL TYPOGRAPHY */
p, address { margin-bottom:1.6em; }
span, div, p, dl, td, th, ul, ol, blockquote { }

/* LISTS */
ul li { list-style:circle; margin:0 0 5px 20px; list-style-position:outside; }
ol li { list-style:decimal; margin:0 0 5px 20px; list-style-position:outside; }
ol ol li { list-style:upper-alpha; }
ol ol ol li { list-style:lower-roman; }
ol ol ol ol li { list-style:lower-alpha; }
ul ul, ol ol, ul ol, ol ul { margin-bottom:0; }
ul, ol, dd, pre, hr { margin-bottom:24px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom:0; }

dl { margin:0 0 24px 0; }
dt { font-weight:bold; }
dd { margin-bottom:18px; }
strong, b { font-weight:bold; }
cite, em, i { border:none; font-style:italic; }
big { font-size:131.25%; }
ins { background:#ffc; border:none; }
del { text-decoration:line-through; }

/* ADDRESSES */
address { font-size:0.9em; line-height:1.2em; }

/* CITATIONS */
blockquote { display:block; font-style:italic; padding:0 5%; margin:25px 0; }
blockquote cite, blockquote em, blockquote i { font-style:normal; }

/* PREDEFINED TEXT */
pre { font-family:Courier, monospace; background:#f5f5f5; border:1px solid #ccc; color:#222; line-height:18px; margin-bottom:18px; padding:1.5em; display:block; overflow:auto; margin:25px 0; }

abbr, acronym { border-bottom:1px dotted #666; cursor:help; }
ins { text-decoration:none; }
sup, sub { font-size:0.7em; height:0; line-height:1; position:relative; vertical-align:baseline; }
sup { bottom:1ex; }
sub { top:.5ex; }
pre, kbd, tt, var { line-height:21px; }
code { font-size:1.05em; }

/* CODE */
code, code var { font-family:Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }

/* TABLES */
table { border:1px solid #bbb; border-collapse:collapse; border-spacing:0; margin:0 0 24px; text-align:left; width:100%; }
tr th, thead th { border:none; color:#888; font-weight:bold; line-height:1.2em; padding:9px 24px; }
tr td { border:none; padding:6px 24px; }
tr th, thead th, tr th, thead th { background:#ddd; }

/* FORM FIELDS */
input, textarea { font-size:1em; }

/* HEADING LINE */
hr { background-color:#fff; border:0; border-top:1px solid #bbb; border-bottom:1px solid #fff; clear:both; height:0; margin:40px 0; }

/* INLINE IMAGES */
img { margin:0; max-width:100%; line-height:0; height:auto; }
.alignleft, img.alignleft { display:inline; float:left; margin-right:30px; margin-top:4px; }
.alignright, img.alignright { display:inline; float:right; margin-left:30px; margin-top:4px; }
.aligncenter, img.aligncenter { display:block; margin-left:auto; margin-right:auto; }
img.alignleft, img.alignright, img.aligncenter { margin-bottom:12px; }

/* IMAGE CAPTIONS */
.wp-caption { margin-bottom:20px; padding:5px 0; max-width:100%; text-align:center; background:url(images/shades/black_10.png); line-height:0em; }
.wp-caption .wp-caption-text{ }
.wp-caption img { margin:0; padding:0; max-width:100%; line-height:0em; }
.wp-caption p { margin:10px 0 10px; color:#666; line-height:1.2em; font-size:12px; }
.wp-smiley { margin:0; }

/* FORMS */
label { display:block; width:100%; padding:8px 0px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
input[type=text], input[type=password], input[type=input], 
input[type=tel], input[type=url], input[type=email], 
input[type=number], input[type=range], input[type=search], input[type=color], 
input[type=time], input[type=week], input[type=month], input[type=date], input[type=datetime], 
textarea, select { font-family:inherit; border:1px solid #ddd; padding:8px; margin:0 0 20px; width:100%; background:#f3f3f3; box-shadow:inset 0 1px 2px #bbb; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-appearance:none; }
input[type=submit] { width:auto; -webkit-appearance:none; }

/* MAIN THEME COLORS */
.sticky { }
.primary-color { color:#258; }
.primary-color-bg { background-color:#258; }
.secondary-color { color:#555; }
.secondary-color-bg { background-color:#555; }

/* SHORTCODE CUSTOM STYLING */

/* BUTTONS */
.button, .button:visited, input[type=submit] { border-radius:8px; }
.button-default, .button-default:visited, input[type=submit] { background:#258;
background:-moz-linear-gradient(top, #258 0%, #002356 100%);
background:-webkit-linear-gradient(top, #258 0%,#002356 100%); 
background:linear-gradient(to bottom, #258 0%,#002356 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#258', endColorstr='#002356',GradientType=0 );
text-shadow:0 -1px 0 rgba(0, 0, 0, 0.5); border:none; box-shadow:none; }
.button-default:hover, input[type=submit]:hover { background:#258; }

/* --------------------------------------------------------------
2. LAYOUT
-------------------------------------------------------------- */

/* WRAPPERS */
.outer { overflow:hidden; width:100%; }
.wrapper { background:#fff; margin:0 auto; width:980px; margin:0 auto; max-width:980px; box-shadow:0 0 3px 1px rgba(0,0,0,0.5); -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.wrapper-margin { margin-top:50px; }
.container { padding:0 30px; margin:0 auto; max-width:980px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.clear { clear:both; width:100%; height:0; margin:0; padding:0; }

/* TOPMENU */
.topbar { display:block; color:#fff; background:url(images/shades/black_10.png); line-height:1; font-size:0.9em;margin:0 auto; overflow:hidden; width:100%;}
.topbar .topmenu  li a { color:#fff; text-decoration:underline;}


/* LANGUAGE SWITCHER */
.languages { float:right; padding-left:10px; }
.languages .language-item { display:inline-block; margin:12px 0 12px 10px; }
.languages img { margin-right:5px; }


/* HEADER */
.header { position:relative; width:100%; padding:30px 0; }
.header .logo { float:left; }
.header .logo a { display:block; line-height:1em; }
.header .title { display:block; line-height:1em; margin:0; }
.header .title a { display:inline; }
.header .title a:hover { text-decoration:none; }
.header .logo .description { display:none; text-transform:capitalize; letter-spacing:2px; }
.header .hidden { display:none; }
.header .subheader { float:right; text-align:right; padding:20px 0 0 20px; }


/* HOMEPAGE SLIDES */
.slider { padding:0; margin:0 0 0; position:relative; height:450px; text-align:center; -moz-transition:0.3s all; -webkit-transition:0.3s all; transition:0.3s all; }
.slider-slides { display:block; overflow:hidden; padding:0; margin:0; height:450px; border-radius:5px 5px 0 0; }
.slider-slides .slide { overflow:hidden; background-color:#AAA; position:relative; list-style:none; width:100%; height:450px; margin:0; padding:0; }
.slider-slides .container { position:relative; height:450px; box-shadow:inset 0 0 0 1px rgba(255,255,255,0.4); }
.slider-slides .slide-content { overflow:hidden; margin:0 auto; }
.slider-slides .slide-textbox {text-align:left; overflow:hidden; position:absolute; margin:0; padding:20px; top:100px; left:100px; width:50%;}
.slider-slides .slide-right .slide-textbox {text-align:right; right:100px; left:auto; }
.slider-slides .slide-textbox .slide-title { font-size:3em;}
.slider-slides .slide-textbox p:last-child { margin-bottom:0; }
.slider-slides .slide-light{ color:#eee; }
.slider-slides .slide-light .slide-title{ color:#fff; text-shadow:0 -1px 0 #444; }
/* Slider Controls */
.slider-prev,
.slider-next,
.slider:hover .slider-prev,
.slider:hover .slider-next,
.slider:hover .slider-pages { opacity:1; }
.slider-prev,
.slider-next { position:absolute; width:50px; height:50px; font-size:20px; line-height:50px; margin-top:-25px; top:50%; text-align:center; color:#fff; z-index:999; cursor:pointer; }
.slider-prev { left:20px; top:50%; width:50px; height:50px; border-radius:50%;background:url(images/shades/white_50.png) repeat; }
.slider-prev:before { color:#555555; font-size:17px; font-family:'fontawesome'; content:'\f0d9'; }
.slider-next { right:20px; top:50%; width:50px; height:50px; border-radius:50%;background:url(images/shades/white_50.png) repeat;  }
.slider-next:before { color:#555555; font-size:17px; font-family:'fontawesome'; content:'\f0da'; }


/* PAGE BANNERS AND TITLES */
.pagetitle { overflow:hidden; position:relative; padding:0; margin:0; max-height:400px; }
.pagetitle .pagetitle-title { margin:0; padding:30px 30px 0; }
.pagetitle .pagetitle-image { width:100%; height:auto; }
.pagetitle .has-thumbnail { position:absolute; bottom:0; left:0; right:0; margin:0; padding:30px; color:#fff; text-shadow:0 -1px 0 rgba(0,0,0,0.5) }


/* BREADCRUMBS */
.breadcrumb { margin:20px 0 0; }
.breadcrumb a { position:relative; padding-right:12px; margin-right:12px; border-right:1px solid #ddd; }
.breadcrumb a:first-child {  }
.breadcrumb a:hover {  }
.breadcrumb span { }


/* HOMEPAGE MINI FEATURES */
.minifeatures { margin:0; }
.minifeatures .feature { margin-bottom:40px; text-align:center;}
.minifeatures .feature .icon { float:left; font-family:'fontawesome'; text-align:center; width:50px; height:50px; font-size:25px; color:#fff; margin:0 20px 10px 0; line-height:50px; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; }
.minifeatures .feature img { line-height:0; max-width:75px; width:50%; height:auto; border-radius: 3px; }
.minifeatures .feature .feature-title { font-size:1.4em; margin-top:0.5em; }
.minifeatures .feature .feature-content { clear:both; }


/* PAGE CONTENT */
.main { overflow:hidden; padding:0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.content { float:left; padding:0; margin:30px 0; width:65%;} 
.sidebar-left .content { float:right; margin:0 0 30px 5%; }
.content-wide { float:none; width:auto; }

/* SIDEBARS */
.sidebar { float:right; width:30%; margin:30px 0; padding:0; }
.sidebar ul { margin-bottom:0px; }
.widget { overflow:hidden; margin:0 0 30px; }


/* SIDE NAVIGATION */
.submenu { float:left; width:25%; padding:30px 0 30px 30px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

/* FOOTER SIDEBARS */
.subfooter { overflow:hidden; padding:30px 0 30px; color:#DDDDDD;}
.subfooter a, .subfooter a:link, .subfooter a:visited { color:#DDDDDD; }
.subfooter .widget .widget-title { color:#fff; text-shadow:0 -1px 0 #222;}
.subfooter .widget { float:left; width:100%; margin:0 4% 0 0; }
.subfooter .widget img{}


/* FOOTER */
.footer { display:block; background:url(images/shades/black_10.png); color:#999; overflow:hidden; padding:30px 0; clear:both; }
.footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6 { color:#BBB; }
.footer a { color:#fff; }


/* --------------------------------------------------------------
3. NAVIGATION
-------------------------------------------------------------- */

/* TOP MENU */
.topmenu { float:right; }
.menu-top { overflow:hidden; float:left; margin:9px 0 8px; line-height:1em; font-size:12px; padding:0; }
.menu-top > ul { overflow:visible; margin:0;  }
/* Menu Elements */
.menu-top li { float:left; list-style:none; margin:0 15px 0 0; padding:0; }
.menu-top li:last-child { border-right:0; }
.menu-top li a { display:block; color:#fff; float:left; padding:0; }
.menu-top li a:hover,
.menu-top li:hover > a { text-decoration:underline; }
.menu-top .menu-top .current-menu-item > a { text-decoration:underline; }


/* MAIN MENU */
.menu-main { padding-top:5px; float:right; }
.menu-main { margin:0; }
.menu-main > ul { display:block; margin:0; padding:0; } /* Fix for extra wrapper in default menu markup */ 
/* Menu Elements */
.menu-main li { float:left; position:relative; margin:0px; padding:0px; list-style:none; }
.menu-main li a { display:block; float:left; text-decoration:none; font-family:'Roboto Condensed', Verdada, Arial, Helvetica, sans-serif; padding:5px 10px; margin:0; color:#fff; font-size:16px; text-transform:uppercase; border-radius:6px; -moz-transition:0.2s all; -webkit-transition:0.2s all; transition:0.2s all; }
.menu-main li a .menu-description { display:none; }
.menu-main li a:hover,
.menu-main li:hover > a { text-decoration:none; text-shadow:0 0 5px #fff; }
/* Current item highlight both normally and on hover */
.menu-main .current-menu-ancestor > a,.menu-main .current-menu-item > a { background:#fff; background:rgba(255, 255, 255, 0.9); color:#333; }
.menu-main .current_page_ancestor > a:hover,.menu-main .current-menu-item:hover > a { text-decoration:none; }
/* Children Elements */
.menu-main  ul, .menu-main  li, .menu-main  a { -moz-transition:0.4s all; -webkit-transition:0.4s all; transition:0.4s all; }
.menu-main li ul { visibility:hidden; overflow:hidden; width:0; margin:0px; position:absolute; background:#fff; top:98%; left:0px; opacity:0; z-index:9999; border:1px solid #ddd; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.menu-main li ul li a { text-align:left; color:#555; padding:8px 15px; margin:0px; width:140px; font-size:12px; text-transform:capitalize; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; }
.menu-main li ul li a:hover { background:#eee; }
/* Children display on hover */
.menu-main li > ul { display:block; }
.menu-main li:hover > ul { visibility:visible; opacity:1; width:170px; }
/* Children indicator for parents */
.has-children, .has-children:hover > a { }
/* Additional Children */
.menu-main li ul ul { top:0px; left:100%; }

/* FOOTER MENU */
.footermenu { float:right; overflow:hidden;}
.menu-footer { font-size:12px;  margin:0; padding:0; float:right; }
.menu-footer > ul { overflow:visible; margin:0; padding:0; }
/* Menu Elements */
.menu-footer li { float:left; position:relative; margin:0px; list-style:none; }
.menu-footer li a { display:block; float:left; margin:0px 0px 0px 20px; padding:0px; color:#fff; text-decoration:none; }
.menu-footer li a:hover,
.menu-footer li:hover > a { }
.menu-footer .current_page_item > a, 
.menu-footer .current-menu-item > a { text-decoration:underline; }

/* SUBMENU NAVIGATION */
.menu-sub { margin:0 0 30px; padding:0; }
.menu-sub li { position:relative; list-style:none; margin:0; }
.menu-sub li:before { display:block; position:absolute; top:50%; left:10px; list-style:none;  color:#999; margin-top:-7px; line-height:1; }
.sidebar-left .menu-sub li:before { left:auto; right:10px;}
.sidebar-left .menu-sub li a { padding:8px 30px 8px 10px; }
.menu-sub li a { display:block; padding:8px 10px 8px 30px; }
.menu-sub li:first-child a { border:none; }
.menu-sub li a:hover { text-decoration:none; color:#5588DD; }
.menu-sub .current_page_item, .menu-sub .current-cat { border-bottom:0; }
.menu-sub .current_page_item a, .menu-sub .current-cat a { background-color:#666666; color:#FFFFFF; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.menu-sub .current_page_item a:hover, .menu-sub .current-cat a:hover{ color:#FFFFFF; }
.menu-sub li ul { display:none; font-size:1em; }

/* PORTFOLIO NAVIGATION */
.menu-portfolio { overflow:hidden; margin:0 0 30px; padding:0; text-align:left;}
.menu-portfolio li { list-style:none; display:inline-block; padding:0; margin:0; }
.menu-portfolio li a { background:none repeat scroll 0 0 #DDDDDD; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; color:#666666; display:block; padding:8px 10px; text-decoration:none; }
.menu-portfolio li a:hover { background:url(images/shades/black_5.png); text-decoration:none; color:#666666; }
.menu-portfolio .back a { position:relative; padding:8px 15px; margin-right:10px; }
.menu-portfolio .back a:before { display:block; position:absolute; top:50%; left:0; list-style:none; font-family:'fontawesome'; content:'\f104'; font-size:14px; color:#999; margin-top:-7px; line-height:1; }
.menu-portfolio .current_page_item, .menu-portfolio .current-cat { border-bottom:0; }
.menu-portfolio .current_page_item a, .menu-portfolio .current-cat a { color:#fff;  background:#333; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.menu-portfolio li ul { display:none; font-size:1em; }

.portfoliomenu { float:right; text-align:center; }
.portfoliomenu .icon { display:inline-block; background:#333; width:30px; height:30px; line-height:30px; color:#fff; text-align:center; margin:10px 0 0 5px; }
.portfoliomenu .icon:hover { background:#555; text-decoration:none; }

/* NEXT/PREV POST NAVIGATION */
.navigation { width:100%; margin:0; padding:20px 0; float:left; }
.navigation .prev { float:left; width:50%; text-align:right; }
.navigation .next { float:right; width:50%;  }
.navigation a:link, .navigation a:visited { display:inline-block; padding:6px 15px; margin:0 3px; font-size:14px; background:#ddd; background:-moz-linear-gradient(top, #f5f5f5 0%, #cccccc 100%); background:-webkit-linear-gradient(top, #f5f5f5 0%,#cccccc 100%); background:linear-gradient(to bottom, #f5f5f5 0%,#cccccc 100%); border:1px solid #ccc; border-bottom:1px solid #aaa; color:#444; text-shadow:0 1px 0 #f2f2f2; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.navigation a:active,
.navigation a:hover { background:#fff; }


/* NUMBERED PAGINATION */
.page-link { clear:both; }
.pagination { overflow:hidden; margin:0 0 30px; }
.pagination span, .pagination a { display:inline-block; color:#777; margin:0 3px; padding:5px 10px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.pagination span { color:#fff; background:url(images/shades/black_10.png); background-color:#999; box-shadow:inset 0 1px 2px #999;}
.pagination a:hover { background:#eee; text-decoration:none; }
.pagination .current { }


/* IN-POST PAGINATION */
.page-link { clear:both; }
.postpagination { overflow:hidden; margin:10px 0px 30px; float:left; background:#ddd; background:-moz-linear-gradient(top, #f5f5f5 0%, #cccccc 100%); background:-webkit-linear-gradient(top, #f5f5f5 0%,#cccccc 100%); background:linear-gradient(to bottom, #f5f5f5 0%,#cccccc 100%); border:1px solid #ccc; border-bottom:1px solid #aaa; color:#444; text-shadow:0 1px 0 #f2f2f2; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.postpagination span { display:block; float:left; color:#777; background:#ccc; padding:5px 10px; font-size:14px; }
.postpagination a span { display:block; float:left; padding:5px 10px; font-size:14px; background:none; }
.postpagination a span:hover { background:#eee; text-decoration:none; }
.postpagination .current { text-shadow:0 1px 0 #fff;  }


/* --------------------------------------------------------------
4. POSTS & PAGES
-------------------------------------------------------------- */

/* POSTS */
.post  { margin:0 0 30px; overflow:hidden; }
.post .post-image { float:left; margin:0 20px 20px 0; line-height:0em; height:auto; width:25%;}
.post .post-image img { display:block; margin:0; line-height:0em; height:auto; border-radius: 3px; }
.post .post-title { padding:0; margin:0 0 10px; }
.post .post-title a { color:inherit; }
.post .post-byline { font-size:0.9em; }
.post .post-byline div { margin-bottom:10px; display:inline-block; padding:0 10px 0 0;}
.post .post-byline .post-date{ text-transform:capitalize; }
.post .post-byline .post-author{ border-left:1px solid #ddd; padding:0 10px;}
.post .post-byline .post-category{ border-left:1px solid #ddd; padding:0 10px; }
.post .post-tags { display:block; margin:0 0 30px; padding:0; }
.post .post-tags li { display:inline-block; list-style:none; padding:0 5px; margin:0; border-radius:3px; }
.post .post-tags li a { color:#fff; }
.post .post-content { padding:0;}
.post .post-content p:last-child { margin-bottom:0; }
.post .separator { clear:both; width:100%; }
.post .readmore { margin:0; font-size:11px;}


/* SPECIAL POST FORMATS */
.video { margin:30px 0; position:relative; padding-bottom:56.25%; padding-top:25px; height:0; }
.video iframe { position:absolute; top:0; left:0; width:100%; height:100%; }


/* INDIVIDUAL PORTFOLIO ITEMS */
.cpo_portfolio .portfolio-media { margin:0 0 20px; }
.cpo_portfolio .portfolio-item-image { height:auto; line-height:0; max-height:500px; overflow:hidden; position:relative; box-shadow:inset 0 0 0 1px rgba(255,255,255,0.4); }
.cpo_portfolio .portfolio-item-image img{ width:100%; }
.cpo_portfolio .portfolio-item-title{ color:#fff; position:absolute; left:3%; bottom:0; width: 60%; text-shadow:0 -1px 0 #222222;}
.cpo_portfolio .portfolio-item-description {bottom:0; color:#FFFFFF; font-size:16px; line-height:1.5em; margin:0 0 10px; padding:30px 30px 0; position:absolute; right:0; text-align:right; text-shadow:0 -1px 0 #222222; width:35%;}
.cpo_portfolio .portfolio-details { padding-left:5%; margin-bottom:30px; border-left:1px solid #ddd; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.cpo_portfolio .portfolio-details div { margin:0 0 10px; padding-left:30px; position:relative; }
.cpo_portfolio .portfolio-details .portfolio-icon { position:absolute; display:block; width:15px; margin-top:1px; font-size:1.3em; text-align:center; left:0; top:0.1em; }
.cpo_portfolio .portfolio-content { }


/* GALLERIES IN POSTS AND PORTFOLIOS */
.gallery { margin:0; position:relative; padding:0; overflow:hidden;  }
.gallery .item { float:left; overflow:hidden; list-style:none; width:32%; text-align:center; margin:0 2% 2% 0; padding:0; }
.gallery .item_last { margin:0 0 2%; }
.gallery .item img { line-height:0; width:100%; height:auto; }
.gallery .item .content { position:absolute; width:60%; margin:30px 15%; padding:20px 5%; bottom:0; background:url(images/shades/black_10.png); color:#fff; }
.gallery .separator { clear:both; }


/* AUTHOR BIOS */
.author-info { overflow:hidden; padding:20px; background:#eee; }
.author-info .author-image { float:left; display:block; margin:0 20px 0 0; }
.author-info .author-image img { display:block; line-height:0; margin:0; }
.author-info .author-name { margin:0 0 10px; }
.author-info .author-content { margin:0; padding:10px 10px;}
.author-info .readmore { float:right; margin:20px 0 0; }


/* PORTFOLIO SHOWCASE */
.portfolio { margin:0; clear:both; padding:0; }
.portfolio-heading { text-align:center; margin-bottom:30px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.portfolio-content { }
.portfolio-item { display:block; position:relative; text-align:center; list-style:none; padding:0; margin:0 0 30px; -moz-transition:0.4s all; -webkit-transition:0.4s all; transition:0.4s all; }
.portfolio-item-image { display:block; position:relative; }
.portfolio-item-image img { display:block; max-width:100%; margin:0 auto; width:100%; height:auto; line-height:0; border-radius:2px;}
.portfolio-item .portfolio-item-title { padding:5px 10px; margin:0 10px; font-size:1.4em; -moz-transition:0.4s all; -webkit-transition:0.4s all; transition:0.4s all; }
.portfolio-item .portfolio-item-overlay { opacity:0; position:absolute; top:0; z-index:9999; width:100%; top:0; bottom:0; -moz-transition:0.4s all; -webkit-transition:0.4s all; transition:0.4s all; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.portfolio-item .portfolio-item-icon { display:block; position:absolute; top:10%; left:50%; font-size:32px; line-height:60px; color:#fff; margin:-30px 0 0 -30px; width:60px; height:60px; z-index:99999; -moz-transition:0.3s all; -webkit-transition:0.3s all; transition:0.3s all; opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
.portfolio-item a:hover { text-decoration:none; }
.portfolio-item:hover .portfolio-item-overlay { opacity:0.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
.portfolio-item:hover .portfolio-item-icon { top:50%; opacity:1; text-shadow:0 0 10px #fff; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.portfolio-item .readmore { display:block; }


/* 404 PAGE */
.notfound { padding:100px;}
.notfound-image { font-size:200px; font-weight:bold; text-align:right; line-height:1; margin-left:28%;}
.notfound-title { }
.notfound-content {margin-left:24%; width:65%;}


/* SEARCH PAGE */
.search-result { margin:0 0 30px; }
.search-form { margin:0 0 30px; }
.search-title { margin:0; }
.search-byline { font-size:0.8em; }
.search-content p { margin:0; }


/* CONTACT FORM */
.contact-form  { width:100% }
.test { left:-9999px; position:absolute; top:-9999px; }
.field { overflow:hidden; margin:0 0 5px; }
.field label{ float:left; width:10%; margin:0 15% 0 0; }
.field input[type=text] { width:50%; background:none; box-shadow:0 0 0; border:1px solid #BBBBBB; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.field textarea{ height:200px; max-height:600px; min-height:200px; resize:vertical; width:70%; background:none; box-shadow:0 0 0; border:1px solid #BBBBBB; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.field .error{ display:block; margin-left:20%; color:#F30; font-weight:bold; font-size:0.9em; }
.field input[type=submit]{ margin:0; }


/* --------------------------------------------------------------
5. COMMENTS
-------------------------------------------------------------- */


/* COMMENTS */
.comments { clear:left; margin:0 0 30px; }
.commentlist { list-style:none; padding:0; margin:10px 0 30px 0; }
.commentlist-title{ margin:20px 0;}
.comment { overflow:hidden; list-style:none;  margin:0 0 0px 0px; padding:0; }
.comment .comment-avatar { float:left; border:5px solid #bbb; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; display:block; overflow:hidden;}
.comment .comment-avatar img { display:block; line-height:0; }
.comment .comment-title { padding:0; margin-left:100px; }
.comment .comment-author { font-size:1.3em; }
.comment .comment-date { display:block; width:220px; font-size:0.9em; }
.comment .comment-approval { display:block; background:#eee; padding:0 10px 0; margin:0; }
.comment .comment-content { margin:10px 0 0 100px; padding:0; float:none; }
.comment .comment-options { padding:0; overflow:hidden; margin-bottom:20px; }
.comment .comment-options a { display:block; float:right; margin-left:10px; font-size:0.9em; }
/* Contents Styling for Comment Body */
.comment .comment-content ul, .comment .comment-content ol { margin-bottom:18px; }
.comment .comment-content p:last-child { margin-bottom:6px; }
.comment .comment-content blockquote p:last-child { margin-bottom:24px; }
/* Nested Comments */
.comment .children { list-style:none; margin:0 0 0 50px; }
.nopassword, .nocomments { margin:20px 0; padding:0; }
/* Pingbacks & Trackbacks */
.comments ol.pinglist { margin:0; }
.comments .pingback { list-style:none; margin:0 0 10px 0; }
.comments .pingback .url { font-style:italic; }


/* COMMENT FORM*/
.comment-respond { margin:0 0 30px; overflow:hidden; position:relative; }
.comment-respond p { display:block; padding:0; margin:0 0 0; }
.children .comment-respond { margin:0 48px 0 0; }
/* Fields */
.comment-respond .comment-notes { display:none; }
.comment-respond .required { display:none; color:#ff4b33; font-weight:bold; }
.comment-respond label{ display:block; float:left; padding:8px 30px 8px 0; width:40%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.comment-respond input[type=text] { width:55%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; background:none; box-shadow:0 0 0; border:1px solid #BBBBBB; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.comment-respond textarea{ height:200px; width:95%; max-height:400px; min-height:200px; resize:vertical; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; background:none; box-shadow:0 0 0; border:1px solid #BBBBBB; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
/* Nested Form */
#cancel-comment-reply-link { display:block; font-size:0.9em; font-weight:normal; line-height:18px; }
/* Allowed Tags */
.comment-respond .form-allowed-tags { display:block; color:#888; font-size:0.9em;}
.comment-respond .form-allowed-tags code { display:block; font-size:12px; }
.comment-respond .form-submit {  }

/* --------------------------------------------------------------
6. WIDGETS
Includes all widget-related elements
-------------------------------------------------------------- */

/* GENERAL WIDGET STYLING */
.widget ul { margin-bottom:0; }
.widget li { list-style:none; margin-left:0;  }
.widget li ul { margin-left:20px; margin-top:5px; }

/* SEARCH WIDGET STYLING */
.widget_search input[type="text"] { border:3px solid #aaa; background:#fff; box-shadow:none; border-radius:6px; }

/* CPOTHEMES FLICKR WIDGET */
.cpotheme-flickr { overflow:hidden; }
.cpotheme-flickr a { display:block; line-height:0; }
.cpotheme-flickr .flickr_badge_image { width:28%; float:left; overflow:hidden; margin:0px 5% 5% 0px; border:3px solid #fff; border-radius:5px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }

/* CPOTHEMES LATESTS POSTS*/
.cpotheme-recent .recent-item .recent-image{ width:50px; }
.cpotheme-recent .recent-item img { border:3px solid #fff; border-radius:5px; }
.cpotheme-recent .recent-item .recent-title  { text-decoration:underline;}

/* --------------------------------------------------------------
7. EXTERNAL RESOURCES
Includes styles for additional libraries and resources
-------------------------------------------------------------- */