/* Order of Styles 
 * - Reset 
 * - Generic Styling
 * - Page Areas
 * - Logo
 * - Nav menu
 * - Page Content
 * - Footer
 * - Content Styles
 * - DNN Overrides
 */

/*-- Reset --*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, ul ul, ul ol, ol ol, ol ul {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: top;
}
/*-- /Reset --*/

/*-- Dropdown --*/
.caret { /* Dropdown arrow for 'Products'  */
	height: 30px !important;
	background: url(bootstrap/img/glyphicons-halflings-white.png);
	background-color: #E4DAC0;
	background-position: -305px -110px!important;
	border: none !important;
	bottom: 35px;
}
.nav li .caret:hover, .nav li .caret:focus {
	background-color: #E4dAC0 !important;
}
.nav-collapse ul li { /* Positions dropdown menu arrow */
	width: 95%;
	left: 13px;
}
.nav-collapse li li { /* Positions dropdown menu bullets, rounds corners */
	position: relative;
	left: 50px;
	padding: 5px;
	width: 90%;
	border-radius: 5px;
}
.nav-collapse li li:hover, .nav li a:focus, .nav li a:hover { /* Dropdown text hover color, clicked link color */
	background-color: #D9CBA6 !important;
	color: saddlebrown;
}
li > a { /* Link colors in menu */
	color: #996600;
	display: block;
	width: 100%;
}
li > a:visited { /* Link colors in menu */
	color: #4f3500;
}
.nav-pills li a { /* Rounds corners of items hovered over */
	font-size: 14px;
}
#myAccordion { /* Hides dropdown when on fullscreen */
	display: none;
	border-color: #D9CBA6;
	border-style: solid;
	border-width: 2px;
}
/*-- /Dropdown --*/


/*-- Logo/Banner --*/
html, body {
	background: #F3EFE2 !important;	
}
#Wrapper { /* White portion of screen which all content is in */
	-moz-border-radius: 5px;
	/*border-radius: 5px;*/
	-moz-box-shadow: 0 0 12px 7px #D9CBA6;
	/*Firefox*/
	-webkit-box-shadow: 0 0 12px 7px #D9CBA6;
	/*Chrome/safari*/
	box-shadow: 0 0 12px 5px #D9CBA6;
	/*Other CSS3*/
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Color=#D9CBA6, Strength=7, Direction=0)", "progid:DXImageTransform.Microsoft.Shadow(Color=#D9CBA6, Strength=7, Direction=90)", "progid:DXImageTransform.Microsoft.Shadow(Color=#D9CBA6, Strength=7, Direction=180)", "progid:DXImageTransform.Microsoft.Shadow(Color=#D9CBA6, Strength=7, Direction=270)";
	/* For IE 5.5 - 7 */
	filter: progid: DXImageTransform.Microsoft.Shadow(Color=#D9CBA6 Strength=7, Direction=0), progid: DXImageTransform.Microsoft.Shadow(Color=#D9CBA6, Strength=7, Direction=90), progid: DXImageTransform.Microsoft.Shadow(Color=#D9CBA6, Strength=7, Direction=180), progid: DXImageTransform.Microsoft.Shadow(Color=#D9CBA6, Strength=7, Direction=270);
	position: relative;
	top: 20px;
	background-color: #FFFFFF;
	min-height: 100%;
	/* width: 50%; */ /*Can be used for flexibility on page resizing */
	width: 970px;
	/* max-margin, left and right */
	margin: auto;
	overflow: hidden;
}
#Footer .Content { /* Copyright location */
	z-index: -1;
    text-align: center;
    font-size: 1em;
    margin: auto;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
   /* padding: 15px 0 0 0; */
}
#LogoRow { /* Top logo & banner row */
	max-height: 120px;
	display: flex;
	position: relative;
}
#dnn_PageHeader { /* Keep header on right side of logo */
	right: 0px;
	top: 10%;
	position: absolute;
	width: 80%;
	width: calc(100% - 225px);
	height: 98%;
	/*height: 100%;*/
}
#dnn_Logo { /* Keep logo on left side of header */
	left: 15px;
	padding-top: 0px;
}
#dnn_Logo img {
	max-width: 235px !important;
	max-height: 115px !important;
}
/*-- /Logo/Banner --*/

