/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

:root {
    --red: #Cc4438;
    --dkBlue: #05374A;
    --medBlue: #07526C;
    --ltBlue:  #00B1D7;
    --dkRed:#901818;
}

a {
    font-weight: 700;
}

.vc_btn3:focus {
    border:solid var(--red) 1px !important;
}

#page ul li {
    margin-bottom: 10px;
}

.home #content {
    padding-top: 0;
}

.vc_general.vc_btn3-color-bb-btn-custom1 {
    background-color: var(--dkBlue) !important;
    color: #fff !important;
    font-weight: 700;
    letter-spacing: 1px;
}


.torn-edge-top .vc_figure, .torn-edge-bottom .vc_figure, .torn-edge-top .vc_single_image-wrapper, .torn-edge-bottom .vc_single_image-wrapper, .torn-edge-top img, .torn-edge-bottom img {
    width: 100%;
}

@font-face {
    font-family: 'NS Mudolf Sans Serif';
    font-weight: 400;
    src:  url('/wp-content/themes/generatepress_child_buffalo_bill/fonts/mf864715.otf');
}

.entry-header {
    position: absolute;
    left: -9999px;
}

.single-job_listing .entry-header {
    position: initial;
    left: initial;
}

.single-job_listing .entry-header h1 {
    font-family: Open Sans, sans-serif;
    font-weight: 700;
    font-size: 30px;
    text-shadow: initial;
    -webkit-text-stroke: initial;
    margin-bottom: 20px;
}

h1, h2 {
    text-shadow: 2px 2px #222;
    -webkit-text-stroke: 2px #fff;
    letter-spacing:1px;
}

.rope-section {
    z-index: 1;
}

 .icon::after {
    /* removed font- based rules */
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
  }

  .icon::before {
     /* removed font- based rules */
     display: inline-block;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
   }

.page-hero {
    position: relative;
}

.social-div {
    display: flex;
}

.social-div i, .social-div svg {
    background: var(--red);
    padding: 10px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #fff;
    margin-right: 10px;
    width: 31px;
}

/*==header===*/

.easy-notification-bar {
    padding: 15px !important;
}

.easy-notification-bar-message {
    font-weight: 700;
}

.site-header {
    position: static;
}

.inside-top-bar {
    max-width: 1171px;
    margin-left: auto;
    margin-right: auto;
    border-bottom: solid 1px #08516d;
}

.site-logo {
    position: absolute;
    top: 3px;
    left: calc(50% - 10px);
    transform: translateX(-50%);
}

.logged-in .site-logo {
    top: 33px;
}

.has-easy-notification-bar .site-logo {
    top:64px;
}

.logged-in.has-easy-notification-bar .site-logo {
    top: 95px;
}

.main-navigation .inside-navigation {
    justify-content: initial;
    max-width: 1171px;
}

/*#primary-menu {
    margin-left: 286px;
}*/

.main-navigation .menu-item-seperator {
    flex-grow: 1;
}

.main-navigation .menu-item-seperator a {
    font-size: 0;
    background: transparent;
}

#menu-item-868 {
    padding-left:154px;
}

.menu-left-main-container {
    margin-left: -20px;
}

.main-navigation ul ul {
    width: 240px;
}

.menu-item-has-children .dropdown-menu-toggle {
    display: none;
}


.menu-item-has-children::after {
   /* using style CSS custom property */
   font: var(--fa-font-light);
   content: "\f078";
   color: #fff;
   font-size: 15px;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   left: 100%;
 }

.main-navigation .menu-left-main-container ul li > a {
    color: #fff;
}

.main-navigation .menu-left-main-container ul li[class*="current-menu-"] > a {
    color: var(--ltBlue);
}

#menu-left-main {
    display: flex;
}

.main-navigation .menu-item {
    margin-right: 7px;
}

