@import url('https://fonts.googleapis.com/css?family=Montserrat|Open+Sans:400i|Raleway|Roboto&display=swap');
@import url('https://fonts.googleapis.com/css?family=Literata:light:400');
@import url('https://fonts.googleapis.com/css2?family=Lora&display=swap');

.banner-heading, .question-home {
	


}



/*not all caps in header*/
.site-title {
		text-transform: var(--text-transform);
}

/*logo placement */

.site-header {
    padding-top: 0px;
}

.site-header>.site-logo {
    width: 100%;
    padding-bottom: 0em;
    border-bottom: 0px solid;
    text-align: center;
}


/*fade-in logo*/
.custom-logo.lazyloaded{
			animation: fadeIn ease 2s;
		-webkit-animation: fadeIn ease 2s;
		-moz-animation: fadeIn ease 2s;
		-o-animation: fadeIn ease 2s;
		-ms-animation: fadeIn ease 2s;
}

/*mobile more space for logo header*/
@media only screen and (max-width: 482px) {
	.site-header>.site-logo {
			padding-bottom: 1.5em;
	}
}

.site-logo {
    margin: 0;
}



/*right icon color header*/
.primary-navigation>div>.menu-wrapper .sub-menu-toggle{
	
	color: #3c434a;
}





/*removed underline color in header*/
.site-title > a{
		text-color: #3c434a;
		text-decoration-color: #ffffff;
		text-underline-offset: 3px;
		text-decoration-thickness: 1.5px;
	
}

/*menu items on hover: lime color*/
.primary-navigation a:hover{
	color:	#006c35;
	background-color: #e4f4e5;
}

/*highlight current page in menu using green color*/
.primary-navigation .current-menu-item a {

	color: #006c35;

}



/*no border for submenu*/
.primary-navigation .sub-menu{
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
}

/*other font for special headings*/

.literata-heading {
	font-family: 'Literata';
}

/*fade-in home-banner in stages*/


.intro-banner-fade{
	animation: fadeIn ease 1s;
		-webkit-animation: fadeIn ease 1s;
		-moz-animation: fadeIn ease 1s;
		-o-animation: fadeIn ease 1s;
		-ms-animation: fadeIn ease 1s;
}


.banner-heading{

    -webkit-animation: fadeIn ease 2s;
	
}

@-webkit-keyframes fade-delayed-2  {
    0% {
        opacity:0%;
    }
		10% {
        opacity:0%;
    }
		100%
		{
        opacity:100%;
    }
}

@-webkit-keyframes fade-delayed-3  {
    0% {
        opacity:0%;
    }
		30% {
        opacity:0%;
    }
		100%
		{
        opacity:100%;
    }
}

.banner-subheading{

    -webkit-animation: fade-delayed-2 normal 2.5s ease;
	
	
}

.banner-subheading-sub{

    -webkit-animation: fade-delayed-2 normal 2.5s ease;
	
	
}

.banner-subheading-sub-sub{

      -webkit-animation: fade-delayed-3 normal 3.2s ease;
	
}



/*flashing for banner-announcement*/
.banner-announcement{
	
		-webkit-animation: blink-4s-1 normal 3s infinite ease-in-out; 
	
}


/*space between header and page title*/
@media only screen and (min-width: 822px){
	.site-header {
			padding-bottom: calc(1*var(--global--spacing-vertical));
	}
}

@media only screen and (max-width: 822px){
	.site-header {
			padding-bottom: calc(1*var(--global--spacing-vertical));
	}

}

/*rounded corners for most images*/
.is-rounded-20 {
	-webkit-border-radius: 20px;
}

/*rounded corners for cover block elements*/
.wp-block-cover {
    border-radius: 20px;
    overflow: hidden;
}

/*right page-title text color*/
.entry-title{
	
	color: #3c434a;
}


/*right font size page title on mobile*/
:root
	{
		--global--font-size-xxl:2.5rem;	}



/*page title - border padding and margin, border invisible*/
.singular .entry-header{
	    
    padding-bottom: 0;
    margin-bottom: calc(2.5*var(--global--spacing-vertical));
		border-bottom: 2px solid #ffffff;
}

/*page title spacing from topbanner*/
header.entry-header {
    padding-top: calc(1*var(--global--spacing-vertical));
}


/*mobile: thinner line after page title*/
@media only screen and (max-width: 482px){
	.singular .entry-header{
	 		margin-bottom: calc(2*var(--global--spacing-vertical));
}

}

/*right text size page titles globally*/

@media only screen and (min-width: 652px) {
	:root
	{
			--global--font-size-xxl: 4rem;
		
	}
}

/*width of content page*/
@media only screen and (min-width: 822px){
	:root {
			--responsive--aligndefault-width: min(calc(100vw - 8*var(--global--spacing-horizontal)),810px);
	}
}

/*padding for column with background*/

@media only screen and (max-width: 482px){
	.wp-block-columns.has-background {
		padding: 1.25em 2em;
	}
}


/*padding for wholepage column text on banner home - TobeRedone VAR */

@media only screen and (max-width: 482px){
	.wp-block-columns.alignfull .wp-block-column p:not(.has-background), .wp-block-columns.alignfull .wp-block-column h1:not(.has-background), .wp-block-columns.alignfull .wp-block-column h2:not(.has-background), .wp-block-columns.alignfull .wp-block-column h3:not(.has-background), .wp-block-columns.alignfull .wp-block-column h4:not(.has-background), .wp-block-columns.alignfull .wp-block-column h5:not(.has-background), .wp-block-columns.alignfull .wp-block-column h6:not(.has-background) {
			padding-left: 40px;
			padding-right: 40px;
	}
}

