/*   
Theme Name: ggstyle
Theme URI: https://github.com/Greengraphics/ggstyle
Description: Nice theme. 
Author: Nathan
Author URI: http://www.greengraphics.com.au/
Version: 1.5.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: left-sidebar, fluid-layout, responsive-layout, two-columns
Text Domain: ggstyle
*/





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

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

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

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





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

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

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





.search-form--label,
input.search-submit {
    display: inline-block;
}





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

/*!     ii - Body                                                             */

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





body {
	background: url(img/bg.jpg) no-repeat center top white;

	background-size: cover;

	color: #414042;
	font-size: 17px;
	line-height: 27px;
	font-family: 'Merriweather', Times, Serif;
	font-weight: 400;
	background-attachment: fixed;
}





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

/*!     iii - Document Colors                                                 */

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




.color1, h2 a {
    color: rgb(0,99,37);
}
.color2, a, a:hover {
    color: rgb(192,186,143);
}
.color3 {
    color: rgb(153,141,78);
}
.color4 {
    color: #414042; /* 90% K */
}
.color5 {
    color: #636466; /* 75% K */
}
.color6 {
    color: #939598; /* 50% K */
}
.color7 {
    color: #c7c8ca; /* 25% K */
}
.black {
    color: black;
}
.white {
    color: white;
}




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

/*!     iv - Typography                                                       */

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





h1 { font-family: 'Merriweather'; font-size: 22px; text-transform: uppercase;}
h2 { font-size: 18px; }
h4 { font-size: 14px; }

h3 {font-family: 'Merriweather';
    color: rgb(0,99,37);
    font-size: 24px; 
    font-style: italic;
    font-weight: 300; 
    text-align: right;
}


.top { font-size: 18px; }
.article {font-family: 'Open Sans'; }
.aside{
    color: rgb(0,99,37);
    font-size: 24px; 
    font-style: italic;
    font-weight: 300; 
    text-align: right;
}
.footer { font-family: 'Open Sans'; font-size: 12px; }


blockquote { 
    background: #efefef;
    font-size: 16px; 
    font-style: italic;
    margin: 15px 0 25px 0;
    padding: 20px;
    max-width: 600px;
}


a { text-decoration: none; }
a:hover { text-decoration: underline; }

a[href*='tel:'] {
    font-weight: 700;
}

a.read-more {
    color: black;
    display: inline-block;
    font-style: italic;
    font-weight: 700;
}

p {
font-size: 17px;
line-height: 27px;
}



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

/*!     STRUCTURE START                                                       */

/*!     1. - Header                                                           */

/******************************************************************************/
.container {
    padding: 0 16px;
}



.top {
    display: block;
    padding: 0 0 32px;
}


    .top__logo {
        color: rgb(0,99,37);
        display: block;
        float: left;
        font-size: 62px;
        font-weight: 400;
        line-height: 1;
        margin: 32px 0 0;
        text-transform: uppercase;
        width: 70%;	
        text-shadow: 1px 2px rgba(255,255,255,0.66);

    }
    .top__logo:hover {
        color: rgb(0,99,37);
        text-decoration: none;
    }
    
    .top__logo span {
        display: block;
        font-size: 62px;
    }
    
    
    .top__tagline {
        color: rgb(255,255,255);
        font-size: 32px;
        font-style: italic;
        font-weight: 400;
        position: absolute; right: 0; bottom: 0;
        text-align: right;
        width: 60%;
		text-shadow: 1px 2px rgba(0,0,0,0.66);
    }
 
    


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

/*!     2. - Menus                                                            */

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




.top__menuToggle {
    background: rgba(0,99,37, 0.9);
    display: block;
    /* float: right; */
    padding: 20px;
}

    
    .top__menuIcon {
        display: block;
    }




