/*
Theme Name: Verso
Theme URI: http://www.versobranco.pt/
Author: Fernando JSM Sousa
Author URI: http://www.facebook.com/fernando.jsm.sousa/
Description: This theme is a simple, minimalist theme for Verso Branco.
Version: 1.0 201411
This theme, like WordPress, is licensed under the GPL.
*/

/* =Reset
-------------------------------------------------------------- */
/*
This Reset CSS is adapted from Eric Meyer’s famous Reset CSS
What it does is take all the typographical defaults of every browser and obliterates them
Just paste this (Reset) to the top of the stylesheet for any new theme to be created
*/
 
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, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}
html {
    font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
    overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
    -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
    -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
body {
    background: #fff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}
ol, ul {
    list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    font-weight: normal;
    text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
a:focus {
    outline: thin dotted;
}
a:hover,
a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
    outline: 0;
}
a img {
    border: 0;
}

/* =Reset (end)
-------------------------------------------------------------- */

/* =Global
-------------------------------------------------------------- */
/*
This is a typography-rebuild CSS: Have all of the typographical elements follow suit with an appropriate vertical rhythm (the vertical space between type elements like paragraphs and lists)
It combines the best of both worlds for web typography: 
- using rems (with pixel fall backs) for font height, with relative line-height for the main declaration on the body element
- using Ems for all subsequent vertical margins (like for paragraphs and lists)
With it it’s really easy to set any font height later — without doing any math
*/
 
body,
button,
input,
select,
textarea {
    color: #404040;
    font-family: sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
}
 
/* Headings */
h1,h2,h3,h4,h5,h6 {
    clear: both;
}
hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}
 
/* Text elements */
p {
    margin-bottom: 1.5em;
}
ul, ol {
    margin: 0 0 1.5em 3em;
}
ul {
    list-style: disc;
}
ol {
    list-style: decimal;
}
ul ul, ol ol, ul ol, ol ul {
    margin-bottom: 0;
    margin-left: 1.5em;
}
dt {
    font-weight: bold;
}
dd {
    margin: 0 1.5em 1.5em;
}
b, strong {
    font-weight: bold;
}
dfn, cite, em, i {
    font-style: italic;
}
blockquote {
    margin: 0 1.5em;
}
address {
    margin: 0 0 1.5em;
}
pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    padding: 1.6em;
    overflow: auto;
    max-width: 100%;
}
code, kbd, tt, var {
    font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}
mark, ins {
    background: #fff9c0;
    text-decoration: none;
}
sup,
sub {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    bottom: 1ex;
}
sub {
    top: .5ex;
}
small {
    font-size: 75%;
}
big {
    font-size: 125%;
}
figure {
    margin: 0;
}
table {
    margin: 0 0 1.5em;
    width: 100%;
}
th {
    font-weight: bold;
}
button,
input,
select,
textarea {
    font-size: 100%; /* Corrects font size not being inherited in all browsers */
    margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
    vertical-align: baseline; /* Improves appearance and consistency in all browsers */
    *vertical-align: middle; /* Improves appearance and consistency in all browsers */
}
button,
input {
    line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
    *overflow: visible;  /* Corrects inner spacing displayed oddly in IE6/7 */
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 1px solid #ccc;
    border-color: #ccc #ccc #bbb #ccc;
    border-radius: 3px;
    background: #e6e6e6;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), inset 0 15px 17px rgba(255,255,255,0.5), inset 0 -5px 12px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), inset 0 15px 17px rgba(255,255,255,0.5), inset 0 -5px 12px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), inset 0 15px 17px rgba(255,255,255,0.5), inset 0 -5px 12px rgba(0,0,0,0.05);
    color: rgba(0,0,0,.8);
    cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
    -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
    font-size: 12px;
    font-size: 1.4rem;
    line-height: 1;
    padding: 1.12em 1.5em 1em;
    text-shadow: 0 1px 0 rgba(255,255,255,.8);
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa #bbb;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), inset 0 15px 17px rgba(255,255,255,0.8), inset 0 -5px 12px rgba(0,0,0,0.02);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), inset 0 15px 17px rgba(255,255,255,0.8), inset 0 -5px 12px rgba(0,0,0,0.02);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), inset 0 15px 17px rgba(255,255,255,0.8), inset 0 -5px 12px rgba(0,0,0,0.02);
}
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    border-color: #aaa #bbb #bbb #bbb;
    -webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5), inset 0 2px 5px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5), inset 0 2px 5px rgba(0,0,0,0.15);
    box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5), inset 0 2px 5px rgba(0,0,0,0.15);
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */
    padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
    -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
    -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
    border: 0;
    padding: 0;
}
input[type=text],
input[type=email],
textarea {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
}
input[type=text]:focus,
input[type=email]:focus,
textarea:focus {
    color: #111;
}
input[type=text],
input[type=email] {
    padding: 3px;
}
textarea {
    overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
    padding-left: 3px;
    vertical-align: top; /* Improves readability and alignment in all browsers */
    width: 98%;
}
 
