/* CSS Document created for OSBC Family studies - Adulthood */

/* basic layout and text parameters */

.cabro {max-width:800px;}


.cabro p {
	color:#000000;
	margin-bottom:10px;
	
}



.cabro ol {
	margin-bottom:11px;
}

.cabro ul {
	margin-bottom:11px;
	margin-left:20px;
}

.cabro li {
	color:#000000;
	margin-bottom: 6px;
}

.cabro .caption {
font-size: 12px; 
color:#333333;
margin-top:8px;

}

.cabro p.credit {
  font-size: 8pt; 
  margin-bottom:0px;
}



.cabro .fullwidthvideo {
  width: 100% !important;
  height: auto !important;
}


.cabro .coloured_border {
	border: 2px solid #13bcc6;

}



.cabro a[role="button"] {color:white; background-color:#13a6ac; border-color:#006073;margin-top:20px;}, 
.cabro a[role="button"]:visited {color: white !important; background-color: #13a6ac; border-color:#006073;margin-top:20px;
      }
.cabro a[role="button"]:hover {background-color: #13a6ac; border-color:#006073;margin-top:20px;
        color: yellow !important;
      }


.cabro A {text-decoration:none;}
.cabro A:hover {text-decoration:underline; color:#e66a2f;}
.cabro A:active {text-decoration:none; color:#fcc433;}
	


/*color:#1D8CB7; */
.cabro H1 {font-size: 26px; font-weight: bold;}
.cabro H2 {font-size: 22px; font-weight: bold;}
.cabro H3 {font-size: 22px; font-weight: bold; color:#214276;}
.cabro H4 {font-size: 17px; font-weight: bold; color:#214276; margin-bottom:10px;}
.cabro H5 {font-size: 15px; font-weight: bold; margin-top:2px;color: #333333;margin-bottom:0px;}



.cabro .banner {margin-bottom:20px;background-repeat:no-repeat;height:80px;

}



.cabro .boxed {
            padding: 4px;
            margin-bottom: 5px;
            margin-top: 5px;
            border: 1px solid #224176;
            vertical-align: middle;
}

.cabro .access {
  height: 100px;
  display: flex;
  align-items: center;
}

.cabro .reflect {
            padding: 10px;
            margin-bottom: 20px;
            margin-top: 20px;
            border-radius: 25px;
            border: 2px solid #224176;
            min-height:125px;            
}


.cabro .reflect img {padding-right:10px;}


.cabro .about {
            padding-top: 10px;
            padding-bottom:15px;
            padding-left:15px;
            margin-bottom: 20px;
            padding-right:20px;
            margin-top: 20px;
            border-radius: 25px;
            border: 2px solid #224176;
    min-height:140px;
    font-size:14px;
	color:#000000;
	line-height: 20px;
	margin-bottom:10px;            
}


.cabro .callout {
	border-radius: 25px;
    border: 1px solid #224176;
    font-size:14px;
	color:#000000;
	line-height: 20px;
	vertical-align: middle;
	margin-bottom:20px;
	margin-top:20px;
	padding:20px;
	}
	
	
.cabro .box {
    border: 1px solid #224176;
    font-size:14px;
	color:#000000;
	line-height: 20px;
	vertical-align: middle;
	margin-bottom:20px;
	margin-top:20px;
	}
	


.cabro .about img {padding-right:10px;}

.cabro .about ul {margin-left:150px;}



.cabro .exercise {
padding-top: 15px;
padding-bottom:5px;
padding-right:20px;
margin-bottom: 10px;
margin-top: 10px;
border-radius: 25px;
border: 2px solid #224176;
max-width:500px;
min-height:115px; 
              display: flex;
  align-items: center;


}

.cabro .exercise img {padding-right:10px;
	margin-top:0px;
}






.cabro .persona {
	background-color:#224176;
	color:#ffffff;
	max-width:302px;
	padding:2px;
	
}

.cabro .persona p {
	color:#ffffff; padding:10px;
	}



.cabro .persona h4 {font-size: 20px; font-weight: bold; color:#ffffff;padding-left:10px;margin:2px;}

.cabro .persona img {margin:0px;}





.cabro .persona2 {
	background-color:#009889;
	color:#ffffff;
	max-width:302px;
	padding:2px;
	
}

.cabro .persona2 p {
	color:#ffffff; padding:10px;margin-top:10px;
	}

.cabro .persona2 h4 {font-size: 20px; font-weight: bold; color:#ffffff;padding-left:10px;margin:2px;}

.cabro .persona2 img {margin:0px;}





.cabro .panel-default, .cabro .block, .cabro .forumpost {
  border-color: #045392; margin-top:20px;
}

.cabro .panel-default > .panel-heading {
   background-color: #045392;
}

.cabro .panel-default > .panel-heading a {
  color: white;
}

.cabro .panel-default > .panel-heading:hover,
.cabro .panel-default > .panel-heading a:hover {
  color: white;
}

.cabro .panel-group {
  max-width: 800px;
}

/* For static panels and notes */
.cabro .panel-default > .panel-heading H4 {
  color: white; font-size:18px; font-weight: bold; margin-top:0px;padding:6px 6px 4px 6px;
}

.cabro .panel-default {
	color:#000000;
	margin-bottom:0px;
	
}





[data-toggle="collapse"] .fa:before {
        content: "\f139";padding:5px;
    }

    [data-toggle="collapse"].collapsed .fa:before {
        content: "\f13a";padding:5px;
    }


.cabro .card-title {
  position: relative;
  display: block;
  margin-bottom: 0;
  }


.cabro .card-title::after {
  content: "\f067";
  font-family: "Font Awesome 6 Free";
  float: right;
}
.cabro .card-title[aria-expanded="true"]::after {
  content: "\f068";
}
.cabro .modal-full {
  min-width: 20%;
  margin-left: 80;
}
.cabro .modal-full .modal-content {
  min-height: 100vh;
}
.cabro .modal-dialog {
  max-width: 70%;
}
.cabro .card p {font-size:14px;
	color:#000000;
	margin-bottom:10px;}

.cabro .card .caption {
  font-size: 12px; 
  color:#333333;
  margin-bottom:15px;
  }


    
/* ========= buttons, collapse & accordion toggles (+/-) ============= */

.cabro .btn {
	font-weight:600;
	border-radius: 5px;
}

.cabro .btn-lg {
	font-size: 16px;
}

.cabro .openclose::after {
  content: "\f067";
  font-family: "Font Awesome 6 Free";
  float: right;
}
.cabro .openclose[aria-expanded="true"]::after {
  content: "\f068";
}

[data-toggle="collapse"] .fa:before {
        content: "\f139";padding:5px;
    }

    [data-toggle="collapse"].collapsed .fa:before {
        content: "\f13a";padding:5px;
    }
    
.toggle::after {
  content: "\f067";
  font-family: "Font Awesome 6 Free";
  float: right;
}
.toggle[aria-expanded="true"]::after {
  content: "\f068";
}
    

/* Tables */

.cabro .table {font-size:14px;
	color:#000000;

	}

.cabro .table, th, td {
   padding: 10px;
}


.cabro .table-responsive {
	color:#000000;
	}
	
	
.cabro .table-bordered p, {
	color:#000000;

	}
	
.cabro .table-bordered ul, .cabro .table-bordered ol {
	color:#000000;
	line-height: 20px;

	}

.cabro .shadow {box-shadow: 5px 6px 5px grey;margin-top:20px;margin-bottom:20px;}