/*
Theme Name: Pau Casals
Theme URI: http://oscarciutat.com/code/
Author: Oscar Ciutat
Author URI: http://oscarciutat.com/code/
Description: Pau Casals is a child theme of Pixgraphy
Version: 1.0
Text Domain: paucasals
Template: pixgraphy
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html

Tags: threaded-comments, left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, editor-style, sticky-post, theme-options, translation-ready, post-formats, custom-logo, blog, e-commerce, holiday, news, photography, portfolio

All files, unless otherwise stated, are released under the GNU General Public License
version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)
==================================================
*/


/* Fonts */
@font-face {
    font-family: 'CormorantGaramond';
    src: url('assets/webfonts/cormorantgaramond-medium-webfont.woff') format('woff2'),
         url('assets/webfonts/cormorantgaramond-medium-webfont.woff') format('woff'),
         url('assets/webfonts/cormorantgaramond-medium-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CormorantGaramond';
    src: url('assets/webfonts/cormorantgaramond-bold-webfont.woff') format('woff2'),
         url('assets/webfonts/cormorantgaramond-bold-webfont.woff') format('woff'),
         url('assets/webfonts/cormorantgaramond-bold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'CormorantGaramond';
    src: url('assets/webfonts/cormorantgaramond-bolditalic-webfont.woff') format('woff2'),
         url('assets/webfonts/cormorantgaramond-bolditalic-webfont.woff') format('woff'),
         url('assets/webfonts/cormorantgaramond-bolditalic-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'CormorantGaramond';
    src: url('assets/webfonts/cormorantgaramond-mediumitalic-webfont.woff') format('woff2'),
         url('assets/webfonts/cormorantgaramond-mediumitalic-webfont.woff') format('woff'),
         url('assets/webfonts/cormorantgaramond-mediumitalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'OpenSansCondensedLight';
    src: url('assets/webfonts/OpenSans-CondLight-webfont.woff') format('woff'),
         url('assets/webfonts/OpenSans-CondLight-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Oswald';
    src: url('assets/webfonts/oswald-regular-webfont.woff') format('woff2'),
         url('assets/webfonts/oswald-regular-webfont.woff') format('woff'),
         url('assets/webfonts/oswald-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Oswald';
    src: url('assets/webfonts/oswald-regularitalic-webfont.woff') format('woff2'),
         url('assets/webfonts/oswald-regularitalic-webfont.woff') format('woff'),
         url('assets/webfonts/oswald-regularitalic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Oswald';
    src: url('assets/webfonts/oswald-demibold-webfont.woff') format('woff2'),
         url('assets/webfonts/oswald-demibold-webfont.woff') format('woff'),
         url('assets/webfonts/oswald-demibold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Oswald';
    src: url('assets/webfonts/oswald-demi-bolditalic-webfont.woff') format('woff2'),
         url('assets/webfonts/oswald-demi-bolditalic-webfont.woff') format('woff'),
         url('assets/webfonts/oswald-demi-bolditalic-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

/* Other */
html {
    scroll-behavior: smooth;
}

body {
	background: #fff url('assets/images/background.jpg') repeat-y fixed center;
	font-size: 18px;
	font-family: "CormorantGaramond", Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
}

body, button, input, select, textarea {
    color: #222;
}

a {
	color: #993300;
}

ul li a, ol li a {
    color: #993300;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "CormorantGaramond", Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
}

h2 {
	font-size: 24px;
    line-height: 31px;
}

button, input, select, textarea {
	font-family: "CormorantGaramond", Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
    font-size: 100%;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="number"],
input[type="date"],
input[type="search"],
input[type="password"],
textarea {
	padding: 6px;
}

input[type="reset"], 
input[type="button"], 
input[type="submit"] {
    background-color: #993300;
}

input[type="button"]:disabled,
input[type="submit"]:disabled {
	cursor: not-allowed;
	opacity: 0.5;
}

th {
    text-transform: none;
}

td p {
	margin-bottom: 10px;    
}

.site-header {
	position: relative;
	min-height: 232px;
	height: 100%;
}

.home .site-header {
	min-height: 460px;
	height: 100%;
}

.top-header {
	height: 232px;
	background-attachment: inherit;
	background-position: center bottom;
}

.home .top-header {
	height: 460px;
}

.top-header .container {
	position: relative;
	height: inherit;
}

#site-branding {
	position: absolute;
	bottom: 40px;
	left: 20px;
	width: 100%;
	text-align: left;
}

#site-title {
    line-height: 58px;
	font-weight: bold;
}

#sticky_header {
	margin-top: -53px;
	background: rgba(0, 0, 0, 0.6);
	box-shadow: none;
}

.page-header {
    padding-bottom: 20px;
}

.home .page-header,
.home .post-image-content,
.page-template-subpages-template .page-header {
    display: none;
}

.page-template-subpages-template .entry-content {
	display: none;
}

/* Navigation */
.main-navigation {
	padding-right: 0;
}

.main-navigation a {
	font-size: 21px;
	font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
	text-transform: none;
	padding-left: 10px;
	padding-right: 10px;
}

.main-navigation ul li ul li a,
.main-navigation ul li.current-menu-item ul li a,
.main-navigation ul li ul li.current-menu-item a,
.main-navigation ul li.current_page_ancestor ul li a,
.main-navigation ul li.current-menu-ancestor ul li a,
.main-navigation ul li.current_page_item ul li a {
    text-transform: none;
}

.main-navigation a:hover,
.main-navigation ul li.current-menu-item a,
.main-navigation ul li.current_page_ancestor a,
.main-navigation ul li.current-menu-ancestor a,
.main-navigation ul li.current_page_item a,
.main-navigation ul li:hover > a,
.main-navigation li.current-menu-ancestor.menu-item-has-children > a::after,
.main-navigation li.current-menu-item.menu-item-has-children > a::after,
.main-navigation ul li:hover > a::after,
.main-navigation li.menu-item-has-children > a:hover::after,
.main-navigation li.page_item_has_children > a:hover::after {
    color: #ff9966;
}

.main-navigation ul li ul li a,
.main-navigation ul li.current-menu-item ul li a,
.main-navigation ul li ul li.current-menu-item a,
.main-navigation ul li.current_page_ancestor ul li a,
.main-navigation ul li.current-menu-ancestor ul li a,
.main-navigation ul li.current_page_item ul li a {
    font-size: 16px;
}

.main-navigation ul li ul li a:hover,
.main-navigation ul li ul li:hover > a,
.main-navigation ul li.current-menu-item ul li a:hover {
    color: #ff9966;
}

.home .entry-content {
    margin-bottom: 30px;
}
	
#main ul,
#main ol {
	list-style-position: outside;
}

#main ul ul {
	list-style-type: circle;
}

.page #primary {
    float: left;
    width: 100%;
	text-align: justify;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.page #secondary {
	display: none;
	overflow: hidden;
}

.home #primary,
.archive #primary {
    /*width: 66%;*/ /* with calendar sidebar */
    width: 100%;
}

.single #primary {
	width: 60%;
}

.home #secondary,
.archive #secondary {
	display: block;
	width: 34%;
	padding-left: 10px;
}

.single #secondary {
	width: 40%;
}