/* Links */
a {
    color: grey; /* FS: (royalblue > ccc) */
}
a:visited {
    color: grey; /* FS: (purple > ccc) */
}
a:hover,
a:focus,
a:active {
    color: black; /* FS: (midnightblue > black) */
}

/* =Global (end)
-------------------------------------------------------------- */

/* =Standard Styles
-------------------------------------------------------------- */
/*
For those elements in WP that you’re just going to have to style every time, for each theme
This includes styles for floating all the images, as well as handling menus, captions, post content, etc
With this, you have some base styles in place on which you can build further
*/

/* Alignment */
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}
.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
}
 
/* Text meant only for screen readers */
.assistive-text {
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}
 
/* =Menu
----------------------------------------------- */
 
.main-navigation {
    clear: both;
    display: block;
    float: left;
    width: 100%;
}
.main-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}
.main-navigation li {
    float: left;
    position: relative;
}
.main-navigation a {
    display: block;
    text-decoration: none;
}
.main-navigation ul ul {
    -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2);
    box-shadow: 0 3px 3px rgba(0,0,0,0.2);
    display: none;
    float: left;
    position: absolute;
        top: 1.5em;
        left: 0;
    z-index: 99999;
}
.main-navigation ul ul ul {
    left: 100%;
    top: 0;
}
.main-navigation ul ul a {
    width: 200px;
}
.main-navigation ul ul li {
}
.main-navigation li:hover > a {
}
.main-navigation ul ul :hover > a {
}
.main-navigation ul ul a:hover {
}
.main-navigation ul li:hover > ul {
    display: block;
}
.main-navigation li.current_page_item a,
.main-navigation li.current-menu-item a {
}
 
/* Small menu */
.menu-toggle {
    cursor: pointer;
}
.main-small-navigation .menu {
    display: none;
}
 
/* =Content
----------------------------------------------- */
 
.sticky {
}
.hentry {
    margin: 0 0 1.5em;
}
.entry-meta {
    clear: both;
}
.byline {
    display: none;
}
.single .byline,
.group-blog .byline {
    display: inline;
}
.entry-content,
.entry-summary {
    margin: 1.5em 0 0;
}
.page-links {
    clear: both;
    margin: 0 0 1.5em;
}
 
/* =Asides
----------------------------------------------- */
 
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display: none;
}
 
/* =Media
----------------------------------------------- */
 
.entry-nav-left img,
.entry-nav-right img,
.site-header img,
.entry-content img,
.comment-content img,
.widget img {
    max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
.entry-nav-left img,
.entry-nav-right img,
.site-header img,
.entry-content img,
img[class*="align"],
img[class*="wp-image-"] {
    height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
.entry-nav-left img,
.entry-nav-right img,
.site-header img,
.entry-content img,
img.size-full {
    max-width: 100%;
    width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}
.wp-caption {
    /* border: 1px solid #ccc; Retirado por FS para não ter o border nas imagens */
    max-width: 100%;
}
.wp-caption.aligncenter,
.wp-caption.alignleft,
.wp-caption.alignright {
    margin-bottom: 1.5em;
}
.wp-caption img {
    display: block;
    margin: 1.2% auto 0;
    max-width: 98%;
}
.wp-caption-text {
    text-align: center;
}
.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}
.site-content .gallery {
    margin-bottom: 1.5em;
}
.gallery-caption {
}
.site-content .gallery a img {
    border: none;
    height: auto;
    max-width: 90%;
}
.site-content .gallery dd {
    margin: 0;
}
.site-content .gallery-columns-4 .gallery-item {
}
.site-content .gallery-columns-4 .gallery-item img {
}
 
/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
    max-width: 100%;
}
 
