/*  Theme Name: Pacific Battleship
    Template: Divi
	Author:       Wicked Code, Inc.
	Author URI:   http://wickedcode.com
    Version: 1.0
 */

@font-face {
    font-family: "Housebroken";
    font-display: swap;
    src: url("fonts/housebroken_clean-webfont.ttf");
    src: url("fonts/housebroken_clean-webfont.woff") format("woff"), url("fonts/housebroken-clean.otf") format("opentype"), url("fonts/housebroken-clean-webfont.woff2") format("woff2");
}

/* per IOWA style guide */
.blue {
    color: #001f5b !important;
}

.red {
    color: #e2231a !important;
}

.black {
    color: #221e1f !important;
}
.housebroken { font-family: Housebroken !important; }

/* Headers */
.page #main-header, .single #main-header, .archive #main-header {
    background: url(images/learnthehistory.jpg) no-repeat;
    background-size: 100%;
    background-position: top;
}
.visitthemuseum #main-header {
    background: url(images/visitthemuseum.jpg) no-repeat;
    background-position: bottom;
}
.learnthehistory #main-header {
    background: url(images/learnthehistory.jpg) no-repeat;
    background-position: bottom;
}
.page-template-page-eventscalendar-php #main-header,
.events #main-header {
    background: url(images/events.jpg) no-repeat;
    background-position: bottom;
}
.getinvolved #main-header {
    background: url(images/getinvolved.jpg) no-repeat;
    background-position: bottom;
}
.donate #main-header {
    background: url(images/donate.jpg) no-repeat;
    background-position: bottom;
}
.ourstory #main-header {
    background: url(images/ourstory.jpg) no-repeat;
    background-position: top;
}
.wallpaper #main-header {
    background: url(images/wallpaper.jpg) no-repeat;
    background-position: bottom;
}
.home #main-header { background: transparent; }

.home #et-main-area { position: absolute; top: 0; width: 100%; }
.home #top-menu-nav a { color: #fff; }
header#main-header.et-fixed-header, #main-header {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}
.homeslide .et_pb_slide { height: 700px; }
.et-social-icons .fab { font-size: 1.8em; }
.et-social-icons a {
    color: #fff;
}
body { background: #333; }
.wickedcode { text-align: center; font-size: .8em; margin-bottom: 100px; color: #888; }
.wickedcode a { color: #888; }
.footer-widget #text-3 img 
{
    max-height: 150px; 
}
.footer-widget .title {
    color: #ccc;
}
#top-header {
    background-color: #192757 !important;
    height: 38px !important;
}
#top-header .container { padding-top: .5em; }
#translate { text-align: right; margin-bottom: 10px;  }
.goog-te-combo { font-size: .9em !important; }
.goog-te-gadget { color: #fff !important; font-size: 10px !important; }
a.goog-logo-link { font-size: 10px !important; color: #fff !important; }
.logo_container { margin-top: 20px !important; }
#et-top-navigation { padding: 0px !important; }
#main-header .over_gradient {
    height: 168px;
    transform: translate3d(0,0,0);
    background: 0 0;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(0,0,0,0)),color-stop(1,rgba(0,0,0,.7)));
    background: -ms-linear-gradient(bottom,rgba(0,0,0,0),rgba(0,0,0,.7));
    background: -moz-linear-gradient(center bottom,rgba(0,0,0,0)0,rgba(0,0,0,.7)100%);
    background: -o-linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,0));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0, 0, 0, 0.7)', endColorstr='rgba(0, 0, 0, 0)', GradientType=0);
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}
#et_search_icon { color: #fff !important; }
.nav li ul { border-top: 3px solid #e2231a !important; background: #000 !important; margin-top: -80px !important; }
.nav li li ul { margin-top: 0px !important; }
ul#top-menu li:last-child ul { margin-left: -110px; }
#main-footer #footer-widgets a {
    color: #fff;
}
#main-footer #footer-widgets a:hover { color: #e2231a; }
#top-menu a { color: #fff !important; }
.et_pb_section  { padding: 10px 0px 10px 0 !important; }
.home .et_pb_section { padding: 0px !important; }

/* Desktop */
.donateslider .et_pb_slide .et_pb_container {
    height: auto !important;
    min-height: 500px !important;
}
/* Tablet */
@media only screen and (min-width: 768px) and (max-width: 980px) {
    .donateslider .et_pb_slide .et_pb_container {
        height: auto !important;
        min-height: 500px !important;
    }
}
/* Phone */
@media only screen and (max-width: 767px) {
    .donateslider .et_pb_slide .et_pb_container {
        height: auto !important;
        min-height: 500px !important;
    }
}

/* Handle padding */
.donateslider .et_pb_slide {
    padding-bottom: 0px !important;
}

.donateslider div.et_pb_slide_description,
.donateslider .et_pb_slider_fullwidth_off div.et_pb_slide_description {
    padding-top: 1%;
    padding-bottom: 1%;
}

#et-main-area { background-color: #fff; }
#breadcrumbs {
    position: relative;
    width: 80%;
    max-width: 1080px;
    margin: auto;
    background-color: #fff;
    font-size: .8em; 
    padding-top: 10px;
}
.home #breadcrumbs { display: none; }
.give-form-title { display: none; }

