/*
Theme Name:		 Doctor Alonso Theme
Description:	 Theme for 'Societat Doctor Alonso' website
Author:			 L'Apòstrof
Author URI:		 https://apostrof.coop
Version:		 1.0.0
Text Domain:	 da
Bitbucket Theme URI: https://lluis-apostrofat@bitbucket.org/apostrof/doctoralonso-theme.git
*/


/*
    Add your custom styles here
*/



/*___ GENERAL  _________*/


#cookie-notice {
	background-color: rgb(108 0 255) !important;
    min-width: 50% !important;
    width: 50% !important;
    left: auto !important;
    right: 0 !important;
    font-family: "Helvetica Neue",Arial,Helvetica,sans-serif !important;
}
.cn-button.bootstrap {
    background: transparent !important;
    border: solid 1px #fff !important;
}

.cn-button.bootstrap:hover {
    color: rgb(108 0 255) !important;
    background: #fff !important;
    border: solid 1px #fff !important;
}
/*___ END GENERAL  _________*/






/*___ HEADER  _________*/

/*___ END HEADER  _________*/






/*___ FOOTER  _________*/

/*___ END FOOTER  _________*/





/*___ HOME  _________*/

body.home section.article__body.entry-content {
    position: absolute;
    height: calc(100vh - 57px);
    width: 100%;
}

img.random-animation__item {
    height: 269px;
    width: auto !important;
    max-width: none;
}


img.random-animation__item {
    height: 269px;
    width: auto !important;
    max-width: none;
}

/*___ END HOME  _________*/






/*___ PECES  _________*/

.tease__title {
    padding: 20px 0 8px !important;
}

/*___ END PECES  _________*/





/*___ SOCIETAT  _________*/

body.page-societat p {
    font-size: 18px;
    line-height: 1.5;
    font-weight: 500;
}

body.page-societat .vc_row a {
    color: #fff !important;
    opacity: .9 !important;
}

body.page-societat .vc_row a:hover {
    color: #fff !important;
    opacity: 1 !important;
}

body.page-societat .lang-switcher {
    background-color: transparent;
}

body.page-societat.page-template-page-contact article.tease--event .tease__title {
    font-size: 26px !important;
}

.events--history article.tease--event .tease__title, .page-template-page-contact article.tease--event .tease__title {
    font-size: 20px !important;
}


.events--history article.tease--event p {
    font-size: 16px;
}


.events--history .tease__title {
    padding: 15px 0 5px !important;
}

.events--history  .events__year {
    padding-bottom: 0px;
}

.events--history article.tease--event {
    margin-bottom: 10px;
}

.popup {
    background-color: rgba(98,31,245,.5) !important;
}



.popup__close:after, .popup__close:before {
    background-color: #000 !important;
}


/*___ END SOCIETAT  _________*/





/*___ TRABAJOS  _________*/




/*___ END TRABAJOS  _________*/





/*___ MEDIA QUERIES  _________*/


@media (max-width: 812px) {

	body.post-type-archive.post-type-archive-piece  .grid-padding-x>.cell {
	    padding-bottom: 100px;
	}

	body.post-type-archive.post-type-archive-piece article.tease:last-child {
	    border-bottom: 0;
	}

	img.random-animation__item {
	    height: 200px;
	    width: auto !important;
	    max-width: none;
	}
	.popup__container {
	    width: 90% !important;
	    padding: 55px 15px 45px !important;
	}

	.popup__close {
	    position: absolute !important;
	    top: 15px !important;
	    right: 15px !important;
	}
	.popup__close:after, .popup__close:before {
	    background-color: #000 !important;
	}
	main#main {
	    padding-bottom: 50px;
	}

	body.page-societat p {
	    max-width: 90%;
	    margin: auto;
	}
	h4.tease__title {
	    font-size: 23px;
	}
	body.project-template-default.single.single-project article.article--project .article__title {
	    font-size: 30px;
	    margin-bottom: 0px;
	}

	article.article--project  .article__body.grid-container.full { 
 	   padding-top: 5px;
	}

}

/*___ END MEDIA QUERIES  _________*/