/*
Theme Name: Mississippi Encyclopedia v1
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/* variables */
:root {
	--ff-a: 'Roboto Slab', arial, helvetica, sans-serif;
	--ff-r: "Roboto Slab", arial, helvetica, sans-serif;
	--ff-rs: "Roboto Slab", georgia, serif;
}

.fusion-header {
	border-bottom: 1px solid #e2e2e2;
}

.fusion-main-menu {
	text-transform: uppercase;
}

.fusion-main-menu .fusion-dropdown-menu .sub-menu li a, .fusion-main-menu .sub-menu li a {
	font-family: 'Roboto Slab', arial, helvetica, sans-serif !important;
	text-transform: none;
}

.fusion-page-title-wrapper {
	padding: 30px 0px 30px 0px;
	border-bottom: 1px solid #e2e2e2 !important;
}

.ms-hero {
	padding: 30px 20px !important;
}

.ms-intro {
	text-align: center;
	padding: 0px 20px !important;
}

.ms-intro-title {
	margin: 6px auto !important;
}

.ms-intro p {
	font-family: 'Roboto Slab' !important;
	font-weight: 600 !important;
	font-size: 14px !important;
	line-height: 19px !important;
	padding: 0 !important;
	margin: 0 !important;
}

.ms-intro p.ms-title-top {
	font-size: 60px !important;
	line-height: 60px !important;	
	padding: 0 !important;
	margin: 0 !important;
	transition: 0.5s ease all;
}
.ms-intro p.ms-title-bottom {
	font-size: 42px !important;
	line-height: 42px !important;	
	padding: 0 !important;
	margin: 0 0 10px 0 !important;
	transition: 0.5s ease all;
}

.ms-intro p.ms-lg-red {
	color: #990000 !important;
	font-family: 'EB Garamond' !important;
	font-weight: normal !important;
	text-transform: uppercase;
}

.ms-search-home {
	padding-top: 20px !important;
	padding-bottom: 0px !important;
	border-top: 1px solid #e2e2e2;
	border-bottom: none;
	margin-top: 20px !important;
}

.ecms-quick-browse ul {
	text-align: center;
	font-family: 'Roboto Slab', georgia, serif !important;
	font-weight: bold !important;
}

@media screen and (min-width:480px){

	.ms-intro p.ms-title-top {
		font-size: 70px !important;
		line-height: 70px !important;
	}
	.ms-intro p.ms-title-bottom {
		font-size: 49px !important;
		line-height: 49px !important;
	}
	
}

@media screen and (min-width:769px){
	
	.ms-intro-title {
		max-width: 670px !important;
		padding-left: 120px !important;
		background-image: url('/wp-content/uploads/2017/12/ms-intro-logo.jpg');
		background-position: 0px 0px;
		background-repeat: no-repeat;
		background-size: contain;
	}
	
	.ms-intro p {
		font-size: 19px !important;
		line-height: 24px !important;
	}

	.ms-intro p.ms-title-top {
		font-size: 100px !important;
		line-height: 100px !important;
	}
	.ms-intro p.ms-title-bottom {
		font-size: 70px !important;
		line-height: 70px !important;
	}
	
	.ms-search-home {
		width: 50% !important;
		margin: 20px auto 0px auto !important;
	}
	
}

@media screen and (min-width:900px){
	
	.ms-intro-title {
		max-width: 770px !important;
		padding-left: 140px !important;
	}
	
	.ms-intro p.ms-title-top {
		font-size: 114px !important;
		line-height: 114px !important;
	}
	.ms-intro p.ms-title-bottom {
		font-size: 80px !important;
		line-height: 80px !important;
	}	
	
}


.ms-section-header {
	text-align: center;
}

.ms-section-header h2 {
	color: #990000 !important;
	font-family: 'EB Garamond' !important;
	font-size: 30px !important;
	line-height: 30px !important;
	padding: 0 !important;
	margin: 0 0 10px 0 !important;
}




