/*
 Theme Name:     Calafate Child
 Theme URI:      http://heythemers.com/themes/calafate/
 Description:    A basic child theme for the Calafate theme.
 Author:         Hey Themers
 Author URI:     http://heythemers.com
 Template:       calafate
 Version:        1.0
*/

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

@font-face {
    font-family: 'Aileron';
    src: url('fonts/Aileron/Aileron-Regular.eot');
    src: url('fonts/Aileron/Aileron-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Aileron/Aileron-Regular.woff2') format('woff2'),
        url('fonts/Aileron/Aileron-Regular.woff') format('woff'),
        url('fonts/Aileron/Aileron-Regular.ttf') format('truetype'),
        url('fonts/Aileron/Aileron-Regular.svg#Aileron-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aileron_Bold';
    src: url('fonts/Aileron_Bold/Aileron-Bold.eot');
    src: url('fonts/Aileron_Bold/Aileron-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Aileron_Bold/Aileron-Bold.woff2') format('woff2'),
        url('fonts/Aileron_Bold/Aileron-Bold.woff') format('woff'),
        url('fonts/Aileron_Bold/Aileron-Bold.ttf') format('truetype'),
        url('fonts/Aileron_Bold/Aileron-Bold.svg#Aileron-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aileron_Semibold';
    src: url('fonts/Aileron_Semibold/Aileron-SemiBold.eot');
    src: url('fonts/Aileron_Semibold/Aileron-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Aileron_Semibold/Aileron-SemiBold.woff2') format('woff2'),
        url('fonts/Aileron_Semibold/Aileron-SemiBold.woff') format('woff'),
        url('fonts/Aileron_Semibold/Aileron-SemiBold.ttf') format('truetype'),
        url('fonts/Aileron_Semibold/Aileron-SemiBold.svg#Aileron-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/*Canvi de fonts*/
html,h1, h2, h3, #respond .form-submit #submit, h4, h5, h6,blockquote,pre, code, tt,var,.mejs-container,.mejs-container *,
.single-portfolio .entry-breadcrumb,.wp-playlist-item-length,div.quantity input[type="button"],#preloader span,
#site-logo.image-logo-disabled span,#site-overlay #searchform #s{
   font-family:Aileron, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

body{
  font: 1.0625rem Aileron, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.mejs-container .mejs-controls .mejs-time span {
  font: 11px Aileron_Semibold, sans-serif !important;
}

#site-navigation {
  font: 1.125rem Aileron_Semibold, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

#site-logo.image-logo-disabled span {
  font: 2.0625rem Aileron_Semibold, Helvetica, sans-serif !important;
}

.page-id-7488 .entry-caption.Minimal .entry-title{
    right: -312px !important;
    top: -24px !important;
    position: absolute !important;
    min-width: 350px;
}

.titolppal{
	text-align: center;
	font-size: 84px;
	line-height: 84px;
}

.page-id-7488 #main,.page-id-7643 #main,.page-id-7645 #main{
	display: flex !important;
	justify-content: center !important;
}

.page-id-7488 .grid.kcm,.page-id-7643 .grid.kcm,.page-id-7645 .grid.kcm{
	margin:0 auto !important;
}

.page-id-7488 .kcm .grid__item,.page-id-7643 .kcm .grid__item,.page-id-7645 .kcm .grid__item{
	margin-bottom: 0px !important;
	margin-left: 0px !important;
}

.page-id-7488 .entry-content.page-content,.page-id-7643 .entry-content.page-content,.page-id-7645 .entry-content.page-content{
	position: fixed !important;
	margin-left:0px !important;
	top: calc(50%);
    left: 50%;
    transform: translate(-50% , calc(-50%));
	
}

.textdespresimatge{
	margin-top:90px;
	margin-left:200px;
	width:200px;
}

.textdespresimatgemod{
	color:black;
	font-size:30px;
	line-height: 40px;
    font-family: 'Aileron_Semibold';
}

.page-id-7488 .portfolio-grid.index-0 .entry-portfolio,.page-id-7643 .portfolio-grid.index-0 .entry-portfolio,.page-id-7645 .portfolio-grid.index-0 .entry-portfolio{
	top:0px !important;
	position:relative !important;
	float: none !important;
}

/*Main Grid*/
.page-id-7488 .portfolio-grid.index-0,.page-id-7643 .portfolio-grid.index-0,.page-id-7645 .portfolio-grid.index-0 {
    margin-top: -60px !important;
}

/*Footer*/
.page-id-7488  #site-footer,.page-id-7643 #site-footer,.page-id-7645 #site-footer{
	padding:0px !important;
	opacity: 1 !important;
	visibility: visible !important;
	position: fixed;
    bottom: 0px !important;
}
.page-id-7488  #site-footer .widget,.page-id-7643  #site-footer .widget,.page-id-7645  #site-footer .widget{
	width:100% !important;
}

footer{
	max-width: 100% !important;
}

footer>div{
	margin:0 auto !important;
}

@media screen and (max-width:1024px){
#site-overlay{
    background-color:#E6997F !important;
}

#responsive-menu{
position: fixed !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
}

.overlay-menu > li{
    display:block !important;
    margin-bottom: 10px !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    float: none !important;
    text-align:center !important;
}

.overlay-menu > li > a {
    font-size: 2.875rem !important;
    line-height:1.3 !important;
    font-family:Aileron, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.overlay-menu > li:not(:last-child):after{
    display: none !important;
}

.overlay-menu > li a:hover{
    color:white !important;
}
}


@media screen and (max-width:767px){
#site{
padding-top:135px !important;
}

.textdespresimatge{
margin-top:0px !important;
}

.grid.kcm{
width:100% !important;
}

.grid.kcm>div{
width:100% !important;
padding-left:0px !important;
}

h1.titolppal{
font-size: 40px;
line-height: 40px;
}

article.home:nth-child(even),article.object:nth-child(even),article.project:nth-child(even){
	margin-top:0px !important;
	margin-bottom:20px !important;
	margin-left: 0px !important;
    width:100% !important;
    max-width: none !important;
}

article.home:nth-child(odd),article.object:nth-child(odd),article.project:nth-child(odd){
    margin-left:0px !important;
    margin-bottom:20px !important;
    width:100% !important;
    max-width: none !important;
}

#content {
margin-left:0px !important;
}

.page-id-7488 .site-main.grid,.page-id-7643 .site-main.grid,.page-id-7645 .site-main.grid{
    margin-left:0px !important;
}

.page-id-7488 .portfolio-grid.index-0,.page-id-7643 .portfolio-grid.index-0,.page-id-7645 .portfolio-grid.index-0{
margin-left:0px !important;
}

.page-id-7488 .grid__item,.page-id-7643 .grid__item,.page-id-7645 .grid__item {
padding-left:0px !important;
}

article.home img,article.object img,article.project img{
transform: none !important;
}

.textdespresimatge{
margin-left:0px !important;
}

.entry-caption.Minimal .entry-title{
display: none !important;
}
}