/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

.wpcf7-form p span {
    color: #fff;
    font-size: 13px;
    line-height: 17px;
}

#top nav .pitador-menu-bold > a .menu-title-text {
    font-weight: 700 !important;
}

img.halal {
    position: absolute;
    right: 0;
    top: -75px;
}

#footer-outer[data-cols="1"] .col {
     text-align: left; 
}

#slide-out-widget-area.fullscreen-split .off-canvas-menu-container li a:after{
	display:none !important
}

html body #slide-out-widget-area.fullscreen-split .off-canvas-menu-container > ul > li > a{
    font-size: 4vh !important;
    line-height: 6vh !important;
	transition:all 0.6 ease-out
		
}

html body #slide-out-widget-area.fullscreen-split .off-canvas-menu-container > ul > li > a:hover{
    opacity:0.6
		
}

input.wpcf7-form-control.has-spinner.wpcf7-submit {
    font-family: 'FuturaB' !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
}
#slide-out-widget-area .inner .off-canvas-menu-container li a {

    font-family: 'FuturaB' !important;
    font-weight: 300 !important;
    text-transform: uppercase;

}

@font-face {
    font-family: 'FuturaL';
    src: url('fonts/FuturaBT-Light.woff2') format('woff2'),
        url('fonts/FuturaBT-Light.woff') format('woff'),
        url('fonts/FuturaBT-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FuturaB';
    src: url('fonts/FuturaBT-Book.woff2') format('woff2'),
        url('fonts/FuturaBT-Book.woff') format('woff'),
        url('fonts/FuturaBT-Book.ttf') format('truetype'),
        url('fonts/FuturaBT-Book.svg#FuturaBT-Book') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'FuturaM';
    src: url('fonts/FuturaBT-Medium.woff2') format('woff2'),
        url('fonts/FuturaBT-Medium.woff') format('woff'),
        url('fonts/FuturaBT-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


nav a {
    font-family: 'FuturaB' !important;
    opacity:1 !important
    }

h1,
h2,
h3{
font-family: 'FuturaB';
	   font-weight: normal !important;
    font-style: normal !important;
}


p,
body{
font-family: 'FuturaL';
}

strong{
font-family: 'FuturaB';
}

body #footer-outer #copyright .widget h4, body #footer-outer #copyright p {
font-family: 'FuturaB' !important;
color: #ffffff;
font-size:12px;
letter-spacing:2px;
text-transform:uppercase
}

#footer-outer #copyright[data-layout="centered"] {
    padding: 25px !important;
}

.col.dark .nectar-button.see-through, .col.dark .nectar-button.see-through-2 {
    border-radius: 50% !important;
    font-family: 'FuturaB';
}

body.material .nectar-button.large {
    padding-left: 20px;
    padding-right: 20px;
}

.space1{
	letter-spacing:1px !important;
	}
.space2{
	letter-spacing:2px !important;
	}
.space3{
	letter-spacing:3px !important;
	}
.space5{
	letter-spacing:5px !important;
	}
.space7{
	letter-spacing:7px !important;
	}
.space8{
	letter-spacing:8px !important;
	}
.space10{
	letter-spacing:10px !important;
	}


#intro:after{
	height: 120px;
    width: 1px;
    background-color: rgba(255,255,255,0.9);
    display: block;
    position: absolute;
    bottom: 0;
    z-index: 9;
    margin-left: calc(50% - 0.5px);
}


