/*
Theme Name: Kallyas-child
Theme URI: http://themeforest.net/item/kallyas-responsive-multipurpose-wordpress-theme/4091658
Description: A child theme of Kallyas created originally by Hogash and modified by Brad Wallace
Author: <a href="http://themeforest.net/user/hogash" title="Visit author homepage">Hogash</a>
Author URI: http://hogash-demo.com/
Template: kallyas
Version: 1.0
*/

@import url('../kallyas/style.css');
/*Pop-up box ------------------------------*/
.popmake input[type="text"] {
    padding: 4px 6px;
	width: 100%  !important;
	height: 40px !important;
}
.popmake input[type="submit"] {
    padding: .5em;
}
.popmake input[type="submit"], .popmake label {
    font-size: 1.2em;
}
.popmake p {
    padding-top: 1em;
}
/*End -------------------------------------*/

/*Finding your creativity landing page----------------------*/
.page-id-1803, .page-id-1803 li, .page-id-1828, .page-id-1828 li, .page-id-1845, .page-id-1845 li, .page-id-666, .page-id-666 li {
	font-size: 18px;
	line-height: 28px;
}

.page-id-1803 ul, .page-id-1828 ul, .page-id-1845 ul  {
	margin: 1em 3em;
}
.page-id-1803 p, .page-id-1828 p, .page-id-1845 p, .page-id-666 p {
	padding-bottom: 1em;
}
.page-id-1803 .mainbody .row ,.page-id-1828 .mainbody .row, .page-id-1845 .mainbody .row {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}
.page-id-1803 .mainbody .span12, .page-id-1828 .mainbody .span12, .page-id-1845 .mainbody .span12 {
	max-width: 100%;
	margin-left: 0;
}
.page-id-1803 h2, .page-id-1803 h3 , .page-id-1803 strong, .page-id-1828 h2, .page-id-1828 h3 , .page-id-1828 strong, .page-id-1845 h2, .page-id-1845 h3 , .page-id-1845 strong, .page-id-666 strong {
	color: #E4550E;
}
/*End -------------------------------------*/

/*essential oils page----------------------*/
.page-id-1684, .page-id-1684 li {
	font-size: 18px;
	line-height: 28px;
}
.page-id-1684 .wpcf7-form-control.wpcf7-submit {
    background-color: #E4550E !important;
    border: none;
    padding: .7em 2em;
    color: white;
    font-size: 1.4em;
    font-family: "Kurale",serif;
    border-radius: 6px;
}
.page-id-1684 ul {
	margin: 1em 3em;
}
.page-id-1684 p , .page-id-1684 p {
	padding-bottom: 1em;
}
.page-id-1684 .mainbody .row , .page-id-1684 .mainbody .row {
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}
.page-id-1684 .mainbody .span12{
	max-width: 100%;
	margin-left: 0;
}
.page-id-1684 h2, .page-id-1684 h3 {
	/*font-family: 'Courgette', cursive;*/
	/*font-family: 'Dosis', sans-serif;*/
	font-family: 'Kurale', serif;
	/*font-family: 'Domine', serif;*/
	/*font-family: 'Philosopher', sans-serif;*/
	color: #E4550E;
}
/*accordion title text*/
.page-id-1684 .acc-group button {
	font-family: 'Kurale', serif;
	font-size: 1.4em;
}
.page-id-1684 .acc-group.style3 > button:hover {
	color: #E4550E !important;
}
.page-id-1684 {
	background-color: #ecf0f1;
}
.page-id-1684 .wpcf7-form br{
	display: none;
}
.page-id-1684 .wpcf7-form label>br{
	display: inherit;
}
.page-id-1684 .wpcf7-form textarea{
	width: 99%;
}
/*end---------------essential oils page*/


/*Test1 Page for new font and layout settings*/
/*---------------------------------*/
/*repeat css from home only page for this new test page*/
/*logo lower on home page since slider is different from other pages*/
.page-id-1671 #logo {
	margin-top: 10px !important;}
/*Home header hide background image under slider i think*/
.page-id-1671 #page_header.zn_def_header_style .bgback, #slideshow.zn_def_header_style .bgback, #page_header.uh_zn_def_header_style .bgback, #slideshow.uh_zn_def_header_style .bgback {
background-image: none;}
/*Home page lastest post section, reduce post image size*/
.page-id-1671 .latest_posts.style3 img {
  width: 54px;}
.page-id-1671 #slideshow {
	top: 0;
	margin-bottom: 0;}
.page-id-1671 #sidebar_subscribe {display:none;}

/*new test css---------------------------------*/
/*increase font size*/
.page-id-1671 {
	font-size: 16px;
	line-height: 28px;
}
.page-id-1671 .latest_posts.style3 ul.posts .title a  {
	font-size: 16px;
	line-height: 22px;
}
.page-id-1671 nav#main_menu > ul > li > a {
	font-size: 16px !important;
}
.page-id-1671 h3, .page-id-1671 h3 a {
	font-size: 22px !important;
}
.page-id-1671 #action_box a {
	padding: 12px 20px;
	font-size: 18px;
	border: none;
}
/*--------------------------------------*/

