/*
Theme Name: International Wolf Center
Theme URI: http://www.wolf.org
Description: A custom theme for the International Wolf Center designed and developed by SwimCreative.
Author: SwimCreative
Author URI: http://www.swimcreative.com
version: 1.0
Tags: custom, left-column
*/

.ssba {
    position:relative !important;
}

.ssba a, .ssba a img {
    display:inline-block !important;
    float:none !important;
    margin:0 2px !important;
    vertical-align:middle !important;
}

/************* Variables *************/
/************* Fonts **************/
/************* Colors *************/
/************* Mixins *************/
.blue {
  color: #0e4e57;
}

.green {
  color: #7b9b7a;
}

.yellow {
  color: #e2b25d;
}

.brown {
  color: #423028;
}

.orange {
  color: #c55b21;
}

div.orange, span.orange, p.orange, h1.orange, h2.orange, h3.orange, h4.orange, h5.orange, h6.orange {
  color: #c55b21;
}
div.blue, span.blue, p.blue, h1.blue, h2.blue, h3.blue, h4.blue, h5.blue, h6.blue {
  color: #0e4e57;
}
div.green, span.green, p.green, h1.green, h2.green, h3.green, h4.green, h5.green, h6.green {
  color: #7b9b7a;
}
div.yellow, span.yellow, p.yellow, h1.yellow, h2.yellow, h3.yellow, h4.yellow, h5.yellow, h6.yellow {
  color: #e2b25d;
}
div.brown, span.brown, p.brown, h1.brown, h2.brown, h3.brown, h4.brown, h5.brown, h6.brown {
  color: #423028;
}

div.orange-button, span.orange-button, p.orange-button, h1.orange-button, h2.orange-button, h3.orange-button, h4.orange-button, h5.orange-button {
}
div.blue-button, span.blue-button, p.blue-button, h1.blue-button, h2.blue-button, h3.blue-button, h4.blue-button, h5.blue-button {
}
div.yellow-button, span.yellow-button, p.yellow-button, h1.yellow-button, h2.yellow-button, h3.yellow-button, h4.yellow-button, h5.yellow-button {
}
div.brown-button, span.brown-button, p.brown-button, h1.brown-button, h2.brown-button, h3.brown-button, h4.brown-button, h5.brown-button {
}
div.green-button, span.green-button, p.green-button, h1.green-button, h2.green-button, h3.green-button, h4.green-button, h5.green-button {
}


div.orange-button a, span.orange-button a, p.orange-button a, h1.orange-button a, h2.orange-button a, h3.orange-button a, h4.orange-button a, h5.orange-button a {
  text-decoration: none;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  background: #c55b21;
  padding: 5px 20px;
  color: #fff;
}
div.blue-button a, span.blue-button a, p.blue-button a, h1.blue-button a, h2.blue-button a, h3.blue-button a, h4.blue-button a, h5.blue-button a {
  text-decoration: none;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  background: #0e4e57;
  padding: 5px 20px;
  color: #fff;
}
div.yellow-button a, span.yellow-button a, p.yellow-button a, h1.yellow-button a, h2.yellow-button a, h3.yellow-button a, h4.yellow-button a, h5.yellow-button a {
  text-decoration: none;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  background: #e2b25d;
  padding: 5px 20px;
  color: #fff;
}
div.brown-button a, span.brown-button a, p.brown-button a, h1.brown-button a, h2.brown-button a, h3.brown-button a, h4.brown-button a, h5.brown-button a {
  text-decoration: none;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  background: #423028;
  padding: 5px 20px;
  color: #fff;
}
div.green-button a, span.green-button a, p.green-button a, h1.green-button a, h2.green-button a, h3.green-button a, h4.green-button a, h5.green-button a {
  text-decoration: none;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  background: #7b9b7a;
  padding: 5px 20px;
  color: #fff;
}

/* wp audio fix */

.wp-audio-shortcode {
	visibility:visible !important;
}

/* main menu */
#menu {
    text-transform: uppercase;
    margin: 0 auto 14px;
    font-family: "Oswald", Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    color: #573f35;
    float: right;
    position: relative;
    right: 710px;
    top: 20px;
}