/* Double Splash subpage template styles (ported for meet-the-team). Additive: these #..._beavstn / #beaver_station_subpage selectors are not used elsewhere on the live theme. Source: local child theme. */

/* Subpage-template Divi pages (meet-the-team, faqs, etc.): let the Divi rows fill the subpage content container instead of Divi's default 80% */
#beaver_station_subpage .et_pb_row { width: 100% !important; max-width: 100% !important; }

/* Breadcrumb appearance carried from localhost (Lato 15px / brand #a45a2a) — retargeted onto the live generate_breadcrumb() <nav id="breadcrumb"> markup. Higher specificity than the theme's #breadcrumb rules so it wins. */
#breadcrumbs_beavstn_inner #breadcrumb { height: 77px; display: flex; align-items: center; }
#breadcrumbs_beavstn_inner #breadcrumb ol { font-family: 'Lato', sans-serif; font-size: 15px; font-weight: 400; color: #a45a2a; }
#breadcrumbs_beavstn_inner #breadcrumb ol li { font-family: 'Lato', sans-serif; font-size: 15px; color: #a45a2a; }
#breadcrumbs_beavstn_inner #breadcrumb ol li a { color: #a45a2a; text-decoration: none; padding: 0 8px; }
#breadcrumbs_beavstn_inner #breadcrumb ol li a:hover { text-decoration: underline; }
#breadcrumbs_beavstn_inner #breadcrumb ol li.breadcrumb_current span[itemprop="name"] { color: #a45a2a; font-weight: 500; padding: 0 8px; }
#breadcrumbs_beavstn_inner #breadcrumb .breadcrumb_sep { color: #a45a2a; font-size: 15px; margin: 0; }
/* On smaller viewports the bar auto-heights; center the trail to match localhost */
@media screen and (max-width: 1023px) {
  #breadcrumbs_beavstn_inner #breadcrumb { height: auto; justify-content: center; padding: 7px 0; }
}


/* style.css :: @media screen and (min-width: 1280px) */
@media screen and (min-width: 1280px) {
  #featured_image_subpages_beavstn { width:100%; height:343px; margin-top: 0; background: url(images/default_image.jpg); background-size:100% auto !important; background-position:center center !important; }
  #double_image_subpages_beavstn { width:100%; height:686px; margin-top: 0; background: url(images/default_image.jpg); background-size:100% auto !important; background-position:center center !important; }
  #featured_image_subpages_beavstn_lower-a { width:100%; height:343px; margin-top: 118px; background-size:100% auto !important; background-position:center 35% !important; }
  #beaver_station_subpage { width:1039px; height:auto; margin:0 auto; font-family: 'Lato', sans-serif !important; }
  #breadcrumbs_beavstn { width:100%; height:77px; border-bottom:1px solid #CCC; }
  #breadcrumbs_beavstn_inner { width:1039px; height:77px; margin:0 auto; }
  #breadcrumbs_beavstn_inner p#breadcrumbs { float:left; font-size: 15px; font-family: 'Lato', sans-serif; font-weight: 400; color:#a45a2a; font-style:normal; }
  #breadcrumbs_beavstn_inner p#breadcrumbs a { padding:0px 8px; }
  #breadcrumbs_beavstn_inner p#breadcrumbs strong { font-weight:500 !important; padding:0px 8px; }
  #breadcrumbs_beavstn_inner ul { float:left; font-size: 15px; font-family: 'Lato', sans-serif; font-weight: 400; line-height: 25px; margin-bottom: 25px; padding-top:22px !important; }
  #breadcrumbs_beavstn_inner ul a { margin:0 !important; }
  #breadcrumbs_beavstn_inner span { color:#a45a2a; }
  #breadcrumbs_beavstn p { font-size:14px; font-style:italic; float:right; margin-top:22px; margin-right:25px; }
}