/*-- Page Content --*/
.FrontPageRight img, .FrontPageLeft img {
	transform: translate(20%, 0%);
	width: 70% !important;
	height: 30% !important;
}
.FrontPageLeft, .FrontPageRight {
	padding-top: 75px;
	padding-bottom: 59px;
}
.contentLeft { /* Aligns left portion of cheese screen */
	width: 60%;
	float: left;
}
.contentRight { /* Adjusts right column, right portion of page */
	position: relative;
	left: 15px;
	float: right;
	width: 40%;
	padding-right: 15px;
}
#Content { /* All content, left border coloring */
	float: right;
	width:80%;
	padding: 10px 10px 950px 10px;
	margin-bottom: -900px;
	border-left-style: solid;
	border-left-width: 4px;
	border-left-color: #D9CBA6;
	min-height: 500px;
	display: -webkit-box;
	display: -moz-box;
	/*display: -ms-flexbox;*/
	display: -webkit-flex;
	/*display: flex;*/
	-webkit-flex-direction: column;
	flex-direction: column;
}
#SecretContent { /* All content, left border coloring */
	float: right;
	width: 80%;
	padding: 10px 10px 950px 10px;
	margin-bottom: -900px;
	border-left-style: solid;
	border-left-width: 4px;
	border-left-color: #D9CBA6;
	min-height: 500px;
	display: -webkit-box;
	display: -moz-box;
	/*display: -ms-flexbox;*/
	display: -webkit-flex;
	/*display: flex;*/
	-webkit-flex-direction: column;
	flex-direction: column;
}
.Heading { /* Information regarding cheese, 'American Grana' = 'Huge wheels are created', top header of various pages */
	font-size: 1.1em;
	font-weight: normal;
	line-height: 1.5em;
	color: #444;
	position: relative;
}
.contentPane img { /* Add padding to properly add gap between picture and text */
	float: left;
	/*padding-right: 10px; /* 15 */
	/*width: 85% !important;*/
}
.FrontPageRight .FrontPageIcons {
	display: none;
}
.Bottom { /* Positions copyright at bottom */
	bottom: -20px;
	position: relative;
}
.contentAll img { /* One column layout images */
	width: auto;
	max-width: 50%;
	max-height: 400px;
}
/*-- /Page Content --*/


/*-- Text CSS --*/
.ParagraphTitle { /* Text CSS */
	font-size: 1.1em;
	font-weight: bold;
	color: #996600;
	margin: 0em;
}
.ParagraphBlock { /* Text CSS */
	font-size: 1.1em;
	line-height: 1.5em;
	margin: 0em 0em 1em 0em;
	/*color: #444;*/
}
a.Link, a:hover.Link, a:visited.Link { /* Text CSS */
	/*color: #996600;*/
	color: #86754D;
	margin: 0em;
}
/*-- /Text CSS --*/

/*-- Social Icons --*/
.Social-Icons { /* Social Icons stacking side-by-side */
	height: 40px;
	display: inline-table;
}
.PinItDiv, .FacebookDiv, .TwitterDiv { /* Social Icons stacking side-by-side */
	float: left;
	width: auto;
	padding: 6px;
}
/*-- /Social Icons --*/

