/*
Theme Name:     Jupiter Child Theme
Description:    Child theme for the Jupiter theme 
Author:         The Ocean Agency
Theme URI: 		https://ocean19.com/
Template:       jupiter
*/
.alv {
	display:none !important;
}

a.post-list-title {
	color:black !important;
}
a.post-list-title:before {
    content: '';
    height: 5px;
    width: 5px;
    background: #000 !important;
    position: absolute;
    left: -12px;
    margin-top: 8px;
    border-radius: 84px;
}

/* // White glow effect on white text */
.t__lite {
   /* text-shadow: 0px 0px 10px #f9f9f98f;*/
}
.lshowcase-logos {
	text-align:left !important;
}
body:not(.page-id-5) .mk-header {
    background-image: url(/wp-content/uploads/2018/01/lity.png) !important;
    background-position-y: bottom !important;
    padding-bottom: 90px !important;
    background-repeat: no-repeat !important;
	
}
.lity-content {
    max-width: 350px;
    width: 350px;
    background-image: url(https://compreplan.com/wp-content/uploads/2018/01/lity.png) !important;
    color: #f5f5f5 !important;
    background-size: 650% !important;
}

.lity-content p, .lity-content a {
    color: #f5f5f5;
}
p {
    font-weight: 500;
}
#mk-footer {
    /* background-color: #f9f9f9; */
    background-size: 100%;
    background-position: 120% 80%;
}
h1.page-title {
    color:#FFF !important;
}
.main-navigation-ul a {
    font-size: 15px !important;
}
.a-sticky .mk-header-bg {
    background-color: #f5f5f5 !important;
}
.lity-content {
    background: #FFF;
    padding: 3rem;
    width: 300px;
    margin: 0 auto;
}
.a-sticky .mk-header-holder {
    box-shadow: 0px -4px 130px -20px black;
}
ul.sub-menu {
    box-shadow: 3px 20px 60px -10px #00000075;
}
/*Steven's CSS Start*/
:#recent-posts-3 .widgettitle{ /*Disable default title on recent posts widget on blog page*/
	display:none;
}