#secondary .widget {
    border: none;
	margin-bottom: 20px;
    padding: 0;
}

#secondary .widget-title {
	position: relative;
	left: 0;
	top: 0;
	padding: 0;
    background: transparent;
	text-align: left;
	transform: translateY(0);
}

.page .entry-header {
    display: none;
}

.entry-content td {
    width: 25%;
    text-align: left;
}

.entry-footer {
    border-top: none;
    padding: 0;
	font-size: 0.8em;
	text-transform: lowercase;
}

.post-image-content {
	display: none;
}

.page-title {
    color: #993300;
}

.post-featured-image {
	display: none;
}

.page .list .list-entry {
	padding-bottom: 30px;
}

.page .list #page-773,
.page .list #page-624,
.page .list #page-625,
.page .list #page-684,
.page .list #page-793 {
    display: none;
}

.page-header .breadcrumbs,
.page .list .list-entry .breadcrumbs {
	padding-bottom: 20px;
	font-family: OpenSansCondensedLight, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.page-header .breadcrumbs a,
.page .list .list-entry .breadcrumbs a {
	color: #222;
}

.page .list .list-entry .entry-content {
    display: block;
}

.page .list .list-entry ul,
.page .list .list-entry ol {
    margin: 0 0 20px 30px;
}

.page .list td ul:last-child {
	margin-bottom: 0;    
}

#content, .search #content {
    padding: 0;
}

.boxed-layout-small #page {
	overflow: visible;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 1);
    max-width: 875px;
}

.boxed-layout-small #content .container {
    max-width: none;
	padding-top: 30px;
	padding-left: 40px;
	padding-right: 40px;
}

.home.boxed-layout-small #content .container {
	padding-left: 10px;
	padding-right: 10px;
}

