/*
Welcome to Custom CSS!

To learn how this works, see https://wp.me/PEmnE-Bt
*/

/* General whole site changes to fit better with original site style */
body {
	font-size: .8rem;
}

h1 {
	margin-top: 20px !important;
}

.entry-content {
	margin-bottom: 0 !important;
}

/****** Custom Blocks ******/

/* fontawesome icon circles */
.fa-bg {
	width: 100px;
	height: 100px;
	background-color: #EE8888;
	border-radius: 100%;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}

.fa-bg i {
	font-size: 2.5rem;
	color: #fff;
	position: relative;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

/* Used to increase the size of the program descriptions */
@media screen and (min-width: 1200px) {
		.program-description {
			width: 75% !important;
	}
}

@media screen and (min-width: 800px) {
	/* Increases button size(Desktop) */
	.long-button {
		min-width: 50% !important;
	}
	
	/* shrinks table font size(Desktop) */
	.condensed-table {
		font-size: 16px !important;
	}
}

@media screen and (max-width: 800px) {
	/* Increases button size(Mobile) */
	.long-button {
		min-width: 92% !important;
	}
	
	/* shrinks table size(Mobile) */
	.condensed-table {
		font-size: 14px !important;
	}
	
	/* shrinks table area(Mobile) */
	.condensed-table thead th {
		padding: 4px !important;
	}
	
	/* Fix for if a div is hitting the sides of the screen(Mobile) */
	.pad-sides {
		max-width: 92% !important;
	}
}

/* Increases button size */
.long-button a {
	min-width: 100% !important;
}

/* Decreases table vertical height */
.short-table tbody td {
	padding-top: 4px;
	padding-bottom: 4px;
}


.fine-print {
	font-size: 14px !important;
}

/* For slightly rounding image corners */
.rounded img {
	border-radius: 10px;
}

/* Used for styling custom footer */
.footer {
	max-width: 75% !important;
}

/**** End Custom Blocks ****/

/* All used for navigation bar styling */
.entry-title {
	display: none;
}

@media screen and (min-width: 800px) {
	main{
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		overflow: hidden;
	}
}

@media screen and (max-width: 800px) {
	main{
		padding-top: 50px !important;
		padding-bottom: 0 !important;
		overflow: hidden;
	}
}

#masthead{
	width: 100% !important;
	margin: 0 !important;
	max-width: 100% !important;
		background-color: #ffffff !important;
}

#Navbar-header {
	height: 54px !important;
	background-color: #ffffff !important;
	z-index:9999 !important;
}

#Navbar {
	position: fixed;
	top: 0;
	background-color: #ffffff;
	width: 100% !important;
	margin: 0px 0 !important;
	max-width: 100% !important;
	left: 0;
	box-shadow: 0px 0px 6px #999 !important;
}

.sub-menu {
	transform: translateX(-23%);
}

#responsive-menu-button {
	width: 100vw !important;
	left: 0;
	top: 0 !important;
	border-radius: 0;
	z-index: 10;
	box-shadow: 0px 0px 6px #999 !important;
}
#responsive-menu-button:before {
	width: 100vw;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #ffffff;
	z-index: 0;
}

.responsive-menu-box {
	position: absolute !important;
	right: 25px;
	top: 18px;
}

#responsive-menu-container{
	z-index: 99999  !important;
}

/* End navigation bar styling */

/* Makes the footer social icons grey and colorful on hover */
.wp-social-link svg {
	color: #999;
}

.wp-social-link svg:hover {
	color: inherit;
}
/* End of footer social icons */

/* This is used to hide footer section in favor for a custom block.
Delete this if you would like to see the default footer */

footer {
	display: none !important;
}


/* Hides WP Actionbar*/
div#actionbar {
	opacity: 0 !important;
	display: none !important;
}

/* Hides WP Like Button*/
div#jp-post-flair {
	display: none !important;
}