merge with dev

assets/dist/css/admin.min.css

@@ -1 +1,30 @@
-.block-editor__container .wp-block,body.gutenberg-editor-page .editor-block-list__block,body.gutenberg-editor-page .editor-default-block-appender,body.gutenberg-editor-page .editor-post-title__block{max-width:none!important}.edit-post-text-editor__body{max-width:none!important;margin-left:2%;margin-right:2%}.tutorstarter-metabox{display:flex;flex-direction:column;align-items:flex-start}.tutorstarter-meta-field{justify-content:flex-start;display:flex;flex-direction:column;margin:5px 0;width:100%}
+body.gutenberg-editor-page .editor-post-title__block,
+body.gutenberg-editor-page .editor-default-block-appender,
+body.gutenberg-editor-page .editor-block-list__block {
+  max-width: none !important;
+}
+
+.block-editor__container .wp-block {
+  max-width: none !important;
+}
+
+.edit-post-text-editor__body {
+  max-width: none !important;
+  margin-left: 2%;
+  margin-right: 2%;
+}
+
+.tutorstarter-metabox {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+}
+
+.tutorstarter-meta-field {
+  justify-content: flex-start;
+  display: flex;
+  flex-direction: column;
+  margin: 5px 0;
+  width: 100%;
+}
+

assets/dist/css/all-controls.min.css

