/*
Theme Name: MightySite Framework
Theme URI: http://GorillaWebStudio.com
Description: Framework for Mighty Sites made by Jonathan-Phillip Guzman
Version: 3.1
Author:  Gorilla Web Studio
Author URI: http://GorillaWebStudio.com
*/

@import url("./css/foundation.css");
@import url("./css/config.css");
@import url("./css/widgets.css");
@import url("./css/framework.css");
@import url("./css/mediaqueries.css");

.glyph a {color:#a98353;}
.widget-container.widget_ms_connect_widget {
  float: right;
  padding: 25px 0 0;
}
#header-widget-area h3.widget-title, #header-widget-area #connect {float:right;}
h2, h3, h4, h5, h6 {
	font-family: 'Rosarivo', serif;
	font-size:18px;
	padding-top: 22px;
}
p {font-family: 'Cabin', sans-serif;}

/* Header Styles */
h1 {
	font-size: 26px;
}
h4 {
	margin-bottom: 12px;
	padding-top: 22px;
}
.glyph.general {
	color: #fff;
}
.block-grid.three-up > li {
  padding: 0 12px 12px;
  width: 33.33%;
  min-height: 280px;
}
/* Header Menu Styles */

#access ul li {font-family: 'Cabin', sans-serif;}
#access ul li a {padding:5px 13px;}
#access ul li a:hover {color:#E3DFD1;}
#access ul li.current_page_item > a, #access ul li.current-menu-ancestor > a, #access ul li.current-menu-item > a, #access ul li.current-menu-parent > a {text-decoration:underline;}
#access ul ul {top:34px;}
/* Promo Styles */

/* Container Styles */
#content .article p {font-size:16px;line-height:22px;}
.read-more {background:#a98353; color:#fff;}
.read-more:hover {background:#dfdccb; color:#a98353;}
.entry-title {color:#534741; font-size: 26px;}

#hero .button-flex {
	display:flex;
	justify-content: space-around;
	align-items:center;
	padding:35px 0 0;
}
#hero .button-flex a.small.button {
	background: #a98353;
	color:#fff;
	font-size: 18px;
	padding: 15px 35px;
	width:400px;
	max-width:100%;
}
#hero .button-flex a.small.button:hover {
	background: #dfdccb;
	color: #a98353;
}
#hero .button-flex .glyph.social {
	cursor:pointer;
	font-size:20px;
	margin-left:15px;
}

#content {padding: 0 0 15px 15px;}
#content ul li, #content ol li {
	font-size: 16px;
	font-family: 'Cabin', sans-serif;
}
#second {
	border-bottom: 2px solid #534741;;
}
#second ul {
	list-style: none;
	margin: 0;
}
#second li {
	display: inline-block;
	float: left;
	padding: 0 18px 0 0;
	color: #a98353;
	font-size: 15px;
	margin-bottom: 5px;
}
#subscribe form {
	padding: 0 15px;
}

#sidebar {margin:15px 15px 0 0;}
#sidebar input[type="submit"] {
	background: #A98353;
	margin:5px 0 0 !important;
}
#sidebar input[type="submit"]:hover {
	background: #9E794D;
}
#newssub {
	background:#e3dfd1;
	font-size: 16px;
	text-align: center;
	-moz-border-radius:14px;
	-webkit-border-radius:14px;
	border-radius:14px;
	color:#ae8a5f;
	margin-top: 20px;
}
#sidebar #newssub p.download {
	padding: 12px;
	font-size:16px;
	line-height:18px;
}
#sidebar .widget-container p.receive {text-align:center;}

#sidebar #subscribe-button-wrapper {margin-left:0;}
.click {
	text-align: center;
	font-family: 'Cabin', sans-serif;
}
.click a {
	color: #e3dfd1;
	text-decoration: underline;
}
.click a:hover {
	text-decoration: underline;
	color: #d7d4c6;
}
.receive {
	font-weight: normal;
	font-size: 14px;
}
#newssub p {
	text-transform: uppercase;
	color: #A98353;
}
#newssub:hover {
	background-color:#d7d4c6;
}
#newssub:active {
	position:relative;
	top:1px;
}

#sidebar #recent-posts-2 a {color:#fff;}
#sidebar #categories-2 a {color:#fff;}
#sidebar #archives-2 a {color:#fff;}

ul.sub-nav li {display:inline-block;margin:5px 15px 5px 0;}
ul.sub-nav {margin-bottom:0;}

/* Footer Top Styles */

#footer-top-wrapper {margin-top:15px;}

#footer-top {color:#fff; font-family: 'Cabin', sans-serif;}

#footer #about-us a.read-more {
	background: #534741;
}
#footer #about-us a.read-more:hover {
	background: #473D38;
}
#footer-bottom-left strong, b {
	font-weight: normal;
}
#footer #ms_connect_widget-2 {text-align:right;}
#footer #ms_connect_widget-2 #connect {float:right;padding:5px 15px 5px 5px;}
#footer #ms_connect_widget-2 h3.widget-title {text-align:right;float:right;line-height:38px; font-family: 'Cabin', sans-serif;}
/* Footer Bottom Styles */
#footer-bottom-left a {color:#0071bc;}
#footer-bottom-left a:hover {color:#0071bc; text-decoration:underline;}
#footer-bottom-left {
	text-align: center;
}
/* Mobile Styles */
@media only screen and (max-width: 767px) {
#hero .button-flex {
	flex-flow:column nowrap;
	justify-content: center;
}
#hero .button-flex a.button.small:first-of-type {
	margin-bottom:35px;
}
}

@media only screen and (max-width: 800px) {

	#access ul li a {padding:5px 7px;}
	#access ul li {font-size:14px;}
}

@media only screen and (max-width: 768px) {

	#access ul li a {padding:5px;}
	#access ul li {font-size:14px;}
	.row {min-width:100%;}
}