/*
Theme Name: TA_2.2_20230622
Theme URI: https://www.tecnavia.com
Author: Tecnavia
Author URI: https://www.tecnavia.com

Version: TA_ale_2.2_20230622
License: Licensed by tecnavia
License URI: www.tecnavia.com
Text Domain: tecnavia
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready

This theme is lincensed by tecnavia, like WordPress
Use it to make something cool, have fun, and share what you've learned with others.

Twenty Nineteen is based on Underscores https://underscores.me/, (C) 2012-2019 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/



/* Layout Page overall - header - central column - side bar - footer*/

/* For mobile phones: */


* {
    box-sizing: border-box;
    /*box-sizing:content-box;*/
    word-wrap: break-word;
    text-overflow: ellipsis;
    /* --fotogallery-icon:url(./icons/gallery/fotogallery.png);
     */

     --padding-top-body: 0px;
     --body-div-backgr-color: unset;
     --body-background: none;

}

::after {
    --fotogallery-icon:url(/icons/gallery/fotogallery.png);
}

.post-template{
    color: black;
}

.widget_posts_slot{
    position:relative;
}
/*
body {
    box-sizing: border-box;
    padding-left:calc((100vw - (60vw + 25vw )) /2   );
    padding-right:calc((100vw - (60vw + 25vw )) /2   );
    padding-left:var(--page-padding);
    padding-right:var(--page-padding);
    margin-right: 0px;
    margin-left: 0px;
    padding-top:var(--padding-top-body);
}

body > div {
    background:var(--body-div-backgr-color)
}


.content {
    display: flex;
    justify-content:center;
    box-sizing: border-box;

}

.sidebar {

    display:none;
    width:25vw;
    width:var(--sidebar-width);

    padding-left:calc(var(--content-column-padding) + var(--sidebar-column-padding-lx));
    padding-right:calc(var(--content-column-padding) + var(--sidebar-column-padding-rx));
    box-sizing: border-box;

}

.central-column {
    width:60vw;
    width:var(--width-central-column);
    padding-left:1vw;
    padding-right:calc(1vw);
    padding-left:var(--content-column-padding);
    padding-right:calc(var(--content-column-padding));
    box-sizing: border-box;

}



@media only screen and (min-width: 1000px) {
*/
    /* For desktop: */
    /*
    * {

        --content-column-padding:1vw;
        --sidebar-column-padding-lx:0px;
        --sidebar-column-padding-rx:0px;

        --width-central-column:60vw;
        --sidebar-width:25vw;
        --page-padding:calc((100vw - (var(--width-central-column) + var(--sidebar-width) )) /2   );
      
    }

    

    .sidebar {
        display:block;
        display:initial;
    }



}


@media only screen  and (max-width: 1000px) {
    */
    /* For mobile: */
    /*
    * {
        --content-column-padding:1vw;
        --sidebar-column-padding-lx:0px;
        --sidebar-column-padding-rx:0px;

        --sidebar-width:0vw;
        --page-padding:2vw;
        --width-central-column:calc((100vw - (2*(var(--page-padding)) + var(--sidebar-width) ))   );
    }
    body {
      
        padding-left:2vw;
        padding-right:2vw;
        padding-left:var(--page-padding);
        padding-right:var(--page-padding);
        margin-right: 0px;
        margin-left: 0px;
        background: var(--body-background)!important;
    }


}

@media only screen and (min-width: 600px) and (max-width: 768px) {
    */
    /* For tablets: */
    /*
    * {
        --content-column-padding:1vw;
        --sidebar-column-padding-lx:0px;
        --sidebar-column-padding-rx:0px;

        --sidebar-width:0vw;
        --page-padding:2vw;
        --width-central-column:calc((100vw - (2*(var(--page-padding)) + var(--sidebar-width) ))   );
    }
    body {

        padding-left:2vw;
        padding-right:2vw;
        padding-left:var(--page-padding);
        padding-right:var(--page-padding);
        margin-right: 0px;
        margin-left: 0px;
    }


}
*/


  /* Article default */
 article * {
    display:none;
}

/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/
/*
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
    display: block !important;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
    display: block !important;
}

.aligncenter {
	clear: both;
	display: block !important;
	margin-left: auto;
	margin-right: auto;
}

*/