/*
Welcome to Custom CSS!

To learn how this works, see http://wp.me/PEmnE-Bt
*/
.header-inner {
	position: relative;
	z-index: 2;
	text-align: center;
	max-height: 400px;
}

.blog-logo img {
	display: block;
}

.blog-logo img {
	max-height: 280px;
	width: auto;
	max-width: 100%;
	margin: auto;
	margin-top: 10%;
}

/* Target the menu item LI */
.menu li.myClass {
/* Margin might go here */
}

/* Target the menu item Anchor (link) */
.blog-menu li.myClass > a {
/* Colors, font sizes, would normally go here */
	color: #e2c20b;
	display: inline-block;
  font-family: Ubuntu;
  background: #e2c20b -webkit-gradient(linear, 100% 0, 0 0, from(#e2c20b), color-stop(0.5, #ffffff), to(#e2c20b));
	font-weight: 500;
  background-position: -4rem top; /*50px*/
  background-repeat: no-repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation-name: shimmer;
  -webkit-animation-duration: 2.2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-background-size: 4rem 100%; /*50px*/
}

@-webkit-keyframes shimmer {
    0% {
        background-position: -4rem top; /*50px*/
    }

    70% {
        background-position: 12.5rem top; /*200px*/
    }

    100% {
        background-position: 12.5rem top; /*200px*/
    }
}

/*This is to turn Premium tag in Nav bar white when hovering  */
.blog-menu li.myClass > a:hover {
	color: #e2c20b;
	display: inline-block;
  font-family: Ubuntu;
  background: #FFF -webkit-gradient(linear, 100% 0, 0 0, from(#e2c20b), color-stop(0.5, #ffffff), to(#e2c20b));
	font-weight: 500;
  background-position: -4rem top;
  background-repeat: no-repeat;
  -webkit-background-clip: text;
  -webkit-text-fill-color: opaque;
  -webkit-animation-name: shimmer;
  -webkit-animation-duration: 2.2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-background-size: 4rem 100%; 
}

.blog-menu li.myClass:hover > a {
    background-color: #FFF;
    color: #FFF;
}

.blog-menu a {
	padding: 23px 10px;
}

/*This code is used for the PowderCAST Home button on the Ski Pages ~~~~~~~~~~~~~~*/
.post-content a.more-linka {
	position: relative;
	display: inline-block;
	float: right;
	background: #0054a6;
	padding: 10px;
	color: #FFF;
	font-size: 1em;
	border-radius: 4px;
	text-align: center;
	width: 25%px;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 20px;
}

.post-content a.more-linka:hover {
	background: #02417f;
	color: #FFF;
	text-decoration: none !important;
}

/*Code for Dropdown Menu of Ski resorts near TOP of page~~~~~~~~~~~~~~~~~~~~~~*/
/* Dropdown Button */
.dropbtnx {
	background-color: #0054a6;
	color: white;
	padding: 16px;
	font-size: 16px;
	border-radius: 4px;
	cursor: pointer;
	display: inline-block;
}

