/*
Theme Name: USS Constitution
Theme URI: http://underscores.me/
Author: Create + Conquer
Author URI: https://www.createconquer.com/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ussc
Tags:
*/

header.navbar {
    z-index: 999;
}

/* Storymap */

.container-fluid {
	padding-left:0!important;
	padding-right:0!important;
}
.vco-layout-landscape .vco-storyslider .vco-slider-background {
    opacity: 1;
    background-image: linear-gradient(to right, rgba(255,255,255,0.0001) 0, rgb(0, 32, 65) 15%) !important;
    background-repeat: repeat-x !important;
}

.vco-slide .vco-slide-content-container .vco-slide-content {
    /*padding-top: 80px !important;
    padding-bottom: 110px !important;*/
}

.vco-text {
	color: #e9e9e9!important;
}

.vco-text .fa {
	width:25px;
	text-align:center;
	margin-bottom:10px;
}

.vco-text hr {
	margin-top:40px;
	margin-bottom:40px;
}

.vco-text h2.vco-headline-title, .vco-text h2.vco-headline {
    color: #CCC5BB !important;
    font-family: 'baskerville-urw', serif;
    margin-bottom: 30px;
    margin-top: 20px !important;
    font-size: 40px !important;
    line-height: 40px !important;
    font-style: italic;
}

.vco-text p {
    color: #e9e9e9 !important;
    font-weight: 400;
    margin-top: 5px !important;
    margin-bottom: 20px !important;
    line-height: 1.8;
    font-size: 16px !important;
    font-family: 'cresta', sans-serif;
}

img.leaflet-marker-icon {
    width: 120px !important;
    height: auto !important;
    margin-top: -75px !important;
    margin-left: -50px !important;
}

.vco-credit, .vco-caption {
    color: #FFF !important;
}

.vco-credit {
    font-size: 14px !important;
    margin-bottom: 4px !important;
    margin-top: 10px !important;
}

.vco-caption {
    font-weight: bold !important;
    margin-top: -15px !important;
    font-size: 14px !important;
}

.vco-layout-landscape .vco-storyslider .vco-slidenav-next .vco-slidenav-icon:before, .vco-layout-landscape .vco-storyslider .vco-slidenav-previous .vco-slidenav-icon:before {
    background-color: #456A6E !important;
    padding: 10px !important;
    border: none !important;
    border-radius: 0px !important;
}


.vco-map .vco-mapmarker:before {
    display:none !important;
}

.vco-map .vco-mapmarker-icon:after {
    display:none !important;
}

.vco-map .vco-mapmarker {
    /*background-image: url(/wp-content/uploads/2018/09/marker.svg);*/
    background-image: url(/wp-content/themes/ussc/assets/map-marker.svg);
    background-size: contain;
    background-repeat: no-repeat;
   /* min-width: 27px !important;
    min-height: 40px !important;*/
    margin-top: 10px !important;
    margin-left: 0px !important;
    max-width: 20px;
    left: -10px!important;
    top: -35px!important;
    margin-top: 10px !important;
    margin-left: 0px !important;
}


.vco-map .vco-mapmarker-active {
    /*background-image: url(/wp-content/uploads/2018/09/USSConst.svg);*/
    background-image: url(/wp-content/themes/ussc/assets/UssIcon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    min-width: 70px !important;
    min-height: 30px !important;
    margin-top: 6px !important;
    margin-left: -31px !important;
}

.vco-map .vco-mapmarker-active:before {
    display:none;
}

.vco-map .vco-mapmarker-active.vco-mapmarker-icon:after {
    display:none;
}



/* Collection Items CSS */
ul.collection-item-links {
    background: #E5E5E8;
    padding: 10px 0px 10px 0px;
    margin: 10px 0px 0px 0px;
    width: 100%;
    text-align: center;
}

ul.collection-item-links li {
    display: inline;
}

ul.collection-item-links li a {
    color:#4D4D4E !important;
    text-transform: uppercase;
}

ul.collection-item-links li:after {
    content: "|";
    margin: 0px 10px 0px 10px;
}

ul.collection-item-links li:last-child:after {
    display:none;
}

.two-columns.with-line {
    -webkit-column-rule: 1px solid #E2E2E3;
    -moz-column-rule: 1px solid #E2E2E3;
    column-rule: 1px solid #E2E2E3;
    -webkit-column-gap: 200px; /* Chrome, Safari, Opera */
    -moz-column-gap: 200px; /* Firefox */
    column-gap: 200px;
}

.two-columns {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
}


.padding-bottom-30 {
    padding-bottom: 30px;
}


/* Timeline: Center-line of the timeline graphic should start approximately 20px from the bottom of the anchor icon. */
#content-1-689 > .heading-divider {
    padding-bottom: 0px;
}


