/*
Theme Name: Topaz Mountain Adventures
Theme URI: http://underscores.me/
Author: Tyson Sorensen
Author URI: http://tysonsorensen.com
Description: A custom WordPress theme using Bootstrap
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: topazmtn
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Topaz Mountain Adventures is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/

* NEW COLOR PREFERENCES
* Orangish: #CC6C3D; bit darker: #A85932; bit lighter: #D4703B;
* Tan: #CCC59E; 
* Green: #62A66D; bit darker: #4D8255; bit lighter: #70BD7C;
* light tannish: #F1F2C0;
* dark grey: #33302B; bit darker: #24221E;
*
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Theme Specific Styles
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

.navbar-nav > li.current_page_item a,
.navbar-nav > li.current_page_parent a {
	color: #fff;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.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; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/* Search widget. */
.widget_search .search-submit {
	display: none;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}







/*--------------------------------------------------------------
# Theme Specific Styles
--------------------------------------------------------------*/

/** 
 * COLOR REFERENCES
 * Green: #79b044
 * Salmon: #CC6C3D
 * Blue Grey: #3e4249
 */


/***** GENERAL *****/

body {
	margin-top: 50px;
	font-family: 'Exo', Helvetica, sans-serif;
	font-size: 16px;
	background: url('/wp-content/themes/topazmtn/assets/img/concrete_seamless.png') top left repeat;
}

.logged-in .navbar-fixed-top {
	top: 32px;
}


/***** GLOBAL *****/

h1, h2, h3, h4, h5, h6 {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizelegibility;
	font-weight:bold;
}

h1 {
	font-size: 3em;
}

h1 small {
	color: #fff;
}

h1, h2 {
	margin: 0 0 40px;
}

h3 {
	margin: 20px 0;
}

h4 {
	font-size: 18px;
}

p {
	margin: 0 0 15px;
}

p.lead {
	font-weight: normal;
}

#primary #content .pricing-page p.lead {
	font-size: 24px;
	font-weight:bold;
}

#primary #content .pricing-page p em {
	font-size: 18px;
	font-weight: bold;
}

a:link, a:visited {
	color: #CC6C3D;
}

a:hover {
	text-decoration: none;
	color: #c9302c;
}

button, input, .btn, a.btn {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizelegibility;
	color: #fff;
}

.btn {
	font-weight: bold;
}

button.btn:focus {
	outline:none !important;
}

.btn-danger, .btn-danger:active, .btn-info, .btn-info:active {
	background-color: #CC6C3D; /*#CC6C3D;*/
	border-color: #CC6C3D; /*#d95131;*/
}

.btn-danger:hover, .btn-danger:focus, .btn-info:hover, .btn-info:focus {
    color: #fff;
    background-color: #D4703B; /*#c9302c;*/
    border-color: #D4703B; /*#ac2925;*/
}

.btn-success, .btn-success:focus {
	background: #62A66D; /*#79b044;*/
	border: none;
}

.btn-success:hover, .btn-success:active {
	background: #4D8255; /*#6a9b3d;*/
	border-color: #4D8255; /*#6a9b3d;*/
}

img {
	max-width: 100%;
}

.modal-content {
	background: url('/wp-content/themes/topazmtn/assets/img/concrete_seamless.png') top left repeat;
}

div.lead {
	font-weight:normal;
}

.badge.social {
	background: #ccc;
	color:#fff;
	font-size:24px;
	width:40px;
	height:40px;
	text-align: center;
	line-height: 42px;
	margin: 0 5px 20px 0;
	padding: 0;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}

.badge.social.twitter:hover {
	background: #55acee;
}

.badge.social.facebook:hover {
	background: #3b5998;
}

.badge.social.gplus:hover {
	background: #db4b39;
}
.badge.social.pinterest:hover {
	background: #bd081c;
}
.badge.social.youtube:hover {
	background: #cd201f;
}

blockquote {
	padding:0;
	border:none;
	font-style: italic;
	text-align:left;
}

blockquote cite {
	display:block;
	color: #777;
	margin: 15px 0 0 0;
	font-style: normal;
}

blockquote:before {
	display:none;
}

.navbar-inverse {
    background-color: #33302B; /*#222;*/
    border-color: #24221E; /*#080808;*/
}

.navbar-inverse .navbar-nav>.active>a, 
.navbar-inverse .navbar-nav>.active>a:focus, 
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.current-menu-item>a, 
.navbar-inverse .navbar-nav>.current-menu-item>a:focus, 
.navbar-inverse .navbar-nav>.current-menu-item>a:hover {
    color: #fff;
    background-color: #24221E; /*#080808;*/
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #24221E;
}
.navbar-inverse .navbar-toggle {
    border-color: #24221E;
}

