/*
 Theme Name:     Divi Child - MakingWebsiteMagic
 Theme URI:      https://samanthamunoz.com
 Description:    A custom theme for Making Website Magic
 Author:         Sam Munoz Consulting, LLC
 Author URI:     https://www.samanthamunoz.com
 Template:       Divi
 Version:        1.0.0
*/


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

/*******   Branded FONT Declarations   ********/
@font-face {
    font-family: 'bellezaregular';
    src: url('fonts/belleza-regular-webfont.woff2') format('woff2'),
         url('fonts/belleza-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserratregular';
    src: url('fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('fonts/montserrat-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserratbold';
    src: url('fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('fonts/montserrat-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratextrabold';
    src: url('fonts/montserrat-extrabold-webfont.woff2') format('woff2'),
         url('fonts/montserrat-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* Hussar Ekologiczny Font */
@font-face {
    font-family: 'hussar_ekologicznyregular';
    src: url('fonts/hussarekologiczne2-webfont.woff2') format('woff2'),
         url('fonts/hussarekologiczne2-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/*******  Branded COLOR Definitions   *******/

:root {
	--MWM_black: #373234;
	--MWM_gray: #f9f9f9;
	--MWM_white: #ffffff;
	--MWM_purple: #482D4A;
	--MWM_teal: #439191;
  --MWM_lightteal: #49C6BE;
}

/* NO DRAG */
/*Don't allow images to be dragged*/
img{
  user-drag: none;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

/******** Font Definitions ********/
/*This is where you will assign fonts to different classes. For example...*/
h1{
	font-family: 'bellezaregular', Arial, sans-serif !important;
	font-size: 45px !important;
  line-height: 1.3em;
}

.MWM_HussarTeal h1{
  font-family: 'hussar_ekologicznyregular', Arial, sans-serif !important;
  color: var(--MWM_teal) !important;
  font-size: 40px !important;
  line-height: 1.3em;
}

.MWM_InlineHeader h1,
.MWM_InlineHeader h2{
display: inline;
padding-right: 20px;
}

h2{
	font-family: 'bellezaregular', Arial, sans-serif !important;
	font-size: 35px !important;
}

.MWM_PodcastAudioPlayer h2{
	font-size: 16px !important;
}

.MWM_Side_Header h2{
  font-family: 'montserratregular', Arial, sans-serif !important;
  color: var(--MWM_white) !important;
  font-size: 25px !important;
  font-weight: bold !important;
  text-transform: uppercase;
  letter-spacing: 1px !important;
}

.MWM_Hussar_Outline h2{
  font-family: 'hussar_ekologicznyregular', 'Arial', sans-serif !important;
  color: var(--MWM_white) !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
}

.MWM_Belleza_White h2,
.MWM_Belleza_White h3{
  color: var(--MWM_white) !important;
}

.MWM_White_Bold h1,
.MWM_White_Bold h2,
.MWM_White_Bold h4{
  font-family: 'montserratbold', Arial, sans-serif !important;
  color: var(--MWM_white) !important;
  text-transform: uppercase;
}

h3{
  font-family: 'bellezaregular', Arial, sans-serif !important;
  /* font-size: 25px !important; */
}

.MWM_Hussar h3{
  font-family: 'hussar_ekologicznyregular', Arial, sans-serif !important;
  /* font-size: 35px !important; */
  text-transform: uppercase;
}

.MWM_HeaderCutOut h3{
  display: inline-block;
  margin-top: -40px;
  padding-left: 15px;
  padding-right: 15px;
  background-color: var(--MWM_gray);
}

h5{
	font-size: 14px !important;
  color: var(--MWM_teal) !important;
	text-transform: uppercase !important;
	letter-spacing: 2px !important;
}

h5 strong{
	padding-bottom: 3px !important;
  border-bottom: 2px solid var(--MWM_teal);
}

h6{
	font-size: 14px !important;
  color: var(--MWM_black) !important;
	text-transform: uppercase !important;
	letter-spacing: 2px !important;
  font-weight: bold;
}

h6 strong{
	padding-bottom: 3px !important;
  border-bottom: 2px solid var(--MWM_black);
}

p,
li,
ul,
body{
	font-family: 'montserratregular', Arial, sans-serif !important;
	color: var(--MWM_black) !important;
  line-height: 1.7em;
}

li{
  padding-bottom: 10px;
}

.MWM_WhiteFont p{
  color: var(--MWM_white) !important;
}

.MWM_FooterFont p,
.MWM_FooterFont a{
	text-transform: uppercase !important;
	font-size: 12px !important;
	letter-spacing: 1px !important;
  color: var(--MWM_black) !important;
}

.MWM_LandingFooterFont p,
.MWM_LandingFooterFont a{
	text-transform: uppercase !important;
	font-size: 12px !important;
	letter-spacing: 1px !important;
  color: var(--MWM_white) !important;
}

.MWM_LargeFont p{
  font-size: 18px !important;
  line-height: 1.7em !important;
}

#top-menu a{
	color: var(--MWM_white);
	font-size: 12px !important;
	text-transform: uppercase !important;
	letter-spacing: 2px !important;
}

.mobile_menu_bar::before{
  color: #f9f9f9 !important;
}

.MWM_MentorshipMenuItem{
  text-decoration: underline;
  text-decoration-style: wavy;
  text-underline-offset: 5px;
}

/* Mobile Menu */
#mobile_menu{
  background-color: #f9f9f9 !important;
  border-top: none;
}
/*****   SMC COMMON STYLING STRATEGIES   *******/

/*Vertically align columns in a row. See video tutorial for how to implement*/
.SMC_vertical_align{
	display: flex;
  flex-direction: column;
  justify-content: center;
}

/*Removed the Dividing Line Below the Divi Header*/
/*This is sometimes left out, but if you don't want that shadow under the header, keep this*/
#main-header { box-shadow: none !important; }


/*Remove the divididing line between content & sidebar*/
#main-content .container:before {background: none;}


/* Header updates */
#et_search_icon,
.et_close_search_field,
.et-search-field,
.et-search-field::placeholder{
  color: #ffffff !important;
}


/*Expand the content area to fullwidth (required if you remove the sidebar)*/
@media (min-width: 981px){
#left-area {
    width: 100%;
    padding: 23px 0px 0px !important;
    float: none !important;
}
}

/*Global Button Styles - very important! Assign to button classes in Divi*/
/*Typical button styles to start with and tweak*/

/*Outline Button*/

/*Standard Button*/
.SMC_StandardButton{
  background-image: url("/wp-content/uploads/2021/04/Making-Website-Magic-Purple-Teal-Gradient-.png") !important;
  color: var(--MWM_white) !important;
  font-weight: bold !important;
	text-transform: uppercase !important;
	letter-spacing: 2px !important;
  border: none !important;
  border-radius: 25px !important;
  transition: all .4s ease-in-out;
}

.SMC_StandardButton:hover{
  opacity: 0.9;
  color: var(--MWM_white) !important;
  font-weight: bold !important;
	text-transform: uppercase !important;
	letter-spacing: 2px !important;
  border: none !important;
  border-radius: 25px !important;
}

.MWM_TealButton{
  background-color: var(--MWM_teal) !important;
  color: var(--MWM_white) !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  border: none !important;
  border-radius: 25px !important;
  transition: all .4s ease-in-out;
}

.MWM_TealButton:hover{
  opacity: 0.9;
  color: var(--MWM_white) !important;
  font-weight: bold !important;
	text-transform: uppercase !important;
	letter-spacing: 2px !important;
  border: none !important;
  border-radius: 25px !important;
}

.MWM_WhiteButton{
  background-color: var(--MWM_white) !important;
  color: var(--MWM_black) !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  border: none !important;
  border-radius: 25px !important;
  transition: all .4s ease-in-out;
  box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 16%);
  -webkit-box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 16%);
  -moz-box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 16%);
  font-weight: bold;
}

.MWM_WhiteButton:hover{
  opacity: 0.8 !important;
  background-color: var(--MWM_white) !important;
  color: var(--MWM_black) !important;
	text-transform: uppercase !important;
	letter-spacing: 2px !important;
  border: none !important;
  border-radius: 25px !important;
}

/*Apply the FW and Half in addition to a button class to make the button
full width or half width of the container*/
.SMC_ButtonFW{
  width: 100% !important;
  text-align: center;
}

.SMC_ButtonHalf{
  width: 50% !important;
  text-align: center;
}

/*Make a centered vertical line*/
.SMC_VerticalLine{
  background-image: linear-gradient(var(--MWM_black), var(--MWM_black)) !important;
  background-size: 1px 100%; /*adjust thickness of line here*/
  background-repeat: no-repeat;
  background-position: center center;
  height: 150px !important; /*adjust length of line here*/
}


.rotate90 {

/* Safari */
-webkit-transform: rotate(-90deg);

/* Firefox */
-moz-transform: rotate(-90deg);

/* IE */
-ms-transform: rotate(-90deg);

/* Opera */
-o-transform: rotate(-90deg);

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}

/*No Drag*/
.SMC_Generic_No_Drag_Image img{
  -webkit-user-drag: none;
 -khtml-user-drag: none;
 -moz-user-drag: none;
 -o-user-drag: none;
 user-drag: none;
}

/*Make a horizontal line*/
.SMC_HorizontalLine{
  border-top: 1px solid var(--MWM_purple);
}

.MWM_HorizontalGrayLine{
  border-top: 1px solid #DAD4D7;
}

.MWM_DottedHorizontal{
  border-top: 1px dashed #DAD4D7;
}

/*Change out bullet points for a different icon*/
.SMC_FunBullets li{
  list-style-type: none;
  margin-left: -15px;
}

.SMC_FunBullets li:before{
  font-family: 'ETModules';
  content: "\45"; /*this is a triangle, go here to find other icons - https://www.elegantthemes.com/blog/resources/elegant-icon-font*/
  color: var(--color_name);
  font-size: 25px;
}

/*Social Follow Module Styles*/
.MWM_FooterSocialIcons.et_pb_social_media_follow li a.icon{
	background-color: #ffffff !important;
	border-radius: 100%;
	padding: 3px;
}

.et_pb_blurb_0 .et-pb-icon{
  color: var(--MWM_teal) !important;
}

/***TEXT BLOCK STYLES***/
.MWM_Rounded_Row{
	background-color: var(--MWM_white) !important;
	border-radius: 40px;
  box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 16%);
  -webkit-box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 16%);
  -moz-box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 16%);
}