/* =Navigation
----------------------------------------------- */
 
.site-content .site-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
}
.site-content .nav-previous {
    float: left;
    width: 50%;
}
.site-content .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}
 
/* =Comments
----------------------------------------------- */
 
.bypostauthor {
}
 
/* =Widgets
----------------------------------------------- */
 
.widget {
    margin: 0 0 1.5em;
}
 
/* Search widget */
#searchsubmit {
    display: none;
}

/* =Standard Styles (end)
-------------------------------------------------------------- */

/* =Structure
-------------------------------------------------------------- */
/*
This section is for layout-related rules of the main area
Any specific layout can be placed in the theme Layouts directory, for reference
But the layout in use is the one in here, which can be a copy of any of those in the directory
Examples of layouts: content-sidebar, sidebar-content, sidebar-content-sidebar, etc.
*/

/* Layout: Sidebar-Content */

#content {
margin: 0 0 0 32%; /* 2% para dar um espaço entre estas 2 áreas, nos smartphones */
}
#primary {
float: right;
margin: 0 1.5% 0 -32%; /* 2% para dar um espaço entre estas 2 áreas, nos smartphones */
width: 100%;
}
#secondary { /* Sidebar 1 */
float: left;
overflow: hidden;
width: 30%;
}
.site-footer {
clear: both;
width: 100%;
}

/* =Structure (end)
-------------------------------------------------------------- */

/* =Structure Verso Branco
-------------------------------------------------------------- */
/*
This section is for layout-related rules, added specifically for themes for Verso Branco
*/

/* This is for styling the header _____________________________________________________ */
#masthead { 
position: fixed; /* Makes the header 'Sticky' */
top: 0px;
z-index: -10; /* valor negativo, caso contrário este elemento sobrepõe-se ao breadcrumb com o resizing */
width: 100%;
}
hgroup{ 
text-indent: -9999px; /* Esconde o texto e coloca à direita do texto o logo */
float: left;
}
.site-title {
padding: 0 10px 0 0;
float: left;
}
.site-description {
display: inline;
}
/* This is for styling the header - end */

/* This is for styling the main in posts ______________________________________________ */
#content {
margin-top: 0px; /* passei de 20px para 0; cada elemento terá a sua própria margem */
}
.widget-area { /* menu e logo*/
margin-top: 15px;
}
.entry-nav-left {
/*float: left;*/
}
.entry-nav-right {
/*text-align: right;*/
}
#titulo-contactos {
text-align: left;
}
.entry-content p { /* parágrafo entrado no post via wp-admin */
margin: 0 1em 0 0.5em; /* o 3º valor no iphone não funciona... */
}
.social-single { 
background: none; 
/*bottom: 15em; this is for having the div always on the bottom */
/*position:fixed; This is for having the div always on the bottom */
width:90%; /* para dar espaço para a margem à esquerda dos botões */
z-index:99999; 
float:left;
font-size: 1px; /* só isto permite o alinhamento perfeito dos vários botões */
margin: 0 0 0 11em; /* para estar mais alinhado com o texto do post */
}
#social-single-space { /* no content.php */
margin: 0 0 4.5em 0; /* espaço para o footer */
}
#social-single-txt { 
font-family: Arial, Futura, sans-serif;
font-size: 12px;
font-size: 1.2rem;
color: grey;
margin: 0.6em 1em 0.9em 1em;
}
.fb-like, 
.pin-it,
.pin-follow {
display: inline-block;
vertical-align: top;
margin-right: 8em;
}
.spaceforfooter {
width: 100%;
height: 2.5em; /* espaço para o footer, pq o margin ou padding bottom no safari não era suficiente para dar espaço ao footeer */
/*background: red;*/
}
/* This is for styling the main in posts - end */

/* This is for styling the page "contactos", "obrigado", "..." ________________________ */
.page-entry-content morada { /* o div "morada" foi criado na própria page no wp-admin */
     color: black;
}
#obrigado {
margin-top: 10%;
margin-left: 5%;
width: 75%;
}
#obrigado #breadcrumb {
margin-top: 5%;
}
#obrigado #info {
margin-top: 5%;
}
#comments { /* layout das 2 pages do site */
width: 75%;
margin: 0 0 3em 4%; /* Por causa do footer */
}
#sobre { /* layout de 1 page do site */
width: 82%; /* valor limite até ao qual a largura do texto fica igual à da imagem */
margin: 3% 0 2.5em 3%; /* 2.5 por causa do footer */
}
/* This is for styling the page "contactos", "obrigado", "..." - end */