/* Show Location of Shoot Field (checkbox)  */
#field_6_8 label.gfield_label {
    display: inline-block !important;
}

.gfield_checkbox label {
    display: inline-block !important;
}


/* Ship's Crew Page */
@media (min-width:1200px)
{
    #content-3-5259 a.column {
        padding: 400px 100px 100px 100px;
    }
}

section.top-breadcrumbs-bar {
    max-width: 87%;
    margin: 0 auto;
    color: #A8BAC5;
}

section.top-breadcrumbs-bar > .container-fluid, section.top-breadcrumbs-bar > .container {
    border-bottom: 2px solid #E5EAED;
    margin-bottom: 15px;
    padding-bottom: 5px;
}

section.top-breadcrumbs-bar a {
    color: #A8BAC5;
    transition:color 0.2s;
}

section.top-breadcrumbs-bar a:hover {
    color:#6b777e;
    transition:color 0.2s;
}

section.top-breadcrumbs-bar .col-md-6 {
    padding-right: 0px;
    padding-left: 0px;
}

/* Styled Select */
.styled-select {
    overflow: hidden;
    background: url(assets/down_select_arrow.svg) no-repeat right 12px;
    height: 24px;
    width: auto;
    background-size: 16px;
    max-width: 270px;
}

.styled-select.inline {
    display:inline-block !important;
}

.styled-select select {
    border: none;
    font-size: 16px;
    height: 34px;
    width: calc(100% + 20px);
    background: transparent;
    outline: none !important;
    margin-left: -5px;
    cursor: pointer;
}


#crew-sidebar ul li.sf-field-taxonomy-name_ranges:before, #crew-sidebar ul li.sf-field-taxonomy-rank:before {
    display: block;
    text-align: center;
    font-family: 'cresta', sans-serif;
    font-weight: 700;
    color: #1372de;
    font-size: 22px;
    padding: 10px 0 30px 0;
}

#crew-sidebar ul li.sf-field-taxonomy-name_ranges:before {
    content: "COMMANDER FILTER";
}

#crew-sidebar ul li.sf-field-taxonomy-rank:before {
    content: "CREW FILTER";
}


.cresta-sans {
    font-family: 'cresta', sans-serif;
}



/* Absolute Right Sidebar */
.abs-right {
    position: absolute !important;
    top: 150px;
    right: 0px;
}


/* REMOVE FROM LIVE SITE
.mega-menu li.donate {
    display: none;
}

.topbar {
    display:none;
}
*/


/* Storymap Customization by JH */
span[data-toggle="tooltip"] {
    text-decoration:underline;
    text-decoration-style: dotted;
}

h1.section-title {
    color: #CCC5BB !important;
    font-weight: 300;
    margin-top: 5px !important;
    margin-bottom: 10px !important;
    line-height: 1.4;
    font-size: 16px !important;
    font-family: 'baskerville-urw', serif;
    margin-top: 20px !important;
}

.section-title {
    text-align:center;
    display:flex;
    align-items:center;
    justify-content:center;
}
.section-title:before, .section-title:after {
    content: '';
    height: 1px;
    background: #CCC5BB;
    display: block;
    width: 52%;
}
.section-title > span {
    width: 80%;
}