.MWM_BoxShadow{
  background-color: var(--MWM_white) !important;
  border-radius: 0px;
  box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 16%);
  -webkit-box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 16%);
  -moz-box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 16%);
}

.MWM_Side_Header{
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
}

.MWM_Purple_Section{
  background-color: var(--MWM_purple) !important;
}

.MWM_Teal_Border{
  border: 2px solid var(--MWM_teal) !important;
}

/*Podcast Landing Page Specific*/
.MWM_FeaturedEpisode{
  border-bottom-left-radius: 0px;
}


.MWM_Podcast_Feed .et_pb_blog_grid .et_pb_post{
  border-top: 8px solid var(--MWM_teal) !important;
  border-bottom-left-radius: 40px;
  border-bottom-right-radius: 40px;
  box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 16%);
  -webkit-box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 16%);
  -moz-box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 16%);
  padding-bottom: 30px !important;
  padding-top: 10px !important;
}


.MWM_Podcast_Feed .et_pb_image_container{
	margin-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 0px;
}

.MWM_Podcast_Feed a.entry-featured-image-url{
	margin-bottom: 0px !important;
}

.MWM_Podcast_Feed .entry-title{
  font-size: 25px !important;
  line-height: 1.3em !important;
}

.MWM_Podcast_Feed a.more-link{
  background-image: url("/wp-content/uploads/2021/04/Making-Website-Magic-Purple-Teal-Gradient-.png") !important;
  color: var(--MWM_white) !important;
  font-size: 12px !important;
  font-weight: bold !important;
	text-transform: uppercase !important;
	letter-spacing: 2px !important;
  border: none !important;
  border-radius: 25px !important;
  transition: all .4s ease-in-out;
  padding: 12px 40px !important;
  margin-top: 20px !important;
}

