/*
Theme Name: 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 - Customize plugins                                             */
/*!       iii - Body                                                          */
/*!      iiii - Fonts                                                         */

/*!     STRUCTURE:                                                            */
/*!         1. - Head                                                         */
/*!         2. - Main                                                         */
/*!         3. - Content                                                      */
/*!         4. - Sidebar                                                      */
/*!         5. - Footer                                                       */
/*!         6. - Responsive                                                   */
/*!         7. - Front Page                                                   */

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




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

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

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





* { box-sizing: border-box; margin: 0; padding: 0; } path {box-sizing: content-box;} p { line-height: 1.5; margin: 0 0 16px; max-width: 625px;} p.empty, p:empty {line-height: 0; margin: 0; padding: 0;} ul, ol { margin: 16px 0; padding: 0 0 0 18px; } li, dt, dd { margin: 0 0 5px; } h1, h2, h3, h4, h5, h6 { line-height: 1.2; margin: 0 0 16px; } sub, sup {line-height: 1.2;} dt {clear: left; float: left; font-weight: 700; max-width: 65px; width: 20%;} dd {float: left; width: 80%;} *>*:last-child { margin-bottom: 0; } *>ul:last-child, *>ol:last-child, *>dl:last-child { margin-bottom: 15px; } [class*='__list'] {list-style-type: none; margin: 0; padding: 0;} :active, :focus { outline: none; } .cf:before, dl:before, .cf:after, dl:after {content: ' '; display: table;} .cf:after, dl:after {clear: both;} img { border: none; height: auto; -ms-interpolation-mode: bicubic; max-width: 100%; } iframe { max-width: 100%; } svg { width: 100%; }

.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin-right: auto; margin-left: auto; text-align: center;}
.alignright { float: right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto }

.wp-caption { border: none; text-align: center; background: lightyellow; padding: 10px; margin: 0 0 30px 0; border-radius: 4px; -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.3); box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.3); -webkit-transform: rotate(-1deg); transform: rotate(-1deg); }
.wp-caption-text { margin: 10px 0; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; margin: 0; padding: 0 4px 5px; }

.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }
.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; 
}

.sticky,
.bypostauthor,
.gallery-caption {font-size: 12px; font-weight: 700;}