@@ -1 +1,486 @@
-@charset "UTF-8";.tutorstarter-units{margin-left:auto}.tutorstarter-units button.components-button{border:none;color:#7e8993;text-transform:uppercase;font-weight:600;font-size:10px;background:none;padding:2px 3px;line-height:10px;height:auto;border-radius:2px;min-width:20px;margin-left:3px;text-align:center;display:flex;justify-content:center}.tutorstarter-units button.components-button.active{background:#7e8993;color:#fff}.tutorstarter-units button.components-button.active.alone{background-color:#007cba;text-shadow:none}#customize-controls .wp-full-overlay-sidebar-content{background:#f3f3f3}.wp-picker-container .wp-color-result.button{border:1px solid #ccc!important;border-radius:3px!important}.customize-control{margin-bottom:20px!important}.customize-control input[type=text]{border:1px solid #ccc!important;border-radius:3px!important}.components-input-control__input,.components-select-control__input,.customize-control input[type=number],.customize-control input[type=text],select#_customize-input-blog_grid_selected{color:#585b5c!important;background:#e8e8e8!important}.components-input-control__backdrop,.customize-control input[type=number],select#_customize-input-blog_grid_selected{border:1px solid #ccc!important;border-radius:3px!important}.tutorstarter-control-header{margin-bottom:7px}.tutorstarter-background-control .customize-control-description{margin-bottom:0!important;margin-top:10px!important}.tutorstarter-background-control{border:1px solid #f3f3f3;border-radius:3px;padding:10px;background:#e8e8e8}.flex-contents{display:flex;align-items:center}.tutorstarter-responsive-control-header{display:flex;align-items:center;padding-bottom:5px}.tutorstarter-responsive-control-bar{display:flex;align-items:center;margin-left:14px}.tutorstarter-responsive-control-bar .customize-control-title{margin:0 0 10px}.tutorstarter-responsive-control-bar .components-button-group{display:flex;border:none}.tutorstarter-responsive-control-bar button{height:auto;box-shadow:none!important;padding:3px 4px!important}.tutorstarter-responsive-control-bar button .dashicon,.tutorstarter-responsive-control-bar button svg{fill:#007cba!important;height:15px;width:16px;font-size:16px}.preview-desktop .tutorstarter-responsive-control-bar button.desktop .dashicon,.preview-mobile .tutorstarter-responsive-control-bar button.mobile .dashicon,.preview-tablet .tutorstarter-responsive-control-bar button.tablet .dashicon{color:#7e8993}.tutorstarter-typeface-control .font-family-selector-toggle{width:100%;height:35px;align-items:center;justify-content:center;display:flex;border:1px solid #ccc;box-shadow:none;background-color:#e8e8e8}.tutorstarter-typeface-control .font-family-selector-toggle .ff-name{color:#585b5c;width:65%;overflow:hidden;text-overflow:ellipsis;line-height:1;text-align:left}.tutorstarter-typeface-control .font-family-selector-toggle .ff-preview{color:#585b5c!important;line-height:1;margin-left:auto;font-size:21px}.tutorstarter-typeface-control .popover-content{position:relative;display:block;width:300px!important;background:#e8e8e8}.tutorstarter-typeface-control .popover-header{position:absolute;top:-40px}.tutorstarter-typeface-control .search{display:flex;align-items:center;justify-content:center;background-color:#e8e8e8;box-shadow:0 5px 5px -3px rgba(0,0,0,.2);border-bottom:1px solid #ccc;padding:5px;width:300px;top:0;box-sizing:border-box}.tutorstarter-typeface-control .search .components-base-control__field{margin-bottom:0}.tutorstarter-typeface-control .search .components-base-control__field input{height:25px;width:100%}.tutorstarter-typeface-control .search .components-base-control{width:85%}.tutorstarter-typeface-control .search .close-font-selector{padding:0 5px;margin-left:auto}.tutorstarter-typeface-control .components-popover__content{overflow:hidden!important}.tutorstarter-typeface-control .tutorstarter-fonts-list{max-height:400px;margin-top:40px;overflow:auto}.tutorstarter-typeface-control .tutorstarter-fonts-list .load-more{padding:10px 0}.tutorstarter-typeface-control .tutorstarter-fonts-list .load-more svg{fill:#7e8993}.tutorstarter-typeface-control .tutorstarter-fonts-list li{margin:0}.tutorstarter-typeface-control .tutorstarter-fonts-list li.selected a{background-color:#0b69da;color:#fff}.tutorstarter-typeface-control .tutorstarter-fonts-list li.no-result{opacity:.75;font-weight:600;padding:10px 0}.tutorstarter-typeface-control .tutorstarter-fonts-list li.font-group-header{text-align:left;padding:5px 10px;font-size:15px;font-weight:600;background-color:#e8e8e8}.tutorstarter-typeface-control .tutorstarter-fonts-list li a{align-items:center;display:flex;padding:5px 10px;transition:.2s ease;color:#333;border-bottom:1px solid #efefef}.tutorstarter-typeface-control .tutorstarter-fonts-list li a:hover{color:#fff;background-color:#0073aa}.tutorstarter-typeface-control .tutorstarter-fonts-list li a .tutorstarter-font-family{font-size:14px;font-weight:400;text-align:left;max-width:75%;overflow:hidden;text-overflow:ellipsis}.tutorstarter-typeface-control .tutorstarter-fonts-list li a .tutorstarter-font-preview{line-height:normal;font-display:swap;margin-left:auto;font-size:20px}.tutorstarter-typeface-control .select-inline{margin-bottom:10px;display:flex;align-items:center}.tutorstarter-typeface-control .select-inline>.customize-control-title{margin:0;max-width:35%}.tutorstarter-typeface-control .select-inline>*{flex-grow:1}.tutorstarter-typeface-control .select-inline select{border-radius:0;border-color:#7e8993}.tutorstarter-typeface-control .select-inline .components-base-control__field{margin:0}.tutorstarter-toggle-control>.components-base-control__field,.tutorstarter-toggle-control label{margin-bottom:0!important}.tutorstarter-radio-image{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start}.tutorstarter-radio-image .option{text-align:center;padding:5px}.tutorstarter-radio-image label{margin:0 auto;flex-direction:column;display:flex}.tutorstarter-radio-image span{margin-top:7px;color:#7e8993;font-weight:800;font-size:8px;line-height:18px;text-transform:uppercase}.tutorstarter-radio-image button{cursor:pointer;border:none;padding:0}.tutorstarter-radio-image button.active{padding:4px;outline:3px solid #007cba}.tutorstarter-radio-image button img{width:100%;display:block}#customize-control-header_type_select .tutorstarter-radio-image{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}#customize-control-header_type_select .tutorstarter-radio-image .option{text-align:center;padding:5px}#customize-control-header_type_select .tutorstarter-radio-image label{margin:0 auto;flex-direction:column;display:flex}#customize-control-header_type_select .tutorstarter-radio-image span{margin-top:7px;color:#7e8993;font-weight:800;font-size:9px;line-height:18px;text-transform:uppercase}#customize-control-header_type_select .tutorstarter-radio-image button{cursor:pointer;border:none;padding:0}#customize-control-header_type_select .tutorstarter-radio-image button.active{padding:4px;outline:3px solid #007cba}#customize-control-header_type_select .tutorstarter-radio-image button img{width:100%;display:block}input.input-collapsible{position:absolute;opacity:0;z-index:-1}.tutorstarter-accordions{border-radius:3px;overflow:hidden}.tutorstarter-single-accordion{width:100%;color:#585b5c;overflow:hidden}.tutorstarter-single-accordion-label{display:flex;justify-content:space-between;padding:1em;background:#e8e8e8;font-weight:700;cursor:pointer}.tutorstarter-single-accordion-label:hover{background:#cfcfcf}.tutorstarter-single-accordion-label:after{content:"\276F";width:1em;height:1em;text-align:center;transition:all .35s}.tutorstarter-single-accordion-content{max-height:0;padding:0 1em;color:#585b5c;background:#e8e8e8;transition:all .35s}.tutorstarter-single-accordion-close{display:flex;justify-content:flex-end;padding:1em;font-size:.75em;background:#e8e8e8;cursor:pointer}.tutorstarter-single-accordion-close:hover,input.input-collapsible:checked+.tutorstarter-single-accordion-label{background:#cfcfcf}input.input-collapsible:checked+.tutorstarter-single-accordion-label:after{transform:rotate(90deg)}input.input-collapsible:checked~.tutorstarter-single-accordion-content{opacity:1;max-height:100vh;padding:1em}.color-control{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.color-box{width:50px;height:25px;border:1px solid #000}.color-popup{position:relative;z-index:2}
+@charset "UTF-8";
+
+.tutorstarter-units {
+  margin-left: auto;
+}
+
+.tutorstarter-units button.components-button {
+  border: none;
+  color: #7e8993;
+  text-transform: uppercase;
+  font-weight: 600;
+  font-size: 10px;
+  background: none;
+  padding: 2px 3px;
+  line-height: 10px;
+  height: auto;
+  border-radius: 2px;
+  min-width: 20px;
+  margin-left: 3px;
+  text-align: center;
+  display: flex;
+  justify-content: center;
+}
+
+.tutorstarter-units button.components-button.active {
+  background: #7e8993;
+  color: #fff;
+}
+
+.tutorstarter-units button.components-button.active.alone {
+  background-color: #007cba;
+  text-shadow: none;
+}
+
+#customize-controls .wp-full-overlay-sidebar-content {
+  background: #F3F3F3;
+}
+
+.wp-picker-container .wp-color-result.button {
+  border: 1px solid #CCCCCC !important;
+  border-radius: 3px !important;
+}
+
+.customize-control {
+  margin-bottom: 20px !important;
+}
+
+.customize-control input[type=text] {
+  border: 1px solid #CCCCCC !important;
+  border-radius: 3px !important;
+}
+
+.components-select-control__input,
+.components-input-control__input,
+.customize-control input[type=number],
+.customize-control input[type=text],
+select#_customize-input-blog_grid_selected {
+  color: #585b5c !important;
+  background: #E8E8E8 !important;
+}
+
+.components-input-control__backdrop,
+.customize-control input[type=number],
+select#_customize-input-blog_grid_selected {
+  border: 1px solid #CCCCCC !important;
+  border-radius: 3px !important;
+}
+
+.tutorstarter-control-header {
+  margin-bottom: 7px;
+}
+
+.tutorstarter-background-control .customize-control-description {
+  margin-bottom: 0 !important;
+  margin-top: 10px !important;
+}
+
+.tutorstarter-background-control {
+  border: 1px solid #F3F3F3;
+  border-radius: 3px;
+  padding: 10px;
+  background: #E8E8E8;
+}
+
+.flex-contents {
+  display: flex;
+  align-items: center;
+}
+
+.tutorstarter-responsive-control-header {
+  display: flex;
+  align-items: center;
+  padding-bottom: 5px;
+}
+
+.tutorstarter-responsive-control-bar {
+  display: flex;
+  align-items: center;
+  margin-left: 14px;
+}
+
+.tutorstarter-responsive-control-bar .customize-control-title {
+  margin: 0 0 10px;
+}
+
+.tutorstarter-responsive-control-bar .components-button-group {
+  display: flex;
+  border: none;
+}
+
+.tutorstarter-responsive-control-bar button {
+  height: auto;
+  box-shadow: none !important;
+  padding: 3px 4px !important;
+}
+
+.tutorstarter-responsive-control-bar button svg,
+.tutorstarter-responsive-control-bar button .dashicon {
+  fill: #007cba !important;
+  height: 15px;
+  width: 16px;
+  font-size: 16px;
+}
+
+.preview-mobile .tutorstarter-responsive-control-bar button.mobile .dashicon {
+  color: #7e8993;
+}
+
+.preview-tablet .tutorstarter-responsive-control-bar button.tablet .dashicon {
+  color: #7e8993;
+}
+
+.preview-desktop .tutorstarter-responsive-control-bar button.desktop .dashicon {
+  color: #7e8993;
+}
+
+.tutorstarter-typeface-control .font-family-selector-toggle {
+  width: 100%;
+  height: 35px;
+  align-items: center;
+  justify-content: center;
+  display: flex;
+  border: 1px solid #CCCCCC;
+  box-shadow: none;
+  background-color: #E8E8E8;
+}
+
+.tutorstarter-typeface-control .font-family-selector-toggle .ff-name {
+  color: #585b5c;
+  width: 65%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  line-height: 1;
+  text-align: left;
+}
+
+.tutorstarter-typeface-control .font-family-selector-toggle .ff-preview {
+  color: #585b5c !important;
+  line-height: 1;
+  margin-left: auto;
+  font-size: 21px;
+}
+
+.tutorstarter-typeface-control .popover-content {
+  position: relative;
+  display: block;
+  width: 300px !important;
+  background: #E8E8E8;
+}
+
+.tutorstarter-typeface-control .popover-header {
+  position: absolute;
+  top: -40px;
+}
+
+.tutorstarter-typeface-control .search {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: #E8E8E8;
+  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2);
+  border-bottom: 1px solid #CCCCCC;
+  padding: 5px;
+  width: 300px;
+  top: 0;
+  box-sizing: border-box;
+}
+
+.tutorstarter-typeface-control .search .components-base-control__field {
+  margin-bottom: 0;
+}
+
+.tutorstarter-typeface-control .search .components-base-control__field input {
+  height: 25px;
+  width: 100%;
+}
+
+.tutorstarter-typeface-control .search .components-base-control {
+  width: 85%;
+}
+
+.tutorstarter-typeface-control .search .close-font-selector {
+  padding: 0 5px;
+  margin-left: auto;
+}
+
+.tutorstarter-typeface-control .components-popover__content {
+  overflow: hidden !important;
+}
+
+.tutorstarter-typeface-control .tutorstarter-fonts-list {
+  max-height: 400px;
+  margin-top: 40px;
+  overflow: auto;
+}
+
+.tutorstarter-typeface-control .tutorstarter-fonts-list .load-more {
+  padding: 10px 0;
+}
+
+.tutorstarter-typeface-control .tutorstarter-fonts-list .load-more svg {
+  fill: #7e8993;
+}
+
+.tutorstarter-typeface-control .tutorstarter-fonts-list li {
+  margin: 0;
+}
+
+.tutorstarter-typeface-control .tutorstarter-fonts-list li.selected a {
+  background-color: #0b69da;
+  color: #fff;
+}
+
+.tutorstarter-typeface-control .tutorstarter-fonts-list li.no-result {
+  opacity: 0.75;
+  font-weight: 600;
+  padding: 10px 0;
+}
+
+.tutorstarter-typeface-control .tutorstarter-fonts-list li.font-group-header {
+  text-align: left;
+  padding: 5px 10px;
+  font-size: 15px;
+  font-weight: 600;
+  background-color: #E8E8E8;
+}
+
+.tutorstarter-typeface-control .tutorstarter-fonts-list li a {
+  align-items: center;
+  display: flex;
+  padding: 5px 10px;
+  transition: 0.2s ease;
+  color: #333;
+  border-bottom: 1px solid #efefef;
+}
+
+.tutorstarter-typeface-control .tutorstarter-fonts-list li a:hover {
+  color: #fff;
+  background-color: #0073aa;
+}
+
+.tutorstarter-typeface-control .tutorstarter-fonts-list li a .tutorstarter-font-family {
+  font-size: 14px;
+  font-weight: 400;
+  text-align: left;
+  max-width: 75%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.tutorstarter-typeface-control .tutorstarter-fonts-list li a .tutorstarter-font-preview {
+  line-height: initial;
+  font-display: swap;
+  margin-left: auto;
+  font-size: 20px;
+}
+
+.tutorstarter-typeface-control .select-inline {
+  margin-bottom: 10px;
+  display: flex;
+  align-items: center;
+}
+
+.tutorstarter-typeface-control .select-inline > .customize-control-title {
+  margin: 0;
+  max-width: 35%;
+}
+
+.tutorstarter-typeface-control .select-inline > * {
+  flex-grow: 1;
+}
+
+.tutorstarter-typeface-control .select-inline select {
+  border-radius: 0;
+  border-color: #7e8993;
+}
+
+.tutorstarter-typeface-control .select-inline .components-base-control__field {
+  margin: 0;
+}
+
+.tutorstarter-toggle-control > .components-base-control__field,
+.tutorstarter-toggle-control label {
+  margin-bottom: 0 !important;
+}
+
+.tutorstarter-radio-image {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: flex-start;
+}
+
+.tutorstarter-radio-image .option {
+  text-align: center;
+  padding: 5px;
+}
+
+.tutorstarter-radio-image label {
+  margin: 0 auto;
+  flex-direction: column;
+  display: flex;
+}
+
+.tutorstarter-radio-image span {
+  margin-top: 7px;
+  color: #7e8993;
+  font-weight: 800;
+  font-size: 8px;
+  line-height: 18px;
+  text-transform: uppercase;
+}
+
+.tutorstarter-radio-image button {
+  cursor: pointer;
+  border: none;
+  padding: 0;
+}
+
+.tutorstarter-radio-image button.active {
+  padding: 4px;
+  outline: 3px solid #007cba;
+}
+
+.tutorstarter-radio-image button img {
+  width: 100%;
+  display: block;
+}
+
+#customize-control-header_type_select .tutorstarter-radio-image {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-start;
+}
+
+#customize-control-header_type_select .tutorstarter-radio-image .option {
+  text-align: center;
+  padding: 5px;
+}
+
+#customize-control-header_type_select .tutorstarter-radio-image label {
+  margin: 0 auto;
+  flex-direction: column;
+  display: flex;
+}
+
+#customize-control-header_type_select .tutorstarter-radio-image span {
+  margin-top: 7px;
+  color: #7e8993;
+  font-weight: 800;
+  font-size: 9px;
+  line-height: 18px;
+  text-transform: uppercase;
+}
+
+#customize-control-header_type_select .tutorstarter-radio-image button {
+  cursor: pointer;
+  border: none;
+  padding: 0;
+}
+
+#customize-control-header_type_select .tutorstarter-radio-image button.active {
+  padding: 4px;
+  outline: 3px solid #007cba;
+}
+
+#customize-control-header_type_select .tutorstarter-radio-image button img {
+  width: 100%;
+  display: block;
+}
+
+input.input-collapsible {
+  position: absolute;
+  opacity: 0;
+  z-index: -1;
+}
+
+/* Accordion styles */
+
+.tutorstarter-accordions {
+  border-radius: 3px;
+  overflow: hidden;
+}
+
+.tutorstarter-single-accordion {
+  width: 100%;
+  color: #585b5c;
+  overflow: hidden;
+}
+
+.tutorstarter-single-accordion-label {
+  display: flex;
+  justify-content: space-between;
+  padding: 1em;
+  background: #E8E8E8;
+  font-weight: bold;
+  cursor: pointer;
+  /* Icon */
+}
+
+.tutorstarter-single-accordion-label:hover {
+  background: #cfcfcf;
+}
+
+.tutorstarter-single-accordion-label::after {
+  content: "\276F";
+  width: 1em;
+  height: 1em;
+  text-align: center;
+  transition: all 0.35s;
+}
+
+.tutorstarter-single-accordion-content {
+  max-height: 0;
+  padding: 0 1em;
+  color: #585b5c;
+  background: #E8E8E8;
+  transition: all 0.35s;
+}
+
+.tutorstarter-single-accordion-close {
+  display: flex;
+  justify-content: flex-end;
+  padding: 1em;
+  font-size: 0.75em;
+  background: #E8E8E8;
+  cursor: pointer;
+}
+
+.tutorstarter-single-accordion-close:hover {
+  background: #cfcfcf;
+}
+
+input.input-collapsible:checked + .tutorstarter-single-accordion-label {
+  background: #cfcfcf;
+}
+
+input.input-collapsible:checked + .tutorstarter-single-accordion-label::after {
+  transform: rotate(90deg);
+}
+
+input.input-collapsible:checked ~ .tutorstarter-single-accordion-content {
+  opacity: 1;
+  max-height: 100vh;
+  padding: 1em;
+}
+
+.color-control {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.color-box {
+  width: 50px;
+  height: 25px;
+  border: 1px solid #000;
+}
+
+.color-popup {
+  position: relative;
+  z-index: 2;
+}
+

assets/dist/css/dashboard.min.css

@@ -1 +1,98 @@
-.ocdi__intro-text,.ocdi__title{display:none}li#toplevel_page_tutorstarter a .dashicons-before img{width:18px;margin-left:10px;margin-top:-1px}.tutorstarter-opt-wrapper{background:#f1f1f1;color:#333;font-family:inherit;font-size:14px;line-height:1.4em;padding-bottom:30px}.tutorstarter-opt-container{max-width:100%;margin:0 auto}@media screen and (min-width:992px){.tutorstarter-opt-container{width:80%}}@media screen and (max-width:991px){.tutorstarter-opt-container{width:100%}}.tutorstarter-opt-header{background-color:transparent;text-align:center;padding:20px;margin-bottom:20px}.tutorstarter-opt-header .header-content{display:flex;align-items:center;justify-content:center}.tutorstarter-opt-header .header-content .thm-title{font-size:inherit;margin-right:10px}.tutorstarter-opt-container .tutorstarter-opt-content{width:100%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.tutorstarter-opt-container .tutorstarter-opt-content .tutorstarter-opt-card{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;background:#fff;margin:20px;width:25%;min-height:200px;padding:20px;border-radius:5px;box-shadow:0 1px 1px rgba(0,0,0,.15);transition:.35s linear;text-decoration:none}.tutorstarter-opt-container .tutorstarter-opt-content .tutorstarter-opt-card span{font-size:25px}.tutorstarter-opt-container .tutorstarter-opt-content .tutorstarter-opt-card p{font-size:17px}.tutorstarter-opt-container .tutorstarter-opt-content .tutorstarter-opt-card:hover{box-shadow:0 30px 60px -10px rgba(0,28,73,.15)}@media screen and (max-width:767px){.tutorstarter-opt-container .tutorstarter-opt-content .tutorstarter-opt-card{width:100%}}
+.ocdi__title,
+.ocdi__intro-text {
+  display: none;
+}
+
+li#toplevel_page_tutorstarter a .dashicons-before img {
+  width: 18px;
+  margin-left: 10px;
+  margin-top: -1px;
+}
+
+.tutorstarter-opt-wrapper {
+  background: #f1f1f1;
+  color: #333;
+  font-family: inherit;
+  font-size: 14px;
+  line-height: 1.4em;
+  padding-bottom: 30px;
+}
+
+.tutorstarter-opt-container {
+  max-width: 100%;
+  margin: 0 auto;
+}
+
+@media screen and (min-width: 992px) {
+  .tutorstarter-opt-container {
+    width: 80%;
+  }
+}
+
+@media screen and (max-width: 991px) {
+  .tutorstarter-opt-container {
+    width: 100%;
+  }
+}
+
+.tutorstarter-opt-header {
+  background-color: transparent;
+  text-align: center;
+  padding: 20px;
+  margin-bottom: 20px;
+}
+
+.tutorstarter-opt-header .header-content {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.tutorstarter-opt-header .header-content .thm-title {
+  font-size: inherit;
+  margin-right: 10px;
+}
+
+.tutorstarter-opt-container .tutorstarter-opt-content {
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-wrap: wrap;
+}
+
+.tutorstarter-opt-container .tutorstarter-opt-content .tutorstarter-opt-card {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  flex-grow: 1;
+  background: #ffffff;
+  margin: 20px;
+  width: 25%;
+  min-height: 200px;
+  padding: 20px;
+  border-radius: 5px;
+  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);
+  transition: 0.35s linear;
+  text-decoration: none;
+}
+
+.tutorstarter-opt-container .tutorstarter-opt-content .tutorstarter-opt-card span {
+  font-size: 25px;
+}
+
+.tutorstarter-opt-container .tutorstarter-opt-content .tutorstarter-opt-card p {
+  font-size: 17px;
+}
+
+.tutorstarter-opt-container .tutorstarter-opt-content .tutorstarter-opt-card:hover {
+  box-shadow: 0px 30px 60px -10px rgba(0, 28, 73, 0.15);
+}
+
+@media screen and (max-width: 767px) {
+  .tutorstarter-opt-container .tutorstarter-opt-content .tutorstarter-opt-card {
+    width: 100%;
+  }
+}
+

