/*  -------------------------------------------------------------
    -------------------------------------------------------------
    CSS CODED BY - clearpixel.com.au - 2016
    -------------------------------------------------------------
    font-family: 'Flamenco', cursive;
    font-family: 'Roboto Condensed', sans-serif;
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

body {
    font: 25px 'Roboto Condensed', sans-serif;
    text-align: left;
    color: #636466;
    background: #114432;
}

#content #page_edit {
    margin: 0 auto;
}




/*  -------------------------------------------------------------
    HEADER OVERRIDES
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

#header {
    padding: 0;
    background: #114432;
}

#header a.logo:link,
#header a.logo:visited {
    display: inline-block;
    float: left;
}

#header a.stahmann_tmall_logo {
	margin-left:100px;
}

#header .social {
    display: inline-block;
    float: right;
    font-size: 0;
    padding-top: 60px;
}

#header .social a:link,
#header .social a:visited {
    text-decoration: none;
    font-weight: 300;
    color: #474c55;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

#header .social a:link:first-child,
#header .social a:visited:first-child {
    margin-right: 30px;
}

#header .social a:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}





#menu_bar {
    font-size: 0;
    background: #114432;
}


#menu_main {
    text-align: center;
}

#menu_main li {
    padding: 0 30px;
}

#menu_main li a:link,
#menu_main li a:visited {
    position: relative;
    padding: 20px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #8fb397;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

#menu_main li a:hover,
#menu_main li.active a:link,
#menu_main li.active a:visited {
    color: #fff;
}


/*  -------------------------------------------------------------
    CONTENT OVERRIDES
    font-family: 'Flamenco', cursive;
    font-family: 'Roboto Condensed', sans-serif;
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

#content {
    background: #fff;
}

#content h1 {
    font-size: 45px;
    font-weight: 400;
    line-height: 1.25em;
    font-family: 'Roboto Condensed', sans-serif;
    color: #006b35;
}

#content h2 {
    font-size: 35px;
    font-family: 'Roboto Condensed', sans-serif;
    line-height: 1.25em;
    color: #114533;
}

#content h3 {
    font-size: 20px;
    font-weight: bold;
    font-family: 'Roboto Condensed', sans-serif;
    line-height: 1.25em;
    color: #636466;
}

#content p {
    line-height: 1.3em;
    color: #636466;
}

#content strong {
    font-weight: bold;
}

#content a:link,
#content a:visited {
    text-decoration: none;
    color: #e82c2a;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

#content a:hover {
    text-decoration: none;
    opacity: 0.5;
    filter: alpha(opacity=50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}




/*  -------------------------------------------------------------
    INSTAGRAM
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

#instafeed {
    padding: 55px 0;
}

#instafeed .thumb {
    display: inline-block;
    padding: 14px 20px;
    width: 25%;
    height: 255px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#instafeed .thumb a:link,
#instafeed .thumb a:visited {
    display: block;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;

}

#instafeed .thumb a:hover {
    transform: scale(1.25); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}








/*  -------------------------------------------------------------
    COLOUR SCHEME OVERRIDES
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

/*  COLOUR SCHEME - Colour Scheme 1
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

#content .columns.colour_scheme_1 {
    padding: 240px 0;
    background: url("../image/cs1.jpg") no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


/*  COLOUR SCHEME - Colour Scheme 2
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

#content .columns.colour_scheme_2 {
    padding: 75px 0;
    background: url("../image/cs2.jpg") no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


/*  COLOUR SCHEME - Colour Scheme 3
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

#content .columns.colour_scheme_3 {
    padding: 0 0 60px 0;
    background: #fff;
}


/*  COLOUR SCHEME - Colour Scheme 1
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

#content .columns.colour_scheme_4 {
    padding: 70px 0;
    background: url("../image/cs4.jpg") no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


/*  COLOUR SCHEME - Colour Scheme 2
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

#content .columns.colour_scheme_5 {
    padding: 80px 0;
    background: url("../image/cs5.jpg") no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}




/*  -------------------------------------------------------------
    FOOTER OVERRIDES
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   */

#footer {
    padding: 60px 0;
    vertical-align: bottom;
}

#footer a.logo:link,
#footer a.logo:visited {
    display: inline-block;
    vertical-align: top;
    margin: 10px 30px 20px 0;
}

#footer .contact {
    display: inline-block;
    vertical-align: top;
    margin-right: 235px;
	margin-top:10px;
}

#footer .contact h1 {
    padding-bottom: 10px;
    text-transform: uppercase;
    font-weight: bold;
    color: #8fb397;
    font-size: 22px;
}

#footer .contact p {
    padding: 12px 0;
    color: #8fb397;
    font-size: 18px;
}

#footer a:link,
#footer a:visited {
    text-decoration: none;
    color: #8fb397;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

#footer a:hover {
    color: #fff;
}

#footer .copyright {
    padding: 12px 0;
    font-size: 12px;
    vertical-align: bottom;
    color: #8fb397;
	margin:10px auto;
	text-align:center;
}


#footer .stahmann_tmall_logo_bottom {
	margin:0px auto;
    display: inline-block;
}