/*
Theme Name: Zuora Academy v3.0
Theme URI: http://www.zuora.com
Description: A Theme Created for the Academy for Zuora
Version: 3.0
Author: Zach Waggoner
Author URI: http://zachwaggoner.com
License: GNU General Public License v2.0 & Apache License 2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html http://www.apache.org/licenses/LICENSE-2.0
*/

/* HEADS UP: Everything that you will normally find here can be found in the library/less/wp.less */



img{
	border-radius:3px;
	height:auto;
}

.hide-thanks{
	display:none;
}
.desaturate {
	-webkit-filter: grayscale(20%);
	-moz-filter: grayscale(20%);
	filter: grayscale(20%);
}
.container-fluid{
	max-width:5000px;
}

/*Global Classes*/
.center{
	text-align:center;
}

.cursor{
	cursor:pointer;
}

.cursor:hover{
	color:#c05f68;
}

.absolute{
	position:absolute;
}

.relative{
	position:relative;
}

.clear{
	clear:both;
}
.text-right{
	text-align:right;
}

.absolute{
	width:100%;
	height:100%;
	position:absolute;
	max-width:100%;
}

.inline{
	display:inline;
}
img{
	border-radius:3px;
	max-width:100%;
}

h1,h2,h3,h4,h5,h6,#mktoForm_2144{
  font-family: "brandon-grotesque",sans-serif;
  color:#384b5d;
}

h4{
	letter-spacing:.09em;
}

p,span,label,input,textarea,a,button[type=submit],select,ul,li,cite,small{
		font-family: "museo-sans",sans-serif !important;
}
.user-content p,.user-content span,.user-content label,.user-content input,.user-content textarea,.user-content a,.user-content button[type=submit],.user-content select,.user-content ul,.user-content li,.user-content cite{
		font-size: 18px;
		line-height: 36px;
		letter-spacing:.03em;
		font-weight:300;
}
small{
	font-size:12px;
	letter-spacing:.03em;
}
cite{
	color:#a9b4bf;
}
/*.page-template-page-academy{
	padding-top:0 !important;
}*/
blockquote {
	margin: 30px 0 !important;
	border-bottom: 3px dotted #c05f68 !important;
	border-top: 3px dotted #c05f68 !important;
	border-left: 0 !important;
	text-align: center !important;
	padding:50px !important;
	font-family:"brandon-grotesque",sans-serif !important;
	font-size:24px;
	line-height:40px;

}
blockquote p{
	font-size:21px !important;
	line-height: 48px !important;
	font-family:"brandon-grotesque",sans-serif !important;
}

.cover blockquote{
	border:none !important;
	position:relative !important;
}
.cover blockquote:before,.cover blockquote:after{
	content:'"' !important;
	font-size:200px !important;
	font-family:"brandon-grotesque",sans-serif !important;
	color:#fff !important;
}
.cover blockquote:before{
		position:absolute !important;
		top:-110px !important;
		left:0 !important;
}
.cover blockquote:after{
		position:absolute !important;
		right:0px !important;
		bottom:-160px !important;
}

.user-content li{
	list-style:circle;
}

h1{
	margin-bottom:15px;
	font-size:48px;
	text-transform:uppercase;
}

h2{
	font-size:28px;
}

.absolute h2{
	text-transform:uppercase;
	text-shadow:1px 1px 1px #666;
	color:#fff;
	font-weight:300;
	padding:0px 10px;
	margin:0;
	-webkit-transition: margin-bottom .5s linear;
	-webkit-transition: margin-bottom .5s linear;
	-moz-transition: margin-bottom .5s linear;
	-ms-transition: margin-bottom .5s linear;
	-o-transition: margin-bottom .5s linear;
	transition: margin-bottom .5s linear;
	text-shadow:0px 0px 13px #000;
}

.absolute:hover h2{
	margin-bottom:10px;
}
.secondary-post .absolute h2{
	font-size:14px;
	line-height:16px;
}
.primary-post .absolute h2{
	font-size:24px;
	text-transform:uppercase;
	text-shadow:1px 1px 1px #666;
	font-weight:300;
	text-shadow:0px 0px 13px #000;
	line-height:32px;
}

#guide h4{
	color:#a9b4bf;
	letter-spacing:.04em;
	font-size:24px;
	font-weight:100 !important;
}