input, textarea { border: none; color: black; font-size: 14px; padding: 6px 8px; }
input:focus, input:active, textarea:focus, textarea:active { border: 1px solid #1a1a1a;}
input[type='submit'] { 
	background: #B4975A;
	color: white; cursor: pointer; font-size: 13px; padding: 8px 14px;}
input[type='submit']:hover { background: #1a1a1a; }

.main .gform_wrapper input[type=email], 
.main .gform_wrapper input[type=number], 
.main .gform_wrapper input[type=password], 
.main .gform_wrapper input[type=tel],
.main .gform_wrapper input[type=text], 
.main .gform_wrapper input[type=url],
.main .gform_wrapper textarea { font-size: 14px; padding: 6px 8px; }


.wrapper, .container {
    margin: 0 auto;
    max-width: 960px;
    position: relative;
}
.container:before, .container:after {content: ' '; display: table;}
.container:after {clear: both;}



.btn {
    background: #9CAE96;
    color: white;
    display: block;
    font-size: 14px;
    margin: 0 0 8px;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}
.btn:hover {
    color: white;
    text-decoration: none;
}
.btn--orange,
.mapLocals__link--active,
.mapTypes__link--active {
    background: #E37F1C;
}
.btn--blue {
    background: #4F616C;
}
.btn--gray, .btn--grey {
    background: #58595B;
}


blockquote {
    background: black;
    color: #D4C29F;
    margin: 0 0 16px;
    padding: 16px;
    text-align: center;
}




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

/*!     ii - Customize plugins                                                */

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








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

/*!     iii - Body                                                            */

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




body {
    background: url(img/bg.jpg) repeat center center;
	color: black;
	font-family: 'Merriweather', Helvetica, Times, Serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	margin: 0;
}




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

/*!    iiii - Fonts                                                           */

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




h1 {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

h2 {
    font-size: 15px;
    font-style: italic;
    font-weight: 700;
}


a {
    color: black;
}
a:hover {
    color: black;
}




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

/*!     STRUCTURE START                                                       */

/*!     1. - Head                                                             */

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




.top {
    background: #111111;
    font-size: 15px;
    padding: 32px 0 0;
}

    /* ! Logo */
    .logo {
        display: block;
        margin: 0 auto 32px;
        max-width: 250px;
    }
        
        
        .logo__img {
            display: block;
        }

        

        
.mobileToggle {
    background: #D4C29F;
    display: none;
    line-height: 0;
    text-align: right;
}


    .mobileToggle__img {
        display: inline-block;
        height: 40px;
        width: 40px;
    }
    .mobileToggle__img--active {
        background: #D4C29F;
    }
        

    /* ! Top menu */    
    .top__menu {
        background: #D4C29F;
        position: relative;
    }
    
    
        .menu > ul,
        .top__menu > .menu {
            list-style-type: none;
            margin: 0 auto;
            max-width: 960px;
            padding: 0;
            text-align: center;
        }
        
        .menu > ul:before, .menu:before, .menu > ul:after, .menu:after {content: ' '; display: table;}
        .menu > ul:after, .menu:after {clear: both;}
        
        
            .page_item,
            .menu-item {
                display: inline-block;
                margin: 0;
            }
            
            
                .page_item a,
                .menu-item a {
                    color: black;
                    display: block;
                    padding: 10px 12px;
                    text-decoration: none;
                    text-transform: uppercase;
                }
                
                .page_item:hover a,
                .menu-item:hover > a,
                .current_page_item a,
                .current-menu-item > a,
                .current-page-ancestor > a {
                    background: #B4975A;
                    color: black;
                }

        


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

/*!     2. - Main                                                             */

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




.slider {
    overflow: hidden;
    padding: 8px 0;
    position: relative;
}


    .slides {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    
        .slider__item {
            display: none;
            margin: 0;
            -webkit-backface-visibility: hidden;
        }
        
        
        .slider__img {
            display: block;
        }


.slider-direction-nav {
    list-style-type: none;
    margin: 0 !important;
    padding: 0;
}

.slider-direction-nav li {
    margin: 0;
}
        
        
.slider-direction-nav a {
    background: url(img/arrows.png) no-repeat left center;
    display: block;
    height: 28px;
    opacity: 0.0;
    position: absolute;
    top: 50%;
    text-indent: -9999px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
    width: 28px;
}


.slider-prev {
    left: -16px;
}
.slider-direction-nav .slider-next {
    background-position: right center;
    right: -16px;
}


.slider:hover .slider-direction-nav a.slider-prev {
    left: 16px;
}
.slider:hover .slider-direction-nav a.slider-next {
    right: 16px;
}


.slider:hover .slider-direction-nav a {
    opacity: 0.7;
}
.slider:hover .slider-direction-nav a:hover {
    opacity: 1;
}
.slider .slider-direction-nav a.slider-disabled,
.slider .slider-direction-nav a.slider-disabled:hover {
    cursor: hand;
    pointer-events: none;
    opacity: 0;
}



.main {
    background: #D4C29F;
}

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




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

/*!     3. - Content                                                          */

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




.content {
    float: left;
    padding: 32px;
    width: 74%;
}

.picgallery .content {width:100%; padding: 0px;}
.picgallery .sidebar {display:none;}

.contact .content {
	width: 50%;
}

.contact .sidebar {
	width: 46%;
}

.picgallery .main {
    background: none;
    padding-top: 8px;
}


.paginate {
    clear: both;
    padding: 16px 0;
    text-align: center;
    width: 100%;
}


    .page-numbers {
        background: #efefef;
        border-radius: 4px;
        display: inline-block;
        margin: 0 2px;
        padding: 4px 8px;
    }
    
    
    .current,
    .next,
    .prev {
        background: white;
    }
    
    
    

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

/*!     4. - Sidebar                                                          */

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




.sidebar {
	float: right;
	padding: 32px 16px 16px;
	width: 26%;
}


.sidebar a {
    background: #B4975A;
    display: block;
    font-size: 13px;
    margin: 0 0 8px 0;
    max-width: 300px;
    padding: 12px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

.sidebar a:hover {
	background: #1a1a1a;
	color: #B4975A;
}


.sidebar blockquote {
    max-width: 300px;
}




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

/*!     5. - Footer                                                           */

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




.footer {
    color: #D4C29F;
    font-size: 12px;
    margin: 0 auto;
    max-width: 960px;
    padding: 8px 0px;
}
.footer:before, .footer:after {clear: both; content: ' '; display: table;}


.footer p {
    margin: 0;
}

.footer a {
    color: #D4C29F;
    text-decoration:none;
}

.footer a:hover {
    color: white;
}




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

/*!     6. - Responsive                                                       */

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




@media (max-width: 1000px) {
 article .gform_wrapper .top_label input.medium, article .gform_wrapper .top_label select.medium { width: 97.5%; }

}


@media (max-width: 880px) {

}

@media (max-width: 768px) {
    
    .container {
        margin: 0;
        padding: 0 8px;
    }
    
    .top {
        padding: 16px;
        position: relative;
    }    
    
    .logo {
        margin: 0 auto;
    }
    
    
    .mobileToggle {
        display: block;
        position: absolute;
        top: 0; right: 0;
    }
    
    .top__menu {
        display: none;
        max-width: 500px;
        position: absolute;
        top: 40px; right: 0;
        z-index: 100;
    }
    
    
    .menu-item {
        display: block;
        float: none;
    }
    
    
    .page_item a,
    .menu-item a {
        font-weight: 700;
        letter-spacing: 1px;
    }
    
    
    .content, .contact .content,
    .sidebar {
        float: none;
        width: auto;
    } 
    
   
}


@media (max-width: 620px) {
    
}


@media (max-width: 560px) {
    
}


@media (max-width: 480px) {

}


@media (max-width: 400px) {

}