/*
Customizations to r3417 theme

Colors:
Main yellow:	#fbc400
Dark yellow:	#c59600
Brown:			#967964
Mid-gray:		#6c6864
Warm silver:	#c0b8b3
Beige:			#e3dfd8
Red:			#ed1a3b
Dark red:		#bd0d32

*/


/* STANDARD HTML */

body * {
	font-family: Dosis, sans-serif;
	font-weight: 400;
}

b, strong { font-weight: 700; }

h1, h2, h3, h4, h5, h6, #header *, #footer * {
	font-family: Oswald, sans-serif;
	font-weight: 300 !important;
}


/* CUSTOM CSS CLASSES */

.tiles .tile .image {
	border-radius: 0.5em;
	overflow: hidden;
}


/* DOM ELEMENTS */

#header {
	background-size: 100% 100%;
	border-bottom: 1px solid rgba(0,0,0,0.2) !important;
}

#header *, #footer * {
	text-transform: uppercase;
}

body #logo.background_image, body #header.logo_align_ #logo, body #header.logo_align_left #logo, body.locking_header.scrolled #header #logo, body.locking_header.scrolled_alt #logo {
	left: 0 !important;
}

#footer #contact * {
	text-transform: none;
}


/* PLUGINS */


/* CSS3 MEDIA QUERIES */


/* NON-PHONE NAVIGATION (content area over 783 pixels) */
@media screen and (min-width: 783px) {

	#header #nav_wrapper .social_media_links:not(.text) {
		background: white;
		border-top-right-radius: 0.5em;
		border-top-left-radius: 0.5em;
		box-shadow: 0 -1px 2px rgba(0,0,0,0.15);
		/*opacity: 0.5;*/
		position: fixed; top: auto; right: 0; bottom: 0; left: auto;
		/*transition: opacity 0.333s ease;*/
	}
	/*#header #nav_wrapper .social_media_links:not(.text):hover {
		opacity: 1;
	}*/
		
	body.admin-bar #header #nav_wrapper .social_media_links:not(.text) * {
		transition: none !important;
	}
	
	#header #nav_wrapper .social_media_links:not(.text) li {
		margin: 7px !important;
	}
	
	#popover.bottom-right, #popover.bottom-right.open {
		bottom: 60px;
	}

}


/* LARGE SCREENS (content area over 1600 pixels) */
@media screen and (min-width: 1600px) {

}


/* SMALLER COMPUTERS (content area under 1200 pixels) */
@media screen and (max-width: 1200px) {

}
@media screen and (max-width: 1200px) and (min-width: 783px) {

}


/* TABLETS (content area under 1024 pixels) */
@media screen and (max-width: 1024px) {

}
@media screen and (max-width: 1024px) and (min-width: 783px) {

	#logo.background_image {
		left: -50px !important;
	}
	
	#primary_navigation, #auxiliary_navigation, #nav_handle {
		right: 1rem !important;
	}
	
	body.header_navigation_rounded_corners #header .menu > li {
		margin-left: 0;
	}

	#header .menu > li > a {
		padding: 0.5em 10px;
	}
	
	#header .search {
		width: 32px;
	}

}


/* PHONES (content area under 782 pixels) */
@media screen and (max-width: 782px) {

	#header {
		background-color: #ffffff;
		background-position: left top;
		background-size: 100% 59px;
		background-repeat: repeat-x;
	}
	
	/* Extra classes to override !important in Customizer */
	#header.no_scaling.menu_align_middle #logo.background_image, body.scrolled #logo.background_image, body.scrolled_alt #logo.background_image {
		height: 60px !important;
		max-height: 60px !important;
		top: calc(58px / 2) !important;
	}
	
	body.nav_open #nav_wrapper {
		margin-top: 80px;
	}
	
	#header #nav_wrapper .social_media_links:not(.text) {
		margin-left: 24px;
	}

}