/* --- custom.css --- */


/* =====================================
   CUSTOM.CSS — Unified Stylesheet
   Bootstrap 5 Compatible
   ===================================== */

/* === Reset & Base Typography === */
html, body {
  margin: 0;
  padding: 0;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.6;
  background-color: #fff;
  color: #000;
}

p, li {
  font-size: 18px;
  line-height: 1.6;
}

a {
  color: #ff0000;
  font-weight: bold;
  text-decoration: underline;
}

a:hover {
  color: #cc0000;
}

/* === Utility Classes === */
.text-center {
  text-align: center;
}

/* === Footer Area === */
footer.site-footer {
  background-color: #ffffff;
  color: #000000;
  padding: 4rem 0 2rem 0;
  width: 100%;
}

.site-footer a {
  color: #ff0000;
  font-weight: bold;
  text-decoration: underline;
}

.site-footer a:hover {
  color: #cc0000;
}

.footerheaders {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 1rem;
  color: #000;
}

.footer-bottom {
  border-top: 1px solid #ccc;
  padding-top: 1.5rem;
  text-align: center;
  font-size: 0.95rem;
}

/* === Responsive Column Padding === */
@media (max-width: 768px) {
  .footer-column {
    margin-bottom: 2rem;
  }
}


/* --- custom2.css --- */

/* Custom CSS Style Sheet */


/*  defaults*/

.links{
list-style-type: none;

}

p{
  font-family: Helvetica, Arial, sans-serif !important;
  line-height: 1.3;
  font-size: 19px;

  }

a{
color: #ff0000;
}

.footer-color{color:#CD2228;}

.submitbutton{

    font-size: 19px;
    padding: 18px 25px;
    border: 1px solid transparent;
    text-decoration: none;
    line-height: 1.0;
    text-align: inherit;
    background-color: #cc0000;
    color: #ffffff;
  margin: auto;
  text-align: center;


}


.input-recaptcha{
 width:172px;
}


.btn-warning {
    color: #fff;
    background-color: #ff0000;
    border-color: #ff0000;
  margin-left: 15px;

}


#success_message{ display: none;}


.sect{

  padding: 11px;margin: 11px;
  width: 100%;
  height: 100%;
  overflow: hidden;



}

.indexheadertext{

  padding-left:29px;
  padding-right:29px;
  margin: 11px;
}


.none{
  list-style-type: none;
}

.none ul li{

  list-style-type: none;
}


.acf{
color: #ff0000 !important;
font-weight: bold !important;

}


.center{
  margin: auto;
  text-align: center;
}

.logopadding{ padding: 17px;
}

.margin-right{ margin-right: 11px;
}



.clear-seconday-page{

  clear: both;
  height: 101px;
  background-color: #fff;

}

.clear{
  clear: both;
  height: 29px;
  background-color: #fff;
}

.clear-white{
  clear: both;
  height: 29px;
  background-color: #fff;
}

.space{
  height: 47px;
}


body{  }
p{  font-family: 'Open Sans', sans-serif;
   font-family: Helvetica, Arial, sans-serif !important;
  line-height: 1.3;
  font-size: 19px;

  }
h1, h2, h3, h4, h5, h6{
font-family: 'Oswald', sans-serif;
}

    html {
      font-size: 19px;
    }

    @include media-breakpoint-up(sm) {
      html {
        font-size: 19px;
      }
    }

    @include med
    ia-breakpoint-up(md) {
      html {
        font-size: 20px;
      }
    }

    @include media-breakpoint-up(lg) {
      html {
        font-size: 28px;
      }
    }






.bg {
background: url(../images/la-plumbing-bg.jpg) top right no-repeat;
background-size: cover;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 0;
opacity: 1
        }/*  this is the code to do a full screen background image*/


/* Begin Navigation CSS */


.navbar-text>a{
  color: inherit;
  text-decotration: none;
}


.border{
  border: 1px solid #666666;
}

.navbar-default{
background-color: transparent;
color: #fff;
border-color: transparent;
padding-top: 11px;
height: 92px;
margin-top: 29px;
}

.navbar-default .navbar-brand{
  color: #fff;
}

.navbar-default .navbar-nav>li>a {
    color: #000;
  background-color: white;
}

.navbar-default .navbar-nav>li>a:hover {
    display: block;
  text-decoration: underline;
  color: #000;
  background-color: white;
}

.nav>li>a {
    padding: 11px 38px;
    font-size: large;
    font-weight: bold;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #555;
    background-color: transparent;
}

.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: underline;
  }


  .navbar-default .navbar-brand {
    color: #000;
  font-size: 21px;
  }