.blog-modern-social-section, .mk-post-cat{
	display:none !important;
}
.mk-blog-modern-item .mk-blog-meta{
	margin:0;
}
.mk-blog-meta .mk-button-container{
	display:none;
}
.master-holder-bg, .master-holder-bg-holder {

    background-image: url(https://compreplan.com/wp-content/uploads/2018/01/bgw.png) !important;
    background-size: 100%;
    background-position: 50% -60%;
}
a.mk-button--corner-pointed {
    border-radius: 50px !important;
}
/*.bx-viewport:before {
content: '';
    background:;
    height: 120px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(https://compreplan.com/wp-content/uploads/2018/01/grad.png);
    z-index: 4;
    background-size:130%;
    background-position:center center;
}*/
#s__hero a.mk-button:hover {
    box-shadow: 0px 0px 10px 0px #f9f9f9;
	transition:all .2s ease-in;
}
.hov:hover .font-icon svg{
fill:#f9f9f9 !important;

}
.page-id-5 span.sub-label-true {
    font-size: 14px !important;
    color: #f9f9f9 !important;
}
.page-id-5 .formcraft-css .fc-form.fc-form-4 .form-element .stripe-amount-show, .formcraft-css .fc-form.fc-form-4 .form-element .submit-cover .submit-button .text, .formcraft-css .fc-form.fc-form-4 .form-element .field-cover .button {
	text-shadow: 0px 0px 10px #f9f9f9 !important;
}
.page-id-5 div[data-identifier="field2"] {
    top: 1.3rem !important;
}
.page-id-5 input {
    border-color: #f9f9f9 !important;
}
.page-id-5 span.main-label {
    line-height: 42px !important;
}
.page-id-5 button.button.submit-button:not(.page-id-5) {
    padding: 10px 30px !important;
    border:1px solid #f9f9f9 !important;
    background-color: transparent !important;
    border-radius: 50px !important;
}
button.button.submit-button:hover {
    box-shadow: 0px 0px 20px -4px #444 !important;
	transition:all .2s ease-in !important;
}
form[data-id="4"] {
    margin: 0 auto !important;
}a.powered-by {
	display:none !important;
}
.signup {
    background-image: url(https://compreplan.com/wp-content/uploads/2018/01/signup.png);
    padding-top: 80px;
    padding-bottom: 100px;
    background-size: 100%;
    background-repeat: no-repeat;
}
 .hov:hover p{color:#f9f9f9 !important;}
button.button.submit-button {
    padding: 10px 20px !important;
    width: 50% !important;
    background: linear-gradient(to bottom right, #B31D2D, #410A54) !important;
    border-radius: 50px !important;
}
button.button.submit-button:hover {
    box-shadow: 0px 0px 20px -4px #444 !important;
	transition:all .2s ease-in !important;
}
html .formcraft-css .fc-form .form-element .submit-cover.align-right {
    text-align: center !important;
}
 a.mk-button--dimension-flat {
    background: linear-gradient(to bottom right, #B31D2D, #410A54) !important;
    background-color: transparent !important;
	
}
a.mk-button:hover {
    box-shadow: 0px 0px 5px 0px #777;
	
		transition:all .2s ease-in;
}
.slash {
    padding-top: 60px;
    padding-bottom: 130px;
    background-image: url(https://compreplan.com/wp-content/uploads/2018/01/youwe.png);
    background-size: 100%;
    background-repeat: no-repeat;
}
/*Make side widget on posts pages look nice*/
.widget_recent_entries .widgettitle{
	display:none;
}
.widget_posts_lists ul li{
	margin:0;
}
.post-list-thumb{
	display:none;
}
.widget_posts_lists ul li .post-list-info{
	margin:0;
}
.widget_posts_lists .widgettitle{
	display:none;
}
.widget_posts_lists ul li .post-list-title{
	font-size:16px;
	line-height:20px;
}

.mk-pagination{
	padding:0px 0 40px;
}

article.mk-blog-single{ /*Single blog post page*/
	max-width:900px;
	margin:0 auto;
}

/*Adjust left/right buttons on post carousels to be on either side instead of on top.*/
.posts-carousel .flex-direction-nav a.flex-prev{
	position:relative;
	margin-top:-44%;
	margin-bottom:44%;
	margin-left:-20px;
	float:left;
}
.posts-carousel .flex-direction-nav a.flex-next{
	position:relative;
	margin-top:-44%;
	margin-bottom:44%;
	margin-right:-30px;
	float:right;
}

/*Remove fotter from blog post listing when in Grid mode.*/
.mk-blog-grid-item .blog-grid-footer{
	display:none;
}

/*Center calendar widget in container*/
.widget_calendar .calendar_wrap{
	margin:0 auto;
}

/*Gets rid of strange red thing on the side of some images.*/
/*.mk-image-inner:before{
	display:none;
}*/

.vc_images_carousel{
	margin:0 auto;
}

.custom-carousel-class{
	max-width:1100px;
	margin:0 auto;
}
.custom-carousel-class .lshowcase-logos, .custom-carousel-class .bx-wrapper{
	max-width:initial !important;
}
.custom-carousel-class .bx-wrapper{
	height:initial !important;
	margin:0 !important;
}
.custom-carousel-class .lshowcase-slide.lshowcase-horizontal-slide{
	width:initial !important;
}
.custom-carousel-class .bx-next{
	right:10px !important;
}
.custom-carousel-class .bx-prev{
	left:10px !important;
}

/*stop sub menus from escaping the edge of screens*/
.header-align-left .mk-grid .main-navigation-ul li.no-mega-menu>ul.sub-menu{
	left:inherit !important;
	right:0 !important;
	margin-top:-20px; /*And make it closer.*/
}


/*GENERAL STYLES*/
/*Apply these to elements in Visual Composer*/
.margin-lr-auto{
	margin-left:auto !important;
	margin-right:auto !important;
}
/*.su-margin-lr-auto - when in doubt, superuser it! 
This gets past the forced !important from visual composer on margin left and right. 
Only use this when the regular .margin-lr-auto won't work.*/
html body #mk-boxed-layout #mk-theme-container #theme-page .su-margin-lr-auto{
	margin-left:auto !important;
	margin-right:auto !important;
}

.circle-image{
	border-radius:100%;
}

.mw500{
	max-width:500px;
}
.mw715{
	max-width:715px;
}
.mw-1100{
	max-width:1100px;
}
.mw-1250{
	max-width:1250px;
}
.mw-1300{
	max-width:1300px;
}


@media screen and (max-width: 750px) {
	.no-padding-right-mobile > div{
		padding-right:0 !important;
	}
	
	.mobile-col-reverse{
		display:flex;
		flex-direction:column-reverse;
	}
	
	.widget_posts_lists{
		text-align:center;
	}
	
	.mobile-text-center p{
		text-align:center !important;
	}
}
/*---------------End Steven's CSS-----------------*/
/* 	General/ALL
-------------------------------------------*/
li#menu-item-467 > a, li#menu-item-472 > a, li#menu-item-475 > a, li#menu-item-481 > a {
    cursor: default;
}
html {
	font-size: 14px;
}
.mk-image .mk-image-inner {
    overflow: visible !important;
}
div.opbox {
    padding-top: 80px;
    padding-bottom: 80px;
    background: rgba(245, 245, 245, 0.81);
    padding-left: 100px;
    padding-right: 100px;
    /* border: 5px solid rgba(255, 0, 0, 0.23); */
    margin-left: -7%;
    box-shadow: 0px 20px 50px -10px rgba(58, 58, 58, 0.7);
}
div#s__meet-team:before {
    background: #000;
    position: absolute;
    width: 100%;
    height: 32rem;
    content: '';
    top: 0;
    background: linear-gradient(to bottom right, #f5f5f5, transparent);
}
h3.titles {
    /* border-bottom: 1px solid black; */
}
/* .mk-image-inner:before {
    content: '';
     background-color: #cc0012; 
    width: 100px;
    height: 300px;
    top: 0;
    position: absolute;
    margin-top: -50px;
    opacity: .5;
    margin-left: -50px;
    background: linear-gradient(to bottom right, rgba(148, 0, 0, 0.26), rgb(224, 166, 166));
    z-index:-1;
}*/
.mk-footer-copyright {
    line-height:0px !important;
}
.titles > hr.rule1 {
    width: 55%;
    /* right: 0px !important; */
    margin-left: 0px !important;
    /* border-color: red !important; */
    
    opacity: .5;
    border-width: 1px;
}

hr.rule2 {
    width: 10%;
    transform: rotate(320deg);
    margin-top: -15px !important;
    border-width: 1px;
    border-style: double;
    opacity: .5;
}
a.mk-button:after {
 
}
a.mk-button {
  
}
ul, ol {
	font-size: 1rem;
	line-height: 1.6em;
	margin-bottom: 0;
}

.bg-white {
	background: #FFFFFF;
}

.bg-light {
	background: #F5F5F5;
}

.bg-dark {
	background: #222222;
}
.post-type-archive-tribe_events div#theme-page-bg {
	background:#f9f9f9 !important;
	background-size:100%;
}
.white {
	color: #FFFFFF !important;
}

.list-unstyled {
	margin: 0;
	list-style: none;
}

.list-unstyled li {
	margin-left: 0;
	font-size: 16px;
	line-height: 1.6em;
}

.flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
}

.align-items-center {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.align-items-end {
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-moz-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

#s__cta {
	background: transparent;
}

#s__cta p {
	font-size: 24px;
}

@media only screen and (min-width: 768px) {
	.v-align-children, .v-align-children > .mk-grid {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-moz-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
}

/* 	General/Header
-------------------------------------------*/
.header-style-1 .mk-header-padding-wrapper {
	padding-top: 80px;
}

#mk-page-introduce .page-title {
	margin-top: 0;
	margin-bottom: 0;
}

#mk-page-introduce .page-subtitle {
	margin: 10px 20px 0;
	line-height: 1.6em;
}

