/*
Theme Name: Prince Claus Chair
Theme URI:
Author: ICT&Media
Author URI: http://www.uu.nl/ictenmedia
Description: copy this folder to create a new child theme
template: UU2014
Version: 1.0-wpcom
Text Domain: uu2014
Domain Path: /languages/

*/


/*  kleuren uit het ontwerp:  blue: #25346d  orange: #d11c00    princeclauseheader: #f5efe7  */

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400&display=swap');

body, .page-content, .page-content-inner, .mce-content-body {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 400;
}
/*
body {
  background: linear-gradient(90deg, rgba(209,28,0,1) 0%, rgba(37,52,109,1) 100%);
}*/
p a, p a:visited {
 color:	#262626;
}

.uu-body, body {
	line-height: normal;
}

h1, h2, h3, h4, #masthead h1 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
}


h2, .title-pages {
	font-size: 22px;
  font-weight: 700;
}

h3 {
	font-size: 18px;
}


/* h2 titles for all 2 column pages */
.title-pages {
	margin-left: 0.5em;
}

.title-pages_chairholders {
	margin: -50px 0 50px 0;
}

.bttn a {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
}


.page-template-page-full-width-php .page-content-inner {
	padding: 75px 0;
}



#content .header-image
{
	height: 500px;
}

#content .header-image, .article-header-main, .page-template-page-full-width-php #content {
  background-image:	url( https://princeclauschair.nl/wp-content/uploads/sites/688/2021/07/PCC-Website-Portrait.svg), linear-gradient(90deg, rgba(209,28,0,1) 0%, rgba(37,52,109,1) 100%);
	background-repeat: no-repeat, no-repeat;
	background-position: bottom center, bottom;
	background-size: 185px, contain;
}




.two-col, .two-col #content-wrapper {
  background: linear-gradient(to right, #fff, #fff 300px, #fff 300px, #fff 100%);
}


#left-sidebar .widget ul li {
    border-bottom: 1px solid #d11c00;
}

#left-sidebar .widget ul li a, #left-sidebar .widget ul .current-menu-item>a, #left-sidebar .widget ul.sub-menu li a, #left-sidebar .widget ul.sub-menu li a:before {
    color: #d11c00;
}


/* 				                */
/* 		Navbar				*/
/* 				                */


.navbar-inverse {
    background-color: #25346d;
    margin-top: -1px;
}

#content .page-header-placeholder {
    display: none;
}

#content .page-title h1 {
		font-family: 'Open Sans', sans-serif;
    background: transparent;
    line-height: 150%;
    margin-top: 50px;
    min-height: auto;
    padding: 14px 24px 14px 100px;
    position: relative;
    z-index: 1;
}

.banner-widget-area h1 {
    margin-top: 1em;
    margin-bottom: 0;
		color: #fff;
}

.banner-widget-area h1 a, .banner-widget-area h2  {
    color: #fff;
}

.banner-widget-area h2 {
    margin: 0;
		font-weight: 100;
		font-size: 30px;
		line-height: 1;
}

.banner-widget-area h1 a:hover {
    text-decoration: none;
}

#content .header-image {
    position: relative;
    overflow: hidden;
    max-height: 400px;
    min-height: 150px;
}

/*
Menu items hover and focus
*/

.navbar-nav>li>a {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
}

.navbar-inverse .navbar-nav>li.current-menu-item>a, .navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>li.current-menu-parent>a {
   background-color: #f5efe7;
   color: #25346d;
}

/*
Open menu while hovering over another, darker orange
*/
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover {
   background-color: #f5efe7;
}


.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>li.current-menu-item>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
   background-color: #f5efe7;
   color: #25346d;
}

/*
		Breadcrumbs
*/

.breadcrumbs {
   background-color: transparent;
   color: #6c7781;
   position: relative;
}

.breadcrumbs a, .breadcrumbs a:visited {
    color: #6c7781;
}

/* About Prince Claus Chair page Image block */
img.wp-image-59 {
    max-width: max-content;
}
/* background of above Image block */
.creme-block {
	background-color: #f5efe7;
}

.creme-block .wp-block-media-text__content {
	padding: 10% 25% 10% 10%;
}

/* Founding Institures pages */

