@charset "UTF-8";
/*   
Theme Name: Kelly's XO Bake Shoppe Theme
Theme URI: http://kellysxo.com/
Description: Theme developed for Kelly's XO Bake Shoppe. Developed for Wordpress 4+
Author: Faduchi Group
Author URI: http://www.faduchigroup.com/
Version: 1.0
*/
@import  url("style.min.css");

section#make_entire_feature_image_clickable, section#make_entire_feature_image_clickable *, section#make_entire_book_checkout_area_clickable, section#make_entire_book_checkout_area_clickable * {
	cursor: pointer;
}

ul.sub-menu {
	display: none;
}


/* STYLES ADDED FOR THE CAREER APPLICATION FORMS BELOW */




/* STYLE INFO FOR https://www.kellysxo.com/news-media/ */

ul#newsMediaList {
	list-style-type: none !important;
}

ul#newsMediaList li {
	width: 25%;
	float: left;
	border: 20px solid #fff9f3;
	list-style-type: none !important;
	cursor: pointer !important;
	position: relative;
}

ul#newsMediaList li p a, ul#newsMediaList li p a:hover {
	text-decoration: none !important;
	cursor: pointer !important;
	display: block;
	margin-bottom: 100rem;
}

div.perfectSquareCssTrick {
	/* taken from here: http://stackoverflow.com/questions/1495407/maintain-the-aspect-ratio-of-a-div-with-css */
	padding-bottom: 100%;
	background-size: cover;
	background-position: center center;
}

ul#newsMediaList li p {
	text-align: center !important;
}

span.newsMediaListTitle {
	margin-top: 2%;
	margin-bottom: 1%;
	font-family: GothamBold,Montserrat,sans-serif;
	color: #e7457e;
	text-transform: uppercase;
	font-size: 18rem;
	line-height: 1.2em;
	display: block;
}

span.newsMediaListCaption {
	margin: 0 !important;
	padding: 0 !important;
	font-family: GothamBold,Montserrat,sans-serif;
    color: #8e8183;
    font-size: 12rem;
    line-height: 175%;
    text-transform: uppercase;
    display: block;
}

span.newsMediaListDate {
	margin: 0 !important;
	padding: 0 !important;
	font-size: 11rem;
	font-family: GothamBold,Montserrat,sans-serif;
	color: #968a8c;
	display: block;
}

img.newsMediaListLogo {
	max-width: 100%;
    max-height: 100rem;
    opacity: 0.5;
	display: block;
	margin: auto !important;
	padding: 5px 0 !important;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}


/*
@media only screen and (max-width:760px),(min-device-width:768px) and (max-device-width:1024px)
*/
@media screen and (min-width: 1px) and (max-width: 500px) {
	
	ul#newsMediaList li {
		width: 100%;
		float: left;
		position: relative;
		border: 20px solid #fff9f3;
		list-style-type: none !important;
		cursor: pointer !important;
	}
	
}

/*
@media only screen and (max-width:1200px),(min-device-width:1200px) and (max-device-width:1200px)
*/
@media screen and (min-width: 500px) and (max-width: 1000px) {
	
	ul#newsMediaList li {
		width: 50%;
		float: left;
		position: relative;
		border: 20px solid #fff9f3;
		list-style-type: none !important;
		cursor: pointer !important;
	}
	
}

@media screen and (min-width: 1000px) and (max-width: 1200px) {
	
	ul#newsMediaList li {
		width: 33%;
		float: left;
		position: relative;
		border: 20px solid #fff9f3;
		list-style-type: none !important;
		cursor: pointer !important;
	}
	
}