/*-- Side Bar --*/
#SideBar { /* Side bar of cheese options, visible on full-screen */
	width: 20%;
	padding: 0px 0px 950px 0px;
	margin-bottom: -900px;
	text-align: center;
	font-size: 10px;
	float: left;
}
.toplevel { /* Side Bar */
	font-size: 1.2em;
	font-weight: bold;
	list-style: none;
}
.toplevel a:link, .toplevel a:visited { /* Side Bar */
	color: #645739;
	display: block;
	padding: 4px;
	text-decoration: none;
}
.toplevel a:hover { /* Side Bar */
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #D9CBA6;
}
.submenu { /* Side Bar */
	font-weight: normal;
	list-style: none;
	padding: 0!important;
}
.submenu a:link, .submenu a:visited { /* Side Bar */
	color: #86754D;
	display: block;
	padding: 4px;
	text-decoration: none;
}
.submenu a:hover { /* Side Bar */
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #D9CBA6;
}
/*-- /Side Bar --*/

/*-- Recipes Page Accordion --*/  
h2.dnnFormSectionHead2 {
    margin: 0.0 auto 0.6em;
    padding: 0;
    letter-spacing: -0.03em;
    font-weight: bold;
    border-bottom: 1px #ccc solid;
    text-align: left;
    line-height: 1.2;
	color: #996600;
    font-size: 15px;
}
h2.dnnFormSectionHead2 a, h2.dnnFormSectionHead2 a:visited {
    display: block;
    text-decoration: none;
    padding: 0 0.8em;
    color: #996600;
    letter-spacing: -0.03em;
    font-weight: bold;
    background: url(../../images/down-icn.png) no-repeat 98% center;
    display: block;
}
.DnnModule-AccordionTabs .dnnClear a {
	font-size: 12px !important;
}
h2.dnnFormSectionHead2 a:hover {
	border-radius: 5px;
	background-color: #D9CBA6;
}
.pane a {
	position: relative;
	left: 20px;
	padding: 2px;
	padding-left: 50px;
	text-indent: -50px;
}
/*-- /Recipes Page Accordion --*/  

