/*
Theme Name: AWSG
Theme URI: http://tastypixels.com.au
Description: Responsive theme for the Australasian Wader Study Group
Author: Ricki Coughlan
Author URI: http://tastypixels.com.au
Version: 1.0
Tags:
*/

@import url('bootstrap/css/bootstrap.css'); 
@import url('bootstrap/css/bootstrap-responsive.css'); 

body
{
padding: 0;
margin: 0;
background: #f6f6f8 !important;
font-family: 'Open Sans', sans-serif;
color: #323232 !important;
}

.no-line
{
border-bottom: none !important;
text-decoration: none !important;
}

/*--------------------------*/

/*        TYPOGRAPHY        */

/*--------------------------*/

h1
{
color: #323232 !important;
font-weight: normal !important;
font-size: 38px !important;
line-height: 1em !important;
margin: 0 0 30px !important;
text-align: center;
}

h1.news
{
color: #323232 !important;
font-weight: normal !important;
font-size: 30px !important;
line-height: 1.3em !important;
margin: 20px 0 20px !important;
text-align: left !important;
}

h1.post-title
{
color: #54928b !important;
text-align: left !important;
font-size: 32px !important;
}

h1 strong
{
color: #ec713d !important;
font-weight: normal !important;
font-size: 38px !important;
line-height: 1em !important;
margin: 0 0 30px !important;
text-align: center;
}

h1.light-title
{
font-size: 42px !important;
color: #fff !important;
margin: 20px 0 20px !important;
line-height: 1em !important;
text-align: center;
}

h2
{
font-size: 28px !important;
color: #323232 !important;
font-weight: normal !important;
margin: 0 0 10px !important;
line-height: 1em !important;
text-align: center;
}

h2.dark-heading
{
font-size: 32px !important;
color: #54928b !important;
font-weight: normal !important;
margin: 0 0 10px !important;
line-height: 1.4em !important;
text-align: center;
}

h2.light-heading
{
font-size: 32px !important;
color: #7bb4ae !important;
font-weight: normal !important;
margin: 0 !important;
line-height: 1.4em !important;
text-align: center;
}

h2.post-heading
{
color: #54928b !important;
text-align: left;
font-weight: normal !important;
}

h3
{
font-size: 22px !important;
color: #323232 !important;
font-weight: normal !important;
margin: 0 0 10px !important;
line-height: 1em !important;
text-align: center;
}

h3.dark-subheading
{
font-size: 20px !important;
color: #54928b !important;
font-weight: 300 !important;
margin-bottom: .7em !important;
line-height: 1.5em !important;
text-align: center;
}

h3.light-subheading
{
font-size: 20px !important;
color: #fff !important;
font-weight: 300 !important;
margin: .7em !important;
line-height: 1.5em !important;
text-align: center;
}

h3.white-heading
{
font-size: 18px !important;
color: #fff !important;
font-weight: normal !important;
margin: 0 0 10px !important;
line-height: 1.4em !important;
text-align: center;
}

h3.post-subheading
{
color: #54928b !important;
text-align: left !important;
font-weight: normal !important;
}

h4
{
color: #fff !important;
font-size: 14px !important;
padding: 8px;
font-weight: normal !important;
background: #54a4a0;
}

p
{
font-size: 14px !important;
line-height: 1.5em !important;
margin: 0 0 20px !important;
}

p strong
{
color: #54928b !important;
}

p.white-text
{
color: #fff !important;
}

p.address-1
{
padding-left: 35px;
margin: 0 0 5px !important;
background: url(img/footer-address-light.png) left center no-repeat;
}

p.address-2
{
padding-left: 35px;
}

p.mobile
{
padding-left: 35px;
margin: 0 0 10px !important;
background: url(img/footer-mobile-light.png) left center no-repeat;
}

p.phone
{
padding-left: 35px;
background: url(img/footer-phone-light.png) left center no-repeat;
}