/* The container  - needed to position the dropdown content */
.dropdownx {
	position: relative;
	display: inline-block;
	width: 350px;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-contentx {
	position: absolute;
	display: none;
	float: left;
	width: 100%;
	background-color: #f9f9f9;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
	padding: 10px;
}

/* Links inside the dropdown */
.dropdown-contentx a {
	color: black;
	padding: 3px;
	width: 49%;
	text-decoration: none;
/*display: block; */
	float: left;
}

/* Change color of dropdown links on hover */
.dropdown-contentx a:hover {
	background-color: #f1f1f1;
}

/* Show the dropdown menu on hover */
.dropdownx:hover .dropdown-contentx {
	display: block;
	float: left;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdownx:hover .dropbtnx {
	background-color: #02417f;
}

/*Code for Dropdown Menu of Ski resorts near BOTTOM of page~~~~~~~~~~*/
/* Dropdown Button */
.dropbtntop {
	background-color: #0054a6;
	color: white;
	padding: 16px;
	font-size: 16px;
	border-radius: 4px;
	cursor: pointer;
	display: inline-block;
}

/* The container  - needed to position the dropdown content */
.dropdowntop {
	position: relative;
	display: inline-block;
	width: 350px;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-contenttop {
	position: absolute;
	display: none;
	float: left;
	width: 100%;
	background-color: #f9f9f9;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
	padding: 10px;
}

/* Links inside the dropdown */
.dropdown-contenttop a {
	color: black;
	padding: 3px;
	width: 49%;
	text-decoration: none;
/*display: block; */
	float: left;
}

/* Change color of dropdown links on hover */
.dropdown-contenttop a:hover {
	background-color: #f1f1f1;
}

/* Show the dropdown menu on hover */
.dropdowntop:hover .dropdown-contenttop {
	margin-top: -112%;
	display: block;
	float: left;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdowntop:hover .dropbtntop {
	background-color: #02417f;
}

/*This code is used for the Mobile Version Toggle ~~~~~~~~~~~~~~*/
.post-content a.more-linkb {
	position: relative;
	display: block;
	float: right;
	background: #0054a6;
	padding: 10px;
	color: #FFF;
	font-size: 1em;
	border-radius: 4px;
	text-align: center;
	width: 25%px;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 20px;
}

.post-content a.more-linkb:hover {
	background: #02417f;
	color: #FFF;
	text-decoration: none !important;
}

/*For Wisechat Widget*/
.wcSubmitButton {
	border-radius: 5px;
	font-weight: 600;
	color: #ffffff !important;
	background-color: #0054a6 !important;
}

/*For AddtoAny Share Buttons to Center them*/
.addtoany_share_save_container {
	text-align: center;
}

/*FOR WIDGET TITLE MARGIN GLITCHES */
.widget-title {
	font-family: 'Lato', sans-serif;
	font-size: 1.2rem;
	text-transform: uppercase;
	font-weight: 900;
	margin-bottom: 20px !important;
	color: #444;
}

/* Target the menu item LI */
.menu li.myClass1 {
/* Margin might go here */
}

/* Target the menu item Anchor (link) */
.blog-menu li.myClass1 > a {
/* Colors, font sizes, would normally go here */
	color: #0bbae2;
}

/*This is to turn Snowtracker/Snow tag in Nav bar blue  */
.blog-menu li.myClass1 > a:hover {
	color: #FFF;
}

.fourteenbtn2 {
	background-color: #0054a6 !important;
	color: white !important;
	padding: 16px !important;
	font-size: 16px !important;
	border-radius: 4px !important;
	cursor: pointer !important;
	display: inline-block !important;
	font-family: 'Ubuntu', sans-serif !important;
	font-weight: bold !important;
}

/* This myClass2 is for SummitCAST Nav color - green */
.blog-menu li.myClass2 > a {
	color: #199b0d;
}
.blog-menu li.myClass2 > a:hover {
	color: #FFF;
}

/* This sunsetClass is for Sunset Fx Nav color - orange */
.blog-menu li.sunsetClass > a {
	color: #ff7e00;
}
.blog-menu li.sunsetClass > a:hover {
	color: #FFF;
}

/* This sunsetClass is forPremium Nav Labelscolor - orange 
	text-shadow: 0px 0.1px 0.1px rgba(226,194,11,1), 0px 0px 0.1px rgba(226,194,11,1);
*/
.blog-menu li.pNavClass > a {
	 color: rgba(226,194,11,0.7);
}
.blog-menu li.pNavClass > a:hover {
	color: #FFF;
	    -webkit-stroke-width: 5.3px;
      -webkit-stroke-color:       #FFFFFF;
      -webkit-fill-color: #FFFFFF;
      text-shadow: 1px 0px 20px yellow;
}

/* changing style of top bar*/
#tpbr_box {width:80% !important;font-weight: 550 !important;font-family: Ubuntu !important;}

.selectedlevel {
  	background-color: red !important;
  	box-shadow: inset 0px 0px 10px rgba(0,0,0,0.7);
}

/*Centering read more link on homepage*/
.more-link { 
display: block !important; 
width: 25%;    
margin: 0% 35% 0% 35% !important;
border: 2px solid white !important;
}

/*Tweaks for pricing tables*/
input.ptp-toggle-round+label {
	padding: 0px 35px 0px 12px !important;
}
input.ptp-toggle-round+label:after {
    width: 22px;
    top: 0;
    box-shadow: 0 2px 5px rgba(0,0,0,0.8) !important;
}
label.inline, input[type="checkbox"] + label {
    display: block;
}

/*Make nav bar sticky on desktop*/
@media ( min-width: 800px )  {

	.big-wrapper {
		overflow: initial;
		position: relative;
	}
	.navigation {
		position: sticky;
		width: 100%;
			top: -1px;
		z-index: 100;
	}
	.admin-bar .navigation {
  top: 31px;
}
}

/*Do not show header image for posts/pages*/
.page .header {
	display: none;
}
.single-post .header {
	display: none;
}

/* This is class for logo in Nav Bar */
.menu li.myClass5 {
}
.blog-menu li.myClass5 > a {
	padding: 18px 15px 10px 0px;
}
.blog-menu li:myClass5 hover > a {
	color: #FFF;
}

/* Change MeksShortcodes Button Hover */
.mks_button:hover{
	text-decoration: none;
	-ms-filter:none;
	filter: none;
	opacity: 1;
	background-color: #0054a6 !important;
}


#header-widget-area {
padding: 5px 0px 0px 0px;
margin: auto;
max-width: 800px;
text-align: center;
}