/* css/tablet-landscape.css :: @media screen and (min-width: 1024px) and (max-width: 1279px) */
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  /* Subpages */

    #beaver_station_subpage { width: 640px; height: auto; margin: 0 auto; }
  #breadcrumbs_beavstn { width: 100%; height: auto; border-bottom: 1px solid #CCC; }
  #breadcrumbs_beavstn_inner { width: 640px; height: auto; margin: 0 auto; padding-top:8px; }
  #double_image_subpages_beavstn { width: 100%; height: 686px; margin-top: 235px; background-position: center 35% !important; background-size: auto 100% !important; }
  #featured_image_subpages_beavstn { width: 100%; height: 343px; margin-top: 235px; background-position: center 35% !important; background-size: auto 100% !important; }
  #breadcrumbs_beavstn_inner p#breadcrumbs { margin:0 auto; text-align:center; padding:7px 0px; float:none; font-size: 15px; font-family: 'Lato', sans-serif; font-weight: 400; color: #a45a2a; font-style: normal; }
  #breadcrumbs_beavstn p { font-size: 14px; font-style: italic; float: none; margin-top: 0px; margin-right: 0px; text-align:center; }
}

/* css/tablet-portrait.css :: @media screen and (min-width: 768px) and (max-width: 1023px) */
@media screen and (min-width: 768px) and (max-width: 1023px) {
  /* Subpages */

    #beaver_station_subpage { width: 640px; height: auto; margin: 0 auto; }
  #breadcrumbs_beavstn { width: 100%; height: auto; border-bottom: 1px solid #CCC; }
  #breadcrumbs_beavstn_inner { width: 640px; height: auto; margin: 0 auto; padding-top:8px; }
  #double_image_subpages_beavstn { width: 100%; height: 686px; margin-top: 235px; background-position: center 35% !important; background-size: auto 100% !important; }
  #featured_image_subpages_beavstn { width: 100%; height: 343px; margin-top: 235px; background-position: center 35% !important; background-size: auto 100% !important; }
  #breadcrumbs_beavstn_inner p#breadcrumbs { margin:0 auto; text-align:center; padding:7px 0px; float:none; font-size: 15px; font-family: 'Lato', sans-serif; font-weight: 400; color: #a45a2a; font-style: normal; }
  #breadcrumbs_beavstn p { font-size: 14px; font-style: italic; float: none; margin-top: 0px; margin-right: 0px; text-align:center; }
}

/* css/sp-landscape.css :: @media screen and (min-width: 431px) and (max-width: 767px) */
@media screen and (min-width: 431px) and (max-width: 767px) {
  /* Subpages */

    #beaver_station_subpage { width: 100%; height: auto; margin: 0 auto; }
  #breadcrumbs_beavstn { width: 100%; height: auto; border-bottom: 1px solid #CCC; }
  #breadcrumbs_beavstn_inner { width: 100%; height: auto; margin: 0 auto; padding-top:8px; }
  #double_image_subpages_beavstn { width: 100%; height: 486px; margin-top: 175px; background-position: center 35% !important; background-size: auto 100% !important; }
  #featured_image_subpages_beavstn { width: 100%; height: 343px; margin-top: 235px; background-position: center 35% !important; background-size: auto 100% !important; }
  #breadcrumbs_beavstn_inner p#breadcrumbs { margin:0 auto; text-align:center; padding:7px 0px; float:none; font-size: 15px; font-family: 'Lato', sans-serif; font-weight: 400; color: #a45a2a; font-style: normal; }
  #breadcrumbs_beavstn p { font-size: 14px; font-style: italic; float: none; margin-top: 0px; margin-right: 0px; text-align:center; }
}

/* css/sp-portrait.css :: @media screen and (min-width: 1px) and (max-width: 430px) */
@media screen and (min-width: 1px) and (max-width: 430px) {
  /* Subpages */

    #beaver_station_subpage { width: 360px; height: auto; margin: 0 auto; }
  #breadcrumbs_beavstn { width: 100%; height: auto; border-bottom: 1px solid #CCC; }
  #breadcrumbs_beavstn_inner { width: 320px; height: auto; margin: 0 auto; padding-top:8px; }
  #double_image_subpages_beavstn { width: 100%; height: 350px; margin-top: 170px; background-position: center 35% !important; background-size: auto 100% !important; }
  #featured_image_subpages_beavstn { width: 100%; height: 343px; margin-top: 235px; background-position: center 35% !important; background-size: auto 100% !important; }
  #breadcrumbs_beavstn_inner p#breadcrumbs { margin:0 auto; text-align:center; padding:7px 0px; float:none; font-size: 15px; font-family: 'Lato', sans-serif; font-weight: 400; color: #a45a2a; font-style: normal; }
  #breadcrumbs_beavstn p { font-size: 14px; font-style: italic; float: none; margin-top: 0px; margin-right: 0px; text-align:center; }
}