/*-- Front page --*/
.FrontPaneWrapper { /* Wrapper specific to home page */
	display: flex;
}
.FrontPageLeft { /* Makes sure left column is on left side for full size */
	order: 1;
	/*padding: 20px 0px 0px 30px;*/
	width: 25%;
}
.FrontPageCenter { /* Makes sure center column is in center for full size */
	order: 2;
	z-index: 5;
	position: relative;
	/*width: 55%;*/
	width: 50%;
	padding-top: 50px;
}
.FrontPageCenter img { /* Keep logo and 9 Secrets picture looking correct through resize */
	float: none;
}
.FrontPageRight { /* Makes sure right column is on right side for full size */
	order: 3;
	margin-bottom: 1em;
	/*padding-top: 20px;*/
	width: 25%;
}
.FrontPageCenter .FrontPageIcons img {
	height: 35px !important;
	width: 35px !important;
}
#Wrapper-HomePage { /* Wrapper specific to home page */
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0 0 12px 7px #D9CBA6; /*Firefox*/
    -webkit-box-shadow: 0 0 12px 7px #D9CBA6;/*Chrome/safari*/
    box-shadow: 0 0 12px 5px #D9CBA6; /*Other CSS3*/	
	/* For IE 8 */	
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Color=#D9CBA6, Strength=7, Direction=0)",
           "progid:DXImageTransform.Microsoft.Shadow(Color=#D9CBA6, Strength=7, Direction=90)",
           "progid:DXImageTransform.Microsoft.Shadow(Color=#D9CBA6, Strength=7, Direction=180)",
           "progid:DXImageTransform.Microsoft.Shadow(Color=#D9CBA6, Strength=7, Direction=270)";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Color=#D9CBA6 Strength=7, Direction=0),
           progid:DXImageTransform.Microsoft.Shadow(Color=#D9CBA6, Strength=7, Direction=90),
           progid:DXImageTransform.Microsoft.Shadow(Color=#D9CBA6, Strength=7, Direction=180),
           progid:DXImageTransform.Microsoft.Shadow(Color=#D9CBA6, Strength=7, Direction=270);	
	 
    /*position: relative;*/
	display:block;
    top: 20px;	
    background-color: #FFFFFF;
    min-height: 100%; 
    width: 59%;
    margin: auto;
    /*overflow: hidden;	*/
	overflow: auto;
	position: relative;
	min-width: 920px;
}
.DNNEmptyPane { /* Empty panes do not get shown */
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
}
#okyadbackground { /* Ad on home page, brown background */
	width: 200% !important;
	height: 200% !important;
}
.FrontPageBottom {
	display: none;
}
/*-- /Front page --*/

/*-- Recipes, Nine Secrets --*/
.TwoPicturePaneWrapper .contentLeft {
	width: 100%;
}
.TwoPicturePaneWrapper, .SecretPaneWrapper { /* Pane around left, right, bottom pane */
	display: inline-table;
}
.contentBottom { /* Push back and next buttons to bottom of page */
	display: table-footer-group;
}
iframe { /* Youtube video stays centered */
	display: block;
	margin: 0 auto;
}
.picturePane img, .SecretPicturePane img { /* Primary picture on left */
	width: 60% !important;
	height: auto !important;
}
.picturePane img:nth-child(2), .SecretPicturePane img:nth-child(2) { /* Second picture on right, "Secret #" */
	width: 40% !important;
	max-width: 272px;
	float: right;
}
/*-- /Recipes, Nine Secrets --*/

/*-- Compliments & Complaints --*/
.application-text img { /* Example images */
	margin: 0 !important;
	float: none;
}
/*-- /Compliments & Complaints --*/

/*-- Awards --*/
.contentEqualLeft { /* 48% leaves small gap between two columns */
	width: 48%;
	float: left;
}
.contentEqualRight { /* 48% leaves small gap between two columns */
	width: 48%;
	float: right;
}
/*-- /Awards --*/

/*-- Login --*/
.dnnFormLabel { /* Aligns labels */
	width: 31% !important;
}
.dnnLabel { /* Aligns label/text boxes */
	width: 20%
}
.dnnFormItem span.dnnFormLabel { /* Aligns login buttons */
	width: 20% !important
}
/*-- /Login --*/

/*-- DMX - skin for pages with modules that extend off the page --*/
#DMX-Wrapper { /* White portion of screen which all content is in, specific to DMX skin */
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 12px 7px #D9CBA6;
	/*Firefox*/
	-webkit-box-shadow: 0 0 12px 7px #D9CBA6;
	/*Chrome/safari*/
	box-shadow: 0 0 12px 5px #D9CBA6;
	/*Other CSS3*/
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Color=#D9CBA6, Strength=7, Direction=0)", "progid:DXImageTransform.Microsoft.Shadow(Color=#D9CBA6, Strength=7, Direction=90)", "progid:DXImageTransform.Microsoft.Shadow(Color=#D9CBA6, Strength=7, Direction=180)", "progid:DXImageTransform.Microsoft.Shadow(Color=#D9CBA6, Strength=7, Direction=270)";
	/* For IE 5.5 - 7 */
	filter: progid: DXImageTransform.Microsoft.Shadow(Color=#D9CBA6 Strength=7, Direction=0), progid: DXImageTransform.Microsoft.Shadow(Color=#D9CBA6, Strength=7, Direction=90), progid: DXImageTransform.Microsoft.Shadow(Color=#D9CBA6, Strength=7, Direction=180), progid: DXImageTransform.Microsoft.Shadow(Color=#D9CBA6, Strength=7, Direction=270);
	position: relative;
	top: 20px;
	background-color: #FFFFFF;
	min-height: 100%;
	/* width: 50%; */ /*Can be used for flexibility on page resizing */
	width: 970px;
	/* max-margin, left and right */
	margin: auto;
	overflow: hidden;
}
#DMX-LogoRow { /* Top logo & banner row */
	max-height: 120px;
	display: flex;
	width: 100%;
}
.uLetterSearch { /* AccountManagement, keeps all letters in one row */
	display: flex;
}
.ModWorkControlMembershipC .dnnActions li { /* Pads buttons correctly */
	padding: 10px;
}
/*-- /DMX --*/