.boxed-layout #colophon,
.boxed-layout-small #colophon {
	margin-top: 50px;
    margin-bottom: 0;
}

.single-event #content {
	background: url("assets/images/background-home.jpg") center top / cover no-repeat fixed;
}

.page-id-4 #content {
	background: url("assets/images/background-partitures.png") left top repeat-y,
				url("assets/images/background-paucasals.jpg") center top / cover no-repeat fixed;
}

/*

.home #content {
	background: url("assets/images/background-home.jpg") center top / cover no-repeat fixed;
}

.page-id-5 #content {
	background: url("assets/images/background-activitats.jpg") center top / cover no-repeat fixed;
}

.page-id-8 #content {
	background: url("assets/images/background-associarse.jpg") center top / cover no-repeat fixed;
}

.page-id-9 #content {
	background: url("assets/images/background-quisom.jpg") center top / cover no-repeat fixed;
}*/

/* Footer */
.error-404 .page-header {
    background-color: transparent;
    padding-left: 0;
}

.error-404 .page-content {
    display: none;
}

.error-404 #secondary {
    display: none;
}

.site-info {
	position: relative;
	height: 160px;
    padding: 0;
	background-color: transparent;
	background-position: right center;
}

.site-info .copyright {
    padding-top: 95px;
	color: #fff;
	font-size: 13px;
	line-height: 14px;
	letter-spacing: 1px;
}

.site-info .copyright a,
.site-info .copyright a:hover {
    color: #fff;
}

.go-to-top {
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
	transform: none;
}

.go-to-top a {
	width: 56px;
	height: 56px;
    border: none;
    transform: none;
}

.go-to-top a:hover,
.go-to-top a:focus {
    background-color: transparent;
}

.go-to-top .icon {
	display: block;
	width: 31px;
	height: 56px;
	background: url("assets/images/gototop.png") no-repeat 0 0;	
}

.go-to-top .icon:hover {
	background-position: -31px 0;	
}

/* Front page widgets */
#front-page-widget-area {
    margin: 0 7px;
}

#front-page-widget-area .widget {
    display: inline-block;
    width: 32%;
    max-width: 270px;
    margin-bottom: 15px;
    margin-right: 2%;
    text-align: center;
    box-shadow: -3px 3px 5px 0 rgba(0, 0, 0, 0.75);
    vertical-align: top;
}

#front-page-widget-area .widget:nth-child(3n) {
	margin-right: 0;
}

#front-page-widget-area .widget .wp-block-image {
    margin-bottom: 0;
}

/* Events organiser */
.post-type-archive-event .page-header {
	display: none;
}

#main ul.eo-events {
	margin: 0;
	list-style-type: none;
}

#main ul.eo-events > li {
	margin-bottom: 3em;
}

.eo-tc-event .eo-event-content {
    margin-left: 0 !important;
}

.eventorganiser-event-meta {
    display: none;
}

.widget_calendar table {
	box-shadow: -3px 3px 5px 0px rgba(0, 0, 0, 0.75);
}
	
.widget_calendar table,
.widget_calendar th,
.widget_calendar td {
    border-color: 1px solid rgba(215, 104, 71, 0.1);
}

.widget_calendar th,
.widget_calendar td {
	padding: 3px 8px;
}

.widget_calendar #wp-calendar {
    width: 100%;
	font-family: Oswald, "Helvetica Neue", Helvetica, Arial, sans-serif;
	table-layout: fixed;
}

.widget_calendar #wp-calendar caption {
	font-size: 14px;
	padding-bottom: 0;
	text-align: left;
	text-transform: capitalize;
}

.widget_calendar #wp-calendar th {
    padding: 0;
	color: #fff;
    background-color: #d76847;
}

.widget_calendar #wp-calendar td {
	color: #d76847;
    background-color: #f2efee;
}

.widget_calendar #wp-calendar td.event {
	padding: 0;
}

#secondary .widget_calendar #wp-calendar tbody td {
	font-size: 16x !important;
}

.widget_calendar #wp-calendar tbody td.pad {
	background-color: #e7d8d8;
}

.widget_calendar #wp-calendar tfoot td {
    padding: 0;
}

.widget_calendar .event a {
    display: inline-block;
	color: #000;
	font-size: 24px;
	line-height: 0;
	vertical-align: -6px;
}

.table-responsive {
	overflow-x: auto;
}

/* Contact Form 7 */
.wpcf7 {
	margin: 30px 0 !important;
}

