/*
 Theme Name:     Materialis Child
 Theme URI:      https://www.webexpress.fr/child-themes/
 Description:    Materialis Child Theme
 Author:         ELA WebExpress over Elegant themes
 Author URI:     https://www.webexpress.fr/
 Template:       materialis
 Version:        1.0.0
*/
 
/*
     __ __    __    __  __  __ __ __    __ __  
|  ||_ |__)  |_ \_/|__)|__)|_ (_ (_    |_ |__) 
|/\||__|__)  |__/ \|   | \ |____)__).  |  | \ 

*/

/* STAMP for testing version cache 
 * version 2020 11 24
 * 
 * */


/*

This Website designed, created and developed by WebExpress.fr 

*/

/*
 * -- Colors from Electrolab Donate page: 
 * violin : #3b1a54 - rgb(59,26,84)
 * green : #00FFBA - rgb(0, 255, 186)
*/

/*
 * -- Other source documents 
 *  * violin : #430E63 - rgb(67,14,99)
 *  * violin : #3B1A54 - rgb(59, 26, 84);
 *  * violin : #490849 - rgb(73,8,73);
 */

/* declare colors in css3 */
:root {
	/* colors named */
    --green : #00FFBA;
	--violin : #3b1a54;
	--darkgray : #333 ;
	--blue : #50a2eb;
	--gray: #EEE;
	--red: crimson; /*#F20030;*/
	/* test gradients */
	--grad-gray : whitesmoke;
	--grad-card : linear-gradient(to bottom right, rgb(0, 255, 186), rgb(59, 26, 84));
    /* background-clip: border-box; */
	/* targets */
	--text : var(--violin);
	--title: var(--green);
	--link : var(--blue);
	--link-hover : var(--red);
	/* fonts */
	--font-text : 'Open Sans';
	--font-title : 'Halis';
}

/* declare net fonts (test) */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');

/* declare local fonts */

@font-face {
font-family: Halis;
src: url('/wp-content/themes/materialis-child/fonts/HalisGR-Regular.otf') format("opentype");
font-weight: normal;
font-style: normal;
}	 

@font-face {
font-family: Halis;
src: url('/wp-content/themes/materialis-child/fonts/HalisGR-Light.otf') format("opentype");
font-weight: 100;
font-style: normal;
}

@font-face {
font-family: Halis;
src: url('/wp-content/themes/materialis-child/fonts/HalisGR-BoldItalic.otf') format("opentype");
font-weight: bold;
font-style: italic;
}

@font-face {
font-family: Halis;
src: url('/wp-content/themes/materialis-child/fonts/HalisGR-SBlack.otf') format("opentype");
font-weight: 900;
font-style: normal;
}

@font-face {
font-family: Halis;
src: url('/wp-content/themes/materialis-child/fonts/HalisGR-SBlackItalic.otf') format("opentype");
font-weight: 900;
font-style: italic;
}

@font-face {
font-family: Halis;
src: url('/wp-content/themes/materialis-child/fonts/HalisGR-Bold.otf') format("opentype");
font-weight: bold;
font-style: normal;
}

@font-face {
font-family: Halis;
src: url('/wp-content/themes/materialis-child/fonts/HalisGR-RegularItalic.otf') format("opentype");
font-weight: normal;
font-style: italic;
}

/* HTML tags adjust */

html {
	zfont-size: 62.5%; /* base value for all rem units ; 1em = 10px*/
}
body {
	line-height: 1.6em;
	font-size: 1.8rem;
}

a {
    color: var(--link);
}

h1, h2, h3, h4, h5, h6 {
	font-family : var(--font-title);
	color: var(--title);
	text-transform: uppercase;
	font-weight: 900;
	margin-top: 1em;
	line-height: 1em;
}

/* WP Theme Materialis adjusts */

img.logo.dark, img.custom-logo {
    max-height: 0.8em !important; /* force 'cause not working from customizer (bug?) */
}

.header-subtitle {
	display: none;
	/* display slogan...not usefull under each post title !*/
}

body.home .header-subtitle { 
	display: inherit;
	font-family : var(--font-text);
}

/* hide post navigation bottom bar (nav & previous) */
.navigation.post-navigation {
	display:none;
}

.content-area {
}

.entry-title {
	font-family : var(--font-title);
	font-size: 3rem;
	color:  var(--title);
	font-weight: 900;
	text-transform: uppercase;
}

