/*
Theme Name:   Foxmandal Child
Template:     wp-bootstrap-starter
Description:  Child theme of the Fox Mandal theme (parent folder: wp-bootstrap-starter).
Author:       Foxmandal
Author URL:   foxmandal.in
Update URI:   false
Version:      1.0
Text Domain:  foxmandal
*/

/* Write here your own personal stylesheet */

h1,h2,h3,h4,h5,h6{font-family:"Domaine", Sans-serif !important;}
body{font-family:"Roboto", sans-serif !important;}

.page-id-2 .header {
	margin-bottom: 0;
	position: absolute;
	background: rgba(255, 255, 255, .7);
	box-shadow: none;
	padding: 0;
	z-index: 100;
	width: 100%
}
.navbar-brand a img {
	width: 130px;
}
a:hover{text-decoration:none;}
 
@media only screen and (min-width: 768px) {
	.container-fluid,
	.content-area {
		padding-left: 50px;
		padding-right: 50px;
	}
}
@media only screen and (min-width: 1400px) {
	.elementor-1214 .elementor-element.elementor-element-3f41357a {
		margin-top: 56px!important;
	}
	 
/*	.swiper-slide-contents::after {
		content: '';
		display: block;
		position: absolute;
		width: 58.5%;
		height: 46px;
		background: #0078D2;
		transition: width .3s;
		margin-top: 0px;
		float: right;
		right: 0;
		bottom: 110px;
	}*/
}
 
.elementor-slide-heading {
	color: #fff;
	display: block;
}
a.elementor-button.elementor-slide-button.elementor-size-sm {
	display: block;
}
.wpcf7 .ajax-loader{margin:0 !important;}
.swiper-slide-inner:hover a.elementor-button.elementor-slide-button.elementor-size-sm {
	display: block;
}
.elementor-repeater-item-efbe6c3  .elementor-slide-heading {margin-top:-20px;}
.swiper-slide-inner .elementor-slide-heading:after {
 content:"";
	width:46%;
	right:0;
	left:0;
	margin:0 auto;
	border-bottom:2px solid #3CD7D7;
	position:absolute;
	z-index:1000;
	top:63%;
	display:block;
}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
	font-size: 15px;
	line-height: 26px;
	letter-spacing: 0.8px;
	color: #002369;
	text-transform: uppercase;
}
.ekit-wid-con .elementskit-blog-block-post,
.ekit-wid-con .elementskit-blog-block-post .elementskit-entry-thumb {
	box-shadow: none !important;
}
.locatn .elementor-icon-box-icon,
.locatn .elementor-icon-box-description {
	visibility: hidden;
}
/* This rule hid the theme header on templates that render it as a direct
   child of <body> - which was wanted while the Elementor/ElementsKit header
   template was doing that job.

   The Fox Mandal header is <header class="site-header">, and header-fm.php
   prints it straight into <body> with no #page wrapper, so this rule matched
   it exactly. With the Elementor header switched off, the page then had NO
   header at all: the markup was in the source, 11KB of it, set to
   display:none by this line.

   Excluded rather than deleted, so anything else it was hiding still is. To
   turn the Fox Mandal navigation off, use the filter rather than CSS:
   add_filter( 'fm_nav_everywhere', '__return_false' ); */