/*Test2 Page for new font and layout settings*/
/*---------------------------------*/
/*repeat css from home only page for this new test page*/
/*logo lower on home page since slider is different from other pages*/
.page-id-1673 #logo {
	margin-top: 10px !important;}
/*Home header hide background image under slider i think*/
.page-id-1673 #page_header.zn_def_header_style .bgback, #slideshow.zn_def_header_style .bgback, #page_header.uh_zn_def_header_style .bgback, #slideshow.uh_zn_def_header_style .bgback {
background-image: none;}
/*Home page lastest post section, reduce post image size*/
.page-id-1673 .latest_posts.style3 img {
  width: 54px;}
.page-id-1673 #slideshow {
	top: 0;
	margin-bottom: 0;}
.page-id-1673 #sidebar_subscribe {display:none;}


/*new test css---------------------------------*/
/*increase font size*/
.page-id-1673 {
	font-size: 16px;
	line-height: 28px;
}
.page-id-1673 .latest_posts.style3 ul.posts .title a  {
	font-size: 16px;
	line-height: 22px;
}
.page-id-1673 nav#main_menu > ul > li > a {
	font-size: 16px !important;
}
.page-id-1673 h3, .page-id-1673 h3 a {
	font-size: 22px !important;
}
.page-id-1673 #action_box a {
	padding: 12px 20px;
	font-size: 18px;
	border: none;
}
/*-------------------*/

/*END test css--------------------------*/

/*Podcasts page - hide read more at bottom of page*/
.page-id-2181 a.hoverBorder h6 {
	display: none !important;
}
/*Podcasts page - lastest posts 4 altered in parent theme also to add excerpt*/
.span4.post {
    height: 320px !important;
}

#action_box .span4:after {
	display: block;
	content: "And Get a Free Gift!";
}
/*Use this for posts that don't want duplicated featured image thumb appearing at top of post - moved this to single.php since was makeing shares lose thumbnail image*/
/*.postid-1405 .zn_post_image,
.postid-1396 .zn_post_image,
.postid-1392 .zn_post_image,
.postid-1388 .zn_post_image,
.postid-1384 .zn_post_image,
.postid-1380 .zn_post_image,
.postid-1373 .zn_post_image,
.postid-1364 .zn_post_image {
	display:none;}*/
/*Use this for posts that don't want duplicated title below the header*/
.postid-1582 .page-title,
.postid-1570 .page-title,
.postid-1569 .page-title,
.postid-1564 .page-title,
.postid-1534 .page-title,
.postid-1519 .page-title,
.postid-1441 .page-title,
.postid-1429 .page-title,
.postid-1423 .page-title,
.postid-1414 .page-title,
.postid-1405 .page-title,
.postid-1396 .page-title,
.postid-1392 .page-title,
.postid-1388 .page-title,
.postid-1384 .page-title,
.postid-1380 .page-title,
.postid-1373 .page-title,
.postid-1364 .page-title {
	display:none;
}

body.page-id-1623 div.header-titles{
	display: none !important;
}

body.postid-1631 blockquote p {
	font-size: 14px !important;
}

/*Social icons in header background color -- change to orange*/
.social-icons li a {background-color: #ff5b0b;}

/*Jetpack social icons hide on contact & newsletter page*/
body.page-id-25 div.sharedaddy  {display: none;}
body.page-id-683 div.sharedaddy {display: none;}

/*nav menu smaller from 13px default*/
#main_menu > ul > li > a {
	font-size: 12px !important;}

/*header black border at bottom*/
header#header.style1 {
	border-bottom: none !important;}

/*header remove triangle tick mark at bottom*/
header#header.style1:after {
	border: none;}

/*logo lower on home page since slider is different from other pages*/
.home #logo {
	margin-top: 10px !important;}

/*logo move*/
#logo a img {
     margin-top: -27px;
     margin-left: -10px;}

.linkedinRec {
     margin-left: 20px;
     margin-right: 10px;}

/*Home header hide background image under slider i think*/
.home #page_header.zn_def_header_style .bgback, #slideshow.zn_def_header_style .bgback, #page_header.uh_zn_def_header_style .bgback, #slideshow.uh_zn_def_header_style .bgback {
background-image: none;}

/*Home page lastest post section, reduce post image size*/
.home .latest_posts.style3 img {
  width: 54px;}

/*widget sidebar title color*/
.sidebar .widget .title {color: #EB540A;}


/*home page slide show gradient behind slides*/
#slideshow .bgback {
	background: #2f6878 !important; /* Old browsers */
	background: -moz-linear-gradient(top,  #2f6878 25%, #eb540a 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#2f6878), color-stop(100%,#eb540a)) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2f6878 25%,#eb540a 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2f6878 25%,#eb540a 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2f6878 25%,#eb540a 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom,  #2f6878 25%,#eb540a 100%) !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f6878', endColorstr='#eb540a',GradientType=0 ) !important; /* IE6-9 */
}

/*action box - remove white top border*/
#action_box {
	border-top: none;}