.navbar-collapse{

  background-color: #f8f9fa;

}



.dropdown-menu>li>a {
    display: block;
    padding: 5px 22px;
    clear: both;
    font-weight: bold;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;

}

/* column prices */



#column {
    background: #f9f9f9;;
   /* margin: 0px 11px 65px 0px;*/
    text-align: center;
    border: 1px solid #000;
    overflow: hidden;
    padding: 0 0 29px 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

}

#column p {
    padding-bottom: 20px;
    color: #585858;
    font-size: 19px;
    line-height: 1.7em;
    font-weight: 400;}



    #column h6 {
      margin-bottom: 15px;
      padding: 17px 0 15px 0;
      border-bottom: 1px solid #000;
      color: #00000;
      font-size: 22px;
      font-weight: 500;
      text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
}

.startcourse{
      margin-bottom: 0;
      background: #ff000;
      font-size: 19px;
      color: #fff;
      padding: 0 24px 0 39px;
      letter-spacing: 2px;
      display: inline-block;
      font-weight: 900;
      height: 53px;
      line-height: 53px;
      -webkit-border-radius: 9px;
      -moz-border-radius: 9px;
      border-radius: 9px;

    }

    .price{
        font-size: 29px;
        color: #ff0000;
    }


    .divider {
      height: 1px;
      width:100%;
      display:block; /* for use on default inline elements like span */
      margin: 9px 0;
      overflow: hidden;
      background-color: #e5e5e5;
    }








/* Jumbo Tron */


.jumbotron {
  background-repeat: no-repeat;
  background-position: center;
  height: 367px;
  background-color: #111;
}

.jumbo h1{
  color: #fff;
  margin-top: 38px;
}

.jumbo p{
  color: #fff;
}



/* Headers */

.indexheader{
  text-align: center;
    font-family: Oswald;
    font-weight: 300;
    font-size: 36px;
    line-height: 32px;
    color: #454545;


}

.indexheader-white{
    font-family: Oswald;
    font-weight: 300;
    font-size: 36px;
    color: #fff;
  padding: 11px;


}

.header-margin{
  padding-top: 29px;


}

.list-font{

font-family: Helvetica, Arial, sans-serif !important;
  line-height: 1.3;
  font-size: 19px;



}



.indexheader2{
  font-size: 42px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding-top: 20px;

}



/* Character Styles*/

.whychooseustext{
  clear: both;
  font-family: Helvetica, Arial, sans-serif !important;
  line-height: 1.3;
  font-size: 19px;
  margin: 25px 0;
    -webkit-margin-before: 0.83em;
  -webkit-margin-after: 0.83em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  overflow: hidden;
  }


  .basictext{
  font-family: Helvetica, Arial, sans-serif !important;
  line-height: 1.3;
  font-size: 19px;

  }



  .whychooseustext li{
    list-style-type: none;
    clear: both;
    font-family: Helvetica, Arial, sans-serif !important;
    color: #000;
    line-height: 1.3;
    font-size: 19px;
    margin: 25px 0;
      -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    }



    .indexgroupheader{

      margin-top: 29px;
      text-align: center;
      font-size: 19px;
      line-height: 190%;
}

    .indexgroupheadertext{

      margin-top: 29px;
      text-align: center;
      font-size: 19px;
      line-height: 190%;

}


.indexgroupbutton{

      background: #0083c2;
      max-width: 271px;
      height: 53px;
      line-height: 53px;
      margin: 0 auto;
      color: #fff;
      font-size: 19px;
      text-align: center;
      font-weight: 900;
      display: block;
      text-transform: uppercase;
      letter-spacing: 2px;
      -webkit-border-radius: 9px;
      -moz-border-radius: 9px;
      border-radius: 9px;


}

.indexheader p{
        margin-top: 29px;
        text-align: center;
        font-size: 19px;
        line-height: 190%;
  }



/* sections*/


#getstartedsection{

  padding: 83px;
  background-image: url("/images/slash_it.png");
}

.firstheadersection{
  height:auto;
    min-height: 245px;
  border-bottom: 1px solid #d9d9d9;
}

.whychooseussection{
  padding: 38px;
  background-color: #6C9897;
}