.ecms-h1,
.ecms-h2
{
	font-family: var(--ff-r) !important;
	font-weight: bold !important;
	padding: 0 !important;
	margin: 0 !important;
}

.ecms-h2 {
	margin-bottom: 10px !important;
}

.ecms-h3,
.ecms-h4,
.ecms-h5,
.ecms-h6
{
	font-family: var(--ff-r) !important;
	font-weight: bold !important;
	padding: 0 !important;
	margin: 0 0 10px 0 !important;
}

.tn-fc--white { color: #ffffff !important; }
.tn-fc--light-gray { color: #f9f9fb !important; }

.tn-fs--xxxl {
	font-size: 80px !important;
	line-height: 87px !important;
}

.ecms-h2--sidebar-header {
	font-family: var(--ff-rs) !important;
	padding: 0 0 10px 0 !important;
	margin: 0 0 10px 0 !important;
}

.ecms-h3--section-header {
	color: #990000 !important;
	font-size: 14px !important;
	font-weight: bold !important;
	text-transform: uppercase;
	padding: 0 !important;
	margin: 0 0 10px 0 !important;
}

.ecms-p {
	font-family: var(--ff-rs) !important;
}


.ecms-object--aside {
	border: none;
}

.ecms-object--image---caption p {
	font-family: var(--ff-r) !important;
	margin: 0 !important;
}

.ecms-data-list-container h3 {
	font-family: var(--ff-rs) !important;
	font-size: 16px !important;
	font-weight: bold !important;
	padding: 0 0 0 20px !important;
	margin: 0 0 10px 0 !important;
	}

/* footer containers and blocks */

.ms-container-footer {}

.ms-container-footer-logos {
	padding-top: 30px !important;
	padding-bottom: 30px !important;
	/*border-top: 4px solid #990000 !important;*/
}

/* footer links */

.ecms-list--items-footer {}

.ecms-list--items-footer h3 {
	font-family: var(--ff-rs) !important;
	font-weight: bold !important;
	margin-bottom: 10px !important;
}

.ecms-list--items-footer ul li {
	font-size: 14px !important;
}

.ecms-list--items-footer ul li a {
	color: #000000 !important;
}

.ecms-list--items-footer ul li a:hover {
	text-decoration: underline
}

/* intro boxes below the home hero */

.ms-home-feature-box {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	
	
	padding: 0px !important;
	border: 1px solid red !important;
}

/* facet wp overrides */
.facetwp-facet {
	margin-bottom: 0px !important;
}

/* MULTI COLUMN LAYOUT */

.ecms-section-nav {
	clear: both;
	list-style-type: none;
	padding: 0px;
	padding-bottom: 60px;
	border-bottom: 1px solid #e2e2e2;
	margin: 0px 0px 30px 0px;
}

.ecms-section-nav li {
	float: left;
	margin: 0px 4px 0px 0px;
}

.ecms-section-nav li a {
	font-weight: bold;
	color: #000000;
}

.ecms-section-nav li a:hover {
	font-weight: bold;
	color: #990000;
	text-decoration: underline;
}

#content-ecms-columns {
	float: none !important;
	column-count: 1;
}

#content-ecms-columns div p {
	padding: 0px !important;
	margin: 0px !important;
}

#content-ecms-columns div p a {
	color: #990000;
}

#content-ecms-columns div p a:hover {
	text-decoration: underline;
}

.ecms-section-header {
	font-size: 33px !important;
	line-height: 40px !important;
	margin-bottom: 20px !important;
}

#slb_viewer_wrap .slb_theme_slb_baseline {
	font-family: 'Roboto Slab', georgia, serif !important;
}

@media screen and (min-width:769px){
	
	#content-ecms-columns {
		column-count: 2;
	}
	
}

@media screen and (min-width:900px){
	
	.ecms-section-nav {
		padding-bottom: 50px;
	}

	#content-ecms-columns {
		column-count: 3;
	}
	
}