/* 
Theme Name: Traditional Designs
Description: Traditional Designs is a child theme of Hello Elementor
Author: CRE8
Author URI: https://cre8lao.com/
Template: hello-elementor
Version: 1.0.0
Text Domain: traditional-designs
License: Version 1.1 or later of 'License of Template of the Traditional Design Database under traditionaldesigns.la', or Version 1.1 or later of 'License of Template of the Traditional Design Database for Documenting Traditional Cultural Expressions', based on your agreement with TAEC 
*/

/* Had to import this font, as was not loading properly via Elementor */
@import url('https://fonts.googleapis.com/css2?family=Source+Serif+Pro:wght@600&display=swap');

/*
/// LAO CONTENT STYLING ///
*/ 
@font-face {
  font-family: "Phetsarath Bold";
  src: url("/wp-content/uploads/fonts/Phetsarath-Bold.eot"); /* IE9 Compat Modes */
  src: url("/wp-content/uploads/fonts/Phetsarath-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/wp-content/uploads/fonts/Phetsarath-Bold.otf") format("opentype"), /* Open Type Font */
    url("/wp-content/uploads/fonts/Phetsarath-Bold.svg") format("svg"), /* Legacy iOS */
    url("/wp-content/uploads/fonts/Phetsarath-Bold.ttf") format("truetype"), /* Safari, Android, iOS */
    url("/wp-content/uploads/fonts/Phetsarath-Bold.woff") format("woff"), /* Modern Browsers */
    url("/wp-content/uploads/fonts/Phetsarath-Bold.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'Phetsarath OT';
    src: url('/wp-content/uploads/fonts/phetsarath_ot.eot'); /* IE9 Compat Modes */
    src: url('/wp-content/uploads/fonts/phetsarath_ot.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('/wp-content/uploads/fonts/phetsarath_ot.woff') format('woff'), /* Pretty Modern Browsers */
		url('/wp-content/uploads/fonts/phetsarath_ot.woff2') format('woff2'), /* Modern Browsers */
		url('/wp-content/uploads/fonts/phetsarath_ot.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/uploads/fonts/phetsarath_ot.svg#svgFontName') format('svg'); /* Legacy iOS */
       /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'Saysettha Unicode';
    src: url('/wp-content/uploads/fonts/SaysetthaUnicode.eot'); /* IE9 Compat Modes */
    src: url('/wp-content/uploads/fonts/SaysetthaUnicode.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('/wp-content/uploads/fonts/SaysetthaUnicode.woff') format('woff'), /* Pretty Modern Browsers */
		url('/wp-content/uploads/fonts/SaysetthaUnicode.woff2') format('woff2'), /* Modern Browsers */
		url('/wp-content/uploads/fonts/SaysetthaUnicode.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/wp-content/uploads/fonts/SaysetthaUnicode.svg#svgFontName') format('svg'); /* Legacy iOS */
       /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Saysettha Light";
  src: url("/wp-content/uploads/fonts/Saysettha-Light.eot"); /* IE9 Compat Modes */
  src: url("/wp-content/uploads/fonts/Saysettha-Light.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/wp-content/uploads/fonts/Saysettha-Light.otf") format("opentype"), /* Open Type Font */
    url("/wp-content/uploads/fonts/Saysettha-Light.svg") format("svg"), /* Legacy iOS */
    url("/wp-content/uploads/fonts/Saysettha-Light.ttf") format("truetype"), /* Safari, Android, iOS */
    url("/wp-content/uploads/fonts/Saysettha-Light.woff") format("woff"), /* Modern Browsers */
    url("/wp-content/uploads/fonts/Saysettha-Light.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "NotoSansLao Bold";
  src: url("/wp-content/uploads/fonts/NotoSansLao-Bold.eot"); /* IE9 Compat Modes */
  src: url("/wp-content/uploads/fonts/NotoSansLao-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/wp-content/uploads/fonts/NotoSansLao-Bold.otf") format("opentype"), /* Open Type Font */
    url("/wp-content/uploads/fonts/NotoSansLao-Bold.svg") format("svg"), /* Legacy iOS */
    url("/wp-content/uploads/fonts/NotoSansLao-Bold.ttf") format("truetype"), /* Safari, Android, iOS */
    url("/wp-content/uploads/fonts/NotoSansLao-Bold.woff") format("woff"), /* Modern Browsers */
    url("/wp-content/uploads/fonts/NotoSansLao-Bold.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "NotoSansLao Regular";
  src: url("/wp-content/uploads/fonts/NotoSansLao-Regular.eot"); /* IE9 Compat Modes */
  src: url("/wp-content/uploads/fonts/NotoSansLao-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/wp-content/uploads/fonts/NotoSansLao-Regular.otf") format("opentype"), /* Open Type Font */
    url("/wp-content/uploads/fonts/NotoSansLao-Regular.svg") format("svg"), /* Legacy iOS */
    url("/wp-content/uploads/fonts/NotoSansLao-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("/wp-content/uploads/fonts/NotoSansLao-Regular.woff") format("woff"), /* Modern Browsers */
    url("/wp-content/uploads/fonts/NotoSansLao-Regular.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "NotoSansLao Light";
  src: url("/wp-content/uploads/fonts/NotoSansLao-Light.eot"); /* IE9 Compat Modes */
  src: url("/wp-content/uploads/fonts/NotoSansLao-Light.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/wp-content/uploads/fonts/NotoSansLao-Light.otf") format("opentype"), /* Open Type Font */
    url("/wp-content/uploads/fonts/NotoSansLao-Light.svg") format("svg"), /* Legacy iOS */
    url("/wp-content/uploads/fonts/NotoSansLao-Light.ttf") format("truetype"), /* Safari, Android, iOS */
    url("/wp-content/uploads/fonts/NotoSansLao-Light.woff") format("woff"), /* Modern Browsers */
    url("/wp-content/uploads/fonts/NotoSansLao-Light.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "NotoSerifLao Regular";
  src: url("/wp-content/uploads/fonts/NotoSerifLao-Regular.eot"); /* IE9 Compat Modes */
  src: url("/wp-content/uploads/fonts/NotoSerifLao-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/wp-content/uploads/fonts/NotoSerifLao-Regular.otf") format("opentype"), /* Open Type Font */
    url("/wp-content/uploads/fonts/NotoSerifLao-Regular.svg") format("svg"), /* Legacy iOS */
    url("/wp-content/uploads/fonts/NotoSerifLao-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("/wp-content/uploads/fonts/NotoSerifLao-Regular.woff") format("woff"), /* Modern Browsers */
    url("/wp-content/uploads/fonts/NotoSerifLao-Regular.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "NotoSerifLao Light";
  src: url("/wp-content/uploads/fonts/NotoSerifLao-Light.eot"); /* IE9 Compat Modes */
  src: url("/wp-content/uploads/fonts/NotoSerifLao-Light.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("/wp-content/uploads/fonts/NotoSerifLao-Light.otf") format("opentype"), /* Open Type Font */
    url("/wp-content/uploads/fonts/NotoSerifLao-Light.svg") format("svg"), /* Legacy iOS */
    url("/wp-content/uploads/fonts/NotoSerifLao-Light.ttf") format("truetype"), /* Safari, Android, iOS */
    url("/wp-content/uploads/fonts/NotoSerifLao-Light.woff") format("woff"), /* Modern Browsers */
    url("/wp-content/uploads/fonts/NotoSerifLao-Light.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

/** 
*Using overflow-wrap to prevent Lao text overflowing the divs.
*It works on all browsers, including Edge. 
*https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-wrap 
 */
body.translatepress-lo.montlight-open {
   /* font-family: NotoSerifLao Light !important; */
	 font-family: Saysettha Light !important;
    font-size: 20px !important;
    overflow-wrap: anywhere !important;
}
body.translatepress-lo.montlight-open a, body.translatepress-lo.montlight-open p strong {
	font-family: Saysettha Unicode;
}
body.translatepress-lo.montlight-open .elementor-heading-title a {
   /* font-family: NotoSerifLao Regular; */
	font-family: Phetsarath OT;
    overflow-wrap: anywhere !important;
}
body.translatepress-lo.montlight-open h1, body.translatepress-lo.montlight-open h1.elementor-heading-title a, body.translatepress-lo.montlight-open h2, body.translatepress-lo.montlight-open .intro-block h2.elementskit-section-title, body.translatepress-lo.montlight-open h3, body.translatepress-lo.montlight-open .ekit-wid-con .elementskit-info-image-box .elementskit-box-content h3.elementskit-info-box-title, body.translatepress-lo.montlight-open .home-intro h3.elementskit-section-subtitle, body.translatepress-lo.montlight-open h4, body.translatepress-lo.montlight-open h5, body.translatepress-lo.montlight-open h6 {
/*font-family: NotoSansLao Regular;*/
	font-family: Phetsarath OT;
overflow-wrap: anywhere !important;
} 
body.translatepress-lo.montlight-open h1, body.translatepress-lo.montlight-open h1.elementor-heading-title a {
    font-size: 74px;
		letter-spacing: 3px
}
body.translatepress-lo.montlight-open h2, body.translatepress-lo.montlight-open .intro-block h2.elementskit-section-title {
    font-size: 52px !important;
}
body.translatepress-lo.montlight-open h3 {
    font-size: 24px !important;
}
body.translatepress-lo .h-oma p {
	font-size: 20px
}
body.translatepress-lo.montlight-open .cre8-logo h1.elementor-heading-title a {
    font-family: NotoSansLao Regular;
}

/* Home */
@media (min-width:1025px) {
body.translatepress-lo.montlight-open .home-intro {
		max-width: 352px
	}
}
body.translatepress-lo.montlight-open .home-intro h2.elementskit-section-title {
    font-size: 38px !important;
}
body.translatepress-lo.montlight-open .home-intro h3.elementskit-section-subtitle {
	font-size: 24px !important
}
body.translatepress-lo .home-welcome .elementor-column:nth-child(1) .elementor-widget-container {
	padding: 0 40px 0 0
}
/* Use Saysettha for some headings to avoid Phetsarath wrapping issue */
/*body.translatepress-lo.montlight-open .textile-carousel .carousel-main a {
	font-family: Saysettha Unicode;
}*/
body.translatepress-lo.montlight-open .textile-carousel .carousel-sec a {
	font-family: Saysettha Light;
}
body.page-id-31.translatepress-lo.montlight-open h3 {
	font-family: Saysettha Unicode;
}

/* Use light font version for links in body text on text heavy pages */
body.page-id-31.translatepress-lo p a, body.page-id-29.translatepress-lo p a, body.translatepress-lo .side-menu a {
	font-family: Saysettha Light;
}

/* Override justification for Lao intro paragraphs */
body.translatepress-lo .home-welcome-p .dce-tokens {
	text-align: left !important
} 
body.translatepress-lo .object-intro p {
	text-align: left !important
}

body.translatepress-lo.montlight-open .header-main ul#menu-main-menu li a { 
/*	font-family:  NotoSansLao Light;*/
	font-family: Phetsarath OT;
}
body.translatepress-lo .motif-list .elementor-image-box-description {
    font-size: 18px;
}
@media (min-width:768px) and (max-width: 1024px) {
body.translatepress-lo .intro-block .text-block .elementor-column-wrap.elementor-element-populated {
    padding: 20px 10px 0px 30px;
}
}

/* Motif single pages */
body.translatepress-lo .motif-title .motif-list .elementor-widget-container {
	padding: 15px 0px 0px 0px;
}
body.translatepress-lo .motif-data .ekit-heading__description {
	font-size: 20px
}
body.translatepress-lo.montlight-open .motif-title h1 {
	font-family: Saysettha Unicode;
} 

/* Techniques page */
@media (min-width:1025px) {
body.translatepress-lo .elementor-element .lao-shorter-1 {
	width: 30%
}
body.translatepress-lo .elementor-element .lao-shorter-2 {
	width: 70%;
	}
body.translatepress-lo .elementor-element .lao-shorter-2 .elementor-element-populated {
	padding: 0% 27% 0% 0%;
}
}

/* 
/ Libre Franklin Bold - Open Sans */
body.librebold-open {
	font-family: Open Sans, Roboto, Arial, sans-serif !important;
	font-size: 18px !important;
	color: #000000 !important;
}
.librebold-open a {
	text-decoration: underline;
	/*font-weight: 500;*/
	color: #000000;
}
.librebold-open a:hover {
	color:rgba(0,0,0,0.6);
}
/* Textile Carousel */
.librebold-open .textile-carousel a {
	font-weight: 700;
	text-decoration: none
}
.librebold-open .header-main ul#menu-main-menu li a { 
	font-family: Libre Franklin, Open Sans, Roboto, Arial, sans-serif;
	font-weight: 800;
}
.librebold-open .footer-bottom a {
	text-decoration: none
}
.librebold-open h1, .librebold-open h1.elementskit-section-title, .librebold-open h1.elementor-heading-title a, .librebold-open .intro-block h1.elementskit-section-title {
	font-family: Libre Franklin, Open Sans, Roboto, Arial, sans-serif;
	font-size: 60px;
	font-weight: 800;
	text-decoration: none;
	letter-spacing: -1px;
	color: #000000;
}
.librebold-open h2, .librebold-open h2.elementskit-section-title, .librebold-open .intro-block h2.elementskit-section-title {
	font-family: Libre Franklin, Open Sans, Roboto, Arial, sans-serif;
	font-size: 44px !important;
	font-weight: 800;
	color: #000000;
}
.librebold-open h3, .librebold-open h3.elementskit-section-title, .librebold-open .ekit-wid-con .elementskit-info-image-box .elementskit-box-content h3.elementskit-info-box-title {
	font-family: Open Sans, Roboto, Arial, sans-serif;
	font-size: 22px;
	font-weight: 600;
	color: #000000;
}
.librebold-open .home-intro h2.elementskit-section-title {
	font-weight: 400 !important;
	font-size: 34px !important;
}
.librebold-open .home-intro h3.elementskit-section-subtitle {
	font-weight: 400 !important;
}

/*
/ Montserrat Bold - Open Sans
*/
body.montbold-open {
	font-family: Open Sans, Roboto, Arial, sans-serif !important;
	font-size: 18px !important;
	color: #000000 !important;
}
.montbold-open a {
	text-decoration: underline;
	/*font-weight: 500;*/
	color: #000000;
}
.montbold-open a:hover {
	color:rgba(0,0,0,0.6);
}
/* Textile Carousel */
.montbold-open .textile-carousel a {
	font-weight: 700;
	text-decoration: none
}
.montbold-open .header-main ul#menu-main-menu li a { 
	font-family: Montserrat, Open Sans, Roboto, Arial, sans-serif;
	font-weight: 800;
}
.montbold-open .footer-bottom a {
	text-decoration: none
}
.montbold-open h1, .montbold-open h1.elementskit-section-title, .montbold-open h1.elementor-heading-title a, .montbold-open .intro-block h1.elementskit-section-title {
	font-family: Montserrat, Open Sans, Roboto, Arial, sans-serif;
	font-size: 60px;
	font-weight: 800;
	text-decoration: none;
	letter-spacing: -1px;
	color: #000000;
}
.montbold-open h2, .montbold-open h2.elementskit-section-title, .montbold-open .intro-block h2.elementskit-section-title {
	font-family: Montserrat, Open Sans, Roboto, Arial, sans-serif;
	font-size: 44px !important;
	font-weight: 800;
	color: #000000;
}
.montbold-open h3, .montbold-open h3.elementskit-section-title, .montbold-open .ekit-wid-con .elementskit-info-image-box .elementskit-box-content h3.elementskit-info-box-title {
	font-family: Montserrat, Open Sans, Roboto, Arial, sans-serif;
	font-size: 22px;
	font-weight: 600;
	color: #000000;
}
.montbold-open .home-intro h2.elementskit-section-title {
	font-weight: 400 !important;
	font-size: 34px !important;
}
.montbold-open .home-intro h3.elementskit-section-subtitle {
	font-weight: 400 !important;
}

/*
/ Open Sans - Open Sans Light
*/
body.openlight-open {
	font-family: Open Sans, Roboto, Arial, sans-serif !important;
	font-size: 18px !important;
	color: #000000 !important;
	font-weight: 300;
}
.openlight-open a {
	text-decoration: underline;
	font-weight: 400;
	color: #000000;
}
.openlight-open a:hover {
	color:rgba(0,0,0,0.6);
}
/* Textile Carousel */
.openlight-open .textile-carousel a {
	font-weight: 500;
	text-decoration: none
}
.openlight-open .header-main ul#menu-main-menu li a { 
	font-family: Open Sans, Roboto, Arial, sans-serif;
	font-weight: 300;
}
.openlight-open .footer-bottom a {
	text-decoration: none
}
.openlight-open h1, .openlight-open h1.elementskit-section-title, .openlight-open h1.elementor-heading-title a, .openlight-open .intro-block h1.elementskit-section-title {
	font-family: Open Sans, Roboto, Arial, sans-serif;
	font-size: 60px;
	font-weight: 500;
	text-decoration: none;
	letter-spacing: -1px;
	color: #000000;
}
.openlight-open h2, .openlight-open h2.elementskit-section-title, .openlight-open .intro-block h2.elementskit-section-title {
	font-family: Open Sans, Roboto, Arial, sans-serif;
	font-size: 44px !important;
	font-weight: 500;
	color: #000000;
}
.openlight-open h3, .openlight-open h3.elementskit-section-title, .openlight-open .home-intro h3.elementskit-section-subtitle, .openlight-open .ekit-wid-con .elementskit-info-image-box .elementskit-box-content h3.elementskit-info-box-title {
	font-family: Open Sans, Roboto, Arial, sans-serif;
	font-size: 22px;
	font-weight: 300 !important;
	color: #000000;
}
.openlight-open .home-intro h2.elementskit-section-title {
	font-weight: 300 !important;
	font-size: 34px !important;
}
.openlight-open .ekit-template-content-footer h3, .openlight-open .bolder h3.elementskit-section-title {
	font-weight: 500 !important
}
.openlight-open .ekit-wid-con .elementskit-section-title > span {
	font-weight: 500
}
.openlight-open .intro-block p.elementskit-section-subtitle { 
	line-height: 1.3em;	
}

/*
/ Merriweather Bold - Montserrat Bold
*/
body.merrilight-montbold {
	font-family: Montserrat, Open Sans, Roboto, Arial, sans-serif !important;
	font-size: 18px !important;
	color: #000000 !important;
}
.merrilight-montbold a {
	text-decoration: underline;
	/*font-weight: 500;*/
	color: #000000;
}
.merrilight-montbold a:hover {
	color:rgba(0,0,0,0.6);
}
/* Textile Carousel */
.merrilight-montbold .textile-carousel a {
	font-weight: 700;
	text-decoration: none
}
.merrilight-montbold .header-main ul#menu-main-menu li a { 
	font-family: Montserrat, Open Sans, Roboto, Arial, sans-serif;
	font-weight: 800;
}
.merrilight-montbold .footer-bottom a {
	text-decoration: none
}
.merrilight-montbold h1, .merrilight-montbold h1.elementskit-section-title, .merrilight-montbold h1.elementor-heading-title a, .merrilight-montbold .intro-block h1.elementskit-section-title {
	font-family: Merriweather, Source Serif Pro, Times New Roman, serif;
	font-size: 60px;
	/*font-weight: 100;
	 letter-spacing: -1px;*/
	font-weight: 800;
	text-decoration: none;
	letter-spacing: 3px;
	color: #000000;
}
.merrilight-montbold h2, .merrilight-montbold h2.elementskit-section-title, .merrilight-montbold .intro-block h2.elementskit-section-title {
	font-family: Montserrat, Open Sans, Roboto, Arial, sans-serif;
	font-size: 44px !important;
	font-weight: 800;
	color: #000000;
}
.merrilight-montbold h3, .merrilight-montbold h3.elementskit-section-title, .merrilight-montbold .ekit-wid-con .elementskit-info-image-box .elementskit-box-content h3.elementskit-info-box-title {
	font-family: Montserrat, Open Sans, Roboto, Arial, sans-serif;
	font-size: 22px;
	font-weight: 600;
	color: #000000;
}
.merrilight-montbold .home-intro h2.elementskit-section-title {
	font-weight: 400 !important;
	font-size: 34px !important;
}
.merrilight-montbold .home-intro h3.elementskit-section-subtitle {
	font-weight: 400 !important;
}
.merrilight-montbold .home-welcome h2.elementskit-section-title {
		font-family: Merriweather, Source Serif Pro, Times New Roman, serif;
}

/*
/ Merriweather - Montserrat Light
*/
body.merri-montlight {
	font-family: Montserrat, Open Sans, Roboto, Arial, sans-serif !important;
	font-size: 18px !important;
	color: #000000 !important;
	font-weight: 300;
}
.merri-montlight a {
	text-decoration: underline;
	font-weight: 400;
	color: #000000;
}
.merri-montlight a:hover {
	color:rgba(0,0,0,0.6);
}
/* Textile Carousel */
.merri-montlight .textile-carousel a {
	font-weight: 500;
	text-decoration: none
}
.merri-montlight .header-main ul#menu-main-menu li a { 
	font-family: Montserrat, Open Sans, Roboto, Arial, sans-serif;
	font-weight: 300;
}
.merri-montlight .footer-bottom a {
	text-decoration: none
}
.merri-montlight h1, .merri-montlight h1.elementskit-section-title, .merri-montlight h1.elementor-heading-title a, .merri-montlight .intro-block h1.elementskit-section-title {
	font-family: Merriweather, Source Serif Pro, Times New Roman, serif;
	font-size: 60px;
	font-weight: 500;
	text-decoration: none;
	letter-spacing: -1px;
	color: #000000;
}
.merri-montlight h2, .merri-montlight h2.elementskit-section-title, .merri-montlight .intro-block h2.elementskit-section-title {
	font-family: Montserrat, Open Sans, Roboto, Arial, sans-serif;
	font-size: 44px !important;
	font-weight: 500;
	color: #000000;
}
.merri-montlight h3, .merri-montlight h3.elementskit-section-title, .merri-montlight .home-intro h3.elementskit-section-subtitle, .merri-montlight .ekit-wid-con .elementskit-info-image-box .elementskit-box-content h3.elementskit-info-box-title {
	font-family: Montserrat, Open Sans, Arial, sans-serif;
	font-size: 22px;
	font-weight: 300 !important;
	color: #000000;
}
.merri-montlight .home-intro h2.elementskit-section-title {
	font-weight: 300 !important;
	font-size: 34px !important;
}
.merri-montlight .ekit-template-content-footer h3, .merri-montlight .bolder h3.elementskit-section-title {
	font-weight: 500 !important
}
.merri-montlight .ekit-wid-con .elementskit-section-title > span {
	font-weight: 500
}
.merri-montlight .home-welcome h2.elementskit-section-title {
		font-family: Merriweather, Source Serif Pro, Times New Roman, serif;
}
.merri-montlight .intro-block p.elementskit-section-subtitle { 
	line-height: 1.3em;	
}

/*
/ Merriweather - Open Sans Light
*/
body.merri-openlight {
	font-family: Open Sans, Roboto, Arial, sans-serif !important;
	font-size: 18px !important;
	color: #000000 !important;
	font-weight: 300;
}
.merri-openlight a {
	text-decoration: underline;
	font-weight: 400;
	color: #000000;
}
.merri-openlight a:hover {
	color:rgba(0,0,0,0.6);
}
/* Textile Carousel */
.merri-openlight .textile-carousel a {
	font-weight: 500;
	text-decoration: none
}
.merri-openlight .header-main ul#menu-main-menu li a { 
	font-family: Open Sans, Roboto, Arial, sans-serif;
	font-weight: 300;
}
.merri-openlight .footer-bottom a {
	text-decoration: none
}
.merri-openlight h1, .merri-openlight h1.elementskit-section-title, .merri-openlight h1.elementor-heading-title a, .merri-openlight .intro-block h1.elementskit-section-title {
	font-family: Merriweather, Source Serif Pro, Times New Roman, serif;
	font-size: 60px;
	font-weight: 500;
	text-decoration: none;
	letter-spacing: -1px;
	color: #000000;
}
.merri-openlight h2, .merri-openlight h2.elementskit-section-title, .merri-openlight .intro-block h2.elementskit-section-title {
	font-family: Open Sans, Roboto, Arial, sans-serif;
	font-size: 44px !important;
	font-weight: 500;
	color: #000000;
}
.merri-openlight h3, .merri-openlight h3.elementskit-section-title, .merri-openlight .home-intro h3.elementskit-section-subtitle, .merri-openlight .ekit-wid-con .elementskit-info-image-box .elementskit-box-content h3.elementskit-info-box-title {
	font-family: Open Sans, Arial, sans-serif;
	font-size: 22px;
	font-weight: 300 !important;
	color: #000000;
}
.merri-openlight .home-intro h2.elementskit-section-title {
	font-weight: 300 !important;
	font-size: 34px !important;
}
.merri-openlight .ekit-template-content-footer h3, .merri-openlight .bolder h3.elementskit-section-title {
	font-weight: 500 !important
}
.merri-openlight .ekit-wid-con .elementskit-section-title > span {
	font-weight: 500
}
.merri-openlight .home-welcome h2.elementskit-section-title {
		font-family: Merriweather, Source Serif Pro, Times New Roman, serif;
}
.merri-openlight .intro-block p.elementskit-section-subtitle { 
	line-height: 1.3em;	
}

/*
/ Source Serif Pro - Open Sans Light
*/
body.source-openlight {
	font-family: Open Sans, Roboto, Arial, sans-serif !important;
	font-size: 18px !important;
	color: #000000 !important;
	font-weight: 300;
}
.source-openlight a {
	text-decoration: underline;
	font-weight: 400;
	color: #000000;
}
.source-openlight a:hover {
	color:rgba(0,0,0,0.6);
}
/* Textile Carousel */
.source-openlight .textile-carousel a {
	font-weight: 500;
	text-decoration: none
}
.source-openlight .header-main ul#menu-main-menu li a { 
	font-family: Open Sans, Roboto, Arial, sans-serif;
	font-weight: 300;
}
.source-openlight .footer-bottom a {
	text-decoration: none
}
.source-openlight h1, .source-openlight h1.elementskit-section-title, .source-openlight h1.elementor-heading-title a, .source-openlight .intro-block h1.elementskit-section-title {
	font-family: Source Serif Pro, Merriweather, Times New Roman, serif;
	font-size: 64px;
	font-weight: 600;
	text-decoration: none;
	letter-spacing: -1px;
	color: #000000;
}
.source-openlight h2, .source-openlight h2.elementskit-section-title, .source-openlight .intro-block h2.elementskit-section-title {
	font-family: Open Sans, Roboto, Arial, sans-serif;
	font-size: 44px !important;
	font-weight: 500;
	color: #000000;
}
.source-openlight h3, .source-openlight h3.elementskit-section-title, .source-openlight .home-intro h3.elementskit-section-subtitle, .source-openlight .ekit-wid-con .elementskit-info-image-box .elementskit-box-content h3.elementskit-info-box-title {
	font-family: Open Sans, Arial, sans-serif;
	font-size: 22px;
	font-weight: 300 !important;
	color: #000000;
}
.source-openlight .home-intro h2.elementskit-section-title {
	font-weight: 300 !important;
	font-size: 34px !important;
}
.source-openlight .ekit-template-content-footer h3, .source-openlight .bolder h3.elementskit-section-title {
	font-weight: 500 !important
}
.source-openlight .ekit-wid-con .elementskit-section-title > span {
	font-weight: 500
}
.source-openlight .home-welcome h2.elementskit-section-title {
		font-family: Source Serif Pro, Merriweather, Times New Roman, serif;
}
.source-openlight .intro-block p.elementskit-section-subtitle { 
	line-height: 1.3em;	
}

/*
/ Montserrat - Open Sans Light
*/
body.montlight-open {
	font-family: Open Sans, Roboto, Arial, sans-serif !important;
	font-size: 18px !important;
	line-height: 1.7;
	color: #000000 !important;
	font-weight: 300;
}
.montlight-open a {
	text-decoration: underline;
	font-weight: 400;
	color: #000000;
}
.montlight-open a:hover {
	color:rgba(0,0,0,0.6);
}

.montlight-open .header-main ul#menu-main-menu li a { 
	font-family: Montserrat, Open Sans, Roboto, Arial, sans-serif;
	font-weight: 300;
}
.montlight-open .footer-bottom a {
	text-decoration: none
}
.montlight-open h1, .montlight-open h1.elementskit-section-title, .montlight-open h1.elementor-heading-title a, .montlight-open .intro-block h1.elementskit-section-title {
	font-family: Montserrat, Open Sans, Roboto, Arial, sans-serif;
	font-size: 60px;
	font-weight: 500;
	text-decoration: none;
	letter-spacing: -1px;
	color: #000000;
}
.montlight-open h2, .montlight-open h2.elementskit-section-title, .montlight-open .intro-block h2.elementskit-section-title {
	font-family: Montserrat, Open Sans, Roboto, Arial, sans-serif;
	font-size: 44px !important;
	font-weight: 500;
	color: #000000;
}
.montlight-open h3, .montlight-open h3.elementskit-section-title, .montlight-open .home-intro h3.elementskit-section-subtitle, .montlight-open .ekit-wid-con .elementskit-info-image-box .elementskit-box-content h3.elementskit-info-box-title {
	font-family: Montserrat, Open Sans, Arial, sans-serif;
	font-size: 22px;
	font-weight: 300 !important;
	color: #000000;
}
.montlight-open .home-intro h2.elementskit-section-title {
	font-weight: 300 !important;
	font-size: 34px !important;
}
.montlight-open .ekit-template-content-footer h3, .montlight-open .bolder h3.elementskit-section-title, .bolder p, .bolder h3 {
	font-weight: 500 !important
}
.bolder .motif-data p {
	font-weight: 300 !important
}
.montlight-open .ekit-wid-con .elementskit-section-title > span {
	font-weight: 500
}
.montlight-open .intro-block p.elementskit-section-subtitle { 
	line-height: 1.3em;	
}
/* NOT ADDED TO OTHER FONTS YET */
.montlight-open h4, .montlight-open h4.elementskit-section-title, .montlight-open .home-intro h4.elementskit-section-subtitle, .montlight-open .ekit-wid-con .elementskit-info-image-box .elementskit-box-content h4.elementskit-info-box-title {
	font-family: Montserrat, Open Sans, Arial, sans-serif;
	font-size: 18px;
	font-weight: 500 !important;
	color: #000000;
} 
.montlight-open .bolder h3.elementskit-section-title {
	margin-bottom: 15px
}
/* Textile Carousel */
.montlight-open .textile-carousel .carousel-main a {
	font-weight: 500;
	text-decoration: none;
	line-height: 1.2;
}
.montlight-open .textile-carousel .carousel-sec a {
	font-weight: 300;
	text-decoration: none;
	font-style: italic;
	font-size: 16px;
	line-height: 1.3;
	text-transform: capitalize
}
.montlight-open .textile-carousel .carousel-sec .elementor-heading-title {
	white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
    margin-right: 30px;
}

/*
/ Typography
*/
/* Style fixes after ElementsKit update 20201227 */
h1, h2, h3, h4, h5, h6 {
	line-height: 1.2 !important
}
.ekit-heading__description>p:first-child {
    margin-top: 0px;
}
.ekit-heading__description {
    font-size: 18px;
    line-height: 1.5;
}

 h1, h1.elementskit-section-title, h1.elementor-heading-title a, .intro-block h1.elementskit-section-title, h2, h2.elementskit-section-title, .intro-block h2.elementskit-section-title, h3, h3.elementskit-section-title, .home-intro h3.elementskit-section-subtitle, .ekit-wid-con .elementskit-info-image-box .elementskit-box-content h3.elementskit-info-box-title, h4, h4.elementskit-section-title, .home-intro h4.elementskit-section-subtitle, .ekit-wid-con .elementskit-info-image-box .elementskit-box-content h4.elementskit-info-box-title {
	overflow-wrap: anywhere;
}

p {
	margin-bottom: 1em
}
p a {
	text-decoration: underline !important
}
.elementor-button-wrapper a {
	text-decoration: none;
	font-size: 18px !important;
}
.home-welcome-p .dce-tokens {
	line-height: 1.8em;
	font-weight: 300;
}
.side-menu h3 {
	font-weight: 500 !important;
	margin-bottom: 20px
}
.side-menu a {
	font-weight: 300;
	line-height: 1.6
}
/* Reduce font weight for links in body text on text heavy pages */
.page-id-31 p a, .page-id-29 p a, .page-id-5471 p a {
	font-weight: 300;
}
/* Bullet Points */
.cre8-bullets ul, .type-page .page-content ul {
	list-style-type: none;
	margin-bottom: 30px;
	padding: 0
}
.cre8-bullets li, .type-page .page-content li {
  font-size: 1em;
  position: relative;
  padding-left: 2em;
	margin-bottom: 1em
}
.cre8-bullets li::before, .type-page .page-content li::before {
  content: '';
  position: absolute;
  width: 1em;
  height: 100%;
  top: 7.5px;
  left: 0;
  background-image: url(https://oma.traditionaldesigns.la/wp-content/uploads/2020/12/1.1-Spiral.svg);
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-position: top;
}
/* Remove bullet styling for motif lists on Oma Textiles page */
.two-col-cat-list ul {
	margin-bottom: 0 !important;
}
.two-col-cat-list li {
	margin-bottom: 0 !important;
}
.two-col-cat-list li::before {
	display: none
}
/* Remove bullet styling for forms */
.wpforms-form ul li::before {
	display: none !important
}


/* White letters for dark background */
.white a {
	color: #ffffff;
}
.white a:hover {
	color: #f0f0f0
}
.white h3 {
	color: #ffffff !important
}
/*
.h-oma h1.elementskit-section-title, h1.elementor-heading-title a, .intro-block h1.elementskit-section-title {
	font-size: 60px !important;
	font-weight: 800;
	text-decoration: none
}
.h-oma h2.elementskit-section-title, .intro-block h2.elementskit-section-title {
	font-size: 44px;
	font-weight: 800
}
.h-oma h3.elementskit-section-title, .ekit-wid-con .elementskit-info-image-box .elementskit-box-content h3.elementskit-info-box-title {
	font-size: 22px;
	font-weight: 600
}
*/
.ekit-wid-con .elementskit-section-title {
	margin-bottom: 0
}

@media (max-width:767px) {
	.h-oma p {
		line-height: 1.8em;
	}
}

/* 
/ Header
*/
@media (min-width: 768px) {
.header-main ul#menu-main-menu li:first-child a {
	padding: 0 15px 0 0 !important
}
}
.header-main ul#menu-main-menu li a {
	font-size: 1.4rem;
	text-decoration: none
}
.sec-nav a {
	color: #E32B31 !important;
	/*color: #4b0082 !important;*/
	font-size: 1em;
	font-weight: 800;
	text-decoration: none
}
.sec-nav a:hover, .sec-nav a:active {
	color: rgba(0,0,0,0.6) !important
}
/* Language flags */
.flags {
	float: right;
	margin: auto 0 auto auto
}
.flags .trp-language-switcher {
	width: auto;
}
.flags .trp-language-switcher > div {
	border: 0px solid #ffffff;
	padding: 0 !important
}
.flags .trp-language-switcher a:hover {
	background-color: transparent
}
/* @media (max-width:767px) {
	.wpml-ls-legacy-list-horizontal .wpml-ls-item {
		display: block
	}
	.wpml-ls-legacy-list-horizontal {
    padding: 0px 7px;
}
} */

/*
/ Footer
*/

.footer-bottom .ekit-wid-con .ekit-header-info {
	justify-content: center
}
.cre8-footer .dce-tokens p {
	margin-bottom: 0
}

/* 
/ Forms
*/
div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=checkbox], .ekit-wid-con.ekit_wpForms_container .wpforms-form input[type=email], .ekit-wid-con.ekit_wpForms_container .wpforms-form textarea {
border-radius: 0 !important;
}
div.wpforms-container-full .wpforms-form button[type=submit]:active, div.wpforms-container-full .wpforms-form button[type=submit] {
	background-color: #f2f2f2 !important
}
div.wpforms-container-full .wpforms-form button[type=submit]:hover {
	background-color: #ddd !important
}

/*
/ Home
*/
.intro-block h1.elementskit-section-title, .intro-block h2.elementskit-section-title {
	margin-bottom: 30px
}
.intro-block p.elementskit-section-subtitle, .intro-block .ekit-wid-con p {
	color: #000000;
	font-weight: 300;
	font-size: 22px;
	margin-bottom: 15px;
	line-height: 1.3em
}
.intro-block a {
	font-size: 22px !important;
	/*font-weight: 500*/
}
.home-intro-2 a {
	color: #ffffff
}
.home-intro-2 a:hover {
	color: #f0f0f0
}
/* Swiper navigation 
.nav-btn .swiper-button-prev, .nav-btn .swiper-button-next {
	background-color: rgba(255,255,255,0.85)
}
.nav-btn .swiper.button-prev {
	padding: 5px 0 5px 15px !important;
} */
/* Fix for swiper css not loading on front end */
.elementor-element .swiper .elementor-swiper-button {
	cursor: pointer;
    display: inline-flex;
    font-size: 25px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}
.elementor-element .swiper .elementor-swiper-button-prev {
	left: 10px;
}
.elementor-element .swiper .elementor-swiper-button-next {
	right: 10px;
}

.cat-slider .swiper-wrapper {
	margin: 0 -10%
}
@media (min-width:768px) and (max-width:1025px) {
	.cat-slider .swiper-wrapper {
	margin: 0 -16.615%
}
}
@media (max-width: 767px) {
	.cat-slider .swiper-wrapper {
	margin: 0 -25%
}
}
/* CIPRI icons */
.cipri-icon .ekit-wid-con img {
	height: 180px
}
@media (min-width:1025px) {
	.home-intro {
	max-width: 305px
}
	.montlight-open .home-intro, .montbold-open .home-intro, .merri-montlight .home-intro, .merrilight-montbold .home-intro {
		max-width: 322px
	}
	.home-intro-2 h2 {
		padding: 0 15%
	}
}
@media (min-width:768px) and (max-width:1024px) {
	.intro-block h1.elementskit-section-title {
	margin-bottom: 10px
}
	.intro-block h2.elementskit-section-title {
	margin-bottom: 10px
}
	.intro-block p.elementskit-section-subtitle {
	margin-bottom: 5px	
	}
	.intro-block p.elementskit-section-subtitle, .intro-block a {
		font-size: 18px !important
	}
}

/* TK LABELS */
.tk-label-bottom .dce-button-img {
	vertical-align: bottom
}
.tk-label-top .dce-button-img {
	vertical-align: top
}

/* MOTIF PAGES */
/* Audio buttons */
.audio-btn {
	display: inline-block;
	padding-right: 5px
}
.audio-btn button {
	border: none;
	padding: 0;
	color: rgba(0,0,0,0.5);
}
.audio-btn button:hover, .audio-btn button:focus {
	background-color: #ffffff;
	outline: none
}
.audio-btn i {
	font-family: "Font Awesome 5 Free";
	font-size: 12px
}
/* Name in Oma */
.oma-name {
	display: inline-block;
	font-style: italic;
}
/*.motif-title .motif-list img {
	width: 100%;
	margin: 6px 40px 0 0
} */

/* MOTIF LISTS */
/* Fixes for central alignment */
.motif-wrapper .dce-view-grid-element {
	justify-content: center
}

/* Images */
.motif-list-thumb img {
	width: auto
}
/* Icons */
.motif-list .elementor-icon-list-icon svg, .motif-list .elementor-icon-list-icon, .motif-list img {
	height: 60px;
}
.cat-motifs .motif-list .elementor-icon-list-icon svg, .cat-motifs .motif-list .elementor-icon-list-icon, .cat-motifs .motif-list img {
	height: 30px;
	display: inline;
	width: auto;
	vertical-align: middle;
}
.cat-motifs .motif-list {
	margin-bottom: 5px
}
.motif-list .elementor-image-box-img {
	text-align: center
}
.motif-list img {
	display: block;
    margin: 0 auto;
}
/* Text */
.motif-list a {
	text-decoration: none;
	text-transform: none;
	display: block;
    white-space: nowrap;
}
.motif-list .elementor-image-box-description {
    font-size: 16px;
    font-style: italic;
    line-height: 1;
}
.motif-list .elementor-image-box-description .oma-name {
    font-style: initial;
}
/* Associated motif list */
.ass-motif-list ul {
	list-style: none;
	padding-left: 0;
}
.ass-motif-list li a {
	text-decoration: none
}
/* Two column motif list */
.two-col-cat-list ul {
	list-style: none;
	padding-left: 0;
}
.two-col-cat-list ul li {
	padding-bottom: 5px
}
@media (min-width: 768px) {
.two-col-cat-list ul {
		columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
	}
.two-col-cat-list ul li {
	break-inside: avoid;
	}
}
@media (max-width: 767px) {
	.motif-list .elementor-image-box-content {
		display: inline-block;
    width: 70%;
    vertical-align: top;
    padding-left: 20px;
	}
}

/* LIGHTBOX */
.dialog-type-lightbox .dialog-widget-content {
	width: 100%
}