/*
Theme Name:     Jupiter Child Theme
Theme URI: 	http://themeforest.net/user/artbees
Description:    Child theme for the Jupiter theme
Author:         Your name here
Template:       jupiter
Version:        5.7
*/

.validation_message {
    text-align: center !important;
}

.gfield_error {
    padding: 20px !important;
}

.footer-logo {
    padding-bottom: 40px;
}
section#text-2 {
    margin-bottom: 0 !important;
}
/** whats new **/
.page-id-1356 .mk-image .mk-image-inner img, .mk-imagebox .one-column .mk-imagebox-item, .mk-imagebox .slide-style .swiper-slide .mk-imagebox-item {
    width: 60% !important;
}

#mk-sidebar .widget a {
    background-color: #fff !important;
}
.mk-header-searchform span .text-input {
    background-color: rgba(255,255,255,.9);
    font-size: 12px;
    width: 90px;
    height: 23px;
    padding: 3px 15px 3px 30px;
    line-height: 16px;
    margin: 0;
    border: none;
    border-radius: 40px;
    opacity: .9;
}
.text-input on-close-state{
	background:#ffffff;
}

@media all and (max-width: 480px) {
.mk-header-bg {
	background:none  !important;
}
}

.mk-header-bg {
	background:#ffffff url(https://apcof.org/wp-content/uploads/2016/04/header-bg-2.jpg) no-repeat right top !important;
}

.multi-line{
line-height:1.61 !important;
}

.hidden{
display:none !important;
}

.page-title {
font-style:oblique;
}


.trans-header .bg-true.light-skin:not(.a-sticky) .menu-hover-style-4 .main-navigation-ul li.current-menu-item > a.menu-item-link { background-color: #407a4d !important; color: #ffffff !important; }
.trans-header .bg-true.light-skin:not(.a-sticky) .menu-hover-style-4 .main-navigation-ul li.menu-item > a.menu-item-link:hover { background-color: #509961 !important; color: #fff !important; }
.mk-main-navigation ul.sub-menu a.menu-item-link:hover { color: #76ad83 !important; /** background-color: #fff !important;  **/}

/** NAVIGATION **/



.mk-main-navigation ul li {
transform: skew(-11deg, -180deg) ;
-webkit-transform: skew(-11deg, -180deg) ;
-moz-transform: skew(-11deg, -180deg) ;
-o-transform: skew(-11deg, -180deg) ;
-ms-transform: skew(-11deg, -180deg) ;
}

.mk-main-navigation ul li .sub-menu li {
transform: skew(-21deg, 180deg) ;
-webkit-transform: skew(-1deg, -180deg) ;
-moz-transform: skew(-1deg, -180deg) ;
-o-transform: skew(-1deg, -180deg) ;
-ms-transform: skew(-1deg, -180deg) ;
}

/*** .mk-desktop-logo { top: 30% !important;  }  ***/
.mk-header-toolbar { z-index: 0 !important; }

/** HOME SLIDER **/
.rev_slider .slotholder:after {
width: 100%;
height: 100%;
content: "";
position: absolute;
left: 0;
top: 0;
pointer-events: none;
/* black overlay with 50% transparency
background: rgba(0, 0, 0, 0.5);*/
}

.slider-text h2 {
font-family: 'Roboto', sans-serif;
font-weight: 300 !important;
font-style: italic;
color: #fff !important;
font-size: 3.5em !important;
line-height: 105% !important;
}

.slider-text h3 {
font-family: 'Roboto', sans-serif;
font-weight: 300 !important;
font-style: italic;
color: #fff !important;
font-size: 2em !important;
line-height: 110% !important;
text-transform: none !important;
margin-bottom: 50px;
}

.slider-btn {
color: #ffffff;
font-size: 18px;
padding: 10px 20px 10px 20px;
border: solid #fff 3px;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 300;
}

.slider-btn:hover {
background: #fff;
color: #76ad83;
cursor: pointer;
}

/** About us  *********************/
.about-us-intro H2{
text-align:justify;
font-size: 13px !important;
}


/** HOME STYLES **/
.home-outline-btn .mk-button {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 400;
font-size: 18px;
padding: 15px 36px !important;
}

.home-outline-btn .mk-button:hover {
border-color: #fff !important;
}



/** FOOTER **/
.footer-btns {
font-size: 1em;
display: block;
border: 2px solid #fff;
text-align: center;
color: #fff;
cursor: pointer;
}

.footer-btns i {
margin-left: 10%;
font-size: 20px;
}

.footer-btns:hover {
background: #fff;
color: #77AD83;
}

.contact-btn-footer {
padding: 10px;
background-color: #539161;
margin-top: 12px;
margin-bottom: 10px;

}

.facebook-btn-footer {
padding: 5px;
width: 44%;
float: left;
}

.twitter-btn-footer {
padding: 5px;
width: 44%;
float: right;
}

#gform_1 .ginput_container_email input {
background-color: #539161 !Important;
border: 2px solid #fff !important;
color: #fff !important;
font-size: 1em !important;
text-align: center;
}

#gform_1 .gform_footer {
padding: 0 !important;
margin: 0 !important;
}

#gform_submit_button_1 {
border: 2px solid #fff !important;
width: 98% !important;
border-radius: 0 !important;
margin-right: 0 !important;
}


#gform_submit_button_1:hover {
background: #fff !important;
color: #76ad83 !important;
}

