/*



Theme Name:     Volcano - Responsive Wordpress Magazine / Blog Theme



Theme URI:		http://themeforest.net/user/ZERGE/portfolio



Description:    Child theme for the Volcano theme



Version:		1.02



Author:         ZERGE



Author URI:		http://themeforest.net/user/ZERGE



Template:		wp-volcano







*/







@import url("../wp-volcano/style.css");







/* --------- Insert your custom styles on next rows --------- */

#logo{padding:10px 0;}

label.previewLabel{

	display:none;

}

.af-form-wrapper{

	margin:0;

	padding:0;

}

.formOptin.af-form{

	width:670px;

	max-width:100%;

	font-family: 'PT Sans', Arial, sans-serif!important;

}

.formOptin .formHeader h2, .formOptin .formHeader h3{

	text-align:center;

}

.formOptin .formHeader h2{

	color:#FFF;

	text-shadow: 0px 3px 0px rgba(177, 66, 26, 1);

	font-weight:700;

	font-size:4.5em;

	padding:0;

	margin:40px 20px 0 20px;

}

.formOptin .formHeader h3{

	color:#f8edad;

	text-shadow: 0px 2px 0px rgba(148, 54, 20, 1);

	font-weight:400;

	padding:0;

	margin:15px 20px 20px 20px;

	font-size:1.7em;

}

