/*
 Theme Name:   KruShan Theme
 Theme URI:    https://krushanfoundation.org
 Description:  Custom GeneratePress child theme
 Author:       Kruger du Plessis
 Author URI:   https://krushanfoundation.org
 Template:     generatepress
 Version:      0.11
*/

/* base-2 and base-3 are site background colors */
:root {
	--ksfblack: #151a26;
	--ksfwhite: #f4eff2;
	--ksfpink:  #bf94a4;
	--ksfblue: #293157;
	--ksfyellow: #f5ca65;
	--ksflightyellow: #f4e8d3; /*#e8d3ac; */
	--base-2: #f4eff2; /* site background = ksfwhite */
	--base-3: #f4eff2; /* page background = ksfwhite */
	--accent: #bf94a4; /* menu item selected = ksfpink */
	/* ksfyellow analogous and triadic */
	--ksfyellowa1: #d8f565;
	--ksfyellowa2: #f58265;
	--ksfyellowt1: #65f5ca;
	--ksfyellowt2: #ca65f5;
}

/*
.featured-image {
    line-height: 0;
    visibility: hidden;
    height: 0;
}
*/
/*
.post-image {
    width: 30%;
}
*/
.post-table {
	border-collapse: collapse;
	border: none;
}
.post-table td {
    border: none;
}

/* Add theme custom fonts */
/* @import url('https://fonts.googleapis.com/css?family=Poppins'); */



/* headers, menus, titles */
@font-face {
    font-family: 'Aristelle Sans Condensed';
    src: url('./fonts/AristelleSansCondensed.otf');
    font-weight: 900;
    font-style: normal;
}
/*
@font-face {
    font-family: 'Aristelle Sans regular';
    src: url('https://krushanfoundation.org/wp-content/themes/generatepress_child/fonts/Aristelle Sans regular.otf') format('otf');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Aristelle Script Regular';
    src: url('https://krushanfoundation.org/wp-content/themes/generatepress_child/fonts/Aristelle Script Regular.otf') format('otf');
    font-weight: 900;
    font-style: normal;
}
*/
/* focus */
@font-face {
    font-family: 'Domus Titling Extrabold';
    src: url('./fonts/Domus Titling Extrabold.otf');
    font-weight: 900;
    font-style: normal;
}

/* Subtitles or highlights */
/* @font-face {
    font-family: 'Gibson Light';
    src: url('https://krushanfoundation.org/wp-content/themes/generatepress_child/fonts/Gibson Light.otf') format('otf');
    font-weight: 900;
    font-style: normal;
}
*/
/* long text or quote */
/* @font-face {
    font-family: 'Nicholas Regular';
    src: url('https://krushanfoundation.org/wp-content/themes/generatepress_child/fonts/Nicholas regular.otf') format('otf');
    font-weight: 900;
    font-style: normal;
}
*/

@font-face {
	font-family: 'Poppins Medium';
	src: url('./fonts/Poppins-Medium.ttf');
	font-weight: 900;
	font-style: normal;
}


/* Set fonts for html */
/* headers, menus, titles */
/*
.main-nav {
	font-family: 'Aristelle Sans Condensed';
	color: var(--ksfblack);
	background-color: var(--ksfpink);
}
*/
title, h1, h2, h3 {
	font-family: 'Aristelle Sans Condensed';
	color: var(--ksfblack);
}
h4 {
	/* font-family: 'Domus Titling Extrabold'; */
	font-family: 'Aristelle Sans Condensed';
	color: var(--ksfblack);
}
li {
	font-family: 'Poppins Medium';
	font-size: 20px;
	padding: 5px;
}
body, b, p, label {
	font-family: 'Poppins Medium';
	color: var(--ksfblack);
	font-size: 20px;
}
h5 {
	font-family: 'Poppins Medium';
	color: var(--ksfblack);
	background-color: var(--ksfpink);
}
h6, figcaption, .entry-meta {
	font-family: 'Poppins Medium';
	color: var(--ksfblack);
}

/* Resize cover image for mobile screens */
img.wp-block-cover__image-background.wp-image-3136 {
    /* max-width: 100%; */
    max-height: 100%;
    /* height: auto; */
    width: auto;
}

