/*
Theme Name:         Landing Page - Deals
Theme URI:          http://www.blackbaud.com
Description:        Microsite theme based on Roots
Version:            1.0.0
Author:             Portland Art Museum
Template:           blackbaud-bootstrap
License:            MIT License
License URI:        http://opensource.org/licenses/MIT
*/

@import url("../blackbaud-bootstrap/style.css");
@import url("assets/css/theme-defaults.css");
@import url("custom.css");

body {
	background: #fff ;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
	/* font-family:'Lato', Arial,Helvetica,sans-serif; */
	/* line-height: 22px; */
}
a,
#footer p > a,
#footer li > a,
#footer strong a,
#footer a strong{
	color: #f26649;
}


/*
Headings
================================================ */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Verlag A', 'Verlag B', Arial, Helvetica, sans-serif;
}
h1 {
	color:#f26649;
	font-size:24px;
	font-weight:700;
	line-height:normal;
	margin:0 0 .5em;
	text-align:left;
	clear:both;
}

h2 {
	color:#f26649;
	font-size:16px;
	font-weight:700;
	text-transform:uppercase;
	line-height:normal;
	margin:0 0 .5em;
	text-align:left;
}



h2.home-news{
	font-weight:400;
	font-size:20px;
	text-transform:uppercase;
	color:#F26649;
}

h3{
	color:#9d968c;
	font-size:14px;
	line-height: 19px;
	font-weight:700;
	line-height:normal;
	margin:0 0 .5em;
	text-align:left;
}


h4 {
	color:#484540;
	font-size:12px;
	line-height: 17px;
	line-height:bold;
	margin:0 0 .5em;
	text-align:left;
}

h5 {
	color:#484540;
	font-size:15px;
	line-height: 20px;
	font-weight:400;
	margin:0 0 15px;
	text-align:left;
}

h6 {
	color:#484540;
	font-size:12px;
	line-height: 17px;
	margin:0;
	text-align:left;
	font-style:italic;
}


h2 a:link,
h2 a:visited,
h2 a:active {
	color: #f26649;
}
h2 a:hover {
	color: #f26649;
	text-decoration: none;
}

blockquote, q {
	quotes: none;
	margin: 0 0 0 1em;
	padding: 0;
	font-size: 13px;
	border-left: none;
}


/*
Page Header
================================================ */
body .page-header {
	padding-bottom: 0;
	margin: 0;
	border-bottom: none;
}

/*
Image Handling
================================================ */
img.pull-left {
	margin-right: 20px;
	margin-bottom: 20px;
}
img.pull-right {
	margin-left: 20px;
	margin-bottom: 20px;
}

body .img-responsive {
	width: auto;
}
body .sectionB .img-responsive,
body .sectionC .img-responsive,
body .col-sm-4 .img-responsive {
	width: 100%;
}

/*
Social Media Buttons
================================================ */
[id*="menu-social-media"] {
	list-style:none outside none;
	padding: 0;
	margin: 20px 0 0;
	}
[id*="menu-social-media"] li {
	display:inline-block;
	margin-top:0;
	top:0;
}
ul[id*="menu-social-media"] li{
  list-style: none;
  position: relative;
}
ul[id*="menu-social-media"] li:before{
  content: "";
  font-family: FontAwesome;
  margin-right: 0;
}

[id*="menu-social-media"] li:hover,
[id*="menu-social-media"] li a:hover,
[id*="menu-social-media"] li,
[id*="menu-social-media"] li a{
	color: #AAA297;
	cursor: pointer;
	padding: 0 !important;
	margin: 0 !important;
	}

[id*="menu-social-media"] li:hover,
[id*="menu-social-media"] li a:hover,
[id*="menu-social-media"] li:hover,
[id*="menu-social-media"] li a:hover{
	color: #f26649;
	background: none;
	}

section.widget h3 {
	display: none;
}
/*
Top Brand Logo
================================================ */
.header-line {
}

/*
Top Navigation styling
================================================ */
#nav .navbar-nav>li>a,
#nav .navbar-nav>li {
	font-family: 'Verlag A', 'Verlag B', Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 700;
	color: #c6bdaf;
	text-transform: uppercase;
	}
#nav .navbar-nav>li>a:hover,
#nav .navbar-nav>li:hover,
#nav .navbar-nav>li.open>a,
#nav .navbar-nav>li.open {
	color: #f26649;
	background: transparent;

}
#nav .navbar-nav>li li {
	text-transform: none;
}
#nav .navbar-nav>li>.dropdown-menu {
	background:#a7a199;
	padding:0;
	z-index:1000;
	filter:alpha(opacity=90);
	opacity:.9;
	}