.page > header:not(.site-header) {
	display: none;
}
.locatn:hover .elementor-icon-box-icon {
	visibility: visible;
}
.locatn:hover .elementor-icon-box-description {
	visibility: visible;
}
.elementor-posts--skin-classic .elementor-post {
	height: 223px;
	    align-items: center;
}
.home-news .elementor-2 .elementor-element.elementor-element-449f320 .elementor-post__title a {
    height: 60px;
    overflow: hidden;
}
.expertise-blog .elementor-posts--skin-classic .elementor-post {
	height: 198px;
}
.social {
	text-align: right;
	color: white;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 17px;
	letter-spacing: .94px;
}
.social a {
	color: #fff;
}
.social a i {
	font-size: 14px;
	margin: 0 0 0 12px;
	padding: 0;
	text-align: center;
}
#footer-widget {
	background: #002369;
}
body:not(.theme-preset-active) footer#colophon {
	color: #B4B4B4;
	background-color: #002369;
}
#menu-footer {
	display: inline-block !important;
}
#menu-footer li {
	float: left;
	display: inline-block !important;
}
.site-info {
	color: #B4B4B4;
	font-size: 11px;
	letter-spacing: 0.56px;
	text-transform: uppercase;
}
.widget_nav_menu ul.nav li .nav-link {
	display: block;
	padding: .5rem 1rem 0 8px;
	font-size: 14px;
	color: #e4e4e4;
	text-transform: uppercase;
}
.search-form label {
	display: block;
}
.search-form .btn:not(:disabled):not(.disabled) {
	cursor: pointer;
	position: absolute;
	z-index: 100;
	top: 0;
	right: 0;
}
.banner-btn {
	position: relative;
	clear: both;
}
.banner-btn a {
	font-size: 14px;
	line-height: 20px;
	font-family: 'Roboto';
	letter-spacing: 0.8px;
	color: #FFFFFF;
	padding: 5px 30px;
	position: relative;
	top: 20px;
	background: #000000 0% 0% no-repeat padding-box;
}
.elementor-1042 .elementor-element.elementor-element-b7c8e27 .elementor-tab-title.elementor-active,
.elementor-1042 .elementor-element.elementor-element-b7c8e27 .elementor-tab-title.elementor-active a {
	background: #000;
	padding: 6px;
}
.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title {
	display: inline-block !important;
	padding: 5px 10px;
}
.banner-btn a:hover {
	text-decoration: none;
}
.latest-blog .elementor-portfolio-item__overlay {
	opacity: 1 !important;
	text-align: left !important;
}
.latest-blog .elementor-posts-container .elementor-post {
	height: 302px;
}
.latest-blog h3.elementor-portfolio-item__title{position:absolute; bottom:30px;  padding: 0 25px; font-size:28px !important; line-height:38px !important;}
.latest-blog .elementor-posts-container .elementor-post__thumbnail__link{position:inherit !important;}
.hide-location .elementor-cta__description,
.elementor-cta__button-wrapper {
	display: none;
}
.hide-location:hover .elementor-cta__description {
	display: block;
}
.hide-location:hover .elementor-cta__button-wrapper {
	display: block;
}
span.yrm-button-text-1.yrm-button-text-span {
	color: #000;
}
.elementor-nav-menu--dropdown {
	background-color: transparent !important;
	font-size: 15px !important;
	text-transform: uppercase;
}
.button-full .elementor-size-xs {
	width: 100%;
	height: 50px;
	text-align: left;
	display: flex;
    align-items: center;
	font-size:17px !important;
	letter-spacing:.8px !important;
	line-height:24px !important;
}
.button-full span.elementor-button-icon.elementor-align-icon-right {
    position: absolute;
    right: 12px;
}
.profile-body {min-height:100px;}
.elementor-nav-menu a,
.elementor-nav-menu a:focus,
.elementor-nav-menu a:hover {
	padding: 0 0 12px 0;
	line-height: 0;
}
a.elementor-sub-item.elementor-item-anchor,
a.elementor-sub-item.elementor-item-anchor:hover {
	padding-top: 3px;
	padding-bottom: 3px;
}
a.elementor-sub-item {
    padding: 4px 10px !important;
}
.nav > li > a:focus,
.nav > li > a:hover {
	background: transparent;
}
.elementor-widget-breadcrumbs p {
	margin-bottom: 0;
	font-size: 13px;
}
.elementskit-navbar-nav-default .elementskit-navbar-nav>li>a {
	margin-top: 20px;
}
.media-boxes-filter li:first-child {
 display: none;
}
.media-boxes-filters-container ul {
    margin: 0 !important;
    width: 100%;
}
.media-boxes-filter>li a.selected, .media-boxes-filter>li a{background: transparent !important;
    color: #fff !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: inset 0 -2px 0 rgba(0,0,0,0.15) !important;
    box-shadow: none; border:none !important; font-size: 20px;
    font-weight: bold;}
.media-boxes-search input[type=text] {
    vertical-align: top;
    height: 34px;
    line-height: 34px;
    min-width: 93%;
    margin: 0 !important;
    margin-right: 0px !important;
    padding: 0 10px 0 0 !important;
    font-size: 15px;
    box-shadow: none !important;
    border: none !important;
    background-color: #fff;
    color: #444444;
    outline: 0;
    -webkit-appearance: none;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}