/* Cover Image wording needs margins */
figure.wp-block-image.size-full.is-resized,
h2.wp-block-heading.has-text-align-left.nfd-text-giga.has-white-color.has-text-color,
h2.wp-block-heading.has-text-align-left.has-base-3-color.has-text-color.has-link-color.wp-elements-8725c35977acd23b3a1523b494ae5790 {
    margin-left: 10%;
}


/* Style for main navigation and menu */
.main-nav {
	display: inline-block;
	width: 100%;
	background-color: var(--ksfblue);
}
.main-navigation .main-nav ul li a, .main-navigation .menu-toggle, .main-navigation .menu-bar-items {
	font-family: 'Domus Titling Extrabold';
	background-color: var(--ksfblue);
	color: var(--ksfyellow);
	font-weight: bold;
	/* padding: 0; */
}

/* Style for bottom bar menu */
#nav_menu-3 {
	display: inline-block;
	width: 100%;
	background-color: var(--ksfblue);
}
div.menu-main-container ul li a {
	font-family: 'Domus Titling Extrabold';
	font-size: 15px;
	text-decoration: none;
	background-color: var(--ksfblue);
	color: var(--ksfyellow);
	font-weight: bold;
	/* padding: 0; */
}
div.menu-main-container ul li a:hover {
	color: var(--ksfpink);
}
/* Stack bottom menu on top of copyright and create space between them */
div.inside-site-info.grid-container, footer.site-info {
	display: block;
	background-color: var(--ksfblue);
}
.copyright-bar {
    padding-top: 10px;
	color: var(--ksfwhite);
}


/* Background for quotes */
.q.wp-block-media-text {
	background-color: var(--ksfpink);
	border-radius: 10px;
}

/* Background for citation - class cite */
.cite {
	background-color: var(--ksfpink);
	font-family: "Poppins Medium";
	border-radius: 10px;
}
.wp-block-group__inner-container.is-layout-constrained.wp-block-group-is-layout-constrained {
    padding-left: 5px;
	padding-right: 5px;
	padding-bottom:0;
	padding-top:0;
}

/* Make specific media and text image corners round */
/* Sherry on front page */
img.wp-image-2797.size-full {
    border-radius: 10px 0 0 10px;
}
/* Penguin on front page */
img.wp-image-2063.size-full {
    border-radius: 10px 0 0 10px;
}

/* Round all image corners */
img {
    border-radius: 10px;
}

/* resize embeds and videos */
.wp-block-embed-youtube {
    width: 50%;
    height: auto;
}
figure.wp-block-video.vfull {
    width: 50%;
	  height: auto;
	border-radius: 10px;
}
figure.wp-block-embed.alignwide.is-type-video.is-provider-youtube.wp-block-embed-youtube.wp-embed-aspect-16-9.wp-has-aspect-ratio {
    width: 50%;
    height: auto;
    margin-left: 25%;
	border-radius: 10px;
}

/* reduce caption font size */
figcaption, .caption {
	font-size: small;
}


/* Background for Civi Help */
div.messages.help {
	background-color: var(--ksfpink);
	border-radius: 10px;
}
article#post-626 {
	background-color: var(--ksfyellow);
	border-radius: 10px;
}

/* Set counter grid width */
.counter-grid.wp-block-group.alignwide.is-layout-grid.wp-block-group-is-layout-grid{
	width: 90%;
	margin-left: 5%;
	align-content: center;
}
/* Set color for counter paragraphs */
.counter-grid p {
	color: var(--ksfyellow);
	text-align: left;
	margin: 1px;
	/* width: 80%; */
	/* background-color: var(--ksfpink); */
}
.counter-inside {
	background-color: var(--ksfblue);
	border-radius: 10px;
}

/* Set color for footer yellow paragraphs */
.foot-yellow {
	color: var(--ksfyellow);
	font-weight: bold;
}

/* focus font for donate and subscribe buttons */
.pen-td2 h2 {
	font-family: 'Domus Titling Extrabold';
	color: var(--ksfblack);
}

/* Styling for donate buttons */
/* Style for the header donate button */ 
.topdonate { 
  display: inline-block; 
  padding: 3px 15px; 
  text-decoration: none; 
  color: #000; /* black text */ 
  font-weight: bold; 
  text-transform: uppercase;
  cursor: pointer;
	background-color: var(--ksfpink);
	border-radius:25px;
}

