/*
Theme Name:Panoramica Pro
Theme URI:http://www.cpothemes.com
Description:Panoramica Professional brings a highly visual, versatile portfolio theme. It comes with a vast amount of options for deep customization, as well as fully featured portfolio and blog areas. It also includes plenty of custom widgets and shortcodes.
Tags:portfolio, blog, creative, photography, responsive, customizable, fluid, clean, multipurpose
Author:CPOThemes
Author URI:http://www.cpothemes.com
Version:2.2.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: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:Verdada, Arial, Helvetica, sans-serif; color:#444; line-height:1.2; margin:0 0 20px; }
h1 { font-size:3em; } 
h2 { font-size:2em; } 
h3 { font-size:1.5em; } 
h4 { font-size:1.3em; } 
h5 { font-size:1.2em; } 
h6 { font-size:1.1em; }

/* HYPERLINKS */
a:link, a:visited { color:#d7586c; text-decoration:none; }
a:hover { color:#f78; 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 8px; }
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 0; -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:#E85F52; }
.primary_color_bg { background-color:#E85F52; }
.secondary_color { color:#555; }
.secondary_color_bg { background-color:#555; }


/* SHORTCODE CUSTOM STYLING */

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

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

/* WRAPPERS */
.outer { overflow:hidden; width:100%; }
.wrapper { background:#fff; margin:0 auto; }
.wrapper_boxed { width:1180px; margin:0 auto; max-width:1100px; box-shadow:0 0 3px 1px rgba(0,0,0,0.5); }
.container { max-width:1180px; padding:0 30px; margin:0 auto; }
.wrapper_fixed .container { max-width:980px; }
.wrapper_fluid .container { width:90%; padding:0 5%; max-width:100%; }
.wrapper_boxed .container { max-width:100%; -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:#999; line-height:1; font-size:0.9em; background:#f2f2f2; border-bottom:1px solid #ddd; }
#topbar a { color:#444; }


/* SOCIAL ICONS */
#social { float:right; text-align:right; padding:0; width:auto; }
#social a { display:block; float:left; color:#999; margin:0; width:30px; font-size:18px; line-height:34px; text-align:center; }
#social a .social_title { display:none; }
#social a:hover { text-decoration:none; }

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


/* HEADER */
#header { background:url(images/shades/black_5.png); position:relative; width:100%; padding:0; border-top:1px solid #fff; }
#header .logo { float:left; padding-top:20px; }
#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; }

/* Header layouts */
#header.single_center .logo, #header.double_center .logo { float:none; width:20%; margin:0 auto; text-align:center; }
.double_left .logo, .double_center .logo { margin-bottom:20px; }
#header.double_center .subheader { float:none; text-align:center; margin-bottom:20px; }

.small_border { padding:3px 0; }


/* TAGLINES */
.tagline { clear:both; overflow:hidden; background:#f5f5f5; position:relative; margin:0px auto 50px; padding:0; box-shadow:inset 0 1px 2px #999; }
.tagline.nomargin { margin:0px auto; }
.tagline .slide_list { display:block; margin:0; padding:0; }
.tagline .item { list-style:none; display:block; margin:0; width:100%; }
.tagline .item  .container { padding-top:20px; padding-bottom:20px; }
.tagline p:last-child { margin-bottom:0; }
.tagline .prev, .tagline .next { position:absolute; width:40px; height:40px; top:50%; margin:-20px 0 0; text-align:center; cursor:pointer; opacity:0; z-index:999; -moz-transition:0.3s all; -webkit-transition:0.3s all; transition:0.3s all; }
.tagline:hover .prev, .tagline:hover .next { opacity:1; }
.tagline .prev:before, .tagline .next:before { display:block; font-family:'fontawesome'; content:'\f104'; font-size:40px; line-height:40px; }
.tagline .prev { left:20px; }
.tagline .prev:before { content:'\f104'; }
.tagline .next { right:20px; }
.tagline .next:before { content:'\f105'; }

/* HOMEPAGE SLIDES */
#slider { background:#aaa; padding:0; margin:0; position:relative; text-align:center; -moz-transition:0.3s all; -webkit-transition:0.3s all; transition:0.3s all; }
#slider > div { width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
/* Fallback Cycle Slider */
#slider .cycle_slides { display:block; overflow:hidden; padding:0; margin:0; height:400px;  }
#slider .cycle_slides li { overflow:hidden; background-color:#AAA; position:relative; list-style:none; width:100%; height:400px; margin:0; padding:0; }
#slider .cycle_slides li .content { overflow:hidden; margin:0 auto; }
#slider .cycle_slides li .container { position:relative; height:400px; }
#slider .cycle_slides li .textbox { overflow:hidden; position:absolute; bottom:80px; left:30px; padding:0; width:50%; text-align:left; color:#fff; text-shadow:0 1px 3px #222; }
#slider .cycle_slides li .textbox_right { left:auto; right:30px; text-align:right; }
#slider .cycle_slides li .textbox .title { font-size:3em; color:#fff; }
#slider .cycle_slides li .textbox p:last-child { margin-bottom:0; }
#slider .cycle_slides li .textbox a:link { color:#fff; text-decoration:underline; }
#slider .prev, #slider .next, #slider .pages { -moz-transition:0.4s all; -webkit-transition:0.4s all; transition:0.4s all; opacity:0; }
#slider:hover .prev, #slider:hover .next, #slider:hover .pages { opacity:1; }
#slider .prev, #slider .next { position:absolute; width:50px; height:50px; font-size:50px; line-height:50px; margin-top:-25px; top:50%; text-align:center; color:#fff; z-index:999; border-radius:50%; text-shadow:0 0 3px rgba(0,0,0,0.5); cursor:pointer; }
#slider .prev { left:20px; }
#slider .prev:before { font-family:'fontawesome'; content:'\f053'; }
#slider .next { right:20px; }
#slider .next:before { font-family:'fontawesome'; content:'\f054'; }
#slider .pages { position:absolute; text-align:center; bottom:10px; right:0; left:0; z-index:9999; }
#slider .pages a { display:inline-block; overflow:hidden; background:rgb(0,0,0); background:rgba(0,0,0,0.5); color:transparent; margin:0 5px; width:16px; height:16px; box-shadow:0 0 3px 0 rgba(0,0,0,0.5); border-radius:50%; }
#slider .pages .activeSlide { background:#fff; }


/* BREADCRUMBS */
#breadcrumb { margin:30px 0; }
#breadcrumb a { position:relative; padding-right:15px; margin-right:10px; }
#breadcrumb a:before { display:block; position:absolute; top:50%; right:0; list-style:none; font-family:'fontawesome'; content:'\f0da'; font-size:14px; color:#999; margin-top:-7px; line-height:1; }
#breadcrumb a:first-child {  }
#breadcrumb a:hover {  }
#breadcrumb span { }


/* PAGE BANNERS AND TITLES */
#banner { overflow:hidden; padding:0; margin:0 0 30px; max-height:400px; }
#banner img { display:block; width:100%; height:auto; line-height:0; padding:0; margin:0; }
#pagetitle { padding:0; margin:30px 0; }
#pagetitle .title { margin:0; }


/* HOMEPAGE MINI FEATURES */
#minifeatures { margin:30px 0 0; }
#minifeatures .feature { margin-bottom:40px; }
#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; border-radius:50px; }
#minifeatures .feature img { display:block; float:left; margin:0 5% 0 0; line-height:0; max-width:20%; height:auto; }
#minifeatures .feature .title { font-size:1.3em; margin-top:0.5em; }
#minifeatures .feature .content { clear:both; }
#minifeatures .feature_horizontal .icon { }
#minifeatures .feature_horizontal img { margin:0 5% 0 0; }
#minifeatures .feature_horizontal .title { margin:0 0 3% 70px; }
#minifeatures .feature_horizontal .content { clear:none; margin:0 0 0 70px; }
#minifeatures .feature_vertical .icon { float:none; width:100px; height:100px; font-size:60px; margin:0 auto 10px; line-height:100px; }
#minifeatures .feature_vertical img { float:none; margin:0 auto 20px; max-width:100%; }
#minifeatures .feature_vertical .title { text-align:center; margin:0 0 3%; }
#minifeatures .feature_vertical .content { text-align:center; }
#minifeatures .separator { clear:both; width:100%; }


/* PAGE CONTENT */
#main { overflow:hidden; padding:0; }
#content { float:left; width:65%; margin:0 5% 30px 0; padding:0; }
#content.right { float:right; margin:0 0 30px 5%; }
#content.wide { float:none; padding:0; margin:0; width:auto; }
#content.submenu { }
#content.submenu_right { float:right; margin:0 0 30px 5%; }
#content.half { margin:0 0 30px 52%; }


/* SIDEBARS */
#sidebar { float:left; width:30%; }
.widget { overflow:hidden; margin:0 0 30px; }


/* SIDE NAVIGATION */
#submenu { float:right; width:30%; }
#submenu.left { float:left; }


/* FOOTER FEED */
#footerfeed { color:#eee; font-size:1.2em; padding:20px 0; }
#footerfeed a, #footerfeed a:link, #footerfeed a:visited { color:#fff; }


/* FOOTER SIDEBARS */
#footersidebar { overflow:hidden; background:#333; padding:30px 0 0; color:#aaa; border-bottom:1px solid #444; border-top:1px solid #252525; }
#footersidebar a, #footersidebar a:link, #footersidebar a:visited { color:#fff; }
#footersidebar .widget .widget_title { color:#888; text-shadow:1px 1px 0 #222; }


/* FOOTER */
#footer { background:#222; color:#999; text-align:center; overflow:hidden; padding:30px 0; clear:both; border-top:1px solid #1b1b1b; }
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { color:#BBB; }
#footer a { color:#fff; }

#toplink { display:block; position:fixed; background:url(images/shades/black_50.png); bottom:20px; right:20px; opacity:0; width:50px; height:50px; margin-right:-70px; line-height:50px; color:#fff; border-radius:2px; text-align:center; -moz-transition:0.4s all; -webkit-transition:0.4s all; transition:0.4s all; }
#toplink:hover { text-decoration:none; }
#toplink.active { margin-right:0; opacity:1; }


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

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


/* MAIN MENU */
#mobilemenu { display:none; clear:both; margin:20px 0 20px; padding:10px; width:100%; border:1px solid #ccc; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-appearance:none; }
#menu { padding-top:0; float:right; }
.double_left #menu, .double_center #menu { float:none; clear:both; border-top:1px solid #ddd; }
.nav_main { margin:0; }
/* Menu Elements */
.nav_main li { float:left; }
.nav_main li { position:relative; margin:0; list-style:none; -moz-transition:0.2s all; -webkit-transition:0.2s all; transition:0.2s all; }
.nav_main li a { display:block; margin:0; padding:10px; line-height:80px; height:80px; color:#222; -moz-transition:0.2s all; -webkit-transition:0.2s all; transition:0.2s all; }
.nav_main li a .description { display:none; }
.double_left .nav_main li a, .double_center .nav_main li a { line-height:30px; height:30px; }
.nav_main li:hover { text-decoration:none; }
.nav_main li:hover > a, .nav_main li a:hover { text-decoration:none; background-color:#fff; }
/* Current item highlight both normally and on hover */
.nav_main .current_page_ancestor > a, .nav_main .current-menu-item > a { color:#a66; }
.nav_main .current_page_ancestor > a:hover, .nav_main .current-menu-item > a:hover { }
/* Children Elements */
.nav_main  ul, .nav_main  li, .nav_main  a { -moz-transition:0.4s all; -webkit-transition:0.4s all; transition:0.4s all; }
.nav_main .has_children:before { display:block; position:absolute; top:50%; right:10px; list-style:none; font-family:'fontawesome'; content:'\f0d7'; font-size:14px; margin-top:-7px; line-height:1; }
.nav_main .has_children > a { padding-right:26px; }
.nav_main li ul { visibility:hidden; opacity:0; margin:0; position:absolute; background:rgb(0,0,0); background:rgba(0,0,0,0.8); padding:10px 0; top:100%; left:0; z-index:9999; }
.nav_main li ul li { padding:0 10px; }
.nav_main li ul li a { width:180px; color:#fff; line-height:1.5; height:auto; padding:0 10px; text-shadow:none; border-top:1px solid #555; }
.nav_main li ul li:first-child a { border-top:none; }
.nav_main li ul li:hover > a,  .nav_main li ul li a:hover { background-color:#555; }
/* Children display on hover */
.nav_main li:hover > ul { visibility:visible; opacity:1; } 
.nav_main li:hover > ul > li > a { padding:8px 10px; } 
/* Further Children Elements */
.nav_main ul .has_children:before { display:block; position:absolute; top:50%; right:20px; list-style:none; font-family:'fontawesome'; content:'\f0da'; font-size:14px; color:#999; margin-top:-7px; line-height:1; }
.nav_main ul .has_children > a { padding-right:10px; }
.nav_main ul > li:hover { overflow:visible; }
.nav_main ul ul { margin:0; top:-10px; left:220px; padding:10px 0; }


/* FOOTER MENU */
#footermenu { overflow:hidden; margin:0 0 30px; }
.nav_footer { display:table; table-layout:fixed; width:100%; text-align:center; margin:0; padding:0; }
.nav_footer > ul { overflow:hidden; margin:0; padding:0; }
/* Menu Elements */
.nav_footer li { display:table-cell; width:100%; text-align:center; padding:0; margin:0; list-style:none; }
.nav_footer li a { margin-bottom:10px; color:#fff; font-weight:bold; }
.nav_footer li a:hover,
.nav_footer li:hover > a { }
.nav_footer .current_page_item > a, 
.nav_footer .current-menu-item > a { text-decoration:underline; }
/* Children Elements */
.nav_footer li ul { float:none; }
.nav_footer li ul li { display:block; margin:0; }
.nav_footer li ul li a { font-size:0.8em; font-weight:normal; }
#footer .nav_footer li ul li a { color:#ccc; }

/* SUBMENU NAVIGATION */
.nav_sub { overflow:hidden; margin:10px 0 20px; padding:0; }
.nav_sub li { display:block; float:left; list-style:none; margin:0; }
.nav_sub li a { display:block; padding:0 10px; border-left:1px solid #ddd; }
.nav_sub li:first-child a { border:none; padding-left:0; }
.nav_sub .current_page_item, .nav_sub .current-cat { }
.nav_sub .current_page_item a, .nav_sub .current-cat a { }
.nav_sub li ul { display:none; font-size:1em; }

/* PORTFOLIO NAVIGATION */
.nav_portfolio { overflow:hidden; margin:0 0 30px; padding:0; text-align:center; border-bottom:1px solid #ddd; }
.nav_portfolio li { list-style:none; display:inline-block; padding:0; margin:0; }
.nav_portfolio li a { display:block; padding:10px 15px; color:#222; }
.nav_portfolio .back a { position:relative; padding:8px 15px; margin-right:10px; }
.nav_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; }
.nav_portfolio .current_page_item, .nav_portfolio .current-cat { border-bottom:0; }
.nav_portfolio .current_page_item a, .nav_portfolio .current-cat a { background:#E85F52; color:#fff; }
.nav_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; }


/* PAGINATION */
.page-link { clear:both; }
#pagination { overflow:hidden; margin:0 0 30px; text-align:center; }
#pagination span, #pagination a { display:inline-block; color:#777; margin:0 3px; padding:5px 10px; border-radius:3px; }
#pagination span { background:url(images/shades/black_10.png); 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 .thumbnail { margin:0 0 20px; line-height:0em; height:auto; }
.post .thumbnail img { display:block; margin:0; line-height:0em; width:100%; height:auto; }
.post .title { padding:0; margin:0 0 10px 0; }
.post .title a { color:inherit; }
.post .byline { float:left; text-align:right; width:25%; padding:0; padding-right:30px; font-size:0.9em; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.post .byline a { color:inherit; }
.post .byline div { position:relative; padding-right:25px; margin-bottom:10px; }
.post .byline div:before { display:block; position:absolute; line-height:1.2; width:15px; top:0; right:0; font-family:'fontawesome'; content:'\f007'; font-size:1.3em; text-align:center; }
.post .byline .date:before { content:'\f017'; }
.post .byline .author:before { content:'\f007'; }
.post .byline .category:before { content:'\f07c'; }
.post .byline .comments:before { content:'\f086'; }
.post .tags { display:block; margin:0 0 30px; padding:0; }
.post .tags li { display:inline-block; list-style:none; padding:0 5px; margin:0; border-radius:3px; }
.post .tags li a { color:#fff; }
.post .readmore { margin:0; }
.post .content { padding:0; margin:0 0 15px 25%; }
.post .content p:last-child { margin-bottom:0; }
.post .separator { clear:both; width:100%; }

/* PAGES */


/* COLUMNS BLOG */
.post_column { clear:both; float:left; width:48%; margin:0 4% 30px 0; }
.right_post_column { clear:none; margin:0 0 30px; }


/* FULL WIDTH BLOG */
.post_wide  { margin:0 0 40px; overflow:hidden; }
.post_wide .title { padding:0; margin:0 0 10px; }
.post_wide .title a { color:#333; }
.post_wide .byline { float:none; width:auto; margin:0; padding:0; }
.post_wide .content { margin-left:0; }

/* SPECIAL POST FORMATS */
.format-quote .title { position:relative; padding:0 40px; line-height:1.4; }
.format-quote .title:before { display:block; position:absolute; top:0; left:0; list-style:none; font-family:'fontawesome'; content:'\f10d'; font-size:26px; color:#aaa; }
.format-quote .title:after { display:block; position:absolute; bottom:0; right:0; list-style:none; font-family:'fontawesome'; content:'\f10e'; font-size:26px; color:#aaa; }
.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 .thumbnail { text-align:center; margin:0 0 20px; }
.cpo_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 .details div { margin:0 0 10px; padding-left:30px; position:relative; }
.cpo_portfolio .details .icon { position:absolute; display:block; width:15px; margin-top:1px; font-size:1.3em; text-align:center; left:0; top:0.1em; }
.cpo_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_bio { overflow:hidden; clear:both; padding:20px; margin:0 0 20px 25%; background:#eee; }
.author_bio .thumbnail { float:left; display:block; margin:0 20px 0 0; }
.author_bio .thumbnail img { display:block; line-height:0; margin:0; }
.author_bio .title { margin:0 0 10px; }
.author_bio .content { margin:0; }
.author_bio .readmore { float:right; margin:20px 0 0; }


/* PORTFOLIO SHOWCASE */
#portfolio { clear:both; padding:0; }
#portfolio .heading { margin-bottom:30px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
#portfolio .content { }
#portfolio .column { margin-left:0; list-style:none; padding:0; }
#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 .thumbnail { display:block; position:relative; border-radius:2px; }
#portfolio .thumbnail img { display:block; max-width:100%; margin:0 auto; width:100%; height:auto; line-height:0; border-radius:2px; }
#portfolio .item .title { color:#fff; background:#333; padding:5px 10px; margin:0 10px; font-size:1.2em; -moz-transition:0.4s all; -webkit-transition:0.4s all; transition:0.4s all; box-shadow:0 3px 2px -2px rgba(0,0,0,0.3); }
#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)"; border-radius:4px 4px 0 0; }
#portfolio .item .icon { display:block; position:absolute; top:60%; 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.6s all; -webkit-transition:0.6s all; transition:0.6s all; opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
#portfolio .item a:hover { text-decoration:none; }
#portfolio .item:hover .overlay { opacity:0.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
#portfolio .item:hover .icon { top:50%; opacity:1; text-shadow:0 0 10px #fff; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
#portfolio .item .readmore { display:block; }
#portfolio .separator { padding:20px 0; width:100%; }
#portfolio .separator_two { display:none; }


/* PORTFOLIO SHOWCASE */
#wideportfolio { clear:both; padding:0; }
#wideportfolio .heading { font-size:3em; margin-bottom:50px; }
#wideportfolio .content { }
#wideportfolio .item { display:block; overflow:hidden; margin:0 0 30px; }
#wideportfolio .item_second { }
#wideportfolio .item_last { margin-right:0; }
#wideportfolio .item .thumbnail { float:left; position:relative; width:48%; margin-right:4%; }
#wideportfolio .item .thumbnail img { width:100%; height:auto; }
#wideportfolio .item .thumbnail .overlay { opacity:0; background:url(images/shades/white_50.png); 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)"; }
#wideportfolio .item .thumbnail .icon { display:block; position:absolute; top:10%; left:50%; font-size:30px; text-align:center; line-height:60px; background:rgb(0,0,0); background:rgba(0,0,0,0.5); color:#fff; margin:-30px 0 0 -30px; width:60px; height:60px; border-radius:100px; z-index:99999; -moz-transition:0.4s all; -webkit-transition:0.4s all; transition:0.4s all; opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
#wideportfolio .item .thumbnail:hover { text-decoration:none; }
#wideportfolio .item .thumbnail:hover .overlay { opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
#wideportfolio .item .thumbnail:hover .icon { top:50%; opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
#wideportfolio .item .title { font-size:1.8em; margin:0 0 20px 52%; }
#wideportfolio .item .content { margin-left:52%; }
#wideportfolio .item .meta { font-size:1.3em; margin:0 0 20px 52%; }
#wideportfolio .item .readmore { display:block; }
#wideportfolio .separator { padding:20px 0; width:100%; }
#wideportfolio .separator_two { display:none; }


/* TEAM */
#team { clear:both; padding:0; }
#team .item { overflow:hidden; display:block; margin-bottom:30px; -moz-transition:0.4s all; -webkit-transition:0.4s all; transition:0.4s all; }
#team  img { display:block; width:120px; float:left; margin:0 20px 0 0; height:auto; line-height:0; }
#team .item .textbox { overflow:hidden; text-align:center; padding:10px 0 0; font-size:14px; }
#team .item .title { margin:0 0 0 140px; }
#team .item .subtitle { font-size:1.2em; margin:0 0 10px 140px; }
#team .item .content { margin-left:140px; }
#team .item .meta { margin-left:140px; }
#team .item .meta .field { float:left; margin-right:20px; font-size:0.9em; }


/* WP GALLERY */
.gallery { margin:0 auto 2em; }
.gallery .gallery-item { float:left; display:block; background:#fff; margin:10px 1.5% 20px; text-align:center; width:47%; box-shadow:0 1px 2px 0 #111111; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.gallery .gallery-item:hover { }
.gallery .gallery-icon { text-align:center; padding:0; margin:0; overflow:hidden; line-height:0; }
.gallery-columns-2 .gallery-item { width:47%; }
.gallery-columns-3 .gallery-item { width:30%; }
.gallery-columns-4 .gallery-item { width:22%; }
.gallery-columns-5 .gallery-item { width:17%; }
.gallery-columns-6 .gallery-item { width:13.6%; }
.gallery-columns-7 .gallery-item { width:12.25%; margin:10px 1% 10px; }
.gallery-columns-8 .gallery-item { width:10.5%; margin:10px 1% 10px; }
.gallery-columns-9 .gallery-item { width:9.11%; margin:10px 1% 10px; }
.gallery dl a { display:block; }
.gallery dl a img { width:100%; height:auto; margin:0 auto; }
.gallery .gallery-caption { 	font-size:12px; line-height:1.2em; margin:10px 0 0; }
.gallery br+br { display:none; }


/* SEARCH PAGE */
#search_form { margin:30px 0; overflow:hidden; position:relative; }
#search_form input[type=text] { float:left; font-size:14px; -moz-box-sizing:border-box;-webkit-box-sizing:border-box; box-sizing:border-box; width:40%; padding:10px 45px 10px 10px; height:40px; border:1px solid #929DcB; border-radius:5px; }
#search_form input[type=submit] { display:block; position:absolute; right:0; background:url(images/icon_search.gif) no-repeat center; width:40px; height:38px; border:0; padding:0; margin:1px; cursor:pointer; color:transparent; }
#search_form input[type=submit]:hover { background-color:#eee; }

/* CONTACT FORM */
#contact_form { float:right; margin-left:4%; width:48% }
#contact_form .test { left:-9999px; position:absolute; top:-9999px; }
#contact_form .field { overflow:hidden; margin:0 0 20px; }
#contact_form .field label{ float:left; width:20%; }
#contact_form .field input[type=text] { width:80%; }
#contact_form .field textarea{ height:200px; max-height:600px; min-height:200px; resize:vertical; max-width:100%; }
#contact_form .field .error{ display:block; margin-left:20%; color:#F30; font-weight:bold; font-size:0.9em; }
#contact_form .field input[type=submit]{ margin:0; }

#contactmap { height:400px; }
#contactmap html, #contactmap body { height:100%; }
#contactmap label { width: auto; display:inline; }
#contactmap img { max-width: none; }

/* SITEMAP */
#sitemap { margin:30px 0; }
#sitemap .sitemap { margin-bottom:20px; }
#sitemap .sitemap li { list-style:none; display:block; margin:0; padding:0; }
#sitemap .sitemap .current_page_item { display:none; }
#sitemap .sitemap li a:link, #sitemap ul li a:visited { font-size:1.4em; }
#sitemap .sitemap ul { margin:0; width:100%; }
#sitemap .sitemap ul li { margin:0; padding:0; height:auto; text-transform:none; }
#sitemap .sitemap ul a:link, #sitemap ul ul a:visited { font-size:1em; }


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


/* COMMENTS */
#comments { clear:both; margin:0 0 30px; }
#comments > h3 { margin-bottom:20px; }
.commentlist { list-style:none; padding:0; margin:10px 0 30px 0; }
.comment { overflow:hidden; list-style:none;  margin:0 0 0px 0px; padding:0; }
.comment .avatar { float:left; border-radius:3px; }
.comment .title { padding:0; margin-left:100px; }
.comment .author { font-size:1.3em; }
.comment .bypostauthor { }
.comment .date { display:block; width:220px; font-size:0.9em; }
.comment .title a:link, .comment .title a:visited {  }
.comment .title a:active, .comment .title a:hover { }
.comment .approval { display:block; background:#eee; padding:0 10px 0; margin:0; }
.comment .content { margin:10px 0 0 100px; padding:0; }
.comment .options { padding:0; overflow:hidden; margin-bottom:20px; }
.comment .options a { display:block; float:right; margin-left:10px; font-size:0.9em; }
/* Contents Styling for Comment Body */
.comment .content ul, .comment .content ol { margin-bottom:18px; }
.comment .content p:last-child { margin-bottom:6px; }
.comment .content blockquote p:last-child { margin-bottom:24px; }
/* Nested Comments */
.comment .children { list-style:none; margin:0 0 0 50px; }
.nopassword, .nocomments { margin: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 */
#respond { margin:30px 0; overflow:hidden; position:relative; }
#respond h3 { }
#respond p { display:block; padding:0; margin:0 0 20px; }
#respond form { }
.children #respond { margin:0 48px 0 0; }
/* Fields */
#respond .comment-notes { display:none; }
#cancel-comment-reply-link { display:block; font-size:0.9em; font-weight:normal; line-height:18px; }
#respond .required { display:none; color:#ff4b33; font-weight:bold; }
#respond label{ display:block; float:left; padding:8px 30px 8px 0; width:25%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
#respond input[type=text] { width:75%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
#respond textarea{ height:200px; width:75%; max-height:400px; min-height:200px; resize:vertical; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
/* Nested Form */
#comments-list #respond { margin:0 0 18px 0; }
#comments-list ul #respond { margin:0; }
/* Allowed Tags */
#respond .form-allowed-tags { display:block; color:#888; font-size:0.9em; padding-left:25%; }
#respond .form-allowed-tags code { display:block; font-size:12px; }
#respond .form-submit { padding-left:25%; }
#respond #submit, #respond #submit:visited {  }
#respond #submit, #respond #submit:visited {  }
#respond #submit:hover {  }


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

/* Forms */
.widget select { max-width:100%; }

/* SEARCH WIDGET */
.widget_search { overflow:hidden; position:relative; }
.widget_search label { display:none; }
.widget_search input { display:block; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.widget_search input[type=text] { float:left; font-size:12px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; padding:10px; width:75%; height:40px; border:1px solid #bbb; border-width:1px 0 1px 1px; border-radius:3px 0 0 3px; }
.widget_search input[type=text]:focus{ }
.widget_search input[type=submit] { position:relative; background:#eee; width:40px; height:40px; border:1px solid #bbb; padding:0; margin:0; cursor:pointer; color:#999; width:25%; height:40px; border:1px solid #bbb; text-shadow:0 1px 0 #fff; border-radius:0 3px 3px 0; }
.widget_search input[type=submit]:hover { background-color:#f5f5f5; }

/* RECENT POSTS WIDGET */
.widget_recent_entries { }
.widget_recent_entries a { }
.widget_recent_entries .post-date { display:block; font-size:0.8em; }

/* TAG CLOUD WIDGET */
.widget_tag_cloud #wp_tag_cloud div { line-height:1.6em; }
.widget_tag_cloud a { display:inline-block; background:url(images/shades/black_10.png); padding:4px 8px; margin:2px; border-radius:3px; }

/* CALENDAR WIDGET */
#wp-calendar { width:100%; padding:0; clear:both; border:0; }
#wp-calendar caption { font-weight:bold; text-transform:capitalize; padding:5px; text-align:center; }
#wp-calendar td { padding:5px; text-align:center; background:none; border-bottom:0; }
#wp-calendar td, table#wp-calendar th { padding:3px 0; text-align:center; }
#wp-calendar tfoot #next { text-align:right; }
#wp-calendar thead { }
#wp-calendar thead th { background:#eee; padding:8px 0; }
#wp-calendar tbody { }
#wp-calendar tbody tr { }
#wp-calendar tbody tr:nth-child(2n+1) { }
#wp-calendar tbody tr td { border:0 solid #aaa; -moz-transition:0.3s all; -webkit-transition:0.3s all; transition:0.3s all; }
#wp-calendar tbody tr td:hover {  }
#wp-calendar tbody tr:nth-child(2n+1) td:hover {  }
#wp-calendar tbody tr #today { border:1px solid #bbb; background:#eee; }
#wp-calendar tbody tr #today:hover { }
#wp-calendar tbody tr td.pad:hover {  }
#wp-calendar tbody tr td a { }
#wp-calendar tfoot { background:none; }
#wp-calendar tfoot td { background:none; }
#wp-calendar tfoot #prev { text-align:left; }
#wp-calendar tfoot #next { text-align:right; }

/* RSS WIDGET */
.widget_rss a.rsswidget { }
.widget_rss a.rsswidget:hover { 	color:#ff4b33; }
.widget_rss .widget-title img { 	width:14px; height:14px; }


/* CPOTHEMES RECENT POSTS WIDGET */
.cpotheme_recent_posts { }
.cpotheme_recent_posts .item { overflow:hidden; padding-bottom:15px; }
.cpotheme_recent_posts .item .title { }
.cpotheme_recent_posts .item .thumbnail { display:block; width:75px; float:left; margin-right:15px;  }
.cpotheme_recent_posts .item img { display:block; width:75px; height:auto; box-shadow:0px 1px 2px 0px #111; }
.cpotheme_recent_posts .item .meta { font-size:10px; }

/* CPOTHEMES PORTFOLIO ITEMS WIDGET */
.cpotheme_portfolio_items { }
.cpotheme_portfolio_items .item { overflow:hidden; padding-bottom:15px; }
.cpotheme_portfolio_items .item .title { }
.cpotheme_portfolio_items .item .thumbnail { display:block; width:75px; float:left; margin-right:15px;  }
.cpotheme_portfolio_items .item img { display:block; width:75px; height:auto; box-shadow:0px 1px 2px 0px #111; }
.cpotheme_portfolio_items .item .meta { font-size:10px; }

/* CPOTHEMES FLICKR WIDGET */
#cpotheme_flickr { overflow:hidden; }
#cpotheme_flickr div { float:left; overflow:hidden; width:31%; margin:0px 2% 2% 0px; box-shadow:0px 1px 2px 0px #111; }
#cpotheme_flickr a { display:block; line-height:0; }
#cpotheme_flickr img { width:100%; height:auto; }

/* CPOTHEMES TWITTER WIDGET */
.twitter_stream { margin:0 0 10px; }
.twitter_stream li.tweet:before { display:block; position:absolute; top:0; left:0; list-style:none; font-family:'fontawesome'; content:'\f099'; font-size:20px; }
.twitter_stream li.tweet { position:relative; list-style:none; background:none; margin:0 0 10px 0; padding:0 0 0 30px; font-size:0.9em; }
.twitter_stream li .tweet_content { margin:0; }
.twitter_stream li .tweet_date { display:block; text-align:right; }

/* CPOTHEMES TESTIMONIALS WIDGET */
.testimonials { overflow:hidden; margin:0 0 10px; }
.testimonials .content { background:url(images/shades/black_10.png); margin:0 0 10px; padding:10px; font-size:0.9em; border-radius:5px; }
.testimonials .content p:last-child { margin:0; }
.testimonials .thumbnail { overflow:hidden; float:right; }
.testimonials .thumbnail img { display:block; margin-left:20px; border-radius:50px; line-height:0; width:50px; height:auto; }
.testimonials .title { text-align:right; font-weight:bold; margin:0; }
.testimonials .meta { text-align:right; }



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