/*
Theme Name: nwd 
Description: Multi-Purpose Wordpress Theme
Author: Codex Themes.
Theme URI: http://codex-themes.com/thegem/
Author URI: http://codex-themes.com/thegem/
Template: thegem-elementor
Version: 1.0
Tags: one-column, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, full-width-template, theme-options, translation-ready, dark, light
License: GNU General Public License
License URI: license.txt
*/

/**
 * CONTENTS
 *
 * SETTINGS
 * Global.............. Globally-available variables and config.
 * Headings............ H1–H6 styles.
 * Links............... Link option throughout the site
 * Buttons............. Button settings of the website
 *
 * HEADER SETTINGS
 * Top bar........ Top bar section.
 * Navigation..... Better navigation of the website.
 *
 * CONTENT SETTINGS
 * Form............................... Web forms of the website.
 * Specific features and objects...... object and features of elements
 * Specific pages..................... Elements for specific pages and objects
 *
 * FOOTER SETTINGS
 * Footer links........... The main page footer.
 * Footer-text............ The main page footer texts.
 * 
 * MEDIA QUERIES
 * Media queries........... The Media Query
 */

/*------------------------------------*\
  #GLOBAL SETTINGS
\*------------------------------------*/
html {
   font-size: 100%;
}

.elementor-column-gap-thegem .no-padding-tb .thegem-column-elements-inline.elementor-widget-wrap{
    padding:0px 21px;
}

.bg-lightblue {
    background-color:#e5f2fb;
}
.bg-lightblue2{
        background-color:#b6c4cd;
}

.bg-darkblue {
     background-color:#103550;
}
.bg-burgundy{
     background-color:#70002a;
}

.font-white h2 , .font-white p , .font-white{
    color:#fff;
}
	/*------------------------------------*\
	 #TEXT
	\*------------------------------------*/
	/*------------------------------------*\
	 #HEADING TAGS
	\*------------------------------------*/
	
body , body p{
    font-family: "Inter", sans-serif;
   font-size:1rem;
  font-weight: 400;
  line-height:1.5;
  font-style: normal;
color:#000;
}
body{
    background-color:#fff;
}
	h1, h2, h3, h4, h5, h6{
	 font-family: "futura-pt-bold", sans-serif;
    font-weight: 700;
   font-style: normal;
 color:#103550;
text-transform: capitalize
	}
	
	h1{
	    font-size:3rem;
	    line-height:1.3;
	}
	body .elementor-element .elementor-text-editor > h2{
	    font-size:2rem;
	    line-height:1.3;
	    margin-bottom:30px;
	}
		h3  {
	    font-size:1.8rem;
	    line-height:1.3; 
	}
		h4  {
	    font-size:1.4rem;
	    line-height:1.5;
	}
		h5{
	    font-size:1.1rem;
	    line-height:1.5;
	}
		h6{
	    font-size:1.2rem;
	    line-height:1.5;
	}
li {
    margin-bottom: 10px;
}
	
	/*------------------------------------*\
	 #LINKS
	\*------------------------------------*/
.elementor-text-editor a{
	text-decoration:underline
}

	/*------------------------------------*\
	 #BUTTONS
	\*------------------------------------*/
.gem-text-button{
      font-size:1.3rem;
	    line-height:1.3;
	    	 font-family: "futura-pt-bold", sans-serif;
    font-weight: 700;
    text-transform:uppercase;
    border-radius:0px ;
}
.btn-style2 .gem-button {
    background-color: #ffffff;
    color:#103550;
}

.btn-style2 .gem-button:hover{
    background-color:#137ecc;
    color:#fff;
}
/*------------------------------------*\
  #HEADER SETTINGS
\*------------------------------------*/
 .header-transparent .header-wrapper {
        position: relative;
    }
.banner h1{
	color:#fff
}
	/*------------------------------------*\
	 #TOP BAR
	\*------------------------------------*/
	/*------------------------------------*\
	 #NAVIGATION
	\*------------------------------------*/	

