/*   Small Projects Bureau Development  */
/*   Elumina   */
/*   Martin Fuks   */

/*******************/
/*      GLOBAL     */
/*******************/
:root {
  --c-blue: #1a6bc6;
  --c-brand: #192d5b;
}

h1,h2,h3,h4,h5,h6 {
    font-family: 'freight-neo-pro', Roboto, serif;
}

p, a, li {
    font-family: "futura-pt", sans-serif;
}

h1 {
	text-transform: uppercase;
}

h2 {
	text-transform: uppercase;
  font-weight: 300;
}

.mb-0 {
	margin-bottom: 0px;
} 
.mt-0 {
	margin-top: 0px;
} 
.text-center {
	text-align: center;
}

/************    heading color classes   **************/

.h__color-white :is(h1,h2,h3,h4,h5,h6),
.p__color-white :is(p) {
	color: #ffffff;
}

.h__color-blue :is(h1,h2,h3,h4,h5,h6) {
	color: #1a6bc6;
}

.h__color-red :is(h1,h2,h3,h4,h5,h6) {
	color: #d6411f;
}

.h__color-orange :is(h1,h2,h3,h4,h5,h6) {
	color: #f97646;
}

.h__color-green :is(h1,h2,h3,h4,h5,h6) {
	color: #10906d;
}

/************    button styles & color classes   **************/

.dt-btn {
  font-family: 'freight-neo-pro', Roboto, serif;
  letter-spacing: 0.2em;
}

#page .button__color-blue {
	color: #1a6bc6;
}

#page .button__color-red {
	color: #d6411f;
}

#page .button__color-orange {
	color: #f97646 ;
}

#page .button__color-green {
	color: #10906d;
}

#page .button__color-blue:hover {
	background: #1a6bc6;
  color: #ffffff;
}

#page .button__color-red:hover {
	background: #d6411f;
  color: #ffffff;
}

#page .button__color-orange:hover {
	background: #f97646 ;
  color: #ffffff;
}

#page .button__color-green:hover {
	background: #10906d;
  color: #ffffff;
}


/*************************************************
/*		            HEADER                      */
/************************************************/

.masthead:not(.side-header):not(.side-header-menu-icon) .header-bar {
    max-width: calc(1400px - 30px - 30px);
    margin: 0 auto;
}

#page .masthead.sticky-on .header-bar, #phantom.masthead .header-bar, #phantom .ph-wrap {
    min-height: 85px;
}

header{
	font-family: 'freight-neo-pro', Roboto, serif;
}

header .branding a img, header .branding img{
	height: 112px;
	width: auto;
}

.main-nav > li > a .menu-text,
.mobile-main-nav > li > a .menu-text {
	font-family: 'freight-neo-pro', Roboto, serif;
  	letter-spacing: 2.6px;
	text-align: center;
}

.split-header .navigation {
	max-width: calc(50% - 122px);
}

#page .mobile-branding > a img {
		height: 80px;
	}

.mobile-sticky-header-overlay.active {
	z-index: 100000
}

.dt-mobile-header {
	z-index: 100010
}

/*************************************************
/*		             WIDGETS                     */
/************************************************/

/************    accordion   **************/

.wpb_accordion :is(h1,h2,h3,h4,h5,h6) span {
	font-family: 'freight-neo-pro', Roboto, serif;
}

.h__color-blue :is(h1,h2,h3,h4,h5,h6,p).wpb_accordion_header a span,
#page .h__color-blue :is(h1,h2,h3,h4,h5,h6,p).wpb_accordion_header a:hover span {
	color: #1a6bc6;
}

.h__color-red :is(h1,h2,h3,h4,h5,h6,p).wpb_accordion_header a span,
#page .h__color-red :is(h1,h2,h3,h4,h5,h6,p).wpb_accordion_header a:hover span {
	color: #d6411f;
}

.h__color-orange :is(h1,h2,h3,h4,h5,h6,p).wpb_accordion_header a span,
#page .h__color-orange :is(h1,h2,h3,h4,h5,h6,p).wpb_accordion_header a:hover span {
	color: #f97646;
}

.h__color-green :is(h1,h2,h3,h4,h5,h6,p).wpb_accordion_header a span,
#page .h__color-green :is(h1,h2,h3,h4,h5,h6,p).wpb_accordion_header a:hover span {
	color: #10906d;
}

#page .wpb_accordion_header > a {
  display: inline-block;
}

#page .wpb_accordion_header > a:before {
  background-color: unset;
}

#page .wpb_accordion_header > a:after {
  content: "";
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  border: solid #10906d;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 0px;
  width: 11px;
  height: 11px;
  top:54%;
}

#page .wpb_accordion_header.ui-state-active > a:after {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  top: 70%;
}

/************    Section Styles    **************/


/*************************************************
/*		             FOOTER                     */
/************************************************/

#footer [class*="text-block-col"] {
  text-align: center;
}

#footer .footer-logo1-block {
  text-align: center;
  padding-bottom: 132px; 
  margin-bottom: 68px; /*total 200*/
}

#footer .footer-logo {
  position: absolute;
  transform: translate(-50%, -59px);
}

#footer .text-block-col2 .text-link {
  text-decoration: none;
}

#footer .text-block-col2 .text-link:hover {
  text-decoration: underline;
}

/************    logo 2 - quality approval    **************/

#footer .wf-1 {
  margin-bottom: 0;
}

#footer .bottom-logo2-block {
  text-align: center;
  line-height: 0;
  margin-top: 15px;
}
/**/

#footer .bottom-text-block {
  color: var(--c-brand);;
}


/*************************************************
/*		           RESPONSIVE                   */
/************************************************/

@media screen and (max-width: 1400px) {
	/*************************************************
	/*		            HEADER                      */
	/************************************************/
	
	#page .branding > a {
		padding: 0;
	}
}

@media screen and (max-width: 1280px) {
	/*************************************************
	/*		            HEADER                      */
	/************************************************/
	
	#page .navigation .menu-text {
		width: min-content;
	}
	
	#split_left-menu > li:first-child .menu-text {
		width: auto;
	}
	
}


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

@media screen and (max-width: 768px) {
	/*************************************************
	/*		              ALL SECTIONS                 */
	/************************************************/

	section p {
	  font-size: 16px;
	  line-height: 2em;
	}
	
	/*************************************************
	/*		              FOOTER                 */
	/************************************************/

	#footer p {
	  margin-bottom: 0;
	}
	
	#footer .footer-logo1-block {
	  text-align: center;
	  padding-bottom: 90px; /*132*/
	  margin-bottom: 60px; /*68*/
	}

	#footer .footer-logo {
		width: 168px;
		height: auto;
	  position: absolute;
	  transform: translate(-50%, -38px);
	}
}

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