/*
Theme Name: Xedh
Theme URI:  
Author: Carlos Valverde
Author URI: https://studio.carlos-valverde.com/
Description:  
Version: 1.0.1 - Dist
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Xedh, Miguel A. García, Contemporary Music
Text Domain: Xedh
*/

/*************
 * NORMALIZE *
 *************/

@import url("https://necolas.github.io/normalize.css/latest/normalize.css");


/*********
 * FONTS *
 *********/
 
@import url('https://fonts.googleapis.com/css?family=Montserrat:100');
@font-face{
	font-family: fg-r;
	src: url(fonts/fg-r.otf);
}
@font-face{
	font-family: hn;
	src: url(fonts/hn.otf);
}
@font-face{
	font-family: hn-x;
	src: url(fonts/hn-x.otf);
}
@font-face{
	font-family: hn-xi;
	src: url(fonts/hn-xi.otf);
}


/***********
 * GENERAL *
 ***********/
 
::-moz-selection { 
  color: darkgray;
  background: black;
}

::selection {
  color: darkgray;
  background: black;
}

.wp-block-image{
	mix-blend-mode: luminosity;
}

body{ 
	font-family: fg-r;
	font-size: 9pt;
	line-height: normal;
	word-spacing: normal;
	/*! background-color: black; */
	padding: 0;
	min-width: 270px;
	margin: 0;
	overflow-y: hidden;
}

p{
	margin: 0;
	padding: 0;
}

strong{
	font-family: hn-x;
}

ul {
    margin-block-end: 0;
	padding-inline-start: 0;
    list-style: none;
    margin: 0;
    padding: 0;
}

h1{
	font-weight:bold;
	letter-spacing: -1.5px;	
	padding: 0px;
	font-size: 25px;
	color: crimson;
	}
h2{
	font-weight:normal; 
	padding: 0;
	margin: 0;
	}
h3{ 

	float: left;
	font-family: Times;
	color: crimson;
	/*! font-weight: bold; */
	font-size: 9pt;
	/*line-height: 20px;*/
	/*word-spacing: normal;*/
	}

/*********
 * LINKS *
 *********/

/*a:link, a:visited, a:active{
		color: black;
	  	text-decoration:none; 
}
a:hover, a:active{
	webkit-text-fill-color: white;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: black;
	color: white;
	text-decoration: none
}*/

#navmenu a,
#footer a,
#feed a,
#feed-trigger a,
#content p a{
   text-decoration: none;
   background-image: linear-gradient(currentColor, currentColor);
   background-position: 0% 100%;
   background-repeat: no-repeat;
   background-size: 0% 2px;
   transition: background-size .3s;
}

a:visited, a:active {
	color: black;
}

#navmenu a:link,
#footer a:link,
#feed a:link,
#feed-trigger a:link,
#content p a:link {
  color: black;
}/*
a:hover{
  border-bottom: solid 1px red;
  /*color: red;*/

#navmenu a:hover, #navmenu a:focus,
#footer a:hover, #footer a:focus,
#feed a:hover, #feed a:focus,
#feed-trigger a:hover, #feed-trigger a:focus,
#content p a:hover, #content p a:focus {
   background-size: 100% 2px;
	 /*transform: translateX(0.25px);*/
}

/*a {
	 transition: 0.3s;
}*/
	
/********
 * LOGO *
 ********/

.logo{
	/*display: inline-block;
	vertical-align: top;
	max-width: 100px;
	max-height: 100px;
	position: fixed;
	left: 30px;
	margin: 15px 0 0 15px;
	width: 100%;*/
	-webkit-transition: -webkit-transform .8s ease-in-out;
			transition:         transform .8s ease-in-out;
}

.logo:hover{
	-webkit-transform: rotate(360deg) /*scale(1.05,1.05)*/;
            transform: rotate(360deg) /*scale(1.05,1.05)*/;
}

/************
* SCROLLBAR *
*************/
.mCustomScrollbar{
	height: 82vh !important;
}

/*.mCustomScrollbar _mCS_1{
	height: 90vh !important;
}

.mCustomScrollbar _mCS_2{
	height: 82vh !important;
}*/


/***********
 * ROW     *
 * NAVMENU *	
 * FOOTER  *
 * F.TRIG. *
 ***********/

.row {
	position: fixed;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	width: 100%;
	border-bottom: solid 2px black;
}
 
.main-navigation a {
  padding: 0;
	margin: 0;
}

