/*
Theme Name: Sadtrombone.com
Theme URI: http://themes.sadtrombone.com/
Description: A responsive single page theme.
Author: Andrew Alba
Author URI: http://albawebstudio.com
Version: 1.0
*/

#preloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: 999; display:none; }
/* Inputs */
::-webkit-input-placeholder { color: #fff;}
:-moz-placeholder { color: #fff;}
::-moz-placeholder { color: #fff;}
:-ms-input-placeholder { color: #fff;}
.btn-xlarge {
	padding: 14px 18px;
	font-size: 108px;
	font-family: Amaranth;
	font-weight:700;
	line-height: normal;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

/* Buttons */
.button { display: inline-block; margin-top: 75px; padding: 15px 30px; border-radius: 50px; font-weight: 700; text-transform: uppercase; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.btn-flat-white { border: 2px solid #fff; color: #fff; background: rgba(255,255,255, .10);}
.btn-flat-white:hover { color: #fff;}
.btn-flat-colour { border: 2px solid #666; color: #666;}
.btn-flat-colour:hover { color: #666;}
.btn-livestrong { background: rgb(253,204,0);color: black; }
.btn-naz { background: #4baad8; color: black;}

/* Labels */
.label-inner { display: inline-block; margin: .2em 0;}
/* Sections */
.page-wrap { overflow: hidden;}
.section { padding: 100px 0; }
.section.no-pad { padding: 0;}
.overlay { padding: 100px 0;}
#header .overlay { padding: 0;}
.section-header { margin-bottom: 75px;}
.background-image { color: #fff;}

/* Typography */
html,body,input { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: 'Lato', sans-serif; color: #666;}
html,body { overflow-x: hidden;}

h1,h2,h3,h4,h5,h6 { font-weight: 300;}

a { outline: none; /*color: #fff;*/}
a:hover,
a:active,
a:focus { text-decoration: none; outline: none;}

input,
select,
textarea { font-size: 16px;}

.text-centre { text-align: center;}
.bold { font-weight: 900;}
/*  social media colors */
.facebook, a.facebook { color:#3b5998; }
.twitter, a.twitter { color:#00aced; }
.instagram, a.instagram { color:#517fa4; }
.google, a.google { color:#dd4b39; }
.html5, a.html5 { color: #E34C26; }
.linkedin, a.linkedin { color: #007bb6; }
.dribbble, a.dribbble { color: #ea4c89; }
.vine, a.vine { color: #00bf8f; }
.reddit, a.reddit { color: #336699; }
.stumbleupon, a.stumbleupon { color: #EB4823; }
.pinterest, a.pinterest { color: #cb2027; }
.tumblr, a.tumblr { color: #32506d; }
.foursquare, a.foursquare { color: #f94877; }
.wordpress, a.wordpress { color: #21759b; }


/*
 * Header
*/
.back-to-top { position: fixed; top: 10px; opacity: 0.3; right: 40px; }
#leaderboard { position: absolute; top:0; left:0; width: 100%; }
.leaderboard_md { display:none; width: 728px; margin:0 auto; }
.leaderboard_xs { width: 320px; height: 100px; margin: 0 auto; }
.lg_rec { display:none; width: 336px; height: 280px; margin: 1em auto; }
.intro { display: table; width: 100%;}
.intro-inner { height: 100%; display: table-cell; vertical-align: middle;}
.logo h1 {font-family: 'Amaranth'; font-size: 48pt; text-align: center;}
/*.logo img { max-width: 100%; width: 200px; display: block; margin: 0 auto 75px auto;}*/
/* .text-logo { font-family: 'Pacifico', cursive; font-size: 50px; text-shadow: 2px 2px 0 rgba(0,0,0,.10); margin: 0 auto 75px auto; display: none;}*/
.text-logo p {
	font-size: 18px;
	font-weight: 200;
	line-height: 27px;
	color: inherit
}

/*
 * About
*/
.about-module { margin-bottom: 40px;}
.about-module > h4 { text-transform: uppercase; }
.ie9 .mask { width: 126px; height: 126px; margin: 0 auto 20px auto; overflow: hidden; border-radius: 100%;}
.about-icon { width: 126px; height: 126px; margin: 0 auto 20px auto; padding: 5px; border-radius: 100%;}
.about-icon span { width: 100%; height: 100%; border: 2px solid #fff; color: #fff; border-radius: 100%; font-size: 40px; line-height: 112px;}

/*
 * Media
*/
.iframe320 { width: 320px; margin: 0 auto;}
.thumbnail h3 { font-weight: 600; color: #faa732; margin-top: 10px;}
/*.ticker { padding: 40px 0;}
.counter-bg { width: 180px; height: 180px; text-align: center; margin: 0 auto; border: 2px solid #fff; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); text-align: center; }
.counter-inner { -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); position: relative; left: 0px; top: 48px;}
.count-digit { display: block; font-size: 60px; font-weight: 300; line-height: 60px;}
.count-text { font-size: 20px; font-weight: 300; }*/

/*
 * Meet the Team
*/
.team-module { width: 240px; margin: 0 auto 40px auto;}
.team-module img { width: 70%; border-radius: 100%; margin: 0 0 15px 0;}
.team-module a { /*color: #666;*/ display: inline-block; padding: 10px; font-size: 20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.team-module h4 { text-transform: uppercase; }

/*
 * Other-Sites
*/
.site-module { margin-bottom: 40px;}
.site-module > h4 { text-transform: uppercase; }
.ie9 .mask { width: 126px; height: 126px; margin: 0 auto 20px auto; overflow: hidden; border-radius: 100%;}
.site-icon { width: 126px; height: 126px; margin: 0 auto 20px auto; padding: 5px; border-radius: 100%; cursor: pointer;}
.site-icon span { width: 100%; height: 100%; border: 2px solid #fff; color: #fff; border-radius: 100%; font-size: 40px; line-height: 112px;}
/*.site-icon span.strive {background: url("/assets/images/strive.png") no-repeat scroll 0 0 transparent; border: medium none; height: 72px; left: 3px; position: relative; top: 18px; width: 72px; }*/
.site-icon span.strive,.site-icon span.flh { display:inline-block; border:none; width: 72px; height:72px; position: relative; left:3px; top:16px; }
.site-icon span.strive { background: url("/assets/images/strive.png") no-repeat scroll 0 0 transparent; }
.site-icon span.flh { background: url("/assets/images/flh.png") no-repeat scroll 0 0 transparent; left:2px; top:20px; }
.anotherword { background-color: #6991aa; }
.flh { background-color: #000; }

/* Footer code */
footer{
	background-color: #46433A;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
	width: 100%;
	text-align: left;
	font: bold 16px sans-serif;
	padding: 55px 50px;
	color: #C6B697; /* or white */
}

footer .footer-left,
footer .footer-center,
footer .footer-right {
	vertical-align: top;
	display: block;
	margin-bottom: 40px;
	text-align: center;
}

/* Footer left */
/* The company logo */
footer h2 {
	font-family: 'Fira Sans', sans-serif;
	font-weight: 800;
	margin: 6px;
	color: #59B2B7;
	cursor: pointer;
}
footer h2 span {
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	color: #FFEECE;
}
footer h2 span .fa {
	font-size: 80%;
	color: #CE534D;
}

footer .inc {
	font-size: 30%;
	margin-left: -10px;
	text-transform: uppercase;
}
/*footer h3{
	color:  #ffffff;
	font: normal 36px 'Cookie', cursive;
	margin: 0;
}

footer h3 span{
	color:  #5383d3;
}*/

/* Footer links */

footer .footer-links{
	color:  #ffffff;
	margin: 20px 0 12px;
	padding: 0;
}

footer .footer-links a{
	display:inline-block;
	line-height: 1.8;
	text-decoration: none;
	color:  inherit;
}

footer .footer-company-name{
	color:  #FFEECE;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
}

/* Footer Center */
footer .footer-center i{
	background-color:  #59B2B7;
	color: #ffffff;
	font-size: 25px;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	text-align: center;
	line-height: 42px;
	margin: 10px 15px;
	vertical-align: middle;
}

footer .footer-center i.fa-envelope{
	font-size: 17px;
	line-height: 38px;
}

footer .footer-center p{
	display: inline-block;
	color: #ffffff;
	vertical-align: middle;
	margin:0;
}

footer .footer-center p span{
	display:block;
	font-weight: normal;
	font-size:14px;
	line-height:2;
}

footer .footer-center p a{
	color:  #CE534D;
	text-decoration: none;;
}


/* Footer Right */
footer .footer-company-about{
	line-height: 20px;
	color:  #FFEECE;
	font-size: 13px;
	font-weight: normal;
	margin: 0;
}

footer .footer-company-about span{
	display: block;
	color:  #ffffff;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 20px;
}

footer .footer-icons{
	margin-top: 25px;
}

footer .footer-icons a{
	display: inline-block;
	width: 35px;
	height: 35px;
	cursor: pointer;
	background-color:  #CE534D;
	border-radius: 2px;

	font-size: 20px;
	color: #ffffff;
	text-align: center;
	line-height: 35px;

	margin-right: 3px;
	margin-bottom: 5px;
}

/* If you don't want the footer to be responsive, remove these media queries */

/* End Footer code */
/*#footer { padding:100px 0 0; }*/
.social-nav { text-align: center;}
.social-nav a { display: inline-block; width: 40px; height: 40px; border-radius: 50%; border: 2px solid #666; margin: 0 5px; color: #666; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.social-nav a:hover { color: #666;}
.social-nav span { line-height: 36px; font-size: 18px;}
/*.footer-nav { margin-top: 75px;}
.footer-nav a { color: #666; width: 50%; display: inline-block; margin-bottom: 5px; padding: 5px;}*/
.social-nav a.facebook { color:#3b5998;border: 2px solid #3b5998;} .social-nav a.facebook:hover {background-color:#3b5998; color:#fff;}
.social-nav a.twitter { color:#00aced;border: 2px solid #00aced;} .social-nav a.twitter:hover {background-color:#00aced; color:#fff;}
.social-nav a.linkedin { color:#007bb6;border: 2px solid #007bb6;} .social-nav a.linkedin:hover {background-color:#007bb6; color:#fff;}
.social-nav a.instagram { color:#517fa4;border: 2px solid #517fa4;} .social-nav a.instagram:hover {background-color:#517fa4; color:#fff;}
.social-nav a.dribbble { color:#ea4c89;border: 2px solid #ea4c89;} .social-nav a.dribbble:hover {background-color:#ea4c89; color:#fff;}
.social-nav a.google { color: #dd4b39; border: 2px solid #dd4b39;} .social-nav a.google:hover {background-color:#dd4b39; color:#fff;}
.social-nav a.vine { color: #00bf8f; border: 2px solid #00bf8f;} .social-nav a.vine:hover {background-color:#00bf8f; color:#fff;}
.social-nav a.reddit { color: #336699; border: 2px solid #336699;} .social-nav a.reddit:hover {background-color:#336699; color:#fff;}
.social-nav a.stumbleupon { color: #EB4823; border: 2px solid #EB4823;} .social-nav a.stumbleupon:hover {background-color:#EB4823; color:#fff;}
.social-nav a.pinterest { color: #cb2027; border: 2px solid #cb2027;} .social-nav a.pinterest:hover {background-color:#cb2027; color:#fff;}
.social-nav a.tumblr { color: #32506d; border: 2px solid #32506d;} .social-nav a.tumblr:hover {background-color:#32506d; color:#fff;}
.social-nav a.foursquare { color: #f94877; border: 2px solid #f94877;} .social-nav a.foursquare:hover {background-color:#f94877; color:#fff;}
.social-nav a.wordpress { color: #21759b; border: 2px solid #21759b;} .social-nav a.wordpress:hover {background-color:#21759b; color:#fff;}
.social-nav a.email { border: 2px solid #666;} .social-nav a.email:hover {background-color:#666; color:#fff;}
.message-alert { display: none; margin:2em 0 1em 0;}

.copyright-row { margin-top: 3em; }
a.buzz { color: #7FA917;font-weight: 700; }

/*
 * MEDIA QUERIES
*/
/* 768px Media Query */

@media (min-width: 768px) {
	.leaderboard_md { display: block; }
	.leaderboard_xs { display: none; }
	/* Footer */
	.footer-nav a { width: auto; margin: 0 10px;}
	.label-inner {display:inline;}
}
/* 768px MEDIA QUERY END */

/* 992px Media Query */
@media (min-width: 992px) {
	.logo h1 { font-size: 40pt; }
	.leaderboard_md { display: block; }
	.leaderboard_xs { display: none; }
	.btn-xlarge { font-size: 148px }
	.lg_rec { display: block; }
	.label-inner {display:inline;}
	/* About */
	.about-module { margin-bottom: 0;}

	/* Meet the Team */
	.team-module { width: 100%; margin: 0;}
}
/* 992px MEDIA QUERY END */

/* Background Images */
#header.background-image { background: url('/assets/images/bg1.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover;}
#media.background-image { background: url('/assets/images/bg2.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover;}
#other-sites.background-image { background: url('/assets/images/bg3.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover;}
/* .overlay { background: rgba(0,0,0,0.5); width: 100%; height: 100%;} */
.overlay { background: rgba(0,0,0,0.5); }
.about-icon { background-color: #faa732;}

.chosen-choices {
	display: block; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.has-error .chosen-choices {border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075);}