/***************************
*
file name:		contacts.css
Theme Name: 	nentrium boarders
Designed by: 	nentrium graphics
Description:	used to show all listed boarders for diagnostics
*
*****************************/

/***** CONTACT *****/

 * {
    /* border: 2px solid blue; */
	/* box-sizing:border-box; */
}

.contact-page {
    /* border: 2px solid blue; */
    display: flex;
    flex-wrap: nowrap;
    justify-items: center;
    align-items: stretch;
    align-content: space-around;
    flex-direction: column;
    width: 100%;
	
    /* font-family: 'body_font', Arial, sans-serif!important; */
    /* font-family: body_font,"Times New Roman",Times,serif;
    font-size: 100%;
    font-weight: normal; */
}

.contact-page td{
	text-align:center; 
	padding-top:8px;
}

/* = = = = = = = = = = = = = = = = = = = = */

.contacts {
    /* border: 2px solid blue; */
    display: flex;
    align-content: space-around;
    align-items: stretch;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-items: center;
	
    width: 100%;
}

/* = = = = = = = = = = = = = = = = = = = = */

.detail-box {
    display: flex;
	
    align-content: center;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    justify-items: center;
	
	margin: 10px 0 10px 0;
    width: 50%;
}

/* = = = = = = = = = = */

.con-phone,
.con-open,
.con-email,
.con-location {									/* moves legend and form down from top */
	margin: 0;
	width: 340px;
}

.con-phone fieldset,
.con-open fieldset,
.con-email  fieldset,
.con-location fieldset  {									/* moves legend and form down from top */
    border: 2px solid gray;							/* form boundary line */
	margin: 0 auto;
}

.con-phone fieldset legend,
.con-open fieldset legend,
.con-email fieldset legend,
.con-location fieldset legend {
    margin: 0 0 0 10px;								/* places ledgend away from LHS */
    padding: 5px;									/* moves form boundary line up to center on ledgend */
}

/* = = = = = = = = = = */

.con-phone-label {
	/* border:2px solid blue; */
	/* height:100px; */
	padding-left:13px;
	text-align:left;
	width:100px;
}

.con-phone-number {
	/* border:2px solid blue; */
	/* height:100px; */
	padding-right:13px;
	text-align:right;
	width:150px;
}

.con-td-pad {
	padding-bottom:13px;
}

/* = = = = = = = = = = */

.con-open {
	/* border:2px solid blue
	width: -webkit-fill-available;; */
}

.con-open fieldset  { 									/* moves legend and form down from top */
    border: 2px solid gray;							/* form boundary line */
	margin: 0 auto;
	width: auto;
}

.con-open fieldset legend {
    margin: 0 0 0 10px;								/* places ledgend away from LHS */
    padding: 5px;									/* moves form boundary line up to center on ledgend */
}

.con-dow {
	/* border:2px solid blue; */
	/* height:100px; */
	padding-left:13px;
	text-align:left;
	width:100px;
}

.con-times {
	/* border:2px solid blue; */
	/* height:100px; */
	padding-right:13px;
	text-align:right;
	width:150px;
}

/* = = = = = = = = = = */

.con-email {
	/* border:2px solid blue;
	width:286px;
	width: -webkit-fill-available; */
}

/* = = = = = = = = = = */

.con-location{
	/* border:2px solid blue;
	width:286px;
	width: -webkit-fill-available; */
}

.con-location tr{
	/* border:2px solid blue; */
	text-align:center;
}

/* = = = = = = = = = = = = = = = = = = = = */
	
.w3w a{
	background-color:unset;
}

/* = = = = = = = = = = = = = = = = = = = = */


/*  ##############################################################  */
/*  ##############################################################  */
/*  @media table  */

/* iPad Pro 1366 x 1024 */
@media screen and (max-width: 1280px)
and (orientation:landscape)
{
}

/* iPad Pro 1024 x 1366 */
@media screen and (max-width: 800px)
and (orientation:portrait)
{
}

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

/* Sony XPERIA 1280 x 800 */
@media screen and (max-width: 1280px)
and (orientation:landscape)
{
}

/* Sony XPERIA 800 x 1280 */
@media screen and (max-width: 800px)
and (orientation:portrait)
{
}

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

/***** iPad Landscape *****/
@media only screen
and (max-width : 1024px)
and (orientation:landscape)
and (-webkit-min-device-pixel-ratio: 1)
{
}

/***** iPad portrait *****/
@media only screen
and (max-width : 768px)
and (orientation:portrait)
and (-webkit-min-device-pixel-ratio: 1)
{
}

/***** ANY DEVICE *****/
@media only screen
and (max-width : 768px)
{

	.con-phone,
	.con-open,
	.con-email,
	.con-location {									/* moves legend and form down from top */
		margin: 0;
		width: 310px;
	}
	
	.contacts{
		display: flex;
		
		align-content: space-around;
		align-items: stretch;
		flex-direction: column;
		flex-wrap: nowrap;
		
		justify-items: center;
		/* width: 100%; */
	}
	
	.detail-box {
		/* border: 2px solid blue; */
		width: 100%;
	}

	.con-phone,
	.con-open,
	.con-email,
	.con-location {									/* moves legend and form down from top */
		margin: 0;
		/* width: 330px; */
	}
}

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

/* iPhone 6, 7, & 8 Plus in landscape */
@media only screen
and (max-width : 736px)
and (orientation : landscape)
{
}

/* iPhone 6, 7, & 8 Plus in portrait */
@media only screen
and (max-width : 414px)
and (orientation : portrait)
{
}

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

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

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

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

/* iPhone 5s in landscape */
@media only screen
and (max-width : 568px)
and (orientation:landscape)
/* and (-webkit-device-pixel-ratio : 2) */
{
}

/* iPhone 5s in portrait */
@media screen and
(max-width: 320px)
and (orientation:portrait)
/* and (-webkit-device-pixel-ratio : 2) */
{
}