/*
Theme Name: Monument
Author: The BoldGrid Team
Theme URI: https://www.boldgrid.com/monument
Author URI: https://www.boldgrid.com/the-team
Description: Designed specifically for use with the BoldGrid suite of plugins, all BoldGrid themes are highly customizable, responsive to a wide range of devices, and of course, beautiful. Every BoldGrid theme includes five pre-selected color palettes and an advanced tool for creating your own unique palette. In addition, all themes feature multiple menu locations and widget areas, which are easily customizable to suit your needs. So if you're looking for a theme that looks great, feels modern and professional, and offers plenty of features to make it your own, you've chosen well.
Version: 1.15.10
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: boldgrid-monument

Tags: custom-background, custom-colors, custom-menu, editor-style, responsive-layout, rtl-language-support, translation-ready, boldgrid-theme-45
*/

/*------------------------------------------------------------------------
>>> TABLE OF CONTENTS:
--------------------------------------------------------------------------
# Base Styles
	## Background
	## Positioning
	## Typography
	## Titles
	## Buttons
	## Et Cetera
# Header
# Navigation
	## Main Menu
	## Other Menus
	## Social Menus
# Modules
	## Universal
	## Global
	## Alpha
	## Beta
	## Gamma
	## Delta
# Pages
# Posts
# Plugins
	## WooCommerce
# Footer
------------------------------------------------------------------------*/

/*------------------------------------------------------------------------
# Base Styles
------------------------------------------------------------------------*/
.page-template-page_home .site-content {
	background-color: transparent;
}

/*-----------------------------------------------
## Positioning
-----------------------------------------------*/
.site-content {
	margin-top: -16px;
	padding: 25px;
}
.single .site-content,
.archive .site-content,
.search .site-content {
	margin-top: -16px;
}
.page-template-page_home .site-content {
	margin-top: 0;
	padding: 0 15px;
}
.page-template-default .site-content {
    margin: 125px -15px 0;
}
.hentry {
	margin: 0;
}
.error404 .site-content {
	margin-top: -15px;
}
.post-title-hidden .site-content {
	margin-top: -15px;
}
.page-template-page_home.post-title-hidden .site-content {
	margin-top: 0;
}
.container-fluid > .container {
	width: 100%;
}
.page-content,
.entry-content,
.entry-summary {
	margin: 0 -15px;
}
.page-template-page_home .entry-content {
	margin: 0 -15px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 1em 0;
}
p {
	margin-bottom: 15px;
}

/* Small devices (tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	.site-content {
		margin-top: 125px;
		padding: 25px;
	}
}

/*-----------------------------------------------
## Typography
-----------------------------------------------*/
.alt-font {
	margin: 1em 0;
}
.page-template-default .entry-title,
.title-main,
.button-primary,
.button-secondary,
.mod-beta-2 h3 {
	font-weight: bold;
}
.mod-beta p {
	font-style: italic;
}
.site-title,
.site-description,
.call-to-action h1,
.mod-alpha h2,
.mod-beta h2 {
	word-wrap: break-word;
}
.dropdown-menu > li > a {
	white-space: nowrap;
}
#menu-social li a {
	-webkit-font-smoothing: antialiased;
}
a:hover,
a:focus,
.link-secondary,
.site-footer a {
	text-decoration: underline;
}
.button-primary:hover,
.button-primary:active,
.link-secondary:hover,
.link-secondary:focus,
.button-secondary:hover,
.button-secondary:focus,
.site-footer a:hover,
.site-footer a:focus {
	text-decoration: none;
}
.site-title,
.site-description,
.call-to-action,
.title-main,
.navbar-default .navbar-nav,
.navbar-default .navbar-nav .open .dropdown-menu,
.page-template-default .entry-title,
#secondary-menu,
#tertiary-menu,
.menu-social,
.mod-divider p,
.mod-beta-2,
.mod-delta p,
.site-footer,
.footer-center-items,
.xs-center,
.mod-img,
.mod-img-circle,
.p-button-primary,
.p-button-secondary {
	text-align: center;
}
.mod-alpha h2,
.mod-alpha p,
.woocommerce .product_title,
#footer-widget-area {
	text-align: left;
}