.vco-slider-background {
    display: none !important;
}

.vco-slide {
    background-image: url(/wp-content/uploads/2018/09/storybox-slide-bg.jpg) !important;
    background-size: cover;
    display: block !important;
    opacity: 1 !important;
}

@media(min-width:768px)
{
    .vco-slide {
        height: calc(100vh - 0px) !important; /* Attempting to make right side scrollable on desktop */
    }
}

@media (max-width:767px)
{
    .page-id-466 .fancybox-slide--iframe {
        padding:0px 0px 0px 0px !important;
    }

    .page-id-466 .fancybox-toolbar {
        z-index:99999999;
        visibility:visible;
        opacity:1;
    }
}

@media (min-width:767px)
{
    .vco-slidenav-next .vco-slidenav-icon, .vco-slidenav-previous .vco-slidenav-icon{
        font-size: 11px !important;
    }
}

.vco-slide .vco-slide-content-container {
    vertical-align: top !important;
}

.vco-slidenav-next:hover .vco-slidenav-icon {
    margin-left: 76px !important;
}

@media (min-width:1100px) {

    .vco-slide .vco-slide-content-container .vco-slide-content {
        width: calc(100% - 0px) !important;
        padding-top: 0px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .vco-text {
        padding-left: 60px !important;
        width: calc(100% - 115px) !important;
    }

    .vco-text .vco-text-content {
        /* text-align: justify !important; */
    }

    .vco-slide-text-only .vco-text {
        padding-left: 0px !important;
        width: calc(100% - 115px) !important;
        /* text-align: justify !important; */
        padding-top: 20px !important;
    }

    .vco-layout-landscape .vco-storyslider .vco-slidenav-next {
        right: 105px !important;
    }

    .vco-layout-landscape .vco-storyslider .vco-slidenav-previous {
        left: auto !important;
        margin-left: 15px !important;
    }

    .vco-layout-landscape .vco-storyslider {
        width: 650px !important;
        left: calc(100% - 650px) !important;
        height: calc(100vh - 40px) !important;
    }

}

span.logbook-icon {
    width:initial !important;
}

span.logbook-icon::before {
    display: inline-block;
    content: "";
    background: url(/wp-content/themes/ussc/assets/book-open-solid.svg) no-repeat top left;
    background-image: url(/wp-content/themes/ussc/assets/book-open-solid.svg) no-repeat top left;
    background-size: 25px 25px;
    width: 25px;
    height: 25px;
}

span.logbook-icon::before {
    display: inline-block;
    content: "";
    background: url(/wp-content/themes/ussc/assets/book-open-solid.svg) no-repeat;
    background-image: url(/wp-content/themes/ussc/assets/book-open-solid.svg) no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    margin-bottom: -6px;
}

.captain-log, .captain-log *, .captains-log, .captains-log * {
    font-family: 'baskerville-urw', serif !important;
    margin-bottom: 30px !important;
    color: #e9e9e9 !important;
    font-style: italic;
}
@media (min-width:1200px) {
.fancybox-slide--iframe {
    max-height: calc(100vh - 44px) !important;
    overflow: hidden !important;
}
}

#gform_1 li.gfield.gfield_error, #gform_1 li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning, #gform_3 li.gfield.gfield_error, #gform_3 li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  background-color: transparent;
  border-top: none;
  border-bottom: none;
}