.main-navigation .menu-left-main-container ul li.menu-item-has-children>a, .main-navigation .main-nav ul li.menu-item-has-children>a  {
    padding-left: 26px;
    padding-right: 10px !important;
}

.main-navigation .menu-left-main-container ul li a {
    line-height: 60px;
}

.main-navigation .menu-left-main-container ul ul li a {
    font-size: 14px;
    line-height: normal;
    padding: 10px 26px 10px 26px;
}

.main-navigation .menu-left-main-container ul ul li a {
    color: var(--dkBlue);
}

#menu-item-105, #menu-item-106 {
    font-size: 24px;
}

.nav-float-right #site-navigation {
    margin-left: auto;
    margin-right: auto;
    }


.rope-image-home {
    position: absolute;
    bottom: 6px;
    z-index: 2;
    width: 100%;
    left: 0;
}

#home-header-wrap {
    max-width: 607px;
    margin: 0 auto;
}

#home-header-p {
    font-size: 30px;
    font-family: 'NS Mudolf Sans Serif';
    text-shadow: 1px 1px #222;
    -webkit-text-stroke: 1px #fff;
    text-align: left;
    color: var(--red);
    margin-bottom: 0;
    letter-spacing:2px;
}

#home-header-h2 {
    font-size: 80px;
    margin-bottom: 0;
    line-height: 1;
    letter-spacing:1px;
}

#home-header-h3 {
    font-size: 40px;
    font-family: 'NS Mudolf Sans Serif';
    text-shadow: 1px 1px #222;
    -webkit-text-stroke: .3px #fff;
    color: var(--red);
    position: relative;
    letter-spacing:2px;
}

#home-header-h3:before {
    content: '';
    width: 50px;
    height: 2px;
    background: var(--red);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    box-shadow: 2px 2px #fff;
}

#home-header-h3:after {
    content: '';
    width: 50px;
    height: 2px;
    background: var(--red);
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translate(-100%, -50%);
    box-shadow: 2px 2px #fff;
}

.sub-page-header {
    min-height: 400px;
    position: relative;
}

.sub-page-header .inside-page-hero {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 1;
}

.sub-page-header .inside-page-hero h1 {
    position: relative;
    margin-bottom: 40px !important;
    font-size:50px;

}

.bottom-overlay {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 225px;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,0.95) 22%, rgba(0,0,0,0) 100%);
    z-index: 0;
}

.rope-image {
    position: absolute;
    bottom: -11px;
    z-index: 2;
    width: 100%;
}

/*===home===*/

#home-main-section {
    position: relative;
    z-index: 0;
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    
    margin-top: 100px;
    left: 50%;
}



/*===contact===*/

.contact-header {
    background-position-y:25%;
}

.contact-address, .contact-phone, .contact-email {
    position: relative;
}

.contact-address:before {
    content: '\f3c5';
    font: var(--fa-font-light);
    position: absolute;
    top: 0;
    left: 0;
    color: var(--red);
    font-size: 24px;

}

.contact-phone:before {
    content: '\f095';
    font: var(--fa-font-light);
    position: absolute;
    top: 0;
    left: 0;
    color: var(--red);
    font-size: 24px;

}

.contact-email:before {
    content: '\f0e0';
    font: var(--fa-font-light);
    position: absolute;
    top: 0;
    left: 0;
    color: var(--red);
    font-size: 24px;

}

input[type="submit"] {
    background: var(--dkBlue);
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 14px;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: 700;
}

input[type="button"] {
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 14px !important;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 20px;
    padding-right: 20px;
    font-weight: 700;
}

/*===visit===*/

#legacy-row {
    background-position-y: 81% !important;
}

/*===history===*/

.history-header {
    background-position:  center 21%;
}

.brief-history-header {
    background-position: center 27%;
}

#combination-row {
    position: relative;
}

#history-combination-column {
    position: absolute;
    max-width: 412px;
    width: 412px;
    left: 50%;
    top: -100px;
    z-index: 100;
    transform: translateX(-50%);
}