p.email
{
padding-left: 35px;
background: url(img/footer-email-light.png) left center no-repeat;
}

p.facebook
{
padding-left: 35px;
background: url(img/footer-facebook.png) left center no-repeat;
}

.panel-text
{
width: auto;
padding: 0 12px 0 12px;
margin: 0;
}

.panel-text p
{
text-align: center;
line-height: 1.7em !important;
}

.home-text-wrapper
{
width: auto;
padding: 15px;
}

/*--------------------------*/

/*      NAVIGATION       */

/*--------------------------*/

#menu-wrapper
{
position: relative;
z-index: 1000;
width: 100%;
height: 40px;
background: #7bb4ae;
margin: -15px 0px 0px 0px;
}

#menu-envelope
{
margin: 15px auto;
}

/* this creates the current page menu highlighting. Note the changes in the menu in the header.php file to echo ' page-item-home current_page_item'. In some themes this doesn't work without that modification and the creation of the custom menu in the WordPress admin panel. The custom menu on this site is called 'main'. */
.current_page_item
{
background: #54928b; 
}

#menu .current_page_item a
{
color: #fff;
border-bottom: 0px !important;
}

#menu a
{
border-bottom:  0px !important;
}

/*--------------------------*/

/*          HEADER          */

/*--------------------------*/

.banner-wrapper
{
clear: both;
margin-top: -20px;
width: 100%;
height: 160px;
padding: 10px 0;
background: #cde3e0;
}

.logo
{
clear: both;
margin: 0 auto;
width: 340px;
height: 150px;
background: url(img/logo.png) top center no-repeat;
}

/*---------------------------*/

/*        SLIDER CONTENT     */

/*---------------------------*/

.slider-wrapper 
{
width: 100%;
position: relative;
background-attachment: fixed;
z-index: 0;
overflow: hidden;
margin: 0px auto 0px auto;
}

.page-top
{
clear: both;
width: auto;
margin-top: 30px;
}

.page-bottom
{
clear: both;
width: auto;
margin-top: 50px;
}

.sidebar
{
width: 90%;
padding: 0 10px;
margin-bottom: 60px;
}

.page
{
width: 90%;
padding: 0 10px;
}

/*--------------------------*/

/*       PLAIN PANELS       */

/*--------------------------*/

.post-line /* underlines on blog posts */
{
width: auto;
margin: 20px 0;
border-bottom: 1px #54928b solid;
clear: both;
}

/*--------------------------*/

.date-wrapper /* wraps the dates on blog posts */
{
width: auto;
padding: 0;
margin: 20px 0 0;
background: #f6f6f8 !important;
overflow: visible;
}

/*--------------------------*/

.white-panel
{
width: auto;
padding: 12px;
margin: -30px 0 0;
background: #f6f6f8 !important;
overflow: visible;
}

/*--------------------------*/

.transparent-panel
{
width: auto;
padding: 0;
margin: 0 0 0;
background: none;
border-radius: 4px;
overflow: visible;
}

/*--------------------------*/

.light-panel
{
width: auto;
padding: 0;
margin: 0 0 30px;
background: #fff;
border-radius: 4px;
overflow: visible;
}

/*--------------------------*/

.pale-panel
{
width: auto;
padding:12px 12px 2px;
margin: 0 0 30px;
background: #cbcbcb;
overflow: visible;
}

.dark-panel
{
width: auto;
padding:12px 12px 2px;
margin: 0 0 30px;
background: #54928b;
overflow: visible;
}

/*--------------------------*/

.color-pale-panel
{
width: auto;
padding:12px 12px 2px;
margin: -20px 0 30px;
background: #cde3e0;
overflow: visible;
}

/*--------------------------*/

.color-mid-panel
{
width: auto;
padding:12px 12px 2px;
margin: 0 0 30px;
background: #efaca2;
overflow: visible;
}

/*--------------------------*/

