/*
	Subscribtion page style
*/

body.page-id-50387 .mainBar{
	margin-left:0;
}

body.page-id-50387 .post-content h6 a{
	color: #fff;
	display: inline-block;
	border: 1px solid #5292DB;
	padding: 0 10px;
	background: #5292DB;
}
body.page-id-50387 .post-content h6 a:hover{
	border: 1px solid #196FB5;
	background: #196FB5;
}


body.page-id-50387 .post-content h6,
body.page-id-50387 .post-content h1{
	font-family: "robotocondensed-regular", arial, sans-serif;	
}

form#paymentFrm, form#paymentFrm *{
	font: normal 16px "robotocondensed-regular", arial, sans-serif;
	
}
form#paymentFrm label{
	padding: 5px 5px 5px 0;
	
}
form#paymentFrm input[type="text"],
form#paymentFrm input[type="email"],
form#paymentFrm input[type="password"],
form#paymentFrm input[type="number"],
form#paymentFrm select{
	padding: 5px;
    border: 1px solid #ccc;
}

form#paymentFrm input[type="text"]#subscription_donation{display:inline; width:43px;}

form#paymentFrm td{
	padding-bottom: 5px;
	padding-top: 5px;
}

form#paymentFrm #subscription_first_name,
form#paymentFrm #subscription_last_name,
form#paymentFrm #subscription_address_1,
form#paymentFrm #subscription_address_2,
form#paymentFrm #subscription_zip,
form#paymentFrm #subscription_email,
form#paymentFrm #subscription_password,
form#paymentFrm #subscription_password_repeat,
form#paymentFrm #subscription_card_number{
	width:100%;
	box-sizing: border-box;
}
form#paymentFrm input[type="submit"],form#paymentFrm input[type="button"].blue-button{
	text-transform: uppercase;
	background: -webkit-gradient(linear,left top,left bottom,from(#90A7F9),to(#5292DB));
	background-color: rgba(0, 0, 0, 0);
	background-color: rgba(0, 0, 0, 0);
	background-color: #90A7F9;
	margin: 0;
	height: auto;
	border: 0;
	padding: 7px 25px;
	font-size: 14px;
	color: #fff;
	cursor:pointer;
}
form#paymentFrm input[type="submit"]:hover,form#paymentFrm input[type="button"].blue-button:hover{
	background:#2f35bf;
}

.donationfield {
	color:#fff;
	padding:5px 20px 30px;
	background:rgba(35,38,135,1)
}

.donationfield  table {margin-top:20px;}

@media (min-width:768px) {
	form#paymentFrm .formleft, 
	form#paymentFrm .formright { float:left;}
	form#paymentFrm .formleft {clear:left; padding-right:1%; width:65%;}
	form#paymentFrm .formright {padding-left:1%; width:33%;}
}

.page-id-65560 form#paymentFrm .formright {display:none !important}

/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 320px; padding:10px;
    background-color: #555;
    color: #fff;
    border-radius: 6px;

    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip .tooltiptext img {margin-top:20px;}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.mobileMenu ul li.highlighted{
	background: #5292DB;
	color: #fff;
}
.mobileMenu ul li.highlighted > a{
	color: #fff;
}

.subscriptionCounter,
.subscriptionExpiration{
    background-color: rgba(35,38,135,1); 
    color: white;
    padding: 10px 15px;
    font-family: 'Dosis', sans-serif;
    line-height: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 18px;
}
.subscriptionCounter a,
.subscriptionExpiration a{
	color:#fff;
	font-weight:bold;
}
body.paywall-ad-layer-visible{
	overflow:hidden;
}
body.paywall-ad-layer-visible .paywall-ad-layer-wrapper{
	display:block;
}
.paywall-ad-layer-wrapper{
	position: fixed;
	background: #fff;
	background: rgba(255,255,255,0.9);
	left: 0;
	bottom: 0;
	right: 0;
	top: 265px;
	z-index: 9;
	border-top: solid 3px #5272fb;
	overflow-y:scroll;
}
.paywall_subscribe_container{
	padding: 25px 25px; background:#2f35bf; color:#fff; text-align: center;
	width: 100%;
	margin: 0 auto 25px;
	box-shadow: 0 0 5px #ccc;
	margin-top: 50px;
	font-family: 'Dosis', sans-serif;
	max-width: 100%;
	box-sizing: border-box;
	
}
.paywall_subscribe_container a {color:inherit; text-decoration: underline;}
.paywall_subscribe_container h3 {
background: #2f35bf;
    color: white;
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
    font: normal 23px "robotocondensed-regular", arial, sans-serif;
    margin-bottom: 8px;
    border: none;
	}

.paywall_subscribe_container .form-fields {text-align:center;}
.paywall_subscribe_container .form-fields > * {display:inline-block; vertical-align: middle;}
.paywall_subscribe_container input[type="email"]{height:30px; font-size:22px; padding:0 5px}
.paywall_subscribe_container input[type="submit"]{height:32px; font-size:22px; line-height:32px; padding:0 20px; background:white; color:#2f35bf; font-size:12px; font-weight:bold; text-transform:uppercase; border-radius: 0; border:none; margin-left:5px;}

.paywall_subscribe_container .subscribe {font-weight:bold; font-size: 22px;}

.paywall_subscribe_container  hr {margin:15px 0}

body.paywall-ad-layer-visible .mainBar .post-content,
body.paywall-ad-layer-visible .mainBar .post-content *{
	color: transparent !important;
	text-shadow: 0 0 5px rgba(0,0,0,0.5) !important;
}

.paywall_subscribe_container p{
	margin-bottom: 15px; font-size:22px;
}

.paywall-ad-layer-wrapper .paywall_subscribe_container  {max-width:500px;}

.paywall_subscribe_container .button{
	background: -webkit-gradient(linear,left top,left bottom,from(#90A7F9),to(#5292DB));
    -webkit-gradient(linear,left top,left bottom,from(#90A7F9),to(#5292DB));
    background-color: rgba(0, 0, 0, 0);
	background-color: #90A7F9;
	margin: 0;
	border: 0;
	padding: 4px 10px 4px;
	font-size: 22px;
	display: block;
	text-align: center;
	color: #fff;
	font-weight: 500;
	width: 150px;
	margin: 0 auto;
	text-decoration: none;
}
.paywall_subscribe_container .button:hover{
	background: #196FB5;
}

@media all and (max-width: 700px){
	.paywall-ad-layer-wrapper {
	    top: 138px;
	}
	.paywall_subscribe_container{
		margin-top: 20px;
	}
}

@media all and (max-width: 500px){
	.paywall-ad-layer-wrapper {
	    top: 115px;
	}
}

.navbar .ubermenu .ubermenu-target{
	padding: 17px 20px 10px;
}

.navSubscribe {
	float: right !important;
    background:#A70000 !important;
    width: 130px !important;
	text-align: center !important;
}
.navSubscribe a {color: #fff !important; background:#A70000 !important;}
.navSubscribe:hover,
.navSubscribe a:hover{
	background:#3c5bda !important;
}




.alignnone {
    margin: 5px 20px 20px 0;
}

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

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}



.button {display:inline-block; background: #CCC !important; padding: 8px 20px; box-shadow: none; border: none; font: normal 18px BebasNeue;    white-space: nowrap;}
.button-big {font-size:26px;}
.button-blue {background:#196FB5 !important; color:#fff}