/*
Author: Glauce Cerveira
First version: 25.03.2010
Date modified: 12.07.2025
*/
/* glauce.com - site styles
*/
body{font-family:Roboto, "Noto Sans", FreeSans, "Open Sans", Helvetica, "Helvetica Neue", Arial, sans-serif}
/* Background image -- BODY (bkgr colour fefefe dropshadow img) */
body{background:#FEFEFE url(img/backgrBody-fe.gif) repeat-x left top;color:#212121}
/* Typography */
h1, h2, h3, h4, h5, h6 {font-weight:400;display:block;background-color:transparent}
h1{font-size:42px;line-height:1.1em;padding-bottom:.4em}
h2{font-size:35px;line-height:1.2em;font-weight:300;margin-bottom:.2em}
h3{font-size:21px;line-height:1.3em;font-weight:500;padding:.5em 0 .1em}
h4{font-size:16px;line-height:1.4em;padding-bottom:1em}
h5{font-size:13px;line-height:1.5em;font-weight:500;padding:1em 0 .3em}
/* Ref.: Colours #7D375C-logo, #CB6598-logo hover */
a{text-decoration:none}
a:hover{text-decoration:underline}
a, a:visited{color:#4B0025}
a:hover{color:#A70053}
/* p a.external, h3 a.external, h4 a.external(base.css) */
a:focus, a:active, a.current, h3 a:focus, h3 a:active, h3 a.current{color:#824C68;font-weight:500}
p a.external, h3 a.external, h4 a.external{padding-right:14px;margin-right:5px;background:url(img/icon-external.png) no-repeat scroll right center}
/* imggroup */
p.imggroup, p.imggroup a {text-align:center;font-size:0;line-height:1;padding:0;margin:0}
p.imggroup a img {margin:5px!important;padding:0!important;text-align:center!important}
p.imggroup.small a img {margin:1px!important}
/* blockquote */
/*blockquote {padding:0 0 0 1em}*/
blockquote, blockquote p {font-style:italic}
blockquote{font-size:15px;line-height:1.6em;text-align:left;color:#424242}
blockquote{padding-left:1em;border-left:1px solid #C9C8C8}
.home blockquote{margin-top:1.7em;margin-bottom:0}
.home blockquote p{font-weight:400;}
.about blockquote p{font-size:15px;margin-top:1.6em;margin-bottom:.7em}
.about .col0 blockquote p{font-size:16px;margin-top:1em}
blockquote p.author, information p.author{line-height:1.4em;font-style:normal;padding:0;margin:0}
/* Typography utilities */
.author{font-weight:500}
.author{padding:.3em 0 0;font-style:italic}
.uppercase{text-transform:uppercase}
.small{font-size:90%;padding:.3em 0 1.6em}
.strong{font-weight:600}
/*
Container > header, contentWrapper, sidebar (float-none in small screens) */
/* CONTAINER (bckgr img url - dropshadow + colour #fefefe) */
#container{background:url(img/backgrContainer-fe.png) no-repeat 0 0}
#container{font-size:13px}
/* Ref.: (from base) - #header, #footer {padding:10px 15px 25px} */
/* HEADER - Header h1, h1 a (bckgr img url - artist's name) */
#header h1, #header h1 a{height:57px;display:block;background:url(img/glauce-logo-114x57.png) no-repeat left top;color:#424242}
#header h1 a:hover{background:url(img/glauce-logo-114x57.png) no-repeat left bottom}
#header h1 a span{display:none}
/*#headerContent{letter-spacing:1px}*/
#headerContent h2{font-size:12px;line-height:1.4em;font-weight:400;padding-top:5px;text-transform:uppercase;border:none}
/*
MEDIA QUERIES - header, logo */
@media only screen and (max-width: 767px) {
#header{margin:0 0 0 125px;padding-bottom:16px;height:auto}
/*#headerContent h2{font-size:12px}*/
}
@media only screen and (max-width:480px) {
#headerContent h2{font-size:11px;line-height:1.4em}
}
@media only screen and (max-width:400px) {
/* #header{margin:0 0 0 88px} */
}
/*
SITE NAVIGATION - sidebar > toggle-nav > site-navigation > ul site-nav */
.site-navigation{text-decoration:none;font-weight:300}
ul#site-nav a{color:#4B0025}
ul#site-nav a:hover{color:#A70053}
ul#site-nav li{background:transparent;border-bottom:1px solid #D7D7D7}
ul#site-nav ul li{border:none}
ul#site-nav li a:hover{color:#A70053}
/* body ids (highlite site-nav items) */
#painting ul#navT-painting, #drawing ul#navT-drawing, #editions ul#navT-editions, #collaboration ul#navT-collaboration{display:block}
#home a#nav-home, #painting a#nav-painting, #drawing a#nav-drawing, #editions a#nav-editions, #collaboration a#nav-collaboration, #about a#nav-about, #contact a#nav-contact, #search a#nav-search{color:#4B0025;text-decoration:none;font-weight:600}
/* body classes (highlite site-nav sub-items) */
.paintings-flor-da-pele a#nav-paintings-flor-da-pele, .paintings-anti-fashion a#nav-paintings-anti-fashion, .paintings-cotidiano a#nav-paintings-cotidiano, .paintings-knots a#nav-paintings-knots, .anti-art-pets a#nav-anti-art-pets, .sketchbook-01 a#nav-sketchbook-01, .sketchbook-02 a#nav-sketchbook-02, .sketchbook-03 a#nav-sketchbook-03, .digital-brockley a#nav-digital-brockley, .digital-finger-fairies a#nav-digital-finger-fairies, .small-comforts a#nav-small-comforts, .ooowh-penguins a#nav-ooowh-penguins/*, .video-floor-painting a#nav-video-floor-painting, .video-tt-firestarter a#nav-video-tt-firestarter, .digital-oiam-butterfly a#nav-digital-oiam-butterfly*/{color:#4B0025;font-weight:600}
/*
FOOTER > footer nav, copyright, bottom (css structure in styles-base.css) */
#footer{padding:14px 0;margin:14px 10px}
#footer, #footerContent p, #bottom, #content-right{text-align:center}
#footer-nav p{font-size:11px;line-height:1.7em;color:#4B0025;text-transform:uppercase;font-weight:400;border-top:1px solid #C9C8C8;border-bottom:1px solid #C9C8C8}
/*#footer-nav p a.current{color:#4B0025;font-weight:500}
#footer-nav p a:hover.current{text-decoration:none}*/
#copyright p{line-height:1.5em;font-weight:400;color:#494949}
#bottom p a{font-size:28px;line-height:1.4em;font-weight:500}
/* Floated elements */
.fltright {padding:0 0 10px 10px}
.fltleft {padding:0 10px 10px 0}
.fltnone {float:none}
.contentright, .fltright, .imgright {float:right}
.contentleft, .fltleft, .imgleft {float:left}
.imgright {padding:0 0 20px 20px}
.imgleft {padding:0 20px 20px 0}
.imgleft.padaround {padding:20px}
img.imgright {padding:5px 0 20px 10px}
img.imgleft {padding:5px 20px 10px 0}
/*
PAGES */
.description, .information{line-height:1.6em}
.description p{padding-bottom:.3em}
.information p{padding-bottom:1em}
.information{margin-bottom:21px}
.information h1{font-size:26px;line-height:1.3em;padding:0}
.information h2,.work h2,.about h2{line-height:1.1em;padding:0}
.information h3{font-size:21px;font-weight:400/*;padding:.2em 0 0*/}
.information h3.large{font-size:23px;padding:0 0 .1em}
.information h4{font-size:16px;padding:.4em 0 .4em;font-weight:400}
.information .caption{font-size:10px;line-height:1.4em;padding:0.7em 0 1.6em;text-align:center}
.work h3, .anti-art-pets .information h3.work{font-size:14px;font-weight:500;line-height:1.2em;padding:.7em 0 .2em;margin:0} /* work main caption */
/*.work .caption{font-size:12px;line-height:1.4em;padding:.8em 0 0}*//* using '.work h3' instead */
.work p{font-size:12px;padding-bottom:.7em} /* work info under h3 (caption */
.work .information h3{font-size:21px;line-height:1.2em;font-weight:400;padding:.7em 0 .3em}
.anti-art-pets .information h3, .sketchbook .information h3, .small-comforts .information h3{font-size:18px;line-height:1.2em;font-weight:400;padding:.7em 0 .3em}
.work .information h4{font-size:16px;font-weight:500;padding:.7em 0 .1em}
.work{font-size:12px;line-height:1.6em}
.work p.large{font-size:14px;line-height:1.5em;padding-top:.6em}
.anti-art-pets p{padding:0 0 .3em;margin-top:0}
/*#drawing .information h3{font-size:16px;font-weight:500;padding:.5em 0}*/
.ooowh-penguins h2.large{font-size:42px;line-height:1.2em;font-weight:400}
.ooowh-penguins h3{font-size:16px;padding:0;font-weight:500;padding:.5em 0 .2em}
.ooowh-penguins h4{font-size:13px;padding:.1em 0 1em;font-weight:400}
/* DRAWINGS */
.anti-art-pets p a, .anti-art-pets{font-size:12px;line-height:1.3em;padding:0;margin:0 0 7px}
/* PAINTINGS */
/* work description under image (p) */
.paintings{font-size:12px;line-height:1.4em;padding:0 0 21px}
/* EDITIONS */
.s-comforts-txt{height:280px;padding:0;margin:0}
/* CONTACT */
#contact-logo{width:170px;height:170px;margin:20px auto}
#contact-logo a{display:block;width:170px;height:170px;text-indent:-99999px;background:url(img/contact-logo.png) no-repeat left top}
#contact-logo a:hover{background:url(img/contact-logo.png) no-repeat left bottom}
.contact p{padding-bottom: .3em}
.contact h3{padding:.6em 0;margin: .6em 0 .3em}
.contact h3.no-border{border-bottom:none}
.contactme{text-align:center}
.contactme h3{font-size:21px;font-weight:400;border-bottom:none}
/* Contact - Inner + iner colour boxes  */
.inner{font-size:15px;padding:15px;margin-top:10px;margin-bottom:21px;background:transparent}
.inner.padt0{padding-top: 0}
.inner.padtb0{padding-top: 0;padding-bottom: 0}
.greybox{background: #ddd}
.blackbox{background: #000;padding: 7px 0}
.links{margin-bottom:1.6em}
/* List border (Contact + About) */
.list-border{font-size:12px;line-height:1.6em}
.list-border ul{padding:.2em 0;margin:1em 0 0}
.list-border ul a{display:block;margin-top:.2em;padding-bottom:.3em}
.list-border ul li a{text-decoration:none}
.list-border ul li{padding:.3em 0;border-top:1px solid #C9C8C8}
.list-border ul li.title {font-size:17px;padding-bottom:0;margin-bottom:.2em;border-top:none;border-bottom:1px solid #EFEFEF}
.list-border ul li.first{border-top:none}
.list-border ul li.centered p{text-align:center}
.about list-border ul{padding-top:0;padding-bottom:.7em}
/* ABOUT */
.about .col0 h2{padding:.3em 0 .2em;margin:.2em 0;border-bottom:none}
.about h2{margin-bottom:.7em}
.about h2.padt0{padding-top:0}
.about h3{font-size:14px;line-height:1.5em;padding:.3em 0 1em}
.about{font-size:13px;line-height:1.8em}
/* 28 Jun 2025 --replaced--.about p{padding-bottom:1em}*/
.col0 p{padding-bottom:1em}
/*
MEDIA QUERIES
*/
@media screen and (max-width: 1024px) {
.about .col2, .about .col4, .about .col0 {width:90%;max-width:90%;height:auto;display:block}
}
/* Details div */
.details{font-size:11px;line-height:1.6em;padding-bottom:0;margin:.5em 0}
.details h3, .details h4, .details .title{margin-bottom:.1em}
.details h3, .details h4{line-height:1.3em;padding:.5em 0 .3em;font-weight:500}
.details h3{font-size:13px}
.details h4{font-size:12px;font-weight:500}
.details .title{font-size:12px;line-height:1.3em;padding:.5em 0 .2em;font-weight:500}
.details p{line-height:1.4em;padding-bottom:.2em;margin-bottom:.1em}
#drawing .details p{font-size:13px}
.imgBox{display:block;padding-bottom:.7em}
/* HOME */
.home{line-height:1.6em}
.home .description{font-size:13px;line-height:1.6em}
.home .description p, .home .description-2 p{line-height:1.5em;padding:0 0 .7em}
.home .description h2{font-size:16px;line-height:1.2em;padding:.7em 0 0;font-weight:600;color:#424242 /*text-transform: uppercase*/}
.home .description h3{font-size:14px;line-height:1.3em;padding:.1em 0 .7em;font-weight:400}
.home .description h4{font-size:12px;line-height:1.4em;padding:.1em 0;text-transform:uppercase}
.home .details h3{font-size:14px;padding:.1em 0.7em;margin:0}
.home .details{font-size:11px;padding:.1em 0.7em;margin:0}
.home .details h2, .details h2{font-weight:500}
.home .details h2{font-size:19px;padding:.1em 0.7em;margin:0}
.home .caption, .home .caption2, .home .caption3, .home .captionUP, .home .captionUP500{font-size:11px;line-height:1.3em;padding:.7em 0;text-align:center}
.home .caption{font-weight:500}
.home .caption2{padding:0 0 .1em;font-weight:400}
.home .caption3{line-height:1.6em}
.home .captionUP{padding:1em 0 7px;text-transform:uppercase}
.home .caption.large{font-size:14px;line-height:1.2em;text-align:center;padding:.1em 0 .5em;font-weight:500}
.home p.imggroup, .home p.imggroup a, .home p.imggroup.small, .home p.imggroup.small a{margin:0 0 7px}
/* Border utilities */
.borderB{border-bottom:1px solid #C9C8C8}
.borderT{padding:3em 0 .6em;margin-top:1.6em;border-top:1px solid #C9C8C8}
.borderTB{border-top:1px solid #C9C8C8;border-bottom:1px solid #C9C8C8}
.border-radius20{-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px}
hr{border:solid 1px #C9C8C8}
/* Box Borders */
/* Masonry boxes (home) */
.box-border .box{margin:4px}
.box-border .box{border:1px solid #C9C8C8}
.box-border .box.first, .box-border .box.borderless{margin:5px;border:none}
/*anti-art-pets - first box - border-bottom-fe (white) */
.box-border .box.border-bottom{border-top:none;border-left:none;border-right:none;border-bottom:1px solid #FEFEFE}
/* Box and image borders */
.box-and-image-border .box{margin:4px;padding:9px}
.box-and-image-border .box img{border:1px solid #C9C8C8}
.box-and-image-border .text-box{padding:15px;border:1px solid #C9C8C8}
/* Box and image borders (aa-pets) */
.image-border img, .box-and-image-border .box{border:1px solid #C9C8C8}
.image-border .box, .image-border-white{padding:0 9px 20px;border:none}
.image-border img.border-white{border:1px solid #FEFEFE}
/* Image borders (sketchbook) */
.image-border img{border:1px solid #848484}
/* 2025 - box-borderT (top) - col0 */
.box-borderT .box{border-top: 1px solid #C9C8C8;padding-top:21px;margin-top:21px}
.box-borderT .box.first{margin-top:0}
.col0.first{margin-top:0;padding-top:0}
/* 2025 - box-borderB (bottom) - HOME test + col0 */
.box-borderB .box{border-bottom: 1px solid #C9C8C8;padding:21px 4px}
.box-borderB .box.last{border-bottom: none}
.box-border-fe .box{border:1px solid #FEFEFE}
/*
Page title - h2 borderB */
h2.borderB, h3.borderB {line-height:1.4em;padding-top:0;padding-bottom:5px;margin-bottom:14px}
.work h2.borderB {border-bottom:1px solid #C9C8C8}
h2.pageTitle,.work h2,.about h2, .contact h2, .contact h3{font-size:28px;font-weight:400;padding-bottom:5px;margin-bottom:7px;border-bottom:1px solid #C9C8C8}
.contact h2.padt{padding-top:1em}
/* HOME Border*/
.box-border.first .box{margin:5px;border:none}
/* Fancybox title */
.fancybox-opened .fancybox-title{visibility:visible}
/*
VIDEOS */
video{width:100%;height:auto}
.videos{max-width:960px;padding:0 0 .6em}
.videos.hd-video{padding-right:2%;max-width:1600px}
.videos .information{padding:12px 5px 0}
.videos .information h2{font-size:16px}
.videos .information h3{font-size:14px;padding:.3em 0 0}
.vendor{padding:0;margin:0;background-color:#C9C8C8}
.unsupported{background:#fddfde}
/*
Padding utilities */
.padtb1{padding:1em 0 !important}
.padtb06{padding:0.6em 0 !important}
.padtb03{padding:0.3em 0 !important}
.padt16{padding-top:1.6em !important}
.padt3{padding-top:3em !important}
.padt2{padding-top:2em !important}
.padt1{padding-top:1em !important}
.padt06{padding-top:0.6em !important}
.padt03{padding-top:0.3em !important}
.padt01{padding-top:0.1em !important}
.padt0{padding-top:0 !important}
.padb3{padding-bottom:3em !important}
.padb2{padding-bottom:2em !important}
.padb16{padding-bottom:1.6em !important}
.padb1{padding-bottom:1em !important}
.padb06{padding-bottom:0.6em !important}
.padb03{padding-bottom:0.3em !important}
.padb01{padding-bottom:0.1em !important}
.padb0{padding-bottom:0 !important}
.padr{padding-right:10px !important}
.padl{padding-left:10px !important}
.padaround15{padding:15px !important}
.padaround25{padding:25px !important}
/* Padding for .box */
.padb10px{padding-bottom:10px !important}
.padb15px{padding-bottom:15px !important}
.padb20px{padding-bottom:20px !important}
.padb25px{padding-bottom:25px !important}
.padb30px{padding-bottom:30px !important}
.padt10px{padding-top:10px !important}
.padt20px{padding-top:20px !important}
.padt30px{padding-top:30px !important}
/* Alignment utilities*/
.contentfixed {position:fixed;margin:0;/*z-index:100;*/}
.centered {margin:0 auto}
.center-all {text-align:center;padding-bottom:15px}
.aligncenter {text-align:center}
.alignleft {text-align:left}
.alignright {text-align:right}
/*
ERROR PAGES - 404, 401, 403, 404 (class 'error-page')*/
.error-page #headerContent h2{font-weight:500}
.error-page #footer{padding-top:0;margin-top:0}
.error-information{text-align:center;display:block}
.error-information h2{font-size:49px;line-height:1.1em;font-weight:500;padding-bottom:0;margin-bottom:0}
.error-information h3{font-size:35px;line-height:1.1em;font-weight:500;padding-bottom:.7em;padding-top:0}
.error-information p{font-size:16px;line-height:1.6em;padding-bottom:.7em}
.error-information p.caption{font-size:10px;text-align:center}
.error-information .error p{font-size:15px;line-height:1.6em;padding-bottom:.7em}
.error-information .home-link{font-weight:400;padding:0;margin:1em 0 0}
/*
MEDIA QUERIES
*/
/* Desktops and laptops */
@media screen and (max-width: 1280px) {
img, .col1 img, .col2 img, .col3 img, .col4 img, .col6 img, .col8 img{height:auto}
}
@media screen and (max-width: 1024px) {
.col0 img{width:170px}
.error-page .col4, .error-page .col4 img{width:270px;max-width:270px}
}
/* Anything smaller than standard 960 */
@media only screen and (max-width: 959px) {
#contentWrapper{margin:0 0 0 143px;padding:0}
.col6, .col8{width:370px}
.fancybox-opened .fancybox-title{visibility:hidden}
}
/* Mobile */
@media only screen and (max-width: 767px) {
#footerContent{width:90%;margin-left:auto;margin-right:auto;display:block}
#contentwrapper{width:90%;max-width:90%;margin-left:auto;margin-right:auto;display:block}
.col0{width:98%;max-width:98%}
#footer, #footerContent p, #bottom, #content-right{text-align:center}
#sidebar{float:none}
#sidebar, .videos, .videos.hd-video{width:90%;margin-left:auto;margin-right:auto;display:block}
.toggle-nav{padding-bottom:21px}
.toggle-nav .site-navigation{display:none}
.toggle-nav:hover .site-navigation{display:block}
.toggle-nav h3{visibility:visible;font-size:14px;line-height:1em;padding:.7em 14px;margin:0}
.site-navigation{width:100%;padding:0}
.toggle-nav h3 /*, ul#site-nav li*/{background:#E7E7E7;opacity:.8;/* border-radius:1px;box-shadow:0 0 1px silver */}
ul#site-nav li{background:transparent;/* border-radius:1px;box-shadow:0 0 1px 0 silver */}
ul#site-nav ul{padding:5px 0 3px}
ul#site-nav li{padding:7px 16px 5px;margin:3px 0}
ul#site-nav ul li{padding:3px 10px 2px;margin:0 7px 3px}
#contentWrapper{width:90%;margin-left:auto;margin-right:auto;display:block}
#first, #second, #notfitted, #flexible{margin-left:auto;margin-right:auto;display:block}
.wrap{padding:0}
.col4, .col6, .col8{width:370px}
.col2, .col3{width:170px}
.col2, .col3, .col4, .col6, .col8{height:auto}
.col0{max-width:98%;height:auto}
.text, .list-border{max-width:98%;height:auto}
p img{text-align:center}
p.imggroup, p.imggroup .small{text-align:center;margin-bottom:7px}
.img170 img{width:120px;height:auto}
}
/* Mobile Small */
@media screen and (max-width: 640px) {
.col2 .col3, .col4, .col6, .col8, .col0{width:370px;margin:auto}
.col0, .col1, .col1a, .col2, .col2a, .col3, .col3a, .col4, .col4a, .col5, .col5a, .col6, .col6a, .col7, .col7a, .col8, .col8a, .col9, .col9a{max-width:96%;height:auto;margin-left:auto;margin-right:auto;display:block}
.col1 img, .col1a img, .col2 img, .col2a img, .col3 img, .col3a img, .col4 img, .col4a img, .col5 img, .col5a img, .col6 img, .col6a img, .col7 img, .col7a img, .col8 img, .col8a img, .col9 img, .col9a img{max-width:98%;height:auto;margin-left:auto;margin-right:auto;display:block;text-align:center}
p.imggroup a img{margin:1px!important;height:auto}
.col2{text-align:center}
.contact .col2{width:370px;padding-top:14px;text-align:left}
.description, .text, .list-border, .col0{max-width:96%;margin-left:auto;margin-right:auto;clear:both;text-align:left}
.videos, .videos.hd-video{width:96%;max-width:96%;margin-left:auto;margin-right:auto;display:block}
.aa-pets .col1{width:70px;max-width:70px;display:inline}
}
/* Mobile Smaller */
@media only screen and (max-width: 480px) {
#contentWrapper{width:400px;max-width:400px;margin-left:auto;margin-right:auto;display:block}
#container{text-align:center}
blockquote{font-size:14px}
.col2 .col3, .col4, .col6, .col8, .col0{width:370px;margin:auto}
.col0, .col1, .col1a, .col2, .col2a, .col3, .col3a, .col4, .col4a, .col5, .col5a, .col6, .col6a, .col7, .col7a, .col8, .col8a, .col9, .col9a{max-width:98%;height:auto;margin-left:auto;margin-right:auto;display:block}
.col0, .col1 img, .col1a img, .col2 img, .col2a img, .col3 img, .col3a img, .col4 img, .col4a img, .col5 img, .col5a img, .col6 img, .col6a img, .col7 img, .col7a img, .col8 img, .col8a img, .col9 img, .col9a img{max-width:98%;height:auto;margin-left:auto;margin-right:auto;display:block}
.text, .list-border{max-width:90%;margin-left:auto;margin-right:auto;display:block}
.videos, .videos.hd-video{width:98%;max-width:98%;margin-left:auto;margin-right:auto;display:block}
p.imggroup, p.imggroup a, p.imggroup a img, p.imggroup.small, p.imggroup.small a, p.imggroup.small a img, .grouped_elements{display:inline;clear:both}
.col0.first{margin-top:0;padding-top:0}
.col1, .col1a, .aa-pets .col1{width:70px;max-width:70px;display:inline}
.list-border{font-size:11px}
.s-comforts-txt{height:auto}
}
/* Mobile Smallest */
@media only screen and (max-width:400px) {
#contentWrapper{width:300px;max-width:300px;margin-left:auto;margin-right:auto;display:block}
.col0, .col2, .col2a, .col3, .col3a, .col4, .col4a, .col5, .col5a, .col6, .col6a, .col7, .col7a, .col8, .col8a, .col9, .col9a{width:270px;max-width:270px}
.col0.first{margin-top:0;padding-top:0}
.text, .list-border, .col0{width: 270px;max-width:270px}
.videos, .videos.hd-video{width:270px;max-width:270px}
}