.firstheadersection p{
      margin-top: 29px;
      text-align: center;
      font-size: 19px;
      line-height: 190%;
}

.secondarypageheader{
      background-image: url("/images/cpr-gen2.jpg");
      background-repeat: no -repeat;

}


.secondary-header{
  background-image: url("https://cprandfirstaid.org/cpr-online/wp-content/uploads/2019/06/workplace-cpr-first-aid-long-beach.png");
    background-repeat: no -repeat;
  background-size: cover;
  background-position: center;
height: 313px


.secondary-header {
  background: url('/images/banner-bg.jpg') center center / cover no-repeat;
  color: #fff;
  text-align: center;
  padding: 60px 0;
}

.header-margin {
  margin-top: 20px;
  margin-bottom: 20px;
}


.secondary-header-bls{
  background-image: url("https://cprandfirstaid.org/cpr-online/wp-content/uploads/2019/06/bls-cpr-training-long-beach.jpg");
    background-repeat: no -repeat;
  background-size: cover;
  background-position: center;
height: 313px

}


.secondary-header-on-site{
  background-image: url("https://cprandfirstaid.org/cpr-online/wp-content/uploads/2019/06/healthcare-providers-banner.jpg");
    background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
height: 313px





}


.secondaryheader-h1{

    font-family: Oswald;
    font-weight: 300;
    font-size: 45px;
    color: #fff;
  padding: 11px;



}

.banner-overlay {
  position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(32, 128, 189, 0.52);



}


.secondary-header-padding{
padding-bottom: 47px;

}

.indexgroupsection{
padding: 38px;
background-color: #ff000;


}

.freeclasssection{
  background-image: url("/images/home-student.jpg");
  background-repeat: no -repeat;
  background-size: cover;
  min-height: 420px;


}

.freeclasssection p{
  margin-top: 29px;
  text-align: center;
  font-size: 19px;
  line-height: 190%;
  color: #fff;

}


.image-padding{
padding-top: 38px

}






/* Sidebar CSS */

.sidebar-padding{
  padding: 28px;


}





/* Footer CSS */

.footer {
  padding: 65px;
  background-color: #f8f9fa;
  color: #000;
}



.footer p {
  text-align: center;
}


.footer h5 {
  text-align: center;
}


.footer ul  {
  padding: 0px;
  list-style-type: none;
  text-align: center;
}

.footer ul li  {
  list-style-type: none;
  text-align: center;
  padding-top: 11px;
}

.footer ul li a {
  color: #ff0000;
  list-style-type: none;
  text-align: center;
}



.footer a{

   color: #ff0000;
}


.footer a:hover;{

   text-decoration: underline;
}



.footerheaders{
  text-align: center;
    font-family: Open Sans;
    font-weight: 300;
    font-size: 30px;
    line-height: 32px;
    color: #ff0000;
  margin-bottom: 38px;
}



.footer-floor-links{
  text-align: center;
  padding-bottom: 56px;
  margin: auto;

    }


.footer-floor-links a{
  font-weight:bold;
  color: #ff0000;

    }

    .footer-floor-links a:hover{
  font-weight:bold;
  text-decoration:underline;

  }


  .navbar-light .navbar-nav .nav-link {
    color: #000;
    font-weight: 650;
    font-size: 19px;

  }

  .dropdown-item {
    padding: .30rem 2.0rem;
    font-weight: 500;
    color: #212529;
  }

  .margin-book{

    padding: 11px;
    margin: auto;

  }

.sideber-white-box-top {

  padding: 35px;
    margin-bottom: 40px;
    box-shadow: 3px 2px 8px 0 rgba(0,0,0,0.08);
  background: #fff;
    border-radius: 5px;
  color: #50575F;


    line-height: 1.5em;
}

.sideber-white-box-bottom{

  padding: 35px;
    margin-bottom: 40px;
    box-shadow: 3px 2px 8px 0 rgba(0,0,0,0.08);
  background: #fff;
    border-radius: 5px;
  color: #50575F;


    line-height: 1.5em;




}



.sidebarheader {
 font: 21px;
 color: #B90C30;
 font-size: 21px;
 font-family: 'Lato', sans-serif;

}

.sidebartext{
   font-size: 19px;
  font-family: 'Lato', sans-serif;

}

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


.bg-light {
    background-color: #fff !important;
}

.navbar-collapse {
    background-color: #fff;
}

  .dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
  background-color: #ff0000}

/* --- styleg.css --- */

/*

Theme Name:     yusefX

Description:    Child theme for Complexity.

Author:         yusefX

Author URI:   http://www.24hrlab.com

Template:       twentythirteen

*/



@import url("../twentythirteen/style.css");







/**

 * 4.2 HHome Page Structure

 * ----------------------------------------------------------------------------

 */

 * { margin:0; padding:0; }

 .center{
    float: none;
    margin: 0 auto;
}


#header_meta { z-index: 9999; }

 .google{color: #0000ff; text-align: left; }


 .site {
  background-color: #fff;
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
}

.site-footer {
  background-color: #e8e5ce;
  color: #686758;
  font-size: 14px;
  text-align: center;
  height: 450px;
}



.nav-menu li:a{

    font-weight: bold;
}




.navbar {
  background-color: #f7f5e7;
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
  font-weight: bold;
}





input[type="text"] {
height: 30px;
width: 450px;
}

.wpcf7-form-control-wrap{
height: 30px;
width: 600px;
}

.red{
font-size: 16px;
font-weight: bold;
color: #ff0000;

}

#home{

  float: left;

  width:768px;

  height:300px;

  z-index: 9999;





}

.twocolumnarea{

    margin: 0px;
    background-color: #ff0000;
    width: 100%;
    height: 650px;
    color: #fff;
    padding-top: 29px;
}

.twocolumnarea span{
padding-bottom: 38px;


}

.twocolumnarea a{

  color: #fff;

}


.twocolumnarea a:hover{

  text-decoration: underline;

}



.twocolumnarea h4{

  color: #fff;
  text-align: center;
  padding-bottom: 29px;
}



.headers11{
  clear: both;
  font-family: Helvetica, Arial, sans-serif !important;
  line-height: 1.3;
  font-size: 21px;
  font-weight: bold;
  margin: 25px 0;
    -webkit-margin-before: 0.83em;
  -webkit-margin-after: 0.83em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  }


.headers111{
  clear: both;
  font-family: Helvetica, Arial, sans-serif !important;
  line-height: 1.3;
  font-size: 19px;
  margin: 25px 0;
    -webkit-margin-before: 0.83em;
  -webkit-margin-after: 0.83em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  }





#homepagehero{

  position: relative;

  height: auto;

  width: 100%;

  background-color: #000000;

  background-repeat: repeat-x;

  overflow: hidden;

  margin: auto;



}

