/*
Theme Name:Practical
Theme URI:http://www.cpothemes.com
Description:A clean business theme with a focus on practical design and organized content. Practical features an extremely flexible layout, providing a number of available templates to best suit your needs. It features a homepage slideshow, a fully-functional portfolio, client testimonials, and everything you need for a flexible corporate website.
Author:CPOThemes
Author URI:http://www.cpothemes.com
Version:1.1.2
License:GNU General Public License 2.0
License URI:license.txt
*/


/*
INDEX

0. CSS RESET
Resets all styles for consistency and browser compatibility. 
Courtesy of Eric Meyer at http://meyerweb.com/eric/tools/css/reset/index.html.

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.

7. MOBILE & OTHER
Any other elements, such as expanded functions or plugins, go here. This includes special forms or templates.

*/


/* --------------------------------------------------------------
0. CSS RESET
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { background:transparent; border:0; margin:0; padding:0; vertical-align:baseline; }
body { line-height:1; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; }
ol, ul, li { list-style:none; }
blockquote { quotes:none; }
blockquote:before, blockquote:after { content:''; content:none; }
del { text-decoration:line-through; }
table {	border-collapse:collapse; border-spacing:0; }
a img { border:none; }


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

/* BODY */
body { font-family:'Oxygen', Arial, Helvetica, sans-serif; background:url(images/bg_main.jpg) no-repeat center #00589b; background-attachment:fixed; color:#fff; font-size:18px; line-height:1.5; }

/* HEADINGS */
h1, h2, h3, h4, h5, h6 { color:#fff; line-height:1.1em; margin:0 0 10px; }
h1 { font-size:36px; } 
h2 { font-size:22px; } 
h3 { font-size:18px; } 
h4 { font-size:16px; } 
h5 { font-size:15px; } 
h6 { font-size:14px; }

/* HYPERLINKS */
a:link, a:visited { color:#ddd; text-decoration:none; }
a:hover { color:#eee; 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:square; margin:0 0 5px 25px; list-style-position:inside; }
ol li { list-style:decimal; margin:0 0 5px 25px; list-style-position:inside; }
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:13px; }

/* 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:0em; }
img.size-auto, img.size-large, img.size-full, img.size-medium { max-width:100%; height:auto; }
.alignleft, img.alignleft { display:inline; float:left; margin-right:24px; margin-top:4px; }
.alignright, img.alignright { display:inline; float:right; margin-left:24px; margin-top:4px; }
.aligncenter, img.aligncenter { clear:both; 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-bottom:5px; max-width:100%; text-align:center; background:#fff; line-height:0em; border-bottom:1px solid #ccc; }
.wp-caption .wp-caption-text{ }
.wp-caption img { margin:0; padding:0; max-width:100%; line-height:0em; border:5px solid #fff; }
.wp-caption p { margin:10px 0 10px; color:#666; line-height:1.2em; font-size:12px; }
.wp-smiley { margin:0; }

/* The basic styling ends here. Rendered styles ahead. */

/* FORMS */
input[type=text], textarea { font-family:Arial, Helvetica, sans-serif; border:1px solid #bbb; padding:8px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }

/* BUTTONS */
.button, .button:visited { display:inline-block; background:url(images/bg_button.png) repeat-x #ddd center bottom; width:auto; border:1px solid #bbb; margin:5px 0; border-bottom:1px solid #aaa; padding:12px 15px; color:#444; text-shadow:0 1px 0 #f2f2f2; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; font-weight:bold; cursor:pointer; }
.button:link { color:#444; }
.button:hover { background:#eee; text-decoration:none; }
.button:active { border-top:1px solid #aaa; }
.button_small { font-size:12px; padding:5px 10px; margin:5px 0; }
.button_medium { font-size:16px; padding:15px 20px; margin:5px 0; }
.button_large { font-size:20px; padding:20px 30px; margin:10px 0; }

/* Button Colors */
.button_red, .button_red:visited { background-color:#F76; text-shadow:0 1px 0 #fA8; border-color:#A43; }
.button_blue, .button_blue:visited { background-color:#7dbdff; text-shadow:0 1px 0 #9DF; border-color:#48B; }
.button_green, .button_green:visited { background-color:#93ed7e; text-shadow:0 1px 0 #BF9; border-color:#694; }
.button_teal, .button_teal:visited { background-color:#6bd5d4; text-shadow:0 1px 0 #7EE; border-color:#499; }
.button_purple, .button_purple:visited { background-color:#c792f4; text-shadow:0 1px 0 #DAF; border-color:#86B; }
.button_pink, .button_pink:visited { background-color:#eb9ce1; text-shadow:0 1px 0 #FBF; border-color:#A6A; }
.button_orange, .button_orange:visited { background-color:#f0b371; text-shadow:0 1px 0 #FC8; border-color:#A84; }
.button_yellow, .button_yellow:visited { background-color:#ebe47b; text-shadow:0 1px 0 #FF9; border-color:#AA6; }
.button_gray, .button_gray:visited { background-color:#ccc; text-shadow:0 1px 0 #ddd; border-color:#777; }
.button_black, .button_black:visited { background-color:#666; text-shadow:0 -1px 0 #000; color:#fff; border-color:#333; }
.button_white, .button_white:visited { background-color:#fff; text-shadow:0 1px 0 #fff; border-color:#BBB; }

/* MESSAGE BOXES */
.message_box { display:block; background:#f9f9f9; font-size:12px; margin:20px 0; padding:15px 20px; border:1px solid #BBB; color:#666; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.message_ok { background:#d9f5ce; color:#060; border:1px solid #6dcd72; }
.message_error { background:#ffdec9; color:#600; border:1px solid #d8986e; }
.message_warn { background:#fff9d8; color:#960; border:1px solid #cdb676; }
.message_info { background:#d6e8fd; color:#006; border:1px solid #8ea0e5; }

.column { display:block; float:left; overflow:hidden; }
.col2 { width:47%; margin-right:6%; }
.col2_last { width:47%; }
.col3 { width:29%; margin-right:6%; }
.col3x2 { width:67%; }
.col3_last { width:30%; }
.col4 { width:20%; margin-right:6%; }
.col4x3 { width:74%; }
.col4_last { width:22%; }
.col5 { width:15%; margin-right:6%; }
.col5x3 { width:57%; }
.col5_last { width:16%; }
.col_content { display:block; padding:0 60px 0 0; }
.col_divide { display:block; clear:both; width:100%; }

/* ACCORDIONS */
.accordion { clear:both; background:#fff; border:1px solid #ddd; margin-bottom:15px; }
.accordion_title {  padding:10px; margin:0; cursor:pointer; }
.accordion_content { background:#f8f8f8; padding:10px; }

/* TABBED CONTENT */
.tabs {}
.tabs .tab_title { display:block; float:left; background:#fff; padding:5px 10px; }
.tabs .tab_content { clear:both; background:#eee; padding:10px; }

/* SEPARATORS */
.pageseparator { overflow:hidden; position:relative; clear:both; width:100%; height:24px; margin:20px 0; }
.pageseparator .line { position:absolute; border-top:1px dotted #ccc; top:50%; width:100%; }
.pageseparator .top { position:absolute; right:0; background:url(images/top.gif) no-repeat #999 center; height:24px; width:24px; border-radius:50%; }
.pageseparator .top:hover { background:url(images/top.gif) no-repeat #777 center; }


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

/* WRAPPERS */
.wrapper { width:960px; margin:0px auto; }

/* SITE STRUCTURE */
#submenu { float:left; width:30%; }
#features { padding:0; margin:0 0 50px; }
#main { overflow:hidden; padding:0; }
#content { overflow:hidden; padding-top:0px; }
#homemenu { text-align:center; }
#sidebar { float:left; width:30%; }
#footer { overflow:hidden; padding:30px 0; clear:both; font-size:12px; }
.clear { clear:both; width:100%; height:0; margin:0; padding:0; }

/* CONTENT LAYOUT VARIATIONS */
#content.submenu { float:right; width:75%; margin:0 0 0 5%; }
#content.wide { width:100%; margin:0; }

/* HEADER */
#header { padding:20px 0; }
#header .logo { float:left; margin:15px 0 0; }
#header .logo a { display:block; line-height:1em; }
#header .hidden { display:none; }
#header .subheader { float:right; text-align:right; margin-left:60px; }
#header .social { margin-top:15px; margin-left:15px; }


#tagline { padding:10px 0; font-size:26px; line-height:1.3; border:2px solid #fff; border-width:2px 0; margin-bottom:20px; }


/* HOMEPAGE SLIDES */
#slider { height:570px;  }
#slider ul { display:block; overflow:hidden; padding:0; margin:0; height:570px;  }
#slider ul li { overflow:hidden; position:relative; list-style:none; width:100%; height:570px; margin:0; padding:0; }
#slider .pages { vertical-align:top; text-align:center; clear:both; display:block; z-index:999; margin:-30px auto 0 auto; height:26px; }
#slider .pages a { display:inline-block; overflow:hidden; background:#fff; color:#fff; margin:0 3px; width:12px; height:12px; border-radius:50%; -moz-transition:0.4s all; -webkit-transition:0.4s all; transition:0.4s all; }
#slider .pages a:hover { text-decoration:none; }
#slider .pages .activeSlide { background:#b2cde1; color:#b2cde1; border-radius:50%; }

.video { margin:0 0; position:relative; padding-bottom:50%; padding-top:60px; height:0; }
.video iframe { position:absolute; top:0; left:0; width:100%; height:100%; }

/* FOOTER */
#footer a { color:#fff; }


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

/* MAIN MENU */
#menu { margin:0 0 20px; }
.nav_main { overflow:hidden; margin:0; }
.nav_main > ul { overflow:hidden; margin:0; }
/* Menu Elements */
.nav_main li { display:block; float:left; background:#44729a; padding:0; margin:0 2% 0 0; width:23.5%; list-style:none; }
.nav_main li:nth-child(4) { margin:0; }
.nav_main li a { display:block; text-transform:uppercase; margin:0; padding:10px 0; color:#fff; text-align:center; font-size:18px; text-shadow:0px -1px 0px #333; -moz-transition:0.2s all; -webkit-transition:0.2s all; transition:0.2s all; }
/*.home .nav_main li a { height:150px; }*/
/*.nav_main li a:hover,*/
.nav_main li a:hover { text-decoration:none; background:#7597bb; }
.nav_main .current-menu-parent > a, 
.nav_main .current_page_ancestor > a, 
.nav_main .current_page_item > a, 
.nav_main .current-menu-item > a { background:#41464e; }
.nav_main .current-menu-parent > a:hover, 
.nav_main .current_page_ancestor > a:hover, 
.nav_main .current_page_item > a:hover,
.nav_main .current-menu-item > a:hover,
.nav_main .current-menu-parent:hover > a, 
.nav_main .current_page_ancestor:hover > a, 
.nav_main .current_page_item:hover > a,
.nav_main .current-menu-item:hover > a { background:#41464e; }
.nav_main li .description { display:block; text-transform:capitalize; font-size:12px; color:#eee; text-shadow:0px 1px 0px #333; }


/* SUBMENU NAVIGATION */
#submenu { width:20%; }
.nav_sub { margin:0; padding:0; }
.nav_sub li { list-style:none; margin:0; padding:0; }
.nav_sub li a { display:block; margin-bottom:20px; border-radius:3px; font-size:20px; color:#fff; text-shadow:0 1px 0 #355; }
.nav_sub .current_page_item a, .nav_sub .current-cat a { color:#222; text-shadow:0 1px 0 #699; }
.nav_sub li ul { display:none; font-size:1em; }


/* NEXT/PREV POST NAVIGATION */
.nav_next { float:right; width:40px; text-align:right; padding:210px 0 0 0;  }
.nav_next a { -moz-transition:0.3s all; -webkit-transition:0.3s all; transition:0.3s all; }
.nav_next a:hover { opacity:0.6; }
.nav_prev { float:left; width:40px; text-align:left; padding:210px 0 0 0; }
.nav_prev a { -moz-transition:0.3s all; -webkit-transition:0.3s all; transition:0.3s all; }
.nav_prev a:hover { opacity:0.6; }


/* PAGINATION */
.page-link { clear:both; }
#pagination { 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; }
#pagination span { display:block; float:left; color:#777; background:#ccc; padding:5px 10px; font-size:14px; }
#pagination a { display:block; float:left; padding:5px 10px; font-size:14px; text-shadow:0 1px 0 #fff; }
#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
-------------------------------------------------------------- */

/* PREVIEWS */
.previewlist { overflow:hidden; padding:0 0px; }
.preview { margin:0 0 30px; padding:0 0 30px; overflow:hidden; border-bottom:1px dotted #DDD; }
.preview .title { padding:0; margin:0 0 10px 0; }
.preview .comments { float:right;}
.preview .comments a { display:block; color:#999; background:url(https://www.todalavidamirandoporti.com/wp-content/themes/mirandoporti/images/icon_comments.png) no-repeat right center; padding:5px 38px 5px 0; font-size:32px; }
.preview .readmore { margin:15px 0 0; }
.preview .content { padding:0; margin:0 0; }
.preview .content p { margin-bottom:0; }
.preview .page { margin-left:0; }
.preview .separator { clear:both; width:100%; }


/* ENTRIES */
.entry { overflow:hidden; margin:0; padding:0; clear:both; }
.entry .title { padding:0; margin:0 0px 10px; display:none; color:#333; }
.entry .meta { margin:0 30px; }
.entry .content { overflow:hidden; padding:0px; }
.entry .page { margin-left:0; padding: 0 0px 0px; }
.sticky {}

/* STORY LIST */
#stories { overflow:hidden; margin:0 40px; }
#stories .viewall { display:block; float:right; font-size:16px; text-transform:uppercase; }
#stories > h2 { font-size:16px; text-transform:uppercase; margin-bottom:10px; }
#stories .item { float:left; background:#fff; color:#333; width:32%; padding-bottom:20px; margin:0 2% 20px 0; }
#stories .item_last { margin:0 0 20px; }
#stories .author { font-size:18px; margin:10px 20px 0; }
#stories .title { color:#333; margin:0 20px; }
#stories .title a:link, #stories .title a:visited { color:#333; }

#textstories { overflow:hidden; margin:0 40px; }
#textstories .viewall { display:block; float:right; font-size:16px; text-transform:uppercase; }
#textstories > h2 { font-size:16px; text-transform:uppercase; margin-bottom:10px; }
#textstories .item { float:left; background:#fff; color:#333; width:32%; margin:0 2% 20px 0; }
#textstories .item_last { margin:0 0 20px; }
#textstories .content { margin:10px 20px; overflow:hidden; height:150px; }
#textstories .content p { margin-bottom:0a; }
#textstories .readmore { color:#b2cde1; }
#textstories .description { background:#b2cde1; padding:10px 20px; }
#textstories .author { font-size:18px; margin:0; }
#textstories .title { color:#333; margin:0; }
#textstories .title a:link, 
#textstories .title a:visited { color:#333; }

/* TEXT STORIES */
.story { overflow:hidden; background:#fff; color:#333; margin:0 0 20px; padding:0 0 30px; clear:both; }
.story .video { margin-bottom:20px; }
.story .text { padding-top:30px; }
.story .title { padding:0; margin:0 30px; color:#333; }
.story .author { overflow:hidden; margin:0 30px; font-size:26px; }
.story .content { overflow:hidden; margin:0 30px; }
.story .content p:last-child { margin-bottom:0; }
.story .page { margin-left:0; padding: 0 0px 0px; }

/* SHARING BUTTONS */
.story .share { overflow:hidden; float:right; margin:10px 30px 0 0; }
.story .share_button { float:left; margin-right:15px; width:80px; height:70px; position:relative; }
.story .button_gplus { margin-right:0; width:55px; }
.story .share_button_pinterest a { position:absolute !important; bottom:10px;  }


/* WP GALLERY */
.gallery { margin:0 auto 2em;}
.gallery .gallery-item { float:left; display:block; background:#fff; margin:10px 1.5% 20px; padding:10px; text-align:center; border-bottom:1px solid #bbb; width:47%; -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%; padding:8px; }
.gallery-columns-5 .gallery-item { width:17%; padding:7px; }
.gallery-columns-6 .gallery-item { width:13.6%; padding:6px; }
.gallery-columns-7 .gallery-item { width:12.25%; padding:5px; margin:10px 1% 10px; }
.gallery-columns-8 .gallery-item { width:10.5%; padding:5px; margin:10px 1% 10px; }
.gallery-columns-9 .gallery-item { width:9.11%; padding:5px; 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:100%; 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(https://www.todalavidamirandoporti.com/wp-content/themes/mirandoporti/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 { background:#fff; color:#333;padding:20px 20px 10px; }
#contact_form .test { left:-9999px; position:absolute; top:-9999px; }
#contact_form .column { float:left; width:48%; margin-right:4%; }
#contact_form .column_right { float:left; width:48%; }
#contact_form .row { clear:both; }
#contact_form .field { overflow:hidden; margin:0 0 10px; }
#contact_form .field label{ display:block; float:left; padding:6px 0; width:45%; text-transform:uppercase; }
#contact_form .field input[type=text] { width:55%; padding:6px; border:none; border-radius:0; background:#ddd; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
#contact_form .row .field label{ width:21.5%; }
#contact_form .field input[type=file] { width:78.5%; padding:6px; border:none; border-radius:0; background:#ddd; }
#contact_form .field textarea{ height:200px; width:100%; padding:6px; border:none; border-radius:0; background:#ddd; min-height:200px; resize:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
#contact_form .field .error{ display:block; margin-left:120px; color:#F30; font-weight:bold; font-size:0.8em; }
#contact_form .field input[type=submit]{ float:right; padding:6px 15px; background:#7fabcd; border:none; color:#fff; text-shadow:none; border-radius:0; margin:0; }

.sent #contact_form { display:none; }
.sent .wpcf7-response-output { margin:150px auto 0; padding:0; background:none; width:500px; font-size:20px; text-align:center; border:none; }
.sent .wpcf7-response-output span { display:block; margin:0 auto 20px; padding:10px; background:#444; text-transform:uppercase; width:300px; font-size:20px; font-weight:bold; }

/* SITEMAP */
#sitemap { margin:30px; }
#sitemap .sitemap { width:20%; float:left; margin-right:5%; }
#sitemap .sitemap li { list-style:none; display:block; width:100%; margin:0 0 0 0; padding:0; }
#sitemap .sitemap .current_page_item { display:none; }
#sitemap .sitemap li a:link, #sitemap ul li a:visited { font-size:16px; }
#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 { color:#666; font-size:12px; }
#sitemap .sitemap ul a:hover { text-decoration:underline; }
#sitemap .separator { clear:both; padding:0; width:100%; }
#sitemap .separator_two { display:none; clear:both; padding:0; width:100%; }
#sitemap .separator_three { display:none; clear:both; padding:0; width:100%; }


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


/* COMMENTS */
#comments { clear:both; padding:30px 0; border:1px dotted #ddd; border-width:1px 0; }
#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 { font-size:12px; padding:12px 0; margin-left:68px; }
.comment .author { font-size:16px; font-weight:bold; text-shadow:0 -1px 0 #fff; }
.comment .bypostauthor { }
.comment .date { border-left:1px solid #ccc; margin-left:20px; padding-left:20px; }
.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 { clear:left; margin:10px 0 0; padding:20px; background:#f9f9f9; border:1px solid #ddd; }
.comment .options { padding:0; overflow:hidden; margin-bottom:20px; }
.comment .options a { display:block; float:right; margin-left:10px; font-size:12px; }
/* 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 { font-size:12px; font-weight:bold; 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-size:13px; font-style:italic; }


/* COMMENT FORM */
#respond { margin:30px 0; overflow:hidden; position:relative; }
#respond h3 { }
#respond p { display:block; padding:0; margin:10px 0; }
#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 5% 8px 0; width:120px; }
#respond input[type=text] { width:200px; }
#respond textarea{ height:200px; width:490px; max-height:400px; min-height:200px; resize:vertical; }
/* 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:12px; line-height:18px; }
#respond .form-allowed-tags code { display:block; font-size:12px; }
#respond #submit, #respond #submit:visited { display:inline-block; background:#333; width:auto; border:0; border-bottom:1px solid #533; padding:12px 15px; color:#FFF; text-shadow:0 -1px 0 #333; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font-weight:bold; cursor:pointer; }
#respond #submit, #respond #submit:visited { display:inline-block; 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%); width:auto; border:1px solid #ccc; margin:20px 0; border-bottom:1px solid #aaa; padding:12px 15px; color:#444; text-shadow:0 1px 0 #f2f2f2; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font-weight:bold; cursor:pointer; }
#respond #submit:hover { background:#666; }
#respond #submit:active { background:#666; border-bottom:0; border-top:1px solid #335; }


/* --------------------------------------------------------------
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[type=text] { float:left; font-size:12px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; width:100%; padding:10px 45px 10px 10px; height:40px; border:1px solid #bbb; border-radius:3px; }
.widget_search input[type=text]:focus{ }
.widget_search input[type=submit] { float:right; position:absolute; right:0px; display:block; background:url(https://www.todalavidamirandoporti.com/wp-content/themes/mirandoporti/images/icon_search.gif) no-repeat center #fff; width:40px; height:40px; border:1px solid #bbb; padding:0; margin:0; cursor:pointer; color:transparent; border-radius:0 3px 3px 0; }
.widget_search input[type=submit]:hover { background-color:#f5f5f5; }

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

/* CALENDAR WIDGET */
#wp-calendar { width:100%; padding:0; clear:both; border:0; color:#aaa; }
#wp-calendar caption { font-weight:bold; text-transform:capitalize; color:#fff; 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 { border:1px solid #333; }
#wp-calendar thead th { background:#333; padding:8px 0; color:#bbb; }
#wp-calendar tbody { background:#333; border:1px solid #333; }
#wp-calendar tbody tr { background:#333; }
#wp-calendar tbody tr:nth-child(2n+1) { background:#444; }
#wp-calendar tbody tr td { border:0 solid #222; -moz-transition:0.3s all; -webkit-transition:0.3s all; transition:0.3s all; }
#wp-calendar tbody tr td:hover { background:#555; }
#wp-calendar tbody tr:nth-child(2n+1) td:hover { background:#666; }
#wp-calendar tbody tr #today { background:#555; border:1px solid #777; }
#wp-calendar tbody tr #today:hover { background:#888; }
#wp-calendar tbody tr td.pad:hover { background:#444; }
#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; margin-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; border:3px solid #ccc; border-radius:3px; }
.cpotheme_recent_posts .item .meta { font-size:10px; }

/* CPOTHEMES FLICKR WIDGET */
#cpotheme_flickr { overflow:hidden; }
#cpotheme_flickr div { float:left; overflow:hidden; width:75px; margin:0px 15px 15px 0px; border:3px solid #ccc; box-shadow:0px 1px 2px 0px #111; border-radius:3px; }
#cpotheme_flickr a { display:block; line-height:0; }
#cpotheme_flickr img {  }