/*-- Ads Edit --*/
.cke {
	width: 100% !important;
}
.ModOnyakTechAdsC {
	left: 15px;
	position: relative;
}
#okyadControlsPop img {
	min-width: 100% !important;
	position: relative;
	right: 0%;
}
/*-- /Ads Edit --*/
/*-- DNN Module --*/
.dnnModuleManager {
	padding: 0px !important; /* 10 by default */
}
/*-- /DNN Module --*/




/*-- Test --*/
.submenu href^="https://test.belgioioso.com/Secret/Secret2" {
	background: #ffff00;
}
#FixedBanner {
	display: none;
}
.picturePane {
	height: 98%;
	display: table;
	position: relative;
}
/*-- /Test --*/



@media screen and (max-width: 1025px) and (min-width: 726px) { /* TABLET RESOLUTION */
/*-- Front page --*/
	#Wrapper-HomePage { /* Wrapper specific to home page */
		min-width: auto;
		width: 97%;	
	}
	.FrontPaneWrapper { /* Wrapper specific to home page */
		display: block;
	}
	.FrontPageCenter { /* Front page, center column */
		width: 100%;
	}
	.FrontPageLeft, .FrontPageRight { /* Front page, left/right columns */
		width: 50%;
		padding-top: 110px;
		padding-bottom: 0px;
		float: left;
		position: relative;
		bottom: 100px;
		z-index: 1;
	}
	.FrontPageRight .FrontPageIcons {
		display: initial;
	}
	.FrontPageIcons { /* Social Icons on front page */
		position: relative;
		transform: translate(-50%, 0%);
		float: left;
		width: 50%;
	}
	.FrontPageCenter .FrontPageIcons {
		display: none;
	}
	.FrontPageLeft img, .FrontPageRight img { /* Adjusts images to proper size */
		width: 70% !important;
		transform: initial;
	}
	.FrontPageIcons img{ /* Social Icons on front page */
		position: relative;
		float: left;
		width: 25% !important;
	}	
	.FrontPageLeft a, .FrontPageRight a { /* Removes white space around image being a href */
		display: table;
		margin: 0 auto;
	}
	.FrontPageCenter a { /* Cannot be display: table, tampers with phone and email URLS */
		display: inline-block;
	}
	.FrontPageIcons a { /* Keeps icons correct size and landscape oriented */
		display: inline;
	}
	.FrontPageCenter a img {
		min-width: 135% !important;
		position: relative;
		right: 20%;
	}
	#onyadControlsPop img {
		min-width: 100% !important;
		right: 0%;
	}
	.FrontPaneWrapper .contentPane img {
		width: 70% !important;
		max-width: 510px !important;
	}
	.FrontPageBottom {
		display: inline-block;
		bottom: 100px;
		width: 100%;
		position: relative;
	}
	#Content-HomePage #dnn_ContentPane p {
		font-size: 0px;
	}
	.FrontPageCenter p:nth-child(1n+3) {
		max-height: 0px;
	}
	/*-- /Front page --*/
/*-- Dropdown --*/
	#MenuButton { /* Dropdown menu button */
		width: 100%;
		color: #996600;
		display: block;
		background-image: linear-gradient(to top, #F3EFE2, #D9CBA6);
		border-radius: 0px;
	}
	.navbar { /* moves navbar into correct location */
		display: initial;
	}
	#myAccordion { /* Shows full div, hidden for desktop */
		display: block;
	}
	#FixedBanner {
		overflow: hidden;
		background-color: #F3EFE2;
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		z-index: 10;
		display: block;
	}
	#myAccordion .collapse {
		overflow-x: auto;
		max-height: 400px;
	}