.navbar-brand {
	width: 300px;
}

.navbar-brand img {
	margin-top:-13px;
}

.icons-div {
	float:left;
	margin-top:14px;
}
.icons-div .top-menu-icons {
	color: #fff;
}


/***** HERO *****/
#hero2 {
	padding: 0;
	background:#fff;
}

/* Carousel base class */
.carousel {
  height: 490px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
	z-index: 10;
	top:20%;
	text-align: left;
}

.carousel-caption .btn {
	margin-top:20px;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 490px;
  background-color: #777;
  background-size:cover;
}

.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}

.carousel-indicators .active {
    width: 12px;
    height: 12px;
    background-color: #CC6C3D;
}

.carousel-indicators li {
    width: 10px;
    height: 10px;
    border: 1px solid #CC6C3D;
}

.carousel-caption .light {
	color: #fff;
}

.carousel-caption .dark {
	color: #33302B;
}

.carousel-caption .banner-overlay {
	background: rgba(0,0,0,.5);
	padding: 20px;
	border-radius:10px;
	display:inline-block;
}

/***** LAYOUT *****/

.row + .row {
	margin-top: 20px;
}

section {
	padding: 80px 0;
}

.section.main-content {
	padding: 40px 0;
}

.section-header {
	text-align: center;
}

section h2 {
	margin: 20px 0 40px;
}

section h3 {
	margin: 30px 0 10px;
}

#primary {
	padding-top: 40px;
	padding-bottom: 40px;
}

#primary.about {
	padding-top: 0;
	padding-bottom:0;
}

#gallery {
	padding: 40px 0;
}

#gallery .page-header {
	border-bottom: 1px solid #33302B;
}

a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover {
    border-color: #33302B;
}

.fancybox-title-over-wrap {
    width: 100%;
    padding: 0;
}

.fancybox-title-over-wrap > div {
    padding: 10px;
}

.offer-images {
	border-radius:5px;
	width:100%;
	margin-top:32px;
}

.feature-image {
	display: table;
	width: 100%;
}

.feature-image-default {
	background: url('/wp-content/themes/topazmtn/assets/img/default-background.jpg') no-repeat;
	background-size: cover;
}

.feature-image-default-alt {
	background: url('/wp-content/themes/topazmtn/assets/img/default-background.jpg') no-repeat;
	background-size: cover;
}

.archive-header {
	padding: 0;
}

.feature-image h1 {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #fff;
}

.page-header-img {
	padding:0;
}

.overlay-top-header {
	background: rgba(0,0,0,.4);
    width: 100%;
    height: 100%;
    padding: 80px 0;
    display: table;
}

#optin {
	background: #33302B;
	padding: 20px 0;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizelegibility;
	font-size: 1.2em;
}

#optin p {
	margin: 7px 0 0 0;
}

#unique-features {
  	background: #33302B;
	color: #fff;
}

.features{
  padding: 0;
}

.new-feature {
	height: 180px;
}

.feature-wrap {
  margin-bottom: 35px;
  overflow: hidden;
}

.feature-wrap h2{
  margin-top: 10px;
}

.feature-wrap .pull-left {
  margin-right: 25px;
}

.feature-wrap i{
  font-size: 48px;
  height: 110px;
  width: 110px;
  margin: 3px;
  border-radius: 100%;
  line-height: 110px;
  text-align:center;
  background: #ffffff;
  color: #CC6C3D;
  border: 3px solid #ffffff;
  box-shadow: inset 0 0 0 5px #f2f2f2;
  -webkit-box-shadow: inset 0 0 0 5px #f2f2f2;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
  float: left;
  margin-right: 25px;
}

.feature-wrap i:hover {
  background: #CC6C3D;
  color: #fff;
  box-shadow: inset 0 0 0 5px #CC6C3D;
  -webkit-box-shadow: inset 0 0 0 5px #CC6C3D;
  border: 3px solid #CC6C3D;
}

#kind-of-pass {
	background: #fff;
}

#how-works {
	background: #33302B;
	color: #fff;
}

#how-works p {
	text-align:left;
}

#example-finds {
	background: #fff;
}

#example-finds h2, #example-finds .finds {
	text-align:center;
}

#example-finds .finds {
	min-height:500px;
}

#example-finds .finds img {
	width: auto;
	height: 280px;
	border-radius:6px;
}

#video {
	background-size:cover;
	text-align:center;
	color:#fff;
	padding: 0;
}