.wp-block-image.image-bordered {
    display: flex;
    border: 1px solid #2b2b2b;
    height: 100%;
    padding: auto;
    align-items: center;
}


/*
		Contact pagina
*/

input, textarea {
	height: 30px;
}

.frm_form_field.frm_left_half,
.frm_form_field.frm_right_half,
.frm_form_field.frm_first_half,
.frm_form_field.frm_last_half,
.frm_form_field.frm_half {
	width: 100%;
}



#field_29yf4d, #field_4grkf, #field_e6lis6, #field_9jv0r1   {
	border: 1px solid #25346d;
}


#field_29yf4d:focus, #field_4grkf:focus, #field_e6lis6:focus, #field_9jv0r1:focus {
		box-shadow: 0 1px 1px rgb(0 0 0 / 8%) inset, 0 0 8px rgb(209 28 0 / 60%);
}

.frm_style_formidable-style.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message,
.frm_style_formidable-style.with_frm_style input[type=submit],
.frm_style_formidable-style.with_frm_style .frm_submit input[type=button],
.frm_style_formidable-style.with_frm_style .frm_submit button,
.frm_form_submit_style,
.frm_style_formidable-style.with_frm_style .frm-edit-page-btn {
		background: #d11c00;
		border-color: #d11c00;
		color: #f5efe7;
}

.frm_style_formidable-style.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message:hover,
.frm_style_formidable-style.with_frm_style input[type=submit]:hover,
.frm_style_formidable-style.with_frm_style .frm_submit input[type=button]:hover,
.frm_style_formidable-style.with_frm_style .frm_submit button:hover,
.frm_form_submit_style:hover,
.frm_style_formidable-style.with_frm_style .frm-edit-page-btn:hover {
	background: #25346d;
	border-color: #25346d;
	color: #f5efe7;
}

.frm_style_formidable-style.with_frm_style .frm-edit-page-btn:focus,
.frm_style_formidable-style.with_frm_style input[type=submit]:focus,
.frm_style_formidable-style.with_frm_style .frm_submit input[type=button]:focus,
.frm_style_formidable-style.with_frm_style .frm_submit button:focus,
.frm_style_formidable-style.with_frm_style input[type=submit]:active,
.frm_style_formidable-style.with_frm_style .frm_submit input[type=button]:active,
.frm_style_formidable-style.with_frm_style .frm_submit button:active {
	background: #f5efe7;
	border-color: #f5efe7;
	color: #25346d;
}


.with_frm_style .frm_primary_label {
	font-family: 'Opens Sans', sans-serif;
	font-weight: 600;
}
/*
		Annual Reports Hover effect
*/

.report img{
   border: 1px solid #FFF;
	 width: 100%;
	 height: 100%;
}

.report img:hover {
   border: 1px solid #d11c00;
}

/*
	Homepage Quote Prince Claus
*/

.quote-block {
	background: rgba(209,28,0,1);
	padding-bottom: 20px;
}


.quote-block img {
	align-items: center;
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
}

.quote-block p {
	font-size: 32px;
	color: #f5efe7;
	padding: 30px 70px 0 70px;
	margin-bottom: 50px;
	line-height: 1.2em;
}

.quote-block .name {
	font-size: 24px;
	font-weight: bold;
	color: #f5efe7;
	padding: 10px 0 0 2.5em;
	margin-bottom: 10px;
}



/*
		Newsblock homepage
*/



.newscolumn-homepage h2 {
	margin: 2em 0 1em 1.4em;
}

.newscolumn-homepage li {
	margin-bottom: 20px;
}

.newscolumn-homepage .wp-block-latest-posts__post-author, .wp-block-latest-posts__post-date {
	margin-top: 10px;
}

.newscolumn-homepage ul:first-of-type  {
	border-bottom: 1px solid #333;
	padding-bottom: 10px;
}

.newscolumn-homepage .wp-block-latest-posts__post-excerpt {
	margin-top: 20px;
}

/*
		News & Events page
*/

.agenda-archive a.button.icon.frontpage-read-more {
   display: none;
}

a.button.icon.frontpage-read-more {
	color: #f5efe7;
  background-color: #d11c00;
}

.button, .button-primary, .frm_submit .btn {
	color: #f5efe7;
	background-color: #d11c00;
}

/* Homepage chairholder excerpts */