#field_6_19 label { display: block !important; } .gform_wrapper.gf_browser_chrome span.address_country { margin-top: 12px; }
#gform_6 input.datepicker.datepicker_with_icon {margin-right: 1px !important;}
#gform_6 img.ui-datepicker-trigger { width: 14px!important; } #gform_6 .gfield_radio li { margin: 0 0 12px; } .address_country select { min-height: 2rem; margin-top: 9px; height: 52px; } #input_6_19 input { height: 33px; display: inline-block; float: left; }
.vco-layout-landscape .vco-storyslider .vco-slidenav-previous:hover .vco-slidenav-icon {
    margin-left: 0px !important;
}
@media (min-width:1200px) {
	.fancybox-slide--iframe .fancybox-content {
	    height: calc(100% - 44px) !important;
	}
}
.vco-layout-landscape .vco-storyslider .vco-slidenav-next, .vco-layout-landscape .vco-storyslider .vco-slidenav-previous {
        top: 50% !important;
}

.vco-storyslider .vco-slider-container-mask {
    height: 120% !important;
}
.dl-link .fa{
    margin-right: 6px;
}
.single-location .gml_map_container, .post-type-archive-location .gml_map_container {
    z-index: 2 !important;
}

@media (max-width:768px){
	.display_archive .campaign .left_aligned{
        width: 100% !important;
        float: unset !important;
    }
    #eduTableHolder tbody#crewTableResults tr td:first-of-type{
        display: block;
    }
    #eduTableHolder tbody#crewTableResults tr td:first-child, #eduTableHolder tbody#crewTableResults tr td .content, #eduTableHolder tbody#crewTableResults tr td .cta{
        width: 100%;
    }
    .full-width-quote .quote-content{
        margin-top:20px;
    }
    .gform_wrapper #gform_2 input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]), .gform_wrapper #gform_4 input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]), .gform_wrapper #gform_5 input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]), .gform_wrapper #gform_6 input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
        line-height :1;
    }
    .gray-standard-form input,.gray-standard-form textarea{
        background:transparent;
        padding:10px 6px 12px 6px !important;
    }
    #gform_6 .gfield_time_hour input, #gform_6 .gfield_time_minute input {
        width: calc(2.5rem + 3px);
    }
    #gform_6 .gfield_time_minute {
        margin-right: 0px;
    }
    #gform_6 .gfield_time_hour i {
        width: 3px;
    }
    #input_6_19 label {
        float: left;
        width: 30%;
        margin-top: 10px;
    }
    .two-columns {
        -webkit-columns: 1;
        -moz-columns: 1;
        columns: 1;
    }

    .fw-feature-box-download-link .transparent-btn {
        padding: 6px 30px 10px 30px !important;
    }
}
.dpla_cta_link img {
    margin-bottom: 0px !important;
}
.post-question {
    text-align: center;
    color: #1372de;
}
.post-question a:hover {
    text-decoration: underline !important;
}
#gform_wrapper_14 #field_14_13 ul li, #gform_wrapper_14 #field_14_29 ul li {
    float: left;
    padding-right: 20px !important;
}
#gform_wrapper_14 .gfield {
    margin-top: 30px;
}
#gform_wrapper_14 .ginput_container {
    margin-top: 0px;
}
#gform_wrapper_14 strong {
    font-weight: 500;
}
#gform_wrapper_14 label {
    font-weight: 400;
    font-size: 18px;
}
#gform_wrapper_14 .gfield {
    font-size: 16px;
}

#happenings_calendar .ui-datepicker {
    border: none !important;
    background: transparent !important;
}
#happenings_calendar .ui-datepicker .ui-datepicker-header{
    background: transparent !important;
    border: none !important;
}
#happenings_calendar .ui-datepicker .ui-datepicker-calendar td a{
    background: transparent !important;
    border: none !important;
}
/*Donate form styling*/
@media (min-width:768px){
	.display_archive .campaign .right_aligned {
        display: flex;
    }
    #gform_wrapper_14 input.ginput_card_security_code {
        max-width: 100% !important;
    }
}
#gform_wrapper_14 .gform_card_icon_style1, #gform_wrapper_14 #input_14_4_1_label, #gform_wrapper_14 #input_14_4_2_cardinfo_right label, #gform_wrapper_14 #input_14_4_5_label, #gform_wrapper_14 .ginput_card_security_code_icon{
    display: none;
}

