/*!
 * Styles for SEATU.org 
 *
 * Last Updated: May 3, 2018
 */

/* =============================================================================
   FONTS
   ========================================================================== */

@import url('https://fonts.googleapis.com/css?family=Oswald:400,500,600');
@import url('https://fonts.googleapis.com/css?family=Quattrocento+Sans:400,400i,700,700i&subset=latin-ext');

/**  TYPOGRAPHY  **/
body{font-family: 'Quattrocento Sans', Arial,sans-serif; font-size: 17px; line-height: 1.6em;}
label{font-size: 16px; font-weight: 600;}
h1, h2, h3, h4, h5, h6{font-family: 'Oswald', Arial,sans-serif; font-weight: 600; color: inherit;margin-bottom: 0.5rem; text-transform: none;}
h1, .email-signup--text{font-size: 2.6rem;}
h2{font-size: 2.2rem;}
h3{font-size: 1.8rem;}
h4{font-size: 1.2rem;}
h4{font-size: 1rem;}
p {margin-bottom: 1.4em;}

/**  ANIMATION  **/
body *, .pane-discover-teasers-pane-tiles .pane-node-field-featured-image .field-name-field-featured-image a::before, .view-biography-listing .views-field-field-bio-image a::before{transition: background 200ms ease-in-out 0s, color 200ms ease-in-out 0s, opacity 200ms ease-in-out 0s, height 200ms linear 0s, margin 200ms linear 0s; -webkit-transition: background 200ms ease-in-out 0s, color 200ms ease-in-out 0s, opacity 200ms ease-in-out 0s, height 200ms linear 0s, margin 200ms linear 0s;}

/* GRID CORRECTION */
.row{width: auto;}
.kobol-site-layout > .oa-flex-column{display: block;}

/* NATIONAL MENNU */
.national-menu-bar{padding:0;}
.national-menu{padding:0.5em 0;}
.national-menu .oa-fluid {padding-left: 20px;padding-right: 20px;}
.national-menu .pane-menu-national-menu, 
.national-menu .pane-menu-national-menu .menu{display: block; margin:0;}
.national-menu .pane-title{display:none;}
.national-menu .pane-menu-national-menu .menu li{float: right; display: inline-block;}
.national-menu .pane-menu-national-menu .menu li.first{float: left;}
.national-menu .pane-menu-national-menu .menu li a{display:block; font-weight: bold; padding-right: 0;}

/* SITE NAME AND LOGO */
.kobol-page-header{background-repeat: no-repeat;}
.logo-title-social{padding: 0px;width: 200px;}
.logo-and-title .space-logo #logo,
.logo-title-narrow .logo-and-title .space-logo #logo{max-height: 100%; height: auto !important; width: 200px; margin: 0;}
.logo-title-narrow .logo-and-title .space-logo #logo{height: 90px;}
.logo-and-title .site-name{display:none;}
.logo-title-narrow{padding: 10px 15px;}
.nav-trigger-label{margin-top: 5px; font-family: 'Quattrocento Sans', Arial,sans-serif;}

