/******************************************************************

     ██████╗ ██████╗ ██╗      ██████╗ ██╗   ██╗██████╗ ███████╗
    ██╔════╝██╔═══██╗██║     ██╔═══██╗██║   ██║██╔══██╗██╔════╝
    ██║     ██║   ██║██║     ██║   ██║██║   ██║██████╔╝███████╗
    ██║     ██║   ██║██║     ██║   ██║██║   ██║██╔══██╗╚════██║
    ╚██████╗╚██████╔╝███████╗╚██████╔╝╚██████╔╝██║  ██║███████║
     ╚═════╝ ╚═════╝ ╚══════╝ ╚═════╝  ╚═════╝ ╚═╝  ╚═╝╚══════╝

 ******************************************************************/



    :root, 
    .small {
        --red                     : 202,  28,  37;
        --green                   : 183, 191,  29;
        --blue                    :   2,  63, 136; /* Marian blue: Alma Zois + Synexizw */
        --blue-light              : 188, 223, 255;
        --white                   : 255, 255, 255;
        /* --gray-light              : 200, 200, 200; */
        --gray-light              : 209, 210, 212; /* Timberwolf: Synexizw */
        --gray-light-x            : 230, 230, 230;
        --gray                    : 100, 100, 100;
        --black                   :   0,   0,   0;
        --pink-light              : 235,   0, 139;
        --pink                    : 208,  26,  96;
        /* --pink-dark               : 220,   1, 131; */
        --pink-dark               : 160,  32, 105; /* Magenta haze: Synexizw */
        --beige                   : 221, 198, 198;
        --beige-light             : 249, 245, 245;
        --brown                   :  89,  84,  84;
        --brown-light             : 236, 218, 218;

        --color-red               : rgb(var(--red));
        --color-green             : rgb(var(--green));
        --color-blue              : rgb(var(--blue));
        --color-blue-light        : rgb(var(--blue-light));
        --color-white             : rgb(var(--white));
        --color-gray-light        : rgb(var(--gray-light));
        --color-gray-light-x      : rgb(var(--gray-light-x));
        --color-gray              : rgb(var(--gray));
        --color-black             : rgb(var(--black));
        --color-pink-light        : rgb(var(--pink-light));
        --color-pink              : rgb(var(--pink));
        --color-pink-dark         : rgb(var(--pink-dark));
        --color-beige             : rgb(var(--beige));
        --color-beige-light       : rgb(var(--beige-light));
        --color-brown             : rgb(var(--brown));
        --color-brown-light       : rgb(var(--brown-light));
        
        --color-heading           : var(--color-pink-dark);
        --color-text              : var(--color-gray); 
        --color-text-link         : var(--color-gray); 
        --color-text-selection    : var(--color-white); 
        --color-text-selection-bg : var(--color-gray); 
    }



/***************************************************************************

    ██╗   ██╗ █████╗ ██████╗ ██╗ █████╗ ██████╗ ██╗     ███████╗███████╗
    ██║   ██║██╔══██╗██╔══██╗██║██╔══██╗██╔══██╗██║     ██╔════╝██╔════╝
    ██║   ██║███████║██████╔╝██║███████║██████╔╝██║     █████╗  ███████╗
    ╚██╗ ██╔╝██╔══██║██╔══██╗██║██╔══██║██╔══██╗██║     ██╔══╝  ╚════██║
     ╚████╔╝ ██║  ██║██║  ██║██║██║  ██║██████╔╝███████╗███████╗███████║
      ╚═══╝  ╚═╝  ╚═╝╚═╝  ╚═╝╚═╝╚═╝  ╚═╝╚═════╝ ╚══════╝╚══════╝╚══════╝
                                                                        
 ****************************************************************************/


   
    :root,
    .small {
        --font-scale          : 1.1;    /* How the headings font size scales up */
        
        --root-font-size      : 10px;   /* The root element, ie HTML, font size */
        --base-font-size      : 1.4rem; /* The body element base font size */
        --base-line-height    : 1.5;    /* The default line height of all elements */
        --text-line-height    : 1.5;    /* The line height of block text elements */
        --heading-line-height : 1.3;    /* The line height of heading elements */

        --text-rhythm         : 2rem;   /* Vertical margins between text elements */
        --grid-gutter         : 1rem;   /* Paddings between columns, the grid gutters */
        --vertical-rhythm     : 3rem;   /* Vertical margins between major grid sections */

        --panel-width         : 1024px; /* The width of the panel element */
        --panel-narrow-width  : 800px;  /* The width of the narrow panel element */
    }

    .tablet {
        --font-scale          : 1.125;  /* How the headings font size scales up */
        --base-font-size      : 1.5rem; /* The body element base font size */
        --base-line-height    : 1.5;    /* The default line height of all elements */
        --text-line-height    : 1.6;    /* The line height of block text elements */
        --heading-line-height : 1.25;   /* The line height of heading elements */

        --text-rhythm         : 3rem;   /* Vertical margins between text elements */
        --grid-gutter         : 1.5rem; /* Paddings between columns, the grid gutters */
        --vertical-rhythm     : 4rem;   /* Vertical margins between major grid sections */
    }

    .laptop {
        --font-scale          : 1.15;   /* How the headings font size scales up */
        --base-font-size      : 1.5rem; /* The body element base font size */
        --base-line-height    : 1.5;    /* The default line height of all elements */
        --text-line-height    : 1.7;    /* The line height of block text elements */
        --heading-line-height : 1.2;    /* The line height of heading elements */

        --text-rhythm         : 5rem;   /* Vertical margins between text elements */
        --grid-gutter         : 2rem;   /* Paddings between columns, the grid gutters */
        --vertical-rhythm     : 5rem;   /* Vertical margins between major grid sections */
    }