.color-dark-panel
{
width: auto;
padding: 0;
margin: 0 0 30px;
background: #ec713d;
border-radius: 4px;
overflow: visible;
}

/*--------------------------*/

.color-panel /* top of home page, et. */
{
width: auto;
padding:12px 12px 2px;
margin: -20px 0 0;
background: #7bb4ae;
overflow: visible;
}

/*--------------------------*/

.wide-panel
{
width: auto;
padding:12px;
margin: 0;
background: #ec713d;
border-radius: 0 4px 4px 0;
overflow: visible;
}

/*--------------------------*/

/*       TESTIMONIALS       */

/*--------------------------*/

.testimonial-light
{
width: auto;
padding: 45px 12px 2px;
margin: 0 0 30px;
background: #fff url(img/color-dark-quotes.png) top center no-repeat;
}

.testimonial-light:after
{
content: '';
position: relative;
border-style: solid;
border-width: 25px 25px 0 0;
border-color: #fff transparent;
display: block;
width: 0;
z-index: 1;
bottom: -25px;
left: 0;
}

/*--------------------------*/

/*          ICONS           */

/*--------------------------*/

.split-dark-icon
{
margin: 0px auto 25px auto;
width: 155px;
height: 155px;
border: 10px solid transparent;
border-radius: 50%;
background: url(img/split-dark.png) top center no-repeat;
transition: .2s ease-in-out;
-moz-transition: .2s ease-in-out;
-webkit-transition: .2s ease-in-out;
}

.split-dark-icon:hover
{
margin: 0px auto 25px auto;
width: 155px;
height: 155px;
border: 10px solid #e78274;
border-radius: 50%;
background: url(img/split-dark.png) top center no-repeat;
transition: .2s ease-in-out;
-moz-transition: .2s ease-in-out;
-webkit-transition: .2s ease-in-out;
}

.panel-icon
{
display: block;
margin: 10px auto 25px auto;
width: 184px;
height: 184px;
}

/*--------------------------*/

.contact-panel-wrapper
{
width: auto;
padding: 0;
margin: 0;
background: #ec713d;
}

.contact-panel-wrapper .row
{
padding-top: 0 !important;
padding-bottom: 0 !important;
height: auto !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}

.contact-panel-wrapper .container
{
padding-top: 0 !important;
padding-bottom: 0 !important;
height: auto !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
}

.footer-contact-panel
{
width: auto;
height: 57px;
padding: 25px 0 0;
margin: -16px 0 0;
}

.contact-text-wrapper
{
width: auto;
height: 64px;
margin: 0;
padding: 0;
}

.contact-text-wrapper h3
{
font-size: 36px !important;
text-align: left;
}

.mobile-icon
{
float: left;
width: 70px;
height: 70px;
margin: -25px 20px 0 0;
border: 6px solid transparent;
border-radius: 50%;
background: url(img/mobile-icon.png) top left no-repeat;
transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-webkit-transition: .5s ease-in-out;
}

.footer-contact-panel:hover .mobile-icon
{
border: 6px solid #e78274;
background: url(img/mobile-icon-hover.png) top left no-repeat;
transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-webkit-transition: .5s ease-in-out;
}

.phone-icon
{
float: left;
width: 70px;
height: 70px;
margin: -25px 20px 0 0;
border: 6px solid transparent;
border-radius: 50%;
background: url(img/phone-icon.png) top left no-repeat;
transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-webkit-transition: .5s ease-in-out;
}

.footer-contact-panel:hover .phone-icon
{
border: 6px solid #e78274;
background: url(img/phone-icon-hover.png) top left no-repeat;
transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-webkit-transition: .5s ease-in-out;
}

.email-icon
{
float: left;
width: 70px;
height: 70px;
margin: -25px 20px 0 0;
border: 6px solid transparent;
border-radius: 50%;
background: url(img/email-icon.png) top left no-repeat;
transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-webkit-transition: .5s ease-in-out;
}