.media-boxes-search {
    margin-bottom: 5px;
      display: block;
    border: 1px solid #fff;
	background: #fff;
}
.media-boxes-filters-container {
    margin: 15px auto;
    display:block;
}
.media-boxes-drop-down {
    width: 49%;
    vertical-align: top;
	 border-bottom: 1px solid #fff;
}
.media-boxes-drop-down-header {
    font-size: 15px;
    margin: 0 !important;
    display: block;
    height: 34px;
    line-height: 34px;
    padding: 0 15px !important;
    text-decoration: none;
    background-color: transparent;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1.8px;
}
.elementor-widget:not(:last-child) {
    
}
.media-boxes-drop-down-menu > li > a {
    font-size: 15px;
    display: block;
    margin: 0 !important;
    padding: 10px 15px !important;
    color: #444444;
    background: #fff;
    height: auto !important;
    line-height: normal !important;
    border-top: 1px solid rgba(175,175,175,.16)!important;
    text-decoration: none;
}
li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-491 a{font-weight:normal !important;}
li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-490 a{font-weight:normal !important;}
li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-493 a{font-weight:normal !important;}
.ekit-wid-con .ekit-sidebar-group .ekit-overlay{background:transparent !important;}
.swiper-slide-contents a.elementor-button.elementor-slide-button.elementor-size-sm{display:block; position:relative; top:-30px;}
.nws .elementor-image-box-img img{height:226px;}
#media-boxes-container-6028d055adb66 .mb_global_skin.media-box-content{height:130px !important;}
 .media-boxes-load-more-button.media-boxes-no-more-entries {
    display: none;
}
.alert-info, p.comment-form-url {
    display: none;
}
.post.hentry{margin-bottom:10px;}
#comments{margin-left:20px;}
input#commentsubmit {
    background: #002369;
    padding: 6px 0;
    width: 160px;
	text-transform:uppercase;
	font-weight:bold;
}
h3#reply-title {
    display: none;
}
textarea#comment {
    width: 50%;
    height: 100px;
}
th{padding:10px;}
td{padding:5px;}
@media print {
  body * {
    visibility: hidden;
  }
  #section-to-print, #section-to-print * {
    visibility: visible;
  }
  #section-to-print {
    position: absolute;
    left: 0;
    top: 0;
  }
}
.wpcf7-list-item-label {display:inline-block !important;}
.elementor-widget-breadcrumbs p {
    margin-bottom: 0;
    margin-left: 30px;
}
.swal-overlay--show-modal .swal-modal{background:#002369 !important;}
.swal-title {color:#fff; !important;}
.swal-button {background:#3CD7D7 !important; padding:6px 20px !important;}
.swal-icon--success__hide-corners {background:transparent !important;}
.swal-icon--success:after, .swal-icon--success:before{display:none !important;}
.seperator:last-child {display:none;}
input.wpcf7-form-control.wpcf7-submit.btn.btn-primary{
     
    font-family: "Roboto", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 22px;
    letter-spacing: 1.6px;
    color: #ffffff;
	padding:6px 30px;
	border-radius:0;
    background-color: #0078D2;
  
}
#respond { 
background: #fbfbfb;
padding:0 10px 0 10px;
}
  
/* Highlight active form field */
  
#respond input[type=text], textarea {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #DDDDDD;
}
   
   
#respond input[type=text]:focus,
input[type=email]:focus, 
input[type=url]:focus,
textarea:focus {
box-shadow: 0 0 5px rgba(81, 203, 238, 1);
margin: 5px 1px 3px 0px;
border: 2px solid rgba(81, 203, 238, 1);
}
#author, #email { 
font-style:italic;
color:#1d1d1d; 
letter-spacing:.1em;
} 
.comment-form-comment label{display:block !important;}
#submit {
 background: #002369;
	border-radius:100px;
	color:#fff;
	border:none;
	padding:8px 30px;
} 
#author, #email {
    font-style: italic;
    color: #1d1d1d;
    letter-spacing: .1em;
    border: 1px solid #DDDDDD;
}
form#commentform {
    margin: 0 0 40px 0;
}
  
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #fff;
    height: auto;
    width: 40%;
    margin: 17px auto;
    font-family: 'Domaine';
    color: #fff;
	padding:15px;
    text-align: center;
    background: #002369;
}
.wpcf7 form.sent .wpcf7-response-output{
color: #fff;
    border: none;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    width: 40%;
    margin: 17px auto;
    font-family: 'Domaine';
     justify-content: center;
    background: #002369;
} 
   .yrm-toggle-expand-2 {
    width: 150px;
    height: 36px !important;
    line-height: 1;
}
.meta-date::before, .post_author-1::before{content: "|";
       position: relative;
    top: 0px;
    left: -7px;}