#history-combination-left-text, #history-combination-right-text {
    min-height: 250px;
}

/*==biographies==*/

.bios-header {
   background-position:  center 48%; 
}

/*==videos===*/

.videos-header {
    background-position-y:38%;
}

/*==mission===*/

.mission-header {
    background-position-y: 45%;
}


/*====footer====*/

.footer-logos-section {
    background: var(--dkBlue);
    padding: 40px 20px;
}

.footer-logos-wrap {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-logos-div img {
    max-height: 102px;
}

#block-14 {
    display: flex;
    justify-content: flex-end;
    font-size: 24px;
}

#block-14 i, #block-14 svg {
    margin-left: 10px;
    font-size: 40px;
    color:#fff;
}

#block-10 img {
    max-width: 200px;
}

#block-11 {
    margin-bottom: 0;
}

.park-picnick-text, .park-bison-text {
    min-height: 430px !important;
}

.single-job_listing #page {
    padding-top: 60px;
    min-height: 400px;
}

#footer-after {
    background:var(--dkBlue);
    padding:40px 0;
}

#footer-after-inner {
    max-width:1400px;
    margin:0 auto;
    padding:40px;
    display: flex;
    justify-content: space-between;
    color:#fff;
}

#footer-after-inner a {
    color:#fff;
}

#footer-logo-div img {
    max-width:200px;
}

#footer-address-div {
    font-weight:600;
    text-align:center;
}

#footer-social-div i, #footer-social-div svg {
    font-size:40px;
    color:#fff;
}

/*===jobs===*/

.job-manager .full-time, .job_listing .full-time, .job-types .full-time {
    color: var(--red);
}

.single_job_listing .meta .full-time {
    background-color: var(--red);
}

.single_job_listing .meta .volunteer {
     background-color: var(--red);
}

.single_job_listing .meta .job-type {
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 14px;
}

.job-manager .part-time, .job_listing .part-time, .job-types .part-time {
    color: var(--dkBlue);
}

.job_listing .job-type.volunteer {
    color: var(--red);
}

.single_job_listing .meta .part-time {
    background-color: var(--dkBlue);
}


/*===events====*/

.no_events {
    background-color:var(--dkBlue) !important;
    color:#fff;
    font-weight:600;
}

.eventon_full_description .eventon_desc_in a {
    color:#C33E32 !important;
}

/*==events page===*/
.events-header {
    background-position-y: 23%;
}


/*===gravityforms===*/

h2.gform_submission_error {
    font-family: 'Open Sans', sans-serif;
        text-shadow: initial;
    -webkit-text-stroke: initial;
}

/*===families===*/

.families-header {
    background-position-y: 25%;
}

/*===privacy policy====*/

.privacy-policy #page, .error404 #page {
    margin-top:40px;
    margin-bottom:40px;
    min-height:500px;
}

/*=========responsive======================================================*/

@media only screen and (max-width: 1920px) {
    #combination-header {
        font-size: 46px;
    }
}

@media only screen and (max-width: 1892px) {
    .park-picnick-text, .park-bison-text {
    min-height: 500px !important;
    }
}

@media only screen and (max-width: 1817px) {
    #history-combination-column {
        width: 300px;
        max-width: 300px;
        top: -50px;
    }

    #history-combination-left-text {
        padding-right: 150px !important;
    }

    #history-combination-right-text {
        padding-left: 166px !important;
    }

    #history-wild-west-section {
        margin-top: -100px !important;
    }
}

@media only screen and (max-width: 1700px) {
    .home-header {
        padding-bottom: 475px;
    }

    
}

@media only screen and (max-width: 1690px) {
    .park-picnick-text, .park-bison-text {
    min-height: 560px !important;
    }
}