/*-- /Dropdown --*/	
/*-- Page Content --*/
	#Content { /* Settings for all content that is not in the side bar */
		/*width: 80%; Side Bar */
		width: 100%;
		border-left-style: none;
		border-left-width: 0px;
		padding-top: 40px;
		position: relative;
	}
	#SecretContent {
		padding-top: 30px;
		width: 100%;
		border-left-style: none;
		border-left-width: 0px;
		position: relative;
	}
	#dnn_PageHeader { /* Keep header on right side of logo */
		top: 40%;
	}
/*-- /Page Content --*/
/*-- Page Appearance --*/
	#Wrapper { /* White portion of screen which all content is in */
		width: 80%;
	}
	.contentLeft, .contentRight { /* Adjusts both columns to fill full width */
		width: 100%;
		left: 0px;
		padding-right: 20px;
	}	
	#dnn_Logo { /* Keep logo on left side of header */
		float: left;
		min-height: 120px;
		padding-top: 50px;
	}
	#dnn_Logo img { /* Applies to logo image */
		width: 225px;
		max-width: 225px !important;
		height: 115px;
	}
	img { /* Pictures extend the full length of the window, "height: auto !important" breaks resizing middle */
		margin: 0 auto !important;
		display: block;
		height: auto !important;
		max-width: 100% !important;
	}
	.Heading { /* Moves text on cheese page left, removing previous indenting */
		left: 0px;
	}
	.picturePane img, .SecretPicturePane img { /* Makes images on cheese page not have extra white space after */
		display: inline-block;
	}
	.contentPane img { /* Remove padding to properly center image */
		float: none;
		padding-right: 0px;
		height: auto !important;
	}
/*-- /Page Appearance --*/
/*-- Side Bar --*/
	.submenu a:link, .submenu a:visited { /* Side Bar */
		width: 100%;
		padding: 4px;
	}
	#SideBar {
		display: none;
		width: 0%;
	}
/*-- /Side Bar --*/
/*-- Compliments & Complaints --*/
	.textbox-field { /* Fixes textboxes */
		width: 100% !important;
		float: right;
	}
	.firstcolumn { /* Aligns columns */
		width: 100% !important;
		float: none !important;
	}
	.exampleRow { /* Aligns example images */
		position: relative;
		bottom: 20px;
	}
/*-- /Compliments & Complaints --*/
}
@media screen and (max-width: 725px) { /* PHONE RESOLUTION */
/*-- Page Appearance --*/
	#Wrapper { /* White portion of screen which all content is in */
		-moz-border-radius: 5px;
		/*border-radius: 5px;*/
		-moz-box-shadow: 0 0px 12px 7px #D9CBA6;
		/*Firefox*/
		-webkit-box-shadow: 0 0px 12px 7px #D9CBA6;
		/*Chrome/safari*/
		box-shadow: 0 0px 12px 5px #D9CBA6;
		/*Other CSS3*/
		/* For IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Color=#D9CBA6, Strength=7, Direction=0)", "progid:DXImageTransform.Microsoft.Shadow(Color=#D9CBA6, Strength=7, Direction=90)", "progid:DXImageTransform.Microsoft.Shadow(Color=#D9CBA6, Strength=7, Direction=180)", "progid:DXImageTransform.Microsoft.Shadow(Color=#D9CBA6, Strength=7, Direction=270)";
		/* For IE 5.5 - 7 */
		filter: progid: DXImageTransform.Microsoft.Shadow(Color=#D9CBA6 Strength=7, Direction=0), progid: DXImageTransform.Microsoft.Shadow(Color=#D9CBA6, Strength=7, Direction=90), progid: DXImageTransform.Microsoft.Shadow(Color=#D9CBA6, Strength=7, Direction=180), progid: DXImageTransform.Microsoft.Shadow(Color=#D9CBA6, Strength=7, Direction=270);
		position: relative;
		/*top: 5px;*/
		background-color: #FFFFFF;
		/*min-height: 95%;*/
		width: 95%;
		margin: auto;
		position: relative;
	}
	img { /* All: Pictures extend the full length of the window */
		margin: 0 auto !important;
		display: block;
		max-width: 100% !important;
	}
	#dnn_PageHeader { /* Realign logo/banner images */
		position: relative;
		width: 100%;
	}
	#LogoRow { /* Top logo & banner row, stacks images */
		max-height: 220px;
		flex-direction: column;
	}
	#dnn_Logo { /* Keep logo on left side of header */
		padding-top: 50px;
	}
	.picturePane img { /* Secret, Recipe: Displays as inline-block for pictures to stay next to one another, versus Flex */
		display: inline-block;
	}
	.contentPane img { /* Cheese: Remove padding to properly center image, prevents text wrapping */
		float: none !important;
		padding-right: 0px;
		height: auto !important;
		max-width: 510px;
	}
	.contentAll img { /* One column layout images (Specialty Blends) */
		/*width: 50% !important;*/
		float: none !important;
	}
