/*
Threme Name: swa-belocal
Threme URI: http://swa-creative.com/clienti/belocal/official
Author: the SWA team
*/

/* base font-size 10px */
html{font-size: 62.5%}

body{background: rgba(250, 250, 250, .8); font-family: Georgia; color: #909294;}

a:link, a:visited, a:hover{color: #909294; font-style: italic; text-decoration: none;font-weight:normal;}
a:active{color: #909294; font-style: italic; text-decoration: none;}

@viewport{zoom: 1.0; width: extend-to-zoom; }
@-ms-viewport{width: extend-to-zoom; zoom: 1.0; }

div.wip{background:url(assets/images/miscellanea/wip.png) center center no-repeat;width:14rem; height:14rem;position: fixed;}

#wrapper{position: relative; max-width: 1000px;/*max-width: 82%;*/ margin: 0 auto;display: block;overflow:hidden; padding-left: .5%;}

#header{position: relative; width: 99%;/*width: 100%;*/ margin: 4% 0; display: block;overflow:hidden;}

#logo{text-decoration: none; width: 21%; height: auto; float: left; }
        #logo img{max-width: 100%; vertical-align: baseline;}

#dot{display: block; position: relative; width: 100%; height: 0.8rem; margin: 0; padding: 0; background: url(assets/images/miscellanea/dot.png) center left repeat-x; overflow: hidden;}

#contents {display: block; width: 100%; height: 100%; overflow: auto; padding: 0; margin-top: 4%;}

#footer{display: block; opacity: 0; position: relative; width: 100%; margin: 3% 0 0 0; padding: 0; text-align: center; font-style: italic; font-size: 1.1rem; }
        #footer .copyright{margin: .7% 0 2% 0;}

/* general menu */
ul.menu {font-size:1.3rem; line-height:1.3rem; margin: 0; padding: 0; position: absolute; bottom: 0; top: auto; right: 0; left: auto;}
        ul.menu li { list-style:none; display:inline;}
        ul.menu li:last-child{display: none;}
                ul.menu li a{font-style: normal; text-transform: uppercase; font-family: Georgia;}

.menu-items-content{overflow: hidden; clear: both; height: 100%;}

/* boxes */
.box, 
.column{ float: left; max-width: 24.0%; margin: 0 1% 1% 0; height: auto; position: relative; overflow: hidden; cursor: pointer;}
        .box a {display: block; position: relative; z-index: 1;}
        .box img {width: 100%; height: auto; position: relative;}

/* taxonomies menu */
.column.taxonomy{margin-bottom: 0; text-align: center; font-style: italic; width: 24%;}
        .row{display: block; position: relative; width: 100%; height: 2.5rem; font-size: 1.3rem; line-height: 2.5rem;}

/*july rev.*/
.labeler{display: block; position: absolute; width: 95%; height: 94.4%; margin:2.5%;/* background: rgba(245,245,245,.9); */top: 0px; left: 0px; text-align: center; color: #57575a;
/*            opacity: 0;
            -webkit-transition-property: opacity;
            -moz-transition-property: opacity;
            -o-transition-property: opacity;
            transition-property: opacity;
            -webkit-transition-duration: .5s;
            -moz-transition-duration: .5s;
            -o-transition-duration: .5s;
            transition-duration: .5s;*/
        }
        /*.labeler:hover{opacity: 1;}*/

/*july rev.*/
.labelertbl{display: table; height: 100%; width: 100%; }
    .labelertbl span{display: table-cell; font-size: 1.3rem; font-style: normal; text-transform: uppercase; vertical-align: middle; color: #4d4e53;
        opacity: 0;
        -webkit-transition-property: opacity;
        -moz-transition-property: opacity;
        -o-transition-property: opacity;
        transition-property: opacity;
        -webkit-transition-duration: .5s;
        -moz-transition-duration: .5s;
        -o-transition-duration: .5s;
        transition-duration: .5s;
                }
    .labelertbl span:hover{opacity: 1!important;}
        
/*july rev.*/
/*.hider{position: absolute; width: 100%; height: 100%; background: rgba(245,245,245,.9); top: 0; left: 0;}*/
.hider{ position: absolute; width: 95%; height: 94.4%; background: rgba(245,245,245,.9); top: 0; left: 0; margin: 2.5%;
            opacity: 0;
            -webkit-transition-property: opacity;
            -moz-transition-property: opacity;
            -o-transition-property: opacity;
            transition-property: opacity;
            -webkit-transition-duration: .5s;
            -moz-transition-duration: .5s;
            -o-transition-duration: .5s;
            transition-duration: .5s;
        }
.hider:hover{z-index: 999; opacity: 1!important;}

/* galleries */
.active{color: #4d4e53 !important;}

div.fancybox-title.fancybox-title-outside-wrap{color: #909294; font-family: Georgia; font-style: italic; font-size: 1.1rem;}

/* menu */
.menuitem {display: block; opacity: 0; overflow: hidden; width: 99%;}

.menuitem .vparent {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: table; color: #909294; font-size: 1.3rem; line-height: 2.5rem; text-align: justify; padding: 1rem 0; height: 100%; width: 100%;background: url(assets/images/miscellanea/dot.png) repeat-x left bottom;}
        .menuitem .vparent .valignment{display:table-cell; height: 100%; vertical-align:middle; }

/*exceptions*/
div.valignment p {margin: 0;}
div.valignment p a {text-decoration: underline;}

/*waypoints*/
#header, #taxonomies, #contents div[id*="id"], div.wip, #footer {opacity: 0;}

/*loader*/
.container-spinner {position: fixed; background: rgba(250, 250, 250, .8); width: 100%; height: 100%; padding: 0; margin: 0; top: 0; left: 0; z-index: 999999; display: table;}
.spinner {width: 2.4rem; height: 2.4rem; background:url(assets/fancy/fancybox_loading.gif) center center no-repeat; text-align: center; top: 50%; left: 50%; position: absolute; margin: -1.5rem 0 0 -1.5rem; }

/* ---------------------------------------- */
/* Wide mobile devices styles IPHONE
/* ---------------------------------------- */
@media handheld, only screen and (max-width:480px) {

    #header{width: 97%;}

    #wrapper{max-width: 95%; }

    #logo {width: 34%;}
    
    /*taxonomies*/
    .column.taxonomy {display: none; visibility: hidden;}
    .column.taxonomy.responsive {width: 48%;display: block!important; visibility: visible;}

    /* boxes */
    .box, 
    .column{ max-width: 48.0%;}

    /*fonts*/
    .labeler .labelertbl span {font-size: 1.1rem;}
    .row {font-size: 1.1rem;}
    ul.menu {font-size:1.1rem; line-height:1.1rem;}
    .menuitem .vparent {color: #909294; font-size: 1.1rem; line-height: 1.5rem;}
    div.fancybox-title.fancybox-title-outside-wrap{font-size: .9rem; }
    #footer {font-size: .9rem;}
}

/* ---------------------------------------- */
/* Wide mobile devices styles IPHONE 5 landscape
/* ---------------------------------------- */
@media handheld, only screen and (max-width:568px) and (orientation : landscape) { 
    /*fonts*/
    .labeler .labelertbl span {font-size: 1.1rem;}
    .row {font-size: 1.1rem;}
    ul.menu {font-size:1.1rem; line-height:1.1rem;}
    .menuitem .vparent {color: #909294; font-size: 1.1rem; line-height: 1.5rem;}
    div.fancybox-title.fancybox-title-outside-wrap{font-size: .9rem; }
    #footer {font-size: .9rem;}
}

/* ---------------------------------------- */
/* Desktop devices styles Ipad Tablet
/* ---------------------------------------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    #wrapper {max-width: 92.5%;}
}