.guide .primary-post .button{
	margin:0 140px;
	font-size:14px !important;
}
.guide .secondary-post .button{
	margin:0 40px;
	font-size:14px !important;

}
.active{
	font-weight:bold;
	color:#c05f68;
}


a:hover{
	color:#c05f68;
	text-decoration:none;
	cursor:pointer;
}



#hero a:link{
	color:#fff;
}
#hero a:visited{
	color:#fff;
}
#hero li{
	list-style:none;
}

.strong{
	font-weight:bold;
}


/*Folding corner on homepage*/

.secondary-post, .primary-post{
	position:relative;
}
.secondary-post:before ,.primary-post:before{
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  right: 0px;
  bottom: 0px;
  border-bottom: 0px solid #384b5d;
  border-left: 0px solid transparent;
}

.secondary-post:after,.primary-post:after  {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  right: 0px;
  bottom: 0px;
  border-top: 0px solid;
  border-top-color:rgba(174,184,193,.8);
  border-right: 0px solid transparent;
}

.primary-post:before, .primary-post:after ,.secondary-post:before, .secondary-post:after {
  -moz-transition: border-width .3s ease-in-out;
  -webkit-transition: border-width .3s ease-in-out;
  -o-transition: border-width .3s ease-in-out;
  transition: border-width .4s ease-in-out;
}
.secondary-post:hover::after {
  border-top-width: 22px;
  border-right-width: 22px;
}

.secondary-post:hover::before {
  border-bottom-width: 22px;
  border-left-width: 22px;
}

.primary-post:hover::after {
  border-top-width: 30px;
  border-right-width: 30px;
}

.primary-post:hover::before {
  border-bottom-width: 30px;
  border-left-width: 30px;
}


footer{
	clear:both;
}
.small a{
	font-size:14px;
}
.uppercase{
	text-transform:uppercase;
}
/*Colors & Backgrounds*/

.white-bg{
	background:#ffffff;
}
.border-right{
	border-right:1px solid #a9b4bf;
}

.border-left{
	border-left:1px solid #a9b4bf;
}
.border-bottom{
border-bottom:1px solid #a9b4bf;
}

#menu-main-nav{
	margin:0px;
	padding:10px;
}

#menu-main-nav a{
	font-size:15px;
}

.related{
	padding:40px 0;
}
.no-pad{
	padding:0 !important;
}
.no-marg{
	margin:0 !important;
}
.border-separator{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:10px 0;
	margin:10px 0;
}
/*Header*/

.navbar{
	border-bottom:1px solid #ccc;
}

.navbar{
	background:none;
	padding:20px;
	border:none;
}

.no-float{
	float:none;
	margin:0 auto;
}
.page-header{
	border:none;
}
/*Home Page Section*/

.secondary-post,.primary-post{
	border:2px solid #fff;
	background-position:0 0;
	padding-bottom:90px;
	display:block;
    overflow:hidden;
}

.primary-post{
		background-size:100%;
}

.secondary-post{
		background-size:100%;
}

#content{
	padding:50px 0;
}

.page-template-page-academy #content{
	padding:0;
	margin-bottom:80px;
}

.page-template-page-academy li{
	list-style:none;
}

.page-template-page-academy .active{
	color:#fff;
	font-weight:normal;
}

.single-post #content{
	padding-top:150px;
}

.navbar-nav{
	float:right;
}

.navbar-nav > li > a{
	padding:5px 10px 5px 10px;
}

.featured-image{
	padding-bottom:0px;
	padding-left:0;
	padding-right:0px;
	border-radius:4px;
}

.page-template-page-academy .glossary a{
	font-size:12px;
}
/*zoom image effect*/

.black-overlay{
	background: rgba(0,0,0,.6);
	padding:100px 0 0 0;
}

.page-template-page-academy .black-overlay{
	background: rgba(77,77,77,.8);
	padding:180px 0 0px 0;
}
.single-guides .black-overlay{
	padding:100px 0;
}
.single-guides .secondary-btn {
padding:20px;
}
.single-guides #hero .black-overlay{
	margin:0;
}

/*Sign up form*/

