/***
 *
 *  CUSTOM FONTS
 *
 */

    @import url('http://fonts.googleapis.com/css?family=Open+Sans:700,400,300,700italic,400italic,300italic&subset=latin,greek');

/* 
 *  END CUSTOM FONTS 
 *
 ***/



/***
 *
 *  GRID SETTINGS
 *
 */

    [class*="column"] {
        padding: 0 3rem;
    }

        [.tablet class*="column"] {
            padding: 0 1rem;
        }

    .row .row {
        margin: 0 -3rem; 
    }

        .tablet .row .row {
            margin: 0 -1rem; 
        }

    .row > .row {
        margin: 0 auto; 
    }

    .panel {
        width: 90%;
        max-width: 1280px;
        padding: 0;
    }

        .tablet .panel {
            width: 100%;
        }

/* 
 *  END GRID SETTINGS
 *
 ***/



/***
 *
 *  GLOBAL CSS 
 *
 */

    * {
        font-style: normal;
    }

    html {
        font-size: 10px;
        min-height: 100%;
    }

    body {
        font-family: 'Open Sans', Arial, sans-serif;
        font-size: 1.6rem;
        color: rgb(60, 60, 60);
        min-height: 100%;
    }

    a:link,
	a:visited,
    .text a:link,
    .text a:visited {
        color: rgb(60, 60, 60);
    }

    .text a:hover {
        border-bottom-width: 0.1rem;
        border-bottom-style: dotted;
        opacity: 0.8;
    }

    .text .gallery a:hover {
        border-bottom-width: 0;
    }

    h1 {
        font-size: 6rem;
    }

    h2 {
        font-size: 4rem;
    }

    h3 {
        font-size: 2.75rem;
    }

    h4, h5, h6 {
        font-size: 1.75rem;
    }

    strong em, b em, strong em span, b em span {
        font-weight: bold;
    }

/*
 *  END GLOBAL CSS 
 *
 ***/



/***
 *
 *  STRUCTURE 
 *
 */

    .wrapper {
    }

    header {
        padding: 5rem 0 !important;
        border-bottom-width: 0.1rem;
    }

        header nav {
            margin-top: 3rem;
        }

    main {
        margin-top: 5rem !important;
        margin-bottom: 5rem !important;
    }

        .content {
        }

    footer {
        padding: 5rem 0 !important;
        border-top-width: 0.1rem;
    }

/*
 *  END STRUCTURE
 *
 ***/



/***
 *
 *  HEADER 
 *
 */

    .logo {
    }

        .logo a,
        .logo h1 {
            line-height: 1;
            font-size: 5rem;
            padding: 0;
            margin: 0;
        }

    .main-navigation li {
        position: relative;
    }

        .main-navigation ul {
            display: none;
            position: absolute;
            margin: 0;
            padding: 0 1rem 1rem 1rem;
            top: 100%;
            left: -1rem;
            background: rgb(255, 255, 255);
            border-width: 1px;
            border-top-width: 0;
            border-style: solid;
            border-bottom-left-radius: 0.3rem;
            border-bottom-right-radius: 0.3rem;
        }

            .main-navigation ul li {
                display: block;
                float: none;
            }

                .main-navigation ul a {
                    padding: 0;
                }

/*
 *  END HEADER 
 *
 ***/



/***
 *
 *  HOME PAGE
 *
 */

     .home-slideshow nav {
        display: none;
     }
    
/*
 *  HOME PAGE 
 *
 ***/



/***
 *
 *  CONTENT 
 *
 */

/*
 *  END CONTENT 
 *
 ***/



/***
 *
 *  PAGINATION 
 *
 */

    .pages {
        width: auto;
        margin: 3rem 0;
        text-align: center;
    }

        .pages a, 
        .pages a:hover, 
        .pages span {
            display: inline-block;
            padding: 0.2rem 1rem;
            border: none;
        }

        .pages .current {
            font-weight: bold;
        }

/*
 *  END PAGINATION 
 *
 ***/



/***
 *
 *  FOOTER
 *
 */

/*
 *  END FOOTER
 *
 ***/



/***
 *
 *  POPUP FIX
 *
 */

    .popup,
    .popup * {
        box-sizing: content-box;
    }

/*
 *  END POPUP FIX
 *
 ***/