/***************************
*
file name:		defaults_site.css
Theme Name: 	nentrium site pages defaults
Designed by: 	nentrium graphics
Description:	defaults for all page contents
*
*****************************/

*{
    box-sizing: border-box;
}

html {
	background-color:#fefefe;
	
    font-family: Verdana,Georgia,'Times New Roman',serif;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
	
	width: 100%;
}

body{
	height: auto;
}

body .flex-container{
	display:flex;
	flex-direction:column;
}

*{
	box-sizing : border-box;
}

div{
	/*	diagnostics */
	/*	border:2px solid blue; */
}

nav a, button, h1, h2, h3 ,h4 ,h5 ,h6, p, label, input, textarea {
	color: #000;
	font-family: inherit;
	font-size: 100%;
	line-height: 25px;
	text-decoration: none;
}

h1{
	font-size:32px;			/*was 2em; */
	margin:0;				/* .67em 0 */
}

h2{
	font-size:24px;			/*was 1.5em; */
	margin:0;				/*was .75em 0 */
}

h3{
	font-size:19px;			/*was 1.17em; */
	margin:0;				/*was .83em 0 */
}

h4{
	font-size:16px;			/*was 1em; */
	margin:0;				/*was 1.12em 0; */
}

h5{
	font-size:13px;			/*was .83em; */
	margin:0;				/*was 1.5em 0; */
}

h6{
	font-size:12px;			/*was .75em */
	margin:0;				/*was 1.67em 0 */
}

h1,h2,h3,h4,h5,h6,b,strong{
	font-weight:bolder
}

/* Site default fonts

h2{
	font-family: 'Delius', cursive;
	font-style: unset;
	font-weight: bold;

	text-align: start;
	text-decoration: none;
}

h3{
	font-family: 'Delius', cursive;
	font-style: unset;
	font-weight: bold;

	text-align: start;
	text-decoration: none;
}

p{
	font-family: 'Quicksand', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;

	text-align: start;
	text-decoration: none;
} */

.wrapper{
	background-color:#ffc;
	display:flex;
	flex-direction:column;
	height:fit-content;
	position:relative;
	/*width:100%*/
}

.logo-fl img{
	float:left;
	max-width:80%;
	height:auto;
	overflow:hidden
}

/* Container holding the image and the text */
.page_banner{
	position: relative;
	text-align: center;
	color: white;
}

/* Centered text */
.page_banner .centered {
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: inherit;
}

/* Centered text */
.quote-center p{
	text-align:center;
}

.content{
	display: flex;

	align-items: stretch;
	align-content: space-around;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-items: center;

	padding: 20px;
	width: 100%;
}

/**/
.content h2 {
	font-size: 1.5em;
	margin:0;
	margin-bottom: 20px;
}

.content_box{
	display: flex;

	align-items: stretch;
	align-content: space-around;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-items: center;

	width: 100%;
}

:link,:visited{
	/*color: #f0f;*/
	text-decoration:unset
}

:visited{
	/*	font-style:italic;*/
	font-weight:bold;
}

a:hover{
	color: #f00;
	/*font-weight:bold;*/
}

:active{
	/*color: #f00;
	font-weight:bold;*/
}

.content-sql-tab {
	color: #000;
	display: block;
	font-family: Georgia,'Times New Roman',serif;
	font-size: 100%;
	line-height: 25px;
	text-align: left;
	text-decoration: none;
}

.makelist{
	font-style:italic;
	font-weight:bold;
	font-family:"Times New Roman",Times,serif;
	font-size:130%;
	text-align:left;
	text-decoration:none;

}

.manu p {
	/* STYLE */
	color: #000; /* xantx logo color */
	padding-bottom:0;
	/* DECORATION */
	font-size: 15px;
	text-align: center;
}

.site-blog {
	text-align:center;
}

.break{
	background:#880;
	float:left;
	width:100%;
	margin:auto;
	height:5vw
}

.break0{
	float:left;
	width:100%;
	margin:auto;
	height:2px
}

.break1{
	float:left;
	width:100%;
	margin:auto;
	height:0
}
/* ##########          ########## */

hr {
	border: 1px solid #9e9e9e;
	border-radius: 1px;
	margin: 0;
	width: 100%;
	/* margin-block-start: 0px; */
	/* margin-block-end: 0px; */
	/* margin-inline-start: 0px; */
	/* margin-inline-end: 0px; */
}

.test-content {
	display: flex;
	align-content: space-around;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-items: center;
	justify-content: space-around;
}

#test-flex div:nth-of-type(1) {flex-grow: 2;}
#test-flex div:nth-of-type(2) {flex-grow: 3;}

