/*
 Theme Name:   Klopelgag
 Theme URI:    https://klopelgag.com/
 Description:  Custom build for klopelgag.com
 Author:       JPL Solutions
 Author URI:   https://jplsolutions.ca/
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on May 17, 2024 */

@font-face {
  font-family: "futura_ptbook";
  src: url("fonts/futuraptbook-webfont.woff2") format("woff2"),
    url("fonts/futuraptbook-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "futura_pt_book_italicregular";
  src: url("fonts/futuraptbookoblique-webfont.woff2") format("woff2"),
    url("fonts/futuraptbookoblique-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "futura_ptdemi";
  src: url("fonts/futuraptdemi-webfont.woff2") format("woff2"),
    url("fonts/futuraptdemi-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "futura_pt_demi_italicregular";
  src: url("fonts/futuraptdemioblique-webfont.woff2") format("woff2"),
    url("fonts/futuraptdemioblique-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

/* 2 Columns Mobile */
@media all and (max-width: 767px) {
    html .et-db .two-col-mob .et_pb_column {
        width:44% !important;
    }
    
html .et-db .two-col-mob .et_pb_column:nth-last-child(-n+2) {
        margin-bottom:0;
    }
    html .et-db .two-col-mob .et_pb_column:not(:nth-child(2n)) {
            margin-right:12% !important;
    }
}

/* 3 Columns Tablet */
@media all and (min-width: 768px) and (max-width: 980px) {
    html .et-db .three-col-tab .et_pb_column {
        width:29.6667% !important;
    }
html .et-db .three-col-tab .et_pb_column:nth-last-child(-n+3) {
        margin-bottom:0;
    }
    html .et-db .three-col-tab .et_pb_column:not(:nth-child(3n)) {
        margin-right:5.5% !important;
    }
}

/* Make FontAwesome social brand icons white */
.mobile-menu .fa-brands {
    color: #ffffff; /* This sets the icon color to white */
}

/* Vertically align the icons */
.mobile-menu .fa-brands {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px; /* Adjust spacing as needed */
}