/* This is for having the breadcrumb on top of content */
.breadcrumb { /* The divs to be stacked */
    width: 100%;
    margin: 3% 0 2.5% 0; /* isto centra o breadcrumb entre as imagens e o topo */
    z-index: 99999999; /*isto não funciona. O breadcrumb perde os links, com o resize no mínimo... VIM */
  text-align:center;
}
/* This is for having the breadcrumb on top of content - end */

/* This is for having stack divs (in this case in the content.php file) _______________ */
article { /* The container to have the stacked divs */
    width: 100%;
    height: 100%;
    position: relative;
}
.entry-header, 
.entry-content,
.entry-navXXX { /* The divs to be stacked */
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.entry-header {
  text-align:center;
  margin-top: 3%;
  /* width: 100%; /* Substitui o width de 100%, para o z-index ser superior ao das setas e estas poderem assim ser clicáveis */
  margin-right: ;
  margin-left: ;
  z-index: 12;
}

.entry-nav-left {
display: inline-block;
}
.entry-title {
display: inline-block;
vertical-align: top;
margin: 0.9% 5% 0 5%;
width: 60%
}
.entry-nav-right {
display: inline-block;
text-align: right;

}

.entry-content { /* aplicação de css à imagem */
	/* text-align:right; julgo não fazer nada... */
	margin-top: 0%; /* para dar espaço ao breadcrumb em écrans pequenos VIM: ver se ainda é nec.!! */
	z-index: 8;
}
.entry-navXXX {
	margin-top: 2%; /* para posicionar as setas em função da imagem (substituir 40px por 5%) */
    z-index: 10;
}
/* This is for having stack divs (in this case in the content.php file) - end */

/* This for styling the sidebar ______________________________________________________  */
#secondary {
height: 100%; /* -5% para dar espaço ao footer */
overflow-y: auto; With this, we get a scroll bar in this sidebar (as long as width and height are defined) */
/*overflow-y: scroll; /*Cria um scrollbar no eixo Y. Creio que nem todos os browsers suportam esta regra */
}
#main .widget-area {
position: fixed; /* Makes the element 'Sticky' */
}
.widget-area {
text-align: left; /* To align images in sidebars */
}
.site-logo {
margin-left: 6%;
}
#menu ul { /* Specific layout regardless of what is defined for lists (ul, ol, etc.) */
list-style: none;
font-size: 13.5px;
font-size: 1.35rem;
line-height: 2.5;
margin: 0 0 0.5em 2em;
}
#social {
margin: 0 0 0 20%;
}
#world,
#destaque,
#pedidoinfo,
#tumblr,
#facebook,
#instagram,
#flickr,
#pinterest,
#nossoemail,
#phone {
clear:both;
height: 0.7em; /*Altera o espaçamento entre as linhas (icons e texto à frente)*/
}
#world img,
#destaque img,
#pedidoinfo img,
#tumblr img,
#facebook img,
#instagram img,
#flickr img,
#pinterest img,
#nossoemail img,
#phone img {
float: left;
}
#worldtxt,
#destaquetxt,
#pedidoinfotxt,
#tumblrtxt,
#facebooktxt,
#instagramtxt,
#flickrtxt,
#pinteresttxt,
#nossoemailtxt,
#phonetxt {
margin-left: 35px;
padding-top: 2%; /*Posiciona, em altura, o texto à frente dos icons*/
}
/* This for styling the sidebar - end */

/* This is for styling the footer _____________________________________________________ */
.site-info { 
background: white; 
bottom: 0px; /* This is for having the footer always on the bottom */
color:black; 
font-family: Arial, Helvetica, sans-serif; 
position:fixed; 
font-size: 12px;
font-size: 1.2rem; 
width:100%; 
z-index:99998; 
float:left;
}
.boxfloat {
text-align:right;  
padding-right: 1.5em;
}
/* This is for styling the footer - end */