.statleft { border: 0px; }
.statleft .et_pb_text_inner { margin-left: 20px; }
.statright { border: 0px; border-left: 1px solid #ccc; }
.statright .et_pb_text_inner { margin-left: 20px; }
.statsection .et_pb_row { border-bottom: 0px; }
.statsection .et_pb_row:last-child { border-bottom: 1px solid #ccc; }
.et_divi_100_custom_back_to_top .et_pb_scroll_top { background: #aaa !important; }

.pressblog .entry-featured-image-url { text-align: center; padding-top: 10px; }
.pressblog img { max-width: 170px !important; min-width: auto !important; }

.et_pb_sidebar_no_border h4, #sidebar h4 { color: #e2231a; }
.et_pb_sidebar_no_border a, #sidebar a { font-size: .8em; }
.et_pb_sidebar_no_border .post-date, #sidebar .post-date { display: block; font-size: .8em; }
.et_pb_sidebar_no_border .post-date:before, #sidebar .post-date:before { content: '('; }
    .et_pb_sidebar_no_border .post-date:after, #sidebar .post-date:after {
        content: ')';
    }
#archives-2 .screen-reader-text { display: none; }
.singlepost img { max-width: 120px !important; }
.et_pb_post .singlepost { display: normal; float: left; margin-right: 20px; }
.backtopress { font-size: 1.2em !important; }
.archive #search-2, .single #search-2 { margin-top: 20px; }
.videoheadercol a {
    color: #fff;
}
.videoheadercol.et_pb_text_2 a {
    color: #000;
}

.title .et_pb_text_inner {
    color: #001f5b !important;
    font-size: 40px !important;
    font-family: 'Housebroken' !important;
    line-height: 1em !important;
    font-weight: normal !important;
}
.subhead .et_pb_text_inner {
    color: #001f5b !important;
    font-size: 20px !important;
}

.graysplit { height: 1px; background-color: #ccc; width: 80%; margin-bottom: 10px; }
h2 { color: #e2231a; font-size: 20px; }

.pp_pic_holder { z-index: 100000 !important; }

.tribe-events-single-event-title { font-family: 'housebroken'; font-size: 36px !important; color: #001f5b; text-align: center; }
.tribe-events-schedule, .tribe-events-schedule h2 span {
    font-size: 20px !important;
    color: #001f5b !important;
    text-align: center;
}
.tribe-events-nav-next a, .tribe-events-nav-previous a { font-size: 18px !important; color: #e2231a !important; }
#tribe-events-header {
    background-color: #fafafa;
    padding: 10px;
    border: 1px solid #eee;
}
#tribe-events .tribe-events-button, .tribe-events-button { background-color: #001f5b; }

.specialblurb { 
border-radius: 100%;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
width: 250px;
height: 250px;
border: 3px solid white;
box-shadow: 0px 0px 25px rgba(23, 23, 23, 0.17);
-moz-box-shadow: 0px 0px 25px rgba(23, 23, 23, 0.17);
-webkit-box-shadow: 0px 0px 25px rgba(23, 23, 23, 0.17);
}
.ds-vertical-align {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
    .ds-vertical-align .et_pb_blurb { margin: auto;}

.formsection { background-color: #eee; margin-bottom: 40px; padding: 20px; }
.formsection h3 { color: #e2231a; }
.formsection .frm_primary_label { font-weight: normal; }
.frm_button_submit { background-color: #eee !important; border-radius: 0px !important; }

@media only screen and (max-width: 840px) {
table.responsive {
margin-bottom: 0;
overflow: hidden;
overflow-x: scroll;
display: block;
white-space: nowrap;
}
}

.et-search-field { background-color: #fff !important; height: 30px !important; }
span.et_close_search_field::after { color: #fff !important; }
.search #main-content .container::before { width: 0px !important; }

.ds-slider-right.et_pb_slider .et_pb_container {
    float: right !important; /*move the slider text container to the right*/
}

.ds-slider-right .et_pb_slide_description  {
	text-align: right !important; /*align the slider text to the right*/
	padding: 15% 8% !important; /*adjust the padding around the slider text container, this will also help you to control the 
	height of your slides. You can remove this if you want the default height*/
}

.ds-slider-right.et_pb_slider .et_pb_button {
    float: right !important; /*move the button to the right*/
}

.home #featured a { color: #001f5b !important; }
.home #featured a:hover { color: #e2231a !important; }
.home .et_overlay.et_pb_inline_icon::before { display: none; }
.home .db014_custom_hover_icon { max-width: 100% !important; max-height: 100% !important; }
.wpls-logo-showcase .wpls-logo-cnt.slick-slide img { border: 0px !important; }

@media (max-width: 1200px) {
 #et_mobile_nav_menu {
 display: block;
 }
 
#top-menu {
 display: none;
 }
    .home .logo_container { margin-top: 30px !important; }
    .logo_container {
        margin-top: 20px !important;
    }
 }

@media (max-width: 980px) {
    .et_header_style_left #logo, .et_header_style_split #logo {
        max-height: 80% !important;
    }
    .home .et_header_style_left #logo, .et_header_style_split #logo {
        max-height: 100% !important;
    }
    #et_top_search { float: right; }
    .container { width: 90%; }
    .home .et_pb_image img { position: static; }
    .home .db014_custom_hover_icon { display: none; }
    .historyright { text-align: left !important; }
}

.et_mobile_menu {
    overflow-y: scroll !important;
    max-height: 80vh !important;
    -overflow-scrolling: touch !important;
    -webkit-overflow-scrolling: touch !important;
}

.tribe-events-single-event-description ul {
    list-style: disc;
    margin-left: 40px;
    margin-bottom: 20px;
}

.tribe-events-sub-nav li a { background: #fff !important; }

h1.no-display { font-size: 1px; color: #fff; }

@media screen and (max-width: 960px) {
    .hide-mobile {
        display: none !important;
    }

    .show-mobile {
        display: block !important;
    }
}
@media screen and (min-width: 961px) {
    .show-mobile { display: none !important; }
}

.give-label { display: block; }

.responsive-calendar {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}
.responsive-calendar-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}