.formOptin .formHeader{

	background: #ef5923;

	background: -moz-linear-gradient(top,  #ef5923 0%, #9e3a16 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef5923), color-stop(100%,#9e3a16));

	background: -webkit-linear-gradient(top,  #ef5923 0%,#9e3a16 100%);

	background: -o-linear-gradient(top,  #ef5923 0%,#9e3a16 100%);

	background: -ms-linear-gradient(top,  #ef5923 0%,#9e3a16 100%);

	background: linear-gradient(to bottom,  #ef5923 0%,#9e3a16 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef5923', endColorstr='#9e3a16',GradientType=0 );

	border:1px solid #d44f1f;

	min-height:153px;

}

.formOptin .af-body{

	border-top:1px solid #3f322e;

	border-right:1px solid #696969;

	border-left:1px solid #696969;

	border-bottom:1px solid #696969;

	min-height:44px;

	padding:12px;

	background: #545353;

	background: -moz-linear-gradient(top,  #545353 0%, #2d2c2c 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#545353), color-stop(100%,#2d2c2c));

	background: -webkit-linear-gradient(top,  #545353 0%,#2d2c2c 100%);

	background: -o-linear-gradient(top,  #545353 0%,#2d2c2c 100%);

	background: -ms-linear-gradient(top,  #545353 0%,#2d2c2c 100%);

	background: linear-gradient(to bottom,  #545353 0%,#2d2c2c 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#545353', endColorstr='#2d2c2c',GradientType=0 );

}

.formOptin .af-element{

	float:left;

	width:38%;

	min-width:200px;

	padding-right:10px;

}

.formOptin .af-element.buttonContainer{

	width:20%;

	min-width:100px;

	padding-right:0;

}

.formOptin .af-element input.text{

	border:1px solid #545454;

	background-color:#333333;

	height:24px;

	padding:8px 18px;

	font-size:24px;

	color:#888888;

	width:85%;

	-webkit-box-shadow: inset 0px 0px 15px 10px rgba(0, 0, 0, 0.25);

	-moz-box-shadow:    inset 0px 0px 15px 10px rgba(0, 0, 0, 0.25);

	box-shadow:         inset 0px 0px 15px 10px rgba(0, 0, 0, 0.25);

-webkit-border-radius: 4px;

-moz-border-radius: 4px;

border-radius: 4px;

}

.formOptin .af-element input.text:focus{

	color:#FFF;

}

.formOptin .af-element input.submit{

	font-size:24px;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

	background: #ef5923;

	background: -moz-linear-gradient(top,  #ef5923 0%, #9e3a16 100%);

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef5923), color-stop(100%,#9e3a16));

	background: -webkit-linear-gradient(top,  #ef5923 0%,#9e3a16 100%);

	background: -o-linear-gradient(top,  #ef5923 0%,#9e3a16 100%);

	background: -ms-linear-gradient(top,  #ef5923 0%,#9e3a16 100%);

	background: linear-gradient(to bottom,  #ef5923 0%,#9e3a16 100%);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef5923', endColorstr='#9e3a16',GradientType=0 );

	border:1px solid #d44f1f;

	color:#FFF;

	height:42px;

	padding:0 27px;

	cursor:pointer;

	text-shadow: 0px 2px 0px rgba(148, 54, 20, 1);

}

.formOptin .af-element input.submit:hover, .formOptin .af-element input.submit:focus{

	-moz-opacity: 0.80;

	opacity: 0.80;

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80);	

}

#fancybox-content { border-width:0px!important;text-align:center;}

#fancybox-outer{width:97%;}

#fancybox-close{height:25px;}

.recent-post-widget .post-date{display:none;}

/* TABLE CSS HEADER */
table th{
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #e2e2e2 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e2e2e2));
background: -webkit-linear-gradient(top,  #ffffff 0%,#e2e2e2 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#e2e2e2 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#e2e2e2 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#e2e2e2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 );
}

/* FACEBOOK IN PAGE AWEBER SIGN UP FORM */
.af-body2, .af-body2 *{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	font-family:'PT Sans',sans-serif,Arial,Helvetica;
}
.af-body2{
	background:url(images/pattern.png) top left repeat-x;
	min-height:150px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0px 0px 0px 1px rgba(249, 249, 250, 1);
	-moz-box-shadow:    inset 0px 0px 0px 1px rgba(249, 249, 250, 1);
	box-shadow:         inset 0px 0px 0px 1px rgba(249, 249, 250, 1);
	border:1px solid #d2d2d2;
	padding:1.5%;
	margin-bottom:20px;
}
.af-element2 .af-textWrap2 input{
	height:62px;
	border:1px solid #c9c9c9;
	-webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 1);
	-moz-box-shadow:    0px 1px 0px 0px rgba(255, 255, 255, 1);
	box-shadow:         0px 1px 0px 0px rgba(255, 255, 255, 1);
	text-shadow: 0px 1px 0px #FFF;
	color:#b3b3b3;
	width:100%;
	background: #dcdcdc;
	background: -moz-linear-gradient(top,  #dcdcdc 0%, #e3e3e3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dcdcdc), color-stop(100%,#e3e3e3));
	background: -webkit-linear-gradient(top,  #dcdcdc 0%,#e3e3e3 100%);
	background: -o-linear-gradient(top,  #dcdcdc 0%,#e3e3e3 100%);
	background: -ms-linear-gradient(top,  #dcdcdc 0%,#e3e3e3 100%);
	background: linear-gradient(to bottom,  #dcdcdc 0%,#e3e3e3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcdcdc', endColorstr='#e3e3e3',GradientType=0 );
	line-height:62px;
	font-size:28px;
	padding-left:50px;
	padding-right:10%;
}
.icon_wrap{
	position:relative;
}
.af-element2 .icon_email{
	background-image:url(images/email_icon.png);
}
.af-element2 .icon_name{
	background-image:url(images/name_icon.png);
}
.af-element2 .icon_email, .af-element2 .icon_name{
	background-position:center center;
	background-repeat:no-repeat;
	height:23px;
	width:30px;
	position:absolute;
	left:5%;
	bottom:-45px;
}
.af-element2.af-field{
	float:left;
	width:50%;
	padding:1.5%;
}
.af-element2.buttonContainer2 input.submit{
	height:62px;
	background: #ffcb64;
	background: -moz-linear-gradient(top,  #ffcb64 0%, #f78d09 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffcb64), color-stop(100%,#f78d09));
	background: -webkit-linear-gradient(top,  #ffcb64 0%,#f78d09 100%);
	background: -o-linear-gradient(top,  #ffcb64 0%,#f78d09 100%);
	background: -ms-linear-gradient(top,  #ffcb64 0%,#f78d09 100%);
	background: linear-gradient(to bottom,  #ffcb64 0%,#f78d09 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcb64', endColorstr='#f78d09',GradientType=0 );
	-webkit-box-shadow: inset 0px 0px 0px 1px rgba(249, 249, 250, 0.6);
	-moz-box-shadow:    inset 0px 0px 0px 1px rgba(249, 249, 250, 0.6);
	box-shadow:         inset 0px 0px 0px 1px rgba(249, 249, 250, 0.6);
	border:1px solid #f1982e;
	padding: 8px 46px 15px;
	color:#FFF;
	text-shadow: 0px 2px 0px #e6850b;
	font-size:28px;
	font-weight:bold;
	cursor:pointer;
}
.af-element2.buttonContainer2 input.submit:hover{
	background: #f78d09;
	background: -moz-linear-gradient(top,  #f78d09 0%, #ffcb64 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f78d09), color-stop(100%,#ffcb64));
	background: -webkit-linear-gradient(top,  #f78d09 0%,#ffcb64 100%);
	background: -o-linear-gradient(top,  #f78d09 0%,#ffcb64 100%);
	background: -ms-linear-gradient(top,  #f78d09 0%,#ffcb64 100%);
	background: linear-gradient(to bottom,  #f78d09 0%,#ffcb64 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f78d09', endColorstr='#ffcb64',GradientType=0 );
}
.af-element2.buttonContainer2{
	padding:0 1.5% 1.5%;
}
.af-clear{clear:both;}
@media (max-width: 480px) {
	.af-element2.af-field{
		width:100%;
	}
	.af-element2.buttonContainer2 input.submit{
		width:100%;
	}
}
/* MODIFY COLUMN WIDTH DURING RESPONSIVE */
@media (max-width: 767px) { 
		.entry-post, .block_c_l_r, .block_l_c_r, .block_l_r_c, .block_c_r, .block_l_c, .block_c_i_r, .block_l_c_i {	width: 275px; }
}

/* YARRP RELATED POST WIDGET */
.yarpp-thumbnail{
	width:25%;
	float:left;
	padding:1%!important;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
/* ICONS */
.planeIcon{
	background:url('images/plane_icon.png')left top no-repeat;
	height:42px;
	width:104px;
	display:block;
	margin:0 auto;
	margin-bottom:-30px;
	margin-top:5px;
}
.mapleIcon{
	background:url('images/maple_icon.png')left top no-repeat;
	height:42px;
	width:39px;
	display:inline-block;
}

/* IMPORTANT PAGES SIDEBAR IMAGES HOVER EFFECT */
a.sidebarPageGraphic{
	display:inline-block;
}
.sidebarPageGraphic img:hover {
	-moz-opacity: 0.60;
	-khtml-opacity: 0.60;
	opacity: 0.60;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=60);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
	filter:alpha(opacity=60);
}
/* HOME SECURED CREDIT CARD BUTTONS */
.fee {
    background: url("http://www.bad-credit-loans.ca/wp-content/uploads/2014/06/btn_sec_apply_fee.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.nofee {
    background: url("http://www.bad-credit-loans.ca/wp-content/uploads/2014/06/btn_sec_apply_nofee.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.secured_apply {
    float: left;
    height: 189px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-indent: -100em;
    width: 184px;
	padding:0!important;
	transition:none!important;
}

.secured_apply:hover {
    background-position: 0 -189px;
}
/* TOP 20 BIOS ARTICLE */
.top20bio{
	background-color:#f2f2f2;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding:20px;
	overflow:hidden;
	margin-bottom:20px;
}
.top20bio .alignleft{
	margin-bottom:0;
	margin-top:0;
	padding:5px;
	background:#FFF;
	border:1px solid #CCC;
}
.top20bio h4{
	font-size:48px;
	color:#F15A23;
	padding-top:20px;
}
.top20bio p em{
	font-size:18px;
	display:block;
	padding-bottom:20px;
	border-bottom:1px solid #CCC;
	font-style:normal;
}
.top20bio a{
	font-size:18px;
}
.top20bio .Facebook img{
	padding-top:10px;
}
.top20bio .Facebook:hover{
	text-decoration:none;
	-moz-opacity: 0.60;

	opacity: 0.60;

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=60);
}
.bioQuestion{
	font-size:18px;
	color:#999;
	margin-top:40px;
	margin-bottom:20px;
	border-bottom:1px dashed #CCC;
	padding-bottom:20px;
}
/* TRAVEL HACKER OPTIN */
label.previewLabel{
	display:none;
}
.travelHackerForm{
	border:15px solid #FFF;
}
.af-form.travelHacker{
	width:762px;
	max-width:100%;
	height:439px;
	font-family: 'PT Sans', sans-serif;
	background:url('images/optin_bg_travel.jpg') top left no-repeat;
	padding:22px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.travelHacker .af-body h2, .travelHacker .af-body h3{
	text-align:center;
}
.travelHacker .af-body h2{
	color:#000;
	text-shadow: 0px 2px 0px rgba(255, 255, 255, 1);
	font-weight:700;
	font-size:58px;
	padding:0;
	margin:0px 0px 20px 0;
}
.travelHacker .af-body h3{
	color:#5e5d5d;
	text-shadow: 0px 2px 0px rgba(255, 255, 255, 1);
	font-weight:400;
	padding:0;
	margin:0 20px 20px 20px;
	font-size:150%;
}
.travelHacker .af-body{
	width:100%;
	max-width:446px;
	padding:24px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: rgb(255, 255, 255); /* The Fallback */
	background: rgba(255, 255, 255, 0.5); 
	margin-top:40px;
}
.travelHacker .af-element{
	float:left;
	width:100%;
}
.travelHacker .af-element.buttonContainer{
	width:100%;
	min-width:100%;
	padding-right:0;
	margin-bottom:0;
}
.travelHacker .af-element input.text{
	border:1px solid #a5a5a5;
	background-color:#FFF;
	/*height:24px;*/
	padding:5px 18px;
	font-size:24px;
	color:#888888;
	width:100%;
	height:40px;
	-webkit-box-shadow: inset 0px 0px 15px 10px rgba(0, 0, 0, 0.08);
	-moz-box-shadow:    inset 0px 0px 15px 10px rgba(0, 0, 0, 0.08);
	box-shadow:         inset 0px 0px 15px 10px rgba(0, 0, 0, 0.08);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.travelHacker .af-element input.text:focus{
	color:#000;
}
.travelHacker .af-element input.submit{
	font-size:24px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #ef5923;
	background: -moz-linear-gradient(top,  #ef5923 0%, #9e3a16 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ef5923), color-stop(100%,#9e3a16));
	background: -webkit-linear-gradient(top,  #ef5923 0%,#9e3a16 100%);
	background: -o-linear-gradient(top,  #ef5923 0%,#9e3a16 100%);
	background: -ms-linear-gradient(top,  #ef5923 0%,#9e3a16 100%);
	background: linear-gradient(to bottom,  #ef5923 0%,#9e3a16 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef5923', endColorstr='#9e3a16',GradientType=0 );
	border:1px solid #d44f1f;
	color:#FFF;
	height:42px;
	padding:0 27px;
	cursor:pointer;
	text-shadow: 0px 2px 0px rgba(148, 54, 20, 1);
	width:100%;
}
.travelHacker .af-element input.submit:hover, .travelHacker .af-element input.submit:focus{
	-moz-opacity: 0.80;
	opacity: 0.80;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80);	
}
@media (max-width: 480px) {
	.travelHacker .af-body{
		margin-top:20px;
	}
	.travelHacker .af-body h2{
		font-size:28px;
		margin-bottom:10px;
	}
	.travelHacker .af-body h3{
		font-size:14px;
	}
	.travelHacker .af-element input.submit{
		font-size:14px;
	}
	#banner{display:block;background:none;padding:0;margin-top:10px;}
		
}


/* BNN CSS TWEAKS */
.article-adv p, .article-adv ul li, .article-adv ol li{
font-size:16px;
line-height:28px;
}
.article-adv ul li, .article-adv ol li{
color:#111111;
}

.article-main-image{
    border-style: none;
    float: right;
    height: auto;
    margin: 0px 0 15px 20px;
    position: relative;
    width: 298px;
}
.main-article-image{
	margin-bottom:26px;
}
.main-article-image-caption{
	background-color:#111111;
	font-size:12px;
	color:#fff;
	line-height:15px;
	padding:15px;
}

/* ==========================================================================
   CUSTOM STYLES - CALL TO ACTIONS
   ========================================================================== */

.tap-age a, .tap-age a:visited{
    display:inline-block;
    padding:15px;
    color:#fff;
    text-decoration:none;
    font-weight:bold;
    font-size: 18px;
    font-size: 1.2rem;
    background-color:#005689;
    float:left;
    margin-right:10px;
    outline:none;
    margin-bottom:10px;
}

.tap-age-img a{
    display:inline-block;
    padding:5px;
    color:#fff;
    text-decoration:none;
    border:none;
    font-weight:bold;
    font-size: 18px;
    font-size: 1.2rem;
    float:left;
    outline:none;
}
.tap-age-img a:hover{
	border:none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
}

p.red-button a, p.red-button a:visited{
    display:inline-block;
    padding:10px 30px;
    color:#fff;
    text-decoration:none;
    font-weight:bold;
    font-size: 20px;
    background-color:#cc0000;
    outline:none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	line-height:25px;
}

.red-button a:hover, .red-button a:focus, .tap-age a:hover, .tap-age a:focus{
    color:#fff!important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
}

/* RESPONSIVE BNN TWEAKS */

@media (max-width: 480px) {
	.article-main-image{
		width:100%;
		float:none;
		margin-left:0;
	}
	.article-main-image img{
		width:100%;
	}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {

	.article-main-image{
		width:55%;
		height:auto;
	}
}
