/** 
	* Filename:     global.css
	* Version:      1.0.2 (2024-01-22)
	* Website:      https://www.zymphonies.com
	* Description:  Global Styles
	* Author:		support Team
					support@zymphonies.com
**/

/*--------- Clients ---------*/

.page-node-type-clients .node__content .field__item {
    background: #296a56;
    text-align: center;
    padding: 10px;
    color: #fff;
}

/*----------------------------
	Locations
-----------------------------*/

.field--name-field-paragraphs-location {
	overflow: hidden;
}

.field--name-field-paragraphs-location > .field__item {
    padding: 10px;
    border: 1px solid #eee;
}


/*----------------------------
	Media Query
-----------------------------*/

@media (min-width: 767px) {
	.field--name-field-paragraphs-location > .field__item {
		float: left;
		width: 50%;
		margin: 0;
	}
}

/*---------------------------
  James Added Clients / Providers section main page center 
------------------------------*/

/* Static centered Providers row when there are only 3 logos */
.clients .providers-static-row {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 40px;
  flex-wrap: wrap;
  width: 100%;
  text-align: center;
}

.clients .providers-static-row > .field__item {
  float: none !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
  width: auto !important;
  max-width: 220px;
  text-align: center;
}

.clients .providers-static-row img {
  display: block;
  margin: 0 auto;
}

/*-----------------------------------------------
 * James added for tables on safari on iphone
 *-----------------------------------------------*/
/** Tables fpr small screens 

@media (max-width: 740px) { 
 .table-custom th,
 .table-custom td {
     padding: .1em !important;
  }
}
**/

/* Tables for small screens *
 * */

/* Global responsive table fix for iPhone/Safari */
@media screen and (max-width: 768px) {
  table {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    border-collapse: collapse;
  }

  table thead,
  table tbody,
  table tr {
    width: 100%;
  }

  table th,
  table td {
    white-space: nowrap !important;
    min-width: 120px;
  }
}