img.animation-border{
border-radius: 50vw 50vw 0 0;
    overflow: hidden;
    -webkit-mask-image: radial-gradient(#fff,#000);
    mask-image: radial-gradient(#fff,#000);
}



.picture__border-overlay{
    border-radius: 50vw 50vw 0 0;
    overflow: hidden;
    -webkit-mask-image: radial-gradient(#fff,#000); 
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;   
}


.picture__border-overlay.animation-started{
animation: border-animation 1.3s linear;
}


@keyframes border-animation {
  0% {
    border: var(--width);
  }
  100% {
    border: 0px solid #025157; 
  }
}

#footer-new .divider-wrap div{
    margin-top:0px !important;
    margin-bottom:0px !important;
}




@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 15s linear infinite;
  -moz-animation: rotating 15s linear infinite;
  -ms-animation: rotating 15s linear infinite;
  -o-animation: rotating 15s linear infinite;
  animation: rotating 15s linear infinite;
}



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

form{
    margin-top: 30px !important;
}
div#footer-new *{
	text-align:center !important
}
div#footer-new{
	margin-top:30px
}
html body #intro:after {
 display:none !important
}
	.slide * {
    text-align: center !important;
}
	.nectar-leaflet-map {
    height: 350px !important;
}
	#footer-outer[data-cols="1"] .col {
     text-align: center; 
}
	img.halal {
    display: block;
    position: relative;
    /* right: 0; */
    text-align: center;
    width: 70px !important;
    left: calc(50% - 35px);
    top: 20px;
}
}

/* B2B nav item styled as a green skeuomorphic pill button, exact match to /kibbeh/'s nav-b2b button dimensions/font/effect (kept in normal nav flow — absolute centering was tried and overlapped the other nav links) */
#top .menu-item-792 > a,
#top .menu-item-1060 > a,
#slide-out-widget-area .menu-item-792 > a,
#slide-out-widget-area .menu-item-1060 > a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 14px 34px !important;
    border-radius: 999px !important;
    background: #1d4d47 !important;
    box-shadow: 6px 6px 16px rgba(0,0,0,0.35), -4px -4px 10px rgba(255,255,255,0.08), inset 1px 1px 0 rgba(255,255,255,0.1), inset -1px -1px 0 rgba(0,0,0,0.2);
    transition: box-shadow 0.25s ease, transform 0.28s cubic-bezier(0.34,1.56,0.64,1);
    color: #ffffff !important;
}
#top .menu-item-792 > a:hover,
#top .menu-item-1060 > a:hover {
    transform: translateY(-2px);
    box-shadow: 8px 10px 20px rgba(0,0,0,0.4), -5px -5px 12px rgba(255,255,255,0.1), inset 1px 1px 0 rgba(255,255,255,0.1), inset -1px -1px 0 rgba(0,0,0,0.2);
}
#top .menu-item-792 > a:active,
#top .menu-item-1060 > a:active {
    transform: scale(0.94);
    transition-duration: 0.08s;
}
#slide-out-widget-area .menu-item-792 > a:hover,
#slide-out-widget-area .menu-item-1060 > a:hover {
    transform: translateY(-2px);
    box-shadow: 8px 10px 20px rgba(0,0,0,0.4), -5px -5px 12px rgba(255,255,255,0.1), inset 1px 1px 0 rgba(255,255,255,0.1), inset -1px -1px 0 rgba(0,0,0,0.2);
}
#header-outer#header-outer #top#top nav .sf-menu > li.menu-item-792 > a .menu-title-text,
#header-outer#header-outer #top#top nav .sf-menu > li.menu-item-1060 > a .menu-title-text,
#slide-out-widget-area .menu-item-792 > a .menu-title-text,
#slide-out-widget-area .menu-item-1060 > a .menu-title-text {
    color: #ffffff !important;
    font-family: 'Jost', sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
}
#header-outer#header-outer #top#top nav .sf-menu > li.menu-item-792 > a,
#header-outer#header-outer #top#top nav .sf-menu > li.menu-item-1060 > a,
#slide-out-widget-area .menu-item-792 > a,
#slide-out-widget-area .menu-item-1060 > a {
    font-family: 'Jost', sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
}
/* the mobile off-canvas menu's generic "html body #slide-out-widget-area.fullscreen-split .off-canvas-menu-container > ul > li > a" rule (4vh font-size / 6vh line-height) outranks the block above on specificity, ballooning the B2B pill on mobile/tablet — this matches/exceeds that selector's specificity to keep the pill's real size */
html body #slide-out-widget-area.fullscreen-split .off-canvas-menu-container > ul > li.menu-item-792 > a,
html body #slide-out-widget-area.fullscreen-split .off-canvas-menu-container > ul > li.menu-item-1060 > a {
    font-size: 15px !important;
    line-height: 1 !important;
}