.test-content-2, .test-content-3 {
	display: flex;

	align-content: space-around;
	align-items: stretch;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-items: center;

	width: 100%;
}

.testimonial{
	display: flex;

	align-items: stretch;
	align-content: space-around;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	justify-items: center;

	/* background-color: #e0e0ff; */
	border:2px solid gray;
	height:200px;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:10px;
	padding: 10px;
	width:350px;
}

.testimonial a{
	float:right;
	font-size: 12px;
}

.testimonial a{
	/*color: #0000FF;*/
}

.testimonial a:visited{
	background-color: unset;
	/*color: #800080;*/
}

.testimonial a:hover{
	background-color: unset;
	/*color: yellow;*/
}

.test-img-1 {
	background-image: url("../images/background-1774912_1280-e.png");
	background-color: #e0e0ff;
	background-size: cover;
	height: 200px;/**/
}

.test-img-2 {
	background-image: url("../images/background-1774912_1280-f.png");
	background-color: #e0e0ff;
	background-size: cover;
	height: 200px;/**/
}

.test-img-3 {
	background-image: url("../images/background-1774912_1280-d.png");
	background-color: #e0e0ff;
	background-size: cover;
	height: 340px;
	/*widows: 250px;*/
}

.test-img-4 {
	background-image: url("../images/1-1256486214nwnq-a.jpg");
	background-color: #e0e0ff;
	background-size: cover;
	height: 340px;
	/*width: 400px;*/
}

.Xtest{
	background-color: red;
	float: right;
	height: 200px;
	width: 200px;
}

.color-444 {
	color:#444;
}

.bold {
	font-weight: bold;
}

.normal {
	font-weight: normal;
}

.flex_lineage {
	display: flex;

	align-items: stretch;
	align-content: space-around;
	flex-direction: row;
	flex-wrap: wrap;
	justify-items: center;
	justify-content: space-around;
}

.lineage_box {
    display: flex;
	
    align-items: stretch;
    flex-direction: column;
    justify-content: space-between;
    justify-items: center;
	
    /* border: 2px solid red; */
    height: inherit;
    margin: 20px;
    width: 180px;
}

.lineage_img_box{

}

.lineage_name {
	/* border:2px solid green; */
	height: 30px;
}

.useful_links{
	margin-top: 25px;
	margin-left: 100px;
	margin-right: 100px;
	margin-bottom: 25px;
}

.useful_links h3{
	text-align: center;
}

.useful_links li {
    text-align: center;
}


.credits_title h3{
	text-align:center;
}


/*  ##############################################################  */
/*  ##############################################################  */

@media screen and (max-width: 800px) {

	.test-content-2, .test-content-3 {
		flex-direction: column;
	}

	.test-content-3 {
		flex-direction: column-reverse;
	}

}

@media screen and (max-width: 760px) {

	.content_box {
		flex-direction: column;
	}

}

@media screen and (max-width : 740px)
	/* this line needed to work on real phone landscape orientation*/
	/*and (orientation:portrait)
and (-webkit-device-pixel-ratio : 2) */
{

}

/*  ########## MEDIA 670 ##########  */

@media screen and (max-width : 670px)
	/* this line needed to work on real phone landscape orientation*/
	/*and (orientation:portrait)
and (-webkit-device-pixel-ratio : 2) */
{

}

/*  ########## MEDIA 650 ##########	*/

@media screen and (max-width : 650px)
	/* this line needed to work on real phone landscape orientation*/
	/*and (orientation:portrait)
and (-webkit-device-pixel-ratio : 2) */
{
	.page{
		flex-wrap: wrap;
	}
}


/*	########## MEDIA 568 ##########	*/

@media screen and (max-width: 568px){
		
	.divimg1 {
		float:left;
		display: block;
		margin: auto;
		padding:10px;
		width:150px;
		z-index:-0;
	}

}

/*  ########## MEDIA 550 ##########  */

@media screen and (max-width : 550px)
and (orientation:portrait)
/*and (-webkit-device-pixel-ratio : 2) */
{
	/* .content, .content p { */
	.content{
		/* STYLE */
		/*	background:#fff;									HIGHLIGHTS RHS SUBHEADER AREA */
		border-bottom:0; 									/* Height of the footer element */
		float: none; 										/* this line is required to prevent side bar on short page */
		height:auto;
		margin:0 auto; 										/* 	auto;  */
		padding:2%;
		padding-bottom:0; 									/* 	auto;  */
		overflow:unset;										/* required to see box placement */
		width:auto;
		/* DECORATION */
		color:#000;											/* text color */
		font-family:inherit;
		font-size:15px;										/*	form text (not input, message text) color */
		font-style: unset;
		font-weight: normal;
		text-align: left;
		text-decoration: none;
	}

	.miniwrap {
		display:flex;
		
		align-content: space-around;
		align-items:stretch;			/* acts on .head-flex-box>.box */
		flex-wrap: nowrap;
		flex-direction:column;
		justify-items:center;			/* acts on .head-flex-box>.box */
		
		position: relative;
		z-index: 0;
	}

	.aside, .content {
		position: inherit;
		top: 0;
		width: auto;
	}

	.fixlaptop-01 {
		float:unset;
	}
	
}

