/**
* Theme Name: TownPress Child - Katafygio Patras
* Theme URI: http://preview.lsvr.sk/townpress
* Description: Child theme for the Stray Animal Shelter of the Municipality of Patras
* Author: LSVRthemes
* Author URI: http://themeforest.net/user/LSVRthemes/portfolio
* Template: townpress
* Version: 1.0.0
*/

/* Add your custom CSS after this comment */

/* -----------------------------------------------------------------------------

    KATAFYGIO - helper classes used by the imported page content

----------------------------------------------------------------------------- */

    /* Notice box (e.g. visits by appointment) */
    .katafygio-notice {
        border-left: 4px solid currentColor;
        padding: 16px 20px;
        margin: 0 0 30px;
        background: rgba( 0, 0, 0, 0.04 );
    }

    .katafygio-notice > *:last-child {
        margin-bottom: 0;
    }

    /* Highlighted message block (e.g. adoption awareness) */
    .katafygio-message {
        padding: 24px 28px;
        margin: 30px 0;
        text-align: center;
        background: rgba( 0, 0, 0, 0.04 );
    }

    .katafygio-message > *:last-child {
        margin-bottom: 0;
    }

    /* Download list for PDF documents */
    .katafygio-documents {
        list-style: none;
        margin-left: 0;
        padding-left: 0;
    }

    .katafygio-documents li {
        margin-bottom: 10px;
    }

    /* Placeholder marker - REMOVE these blocks before publishing */
    .katafygio-todo {
        padding: 12px 16px;
        margin: 0 0 20px;
        background: #fff3cd;
        border: 1px dashed #c9a227;
        color: #5c4a00;
    }

    .katafygio-todo > *:last-child {
        margin-bottom: 0;
    }

/* -----------------------------------------------------------------------------

    RESPONSIVE DEFINITIONS

----------------------------------------------------------------------------- */

    /* -------------------------------------------------------------------------
        LARGE DEVICES
		devices with width between 992px and 1199px
    ------------------------------------------------------------------------- */

    @media ( max-width: 1199px ) {

		/* your CSS here */

	}

    /* -------------------------------------------------------------------------
        MEDIUM DEVICES
		devices with width between 768px and 991px
    ------------------------------------------------------------------------- */

    @media ( max-width: 991px ) {

		/* your CSS here */

	}

	/* -------------------------------------------------------------------------
        SMALL DEVICES
		devices with width between 481px and 767px
    ------------------------------------------------------------------------- */

    @media ( max-width: 767px ) {

		/* your CSS here */

	}

	/* -------------------------------------------------------------------------
        EXTRA SMALL DEVICES
		devices with width up to 480px
    ------------------------------------------------------------------------- */

	@media ( max-width: 480px ) {

		/* your CSS here */

	}