/*
	Theme Name: Cady Groves
	Theme URI: https://my.studiopress.com/themes/genesis/
	Description: Cady Groves Theme, a Genesis child theme
	Author:		Developerz Block
	Author URI:	http://developerzblock.com
	Template: genesis
	Version: 1.0.0
*/

/*/////////////////////////////////////////////
//// BEGIN: General Styles
/////////////////////////////////////////////*/
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	background: url('/wp-content/uploads/2020/05/background.jpg') no-repeat center top / cover #ccc;
	font-family: 'Cabin', sans-serif;
}

a {
	text-decoration: none;
	transition: color 0.2s ease-in-out;
}

article {
    position: relative;
}

img {
	max-width: 100%;
	vertical-align: bottom;
}

li {
	list-style: none;
}

ul {
	margin: 0;
}


.mobile {
	display: none;
}

.fade-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
    z-index: 10;
}

footer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
    padding: 5px 20px 0;
	background: rgba(0,0,0,0.9);
    vertical-align: middle;
	color: #fff;
    font-size: 15px;
    letter-spacing: .5px;
	text-align: center;
}

footer p {
    margin: 0;
    line-height: 1.5;
}

footer span:not(:last-child):after {
	content: ' | ';
	display: inline-block;
    margin: 0 5px;
}

footer a {
	color: #fff;
}
	
footer a:hover {
	color: #C3A566;
}

/*/////////////////////////////////////////////
//// BEGIN: Media Queries
/////////////////////////////////////////////*/

/* BEGIN: Hovers */
@media screen and (min-width: 768px) {

	a:hover {
		color: #333;
		text-decoration: none;
	}
	
	footer a:hover {
		color: #C3A566;
	}
}

/* BEGIN: Mobile */
@media screen and (max-width: 767px) {

	body {
		background: url('/wp-content/uploads/2020/05/mobile_background.jpg') no-repeat center top / cover #ccc;	
	}

	.mobile {
		display: block;
	}
	
	footer {
		padding: 10px 20px;
		background: #111;
	}
	
	.page-template-page-fullwidth footer {
		position: relative;
	}
	
	footer span {
		display: block;
	}
		
	footer span:not(:last-child):after {
		display: none;
	}
}

/* BEGIN: Mobile */
@media screen and (max-device-width: 767px) and (min-device-height: 750px) and (max-device-height: 960px) {
	
	footer {
		padding: 6vw 20px;
	}
}
/* FIN */