/*Action Box with simple text and button-------------------------*/
/*action box text move to center
#action_box .span8 {
	width: inherit;
	margin-left: 400px;}*/

/*action box button move closer to text
#action_box .align-center {
	text-align: left !important;
	margin-left: 40px;}*/
/*------------------------------or-------------------------------*/

/*Action box with lots of text and a button----------------------*/
/*action box text fix margin and line height*/
#action_box h4.text {
	margin: -15px 0 10px 10px;
	line-height: normal;}
/*---------------------------------------------------------------*/


/*sidebar event posts images float more text next to them instead of just 1 line of text*/
#recent-posts-plus-2 img {
	float: left;
	padding-right: 10px;
}
/*Read More button at bottom of latest posts on home page. had to add this button w/ php on template-helpers/pagebuilder/_latest_posts2.php*/
.style3 .hoverBorder h6 {
	position: absolute;
	color: #fff;
	padding: 6px 10px;
	background-color: #EB540A;
	font-size: 12px;
	font-weight: 500;
	margin-top: 15px;
	width: 100px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

/*Blockquote author font size increase*/
blockquote small {
	font-size: 110%;
	margin-top: 5px;
}
/*slideshow move down since video and image hidden behind header and move bottom down to push content of page down must fix responsively*/
.home #slideshow {
	top: 0;
	margin-bottom: 0;}
#slideshow {
	top: 100px;
	margin-bottom: 140px;}

/*video headers remove bg behind text on video*/
.video-container .captions .line {
	background: none;
	font-weight: bold;
	text-shadow: 0px 0px 11px black, 0px 0px 11px black;}

/*video headers reduces max height from 600px*/
.video-container {
	max-height: 300px;}

/*footer copyright text color*/
.copyright {
	color: #d5d5d5;}

/*Contact page image added extra margin at bottom*/
.contact-img {margin-bottom: 20px;}

/*Button theme danger button orange*/
.btn-danger {
	background-image: -moz-linear-gradient(top, #EB540A, #EB540A);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#EB540A), to(#EB540A));
	background-image: -webkit-linear-gradient(top, #EB540A, #EB540A);
	background-image: -o-linear-gradient(top, #EB540A, #EB540A);
	background-image: linear-gradient(to bottom, #EB540A, #EB540A);}

/*Remove author, date & categories from single post*/
.eBlog .post_details {
display: none;
}

/*Request a Strategy Form Style (page ID 659) and not Contact page - make labels take full width and slide inputs left*/
body.page-id-659 #contact_form .form-horizontal .control-label {
    width: 100%;}
body.page-id-659 #contact_form .form-horizontal .controls {
    margin-left: 20px;}

/*Blog page - i altered PHP to make it display only non-event posts. this caused sidebar to appear below blogs. so added this*/
body.blog .row {float:left;}

/*Events page - for some reason the left post on every row was off from the first post - this fixes the 4th, 7th, 10th... posts*/
div.span4.post:nth-child(3n+4) {
	margin-left: 0;}	
div.span4.post {
	height: 300px;}
.video-container .captions {
    left: 0;
    margin-left: 50px;}

/*hide post authur*/
span.catItemAuthor {display:none;}

/*Subscribe button on sidebar*/
#sidebar_subscribe {
	padding: 5px;
	text-align: center;
	background: #EB540A;
	border-radius: 5px;
	max-width: 230px;}
#sidebar_subscribe a {
	font-style: normal;
	color: white;}
#sidebar_subscribe a:hover {
	font-weight: 600;}
body.home #sidebar_subscribe {display:none;}


body.single a {color: #EB540A;}

/*---------------------Responsive css----------------------------------------------*/
@media (max-width: 1200px) {


}

@media (max-width: 979px) {
	.video-container .captions {
        left: 0;
        margin-left: 25px;}

}

@media (max-width: 959px) {

}

@media (max-width: 767px) {
	.video-container .captions {
        left: 0;
        margin-left: 10px;}
    .video-container .captions .line {
        font-size: 20px;}
    #slideshow {
    	top: 0;
    	margin-bottom: -25px;}
}

@media (max-width: 480px) {
	.video-container .captions {
        left: 0;
        margin-left: 5px;}
    .video-container .captions .line {
        font-size: 15px;}

}



/*---------------------Responsive css----------------------------------------------
@media (max-width: 1200px) {
  #action_box .span8 {
	margin-left: 280px;}

}

@media (min-width: 768px) and (max-width: 979px) {
  #action_box .span8 {
	margin-left: 170px;}
	.video-container .captions {left: 65%;}

}

@media (max-width: 767px) {
  #action_box .span8 {
	margin-left: 0;}
  #action_box .align-center {
	text-align: center !important;
	margin-left: 0;}

}

@media (max-width: 480px) {


}*/
/*@media ( max-width: 320px ) {}*/