/*
Theme Name: AlejandraFoundation2
Author: 
Author URI: 
Description: This is a custom theme design exclusively for Alejandra.tv.
Text Domain: alejandrafoundation
Version: 1.0
*/


/* 
pink - c61a7e
blue - 0198f1
orange - ff8f2b
green - 7bc00f
*/

.no-ess-image-share + .essbis-container,
.no-ess-image-share + .essbis-container {display:none;}

.column-aso-footer {display:none;} /*hide logo bar in footer-nosignup*/
#social-icons {display:none;} /*hide social icons*/
#searchform-footer {display:none;} /* hide footer search bar */
#footer-menu-container{display:block;} /*make menu visible (homepage only) hidden on all interiors*/

header,nav,section,article,aside,footer,hgroup{ display: block;}

/* containers */

/*.main-section{
	padding:0;
	margin:0;
}*/
.column{
	background: url(images/welcome-chev-bg.png) scroll 0 0;	
}
.row {
	padding:0;
}

.hero-img {text-align:center;}

h1 {font-size: 2.25em; text-align:left;}

.h1-small {font-size: 2.25em;}

h1#intro{padding:.5em 0 0 0;}

h2 {
	font-size: 1.25em;
	color: #333;
	line-height: 1.25em;
	margin-bottom: .75em;
}

a.btn-new-green{
	margin:.75em 0 0;	
}
/* section: header bar */
nav.tab-bar {display:block; position:absolute; right:0; z-index:1000;} /* show small screen header */
#atv-logo{margin-top:1em;margin-left:2.5em; width:40%;}

a.welcome-login-btn{
	background-color:#f2f2f2;
	color:#808080;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	padding:10px;
	float:right;
}
a.welcome-login-btn:link{}
a.welcome-login-btn:visited{}
a.welcome-login-btn:hover{background-color:#7bc00f;color:#fff;}
a.welcome-login-btn:active{}

#welcome ol li,#welcome ul li{
	list-style-type:none;	 
	background:none;
}

.continue-scrolling-caret {
	border-left: 3px solid transparent;
	border-top: 3px solid transparent;
	border-bottom: 3px solid #7bc00f;
	border-right: 3px solid #7bc00f;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	height:1.25em;
	width:1.25em; 
	margin: 1em auto 0;
	clear:both;
	display:block;
}


/* section: intro */
#row-intro{padding:0em 1.5em 1.5em;}
#row-intro img {width:100%;margin:2em 0 0 0;}

/* creates an underline swoosh under THRIVE */
#row-intro h1 span {
  margin: 0;
  display: inline-block;
  position: relative;
}
#row-intro h1 span:after {
  content: '';
  position: absolute;
  display: block;
  height: .35em;
  width: 120%;
  margin-left: -55%;
  left: 50%;
  bottom: -.45em;
  border-radius: 50%;
  z-index: -1;
  background: white;
}
#row-intro h1 span:before {
  content: '';
  position: absolute;
  display: block;
  height: .3em;
  width: 110%;
  margin-left: -55%;
  left: 50%;
  bottom: -.32em;
  border-radius: 50%;
  z-index: -2;
  background: white;
  background: linear-gradient(to right, #2c3d7d 25%,white 100%);
	
	}

/* section: as seen on logos */
#row-aso{padding:1em 1.5em 1em;background-color:#f2f2f2;text-align:center;}
#aso-subhead{float:none;margin: 15px 20px 15px 0;font-size: 1.25em;	}
ul#aso-logos{list-style-type:none;float: none;margin:0;width:100%;	}
ul#aso-logos li{width: 33.3%; padding:0;float:left;	}

/* section: emotions */
#row-emotions{padding:2em 1.5em;clear:both;}
#row-emotions img{width:70%;}
#row-emotions aside{background-color: #f2f2f2;padding: 1.5em;}
h2 span{font-family: FuturaBT-BoldCondensed, Arial, Helvetica, sans-serif;font-size: 1em;}
#row-emotions ul.check-green li {background: url(images/bullets-green-check.png) no-repeat 0px 0px !important; padding: 0 0 0 25px}

/* section: steps */
#row-steps{padding:2em 2em;clear:both;text-align:center;background-color:#f2f2f2;}
#row-steps img{float: none;margin: 0 1em 1em; width:45%;}
#row-steps h2{color:#fff; margin:0em .5em;text-align:center;}
#row-steps p{color: #fff; margin-bottom:inherit;padding:1em .5em 0;text-align:center;}
#row-steps ol{margin:0;}
#row-steps li{width: 100%;	float:none;	padding: 1em;border-bottom:3px solid #f2f2f2;position:relative;}
#row-steps li#step-1{background-color: #ff8f2b;}
#row-steps .carrot{
	overflow:hidden;
	height:25px;
	width:55px;
	z-index:100;
	position:absolute;
	bottom:-25px;
	left:45%;
	}