assets/dist/mix-manifest.json

@@ -1,12 +1,12 @@
 {
-    "/js/app.min.js": "/js/app.min.js?id=b34a86a4da12d040670f",
-    "/css/style.min.css": "/css/style.min.css?id=257b1224fcf0aabfa350",
-    "/css/admin.min.css": "/css/admin.min.css?id=941b28c10c88d51f4b00",
-    "/css/all-controls.min.css": "/css/all-controls.min.css?id=69d3124b4286ed252246",
-    "/css/dashboard.min.css": "/css/dashboard.min.css?id=bc54822321d5ba2b3277",
-    "/js/customizer-controls.js": "/js/customizer-controls.js?id=ca76841889c3bce692d9",
-    "/js/customizer-preview.min.js": "/js/customizer-preview.min.js?id=ffbb2be929e5c175721b",
-    "/js/tutor-schema.js": "/js/tutor-schema.js?id=a2cf2264c216ad31d97f",
-    "/js/tutorstarter-dashboard.js": "/js/tutorstarter-dashboard.js?id=525f2228737c499e3748",
-    "/js/tutorstarter-page-settings.js": "/js/tutorstarter-page-settings.js?id=c82eb561faf32c141709"
+    "/js/app.min.js": "/js/app.min.js",
+    "/css/style.min.css": "/css/style.min.css",
+    "/css/admin.min.css": "/css/admin.min.css",
+    "/css/all-controls.min.css": "/css/all-controls.min.css",
+    "/css/dashboard.min.css": "/css/dashboard.min.css",
+    "/js/customizer-controls.js": "/js/customizer-controls.js",
+    "/js/customizer-preview.min.js": "/js/customizer-preview.min.js",
+    "/js/tutor-schema.js": "/js/tutor-schema.js",
+    "/js/tutorstarter-dashboard.js": "/js/tutorstarter-dashboard.js",
+    "/js/tutorstarter-page-settings.js": "/js/tutorstarter-page-settings.js"
 }