#gform_wrapper_14 select.ginput_card_expiration{
    background-position-x: 123px;
}
#gform_wrapper_14 select#input_14_5_6{
    background-position-x: 290px
}

#gform_wrapper_14 input.ginput_card_security_code {
    max-width: 100% !important;
}
/*Events page calander */
.ui-datepicker-title span {
    font-family: 'baskerville-urw', serif;
    font-size: 48px;
    font-style: italic;
    font-weight: 200;
    color: #4a5256ad;
}
#happenings_calendar .ui-datepicker, .ui-datepicker-calendar td a{
    color: #4a5256ad !important;
}
.usscm-container .happening-calendar {
    margin-bottom: 0 !important;
}
.usscm-container .d-flex.justify-content-center.happening-filters {
    background: #f9f9f9;
    padding-bottom:1.5em;
}
.usscm-container .d-flex.justify-content-center.happening-filters .happening-time-filter {
    font-weight:800!important;
    line-height:1.7;
}

.ui-icon-circle-triangle-w{
    background-position: -94px 0px;
}


.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{
    /*top: 200px  !important;*/
    cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev span{
    left: -90%  !important;
}
.ui-datepicker .ui-datepicker-next span{
    left: 175%  !important;
}

.ui-icon {
    width: 40px  !important;
    height: 40px !important;
}

.ui-datepicker-prev span {
    background-image: url(https://usscm.in-progress.staging.createconquer.com/wp-content/uploads/2018/09/1as1.png) !important;
    background-position: 0px 0px !important;
}

.ui-datepicker-next span {
    background-image: url(https://usscm.in-progress.staging.createconquer.com/wp-content/uploads/2018/09/2as.png) !important;
    background-position: 0px 0px !important;
}


.ui-datepicker-prev-hover, .ui-datepicker-next-hover{
    background: none !important;
    border: none !important;
    right:2px !important;
    top: 2px !important;
}
.ui-datepicker-prev-hover{
left:2px !important;
}

.gray-standard-form select.ginput_card_expiration, .gray-standard-form select.address_country {
    /*background: url(https://usscm.in-progress.staging.createconquer.com/wp-content/uploads/2018/09/arrow-down.png) no-repeat right!important;*/
    padding: 10px;
    /*border-radius: 3px;*/
}
.gray-standard-form .ginput_card_security_code_icon {
    display: none;
}
/*Gravity form validation error messages*/
.gray-standard-form_wrapper.gform_wrapper .gfield.gfield_error.gfield_contains_required {
    background: #f5f5f5;
    border-top: none;
    border-bottom: none;
}
@media (max-width: 1024px) and (min-width: 768px) {
    .membership-grid .member-item .membership .seperator{
        width: 95px !important;
    }
    .membership-grid .member-item .membership .price{
        font-size: 28px !important;
    }
}

#eduTableHolder tbody#crewTableResults tr td:first-child {
    width: 33%;
}
#eduTableHolder tbody#crewTableResults tr td .content {
    width: 100%;
    text-align: left;
}
#eduTableHolder tbody#crewTableResults tr td .heading {
    width: 90%;
    text-align: left;
}
#eduTableHolder tbody#crewTableResults tr td:nth-child(2){
    width: 63%;
}
#eduTableHolder tbody#crewTableResults tr td .cta{
    width: 180px;
}
#eduTableHolder table#crewTable tr th {
    display: none;
}
#eduTableHolder table#crewTable tr td {
    padding-top: 50px;
    padding-bottom: 25px;
    border-top: 1px solid #4a5256;
}
#eduTableHolder table#crewTable tr:first-child td{
    border-top: none;
}
#eduTableHolder table#crewTable .cta a.download-btn:hover{
    color: #fff;
}
#eduTableHolder table#crewTable .cta a.download-btn{
    color: #1372de;
}
@media (max-width:991px){
    .reverse-col-onmobile .row{
        flex-direction: column-reverse;
    }
}

