/*
Theme Name: Roam Child
Theme URI: https://roam.qodeinteractive.com
Description: A child theme of Roam Theme
Author: Mikado Themes
Author URI: http://themeforest.net/user/mikado-themes
Version: 1.0.1
Text Domain: roam
Template: roam
*/


	
.mkdf-team.info-bellow .mkdf-team-image a {
  position: relative;
  display: block;
  width: 200px ;
  height: 200px ;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden ;
  border-radius: 50% ;
  margin: 0 auto ;
}
	
	@media only screen and (max-width:768px){
	.mkdf-team.info-bellow .mkdf-team-image a {
		width:100%;
		height:auto;
		}
	}

/*
 * REMOVE PADDING TOP ON ELEMET IMMEDIATELY AFTER NAVIGATION
 * */

.mkdf-content .mkdf-content-inner > .mkdf-container > .mkdf-container-inner,
.mkdf-content .mkdf-content-inner > .mkdf-full-width > .mkdf-full-width-inner {
  padding-top: 0;
}


/*
 * *
 * WHATASPP FIXED
 * * 
 * */


.whatsapp-fixed {
    position: fixed;
    z-index: 9999;
    width: 60px;
    right: 25px;
    bottom: 25px;
}

.whatsapp-fixed::before {
    content: 'Chat now';
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 150%;
    color: white;
    opacity: 0;
    transition: 0.15s all ease-in-out;
    z-index: -1;
}

.whatsapp-fixed:hover::before {
    left: -80px;
    opacity: 1;
}




body{
	font-size:14px;
}

:root{
	font-size:14px;
	--primary: #F48D47;
	--primaryhighlight: #F16F17;
}

h1,h2,h3,h4,h5,h6{
	font-family:'Poppins', sans-serif !important;
}

//h5,h6{
//	font-family: 'Open Sans', sans-serif !important;
//}

h1{
	font-size:5rem !important;
}

h2{
	font-size:3.2rem !important;
}

h3{
	font-size:2.4rem !important;
}

h4{
	font-size:1.8rem !important;
}

h5{
	font-size:16px !important;
}

h6{
	font-size:12px !important;
}

/* img,
.wp-caption {
  max-width: 100%;
  height: auto;
  border-radius: 16px;
}
*/
/**
 * *****************************
 * *****************************
 * *****************************
 * PRIMARY MIIKADO STYLES RESET
 * *****************************
 * *****************************
 * *****************************
 * */


	
/*
 * 
 * GRID RESET TO 90% ON MOBILE
 * 
 * */

.mkdf-grid-1300 .mkdf-grid,
  .mkdf-grid-1300 .mkdf-container-inner,
  .mkdf-grid-1300 .mkdf-row-grid-section,
  .mkdf-grid-1300 .mkdf-footer-top-border-holder.mkdf-in-grid,
  .mkdf-grid-1300 .mkdf-footer-bottom-border-holder.mkdf-in-grid {
    width: 90%;
  }
	
@media only screen and (max-width:768px) {

    .mkdf-container-inner,
    .mkdf-grid,
    .mkdf-row-grid-section {
        width: 90% !important;
    }
}

@media only screen and (max-width:680px) {
    .mkdf-hide-on-mobile {
        display: none !important
    }

    .mkdf-container-inner,
    .mkdf-grid,
    .mkdf-row-grid-section {
        width: 90% !important;
    }
}

@media only screen and (max-width:480px) {

    .mkdf-container-inner,
    .mkdf-grid,
    .mkdf-row-grid-section {
        width: 90% !important;
    }
}

@media only screen and (max-width:320px) {

    .mkdf-container-inner,
    .mkdf-grid,
    .mkdf-row-grid-section {
        width: 90% !important;
    }
}

/*
 * 
 * HEADER > TITLE > BG SIZE
 * 
 * */

.mkdf-title-holder {
  background-size: cover;
}


/*
 * 
 * REMOVE PADDING
 * 
 * */

.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 !important;
}


.cta-button{
	display: table;
    padding: 12px 24px;
    font: 700 1rem 'Poppins', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    transition: all 0.15s ease-in;
    border-radius: 4px;
}

.cta-button.primary {
    background-color:var(--primary);
    color: #fff;
}

.cta-button.primary:hover {
    background-color: var(--primaryhighlight);
	color:#fff;
}


/*
 * 
 * CTA HOVER COLOR
 * 
 * */


.mkdf-btn.mkdf-btn-solid:not(.mkdf-btn-custom-border-hover):not(.mkdf-tours-filter-button):hover {
 border-color:#F16F17 !important;
}


.mkdf-btn.mkdf-btn-solid:not(.mkdf-btn-custom-hover-bg):not(.mkdf-tours-filter-button):hover {
 background-color:#F16F17 !important;
}


/*
 * 
 * INSERTS 'i' ICON AT SIDE AREA OPENER
 * 
 * */


.mkdf-side-menu-button-opener .mkdf-side-menu-icon::after{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:20px;
	height:20px;
	background-image: url(http://snht.versatilesynergy.ae/wp-content/uploads/2021/09/info-circle.svg);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
}




/**
 * *****************************
 * *****************************
 * *****************************
 * PRIMARY MIIKADO STYLES RESET
 * *****************************
 * *****************************
 * *****************************
 * */










/**
 * *****************************
 * *****************************
 * *****************************
 * CUSTOM STYLES
 * *****************************
 * *****************************
 * *****************************
 * */




.clearance {
    height: 1rem;
    position: relative;
}

.clearancex2 {
    height: 2rem;
    display: block;
}

.clearancex4 {
    height: 4rem;
    display: block;
}

/**
 * 
 * 
 * PAGE HEADERS ALL HAVE WHITE BG
 * 
 * **/

.mkdf-page-header{
	background-color:#ffffff
}


/*
 * 
 * FONT COLOR
 * 
 * */

.white-font{
	color:#ffffff;
}

.orange-font{
	color: var(--primary);
}

.dark-font{
	color:#2b2b2b;
}

/*
 * 
 * TESTIMONIALS TO LEFT
 * 
 * */


@media only screen and (max-width:768px){
	.mkdf-testimonials-holder,
.mkdf-testimonials-holder .mkdf-testimonial-content,
.mkdf-testimonials-holder .mkdf-testimonial-text-holder,
.mkdf-testimonials-holder .mkdf-testimonials {
 text-align: left;
}
	
	

/*
 * 
 * SIDE AREA FAQ LIST
 * 
 * */	

	.side-area-list li{
		padding:0 !important;
	}
	
	.side-area-list .q{
		font:700 1.3rem;
	}
	
	.side-area-list .a{
		font:400 1rem;
	}
	
	
	
/*
 * 
 * BLOG MINI DISPLAY
 * 
 * 
 * */
	
	.vc_grid-item-mini.vc_clearfix{
		border-radius:16px !important;
		overflow:hidden !important;
	}
	
	.vc_gitem_row .vc_gitem-col {
 padding:16px 24px !important;
}
	
	
.vc_gitem-post-data-source-post_excerpt p{
		overflow:hidden;
  line-height: ;
  max-height: 2rem;
  -webkit-box-orient: vertical;
  display: block;
  display: -webkit-box;
  overflow: hidden !important;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
	}