#video .video-overlay {
	background: rgba(0,0,0,.4);
    width: 100%; 
    height: 100%; 
    padding: 80px 0;
}

#video iframe {
	width: 100%; 
	height: 415px;
}

#testimonials {
	text-align:center;
}

.testimonial {
	margin-bottom: 60px;
}

.testimonial img {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	width: 25%;
	margin-bottom: 20px;
}

#signup {
	text-align:center;
	background-size: cover;
	color: #fff;
	padding: 0;
}

#signup h2 {
	font-weight: normal;
}

#signup h2 strong {
	border-bottom: solid 2px #CC6C3D;
}

#signup .btn {
	font-size: 24px;
}

#signup .overlay-action-call {
	width: 100%;
    background: rgba(0,0,0,.4);
    padding: 10px;
}

#signup .action-call {
	padding: 100px 0;
}

#signup .wrapped {
	white-space: normal;
}

footer {
	background: #33302B;
	color: #fff;
	padding: 20px 0 10px;
	font-size: 12px;
}

.footer-logo img {
    margin-top: -14px;
}

footer p {
	margin:0;
}

footer a:link, footer a:visited {
	color: #fff;
}

footer a:hover {
	color: #CC6C3D;
}

footer li.signup-link a {
	color: #CC6C3D;
}

footer li.signup-link a:hover {
	font-weight: bold;
}

/* TRIP ADVISOR WIDGET */
#CDSWIDSSP {
	width: 100% !important;
}

#CDSWIDSSP .widSSPData {
	border:none !important;
    border-radius: 8px !important;
}


/***** BLOG *****/

.post, .widget, #comments {
	position: relative;
	border: 1px solid #ddd;
	background: #fff;
	margin: 0 0 40px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.post header, 
.post .post-excerpt, 
.post .post-body,
#comments .comments-wrap {
	padding: 20px;
}

.post header h1, .post header h3 {
	margin: 0 0 15px;
	padding: 0 0 15px;
	border-bottom: solid 1px #ddd;
}

.post header h1 {
	font-size: 24px;
}

.post-image img {
	height: auto;
}

.post-details {
	font-size: 12px;
	width: 90%;
}

.post-details i.fa {
	padding-left: 10px;
}

.post-details i.fa:first-child {
	padding: 0;
}


/***** WIDGET *****/

.widget {
	padding: 20px;
}

.widget h4 {
	margin: 0 0 10px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ddd;
}

.widget ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.widget ul li {
	margin: 0 0 5px;
}

.widget ul li:hover {
	position: relative;
	left: 1px;
}


/***** ABOUT *****/

#about h2 {
	margin: 0 0 20px;
}

#about .num {
	display:table;
	font-size: 30px;
	font-weight:bold;
	color:#fff;
	line-height:24px;
	height:140px;
	width:140px;
	text-align:center;
	background:#CC6C3D;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizelegibility;
}

#about .num .num-content {
	display:table-cell;
	vertical-align:middle;
}

#about .num span {
	display:block;
	font-size:20px;
	font-weight:normal;
}

.white-background {
	background: #fff;
	width:100%;
}


/***** COMMENTS *****/
.post-comments-badge {
	width: 70px;
	height: 70px;
	position: absolute;
	top: 25px;
	right: 20px;
	border: none;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	background: #62A66D; /*#79b044;*/
	text-align: center;
	display: table;
}

.post-comments-badge a {
	display: table-cell;
	vertical-align: middle;
	color: #fff;
	font-size: 20px;
	line-height: 20px;
}

.post-comments-badge i.fa {
	display: block;
	font-size: 15px;
	padding: 0;
	margin-bottom: 4px;
}

.post-comments-badge:hover {
	background-color: #70BD7C;
}

#comments h3 {
	text-align: center;
}

#comments h4 {
	font-size: 1.3em;
}

#comments ol {
	list-style: none;
	padding: 0;
	margin: 0;
}

#comments ol li {
	background: rgba(0, 0, 0, 0.02);
	padding: 10px 20px;
	margin: 10px 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid rgba(0, 0, 0, 0.03);
}

#comments ol li ol.children {
	padding: 0;
	list-style: none;
	font-size: 0.96em;
}

#leave-comment {
	margin: 40px 0 0;
	padding: 20px 0 0;
	border-top: 1px solid #eee;
}

#commentform .form-submit input[type="submit"] {
    background: #CC6C3D;
    border-radius: 5px;
    padding: 8px;
}

/** specific wordpress comment styles **/
#comments footer {
	background: none;
	color: inherit;
}