/*------------------------------------*\
  #CONTENT SETTINGS
\*------------------------------------*/
	/*------------------------------------*\
	  #FORM
	\*------------------------------------*/
.form-style .gform_wrapper.gravity-theme input , .form-style .gform_wrapper.gravity-theme textarea{
	background: #f6f6f6;
    border: none;
    color: #000;
}
.form-style .gform_wrapper.gravity-theme .gfield_label {
    font-weight: 400;
}
.form-style  .gform_wrapper.gravity-theme .gform_footer input {
margin: 0;
    background: #b81531;
 border-radius: 0px;
    color: #fff;font-size: 1.3rem;
    line-height: 1.3;
    font-family: "futura-pt-bold", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}
	/*------------------------------------*\
	 #SPECIFIC FEATURE AND OBJECTS
	\*------------------------------------*/
	
		.gallery-slider .gem-gallery-hover-default .gem-gallery-preview-carousel-wrap .gem-gallery-item a:before , .gallery-slider .gem-gallery-hover-default .gem-gallery-thumbs-carousel-wrap .active .gem-gallery-item-image a:before, .gallery-slider .gem-gallery-hover-default .gem-gallery-thumbs-carousel-wrap .gem-gallery-item .gem-gallery-item-image a:hover:before {
    background-color: rgb(184 21 49 / 50%);
}

.gallery-slider .arrow-mark{
	display:none
}
	.elementor-text-editor > :last-child{
	    margin-bottom:0px;
	}
  
    .process-grid img , .icon-style img {
    width: 100px;
    height: 120px;
}
.experience-grid img{
    width: 120px;
    height: 100px;
}
.certifications-img img{
    height: 200px;
    width: 100%;
}	

.contact-box img {
	width:50px
}
.contact-box p{
	    color: #103550;
    font-weight: bold;
}

	 .testimonials .gem-testimonial-name.title-h6 {
	    font-size:1.8rem;
	    line-height:1.3; color:#103550;	 
	    font-family: "futura-pt-bold", sans-serif;
	    text-transform: capitalize
	}
	 .testimonials .gem-testimonial-company {
	    font-size:1.4rem;
	    line-height:1.5; color:#103550;
	    font-family: "futura-pt-bold", sans-serif;
	}
	 .testimonials .gem-testimonial-position{
	    color:#103550;
	}
	 .testimonials 	.gem-testimonial-text p{
	    font-size:1rem; line-height:1.5; color:#103550;	font-style: italic; font-family: "futura-pt-bold", sans-serif;
	}
	 .testimonials	.gem-testimonials .gem-testimonials-carousel-wrap .quote-color-added.gem-testimonial-wrapper p{
	    display: block;
	}

   .faq-style .helpie-faq.accordions .accordion ,   .faq-style .helpie-faq.accordions .accordion  ul{
    margin:  0px;
}   

   .faq-style .helpie-faq.accordions .accordion .accordion__item .accordion__header div.accordion__title {
		    font-size:1.2rem;
	    line-height:1.5; 
	    font-family: "futura-pt-bold", sans-serif;
    font-weight: 700;

 color:#103550;
}

   .faq-style .helpie-faq.accordions .accordion .accordion__item:first-child .accordion__header{
	padding-top:0px
}

   .faq-style .helpie-faq.accordions .accordion .accordion__item .accordion__body{
	padding-bottom:15px
}

.steps-tabs-style.elementor-widget-n-tabs .e-n-tab-title-text{
	color: #103550;
    font-weight: bold;
    text-transform: uppercase;
}