.content blockquote {
    font-style: italic;
    color: var(--green);
	border-left: 5px solid var(--green);
	background-color: var(--text);
	padding: 1em;
}

.content {
	font-size: 1.2rem;
	font-family: var(--font-text);
	color: var(--text);
	line-height: 1.6em;
}

.content a {
    color: var(--link);
}

.content a:hover { 
	color: var(--link-hover);
	transition: all 0.25s;
}

.content h1
, .content h2
, .content h3
, .content h4
, .content h5
, .content h6 {
	font-family : var(--font-title);
	text-transform: uppercase;
	color:  var(--title); /* rgb(0, 255, 186); */
	font-weight: 900;
	ztext-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	ztext-shadow: 1px 1px 1px rgba(59, 26, 84, 0.6);
	zline-height: 1.2em;	
	margin-top: 1em;
	line-height: 1em;
}

.content h2 { font-size: 1.6rem; }
.content h3 { font-size: 1.4rem; }
.content h4 { font-size: 1.2rem; }
.content h5 { font-size: 1.1rem; }
.content h6 { font-size: 1.1rem; }

.post-excerpt {
	line-height: 1.3em;
}

h1.hero-title {
	font-size: 3rem;
	color: var(--title);
	font-weight: 900;
}

/* menu */
ul.dropdown-menu.simple-text-buttons > li > a {
	font-family : var(--font-title);
	color: var(--title);
	font-weight: 900;
	font-size: 1.0rem;
}
ul.dropdown-menu ul li {
	font-family : var(--font-title);
	color: var(--title);
	font-weight: 900;
	font-size: 1.0rem;
}

ul.dropdown-menu ul li .children {
	font-size: 2.0rem;
	background-color: inherit;

}
ul.dropdown-menu ul {
	background-color: rgba(255,255,255,.5);
}

ul.children li a { 
	text-transform: uppercase;
}

.coloured-nav ul.dropdown-menu.simple-text-buttons > li > a, .fixto-fixed ul.dropdown-menu.simple-text-buttons > li > a {
	color: var(--title);
	font-weight: 900;
}

.fixto-fixed ul.dropdown-menu.simple-text-buttons > .current_page_item > a, .fixto-fixed ul.dropdown-menu.simple-text-buttons > .current-menu-item > a {
    color: #fa5252;
}

/* extraits */

.post-excerpt{
	line-height: 1.2em;
	zfont-weight: 100;
}

/* footer */

#page .footer {
	zdisplay: none;
}

#sfwa_footer {
	font-size: 1.2rem;
	font-family: var(--font-text);
	line-height: 1.5em;
}

#sfwa_footer a:hover { 
	color: var(--link-hover);
}

#sfwa_footer .widget_nav_menu ul {
	list-style: none;
}

.post-content-inner .attachment-post-thumbnail { 
	display: none;
}

.mdc-card__action-buttons {
	display: none;
}

/* ELA classes for content editing ------------------------------------------------------------------------ */
/* aka classes to use in post/pages editing */

/* aplats */
.aplat.violin .wc-shortcodes-post-border {
	border-color: var(--green);
}

.aplat.green .wc-shortcodes-post-border {
	border-color: var(--green);
}

.entry-content .aplat {
}

