/*!
Theme Name: The Haggin Museum
Theme URI: http://underscores.me/
Author: MHD Group Inc., Gilberto Cisneros
Author URI: https://mhdgroup.comp
Description: A custom theme for the Haggin Museum.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: haggin-museum
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

The Haggin Museum is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/



.motopress-button-obj .motopress-btn {
	padding: 1.3rem 3rem!important;
    margin: 0 1rem 1rem 0!important;
    font-family: inherit!important;
    font-size: 1.4rem!important;
    color: #fff!important;
    background-color: #000000!important;
    border: 1px solid #000000!important;
    font-weight: 400!important;
    vertical-align: middle!important;
    cursor: pointer!important;
    -webkit-appearance: none!important;
    -moz-appearance: none!important;
    appearance: none!important;
    box-shadow: none!important;
    background-image: none!important;
    border-radius: 0!important;
}

.header-triangle-left {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 120px 80vw 0 0;
	border-color: #f26522 transparent transparent transparent;
	z-index: 99;
	position: fixed;
	top: 0;
	left: 0;

}

.header-triangle-right {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 90vw 100px 0;
	border-color: transparent #faa61a transparent  transparent ;
	z-index: 99;
	position: fixed;
	top: 0;
	right: 0;

}

.footer-bottom-triangle {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 50px 0 0 100vw;
	border-color: transparent transparent transparent #f68b1f;

}
.header .logo { height: 9rem; line-height: 9rem; margin-left: 30px;}
.header-transparent .navigation > ul > li > a { color: black; font-weight: bold;}

.header-animated .header-inner {
	margin-top: 10px;
}

.footer .widget-title{ color: #95989c; }

.footer .logo {
	width: 70%;
}

.explore-navigation {
	background: transparent;
	z-index: 9999;
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0px;
}

.explore-navigaiton-content {
	background: #95989c;
}

.nav-triangle {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 25px 0 0 150vw;
	border-color: transparent transparent transparent #f26522;
	z-index: 99;
	position: absolute;
	top: -20px;
	left: 0;
	right: 0;
}


.nav-triangle-background {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 25px 0 0 150vw;
	border-color: transparent transparent transparent #f68b1f;
	z-index: 10;
	position: absolute;
	top: -25px;
	left: 0;
	right: 0;
}



.explore-tab {
	position: absolute;
	top: -55px;
	display: inline-block;
	margin: auto auto;
	width: 150px;
	padding: 10px 20px 20px;
	right: 0;
	left: 0;
	background: #f26522;
	color: white;
	text-align: center;
	font-size: 1.1rem;
}


.explore-navigation-content {
	background: #f26522;
}

.explore-navigation .navigation {
	background: #95989c;
	position: relative;
	z-index: 9999;
	display: block;
}

.explore-navigation .navigation li a { color: orange!important; line-height: 8rem; margin-top: 20px;}




.accented-title {
	font-size: 32px;
	color: rgba(32, 32, 32, 1);
}

.accented-title span {
	font-weight: 900;
	font-size: 150%;
	position: absolute;
	left: 5%;
	bottom: 65px;
	color: rgba(121, 121, 121, 1);
	opacity: .25;
}

.accented-title small {
	color: rgba(121, 121, 121, 1);
}


.accented-title-alternate {
	font-size: 32px;
	color: rgba(121, 121, 121, 1);
}

.accented-title-alternate span {
	font-weight: 900;
	font-size: 150%;
	position: absolute;
	left: 5%;
	bottom: 60px;
	color: inherit;
	opacity: .25;
}



.cta-single {
	box-shadow: 0 19px 38px rgba(0,0,0,0.05), 0 15px 12px rgba(0,0,0,0.05);
	padding: 30px;
	min-height: 170px;
}

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

	.wrapper-inner {
		margin-top: -8rem;
	}

	.footer .logo {
		width: 70%;
		margin: auto auto;
	}

	.explore-navigation-content {
		background: #ffffff!important;
		height: 0rem;
	}

	.widndow-height {
		height: 100vh;
	}


	.overlay-navigation {width: 100vw;}
	.overlay-navigation-inner { text-align: center;}
	.mobile .featured-media { height: 85vh!important;}
	.featured-media, .full-width-slider, .parallax { height: 85vh!important;}

	.header-triangle-left {
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 120px 100vw 0 0;
		border-color: #f26522 transparent transparent transparent;
		z-index: 99;
		position: fixed;
		top: 0;
		left: 0;

	}

	.header-triangle-right {
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 70vw 70px 0;
		border-color: transparent #faa61a transparent  transparent ;
		z-index: 99;
		position: fixed;
		top: 0;
		right: 0;

	}

	.nav-triangle {
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 25px 0 0 150vw;
		border-color: transparent transparent transparent #ffffff;
		z-index: 99;
		position: absolute;
		top: 5px;
		left: 0;
		right: 0;
	}


	.accented-title {
		font-size: 22px;
		color: rgba(121, 121, 121, 1);
	}

	.accented-title span {
		font-weight: 900;
		font-size: 150%;
		position: absolute;
		left: 5%;
		bottom: 90px;
		color: inherit;
		opacity: .25;
	}



}

@media only screen and (max-width: 960px) {
	.header .navigation .nav-icon {
		color: #fff;
	}
}


.explore-navigation-content .menu {
	margin-left: auto;
	margin-right: auto;
	width: 90vw;
	padding-left: 0;
	list-style: none;
	color: #d8d8d8;
	margin-bottom: 0;

}

.explore-navigation-content a:not(.button) {
	color: #d8d8d8;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	line-height: 10rem;
}

.explore-navigation-content .menu li {
	display: inline-block;
	width: 16.4%;
	text-align: center;
}

.text-xbold { font-weight: 900!important;}


.event_date {
	position: relative;
}

.event_date:before {
	content: ' ';
	background: url(core/images/overlay.png) left top no-repeat;
	background-size: contain;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 150px;
	height: 150px;
}

.event_dates {position: relative; height: 300px; width: 100%;}

.event_date-large:before { position: relative; }
.event_date-large:before {
	content: ' ';
	background: url(core/images/overlay.png) left top no-repeat;
	background-size: contain;
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 150px;
	height: 150px;
}


.circle-map {
	width: 150px; height: 150px; border-radius: 50%; margin: auto auto; position: relative;

}

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

	.circle-map {
	width: 30vw; height: 30vw; border-radius: 50%; margin: auto auto; position: relative
}


}


.side-navigation .sub-menu {
	display: block;
	height: auto;
}

.color-theme { color: #000000;}
.color-theme-orange { color: #f68b1f;}
.accordion li.active a { color: #000000;}
.cta-single .bkg-theme { background-color: #000000; border-color: #000000}
.cta-single .bkg-theme:hover { background-color: #d0d0d0; border-color: #d0d0d0}

.tmp-content .bkg-theme { background-color: #000000; border-color: #000000}
.tmp-content .bkg-theme:hover { background-color: #d0d0d0; border-color: #d0d0d0}

.explore-tab { background-color: #f26522; font-weight: 600}

.product-description .bkg-theme { background-color: #000000; border-color: #000000}
.product-description .bkg-theme:hover { background-color: #d0d0d0; border-color: #d0d0d0}

.section-block .bkg-theme { background-color: #000000; border-color: #000000}
.section-block .bkg-theme:hover { background-color: #d0d0d0; border-color: #d0d0d0}

.side-navigation li.menu-item a { color: #ffffff;}
.side-navigation li.menu-item a:hover { color: #ffffff; font-weight: 600}
.side-navigation-inner { background-color: #000000}

.navigation .sub-menu li.menu-item a { color: #ffffff; font-weight: 600}
.sub-menu li.menu-item a:hover { color: #ffffff; font-weight: 400}

.grid-filter-menu a {color: #000000}
.grid-filter-menu a:hover {font-weight: 600; color: #000000; border-bottom: 1px solid transparent}

input[type="submit"] { border-color: transparent!important; }

.ctdb-topic-table-topic a { font-weight: 800; }
.ctdb-excerpt { font-weight: 400;}
.ctdb-horizontal-meta { display: none; }

.dt-buttons { float: left; }
button.dt-button { background-color: lightgray!important; color: black!important;}

body { position: relative; }


.docent:before {
	content: 'Docent';
	background: #f26522;
	color: #ffffff;
	position: absolute;
	transform: rotate(-90deg);
	padding: 10px;
	top: 50px;
	left: -60px;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
	z-index: -1;
}

.docent:hover {
	width: 300px;
}

.docent {
	position: fixed;
	right: 0;
	bottom: 0;
	top: 0;
	margin-top: 30vh;
	width: 8px;
	z-index: 999999;
}
.docent .explore-navigation-content .menu {
	width: 300px;
}
.docent .explore-navigation-content .menu li { width: 100%; display: block; }
.docent .explore-navigation-content a:not(.button) { line-height: 4rem; text-align: left; color: #000000; font-size: 14px; font-weight: 400; text-transform: capitalize; }
.docent .explore-navigation-content { background-color: #efefef; border-left: 8px solid #fcb900; }
.comment-reply-link { color: #f26522!important;}

.ctdb-comments-area .comment-list article { margin-bottom: 0;}
.ctdb-comments-area .comment-header { border: none;  margin-bottom: 0; padding: 0; }
.ctdb-comments-area .comment-meta { width: 100%; }
.ctdb-comments-area .comment-author .avatar { display: none; }
.ctdb-comments-area .comment-meta { text-align: left; }
.ctdb-comments-area .comment-content { float: none; text-align: left; width: 100%; }
.comments-area { padding-top: 30px; border-top: 1px solid grey}


.cat_museum2schools { color: #f26522; }
.tribe-events-event-image { display: none; }