/* This for styling general text ______________________________________________________ */
/* The most readable set of fonts you can find online are Arial, Courier, and Verdana  */
/* The fonts most people have on their computers are commonly known as ‘web safe fonts’ */
/* Trebuchet: Very elegant. Best in sophisticated and minimalist websites and that base their look on the typography. Use it for the textual content */
/* Verdana: This one is a great choice since it is the most readable font on the web */
/* Georgia: Perfect to use for any type of text, for titles, in italics or as bold font. Be careful, this font looks best with a line spacing of 22 px */
/* Uma font 16 é actualmente aconselhado para a internet... */
a { 
text-decoration: none; /* Retira o underline dos links */
}
.wp-caption { /* ...1... O relative posiciona a imagem e respectiva caption no fluxo do CSS. */
position:relative; /* container element, to layout subsequent content using absolute positioning */
}
p.wp-caption-text { /* ...2... Oculta-se por defeito caption da imagem. */
display:none; /* Por defeito, nada aparece na imagem */
text-shadow: 1px 1px 2px white, -1px -1px 2px white, -1px 1px 2px white, 1px -1px 2px white; /* Sombra: eixo x; eixo y; blur */
}
.wp-caption:hover p.wp-caption-text { /* ...3... Mostra a caption da imagem na situação de hover */
display:block;position:absolute;bottom:-1px;left:0px;background: none;width:90%;margin-left:5%;margin-right:5%;line-height: 1.2;
}

.entry-navXXX { /* ...1... O relative posiciona o elemento no fluxo do CSS. */
position: relative; /* container element, to layout subsequent content using absolute positioning */
}
.entry-navXXX { /* ...2... Oculta-se por defeito o elemento */
display: none; /* Por defeito, nada aparece na imagem */
}
.entry-contentXXX:hover .entry-navXXX { /* ...3... Mostra o elemento na situação de hover */
display:block;position:absolute;bottom:;left:0px;background: none;width:;margin-left:;margin-right:;line-height:;
}

.entry-content img:hover {
opacity:0.6;
filter:alpha(opacity=60); /* For IE8 and earlier */
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
p.wp-caption-text:hover {
opacity:0.0;
filter:alpha(opacity=0); /* For IE8 and earlier */
-webkit-transition: all 0s ease;
-moz-transition: all 0s ease;
-ms-transition: all 0s ease;
-o-transition: all 0s ease;
transition: all 0s ease;
}
#social {
font-size: 13.5px;
font-size: 1.35rem;
line-height: 1;
}
.entry-header {
font-family: Helvetica, Futura, sans-serif;
font-size: 30px;
font-size: 3.0rem;
line-height: 1.3;
text-shadow: 1px 1px 3px white, -1px -1px 3px white, -1px 1px 3px white, 1px -1px 3px white; /* Sombra: eixo x; eixo y; blur */
}
.breadcrumb {
font-family: Tahoma, Futura, sans-serif;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.3;
}
.entry-content {
font-family: Trebuchet, Arial, Helvetica, Futura, sans-serif;
font-size: 15px;
font-size: 1.5rem;
line-height: 1.4;
text-align: justify;
}
.comments-area {
font-size: 15px;
font-size: 1.5rem;
color: grey;
}
.commentcount {
font-size: 13px;
font-size: 1.3rem;
padding-bottom: 6%;
}
.page-entry-header,
.comments-title {
font-family: arial, sans-serif;
font-size: 25px;
font-size: 2.5rem;
}
#titulo-contactos {
font-family: Futura, sans-serif;
font-size: 25px;
font-size: 2.5rem;
}
#sobre .page-entry-title {
font-family: Arial, sans-serif;
font-size: 14px;
font-size: 1.4rem;
text-align: justify;
margin-right: 0.5em;
float: left;
}
#sobre #info {
font-family: Arial, sans-serif;
font-size: 14px;
font-size: 1.4rem;
text-align: justify;
padding-bottom: 1%;
}
#sobre #info2 {
font-family: sans-serif;
font-size: 13px;
font-size: 1.3rem;
text-align: justify;
}
#comments {
margin-top: 3.5%;
}
#commentform p.comment-form-url {
width: 30%; /* 30% de 40% */
position: absolute; /* The relative element is the container which will layout subsequent content using absolute positioning */
margin: 3em 0 0 3%; /* Coloca o campo por trás do campo textarea */
/*visibility: hidden;*/ /* O elemento é tornado invisível, mas está lá, a ocupar o seu espaço */
display: none; /* O elemento é "retirado" e deixa de aparecer no form, como se não existisse, mas existe. Em screen readers também não aparece */
/*margin-left: -2000px; O elemento deixa de estar visível, mas o seu espaço continua, pois é apenas deslocado para o lado até deixar de estar no écran */
}
#commentform textarea#comment { /* This is to prevent the comment box of the comments form to expand horizontally */
width: 100%!important; /* New values not taken by browsers except IE which doesn't support !important (this overrides COLS in comments-form.php) */
width: auto; /* Sets IE width to auto while not affecting any other browser */
overflow: auto;
position: relative; /* Posiciona o elemento textarea no fluxo do CSS. Este elemento será o container de elementos marcados com o atributo absolute */
min-height: 6em; /* Para que não seja possível, com o rato, diminuir em altura o campo de texto, mostrando assim o campo escondido por trás */
}
#commentform button,
#commentform html input[type="button"],
#commentform input[type="reset"],
#commentform input[type="submit"] {
border: 1px solid #ccc;
border-color: #ccc #ccc #bbb #ccc;
border-radius: 60px; /* Arredonda os cantos do botão. */
color: rgba(0,0,0,.7); /* Define a transparência do elemento dentro do botão */
font-size: 12px;
font-size: 1.2rem;
line-height: 1;
padding: 0.9em 0.6em 0.8em 0.6em; /* Estes valores definem, no seu conjunto, e em função to texto, o tamanho do botão */
text-shadow: 0 1px 0 rgba(255,255,255,.8);
width: auto; /* O valor "auto" ajusta o comprimento de um elemento ao elemento que contém (por exemplo, o botão ajusta-se ao texto que contém) */
}
#commentform input, #commentform textarea {
width: 100%;
}
.comment-notes {
text-align: justify;
}
.comment-notes2 {
font-size: 14px;
font-size: 1.4rem;
text-align: justify;
}
div.error { /* Elemento disponível com a função verso_load_jquery() */
font-size: 13px;
font-size: 1.3rem;
color: red;
}
/* This for styling general text - end */