#comments footer a {
	color: inherit;
}

#comments .comment-metadata {
	margin: 10px 0 0;
}

#comments .comment-edit-link {
	color: #CC6C3D;
}


/***** PASSES *****/

.pricing-page {
    padding: 80px 0 0;
}

.pass {
	width: 31.33333333%;
	float:left;
	margin: 0 3% 40px 0;
}

.pass:nth-child(3n) {
	margin-right: 0;
}

.pricing_heading {
  margin-top: 120px
}

.pricing_heading h2, 
.pricing_heading p {
  color:#4e4e4e;
}

.pricing-area h1 {
  font-weight: 300;
  margin-top: 0;
  margin-bottom: 15px;
}

.pricing-area span {
  font-weight: 700;
  font-size: 18px;
}

.pricing-area h3, 
.pricing-area span  {
  color: #fff;
  margin: 20px 0;
}

.plan {
  position: relative;
  margin-bottom: 70px;
}

.pricing-area ul {
  background:#FAFAFA;
  padding: 0;
  margin: 0;
}

.pricing-area ul li {
  list-style: none;
  padding: 15px 0;
  font-size: 16px;
  font-weight: 400;
}

.pricing-area ul li:nth-child(even){
  background:#e5e5e5;
}
 
.pricing-area .price-featured img {
  position: absolute;
  right: 15px;
  top: 0;
}

.pricing-area .heading-regular,
.pricing-area .price-regular .plan-action .btn-primary {
  background: #5c5c5c
}

.pricing-area .heading-featured, 
.pricing-area .price-featured .plan-action .btn-primary {
  background: #CC6C3D;
}

.pricing-area .bg{
 background: #fafafa 
}

.pricing-area h3:before {
  border-width: 12px;
  content: "";
  height: 0;
  left: 4px;
  position: absolute;
  top: 78px;
  width: 0;
  z-index: -999;
}

.small-pricing h3:after {
  height:94px;
}

.small-pricing h3:before {
  top: 74px;
}

.plan-action {
  height: 40px;
}

.pricing-area .plan-action .btn-primary {
  position: relative;
  padding:5px 20px;
  color: #fff;
  margin-top: 5px;
  border:none;
}

.pricing-area .plan-action .btn-primary:before {
  border-color: #CC6C3D transparent transparent;
  border-radius: 5px 0 0 0;
  border-style: solid;
  border-width: 12px;
  bottom: -12px;
  content: "";
  height: 0;
  left: -9px;
  position: absolute;
  width: 0;
  z-index: -1;
}

.pricing-area .plan-action .btn-primary:after {
  border-color: #CC6C3D transparent transparent;
  border-radius: 5px 0 0 0;
  border-style: solid;
  border-width: 12px;
  bottom: -12px;
  content: "";
  height: 0;
  position: absolute;
  right: -9px;
  width: 0;
  z-index: -1;
}

.pricing-area .price-regular .plan-action .btn-primary:before, 
.pricing-area .price-regular .plan-action .btn-primary:after  {
  border-color: #424242 transparent transparent;
  right: -9px;
}

.pricing-area .price-featured .plan-action .btn-primary:before, 
.pricing-area .price-featured .plan-action .btn-primary:after {
  border-color: #bf4539 transparent transparent;
  right: -9px;
}

/**** BLAST CLOCK *****/
#blast {
	background: #e2e2e2;
    padding: 40px 0 30px;

}
#blast .blast-countdown {
    zoom: 1.18;
    -moz-transform: scale(1.18);
    height: 143px;
    width: 690px;
    margin: auto;
}

.flip-clock-divider .flip-clock-label {
    font-size: 18px;
}

.flip-clock-wrapper {
    text-align: center;
    position: relative;
    width: 100%;
    margin:0;
}

/***** SEARCH RESULTS *****/
#no-results-search {
	background-color: #fff;
    padding: 20px;
    margin: 0;
    border-radius: 5px;
    border: 1px solid#ddd;
}

#no-results-search .page-header {
	margin-top:0;
}

.search-form input[type="submit"] {
    background: #CC6C3D;
    border-radius: 5px;
    padding: 8px;
    margin-top:20px;
}

/***** CUSTOM ICON SPRITES *****/

i.ci {
	display:inline-block;
	height: 40px;
	width: 40px;
	background: url('/wp-content/themes/topazmtn/assets/img/icon-sprite.png') no-repeat;
}