.pagination{
  font-weight: bold !important;
}

.MWM_Podcast_Feed a.more-link:after{
  content:'→';
  margin-left: 5px;
}

.MWM_Podcast_Feed .post-content-inner{
  margin-bottom: 25px !important;
}

.MWM_Podcast_Feed a.more-link:hover{
  opacity: 0.9;
  color: var(--MWM_white) !important;
  font-size: 12px !important;
  font-weight: bold !important;
	text-transform: uppercase !important;
	letter-spacing: 2px !important;
  border: none !important;
  border-radius: 25px !important;
  padding: 12px 40px !important;
}

.et_pb_blog_grid .pagination > .alignleft a:before {
    content: '← Older Episodes';
    visibility: visible;
}
.et_pb_blog_grid .pagination > .alignleft a {
    visibility: collapse;
}
.et_pb_blog_grid .pagination > .alignright a:before {
    content: 'Newer Episodes →';
    visibility: visible;
}
.et_pb_blog_grid .pagination > .alignright a {
    visibility: collapse;
}

/* Show Notes Specific */

/* Make content full width */
.single-podcast .container{
	max-width: 100;
  width: 100%;
  margin-left: 0px;
  margin-right: 0px;
}
.single-podcast .et_post_meta_wrapper{
  display: none;
}