/*-- /Page Appearance --*/

/*-- Side Bar --*/
	#SideBar { /* Hide side bar of cheese options when in mobile view */
		display: none;
	}
/*-- /Side Bar --*/

/*-- Page Content --*/
	#Content { /* Cheese: Hide left border for cheese list */
		width: 100%;
		border-left-style: none;
		padding-top: 50px;
	}
	#SecretContent {
		padding-top: 0px;
		width: 100%;
		border-left-style: none;
		position: relative;
	}
	.contentLeft, .contentRight { /* Cheese: Adjusts both sides to take up the full width, aligns both*/
		width: 100%;
		left: 0px;
	}
/*-- /Page Content --*/

/*-- Dropdown --*/
	#MenuButton { /* All: Dropdown menu button */
		width: 100%;
		color: #996600;
		display: block;
		background-image: linear-gradient(to top, #F3EFE2, #D9CBA6);
		border-radius: 0px;
	}
	#myAccordion { /* Unhides dropdown compared to Desktop */
		display: block;
	}
	#FixedBanner {
		overflow: hidden;
		background-color: #F3EFE2;
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		z-index: 10;
		display: block;
	}
	#myAccordion .collapse {
		overflow-x: auto;
		max-height: 400px;
	}
	
/*-- /Dropdown --*/

/*-- Front page --*/	
	#Wrapper-HomePage { /* Wrapper specific to home page */
		width: 97%;	
		min-width: auto;
	}
	.FrontPaneWrapper { /* All content inside pane, reorganizes to column structure */
		display: block; 
	}
	.FrontPageLeft, .FrontPageRight { /* Two columns on front page */
		width: 50%;
		padding-top: 110px;
		float: left;
		position: relative;
		bottom: 100px;
		z-index: 1;
	}
	.FrontPageRight .FrontPageIcons {
		display: initial;
	}
	.FrontPageCenter .FrontPageIcons {
		display: none;
	}
	.FrontPageIcons { /* Social Icons on front page */
		transform: translate(-50%, 0%);
		float: left;
	}
	.FrontPageIcons img { /* Social Icons on front page, float organizes them in a horizontal line */ 
		position: relative;
		right: 5%;
		float: left;
	}
	.FrontPageRight img, .FrontPageLeft img {
		transform: initial;
	}
	.FrontPageLeft a, .FrontPageRight a { /* Removes white space around image being a href */
		display: table;
		margin: 0 auto;
	}
	.FrontPageCenter a { /* Cannot be display: table, tampers with phone and email URLS */
		display: inline-block;
	}
	.FrontPageIcons a {
		display: inline;
	}
	.FrontPageLeft img, .FrontPageRight img { /* Resize images on front page */
		max-width: 225px !important;
		width: 100% !important;
		height: auto !important;
	}
	.FrontPageIcons img { /* Make sure that social icons do not grow too large */
		width: 25% !important;
	}
	.FrontPageCenter a img {
		min-width: 100% !important;
		width: 100% !important;
		position: relative;
		right: 0px;
		height: auto !important;
	}
	.FrontPageBottom {
		display: inline-block;
		width: 100%;
		bottom: 100px;
		position: relative;
	}
	#Content-HomePage #dnn_ContentPane p {
		font-size: 0px;
	}
	.FrontPageCenter p:nth-child(1n+3) {
		max-height: 0px;
	}
	.FrontPageCenter {
		width: 100%;
	}
	/*-- /Front page --*/