header.a-sticky .main-navigation-ul > li.menu-item > a.menu-item-link {
	color: #444444;
}

@media only screen and (min-width: 992px) {
	#mk-page-introduce {
		padding: 70px 0 70px;
	}
	.page-title {
		font-size: 1.5rem;
	}
}

@media only screen and (max-width: 1140px) {
	#mk-page-introduce .page-subtitle {
		margin-left: 15px;
	}
}

@media only screen and (max-width: 991px) {
	#mk-page-introduce {
		padding: 60px 0 60px;
	}
}

@media only screen and (max-width: 991px) {
	#mk-page-introduce.intro-right {
		text-align: left;
	}
}

/* 	General/Footer
-------------------------------------------*/
#mk-footer {
	/*text-align: center;*/
}

#mk-footer img.logo {
	width: 150px;
}

#mk-footer .footer-wrapper {
	padding-top: 60px;
	padding-bottom: 60px;
}

#mk-footer [class*='mk-col-'] [class*='mk-col-'] {
	padding: 0;
}

#mk-footer .widget_media_image {
	margin-bottom: 15px;
}

#mk-footer .widget_nav_menu {
	padding: 0;
}

#mk-footer .widget_nav_menu ul li a {
	padding: 0 0 6px 0;
	-o-transition: 0.1s linear;
	-moz-transition: 0.1s linear;
	transition: 0.1s linear;
}

#mk-footer .widget_nav_menu .mk-svg-icon {
	display: none;
}

