/*
 *  PLCC Landing Page - FRS
 */

.m-framework p,
.m-framework h1:not(.brand-fontcolor-hotpink), .m-framework h2:not(.brand-fontcolor-hotpink), .m-framework h3:not(.brand-fontcolor-hotpink), .m-framework h4:not(.brand-fontcolor-hotpink), .m-framework h5:not(.brand-fontcolor-hotpink), .m-framework h6:not(.brand-fontcolor-hotpink),
.m-framework .link-black { color:#333; }

#plcc-header-banner {}

/*
#plcc-header-banner .main-img  { position:absolute; z-index:1; display:block; overflow:hidden; }
#plcc-header-banner .main-img img {  background-color: #f1f2f4; }
#plcc-header-banner .copy-wrap { position:relative; z-index:2; }
*/

/* New Styles */
#plcc-header-banner a.main-img { display:block; }
.screen-sm-up #plcc-header-banner { position: relative; display:block; width:100%; height:100%; }
.screen-sm-up #plcc-header-banner { background:0 center url('/wcsstore/images/BallardDesigns/espots/PLCC/PLCC_LP_header.jpg') no-repeat; background-size:cover; }
/* .screen-sm-down #plcc-header-banner { background:0 center url('https://devwcsm.ballarddesigns.com/wcsstore/images/BallardDesigns/espots/PLCC/PLCC_LP_header_m.jpg') no-repeat; background-size:cover; }*/
.screen-sm-down #plcc-header-banner { background:none; }



#plcc-header-banner h2 { display:inline-block; }
#plcc-header-banner h2 span { line-height:.65em!important; }
#plcc-header-banner .copy-wrap { margin-top:35px; }
#plcc-header-banner .btn-group { margin:15px 0; padding:0; }
#text-or { position:absolute; top:calc(50% - 135px); left:-10px; font-family:'Cormorant'; font-size:30px; font-style:italic; }
.desktop #text-or span { display:none; text-transform:lowercase; }
.desktop #text-or img  { min-height:110px; }

/*
#double-callout-section .col-sm-6:last-child:before { content: ' '; display: block; width: 1px; height: 80%; background-color: #ccc; position: absolute; top: -10%; left: 0; z-index: 1; }
*/

#benefits-box { position:relative; }
#benefits-box:before { content: 'Plus'; background-color: #f5f5f5; position: absolute; top: -48px; left: calc(50% - 60px); width: 120px; padding: 25px 0 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; height: 120px; z-index: 1; font-family: "Cormorant", Times, "Times New Roman", serif; font-weight: normal; line-height: 1; font-size: 3em; font-style: italic; text-transform: lowercase; text-align: center; }
#benefits-box > div { z-index:2; }



/* Title Border */
.title-border-middle { display:block; text-align:center; position:relative; }
.title-border-middle::after { content:''; position: absolute; left: 0; right: 0; top: 50%; height: 1px; background: #ccc; z-index:0; }
.title-border-middle > span { background:#fff; padding:0 10px 10px; display:inline-block; z-index:1; position:relative; }



/* ////////////////////////// Migrate to ballard-brand - Utilities ////////////////////////// */

.brand-bkgcolor-light-gray { background-color:#f5f5f5; }
.font-style-italic { font-style:italic!important; }

.btn.no-btn-border:before { display:none; }


/* Tablet and Small Screen Breakpoints */

@media(max-width:1280px){
    .desktop #plcc-header-banner { min-height:306px; }
    #plcc-header-banner .copy-wrap { margin-left:-5px; }
    #plcc-header-banner .copy-wrap { margin-top:30px; }
    #plcc-header-banner h2 span:first-child { font-size:.8em; }
    #plcc-header-banner h2 span:last-child  { font-size:1.9em; }
    #plcc-header-banner .btn-group { margin:0!important; }

    /* Below Banner*/
    #exclusive-title span span:first-child { font-size:1em; }
    #exclusive-title span span:last-child  { font-size:1em; }

}
@media(max-width:1024px){
    .desktop #plcc-header-banner { min-height:232px; }
    .desktop #plcc-header-banner .main-img img { height:315px!important; width:794px!important; max-width:none; }
    #plcc-header-banner .copy-wrap { margin-top:15px; }
    #plcc-header-banner h2 span:first-child { font-size:.7em; }
    #plcc-header-banner h2 span:last-child  { font-size:1.6em; }  
    .desktop #plcc-header-banner .account-login { font-size:14px!important; }  

    /* Below Banner*/
    #exclusive-title span { display:block; }

    #double-callout-section > [class*="col-"] { clear:both; float:none; margin:0 auto!important; }
    #double-callout-section > [class*="col-"]:last-child { margin-bottom:45px!important; }
    #text-or { position:static; display:block; margin-bottom:30px; }

    #benefits-box .row .col-xs-4 { clear:both; float:none; margin:0 auto!important; width:70%; }
    .desktop #text-or span { display:block; }
    .desktop #text-or img  { display:none; }

}
@media(max-width:950px){
    .desktop #plcc-header-banner .main-img img { margin-left:-9%; }
    #plcc-header-banner .copy-wrap { margin-top:14px; }
    #plcc-header-banner h2 span:first-child { font-size:.5em; }
    #plcc-header-banner h2 span:last-child  { font-size:1.3em; }  
    .desktop #plcc-header-banner .account-login { font-size:12px!important; } 
}


/* Mobile 
.mobile h1#categoryHeader { display:none; }
.mobile .btn-v2 { font-weight:800; }
.mobile #plcc-header-banner .main-img { position:static; }
.mobile #plcc-header-banner .copy-wrap h2 { width:80%; margin:0 auto 24px!important; }
.mobile #disclosure { margin-top:45px; }
.mobile #plcc-header-banner .account-login,
.mobile #benefits-box .account-login { font-size:14px!important; }
.mobile #plcc-header-banner .copy-wrap { margin-top:20px; }

.mobile #exclusive-title { margin-top:20px!important; }
.mobile #exclusive-title span span:first-child { font-size:.6em; margin-bottom:8px; }

.mobile #text-or span { text-transform:lowercase; }
.mobile #text-or img  { display:none; }

.mobile #plcc-header-banner h2 { text-align:center; }
.mobile #plcc-header-banner .btn-group { margin-bottom:18px!important }

.mobile header + section > .row:first-child { margin-bottom: 0!important; }
.mobile #benefits-box:before { font-size:2em; }

.mobile #benefits-box { margin-top:15px!important; }
.mobile #benefits-box > [class*="col-"]:nth-child(2) { margin-top:-40px; }
.mobile #benefits-box .row .col-xs-4 { padding-bottom: 12px!important; }
*/

/* Borders 
.mobile #plcc-header-banner { position:relative; }
.mobile #plcc-header-banner:after { content:''; border-bottom:1px solid #ccc; display:block; width:calc(100% - 24px); position:absolute; bottom:-22px; }
*/

  /* Hide Page Title  */
  h1.t-main__content-title {
    display: none;
  }
  .text-red {
    color: #ef3969;
  }
  .bg-red {
    background-color: #ef3969;
    border-color: #ef3969;

  
  @media(max-width:768px){
    .m-relative {
      position: relative !important;
    }
  }