/*------------------------------------*\
#SPECIFIC PAGES 
\*------------------------------------*/
	/*------------------------------------*\
	#HOME
	\*------------------------------------*/
	.home-hero-banner .thegem-ken-burns-bg::before{
	    opacity: 0.7;
    background-color: #000;
	}
	.home-hero-banner h1{
	    color:#fff;
	    margin-bottom:20px;
	}
		.home-hero-banner p{
		     color:#fff;
		       font-size:1.8rem;
	    line-height:1.3;
		}
	.services-grid .quickfinder .gem-image ,.services-grid .quickfinder .gem-image img , .services-grid .quickfinder .gem-image span	{
	       transition: none ;
	}
    	.services-grid .quickfinder-title{
            font-size:1.8rem;
	    line-height:1.3; 
	   text-transform: capitalize;     font-family: "futura-pt-bold", sans-serif;
    }
	.fullwidth-content .elementor-section.elementor-section-full_width.elementor-top-section.projects-grid > .elementor-container.elementor-column-gap-thegem{
	      padding:0px; 
	}
	
	.awards-grid .portfolio-grid.portfolio-style-creative .portfolio-item.double-item-horizontal {
    grid-column-end: span 1;
}

.awards-grid .portfolio-grid.portfolio-style-creative:is(.columns-4, .fullwidth-columns-4) .portfolio-set{
    grid-template-columns: repeat(3, 1fr);gap: 30px;
}
	.awards-grid  .portfolio-grid.portfolio-style-creative .portfolio-item{
    border: 1px solid #dedede;

    background: #fff;
}
.awards-grid .version-new.news-grid .portfolio-item .wrap > .caption .title a{
     font-family: "futura-pt-bold", sans-serif;
  font-size:1.8rem;
  
 color:#103550;
}

	/*------------------------------------*\
	#(Team PAGE)
	\*------------------------------------*/
.team-grid .gem-team-style-4 .team-person{
	    padding: 20px;
    background: #fff;
    border: 1px solid #dedede;
    text-align: center;
}
.team-grid .gem-team-style-4 .team-person-image {
    width: 100%;
	    margin-bottom: 10px;
}
.team-grid .gem-team-style-4 .team-person-name{
	font-family: "futura-pt-bold", sans-serif;
  font-size:1.8rem;
      margin: 0 0 10px;
	line-height:1.5;
 color:#103550;
}
.team-grid  .gem-team-style-4 .team-person-position {
    font-size: 1rem;
    margin-bottom: 3px;
    color: #000;
}

.team-grid .gem-team .thegem-wrap {
    padding: 10px;
}
	/*------------------------------------*\
	#(map PAGE)
	\*------------------------------------*/

.map-style .mpfy-mll-location .mpfy-mll-l-heading {
    border: none;
    border-color: #f8f8f8;
    border-bottom: 1px solid #e6e6e6;
    padding: 15px 20px;
}
.map-style .mpfy-mll-location .mpfy-mll-l-pin {
    width: 57px ;
    height: 57px ;
  left:0px
}
.map-style .mpfy-mll-location:first-child {
    border-top: 2px solid #c6c6c6 ;
    margin-top: 15px;
}
.map-style  .mpfy-mll-location {
    border: 2px solid #c6c6c6;
    margin-bottom: 15px;
    background-color: #ffffff ;
}
.map-style  .mpfy-mll-location .mpfy-mll-l-title span{
	font-weight:bold;
		font-family: "futura-pt-bold", sans-serif;
}
.map-style  .mpfy-mll-location .mpfy-mll-l-categories a, .map-style  .mpfy-tags-list a.mpfy-tl-item em{
	font-family: "futura-pt-bold", sans-serif;
}
.map-style .mpfy-mll-pagination .mpfy-mll-button-prev, .map-style .mpfy-mll-pagination .mpfy-mll-button-next , .map-style .mpfy-mll-pagination .mpfy-mll-pagination-status , .mpfy-mll-pagination .mpfy-mll-pagination-status span{
	font-family: "Inter", sans-serif;
}

	/*------------------------------------*\
	#(projects PAGE)
	\*------------------------------------*/

