/*   
Theme Name: Steiner
Theme URI: http://www.greengraphics.com.au/
Description: Nice theme. 
Author: Nathan
Author URI: http://www.greengraphics.com.au/
Version: 1.5.0
*/





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

/*!     INDEX:                                                                */
/*!         i - Resets, Imports, Shared, Misc                                 */
/*!        ii - Body                                                          */
/*!       iii - Document Colors                                               */
/*!        iv - Typography                                                    */

/*!     STRUCTURE:                                                            */
/*!         1. - Header                                                       */
/*!         2. - Menus                                                        */
/*!         3. - Section                                                      */
/*!         4. - Article                                                      */
/*!         5. - Aside                                                        */
/*!         6. - Footer                                                       */

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





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

/*!     i - Imports, Resets, Shared, Misc                                     */

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




* { 
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
            transition: all 0.3s ease;
    margin: 0;
    padding: 0;
}


.article {
    -webkit-transition: none;
       -moz-transition: none;
            transition: none;    
}




#header:after,
.menu:after,
#section:after,
.article:after,
#aside:after,
#footer:after,
.clearer:after,
.wrapper:after {
    clear: both; 
    content: '.'; 
    display: block; 
    height: 0; 
    visibility: hidden;
}




.loading {
    background: url('images/loading.gif') no-repeat center center black;
}


.wrapper {
    margin: 0 auto;
    max-width: 1280px;
    position: relative;
}




.screen-reader-text {
    display: none;
}

form#searchform {
    background: #fcfcfc;
    border: 1px solid #cdcdcd;
    border-radius: 3px;
    margin: 0 15px;
    max-width: 400px;
    padding: 0 60px 0 0;
    position: relative;
}


    input#s {
        background: none;
        border: none;
        margin: 0;
        padding: 8px;
        width: 100%;
    }
    
    
    input#searchsubmit {
        background: none;
        border: none;
        border-left: 1px solid #cdcdcd;
        color: #444;
        cursor: pointer;
        padding: 8px;
        position: absolute; top: 0; right: 0;
        text-transform: uppercase;
    }





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

/*!     ii - Body                                                             */

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





body {
    color: #303030;
    font-size: 75%; 
    font-family: 'Source Sans Pro', sans-serif;
}




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

/*!     iii - Document Colors                                                 */

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



a {
    color: #907e68;
}


h1, h2, h3, h4, h1 a, h2 a, h3 a, h4 a {
	color: #005e9d;
}




    
    
section.penny h1, section.penny h2, .penny-next {
    color: #E94351; /* summer */
}

section.penny h3, section.penny.summer h3 {
    color: #F6A867; /* summer */
}




section.penny.winter h1, section.penny.winter h2, section.winter .penny-next {
    color: #21327e; /* winter */
}

section.penny.winter h3 {
    color: #00a19a; /* winter */
}

section.penny.winter nav#penny-nav, section.penny.winter div.rudolf_quote, section.penny.winter span.penny-caption {
    background: #21327e; /* winter */
}




section.penny.spring h1, section.penny.spring h2, section.spring .penny-next {
    color: #548A35; /* spring */
}

section.penny.spring h3 {
    color: #548A35; /* spring */
}

section.penny.spring nav#penny-nav, section.penny.spring div.rudolf_quote, section.penny.spring span.penny-caption {
    background: #548A35; /* spring */
}




section.penny.summer .term-dates h3, section.penny.spring .term-dates h3, section.penny.winter .term-dates h3 {
    color: white;
}




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

/*!     iv - Typography                                                       */

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




nav {
    font-size: 1.4em;
}




#section {
    
}


    .penny-title {
        font-size: 2em;
    }
    
    
    section.penny h1 {
        font-weight: 300;
    }
    
    
    section.penny h3 {
        font-weight: 400;
    }





.article {
    font-size: 1.4em;
}



    h1 {
    	margin: 17px 0 30px 0;
    	font-size: 2.2em;
    }
    
    
    h2 {
    	margin: 5px 0 20px 0;
    	font-size: 1.6em;
    }
    
    
    h3 {
        font-size: 1.35em;
    }