#homepageherocenter{

  margin: auto;

  max-width: 780px;

  background-color: #000000;

  height: auto;

  background-repeat: no-repeat;

}



#transcall{

  /* background-image: url("images/cprtranscall.png");*/

  height: 47px;

  width: 100%;

  position: absolute;

  bottom: 0;

  z-index: 2;



}

#homepagecontent{

  width: 960px;

  background-color: #fff;

  height: 650px;

  margin: auto;

  overflow: hidden;



}





#cprcalendar{

  margin: auto;

  height: 209px;

  width: 960px;

  background-color: #fff;

}





#leftcontentimage{

margin: auto;

  background-repeat: no-repeat;

  height: 164px;

  width: 291px;

  background-color: #fff;

  -moz-border-radius: 15px;

  border-radius: 11px;


}

#leftcontentimage1{

margin: auto;

  background-repeat: no-repeat;

  height: 164px;

  width: 291px;

  background-color: #fff;

  -moz-border-radius: 15px;

  border-radius: 11px;

  border: 1px solid #000;

}





#centercontentimage{

  margin: auto;

  background-repeat: no-repeat;

  height: 164px;

  width: 291px;

  background-color: #fff;

  -moz-border-radius: 11px;

  border-radius: 11px;



}

#rightcontentimage{

margin: auto;

  background-repeat: no-repeat;

  height: 164px;

  width: 291px;

  border: 1px solid #000;

  background-color: #fff;

  -moz-border-radius: 15px;

  border-radius: 11px;

}

#rightcontentimage1{

margin: auto;

  background-repeat: no-repeat;

  height: 164px;

  width: 291px;

  border: 1px solid #000;

  background-color: #fff;

  -moz-border-radius: 15px;

  border-radius: 11px;

}



#leftcontent{

  float: left;

  margin-right: 28px;

  height: 500px;

  width: 291px;



  }







#centercontent{

  float: left;

  margin-right: 28px;

  height: 500px;

  width: 291px;



  }