.wp-block-column.column-chairholders-excerpts h2 {
		margin: 2em 0 1em 0px;
}



.is-style-circle-mask img, .is-style-rounded img {
		border-radius: 50%;
		height: 150px;
		width: 150px;
		margin-top: 0px;
}

.wp-block-columns.columns-current-chairholders {
		display: flex;
    margin-bottom: 28px;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: column;
}

.is-style-circle-mask img, .is-style-rounded img {
		display: block;
		border-radius: 50%;
		height: 150px;
		width: 150px;
		margin-top: 0px;
		margin: 0 auto;
}





/*
			 Sidebar
*/
.page-id-2 .sidebar-offcanvas, .page-id-17 .sidebar-offcanvas  {
    display: none;
}



.wp-block-embed__wrapper {
    position: relative;
    display: block;
    width: 100%;
		height: 400px;
    padding: 0;
    overflow: hidden;
}

.wp-block-embed__wrapper:before {
    content: "";
    padding-top: 56.25%; /* ratio 16:9     (9/16)*100    */
}


.wp-block-embed__wrapper iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    border: 0;
}

.button .icon .frontpage-read-more {
    background-color: #d11c00;
    color: #fff;
}


/*

Widget-area

*/

#footer-widget-area p {
	display: block;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: space-between;
	align-items: flex-start;
	padding: 15px 0 30px;
}

/*

Colofon

*/
.colofon {
	display: block;
	padding: 15px 0;
	font-size: 0.875em;
}

.colofon .colofon_image {
	margin: 20px 0;
	flex-grow: 1;
	float: left;
	width: 100%;
}

.colofon_paragraph {
  flex-grow: 2;
  margin: 2% 5%;
  font-size: 1.235em;
}


/*

Sticky footer on homepage

*/
.home #footer-widget-area, .home #colophon {
	position: relative;
}


#footer-widget-area, #colophon {
   background-color: #25346d;
}

#footer-widget-area {
   padding: 30px 0 0px;
}


/*				 */
/*  	  Collapsibles 		 */
/*				 */

.panel .panel-heading {
    background-color: #25346d;
}

.panel .panel-heading:hover, .panel .panel-heading:active, .panel .panel-heading:focus, .panel .panel-heading:visited{
    background-color: #d11c00;
}


.panel .panel-heading a, .panel .panel-heading h4 a:hover, .panel .panel-heading h4 a:focus {
    color: #fff;
    font-weight: normal;
}



/*
		Full-width pages template
*/

#content-wrapper.full-width .page-title {
    margin-top: 50px;
    min-height: auto;

}




/*
		Chairholders single page - Full-width page template
*/

.yellow-block {
    background-color: #ffcd00;
    height: fit-content;
    padding: 30px 20px;
}

.panel {
    background: #fff;
}

/*
		Formidable form
*/

input, textarea {
    border-radius: 5px;
    border: 1px solid #25346d;
}

input:focus, textarea:focus {
    border-radius: 5px;
    border: 1px solid #d11c00;
}

button.frm_button_submit.frm_final_submit {
    background-color: #25346d;
    color: #fff;
}

button.frm_button_submit.frm_final_submit:hover {
    background-color: #d11c00;
}

/*
		Chairholders archive page
*/

.gm-style .gm-style-iw {
    font-size: 0.875em;
}

.gm-style-iw.gm-style-iw-c h3 {
    background-color: #25346d;
    font-weight: bold;
    width: max-content;
    padding: 10px;
}

.gm-style-iw.gm-style-iw-c h3 a {
    color: #fff;
}

.gm-style img {
    max-width: none;
    float: left;
    margin-right: 10px;
}

.gm-ui-hover-effect {
    opacity: .6;
    margin: 10px!important;
}


/*
		Chairholders map page
*/

.archive article h1 a {
	color: #3B3B3B;
}

.archive-thumbnail img.img-responsive.wp-post-image {
	border-radius: 50%;
}

.archive article .button{
	background-color: #d11c00;
	border-radius: 4px;
	font-size: 14px;
  color: #f5efe7;
	text-transform: unset;
}

.button.icon:hover {
    text-decoration: underline;
    color: #f5efe7;
    background-color: #d11c00;
		text-decoration: underline!important;
}

.button.icon:hover:after {
		color: #f5efe7;
		background-color: #d11c00;
}

