/*
 Theme Name:   Finix Child
 Theme URI:    http://finix.powersquall.com/
 Description:  Finix - Technology & IT Solutions WordPress Theme
 Author:       Power-Squall
 Author URI:   http://example.com
 Template:     finix
 Version:      2.0
 License:      GNU General Public License version 3.0
 License URI:  http://www.gnu.org/licenses/gpl-3.0.html
 Tags:         one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
 Text Domain:  kenraychild
*/

@font-face {
  font-family: "SF Pro Display";
  src: url("./fonts/sf-pro-display/SFPRODISPLAYREGULAR.OTF");
   font-weight: 400;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("./fonts/sf-pro-display/SFPRODISPLAYMEDIUM.OTF");
   font-weight: 500;
}
@font-face {
  font-family: "SF Pro Display";
  src: url("./fonts/sf-pro-display/SFPRODISPLAYBOLD.OTF");
   font-weight: 800;
}


html[lang="vi-VN"] *{
	font-family:  "SF Pro Display" !important;
}

.custom-area {
  display: grid;
  grid-template-areas:
  'client ms ms title title title'
    'client iso iso title title title'
    'projects engineer image solution big-image big-image'
    'project-for-client revenue team-member female big-image big-image';
   grid-template-columns: repeat(6, 1fr);
}

@media screen and (max-width: 1024px){
	.custom-area {
	  display: grid;
	  grid-template-areas:
		  'client ms ms'
		  'client iso iso'
		  'title title title'
		  'title title title'
		  'projects engineer image'
		  'project-for-client revenue team-member'
		  'solution big-image big-image'
		  'female big-image big-image';
	   grid-template-columns: repeat(3, 1fr);
	}
}

@media screen and (max-width: 600px){
	.custom-area {
	  display: grid;
	  grid-template-areas:
		  'client client'
		  'client client'
		  'ms ms'
		  'iso iso'
		  'title title'
		  'title title'
		  'projects engineer'
		  'project-for-client image'
		  'revenue team-member'
		  'solution female'
		  'big-image big-image';
	   grid-template-columns: repeat(2, 1fr);
	}
}