.blue-round-edge-container{text-align:center;} .circle-container{text-align:center;} .green-container{text-align:center;} .light-blue-container{text-align:center;} .small_print{font-size:8pt;} .cke_panel_list h1, .cke_editable h1 { font-size: 46px; font-weight: 400; color: #233d81; font-family: Poppins, sans-serif; line-height: 44px; } .cke_editable h1 { margin-top: 0; margin-bottom: 20px; } .cke_panel_list h2, .cke_editable h2 { color: #233d81; font-size: 32px; font-weight: 400; line-height: 36px; font-family: Poppins, sans-serif; } .cke_editable h2 { margin-top: 20px; margin-bottom: 10px; } .cke_panel_list h3, .cke_editable h3 { color: #233d81; font-family: Poppins, sans-serif; font-size: 22px; font-weight: 400; line-height: 30px; } .cke_editable h3 { margin-top: 20px; margin-bottom: 10px; } .cke_panel_list h4, .cke_editable h4 { color: #233d81; font-size: 18px; font-weight: 400; line-height: 24px; font-family: Poppins, sans-serif; } .cke_editable h4 { margin-top: 10px; margin-bottom: 10px; } .cke_panel_list h5, .cke_editable h5 { color: #233d81; font-size: 14px; font-weight: 500; line-height: 20px; font-family: Poppins, sans-serif; } .cke_editable h5 { margin-top: 10px; margin-bottom: 10px; } .cke_panel_list h6, .cke_editable h6 { color: #233d81; font-size: 12px; font-weight: 500; font-family: Poppins, sans-serif; line-height: 18px; } .cke_editable h6 { margin-top: 10px; margin-bottom: 10px; } .cke_panel_list p, .cke_editable p { color: #333; font-size: 1rem; font-weight: 300; line-height: 1.5rem; font-family: Poppins, sans-serif; } .cke_editable p { margin-bottom: 1rem; } .primary { display: inline-block; padding: 1rem 2rem; font-family: Poppins, sans-serif; transition: transform 0.5s, color 0.5s, background-color 0.5s; border-bottom: 1px solid transparent !important; text-align: center; text-transform: capitalize; font-size: 1rem; line-height: 1.2rem; text-decoration: none; border-radius: 4px; color: #fff !important; background-color: #427d0e !important; } .primary a { color: #fff !important; text-decoration: none; border-bottom: 1px solid transparent !important; } .primary:hover { background-color: #233d81 !important; color: #fff !important; transform: translate(0, -0.3125rem); } .primary:hover a, .primary a:hover { color: #fff !important; } .green-container { padding: 20px 20px; color: #333; background-color: #cdcd7c; font-weight: bold; margin-bottom: 30px; text-align: left; display: inline-block; } .green-container p:last-child { margin-bottom: 0px; } .blue-round-edge-container { padding: 20px 20px; color: #333; background-color: #233d81; font-weight: bold; margin-bottom: 30px; text-align: left; display: inline-block; border-bottom-left-radius: 40px 40px; color: #fff; padding-left: 35px; padding-bottom: 30px; } .blue-round-edge-container p, .blue-round-edge-container a, .blue-round-edge-container a:hover, .blue-round-edge-container td, .blue-round-edge-container li, .blue-round-edge-container span, .blue-round-edge-container h1, .blue-round-edge-container h2, .blue-round-edge-container h3, .blue-round-edge-container h4, .blue-round-edge-container h5, .blue-round-edge-container h6 { color: #fff !important; } .blue-round-edge-container p:last-child { margin-bottom: 0px; } .circle-container { background-color: #233d81; display: inline-block; padding: 13px 18px; border-radius: 100px; color: #fff; font-size: 1.7rem; margin-bottom: 30px; text-align: left; display: inline-block; } .circle-container p, .circle-container a, .circle-container a:hover, .circle-container td, .circle-container li, .circle-container span, .circle-container h1, .circle-container h2, .circle-container h3, .circle-container h4, .circle-container h5, .circle-container h6 { color: #fff !important; } .circle-container p:last-child { margin-bottom: 0px; } .light-blue-container { padding: 20px 20px; color: #333; background-color: #a3afcd; font-weight: bold; margin-bottom: 30px; text-align: left; display: inline-block; } .light-blue-container p:last-child { margin-bottom: 0px; } ol.blue_styled_list { list-style: none; counter-reset: item; padding-left: 0; } ol.blue_styled_list li { counter-increment: item; margin-bottom: 5px; display: flex; width: 100%; align-items: center; margin-bottom: 20px; } ol.blue_styled_list li:before { margin-right: 10px; content: counter(item); background-color: #233d81; padding: 18px 13px; border-radius: 100px; color: #fff; font-weight: bold; font-size: 1.7rem; text-align: left; min-width: 30px; text-align: center; display: inline-block; } p.blue_styled_list_item { padding: 20px 20px; color: #333; background-color: #a3afcd; font-weight: bold; margin-bottom: 0px; margin-top: 0; text-align: left; width: 100%; } ol.yellow_styled_list { list-style: none; counter-reset: item; padding-left: 0; } ol.yellow_styled_list li { counter-increment: item; margin-bottom: 5px; display: flex; width: 100%; align-items: center; margin-bottom: 20px; } ol.yellow_styled_list li:before { margin-right: 10px; content: counter(item); background-color: transparent; border: 1px solid #000000; padding: 18px 13px; border-radius: 100px; color: #333; font-weight: bold; font-size: 1.7rem; text-align: left; min-width: 30px; text-align: center; display: inline-block; } p.yellow_styled_list_item { padding: 20px 20px; color: #333; background-color: #b7b568; font-weight: bold; margin-bottom: 0px; margin-top: 0; text-align: left; width: 100%; } ol.yellow_styled_list li:nth-child(even) p { background-color: #d4d470; } .cke_youtube { border: solid 1px #a9a9a9; background: url(/core/public/shared/assets/js/ckeditor/plugins/gripfilebrowser/images/ck_youtubelogo.gif) no-repeat center center; } .cke_video { border: solid 1px #a9a9a9; background: url(/core/public/shared/assets/js/ckeditor/plugins/gripfilebrowser/images/ck_video.jpg) no-repeat center center; } .cke_audiofile { border: solid 1px #a9a9a9; background: url(/core/public/shared/assets/js/ckeditor/plugins/gripfilebrowser/images/cke_audiofilelogo.gif) no-repeat center center; } .cke_chart { border: solid 1px #a9a9a9; background: url(/core/public/shared/assets/js/ckeditor/plugins/gripfilebrowser/images/ck_chart.gif) no-repeat center center; max-height: 300px; } .cke_slideshow { border: solid 1px #a9a9a9; background: url(/core/public/shared/assets/js/ckeditor/plugins/gripfilebrowser/images/ck_slideshow.jpg) no-repeat center center; } .cke_widget_wrapper .ckegripfile-wrapper, .cke_editable .ckegripfile-preview, .ckegripfile-data { display:none; font-size: 0; line-height: 0; } .cke_widget_wrapper .ckegripfile-widget-preview { padding: 8px; margin-bottom: 3px; background-color: #f2f2f2; border: 1px solid #cccccc; border-radius: 5px; font-size: inherit; display: block; line-height: normal; } .ckegripfile-title { background-position: 0 1px; background-repeat: no-repeat; padding: 0 22px; position: relative; } .ckegripfile-title p { margin: 0; padding: 0; line-height: normal; } .ckegripfile-description { padding: 0 22px; } .ckegripfile-description p { margin: 0; padding: 0; line-height: normal; font-style: italic; }.cke_youtube { border: solid 1px #a9a9a9; background: url(/core/public/shared/assets/js/ckeditor/plugins/gripfilebrowser/images/ck_youtubelogo.gif) no-repeat center center; } .cke_video { border: solid 1px #a9a9a9; background: url(/core/public/shared/assets/js/ckeditor/plugins/gripfilebrowser/images/ck_video.jpg) no-repeat center center; } .cke_audiofile { border: solid 1px #a9a9a9; background: url(/core/public/shared/assets/js/ckeditor/plugins/gripfilebrowser/images/cke_audiofilelogo.gif) no-repeat center center; } .cke_chart { border: solid 1px #a9a9a9; background: url(/core/public/shared/assets/js/ckeditor/plugins/gripfilebrowser/images/ck_chart.gif) no-repeat center center; max-height: 300px; } .cke_slideshow { border: solid 1px #a9a9a9; background: url(/core/public/shared/assets/js/ckeditor/plugins/gripfilebrowser/images/ck_slideshow.jpg) no-repeat center center; } .cke_widget_wrapper .ckegripfile-wrapper, .cke_editable .ckegripfile-preview, .ckegripfile-data { display:none; font-size: 0; line-height: 0; } .cke_widget_wrapper .ckegripfile-widget-preview { padding: 8px; margin-bottom: 3px; background-color: #f2f2f2; border: 1px solid #cccccc; border-radius: 5px; font-size: inherit; display: block; line-height: normal; } .ckegripfile-title { background-position: 0 1px; background-repeat: no-repeat; padding: 0 22px; position: relative; } .ckegripfile-title p { margin: 0; padding: 0; line-height: normal; } .ckegripfile-description { padding: 0 22px; } .ckegripfile-description p { margin: 0; padding: 0; line-height: normal; font-style: italic; } .grip-grid { display: grid; grid-column-gap: 1rem; grid-template-columns: 1fr; grid-template-areas: "first"; margin-bottom: 1rem; } .grip-grid > div { display: none; background-color: #fff; } .grip-grid > div:first-child { display: block; } .grip-grid[columns="2"] > div:nth-child(2) { display: block; } .grip-grid[columns="3"] > div:nth-child(2), .grip-grid[columns="3"] > div:nth-child(3) { display: block; } .grip-grid[columns="4"] > div:nth-child(2), .grip-grid[columns="4"] > div:nth-child(3), .grip-grid[columns="4"] > div:nth-child(4) { display: block; } .grip-grid > :nth-child(1) { grid-area: first; min-width: 0; } .grip-grid > :nth-child(2) { grid-area: second; min-width: 0; } .grip-grid > :nth-child(3) { grid-area: third; min-width: 0; } .grip-grid > :nth-child(4) { grid-area: fourth; min-width: 0; } .grip-grid[columns="2"] { grid-template-columns: repeat( 2, 1fr ); grid-template-areas: "first second"; } .grip-grid[layout="33-67"] { grid-template-columns: 1fr 2fr; } .grip-grid[layout="67-33"] { grid-template-columns: 2fr 1fr; } .grip-grid[layout="25-75"] { grid-template-columns: 1fr 3fr; } .grip-grid[layout="75-25"] { grid-template-columns: 3fr 1fr; } .grip-grid[columns="3"] { grid-template-columns: repeat( 3, 1fr ); grid-template-areas: "first second third"; } .grip-grid[layout="25-50-25"] { grid-template-columns: 1fr 2fr 1fr; } .grip-grid[layout="25-25-50"] { grid-template-columns: 1fr 1fr 2fr; } .grip-grid[layout="50-25-25"] { grid-template-columns: 2fr 1fr 1fr; } .grip-grid[columns="4"] { grid-template-columns: repeat( 4, 1fr ); grid-template-areas: "first second third fourth"; } .grip-grid[gap="0"] { grid-column-gap: 0; } .grip-grid[gap="1"] { grid-column-gap: 0.25rem; } .grip-grid[gap="2"] { grid-column-gap: 0.5rem; } .grip-grid[gap="4"] { grid-column-gap: 1.5rem; } .grip-grid[gap="5"] { grid-column-gap: 2rem; } .grip-grid[gap="6"] { grid-column-gap: 4rem; } .grip-grid[cwidth="shrink"] { width: 75%; margin-left: auto; margin-right: auto; } .grip-grid[cwidth="overflow"], .grip-grid[cwidth="full"] { margin-left: -8px; margin-right: -8px; } .grip-grid[vmargin="1"] { margin-top: 0.25rem; margin-bottom: 0.25rem; } .grip-grid[vmargin="2"] { margin-top: 0.5rem; margin-bottom: 0.5rem; } .grip-grid[vmargin="3"] { margin-top: 1.5rem; margin-bottom: 1.5rem; } .grip-grid[vmargin="4"] { margin-top: 1.5rem; margin-bottom: 1.5rem; } .grip-grid[vmargin="5"] { margin-top: 2rem; margin-bottom: 2rem; } .grip-grid[vmargin="6"] { margin-top: 4rem; margin-bottom: 4rem; } .grip-grid > div > :last-child { margin-bottom: 0; } @media screen and ( max-width: 767px ) { .grip-grid[responsive][columns="4"] { grid-template-columns: 1fr 1fr; grid-template-areas: "first second" "third fourth"; } .grip-grid[responsive][columns="3"] { grid-template-columns: 1fr; grid-template-areas: "first" "second" "third"; } .grip-grid[responsive][layout="25-25-50"], .grip-grid[responsive][layout="50-25-25"] { grid-template-columns: repeat( 12, 1fr ); } .grip-grid[responsive][layout="50-25-25"] { grid-template-areas: "first"; } .grip-grid[responsive][layout="50-25-25"] > div:nth-child(1) { grid-column: span 12; } .grip-grid[responsive][layout="50-25-25"] > div:nth-child(2), .grip-grid[responsive][layout="50-25-25"] > div:nth-child(3) { grid-column: span 6; } .grip-grid[responsive][layout="25-25-50"] { grid-template-areas: "first second"; } .grip-grid[responsive][layout="25-25-50"] > div:nth-child(1), .grip-grid[responsive][layout="25-25-50"] > div:nth-child(2) { grid-column: span 6; } .grip-grid[responsive][layout="25-25-50"] > div:nth-child(3) { grid-column: span 12; } } @media screen and ( max-width: 479px ) { .grip-grid[responsive][columns="4"], .grip-grid[responsive][columns="3"], .grip-grid[responsive][columns="2"] { grid-template-columns: 1fr; grid-template-areas: "first" "second" "third" "fourth"; } .grip-grid[responsive][columns="4"] > div, .grip-grid[responsive][columns="3"] > div, .grip-grid[responsive][columns="2"] > div { grid-column: unset !important; } }