/*
Welcome to Custom CSS!

To learn how this works, see https://wp.me/PEmnE-Bt
*/
/*** 5/31/21  Change top bar ribbon color to blue ***/
.top-bar {
	color: #fff;
	background-color: #476178;
}


/*** 6/6/2021  Add text over homepage image ***/
.container{
	position:relative;
}
.text {
	position:absolute;
	top:20%;
	left:30%;
	color: #85e6ef;
}

/*** 6/14/2021  Prevent line break on text ***/

.entry-content {
    word-wrap: normal;
}

/*** Try again to stop line break 6/14/2021 ***/

body {word-break:normal !important; }

body {overflow-wrap: normal;}


/*** 6/28/2021  Reduce size of header 'featured image' ***/
.site-header .size-karuna-hero, .custom-header {
    display: block;
    margin: 0 auto;
    width: 20%;
    height: auto;
}

/*** attempting to hide featured image from font page ***/

body.page.page-id-5 img.wp-post-image[data-attachment-id="869"] {
    display: none;
}


/*** 7/19/2021  Change site-title to white (invisible) ***/

.site-title a {
    color: #ffffff;
    text-decoration: none;
		font-size: 3pt;
}

/** 10/20/2021 Try to remove hyphens/line splitting */

.site-content article {
   -webkit-hyphens: none;
   hyphens: none;
}

/* Remove category tags at beginning of post */

.single span.byline, 
span.cat-links {
    display: none;
}

/* change font size and color of date tag for posts */

span.posted-on a {
	color: #f9a602;
	font-size: 20px;
	text-transform: initial;
	
}

/*mid-sized screens(larger than mobile)
 reduce padding size if screen is less than 900px */
@media only screen and (max-width: 900px) {
  p.has-background {
    padding: 0.75em 1.125em
	}
}

/* for mobile devices:
 eliminate padding on site is resized for mobile (less than 600px width)
 reads like an if statement = "media that is a screen and is no more than 600px will have padding=0;" */
@media only screen and (max-width: 600px) {
  p.has-background {
    padding:0px;
	}
}





/* spacing */
.no-sidebar:not(.page-template-full-width-page):not(.page-template-front-page) .content-area {
	max-width:60%;
}


/* Equally space 'Latest from the Blog' Post thumbnail images */

.wpnbha figure.post-thumbnail img {
	height: 200px;
	width: auto;
}

/************/

/*Page titles - text align:center */

header.entry-header {
	text-align:center;
}


/* center-align post thumbnails above */

.wpnbha figure.post-thumbnail{
	text-align: center;
}

/* add drop shadow around post thumbnails */
div.wp-block-newspack-blocks-homepage-articles article {

-webkit-box-shadow: 4px 4px 7px 0px rgba(148,148,148,1);
-moz-box-shadow: 4px 4px 7px 0px rgba(148,148,148,1);
box-shadow: 4px 4px 7px 0px rgba(148,148,148,1);
	border: rgba(200,200,200,1) 1px solid;
	padding: 15px;
	border-radius:10px;
}

/***************************/
/* Contact Us gradient animation */

.contact-us-gradient {
    background: linear-gradient(270deg, #fdbe66, #a77bf3, #6ef9ed, #dc90fb);
    background-size: 800% 800%;

    -webkit-animation: AnimationName 43s ease infinite;
    -moz-animation: AnimationName 43s ease infinite;
    animation: AnimationName 43s ease infinite;
}

@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

/* Contact Us - make header color match body */

body.page-template-default.page.page-id-5450 {
	background: #e6e6e6;
}

/*Contact Us - adjust layout & margins */

.is-layout-constrained {
	color: #222222;
background-color: #e6e6e6;
margin-top: 0px;
margin-bottom: 0px;
padding-top: 7vw;
padding-bottom: 7vw;
padding-left: 25vw;
padding-right: 15vw;
}


/*Contact Us Submit Button - change color */

div.wpforms-container-full .wpforms-form button[type="submit"] {
	background-color: #ff9f4c;
	border-radius:6px;
	border-color: #fe7e59;
	color: white;
}

/*Contact Us - make van image smaller */

#van-outline {
	padding:0 170px;
}

/*** Copyright on Footer ***/

div.copyright-footer {
	text-align:center;
}

@media screen and (min-width: 768px)
{
.site-content .full-width-widget-area .widget, 
.header-widget-area-wrapper .widget {
	flex-basis:100%;
	}
}