/*
Version: 1.18.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: boldgrid-venetian
*/

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

/*------------------------------------------------------------------------
# Base Styles
------------------------------------------------------------------------*/

/*-----------------------------------------------
## Background
-----------------------------------------------*/
body {
	position: relative;
}
.page-template-page_home.home .site-content {
	background: none;
	margin-top: 500px;
	padding-bottom: 50px;
}

/* Inside Pages */
.site-content {
	margin-top: 50px;
	padding-bottom: 50px;
}
.post-title-hidden .site-content {
	padding-top: 50px;
}
.blog .site-content,
.single .site-content,
.archive .site-content {
	margin: 0;
}
body:before {
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	z-index: -1;
}
body:after {
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -10;
}
body.mce-content-body:before,
body.mce-content-body:after {
	border: none;
}

/* Extra small devices (phones, less than 768px) */
body:before {
	border-right: 280px solid transparent;
	width: 38%;
}
body:after {
	border-left: 280px solid transparent;
	width: 38%;
}

/* Small devices (tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	body:before {
		border-right: 600px solid transparent;
		width: 65%;
	}
	body:after {
		border-left: 600px solid transparent;
		width: 65%;
	}
}

/* Medium devices (desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	body:before {
		border-right: 980px solid transparent;
		width: 59%;
	}
	body:after {
		border-left: 980px solid transparent;
		width: 59%;
	}
}

/*-----------------------------------------------
## Positioning
-----------------------------------------------*/
/* Fix for admin bar from being pushed down when logged in */
#wpadminbar {
	position: fixed;
}

/*-----------------------------------------------
## Typography
-----------------------------------------------*/
h2.h3,
.call-to-action h2,
.entry-title {
	font-weight: bold;
}
.call-to-action h3 {
	font-style: italic;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 1em 0;
}
p {
	margin-bottom: 15px;
}
.widget-title {
	text-shadow: none;
}
.mod-divider,
.gridblock .p-button-primary {
	white-space: nowrap;
}
a {
	text-decoration: none;
	font-weight: bold;
}
a:hover,
a:focus,
.button-primary,
.button-secondary,
.navbar-default .navbar-nav > li > a,
.dropdown-menu > li > a,
.entry-title a,
#secondary-menu a,
#tertiary-menu a,
#menu-social a,
#secondary-menu .current-menu-item a,
#tertiary-menu .current-menu-item a,
#footer-center-menu .current-menu-item a,
#menu-social .current-menu-item a,
.pager li > a {
	text-decoration: none;
}
.site-footer a {
	text-decoration: underline;
}
.site-footer a:hover,
.site-footer a:focus {
	text-decoration: none;
}
.call-to-action,
.call-to-action h3,
.entry-title,
.page-title,
.mod-divider,
.mod-divider p,
.background-alpha h2,
#secondary-menu,
#tertiary-menu,
.site-footer,
.menu-social {
	text-align: center;
}
#menu-social li a {
	text-align: right;
}

/* Icon Sizes */
.mod-icon-circle i {
	font-size: 30px;
}

/* Extra small devices (phones, less than 768px) */
.site-title,
.site-description,
.navbar-default .navbar-nav,
.navbar-default .navbar-nav .open .dropdown-menu,
.xs-center,
.mod-img,
.mod-img-circle,
.p-button-primary,
.p-button-secondary {
	text-align: center;
}

/* Small devices (tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	.button-primary,
	.button-secondary,
	.call-to-action .p-button-primary {
		white-space: nowrap;
	}
	.site-title,
	.site-description,
	.navbar-default .navbar-nav,
	.navbar-default .navbar-nav .open .dropdown-menu {
		text-align: left;
	}
	.menu-social {
		text-align: right;
	}
}

/* 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;
	}
}

/*-----------------------------------------------
## Titles
-----------------------------------------------*/
.page-template-page_home .entry-title {
	display: none;
}
.entry-title {
	display: block;
	position: relative;	
	z-index: 1;
}
.entry-title:before {
	bottom: 0;
	content: "";
	left: 0;	
	margin: 0 auto;
	position: absolute;
	right: 0;
	top: 50%;
	width: 100%;
	z-index: -1;
}
.entry-title a {
	padding: 0 1em;
}
h1.entry-title {
	line-height: 1.4em;
}