#navmenu{
	right: 0;
	/*! top: -40px; */
	font-size: 20px;
	font-family: helvetica;
	color: black;
	z-index:9999;
	display: flex;
	/*! padding: 0 0 0 200px; */
	/*border-bottom: solid 2px black;*/
	background-color: white;
	/*width: 100%;*/
	justify-content: center;
	/*! font-weight: bolder; */
	/*! text-decoration: black; */
	/*! font-style: italic; */
	/*! letter-spacing: -1px; */
	/*! text-transform: capitalize; */
  }
/*.navmenu a:link,
.navmenu a:active,
.navmenu a:visited{
	  color:black;
	  text-decoration:none; 
}
.navmenu a:hover{
	  -webkit-text-fill-color: white;
	  -webkit-text-stroke-width: 2px;
	  -webkit-text-stroke-color: black;
	  color:white;
	  text-decoration: none; 
}*/

#footer {
	position: fixed;
	display: inline-flex;
	flex-direction: row;
	/*! flex-wrap: nowrap; */
	justify-content: flex-end;
	align-items: start;
	/*width: 100%;*/
	margin: 0;
	top: 57px;
	background-color: white;
	/*! left: 0; */
	font-size: 15px;
	font-family: helvetica;
	/*transform: rotate(270deg);
	/*! background-color: black; */
	/*! line-height: 0px; */
	/*! padding-left: 15px; */
	z-index: 9997;
		
	/*border-bottom: solid 2px black;*/
	/*! font-weight: 700; */
	/*! text-transform: capitalize; */
	/*! letter-spacing: -1px; */
	/*! box-shadow: 0 -10px 35px black; */
	position: relative;
}  
/*.footer a:link, 
.footer a:active, 
.footer a:visited{
	  /*! color:white;
	  text-decoration:none; 
}
.footer a:hover{
	  /*font-family: hn-xi;
	  color:black;
	  -webkit-text-fill-color: black;
	  -webkit-text-stroke-width: 1px;
	  -webkit-text-stroke-color: white;
	  text-decoration: none;
}*/

#navmenu ul {
	margin: 0;
	padding: 0; 
	
	list-style-type: none; 
	list-style-image: none;

}

#navmenu li{
	display: inline-flex; 
	padding: 10px 20px;
	border-right: solid 2px black;
	/*! line-height: 200%; */
	/*! min-height: 200px; */
	/*! height: 10vh; */
	/*! flex-direction: row; */
	/*! flex-wrap: unset; */
	align-items: center;
	/*! border-bottom: solid black; */
}

#navmenu li:nth-last-child(1) {
  border-right: none;
}
#footer li{
	display: inline-flex; 
	padding: 10px 20px;
	border-left: solid 2px black;
	align-items: center;
	margin-left: 0;
	
}


#menu-item-91, #menu-item-92, #menu-item-95{
	padding: 0;
}

.menu-image-title-before.menu-image-not-hovered img,
.menu-image-hovered.menu-image-title-before .menu-image-hover-wrapper, .menu-image-title-after.menu-image-title {
    padding-left: 0 !important;
}

#feed-trigger{
	display: none;
}

/***********	
 * WRAPPER *
 * CONTENT *
 ***********/
 
#wrapper { 
	/*width:100%; 
	*/ /*! margin:-70px auto; */
	/*! min-width: 300px; */
	/*! display: flex; */
    /*! align-items: stretch; */
	/*flex-wrap: wrap;*/
	/*! top: -100vh !important; */
	}

#wrapper > div {
        /*! flex: 2 1 auto; */
    }	
	

#content { 
	top: -20px;
	margin: 0vh 0 0 0;
  width: 68.5%;;
	font-family: times;
	font-size: 22px;
	color: black;
	line-height: 28px;
	text-align: right;
	padding-top: 10.5vh;
	background-color: white;
	height: 90vh !important;
	box-shadow: inset 0px 100px 50px -40px black;
	/*max-height: 510px !important;*/
	/*! left: 0; */
	/*! position: absolute !important; */
}

#content p{
	padding: 20px 60px;
}

#content p:first-child{
	padding: 20px 60px;
}

/********
 * FEED *
 ********/
 
