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

/* ##########          ########## */
/* Page Footer css settings */

#foot-flex_1 {order: 0;}
#foot-flex_2 {order: 0;}
#foot-flex_3 {order: 0;}

.pagefooter {
    display: flex;
	
    flex-direction: row;
    justify-content: space-around;
    justify-items: center;
	
    background-color: #ccc;
    border-left: 2px solid white;
    border-right: 2px solid white;
    margin: 0 auto;
    padding: 5px;
    text-align: center;
	width:100%;
}

.code-verification {
    display: flex;
	
    align-content: space-around;
    flex-direction: column;
    justify-content: space-around;
    justify-items: center;
    background-color: #ccc;
    text-align: center;
    padding: 5px;
}


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

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

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

@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) */
{	
	#foot-flex_1 {order: 2;}
	 
	#foot-flex_2 {
		order: 1;
		width: 100%;
		padding-bottom: 20px;
	}
	
	#foot-flex_3 {order: 3;}

	.pagefooter p{
		/*background-color:#ccc;
		flex-direction: column;*/
	 }

	.pagefooter{
		background-color:#ccc;
		flex-direction: column;
	}
	 
	.pagefooter {
		display: flex;
		
		align-content: space-around;
		align-items: stretch;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-around;
		justify-items: center;
		
		background-color: #ccc;
		border-left: 2px solid white;
		border-right: 2px solid white;
		margin: 0 auto;
		text-align: center;
		padding: 5px;
	}
}


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

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

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

@media screen and (max-width : 550px)
and (orientation:portrait)
/*and (-webkit-device-pixel-ratio : 2) */
{
}

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


/* 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)
{
	.pagefooter p{
		margin: 0 auto;
		text-align: center;
		width: 65%;
	}
}

@media screen
and (max-width: 375px)
and (orientation:portrait)
/* and (-webkit-device-pixel-ratio : 2)*/
{
	.pagefooter p{
		margin: 0 auto;
		text-align: center;
		width: 65%;
	}
}

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


/* 567 x 320 iPhone 5s */
@media only screen
and (max-width : 567px)
and (orientation:landscape)
/* and (-webkit-device-pixel-ratio : 2) */
{	
	.pagefooter p {
		width: 100%;
	}
}


/* 320 x 567 iPhone 5s */
@media screen and
(max-width: 320px)
and (orientation:portrait)
/* and (-webkit-device-pixel-ratio : 2) */
{
	.pagefooter p {
		width: 100%;
	}
}