/*-----------------------------------------------
## Buttons
-----------------------------------------------*/
/* Button Primary */
.button-primary,
.button-secondary {
	border-radius: 0;
	margin: 10px 0;
	padding: 10px 15px;
	transition: all .5s ease 0s;
}

/* Comments */
.comment-reply-link {
	padding: 5px 25px;
}

/* Positioning */
.p-button-primary,
.p-button-secondary {
	margin: 25px 0;
	padding: 20px 0 0;
}
.gridblock .p-button-primary {
	margin: 0 0 25px;
}

/* Block vs. Inline */
.button-primary,
.button-secondary {
	display: block;
	margin-top: 15px;
}
.call-to-action .p-button-primary {
	margin-top: 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-secondary {
		margin: 35px 0 25px;
	}
}

/*-----------------------------------------------
## Et Cetera
-----------------------------------------------*/
hr {
	border: 0;
	height: 1px;
}
.search .jumbotron {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	text-align: center;
}
.site-footer .widget.well {
	background: transparent;
	border: none;
	box-shadow: none;
}
.site-footer .table > tbody > tr:nth-of-type(2n+1) {
	background: transparent;
}
input,
select {
	color: #333;
}

/*------------------------------------------------------------------------
# Header
------------------------------------------------------------------------*/
.site-header {
	position: relative;
	width: 100%;
	z-index: 1;
}

/* Call To Action */
.call-to-action h2 {
	margin: 0 10px;
	padding-bottom: 10px;
}
.call-to-action h3 {
	padding-bottom: 10px;
}

/* Extra small devices (phones, less than 768px) */
.call-to-action {
	margin-bottom: 0;
	margin-top: 50px;
}

/* Small devices (tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	.call-to-action {
		margin-bottom: 50px;
		margin-top: 75px;
	}
}

/* Medium devices (desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	.call-to-action {
		margin-bottom: 50px;
		margin-top: 75px;
	}
}

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

/*-----------------------------------------------
## Main Menu
-----------------------------------------------*/
.navbar {
	background-color: none;
	border: none;
	border-radius: 0;
	min-height: 0;
}
.navbar-default {
	background: none;
	margin-bottom: 0;
}
.navbar-default .navbar-nav {
	margin-left: -15px;
}
.navbar-nav > li > a {
	padding: 12px 10px;
}
.navbar-default .navbar-nav > li:first-child > a {
	margin-left: 0;
}
#primary-navbar {
	padding-top: 20px;
}
#site-navigation ul li.menu-social a {
	padding: 0;
}
.navbar-nav > li {
	margin-top: 0;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .current-menu-parent > a {
	background: none;
}

/* Small devices (tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	.navbar-default {
		float: right;
	}
}

/*-----------------------------------------------
## Other Menus
-----------------------------------------------*/
#secondary-menu a,
#tertiary-menu a,
#menu-social a {
	padding: 0 5px;
}
#secondary-menu,
#tertiary-menu {
	background: none;
	position: relative;
	z-index: 1;
}
.footer-center-items li::after,
.boldgrid-framework-menu li::after {
	content: "";
}

/*-----------------------------------------------
## Social Menus
-----------------------------------------------*/
/* Small devices (tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	.menu-social {
		margin-top: 15px;
		padding-right: 15px;
	}
}

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

/*-----------------------------------------------
## Global
-----------------------------------------------*/
/* Divider */
.mod-divider {
	position: relative;
	z-index: 1;
}
.mod-divider p {
	margin-top: -45px;
}
.mod-icon-circle i {
	border-radius: 50%;
	padding: 23px;
}
.mod-divider {
	display: table;
	margin: 0 auto;
	width: 94%;
}
.mod-divider::before,
.mod-divider::after {
	content: "";
	display: table-cell;
	position: relative;
	top: 2.5em;
	width: 50%;
}
.mod-divider::before {
	right: 3%;
}
.mod-divider::after {
	left: 3%;
}