/* Small devices (tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	.navbar-default .navbar-nav,
	.navbar-default .navbar-nav .open .dropdown-menu {
		text-align: left;
	}
}

/* Medium devices (desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	.xs-center,
	.mod-img,
	.mod-img-circle,
	.p-button-primary,
	.p-button-secondary {
		text-align: left;
	}
	.title-main,
	.mod-alpha h2,
	.mod-alpha p,
	.site-footer {
		text-align: right;
	}
	.dropdown-menu > li > a {
		white-space: normal;
	}
}

/*-----------------------------------------------
## Titles
-----------------------------------------------*/
.page-template-page_home .entry-title {
	display: none;
}
.page-template-default .entry-title {
	margin-top: 0;
	margin-bottom: 0;
	padding-bottom: 15px;
}
.title-main {
	margin: 0;
	padding: 20px 0;
}

/* Small devices (tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	.page-template-default .entry-title {
		margin-top: -110px;
		margin-bottom: 30px;
		padding-bottom: 15px;
	}
}

/*-----------------------------------------------
## Buttons
-----------------------------------------------*/
.button-primary,
.button-secondary {
	margin-top: 25px;
	padding: 10px 40px;
}

/* Positioning */
.p-button-primary,
.p-button-secondary {
	display: flex;
	margin: 25px 0;
}
.panel-footer {
	padding: 25px 15px;
}

/* Block vs. Inline */
.button-primary,
.button-secondary {
	display: block;
	margin-top: 15px;
}

/* Call to Action */
.call-to-action {
	margin-top: 15%;
	margin-bottom: 25%;
}
.call-to-action .p-button-primary {
	margin-top: 0;
}
.flexbox .call-to-action .p-button-primary {
	justify-content: center;
}
.no-flexbox .call-to-action .p-button-primary .button-primary {
	margin: 15px auto 0;
}

/* Small devices (tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	.button-primary,
	.button-secondary,
	.call-to-action .p-button-primary {
		display: inline;
		margin-top: 0;
	}
	.gridblock .p-button-primary,
	.gridblock .p-button-secondary {
		margin: 25px 0;
	}
}

/*-----------------------------------------------
## Et Cetera
-----------------------------------------------*/
hr {
	height: 1px;
	border: 0;
}
.panel-default > .panel-heading,
.panel-footer,
.panel {
	background: transparent;
	border: none;
}
.panel {
	box-shadow: none;
}

/*------------------------------------------------------------------------
# Header
------------------------------------------------------------------------*/
.site-title {
	margin-top: 50px;
}
.site-branding .site-title a.logo-site-title {
	border: 0;
}

/*------------------------------------------------------------------------
# Navigation
------------------------------------------------------------------------*/

/*-----------------------------------------------
## Main Menu
-----------------------------------------------*/
.navbar {
	min-height: 0;
	border: none;
}
.navbar-default {
	margin-top: 50px;
	margin-bottom: 20px;
	background: none;
}
.navbar-default .navbar-nav {
	margin-left: -15px;
}
.navbar-default .navbar-nav > li > a {
	padding: 10px;
	transition: all .5s ease;
}

/* Vertical Navigation */
.sidebar-nav {
	position: relative;
	margin-right: -15px;
	margin-left: -15px;
}

/* Medium devices (desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	.sidebar-nav {
		position: fixed;
		z-index: 1;
		padding-top: 25px;
		width: 25%;
		height: 100%;
	}
	.navbar-nav > li {
		width: 100%;
	}
}

/*-----------------------------------------------
## Other Menus
-----------------------------------------------*/
#secondary-menu a,
#tertiary-menu a {
	padding: 0 8px;
}
.footer-center-items li::after,
.boldgrid-framework-menu li::after {
	content: "";
}

/*-----------------------------------------------
## Social Menus
-----------------------------------------------*/
li.menu-social {
	padding: 1em .80em;
}
#secondary-menu li.menu-social,
#tertiary-menu li.menu-social {
	line-height: 3em;
}

/*------------------------------------------------------------------------
# Modules
------------------------------------------------------------------------*/

/*-----------------------------------------------
## Global
-----------------------------------------------*/
.mod-divider {
	margin: 4em 0;
}
.mod-divider p {
	margin-top: -45px;
}
.mod-icon-circle i {
	padding: 15px;
	border-radius: 50%;
}
.mod-icon-circle .fa-lightbulb-o {
	padding: 15px 20px;
}
blockquote,
.mod-blockquote {
	padding-top: 0;
	padding-bottom: 0;
}
blockquote p,
.mod-blockquote p {
	padding-left: 15px;
}