/*Page Specific Forms*/
#mktoForm_2144{
  width:auto !important;
  margin:0;
  padding:0 220px;
}
#mktoForm_2144 input[type=text], .mktoForm input[type=url], .mktoForm input[type=email], .mktoForm input[type=tel], .mktoForm input[type=number], .mktoForm input[type=date], .mktoForm textarea.mktoField, .mktoForm select.mktoField{
  height: 40px;
  border:none;
  background:#cdd2d6;
  color:#384b5d !important;
  border-radius: 6px;
  width:90% !important;
}
 #mktoForm_2144 input[placeholder],
    [placeholder],
    *[placeholder] {
      color: #384b5d !important;
    }
#mktoForm_2144 .mktoFormCol{
  width:100%;
}

#mktoForm_2144 .mktoButtonRow{
  width:0 !important;
  text-align:left;
  margin:0;
}
#mktoForm_2144 span{
float:left;
width:100%;
text-align:left;
margin:0 !important;
}

#mktoForm_2144 .mktoErrorArrow,#mktoForm_2144 .mktoError .mktoErrorMsg{
	background:#c05f68 !important;
	border:none !important;
	font-family: "brandon-grotesque",sans-serif;
}

 #mktoForm_2144 span.mktoErrorDetail{
 	color:#c05f68 !important;
 	text-shadow:none !important;
 	font-family: "brandon-grotesque",sans-serif;
 }
#mktoForm_2144 .mktoButtonWrap.mktoSimple .mktoButton:hover{
background:#394B5D;
border:none;
font-family: "brandon-grotesque",sans-serif;
}
#mktoForm_2144 .mktoButtonWrap.mktoMinimal .mktoButton{
  background:#be6069;
  border:none;
  padding:15px;
  border-radius:300px;
  color:#ffffff;
  text-shadow:none;
  text-transform:uppercase;
  font-family: "brandon-grotesque",sans-serif;

}

#mktoForm_2144 .mktoAsterix{
  color:#6EC4AA;
}
#mktoForm_2144 .mktoRequiredField label.mktoLabel{
  width:auto !important;
}

#mktoForm_2144 .mktoFieldWrap{
  float:left;
  width:100%;
}
#mktoForm_2144 .mktoFormRow{
clear:none;
float:left;
width:80%;
text-align: center;
display: inline;
}
#mktoForm_2144 .mktoLabel{
  display:none;
}
#mktoForm_2144 .mktoGutter{
  display:none;
}
#mktoForm_2144 .mktoOffset{
  display:none;
}





.overlay{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}

.overlay:hover{
	background: rgba(0,0,0,.6);
	cursor:pointer;
}
.overlay:hover .dark-button{
	background:none;
}

.zoom{
	background-size:145% !important;
	-webkit-transition: background-size .5s linear;
	-webkit-transition: background-size .5s linear;
	-moz-transition: background-size .5s linear;
	-ms-transition: background-size .5s linear;
	-o-transition: background-size .5s linear;
	transition: background-size .5s linear;
	border-radius:4px;
}

.page-template-page-academy .zoom{
	background-size:100% !important;
	-webkit-transition: background-size .5s linear;
	-webkit-transition: background-size .5s linear;
	-moz-transition: background-size .5s linear;
	-ms-transition: background-size .5s linear;
	-o-transition: background-size .5s linear;
	transition: background-size .5s linear;
	border-radius:4px;
}

.zoom:hover{
	background-size:150% !important;
	cursor:pointer;
	background:rgba(0,0,0..4);
}

.page-template-page-academy .zoom:hover{
	background-size:110% !important;
	cursor:pointer;
}


/*Image Animation*/

.absolute{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;

}

.absolute:hover .hide-button{
	display:block;
	opacity:1;
}


.uwpqsf_class > label{
	float:left;
	display:inline;
	width:auto;
	font-size:11px;
	font-weight:600;

}

.uwpqsf_class > label:hover{
	cursor:pointer;
	color:#c05f68;

}

#uwpqsf_id{
	border:none;
	margin:0 auto;
	text-align:center;
}
input[type="radio"], input[type="checkbox"]{
    visibility:hidden;
}

.bylines a{
	font-size:14px;
}

/*CTAS*/

.button.green-hvr:hover{
	box-shadow:0 5px 0 0 #6dcc9c;
	color:#fff;
}
.secondary-btn{
	color:#fff;
	padding:0;
}

.white-btn{
	color:#384b5d;
	background:#ffffff;
	 padding: 8px 13px;
  	border-radius: 30px;
}
.white-btn:hover{
	color:#d5d0d1;

}