@media only screen and (max-width: 1600px) {
    .vc_row.margin-10-row {
        margin-right: 3% !important;
        margin-left: 3% !important;
    }

    .vc_row#history-bb-stage-row {
        padding-left: 3% !important;
        padding-right: 3% !important;
    }

    .vc_row.margin-15-row {
        margin-right: 10% !important;
        margin-left: 10% !important;
    }

    #on-stage-image {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    #home-welcome-row {
        padding-left:5% !important;
        padding-right:5% !important;
    }
}

@media only screen and (max-width: 1500px) {
    
}

@media only screen and (max-width: 1400px) {

    

    #home-welcome-right-col .vc_column-inner {
        margin-left: 0 !important;
    }

    .park-picnick-text, .park-bison-text {
        min-height: 620px !important;
    }

    #history-bb-young-row {
        padding-top: 50px;
    }

    #history-combination-left-text, #history-combination-right-text {
        min-height: 407px;
    }

    #history-combination-column {
        transform: translate(-50%, -50%);
        top: 50%;
    }

    #history-combination-column .wpb_single_image {
        margin-top: 0 !important;
    }
}

@media only screen and (max-width: 1300px) {
    .home-header {
        padding-bottom: 400px;
    }

    
    .vc_row.margin-10-row {
        margin-right: 2% !important;
        margin-left: 2% !important;
    }

     .vc_row#history-bb-stage-row {
        padding-right: 2% !important;
        padding-left: 2% !important;
    }

    .vc_row.margin-15-row {
        margin-right: 5% !important;
        margin-left: 5% !important;
    }

    #combination-header {
        font-size: 31px;
    }

    .small-header h2 {
        font-size: 30px;
        text-shadow: 1px 1px #222;
        -webkit-text-stroke: 1px #fff;
    }

    #home-welcome-row {
        padding-left:3% !important;
        padding-right:3% !important;
    }
    
}

@media only screen and (max-width: 1230px) {
    .top-bar .inside-top-bar {
        padding-left: 20px;
        padding-right: 20px;
    }

    .site-header .header-image {
        max-width: 200px;
    }

    .site-logo {
        top: 15px;
    }

    .logged-in .site-logo {
        top: 48px;
    }

    .logged-in.has-easy-notification-bar .site-logo {
        top: 106px;
    }

   /* #primary-menu {
        margin-left: 234px;
    }*/

    .has-easy-notification-bar .site-logo {
    top: 91px;
    }

    #menu-item-868 {
        padding-left:120px;
    }

    .main-navigation .inside-navigation {
        max-width: 100%;
    }

    .main-navigation .inside-navigation {
        justify-content: center;
    }

    
}

@media only screen and (max-width:  1190px) {
    .main-navigation .inside-navigation.grid-container {
        padding-right: 0;
        margin-right: 10px;
    }

   /* #primary-menu {
    margin-left: 250px;
    }
*/
    .site-logo {
   
    left: calc(50% - 24px);

        
    }
}

@media only screen and (max-width: 1174px) {
    .park-hiking-text {
     min-height: 400px !important;
    }

    .park-auto-text {
     min-height: 333px !important;
    }

    .menu-left-main-container {
        margin-left: -40px;
    }

    .main-navigation a {
        font-size: 15px;
    }
}

@media only screen and (max-width: 1100px) {
    .park-bison-text {
    min-height: 761px !important;
    }
}

@media only screen and (max-width: 1052px) {
    .menu-left-main-container {
        display: none;
    }

    .menu-toggle {
        margin-left: auto;
    }

    .main-navigation .inside-navigation {
        display: block;
    }
}

