/*
Theme Name: Divi-child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Description: Child theme for the Divi theme
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Template: Divi
Version: 1.0.0
*/

@import url("../Divi/style.css");

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

/*---------------------------- GLOBAL ---------------------------- */


/*LIST*/

ul,ol {
    list-style: inside;
}
.footer-widget ul {
    list-style-type: none;
}

/* COLUMNIZE TEXT*/

@media (min-width:769px) {
    .fszm_columnize {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 2em;
        -moz-column-gap: 2em;
        column-gap: 2em;
        /*text-align: justify;*/
    }
    .fszm_columnize p{
      padding-bottom: 0;
    }
}

/*CENTER COLUMN*/
.fszm_centerCol .et_pb_column {
    margin: auto;
}

.fszm_innerCenter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.fszm_flexColumnize {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.fszm_txtAlignCenter{
  text-align: center;
}

/*IMAGE COVER - OBJECT FIT*/
.fszm_imgObjectFit img {
	-o-object-fit: cover;
	   object-fit: cover;
		 -o-object-position: center;
		    object-position: center;
		 font-family: 'object-fit: cover; object-position: center;'; /*ofi.js*/
	height: 100%;
	width: 100%;
}
.fszm_imgObjectFitTop img {
		 -o-object-position: top;
		    object-position: top;
		 font-family: 'object-fit: cover; object-position: top;'; /*ofi.js*/

}
.fszm_imgObjectFitContain img {
	-o-object-fit: contain;
     object-fit: contain;
     -o-object-position: center;
        object-position: center;
     font-family: 'object-fit: contain; object-position: center;'; /*ofi.js*/
		 height: 100%;
    width: 100%;
}

/*DIVIDER*/
.fszm_divider {
  content: '';
  width: 50%;
  display: block;
  margin: 0 auto;
  margin-bottom: 2em;
  border: 1px solid;
  -o-border-image: -o-linear-gradient(45deg, #16afb7, #fff403) 1;
  border-image: linear-gradient(45deg, #16afb7, #fff403) 1;
}


/*GRID*/
.fszm_grid {
    display: -ms-grid;
    display: grid;
    grid-gap: 1.2em;
}
.fszm_grid_6 {
  -ms-grid-columns: (1fr)[6];
  grid-template-columns: repeat(6, 1fr);
}
.fszm_grid_5 {
  -ms-grid-columns: (1fr)[5];
  grid-template-columns: repeat(5, 1fr);
}
.fszm_grid_5.equal_5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.fszm_grid_4 {
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
}
.fszm_grid_3 {
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
}
.fszm_grid_2 {
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}

@media (max-width:1381px) {
  .fszm_grid_6, .fszm_grid_5, .fszm_grid_5.equal_5  {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
  }
  .fszm_grid_4 {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width:981px) {
  .fszm_grid_6, .fszm_grid_5, .fszm_grid_5.equal_5  {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
  .fszm_grid_4, .fszm_grid_3, .fszm_grid_2 {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width:768px) {
  .fszm_grid_6, .fszm_grid_5, .fszm_grid_5.equal_5  {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
  .fszm_grid_4, .fszm_grid_3, .fszm_grid_2 {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr);
  }
}

/*INLINE FULLWIDTH BANNER*/
.fszm_inlineBannerImg {
    height: 70vh;
}
.fszm_inlineBannerImg.txtBottom .header-content-container {
    -ms-flex-item-align: end !important;
        align-self: flex-end !important;
}
.fszm_inlineBannerImg .et_pb_fullwidth_header_container {
    height: 100%;
}




/*---------------------------- COLOR ---------------------------- */


/*DARK PARTS*/

.fszm_darkPart {
  background-color: #282828 !important;
  color: #fff;
}

.fszm_darkPart h1, .fszm_darkPart h2, .fszm_darkPart h3,
.fszm_darkPart h4, .fszm_darkPart h5, .fszm_darkPart h6 {
  color:#fff;
}

.fszm_darkPart span, .fszm_darkPart a  {
  color:#fff;
}


/*LIGHT PARTS*/

.fszm_lightPart {
  background-color: #fff;
}

/*COLOR PARTS*/

.fszm_colorPart {

}

/* ---------------------------- HEADING ---------------------------- */

.fszm_headerSection {
  height: 40vh;
}

/*MENU*/
@media (min-width:981px) {

  .fszm_menuToggleMobileMenu {
    display:none;
  }


  .fszm_headerScroll > .fszm_menuWrapper {
      position: fixed;
      z-index: 9;
      width: 100%;
  }

/*
nav#fszmMenu {
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0;
}

.fszm_headerScroll > nav#fszmMenu {
  position: fixed;
  z-index: 9;
  width: 100%;
  -webkit-transition: 500ms all ease-in-out;
  -moz-transition: 500ms all ease-in-out;
  -ms-transition: 500ms all ease-in-out;
  -o-transition: 500ms all ease-in-out;
  opacity: 1;
  transform: translateY(0);
}
*/


  .fszm_menuWrapper ul {
      display: flex;
      list-style-type: none;
      justify-content: center;
      background-color: #282828;
  }
  .fszm_menuWrapper ul li {
      align-self: center;
      padding: .2em .5em;
      text-transform: uppercase;
  }

  /*SUB-MENU*/
  .fszm_menuWrapper ul li > ul.sub-menu {
      display: none;
  }
  .fszm_menuWrapper ul li:hover > ul.sub-menu {
      display: block;
  }

  .fszm_menuWrapper ul li > ul.sub-menu {
      position: absolute;
      /* margin-top: 40px; */
      padding: .5em .5em 0;
      background-color: #282828 !important;
      border-top: 1px solid #fff;
          z-index: 999;
  }

  .fszm_menuWrapper ul li:hover > a {
    color: #16afb7;
  }

  .fszm_menuWrapper ul li.current-menu-item > a, .fszm_menuWrapper ul li.current_page_item > a {
    color: #16afb7;
  }


  .fszm_menuWrapper ul li a {
      color: #fff;
  }

    .fszm_menuWrapper .fszm_logoPos {
        background-size: contain;
        background-repeat: no-repeat;
        display: inline-block;
        height: 110px;
            width: 240px;
    }
    .fszm_menuWrapper .fszm_logoPos a {
        display: block;
        height: 100%;
        opacity: 0;
    }

  }

  .fszm_mobileWrapperInline {
    display:none;
  }

  @media (max-width:980px) {


    .mm-ocd.mm-ocd--right.mm-ocd--open {
        z-index: 999999999;
    }
    .mm-ocd li.fszm_logoPos {
        display: none;
    }



    .fszm_mobileWrapper {
        background: #282828;
    }

    .fszm_mobileWrapperInline {
        display: flex;
        justify-content: space-between;
    }

    .fszm_mobileLogo img {
        width: 180px;
    }
    .fszm_mobileMenuWrapper {
        align-self: center;
        margin-right: 2em;
    }

  }

/* ---------------------------- SINGLE POST ---------------------------- */

#main-content .fszm_similarPostsWrapper.container:before {
  display:none;
}

.widget_fszm_widget {
    display: none;
}

/*
#main-content .container:before {background: none;}


@media (min-width: 981px){
  #left-area {
      width: 80%;
      margin: 0 auto;
      padding: 23px 0px 0px !important;
      float: none !important;
  }
}
*/

/* ---------------------------- SINGLE PRODUCT ---------------------------- */

/*SHIPPING*/
.single-product .fszm_shippingInformations{
  display: block;
}
.single-product .fszm_shippingInformations p {
    font-size: 12px;
    line-height: 1em;
    margin-bottom: 0;
}
.single-product .fszm_shippingInformations p:last-child {
    margin-bottom: 1em;
}


/* ---------------------------- MEDIATHEK ---------------------------- */


 .fszm_gridItem {
    position: relative;
      border-image-slice:15 fill;
      border-image-width:5px;
      /*border-image-outset: 5px;*/
      border-image-repeat:round round;
      border-image-source:url("/wp-content/uploads/2020/04/FZM-Frames-final-dunkelgrau.svg");

}

 .fszm_gridItem:before {
   content: '';
   width: 35px;
   height: 35px;
   display: block;
   background-size: contain;
   position: absolute;
   top: 10px;
   left: 10px;
 }
 .fszm_gridItem.fszm_postTypeBeitrag:before {
   background: url("/wp-content/uploads/2020/04/Blog-01.svg") center center/contain no-repeat;
 }
 .fszm_gridItem.fszm_postTypePodcast:before {
   background: url("/wp-content/uploads/2020/04/Podcast-01.svg") center center/contain no-repeat;
 }
 .fszm_gridItem.fszm_postTypeLektion:before {
   background: url("/wp-content/uploads/2020/04/Video-01.svg") center center/contain no-repeat;
 }

.fszm_gridItemInner {
    height: 350px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;

  }

/*
  .fszm_centerFuck {
      height: 90%;
      width: 70%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -ms-flex-item-align: center;
          align-self: center;
      -webkit-transform: translateX(3.5%);
          -ms-transform: translateX(3.5%);
              transform: translateX(3.5%);
  }
*/

/*TESTING*/
.fszm_centerFuck {
    height: 90%;
    width: 70%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-transform: translateX(3.5%);
    -ms-transform: translateX(3.5%);
    transform: translateX(3.5%);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

.fszm_itmMeta {
    background: #282828;
    width: 100%;
    display: block;
    padding: 5px 0;
}

.fszm_itmMeta span.fszm_itmMetaTitle {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    display: block;
}
.fszm_itmMeta span.fszm_itmMetaDate {
    color: #fff;
    font-size: 14px;
    text-align: center;
    display: block;
}
/*TESTING*/

  .fszm_lessonsTxt, .fszm_gridTxt {
      background: rgba(255, 255, 255, .8);
      color: #333;
      width:100%;
      height: 100%;
      overflow: hidden;
      -ms-flex-item-align: center;
          -ms-grid-row-align: center;
          align-self: center;
      text-align: center;

      display: flex;
  }
  @media (min-width:981px) {
    .fszm_lessonsTxt, .fszm_gridTxt {
      height: 85%;
      width: 90%;
            border-radius: 50%;
            padding: 2em;
    }
  }

    .fszm_lessonsTxt > .fszm_title, .fszm_gridTxt > .fszm_title {
      align-self: center;
    text-align: center;
    width: 100%;
    }

/*
.fszm_lessonsTxt span.fszm_lessonsTitle.fszm_title {
    font-size: 1.8em;
}
*/

/*SHOW AND HIDE TXT*/
.fszm_lessonsTxt .fszm_lessonsHover {
    display: none;
}
.fszm_lessonsTxt:hover .fszm_lessonsHover {
    display: block;
}
.fszm_lessonsTxt:hover .fszm_lessonsPreview {
    display: none;
}



/* ---------------------------- BULLETPOINTS ---------------------------- */

/*INLINE*/

.fszm_inlineBulletpoints {

}
.fszm_inlineBulletpoints ul {
    list-style-type: none;
    padding: 0;
}
.fszm_inlineBulletpoints li {
    line-height: 3em;
    font-size: 1.5em;
}
.fszm_inlineBulletpoints li:before {
    content: '✓';
    padding-right: 1em;
}

/*BIG*/
.fszm_bigBulletpoints {

}
.fszm_bigBulletpoints li {
    line-height: 2em;
    font-size: 1.8em;
}

/* ---------------------------- SIDEBAR IN SITES ---------------------------- */

.fszm_siteInnerSidebar {
    border-left: 1px solid #e2e2e2;
    padding-left: 1em;
}

/* ---------------------------- PRICEINGTABLES ---------------------------- */

.fszm_pricingTables .et_pb_pricing_table:hover  {
  /*-webkit-box-shadow: inset 0px 0px 5px 0px rgba(40, 40, 40, .2);
          box-shadow: inset 0px 0px 5px 0px rgba(40, 40, 40, .2);*/
}

.fszm_pricingTables .et_pb_pricing_heading {
  background-image: -webkit-gradient(linear, left bottom, right top, from(#282828), color-stop(#2b2b2b), color-stop(#2e2e2e), color-stop(#313131), to(#343434));
  background-image: -o-linear-gradient(left bottom, #282828, #2b2b2b, #2e2e2e, #313131, #343434);
  background-image: linear-gradient(to right top, #282828, #2b2b2b, #2e2e2e, #313131, #343434);
}
.fszm_pricingTables .et_pb_pricing_table:hover .et_pb_pricing_heading   {
  background-image: -webkit-gradient(linear, left bottom, right top, from(#16afb7), color-stop(#18b6be), color-stop(#19bdc6), color-stop(#1bc4cd), to(#1ccbd5));
  background-image: -o-linear-gradient(left bottom, #16afb7, #18b6be, #19bdc6, #1bc4cd, #1ccbd5);
  background-image: linear-gradient(to right top, #16afb7, #18b6be, #19bdc6, #1bc4cd, #1ccbd5);
}

.fszm_pricingTables .et_pb_pricing_heading h2 {
 font-size: 1.3em;
}


.fszm_pricingTables .et_pb_slide_content, .fszm_pricingTables .et_pb_best_value {
   font-size: 18px;
   max-width: 80%;
   margin: 0 auto;
   min-height: 80px;
}


.fszm_pricingTables span.et_pb_sum {
    font-size: 2.2em;
    color: #282828;
}

.fszm_pricingTables .et_pb_pricing_content_top {
    padding-top: 1em;
    padding-bottom: 1em;
}


.fszm_pricingTables ul.et_pb_pricing li {
    padding: .2em;
}
.fszm_pricingTables ul.et_pb_pricing li span {
  font-size: 16px;
}
.fszm_pricingTables ul.et_pb_pricing li span:before {
  content: "✓";
  position:absolute;
  left: -1em;
  padding-right: .2em;
  color: #16afb7;

  border-style: none;
  border-width: 0;
  position: absolute;
  top: auto;
  border-radius: 0;
}


.fszm_pricingTables .et_pb_dollar_sign {

    margin-left: -20px !important;
}

/*SEARCHABLE PRO*/

.sp-table tr > td:nth-child(n+2) {
    text-align: right;
}

button.searchable-pro-submit-search {
    padding: .5em 2em;
    background: #16afb7;
    border: none;
    color: #fff;
    font-size: 18px;
    cursor:pointer;
}
button.searchable-pro-submit-search:hover {
    background: #282828;
}


/*FOOTER*/

#main-footer .title {
    font-size: 1em;
}

#main-footer p,
#main-footer span,
#main-footer li
{
    font-size: .9em;
}


#main-footer ul li {
    padding-bottom: 0;
    margin-bottom: 0;
}

/* ---------------------------- Comment ---------------------------- */

p.comment-form-comment {
    display: none;
}


/* ---------------------------- TYPO ---------------------------- */
html {
  font-size: 100%;
  }

body {
  font-weight: normal;
  font-family: 'Futura PT',Arial,sans-serif;
  font-style: normal;
  line-height: 1.65;
  /*font-size: 18px;*/
}

p {
  margin-bottom: 1.15rem;
  line-height: 28px;
}

h1, h2, h3, h4, h5 {
  line-height: 1.15em;
  -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
h1, h2 {
  font-weight: bold;
}


h1 {
  margin-top: 0;
  font-size: 3.235em;
  line-height: 1.1em;
      letter-spacing: .02em;
  text-transform: uppercase;
}
/*
h1.entry-title:after {
    content: '';
    height: 2px;
    width: 80px;
    display: block;
    background: rgb(22,175,183);
    background: -moz-linear-gradient(45deg, rgba(22,175,183,1) 20%, rgba(255,244,3,1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(22,175,183,1) 20%, rgba(255,244,3,1) 100%);
    background: linear-gradient(45deg, rgba(22,175,183,1) 20%, rgba(255,244,3,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#16afb7",endColorstr="#fff403",GradientType=1);
}*/

h2 {font-size: 2.706em;}

h3,
.et_pb_column_1_3 h3,
.et_pb_column_1_4 h3,
.et_pb_column_1_5 h3,
.et_pb_column_1_6 h3,
.et_pb_column_2_5 h3
{
  font-size: 2.272em;
}
.smb_makeh3Bigger h3 {font-size: 2.706em;}

h4 {font-size: 1.563em;}

h5 {font-size: 1.25em;}

small, .text_small {font-size: 0.8em;}

@media (max-width:768px) {

  h1 {
    font-size: 2.353em;
  }
  h2 {
    font-size: 1.882em;
  }

}

@media (max-width:581px) {

  h1 {
    font-size: 2em;
  }
  h2 {
    font-size: 1.682em;
  }

}

/*TITLE*/
.fszm_title {
    font-size: 1.3em;
    display: block;
}


/*Handwritten*/
.fszm_handwritten {
  font-family: 'Rock Salt',Arial,sans-serif;
  /*font-family: 'Rock Salt';*/
  letter-spacing: .1em;
}



/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('/wp-content/themes/divi_child/fonts/open-sans/open-sans-v17-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('/wp-content/themes/divi_child/fonts/open-sans/open-sans-v17-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/divi_child/fonts/open-sans/open-sans-v17-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/divi_child/fonts/open-sans/open-sans-v17-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/divi_child/fonts/open-sans/open-sans-v17-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/divi_child/fonts/open-sans/open-sans-v17-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/divi_child/fonts/open-sans/open-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('/wp-content/themes/divi_child/fonts/open-sans/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/divi_child/fonts/open-sans/open-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/divi_child/fonts/open-sans/open-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/divi_child/fonts/open-sans/open-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/divi_child/fonts/open-sans/open-sans-v17-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}


@font-face {
    font-family: 'Futura PT';
    src: url('/wp-content/themes/divi_child/fonts/futura-pt/FuturaPT-Book.eot');
    src: local('Futura PT Book'), local('FuturaPT-Book'),
        url('/wp-content/themes/divi_child/fonts/futura-pt/FuturaPT-Book.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/divi_child/fonts/futura-pt/FuturaPT-Book.woff2') format('woff2'),
        url('/wp-content/themes/divi_child/fonts/futura-pt/FuturaPT-Book.woff') format('woff'),
        url('/wp-content/themes/divi_child/fonts/futura-pt/FuturaPT-Book.ttf') format('truetype'),
        url('/wp-content/themes/divi_child/fonts/futura-pt/FuturaPT-Book.svg#FuturaPT-Book') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*----HANDWRITTEN FONTS----*/

/* nothing-you-could-do-regular - latin */
@font-face {
  font-family: 'Nothing You Could Do';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/divi_child/fonts/nothing/nothing-you-could-do-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Nothing You Could Do'), local('NothingYouCouldDo'),
       url('/wp-content/themes/divi_child/fonts/nothing/nothing-you-could-do-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/divi_child/fonts/nothing/nothing-you-could-do-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/divi_child/fonts/nothing/nothing-you-could-do-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/divi_child/fonts/nothing/nothing-you-could-do-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/divi_child/fonts/nothing/nothing-you-could-do-v9-latin-regular.svg#NothingYouCouldDo') format('svg'); /* Legacy iOS */
}

/* rock-salt-regular - latin */
@font-face {
  font-family: 'Rock Salt';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/divi_child/fonts/rock/rock-salt-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Rock Salt Regular'), local('RockSalt-Regular'),
       url('/wp-content/themes/divi_child/fonts/rock/rock-salt-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/wp-content/themes/divi_child/fonts/rock/rock-salt-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/wp-content/themes/divi_child/fonts/rock/rock-salt-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/wp-content/themes/divi_child/fonts/rock/rock-salt-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/themes/divi_child/fonts/rock/rock-salt-v10-latin-regular.svg#RockSalt') format('svg'); /* Legacy iOS */
}

/* ------------------ CHANGE COLUMNS ORDER ON MOBILE --------------------- */
@media all and (max-width: 980px) {
  /*IMG LEFT*/
  .smb_changeMobile {
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
      display: flex;
  }

  /*ADD MARGIN TO WRAPPER*/
  .smb_changeMobile .et_pb_image_wrap, .smb_changeMobile .smb_downloadWrapper {
    margin-top: 2em;
  }

}

@media all and (max-width: 980px) {

    /*** wrap row in a flex box ***/
    .custom_row {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; /* Safari 6.1+ */
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    /*** custom classes that will designate the order of columns in the flex box row ***/
    .first-on-mobile {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    }

    .second-on-mobile {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    }

    .third-on-mobile {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    }

    .fourth-on-mobile {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    }

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

}