/* Media Queries: Design responsive, ou seja layouts em função dos écrans _____________ */
/* Max, when writing media queries for smaller screens, after styling desktop */
/* Uma vez que definida as fonts com rems, posso redefinir o tamanho de letra com % */
@media screen and (max-width: 675px) {
	#worldtxt,
	#destaquetxt,
	#pedidoinfotxt,
	#tumblrtxt,
	#facebooktxt,
	#instagramtxt,
	#flickrtxt,
	#pinteresttxt,
	#nossoemailtxt {
  	display: none;
  }
}
@media screen and (max-width: 925px) {
  #tumblrtxt {
    font-size: 96%;
  }
}
@media screen and (max-width: 925px) {
  #nossoemailtxt {
    font-size: 94%;
  }
}

@media screen and (max-width: 675px) {
	#phonetxt {
    font-size: 80%;
  }
}
@media screen and (max-width: 675px) { /* não necessário pq não há menu, mas fica aqui para referência futura*/
  #menu .menu {
    font-size: 80%;
  }
}
@media screen and (max-width: 675px) {
  .entry-header,
  .entry-content {
    font-size: 75%;
  }
}
@media screen and (max-width: 675px) {
  .breadcrumb {
    font-size: 70%;
  }
}
@media screen and (max-width: 675px) {
.entry-nav-left,
.entry-nav-right {
width: 40px;
height: 40px;
  }
.entry-title {
margin: 0.9% 2% 0 2%;
width: 50%
  }
}
@media screen and (max-width: 675px) {
#social {
margin: 0 1em 5em 20%;
  }
}
@media screen and (max-width: 675px) {
#sobre #info,
#sobre #info2 {
    font-size: 70%;
  }
}
@media screen and (max-width: 675px) {
#comments .commentcount,
#comments .comment-form-author,
#comments .comment-form-email,
#comments .comment-form-url,
#comments .comment-form-comment,
#comments .comment-notes,
#comments .comment-notes2 {
    font-size: 80%;
  }
}
@media screen and (max-width: 675px) {
#comments .comments-title {
    font-size: 110%;
  }
}
/* Media Queries: Design responsive, ou seja layouts em função dos écrans - end _______ */

/* =Structure Verso Branco (end)
-------------------------------------------------------------- */