.wpb_vc_table td, .wpb_vc_table th {
   color: #FFF !important
}

#page {
padding: 0px 0px 50px; display: table; position: relative;
}

#page .container {
   max-width: 1800px;
   width: 100%;
}

#page:before  {
content: "";
 position: fixed;
 right: 0;
 bottom: 0;
 width: 510px;
 height: 519px;
 background: url(/wp-content/uploads/2026/02/Graphic.svg) no-repeat left bottom;
 background-size: contain;
 z-index: 9;
 pointer-events: none;
}
footer,#large-image { z-index: 999}
#sidebar1 { z-index: 99; }
 
#breadcrumbs .item-home a {
       display: inline-block;
       width: 18px;
       height: 18px;
       text-indent: -9999px; /* hide text */
       overflow: hidden;
       background: url("/wp-content/themes/madebycoda/images/home.svg") no-repeat center;
       background-size: contain;
       margin-top: 6px;
     }
 
#content {
    display: table;
    float: left;
    width: calc(100% - 35% - 50px); max-width: 1150px;
     margin-left: 70px;
     margin-top: 70px !important;
}

.page-title {
padding-left: 15px; margin-bottom: 25px;
}

.page-title h1{
font-size: 40px; line-height: 1.2; font-weight: 700;
 margin-bottom: 20px; 
color: #FFF; text-transform: uppercase; 
}

#content p, #content li {
color: #FFF;
}

#content li {
margin-bottom: 10px;}

#content h2, #content h3, #content h4 {
font-weight: 600; 
color: #FFF;
}

.box {
   background: #273140;
   padding: 10px 30px 30px;
width: 95%;
}

/*--------- Breadcrumbs ---------*/

#breadcrumbs{
width: auto; display: table;
list-style:none;
margin:0px !important; padding: 0px 0px 0px 0px;
text-align: left;
}

#breadcrumbs li{
display:inline-block;
vertical-align:middle; margin-bottom: 6px;
margin-right: 10px;
color:#FFF; font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: 1px;
}

#breadcrumbs .separator{
font-size: 12px; font-weight:100; color:#FFF;
}

#breadcrumbs a:link,
#breadcrumbs a:visited {
color: #FFF; text-decoration: none; border-bottom: none;
}

/*--------- Sidebar ---------*/

#sidebar1 {
float: right;
min-height: 300px; width: 27%;
margin-bottom: 0px;
display: table; 
position: relative;
background: #162232;
}

#sidebar1 aside {
margin-bottom: 5px;
padding: 0px 0px;
}

#sidebar1 h2,
#breadcrumbs {
   padding: 30px 20px 25px 40px;
}

#sidebar1 h2 {
font-size: 21px;
margin: 0px;
width: 100%;
font-weight: 500;
color: #FFF; text-transform: uppercase; letter-spacing: 2px;
padding-top: 20px;
}



#sidebar1 li {
text-align: left;
}

#sidebar1 a:hover {
background: rgba(255, 255, 255, 0.08);
}

#sidebar1 .grandchild-sidebar-menu a:link,
#sidebar1 .grandchild-sidebar-menu a:visited{
width: 100%;
}

#sidebar1 .children a:link,
#sidebar1 .children a:visited {
background: none !important;
font-size: 16px; font-weight: 600;
text-transform: none; letter-spacing: 0;
}

#sidebar1 .dropdown-toggle,
#sidebar1 .dropdown-toggle.toggled-on {
display: inherit;
}

#sidebar1 button#menu-toggle:after {
content: "\f419";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-family: "Genericons";
font-size: 22px;
font-weight: 400;
speak: none;
vertical-align: middle;
width: 20px;
top: 0px;
height: 20px;
margin-left: 8px;
margin-top: -6px;
}

#sidebar1 button#menu-toggle.toggled-on:after {
content: "\f406";
}

#sidebar1 .dropdown-toggle.toggled-on:after {
content: "\f432";
}

#sidebar1 .main-navigation ul {
list-style: none;
margin: 0; padding: 0px 0px;
}

#sidebar1 .main-navigation li {
position: relative;
}

#sidebar1 .main-navigation a {
display: block;
outline-offset: -1px;
color: #1a1a1a;
display: block;
line-height: 1.3;
outline-offset: -1px;
padding: 14px 20px 14px 40px;
}

#sidebar1 .main-navigation ul ul  {
background: rgba(255, 255, 255, 0.1);
}

#sidebar1 .main-navigation ul ul a {
padding: 17px 0px 17px 50px;
}

#sidebar1 .main-navigation ul ul ul {
background: rgba(255, 255, 255, 0.2);
}

#sidebar1 .main-navigation ul ul ul a {
padding: 17px 0px 17px 70px;
}

#sidebar1 .main-navigation a:link,
#sidebar1 .main-navigation a:visited{
color: #FFF; text-decoration: none;font-size: 16px;
    font-weight: 600;
}

#sidebar1 .main-navigation .current-menu-item > a,
#sidebar1 .main-navigation .current-menu-ancestor > a {
font-weight: 700;
}

#sidebar1 .main-navigation ul ul {
display: none;
margin-left: 0px;
}