::-webkit-input-placeholder { color:#FFF; }
:-moz-placeholder { opacity: 1; color:#FFF; } /* Firefox 18- */
::-moz-placeholder { opacity: 1; color:#FFF; } /* firefox 19+ */
:-ms-input-placeholder { color:#FFF; } /* ie */
input:-moz-placeholder { color:#FFF; }


.footer-logo {
width:100%;
text-align:center;
}

.gform_wrapper{
	margin-top:0;
}


#mk-sidebar .widgettitle { font-weight: normal !important; }



/************ MEDIA QUERIES **********/
@media all and (max-width: 480px) {
/** Button Text Size **/
.home-outline-btn .mk-button {
font-size: 14px;
}

/** Section Padding **/
#page-section-3 .page-section-content, #page-section-12 .page-section-content, #page-section-16 .page-section-content, #page-section-22 .page-section-content, #page-section-9 .page-section-content {
padding: 50px 0 50px !important;
}

#divider-6, #divider-7, #divider-15, #divider-19, #divider-20 {
padding: 20px 0 20px !important;
}

#fancy-title-10 { padding-bottom: 20px !important; }

.mk-header-bg{
	background-image:none !important;
}

.mobile-hidden{
	display:none;
	visibility:collapse;
}
}

@media(max-width:768px){
	
	#text-2 .textwidget {
		text-align: center !important;
		margin-bottom: 40px !important;
	}
	
	.desktop-only{ display: none; }
	
}

@media(min-width:768px){
	
	
	.mobile-only{ display: none; }
	
}



/* THEME CSS ******************************************************************************************************************************************************/
.mk-portfolio-item .portfolio-meta a{
	font-weight: normal !important;
}

/* Whats New CPT *************************************************************/
.wn-title {
    font-size: 23px !important;
   	text-transform: none !important;
}

.wn-row {
		margin-bottom: 50px;
}

.wn-featured {
    text-align: center;
}

.view-flyer-button a {
    background-color: #52865e;
    color: #fff;
    padding: 12px 30px;
    display: inline-block;
}

.view-flyer-button a:hover {
    background-color: #4a7854;
		color: #fff;
}

@media(min-width:768px){

	.wn-row {
			display: grid;
			grid-template-columns: 70fr 30fr;
	}	
	
	.wn-featured img {
			width: 170px;
	}
	
}

@media(max-width:768px){
	.wn-featured.mobile-only {
			margin-bottom: 20px;
	}
	
	.wn-featured.mobile-only img {
			width: 100%;
	}	
}


/* Whats New CPT *************************************************************/


/* portfolio */

#loop-2.grid-spacing-true .mk-portfolio-grid-item .item-holder {
    margin-right: 10px !important;
    margin-bottom: 10px !important;
}

.portfolio-meta {
    padding-bottom: 5px !important;
}

.portfolio-meta .the-title {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.mk-portfolio-item .the-title{	
	font-size: 12px !important;
}

.portfolio-meta .portfolio-categories {
    display: none !important;
}

.portfolio-meta {
    background-color: #52865e !important;
}

/* portfolio */

/* Tool Bar covid */
@media(min-width:786px){
#mk-page-introduce {
    margin-top: 30px;
}
}
.covid-banner {
    text-align: center;
}

.mk-header-toolbar,
.mk-grid.header-grid,
.mk-header-toolbar-holder,
.covid-banner{
    height: 60px !important;
    line-height: 60px !important;
}

.covid-banner,
.covid-banner a {
    font-size: 15px;
    font-weight: 600;
}

/*  end  */

.footer-wrapper .textwidget.custom-html-widget img {
    width: 50%;
}

.footer-wrapper #custom_html-2 {
    text-align: center !important;
}

.shortcode-heading.mk-fancy-title.pattern-style.align-left {
    background: none !important;
    font-size: 15px !important;
}

.foot-note{
font-size:10px;
font-style:italic;
}

.country-data-table td{
border:solid 1px rgba(0,0,0,0.5);
text-align:left;
padding:5px;
}

.mk-portfolio-item .the-title{
font-size:.8em !important;
text-transform:none !important;
line-height:1.4 !important;
}

.mk-portfolio-item .featured-image {
    box-shadow: rgba(0,0,0,0.4) 2px 4px 8px;
}

.mk-portfolio-item.slidebox-hover .icons-holder a {
    opacity: .4;
}


.mk-portfolio-item.slidebox-hover .icons-holder a:hover {
    opacity: .8;
}

.mk-header-searchform .text-input { color: #52865E !important; }

.ibay_footer_rev{
	display:inline-block; 
	height:24px; 
	line-height:24px; 
}

.ibay_footer_rev a{
	display:inline-block; 
	width:24px; 
	text-indent:-9999px; 
	background:url(https://www.ibay.co.za/email/footer/rev_icon.png) bottom;
}

.ibay_footer_rev a:hover{
	background:url(https://www.ibay.co.za/email/footer/rev_icon.png) top;
}


/* MEDIA QUERIES */

@media handheld, only screen and (max-width:767px) {
#fancy-title-4{padding-top: 0  !important;}
#divider-5{padding:0;}
#fancy-title-11, #fancy-title-16, #fancy-title-22{letter-spacing:1px; }
#fancy-title-12, #fancy-title-23{line-height: 1.2 !important;}
#mk-button-14 .mk-button{padding: 15px 10px !important; }
#page-section-2 .mk-padding-wrapper {padding:0;}
#fancy-title-3{margin-top: 50px; padding-bottom: 0;}
#padding-4{height:0;}
#fancy-title-2, #fancy-title-3{text-align: left !important; }
}

.mk-fancy-table.table-style1 td { text-align: left !important; }
.mk-fancy-table th { text-align: left !Important; }
.mk-fancy-table th strong { color: #fff !important; }