@media (max-width: 1024px) {
.elementor-33 .elementor-element.elementor-element-44e9773 .elementskit-menu-hamburger {
    float: left;
	text-align:left;
    padding: 2px;
    width: 48px;
    border-radius: 3px;
}
}
@media screen and (min-width: 1024px) {
.mission .elementor-tabs-wrapper{   display: contents;}
.mission .elementor-tabs-content-wrapper{width:560px; height:220px;}
.mission .elementor-tab-title.elementor-active{background:#3CD7D7; width:180px;
padding-top:78px;margin-left: -17px;
    text-align: center;height:180px; border-radius:100px; line-height:50px;}
.mission .elementor-tab-title {background:#3CD7D745; width:180px; padding-top:78px !important; margin-left: -17px;
    text-align: center;height:180px; border-radius:100px; line-height:50px;}
}
    @media only screen and (max-width: 767px) {
  .mission .elementor-tabs-wrapper{   display: contents ;}
.mission .elementor-tabs-content-wrapper{width:100%; height:auto;}
.mission .elementor-tab-title.elementor-active{background:#3CD7D7; width:180px;
padding-top:80px;margin-left: -17px;
    text-align: center;height:180px; border-radius:100px; line-height:50px;}
.mission .elementor-tab-title {background:#3CD7D745; width:180px; padding-top:78px;margin-left: -17px;
    text-align: center;height:180px; border-radius:100px; line-height:50px;}
}

@media screen and (max-width: 600px) {
	a.elementor-post__thumbnail__link{margin-right:0 !important; margin-bottom:20px;}
	.elementor-posts .elementor-post {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap !important;
	overflow:visible !important;
		height:auto !important
}
	nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {
    padding: 0 0 0 25px;
}
	.latest-blog .elementor-posts-container .elementor-post img{
	height: 300px;
}
	.related-post .elementor-post__text {
    position: relative !important;
    z-index: 100 !important;
    display: block;
    width: 100% !important;
    overflow: hidden;
   
    padding: 10px 20px !important;
}
	
	.related-post .elementor-post__text .elementor-post__title a { color: black !important;position: relative;
    top: 20px;}
	section.elementor-section.elementor-top-section.elementor-element.elementor-element-d26725d.elementor-section-full_width.elementor-section-height-min-height.elementor-section-stretched.elementor-section-height-default.elementor-section-items-middle {padding-top:20px;}
	.expertise-template .elementor-icon-list--layout-inline {top:8px;}
.elementor-widget-breadcrumbs p {
    margin-bottom: 0;
    margin-left: 13px !important;
}
	.elementskit-menu-overlay{
		position:relative !important;
	}
.media-boxes-grid {
    overflow: hidden !important;
	margin-top:30px !important;
}
.related-ni .elementor-post__text {
    position: relative !important;
    z-index: 100;
    display: block;
    width: 100% !important;
    overflow: hidden;
    bottom: 38%;
    padding: 20px 20px !important;
	background:#002369;
}
}

