@charset "utf-8";
/* CSS Document */

/* CORE */
html {height: 100%;}
body {height: 100%; font-family: 'Open Sans',Arial,sans-serif; font-size: 14px; background-image: url(../img/bg.png); background-repeat: repeat;}
html, body, p, li {color: #444; line-height: 1.5em;}
a {color: #647700;}
a:hover {text-decoration: none; color: #485500;}
a, a:link, a:hover, a:active {outline: 0 none;}
h1, h2, h3, h4, h5 {font-weight: 300; color: #1F3235;}
h1 {font-size: 32px; text-transform: uppercase;}
h2 {font-size: 28px;}
h3 {font-size: 20px; margin-top: 26px;}
h4 {font-weight: 600; margin-top: 30px; font-size: 18px;}
h4 a {color: #444;}
h5 {font-weight: 600; margin-top: 24px;}
p.right{text-align: right; margin: 20px 0 0 0;}
.spacer {margin: 20px 0;}
.container {font-size: 0.9375em;}
blockquote p {
    font-size: 14px;
    font-weight: 300;
    line-height: 25px;
    margin: 20px 40px;
}
ul.two-column {width: 100%;}
ul.two-column li {width: 50%; float: left;}
ul.bullet-list li {margin-bottom: 10px;}
ul.bullet-list li > ul > li:first-child {margin-top: 10px;}


/* HEADER */
header {background-color: #fff; padding: 15px 0 10px 0;}
.colorbar {width: 100%; background-color: #1F3235; height: 40px; border-bottom: 5px solid #fff;
	-o-box-shadow: 0 3px 6px rgba(58,58,58,.7);
    -moz-box-shadow: 0 3px 10px rgba(58,58,58,.7);
    -webkit-box-shadow: 0 3px 6px rgba(58,58,58,.7);
    box-shadow: 0 3px 6px rgba(58,58,58,.7);
}
.colorbar-sub {width: 100%; content: " "; background-color: #1F3235; height: 40px; border-bottom: 5px solid #fff;}

#logo h1 {background: url("../img/logo_purefishing_2020.jpg") no-repeat scroll 0 0 transparent; display: block; Width: 122px; height: 121px; margin: 0; padding: 0; position: relative;}
#logo h1 a {display: block; width: 122px; height: 115px; margin: 0; padding: 0; text-indent: -9000px;}

nav {margin: 35px 0 0 0;}
ul#menu-main {float: right; list-style-type: none; margin: 0; padding: 0;}
ul#menu-main li {float: left; list-style-type: none; margin: 0; padding: 0;}
ul#menu-main li a {font-size: 18px; color: #4D9DA6; display: block; line-height: 50px; padding: 0 20px 0 0; margin: 0 40px 0 0; text-transform: uppercase;}
ul#menu-main li a:hover {text-decoration: none; color: #3A767C;}
ul#menu-top {float: right; list-style-type: none; margin: 0; padding: 0;}
ul#menu-top li {float: left; list-style-type: none; margin: 0; padding: 0; border-right: 1px solid #ddd;}
ul#menu-top li:last-child {border: none;}
ul#menu-top li a {font-size: 13px; color: #999; display: block; line-height: 30px; padding: 0 10px;}
ul#menu-top li a:hover {text-decoration: none; color: #666;}
ul#menu-top li i {font-size: 16px;}

/* HOME PAGE */
#home {
	background-color: #fff; 
	padding: 30px 0;
    -o-box-shadow: 0 3px 6px rgba(58,58,58,.7), 0 -3px 6px rgba(58,58,58,.7);
    -moz-box-shadow: 0 3px 6px rgba(58,58,58,.7),  0 -3px 6px rgba(58,58,58,.7);
    -webkit-box-shadow: 0 3px 6px rgba(58,58,58,.7),  0 -3px 6px rgba(58,58,58,.7);
    box-shadow: 0 3px 6px rgba(58,58,58,.7),  0 -3px 6px rgba(58,58,58,.7);
}
.tag {background-color: #A8DDE3; padding: 25px 40px 20px 40px; color: #3A5E63; margin: 0 0 30px 0;}
.tag h4 {font-weight: 600; font-size: 20px; line-height: 1.25em;}
.tag p {font-style: italic; font-size: 14px; line-height: 1.75em;}

#news, #events {background-color: #e6e6e6; padding: 5px 30px 15px 30px; }
#events {height: 200px;}
#news ul, #events ul {list-style-type: none; margin: 0; padding: 0;}
#news ul li, #events ul li {margin: 0 0 15px 0;}
.more {font-size: 14px; font-weight: 600; line-height: 40px; text-transform: uppercase;}
.more a:hover {text-decoration: none;}
.date {font-style: italic; color: #555;}

/* CONTENT PAGES */

#breadcrumbs {background-color: #ffffff; margin: 0; padding: 0;}
.breadcrumb {
    background-color: transparent;
    list-style: outside none none;
    margin: 0 0 20px;
    padding: 4px 0;
	color: #1f3235;
}
.breadcrumb a {color: #3a767c;}

#page {background-color: #fff; padding: 30px 0; min-height: 500px;
    -o-box-shadow: 0 3px 4px -2px rgba(58,58,58,.7);
    -moz-box-shadow: 0 3px 4px -2px rgba(58,58,58,.7);
    -webkit-box-shadow: 0 3px 4px -2px rgba(58,58,58,.7);
    box-shadow: 0 3px 4px -2px rgba(58,58,58,.7);
}
#page-careers {padding: 0 0 30px 0;}
.page {background-color: #fff; padding: 30px 0; min-height: 500px;
    -o-box-shadow: 0 3px 4px -2px rgba(58,58,58,.7);
    -moz-box-shadow: 0 3px 4px -2px rgba(58,58,58,.7);
    -webkit-box-shadow: 0 3px 4px -2px rgba(58,58,58,.7);
	box-shadow: 0 5px 4px -2px rgba(58, 58, 58, 0.7);
}
.page-careers {padding: 0 0 30px 0;}
.page-benefits-video {background-color: #ffffff; padding: 60px 0 20px 0;}

#page h1, .page h1 {color: #647701; font-size: 32px; padding: 0; padding: 0 0 10px 0; margin: 0 0 30px 0; border-bottom: 1px solid #ddd;}
#title {padding: 10px 0;}
#title h1 {font-weight: 600;}
.intro-text {font-size: 20px; font-weight: 500; line-height: 1.75em; margin-bottom: 24px;}

.well p {margin-top: 5px;}

ul.brand-list {float: left; list-style-type: none; margin: 20px 0 0 0; padding: 0; ; border-top: 1px dashed #ddd;}
ul.brand-list li {list-style-type: none; margin: 0 0 5px 0; padding: 0 0 15px 0; border-bottom: 1px dashed #ddd;}
ul.externals {list-style-type: none; margin: 0; padding: 0;}
ul.externals li {float: left; border: none; margin: 0; padding: 0;}
ul.externals li:last-child {border: none;}
ul.externals li a {display: block; line-height: 30px; padding: 0 30px 0 0}
ul.externals li i {font-size: 1.25em; font-weight: 400;}

ul.category-list {list-style-type: none; margin: 0; padding: 0;}
ul.category-list li {padding: 0 0 20px 0;}
ul.category-list h5 {text-transform: none; font-weight: 600; margin: 0; padding: 0; line-height: 1.5em;}

.timeline {margin: 0 0 20px 0;}
.timeline h4 {padding-left: 30px; font-weight: normal; text-transform: uppercase; color: #555;}
ul.timeline {list-style-type: none; margin: 0 30px; padding: 0; border-top: 1px dashed #ddd;}
ul.timeline li {list-style-type: none; margin: 10px 0; padding: 10px 0 20px 0; border-bottom: 1px dashed #ddd;}
ul.timeline .year {color: #4D9DA6; font-size: 18px; font-weight: 300;}
ul.timeline p {margin: 0 0 0 30px;}

ul.international {list-style-type: none; margin: 0; padding: 0;}
ul.international li {list-style-type: none; margin: 0 0 15px 0; padding: 0; white-space: nowrap;}
ul.international li h5 {margin: 0; padding: 0; line-height: normal;}
ul.international li i {color: #79C0C6; font-size: 90%;}

ul.brand-videos {list-style-type: none; margin: 0; padding: 0; width: 100%;}
ul.brand-videos li {float: left; width: 33%;}
ul.brand-videos li .video-wrap {padding: 10px 16px; min-height: 400px;}


		
table.brandline {padding: 0; margin: 30px 0; width: 100%; border: 0; border-collapse: collapse;}
table.brandline h3 {font-size: 36px; border-bottom: 1px dotted #dddddd; padding: 0 10px; margin: 0; color: #4d9da6;}
table.brandline h4 {font-weight: normal; margin: 0; padding: 0 10px; font-size: 14px;}
table.brandline td {width: 50%; vertical-align: top; padding: 0 0 30px 0; border-collapse: collapse; text-align: left; border-left: 1px dotted #dddddd; margin-left: 10px;}
table.brandline td.bl-left {width: 48%; border-right: 1px dotted #dddddd; text-align: right; border-left: none; padding: 0 0 30px 0; margin-right: 10px;}
table.brandline td.center {width: 4%;}
	

.video-container {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 40px;
    position: relative;
	border: 1px solid #000000;
}
.video-container iframe, .video-container object, .video-container embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.access-request {margin-right: 40px;}

.the-date {color: #777777; font-style: italic;}

/* careers */
.cellpadder {padding: 20px 30px 20px 0;}
.careers-bar-main {width: 100%; background-color: #1F3235; height: 288px; border-bottom: 5px solid #fff;}
.careers-bar {width: 100%; background-color: #1F3235; height: 300px; border-bottom: 5px solid #fff;}
.columbia {
	background-image: url(../img/bg-columbia.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.spirit-lake {
	background-image: url(../img/bg-spirit-lake.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.philadelphia {
	background-image: url(../img/bg-philadelphia.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.kansas-city {
	background-image: url(../img/bg-kansas-city.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

#benefit-summary {background-color: #eeeeee; padding: 40px 0;}
#benefits {margin: 60px 0 80px 0;}
.benefit-video {background-color: #1f3235;}
.benefit-video-text {color: #ffffff; font-weight: 400; line-height: 1.75em; padding: 30px 40px 40px 40px;}
.benefit-video h3 {color: #4d9da6; font-size: 50px; line-height: 1em; margin-bottom: 12px;}
#jarden-careers {padding: 30px 0; border-top: 1px solid #dddddd; margin-top: 60px;}
.job-listings h5 {text-transform: uppercase; font-weight: 400; margin-top: 40px;}
.job-listings ul {list-style-type: none; margin: 16px 0 0 0; padding: 0;}
.job-listings ul li {background-color: #f3f3f3; padding: 10px 8px; font-weight: 600; margin-bottom: 8px;}
.centers {background-color: #eeeeee; margin: 0 0 0 60px; padding: 20px 40px;}
.benefits {background-color: #eeeeee; margin: 0 0 0 20px; padding: 10px 20px;}
.centers h2, h3 {margin: 6px 0; padding: 0;}
.centers h2 {font-size: 22px; line-height: normal;}
.centers h3 {margin-top: 16px; font-size: 18px;}
ul.centers-list {list-style-type: none; margin: 0; padding: 0;}

/* SIDEBAR */
#sidebar #events {margin-top: 20px;}
#sidebar .well {margin-top: 20px;}
#sidebar {margin: 0 0 0 10px; padding: 0 0 0 20px; border-left: 1px solid #ddd;}
#about {background-color: #A8DDE3; padding: 20px; color: #3A5E63;}

/* CALENDAR */
#calendar {position: relative;}
.calendar-button {position: absolute; top: 10px; right: 0;}
#calendar ul {float: left; list-style-type: none; margin: 0; padding: 0;}
#calendar ul li {list-style-type: none; margin: 0 0 5px 0; padding: 10px 0; border-bottom: 1px dashed #ddd;}
#calendar ul li h5, .gce-tooltip-feed-3 h5 {margin: 0; line-height: normal;}
.gce-month-title {font-size: 24px;}
.gce-change-month {font-size: 18px;}
.gce-has-events {background-color: #D2EDF0; color: #256A72;}

/* PROMOTIONS */
.promotions {border: 1px solid #1f3235; margin-bottom: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.promotions h4 {background-color: #1f3235; color: #ffffff; margin: 0; line-height: normal; font-size: 16px; padding: 4px 8px;}
a:hover .promotions {background-color: #f6f6f6; border: 1px solid #2D484D;}
a:hover .promotions h4 {background-color: #2D484D;}

/* CONTACT */
.wpcf7-textarea {width: 100%;}
#contact-form {margin-left: 20px;}
#contact-form .well {background-color: #A8DDE3; border: 1px solid #7DCCD5;}
#contact-form input[type="text"] {border: 1px solid #7DCCD5;}
#contact-form textarea {border: 1px solid #7DCCD5;}
#contact-form select {border: 1px solid #7DCCD5;}
#contact-form legend {color: #256A72; border-color: #85CFD8;}


/* FOOTER */
footer {color: #1F3235; /*min-height: 150px;*/ padding: 30px 0 30px 0;}
.footer-main {float: left; width: 100%; padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px solid #999;}

ul#menu-main-1 {float: left; list-style-type: none; margin: 0;}
ul#menu-main-1 li {float: left; list-style-type: none; margin: 0; padding: 0;}
ul#menu-main-1 li a {Color: #277078; Display: block; line-height: 24px; padding: 0 10px 0 0; margin: 0 10px 0 0; text-transform: uppercase;}
ul#menu-main-1 li a:hover {text-decoration: none; color: #1F5A61;}

ul#menu-top-1 {list-style-type: none; margin: 0; padding: 0;}
ul#menu-top-1 li {float: left; list-style-type: none; margin: 0; padding: 0;}
ul#menu-top-1 li:last-child {border: none;}
ul#menu-top-1 li a {font-size: 13px; color: #555; display: block; line-height: 30px; padding: 0 15px 0 0;}
ul#menu-top-1 li a:hover {text-decoration: none; color: #333;}

ul#menu-top-2 {list-style-type: none; margin: 0; padding: 0;}
ul#menu-top-2 li {float: left; list-style-type: none; margin: 0; padding: 0;}
ul#menu-top-2 li:last-child {border: none;}
ul#menu-top-2 li a {font-size: 13px; color: #277078; display: block; line-height: 30px; padding: 0 15px 0 0;}
ul#menu-top-2 li a:hover {text-decoration: none; color: #1F5A61;}

.copyright {line-height: 40px; padding: 0 0 20px 0; border-bottom: 1px solid #999; margin: 0 0 20px 0;}
.jarden {border-left: 1px solid #999; padding: 0 0 0 20px; margin: 0 0 0 20px;}
.jarden-logo {margin: 0 0 20px 0;}
.jarden p {margin: 10px 0 0 0;}

#email-signup {
    background-color: rgb(168, 221, 227);
    font-family: "Open Sans", Arial, sans-serif;
    color: rgb(51, 51, 51);
    font-size: 13px;
    margin-bottom: 30px;
    padding: 10px 0px;
}
#email-signup {
    background-color: rgb(168, 221, 227);
    font-family: "Open Sans", Arial, sans-serif;
    color: rgb(51, 51, 51);
    font-size: 13px;
    margin-bottom: 30px;
    padding: 10px 0px;
}
#email-signup form {margin: 0 !important;}

#email-signup label {
    margin-right: 20px;
    padding-top: 2px;
}
#email-signup label {
    margin-right: 20px;
    padding-top: 2px;
}



/* BUTTONS */
.btn-green {background-color: #647700; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); color: #FFFFFF; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);}
.btn-green:hover {background-color: #5A6A00; color: #eee;}
.btn-green i {font-weight: normal; margin: 0 0 0 5px;}
.btn-linkout {background-color: #318E99; border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); color: #FFFFFF; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);}
.btn-linkout:hover {background-color: #2B7B84; color: #eee;}
.btn-orange {background-color: #E2860A; border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); color: #FFFFFF; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);}
.btn-orange:hover {background-color: #CE7A09; color: #eee;}
.btn-orange i {font-weight: normal; margin: 0 0 0 5px;}

/* PAGINATION */
.navigation {margin: 20px 0 0 0; padding: 10px; border-top: 1px solid #ddd;}
.tw-pagination {padding: 5px; margin: 0; list-style: none;}
.tw-pagination li {display: inline; list-style: none;}
.tw-pagination a {background: #647700; border: 1px solid #647700; color: #eee; margin-right: 4px; padding: 3px 6px; text-align: center; text-decoration: none;}
.tw-pagination a:hover,.tw-pagination a:active {background: #485500; color: #fff;}
.tw-pagination .title {margin-right: 4px;}
.tw-pagination .gap {color: #999999; margin-right: 4px;}
.tw-pagination .current {color: #647700; background: #ccc; border: 1px solid #ccc; margin-right: 4px; padding: 3px 6px;}
.tw-pagination .page {}
.tw-pagination .prev,.tw-pagination .next {}

/* WORLD MAP */
#world-map {position: relative;}
#world-map b {line-height: normal;}
.newyork {position: absolute; left: 190px; top: 128px;}
.columbiasc {position: absolute; left: 166px; top: 149px;}
.mfrance {position: absolute; left: 427px; top: 108px;}
.spiritlakeia {position: absolute; left: 149px; top: 120px;}
.philly {position: absolute; left: 185px; top: 136px;}
.kcmo {position: absolute; left: 141px; top: 138px;}
.australia {position: absolute; left: 853px; top: 394px;}
.asia {position: absolute; left: 785px; top: 188px;}
.canada {position: absolute; left: 185px; top: 116px;}
.denmark {position: absolute; left: 440px; top: 73px;}
.finland {position: absolute; left: 488px; top: 51px;}
.germany {position: absolute; left: 442px; top: 93px;}
.italy {position: absolute; left: 445px; top: 111px;}
.china {position: absolute; left: 761px; top: 179px;}
.japan-osaka {position: absolute; left: 815px; top: 139px;}
.poland {position: absolute; left: 466px; top: 78px;}
.japan {position: absolute; left: 824px; top: 140px;}
.korea {position: absolute; left: 789px; top: 142px;}
.malaysia {position: absolute; left: 732px; top: 255px;}
.netherlands {position: absolute; left: 429px; top: 86px;}
.nzealand {position: absolute; left: 926px; top: 401px;}
.norway {position: absolute; left: 445px; top: 58px;}
.sweden {position: absolute; left: 455px; top: 70px;}
.thailand {position: absolute; left: 726px; top: 218px;}
.uk {position: absolute; left: 408px; top: 83px;}
.sa {position: absolute; left: 500px; top: 360px;}

.alnwick {position: absolute; left: 416px; top: 80px;}

.tooltip-inner {background-color: #5A6A00; max-width: 250px;}
.tooltip.top .tooltip-arrow {border-top-color: #5A6A00;}
.tooltip.right .tooltip-arrow {border-right-color: #5A6A00;}
.tooltip.left .tooltip-arrow {border-left-color: #5A6A00;}
.tooltip.bottom .tooltip-arrow {border-bottom-color: #5A6A00;}

/* CAROUSEL */
#carousel {margin: 15px 0;}
.carousel {margin-bottom: 0;}
/* Fade effect */
/*
.carousel-fade {
    .item {
        .transition(opacity 2s ease-in-out);
        .opacity(0);
    }
    .active {
        .opacity(100);
        &.left, &.right {
            left: 0;
            z-index: 2;
            .opacity(0);
        }
    }
    .next, .prev {
        left: 0;
        z-index: 1;
        .opacity(100);
    }
    .carousel-control {
        z-index : 3;
    }
}
*/
.one-brand {position: absolute; top: 180px; right: 60px; background-color: #000; background:rgba(0,0,0,0.4); padding: 15px 20px;}
.one-brand h4 {color: #fff; margin: 0; padding: 0; line-height: normal; text-transform: uppercase; font-size: 16px;}
.one-brand h3 {color: #fff; margin: 0; padding: 0; line-height: normal;	font-size: 40px; font-weight: 400;}
.learn-more {position: absolute; bottom: 0; right: 0;}
.learn-more a {display: block; background-color: #647701; color: #fff; font-size: 20px; padding: 18px 35px 19px;}


/* NINJA FORMS */

.customer-fieldset {background-color: #eeeeee; padding: 40px 60px; margin-bottom: 20px;}
.fieldset-title {background-color: #e3e3e3; color: #444444; font-size: 18px; font-weight: 600; padding: 0; margin: 0; padding: 12px 20px;}
.fieldset-title p {line-height: normal; margin: 0;}

.customer-fieldset p {margin: 10px 0 30px 0; line-height: 1.5em;}

.customer-fieldset h4 {margin: 50px 0 30px 0; border-bottom: 1px solid #cccccc; padding: 0 0 6px 0; font-weight: 300;}

#ninja_forms_field_67_div_wrap {padding: 30px 0;}




/* WORDPRESS CORE - CONTENT IMAGE ALIGNMENT */
.alignnone {margin: 5px 20px 20px 0;}
.aligncenter, div.aligncenter {display:block; margin: 5px auto 5px auto;}
.alignright {float:right; margin: 5px 0 20px 20px;}
.alignleft {float:left; margin: 5px 20px 20px 0;}
.aligncenter {display: block; margin: 5px auto 5px auto;}
a img.alignright {float:right; margin: 5px 0 20px 20px;}
a img.alignnone {margin: 5px 20px 20px 0;}
a img.alignleft {float:left; margin: 5px 20px 20px 0;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}