#nav .navbar-nav>li>.dropdown-menu a{
	background: none!important;
	padding: 15px 20px;
	text-indent: 0;
	font-family: 'Verlag A', 'Verlag B', Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: 400;
	color: #fff;
	border-bottom: solid 1px #d3d0cc;
	height: auto!important;
	line-height: normal;
}
#nav .navbar-nav>li:hover>.dropdown-menu a:hover,
#nav .navbar-nav>li.open>.dropdown-menu a:hover
{
	background: #f26649!important;
	text-decoration: none;
}




/* make bootstrap dropdowns work on hover */
.navbar-nav .dropdown:hover > .dropdown-menu {
  display: block;
}
.navbar-nav .dropdown:hover > a[data-toggle=dropdown] + .dropdown-menu {
  display: none;
}
.navbar-nav .dropdown.open > a[data-toggle=dropdown] + .dropdown-menu {
  display: block;
}


/*
Search Box
================================================ */
#utility {
	z-index: 2;
	position: relative;
}
#utility .btn-primary{
	color: #fff;
	background-color: #c6bdaf;
	border-color: #c6bdaf;
}
body .navbar-form .input-group>.form-control {
	-webkit-transition: width .7s;
	-moz-transition: width .7s;
	transition: width .7s;
	display: inline-block;
	float: right
}
#header .btn-search {
	padding-bottom: 5px;
	padding-top: 5px;
}
/*
Utility Menu
================================================ */

#utility ul a {
	font-weight: 500;
	font-size: 12px;
	color: #f26649;
	display: block;
	float: left;
	text-decoration: none;
}
#utility ul a:hover {
	text-decoration: underline;
	background-color: transparent
}


/*
Home carousel to behave like slideshow
=============================================== */

/* Fade transition for carousel items */
.carousel .item {
    left: 0 !important;
      -webkit-transition: opacity .4s; /*adjust timing here */
         -moz-transition: opacity .4s;
           -o-transition: opacity .4s;
              transition: opacity .4s;
}
.carousel-control {
    background-image: none !important; /* remove background gradients on controls */
}
/* Fade controls with items */
.next.left,
.prev.right {
    opacity: 1;
    z-index: 1;
}
.active.left,
.active.right {
    opacity: 0;
    z-index: 2;
}


/*
Home Action Navigation
=============================================== */

ul.servicesNav {
	list-style-type: none;
	width: 100%;
	margin: 35px 0 0;
	padding: 0;
}

ul.servicesNav ul {
	margin:0;
	padding:0;
	list-style:none;
}

ul.servicesNav li {
	line-height:normal;
	background:transparent;
	font-weight:400;
	border-bottom:1px solid #fff;
}

ul.servicesNav li.parent a {
	background:none repeat scroll 0 0 #F26649;
	color:#FFF;
	font-size:12px;
	font-weight:700;
	padding:10px 20px;
}

ul.servicesNav li.parent a:hover {
	color:#fff;
	font-weight:700;
	display:block;
	text-decoration:none;
}

ul.servicesNav li.parent li a {
	background:transparent;
	color:#555;
	font-weight:400;
	padding:5px 20px;
}

ul.servicesNav li.parent li a:hover {
	background:transparent;
	color:#f26649;
	font-weight:400;
}

ul.servicesNav li.parent li.selected a {
	background:transparent;
	color:#f26649;
	font-weight:400;
}

ul.servicesNav li a {
	background:#c6bdb0;
	display:block;
	padding:10px 20px;
	color:#fff;
	font-weight:700;
}

ul.servicesNav li a:hover {
	background:#f26649;
	color:#fff;
	text-decoration:none;
}

/*
Side Toolbox
================================================ */

#toolbox {
	background: url(assets/images/back-toolbox.gif) repeat scroll 0 0 #FFF;
	margin-top: 0px;
	padding: 20px 10px 20px 20px;
}
.home #toolbox {
	padding: 1px 10px 20px 20px;
}
#toolbox section.widget h3 {
	display: block;
}

/*
Third Party iFrames
================================================ */

iframe[id*="twitter"]{
	width: 100% !important;
	min-width: 154px !important;
}
.sectionA iframe,
.sectionB iframe,
.sectionC iframe{
	width: 100% !important;
	min-width: 321px !important;
}
article.ai1ec_event {
	padding-top: 10px;
}
/*
Intenal Navigation styling
================================================ */
.widget_nav_menu h3 {
	display: none
}