#mk-footer .widget_nav_menu ul li.current_page_item a {
	background: transparent;
	font-weight: normal;
}

.mk-footer-copyright {
	padding-left: 0 !important;
	padding-right: 0;
	display: block;
	opacity: 1;
	width: 100%;
	text-align: center;
}



@media only screen and (min-width: 769px) {
	#mk-footer .widget_nav_menu ul li {
		display: inline-block;
	}
	#mk-footer .widget_nav_menu ul li:not(:last-child) {
		margin-right: 30px;
	}
}

@media only screen and (max-width: 768px) {
	.mk-footer-copyright {
		display: block;
		text-align: center;
		float: none !important;
		padding: 20px 0 !important;
	}
	#mk-footer .widget_media_image img {
		width: 150px;
	}
}

/* 	Plugins
-------------------------------------------*/
.formcraft-css .form-element .field-cover input[type='text'], .formcraft-css .form-element .field-cover input[type='password'], .formcraft-css .form-element .field-cover input[type='email'], .formcraft-css .form-element .field-cover input[type='tel'], .formcraft-css .form-element .field-cover select, .formcraft-css .form-element .field-cover textarea {
	padding: 12px 18px;
}

html .formcraft-css .fc-form .form-element .submit-cover.wide-true.animate-false .submit-button {
	padding: 17px 12px !important;
}

html .formcraft-css .fc-form .form-element .submit-cover .submit-button .text {
	text-shadow: none;
	font-weight: normal;
	font-size: 16px;
}

html .formcraft-css.align-left .fc-form {
	margin: 0;
}

html .formcraft-css .fc-form.frame-hidden .form-page-content {
	margin-right: 0;
}

html .formcraft-css .fc-form .form-element .form-element-html {
	padding-right: 0;
}

.lity-container {
	width: 700px;
	max-width: 100%;
}

/* 	General/Visual Composer
-------------------------------------------*/
.vc_col-has-fill > .vc_column-inner {
	padding-top: 0;
}

@media only screen and (min-width: 768px) {
	.vc_column-5 .wpb_column {
		width: 20%;
	}
}

/* 	Components/Butoon
-------------------------------------------*/
.mk-button, #respond #submit {
	font-weight: normal;
	letter-spacing: 0;
	-o-transition: 0.3s ease-out;
	-moz-transition: 0.3s ease-out;
	transition: 0.3s ease-out;
}

.mk-button {
	line-height: 150%;
}

.mk-button--size-medium {
	font-size: 14px;
}

.mk-button--size-large {
	font-size: 15px;
}

.mk-button-container.inline, .mk-button-container.left {
	text-align: left;
}

.mk-button-container.text-center {
	text-align: center;
}

/* 	Components/Text-Block
-------------------------------------------*/
.mk-text-block > p:last-of-type {
	margin-bottom: 0;
}

/* 	Components/Fancy Title
-------------------------------------------*/
.mk-fancy-title {
	margin-bottom: 0;
}

/* 	Components/Blog-Modern
-------------------------------------------*/
.mk-blog-modern-item .the-title {
	margin-bottom: 0;
}

.mk-blog-modern-item .mk-categories {
	margin-left: 10px;
}

.mk-blog-modern-item .mk-blog-meta-wrapper {
	margin-bottom: 15px;
}

/* 	Components/Custom-Box
-------------------------------------------*/
.mk-custom-box .box-holder .mk-text-block * {
	margin-bottom: 0;
}

/* 	Components/Accordion
-------------------------------------------*/
.mk-accordion.fancy-style, .mk-accordion.fancy-style .mk-accordion-single {
	border: none;
}

.mk-accordion.fancy-style .mk-accordion-tab {
	border-bottom: 1px solid #AAAAAA;
	background: #FFFFFF;
	font-weight: normal;
	font-size: 16px;
	color: #444444;
}
.mk-button-container a {
    padding: 10px 55px !important;
}
/* 	General/Blog
-------------------------------------------*/
.single-post .page-title {
	text-align: center;
}
/* // Highlight effect */
::selection {
  background: #ffb7b700;
  color:orange;
   /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #ffb7b700;
  color:purple;
   /* Gecko Browsers */
}
/* 	Page/Home
-------------------------------------------*/
.page-id-5 #s__hero {
	padding-top: 240px;
	padding-bottom: 275px;
}

@media only screen and (max-width: 767px) {
	.page-id-5 #s__hero {
		padding-top: 280px;
		padding-bottom: 100px;
	}
}
@media only screen and (min-width: 1550px) {
	.page-id-5 #s__hero {
   
    padding-bottom: 450px;

}
}