/*-----------------------------------------------
## Alpha
-----------------------------------------------*/
.background-alpha {
	margin-right: -15px;
	margin-left: -15px;
}
.mod-alpha {
	/* Flex */
	display: flex;
	flex-direction: column;

	justify-content: center;
}
.mod-alpha p {
	padding-left: 0;
}

/* Extra small devices (phones, less than 768px) */
.mod-alpha {
	padding: 15px;
}
.mod-alpha h2 {
	padding-bottom: 15px;
}

/* Medium devices (desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	.mod-alpha h2 {
		padding-bottom: 40px;
	}
	.mod-alpha p {
		padding-left: 32%;
	}
}

/*-----------------------------------------------
## Beta
-----------------------------------------------*/
.background-beta {
	margin-right: -15px;
	margin-left: -15px;
}
.mod-beta {
	margin-bottom: 50px;
}
.mod-beta h2 {
	margin-top: 0;
	padding-bottom: 20px;
}
.mod-beta p {
	width: 75%;
}
.mod-beta-2 {
	padding-bottom: 25px;
}
.mod-beta-2 img {
	width: 100%;
	height: auto;
}

/* Medium devices (desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	.mod-beta-2 img {
		padding: 0 25px;
	}
}

/*-----------------------------------------------
## Gamma
-----------------------------------------------*/
.background-gamma {
	margin-right: -15px;
	margin-left: -15px;
}

/*-----------------------------------------------
## Delta
-----------------------------------------------*/
.background-delta {
	margin-right: -15px;
	margin-left: -15px;
	padding: 15px;
}
.mod-delta p {
	padding: 0 42px;
}

/* Diamond Shape */
.mod-delta-1,
.mod-delta-1 div {
	overflow: hidden;
	margin: 0 auto;
	width: 200px;
	height: 200px;
	transform-origin: 50% 50%;
}
.mod-delta-1 {
	/* IE 9 */ /* Chrome, Safari, Opera */
	transform: rotate(45deg) translateY(10px);
}
.mod-delta-1 .mod-delta-2 {
	width: 355px; /* IE 9 */ /* Chrome, Safari, Opera */
	height: 355px;
	transform: rotate(-45deg) translateY(-74px);
}
.mod-delta-1 .mod-delta-2 img {
	width: 80%;
	height: auto;
}
.mod-delta-bg {
	margin: 80px auto;
	padding-left: 10px;
	width: 200px;
	height: 200px;
}

/* Medium devices (desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	.mod-delta-1,
	.mod-delta-1 div {
		width: 190px;
		height: 190px;
	}
}

/*------------------------------------------------------------------------
# Pages
------------------------------------------------------------------------*/
/* 404 page */
.error404 .jumbotron {
	background-color: transparent;
}

/* Search Results */
.search .jumbotron {
	background: none;
	text-align: center;
}

/*------------------------------------------------------------------------
# Posts
------------------------------------------------------------------------*/
.widget {
	clear: both;
}
.header-widgets-1,
.header-widgets-2,
.header-widgets-3,
.header-widgets-4 {
	float: left;
	clear: both;
	width: 100%;
}
#header-widget-area {
	margin: 0 10px;
}

/* Extra small devices (phones, less than 768px) */
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
	width: 17%;
}

/* Medium devices (desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	.table > thead > tr > th,
	.table > tbody > tr > th,
	.table > tfoot > tr > th,
	.table > thead > tr > td,
	.table > tbody > tr > td,
	.table > tfoot > tr > td {
		padding: 4px;
	}
}

/*------------------------------------------------------------------------
# Plugins
------------------------------------------------------------------------*/

/*-----------------------------------------------
## WooCommerce
-----------------------------------------------*/
.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
	float: left;
	width: 42%;
}
.woocommerce-account p.order-again .btn.button-primary {
	padding: 12px 24px;
}

/*------------------------------------------------------------------------
# Footer
------------------------------------------------------------------------*/
.site-footer {
	padding: 20px 0;
	margin-left: 25%;
}
.footer-center-items li a {
	padding: 5px;
}
.disabled-footer .content-area {
	margin-bottom: 0;
}

/* Small Devices, Tablets */
@media only screen and (max-width : 992px) {
	.site-footer {
		margin-left: 0;
	}
}