/* Hexagon Shape with Icon */
.mod-icon-hexagon::before {
	content: "";
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	height: 0;
	left: 0;
	position: absolute;
	top: -25px;
	width: 0;
}
.mod-icon-hexagon::after {
	content: "";
	bottom: -25px;
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	height: 0;
	left: 0;
	position: absolute;
	width: 0;
}
.mod-icon-hexagon {
	display: inline-block;
	height: 55px;
	margin: 40px;
	position: relative;
	width: 100px;
}
.mod-icon-hexagon i {
	padding: 2px 0 0;
	width: 100%;
}

/* Blockquote */
.mod-blockquote,
blockquote {
	margin-top: 35px;
	padding-bottom: 0;
}
.mod-blockquote p,
blockquote p {
	padding-left: 15px;
}

/* Vertical Alignment */
.vertical-align-baseline,
.vertical-align-center {
	align-items: center;
	display: inline;
}

/* Medium devices (desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	.vertical-align-baseline {
		align-items: baseline;
		display: flex;
	}
	.vertical-align-center {
		align-items: center;
		display: flex;
	}
	.mod-blockquote,
	blockquote {
		margin-top: 0;
	}
}

/*-----------------------------------------------
## Alpha
-----------------------------------------------*/
.background-alpha {
	min-height: 650px;
	padding-top: 40px;
	position: relative;
}

/* Extra small devices (phones, less than 768px) */
.mod-alpha-2 {
	margin-top: 35px;
}

/* Medium devices (desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	.mod-alpha-2 {
		margin-top: 0;
	}
}

/*-----------------------------------------------
## Beta
-----------------------------------------------*/
.background-beta {
	min-height: 710px;
	padding-top: 40px;
	position: relative;
	z-index: 1;
}
.background-beta:before {
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	z-index: -1;
}
.background-beta:after {
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -10;
}

/* Extra small devices (phones, less than 768px) */
.background-beta:before {
	border-right: 280px solid transparent;
	width: 38%;
}
.background-beta:after {
	border-left: 280px solid transparent;
	width: 38%;
}

/* Small devices (tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	.background-beta:before {
		border-right: 600px solid transparent;
		width: 65%;
	}
	.background-beta:after {
		border-left: 600px solid transparent;
		width: 65%;
	}
}

/* Medium devices (desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	.background-beta:before {
		border-right: 980px solid transparent;
		width: 59%;
	}
	.background-beta:after {
		border-left: 980px solid transparent;
		width: 59%;
	}
}

/*-----------------------------------------------
## Gamma
-----------------------------------------------*/
.background-gamma {
	min-height: 650px;
	padding-top: 40px;
	position: relative;	
}

/*------------------------------------------------------------------------
# Pages
------------------------------------------------------------------------*/

/*------------------------------------------------------------------------
# Posts
------------------------------------------------------------------------*/
.nav-links {
	margin: 25px 0;
}
.post {
	margin: 0 auto 50px;
}

/* Comments */
.panel-default > .panel-heading {
	border: none;
	border-radius: 0;
}
.panel-footer {
	border-top: 1px solid transparent;
}
.panel {
	background: transparent;
	box-shadow: none;
}

/* Call to Action */
.single .call-to-action {
	display: none;
}

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

/*-----------------------------------------------
## BoldGrid Editor
-----------------------------------------------*/
#media-upload::before,
#media-upload::after {
	display: none;
}

/*-----------------------------------------------
## WooCommerce
-----------------------------------------------*/
.woocommerce div.product .woocommerce-tabs .panel {
	background: none;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
	border: none;
}
.woocommerce-account p.order-again .btn.button-primary {
	padding: 12px 24px;
}
.woocommerce .btn:disabled {
	text-shadow: none !important;
}

/*-----------------------------------------------
## The Events Calendar
-----------------------------------------------*/
.post-type-archive-tribe_events h4.entry-title::before {
	border-top: none;
}

/*------------------------------------------------------------------------
# Footer
------------------------------------------------------------------------*/
.site-footer {
	padding: 20px 0;
}
.footer-center-menu {
	padding: 1em 0;
}
.footer-center-items li {
	padding: 0 .8em;
}
.panel-footer {
	padding: 20px 15px;
}

/* Disabled Footer */
.disabled-footer .site-footer {
	height: auto;
	padding: 15px 0;
}
.disabled-footer .content-area {
	margin-bottom: 0;
}
