/*
Theme Name:     Jupiter Child Theme
Theme URI: 		http://demos.artbees.net/jupiter5
Description:    Child theme for the Jupiter theme 
Author:         Your name here
Theme URI: 		http://themeforest.net/user/artbees
Template:       jupiter
Text Domain: mk_framework
Domain Path: /languages/
*/



/*
Sample : remove the comment and start adding your own custom CSS rules.

body {
	background-color:#fff;
}

*/

/********************************************************************
    FONTS
*********************************************************************/
@font-face {
  font-family: 'Roboto';
  font-weight: normal;
  font-style: normal;
  src: url('fonts/roboto.ttf') format('truetype');
  src: url('fonts/roboto.eot');
  src: url('fonts/roboto.eot#iefix') format('embedded-opentype');
  font-display: swap;

}

@font-face {
  font-family: 'Kurale';
  font-weight: normal;
  font-style: normal;
  src: url('fonts/kurale.eot');
  src: url('fonts/kurale.eot#iefix') format('embedded-opentype');
  src: url('fonts/kurale.ttf') format('truetype');
  font-display: swap;
}

@font-face {
  font-family: 'Arima Madurai';
  font-weight: normal;
  font-style: normal;
  src: url('fonts/arimamadurai.eot');
  src: url('fonts/arimamadurai.eot#iefix') format('embedded-opentype');
  src: url('fonts/arimamadurai.ttf') format('truetype');
  font-display: swap;
}

h1, h2, h3 , h4, h5, h6 {
    font-family: var(--font-title);
}
body, p{
	font-family:'Kurale', sans-serif;
}
@media (max-width: 120em) {
	html {
	    font-size: 100% !important;
	}
}

/********************************************************************
    DEFINE VARIABLES
*********************************************************************/
:root{    
    --color-main: #d67118;;
    --color-yellow: #d89015;
    --color-red: #D23A2F;
    --color-hover: #a23235;
    --font-title: 'Arima Madurai', sans-serif;
    --font-body: 'Roboto', sans-serif;
    --font-body-regular: 'Roboto', sans-serif;
    --font-body-medium: 'Roboto', sans-serif;
    --font-style: 'Lobster', sans-serif;
    --font-size-body: 16px;
    --padding-mobile-top: 60px;
    --padding-mobile-bottom: 60px;
}

.arima-madurai, .mk-text-block.arima-madurai > * {font-family: 'Arima Madurai', sans-serif !important;}


/* a.menu-item-link.js-smooth-scroll, */
input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea,
input.mk-subscribe--email,
input[type=email], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], textarea {
	font-family: 'AvenirNext-Regular';
	font-weight: 400 !important;
	letter-spacing: 0px
	text-rendering: geometricPrecision;
	font-size: 16px;
}

input.wpcf7-form-control.wpcf7-submit, .mk-gradient-button a  {
	font-family: var(--font-body-medium);
	font-size: 1em !important;
	font-weight: 400 !important;
	text-rendering: geometricPrecision;
}

.wpcf7-spinner {
	position: absolute;
    bottom: -25px;
}

body,
p, li,
p:not(.form-row):not(.woocommerce-mini-cart__empty-message):not(.woocommerce-mini-cart__total):not(.woocommerce-mini-cart__buttons):not(.mk-product-total-name):not(.woocommerce-result-count), 
.woocommerce-customer-details address, #mk-page-introduce {
	font-size: var(--font-size-body);
	font-weight: 400 !important;
	text-rendering: geometricPrecision;
    font-family: var(--font-body-regular);
}

.widgettitle {font-family: var(--font-title);}

strong, th, thead td {
    font-weight: 600;
}

.display--none,
.mobile--active {display: none;}

/********************************************************************
    GENERAL
*********************************************************************/