.footer-contact-panel:hover .email-icon
{
border: 6px solid #e78274;
background: url(img/email-icon-hover.png) top left no-repeat;
transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-webkit-transition: .5s ease-in-out;
}

/*--------------------------*/

/*       TOP FOOTER         */

/*--------------------------*/

.top-footer
{
width: auto;
padding: 10px 0;
margin: 0;
background: #434d4f;
}

.top-footer-panel
{
width: auto;
margin-right: 20px;
}

.top-footer-panel-right
{
width: auto;
}

.top-footer h2
{
color: #fff !important;
text-align: center !important;
font-size: 16px !important;
line-height: 1.5em !important;
}

.top-footer p
{
color: #fff !important;
}

.birdlife-logo
{
margin: 0px auto 10px auto;
width: 140px;
height: 99px;
background: url(img/birdlife-logo.png) top left no-repeat;
}


/*--------------------------*/

/*     BOTTOM FOOTER        */

/*--------------------------*/

.dark-footer-panel
{
width: auto;
padding: 0;
margin: 0;
background: #54a4a0;
}

.mission-footer
{
width: auto;
margin: 10px auto;
padding: 0 10px;
height:  auto;
}

.mission-footer h2
{
color: #fff !important;
text-align: center !important;
}

.mission-footer p
{
color: #fff !important;
text-align: center !important;
}

p.footer-text
{
color: #fff !important;
text-align: center !important;
line-height: 1.5em !important;
margin: 20px 0 20px !important;
}

.footer-logo-wrapper
{
margin: -60px auto 0 auto;
height: 155px;
width: 155px;
border: 6px solid transparent;
border-radius: 50%;
background: url(img/split-dark-green.png) top center no-repeat;
transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-webkit-transition: .5s ease-in-out;
}

.footer-logo-wrapper:hover
{
margin: -70px auto 0px auto;
border: 6px solid #a6d9ce;
border-radius: 50%;
transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-webkit-transition: .5s ease-in-out;
}

.footer-panel
{
width: auto;
height: auto;
margin: 0;
padding: 0 20px;
}

.footer-panel h3
{
color: #fff !important;
text-align: center;
margin-bottom: .7em !important;
}

.footer-panel p
{
color: #fff !important;
text-align: justify;
line-height: 1.7em !important;
}

.footer-panel-right
{
margin: 0;
padding: 0 20px;
}

.footer-panel-right h3
{
color: #fff !important;
text-align: left;
margin-bottom: .7em !important;
}

.footer-panel-right p
{
color: #fff !important;
text-align: left;
line-height: 1.7em !important;
}

/*--------------------------*/

/*          LINKS           */

/*--------------------------*/

a
{
color: #323232;
border-bottom: 1px dotted #323232;
text-decoration: none !important;
}

a:hover
{
color: #323232;
border-bottom: 1px solid #323232;
text-decoration: none !important;
}

.transparent-panel a
{
color: #fff;
border-bottom: 1px dotted #fff;
text-decoration: none !important;
}

.transparent-panel a:hover
{
color: #fff;
border-bottom: 1px solid #fff;
text-decoration: none !important;
}

.pale-panel a
{
color: #323232;
border-bottom: 1px dotted #323232;
text-decoration: none !important;
}

.pale-panel a:hover
{
color: #323232;
border-bottom: 1px solid #323232;
text-decoration: none !important;
}

.mid-panel a
{
color: #fff;
border-bottom: 1px dotted #fff;
text-decoration: none !important;
}

.mid-panel a:hover
{
color: #fff;
border-bottom: 1px solid #fff;
text-decoration: none !important;
}

.dark-panel a
{
color: #fff;
border-bottom: 1px dotted #fff;
text-decoration: none !important;
}

.dark-panel a:hover
{
color: #fff;
border-bottom: 1px solid #fff;
text-decoration: none !important;
}

.color-pale-panel a
{
color: #323232;
border-bottom: 1px dotted #323232;
text-decoration: none !important;
}

