/*
 Theme Name:   ICCFR
 Theme URI:    https://generatepress.com
 Description:  Child theme for the International Commission on Couple and Family Relations
 Author:       Blackbox Web Design
 Author URI:   https://www.blackboxdesign.co.uk
 Template:     generatepress
 Version:      0.1
*/

/* ICCFR Teal: #007a91 */ 

/* All Devices */

/* Typography*/

.main-title {
	max-width:400px;
	position: relative;
    top: -20px;

}

.main-title a {
	color:#007a91;
}

.site-description {
	font-size: 20px;
    font-weight: 700;
    display: block;
    width: 300px;
}

#iccfr_home_intro h1 span {
    font-size: 20px;
    font-weight: 400;
    display: block;
    line-height: 1.3em;
	letter-spacing:-0.02em;
	padding-top:20px;
}

.iccfr_inner_header h1 {
	color:#fff;
}

.blog h2 a {
	color:#007a91;
	text-decoration:underline;
}

.iccfr_button a, a.iccfr_button {
	display:inline-block;
	padding:8px 40px;
	font-size:18px;
	font-weight:700;
	background-color:#007a91;
	color:#fff;
	border-radius:20px;
}

.iccfr_blurb_group {
	text-align:center;
}

.iccfr_blurb_group h2 {
	font-size:20px;
	margin:15px 0 5px 0;
}

.iccfr_blurb_group p {
	font-size:14px;
}

p.iccfr_conf_theme {
	font-size: 1.2em;
    font-weight: 700;
    padding: 20px;
	color:#007a91;
	font-style:italic;
}

ul.iccfr_navlist {
	margin-left:0;
}

ul.iccfr_navlist {
	list-style:none;
}

ul.iccfr_navlist li {
	font-weight:700;
	padding-bottom:6px;
}

ul.iccfr_navlist li:before {
	display:inline-block;
	content:'';
	background-image:url(/assets/double-right-chevron-green.svg);
	width:20px;
	height:20px;
	background-size:20px 20px;
	position:relative;
	top:5px;
}

.home_hero_flag {
	position:absolute;
	font-weight:700;
	background-color:#007a91;
	color:#fff;
	padding:10px;
	top:-30px;
	text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
}

div.alert {
	padding:10px;
	border:2px solid #007a91;
	font-weight:700;
	margin-bottom:20px;
}

div.alert p {
	margin-bottom:0;
	color:#007a91;
	text-align:center;
}

/* Navigation  */

#generate-slideout-menu .slideout-menu li a {
	line-height:25px;
}

#generate-slideout-menu .slideout-menu li {
	padding-bottom:20px;
}

/* Headers / Banners */

.inside-header .header-widget {
	position:relative;
	top:-24px;
}

#iccfr_home_header {
	margin:20px 0;
}

.iccfr_grid_image {
	background-size:cover;
	min-height:60vh;
}

#iccfr_home_hero {
	position:relative;
}

#iccfr_home_hero.iccfr_grid_image {
	background-image:url(/wp-content/uploads/2022/11/smiling_family_1_1200.jpg);
}

#iccfr_home_intro.grid_text {
	max-width: 600px;
    margin-left: 0;
    padding: 3%;
}

#iccfr_home_header .wp-block-columns .wp-block-column:nth-of-type(2) {
	display:flex;
	align-items: center;
}

.iccfr_inner_header {
	position:relative;
	/*min-height:60vh;*/
	display:flex;
	align-items:center;
}

.iccfr_inner_header .wp-block-group {
	min-height:60vh;
	display:flex;
	align-items: center;
	position:relative;
	z-index:1;
}

.iccfr_inner_header.midpage .wp-block-group {
	min-height:50vh;
}

.iccfr_inner_header:after {
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	content:'';
	top:0;
	left:0;
	background-color:rgba(0,0,0,0.3);
	z-index:0;
}

