/*
Theme Name:         The Pacific Alliance for Sustainable Tuna
Theme URI:          http://www.pacifictunaalliance.org/
Description:        
Version:            2.0
Author:             Coqui Marketing + Communications
Author URI:         http://www.coquimarketing.com/

Tags: 
Text Domain: pacific
*/

/*----------------------------------------------*/
/* Global Reset */
/*----------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font: inherit;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}


/*----------------------------------------------*/
/* Extra fonts */
/*----------------------------------------------*/
@font-face {font-family: 'GothamBold'; src: url('fonts/gotham-bold.eot'); src: url('fonts/gotham-bold.eot') format('embedded-opentype'), url('fonts/gotham-bold.woff') format('woff'), url('fonts/gotham-bold.ttf') format('truetype'), url('fonts/gotham-bold.svg#GothamBold') format('svg');}

@font-face {font-family: 'GothamBook'; src: url('fonts/gotham-book.eot'); src: url('fonts/gotham-book.eot') format('embedded-opentype'), url('fonts/gotham-book.woff') format('woff'), url('fonts/gotham-book.ttf') format('truetype'), url('fonts/gotham-book.svg#GothamBook') format('svg');} 

@font-face {font-family: 'GothamMedium'; src: url('fonts/gotham-medium.eot'); src: url('fonts/gotham-medium.eot') format('embedded-opentype'), url('fonts/gotham-medium.woff') format('woff'), url('fonts/gotham-medium.ttf') format('truetype'), url('fonts/gotham-medium.svg#GothamMedium') format('svg');}