.wpcf7 p {
    margin-bottom: 30px;
}

.wpcf7 ul,
.wpcf7 ol{
	margin: 0 !important;
}

.wpcf7-select {
	width: 100%;
	padding: 5px;
}

.wpcf7-radio .wpcf7-list-item {
    margin-bottom: 30px;
}

.wpcf7 .singleline li,
.wpcf7 .singleline label,
.wpcf7 .singleline .wpcf7-form-control-wrap {
	display: inline-block;
}

.wpcf7 .singleline li {
	margin-right: 1em;
}

.wpcf7 .singleline label {
	margin-right: 0.5em;
}

.wpcf7 input[type="checkbox"] {
    margin: 0;
}

.wpcf7-not-valid-tip {
	display: none !important;
}

.wpcf7-not-valid {
	border-color: #b00 !important;
}

div.wpcf7-response-output {
	border-radius: 5px;
	margin: 0;
    padding: 0.5em 1em;
}

/* Responsive */
@media only screen and (max-width: 480px) {
	
	body {
		background: #fff url("assets/images/background-480.jpg") repeat-y fixed center center;	
	}

    .container,
    .boxed-layout #page,
    .boxed-layout-small #page {
		width: 100%;
	}

	#front-page-widget-area {
		text-align: center;
	}

    #front-page-widget-area .widget {
        width: 100%;
		margin-right: 0;
    }
    
	.page #primary {
		text-align: left;
	}
	
	.wpcf7 .singleline li,
	.wpcf7 .singleline label {
		display: block;
	}
	
}

@media only screen and (max-width: 767px) {

	body {
		background: #fff url("assets/images/background-767.jpg") repeat-y fixed center center;	
	}

    .container,
    .boxed-layout #page,
    .boxed-layout-small #page {
		width: 100%;
	}

	.boxed-layout-small #content .container {
		padding-left: 20px;
		padding-right: 20px;
	}

    .main-navigation a, .main-navigation li.menu-item-has-children > a::after, .main-navigation li.page_item_has_children > a::after, .main-navigation ul li ul li a, .main-navigation ul li.current-menu-item ul li a, .main-navigation ul li ul li.current-menu-item a, .main-navigation ul li.current_page_ancestor ul li a, .main-navigation ul li.current-menu-ancestor ul li a, .main-navigation ul li.current_page_item ul li a, .main-navigation li li.menu-item-has-children > a::after, .main-navigation li li.page_item_has_children > a::after {
        color: #fff;
    }

	#content {
		padding-top: 0 !important;
	}

	.boxed-layout #colophon, .boxed-layout-small #colophon {
		margin-bottom: 0 !important;
	}	

	/* Force table to not be like tables anymore */
    .page-template-activities-template table,
    .page-template-activities-template thead,
    .page-template-activities-template tbody,
    .page-template-activities-template th,
    .page-template-activities-template td,
    .page-template-activities-template tr { 
        display: block;
        width: 100%;
        height: 100%;
	}
    
	/* Hide table headers (but not display: none;, for accessibility) */
	.page-template-activities-template thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

    .page-template-activities-template tr:first-child {
        display: none;
    }

	.page-template-activities-template tr {
        border: 1px solid #ccc;
    }
	
	.page-template-activities-template td { 
		/* Behave like a "row" */
		border: none;
		border-bottom: 1px dashed #ccc; 
		position: relative;
		padding-left: 100px;
	}
	
	.page-template-activities-template td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 80px;
		padding-right: 10px; 
        font-weight: bold;
        white-space: nowrap;
	}
	
	.page-template-activities-template td:before {
        content: attr(data-th)": ";
    }

}

@media only screen and (max-width: 1023px) {
	
	body {
		background: #fff url("assets/images/background-1023.jpg") repeat-y fixed center center;	
	}
	
	#sticky_header {
		margin-top: -49px !important;
	}
	
	.main-navigation a {
		font-size: 18px;
	}

	.home #primary {
		width: 100%;
	}

	.single #primary {
		width: 100%;
	}

	.home #secondary {
		width: 100%;
		text-align: center;
		padding: 0;
	}

	.single #secondary {
		width: 100%;
	}

	.boxed-layout-small #content .container {
		width: auto;
	}

}

@media only screen and (max-width: 1300px) {
	
	.boxed-layout #page, .boxed-layout-small #page {
		max-width: 875px !important;
	}
	
	.boxed-layout-small #content .container {
		max-width: none !important;
	}
	
}