@font-face { font-family: "Grace"; src: url("/local/public/shared/assets/fonts/Grace/Grace-Regular.ttf"); } .cke_panel_list h1, .cke_editable h1 { border-bottom: 3px solid #e1e1e1; color: #ffb718; margin-bottom: 20px; margin-top: 0; font-family: "Roboto Slab", sans-serif; font-size: 36px; font-weight: 500; line-height: 46px; padding: 0 0 10px; } .cke_panel_list h2, .cke_editable h2 { color: #005030; font-family: Montserrat, sans-serif; font-size: 20px; font-weight: 400; line-height: 26px; margin-bottom: 10px; margin-top: 20px; text-transform: uppercase; padding: 0; } .cke_panel_list h3, .cke_editable h3 { color: #5d9731; font-family: Montserrat, sans-serif; font-size: 18px; font-weight: 400; line-height: 26px; margin-bottom: 10px; margin-top: 20px; text-transform: uppercase; padding: 0; } .cke_panel_list h4, .cke_editable h4 { color: #005030; font-family: Montserrat, sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; margin-bottom: 10px; margin-top: 10px; text-transform: uppercase; padding: 0; } .cke_panel_list h5, .cke_editable h5 { color: #5d9731; font-family: Montserrat, sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; margin-bottom: 10px; margin-top: 10px; text-transform: uppercase; padding: 0; } .cke_panel_list h6, .cke_editable h6 { font-family: Montserrat, sans-serif; font-size: 16px; font-weight: 400; line-height: 24px; margin-bottom: 10px; margin-top: 10px; text-transform: uppercase; padding: 0; } .cke_panel_list p, .cke_editable p { font-size: 16px; line-height: 24px; margin-bottom: 20px; margin-top: 0; color: #505050; font-family: Nunito, sans-serif; } .cke_panel_list .primary_button, .cke_editable .primary_button { display: inline-block; margin: 10px 0; padding: 4px 10px; min-width: 200px; border: 0 none; cursor: pointer; background-color: #005030; font-family: "Roboto Slab", sans-serif; font-size: 16px; line-height: 24px; font-weight: 400; color: #ffffff; text-transform: uppercase; text-align: center; } .cke_editable .primary_button:hover { background-color: #898989; } .cke_editable .primary_button a { color: #ffffff; text-decoration: none; } .cke_panel_list .secondary_button, .cke_editable .secondary_button { display: inline-block; margin: 10px 0; padding: 4px 10px; min-width: 200px; border: 0 none; cursor: pointer; background-color: #5d9731; font-family: "Roboto Slab", sans-serif; font-size: 16px; line-height: 24px; font-weight: 400; color: #ffffff; text-transform: uppercase; text-align: center; } .cke_editable .secondary_button:hover { background-color: #898989; } .cke_editable .secondary_button a { color: #ffffff; text-decoration: none; } .graceFont { font-size: 18px; line-height: 24px; font-family: "Grace"; font-weight: normal; } .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; } }