.iccfr_inner_header.light_overlay:after {
	background-color:rgba(0,0,0,0.1);
}

/* Conference Sidebars */

.iccfr_conf_sidebar .wp-block-group, .iccfr_right_sidebar_conf_promo {
	background-color:#f1f1f1;
	border:1px solid #e1e1e1;
	border-left:4px solid #ccc;
	box-shadow:0 0 16px 0 #ccc;
}

.iccfr_right_sidebar_conf_promo .wp-block-group__inner-container {
	padding:40px;
}

.iccfr_conf_sidebar.about h3, .iccfr_right_sidebar_conf_promo h3 {
	font-size:20px;
	margin-bottom:0;
}

.iccfr_conf_sidebar.conf_intro_page {
	font-size:14px;
}

.iccfr_conf_sidebar.conf_intro_page h3 {
	font-size:20px;
}

.iccfr_conf_sidebar p.iccfr_blurb_subhead {
	font-size:14px;
	text-transform:uppercase;
}

.iccfr_conf_sidebar .wp-block-group__inner-container {
	padding:30px;
}

p.date_label, p.location_label {
	margin-bottom:0;
	font-weight:700;
}

.single-publication .widget-area.sidebar .widget {
	padding:40px 10px;
}

.single-publication .widget-area.sidebar ul li {
	margin-bottom:0;
}


/* Team Members */

.iccfr_team_member_item {
	display:flex;
	gap:2em;
	margin-bottom:30px;
    padding: 20px;
    border: 1px solid #e1e1e1;
	box-shadow:0 0 16px 0 #ddd;
}

.iccfr_team_member_item .member_image {
	flex-basis:10%;
	background-size:cover;
	text-align:center;
}

.iccfr_team_member_item .member_content {
	flex-basis:calc( 85% - 2em);
}

/* Team Member Tabs */
/* Style the tab */
.iccfr_tabs {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #072B38;
	color:#fff;
}

/* Style the buttons that are used to open the tab content */
.iccfr_tabs button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
	font-weight:700;
	letter-spacing:0.04em;
}

/* Change background color of buttons on hover */
.iccfr_tabs button:hover {
  background-color: #66afbd;
}

/* Create an active/current tablink class */
.iccfr_tabs button.active {
  background-color: #007a91;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 30px 12px;
 /* border: 1px solid #ccc;*/
  border-top: none;
}

.tabcontent {
  animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

/* Go from zero to full opacity */
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

/* Publications */



.iccfr_publication_file img.icon, .iccfr_publication_link img.icon {
	width:20px;
}

.iccfr_publication_file, .iccfr_publication_link {
	font-size:20px;
}

.publication_main_link {
	padding:20px;
	border:1px solid #e1e1e1;
	box-shadow:0 0 16px 0 #ddd;
	margin-bottom:20px;
}

.publication_meta {
	font-size:14px;
}

/* Search & Filter */

form.searchandfilter ul {
	margin-left:0;
}

form.searchandfilter {
	padding:20px 20px 35px 20px;
	border:1px solid #e1e1e1;
	text-align:center;
	margin-bottom:30px;
	box-shadow:0 0 16px 0 #ddd;
}

.search-filter-results {
	padding:20px;
	border:1px solid #e1e1e1;
	box-shadow:0 0 16px 0 #ddd;
}

.search-filter-results h3 {
	font-size:16px;
	margin-bottom:5px;
}

form.searchandfilter ul li {
	padding-right:10px;
	display:inline-block;
	width:40%;
}

form.searchandfilter ul li label, form.searchandfilter ul li input {
	width:100%;
}

.iccfr_search_results_meta {
    font-size: 14px;
    margin-bottom: 20px;
}

/* Maps */

#newport_map {
	height:300px;
	margin:30px 0;
}

/* Blog */

#iccfr_blog_title {
	padding:40px 0;
}

h2.entry-title {
	font-size:26px;
}

.iccfr_latest_blog h3 {
	font-size:20px;
	margin-bottom:0;
}

