/*
Theme Name: Venetian
Author: The BoldGrid Team
Theme URI: http://www.boldgrid.com/venetian
Author URI: http://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.13.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: boldgrid-venetian

Tags: custom-background, custom-colors, custom-menu, editor-style, responsive-layout, rtl-language-support, translation-ready, boldgrid-theme-42
*/

/*------------------------------------------------------------------------
>>> 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;
	padding-bottom: 0;
}

/* Inside Pages */
.site-content {
	margin-top: 125px;
	padding-bottom: 25px;
}
.post-title-hidden .site-content {
	padding-top: 50px;
}
.hentry,
.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%;
	right: 0;
	position: absolute;
	top: 0;
	z-index: -10;
}
body.mce-content-body:before,
body.mce-content-body:after {
	border: none;
}

/* xs */
body:before {
	border-right: 280px solid transparent;
	width: 38%;
}
body:after {
	border-left: 280px solid transparent;
	width: 38%;
}

/* sm */
@media (min-width: 768px) {
	body:before {
		border-right: 600px solid transparent;
		width: 65%;

	}
	body:after {
		border-left: 600px solid transparent;
		width: 65%;
	}
}

/* md */
@media (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,
.showcoupon,
.woocommerce-message a,
.payment_method_paypal label a {
	text-decoration: underline;
}
a:hover,
a:focus,
.link-primary:hover,
.link-primary:focus,
.link-secondary:hover,
.link-secondary:focus,
.button-primary,
.button-primary:hover,
.button-primary:active,
.button-secondary:hover,
.button-secondary:active
input[type="submit"]:hover,
input[type="submit"]:focus,
.button-secondary,
input[type="submit"],
#commentsubmit,
.comment-reply-link,
.navbar-default .navbar-nav > li > a,
.dropdown-menu > li > a,
.entry-title a,
#secondary-menu a,
#tertiary-menu a,
#menu-social a,
.showcoupon:hover,
.showcoupon:focus,
.payment_method_paypal label a:hover,
.payment_method_paypal label a:focus,
.woocommerce-message a:hover,
.woocommerce-message a:focus,
#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,
.woocommerce p.buttons a.button:hover,
.woocommerce p.buttons a.button:focus {
	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,
.site-info,
.attribution,
.menu-social {
	text-align: center;
}
#menu-social li a {
	text-align: right;
}

/* Icon Sizes */
.mod-icon-circle i {
	font-size: 30px;
}

/* xs */
.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;
}

/* sm */
@media (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;
	}
}

/* md */
@media (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;
	margin: 60px 0;
	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;
}

/*-----------------------------------------------
## Buttons
-----------------------------------------------*/
/* Button Primary */
.button-primary {
	background: none;
	margin: 10px 0;
	padding: 10px 25px;
	transition: all 0.5s ease 0s;
}

/* Button Secondary */
.button-secondary,
input[type="submit"],
#commentsubmit,
.comment-reply-link {
	margin: 10px 0;
	padding: 10px 25px;
	transition: all 0.5s ease 0s;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.button-secondary:hover,
.button-secondary:focus,
.button-secondary:active,
input[type="submit"]:hover,
input[type="submit"]:focus,
#commentsubmit:hover,
#commentsubmit:focus {
	background: none;
}

/* Comments */
.comment-reply-link {
	margin: 10px 0;
	padding: 5px 25px;
}
.comment-reply-link:hover,
.comment-reply-link:focus {
	background: none;
}

/* 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;
}

/* sm */
@media (min-width: 500px) {
	.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;
}
.site-footer .widget.well {
	background: transparent;
	border: none;
	box-shadow: none;
}
.site-footer .table > tbody > tr:nth-of-type(2n+1) {
	background: transparent;
}

/*------------------------------------------------------------------------
# Header
------------------------------------------------------------------------*/
.site-header {
	position: relative;
	z-index: 1;
}

/* Call To Action */
.call-to-action h2 {
	margin: 0 40px;
	padding-bottom: 20px;
}
.call-to-action h3 {
	padding-bottom: 40px;
}

/* xs */
.call-to-action {
	margin-top: 50px;
	margin-bottom: 0;
}

/* sm */
@media (min-width: 768px) {
	.call-to-action {
		margin-top: 75px;
		margin-bottom: 75px;
	}
}