.aplat.violin {
    zbackground-image:  linear-gradient(135deg, #6e4fa0, #2d2044, #31436f);
    zbackground-attachment: fixed;
    zbackground-size: cover;
	background-color: var(--violin); 
	color: white;
	color: var(--green); 
}

.aplat.violin hr {
	border-color: var(--green); 
}

.aplat.violin a {
	color: var(--link);
}

.aplat.green {
	background-color : var(--green);
	zcolor: white;
}

.aplat.green h2
, .aplat.green h3
, .aplat.green h4
, .aplat.green h5
, .aplat.green h6 {
	color : var(--text);
}

.aplat.green hr {
	border-color: var(--violin);
}

.aplat.green a {
    zcolor: var(--link) !important;
}

.aplat.green a:hover {
	zcolor: var(--link) !important;
}

.hachures-violin {
	background-image : url('/wp-content/uploads/2018/12/pattern-hachures-violin.svg');
}

.mesh-violin {
	background-image : url('/wp-content/uploads/2018/12/electrolab-mesh-violin.svg');
}

/* ela CTA button */

/* warning : must use !important as residual inline style force this styles => (inline style to be removed!) */

.ela-button {
}
.ela-button.center {
	  text-align: center;
}
.ela-button.center a {
	  text-align: center;
}
.ela-button a {
  display: inline-block;
  font-size: 0.8em !important;
	font-weight: bolder;
  letter-spacing: 1px;
  line-height: 1em;
	text-transform: uppercase;
  margin: 0.7em 0 0.7em 0;
  padding: 0.5em 0.5em;
  border: 1px solid var(--link) !important;
  border-radius: 4px;
	background-color: var(--link) !important;
  opacity: 0.9;
	color: white;
}

.ela-button a:hover {
  background-color: white !important;
  opacity: 1;
	color: var(--link-hover) !important;
	border: 1px solid var(--link-hover) !important;
	transition: all 0.25s;
}

/* ela block sizes */
.width-1000
,.w1000 {
 max-width: 1000px;
}
.width-900
,.w900 {
 max-width: 900px;
}
.width-800
,.w800 {
 max-width: 800px;
}
.width-700
,.w700 {
 max-width: 700px;
}
.width-600
,.w600 {
 max-width: 600px;
}
.width-500
,.w500 {
 max-width: 500px;
}

.align-center {
	/* center block AND text : Use block-center & text-center for individuals */
	margin: auto;
	text-align: center;
}
.block-center {
	margin: auto;
}
.text-center {
	text-align: center;
}

/* draft blocks */
.draft {
	display: none;
}

.logged-in .draft {
	display: inherit;
	border: 3px dotted magenta !important;
	background-color: rgba(255, 0, 131, 0.08);
}


/* lorem */

.ela-lorem {
	display: none;
}

.logged-in .ela-lorem {
	display: inherit;
	border: 3px dotted magenta !important;
	opacity: 0.9;
	background-color: rgba(255, 0, 131, 0.08);
}

/* highlight */
.highlight {
 border-radius:5px;
	padding:2em; 
	zmargin:2em;
	border-color:2px solid red; 
	background-color: crimson;
	color:white;
}
.highlight a {
	color: var(--title);
}

/* intro (use p tag)*/
.content p.intro {
	letter-spacing: 0.006em;
	font-weight: 600;
}

/* inline icons */
.inline-icon {
	max-height: 1em;
}

/* END of editing classes --------------------------------------------------------------------------------------- */

/* class for internal linking ; wc cards  WTF ???*/
.linking {
	padding: 1em;
	margin-top:2em;
	background-image: linear-gradient(60deg,#29323c 0%,#485563 100%);
	background-image: linear-gradient(to bottom, #74D571 0%, #44BA6E 100%);
	background: linear-gradient(135.17deg,#7196af 0,#9b80b7 100%);
	background: linear-gradient(to bottom right, #438ee1, #973999, #e35f61);
	background: linear-gradient(45deg, #5761b4 0%, #c142a0 100%);
	background: radial-gradient(circle at 47% 9%, #30b0f2, #053887) no-repeat center center fixed;
}

/* default img */

img.default-featured-img[src$=".svg"] {
	width: 100%; /* force svg size ??? */
	max-height: 8em;
	margin-top: 20px
}

/* WC Cards style adjust */

.wc-shortcodes-entry-title {
	text-align: center;
}

/* show svg thummbs */
.wc-shortcodes-entry-summary {
	line-height: 1.2em;
}

.wc-shortcodes-entry-thumbnail a img {
    zmax-height: 10em;
    zwidth: auto !important;
	width: 100%;
	height: auto;
}

.wc-shortcodes-post-box {
    background-color: transparent;
}

.wc-shortcodes-entry-thumbnail .default-featured-img {
		width: 100%;
	max-height: 8em;
	margin-top: 0.5em;
		max-height: 8em !important;
	margin-top: 0.5em;
}

/* ..hover styles */
.wc-shortcodes-post-box:hover {
	transition: all 0.25s;
}

.wc-shortcodes-post-box:hover .wc-shortcodes-post-border {
    box-shadow: 6px 6px 24px rgba(150,150,150,.7);
	transition: all 0.25s;
}

.wc-shortcodes-post-box .wc-shortcodes-entry-thumbnail:hover img {
	opacity: 0.8;
	transition: all 0.25s;
}

.wc-shortcodes-post-box .wc-shortcodes-entry-title a:hover {
	color: var(--link-hover);
		transition: all 0.45s;
}

/* force svg to adopt size ? */
.wc-shortcodes-entry-thumbnail img[src$=".svg"] {
	width: 100%;
	max-height: 10em;
	zmargin: 1em;
	padding: 1em;
}

.wc-shortcodes-post-border {
    box-shadow: 6px 6px 24px rgba(150,150,150,.4);
    border: 1px solid transparent;
	margin: 1px; /* for allow shadow */
}

/* GRID force WC Cards constant height */

.wc-shortcodes-posts-layout-grid .wc-shortcodes-entry-thumbnail {
    margin: 0;
    text-align: center;
    max-height: 12em;
	height: 16em;
    overflow: hidden;
	background-color: #99999908;
	zbackground: var(--grad-card)
}

.wc-shortcodes-posts-layout-grid .wc-shortcodes-entry-thumbnail a img {
	min-height: 12em;
	zheight: 12em;

}

/* force resumé to fixed height */
.wc-shortcodes-posts-layout-grid .wc-shortcodes-entry-summary {
	height: 3.7em;
	overflow: hidden;
}
/* force title to fixed height */
.wc-shortcodes-posts-layout-grid .wc-shortcodes-entry-title {
		height: 2em;
	overflow: hidden;
}

/* twitter */
#twitter-2 {
	line-height: 1.1em;
}

.icons-links img {
	max-height: 4em;
	vertical-align: bottom;
	display: block;
}

.icons-links a:hover img {
	filter: invert(75%);
} 

.icons-links ul li {
	display: inline-block;
	width: 130px;
}
.icons-links ul li a {
	text-transform: uppercase;
}

/* menu */
ul.dropdown-menu ul {
	background-color: rgba(255,255,255,.9);
	background-color: var(--violin); 
}

/* hero */
.header-homepage .hero-title {
	zword-break: break-all;
	text-transform: initial;
}

/* hero button */
.header-content .button.color1 {
	font-family: var(--font-text);
    background-color: var(--link);
	border: 1px solid var(--link) !important;
}
.header-content .button.color1:hover {
    background-color: white !important;
    opacity: 1;
    color: var(--link-hover) !important;
    border: 1px solid var(--link-hover) !important;
    transition: all 0.25s;
}

/* cards style */
.cards {}

.cards.icon .wc-shortcodes-post-border {
	border: none;
	box-shadow: none;
	margin: 0 !important;
}

.cards.icon .wc-shortcodes-entry-thumbnail {
	max-height: 3em;
}

.cards.icon .wc-shortcodes-entry-thumbnail img {
	max-height: 3em;
	padding: 0;
}

.cards.icon .wc-shortcodes-post-box {
	margin: 0;
	max-width: 150px;
}

.cards.icon .wc-shortcodes-posts-layout-grid .wc-shortcodes-entry-thumbnail a img {
	min-height: inherit;
}

/* search styles */
.search .post-thumbnail {}

/* WC posts navi links */
.nav-links .page-numbers {
	margin-right: 1em;
}


/* apply color on pending & draft pages */
div.status-pending
, div.status-draft {
	background-color: rgba(255, 0, 131, 0.08);
	border: 3px dotted yellowgreen;
}

/* plg YARPP */
.yarpp-related { 
	zborder-top : 1px solid whitesmoke;
	zmargin-top: 2em;
}
.yarpp-related h3 {
font-size: 1em !important;
    margin-top: 1em !important;
    margin-bottom: 0.5em !important;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail-title {
    /* max-height: 2.8em; */
    overflow: inherit !important;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail {
    height: inherit !important;
}

/* thb for cards - test */
.thb-crop .wc-shortcodes-entry-thumbnail {
	overflow: hidden;
}
.thb-h6 .wc-shortcodes-entry-thumbnail {
	height: 6em;
}
.thb-h10 .wc-shortcodes-entry-thumbnail {
	height: 10em;
}

/* ela medium zoom plugin styles */
.medium-zoom-image--opened {
	z-index:10000;
}

/* hamburger menu style */
.coloured-nav .main_menu_col [data-component=offcanvas] .bubble, .fixto-fixed .main_menu_col [data-component=offcanvas] .bubble {
    background-color: transparent;
}
.main_menu_col [data-component="offcanvas"] .bubble {
	background-color: transparent;align-content;
}
.mdi-view-sequential:before {
    content: "\F728";
    color: var(--green);
}
.main_menu_col [data-component="offcanvas"] i.mdi {
    font-size: 2rem;
}
.main_menu_col a:hover .mdi-view-sequential:before {
    color: var(--violin);
}