/* 
Theme Name: Canvas Child Theme
Theme URI: http://www.yoursite.com/
Version: 1.0
Description: Custom Theme based on Canvas
Author: Fernando Villamor / heiden Rich Galbo
Author URI: 
Template: canvas

*/

/* Default styles */

@import "../canvas/css/reset.css";
@import "../canvas/style.css";

/*-------------------------------------------------------------------------------------------*/

#f-wrapper {
	background: url("../canvas/images/header-bk.png") repeat-x scroll 0 0 transparent;
}
#s-wrapper {
	background: url("../canvas/images/footer-bk.png") repeat-x scroll 0 0 transparent;
	background-position: bottom;
}
.f-left {
	float: left;
}
.f-right {
	float: right;
}
.red-text {
	color: #ff0000;
}
.gray-text {
	color: #303030;
}
.darker-text {
	color: #303030;
}
.darker-text2 {
	color: #303030;
}
.darker-text3 {
	color: #303030;
}
.darker-text4 {
	color: #303030;
}
.bold {
	font-weight: bold;
}
#f-section #title, #section3 #title {
	font-size: 33px;
	width: 650px;
}
#sub {
	border-bottom: 1px solid #D6D6D6;
	font-size: 18px;
	line-height: 1.3em;
	margin-top: 10px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	width: 600px;
}
#list-title {
	font-size: 18px;
	margin-bottom: 20px;
}
#f-section ul li , #section3 ul li {
	font-size: 16px;
	margin-bottom: 15px;
	width: 450px;
}
#f-section ul , #section3 ul {
	clear: both;
	list-style-image: url("../canvas/images/check.png");
	margin-left: 50px;
	line-height: 1.5em;
	width: 500px;
}

.ul li{
	list-style-image: url("../canvas/images/check.png") !important;
}

#f-section {
	background: url("../canvas/images/toddler1.png");
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 500px;
}
.red-btn {
	background: red;
	border: 1px solid red;
	line-height: 1.5em;
	padding: 5px 15px;
	border-radius: 12px 12px 12px 12px;
	color: white;
}
#buts a {
	font-size: 33px;
	cursor: pointer;
  color: white;
}
#but-desc {
	margin-left: 10px;
	width: 570px;
}
#but-desc p {
	font-size: 18px;
	line-height: 1.2em;
	margin-top: 10px;
	vertical-align: middle;
}
.separator {
	background: url("../canvas/images/separator.png") no-repeat scroll center bottom transparent;
	clear: both;
	float: left;
	height: 28px;
	margin: auto;
	padding-top: 30px;
	width: 900px;
}
.title1 {
  font-family: 'Archivo Narrow' !important;
	font-size: 30px !important;
	margin-bottom: 20px;
}
.clearb {
	clear: both;
}
#section2 {
	padding-top: 45px;
}
p {
	line-height: 1.7em;
}
.step1-m {
	margin-top: 30px;
	float: left;
}
#step1 p {
	background: url("../canvas/images/step1.png") no-repeat scroll left top transparent;
	padding-left: 45px;
	padding-top: 10px;
}
#step2 p {
	background: url("../canvas/images/step2.png") no-repeat scroll left top transparent;
	padding-left: 45px;
	padding-top: 10px;
}
#step3 p {
	background: url("../canvas/images/step3.png") no-repeat scroll left top transparent;
	padding-left: 45px;
	padding-top: 10px;
}
#step4 p {
	background: url("../canvas/images/step4.png") no-repeat scroll left top transparent;
	padding-left: 45px;
	padding-top: 10px;
}
#steps p {
	font-size: 16px;
}
.steps p {
	max-width: 600px;
	width: 100%;
}
.steps {
	margin: auto;
	max-width: 860px;
	width: 100%;
}
#sub1 {
	font-size: 24px;
	margin-top: 20px;
}
#info {
	background: none repeat scroll 0 0 #EDEDED;
	margin-left: -56px;
	padding: 15px 52px;
	width: 101%;
	margin-bottom: 20px;
}
#sec3-head {
	background: url("../canvas/images/t2t-whole-package-ecover.png");
	background-position: right;
	background-repeat: no-repeat;
	clear: both;
	float: left;
	height: 300px;
	padding-right: 400px;
	width: 500px;
	margin-bottom: 20px;
}
#sec3-head #title {
	width: 500px;
}
#sec3-head #sub {
	width: 450px;
}
#section3 {
	margin-top: 30px;
}
#section3 ul , #section3 ul li {
	width: 830px !important;
}
#section3 ul {
	margin-bottom: 20px;
}
#toddler-music {
	clear: both;
	float: left;
	margin-top: 10px;
	background-color: #f5f2f2;
	border: 3px solid #ececec;
	border-radius: 15px 15px 15px 15px;
	background-image: url('../canvas/images/toddler-music.png');
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 400px;
	width: 500px;
	height: 270px;
}
#toddler-title {
	font-size: 40px;
 font-family: 'Archivo Narrow' !important; 
}
#toddler-sub {
	font-size: 20px;
	
}
.text input[type="text"] {
	font-size: 16px;

	width: 200px;
}
.text-name input {
	margin-right: 20px;
}
#toddler-music input[type="submit"] {
	background-color: #fe0000;
	
	color: white;
	font-size: 20px;
	border-radius: 10px 10px 10px 10px;
	border: none;
	padding: 4px 20px;
	
	margin-right: 20px;
	cursor: pointer
}
#toddler-music #alert {
	margin-top: 10px;
}
#sec4-title {
	font-size: 30px;
}
#section4 {
	padding-top: 20px;
	padding-bottom: 10px;
}
#sec4-sub {
	clear: both;
	margin-bottom: 20px;
	margin-top: 10px;
}
#section5 #title {
	font-size: 30px;
	margin-bottom: 20px;
}
#section5 {
	padding-top: 20px;
}
#testi1a {
	background: url('../canvas/images/testi-pic1.png');
	background-position: top left;
	background-repeat: no-repeat;
}
#testi2 {
	background: url('../canvas/images/testi-pic2.png');
	background-position: top left;
	background-repeat: no-repeat;
}
#testi3 {
	background: url('../canvas/images/testi-pic3.png');
	background-position: top left;
	background-repeat: no-repeat;
}