.elementor-post__excerpt p::after{content:'...';}
.single-ourexpert .comments-area{display:none;}
.elementor-image-box-description a{color:#fff;}
.elementor-cta__description a{color:#fff;}

/*About section hide and show for this when you ad new certificates make it display block. after uploading is done rever back to display:none */
.list-element {
    
    display: block;
}
.wpdp-white-popup{position: relative;
    background: #002369 !important;
    padding: 20px;
    width: auto;
    max-width: 650px;
    margin: 20px auto;
}
.wp-block-columns {margin-bottom:0 !important;}
.related-ni .elementor-grid{grid-column-gap:20px !important;}
.related-ni article{padding:0 !important;}
.related-ni article .elementor-post__thumbnail img {
	filter: brightness( 50% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg )
}
 
.ourexpert-template i.icon.icon-printer1 {
    display: none;
}
.single-news .elementor-icon-list-items li:nth-child(2) {display:none}
.single-post a {
    word-break: break-word;}

/* =========================================================
   fm-insight-cards
   Insights / related cards on the practice area pages - mobile
   ---------------------------------------------------------
   The image box came out 335x300 (ratio 1.12) while the artwork is 768x447
   (ratio 1.72), and object-fit: fill stretched one into the other rather than
   cropping. The lettering inside the artwork was pulled up by about a third,
   which is why it came out huge and ran over the card title.

   195px against the card's ~335px width is 1.72:1 - the shape the artwork is
   produced at - so cover has essentially nothing to crop. Measured 0% on a
   real 768x447 image, against 38-42% with the near-square box.

   Scoped to .expertise-template so it covers every practice area page, and
   to mobile because the desktop grid is a different shape.
   ========================================================= */
@media (max-width: 767px) {

    .expertise-template .related-ni .elementor-post__thumbnail {
        height: 195px !important;
        min-height: 195px !important;
        overflow: hidden !important;
        position: relative;
    }

    .expertise-template .related-ni .elementor-post__thumbnail img {
        width: 100% !important;
        height: 195px !important;
        object-fit: cover !important;
        object-position: center !important;
    }

    /* Artwork that carries its own lettering will always fight a title laid
       straight over it, so the title keeps the navy block it has on desktop
       rather than being floated onto the picture. */
    .expertise-template .related-ni .elementor-post__text {
        position: relative !important;
        bottom: auto !important;
        z-index: 2;
        background: #002369 !important;
        padding: 16px 20px !important;
    }

    /* The Latest Blog cards keep their own height - that layout was not
       reported and is a different widget - but they are fed the same artwork,
       so they get the same protection from being stretched. */
    .expertise-template .latest-blog .elementor-post__thumbnail img,
    .expertise-template .latest-blog .elementor-portfolio-item__img img {
        object-fit: cover !important;
        object-position: center !important;
    }
}


/* =========================================================
   fm-blog-card-scrim
   Insights / Latest Blog cards - the title has to stay readable
   ---------------------------------------------------------
   .blog-card puts the post's featured image behind its own title with a flat
   rgba(0,35,105,.78) tint between them. Even tint, so artwork that carries
   its own lettering - the INFORM posters do - reads straight through it and
   lands on the card title. Two headlines in the same place.

   The tint becomes a gradient weighted to the bottom. The stops are not a
   guess: the titles run to four lines and start 48% down the card, measured,
   so the gradient has to be near solid by 46% rather than only at the foot.
   Behind the title the artwork now shows through 10%, against 22% before,
   while the top of the card is at 35% tint - so the picture is actually MORE
   visible where it is wanted and much less where the words are.

   An earlier pass ran .55 to .94 from top to bottom, which measured 21% at
   the title's first line: no better than the flat tint it replaced. Worth
   knowing before anyone softens these numbers again.

   min-height goes to 240px on a phone: 220 was shallow for a 768x447 poster,
   and a three line title pushed past it anyway, which left the row ragged.
   ========================================================= */
.blog-card::before {
    background: linear-gradient(
        to bottom,
        rgba(0, 35, 105, .35) 0%,
        rgba(0, 35, 105, .58) 28%,
        rgba(0, 35, 105, .90) 46%,
        rgba(0, 35, 105, .97) 100%
    );
}

.blog-card:hover::before {
    background: linear-gradient(
        to bottom,
        rgba(0, 35, 105, .48) 0%,
        rgba(0, 35, 105, .70) 28%,
        rgba(0, 35, 105, .94) 46%,
        rgba(0, 35, 105, .98) 100%
    );
}

/* The title sits above both the picture and the gradient. */
.blog-card h3 {
    position: relative;
    z-index: 2;
}

@media (max-width: 767px) {
    .blog-card {
        min-height: 240px;
    }
}


/* =========================================================
   fm-home-banner-gap   -   TEMPORARY, see below
   Home page: the empty band between the header and the banner
   ---------------------------------------------------------
   A 190px top margin set on the home page's video widget for Mobile in the
   Elementor editor. Measured: the section is 401px tall against a 211px
   video, and the 190px difference is that margin. Without it the section is
   211px and the banner sits 10px under the header.

   Nothing needs the space: the two text sliders either side of the video
   carry elementor-hidden-mobile AND -tablet AND -desktop, so they render
   nothing at any width. The margin was holding room for a slider that is
   switched off.

   PREFER THE EDITOR. Home page > the video widget > Advanced > Margin >
   Mobile > top 0. Done there it is visible to whoever edits the page next.
   This rule names a widget id, so if that widget is ever rebuilt the id
   changes and the rule silently stops matching.

   DELETE THIS BLOCK once the margin is cleared in Elementor. If someone sets
   a mobile top margin on that widget and nothing happens, this is why.
   ========================================================= */
@media (max-width: 767px) {
    .elementor-2 .elementor-element.elementor-element-171ff6c > .elementor-widget-container {
        margin-top: 0 !important;
    }
}