.elementor-49939 .elementor-element.elementor-element-df36b5a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:-163.8px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:240px;--padding-bottom:85px;--padding-left:30px;--padding-right:30px;}.elementor-49939 .elementor-element.elementor-element-df36b5a:not(.elementor-motion-effects-element-type-background), .elementor-49939 .elementor-element.elementor-element-df36b5a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #C19D7B30 65%, #F5F2EE 50%);}.elementor-49939 .elementor-element.elementor-element-b7d4260{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--border-radius:20px 20px 20px 20px;box-shadow:0px 18px 23px 0px #EEE9E2;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:40px;--padding-right:40px;--z-index:99;}.elementor-49939 .elementor-element.elementor-element-b7d4260:not(.elementor-motion-effects-element-type-background), .elementor-49939 .elementor-element.elementor-element-b7d4260 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-7008656 );}.elementor-49939 .elementor-element.elementor-element-bf15ada{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-49939 .elementor-element.elementor-element-a8ec48a{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-49939 .elementor-element.elementor-element-26ffa99{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:var( --e-global-typography-a7e342e-font-family ), Sans-serif;font-size:var( --e-global-typography-a7e342e-font-size );font-weight:var( --e-global-typography-a7e342e-font-weight );color:var( --e-global-color-2d29a2f );}.elementor-49939 .elementor-element.elementor-element-05bbcc2{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 47px;--row-gap:0px;--column-gap:47px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:100px;--padding-left:30px;--padding-right:30px;}.elementor-49939 .elementor-element.elementor-element-05bbcc2:not(.elementor-motion-effects-element-type-background), .elementor-49939 .elementor-element.elementor-element-05bbcc2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-5ebb109 );}.elementor-49939 .elementor-element.elementor-element-c7e7e2c{--display:flex;}.elementor-49939 .elementor-element.elementor-element-f29a64d{width:var( --container-widget-width, 73% );max-width:73%;--container-widget-width:73%;--container-widget-flex-grow:0;text-align:left;}.elementor-49939 .elementor-element.elementor-element-f29a64d .elementor-heading-title{font-family:var( --e-global-typography-b7346a1-font-family ), Sans-serif;font-size:var( --e-global-typography-b7346a1-font-size );font-weight:var( --e-global-typography-b7346a1-font-weight );line-height:var( --e-global-typography-b7346a1-line-height );color:var( --e-global-color-97e49e5 );}.elementor-49939 .elementor-element.elementor-element-5ddac28{width:initial;max-width:initial;margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:left;font-family:var( --e-global-typography-a3c3890-font-family ), Sans-serif;font-size:var( --e-global-typography-a3c3890-font-size );font-weight:var( --e-global-typography-a3c3890-font-weight );line-height:var( --e-global-typography-a3c3890-line-height );color:var( --e-global-color-97e49e5 );}.elementor-49939 .elementor-element.elementor-element-6425c27{--display:flex;--border-radius:20px 20px 20px 20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:40px;--padding-right:40px;--z-index:99;}.elementor-49939 .elementor-element.elementor-element-6425c27:not(.elementor-motion-effects-element-type-background), .elementor-49939 .elementor-element.elementor-element-6425c27 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-56d8eec );}.elementor-49939 .elementor-element.elementor-element-a903860{text-align:center;}.elementor-49939 .elementor-element.elementor-element-a903860 .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:27px;font-weight:700;line-height:1.4em;color:var( --e-global-color-2d29a2f );}.elementor-49939 .elementor-element.elementor-element-ffdc153{background-color:#005C6D;margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:8px 8px 8px 8px;border-radius:11px 11px 11px 11px;text-align:center;font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;line-height:26px;color:#FFFFFF;}.elementor-49939 .elementor-element.elementor-element-d141597{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;line-height:26px;color:var( --e-global-color-accent );}.elementor-49939 .elementor-element.elementor-element-d141597 a{color:#005C6D;}@media(max-width:1024px){.elementor-49939 .elementor-element.elementor-element-26ffa99{font-size:var( --e-global-typography-a7e342e-font-size );}.elementor-49939 .elementor-element.elementor-element-f29a64d{width:100%;max-width:100%;}.elementor-49939 .elementor-element.elementor-element-f29a64d .elementor-heading-title{font-size:var( --e-global-typography-b7346a1-font-size );line-height:var( --e-global-typography-b7346a1-line-height );}.elementor-49939 .elementor-element.elementor-element-5ddac28{width:100%;max-width:100%;font-size:var( --e-global-typography-a3c3890-font-size );line-height:var( --e-global-typography-a3c3890-line-height );}}@media(min-width:768px){.elementor-49939 .elementor-element.elementor-element-df36b5a{--content-width:896px;}.elementor-49939 .elementor-element.elementor-element-bf15ada{--width:10%;}.elementor-49939 .elementor-element.elementor-element-a8ec48a{--width:90%;}.elementor-49939 .elementor-element.elementor-element-05bbcc2{--content-width:1112px;}.elementor-49939 .elementor-element.elementor-element-6425c27{--width:47%;}}@media(max-width:767px){.elementor-49939 .elementor-element.elementor-element-df36b5a{--margin-top:-117px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:120px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-49939 .elementor-element.elementor-element-b7d4260{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-49939 .elementor-element.elementor-element-45d86a9 img{width:100px;}.elementor-49939 .elementor-element.elementor-element-26ffa99{text-align:center;font-size:var( --e-global-typography-a7e342e-font-size );}.elementor-49939 .elementor-element.elementor-element-05bbcc2{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-49939 .elementor-element.elementor-element-f29a64d .elementor-heading-title{font-size:var( --e-global-typography-b7346a1-font-size );line-height:var( --e-global-typography-b7346a1-line-height );}.elementor-49939 .elementor-element.elementor-element-5ddac28{font-size:var( --e-global-typography-a3c3890-font-size );line-height:var( --e-global-typography-a3c3890-line-height );}.elementor-49939 .elementor-element.elementor-element-6425c27{--width:50%;}.elementor-49939 .elementor-element.elementor-element-ffdc153{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for text-editor, class: .elementor-element-ffdc153 */.info-icon-container { position: relative; display: inline-block; } .info-icon { background-color: #007bff; /* Icon background color */ color: white; /* Icon text color */ border-radius: 50%; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; font-size: 20px; cursor: pointer; box-shadow: 0 0 0 0 rgba(128, 128, 128, 0.5); /* Grey shadow */ animation: pulse 2s infinite ease-out; } @keyframes pulse { 0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(128, 128, 128, 0.5); } 70% { transform: scale(1.03); /* Smaller scale for subtler pulse */ box-shadow: 0 0 0 5px rgba(128, 128, 128, 0); /* Grey shadow */ } 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(128, 128, 128, 0); } } .tooltip-content { visibility: hidden; width: 280px; /* Adjust based on your content */ background-color: black; color: #fff; text-align: left; border-radius: 6px; padding: 15px; position: absolute; z-index: 1000; /* Ensure it's above other elements */ top: 0; /* Align the top of the tooltip with the icon */ left: calc(100% + 10px); /* Position to the left with a gap */ transform: translateY(-50%); /* Adjust vertical position to align with icon */ opacity: 0; transition: opacity 0.3s; /* Adding a small arrow pointing towards the icon */ &:before { content: ""; position: absolute; top: 50%; right: 100%; /* Arrow right outside the tooltip */ margin-top: -5px; border-width: 5px; border-style: solid; border-color: transparent black transparent transparent; } } .info-icon-container:hover .tooltip-content { visibility: visible; opacity: 1; } @media (max-width: 600px) { .tooltip-content { width: 90%; /* Make the tooltip wider on smaller screens */ bottom: 150%; /* Adjust if necessary to fit within mobile screens */ left: 50%; transform: translateX(-50%); } } .practicum-container { max-width: 600px; margin: auto; background-color: #fff; padding-left: 20px; padding-right: 20px; border-radius: 8px; } .instructor { display: flex; align-items: center; /* Ensures vertical centering of children */ gap: 10px; /* Adjust the space between the image and the name */ } .instructor p { margin:0px; } .profile-pic { width: 50px!important; /* Adjust based on your preference */ height: 50px!important; /* Adjust based on your preference */ border-radius: 50%!important; /* Creates a circular image */ object-fit: cover!important; /* Ensures the image covers the area without losing aspect ratio */ } h3 { margin: 0; /* Removes default margin to align better with the image */ font-size: 1.2em; /* Adjust as needed */ } .session h3 { color: #333; font-size: 1.2em; } .dates { list-style: none; padding: 0; } .dates li { background-color: #e9e9e9; margin: 8px 0; padding: 10px; border-radius: 4px; font-size: 0.9em; } @media screen and (max-width: 600px) { .practicum-container { margin: 1px; padding: 5px; } .session h3 { font-size: 1.1em; } .dates { margin:0px;} .dates li { font-size: 0.8em; } }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-d141597 */.info-icon-container { position: relative; display: inline-block; } .info-icon { background-color: #007bff; /* Icon background color */ color: white; /* Icon text color */ border-radius: 50%; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; font-size: 20px; cursor: pointer; box-shadow: 0 0 0 0 rgba(128, 128, 128, 0.5); /* Grey shadow */ animation: pulse 2s infinite ease-out; } @keyframes pulse { 0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(128, 128, 128, 0.5); } 70% { transform: scale(1.03); /* Smaller scale for subtler pulse */ box-shadow: 0 0 0 5px rgba(128, 128, 128, 0); /* Grey shadow */ } 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(128, 128, 128, 0); } } .tooltip-content { visibility: hidden; width: 280px; /* Adjust based on your content */ background-color: black; color: #fff; text-align: left; border-radius: 6px; padding: 15px; position: absolute; z-index: 1000; /* Ensure it's above other elements */ top: 0; /* Align the top of the tooltip with the icon */ left: calc(100% + 10px); /* Position to the left with a gap */ transform: translateY(-50%); /* Adjust vertical position to align with icon */ opacity: 0; transition: opacity 0.3s; /* Adding a small arrow pointing towards the icon */ &:before { content: ""; position: absolute; top: 50%; right: 100%; /* Arrow right outside the tooltip */ margin-top: -5px; border-width: 5px; border-style: solid; border-color: transparent black transparent transparent; } } .info-icon-container:hover .tooltip-content { visibility: visible; opacity: 1; } @media (max-width: 600px) { .tooltip-content { width: 90%; /* Make the tooltip wider on smaller screens */ bottom: 150%; /* Adjust if necessary to fit within mobile screens */ left: 50%; transform: translateX(-50%); } } .practicum-container { max-width: 600px; margin: auto; background-color: #fff; padding-left: 20px; padding-right: 20px; border-radius: 8px; } .instructor { display: flex; align-items: center; /* Ensures vertical centering of children */ gap: 10px; /* Adjust the space between the image and the name */ margin-bottom:17px!important; } .instructor p { margin:0px; } .profile-pic { width: 50px!important; /* Adjust based on your preference */ height: 50px!important; /* Adjust based on your preference */ border-radius: 50%!important; /* Creates a circular image */ object-fit: cover!important; /* Ensures the image covers the area without losing aspect ratio */ } h3 { margin: 0; /* Removes default margin to align better with the image */ font-size: 1.2em; /* Adjust as needed */ } .session h3 { color: #333; font-size: 1.2em; } .dates { list-style: none; padding: 0; } .dates li { background-color: #e9e9e9; margin: 8px 0; padding: 10px; border-radius: 4px; font-size: 0.9em; } @media screen and (max-width: 600px) { .practicum-container { margin: 10px; padding: 15px; } .session h3 { font-size: 1.1em; } .dates li { font-size: 0.8em; } }/* End custom CSS */ /* Start custom CSS */.gm-sticky-header { background-color: #002E50 !important; }/* End custom CSS */