.page-template-page-academy #content .secondary-btn:hover{
	background:none;
	color:#ffffff;
	box-shadow:none;
}
#sub-ad{
	margin:10px 0px 10px 50px;
}
.text-button{
	border-bottom:2px dotted #c05f68;
}

.primary-btn{
	background:rgba(255,255,255,1);
	color: #384b5d !important;
}

.primary-post .secondary-btn {
	width:50%;
}

.dark-button{
	background:rgba(0,0,0,.4);
}
.primary-post .secondary-btn{
	padding:10px;
}

.secondary-post .secondary-btn{
	margin:4px 70px 26px;
	font-size:14px;
}



.show-button{
	opacity:1;
}

.hide-button{
	opacity:0;
	display:none;
	-webkit-transition: opacity .5s ease-out;
	-webkit-transition: opacity .5s ease-out;
	-moz-transition: opacity .5s ease-out;
	-ms-transition: opacity .5s ease-out;
	-o-transition: opacity .5s ease-out;
	transition: opacity .5s ease-out;
	-webkit-transition-delay: .1s; /* Safari */
    transition-delay: .1s;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	filter: alpha(opacity=0);
}

/*Bread Crumbs*/

#breadcrumbs a, #breadcrumbs span,#breadcrumbs strong{
	font-size:12px;
	letter-spacing: .03em;
}
#breadcrumbs{
	line-height:12px !important;
}

/*Sub Nav*/
.sub-nav-active{
	color:#c05f68;
}
.sub-nav a:link{
	color:#4d4d4d;
}
.sub-nav a:visited{
	color:#a8b4be;
}
.sub-nav a:hover{
	color:#c05f68;
}

/*User Content*/
.user-content h2{
	font-size:42px;
	margin-top:5px;
}
.user-content h3{
	font-size:36px;
	line-height:55px;
	text-transform:uppercase;
	color:#a9b4bf;
	padding:0 0 0 0;
}
.user-content{
	padding:10px 0;
}
/*Social*/
.st_fblike_large span{
	margin:0;
	vertical-align:top !important;
}


.toc-nav {
	float: left;
	width:25%;
	max-width: 500px;
	background:#fff;
	padding:35px 0;
}
.margin-fix{
	position:absolute;
	top:485px;
}

.sticky h3{
	margin:0;
}
	.related-guide .secondary-btn{
	margin:0 150px;
	padding:20px;
}

@media (max-width: 1200px) {
	.sticky,.asset{
		display:none;
	}
	#user-content{
	float:none;
	padding-left:0px;
	padding-right:0px;
	border-left:none;
	margin:0 auto;
	width:80%;
}
	.related-guide .secondary-btn{
	margin:0 50px;
}
#sub-ad{
	margin:0;
}
}
@media(max-width:768px){

	.mktoForm .mktoFormRow .mktoField{
		height:50px;
		width:100% !important;

	}
	#mktoForm_2144 .mktoFormRow{
		width:100%;
		padding:0 30px;
	}
	#mktoForm_2144{
  padding:0;
}
#mktoForm_2144 .mktoButtonRow {
  width: 100% !important;
}
#mktoForm_2144 span{
	text-align:center;
}
}
@media(max-width:500px){
		.related-guide .secondary-btn{
	margin:0 40px;
}
}


/*filter plugin styles*/

#filters ul{
	border:none;
}
#filters li{
	display:inline;
	list-style:none;
	padding:0 !important;
	border:none !important;
	margin:0 !important;
}

#filters li a{
	padding-right:5px !important;
	margin:0 !important;
	font-size:12px;
	color:#333333;
}
#iso-loop h2{
	line-height:12px;
	position:absolute;
	bottom:0;
	padding:20px;
	width:100%;
	background:rgba(0,0,0,.5);
	margin:0;
	font-family:"museo-sans",sans-serif;
	color:#fff;
	line-height:24px;
	font-size:14px;
}

#iso-loop h2 a{
	font-size:14px;
	color:#fff;
	line-height:12px;

}

.iso-thumb{
	margin-bottom:0 !important;
}

#iso-loop p{
	display:none;
}

.vis-hide{
	visibility:hidden;
}
.secondary-post, .primary-post{
	padding-bottom:0px;
	border:none;
}