/*
Theme Name: Rezonance Design Child Theme
Theme URI:
Author: Menno van den Hout
Author URI: rezonancedesign.com
Description: A child theme for Divi from Rezonance Design. Please note we provide no warranty.
Version: 1.0.0
Template: Divi
*/

/* Custom CSS below this line only - DO NOT EDIT ABOVE THIS LINE */

/* @link https://utopia.fyi/type/calculator?c=320,16,1.125,1980,19,1.25,7,3,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */

:root {
  /* Step -3: 11.2373px → 9.728px */
  --step--3: clamp(0.608rem, 0.7205rem + -0.0909vw, 0.7023rem);
  /* Step -2: 12.642px → 12.16px */
  --step--2: clamp(0.76rem, 0.7959rem + -0.029vw, 0.7901rem);
  /* Step -1: 14.2222px → 15.2px */
  --step--1: clamp(0.8889rem, 0.8771rem + 0.0589vw, 0.95rem);
  /* Step 0: 16px → 19px */
  --step-0: clamp(1rem, 0.9639rem + 0.1807vw, 1.1875rem);
  /* Step 1: 18px → 23.75px */
  --step-1: clamp(1.125rem, 1.0557rem + 0.3464vw, 1.4844rem);
  /* Step 2: 20.25px → 29.6875px */
  --step-2: clamp(1.2656rem, 1.1519rem + 0.5685vw, 1.8555rem);
  /* Step 3: 22.7813px → 37.1094px */
  --step-3: clamp(1.4238rem, 1.2512rem + 0.8631vw, 2.3193rem);
  /* Step 4: 25.6289px → 46.3867px */
  --step-4: clamp(1.6018rem, 1.3517rem + 1.2505vw, 2.8992rem);
  /* Step 5: 28.8325px → 57.9834px */
  --step-5: clamp(1.802rem, 1.4508rem + 1.7561vw, 3.624rem);
  /* Step 6: 32.4366px → 72.4792px */
  --step-6: clamp(2.0273rem, 1.5448rem + 2.4122vw, 4.53rem);
  /* Step 7: 36.4912px → 90.5991px */
  --step-7: clamp(2.2807rem, 1.6288rem + 3.2595vw, 5.6624rem);
}

/*** set responsive fontsizes with css custom properties accordingly to utopia clamp calculator results "https://utopia.fyi/type/calculator" ***/
.rd-responsive-text h1 {
  font-size: var(--step-6);
  min-height: 0vw;
}

.rd-responsive-text h2 {
  font-size: var(--step-5);
  min-height: 0vw;
}

.rd-responsive-text h3 {
  font-size: var(--step-4);
  min-height: 0vw;
}

.rd-responsive-text h4 {
  font-size: var(--step-3);
  min-height: 0vw;
}

.rd-responsive-text h5 {
  font-size: var(--step-2);
  min-height: 0vw;
  font-weight: 700;
  letter-spacing: 0.5em;
  line-height: 1.8em;
}

.rd-responsive-text h6 {
  font-size: var(--step-1);
  min-height: 0vw;
}

.rd-responsive-text p, a, li {
  font-size: var(--step-0);
  min-height: 0vw;
}

/*** show hamburger menu on 13” tablet and below ***/
@media all and (max-width: 1200px) {
.et_pb_menu .et_pb_menu__menu, .et_pb_fullwidth_menu .et_pb_menu__menu {
    display: none;
	}

.et_pb_menu .et_mobile_nav_menu, .et_pb_fullwidth_menu .et_mobile_nav_menu 	{
    display: flex;
    float: none;
    margin: 0 6px;
    align-items: center;
	}
}

  /* Use 'clamp function to size logo */
  #fluid-header img {
    max-width: clamp(150px, 8vw, 350px);
  }

  /* Use 'clamp function to size menu links */
  #fluid-header a {
    font-size: clamp(12px, 0.8vw, 15px);
  }

 /* Use 'clamp function to size dropdown link */
  #fluid-header li li a {
font-size: clamp(12px, 1.22vw, 15px);
  }

/* Use 'clamp function to size menu right hand padding */
  #fluid-header .et_pb_menu .et-menu  li {
    padding-right: clamp(2px, 1vw, 20px);
  }

@media all and (max-width: 980px) {
/*** wrap row in a flex box ***/
.custom_row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-wrap: wrap;
}
 
/*** custom classes that will designate the order of columns in the flex box row ***/
.first-on-mobile {
-webkit-order: 1;
order: 1;
}

.second-on-mobile {
-webkit-order: 2;
order: 2;
}

.third-on-mobile {
-webkit-order: 3;
order: 3;
}

.fourth-on-mobile {
-webkit-order: 4;
order: 4;
}

/*** add margin to last column ***/
.custom_row:last-child .et_pb_column:last-child {
margin-bottom: 30px;
}
}

/*** Equalize column heigth ***/
.el-flex-row {
  display: flex;
  flex-wrap: wrap;
}

.el-flex-row .et_pb_column {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/*style the wp-pagenavi pagination links*/
.wp-pagenavi a,
.wp-pagenavi span {
	color: #ffffff;
	background: #f2f2f2;
	font-size: 1em !important;
	line-height: 1em;
	font-weight: bold !important;
	padding: 0.45em 0.8em !important;
	border-radius: 100px;
  border: none;
	transition: all .5s;
}

/*style the wp-pagenavi current page number*/
.wp-pagenavi span.current {
	color: #ffffff !important;
	background: #f58549 !important;
	border-radius: 100px;
}

/*style the wp-pagenavi pagination links on hover*/
.wp-pagenavi a:hover {
	color: #ffffff !important;
	background: #f58549 !important;
}

/*style the wp-pagenavi pages text*/
.wp-pagenavi .pages {
	background: none;
}

/*remove border and centre-align the wp-pagenavi links*/
.wp-pagenavi {
	border-top: none;
	text-align: centre;
}