/*

*Theme Name: X

*Theme URI: http://theme.co/x/

*Author: Themeco

*Author URI: http://theme.co/

*Description: An immensely powerful and endlessly customizable WordPress theme.

*Version: 4.1.0

*License: GNU General Public License v2.0

*License URI: http://www.gnu.org/licenses/gpl-2.0.html

*Text Domain: __x__



*/

@font-face {

	font-family:'MyriadPro-Regular';

	src: url('framework/fonts/myriadpro/MyriadPro-Regular_gdi.eot');

	src: url('framework/fonts/myriadpro/MyriadPro-Regular_gdi.eot?#iefix') format('embedded-opentype'),

		url('framework/fonts/myriadpro/MyriadPro-Regular_gdi.woff') format('woff'),

		url('framework/fonts/myriadpro/MyriadPro-Regular_gdi.ttf') format('truetype'),

		url('framework/fonts/myriadpro/MyriadPro-Regular_gdi.svg#MyriadPro-Regular') format('svg');

	font-weight: 400;

	font-style: normal;

	font-stretch: normal;

	unicode-range: U+0020-25CA;

}

@font-face {

  font-family: 'PT Sans';

  font-style: normal;

  font-weight: 400;

  src: local('PT Sans'), local('PTSans-Regular'), url(http://fonts.gstatic.com/s/ptsans/v8/ATKpv8nLYAKUYexo8iqqrg.woff2) format('woff2');

}

@font-face {

 font-family:'MyriadPro-Black';

 src: url('framework/fonts/myriadpro_black/MyriadPro-Bold_gdi.eot');

 src: url('framework/fonts/myriadpro_black/MyriadPro-Bold_gdi.eot?#iefix') format('embedded-opentype'),

  url('framework/fonts/myriadpro_black/MyriadPro-Bold_gdi.woff') format('woff'),

  url('framework/fonts/myriadpro_black/MyriadPro-Bold_gdi.ttf') format('truetype'),

  url('framework/fonts/myriadpro_black/MyriadPro-Bold_gdi.svg#MyriadPro-Bold') format('svg');

 font-weight: 700;

 font-style: normal;

 font-stretch: normal;

 unicode-range: U+0020-25CA;

}
.price {
    padding: 5px;
    border: 1px solid;
    margin-left: 5px;
}
.dark-pink{color:#E700D3 !important; font-weight:bolder;}
.wpcf7-form-control-wrap .resource{width:30% !important;}
.wpcf7-form td{font-family:'MyriadPro-Regular' !important; color:#000 !important;}
.coloringBook .drawArea {
    background: url(../images/toolbar/bgs.jpg) repeat scroll 0 0 #f9f9f9 !important;
}
fieldset.step legend{background:#ffffff !important;}
fieldset.step legend div{color:#fc5cff !important; font-weight:bolder;}
#quiz-navigation ul li a:hover, #quiz-navigation ul li.selected a {
    color: #ffffff !important;
}
#quiz-navigation ul li a {
    width: 25% !important;
}
fieldset.step div{text-align:left !important; color:#333333 !important;}
#quiz-navigation ul li a {
    display: block;
    color: white;
    outline: 0;
    font-weight: bold;
    text-decoration: none;
    padding: 0 15px;
    margin: 7px 10px 0 !important;
    
    line-height: 30px;
    height: 30px;
    width: 40%;
    background: #fc5cff !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}
.sun1 {

    width: 240px !important;

    border-radius: 161px !important;

    height: 231px !important;

    text-align: center;

} 

.x-nav-wrap.desktop a span {

    /*font-family: sans-serif !important;*/

		font-family:'MyriadPro-Black';

		font-size: 16pt;

    font-weight: bold;		

}

.x-navbar .desktop .x-nav > li > a > span {

    padding: 0 0 1px;

}

.pink-a{color:#fb5cff !important; }

/*subheading*/

.h-custom-headline.left-text.resp-h-main.man.h1, #x-section-6 h3{

	font-family:'MyriadPro-Black' !important;

	font-size:28pt !important;

}

#x-section-1 .x-text p {

    font-size: 24pt !important;

    line-height:40px;

    font-family: 'MyriadPro-Regular' !important;

}

.x-section .x-btn {

    border-color: #cdef41 !important;

    background-color: #cdef41 !important;

    text-shadow: none !important;

    box-shadow: 0 0.25em 0 0 #cdef41, 0 4px 9px rgba(0, 0, 0, 0.75) !important;

    background-color: #cdef41 !important;

	color: black !important;

	font-family: 'MyriadPro-Regular' !important;

}

p {

    font-family: 'MyriadPro-Regular' !important;

    color: #333333 !important;

	font-size:18pt !important;

}

div.x-2-3:nth-child(1) > h2:nth-child(1) > span:nth-child(1), h2.h-custom-headline:nth-child(3) > span:nth-child(1), h2.h-custom-headline:nth-child(5) > span:nth-child(1), h2.h-custom-headline:nth-child(8) > span:nth-child(1), .h-custom-headline.left-text.resp-h-main.man.h2 {

    color: #fb5cff !important;

}

/*main heading*/

#x-section-3 h2, #x-section-4 h2, h2{ font-size:48pt !important; font-family:'MyriadPro-Black' !important; margin-bottom:0px !important;}



div.x-2-3:nth-child(1) > h2:nth-child(1) > span:nth-child(1), h2.h-custom-headline:nth-child(3) > span:nth-child(1), h2.h-custom-headline:nth-child(5) > span:nth-child(1), h2.h-custom-headline:nth-child(8) > span:nth-child(1), #x-section-11 h2{

		font-size:48pt !important; 

		font-family:'MyriadPro-Black' !important;

}

#x-section-3 h6{ text-transform:lowercase; font-size:36pt !important;font-family:'MyriadPro-Black' !important; padding-top:25px; line-height:32px;}

div.wpcf7 .screen-reader-response {

	position: absolute;

	overflow: hidden;

	clip: rect(1px, 1px, 1px, 1px);

	height: 1px;

	width: 1px;

	margin: 0;

	padding: 0;

	border: 0;

}

span.wpcf7-not-valid-tip{color:red; font-size:15px;}

#x-section-1.x-section .x-img {

    z-index: 1 !important;

    position: absolute !important;

    display: block !important;

    margin-top: -65px !important;

}

.x-btn, .button, [type="submit"]{

	text-shadow: none; font-weight:bold;

}

.x-section .x-btn.x-btn-real {

    box-shadow: none !important;

	font-family:'MyriadPro-Black' !important;

}

.x-section .x-btn.x-btn-real {

    color: #4d4d4d !important;

	font-family:'MyriadPro-Black' !important;

}

#x-section-1.x-section .x-img {

    z-index: 1 !important;

}