.ci.ci-computer { background-position: 0 0; }
.ci.ci-watch { background-position: -40px 0; }
.ci.ci-calendar { background-position: -80px 0; }
.ci.ci-community { background-position: -120px 0; }
.ci.ci-instructor { background-position: -160px 0; }
.ci.ci-device { background-position: -200px 0; }


/***** CONTACT FORM *****/

.list-icons {
	padding: 0;
	margin: 20px 0;
	list-style: none;
	font-size: 18px;
}
.list-icons li {
	padding: 0 0 15px 0;
}
.form-control-feedback.fa {
	margin-top:36px;
}

.contact-form .form-group {
    margin-bottom: 0;
    margin-top: -20px;
}

.contact-info {
	padding: 30px 0;
}

div.wpcf7-response-output {
    margin-top: 0;
    width: 100%;
    margin-left: 0;
    border-radius: 6px;
}

.captcha-div i {
	margin-top:71px !important;
}
.captcha_1b {
	margin-top:10px;
}

.dark-hr {
	border-top: 1px solid #33302B;
	margin-top: 40px;
}

/***** SOCIAL ICONS *****/
.social-links {
	padding: 0;
	list-style: none;
	margin: 15px 0;
}
.social-links li {
	margin: 10px 25px 10px 0;
	display: inline-block;
	font-size: 36px;
}
.social-links li a {
	color: #333333;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.social-links li.twitter a:hover {
	color: #55acee;
}
.social-links li.googleplus a:hover {
	color: #dd4b39;
}
.social-links li.youtube a:hover {
	color: #b31217;
}
.social-links li.facebook a:hover {
	color: #3b5998;
}
.social-links li.pinterest a:hover {
	color: #cb2027;
}


/***** FORMS *****/
label {
	display: block;
	font-weight: bold;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	padding: 6px 12px;
}

input[type="submit"],
button[type="submit"] {
	display: inline-block;
	margin-bottom: 0;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.33;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: none;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px; 
}

input[type="submit"]:hover,
button[type="submit"]:hover {
	outline: none;
	border:none;
	background: #D4703B;
}

/***** MEDIA QUERIES *****/

@media screen and ( max-width: 1200px ) {
	#blast .blast-countdown {
	    zoom: .8;
	    -moz-transform: scale(.8);
	    min-height: 106px;
	}

	#about .container {
		background: rgba(255, 255, 255, 0.8);
		padding: 20px;
	}

	.flip-clock-divider .flip-clock-label {
    	font-size: 40px;
	}
}

@media screen and ( max-width: 991px ) {
	#blast .blast-countdown {
	    zoom: 0.5;
	    -moz-transform: scale(.5);
	    height: 72px;
	    margin-bottom:20px;
	}
}

/*fix top bar margin when logged in */
@media screen and ( max-width: 782px) {
	.logged-in .navbar-fixed-top {
		top:46px;
	}
}

@media screen and ( max-width: 768px ) {
	.logo {
		width: 50%;
	}

	#optin p {
		margin: 0 0 10px;
	}

	#video iframe {
		height: 240px;
	}

	.pass {
		width: 48%;
		margin-right: 2%;
		min-height: 600px;
	}
	#wpadminbar {
		position:fixed;
	}

	.flip-clock-divider .flip-clock-label {
    	font-size: 14px;
	}

	.testimonial img {
		width: 35%;
	}

	#myCarousel .carousel-caption div {
		text-align:center;
	}

	#g-map {
		height:450px;
	}

	.navbar-brand {
		width: 250px;
	}

	.navbar-brand img {
		margin-top:-8px;
	}

}

@media screen and ( max-width: 600px) {
	.logged-in .navbar-fixed-top {
		top: 46px;
	}

	#blast .blast-countdown {
		zoom: 0.4;
	    -moz-transform: scale(.4);
	}
	.flip-clock-wrapper ul li a div div.inn {
    	font-size: 20px !important;
	}
	.testimonial img {
		width: 50%;
	}

	#myCarousel {
		height: 350px;
	}

	.carousel-inner .item {
		height:350px;
	}

	.carousel-caption {
    	top: 10%;
	}

	.carousel-caption h1 {
		font-size:30px;
		margin-bottom:20px;
	}

	.carousel-caption .btn {
    	font-size: 12px;
    	margin-top:10px;
	}
}

@media screen and ( max-width: 568px ) {
	#about .num {
		height: 80px;
		width: 80px;
		font-size: 22px;
		line-height: 18px;
	}

	#about .num span {
		font-size: 12px;
	}

	.pass {
		width: 100%;
		margin-right: 0;
		min-height: 0;
	}

	#g-map {
		height:300px;
	}
}