/*----------------------------------------------*/
/* Base */
/*----------------------------------------------*/
html{-webkit-tap-highlight-color:transparent; -webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;margin:0;padding:0;height:100%;overflow-y: scroll;}
body{font-family: 'GothamBook', Arial, Verdana, Helvetica, sans-serif; color: #000; background-color: #fff; padding: 0; margin: 0; font-size: 16px; border-top: 16px solid #838383; height:100%;}
img, article img, aside img, header img, section img, img[class*="align"] {max-width: 100%;}
img, article img, aside img, header img, section img, img[class*="align"] {height: auto;}
a, a:hover, a:active, a:focus {color:#6A92AC; text-decoration:underline;}
.aligncenter, div.aligncenter{display:block;margin:0 auto;}
.alignleft{float:left;margin:0 15px 10px 0;}
.alignright{float:right;margin:0 0 10px 15px;}
.alignnone{max-width:100%;height:auto;padding:2rem;}
.nopadding {padding: 0 !important;}
.nopaddingleft {padding-left: 0 !important;}
.nopaddingright {padding-right: 0 !important;}
.clearfix{display:block;width:100%;clear:both;}
p.wp-caption-text{font-size: 13px !important; font-style: italic; margin: 8px 0 0 0 !important; padding: 0 !important;}

/*----------------------------------------------*/
/* Header */
/*----------------------------------------------*/
header#main-header{background: #fbfbfb;}
header#main-header .language-switcher{display: block; width: 100%; overflow: hidden; text-align:right;color:#000;font-size: 12px;min-height:25px;}
header#main-header .language-switcher a.icon-mail{float: right; vertical-align: top; padding-left: 6px;}
header#main-header .language-switcher ul{list-style: none; float: right; vertical-align: top; margin-top: 2px;}
header#main-header .language-switcher ul li{display:inline-block;}
header#main-header .language-switcher ul li:after{content:"|"; display:inline-block;padding: 0 5px;}
header#main-header .language-switcher ul li a{text-decoration: none;}
header#main-header .language-switcher ul li.current-lang a{color:#000; font-family:'GothamBold'; font-weight: normal;}
#header-nav{display:block; width:100%;text-align:right;}
#header-nav .menu-main-menu-container, #header-nav .menu-main-menu-es-container{position:relative; margin:0;padding:0;}
#header-nav ul.header-menu{list-style:none;display:block;width:100%;text-transform:uppercase;}
#header-nav ul.header-menu > li{float:left;position:relative;font-family: 'GothamBold';font-size: 14px;}
#header-nav ul.header-menu > li:first-child{padding-left:0;}
#header-nav ul.header-menu > li:last-child{padding-right:0;}
#header-nav ul.header-menu > li a{padding: 6px 0 5px 0; display: block; text-decoration: none; color: #8a8a8a;}
#header-nav ul.header-menu > li > a:hover{color:#4EBD06;}
#header-nav ul.header-menu ul{position:absolute;display:none;width:250px;top:25px;z-index:990;}
#header-nav ul.header-menu li.right-align ul{right:0;}
#header-nav ul.header-menu ul li{float: none; margin: 0; padding-left: 0; padding-right: 0; width:100%; text-align: left; border-bottom: 2px solid #a9a9ac;z-index:999;}
#header-nav ul.header-menu ul li a{font-family: 'GothamBook'; font-size: 14px; padding: 8px 15px 8px 13px; color: #fff; background: #919194;}
#header-nav ul.header-menu ul li.current-menu-item a, #header-nav ul.header-menu ul li a:hover{background-color:#4EBD06;}
#header-nav ul.header-menu li:hover ul{display:block;}
#header-nav ul.header-menu li.hidden{display:none;}

.c-hamburger {position: relative; overflow: hidden; margin: 0; padding: 0; width: 32px; height: 32px; font-size: 0; text-indent: -9999px; appearance: none; box-shadow: none; border-radius: none; border: none; cursor: pointer; transition: background 0.3s;background-color:#FFF;}
.c-hamburger:focus {outline: none;}
.c-hamburger span {display: block; position: absolute; top: 16px; left: 6px; right: 6px; height: 3px; background: #8a8a8a;}
.c-hamburger span::before, .c-hamburger span::after {position: absolute; display: block; left: 0; width: 100%; height: 3px; background-color: #8a8a8a; content: "";}
.c-hamburger span::before {top: -6px;}
.c-hamburger span::after {bottom: -6px;}
.c-hamburger--htx {background-color: #FFF;}
.c-hamburger--htx span {transition: background 0s 0.3s;}
.c-hamburger--htx span::before, .c-hamburger--htx span::after {transition-duration: 0.3s, 0.3s; transition-delay: 0.3s, 0s;}
.c-hamburger--htx span::before {transition-property: top, transform;}
.c-hamburger--htx span::after {transition-property: bottom, transform;}

/* active state, i.e. menu open */
.c-hamburger--htx.is-active {background-color:#8a8a8a;}
.c-hamburger--htx.is-active span {background: none;}
.c-hamburger--htx.is-active span::before {background-color: #FFF; top: 0; transform: rotate(45deg);}
.c-hamburger--htx.is-active span::after {background-color: #FFF; bottom: 0; transform: rotate(-45deg);}
.c-hamburger--htx.is-active span::before, .c-hamburger--htx.is-active span::after {transition-delay: 0s, 0.3s;}

/*----------------------------------------------*/
/* Content */
/*----------------------------------------------*/
div#main-content.home-content{border:0; margin:0.25rem 0 0 0;padding: 0; background: #fff;}
div#main-content{border-top: 20px solid #fbfbfb; padding: 20px 0 1px 0; background: #fff; text-align: left;}

.post-banner, .page-banner{position:relative;display:block;width:100%;border-bottom: 20px solid #479DAC;}
.post-banner img, .page-banner img{width:100%;}
.banner-title h2 {position: absolute; bottom: 0px; padding: 0px; margin: 0px; color: #FFF; font-weight: normal; font-family: "GothamBold"; text-transform: uppercase;}
h3.category-link a{color: #333;text-decoration:none;}
h3.blog-title{text-transform: none !important;}
h3.blog-title span{display:block;clear:both;}
h3.blog-title span.author{font-family: 'GothamBold'; font-weight: normal; font-size: 16px; text-transform: none; line-height: 120%; color: #000;}
h3.blog-title span.date{font-family: 'GothamBook', Arial, Verdana, Helvetica, sans-serif; font-weight: normal; font-size: 16px; text-transform: none; line-height: 120%; color: #000;}

h3.blog-title-small{text-transform: none !important;font-size:18px !important;}
h3.blog-title-small a{text-decoration:underline;color: #469DAC !important;}
h3.blog-title-small span{display:block;clear:both;}
h3.blog-title-small span.author{font-family: 'GothamBold'; font-weight: normal; font-size: 14px; text-transform: none; line-height: 120%; color: #000;}
h3.blog-title-small span.date{font-family: 'GothamBook', Arial, Verdana, Helvetica, sans-serif; font-weight: normal; font-size: 14px; text-transform: none; line-height: 120%; color: #000;}

div#main-content p.blog-blurb{font-family: 'GothamMBold'; font-weight: normal; border: 3px solid #479dac; color: #469DAC; overflow: hidden; padding: 10px; margin: 0 0 15px 0;}
div#main-content p.image-p{padding:0;}

div#main-content h3 {/*font-size: 24px*/font-size:27px; line-height: 130%; padding: 0px 0px 5px; border: 0px none; margin: 0px 0px 15px; /*color: #919192*/color:#469dac; font-weight: normal; font-family: "GothamBold"; text-transform: uppercase;}
div#main-content h3.news{margin:0;}
div#main-content h4{font-size:1.2em;font-family: "GothamBold"; font-weight: normal; color: #469DAC;    margin-bottom: 0.6rem;}
div#main-content p{/*font-size:1em*/font-size:1.1em; line-height: 120%; padding: 0px 0px 20px; color: #000; font-weight: normal; border: 0px none; margin: 0px;}
div#main-content .container p:first-of-type, div#main-content .container p.info{font-size:1.35em; line-height: 150%;padding-bottom:30px;}
div#main-content li, div#main-content li p{font-size:1.15em !important;}
div#main-content strong {font-family: 'GothamBold'; font-weight: normal;}
div#main-content em{font-style: italic;}
div#main-content p a.news-title, div#main-content p a.media-title{color:#000;text-decoration:none;}
.post-edit-link{font-size:11px;text-transform:uppercase;color:#000;text-decoration:none;}

div#main-content .news-article:not(:last-child), div#main-content .media-article:not(:last-child){border-bottom: 1px solid #f1f1f1;margin-bottom:20px;}
div#main-content .media-article{overflow:hidden;padding-bottom:1rem;}
div#main-content .media-article p:first-child{padding:0 0 10px;}
div#main-content .media-article p:first-child span{font-size:0.9em;}

div#main-content .section-title{color: #74B60D; font-family: "GothamBold"; text-decoration: none; font-size: 1.1em;}
div#main-content ol, div#main-content ul{margin-bottom:20px;}
div#main-content ol ul li, div#main-content ul ul li{background: url(images/arrow.jpg) left top no-repeat; padding: 0 0 6px 25px;font-size:1.1rem !important;line-height:1.3 !important;margin-bottom:10px;}

div#main-content ul.arrow, div#main-content ul{margin-left: 1.5rem;}
div#main-content ul.arrow li, div#main-content ul > li{background: url(images/arrow.jpg) left top no-repeat; padding: 0 0 15px 25px;line-height:1.3;}

div#main-content ul.history{margin-left:0;}
div#main-content ul.history li{background-image:none;}

div#main-content ol{counter-reset:item;}
ul.archives{font-size:14px;}
ul.archives a{color: #74B60D;text-decoration:none;padding: 2px 0;display: block;}
ul.archives a:hover{text-decoration:underline;}
div#main-content ol > li{counter-increment:item; position: relative; padding: 0 0 20px 40px;}
div#main-content ol > li:before{content: counter(item); font-family: 'GothamBold'; font-size:22px; color: #469DAC; position: absolute; top: 4px; left: 0;}
div#main-content ul{list-style:none;}
div#main-content ul li{position: relative; vertical-align: top;}
div#main-content ul li span.year{font-family: 'GothamBold'; font-size: 16px; color: #469DAC; position: absolute; top: 0; left: 0;}
div#main-content ul li span.history{display: block; padding: 0 0 20px 75px;}
div#main-content ul#members{display:table;border-collapse:collapse;width:100%;margin-left:0;}
div#main-content ul#members li{display:table-row;border-bottom: 1px solid #ebebeb;background-image:none;}
div#main-content ul#members li .member-logo{display:table-cell;vertical-align:middle;width:220px;}
div#main-content ul#members li .member-desc{display:table-cell;vertical-align:middle; border-left: 1px solid #ebebeb; padding: 20px 20px 20px;}
div#main-content ul#members li .member-desc .member-name a{color: #74B60D; font-family: 'GothamBold'; text-decoration: none;}

table{}
table tr{}
table tr td{vertical-align: top;  padding: 0 1rem 1rem 0 !important;line-height: 1.3 !important;}
table tr td:first-child{width:22%;}

div#main-content #wp_page_numbers ul, div#main-content #wp_page_numbers li, div#main-content #wp_page_numbers a {background: white; padding: 0; margin: 0; border: none; text-decoration: none; font-weight: normal; font-style: normal; list-style: none; text-transform: none; text-indent: 0px; font-variant: normal; text-align: left; line-height: 12px; letter-spacing: 0px; word-spacing: 0px; font-size: 10px; font-family: 'GothamBook',Arial,Verdana,Helvetica,sans-serif;} 
div#main-content #wp_page_numbers {margin-top: 10px; width: 100%; background: white; margin-bottom: 10px;}
div#main-content #wp_page_numbers ul {width: 100%;}
div#main-content #wp_page_numbers li {float: left; display: block; margin-bottom: 2px;}
div#main-content #wp_page_numbers a {padding: 3px; padding-left: 5px; padding-right: 5px; margin-left: 2px; margin-right: 2px; display: block; color: #333; border: 1px solid #bfbfbf;}
div#main-content #wp_page_numbers li a:hover {border-color: #BA0000;}
div#main-content #wp_page_numbers li.space {padding: 6px; padding-left: 2px; padding-right: 2px;}
div#main-content #wp_page_numbers li.first_last_page {font-style: italic;}
div#main-content #wp_page_numbers li.active_page a {border-color: #0075b8;}
div#main-content #wp_page_numbers li.active_page a:hover  {color: black; /* IE fix */ text-decoration: underline; border-color: #BA0000;}
div#main-content #wp_page_numbers li.page_info {float: left; display: block; padding: 3px; padding-left: 5px; padding-right: 5px; margin-right: 2px; color: #666; font-size: 11px; border: 1px solid #bfbfbf;}

#bwg_container1_0 #bwg_container2_0 .bwg_title_spun2_0{font-family: 'GothamBook', Arial, Verdana, Helvetica, sans-serif !important;font-weight: normal !important; color: #000 !important;  font-size: 14px !important; padding-bottom: 20px !important;}

.video-container, .embed-youtube {position: relative; margin-bottom:0.75rem; padding-bottom: 56.25%;  padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe, .video-container object, .video-container embed, .embed-youtube iframe, .embed-youtube object, .embed-youtube embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.video-item{}
.video-item h2{font-weight: 700 !important;margin:0 0 0.75rem 0;font-size:1.25rem;line-height:1.3;}
.video-item p.view-more{font-size: 13px !important; line-height: 1.2 !important; margin: 0 0 0.5rem; text-align: right;}
.video-item p.view-more a{text-decoration:none;}
.video-item p.view-more a:hover{text-decoration:underline;}

/*----------------------------------------------*/
/* Homepage */
/*----------------------------------------------*/
.home-banner-zozo{width:100%;margin:0 !important; padding:4px 0  2px 0 !important;overflow-x: hidden;}
.home-banner-zozo .z-slider-wrapper.z-shadows{margin-bottom:0;}
.home-banner-zozo .z-accordion.vertical > .z-section {position: relative;}
.home-banner-zozo .z-accordion.vertical > .z-section .blurb-text{visibility: hidden;width:100%;}
.home-banner-zozo .z-accordion.vertical > .z-section .blurb-text h3{padding-bottom: 10px;}
.home-banner-zozo .z-accordion.vertical > .z-section.z-active .blurb-text{visibility: visible;}
.home-banner-zozo .z-accordion.horizontal > .z-section > .z-header{background-color:#919194;}
.home-banner-zozo .z-accordion.gray.vertical > .z-section > .z-header, .z-accordion.gray.horizontal > .z-section > .z-header > .z-title{text-shadow: none; background: #8a8c8e; color: #fff; font-family: 'GothamMedium'; text-align: center; text-transform: uppercase;font-size:16px;}
.home-banner-zozo .z-accordion > .z-section .img-holder{width: 100%; position: relative;}
.home-banner-zozo .z-accordion > .z-section .img-holder img{width:100%;}
.home-banner-zozo .z-accordion > .z-section .blurb-text {background: url(images/white-bg.png) top left repeat; position:absolute; bottom: 0; width: 75%; padding: 10px 10px 0 15px;}
.home-banner-zozo .z-accordion > .z-section .blurb-text h3 {font-family: "GothamBold"; text-transform: uppercase; font-size: 24px; text-align: left; color: #46797F; padding-bottom: 27px; line-height: 110%; font-weight: normal;}
.home-banner-zozo .z-accordion > .z-section .blurb-text p {text-align: left; color: #46797F; padding-bottom: 15px; line-height: 150%; font-weight: normal !important;}
.home-banner-zozo .z-accordion > .z-section .blurb-text p a.read-more {color:#50BF06; font-family: 'GothamBold'; text-transform: uppercase; text-decoration: none; border-bottom: 5px solid #50BF06;}
.z-active .z-header, .z-header:hover, .z-active .z-header .z-title, .z-header:hover .z-title{background-color:#4EBD06 !important;}

#home-banner {position: relative; /*overflow: hidden;*/margin:0 0 25px 0;padding:0;background-color: #FBFBFB;}
#home-banner .home-slideshow {position: absolute; left: 0; top: 0; height: 100%; width: 100%;}
#home-banner .home-slideshow .cycle-nav{position:absolute; display:block; top:50%; cursor:pointer; width: 34px; height: 38px; background-image:none; z-index: 9999;}
#home-banner .home-slideshow:hover .cycle-nav{background: url(images/sprites.png) no-repeat;}
#home-banner .home-slideshow .cycle-nav.cycle-prev{left:10px;background-position: -95px -110px;}
#home-banner .home-slideshow .cycle-nav.cycle-next{right:15px;background-position: -95px -146px;}
#home-banner .home-slideshow .home-slide {position: absolute; left: 0; top: 0; height: 100%; width: 100%;}
#home-banner .home-slideshow .home-slide .image {position:relative; width: 100%; height: 100%; /*padding: 4px; border: 1px solid #858383;*/}
#home-banner .home-slideshow .home-slide .image .lazy-image{background-position: top center;height: 100%; width: 100%;}
#home-banner .home-slideshow .home-slide .blurb-text {background-color: rgba(255,255,255,0.8); position:absolute; padding:15px;}
#home-banner .home-slideshow .home-slide .blurb-text h3 {font-family: "GothamBold"; text-transform: uppercase; font-size:28px; text-align: left; color: #46797F; line-height: 1; font-weight: normal;margin-bottom:0.5rem;}
#home-banner .home-slideshow .home-slide .blurb-text p {font-size:18px;text-align: left; color: #46797F; padding-bottom: 15px; line-height: 120%; font-weight: normal !important;}
#home-banner .home-slideshow .home-slide .blurb-text p a.read-more {color:#50BF06; font-family: 'GothamBold'; text-transform: uppercase; text-decoration: none; border-bottom: 5px solid #50BF06;}

#home-banner .home-slide-pager {display:block; width:100%; text-align:center; list-style: none; margin: 0; padding: 0; height: 14px; position: absolute; bottom: -20px; z-index: 100; line-height: 14px;}
#home-banner .home-slide-pager li {display: inline-block; margin-left: 4px;}
#home-banner .home-slide-pager li a {overflow: hidden; text-indent: 100%; white-space: nowrap; background-color: transparent; border: 2px solid #858383; border-radius: 100%; display: block; height: 12px; width: 12px; color: #858383;}
#home-banner .home-slide-pager li.cycle-pager-active a {background-color: #858383;}
.lazy-image{background-repeat: no-repeat; background-position: center; background-size: cover;}

.feature-list{padding: 60px 0 20px 0;background-color:#50BF08;color:#FFF;text-align:center;}
.feature-list .feature-item{}
.feature-list .feature-item img{cursor:pointer;padding: 0 0 20px 0;}
.feature-list .feature-item h2{font-size: 22px; font-family: 'GothamBold'; padding: 0;text-transform:uppercase;}
.feature-list .feature-item p{font-size: 16px !important; color: #fff !important; padding: 0 10px 20px 10px !important;}

.publication-item{text-align:center;margin-bottom:2rem;}
.publication-item img{margin:0.5rem auto; width: 90%; padding: 6px; border: 1px solid rgba(187,187,187,0.8); box-shadow: 0px 0px 3px #bbb;}
.publication-item-caption{min-height:120px;}

#sidebar{}
#sidebar h2, #sidebar h3, h3.category-link{font-family: "GothamBold" !important; font-size: 20px !important; text-transform: none !important;}
#sidebar p{font-size: 1rem !important; margin: 0.5rem 0 !important; padding: 0 0 0.5rem !important;}

div#main-content .container .grid{}
div#main-content .container .grid .grid-item{/*border: solid thin #e1e1e1;*/ padding-left: 2.5px; padding-right: 2.5px; -webkit-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;margin-bottom:2.5px;}
div#main-content .container .grid .grid-item:hover{box-shadow: 0 2px 8px 0 rgba(0,0,0,.29); -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.29); -moz-box-shadow: 0 2px 8px 0 rgba(0,0,0,.29); -o-box-shadow: 0 2px 8px 0 rgba(0,0,0,.29);}
div#main-content .container .grid .grid-item .thumb{width: 100%;}
div#main-content .container .grid .grid-item .grid-item-content{margin: 0; padding: 1rem;}
div#main-content .container .grid .grid-item .grid-item-content h3{margin:0;}
div#main-content .container .grid .grid-item .grid-item-content h3 a{text-decoration:none;}
div#main-content .container .grid .grid-item .grid-item-content h3 a:hover{text-decoration:underline;}
div#main-content .container .grid .grid-item .grid-item-content p{font-size: 1rem; line-height:1.5; margin: 0; padding: 0;}

/*----------------------------------------------*/
/* Footer */
/*----------------------------------------------*/
footer#main-footer{border-top: 20px solid #fff; padding: 15px 0 15px 0; margin: 0 0 95px 0; background-color: #858383;font-family:'GothamMedium'; color: #fff; font-size: 14px; text-transform:uppercase;}
footer#main-footer ul.footer-link{list-style:none;}
footer#main-footer ul.footer-link li{display:inline-block;}
footer#main-footer ul.footer-link li:after{content:"|";display:inline-block; padding: 0 8px;}
footer#main-footer ul.footer-link li a, footer#main-footer .copyright a{color: #fff;text-decoration:none;}
footer#main-footer ul.footer-link li:last-child:after{content:"";display:inline-block;}

/* Fecha */
.date {display: none !important}