.blog article.post {
	padding:20px;
	border:1px solid #e1e1e1;
	box-shadow:0 0 16px 0 #ddd;
}

.iccfr_latest_blog .wp-block-post-date, .iccfr_latest_blog .wp-block-post-excerpt {
	font-size:14px;
}

.iccfr_latest_blog li.wp-block-post {
	padding:20px;
	background-color:#fff;
	border:1px solid #e1e1e1;
}

.iccfr_latest_blog .wp-block-post-excerpt {
	margin-top:20px;
}

.blog .entry-summary {
	margin-top:1em;
}

/* Forms */

.gform_wrapper form {
	padding:20px;
	border:1px solid #e1e1e1;
	background-color:#f1f1f1;
}

.gform_wrapper form input[type="text"], .gform_wrapper form input[type="email"], .gform_wrapper form textarea, .gform_wrapper form input[type="number"], .gform_wrapper form select {
	background-color:#fff;
}

#gfield_description_1_20, #gfield_description_1_21 {
	background-color:#fff;
	padding:20px;
	margin-bottom:10px;
}

#gfield_description_1_20 ol, #gfield_description_1_21 ol {
	margin: 0 0 0 2em;
}

/* 404 */


/* Footer */

.iccfr_footer_widget, .iccfr_footer_widget a {
	font-size:12px;
}

/* General Content */

.iccfr_blurb_group .wp-block-group__inner-container {
	padding:20px;
	background-color:#fff;
}

.iccfr_container_padding .gb-inside-container {
	padding:40px 0;
}

.iccfr_conf_sidebar img {
	margin-bottom:20px;
}

.iccfr_blurbs .wp-block-column {
	background-color:#fff;
}

/* Responsive Desktop - Everything ABOVE 1024 */
@media only screen
	and (min-width: 1024px) {
		
		header.site-header {
			height:95px;
		}
		
		.inside-header {
 		   padding: 10px 40px;
		}
		
		.blog .generate-columns.grid-33, .grid-sizer.grid-33 {
			width: calc( (100% - 40px) / 3);
		}
		
		.blog article.post {
			margin-right:20px;
		}
		
		.blog article.post:nth-of-type(3n) {
			margin-right:0;
		}
		
		.single-publication .site-content .content-area, .single-post .site-content .content-area {
			flex-basis:60%;
		}
		
		.single-publication .is-right-sidebar, .single-post .is-right-sidebar {
			flex-basis:40%;
		}
		
		.single-publication .site-content {
			gap:3em;
		}
		
		.single-publication.separate-containers .inside-article {
			padding:40px 0;
		}
		
}

/* Responsive - Everything BELOW 1024 */
@media only screen
	and (max-width: 1023px) {
		
		h1 {
			font-size:38px;
		}
		
		#iccfr_home_hero.iccfr_grid_image {
			min-height:35vh;
		}
		
		#iccfr_home_intro.grid_text {
			padding:20px 30px;
		}
		
	.site-logo.mobile-header-logo img {
			height:70px!important;
		}
		
		.publication_wrapper {
			padding:20px 40px;
		}
		
	.blog #main.site-main {
			margin:20px;
		}
		
		.iccfr_inner_header .wp-block-group {
			min-height:35vh;
		}
		
		.home_hero_flag {
			top:initial;
			bottom:10px;
		}
		
}

/* Responsive Tablet - Between 768 and 1023 */
@media only screen
	and (min-width: 768px)
	and (max-width: 1023px) {
		
}


/* Responsive Mobile - Everything BELOW 768 */
@media only screen
	and (max-width: 767px) {
		
		.iccfr_team_member_item {
			flex-direction:column;
		}
		
		form.searchandfilter ul li {
			display:block;
			width:100%;
		}
		
		.iccfr_publication_results_wrapper ul {
			margin-left:1em;
		}
		
		h1 {
			font-size:36px;
		}
		
}