#feed{
	background-color: white;
	color: black;
	width: 31.5%;
	text-align: left;
    /*! padding-top: 20px; */
  font-size: 14px;
	/*! line-height: 30px; */
	/*! letter-spacing: -2px; */
	border-top: solid 2px black;
	border-left: solid 2px black;
	/*! font-family: fg-r !important; */
	top: 102px;
	right: 0;
	/*! z-index: 9998; */
	display: block;
	/*! margin-top: -60px; */
	padding-bottom: 20px;
	position: fixed; 
}
#feed p{
	/*! padding-top: 5px; */
}
@media
  only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (   -moz-min-device-pixel-ratio: 2),
  only screen and (     -o-min-device-pixel-ratio: 2/1),
  only screen and (        min-device-pixel-ratio: 2),
  only screen and (                min-resolution: 192dpi),
	only screen and (                min-resolution: 2dppx){
			#feed{
				top: 103px;
		}
	}

/*#cff{
	font-family: fg-r; 
}*/	

#feed .mCustomScrollbar{
	height: 87% !important;
	overflow: visible;
}

.cff-date{
	display: none !important;
}

.cff-timeline-event-title{
	padding-bottom: 20px;
}

.textwidget{
	max-width: 28.3vw;
}
.cff-item{
  padding: 20px !important;
  /*! max-width: 100%; */
  /*! width: 100px; */
}
.cff-wrapper {
    /*! border: solid 2px black; */
    /*! padding: 0; */
    /*! margin: 0; */
    /*! width: 100%; */
    max-width: 1000px;
}

.cff-photo,
.cff-link-slider-item,
.cff-event-thumb,
.cff-link{
  background-color: white ;
}

.cff-photo img,
.cff-link-slider-item img,
.cff-event-thumb,
.cff-link{
  mix-blend-mode: luminosity;
}

.cff-load-more{
	margin: 0 !important;
	width: 115% !important;
	/*height: 120% !important;*/
	padding: 40px !important;
	font-family: arial;
	background-color: rgba(0,0,0,0) !important;
	border-radius: 0 !important;
}

.cff-load-more:hover{
	background-color: rgba(0,0,0,1) !important;
  color: white !important;
}


/**********
 * BUTTON *
 * RESP.  *
 * MENU   *
 **********/

.button {
	width: 100%;
	background-color: red;
	border-bottom: solid 2px black;
	
	/*! position: fixed; */
	/*! margin: 25px 0 0 0; */
	/*! height: 100%; */
	/*! left: -10px; */
	display: flex;
	/*! height: 100%; */
	top: 60px;
	justify-content: center;
}

.button:nth-last-child(1){
	border-bottom: none;
}

.button > div{
	flex: 1;
}

#responsive-menu-button{
	display: none !important;
}


/**************
 * MEDIA TAGS *
 **************/

@media only screen and (min-width: 1921px) {
	#feed{
	 top: 9.3vh !important;
  }
}
@media only screen and (max-width: 862px) {
	#navmenu {
		font-size: 15px;
	}
	#footer {
		font-size: 12px;
		top: 49px;
	}
	#content {
		top: 45px;
		padding: 46px 0;
		width: 67.25%;
		box-shadow: inset 0px 25px 50px -40px black;	
	}
	#feed {
		margin-top: -14px !important;
		width: 32.75%;
		z-index: 1;
	}
}

@media only screen and (max-width: 676px) {
	#navmenu {
    /*border-top: solid 2px black;*/
		font-size: 12px;*/
		/*box-shadow: 0 0 20px black;*/
	}
	#footer {
		/*z-index: 9999;
		width: 50%;
		right: 0;*/
		font-size: 10px;
		top: 43px;
		/*box-shadow: none;*/
	}
	#wrapper{
		/*margin: -10px;*/
		/*flex-wrap: wrap;
		flex-direction: row;*/
		
	}
	#content{
		/*padding-top: 280px;*/
		top: 40px;
		padding: 26px 0;
	}
	#feed {
		/*position: relative;*/
		z-index: 1;
		margin-top: -25px !important;
	}
	@media
  only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (   -moz-min-device-pixel-ratio: 2),
  only screen and (     -o-min-device-pixel-ratio: 2/1),
  only screen and (        min-device-pixel-ratio: 2),
  only screen and (                min-resolution: 192dpi),
	only screen and (                min-resolution: 2dppx){
			#feed{
				margin-top: -22px;
		}
	}
	#cff {
		margin-bottom: 80px;
	}
	.cff-text {
		padding: 20px;
	}
	/*.textwidget{
	max-width: 35vw;
	}*/
}

@media only screen and (max-width: 566px) {
	#navmenu {
		font-size: 10px;
	}
	/*.navmenu li {
		border-bottom: solid 2px black;
	}*/
	#footer {
		top: 40px;
		font-size: 9px;
	}
	#footer li{
		margin-left: -6px;
	}
	#feed {
		margin-top: -28px !important;
		/*max-height: 1000px !important;*/
	}
}