/*-- Nine Secrets --*/
	.SecretPicturePane .Normal { /* Changes order of Secret/Picture */
		display: flex;
	}
	.SecretPicturePane img { /* Keep width correct for mobile */
		height: 100% !important;
	}
	.SecretPicturePane {
		padding-top: 30px;
	}
/*-- /Nine Secrets --*/	
/*-- Compliments & Complaints --*/
	.textbox-field { /* Textboxes on the page */
		width: 100% !important;
		float: right;
	}
	.firstcolumn { /* Left text on page, 'Cheese Name:' */
		width: 40% !important;
		float: none !important;
	}
	.exampleRow { /* Row regarding 'Example: ' with picture */
		position: relative;
		bottom: 20px;
	}
/*-- /Compliments & Complaints --*/
}
@media screen and (max-width: 360px) { /* SMART-WATCH RESOLUTION */
/*-- Page Appearance --*/
	img { /* All images should fill screen */
		margin: 0 auto !important;
		display: block;
		max-width: 100% !important;
	}
	video { /* American Grana has a video, sizes correctly */
		width: 100%;
	}	
	.PaneWrapper { /* All content inside pane */
			table-layout: fixed;
			width: 100%;
	}
	.Heading { /* Moves text on cheese page left, removing previous indenting */
		left: 0px;
	}
	.contentAll img { /* One column layout images (Specialty Blends) */
		width: 100% !important;
	}
	/*-- /Page Appearance --*/
/*-- Dropdown --*/
	.nav-collapse li li {
		left: 0px;
	}
	#myAccordion {
		display: block;
	}
/*-- /Dropdown --*/
/*-- Front Page --*/
	.FrontPageLeft a, .FrontPageRight a { /* Removes white space around image being a href */
		display: table;
		margin: 0 auto;
	}
	.FrontPageCenter a { /* Cannot be display: table, tampers with phone and email URLS */
		display: inline-block;
	}
	.FrontPageIcons a  /* Correctly displays FrontPageIcons */{
		display: inline;
	}
	.FrontPageIcons { /* Social Icons on front page */
		transform: translate(-50%, 0%);
		position: absolute;
	}
	.FrontPageBottom {
		display: inline-block;
		bottom: 50px;
		position: relative;
	}
	#Content-HomePage #dnn_ContentPane p {
		font-size: 0px;
	}
	/*-- /Front Page --*/
/*-- Login Page --*/
	.LoginPanel { /* Keeps text boxes and text in proper locations */
		width: 100%;
		padding-right: 0px;
	}
	.dnnPrimaryAction, .dnnSecondaryAction { /* Account management */
		min-width: 50px;
	}
	.dnnPrimaryAction { /* Account management */
		float: left;
	}
	.dnnSecondaryAction { /* Account management */
		float: right;
	}
/*-- /Login Page --*/
/*-- Nine Secrets --*/
	.contentLeft iframe { /* Sizing of Youtube videos (Secret #1)*/
		/*height: 100%;*/
		width: 100%;
	}
	.picturePane img, .SecretPicturePane img { /* Makes images on cheese page not have extra white space after */
		height: 10% !important;
	}
	.SecretPaneWrapper .contentRight img {
		height: auto !important;
	}
/*-- /Nine Secrets --*/	
/*-- Compliments & Complaints --*/
	.firstcolumn { /* Textbox on QI page */
		width: 100% !important;
		float: none !important;
	}
/*-- /Compliments & Complaints --*/
}