/*
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.17.6
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;
}
.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: underline;
}
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 25px;
	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;
	z-index: 1;
}

/* Call To Action */
.call-to-action h2 {
	margin: 0 40px;
	padding-bottom: 20px;
}
.call-to-action h3 {
	padding-bottom: 40px;
}

/* 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: 75px;
		margin-top: 75px;
	}
}

/* Medium devices (desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	.call-to-action {
		margin-bottom: 200px;
		margin-top: 200px;
	}
}

/*------------------------------------------------------------------------
# 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;
}