/*  ########## ##########  */


/* iPhone 6, 7, & 8 in portrait & landscape
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
{}
*/

@media only screen
and (max-width: 667px)
and (orientation:landscape)
and (-webkit-device-pixel-ratio : 2)
{
	html{
		/*width:665px;*/
	}

	.page_banner .centered {
		width: 550px;
	}
}

@media screen
and (max-width: 375px)
and (orientation:portrait)
/* and (-webkit-device-pixel-ratio : 2)*/
{
	html{
		background-color:#fefefe;
		/*background-color:#f88;*/
		width:100%;
	}

	body{
		width:100%;
	}

	.page_banner .centered {
		width: 370px;
	}
	
	.page-banner-font p {
		margin: 0 auto;
		width: 365px;
	}
	
	.page_image {
		height: 150px;
	}

	.divimg1 {
		 width:150px;
	 }

	.divimg2 {
		width:150px;
	}

	/* aboutme */
	.divimgme {
		float: left;
		padding: 1px;
		width: 45%;
	}
	
	.useful_links {
		margin-top: 25px;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 25px;
	}
	
	.mousey-img {
		float: unset;
		margin: 0 auto;
		margin-bottom:10px;
	}
	
	.meditate-img,
	.treatment-img{
		margin: 0 auto;
		width: 350px;
	}
	
	/* treatment */
	.treatment-img img,
	/* meditate */
	.meditate-img img{
		float: unset;
		margin: 0 auto;
		margin-bottom: 10px;
		width: inherit;
	}
	
	/* credits */
	.content {
		width: 375px;
	}
	
	.credits {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-around;
		justify-items: unset;
		background-color: #ffc;
	}
	
	.credits .credits_box {
		align-items: center;
		background-color: white;
		flex-direction: column;
		height: auto;
		width: 350px;
	}
	
	.credits .credits_img {
		height: auto;
		width: 70%;
		margin-top: 20px;
		/* margin: 0 auto; */
	}
	
	.credits .credits_img img {
		height: auto;
		/* object-fit: contain; */
		width: 100%;
		/* margin: 0 auto; */
	}
	
	.credits .credits_txt {
		/* margin-left: 20px; */
		padding-left: 20px;
		width: 50%;
		margin-bottom: 20px;
	}
}

/*  ########## ##########  */


/* 567 x 320 iPhone 5s */
@media only screen
and (max-width : 567px)
and (orientation:landscape)
/* and (-webkit-device-pixel-ratio : 2) */
{
	html {
		/*width: 560px;*/
	}
	
	.content {
		margin: 0;
		/* width:auto; */
	}
	
	.page_banner .centered {
		width: 500px;
	}
	
	.page_image {
		height: 200px;
	}
	
	.head-flex-name-font p {
		margin-right: 10px;
	}
	
	.useful_links {
		margin-top: 25px;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 25px;
	}

}


/* 320 x 567 iPhone 5s */
@media screen and
(max-width: 320px)
and (orientation:portrait)
/* and (-webkit-device-pixel-ratio : 2) */
{
	.content {
		margin: 20px;
	}
	
	.page_banner .centered {
		width: 310px;
	}
	
	.page_image {
		height: 150px;
	}
	
	.head-flex-name-font p {
		font-size: 50px;
		margin-right: 10px;
	}
	
	footer tr {
		display: grid;
	}
	
	.meditate-img,
	.treatment-img{
		width: 280px;
		margin: 0 auto;
	}
	
	/* meditate */
	.meditate-img img,
	/* treatment */
	.treatment-img img{
		float: unset;
		margin: 0 auto;
		margin-bottom: 10px;
		width:inherit;
	}
	
	
	.meditate-img img{
		margin: 0 auto;
	}
	
	.useful_links {
		margin-top: 25px;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 25px;
	}
	
	/* home */
	.test-content {
		width: 300px;
		margin: 0 auto;
	}
	
	/* home */
	.testimonial {
		width: -webkit-fill-available;
	}
	
	/* Reiki */
	.precept-image {
		width: -webkit-fill-available;
	}

}