/* SPACE MENU */
.chapter-and-search{padding: 5px 0; text-transform: capitalize;}
.chapter-menu .pane-og-menu-single-menu .pane-title,
.chapter-and-search search.form{display: none;}
.kobol-page-header .chapter-menu{font-family: 'Oswald', Arial,sans-serif;padding: 0;}
.kobol-page-header .chapter-menu a{padding: 5px 15px;}
.chapter-menu .menu > li:hover > .menu.menu, 
.kobol-page-header .chapter-menu .pane-og-menu-single-menu a:hover, 
.kobol-page-header .chapter-menu .pane-og-menu-single-menu li:hover > a{background: #eee;}
.subnav-trigger{cursor: pointer;}


/* HOME PAGE STYLES */
.node-type-oa-space .banner, body.node-type-oa-space.page-node-rss #main-wrapper #main h1#page-title{display:block;}
body.node-type-oa-space #main-wrapper #main h1#page-title{display:none;}

/* HERO AREA */
.banner::before{display: none;}
.banner, .page-node-rss.node-type-oa-space .banner{min-height: 100%;margin-bottom: 0px;padding: 30rem 0 0; display:none;}
.banner .banner-message{margin: auto; font-size: 16px; font-weight: bold; line-height: 1.5; max-width: 100%; font-family: 'Quattrocento Sans', Arial,sans-serif;padding: 30px; background: #005CAB; text-align: left;}
.banner .banner-message h1, .banner .banner-message h2{color: #fff;}
.banner .banner-message p:last-of-type{margin-bottom: 0.5em;}
.banner .banner-message--button .btn{margin-bottom: 0px;}
.banner .banner-message--button .btn, 
.callout--form .btn-primary, 
.kobol-teaser ul li.node-readmore a, 
.kobol-feed-navigation a, 
.pane-content #can_embed_form input[type="submit"],
.node-action .harris .btn.btn-primary,
.more-link a{font-family: 'Oswald', Arial,sans-serif; font-weight: normal; text-transform:none; border-radius: 5px; font-size: 1.1rem;padding: 0.25em 3em; text-shadow: none;line-height: inherit; text-transform: capitalize;}

/* CONTENT AREA */
body.html #main-wrapper #main{padding: 0px; margin-bottom: 0em; width: auto; margin-right: -15px; margin-left: -15px; max-width: 120%;}
#main-wrapper.oa-layout-fluid{padding-left: 15px;padding-right: 15px;}

/* DIFFERENT PAGE ELEMENTS */
input[type="text"], input[type="email"], textarea{border-radius: 5px;}

h2.pane-title, 
.pane-content #can_embed_form h2, 
.pane-content #donate_auto_modal h2{line-height: 1; margin-top: 0px; margin-bottom: 15px; color: #fff; background: #005cab; padding: 15px; text-transform: uppercase;font-size: 1.6rem;}
.well h2, .page-node-members h2{font-family: inherit;font-size: 20px;font-weight: bold;text-transform: uppercase;}
dl.node-type-list dd{margin-bottom: 15px;}

/* ARTICLE TEASERS */
.pane-discover-teasers-pane-listing > .pane-content .views-row{background: #efefef; padding: 30px;margin-bottom: 30px;overflow: hidden;}
.pane-discover-teasers-pane-listing > .pane-content .views-row .pane-node-field-featured-image,
.pane-discover-teasers-pane-listing > .pane-content .views-row .pane-node-links{padding:0;}
.pane-discover-teasers-pane-listing > .pane-content .views-row .radix-layouts-content{padding-bottom: 30px;}
.pane-discover-teasers-pane-listing > .pane-content .views-row  ul.links.inline{width: 0;}

.more-link{text-align: center;}
.more-link a{text-align: center; display: block; background: #444; color: #fff;}
.more-link a:hover{background: #222;}
.view-mode-teaser .pane-node-body{padding-bottom: 0px;}
.view-discover-teasers .view-mode-featured{padding-bottom: 1rem;}
.view-discover-teasers .view-mode-featured img{width: 100%;}
.node-featured .pane-node-title .pane-content a{font-size: inherit;}
.kobol-teaser ul li.node-readmore{margin-bottom: 0px; float: none;display: block; text-align: right;}
.kobol-teaser ul li.node-readmore a{margin-top: 0rem;padding: 0.5rem 1.5rem;font-size: 80%;line-height: 1;}

.view-discover-teasers.view-display-id-pane_tiles .view-content .views-row:nth-last-of-type(-n+2):first-child, 
.view-discover-teasers.view-display-id-pane_tiles .view-content .views-row:nth-last-of-type(-n+2):first-child ~ .views-row {-ms-flex-preferred-size: 100%; flex-basis: 100%;width: 100%;display: block;}

/* CTAs */
.pane-kobol-ctas-recent-promos{margin-bottom: 0; padding-bottom: 0 !important;}
.node-cta.node-promo{background-image: none !important;}
.node-cta .cta-image{-ms-flex-preferred-size: 342px;flex-basis: 342px;}
.node-cta .cta-text{margin-top: 0rem;padding: 0rem;width: 100%;}
.node-cta{min-height: 211px;}
.view-kobol-ctas.recent-promos .view-content .views-row,
.view-kobol-ctas.recent-promos .view-content .views-row:nth-last-of-type(n+4), 
.view-kobol-ctas.recent-promos .view-content .views-row:nth-last-of-type(n+4) ~ .views-row,
.view-kobol-ctas.recent-promos .view-content .views-row:nth-last-of-type(-n+3):first-child, 
.view-kobol-ctas.recent-promos .view-content .views-row:nth-last-of-type(-n+3):first-child ~ .views-row,
.view-kobol-ctas.recent-promos .view-content .views-row:nth-last-of-type(-n+2):first-child, 
.view-kobol-ctas.recent-promos .view-content .views-row:nth-last-of-type(-n+2):first-child ~ .views-row{margin: 0;max-width: 100%;width: 100%;-ms-flex-preferred-size:100%;flex-basis:100%;margin-bottom: 30px;}
.view-kobol-ctas.recent-promos .node-cta {margin: 0;max-width: 100%;width: 100%;-ms-flex-preferred-size:100%;flex-basis:100%;}
.node-cta .promo-icon{margin: 0 auto 15px;}
.node-cta .cta--link{padding: 30px;}

.node-cta .cta--link, .node-cta .cta-text p:first-child{font-family: 'Oswald', Arial,sans-serif; font-size: 25px;font-weight: bold;text-transform: uppercase;line-height: 1.2;text-align: center;}
.node-cta .cta-text p{font-family: 'Quattrocento Sans', Arial,sans-serif;text-align: center;}
.node-cta .promo-icon, .node-cta .cta-text{-ms-flex-item-align: left;align-self: left; text-align: left;}
.node-cta .cta-text span, .node-cta .cta-text p{display: block;font-size: 14px;line-height: 1.5;margin-top: 5px;text-transform: none;margin-bottom:0;}
.promo-icon .fa{font-size: 2em;}
.view-kobol-ctas.recent-promos .view-content{margin-right: 0;}

/* RSS FEED */
.kobol-rss-display-list .kobol-rss-display-feed li > a{font-family: 'Quattrocento Sans', Arial,sans-serif; font-size: 18px; }
.page-node-rss .kobol-rss-display-list .kobol-rss-display-feed > ul >  li{margin-bottom: 3rem;}
.page-node-rss .kobol-rss-display-list .kobol-rss-display-feed > ul > li > a,
.page-node-rss .kobol-rss-display-list .kobol-rss-display-feed li.pager-current > a{font-family: 'Oswald', Arial,sans-serif; margin: 30px 0 15px;display: block;font-size: 2rem;font-weight: bold;}
.page-node-rss .kobol-rss-display-list .kobol-rss-display-feed li a[title="View user profile."]{display:block; margin-top: 15px;}
.kobol-rss-display-list  .kobol-feed-navigation a{display: block;line-height: 1;text-align: center;padding: 0.5rem 3rem;}
.kobol-rss-display-list li{margin-bottom: 15px;}
.kobol-rss-display-list li .kobol-rss-description{font-style: normal;}

/* FOOTER */
.kobol-page-footer--wrapper{ max-width: 100%; display: block;}
.kobol-page-footer {font-size: 80%;min-height: 500px;}
.left-footer-region img{width: 150px; display:block; opacity: 0.8;}
.row.oa-responsive-region-row-bottom{margin-top: 0;}

/* EVENT CALANDER VIEW */
.fc-header .fc-state-default, .fc-header .ui-state-default{background-image: none !important; font-weight: normal; text-transform:none; border-radius: 5px; display: inline-block; font-size: 12px; line-height: 1; padding: 5px 10px; margin-right: 5px;}
.fc .fc-header-space {display: none;}
.fc-text-arrow{display: block;font-size: 1.2em;}
.fc-button-prev{margin-right: 5px;}
.fc-header-title h2{font-size: 28px;margin-bottom: 0px;}
.fc-content table thead th {background-color: #cfe4e5; font-size: 14px;}
.fc td.fc-other-month {background: #edf1f2 none repeat scroll 0 0;}
.fc-state-highlight {background: #fbae42 none repeat scroll 0 0;color: #fff;font-weight: bold;}
.fc table{font-size: 12px;}
.oa-event-item.oa-date span.oa-event-day{display:none;}

/* EVENT LIST VIEW (SMALL) */
.item-list ul li {margin: 0 0 1em;}
.oa-event-date-wrapper {width: 6em;height: 6em;margin: 0 15px 0 0;}
.oa-event-date-month-wrapper {height: auto;}
.marker{background: #efb310 none repeat scroll 0 0;border-radius: 4px;color: #fff;display: inline-block;font-size: 12px;line-height: 1;padding: 5px;text-transform: uppercase;}
.oa-event .addthisevent-drop{display: none;}

/** FORM **/
.btn{padding: 1em 2em;}
.form-control::-webkit-input-placeholder{color: #4da2e8;}
.form-control::-moz-placeholder {color: #4da2e8;}
.form-control:-ms-input-placeholder {color: #4da2e8;}
.form-control:-moz-placeholder {color: #4da2e8;}

/* RSS FEED PAGE */
body.node-type-oa-space.page-node-rss section#main-wrapper{max-width: 100%; width: auto; padding-left: 15px; padding-right: 15px;}

/* ACTION BLOCK */
.node-action{background: transparent; border-bottom:none; }
.node-action .harris .radix-layouts-content h2{font-family: 'Quattrocento Sans', Arial,sans-serif;}

/* HOUSE KEEPING */
div#panels-ipe-control-container{right: 0 !important;}
#cboxTitle {background: #000; background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;bottom: 28px;color: #ffffff;left: 0;line-height: 1.3;padding: 5px;position: absolute;text-align: center;width: 100%;}

body:not(.node-type-oa-space) .kobol-page-header--bottom{margin-bottom: 0;}
body:not(.node-type-oa-space) .oa-layout-contentheader > div > div > div {padding: 0 15px;}
body:not(.node-type-oa-space) .oa-layout-contentheader > div > div > div > h1#page-title, 
.node-type-oa-event #page-title,
body.page-node-rss.node-type-oa-space .oa-layout-contentheader > div > div > div > h1#page-title
{text-transform: capitalize; color: white;font-weight: bold; line-height: 100%;text-align: left;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;background: #005cab;padding: 10px 15px 12px;margin: 0 -15px 30px;text-transform: uppercase;}
.pane-pane-oa-title {overflow: visible;}

footer.oa-layout-footer{margin-top: 5rem;}
.left-footer-region{position: relative; display: block; padding: 2rem 2rem 0;}
.left-footer-region > div{-ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; margin-bottom: 0px; padding-bottom: 30px;}
.left-footer-region .search-form{margin-bottom: 0;}
.left-footer-region .search-form label{display: none;}
.left-footer-region .search-form .container-inline{display: flex;width: 100%;}
.left-footer-region .search-form .container-inline div{width: 100%;margin: 0;} 
.left-footer-region .search-form .container-inline div input{width: 100%;min-height: 40px;padding: 10px;}
.left-footer-region .search-form .btn {padding: 0.5em 2em;margin: 0;}
.left-footer-region .search-form input[type="text"]{border-radius: 0px;}

.kobol-page-footer--menu {text-transform: none;}
.kobol-page-footer--menu .pane-og-menu-single-menu .menu{text-transform: uppercase;margin-bottom: 20px;}
.kobol-page-footer--menu .pane-og-menu-single-menu li{margin-right: 2.5em;}
.kobol-page-footer--menu .pane-og-menu-single-menu li:last-child{margin-right: 0em;}
.kobol-page-footer--menu .menu li .menu{display: block;}
.kobol-page-footer--menu .pane-og-menu-single-menu li .menu li{margin: 0.45rem 0; line-height: 1;}
.kobol-page-footer--menu .menu li .menu a{line-height: 1.25rem; display: inline-block;}

@media (min-width: 768px){
	.kobol-page-header{background-position: center 0px;}
	.kobol-page-header .chapter-and-search{width: 550px;align-items: flex-end; -webkit-align-items: flex-end;}
	.kobol-page-header .chapter-menu .pane-og-menu-single-menu a{display: block;}
	.kobol-page-header .nav-wrapper{-ms-flex-direction: row; flex-direction: row;}
	.logo-title-social{padding: 20px 0 10px;}
	.chapter-menu .menu > li > .menu.menu{background:rgba(17, 94, 104, 0.8) none repeat scroll 0 0;}
	.chapter-menu .menu > li:hover > .menu.menu{min-width: 100%;border: none;margin: 0px auto auto 0px;padding: 5px 0px;font-size: 16px; z-index: 1000;}

	.view-kobol-ctas.recent-promos .view-content .views-row:nth-last-of-type(3):first-child, 
	.view-kobol-ctas.recent-promos .view-content .views-row:nth-last-of-type(3):first-child ~ .views-row
	{max-width: 100%;width: 33.33%; -ms-flex-preferred-size:33.33%; flex-basis:33.33%;}

	.view-discover-teasers.view-display-id-pane_tiles .view-content .views-row:nth-last-of-type(-n+2):first-child, 
	.view-discover-teasers.view-display-id-pane_tiles .view-content .views-row:nth-last-of-type(-n+2):first-child ~ .views-row {-ms-flex-preferred-size: calc(50% - 15px); flex-basis: calc(50% - 15px); width: calc(50% - 15px); display: run-in;}

	#main-wrapper.oa-layout-fluid{padding-left: 0px;padding-right: 0px;}
	.pane-kobol-header, .kobol-page-footer--wrapper, .pane-single-row-header, 
	body.node-type-oa-space.page-node-rss section#main-wrapper{max-width: 750px;margin: auto;}
	
	.pane-discover-teasers-pane-listing > .pane-content .views-row .radix-layouts-footer{position: absolute;bottom: 0px;right: 0;}
	.pane-discover-teasers-pane-listing > .pane-content .views-row  ul.links.inline{width: auto;}

	.left-footer-region{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center;}
		.left-footer-region > div{-ms-flex-preferred-size: 50%; flex-basis: 50%; width: 50%; max-width: 50%;}
}

@media (min-width: 768px) and (max-width: 991px) {
	.view-discover-teasers.view-display-id-pane_tiles .view-content .views-row:nth-last-of-type(3):first-child, 
	.view-discover-teasers.view-display-id-pane_tiles .view-content .views-row:nth-last-of-type(3):first-child ~ .views-row
	{ display: block; -ms-flex-preferred-size: calc(50% - 15px); flex-basis: calc(50% - 15px); width: calc(50% - 15px);}
	.node-action.view-mode-full .radix-layouts-column2{width: 100%;}

	body.node-type-oa-space .kobol-teaser > .container-fluid .row .col-md-4.radix-layouts-sidebar,
	body.node-type-oa-space .kobol-teaser > .container-fluid .row .col-md-8.radix-layouts-content{width: 50%;float: left;}

}

@media (min-width: 768px) and (max-width: 1299px) {
	body.node-type-oa-space .view-discover-teasers.view-display-id-pane_tiles .view-content .views-row:nth-last-of-type(4):first-child, 
	body.node-type-oa-space .view-discover-teasers.view-display-id-pane_tiles .view-content .views-row:nth-last-of-type(4):first-child ~ .views-row
	{ display: block; -ms-flex-preferred-size: calc(50% - 15px); flex-basis: calc(50% - 15px); width: calc(50% - 15px);}
	.col-md-12 .col-md-8 .node-action .radix-layouts-column2, 
	.col-md-12 .col-md-6 .node-action .radix-layouts-column2, 
	.col-md-12 .col-md-4 .node-action .radix-layouts-column2{width: 100%;}

}

@media (min-width: 980px){
	.view-kobol-ctas.recent-promos .view-content .views-row:nth-last-of-type(n+4), 
	.view-kobol-ctas.recent-promos .view-content .views-row:nth-last-of-type(n+4) ~ .views-row
	{max-width: 100%;width: 25%; -ms-flex-preferred-size:25%; flex-basis:25%;}
		
}


@media (min-width: 991px) and (max-width: 1199px) {
	body.node-type-oa-space .kobol-teaser > .container-fluid .row .radix-layouts-sidebar, 
	body.node-type-oa-space .kobol-teaser > .container-fluid .row .radix-layouts-content{width: 100%;}

	body.node-type-oa-space .col-md-8 .kobol-teaser > .container-fluid .row .col-md-4.radix-layouts-sidebar,
	body.node-type-oa-space .col-md-8 .kobol-teaser > .container-fluid .row .col-md-8.radix-layouts-content{width: 50%; float: left;}

}

@media (min-width: 992px){
	.kobol-page-header .chapter-and-search{width: 770px;}
	.chapter-menu .menu > li:hover > .menu.menu{margin: 0px;}
	
	.kobol-teaser > .container-fluid .row .col-md-4.radix-layouts-sidebar,
	.kobol-teaser > .container-fluid .row .col-md-8.radix-layouts-content{width: 50%;}

	.col-md-6 .kobol-teaser > .container-fluid .row .radix-layouts-sidebar,
	.col-md-6 .kobol-teaser > .container-fluid .row .radix-layouts-content{width: 100%;}
	
	.view-discover-teasers.view-display-id-pane_tiles .view-content .views-row:nth-last-of-type(3):first-child, 
	.view-discover-teasers.view-display-id-pane_tiles .view-content .views-row:nth-last-of-type(3):first-child ~ .views-row
	{ display: block; -ms-flex-preferred-size: calc(33% - 15px); flex-basis: calc(33% - 15px); width: calc(33% - 15px);}
	.col-md-4 .view-kobol-ctas.recent-promos .views-row {max-width: 100%;width: 100%; -ms-flex-preferred-size:100%; flex-basis:100%;}

	.node-type-oa-event #main .oa-layout-content .radix-layouts-sidebar{padding-top: 200px;}
	
	.pane-kobol-header, 
	.kobol-page-footer--wrapper, .pane-single-row-header, 
	body.node-type-oa-space.page-node-rss section#main-wrapper{max-width: 970px;}
}

@media (min-width: 1200px){
	.pane-kobol-header, 
	.kobol-page-footer--wrapper, 
	.pane-single-row-header,
	body.node-type-oa-space.page-node-rss section#main-wrapper{max-width: 1170px;}
	.kobol-page-header .chapter-and-search{width: 970px;}

	body:not(.node-type-oa-space) .oa-layout-contentheader > div > div > div > h1#page-title, 
	.node-type-oa-event #page-title,
	body.page-node-rss.node-type-oa-space .oa-layout-contentheader > div > div > div > h1#page-title {
			padding-left: 9999px;
			padding-right: 9999px;
			margin-left: -9999px;
			margin-right: -9999px;
	}	
}

@media (min-width: 1300px){

	body.node-type-oa-space .view-discover-teasers.view-display-id-pane_tiles .view-content .views-row:nth-last-of-type(4):first-child, 
	body.node-type-oa-space .view-discover-teasers.view-display-id-pane_tiles .view-content .views-row:nth-last-of-type(4):first-child ~ .views-row
	{ display: block; -ms-flex-preferred-size: calc(50% - 15px); flex-basis: calc(50% - 15px); width: calc(50% - 15px);}
}