/***SHOW NOTES & BLOG POST SIDE BORDER STYLES***/
 .single #main-content{
  border-image-source: linear-gradient(to bottom, #664783, var(--MWM_teal));
  border-image-slice: 1;
  /* border-width: 5px; */
	border-left: 25px solid;
	border-right: 25px solid;
}

.MWM_PodcastAudioPlayer .et_audio_container{
	background-image: url("/wp-content/uploads/2021/04/Making-Website-Magic-Purple-Teal-Gradient-.png") !important;
	border-radius: 20px;
  box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 16%);
  -webkit-box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 16%);
  -moz-box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 16%);
}

.MWM_PodcastAudioPlayer .et_pb_module_header{
  font-family: 'montserratregular', Arial, sans-serif !important;
  font-size: 16px !important;
}

.MWM_PodcastTranscript{
	padding: 20px;
  overflow: auto;
  height: 400px;
  width: 100%;
  background-color: #ffffff;
  outline: 1px solid var(--MWM_black);
  outline-offset: 10px;
}

.MWM_PodcastSummary{
  padding: 50px 50px 50px 50px !important;
}

.MWMPodcastBlurb a{
  font-weight: bold;
}

.MWM_KeepListeningFeed .et_pb_image_container{
  padding-top: 25px;
}

.single-podcast .type-podcast{
  margin-bottom: 0px;
}

/***Blog Post Specific Styling*/

.MWM_Blog_TopCategory{
  background-color: var(--MWM_white) !important;
	border-radius: 20px;
  box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 16%);
  -webkit-box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 16%);
  -moz-box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 16%);
  text-align: center;
  padding: 12px;
  padding-bottom: 5px;
}

.MWM_Blog_TopCategory h6{
  font-weight: bold !important;
  border: none !important;
}

.MWM_CategoryArchiveTitle{
  font-family: 'bellezaregular', Arial, sans-serif !important;
  font-size: 45px !important;
  line-height: 1.2em;
}

#comment-wrap{
  display: none;
}

.MWM_RoundedImage img{
  background-color: transparent !important;
  border-radius: 40px;
  box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 16%) !important;
  -webkit-box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 16%) !important;
  -moz-box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 16%) !important;
}

.MWM_RoundedShadow img{
  border-radius: 100%;
  box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 16%) !important;
  -webkit-box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 16%) !important;
  -moz-box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 16%) !important;
}

.MWM_KeepReading .post-meta{
  display: none;
}

.MWM_KeepReading .et_pb_image_container{
  padding-top: 0px;
}

/* Blog Feed (alignment) */
@media only screen and (min-width: 981px) {
	.SMC_LeftAlignedBlog .et_pb_post img,
	.SMC_LeftAlignedBlog .et_overlay {
		width: 40%;
/* 		height: 180px !important; */
		margin-right: 4%;
		float: left;
	}
	.SMC_LeftAlignedBlog .entry-title,
	.SMC_LeftAlignedBlog .post-meta,
	.SMC_LeftAlignedBlog .post-content {
	    float: right;
	    width: 55%;
	}
  .SMC_LeftAlignedBlog .et_pb_post .entry-featured-image-url {
    margin-bottom: 0px;
  }
}
@media only screen and (min-width: 1130px) {
  .SMC_LeftAlignedBlog .more-link{
    margin-top: -35px !important;
}
}

.SMC_LeftAlignedBlog .et_pb_post,
.MWM_GridSearchResults .et_pb_post{
  background-color: #ffffff !important;
  border-radius: 20px !important;
  box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 16%) !important;
  -webkit-box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 16%) !important;
  -moz-box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 16%) !important;
  padding: 20px;
}

.MWM_GridSearchResults .entry-featured-image-url img{
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}

.SMC_LeftAlignedBlog .more-link,
.MWM_GridSearchResults .more-link{
  float: right;
  background-color: var(--MWM_teal) !important;
  color: var(--MWM_white) !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  border: none !important;
  border-radius: 35px !important;
  transition: all .4s ease-in-out;
  padding-left: 20px !important;
  padding-right: 20px !important;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 11px;
}