.full-width-quote .owl-prev {
    top: 25%;
    width: 15px;
    height: 100px;
    position: absolute;
    margin-left: -20px;
    display: block !important;
    border:0px solid black;
    left:-25px;
}

.full-width-quote .owl-next {
    width: 15px;
    height: 100px;
    position: absolute;
    top: 25%;
    right: -25px;
    display: block !important;
    border:0px solid black;
}
.full-width-quote .owl-prev i, .full-width-quote .owl-next i {
    color: #ccc;
    font-size: 85px;
}
.full-width-quote .owl-dots {
    display: none;
}
.owl-nav button:hover {
    background: transparent !IMPORTANT;
}
.owl-nav button:focus {
    outline:none;
}
.crew_btn {
    text-align: center;
}
.crew_btn a {
    padding: 8px 50px 12px 50px;
    border: 1px solid #007bff;
    border-radius: 5px;
    text-transform: uppercase;
    display: inline-block;
    transition: all 0.5s ease;
    font-size: 24px;
}
.crew_btn a:hover, .button a.cta:hover{
    color: #fff;
    background: #007bff;
}
.button a.cta{
    transition: all 0.25s ease-in-out;
}
.row.nomargin{
    margin-right: 0;
    margin-left: 0;
}
#eduTableHolder .cta .download-btn{
    line-height: 1;
}
.daily_program_posts {
    overflow: hidden;
    max-width: 1650px;
    margin: 0 auto 70px;
}

.daily_program_posts .row {
    margin-left: -20px;
    margin-right: -20px;
    align-items: center;
}

.daily_progrm_info h3 a {
    font-family: baskerville-urw;
    color: #4a5256;
    font-weight: normal;
    font-style: italic;
    font-size: 46px;
}

.daily_progrm_info .start_date {
    font-weight: 600;
    font-size: 20px;
    font-style: italic;
}

.daily_progrm_info .daily_program_desc {
    font-size: 18px;
    line-height: 30px;
}

.display_archive .campaign .left_aligned{
    margin-right: 50px;
    width: 45%;
    float: left;
    border-bottom: 1px solid #ddd;
    padding: 0px 0 24px;
}
.text_left{
    float: left;
}
.display_archive .campaign .right_aligned a {
    clear: both;
    border-bottom: 1px solid #ddd;
    top: 0px;
    padding-bottom: 10px;
    display: table-cell;
    position: relative;
    flex-grow: 1;
}
.display_archive .campaign .right_aligned {
    width: 100%;
}
.page-id-5780 .display_archive .campaign{
    line-height: 1;
}
.display_archive .campaign .right_aligned, .display_archive .campaign .left_aligned, .page-id-5780 .display_archive .campaign a{
    font-size: 20px !important;
}
.crew_btn.p-b-4{
    padding-bottom: 4rem !important;
}

@media (min-width:768px)
{
    .gml_map_container .fancybox-container .fancybox-content
    {
        padding-right:370px !important;
    }
}

.gml_map_sidebar h3 span.ui-accordion-header-icon {
    width: 15px !important;
}

.single-post ul.post-categories li:after {
    content: ", ";
}

.single-post ul.post-categories li:last-child:after {
    display:none;
}

.single-post .usscm-sidebar {
    overflow-x:hidden !important;
}

div#happenings_calendar.loading {
    opacity: 0.5;
    transition: opacity 0.2s ease-in-out;
}

.gform_confirmation_message {
  /*  color: #FFF !important; */
}

.happening-details a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    max-width: 100%;
}

.tags a {
    overflow: initial;
    text-overflow: initial;
    white-space: initial;
    display: initial;
    max-width: initial;
}

.single-collection_items #thumbs .item {
    padding: 0 !important;
    height: 109px !important;
    object-fit: cover;
}

.unzoomed {
  cursor:default;
}

#big {
  transition:height .2 ease;
}

.ginput_recaptcha {
  position:relative;
  width:304px;
}