body .projects-grid  .hover-circular .portfolio-item .image .overlay .overlay-circle{
	background: linear-gradient(90deg, rgb(184 21 49 / 50%) 0%, rgb(112 0 42 / 65%) 100%) !important;
}
body .portfolio .portfolio-filters a span{
	    font-family: 'Inter';
    font-weight: bold;
}
.portfolio-item .image .overlay .portfolio-item-link{
	font-family: "futura-pt-bold", sans-serif;
}
	/*------------------------------------*\
	#( sinlge projects PAGE)
	\*------------------------------------*/
.single-thegem_pf_item .block-content{
	    padding: 0;
}

.single-thegem_pf_item article:not(.type-page) > .entry-content.post-content{
	margin-bottom:0px
}
/*------------------------------------*\
	#(  blog PAGE)
	\*------------------------------------*/

.blog-grid .version-new.news-grid.hover-new-default .portfolio-item .image .links .caption .slide-content {

    bottom: -30%;
}
.single-post .block-content {
    padding: 0px;
}
.single-post article:not(.type-page) > .entry-content.post-content{
	margin-bottom:0px
}
/*------------------------------------*\
  #FOOTER SETTINGS
\*------------------------------------*/
#colophon.site-footer {
    position: relative;
    padding: 50px 0px;
    color:#fff;
}
#colophon.site-footer #custom_html-2{
    margin-bottom:0px;text-align: center;
}
.footer-widget-area{
    height:auto;
}
#colophon.site-footer .footer-widget-area p{
    margin-bottom: 5px;  color:#fff;
}
#colophon.site-footer .footer-widget-area a{
    text-decoration:underline;
}

	/*------------------------------------*\
	#FOOTER LINKS
	\*------------------------------------*/
	/*------------------------------------*\
	#FOOTER TEXT
	\*------------------------------------*/


/*------------------------------------*\
  #MEDIA QUERIES
\*------------------------------------*/
           /*------------------------------------*\
	 #Extra small devices (Most of the Smartphones Mobiles (Portrait))
	@media only screen and (max-width: 480px) {
	\*------------------------------------*/	
	/*------------------------------------*\
	 #Small devices (Low Resolution Tablets, Mobiles (Landscape))
	 B/w 481px to 767px
	@media (min-width: 481px) and (max-width: 767px){...} 
	\*------------------------------------*/
	
		@media (min-width: 320px) and (max-width: 767px){
		    	h1{
	    font-size:2.4rem;
	    
	}

		h2{
	    font-size:1.8rem;

	}
		h3 , 	.services-grid .quickfinder-title{
	    font-size:1.4rem;
	   
	}

		h4{
	    font-size:1.3rem;
	    
	}
		h5{
	    font-size:1.1rem;
	  
	}
		h6{
	    font-size:1.2rem;
	   
	}
	.awards-grid .portfolio-grid.portfolio-style-creative:is(.columns-4, .fullwidth-columns-4) .portfolio-set {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
}
			.mobile-img-first .e-con-inner{
				    flex-direction: column-reverse;
			}
			.faq-style .helpie-faq.accordions .accordion ul {
    margin: 0px;
    padding: 0px;
}
			
			
		} 
	/*------------------------------------*\
	 #Medium devices (Tablets, Ipads (landscape))

	\*------------------------------------*/
		@media (min-width: 768px) and (max-width: 1024px)
	
	{
	    	.services-grid .quickfinder-title ,  .process-grid h3 
   {
	    font-size:1.5rem;
	   
	}
	}
	
	/*------------------------------------*\
	 #Large devices (Laptops, Desktops)
	@media (min-width: 1025px) and (max-width: 1280px)  {...} 
	
	
	\*------------------------------------*/
	
	/*------------------------------------*\
	 #Extra large devices (large laptops and desktops, 1200px and up)
	@media only screen and (min-width: 1281px) {...}
	\*------------------------------------*/
	
	@media only screen and (min-width: 1025px)	{
	    .process-grid h3 {
    min-height: 74px;
}
	}