/*******************************************************************************************************

     ██████╗ ██████╗ ██╗██████╗     ███████╗███████╗████████╗████████╗██╗███╗   ██╗ ██████╗ ███████╗
    ██╔════╝ ██╔══██╗██║██╔══██╗    ██╔════╝██╔════╝╚══██╔══╝╚══██╔══╝██║████╗  ██║██╔════╝ ██╔════╝
    ██║  ███╗██████╔╝██║██║  ██║    ███████╗█████╗     ██║      ██║   ██║██╔██╗ ██║██║  ███╗███████╗
    ██║   ██║██╔══██╗██║██║  ██║    ╚════██║██╔══╝     ██║      ██║   ██║██║╚██╗██║██║   ██║╚════██║
    ╚██████╔╝██║  ██║██║██████╔╝    ███████║███████╗   ██║      ██║   ██║██║ ╚████║╚██████╔╝███████║
     ╚═════╝ ╚═╝  ╚═╝╚═╝╚═════╝     ╚══════╝╚══════╝   ╚═╝      ╚═╝   ╚═╝╚═╝  ╚═══╝ ╚═════╝ ╚══════╝

 ********************************************************************************************************/



    /* Columns and rows */

    [class*="column"] {
        padding-left: var(--grid-gutter);
        padding-right: var(--grid-gutter);
    }

    [class*="column"] .row {
        margin-left: calc(-1 * var(--grid-gutter)); 
        margin-right: calc(-1 * var(--grid-gutter)); 
    }



    /* The panel that restrains contents to a maximum width */

    .panel {
        max-width: var(--panel-width);
    }

    .panel-narrow {
        max-width: var(--panel-narrow-width);
    }

    .panel-full {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    
    .rel__container {
        position: relative;
    }


/********************************************************************************************

    ████████╗██╗   ██╗██████╗  ██████╗  ██████╗ ██████╗  █████╗ ██████╗ ██╗  ██╗██╗   ██╗
    ╚══██╔══╝╚██╗ ██╔╝██╔══██╗██╔═══██╗██╔════╝ ██╔══██╗██╔══██╗██╔══██╗██║  ██║╚██╗ ██╔╝
       ██║    ╚████╔╝ ██████╔╝██║   ██║██║  ███╗██████╔╝███████║██████╔╝███████║ ╚████╔╝
       ██║     ╚██╔╝  ██╔═══╝ ██║   ██║██║   ██║██╔══██╗██╔══██║██╔═══╝ ██╔══██║  ╚██╔╝
       ██║      ██║   ██║     ╚██████╔╝╚██████╔╝██║  ██║██║  ██║██║     ██║  ██║   ██║
       ╚═╝      ╚═╝   ╚═╝      ╚═════╝  ╚═════╝ ╚═╝  ╚═╝╚═╝  ╚═╝╚═╝     ╚═╝  ╚═╝   ╚═╝

 ********************************************************************************************/



    /* Main fonts */

    :root,
    .small {
        --font-serif: Georgia, serif;
        --font-sans-serif: 'Open Sans', Arial, sans-serif;
        --font-monospace: Consolas, 'Courier New', monospace;
        --font-icons: 'Responsiville icons';
        --font-bold: 'CoreSansC';
    }



    /* Global base stylings */

    html {
        font-size: var(--root-font-size);
    }

    body {
        font-family: var(--font-bold);
        font-style: normal;
        font-weight: normal;
        font-stretch: normal;
        font-size: var(--base-font-size);
        color: var(--color-text);
    }

    h1, h2, h3, h4, h5, h6 {
        font-family: var(--font-bold);
        color: var(--color-heading);
        font-style: normal;
        font-weight: bold;
        font-stretch: normal;
    }

    h1 {
        font-size: calc(var(--base-font-size) * var(--font-scale) * var(--font-scale) * var(--font-scale) * var(--font-scale) * var(--font-scale) * var(--font-scale));
    }

    h2 {
        font-size: calc(var(--base-font-size) * var(--font-scale) * var(--font-scale) * var(--font-scale) * var(--font-scale) * var(--font-scale));
    }

    h3 {
        font-size: calc(var(--base-font-size) * var(--font-scale) * var(--font-scale) * var(--font-scale) * var(--font-scale));
    }

    h4 {
        font-size: calc(var(--base-font-size) * var(--font-scale) * var(--font-scale) * var(--font-scale));
    }

    h5 {
    	font-size: calc(var(--base-font-size) * var(--font-scale) * var(--font-scale));
    }

 	h6 {
    	font-size: calc(var(--base-font-size) * var(--font-scale));
    }

    .font__bold {
        font-style: normal;
        font-weight: bold;
        font-stretch: normal;
    }



    /* Uppercase (not only) Greek */

    .uppercase {
        text-transform: uppercase;
    }



    /* Input fields */

    input,
    select,
    textarea {
        color: var(--color-text);
    }


    /* Links, global */

    a {
        color: var(--color-text-link);
    }

    /* Links, inside text */

    .text a:not(.button):not(.box__link) {
        border-bottom-width: 0.1rem;
        border-bottom-style: solid;
        color: var(--color-pink-dark);
    }

    .text a:hover {
        border-bottom-width: 0.1rem;
        border-bottom-style: solid;
        color: var(--color-pink-light);
    }

    .text .button,
    .text .button:hover,
    .text .gallery a,
    .text .gallery a:hover,
    .text .wp-caption a,
    .text .wp-caption a:hover {
        border-bottom-width: 0;
    }



/***************************************************************

    ██╗███╗   ███╗ ██████╗ ██╗      ██████╗  █████╗ ██████╗
    ██║████╗ ████║██╔════╝ ██║     ██╔═══██╗██╔══██╗██╔══██╗
    ██║██╔████╔██║██║  ███╗██║     ██║   ██║███████║██║  ██║
    ██║██║╚██╔╝██║██║   ██║██║     ██║   ██║██╔══██║██║  ██║
    ██║██║ ╚═╝ ██║╚██████╔╝███████╗╚██████╔╝██║  ██║██████╔╝
    ╚═╝╚═╝     ╚═╝ ╚═════╝ ╚══════╝ ╚═════╝ ╚═╝  ╚═╝╚═════╝

 ***************************************************************/


    .imgloaded-not-yet {
        opacity: 0;
    }

    .imgloaded-complete {
        transition: opacity 0.5s ease-in-out;
    }

/**********************************************************

	 ██████╗ ██████╗ ██╗      ██████╗ ██████╗ ███████╗
	██╔════╝██╔═══██╗██║     ██╔═══██╗██╔══██╗██╔════╝
	██║     ██║   ██║██║     ██║   ██║██████╔╝███████╗
	██║     ██║   ██║██║     ██║   ██║██╔══██╗╚════██║
	╚██████╗╚██████╔╝███████╗╚██████╔╝██║  ██║███████║
	 ╚═════╝ ╚═════╝ ╚══════╝ ╚═════╝ ╚═╝  ╚═╝╚══════╝

**********************************************************/

	.color__white {
		color: var(--color-white);
	}

    .color__blue {
        color: var(--color-blue);
    }

    .color__blue-light {
        color: var(--color-blue-light);
    }

    .color__pink-light {
        color: var(--color-pink-light);
    }

    .color__pink-dark {
        color: var(--color-pink-dark);
    }

    .color__brown {
        color: var(--color-brown);
    }

    svg#alma__logo {
        height: auto;
    }

    .small header svg#alma__logo {
        width: 32%;
    }

    .laptop header svg#alma__logo {
        width: 60%;
    }

    .xlarge header svg#alma__logo {
        height: 136px;
    }

    .laptop .single-post header svg#alma__logo,
    .laptop .error404 header svg#alma__logo  {
        width: 40%;
    }

    .xlarge .responsiville-scrollmenu-wrapper header svg#alma__logo {
        width: 25%;
        height: auto;
    }

    footer svg#alma__logo,
    .header-mobimenu-logo svg#alma__logo  {
        width: 65%;
    }

    footer svg#alma__logo *,
    .laptop .page header svg#alma__logo *,
    .laptop .blog header svg#alma__logo *,
    .laptop .archive header svg#alma__logo *,
    .laptop .category header svg#alma__logo *,
    .laptop .single-post header svg#alma__logo *,
    .laptop .single-product header svg#alma__logo *,
    .header-mobimenu-logo svg#alma__logo *,
    .laptop .post-type-archive-tribe_events svg#alma__logo *,
    .laptop .search svg#alma__logo *,
    .laptop .error404 svg#alma__logo *,
    .laptop .single-testimonial svg#alma__logo *,
    .responsiville-scrollmenu-active svg#alma__logo *,
    .laptop .tribe_events-template-default svg#alma__logo * {
        fill: white!important;
    }

    .responsiville-scrollmenu-active .responsiville-mobimenu-burger:before {
        color: var(--color-white)!important;
    }

    .arrow {
        border: solid inherit;
        border-width: 0 6px 6px 0;
        display: inline-block;
        padding: 6px;
    }

        .small .arrow {
            border-width: 0 4px 4px 0;
            padding: 4px;
            display: none;
        }

        .laptop .arrow {
            border-width: 0 6px 6px 0;
            padding: 6px;
            display: block;
        }

    .arrow.right {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }


    .tinymce-column > h1 + *,
    .tinymce-column > h2 + *,
    .tinymce-column > h3 + *,
    .tinymce-column > h4 + *,
    .tinymce-column > h5 + *,
    .tinymce-column > h6 + * {
        margin-top: calc(0.333*var(--text-rhythm));
    }