#aside {
    font-size: 1.2em;
}




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

/*!     STRUCTURE START                                                       */

/*!     1. - Header                                                           */

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




#header {
    margin: 0 auto;
    max-width: 900px;
    padding: 20px;
    width: 100%;
}



.logo__sea {
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 4px;
    display: inline-block;
    margin: 0 0 0 10px;
    overflow: hidden;
}

.logo__sea img {
    max-height: 40px;
}



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

/*!     2. - Menus                                                            */

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






#mobile-toggle {
    background: #005e9d;
    -webkit-border-radius: 6px 0 0 0;
       -moz-border-radius: 6px 0 0 0;
            border-radius: 6px 0 0 0;
    color: white;
    display: none;
    font-size: 20px;
    padding: 10px 15px;
    position: absolute; right: 0; bottom: 0;
    text-decoration: none; 
}


    #mobile-toggle img {
        margin: 0 10px 0 0;
        vertical-align: text-top;
        width: 20px;
    }




nav#main-menu {
    background: #f2efec;
    bottom: 0;
    position: absolute;
    top: 0;
    width: 20%;
}


    ul.menu {
        list-style-type: none;
    }


        nav#main-menu li.menu-item {
            border-bottom: 1px solid #fff;
        }
        

            nav#main-menu li.menu-item a {
                background: #bcb0a2;
                color: #fff;
                display: block;
                padding: 17px 20px;
                text-decoration: none;
                width: 100%;
            }


            nav#main-menu li.current_page_item a, nav#main-menu li.menu-item a:hover {
                background: #dfd8d0;
                color: #907e68;
            }
            
            
            nav#main-menu .menu li.menu-item-has-children a:after {
                content: '->';
                padding-left: 10px;
            }
            
            
        nav#main-menu ul.sub-menu {
            display: none;
        }


nav#main-menu p {
    color: #907e68; 
    display: block;
    margin: 20px 0 0 20px; 
}




nav#main-menu #mailchimp-link {
    background: #fff3a8; 
    color: #907e68;
    display: block; 
    padding: 20px; 
    text-decoration: none;
}


nav#main-menu #mailchimp-link:hover {
    background: #f5a224;
    color: white;
}




nav#penny-nav {
    background: #E94351;
    float: left;
    width: 75%;
}


    .nav-item {
        display: block;
        float: left;
        text-align: center;
        width: 20%;
    }
    
    
        .nav-link {
            color: white;
            display: block;
            font-size: 0.9em;
            padding: 15px 8px;
            text-decoration: none;
        }




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

/*!     3. - Section                                                          */

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




#section {
    border-left: 1px solid #fff;
    float: right;
    min-height: 570px;
    position: relative;
    width: 80%;
}

section.penny {

}




section.spring {
    
}

section.winter {
    
}




    .metaslider {
        border-bottom: 1px solid #fff;
    }
    
    
        .metaslider img {
            -webkit-border-radius: 0 40px 0 0;
               -moz-border-radius: 0 40px 0 0;
                    border-radius: 0 40px 0 0;
        }
        
        
        
        
    .penny-header-image {
        position: relative;
        width: 70%;
        z-index: 1;
    }
    
    
    .penny-title {
        margin: 0;
        padding: 0 35px 10px 0;
        text-align: right;
        width: 70%;
    }
    
    
    .penny-next {
        clear: both;
        display: block;
        float: right;
        padding: 20px;
        text-align: right;
    }
    
    

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

/*!     4. - Article                                                          */

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




.article {
    float: left;
    min-height: 430px;
    padding: 20px;
    width: 67%;
    border-top: none;
}
.single .article, .archive .article {
	border-top: 1px solid #dfd8d0
}
.single-penny .article, .post-type-archive-penny .article {
	border-top:none;
}


.penny .article {
    display: none;
    padding-top: 0;
}

.article.active {

}