.color-pale-panel a:hover
{
color: #323232;
border-bottom: 1px solid #323232;
text-decoration: none !important;
}

.color-mid-panel a
{
color: #fff;
border-bottom: 1px dotted #fff;
text-decoration: none !important;
}

.color-mid-panel a:hover
{
color: #fff;
border-bottom: 1px solid #fff;
text-decoration: none !important;
}

.color-dark-panel a
{
color: #323232;
border-bottom: 1px dotted #323232;
text-decoration: none !important;
}

.color-dark-panel a:hover
{
color: #323232;
border-bottom: 1px solid #323232;
text-decoration: none !important;
}

.dark-footer-panel a
{
color: #fff;
border-bottom: 1px dotted #fff;
text-decoration: none !important;
}

.dark-footer-panel a:hover
{
color: #fff;
border-bottom: 1px solid #fff;
text-decoration: none !important;
}

.top-footer a
{
color: #fff;
border-bottom: 1px dotted #fff;
text-decoration: none !important;
}

.top-footer a:hover
{
color: #fff;
border-bottom: 1px solid #fff;
text-decoration: none !important;
}


/*--------------------------*/

/*         BUTTONS          */

/*--------------------------*/

p.button-text
{
text-align: left !important;
margin: 35px 0 40px !important;
text-transform: uppercase;
}

p.button-text-space
{
text-align: center;
margin: 45px 0 10px !important;
text-transform: uppercase;
}

.dark-button
{
color: #323232 !important;
border: 2px solid #323232 !important;
border-radius: 3px;
background: none;
line-height: 1em;
padding: 12px 18px;
margin-bottom: 20px;
transition: .2s ease-in-out;
-moz-transition: .2s ease-in-out;
-webkit-transition: .2s ease-in-out;
}

.dark-button:hover, .dark-button:focus
{
color: #fff !important;
border: 2px solid #323232 !important;
background: #323232;
transition: .2s ease-in-out;
-moz-transition: .2s ease-in-out;
-webkit-transition: .2s ease-in-out;
}

.color-dark-panel .dark-button:hover
{
color: #ec713d !important; 
}

.pale-panel .color-dark-panel .dark-button:hover
{
color: #ec713d !important; 
}

.color-pale-panel .dark-button:hover
{
color: #f9d360 !important; 
}

.pale-panel .dark-button:hover
{
color: #cbcbcb !important; 
}

.light-panel .dark-button:hover
{
color: #fff !important; 
}

/*-------------------------*/
/*      Light button       */
/*-------------------------*/

.light-button
{
color: #54a4a0 !important;
border: 2px solid #54a4a0 !important;
border-radius: 3px;
background: none;
line-height: 1em;
padding: 12px 18px;
margin-bottom: 20px;
transition: .2s ease-in-out;
-moz-transition: .2s ease-in-out;
-webkit-transition: .2s ease-in-out;
}

.light-button:hover, .light-button:focus
{
color: #fff !important;
border: 2px solid #54a4a0 !important;
background: #54a4a0;
transition: .2s ease-in-out;
-moz-transition: .2s ease-in-out;
-webkit-transition: .2s ease-in-out;
}

.dark-panel .light-button:hover
{
color: #323232 !important;
border: 2px solid #ec713d !important;
background: #ec713d !important;
}

.color-dark-panel .light-button
{
color: #fff !important;
border: 2px solid #fff !important;
}

.color-dark-panel .light-button:hover
{
color: #ec713d !important;
border: 2px solid #fff !important;
background: #fff !important;
}

.color-dark-panel .light-button:focus
{
color: #ec713d !important;
border: 2px solid #fff !important;
background: #fff !important;
}

.pale-panel .light-button:hover
{
color: #cbcbcb !important; 
}

.color-mid-panel .light-button:hover
{
color: #efaca2 !important; 
}

.color-pale-panel .light-button:hover
{
color: #f9d360 !important; 
}