#testi4 {
	background: url('../canvas/images/testi-pic4.png');
	background-position: top left;
	background-repeat: no-repeat;
}
#testi5 {
	background: url('../canvas/images/testi-pic5.png');
	background-position: top left;
	background-repeat: no-repeat;
}

#testi-avatar {
	background: url('../canvas/images/avatar.png');
	background-position: top left;
	background-repeat: no-repeat;
}

.testi {
	padding-left: 80px;
	border-bottom: 1px solid #F2F2F2;
	margin-bottom: 30px;
}
#f-quote {
	background: url('../canvas/images/quote-img-l.png');
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 40px;
}
#testi-desc {
	background: url("../canvas/images/quote-img-r.png") no-repeat scroll right bottom transparent;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 40px;
}
#section6 {
	clear: both;
}
#toddler-glass {
	background: url('../canvas/images/toddler-glasses.png');
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 300px;
	width: 600px;
}
#sec7-but a {
	font-size: 25px;
	padding: 5px 10px;
  cursor: pointer;
  color: white;
}
#free-scripts {

	font-size: 20px;
	margin-bottom: 20px;
}
#sec7-left ul li {
	color: #00AEFF;
	padding: 3px;
}
#sec7-left {
	width: 450px;
}
#sec7-right {
	width: auto;
	color: white;
	max-width: 420px;
}
#section7 {
	margin-top: 20px;
	padding-top: 40px;
}
#sec7-sub {
	margin-bottom: 20px;
	margin-top: 20px;
}
#bluebox {
	background-color: #00aeff;
	border-radius: 10px 10px 10px 10px;
	 padding: 20px 20px 40px;
}
#sec7-title {
	font-size: 24px;
}
#bluebox #sec7-sub {
	font-size: 16px;
}

#sec8-desc {
font-size: 24px;

}

#section8 {
margin: 20px 0;
}

#sky-title {
font-size: 36px;
font-family: 'Archivo Narrow' !important;
}

#sky-sub {
font-size: 18px ;
  margin-top: 20px;
}

#sky-box {
background: #e8f9ff;
border: 1px solid #e9e9e9;
border-radius: 10px 10px 10px 10px;
 margin-top: 30px;
 padding: 30px 30px 80px;
}

#sec8-inputs #name, #sec8-inputs #email {
margin-right: 15px;
}

#sec8-inputs input[type="submit"]
{
    background-color: #FE0000;
    border: medium none;
    border-radius: 10px 10px 10px 10px;
    color: white;
    cursor: pointer;
    font-family:myriad pro;
    font-size: 20px;
    
    margin-right: 20px;
    padding: 10 20px;
}

input[type="submit"]
{
    background-color: #FE0000;
    border: medium none;
    border-radius: 10px 10px 10px 10px;
    color: white;
    cursor: pointer;
    font-family:myriad pro;
    font-size: 20px;
   
    margin-right: 20px;
    padding: 5 20px;
}

#sec8-inputs {
 clear: both;
 margin: 20px auto auto;
 width: 650px;
}