/* Style for the footer subscribe and donate buttons */ 
.pen-tr { 
  padding: 3px 15px;
	display: table-row;
	text-decoration:none;
	color:#000;
}
.penguin-subscribe {
  padding: 3px 15px; 
  text-decoration: none !important; 
  color: #000; /* black text */ 
  font-weight: bold; 
  text-transform: uppercase;
  cursor: pointer;
	background-color: var(--ksfyellow);
	border-radius:25px;
}
.pen-table {
	display:table;
	width:100%;
}
.pen-td1 {
	display:table-cell;
	vertical-align:center;
}
.pen-td2 {
	display:table-cell;
	align-content:center;
	text-align:center;
	text-transform:uppercase;
	text-decoration: none !important;
}
span.pen-td2 h2 {
    /* margin-bottom: 0; */
}

.penguin-donate {
  padding: 3px 15px; 
  text-decoration: none !important; 
  color: #000; /* black text */ 
  font-weight: bold; 
  text-transform: uppercase;
  cursor: pointer;
	background-color: var(--ksfpink);
	border-radius:25px;
}
/*.penguin-table, 
.penguin-tableth, 
.penguin-tabletr, 
.penguin-tabletd {
	border: 1px solid;
	border-color:#0FFF50;
}*/

/* Style for header elements */
header div.penguin-donate, header div.penguin-subscribe {
	/*scale:0.7;*/
}
.header-widget {
	/*scale:0.7;*/
}
div.inside-header {
	/*scale:0.9;*/
}

/* Modify list marker
li::marker {
  content: '🐧';
  content: url(/heart.svg);
  content: url(#heart);
  content: url("data:image/svg+xml;charset=UTF-8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='24' width='24'><path d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z' fill='none' stroke='hotpink' stroke-width='3'/></svg>");
}
*/

/* Keep top nav bar sticky */
/*
.main-nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999999;
}

header#masthead {
    margin-top: 44px;
}

@media(max-width:359px){
    header#masthead {
        margin-top: 68px;
    }
}
*/

/* Hide blog post comments */
span.comments-link {
    display: none;
}

/* Blog category list filter post */
ul.cu-cat-list {
    background-color: #F0F0F0;
	display: flex;
    flex-wrap: wrap;
    padding-top: 10px
}
ul.cu-cat-list li {
    list-style: none;
}
ul.cu-cat-list li:not(:last-of-type) {
    padding-right: 6px;
}
ul.cu-cat-list li:not(:last-of-type):after {
    content: "|";
    padding-left: 6px;
}
ul.cu-cat-list li li {
    display: none;
}
.cu-cat-list-div {
	/* hide on all page */
	display: none;
}
.blog .cu-cat-list-div,
.category .cu-cat-list-div {
	/* un-hide only on blog page */
	display: block;
}
.cat-list-tr,
.cat-list-th {
	border: none;
}
table.cat-list {
    border: none;
    background-color: var(--ksfblue);
    border-radius: 25px;
}
select#cat {
    font-weight: bold;
	font-family: 'Poppins Medium';
	color: var(--ksfblack);
	border-radius: 12px;
	background-color: var(--ksfpink);
}
.viewcat {
	visibility: block;
}
.viewall{
	visibility: none;
}