.mid-panel .light-button:hover
{
color: #989898 !important; 
}

p.button-text a:hover
{
text-decoration: none !important;
}

/*-------------------------*/
/*       Back to top       */
/*-------------------------*/

.top-button
{
margin: -50px auto 10px auto;
height: 110px;
width: 110px;
border: 6px solid transparent;
border-radius: 50%;
background: url(img/back-to-top-sm-green.png) top center no-repeat;
transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-webkit-transition: .5s ease-in-out;
}

.top-button:hover
{
margin: -60px auto 20px auto;
border: 6px solid #54a4a0;
border-radius: 50%;
cursor: pointer;
transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-webkit-transition: .5s ease-in-out;
}

.contact-panel-wrapper .top-button
{
margin: -70px auto 10px auto;
}


.contact-panel-wrapper .top-button:hover
{
margin: -80px auto 10px auto;
}

/*-------------------------*/

/*          LISTS          */

/*-------------------------*/

ol 
{
margin-left: 0;
padding-right: 0;
list-style: none;
}

ol li
{
counter-increment: step-counter;
font-size: 14px;
color: #54928b;
}

ol li::before 
{
content: counter(step-counter);
font-size: 100%;
color: white;
padding: 0 5px;
line-height: 2em;
margin: 0px 15px 0 0;
border-radius: 50%;
background: #54928b;
}

/*--------------------------*/

.row ul 
{
list-style: none;
padding: 0;
margin: 0 0 1em;
}

.row ul li 
{ 
padding-left: 0em;
margin-left: 1em;
list-style-position: inside !important;
}

.row ul li:before 
{
content: "";
position: relative;
left: -1em;
top: 15px;
background: #54928b;
display: table-cell;
width: 8px;
height: 8px;
border-radius: 50%;
list-style-position: inside !important;
}

/*----------------------------------*/

/*        FIXES FOR WIDGETS         */

/*----------------------------------*/

.row .widgets_on_page ul li:before 
{
width: 0 !important;
height: 0 !important;
margin-right: 0em !important;
}

/* removes bullets from widgets */
div.widgets_on_page li 
{
list-style:none !important;
background:none !important;
}

div.widgets_on_page ul 
{
margin-left: 0px !important;
margin-bottom: 0px !important;
margin-top: 0px !important;
}

/*--------------------------*/

/*        PRELOADER         */

/*--------------------------*/

.preloader1
{
clear: left;
float: left;
width: 1px;
height: 1px;
background: url(img/mobile-icon-hover.png) no-repeat -9999px -9999px;
}

.preloader2
{
clear: left;
float: left;
width: 1px;
height: 1px;
background: url(img/phone-icon-hover.png) no-repeat -9999px -9999px;
}

.preloader3
{
clear: left;
float: left;
width: 1px;
height: 1px;
background: url(img/email-icon-hover.png) no-repeat -9999px -9999px;
}

/*-------------------------*/

/*    WORDPRESS IMAGES     */

/*-------------------------*/

.aligncenter,
div.aligncenter 
{
display: block;
margin: 0 auto;
}

.alignleft 
{
float: left;
margin: 8px 15px 10px 0;
}

.alignright 
{
float: right;
margin: 8px 0 10px 15px;
}

.wp-caption 
{
margin-bottom: 10px;
padding-top: 10px;
background-color: #D7D7DB;
}

.wp-caption img 
{
float: none;
margin: 0;
padding: 0 0 0 5px;
border: none;
}

.wp-caption p.wp-caption-text 
{
font-weight: 300;
font-size: 16px;
line-height: 1.7em;
text-align: center;
padding: 10px 0 0 0;
margin: 0;
}

img a
{
border: none !important;
text-decoration: none;
}

.inline-image
{
margin: 25px 0px;
}