#x-section-3 p{line-height:32px;}

p.man strong{font-family:'MyriadPro-Black' !important;}

#x-section-3 .x-container:nth-child(1){margin-bottom:10px !important}

#x-section-5 .x-column:nth-child(4){ margin: 0 50px 0 44px;



}

.x-column.x-1-4 {

    margin: 0 32px;

}

#x-section-5 .x-column:nth-child(3){margin: 0 26px 0 32px;}

#x-section-5 .x-1-4{-webkit-box-shadow: 11px 25px 0 0 rgba(173, 220, 236, 1);

-moz-box-shadow: 11px 25px 0 0 rgba(173, 220, 236, 1);

box-shadow: 11px 25px 0 0 rgba(173, 220, 236, 1);}

.wpcf7 .x-btn:hover, .wpcf7 .button:hover, .wpcf7 [type="submit"]:hover {

    box-shadow: none;
	text-shadow:none;
	background-color:#fa93ff !important;

}



#x-section-6 p{line-height:32px;}

#x-section-9 > div:nth-child(2) > div:nth-child(2) {

  margin-top: 0px !important;

}

.x-navbar-inner .x-container.max {

    max-width: 1430px !important;

}

.x-navbar-inner .x-container.width {

    width: 90%;

}

.x-section .x-btn {

  margin-left: 0px !important;

}