#content .page-content-inner .pager.active, #content .page-content-inner .pager:hover {
		color: #f5efe7;
		background-color: #d11c00;
}

#content .page-content-inner .pager {
	 	color: #3B3B3B;
}

#content .page-content-inner .pager:hover {
	  text-decoration: underline;
}

#content .page-content-inner .pager.next, #content .page-content-inner .pager.back {
    background-color: #25346d;
}

#content .page-content-inner .pager.next:hover, #content .page-content-inner .pager.back:hover {
		color: #f5efe7;
  	background-color: #d11c00;
}


/*
		Gradient below footer
*/

.bottom-gradient {
	content: "";
	background: linear-gradient(90deg, rgba(209,28,0,1) 0%, rgba(37,52,109,1) 100%);
	height: 200px;
}


/*
		Media query's
*/


@media (min-width: 600px) {

 	.home #footer-widget-area, .home #colophon {
	 position: fixed;
	 top: auto;
	 width: 100%;
	 max-width: 1600px;
	 bottom: 0;
   }

	.image-bordered .wp-block-column:not(:first-child) {
    margin-left: 0;
	}

	.page-content-inner {
		padding: 10px 30px 50px 100px;
	}

	.title-pages {
		margin-left: 4.5em;
	}

/* Current chairholders WP columns */
	.is-style-circle-mask img, .is-style-rounded img {
		border-radius: 50%;
		height: 150px;
		width: 150px;
		margin-top: 0px;
	}

	.wp-block-columns.columns-current-chairholders {
		display: flex;
    margin-bottom: 28px;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
	}

	#footer-widget-area p {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-content: flex-start;
		justify-content: flex-start;
		align-items: flex-start;
		padding: 15px 0 30px;
	}

	#footer-widget-area p a {
		margin-right: 20px;
	}


	.colofon {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-content: flex-start;
		justify-content: space-between;
		align-items: flex-start;
	}

	.colofon .colofon_image {
		margin: 20px 0;
		float: left;
		width: 30%;
	}

	.colofon_paragraph {
	  flex-grow: 2;
	  margin: 4% 0 0 5%;
	  font-size: 1.5em;
		width: 40%;
	}
}

@media (min-width: 600px) and (max-width: 781px) {
	.entry-content .wp-block-column {
    flex-basis: calc(50% - 16px)!important;
    flex-grow: 1;
	}

	.quote-block .name {
		margin-bottom: 0;
	}
}

@media only screen and (min-width: 850px) {
	.banner-widget-area h1 {
	    margin-top: 4.5em;
	    margin-bottom: 0;
			font-size: 32px;
			font-weight: 400;
	}
}

@media only screen and (min-width: 1000px) {
	.wp-block-column.column-chairholders-excerpts h2 {
		margin: 2em 0 1em 8.7em;
	}

	figure.alignleft.size-large.is-resized {
    margin-top: -70px;
	}

	.wp-block-image .alignleft {
    float: left;
    margin: .5em 3em 1em 0;
	}
}

@media (min-width: 1000px) and (max-width: 1100px) {
		.quote-block img {
			float: left;
			width: 50%;
		}

		.quote-block {
			background: rgba(209,28,0,1);
			padding-bottom: 0;
		}

		.quote-block p {
			padding: 2% 5% 0 5%;
			margin-left: 50%;
			font-size: 21px;
		}

		.quote-block .name {
			margin-bottom: 0;
			padding: 10px 0 0 1.3em;
		}
}

@media only screen and (min-width: 1100px) {
	.quote-block {
		padding-bottom: 0;
	}

	.quote-block img {
		float: left;
		width: 50%;
	}

	.quote-block p {
		padding: 5% 5% 0 5%;
		margin-left: 50%;
		font-size: 28px;
	}

	.quote-block .name {
		margin-bottom: 0;
	}
}

@media only screen and (min-width: 1100px) {
	.quote-block p {
		padding: 2% 5% 0 5%;
	}

	.quote-block .name {
		margin-bottom: 0;
		padding: 10px 0 0 1.3em;
	}
}



@media only screen and (min-width: 1200px) {

	.quote-block p {
		padding: 5% 5% 0 5%;
		font-size: 38px;
	}

	.newscolumn-homepage {
		margin-top: -5em;
	}
}