/*** Define Colors ***/
.color--white, .mk-text-block.color--white * {color: white;}
.color--black, .mk-text-block.color--black * {color: black;}
.color--grey, .mk-text-block.color--grey * {color: #797979;}
.color--main, .mk-text-block.color--main * {color: var(--color-main) !important;}
.color--yellow, .mk-text-block.color--yellow * {color: #ff6600 !important;}
.color--body-light, .mk-text-block.color--body-light * {color: #434343;}
.color--body-lighter, .mk-text-block.color--body-lighter * {color: #949494;}

/*** General Styles ***/
.section {padding-top: 80px; padding-bottom: 80px;}
.small-section {
	padding-top: 50px; padding-bottom: 50px;
}
.section.no-padding-top {padding-top: 0px;}
.section.no-padding-bottom {padding-bottom: 0px;}
.text-align--center {text-align: center;}
.color--yellow {color: var(--color-yellow);}
.text-align--justify, .text-align--justify > p {text-align: justify !important;}
.has-boxshadow { -webkit-box-shadow: 10px 10px 0px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 10px 10px 0px 0px rgba(0, 0, 0, 0.1);}
.no-margin-bottom,
.no-margin-bottom.mk-text-block * {margin-bottom: 0px;}
strong, th, thead td {
    font-weight: 600;
}
.z-index-minus {z-index: -1 !important;}
.mobile--show {display: none;}

/*** Has vertical alignment ***/
.align-vertical--center {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
    -webkit-box-align: center;-ms-flex-align: center;align-items: center;
}


/*** Remove dedault margin bottom ***/
.mk-list-styles, .mk-subscribe, .mk-social-network-shortcode, .wpb_single_image, .wpb_raw_code {margin-bottom: 0px !important;}


/*** Remove padding top on row has background ***/
.vc_col-has-fill>.vc_column-inner, .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_column_container>.vc_column-inner {
     padding-top: 0px; 
}

/*** Display scrollbar when toggle responsive menu ***/
.mk-opened-nav::-webkit-scrollbar {
  width: auto !important;
}

/*** Has vertical alignment ***/
.align-vertical--center {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;
    -webkit-box-align: center;-ms-flex-align: center;align-items: center;
}
/* @media (min-width:1600px){
.mk-grid{max-width:1450px!important}
} */
/* .mk-grid{
	margin:auto;
} */
/********************************************************************
    HOME
*********************************************************************/
.home-top-banner .edge-title {
	font-size: 5rem !important;
	font-weight: 600 !important;
	font-family:var(--font-title);
}
.fake-header .mk-header-bg {
	background-color: #d7983b96;
}

.fake-header .mk-header-nav-container, 
.fake-header .mk-header-holder {
	background-color: transparent;
}

.hover-box__row .wpb_raw_code {
	text-align: center;
}
.dich_vu{
	box-shadow:5px 5px 15px rgba(88, 88, 88, 0.26);
	webkit-box-shadow: 5px 5px 15px rgba(88, 88, 88, 0.26);
/* 	webkit-box-shadow:5px 5px 25px rgba(84,88,103,.2); */
}
.hover-box {position: relative; display: block !important;
    background-size: cover !important;
    width: 100%;
    min-height: 200px; z-index: 1; cursor: pointer;
}
.hover-box::after {width:100%; height: 100%;}
.hover-box__title {
	z-index: 10;
    color: #474747;
    text-align: center;
    font-weight: 600;
    font-size: 1.2rem;
    font-family: var(--font-title);
    line-height: 1.2em; width: 100%; padding: 0px 10px; height: 70px; 
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
            justify-content: center;
	margin-bottom:1.7em;

}
.hover-box__title a{
	color:#474747!important;
}
.dich_vu:hover {
	-webkit-box-shadow: 5px 5px 55px rgba(0,0,0,.25);
    box-shadow: 5px 5px 55px rgba(0,0,0,.25);
}
.hover-box:hover .hover-box__title {
    height: 100%;
    -webkit-transition: all .35s;-o-transition: all .35s;transition: all .35s;
    pointer-events: none;
}

.hover-box__title p {font-size: 75%; margin-bottom: 0px;}


.home-product-slider h4 {
	font-size: var(--font-size-body) !important;
    font-weight: 400 !important;
    text-rendering: geometricPrecision;
    font-family: var(--font-body-regular);
}

.home-video {
	min-height: 70vh !important;
}

.home-video .mk-section-video {
	margin-top: -7rem;

}

.home-video .wpb_video_widget {
	margin-top: -1.5rem;
}

.carousel-slider.owl-drag .owl-item {
	-webkit-box-shadow: 5px 5px 25px rgba(84,88,103,.2);
    box-shadow: 5px 5px 25px rgba(84,88,103,.2);
}

.carousel-slider.owl-drag .owl-item:hover {
	-webkit-box-shadow: 5px 5px 55px rgba(0,0,0,.25);
    box-shadow: 5px 5px 55px rgba(0,0,0,.25);
}

.carousel-slider .owl-stage-outer {
	padding: 2rem 0;
}


.video-container .video-thumbnail-overlay {background-color: rgba(0,0,0,.5) !important;}
.video-container .video-thumbnail-overlay svg {width: 50px !important; height: 50px !important;}


/********************************************************************
    FOOTER
*********************************************************************/
#mk-footer .footer-wrapper .mk-col-1-3 > .widget:not(:last-child) {margin-bottom: 1.7rem;}


.btn_tripadvisor {
	padding: .7rem 1rem;
	background: #5d3800;
	position: relative;
    display: inline-flex;
    align-items: center;
    color: white;
    -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn_tripadvisor:hover {
	background-color: #dd9933;
}
.btn_tripadvisor-icon {
	max-width: 2rem !important;
	margin-right: 10px;
}
.btn_tripadvisor span {
	font-size: 1rem;
    display: inline-block;
    margin-top: 2px;
}
.btn_tripadvisor:hover span{
	color: white;
}

/********************************************************************
    MAP
*********************************************************************/
.wpb_gmaps_widget {
    margin-bottom: 0;
}
.wpb_gmaps_widget .wpb_wrapper {
    padding: 0;
}

/********************************************************************
    FOOTER
*********************************************************************/
#mk-footer {
    background-size: cover !important;
    background-position: center center;
}
#mk-footer .footer-wrapper {
    padding: 2.5rem 0 4rem !important;
}

#mk-footer .footer-wrapper h4 {
    color: white;
}
.wp-caption {width:auto!important;}

/********************************************************************
    FACEBOOK DIAGLOG  
*********************************************************************/
@media only screen and (max-width: 640px) {
  .fb_dialog {
    bottom: 62pt !important;
    right: 14pt !important;
  }
}
/*-------------------------------------------------------*/
/*POST
 * ----------------------------------------------------*/
@media (max-width:960px){
	#theme-page .theme-page-wrapper{
		padding-left:30px!important;
		padding-right:30px!important;
	}
}

/*---------------------------------------------------------------------------------------------*/
/*EDIT 8/10/2020
 * --------------------------------------------------------------------------------------------*/
.text h1{
	text-align:center!important;
}
.blog-similar-posts{
	border:0;
}