.article ul, .article ol {margin-left: 20px;}


    .article ul li {
        list-style-type: disc; 
        margin: 5px 0 12px;
    }
    
    
    .article ol li {
        list-style-type: decimal; 
        margin: 5px 0 12px;
    }
    
    
    
    
    .layout-title {
        margin-top: 0;
    }
    
    
    .rudolf_quote {
        background: #E94351;
        border-bottom: 2px solid white;
        border-right: 2px solid white;
        -webkit-border-radius: 0 0 20px 0;
           -moz-border-radius: 0 0 20px 0;
                border-radius: 0 0 20px 0;
        color: white;
        float: left;
        margin: -70px 0 0 -20px;
        padding: 60px 20px 20px;
        width: 50%;
    }
    
    
        .rudolf_quote h3 {
            color: white;
        }


    
    .penny-image {
        -webkit-border-radius: 0 20px;
           -moz-border-radius: 0 20px;
                border-radius: 0 20px;        
        clear: both;
        margin: -15px 0 0 0;
        position: relative;
        z-index: -1;
    }
    
    
        span.penny-caption {
            background: #E94351;
            border: 2px solid white;
            -webkit-border-radius: 20px 0 20px 20px;
               -moz-border-radius: 20px 0 20px 20px;
                    border-radius: 20px 0 20px 20px;
            color: white;
            display: block;
            float: right;
            margin: -15px -2px 0;
            max-width: 50%;
            padding: 15px;
            position: relative;
        }
    
    
    
    .diary-dates {
        clear: both;       
        margin: 20px 0;
    }
    
    
    
    
    .classified-ad {
        background: #f9f9f9;
        border-top: 1px solid #efefef;
        display: block;
        padding: 20px;
    }
    
    .classified-ad:nth-of-type(2n) {
        background: none;
    }
    
    
        .classified-link {
            display: block;
            margin: 10px 0 0 0;
        }
        
        
        
        
        
    .post-image {
        float: right;
        margin: 0 0 20px 20px;
        width: 50%;
    }
    

    #aside img.aligncenter {margin: 0 auto 10px auto;}
        




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

/*!     5. - Aside                                                            */

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




#aside {
	background: #dfd8d0;	
	color: #333;
	float: right;
	padding: 20px 0;
	width: 30%;
}


section.penny #aside,
body.archive #aside,
body.single #aside {
    border-left: 1px solid white;
    -webkit-border-radius: 0 40px 0 0;
       -moz-border-radius: 0 40px 0 0;
            border-radius: 0 40px 0 0;
    height: auto !important;
    padding: 20px;
    position: absolute; top: 0; right: 0; bottom: 0;
}


    #aside .textwidget a[href^="mailto"] {
        word-break: break-all;
    }
    
    
    #aside h2 {
        margin: 0 0 10px;
        padding: 0 10px;
    }


    #aside ul {
        list-style-type: none;
        margin: 0 0 25px 0; 
    }
    
    
        #aside ul li {
            border-bottom: 1px solid #fff;
        }
    
    
            #aside ul li a {
                color: #907e68; 
                display: block; 
                padding: 17px 20px; 
                font-size: 1.3em;
				text-decoration: none;
            }
            
            
    
    #aside a {
        color: #907e68;
    }
    
    
    #aside ul li.current_page_item a, #aside ul li a:hover {
        background: #bcb0a2; 
        color: #fff;
    }


    .sidebar-widget {
        padding: 10px;
    }
    
    
    
    
    /* #aside li.penny-link {
         border-bottom: none; 
    }
    
    
        #aside li.penny-link a {
            margin: 0 0 8px 0;
            padding: 0;
        }
        
        #aside li.penny-link a:hover {
            background: none;
        }
        
        */




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

/*!     6. - Footer                                                           */

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




#footer {
	background: #fff;
	border-top: 1px solid #bcb0a2;
	clear: both; 
	color: #bcb0a2;
	padding: 8px 20px 8px 0;
	position: relative;
	text-align: center;
	width: 100%;
	z-index: 10;
	font-size: 1.1em;
}

#footer a {
	text-decoration: none;
}

#footer a:hover {
	color: #005e9d;
	text-decoration: none;
}