/* md */
@media (min-width: 992px) {
	/* Call to Action */
	.call-to-action {
		margin-top: 200px;
		margin-bottom: 200px;
	}
}

/*------------------------------------------------------------------------
# Navigation
------------------------------------------------------------------------*/

/*-----------------------------------------------
## Main Menu
-----------------------------------------------*/
/* Nav Reset */
.navbar {
	background-color: none;
	border: none;
	min-height: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.navbar-default {
	background: none;
	margin-bottom: 0;
}
.navbar-default .navbar-nav {
	margin-left: -15px;
}

/* Links */
.navbar-nav > li > a {
	padding: 12px 10px;
}
.navbar-default .navbar-nav > li:first-child > a {
	margin-left: 0;
}
#primary-navbar {
	padding-top: 20px;
}

/* Center Icons in Nav */
#site-navigation ul li.menu-social a {
	padding: 0;
}
.navbar-nav > li {
	margin-top: 0;
}

/* Hover & Active */
.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;
}

/* sm */
@media (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
-----------------------------------------------*/
@media (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 {
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	content: "";
	height: 0;
	left: 0;
	position: absolute;
	top: -25px;
	width: 0;
}
.mod-icon-hexagon::after {
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	bottom: -25px;
	content: "";
	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 {
	padding-bottom: 0;

}
.mod-blockquote p,
blockquote p {
	padding-left: 15px;
}

/* Vertical Alignment */
.vertical-align-baseline,
.vertical-align-center {
	display: inline;
	align-items: center;
}

/* xs */
.mod-blockquote,
blockquote {
	margin-top: 35px;
}

/* md */
@media (min-width: 992px) {
	/* Vertical Alignment */
	.vertical-align-baseline {
		display: flex;
		align-items: baseline;
	}
	.vertical-align-center {
		display: flex;
		align-items: center;
	}
	.mod-blockquote,
	blockquote {
		margin-top: 0;
	}
}


/*-----------------------------------------------
## Alpha
-----------------------------------------------*/
.background-alpha {
	min-height: 650px;
	padding-top: 40px;
	position: relative;
}

/* xs */
.mod-alpha-2 {
	margin-top: 35px;
}

/* md */
@media (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%;
	right: 0;
	position: absolute;
	top: 0;
	z-index: -10;
}

/* xs */
.background-beta:before {
	border-right: 280px solid transparent;
	width: 38%;
}
.background-beta:after {
	border-left: 280px solid transparent;
	width: 38%;
}

/* sm */
@media (min-width: 768px) {
	.background-beta:before {
		border-right: 600px solid transparent;
		width: 65%;
	}
	.background-beta:after {
		border-left: 600px solid transparent;
		width: 65%;
	}
}

/* md */
@media (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
------------------------------------------------------------------------*/
.widget-area {
	margin-top: 25px;
	padding: 25px;
	list-style:none;
}

/* Comments */
.comment-form-comment label {
	float: left;
	padding-right: 15px;
}

/* Call to Action */
.single .call-to-action {
	display: none;
}

/* Buttons */
.form-submit .submit {
	margin-bottom: 10px;
}
#commentform p.form-submit {
	float: none;
}

/*------------------------------------------------------------------------
# Plugins
------------------------------------------------------------------------*/

/*-----------------------------------------------
## BoldGrid Editor
-----------------------------------------------*/
#media-upload::before,
#media-upload::after {
	display: none;
}

/*-----------------------------------------------
## WooCommerce
-----------------------------------------------*/
.woocommerce .product {
	margin: 2em 0 0;
}
.woocommerce div.product .woocommerce-tabs .panel {
	background: none;
}
.woocommerce p.buttons a.button:hover {
	background-image: none;
}

/*------------------------------------------------------------------------
# Footer
------------------------------------------------------------------------*/
.site-footer {
	padding: 20px 0;
}
.site-info {
	margin-bottom: -10px;
}
.footer-center-menu {
	padding: 1em 0;
}
.footer-center-items li {
	padding: 0 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;
}

/* xs */
.attribution {
	padding-bottom: 30px;
}

/* md */
@media (min-width: 992px) {
	.attribution {
		padding-bottom: 0;
	}
}
