/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/


/* =Theme customization starts here
------------------------------------------------------- */

/*
#F6F2ED wit / beige
#D89C30 goudgeel
#584F50 bruin
#234B80 blauw
#FEFCFA  wittig
#B7944D goud
*/


.linkextern,
.linkintern{
  font-weight: bold !important;
  text-decoration: none !important;
}

.linkextern{ margin: 10px 0; font-weight: bold; display: block;}
.linkextern:before, .linkintern:before {
  content: "\f08e";
  font-family: ETmodules;
  font-size: 1em;
  position: relative;
  margin-right: 5px;
}

.linkintern:before {
  content: "\39";
}

.linkextern:before {
  content: "\e02b";
}

.transition {
	-webkit-transition: all .6s cubic-bezier(.3,0,.3,1);
	transition: all .6s cubic-bezier(.3,0,.3,1);
}
.transition-color {
	-webkit-transition: color .6s cubic-bezier(.3,0,.3,1);
	transition: color .6s cubic-bezier(.3,0,.3,1);
}

/* Links */

a:hover{
  color: #B7944D;
  text-decoration: none;
  -webkit-transition: color .6s cubic-bezier(.3,0,.3,1);
	transition: color .6s cubic-bezier(.3,0,.3,1);
}




/*** =========================================================================================
  TABLET LANDSCAPE
  Responsive Styles
========================================================================================= ***/
  @media screen and (min-width: 980px) and (max-width: 1060px) {

  } /*** end landscape tablet ***/
 

/*** =========================================================================================
  LARGE DESKTOP AND ABOVE
  Responsive Styles
========================================================================================= ***/
@media all and (min-width: 1405px) {}

/*** =========================================================================================
  STANDARD DESKTOP
  Responsive Styles
========================================================================================= ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {}

/*** =========================================================================================
  ALL UNDER 1024px
  Responsive Styles
========================================================================================= ***/
@media all and (max-width: 1024px) {

  }

/*** =========================================================================================
  TABLET PORTRAIT
  Responsive Styles
========================================================================================= ***/
@media all and (max-width: 980px) {

  @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;
    }
     
    }

} /* end TABLET AND BELOW */


/*** =========================================================================================
  PHONE LANDSCAPE
  Responsive Styles
========================================================================================= ***/
@media all and (max-width: 767px) {

  

} /* end PHONE LANDSCAPE */

/*** =========================================================================================
  PHONE PORTRAIT
  Responsive Styles
========================================================================================= ***/
@media all and (max-width: 479px) {

 
} /* end PHONE PORTRAIT */

/*** =========================================================================================
  PHONE PORTRAIT
  Responsive Styles
========================================================================================= ***/
@media all and (max-width: 385px) {
 
}