.nav-menu.widget-nav-menu ul li,
.nav-menu.widget-nav-menu ul li.current-menu-item ul > li > ul > li,
.nav-menu.widget-nav-menu ul li.current-menu-ancestor ul > li > ul > li,
.nav-menu.widget-nav-menu ul li.current-menu-parent ul > li > ul > li,
.nav-menu.widget-nav-menu ul li.current-page-parent li.current-menu-item ul > li > ul > li{
	display:none;
}

.nav-menu.widget-nav-menu ul li.active,
.nav-menu.widget-nav-menu ul li.active li,
.nav-menu.widget-nav-menu ul li.current-menu-item,
.nav-menu.widget-nav-menu ul li.current-menu-item ul > li,
.nav-menu.widget-nav-menu ul li.current-menu-ancestor,
.nav-menu.widget-nav-menu ul li.current-menu-parent ul > li,
.nav-menu.widget-nav-menu ul li.current-page-parent li.current-menu-item ul > li,
.nav-menu.widget-nav-menu ul li.current-menu-ancestor ul > li,
.nav-menu.widget-nav-menu ul li.current-menu-ancestor ul > li > ul > li.current_page_item,
.nav-menu.widget-nav-menu ul li.current-menu-ancestor ul > li.current_page_ancestor > ul > li,
.nav-menu.widget-nav-menu ul li.current-menu-ancestor ul > li.current_page_ancestor > ul > li.current_page_ancestor,
.nav-menu.widget-nav-menu ul li.current-menu-ancestor ul > li > ul > li.current_page_ancestor,

.nav-menu.widget-nav-menu ul li.current-menu-parent ul > li.current-menu-item > ul > li{
	display:block;
}
.nav-menu {
	list-style: none;
	padding: 0;
}
.nav-menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.nav-menu li a {
	display: none;
}
.nav-menu li li a {
	display: block;
}
.nav-menu {
	background:transparent;
}

.nav-menu a {
	color:#58585a;
	font-family: 'Verlag A', 'Verlag B', Arial, Helvetica, sans-serif;
	background:transparent;
}

.nav-menu li a {
	font-size:1.6em;
	padding:0;
	border-bottom:1px solid #ded9d6;
}

.nav-menu .current-menu-item > a,
	.wordpress .nav-menu .current-post-parent > a {
	background-image:none;
	background-position:7% center;
	background-color: #dbd8c5;
	margin-bottom:1px;
	}

.nav-menu li li {
	border-bottom:1px solid transparent;
}

.nav-menu li li.active > a {
	color: #fff;
	background: #f26649;
}

.nav-menu li li.active li.active > a {
	color: #f26649;
	background: #f8f7f4;
}
.nav-menu li li.active li.active:hover > a {
	text-decoration: underline;
}

.nav-menu li li a {
	background: none repeat scroll 0 0 #C6BDB0;
	border-bottom: 1px solid #FFF;
	color: #FFF;
	display: block;
	float: none;
	font-size: 13px;
	font-weight: bold;
	height: 100%;
	padding: 10px 20px;
	text-decoration: none;
	text-indent: 0;
	}
.nav-menu a:hover,
.nav-menu li.current-menu-parent li.current_page_item > a {
	color: #fff;
	background: #f26649;
}
.nav-menu li li li a:hover {
	color: #f26649;
	background: #f8f7f4;
	text-decoration: underline;

}

.nav-menu .sub-menu .menu-item a:hover{
	color:#ffffff;
}

.nav-menu li li li a {
	background-color:#f8f7f4;
	color: #58585a;

	line-height:1.186em;
	font-weight: normal;
	font-size: 12px;
	font-weight: normal;
	padding: 5px 20px;
}

.nav-menu li li li li a {
	background-position:-20px center;
	padding:.557em 2.14286em .557em 4.7em;
}


/* submenu */
#home-content-secondary ul.nav  {
	padding: 0;
	margin: 0;
	list-style: none;
	width: 100%;
}
#home-content-secondary ul.nav li {
	padding-bottom: 0;
	width: 100%;
}
#home-content-secondary ul.nav li a{
	padding: 0;
	color: #9d968c;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
}
#home-content-secondary ul.nav li.active a{
	border-bottom: 1px solid #c6bdb0;
	color: #f26649;
	}

#home-content-secondary ul.nav li a:hover{
	color: #f26649;
	text-decoration: none;
	background: transparent;
}

/*
Footer
================================================ */
#footer,
#footer p {
	color: #9d968c;
}

#footer h4,
section.widget.twitter-widget h3{
	font-family: 'Verlag A', 'Verlag B', Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size:15px;
	text-transform:uppercase;
	color:#beb6a8;
	display: block;
}

#footer strong{
	color: #484540;
	}

footer h4 {
	padding-top: 25px;
	clear: both;
}
footer .container{
	background-color: transparent;
}