#row-steps .carrot span{
	border:3px solid #f2f2f2;
	height:2em; 
	width:2em;
	display:block;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin:-17px 0 0 5px;
}
#row-steps li#step-1 .carrot span {background-color: #ff8f2b;}
#row-steps li#step-2 .carrot span {background-color: #c61a7e;}

#row-steps li#step-2{background-color: #c61a7e;}
#row-steps li#step-3{background-color: #0198f1;}

/* section: clutter */
.column-clutter{background: url(images/welcome-lifetime-clutter-bg.png) #fff repeat-x scroll 700px 0; background-size:90% auto;}
#row-clutter{padding:2em 1.5em;clear:both;}
#row-clutter img{width:80%;}

/* section: testimonials */
#row-testimonials{padding:2em 2em;clear:both;text-align:center;background-color:#f2f2f2;}
#row-testimonials h2{color:#0198f1; margin-bottom:.5em;text-align:center;}
#row-testimonials p{background-color:#f2f2f2;text-align:center;}
#row-testimonials li{width: 100%;float:none;	padding:0; margin: 2em 0 0 0;text-align:left;text-align:center;}
#row-testimonials li:nth-child(3n+0){margin-right:0;}
#row-testimonials li span{margin-top:.5em; display:block;}
#row-testimonials li img{overflow: hidden; border:4px solid #0198f1; margin-bottom:.5em;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}


/* section: meet */
#row-meet{padding:3em 1.5em 0;clear:both;}
#row-meet img{width:80%;}

p a br {display:none;} /* wordpress inserts br before noscript tag */ 



/* ////////////////////////////////////////
Responsive 
//////////////////////////////////////// */

/* phone vertical */
@media only screen and (max-width: 29.9375em) { 
/* section: as seen on logos */
ul#aso-logos li{margin:0;padding:0 1%;float:left;width:50%;	}
}



/* tablet */
@media only screen and (min-width: 40.0625em) { 

#atv-logo{margin-top:1.75em;margin-left:2.5em; width:35%;}

/* section: intro */
#row-intro img{padding-left:1.5em; width:100%;margin-bottom:-5.5em;}

/* section: emotions */
#row-emotions img{width:100%;}

/* section: clutter */
#row-clutter {padding:7em 1.5em 3em;}
#row-clutter h1{margin-top:2em;}
#row-clutter img{width:100%;}

/* section: steps */
#row-steps img{float: left;margin: 0 2em 0 0;}
#row-steps h2{text-align:left;}
#row-steps p{margin-bottom:none;text-align:left;}

/* section: meet */
#row-meet img{padding-left: 2em; width:100%;}

}

/* tablet horizontal / some desktop */
@media only screen and (min-width: 60em) { 


/* section: header bar - add row-like margins on large screens*/
nav.tab-bar {
	display:block; 
	position:absolute;
	width:100%; 
	max-width:62.5rem;
	margin:0 auto;
	left:0;
	right:0;
	background:none;
	z-index:1000;
} 
	
h1 {font-size:3.6em;}
.h1-small {font-size: 2.45em;}
h2 {font-size:1.5em;}

#atv-logo{margin-top:1.75em;margin-left:2.5em; width:25%;}

/* section: as seen on logos */
#aso-subhead{float:left;}
ul#aso-logos li{margin:0;padding:0 1%;float:left;width:10.5%;	}

/* section: steps */
#row-steps{padding:2em 5em;}
#row-steps h2{margin:1em .5em;text-align:center;}
#row-steps img{float:none; margin:1em 0 0 0; width:55%;}
#row-steps p{color: inherit; background-color:#f2f2f2;margin-bottom:0;padding:1em .5em;text-align:center;}
#row-steps li{width: 33.33%;	float:left;	padding: 0;border-right:3px solid #f2f2f2;text-align:center;}
#row-steps .carrot{
	overflow:hidden;
	height:55px;
	width:25px;
	right:-25px;
	top:7em;
	bottom:inherit;
	left:inherit;
	}
#row-steps .carrot span{
	height:2em; 
	width:2em;
	margin:5px 0 0 -17px;
}
/* section: clutter */
.column-clutter{background-size:50% auto;}

/* section: testimonials */
#row-testimonials{text-align:center;padding:2em 5em;}
#row-testimonials h2{text-align:left;}
#row-testimonials p{text-align:left;}
#row-testimonials li{width: 30%;float:left;margin: 2em 5% 0 0;text-align:center;}
}

/* Alert Bar (Notification Bar plugin)
------------------------------------------*/
.mtsnb-container-outer{
	background: url(images/notification-bg-chevron.png) !important;
}