#sidebar1 .no-js #header-menu #navigation ul ul {
display: block;
}

#sidebar1 .main-navigation ul .toggled-on {
display: block;
padding: 0px;

}

#sidebar1 .main-navigation .primary-menu {
margin: 0px; padding: 0px;
}

#sidebar1 .main-navigation .page_item_has_children > a {
width: calc(100% - 80px);
}

#sidebar1 .dropdown-toggle {
background-color: rgba(255, 255, 255, 0.1);
border: 0;
border-radius: 0;
color: #FFF;
content: "";
height: 73px;
padding: 0;
position: absolute;
right: 0;
text-transform: none;
top: 0;
width: 90px;
}

#sidebar1 .dropdown-toggle:after {
content: "\f431";
font-size: 24px;
left: 0px;
position: relative;
width: 70px;
}

#sidebar1 .dropdown-toggle:hover,
#sidebar1 .dropdown-toggle:focus {
background-color: rgba(255, 255, 255, 0.2);
}

#sidebar1 .dropdown-toggle:focus {
outline: thin dotted;
outline-offset: -1px;
}

#sidebar1 .dropdown-toggle:focus:after {
border-color: transparent;
}

@media (max-width: 1300px) {

#sidebar1 .dropdown-toggle,
#sidebar1 .dropdown-toggle:after {
width: 70px;
}

}

/*---------------------------------
Misc
---------------------------------*/

/*--------- PDF Icons 
#content a[href$=".pdf"],
#content a[href$=".doc"],
#content a[href$=".docx"]   {
padding: 14px 0px 0px 70px !important;
background: url(https://bepschools.com//wp-content/themes/madebycoda/images/icons/pdf.svg) no-repeat;
height: 60px;
background-size: 50px auto;
border-bottom: none !important;
display: table;
margin-bottom: -14px !important;
}
---------*/

.entry-content a:link,
.entry-content a:visited {
color: #333;
text-decoration: none;
}

.coda-single-image img {
   border-radius: 10px;
}

/*--------- Table ---------*/

blockquote { 
padding: 0px; margin: 0px 0px 20px;
font-style: italic; font-weight: 700; font-size: 20px;
}

#content ul {
margin: 5px 0px 15px 0px;
}

#content p a:link,
#content p a:visited,
#content li a:link,
#content li a:visited,
#content td a:link,
#content td a:visited {
text-decoration: none; font-weight: 700 !important;
border-bottom: 2px solid rgba(234, 234, 234, 0.65);
padding-bottom: 4px; margin-bottom: 15px; color: #FFF; 
}


#content a:hover {
   background: #ffffff08;
}

#content p a img:link {
border: none;
}

#content a:link {
overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto;
}

#content td a:link {
overflow-wrap: initial; word-wrap: initial; -ms-word-break: initial; word-break: initial; word-break: initial; -ms-hyphens: initial; -moz-hyphens: initial; -webkit-hyphens: initial; hyphens: initial;
}

#content td a:link,
#content td a:visited {
border-bottom: none;
}

td {
padding: 15px;
border:1px solid #F1F1F1;
}

td p {
margin: 0px !important;
}

.coda-cpt-grid__item {
   background: rgba(255, 255, 255, 0.096);
}

.coda-cpt-grid__item h3 a {
   color: #FFF !important;
}

/*--------- Images ---------*/

figure {
margin: 0px;
}

figure.alignright,
img.alignright {
float: right;
margin: 13px 0px 20px 40px;
max-width: 40% !important; height: auto;
}

figure.alignleft {
float: left;
margin: 8px 3% 10px 0px;
}

.entry-content figure a:link,
.entry-content figure a:visited {
border-bottom: 0px;
}

figure.alignleft .wp-caption-text {
color: #333;
line-height: 24px;
text-align: left;
}

figure.alignright img {
width: 100%; height: auto;
}

.wp-caption-text,
.wp-caption-text a:link,
.wp-caption-text a:visited {
color: #FFF;
font-size: 15px;
text-align: right;
margin: 5px 0px 0px 0px;
}

img.alignleft,
img.alignnone {
float: left;
margin: 10px 20px 20px 0px;
max-width: 40%; height: auto;
}

.wpb_single_image .vc_figure-caption {
font-size: 16px !important;
margin: 20px 0px 30px !important;
color: #757575;
}

/*--------- Edit Link ---------*/

.edit-link {
margin-top: 20px;
}

.edit-link a:link,
.edit-link a:visited {
background: rgba(255,255,255,.9);
padding: 5px 10px;
border-radius: 10px;
color: #333;
text-decoration: none;
margin-right: 10px;
}


.child-pages-container {
    display: flex;    flex-wrap: wrap;
}

.child-page-wrapper {
    background: #eaeaea;
    width: 30%; padding: 20px;    display: flex;
        align-items: center;
        justify-content: center;
    margin: 0px 3% 20px 0px; text-align: center;
}

.child-page-wrapper h2 {
    margin: 0px;
}

.child-page-wrapper h2 a {
    color: #333;
    font-size: 23px;
    line-height: 1;
    text-decoration: none;
}

@media (max-width: 1000px) {
    
   .child-page-wrapper {
       width: 97%;
   } 
}