/*
Custom content styling
================================================ */


/* Trustee List */
ol.trustee-list,
ol.trustee-list li{
	list-style: none outside none;
	margin: 0;
}
/* membership listings pages */
[class*="membership-listings"] blockquote {
	margin: 0;
}
[class*="membership-listings"] #content-primary .row {
	margin-bottom: 10px;
}
/* Small Vertical Action Buttons */
blockquote ul {
	list-style: none;
	padding: 0 0 10px 0;
	margin: 0;
	width: 80%;
	font-size: .8em;
}
blockquote ul li {
	display: block;
	float: left;
	width: 15%;
	margin: 0;
	padding: 0;
}

blockquote ul li a {
	background: none repeat scroll 0 0 #C6BDB0;
	border-left: 1px solid #fff;
	color: #FFF;
	display: block;
	padding: 3px 0;
	margin-bottom: 10px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
}
blockquote ul li a:hover {
	color: #fff;
	background: #f26649;
	border-color: #fff;
}
blockquote + ul:before {
	content: "";
	clear: both;
	display: block;
	height: 1px;
}
/* Expanding text */
.showmore {
	margin: 0 0 10px;
}

.showmore .show,
.showmore .hide {
display: inline-block!important;
}
body a.showmore>span.view_modifier,
body a.showmore>span.view_modifier.show {
	background: none;
	padding: 0;

}

/* Expanding text New */
body .collapseomatic {
	background-image: none;
	background-repeat: no-repeat;
	padding: 0 0 10px ;
	cursor: pointer;
	color: #f26649;
}
body .colomat-close {
	background-image: none;
}
element.style {
}
.collapseomatic_excerpt,
.collapseomatic_content {
	margin-left: 0;
}

.inner_text.hide {
	/* Initially we don't want any height, and we want the contents to be hidden */
	max-height: 0;
	overflow: hidden;

	/* Set our transitions up. */
	-webkit-transition: max-height 0.8s;
	-moz-transition: max-height 0.8s;
	transition: max-height 0.8s;
}
.inner_text.show {
	/* On hover, set the max-height to something large. In this case there's an obvious limit. */
	height: 100%;
}




#home-content-tertiary .carousel-indicators,
#home-content-tertiary .carousel-caption {
	display: none;
}

#media .container {
	padding-top: 25px
}
#header {
    padding-top: 10px;
}
.navbar-toggle {
	border: 1px solid #f26649;
}
#nav {
	background-color: transparent;
}
.navbar-toggle .icon-bar {
	background: #f26649;
}






@media (min-width: 768px){
	#nav {
		position: relative;
		width: auto;
		z-index: 1;
		background: transparent;
		margin-top: 0;
		margin-left: 60px;
	}
}

/*
YouTube Gallery
=============================================== */


ul.ytg-list {
	padding: 0;
	margin: 0;
	list-style: none;
}
li.ytg-list-item {
	display: block;
	width: 120px;
	height: 157px;
	float: left;
	margin: 10px 20px 10px 0px;
	overflow: hidden;
}

.entry-content-asset {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.entry-content-asset iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*
Break point specifics
=============================================== */




/* XS - Landscape phones and down */
@media (max-width: 767px) {

	#nav {
		position: relative;
		width: 100%;
		z-index: 1;
		background: transparent;
		margin-top: 20px;
	}

	.navbar-brand {
		padding: 5px 15px;
	}
	/*
	Search Box
	================================================ */

	.container>.navbar-collapse {
		margin-left: 0;
	}


}

/* SM - Landscape phone to portrait tablet */
@media (min-width: 768px) and (max-width: 991px) {



	/*
	Top Nav
	================================================ */
	#nav .nav>li>a {
		padding: 60px 30px 0px 0px;
		font-size: 15px;
	}
	.navbar-brand {
		margin-top: 10px;
		padding-left: 40px;
	}
	.header-line {
		position: absolute;
	}

}

/* MD - Portrait tablet to landscape and desktop */
@media (min-width: 992px) and (max-width: 1199px) {


	/*
	Top Nav
	================================================ */
	#nav .nav>li>a {
		padding: 60px 30px 0px 0px;
		font-size: 20px;
	}
	.navbar-brand {
		margin-top: 20px;
		padding-left: 50px;
	}
	.header-line {
		position: absolute;
	}



}

/* LG - Large desktop */
@media (min-width: 1200px) {



	/*
	Top Nav
	================================================ */
	#nav .nav>li>a {
		padding: 60px 30px 0px 0px;
		font-size: 15px;
	}
	.navbar-brand {
		margin-top: 30px;
		padding-left: 60px;
	}
	.header-line {
		position: absolute;
	}

}