#sec8-inputs input[type="text"]{
  padding: 9px 5px;
}

#content {
background: white;
padding-top: 3em !important;
}

header h1{
display: none;
}

.single header h1 {
 display: block !important;
}

h2 , h1, h1 span , h2 span , h3 , h2 a {
font-family: 'Archivo Narrow' !important;
}

.post-img {
float: left;
margin-right: 20px;
width: 130px;
height: 130px;
overflow: hidden;
border: 5px solid white;
-webkit-box-shadow:  1px 1px 2px 0px #808080;
 box-shadow:  1px 1px 2px 0px #808080;
}

.post-img-wrapper {
-webkit-box-shadow: inset 1px 1px 2px 0px #808080;
box-shadow: inset 1px 1px 2px 0px #808080;
}

.post-img img {
max-width: 150%; 
}

.article-wrapper {
float: left;
  width: 70%;
  
}


.post-meta {
border-top: 1px solid #d2d2d2;
border-bottom: 1px solid #d2d2d2;
  padding: 10px 0;
  margin: 0 0 1em;
  font-style: italic !important;
}

.article-wrapper .entry p{
font-size: 12px;
}

.post-cat {
clear: both;
border-bottom: 1px solid #f4f4f4;
margin-bottom: 20px;
float: left;
}

.post-more .read-more a{
background: #f2f2f2; /* Old browsers */
background: -moz-linear-gradient(top,  #f2f2f2 0%, #e6e6e6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f2f2f2 0%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f2f2f2 0%,#e6e6e6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f2f2f2 0%,#e6e6e6 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f2f2f2 0%,#e6e6e6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
 float: right;
-webkit-box-shadow:  1px 1px 2px 0px #808080;
box-shadow:  1px 1px 2px 0px #808080;
text-decoration: none;
color: #8f8f8f;
padding: 5px 10px;
border: 3px solid white;
border-radius: 20px 20px 20px 20px;

}

.page #main{
 width: 100% !important;
}


.greybox {
  background: none repeat scroll 0 0 skyblue;
    border: 1px solid #B3B3B3;
    border-radius: 10px 10px 10px 10px;
    color: white;
    margin-bottom: 20px;
    padding: 20px;
  
  
  
}

.question {
 background: url("../canvas/images/question.png") no-repeat scroll left top transparent;
    border-bottom: 2px dotted #DDDDDD;
    margin-bottom: 20px;
    padding-bottom: 10px;
    padding-left: 40px;
  
}

.entry, .entry p , .kajabi-font{
    color: #303030 !important;
   font-size: 16px !important;
   line-height: 26px !important;
}


.single-post .post-img {
display: none;
}

.single-post .article-wrapper , .single-post #main {
   
width:580px;
}

#sidebar ul li{
    border-bottom: 1px solid #EFEEEE;
    clear: both;
    color: gray;
    float: left;
    line-height: 26px;
    padding-bottom: 10px;
    padding-left: 10px;
    width: 250px;
}

.home #sidebar , .page #sidebar{
display: none !important;
}

#sidebar h3 {
   background: none repeat scroll 0 0 #92E1FF;
    color: white;
    font-size: 18px;
    font-weight: bold;
    padding: 5px;
    text-indent: 10px;
    text-transform: uppercase;
    clear: both;
}

.blog #main, .single-post #main{
  border-right: 1px solid #E9F8FE;
    padding-right: 10px;
}


.blog ul, .single-post ul , .category  ul{
    list-style: circle outside none !important; 
    float: left;
    margin-bottom: 30px;
    margin-left: 20px;
}

.blog #sidebar ul li a, .single-post #sidebar ul li a , .category #sidebar ul li a{
    color: gray !important;
}


ol {
clear: both;
}

.entry ul{
   list-style-image: url("images/check.png");
   margin-left: 50px;
    
}

.article-wrapper .entry p {
    clear: both;
    
}

.entry blockquote p {
 background: url("../canvas/images/quote.png") no-repeat scroll 0 3px transparent;
  padding: 0 0 0 55px;
     margin: 1em 20px;
    min-height: 32px;
}


.italics {
font-style: italic;
}

.icon-tag, .icon-angle-left, .icon-angle-right{
display: none;
}

#content {
    background: none repeat scroll 0 0 white;
    padding-top: 3em !important;
}
#content {
    padding: 0 4em 4em;
    position: relative;
}


.author-text {
    background: none repeat scroll 0 0 #FFF0D2;
    border: 1px dotted #FFC64F;
    display: inline-block;
    margin-bottom: 50px;
    margin-top: 30px;
    padding: 20px;
}
#delayedcta { display:none; }