#gallery-1 img 
{
border: none!important;
margin: 0 0 -30px !important;
padding: 0 !important;
transition: .2s ease-in-out;
-moz-transition: .2s ease-in-out;
-webkit-transition: .2s ease-in-out;
}

#gallery-1 img:hover
{
-webkit-filter: brightness(0.5) sepia(0.5);
-moz-filter: brightness(0.5) sepia(0.5);
filter: brightness(0.5) sepia(0.5);
transition: .2s ease-in-out;
-moz-transition: .2s ease-in-out;
-webkit-transition: .2s ease-in-out;
}

#gallery-1 a
{
text-decoration: none !important;
border: none !important;
}

#gallery-1 a:hover
{
text-decoration: none !important;
border: none !important;
}

/*--------------------------*/

/*        FORM STYLE        */

/*--------------------------*/


p.form-text
{
line-height: 1.5em;
margin-bottom: 0px;
}

p.form-break
{
line-height: 3px;
}

p.form-space
{
line-height: 0px !important;
font-size: 2px !important;
}

input    
{
width: 285px;
display: block;
border: 1px solid #999;
height: 40px;
font-size: 16px;
}

button
{
font-size: 15px;
color: #FFF;
text-align: center;
line-height: 1em;
text-decoration: none;
background: #5AA145; 
opacity: 0.7;
transition: opacity .3s ease-in-out;
-moz-transition: opacity .3s ease-in-out;
-webkit-transition: opacity .3s ease-in-out;
padding: 12px 25px 16px 25px;
border-radius: 6px;
border: none;
}

button:hover
{
background: #5AA145;
color: #FFF;
opacity: 1.0;
transition: opacity .3s ease-in-out;
-moz-transition: opacity .3s ease-in-out;
-webkit-transition: opacity .3s ease-in-out;
cursor: pointer;
}

button:active
{
color: #FFF;
background: #537CC9;
}

p.button-text
{
text-align: center;
margin: 35px 0px 0px 0px;
}


/* - - - - - - - - - - - - */

/*      SOCIAL MEDIA       */

/* - - - - - - - - - - - - */

.social-wrapper
{
width: 175px;
float: right;
clear: right;
margin: 0 70px 0 0;
}

.social-facebook-icon
{
float: left;
width: 40px;
height: 40px;
margin: 0 5px 0 0;
background: url(img/social-facebook.png) top left no-repeat;
}

.social-facebook-icon:hover
{
background: url(img/social-facebook-hover.png) top left no-repeat;
}

.social-twitter-icon
{
float: left;
width: 40px;
height: 40px;
margin: 0 5px 0 0;
background: url(img/social-twitter.png) top left no-repeat;
}

.social-twitter-icon:hover
{
background: url(img/social-twitter-hover.png) top left no-repeat;
}

.social-instagram-icon
{
float: left;
width: 40px;
height: 40px;
margin: 0 5px 0 0;
background: url(img/social-instagram.png) top left no-repeat;
}

.social-instagram-icon:hover
{
background: url(img/social-instagram-hover.png) top left no-repeat;
}

.social-linkedin-icon
{
float: left;
width: 40px;
height: 40px;
margin: 0 0 0;
background: url(img/social-linkedin.png) top left no-repeat;
}

.social-linkedin-icon:hover
{
background: url(img/social-linkedin-hover.png) top left no-repeat;
}

.preloader1
{
clear: left;
float: left;
width: 1px;
height: 1px;
background: url(img/social-facebook-hover.png) no-repeat -9999px -9999px;
}

.preloader2
{
clear: left;
float: left;
width: 1px;
height: 1px;
background: url(img/social-twitter-hover.png) no-repeat -9999px -9999px;
}

.preloader3
{
clear: left;
float: left;
width: 1px;
height: 1px;
background: url(img/social-instagram-hover.png) no-repeat -9999px -9999px;
}

.preloader4
{
clear: left;
float: left;
width: 1px;
height: 1px;
background: url(img/social-linkedin-hover.png) no-repeat -9999px -9999px;
}