/*   
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                                  */

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




.article a[href*='.pdf'] {
    background: #A6A59B;
    background: linear-gradient(#A6A59B,#8A8572);
    border: 1px solid black;
    border-radius: 6px;
    box-shadow: inset 0 1px 5px 2px rgba(255,255,255,0.24);
    color: #f1f2f2;
    float: right;
    margin: 16px 0;
    padding: 10px;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
}
.article a[href*='.pdf']:hover {
    background: #8A8572;
    box-shadow: none;
    color: white;
    text-decoration: none;
}





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

/*!     ii - Body                                                             */

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





body {
    background: #efefef;
	color: #4a4a4a;
	font-size: 14px;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-weight: 400;
}




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

/*!     iii - Document Colors                                                 */

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





.color1 {
    color: #403D34;
}
.color2, a:hover {
    color: #4F4734;
}
.blue, a {
    color: #4A90E2;
}
.color4 {
    color: #8A8572;
}
.color5 {
    color: #A6A59B;
}
.black {
    color: black;
}
.white {
    color: white;
}





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

/*!     iv - Typography                                                       */

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





h1 { font-size: 32px; }
h2 { font-size: 28px; }
h3 { font-size: 24px; }
h4 { font-size: 20px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }

.top {
    font-size: 15px;
}



blockquote {
    color: #ff6e1e;
    font-style: italic;
    font-weight: bold; 
}


.footer p {
    line-height: 1.2;
}




a, .mobileToggle:hover { 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;
}





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

/*!     STRUCTURE START                                                       */

/*!     1. - Header                                                           */

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




.top {
    background: #403D34;
    padding: 0 16px;
    width: 100%;
}


    .top__logo {
        display: block;
        float: left;
        padding: 5px 0;
    }     
    
    
        .top__logo img {
            display: block;        
            max-height: 50px;
        }
    



.slide {
    display: none;
    margin: 0;
}

.actionmenu {position: fixed; z-index: 10000; top: 400px; right: 0; height: 80px; width: 160px; background-color: #efefef;}

.actionmenu ul {
	margin: 0; 
	padding: 0;     
	-moz-box-shadow: -2px 2px 2px #CCC;
    -webkit-box-shadow: -2px 2px 2px #CCC;
    box-shadow: -2px -1px 4px #CCC;}

.actionmenu li {padding: 0; margin: 0 0 2px 0; list-style-type: none;}

.actionmenu li a {display: block; width: 100%; background-color:#403D34; padding: 12px; color: #ffffff;}

.actionmenu li a:hover {background-color: #333; text-decoration: none;}




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

/*!     2. - Menus                                                            */

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





.mobileToggle {
    display: block;
    float: right;
    font-size: 20px;
    padding: 20px;
}


    .mobileToggle img {
        width: 20px;
    }




    nav ul {
        list-style-type: none;
        margin: 0 auto;
        max-width: 1080px;
        padding: 0;
    }
    
    nav ul:before, nav ul:after {content: ' '; display: table;}
    nav ul:after {clear: both;}
    
    nav ul.menu, nav div.menu > ul {
        margin: 0 auto;
    }



    .top__menu {
        background: #403D34;
        display: none;
        padding: 8px 0;
        position: absolute; top: 100%; right: 0;
        z-index: 1;
    }    
    
    
    
    
        nav li {
            background-image: none;
            margin: 0 12px;
            padding: 0;
        }
        
        nav li:hover a,
        nav li.current_page_item a,
        nav li.current-menu-item a,
        nav li.current_page_ancestor a {
            color: #4A90E2;
            text-decoration: none;
        }


            nav li a {
                color: white;
                display: inline-block;
                padding: 5px;
                text-transform: uppercase;
                -webkit-transition: all 0.3s ease;
                   -moz-transition: all 0.3s ease;
                        transition: all 0.3s ease;
            }
            
            
            nav li > ul {
                display: none;
            }
                
                



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

/*!     3. - Section                                                          */

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





.section {
    background: #4F4734;
    background: linear-gradient(to bottom, #4F4734, #8A8572);
    position: relative;
}
.section:before, .section:after {content: ' '; display: table;}
.section:after {clear: both;}

.section.full {
    background: white;
}
  
  
  

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

/*!     4. - Article                                                          */

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





.article {
    background: white;
    padding: 32px 16px;
    position: relative;
}


.full .article, .article.full {
    float: none;
    margin: 0 auto;
    max-width: 625px;
    width: 100%;
}



.item {
    clear: both;
    margin: 0 0 32px;
}


    .item__list {
    }
    
    
    .item__desc {
        font-weight: 700;
        margin: 0 0 16px;
    }
    
    
    
    ul.item__gallery {
        list-style-type: none;
        margin: 0;
        padding: 16px 0 0;
    }
    
        .item__galleryItem {
            float: left;
            margin: 0;
            padding: 5px;
            width: 50%;
        }
        
        
            .item__galleryImg {
                display: block;
            }




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

/*!     5. - Aside                                                            */

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





.aside {
    color: white;
    display: none;
    padding: 32px 16px;
}

.aside img {
    display: block;
    margin: 8px auto;
}

.sideMenu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    -webkit-backface-visibility: hidden;
}

.sideMenu--sticky {
    position: fixed; top: 32px;
    z-index: 10;
}

    .sideMenu__item {
        
    }
    
    
        .sideMenu__link {
            color: white;
            display: block;
            font-size: 13px;
        }
        .sideMenu__link:hover {
            color: #4A90E2;
            text-decoration: underline;
        }





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

/*!     6. - Footer                                                           */

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





.footer {
	background: #A6A59B; 
	padding: 32px 16px;    
	width: 100%;
}

.footer:before, .footer:after {content: ' '; display: table;}
.footer:after {clear: both;}


.footer a {
    color: white;
}

.footer p {
    margin: 0;
}



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

/*!     7. - Responsive                                                       */

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

@media (max-width: 480px) {
	    .actionmenu {top: 260px; width: 100px;}
}

@media (min-width: 480px) {
    
    
    .item__list {
        float: left;
        padding: 0 8px 0 0;        
        width: 50%;
    }
    
    
    
    ul.item__gallery {
        clear: both;
    }
    
        .item__galleryItem {
            width: 25%;
        }    
    

}


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


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


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


@media (min-width: 768px) {
    
    body { font-size: 16px; }
    h1 { font-size: 36px; }
    h2 { font-size: 28px; }
    h3 { font-size: 24px; }
    h4 { font-size: 18px; }
    h5 { font-size: 16px; }
    .footer {font-size: 14px; }
    
    
    
    .top__menu {
        
    }
        
   
    .article {
        float: right;
        padding: 32px;
        width: 70%;
    }
    
    
        .item__list {
            width: 40%;
        }
        
        
        ul.item__gallery {
            clear: none;
            float: right;
            margin: 0;
            padding: 0;
            width: 20%;
        }
        
        
            .item__galleryItem {
                width: 75%;
            }    
 
    
    .aside {
        display: block;
        float: left;
        width: 30%;
    }  
    
    
      
}


@media (min-width: 960px) {
    .mobileToggle {
        display: none;
    }
    
    
    .top__menu {
        display: block;
        float: right;
        margin: 15px 0;
        padding: 0;
        position: static;
        width: 80%;        
    }
    
    nav li {
        float: left;
        margin: 0;
    }
    
    nav li a {
        padding: 5px 10px;
    }
    
    .page_item_has_children {
        position: relative;
    }
    
    li.page_item_has_children:hover > ul {
        display: block;
    }
    
    .children {
        position: absolute; top: 100%; left: 0;
        z-index: 1;
    }
    
    .children li {
        float: none;
    }
    
    .children .children {
        top: 0; left: 100%;
    }    
    
    
    .item__list {
        float: left;
        padding: 0 8px 0 0;
        width: 50%;
    }
    
    
    ul.item__gallery {
        float: right;
        margin: 0;
        width: 50%;
    }
    
    
        .item__galleryItem {
            width: 50%;
        }     
    
    
}

@media screen and (max-width: 1000px) {
.actionmenu {
	position: static;
	height: auto;
	width: 100%;
	text-align: center;
	font-size: 1.4em;
}
}


@media (min-width: 1080px) {

}