@media only screen and (max-width: 1000px) {

    

    #home-museum-image {
        padding-left: 0 !important;
    }

    .hide-mobile {
        display: none;
    }

    .border-right .vc_column-inner {
        border-right: none !important;
    }

    .vc_row.margin-10-row {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .vc_row#history-bb-stage-row {
        padding-right: 17.5px !important;
        padding-left: 17.5px !important;
    }

    #pashka-extra-column {
        height: 0;
        padding: 0;
    }

    .vc_row#pashka-row {
        padding-top: 286px !important;
    }

    .padding-right-60.wpb_column .vc_column-inner {
        padding-right: 0 !important;
    }

    .park-picnick-text, .park-bison-text, .park-hiking-text, .park-auto-text {
        min-height: initial !important;
    }

    #on-stage-left {
        order: 2;

    }

    #on-stage-right {
        order: 1;
        margin-top: -30px;
    }

    #history-bb-young-right {
        margin-top: -50px;
    }

   

    #combination-header {
        font-size: 50px;
    }

    .three-row {
        justify-content: center;
        padding-left: 17.5px;
        padding-right: 17.5px;
    }

    #history-combination-column {
        position: relative;
        transform: initial;
        max-width: initial;
        left: initial;
        max-width: 75%;
        width: 75%;
    }

    #history-combination-column .wpb_single_image img {

        margin:  0 auto !important;
        display: block;
    }

    #history-combination-left-text, #history-combination-right-text {
        min-height: initial;
        padding-left: 60px !important;
        padding-right: 60px !important;

    }

    .vc_section.three-section {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

     #on-stage-image, #history-adversary-image {
        padding-left: 0 !important;
    }

    .wpb_wrapper .padding-right-60, #wild-west-image, #history-bb-denver-image, #history-death-image {
        padding-right: 0 !important;
    }

    #history-wild-west-section {
        margin-top: 0 !important;
    }

    .group-tour-image {
        min-height: 500px !important;
    }

    #legacy-row {
        padding-bottom:0 !important;
    }

    #footer-after-inner {
        flex-direction: column;
        align-items:center;
    }

    .footer-div {
        margin-bottom:40px;
    }

    .rope-image-home {
      
        bottom: 10px;
        overflow: hidden;
      
    }

    .rope-image-home img {
        width:150%;
        max-width:150%;
    }

}

@media only screen and (max-width: 768px) {
    .logged-in.has-easy-notification-bar .site-logo {
        top: 111px;
        left: 0;
        transform: initial;
    }

    .has-easy-notification-bar .site-logo {
        left: 0;
        transform: initial;
    }

    .top-bar .inside-top-bar {
    justify-content: flex-end;
    padding-right: 10px;
    }

    .site-logo {
       left: 0;
        transform: initial; 
    }
}

@media only screen and (max-width: 767px) {
     #home-header-h3, #home-header-p, h1, h2 {
        text-shadow: 1px 1px #222;
        -webkit-text-stroke: 1px #fff;
    }

    #home-header-h3, #home-header-p {
        font-size: 20px;
    }

    #home-header-p {
        text-align: center;
    }

    .vc_row.mobile-adjust-row {
        margin-top: 20px !important;
    }

    .vc_row-has-fill > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_row > .vc_column_container > .vc_column-inner, .vc_row-has-fill + .vc_row-full-width + .vc_row > .vc_column_container > .vc_column-inner, .vc_col-has-fill > .vc_column-inner {
        padding-top: 25px !important;
    }

    .brief-history-header {
        background-position: 30% 27%;
    }

    #combination-header {
        font-size: 30px;
    }

    .wpb_text_column.torn-text, #history-combination-left-text, #history-combination-right-text {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

@media only screen and (max-width:635px) {
    

    .easy-notification-bar {
        font-size:15px !important;
    }

    .site-header .header-image {
        width: 110px;
    }

    #block-8 {
        margin-left:120px;
    }

    #header-hours-div {
        font-size:15px;
    }

    .has-easy-notification-bar .site-logo {
        top:115px;
    }
}

@media only screen and (max-width: 600px) {
    .vc_row.margin-15-row {
        margin-right: 2% !important;
        margin-left: 2% !important;
    }

    .vc_row.torn-long-row {
        margin-top: -15px !important
    }

    .education-header {
        background-position: 40% center;
    }

    #home-header-h2 {
        font-size: 50px;
    }

   
}