.SMC_LeftAlignedBlog .more-link:hover,
.MWM_GridSearchResults .more-link:hover{
  opacity: 0.9;
  color: var(--MWM_white) !important;
}

.SMC_LeftAlignedBlog .more-link:after,
.MWM_GridSearchResults .more-link:after{
  content: '→';
}

.SMC_LeftAlignedBlog .post-meta:before,
.MWM_GridSearchResults .post-meta:before{
  content: 'Filed Under: ';
  color: var(--MWM_teal);
  font-weight: bold !important;
  text-transform: uppercase;
  font-family: 'hussar_ekologicznyregular', 'Arial', sans-serif !important;
  letter-spacing: 2px;
  font-size: 14px;
}

.SMC_LeftAlignedBlog .post-meta a,
.MWM_GridSearchResults .post-meta a{
  color: var(--MWM_lightteal) !important;
  font-weight: bold;
  border-bottom: 1px solid var(--MWM_lightteal);
  text-transform: uppercase;
  font-family: 'hussar_ekologicznyregular', 'Arial', sans-serif !important;
  letter-spacing: 2px;
  font-size: 14px;
}

.MWM_GridSearchResults .more-link{
  margin-top: 15px !important;
}

.MWM_GridSearchResults .entry-title{
  font-size: 24px !important;
  line-height: 1.2em;
}

.MWM_GridSearchResults .type-podcast .post-meta{
  display: none;
}

/* Special styling for mentorship page */

.MWM_PillarBreakdown{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
  justify-content: center;
}

.MWM_PillarBreakdown h2{
  margin-bottom: -10px;
}

.MWM_PillarBreakdown_Number{
	flex: 10%;
	/* text-align: left !important; */
}

.MWM_PillarBreakdown_Description{
	flex: 90%;
  padding-left: 20px;
	/* text-align: right !important; */
}

.page-template-BlankPageWithBackground #main-content{
  background: transparent !important;
}

.page-template-BlankPageWithBackground{
  background-image: url(/wp-content/uploads/2022/03/MWM-IG-Links-Page.png) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.page-template-BlankPageWithBackground #main-header,
.page-template-BlankPageWithBackground .et-l--footer{
	display: none;
}

/* CASE STUDIES */

.MWM_CaseStudy_Before h6,
.MWM_CaseStudyTestimonial h5,
.MWM_CaseStudy_Before h6 strong{
  font-family: 'hussar_ekologicznyregular', Arial, sans-serif !important;
  border-bottom: 0px !important;
  font-weight: bold;
}

.MWM_CaseStudyTestimonial h5{
  margin-top: 35px;
  line-height: 25px;
}

.MWM_CaseStudyTestimonial hr{
  width: 100px;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 15px;
}

.MWM_CaseStudyTestimonial p{
  font-size: 18px !important;
  line-height: 35px !important;
}

.MWM_CaseStudy_Blurb .et_pb_blurb_container{
  padding-left: 0px;
}

.MWM_CaseStudy_Blurb .et_pb_blurb_description{
  margin-top: -2px;
}

.MWM_CaseStudy_Blurb .et-pb-icon{
  color: var(--MWM_purple) !important;
}

/*****   MOBILE STYLING   *******/

@media all and (max-width: 980px) {
  /*SHOW NOTES & BLOG POST BORDER STYLES*/
  .single #main-content{
  border-image-source: linear-gradient(to bottom, #664783, var(--MWM_teal));
  border-image-slice: 1;
   /* border-width: 5px; */
 	border-left: 10px solid;
 	border-right: 10px solid;
 }
 .single .logo_container{
   padding-left: 10px;
 }
 .single #et-top-navigation{
   padding-right: 10px;
 }
 .MWM_Podcast_Feed .entry-title{
   margin-bottom: 25px;
 }
 .et_header_style_left #logo, .et_header_style_split #logo{
   max-width: 75% !important;
 }
 h1{
 	font-size: 35px !important;
 }
 h2{
 	font-size: 28px !important;
 }
 .SMC_StandardButton,
 .MWM_TealButton{
   width: 100%;
 }
 .MWM_PillarBreakdown_Description{
   padding-left: 0px;
 }
 .SMC_MobileStack {
  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;
  }
  .MWM_LargeFont p{
    font-size: 18px !important;
    line-height: 1.7em !important;
  }
  .MWM_CaseStudyTestimonial p{
    font-size: 16px !important;
    line-height: 30px !important;
  }
}