#rightcontent{

  float: right;

  margin-right: 28px;

  height: 500px;

  width: 291px;



  }



.hometext{

  font-family: 'Times New Roman', Times, serif;

  font-size:17px;




}

.hometext1{

  font-family: 'Times New Roman', Times, serif;

  font-size:17px;

  padding: 29px;

  text-align: center;



}



.site-footer {

  background-color: #fff;
  color: #000;
}





.site-footer .sidebar-container {

  background-color: #fff;

}



#cprfooter {

background-color: #000;

}






/* Navbar */

.navbar {

  background-color: #ff0000;

  margin: 0 auto;

  amx-width: 1600;

  width: 100%;

}



.nav-menu li:hover > a,

.nav-menu li a:hover {

  background-color: #000;

  color: #fff;

}



.nav-menu .sub-menu,

.nav-menu .children {

  background-color: #000;

  border: 2px solid #f7f5e7;

  border-top: 0;

  display: none;

  padding: 0;

  position: absolute;

  left: -2px;

  z-index: 99999;

}



ul.nav-menu ul a:hover,

.nav-menu ul ul a:hover {

  background-color: #1e1e1e;

}



.site-footer a{

color: #000;}



.site-footer {

color: #000;}



.nav-menu .sub-menu,

.nav-menu .children {

  background-color: #000;

  border: 2px solid #000;

  border-top: 0;

  display: none;

  padding: 0;

  position: absolute;

  left: -2px;

  z-index: 99999;

}



.nav-menu .current_page_item > a,

.nav-menu .current_page_ancestor > a,

.nav-menu .current-menu-item > a,

.nav-menu .current-menu-ancestor > a {

  color: #fff;

  font-style: italic;

}



.navbar {

border-radius: 0px;

border: 0px solid transparent;

}













.nav-menu li a{

  height: 50px;



}



.clear{

  clear: both;

  height: 65px;

}









.toggled-on .nav-menu li a:hover, .toggled-on .nav-menu ul a:hover {

    color: #fff;

}



h1, h2, h3, h4, h5, h6 {

clear: both;

font-family: Helvetica, Arial, sans-serif !important;

line-height: 1.3;

font-size: 21px;

font-weight: bold;

}





.boldtxt{ text-align: center;

    font-size: 18px;



}

.marginrt38{margin-right: 38px;}



.threectxt{font-size:16px; text-align:center; padding-top: 11px; color:#000;}
.threectxt a:hover{text-decoration: underline; color:#000;}



#logocenter {display: block; margin-left: auto; margin-right: auto;}



.center{text-align:center;}





.frontheader{

text-align: center;




}



.centercontent{

  padding-top: 29px;

  background-repeat: no-repeat;

  width: 291px;

  text-align:center;

  margin: auto;

  height: 209px;





}



.tent{

  margin-top: 29px;

  display:block;

  background-repeat: no-repeat;

  text-align:center;

  background-color: #ff0000;

  margin-left: auto;

  margin-right: auto;





}



.tent1{

  display:block;

  background-repeat: no-repeat;

  text-align:center;

  background-color: #ff0000;

  margin-left: auto;

  margin-right: auto;





}





.boldtxt1{

  font-weight: bold;



}

.headers{
font-size: 29px;
font-weight: bold;


}



.entry-content_full{

  max-width: 1000px;

  margin: auto;



  }



.boldtxt2{

font-size: 29px;

font-weight: bold;

}


.container{
max-width: 960px;

}

.footerheaders{

  font-size: 19px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 11px;
}

.footer-floor-links{
  text-align: center;
  padding-bottom: 56px;

    }
  
  

 
  .secondary-header {
    position: relative;
    width: 100%;
    min-height: 300px; /* Adjust as needed */
    background-image: url('your-banner-image.jpg'); /* Optional */
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center; /* horizontal centering */
    align-items: center;    /* vertical centering */
    text-align: center;
}

.banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(32, 128, 189, 0.52); /* Overlay color */
    display: flex;
    justify-content: center; /* horizontal centering */
    align-items: center;    /* vertical centering */
}

.header-margin {
    padding: 20px;
}

.secondaryheader-h1 {
    font-size: 3rem; /* Adjust as desired */
    color: #ffffff;
    margin-bottom: 10px;
}

.indexheader-white {
    font-size: 1.5rem;
    color: #ffffff;
    margin-top: 0;
}