body { color: #1e1f21; font-family: Khula, sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.25rem; } h1 { margin-bottom: 10px; font-family: 'Roboto Slab', sans-serif; color: #2854a1; font-size: 2.4rem; line-height: 2.8rem; font-weight: 300; } h2 { margin-top: 20px; margin-bottom: 10px; font-family: 'Roboto Slab', sans-serif; color: #427d0e; font-size: 1.8rem; line-height: 2.2rem; font-weight: 300; } h3 { margin-top: 20px; margin-bottom: 10px; font-family: Khula, sans-serif; color: #427d0e; font-size: 1.3rem; line-height: 1.8rem; font-weight: 600; } h4 { margin-top: 20px; margin-bottom: 10px; padding-left: 0px; color: #427d0e; font-size: 1.1rem; line-height: 1.5rem; } h5 { margin-top: 20px; margin-bottom: 10px; font-family: Khula, sans-serif; color: #1e1f21; font-size: 1.1rem; line-height: 1.5rem; font-style: italic; font-weight: 400; } h6 { margin-top: 10px; margin-bottom: 10px; font-family: Khula, sans-serif; color: #0a0a0a; font-size: 0.8rem; line-height: 1rem; font-weight: 600; } p { margin-bottom: 12px; padding-right: 0; padding-left: 0; font-family: Khula, sans-serif; color: #1e1f21; font-size: 1rem; line-height: 1.5rem; font-weight: 400; } a { font-weight: 600; padding-bottom: 0; text-decoration: none; background-color: transparent; color: #0a0a0a; } a:hover { transform: none; background-color: transparent; color: #4e841f; text-decoration: underline; } ul { padding-left: 30px; } .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; } }