@media only screen and (max-width: 492px) {
  #responsive-menu-button{
	  display: block !important;
		top: 0px !important;
		right: 0px !important;
		position: fixed !important;
		height: 50px !important;
		
}
	#menu-item-318, #menu-item-317, #menu-item-316 { 
		padding-top: 8.5px;/*Home*/
	}
	#navmenu{
		display: flex;
		width: 100%;
		height: auto;
		justify-content: stretch;
    flex-wrap: wrap;
		flex-direction: column;
		font-size: 12px;
		padding-right: 40px;
	}
	#navmenu ul{
		height: 50px !important;
	}
	
	#navmenu li:first-child{
		border-right: none;
		width: 100%;
		height: 30px;
		text-align: left;
		padding-left: 50px;
		/*margin-right: 20px !important;*/
	}
	#navmenu li {
		display: inline-block;
		border-bottom: solid 2px black; */
		width: 100%;
		text-align: center;
		margin: 10px auto;
		padding: 5px 0;
		min-width: 30%;
		/*align-content: space-between !important;*/ 
	}
	#navmenu li:nth-last-child(2){
		display: none;
		border-bottom: solid 2px black !important;
	}
	#navmenu li:nth-last-child(1){
		display: none;
		border-bottom: solid 2px black !important;
	}
	#menu-item-39,
	#menu-item-37,
	#menu-item-51,
	#menu-item-52,
	#menu-item-42,
	#menu-item-41,
	#menu-item-50,
	#menu-item-40,
	#menu-item-26 {           
		border-bottom: none !important;*/
	}	/*Bio*/
  .row {
		border-bottom: none;
	}
	
	#footer{
		/*right: -20vw;
		bottom: 20vw;
		font-size: 3.5vw;*/
		width: 52px;
		position: fixed;
		right: 2px;
    justify-content: center;
    border: none !important;
		height: auto;
		top: 64px;
		background: none;
		
		/*border-top: solid 2px black;
		border-bottom: solid 2px black;*/
		box-shadow: none;
		/*border-bottom: none;*/
		/*z-index: 99999;*/
	}
	#footer li {
		display: block;
		padding: 20px;
		transform: rotate(270deg);
		border: none;
		margin: 0;
	}
	#footer li:nth-last-child(3) {
		margin-bottom: -10px;
	}
	
	#feed-trigger{
	  	display: block;
	  	position: fixed;
	  	bottom: 30px;
	  	right: 10px;
	  	z-index:9999999;
	  	transform: rotateZ(270deg);
	  	animation-name: pulso;
	  	animation-duration: 3s;
		animation-iteration-count: infinite;	
	  /*! font-size: 15px; */
  	}
	@keyframes pulso {
		from { font-size: 3vw; }
		50% { font-size: 6vw; }
		to { font-size: 3vw; }
	}  
	
	#wrapper{
		flex-wrap: wrap;
		/*margin: -4vw;
		min-width: 200px;*/
		overflow-x: hidden;
	}
	#content{
		width: 100%;
		text-align: center;
		max-height: 100vh !important;
		top: 20px;
		box-shadow: none;
		/*font-size: 7vw;
		line-height: 7vw;
		padding: 75vw 12vw 0 4.9vw;*/
		
	}
	#feed{
		/*font-size: 6.5vw;
		line-height: 7vw;
		padding: 0 4.9vw 0 4.9vw;
		position: fixed;*/
		/*border-left: none;*/
		/*border-top: solid 2px black;*/
		/*margin-top: -145px;*/
		/*display: none;*/
		text-align: center;
		border-top: none;
		/*margin-top: auto;*/
		padding: 50px 0;
		top: 20px;
		/*bottom: 0 !important;*/
		width: 100%;
		transform: translateY(1000px);
		max-height: 100vh !important;
		z-index:999999;
		
		-webkit-transition: transform 1s ease-in;
       -moz-transition: transform 1s ease-in;
        -ms-transition: transform 1s ease-in;
         -o-transition: transform 1s ease-in;
            transition: transform 1s ease-in;
	}
	.textwidget{
	 max-width: 88vw;
  }
}

/******
 * HR *	
 ******/
 
hr {
	/*! display: none; */
	border-bottom: solid 2px black;	
}

hr:nth-last-child(1){
	display: none;
}

/*********
* SCROLL *
**********/

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	width: 10px !important;
}