/*padding for wholepage column  image banner home - TobeRedone VAR */


@media only screen and (max-width: 482px){
	.alignfull > .wp-block-column >  .wp-block-image {
			text-align: center;
			padding: 1em 0.5em 1em 0.5em;
	}
}


/*pulsating effect for #Design content homepage*/
@-webkit-keyframes blink-4s-1 {
    0% {
        opacity:45%;
    }
		20% {
        opacity:1;
    }
		90%{
   	  	opacity:1;
    }
    100% {
        opacity:45%;
    }
}


.blink-question-home-1 {

    -webkit-animation: blink-4s-1 normal 4s infinite ease-in-out; /* Webkit */

}

.blink-question-home-2 {

    -webkit-animation: blink-4s-1 normal 4s infinite ease-in-out; /* Webkit */
		-webkit-animation-delay: 0.5s;

}

.blink-question-home-3 {

    -webkit-animation: blink-4s-1 normal 4s infinite ease-in-out; /* Webkit */
		-webkit-animation-delay: 1s;

}


/*dont show featured image*/
.post-thumbnail{
		display: none; 
}

/*homepage banner color and padding fix for mobile */

@media only screen and (max-width: 482px){
.homebanner>.wp-block-group__inner-container>.wp-block-columns>.wp-block-column {
		margin-left: calc(.666*var(--global--spacing-vertical));
		margin-right: calc(.666*var(--global--spacing-vertical));
	}
}

/*padding images in content*/
.wp-block-image {
    text-align: center;
    padding-top: 1em;
    padding-bottom: 1em;
}

/*spoilers no outline*/
.su-spoiler-title:focus {
    outline: none;
}

/*Serif font for certain elements*/


/* not all caps in quotes */
.wp-block-quote, .wp-block-quote p, .wp-block-quote p em{
		text-transform: none;
		font-size: 30px;
}

.wp-block-quote cite{
		
		font-size: 20px;
		font-style: italic;
}

/* italic quotes */
:root{
		--quote--font-style:italic;
}


/*fade-in for some images*/
.fade-in-image{
			animation: fadeIn ease 2s;
		-webkit-animation: fadeIn ease 2ss;
		-moz-animation: fadeIn ease 2s;
		-o-animation: fadeIn ease 2s;
		-ms-animation: fadeIn ease 2s;
}

/*hover fade in for some image blocks*/
.fade-in-for-image {
		opacity: 85%;
		transition:opacity 0.1s
}

.fade-in-for-image:hover {
		opacity:100%;
		transition:opacity 0.5s
}


/*hover fade in for some cover blocks*/
.fade-in-for-cover {
		opacity: 85%;
		transition:opacity 0.1s
}

.fade-in-for-cover:hover {
		opacity:100%;
		transition:opacity 0.5s
}




/*half opacity for certain images*/

.transparent-image img {
  opacity: 0.3;
}

/*disable buttons for slideshow-don't work anyway.*/
.wp-block-jetpack-slideshow_button-next, .wp-block-jetpack-slideshow_button-prev{
		visibility:hidden;
}

/*rounded corners for color-pause segments*/
.color-pause{
	  border-radius: 20px;
}

/*padding for large screens: color-pause-full-width segments*/
@media only screen and (min-width: 822px){
	.color-pause-full-width>.wp-block-group__inner-container{
		margin: 20px 20px 20px 20px;
	}
}

/*label leading, describes group*/
.su-label-type-m-leading{
	background: #fff;
	color: #999;
	font-weight: 500;
	
}


/* right size for labels put within text */
span.su-label.su-label-type-warning.su-label-type-m-contextual {
    font-size: var(--global--font-size-md);
}


/*spoiler less intrusive background color*/
.su-spoiler-style-fancy>.su-spoiler-title{
		background: #ffffff;
	
}



/*space before headings/chapters*/
h2{
		padding-top:1.5em;
}
	
h3{
		padding-top:0.83em;
}
	
h4{
		padding-top:0.5em;
}
	

/*right fonts*/

:root
	{

    --global--font-primary: Montserrat, sans-serif;
    --global--font-secondary: Montserrat, sans-serif;
		--quote--font-weight: 300;			
}



/*right border color globally*/

:root
{
	--global--color-border: #3c434a;

}



/*right text color globally*/
:root
{
	--primary-nav--color-link-hover: #3c434a;
	--branding--color-link: #006c35;
	--branding--color-text: #3c434a;
	--global--color-primary: #3c434a;
	--global--color-secondary: #006c35;
}

/* understated text shade in content */

.understated-text em{
	color: #75797f;
}



/* right link underline color globally*/
a{
	
	text-decoration-color: #a2cea4;
	text-decoration-thickness: 0.075em;

}

a:hover {
  background-color: #e4f4e5;
}


/**

**/
/**
.shortc-label{
		white-space:nowrap;
		word-break:initial;
}
**/

/*less empty space around social media menu*/
.footer-navigation{
    margin-top: var(--global--spacing-vertical);
}


/* even less space at end page */

.post-navigation {
	display:none;
}

.single .site-main>article>.entry-footer{
	display:none;
}

.no-widgets .site-footer {
    margin-top: 0;
}


/*not all caps in footer*/
.site-footer>.site-info .site-name {
		text-transform: var(--text-transform);
}


/*thinner line in footer*/
.site-footer>.site-info{
    border-top: 2px solid var(--global--color-border);
}



/*clean footer*/
.powered-by { 
		display: none; 
}


/*replace logo by message footer*/
.site-info>.site-name>.site-logo{
	display: none;
}

.site-info>.site-name:after {
    content: "Made with ♥️ for humanity";
}