/* Style for Inlays Donate box and Signup */
.inlay-box-shape-1 {
    /* -webkit-clip-path: polygon(0 1vw,100% 0,100% 100%,0 calc(100% - 1vw));
    clip-path: polygon(0 1vw,100% 0,100% 100%,0 calc(100% - 1vw)); */
	-webkit-clip-path: polygon(100% 100%, 0% 100% , 0.00% 1.00%, 2.00% 0.81%, 4.00% 0.63%, 6.00% 0.46%, 8.00% 0.32%, 10.00% 0.19%, 12.00% 0.10%, 14.00% 0.03%, 16.00% 0.00%, 18.00% 0.01%, 20.00% 0.05%, 22.00% 0.12%, 24.00% 0.23%, 26.00% 0.36%, 28.00% 0.52%, 30.00% 0.69%, 32.00% 0.87%, 34.00% 1.06%, 36.00% 1.25%, 38.00% 1.43%, 40.00% 1.59%, 42.00% 1.73%, 44.00% 1.84%, 46.00% 1.93%, 48.00% 1.98%, 50.00% 2.00%, 52.00% 1.98%, 54.00% 1.93%, 56.00% 1.84%, 58.00% 1.73%, 60.00% 1.59%, 62.00% 1.43%, 64.00% 1.25%, 66.00% 1.06%, 68.00% 0.87%, 70.00% 0.69%, 72.00% 0.52%, 74.00% 0.36%, 76.00% 0.23%, 78.00% 0.12%, 80.00% 0.05%, 82.00% 0.01%, 84.00% 0.00%, 86.00% 0.03%, 88.00% 0.10%, 90.00% 0.19%, 92.00% 0.32%, 94.00% 0.46%, 96.00% 0.63%, 98.00% 0.81%, 100.00% 1.00%);
	clip-path: polygon(100% 100%, 0% 100% , 0.00% 1.00%, 2.00% 0.81%, 4.00% 0.63%, 6.00% 0.46%, 8.00% 0.32%, 10.00% 0.19%, 12.00% 0.10%, 14.00% 0.03%, 16.00% 0.00%, 18.00% 0.01%, 20.00% 0.05%, 22.00% 0.12%, 24.00% 0.23%, 26.00% 0.36%, 28.00% 0.52%, 30.00% 0.69%, 32.00% 0.87%, 34.00% 1.06%, 36.00% 1.25%, 38.00% 1.43%, 40.00% 1.59%, 42.00% 1.73%, 44.00% 1.84%, 46.00% 1.93%, 48.00% 1.98%, 50.00% 2.00%, 52.00% 1.98%, 54.00% 1.93%, 56.00% 1.84%, 58.00% 1.73%, 60.00% 1.59%, 62.00% 1.43%, 64.00% 1.25%, 66.00% 1.06%, 68.00% 0.87%, 70.00% 0.69%, 72.00% 0.52%, 74.00% 0.36%, 76.00% 0.23%, 78.00% 0.12%, 80.00% 0.05%, 82.00% 0.01%, 84.00% 0.00%, 86.00% 0.03%, 88.00% 0.10%, 90.00% 0.19%, 92.00% 0.32%, 94.00% 0.46%, 96.00% 0.63%, 98.00% 0.81%, 100.00% 1.00%);
    background-color: var(--ksfyellow);
	/* display: none; */
	padding: .8rem;
}
.inlaypay-form h2 {
	display: none;
}
.inlaypay-intro-text {
	visibility: hidden;
}
.inlaypay-amount-buttons .inlaypay-selectable .amount {
	background-color: var(--ksfpink);
}
/* .inlaypay-devices-wrapper {
	background-color: var(--ksfgreen);
} */
.inlaypay-device-card,
.inlaypay-device-paypal {
    background-color: var(--ksfblue);
}
.inlaypay-kind-buttons-wrapper .inlaypay-selectable {
	background-color: var(--ksfpink);
}
.inlaypay-other-amount-wrapper label,
.inlaypay-other-amount-wrapper input {
	width: 100% !important; 
    text-align:left;
}

/* Impact Table */
.tblImpact th,
.tblImpact td,
.tblImpact thead {
	border: 1px solid var(--ksfyellow);
}

.tblImpact th,
.tblImpact td:first-child{
	background-color: var(--ksfblue);
	color: var(--ksfwhite);
}

.tblImpact tr:nth-child(odd) {
	background-color: var(--ksflightyellow);
}

/* Programs Table */
.tblPrograms th,
.tblPrograms td,
.tblPrograms thead {
	border: 1px solid var(--ksfyellow);
}
.tblPrograms th {
	background-color: var(--ksfblue);
	color: var(--ksfwhite);
}
.tblPrograms td {
	vertical-align:text-top;
}
.tblPrograms tr:nth-child(odd) {
	background-color: var(--ksflightyellow);
}

/* Hide bullit in list */
li.no-bullit {
	list-style: none;
	font-weight: bolder;
}

/* Zoom or Pop Img */
.imgPop img:hover {
	transform: scale(1.1);
}

/* Zoom or Pop donate and Subscribe buttons */
.penguin-donate:hover,
.penguin-subscribe:hover {
	transform: scale(1.2);
}