.top__menu {
    background: rgba(0,99,37, 0.9);
    display: none;
    padding-bottom: 16px;
    text-align: right;
}


    nav ul {
        list-style-type: none;
        margin: 0 auto;
        max-width: 960px;
        padding: 0;
    }
    
    nav ul.menu, nav div.menu > ul {
        margin: 0 auto;
        padding: 0;
    }
        

        nav li {
            margin-bottom: 0;
            position: relative;
        }


            nav li a {
                color: white;
                display: inline-block;
                padding: 12px 16px;
                text-decoration: none;
                text-transform: uppercase;
                -webkit-transition: all 0.3s ease;
                   -moz-transition: all 0.3s ease;
                        transition: all 0.3s ease;
                white-space: nowrap;
            }
            
            nav li:hover > a, 
            nav li.current-menu-item > a, 
            nav li.current_page_item > a {
                color: rgb(192,186,143);
                text-decoration: none;
            } 
            
            
            nav li > ul {
                background: white;
                font-size: 14px;
                margin: 0;
                padding: 0 0 0 20px;
            }
            
            
                nav li > ul li a {
                    padding: 5px 10px;
                }

            


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

/*!     3. - Section                                                          */

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




.section {
    background: rgba(255,255,255,0.9);
    border-radius: 12px 12px 0 0;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.66);
    margin: 0 auto;
    max-width: 960px;
    min-height: 450px;
}  

.post__image, .post__image-default{
	max-width:	30%;
	float: right;
	}
	
.post__details{
	margin-bottom: 10px;
}


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

/*!     4. - Article                                                          */

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




.article {
    padding: 32px;
}


.post {
    margin: 0 0 32px;
}


    .post__image {
        margin: 0 0 16px 16px;
    }
    
    
    .post__title {
        margin: 0 0 8px;
    }




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

/*!     5. - Aside                                                            */

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




.aside {
    padding: 32px;
}




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

/*!     6. - Footer                                                           */

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




.pageinate {
    clear: both;
    padding: 20px;
    text-align: center;
}


    .page-numbers {
        background: white;
        border: 1px solid black;
        border-radius: 3px;
        display: inline-block;
        font-size: 16px;
        font-weight: 700;
        padding: 5px 8px;
    }
    
    .page-numbers.current {
        background: #efefef;
    }
    
    .page-numbers.next, .page-numbers.prev {
        margin: 0 10px;
    }




.footer {
	background: rgba(193,188,149,0.9); 
    color: black;
	padding: 16px;    
	width: 100%;
}


    .social-icon {
        display: inline-block;
        margin: 0 0 0 5px;
        max-width: 25px;
        vertical-align: -25%;
    }




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

/*!     7. - Responsive                                                       */

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

@media (max-width: 768px) {

.top__tagline {
    font-size: 28px;
    font-style: italic;
    font-weight: 400;
    position: relative; 
    right: 0; bottom: 0;
    text-align: right;
    width: 90%;
    clear: left;
}
    
        
}


@media (min-width: 768px) {
    
    .top__menuToggle {display: none;}
    .top__menu {
        display: block;
        padding: 30px 0 8px;
    }
    
    .top__menu li {
        display: inline-block;
    }
    
    
        nav li > ul {
            display: none;
            padding: 0;
            position: absolute; top: 100%;
            z-index: 1;
        }
        
        nav li.page_item_has_children:hover .children {
            display: block;
        }
        
        
        nav li.current_page_parent > a {
            border-bottom-color: #227d52;
            color: #227d52;
            text-decoration: none;       
        }
    
        
    .article {
        float: left;
        width: 70%;
    }
    
    .aside {
        float: right;
        width: 30%;
    }
    
    .full .article, .article.full {
        float: none;
        width: 100%;
    }
    
}

@media (min-width: 960px) {}

@media (min-width: 992px) {
    .container {
        padding: 0;
    }
}

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

/*!     8. - Home                                                             */

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


.home p{max-width: none;}

.home .top {
    margin-bottom: 80px;
    padding: 0;
}

.home .top__logo {
    margin-top: 80px;
}

/*
.home .section{
	min-height: 320px !important;
}
*/