.wpcf7-form-control.wpcf7-submit{

	text-shadow:none;

	font-family:'MyriadPro-Black' !important;

	font-size:24px;

	width:14%;

	}

#x-section-4 .wpcf7-text, #x-section-4 .wpcf7-date{background:#f1f1f1;}	

#x-section-5 .x-1-4 p{ line-height:35px; font-family:'MyriadPro-Black' !important; margin-top:77px; font-size:37px !important}

/*li#menu-item-251 a {

  background-image: url("http://www.demoaspire.com/2015/css/wp-content/uploads/2015/11/music-icon.png");

  background-position: 0 36px;

  background-repeat: no-repeat;

  display: block;

  height: 57px;

  text-indent: -9000px;

  width: 24px;

}

li#menu-item-251 a:hover{

background-image: url("http://www.demoaspire.com/2015/css/wp-content/uploads/2015/11/music-icon-hover.png");

}*/
.cz_crossword_left .cz_crossword_table {
    margin: 30px auto;
    float: none;
}
.coloringBook .toolBarWrap .toolBar>li p {
    color:#fff !important;
}
#x-section-1 .x-btn-square:hover{background-color:#e6ff52 !important;}
@media (min-width: 995px) and (max-width: 1363px) {
#x-section-5 .x-column:nth-child(3), #x-section-5 .x-column:nth-child(4), #x-section-5 .x-column.x-1-4 {
  margin: 0 12% 60px;
}
 {
  margin: 0 26px 0 32px;
}

}
@media (min-width: 1200px) {

    .x-hide-xl {

        display: none !important

    }

}

@media (min-width: 980px) and (max-width: 1199px) {

    .x-hide-lg {

        display: none !important

    }

}
@media screen and (min-width: 801px){
.coloringBook .toolBarWrap .toolBar>li {
    width: 142px !important;
}
}

@media (min-width: 768px) and (max-width: 979px) {

#x-section-5 .x-column:nth-child(4) {

    float: left;

     

}

#x-section-5 .x-column:nth-child(3), #x-section-5 .x-column:nth-child(4),#x-section-5 .x-1-4 {

    margin: 0 9% 50px;

}

}

@media (min-width: 481px) and (max-width: 767px) {

	/*handling main cartoon*/

#x-section-1.x-section .x-img {

	margin-left:250px;

    width: 50%;

	top:60px;

}

/*button*/

.wpcf7-form-control.wpcf7-submit {

    width: 100%;

}

/*handli ng circles*/

#x-section-5 .x-1-4, #x-section-5 .x-column:nth-child(3), #x-section-5 .x-column:nth-child(4) {

  margin: 0 auto;


}

#x-section-5 .x-column:nth-child(4) {

  float: none;

}

div.x-1-4 p {

  padding-top: 55px;

}

}

@media (max-width: 480px) {

 	/*handling main cartoon*/

#x-section-1.x-section .x-img {

    width: 100%;

	position:relative !important;

	margin:0 auto;

}

/*button*/

.wpcf7-form-control.wpcf7-submit {

    width: 100%;

}

/*handli ng circles*/

#x-section-5 .x-1-4, #x-section-5 .x-column:nth-child(3), #x-section-5 .x-column:nth-child(4) {

  margin: 0 auto;

}

#x-section-5 .x-column:nth-child(4) {

  float: none;

}

div.x-1-4 p {

  padding-top: 55px;

}

}
.wpcf7-response-output{background: #ffc2fb; color:#000;}
@media screen and (max-width: 768px) {
    .wpcf7-form-control-wrap .resource {
	  width: 100% !important;
	}
	.total_cost{padding-right:2% !important}
}
@media screen and (max-width: 420px) {
#x-section-7 table th, #x-section-7 table td {
  padding: 0.5em 0.1em !important;
}
}
@media only screen and (min-width:771px) and (max-width: 1100px){
	.total_cost{ padding-right:12px !important;}
}