/*
 Theme Name:   Karmic Compass
 Theme URI:    http://www.karmiccompass.com.au
 Description:  Betheme Child Theme
 Author:       Purpletux
 Author URI:   http://www.purpletux.com.au
 Template:     betheme
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-image-header, featured-images, post-formats, responsive-layout, theme-options, translation-ready
 Text Domain:  KarmicCompass
*/

body {
  background: url('img/stars.png') repeat, -webkit-linear-gradient(#c084bf,#faaf40);
  background: url('img/stars.png') repeat, -o-linear-gradient(#c084bf,#faaf40);
  background: url('img/stars.png') repeat, -moz-linear-gradient(#c084bf,#faaf40);
  background: url('img/stars.png') repeat, linear-gradient(#c084bf,#faaf40);
  background-attachment: fixed;
}

.header-below #Top_bar {
	background: #8422b7 !important;
}

.header-below #Top_bar:before {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  
}

.header-below #Top_bar:after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  
}

.header-below #Top_bar:before {
  right: 0px;
  height: 5px;
  background: -webkit-linear-gradient(left, #8422b7, #2f5dfb, #7afaf9, #30d03a, #f9f168, #f94522, #c81e1f); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #8422b7, #2f5dfb, #7afaf9, #30d03a, #f9f168, #f94522, #c81e1f); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #8422b7, #2f5dfb, #7afaf9, #30d03a, #f9f168, #f94522, #c81e1f); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #8422b7, #2f5dfb, #7afaf9, #30d03a, #f9f168, #f94522, #c81e1f); /* Standard syntax */
}

.header-below #Top_bar:after {
  right: 0px;
  height: 5px;
  background: -webkit-linear-gradient(left, #8422b7, #2f5dfb, #7afaf9, #30d03a, #f9f168, #f94522, #c81e1f); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, #8422b7, #2f5dfb, #7afaf9, #30d03a, #f9f168, #f94522, #c81e1f); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, #8422b7, #2f5dfb, #7afaf9, #30d03a, #f9f168, #f94522, #c81e1f); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, #8422b7, #2f5dfb, #7afaf9, #30d03a, #f9f168, #f94522, #c81e1f); /* Standard syntax */
}

#Content  {
	padding-top: 40px;
}

.wpb_heading.wpb_singleimage_heading {
	font-size: 40px !important;
}

h1, h2, h3 {
	font-weight: bold !important;
}

#Top_bar .menu > li > a span {
	font-weight: bold !important;
}

.fancy_heading {
	margin-bottom: 0px !important;
}

.fancy-heading-top {
	align: center;
	background: url(img/heading-background-top.png) no-repeat center;
	width: 80% !important;
	height: 80px !important;
	margin: auto;
	margin-bottom: 20px;
	border-bottom: 2px solid #c084be;
	background-size: 100% 100%;
}

.fancy-heading-bottom {
	align: center;
	background: url(img/heading-background-bottom.png) no-repeat center;
	width: 80% !important;
	height: 80px !important;
	margin: auto;
	margin-top: 20px;
	border-top: 2px solid #c084be;
	background-size: 100% 100%;
}

#Content {
	background: url('img/content-stars.png') repeat, #fefce1;
}

.fancy_heading h2 {
	margin-bottom: 0px !important;
}

.home-photos .wpb_wrapper>div {
	margin-bottom: 10px !important;
}

.home-annette {
	margin-bottom: 50px;
}

.widget_archive ul li:after, .widget_nav_menu ul li:after {
	border: 0px !important;
}

ul.menu {
	background: none !important;
}

#Top_bar .menu > li > a span {
	border-color: #FFF !important;
}

.fancy_heading .inside {
	display: none !important;
}

.vc_single_image-wrapper img {
	border-radius: 20px;
}

.top-logo {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	width: 300px !important;
}

.top-logo img {
	width: 300px !important;
	height: auto !important;
}

.column_column ul, .column_column ol, .the_content_wrapper ul, .the_content_wrapper ol {
	color: #444 !important;
	font-size: 18px !important;
}

#Footer h4 {
	font-size: 26px !important;
	font-weight: bold !important;
}

#Footer .footer_copy .copyright {
	font-size: 14px !important;
}

.page-id-2 #Content p:first-child:first-letter, .page-id-11 #Content p:first-child:first-letter, .page-id-14 #Content p:first-child:first-letter { 
	float: left; 
	font-size: 58px; 
	line-height: 46px; 
	padding-top: 4px; 
	padding-right: 8px; 
	padding-left: 3px; 
	font-family: "Garton", Arial, Tahoma, sans-serif; 
	}
	
.page-id-14 #Content .karen-certs p:first-child:first-letter { 
	float: none !important; 
	font-size: inherit !important; 
	line-height: inherit !important; 
	padding-top: 0px !important; 
	padding-right: 0px !important; 
	padding-left: 0px !important; 
	font-family: inherit !important; 
	}
	
input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea {
	font-size: 16px !important;
}

@media only screen and (min-width : 480px) {
	
	.fancy-heading-top, .fancy-heading-bottom {
		width: 80% !important;
		height: 100px !important;
	}
	
}

@media only screen and (max-width: 1239px) {
	
	#Header #menu > ul > li.current-menu-item > a, #Header #menu > ul > li.current_page_item > a, #Header #menu > ul > li.current-menu-ancestor > a, #Header #menu>ul>li.current_page_ancestor>a {
		background-color: #444 !important;
	}
	
	#Top_bar #menu ul li a {
		background-color: #666 !important;
	}
	
	#Top_bar #menu ul li a:hover {
		background-color: #888 !important;
	}

}

@media only screen and (min-width : 768px) {
	
	.vc_col-sm-3 {
		width: 30% !important;
	}
	
	.vc_col-sm-9 {
		width: 65% !important;
	}
	
	.fancy-heading-top, .fancy-heading-bottom {
		background-size: auto !important;
		width: 500px !important;
		height: 120px !important;
	}
	
	.home-annette {
		margin-bottom: 0px !important;
	}
	
	.header-below #Top_bar {
	background: url('img/header-sky-image.jpg') no-repeat center !important;
	}
	
	.wpb_wrapper>div {
		margin-bottom: 0px !important;
	}
	
	.text-left {
		float: left !important;
	}
	
	.image-right {
		float: right !important;
	}
	
	.form-left { float: left; width: 48%; }
	
	.form-right { float:right; width: 48%; }
	
	.top-logo {
	width: 445px !important;
}

	.top-logo img {
	width: inherit !important;
	height: inherit !important;
}

.vc_col-sm-9>.wpb_wrapper {
		display: table;
		min-height: 187px;
	}
	
	.vc_col-sm-9>.wpb_wrapper>*:last-child {
		display: table-cell;
    	vertical-align: middle;
	}
	
}

@media only screen and (min-width : 960px) {
	
	.vc_col-sm-9>.wpb_wrapper {
		min-height: 255px !important;
	}	
	
}

@media only screen and (min-width : 1240px) {
	
	.vc_col-sm-9>.wpb_wrapper {
		min-height: 332px !important;
	}


.logo { display: none !important;
}

	#menu > ul > li > a { font-size: 26px !important;
	}
	
}