@charset "UTF-8";
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.aspect {
   width: 100%;
   position: relative;
   /* If you want text inside of it */
   display: inline-block;
   /* The image */
}
.aspect.a1-1 {
   padding-top: 100%;
   /* 1:1 Aspect Ratio */
}
.aspect.a4-3 {
   padding-top: 75%;
   /* 4:3 Aspect Ratio */
}
.aspect.a16-9 {
   padding-top: 56.25%;
   /* 16:9 Aspect Ratio */
}
.aspect.a16-10 {
   padding-top: 62.5%;
   /* 16:10 Aspect Ratio */
}
.aspect.a3-1 {
   padding-top: 33%;
   /* 3:1 Aspect Ratio */
}
.aspect.img-border {
   border-radius: 6px;
   border: 2px solid #fff;
}
.aspect img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   -o-object-position: 50% 50%;
   object-position: 50% 50%;
   position: absolute;
   top: 0;
}

input,
button {
   background: none;
   border: none;
   font-family: "Roboto", sans-serif;
}

.btn {
   display: inline-block;
   white-space: nowrap;
   vertical-align: middle;
   text-align: center;
   cursor: pointer;
   line-height: 1.3;
   padding: 14px 34px;
   font-size: 13px;
   text-transform: none;
   color: #fff;
   border: 2px solid;
   border-radius: 6px;
   font-weight: 500;
   letter-spacing: 2px;
   text-transform: uppercase;
   text-decoration: none !important;
   max-width: 100%;
   min-width: 120px;
}
.btn:focus,
.btn:active:focus {
   outline: 0 none;
}

button[class*="icon-"]:before {
   margin-right: 8px;
}

.btn-primary {
   background-color: #f3232d;
   border-color: #f3232d;
   color: #fff;
}
.btn-primary:hover {
   background-color: #fa000c;
   border-color: #fa000c;
   color: #fff;
}
.btn-primary:disabled {
   color: rgba(255, 255, 255, 0.5);
   background-color: #f8868c;
   border-color: #f8868c;
}

.btn-secondary {
   background-color: transparent;
   border-color: #f3232d;
   color: #f3232d;
}
.btn-secondary:hover {
   background-color: #fa000c;
   border-color: #fa000c;
   color: #fff;
}

.btn-default {
   background-color: transparent;
   border-color: #f3232d;
   color: #f3232d;
}
.btn-default:hover {
   background-color: transparent;
   border-color: #ecebed;
   color: #1e1e1e;
}
.btn-default:disabled {
   color: rgba(30, 30, 30, 0.25);
   border-color: #ecebed;
}

button.is-danger {
   background-color: #ff2222 !important;
   text-shadow: 0 -1px 1px #bb0000, 1px 0 1px #bb0000, 0 1px 1px #bb0000, -1px 0 1px #bb0000 !important;
   -webkit-box-shadow: inset 0 -1px 0 #bb0000 !important;
   box-shadow: inset 0 -1px 0 #bb0000 !important;
   border-color: #bb0000 !important;
}

button.is-danger:hover {
   background-color: #de0000 !important;
}

.btn-sm {
   padding: 10px 30px;
}

.btn-lg {
   border-radius: 6px;
   padding: 11px 36px;
}

.btn-block {
   display: block;
   width: 100%;
}

:disabled {
   cursor: not-allowed;
}

.btn + .btn {
   margin: 0 0 0 15px;
}

.big-heading {
   font-weight: 600;
   font-size: 40px;
   line-height: 1em;
}

/*headers in banner*/
h1,
.heading-1 {
   font-size: 35px;
   letter-spacing: 2px;
   font-weight: 300;
   line-height: 1em;
}

h2,
.heading-2 {
   font-size: 30px;
   line-height: 1em;
}

h3,
.heading-3 {
   font-size: 25px;
   line-height: 1em;
}

h4,
.heading-4 {
   font-size: 20px;
   line-height: 1em;
}

h5,
.heading-5 {
   font-size: 15px;
   line-height: 1em;
}

.t-small {
   font-size: 14px;
}

strong,
.strong {
   font-weight: 600;
}

.uppercase {
   text-transform: uppercase;
}

.a-right {
   text-align: right;
}

.a-left {
   text-align: left;
}

.a-center {
   text-align: center;
}

.a-justify {
   text-align: justify;
}

.t-gray {
   color: #919191;
}

.errorInput {
   -webkit-box-shadow: 0 0 3px #ff2222;
   box-shadow: 0 0 3px #ff2222;
}

.shownInput {
   -webkit-box-shadow: 0 0 3px #7ed0ae;
   box-shadow: 0 0 3px #7ed0ae;
}

.shortCodeBtnTag {
   margin-top: 1.1em;
   margin-left: 0.5em;
   background: #fff;
   border: 1px solid #ff0000;
   border-radius: 0.3em;
   z-index: 20;
   position: absolute;
   height: 1.9em;
   width: 1.9em;
   line-height: 1.7em;
   vertical-align: middle;
   text-align: center;
   font-size: 0.7em;
   color: #f00;
   -webkit-box-shadow: 0px 1px 2px #000 inset;
   box-shadow: 0px 1px 2px #000 inset;
}

.editor-writing-flow .colorSection:before,
.editor-writing-flow .splitRow:before,
.editor-writing-flow .mainContainer:before,
.editor-writing-flow .broadContainer:before {
   content: "";
   position: absolute;
   border: dotted 1px #d0d0d0;
   top: -1em;
   left: -1em;
   right: -1em;
   bottom: -1em;
   -webkit-transition: border 0.3s;
   -o-transition: border 0.3s;
   transition: border 0.3s;
}

.editor-writing-flow .colorSection:hover:before,
.editor-writing-flow .splitRow:hover:before,
.editor-writing-flow .mainContainer:hover:before,
.editor-writing-flow .broadContainer:hover:before {
   border-color: #ff0000;
   border-style: dot-dash;
}

.editor-writing-flow .colorSection:after,
.editor-writing-flow .splitRow:after,
.editor-writing-flow .mainContainer:after,
.editor-writing-flow .broadContainer:after {
   content: "\00a0\00a0 Container\00a0\00a0";
   color: #fff;
   background: #ff0000;
   position: absolute;
   top: -1.4em;
   left: -1.4em;
   border-bottom-right-radius: 0.8em;
   font-size: 0.7em;
   opacity: 0;
   -webkit-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
}

.editor-writing-flow .colorSection:after {
   content: "\00a0\00a0 Color section\00a0\00a0";
}

.editor-writing-flow .splitRow:after {
   content: "\00a0\00a0 Split row\00a0\00a0";
}

.editor-writing-flow .broadContainer:after {
   content: "\00a0\00a0 Wider - broader section\00a0\00a0";
}

.editor-writing-flow .colorSection .mainContainer:after {
   top: initial;
   bottom: -1.4em;
   border-top-right-radius: 0.8em;
   border-bottom-right-radius: 0;
}

.editor-writing-flow .colorSection:hover:after,
.editor-writing-flow .splitRow:hover:after,
.editor-writing-flow .mainContainer:hover:after,
.editor-writing-flow .broadContainer:hover:after {
   opacity: 1;
}

.editor-writing-flow .editor-url-input input {
   width: 100% !important;
}

/*GUTENBERG BLOCK EDITOR*/
.settingsIcon {
   position: absolute;
   cursor: pointer;
   height: 35px;
   width: 35px;
   border-bottom-left-radius: 6px;
   background: #fff;
   color: rgba(255, 0, 0, 0.5);
   text-align: center;
   font-size: 2em;
   line-height: 0.8em;
   z-index: 1;
   top: 0;
   right: 0;
   border-left: 1px solid rgba(255, 0, 0, 0.5);
   border-bottom: 1px solid rgba(255, 0, 0, 0.5);
   opacity: 0.5;
   -webkit-transition: opacity 300ms;
   -o-transition: opacity 300ms;
   transition: opacity 300ms;
}

.settingsIcon:hover {
   opacity: 1;
}

.settingsIcon:before {
   content: "⚙";
   position: absolute;
   cursor: pointer;
   height: inherit;
   width: inherit;
   border-bottom-left-radius: 6px;
   top: 0;
   right: 0;
}

.wp-block {
   max-width: 1100px;
}

.components-popover .editor-url-input input[type="text"],
.editor-block-list__block .editor-url-input input[type="text"],
.editor-url-input input[type="text"] {
   width: 135% !important;
}

.inputExt {
   position: absolute;
   margin-top: -3.5em;
   right: 6.6em;
}

/*COLUMNS - combining bootstrap grid with WP flex columns*/
.wp-block-column {
   margin: 0 !important;
   padding: 0;
   -ms-flex-preferred-size: 50%;
   flex-basis: 50%;
}

.wp-block-column > section {
   padding: 0 15px;
}

.wp-block-column:first-child > section {
   padding-left: 30px;
}

.wp-block-column:last-child > section {
   padding-right: 30px;
}

@media (max-width: 992px) {
   .wp-block-column > section {
      padding: 0 7.5px;
   }
   .wp-block-column:first-child > section {
      padding-left: 15px;
   }
   .wp-block-column:last-child > section {
      padding-right: 15px;
   }
}

@media (max-width: 599px) {
   .wp-block-column {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      -ms-flex-positive: 0;
      flex-grow: 0;
   }
   .wp-block-column > section {
      padding: 0 15px;
   }
}

/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-cgb-block-dan-blocks {
   background: orangered;
   border: 0.2rem solid #292929;
   color: #292929;
   margin: 0 auto;
   max-width: 740px;
   padding: 2rem;
}
@charset "UTF-8";
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.aspect {
   width: 100%;
   position: relative;
   /* If you want text inside of it */
   display: inline-block;
   /* The image */
}
.aspect.a1-1 {
   padding-top: 100%;
   /* 1:1 Aspect Ratio */
}
.aspect.a4-3 {
   padding-top: 75%;
   /* 4:3 Aspect Ratio */
}
.aspect.a16-9 {
   padding-top: 56.25%;
   /* 16:9 Aspect Ratio */
}
.aspect.a16-10 {
   padding-top: 62.5%;
   /* 16:10 Aspect Ratio */
}
.aspect.a3-1 {
   padding-top: 33%;
   /* 3:1 Aspect Ratio */
}
.aspect.img-border {
   border-radius: 6px;
   border: 2px solid #fff;
}
.aspect img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   -o-object-position: 50% 50%;
   object-position: 50% 50%;
   position: absolute;
   top: 0;
}

input,
button {
   background: none;
   border: none;
   font-family: "Roboto", sans-serif;
}

.btn {
   display: inline-block;
   white-space: nowrap;
   vertical-align: middle;
   text-align: center;
   cursor: pointer;
   line-height: 1.3;
   padding: 14px 34px;
   font-size: 13px;
   text-transform: none;
   color: #fff;
   border: 2px solid;
   border-radius: 6px;
   font-weight: 500;
   letter-spacing: 2px;
   text-transform: uppercase;
   text-decoration: none !important;
   max-width: 100%;
   min-width: 120px;
}
.btn:focus,
.btn:active:focus {
   outline: 0 none;
}

button[class*="icon-"]:before {
   margin-right: 8px;
}

.btn-primary {
   background-color: #f3232d;
   border-color: #f3232d;
   color: #fff;
}
.btn-primary:hover {
   background-color: #fa000c;
   border-color: #fa000c;
   color: #fff;
}
.btn-primary:disabled {
   color: rgba(255, 255, 255, 0.5);
   background-color: #f8868c;
   border-color: #f8868c;
}

.btn-secondary {
   background-color: transparent;
   border-color: #f3232d;
   color: #f3232d;
}
.btn-secondary:hover {
   background-color: #fa000c;
   border-color: #fa000c;
   color: #fff;
}

.btn-default {
   background-color: transparent;
   border-color: #f3232d;
   color: #f3232d;
}
.btn-default:hover {
   background-color: transparent;
   border-color: #ecebed;
   color: #1e1e1e;
}
.btn-default:disabled {
   color: rgba(30, 30, 30, 0.25);
   border-color: #ecebed;
}

button.is-danger {
   background-color: #ff2222 !important;
   text-shadow: 0 -1px 1px #bb0000, 1px 0 1px #bb0000, 0 1px 1px #bb0000, -1px 0 1px #bb0000 !important;
   -webkit-box-shadow: inset 0 -1px 0 #bb0000 !important;
   box-shadow: inset 0 -1px 0 #bb0000 !important;
   border-color: #bb0000 !important;
}

button.is-danger:hover {
   background-color: #de0000 !important;
}

.btn-sm {
   padding: 10px 30px;
}

.btn-lg {
   border-radius: 6px;
   padding: 11px 36px;
}

.btn-block {
   display: block;
   width: 100%;
}

:disabled {
   cursor: not-allowed;
}

.btn + .btn {
   margin: 0 0 0 15px;
}

.big-heading {
   font-weight: 600;
   font-size: 40px;
   line-height: 1em;
}

/*headers in banner*/
h1,
.heading-1 {
   font-size: 35px;
   letter-spacing: 2px;
   font-weight: 300;
   line-height: 1em;
}

h2,
.heading-2 {
   font-size: 30px;
   line-height: 1em;
}

h3,
.heading-3 {
   font-size: 25px;
   line-height: 1em;
}

h4,
.heading-4 {
   font-size: 20px;
   line-height: 1em;
}

h5,
.heading-5 {
   font-size: 15px;
   line-height: 1em;
}

.t-small {
   font-size: 14px;
}

strong,
.strong {
   font-weight: 600;
}

.uppercase {
   text-transform: uppercase;
}

.a-right {
   text-align: right;
}

.a-left {
   text-align: left;
}

.a-center {
   text-align: center;
}

.a-justify {
   text-align: justify;
}

.t-gray {
   color: #919191;
}

.errorInput {
   -webkit-box-shadow: 0 0 3px #ff2222;
   box-shadow: 0 0 3px #ff2222;
}

.shownInput {
   -webkit-box-shadow: 0 0 3px #7ed0ae;
   box-shadow: 0 0 3px #7ed0ae;
}

.shortCodeBtnTag {
   margin-top: 1.1em;
   margin-left: 0.5em;
   background: #fff;
   border: 1px solid #ff0000;
   border-radius: 0.3em;
   z-index: 20;
   position: absolute;
   height: 1.9em;
   width: 1.9em;
   line-height: 1.7em;
   vertical-align: middle;
   text-align: center;
   font-size: 0.7em;
   color: #f00;
   -webkit-box-shadow: 0px 1px 2px #000 inset;
   box-shadow: 0px 1px 2px #000 inset;
}

.editor-writing-flow .colorSection:before,
.editor-writing-flow .splitRow:before,
.editor-writing-flow .mainContainer:before,
.editor-writing-flow .broadContainer:before {
   content: "";
   position: absolute;
   border: dotted 1px #d0d0d0;
   top: -1em;
   left: -1em;
   right: -1em;
   bottom: -1em;
   -webkit-transition: border 0.3s;
   -o-transition: border 0.3s;
   transition: border 0.3s;
}

.editor-writing-flow .colorSection:hover:before,
.editor-writing-flow .splitRow:hover:before,
.editor-writing-flow .mainContainer:hover:before,
.editor-writing-flow .broadContainer:hover:before {
   border-color: #ff0000;
   border-style: dot-dash;
}

.editor-writing-flow .colorSection:after,
.editor-writing-flow .splitRow:after,
.editor-writing-flow .mainContainer:after,
.editor-writing-flow .broadContainer:after {
   content: "\00a0\00a0 Container\00a0\00a0";
   color: #fff;
   background: #ff0000;
   position: absolute;
   top: -1.4em;
   left: -1.4em;
   border-bottom-right-radius: 0.8em;
   font-size: 0.7em;
   opacity: 0;
   -webkit-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
}

.editor-writing-flow .colorSection:after {
   content: "\00a0\00a0 Color section\00a0\00a0";
}

.editor-writing-flow .splitRow:after {
   content: "\00a0\00a0 Split row\00a0\00a0";
}

.editor-writing-flow .broadContainer:after {
   content: "\00a0\00a0 Wider - broader section\00a0\00a0";
}

.editor-writing-flow .colorSection .mainContainer:after {
   top: initial;
   bottom: -1.4em;
   border-top-right-radius: 0.8em;
   border-bottom-right-radius: 0;
}

.editor-writing-flow .colorSection:hover:after,
.editor-writing-flow .splitRow:hover:after,
.editor-writing-flow .mainContainer:hover:after,
.editor-writing-flow .broadContainer:hover:after {
   opacity: 1;
}

.editor-writing-flow .editor-url-input input {
   width: 100% !important;
}

/*GUTENBERG BLOCK EDITOR*/
.settingsIcon {
   position: absolute;
   cursor: pointer;
   height: 35px;
   width: 35px;
   border-bottom-left-radius: 6px;
   background: #fff;
   color: rgba(255, 0, 0, 0.5);
   text-align: center;
   font-size: 2em;
   line-height: 0.8em;
   z-index: 1;
   top: 0;
   right: 0;
   border-left: 1px solid rgba(255, 0, 0, 0.5);
   border-bottom: 1px solid rgba(255, 0, 0, 0.5);
   opacity: 0.5;
   -webkit-transition: opacity 300ms;
   -o-transition: opacity 300ms;
   transition: opacity 300ms;
}

.settingsIcon:hover {
   opacity: 1;
}

.settingsIcon:before {
   content: "⚙";
   position: absolute;
   cursor: pointer;
   height: inherit;
   width: inherit;
   border-bottom-left-radius: 6px;
   top: 0;
   right: 0;
}

.wp-block {
   max-width: 1100px;
}

.components-popover .editor-url-input input[type="text"],
.editor-block-list__block .editor-url-input input[type="text"],
.editor-url-input input[type="text"] {
   width: 135% !important;
}

.inputExt {
   position: absolute;
   margin-top: -3.5em;
   right: 6.6em;
}

/*COLUMNS - combining bootstrap grid with WP flex columns*/
.wp-block-column {
   margin: 0 !important;
   padding: 0;
   -ms-flex-preferred-size: 50%;
   flex-basis: 50%;
}

.wp-block-column > section {
   padding: 0 15px;
}

.wp-block-column:first-child > section {
   padding-left: 30px;
}

.wp-block-column:last-child > section {
   padding-right: 30px;
}

@media (max-width: 992px) {
   .wp-block-column > section {
      padding: 0 7.5px;
   }
   .wp-block-column:first-child > section {
      padding-left: 15px;
   }
   .wp-block-column:last-child > section {
      padding-right: 15px;
   }
}

@media (max-width: 599px) {
   .wp-block-column {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      -ms-flex-positive: 0;
      flex-grow: 0;
   }
   .wp-block-column > section {
      padding: 0 15px;
   }
}

/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-cgb-block-dan-blocks {
   background: orangered;
   border: 0.2rem solid #292929;
   color: #292929;
   margin: 0 auto;
   max-width: 740px;
   padding: 2rem;
}
@charset "UTF-8";
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.aspect {
   width: 100%;
   position: relative;
   /* If you want text inside of it */
   display: inline-block;
   /* The image */
}
.aspect.a1-1 {
   padding-top: 100%;
   /* 1:1 Aspect Ratio */
}
.aspect.a4-3 {
   padding-top: 75%;
   /* 4:3 Aspect Ratio */
}
.aspect.a16-9 {
   padding-top: 56.25%;
   /* 16:9 Aspect Ratio */
}
.aspect.a16-10 {
   padding-top: 62.5%;
   /* 16:10 Aspect Ratio */
}
.aspect.a3-1 {
   padding-top: 33%;
   /* 3:1 Aspect Ratio */
}
.aspect.img-border {
   border-radius: 6px;
   border: 2px solid #fff;
}
.aspect img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   -o-object-position: 50% 50%;
   object-position: 50% 50%;
   position: absolute;
   top: 0;
}

input,
button {
   background: none;
   border: none;
   font-family: "Roboto", sans-serif;
}

.btn {
   display: inline-block;
   white-space: nowrap;
   vertical-align: middle;
   text-align: center;
   cursor: pointer;
   line-height: 1.3;
   padding: 14px 34px;
   font-size: 13px;
   text-transform: none;
   color: #fff;
   border: 2px solid;
   border-radius: 6px;
   font-weight: 500;
   letter-spacing: 2px;
   text-transform: uppercase;
   text-decoration: none !important;
   max-width: 100%;
   min-width: 120px;
}
.btn:focus,
.btn:active:focus {
   outline: 0 none;
}

button[class*="icon-"]:before {
   margin-right: 8px;
}

.btn-primary {
   background-color: #f3232d;
   border-color: #f3232d;
   color: #fff;
}
.btn-primary:hover {
   background-color: #fa000c;
   border-color: #fa000c;
   color: #fff;
}
.btn-primary:disabled {
   color: rgba(255, 255, 255, 0.5);
   background-color: #f8868c;
   border-color: #f8868c;
}

.btn-secondary {
   background-color: transparent;
   border-color: #f3232d;
   color: #f3232d;
}
.btn-secondary:hover {
   background-color: #fa000c;
   border-color: #fa000c;
   color: #fff;
}

.btn-default {
   background-color: transparent;
   border-color: #f3232d;
   color: #f3232d;
}
.btn-default:hover {
   background-color: transparent;
   border-color: #ecebed;
   color: #1e1e1e;
}
.btn-default:disabled {
   color: rgba(30, 30, 30, 0.25);
   border-color: #ecebed;
}

button.is-danger {
   background-color: #ff2222 !important;
   text-shadow: 0 -1px 1px #bb0000, 1px 0 1px #bb0000, 0 1px 1px #bb0000, -1px 0 1px #bb0000 !important;
   -webkit-box-shadow: inset 0 -1px 0 #bb0000 !important;
   box-shadow: inset 0 -1px 0 #bb0000 !important;
   border-color: #bb0000 !important;
}

button.is-danger:hover {
   background-color: #de0000 !important;
}

.btn-sm {
   padding: 10px 30px;
}

.btn-lg {
   border-radius: 6px;
   padding: 11px 36px;
}

.btn-block {
   display: block;
   width: 100%;
}

:disabled {
   cursor: not-allowed;
}

.btn + .btn {
   margin: 0 0 0 15px;
}

.big-heading {
   font-weight: 600;
   font-size: 40px;
   line-height: 1em;
}

/*headers in banner*/
h1,
.heading-1 {
   font-size: 35px;
   letter-spacing: 2px;
   font-weight: 300;
   line-height: 1em;
}

h2,
.heading-2 {
   font-size: 30px;
   line-height: 1em;
}

h3,
.heading-3 {
   font-size: 25px;
   line-height: 1em;
}

h4,
.heading-4 {
   font-size: 20px;
   line-height: 1em;
}

h5,
.heading-5 {
   font-size: 15px;
   line-height: 1em;
}

.t-small {
   font-size: 14px;
}

strong,
.strong {
   font-weight: 600;
}

.uppercase {
   text-transform: uppercase;
}

.a-right {
   text-align: right;
}

.a-left {
   text-align: left;
}

.a-center {
   text-align: center;
}

.a-justify {
   text-align: justify;
}

.t-gray {
   color: #919191;
}

.errorInput {
   -webkit-box-shadow: 0 0 3px #ff2222;
   box-shadow: 0 0 3px #ff2222;
}

.shownInput {
   -webkit-box-shadow: 0 0 3px #7ed0ae;
   box-shadow: 0 0 3px #7ed0ae;
}

.shortCodeBtnTag {
   margin-top: 1.1em;
   margin-left: 0.5em;
   background: #fff;
   border: 1px solid #ff0000;
   border-radius: 0.3em;
   z-index: 20;
   position: absolute;
   height: 1.9em;
   width: 1.9em;
   line-height: 1.7em;
   vertical-align: middle;
   text-align: center;
   font-size: 0.7em;
   color: #f00;
   -webkit-box-shadow: 0px 1px 2px #000 inset;
   box-shadow: 0px 1px 2px #000 inset;
}

.editor-writing-flow .colorSection:before,
.editor-writing-flow .splitRow:before,
.editor-writing-flow .mainContainer:before,
.editor-writing-flow .broadContainer:before {
   content: "";
   position: absolute;
   border: dotted 1px #d0d0d0;
   top: -1em;
   left: -1em;
   right: -1em;
   bottom: -1em;
   -webkit-transition: border 0.3s;
   -o-transition: border 0.3s;
   transition: border 0.3s;
}

.editor-writing-flow .colorSection:hover:before,
.editor-writing-flow .splitRow:hover:before,
.editor-writing-flow .mainContainer:hover:before,
.editor-writing-flow .broadContainer:hover:before {
   border-color: #ff0000;
   border-style: dot-dash;
}

.editor-writing-flow .colorSection:after,
.editor-writing-flow .splitRow:after,
.editor-writing-flow .mainContainer:after,
.editor-writing-flow .broadContainer:after {
   content: "\00a0\00a0 Container\00a0\00a0";
   color: #fff;
   background: #ff0000;
   position: absolute;
   top: -1.4em;
   left: -1.4em;
   border-bottom-right-radius: 0.8em;
   font-size: 0.7em;
   opacity: 0;
   -webkit-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
}

.editor-writing-flow .colorSection:after {
   content: "\00a0\00a0 Color section\00a0\00a0";
}

.editor-writing-flow .splitRow:after {
   content: "\00a0\00a0 Split row\00a0\00a0";
}

.editor-writing-flow .broadContainer:after {
   content: "\00a0\00a0 Wider - broader section\00a0\00a0";
}

.editor-writing-flow .colorSection .mainContainer:after {
   top: initial;
   bottom: -1.4em;
   border-top-right-radius: 0.8em;
   border-bottom-right-radius: 0;
}

.editor-writing-flow .colorSection:hover:after,
.editor-writing-flow .splitRow:hover:after,
.editor-writing-flow .mainContainer:hover:after,
.editor-writing-flow .broadContainer:hover:after {
   opacity: 1;
}

.editor-writing-flow .editor-url-input input {
   width: 100% !important;
}

/*GUTENBERG BLOCK EDITOR*/
.settingsIcon {
   position: absolute;
   cursor: pointer;
   height: 35px;
   width: 35px;
   border-bottom-left-radius: 6px;
   background: #fff;
   color: rgba(255, 0, 0, 0.5);
   text-align: center;
   font-size: 2em;
   line-height: 0.8em;
   z-index: 1;
   top: 0;
   right: 0;
   border-left: 1px solid rgba(255, 0, 0, 0.5);
   border-bottom: 1px solid rgba(255, 0, 0, 0.5);
   opacity: 0.5;
   -webkit-transition: opacity 300ms;
   -o-transition: opacity 300ms;
   transition: opacity 300ms;
}

.settingsIcon:hover {
   opacity: 1;
}

.settingsIcon:before {
   content: "⚙";
   position: absolute;
   cursor: pointer;
   height: inherit;
   width: inherit;
   border-bottom-left-radius: 6px;
   top: 0;
   right: 0;
}

.wp-block {
   max-width: 1100px;
}

.components-popover .editor-url-input input[type="text"],
.editor-block-list__block .editor-url-input input[type="text"],
.editor-url-input input[type="text"] {
   width: 135% !important;
}

.inputExt {
   position: absolute;
   margin-top: -3.5em;
   right: 6.6em;
}

/*COLUMNS - combining bootstrap grid with WP flex columns*/
.wp-block-column {
   margin: 0 !important;
   padding: 0;
   -ms-flex-preferred-size: 50%;
   flex-basis: 50%;
}

.wp-block-column > section {
   padding: 0 15px;
}

.wp-block-column:first-child > section {
   padding-left: 30px;
}

.wp-block-column:last-child > section {
   padding-right: 30px;
}

@media (max-width: 992px) {
   .wp-block-column > section {
      padding: 0 7.5px;
   }
   .wp-block-column:first-child > section {
      padding-left: 15px;
   }
   .wp-block-column:last-child > section {
      padding-right: 15px;
   }
}

@media (max-width: 599px) {
   .wp-block-column {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      -ms-flex-positive: 0;
      flex-grow: 0;
   }
   .wp-block-column > section {
      padding: 0 15px;
   }
}

/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-cgb-block-dan-blocks {
   background: orangered;
   border: 0.2rem solid #292929;
   color: #292929;
   margin: 0 auto;
   max-width: 740px;
   padding: 2rem;
}
@charset "UTF-8";
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.aspect {
   width: 100%;
   position: relative;
   /* If you want text inside of it */
   display: inline-block;
   /* The image */
}
.aspect.a1-1 {
   padding-top: 100%;
   /* 1:1 Aspect Ratio */
}
.aspect.a4-3 {
   padding-top: 75%;
   /* 4:3 Aspect Ratio */
}
.aspect.a16-9 {
   padding-top: 56.25%;
   /* 16:9 Aspect Ratio */
}
.aspect.a16-10 {
   padding-top: 62.5%;
   /* 16:10 Aspect Ratio */
}
.aspect.a3-1 {
   padding-top: 33%;
   /* 3:1 Aspect Ratio */
}
.aspect.img-border {
   border-radius: 6px;
   border: 2px solid #fff;
}
.aspect img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   -o-object-position: 50% 50%;
   object-position: 50% 50%;
   position: absolute;
   top: 0;
}

input,
button {
   background: none;
   border: none;
   font-family: "Roboto", sans-serif;
}

.btn {
   display: inline-block;
   white-space: nowrap;
   vertical-align: middle;
   text-align: center;
   cursor: pointer;
   line-height: 1.3;
   padding: 14px 34px;
   font-size: 13px;
   text-transform: none;
   color: #fff;
   border: 2px solid;
   border-radius: 6px;
   font-weight: 500;
   letter-spacing: 2px;
   text-transform: uppercase;
   text-decoration: none !important;
   max-width: 100%;
   min-width: 120px;
}
.btn:focus,
.btn:active:focus {
   outline: 0 none;
}

button[class*="icon-"]:before {
   margin-right: 8px;
}

.btn-primary {
   background-color: #f3232d;
   border-color: #f3232d;
   color: #fff;
}
.btn-primary:hover {
   background-color: #fa000c;
   border-color: #fa000c;
   color: #fff;
}
.btn-primary:disabled {
   color: rgba(255, 255, 255, 0.5);
   background-color: #f8868c;
   border-color: #f8868c;
}

.btn-secondary {
   background-color: transparent;
   border-color: #f3232d;
   color: #f3232d;
}
.btn-secondary:hover {
   background-color: #fa000c;
   border-color: #fa000c;
   color: #fff;
}

.btn-default {
   background-color: transparent;
   border-color: #f3232d;
   color: #f3232d;
}
.btn-default:hover {
   background-color: transparent;
   border-color: #ecebed;
   color: #1e1e1e;
}
.btn-default:disabled {
   color: rgba(30, 30, 30, 0.25);
   border-color: #ecebed;
}

button.is-danger {
   background-color: #ff2222 !important;
   text-shadow: 0 -1px 1px #bb0000, 1px 0 1px #bb0000, 0 1px 1px #bb0000, -1px 0 1px #bb0000 !important;
   -webkit-box-shadow: inset 0 -1px 0 #bb0000 !important;
   box-shadow: inset 0 -1px 0 #bb0000 !important;
   border-color: #bb0000 !important;
}

button.is-danger:hover {
   background-color: #de0000 !important;
}

.btn-sm {
   padding: 10px 30px;
}

.btn-lg {
   border-radius: 6px;
   padding: 11px 36px;
}

.btn-block {
   display: block;
   width: 100%;
}

:disabled {
   cursor: not-allowed;
}

.btn + .btn {
   margin: 0 0 0 15px;
}

.big-heading {
   font-weight: 600;
   font-size: 40px;
   line-height: 1em;
}

/*headers in banner*/
h1,
.heading-1 {
   font-size: 35px;
   letter-spacing: 2px;
   font-weight: 300;
   line-height: 1em;
}

h2,
.heading-2 {
   font-size: 30px;
   line-height: 1em;
}

h3,
.heading-3 {
   font-size: 25px;
   line-height: 1em;
}

h4,
.heading-4 {
   font-size: 20px;
   line-height: 1em;
}

h5,
.heading-5 {
   font-size: 15px;
   line-height: 1em;
}

.t-small {
   font-size: 14px;
}

strong,
.strong {
   font-weight: 600;
}

.uppercase {
   text-transform: uppercase;
}

.a-right {
   text-align: right;
}

.a-left {
   text-align: left;
}

.a-center {
   text-align: center;
}

.a-justify {
   text-align: justify;
}

.t-gray {
   color: #919191;
}

.errorInput {
   -webkit-box-shadow: 0 0 3px #ff2222;
   box-shadow: 0 0 3px #ff2222;
}

.shownInput {
   -webkit-box-shadow: 0 0 3px #7ed0ae;
   box-shadow: 0 0 3px #7ed0ae;
}

.shortCodeBtnTag {
   margin-top: 1.1em;
   margin-left: 0.5em;
   background: #fff;
   border: 1px solid #ff0000;
   border-radius: 0.3em;
   z-index: 20;
   position: absolute;
   height: 1.9em;
   width: 1.9em;
   line-height: 1.7em;
   vertical-align: middle;
   text-align: center;
   font-size: 0.7em;
   color: #f00;
   -webkit-box-shadow: 0px 1px 2px #000 inset;
   box-shadow: 0px 1px 2px #000 inset;
}

.editor-writing-flow .colorSection:before,
.editor-writing-flow .splitRow:before,
.editor-writing-flow .mainContainer:before,
.editor-writing-flow .broadContainer:before {
   content: "";
   position: absolute;
   border: dotted 1px #d0d0d0;
   top: -1em;
   left: -1em;
   right: -1em;
   bottom: -1em;
   -webkit-transition: border 0.3s;
   -o-transition: border 0.3s;
   transition: border 0.3s;
}

.editor-writing-flow .colorSection:hover:before,
.editor-writing-flow .splitRow:hover:before,
.editor-writing-flow .mainContainer:hover:before,
.editor-writing-flow .broadContainer:hover:before {
   border-color: #ff0000;
   border-style: dot-dash;
}

.editor-writing-flow .colorSection:after,
.editor-writing-flow .splitRow:after,
.editor-writing-flow .mainContainer:after,
.editor-writing-flow .broadContainer:after {
   content: "\00a0\00a0 Container\00a0\00a0";
   color: #fff;
   background: #ff0000;
   position: absolute;
   top: -1.4em;
   left: -1.4em;
   border-bottom-right-radius: 0.8em;
   font-size: 0.7em;
   opacity: 0;
   -webkit-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
}

.editor-writing-flow .colorSection:after {
   content: "\00a0\00a0 Color section\00a0\00a0";
}

.editor-writing-flow .splitRow:after {
   content: "\00a0\00a0 Split row\00a0\00a0";
}

.editor-writing-flow .broadContainer:after {
   content: "\00a0\00a0 Wider - broader section\00a0\00a0";
}

.editor-writing-flow .colorSection .mainContainer:after {
   top: initial;
   bottom: -1.4em;
   border-top-right-radius: 0.8em;
   border-bottom-right-radius: 0;
}

.editor-writing-flow .colorSection:hover:after,
.editor-writing-flow .splitRow:hover:after,
.editor-writing-flow .mainContainer:hover:after,
.editor-writing-flow .broadContainer:hover:after {
   opacity: 1;
}

.editor-writing-flow .editor-url-input input {
   width: 100% !important;
}

/*GUTENBERG BLOCK EDITOR*/
.settingsIcon {
   position: absolute;
   cursor: pointer;
   height: 35px;
   width: 35px;
   border-bottom-left-radius: 6px;
   background: #fff;
   color: rgba(255, 0, 0, 0.5);
   text-align: center;
   font-size: 2em;
   line-height: 0.8em;
   z-index: 1;
   top: 0;
   right: 0;
   border-left: 1px solid rgba(255, 0, 0, 0.5);
   border-bottom: 1px solid rgba(255, 0, 0, 0.5);
   opacity: 0.5;
   -webkit-transition: opacity 300ms;
   -o-transition: opacity 300ms;
   transition: opacity 300ms;
}

.settingsIcon:hover {
   opacity: 1;
}

.settingsIcon:before {
   content: "⚙";
   position: absolute;
   cursor: pointer;
   height: inherit;
   width: inherit;
   border-bottom-left-radius: 6px;
   top: 0;
   right: 0;
}

.wp-block {
   max-width: 1100px;
}

.components-popover .editor-url-input input[type="text"],
.editor-block-list__block .editor-url-input input[type="text"],
.editor-url-input input[type="text"] {
   width: 135% !important;
}

.inputExt {
   position: absolute;
   margin-top: -3.5em;
   right: 6.6em;
}

/*COLUMNS - combining bootstrap grid with WP flex columns*/
.wp-block-column {
   margin: 0 !important;
   padding: 0;
   -ms-flex-preferred-size: 50%;
   flex-basis: 50%;
}

.wp-block-column > section {
   padding: 0 15px;
}

.wp-block-column:first-child > section {
   padding-left: 30px;
}

.wp-block-column:last-child > section {
   padding-right: 30px;
}

@media (max-width: 992px) {
   .wp-block-column > section {
      padding: 0 7.5px;
   }
   .wp-block-column:first-child > section {
      padding-left: 15px;
   }
   .wp-block-column:last-child > section {
      padding-right: 15px;
   }
}

@media (max-width: 599px) {
   .wp-block-column {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      -ms-flex-positive: 0;
      flex-grow: 0;
   }
   .wp-block-column > section {
      padding: 0 15px;
   }
}

/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-cgb-block-dan-blocks {
   background: orangered;
   border: 0.2rem solid #292929;
   color: #292929;
   margin: 0 auto;
   max-width: 740px;
   padding: 2rem;
}
@charset "UTF-8";
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.aspect {
   width: 100%;
   position: relative;
   /* If you want text inside of it */
   display: inline-block;
   /* The image */
}
.aspect.a1-1 {
   padding-top: 100%;
   /* 1:1 Aspect Ratio */
}
.aspect.a4-3 {
   padding-top: 75%;
   /* 4:3 Aspect Ratio */
}
.aspect.a16-9 {
   padding-top: 56.25%;
   /* 16:9 Aspect Ratio */
}
.aspect.a16-10 {
   padding-top: 62.5%;
   /* 16:10 Aspect Ratio */
}
.aspect.a3-1 {
   padding-top: 33%;
   /* 3:1 Aspect Ratio */
}
.aspect.img-border {
   border-radius: 6px;
   border: 2px solid #fff;
}
.aspect img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   -o-object-position: 50% 50%;
   object-position: 50% 50%;
   position: absolute;
   top: 0;
}

input,
button {
   background: none;
   border: none;
   font-family: "Roboto", sans-serif;
}

.btn {
   display: inline-block;
   white-space: nowrap;
   vertical-align: middle;
   text-align: center;
   cursor: pointer;
   line-height: 1.3;
   padding: 14px 34px;
   font-size: 13px;
   text-transform: none;
   color: #fff;
   border: 2px solid;
   border-radius: 6px;
   font-weight: 500;
   letter-spacing: 2px;
   text-transform: uppercase;
   text-decoration: none !important;
   max-width: 100%;
   min-width: 120px;
}
.btn:focus,
.btn:active:focus {
   outline: 0 none;
}

button[class*="icon-"]:before {
   margin-right: 8px;
}

.btn-primary {
   background-color: #f3232d;
   border-color: #f3232d;
   color: #fff;
}
.btn-primary:hover {
   background-color: #fa000c;
   border-color: #fa000c;
   color: #fff;
}
.btn-primary:disabled {
   color: rgba(255, 255, 255, 0.5);
   background-color: #f8868c;
   border-color: #f8868c;
}

.btn-secondary {
   background-color: transparent;
   border-color: #f3232d;
   color: #f3232d;
}
.btn-secondary:hover {
   background-color: #fa000c;
   border-color: #fa000c;
   color: #fff;
}

.btn-default {
   background-color: transparent;
   border-color: #f3232d;
   color: #f3232d;
}
.btn-default:hover {
   background-color: transparent;
   border-color: #ecebed;
   color: #1e1e1e;
}
.btn-default:disabled {
   color: rgba(30, 30, 30, 0.25);
   border-color: #ecebed;
}

button.is-danger {
   background-color: #ff2222 !important;
   text-shadow: 0 -1px 1px #bb0000, 1px 0 1px #bb0000, 0 1px 1px #bb0000, -1px 0 1px #bb0000 !important;
   -webkit-box-shadow: inset 0 -1px 0 #bb0000 !important;
   box-shadow: inset 0 -1px 0 #bb0000 !important;
   border-color: #bb0000 !important;
}

button.is-danger:hover {
   background-color: #de0000 !important;
}

.btn-sm {
   padding: 10px 30px;
}

.btn-lg {
   border-radius: 6px;
   padding: 11px 36px;
}

.btn-block {
   display: block;
   width: 100%;
}

:disabled {
   cursor: not-allowed;
}

.btn + .btn {
   margin: 0 0 0 15px;
}

.big-heading {
   font-weight: 600;
   font-size: 40px;
   line-height: 1em;
}

/*headers in banner*/
h1,
.heading-1 {
   font-size: 35px;
   letter-spacing: 2px;
   font-weight: 300;
   line-height: 1em;
}

h2,
.heading-2 {
   font-size: 30px;
   line-height: 1em;
}

h3,
.heading-3 {
   font-size: 25px;
   line-height: 1em;
}

h4,
.heading-4 {
   font-size: 20px;
   line-height: 1em;
}

h5,
.heading-5 {
   font-size: 15px;
   line-height: 1em;
}

.t-small {
   font-size: 14px;
}

strong,
.strong {
   font-weight: 600;
}

.uppercase {
   text-transform: uppercase;
}

.a-right {
   text-align: right;
}

.a-left {
   text-align: left;
}

.a-center {
   text-align: center;
}

.a-justify {
   text-align: justify;
}

.t-gray {
   color: #919191;
}

.errorInput {
   -webkit-box-shadow: 0 0 3px #ff2222;
   box-shadow: 0 0 3px #ff2222;
}

.shownInput {
   -webkit-box-shadow: 0 0 3px #7ed0ae;
   box-shadow: 0 0 3px #7ed0ae;
}

.shortCodeBtnTag {
   margin-top: 1.1em;
   margin-left: 0.5em;
   background: #fff;
   border: 1px solid #ff0000;
   border-radius: 0.3em;
   z-index: 20;
   position: absolute;
   height: 1.9em;
   width: 1.9em;
   line-height: 1.7em;
   vertical-align: middle;
   text-align: center;
   font-size: 0.7em;
   color: #f00;
   -webkit-box-shadow: 0px 1px 2px #000 inset;
   box-shadow: 0px 1px 2px #000 inset;
}

.editor-writing-flow .colorSection:before,
.editor-writing-flow .splitRow:before,
.editor-writing-flow .mainContainer:before,
.editor-writing-flow .broadContainer:before {
   content: "";
   position: absolute;
   border: dotted 1px #d0d0d0;
   top: -1em;
   left: -1em;
   right: -1em;
   bottom: -1em;
   -webkit-transition: border 0.3s;
   -o-transition: border 0.3s;
   transition: border 0.3s;
}

.editor-writing-flow .colorSection:hover:before,
.editor-writing-flow .splitRow:hover:before,
.editor-writing-flow .mainContainer:hover:before,
.editor-writing-flow .broadContainer:hover:before {
   border-color: #ff0000;
   border-style: dot-dash;
}

.editor-writing-flow .colorSection:after,
.editor-writing-flow .splitRow:after,
.editor-writing-flow .mainContainer:after,
.editor-writing-flow .broadContainer:after {
   content: "\00a0\00a0 Container\00a0\00a0";
   color: #fff;
   background: #ff0000;
   position: absolute;
   top: -1.4em;
   left: -1.4em;
   border-bottom-right-radius: 0.8em;
   font-size: 0.7em;
   opacity: 0;
   -webkit-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
}

.editor-writing-flow .colorSection:after {
   content: "\00a0\00a0 Color section\00a0\00a0";
}

.editor-writing-flow .splitRow:after {
   content: "\00a0\00a0 Split row\00a0\00a0";
}

.editor-writing-flow .broadContainer:after {
   content: "\00a0\00a0 Wider - broader section\00a0\00a0";
}

.editor-writing-flow .colorSection .mainContainer:after {
   top: initial;
   bottom: -1.4em;
   border-top-right-radius: 0.8em;
   border-bottom-right-radius: 0;
}

.editor-writing-flow .colorSection:hover:after,
.editor-writing-flow .splitRow:hover:after,
.editor-writing-flow .mainContainer:hover:after,
.editor-writing-flow .broadContainer:hover:after {
   opacity: 1;
}

.editor-writing-flow .editor-url-input input {
   width: 100% !important;
}

/*GUTENBERG BLOCK EDITOR*/
.settingsIcon {
   position: absolute;
   cursor: pointer;
   height: 35px;
   width: 35px;
   border-bottom-left-radius: 6px;
   background: #fff;
   color: rgba(255, 0, 0, 0.5);
   text-align: center;
   font-size: 2em;
   line-height: 0.8em;
   z-index: 1;
   top: 0;
   right: 0;
   border-left: 1px solid rgba(255, 0, 0, 0.5);
   border-bottom: 1px solid rgba(255, 0, 0, 0.5);
   opacity: 0.5;
   -webkit-transition: opacity 300ms;
   -o-transition: opacity 300ms;
   transition: opacity 300ms;
}

.settingsIcon:hover {
   opacity: 1;
}

.settingsIcon:before {
   content: "⚙";
   position: absolute;
   cursor: pointer;
   height: inherit;
   width: inherit;
   border-bottom-left-radius: 6px;
   top: 0;
   right: 0;
}

.wp-block {
   max-width: 1100px;
}

.components-popover .editor-url-input input[type="text"],
.editor-block-list__block .editor-url-input input[type="text"],
.editor-url-input input[type="text"] {
   width: 135% !important;
}

.inputExt {
   position: absolute;
   margin-top: -3.5em;
   right: 6.6em;
}

/*COLUMNS - combining bootstrap grid with WP flex columns*/
.wp-block-column {
   margin: 0 !important;
   padding: 0;
   -ms-flex-preferred-size: 50%;
   flex-basis: 50%;
}

.wp-block-column > section {
   padding: 0 15px;
}

.wp-block-column:first-child > section {
   padding-left: 30px;
}

.wp-block-column:last-child > section {
   padding-right: 30px;
}

@media (max-width: 992px) {
   .wp-block-column > section {
      padding: 0 7.5px;
   }
   .wp-block-column:first-child > section {
      padding-left: 15px;
   }
   .wp-block-column:last-child > section {
      padding-right: 15px;
   }
}

@media (max-width: 599px) {
   .wp-block-column {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      -ms-flex-positive: 0;
      flex-grow: 0;
   }
   .wp-block-column > section {
      padding: 0 15px;
   }
}

/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-cgb-block-dan-blocks {
   background: orangered;
   border: 0.2rem solid #292929;
   color: #292929;
   margin: 0 auto;
   max-width: 740px;
   padding: 2rem;
}
@charset "UTF-8";
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.aspect {
   width: 100%;
   position: relative;
   /* If you want text inside of it */
   display: inline-block;
   /* The image */
}
.aspect.a1-1 {
   padding-top: 100%;
   /* 1:1 Aspect Ratio */
}
.aspect.a4-3 {
   padding-top: 75%;
   /* 4:3 Aspect Ratio */
}
.aspect.a16-9 {
   padding-top: 56.25%;
   /* 16:9 Aspect Ratio */
}
.aspect.a16-10 {
   padding-top: 62.5%;
   /* 16:10 Aspect Ratio */
}
.aspect.a3-1 {
   padding-top: 33%;
   /* 3:1 Aspect Ratio */
}
.aspect.img-border {
   border-radius: 6px;
   border: 2px solid #fff;
}
.aspect img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   -o-object-position: 50% 50%;
   object-position: 50% 50%;
   position: absolute;
   top: 0;
}

input,
button {
   background: none;
   border: none;
   font-family: "Roboto", sans-serif;
}

.btn {
   display: inline-block;
   white-space: nowrap;
   vertical-align: middle;
   text-align: center;
   cursor: pointer;
   line-height: 1.3;
   padding: 14px 34px;
   font-size: 13px;
   text-transform: none;
   color: #fff;
   border: 2px solid;
   border-radius: 6px;
   font-weight: 500;
   letter-spacing: 2px;
   text-transform: uppercase;
   text-decoration: none !important;
   max-width: 100%;
   min-width: 120px;
}
.btn:focus,
.btn:active:focus {
   outline: 0 none;
}

button[class*="icon-"]:before {
   margin-right: 8px;
}

.btn-primary {
   background-color: #f3232d;
   border-color: #f3232d;
   color: #fff;
}
.btn-primary:hover {
   background-color: #fa000c;
   border-color: #fa000c;
   color: #fff;
}
.btn-primary:disabled {
   color: rgba(255, 255, 255, 0.5);
   background-color: #f8868c;
   border-color: #f8868c;
}

.btn-secondary {
   background-color: transparent;
   border-color: #f3232d;
   color: #f3232d;
}
.btn-secondary:hover {
   background-color: #fa000c;
   border-color: #fa000c;
   color: #fff;
}

.btn-default {
   background-color: transparent;
   border-color: #f3232d;
   color: #f3232d;
}
.btn-default:hover {
   background-color: transparent;
   border-color: #ecebed;
   color: #1e1e1e;
}
.btn-default:disabled {
   color: rgba(30, 30, 30, 0.25);
   border-color: #ecebed;
}

button.is-danger {
   background-color: #ff2222 !important;
   text-shadow: 0 -1px 1px #bb0000, 1px 0 1px #bb0000, 0 1px 1px #bb0000, -1px 0 1px #bb0000 !important;
   -webkit-box-shadow: inset 0 -1px 0 #bb0000 !important;
   box-shadow: inset 0 -1px 0 #bb0000 !important;
   border-color: #bb0000 !important;
}

button.is-danger:hover {
   background-color: #de0000 !important;
}

.btn-sm {
   padding: 10px 30px;
}

.btn-lg {
   border-radius: 6px;
   padding: 11px 36px;
}

.btn-block {
   display: block;
   width: 100%;
}

:disabled {
   cursor: not-allowed;
}

.btn + .btn {
   margin: 0 0 0 15px;
}

.big-heading {
   font-weight: 600;
   font-size: 40px;
   line-height: 1em;
}

/*headers in banner*/
h1,
.heading-1 {
   font-size: 35px;
   letter-spacing: 2px;
   font-weight: 300;
   line-height: 1em;
}

h2,
.heading-2 {
   font-size: 30px;
   line-height: 1em;
}

h3,
.heading-3 {
   font-size: 25px;
   line-height: 1em;
}

h4,
.heading-4 {
   font-size: 20px;
   line-height: 1em;
}

h5,
.heading-5 {
   font-size: 15px;
   line-height: 1em;
}

.t-small {
   font-size: 14px;
}

strong,
.strong {
   font-weight: 600;
}

.uppercase {
   text-transform: uppercase;
}

.a-right {
   text-align: right;
}

.a-left {
   text-align: left;
}

.a-center {
   text-align: center;
}

.a-justify {
   text-align: justify;
}

.t-gray {
   color: #919191;
}

.errorInput {
   -webkit-box-shadow: 0 0 3px #ff2222;
   box-shadow: 0 0 3px #ff2222;
}

.shownInput {
   -webkit-box-shadow: 0 0 3px #7ed0ae;
   box-shadow: 0 0 3px #7ed0ae;
}

.shortCodeBtnTag {
   margin-top: 1.1em;
   margin-left: 0.5em;
   background: #fff;
   border: 1px solid #ff0000;
   border-radius: 0.3em;
   z-index: 20;
   position: absolute;
   height: 1.9em;
   width: 1.9em;
   line-height: 1.7em;
   vertical-align: middle;
   text-align: center;
   font-size: 0.7em;
   color: #f00;
   -webkit-box-shadow: 0px 1px 2px #000 inset;
   box-shadow: 0px 1px 2px #000 inset;
}

.editor-writing-flow .colorSection:before,
.editor-writing-flow .splitRow:before,
.editor-writing-flow .mainContainer:before,
.editor-writing-flow .broadContainer:before {
   content: "";
   position: absolute;
   border: dotted 1px #d0d0d0;
   top: -1em;
   left: -1em;
   right: -1em;
   bottom: -1em;
   -webkit-transition: border 0.3s;
   -o-transition: border 0.3s;
   transition: border 0.3s;
}

.editor-writing-flow .colorSection:hover:before,
.editor-writing-flow .splitRow:hover:before,
.editor-writing-flow .mainContainer:hover:before,
.editor-writing-flow .broadContainer:hover:before {
   border-color: #ff0000;
   border-style: dot-dash;
}

.editor-writing-flow .colorSection:after,
.editor-writing-flow .splitRow:after,
.editor-writing-flow .mainContainer:after,
.editor-writing-flow .broadContainer:after {
   content: "\00a0\00a0 Container\00a0\00a0";
   color: #fff;
   background: #ff0000;
   position: absolute;
   top: -1.4em;
   left: -1.4em;
   border-bottom-right-radius: 0.8em;
   font-size: 0.7em;
   opacity: 0;
   -webkit-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
}

.editor-writing-flow .colorSection:after {
   content: "\00a0\00a0 Color section\00a0\00a0";
}

.editor-writing-flow .splitRow:after {
   content: "\00a0\00a0 Split row\00a0\00a0";
}

.editor-writing-flow .broadContainer:after {
   content: "\00a0\00a0 Wider - broader section\00a0\00a0";
}

.editor-writing-flow .colorSection .mainContainer:after {
   top: initial;
   bottom: -1.4em;
   border-top-right-radius: 0.8em;
   border-bottom-right-radius: 0;
}

.editor-writing-flow .colorSection:hover:after,
.editor-writing-flow .splitRow:hover:after,
.editor-writing-flow .mainContainer:hover:after,
.editor-writing-flow .broadContainer:hover:after {
   opacity: 1;
}

.editor-writing-flow .editor-url-input input {
   width: 100% !important;
}

/*GUTENBERG BLOCK EDITOR*/
.settingsIcon {
   position: absolute;
   cursor: pointer;
   height: 35px;
   width: 35px;
   border-bottom-left-radius: 6px;
   background: #fff;
   color: rgba(255, 0, 0, 0.5);
   text-align: center;
   font-size: 2em;
   line-height: 0.8em;
   z-index: 1;
   top: 0;
   right: 0;
   border-left: 1px solid rgba(255, 0, 0, 0.5);
   border-bottom: 1px solid rgba(255, 0, 0, 0.5);
   opacity: 0.5;
   -webkit-transition: opacity 300ms;
   -o-transition: opacity 300ms;
   transition: opacity 300ms;
}

.settingsIcon:hover {
   opacity: 1;
}

.settingsIcon:before {
   content: "⚙";
   position: absolute;
   cursor: pointer;
   height: inherit;
   width: inherit;
   border-bottom-left-radius: 6px;
   top: 0;
   right: 0;
}

.wp-block {
   max-width: 1100px;
}

.components-popover .editor-url-input input[type="text"],
.editor-block-list__block .editor-url-input input[type="text"],
.editor-url-input input[type="text"] {
   width: 135% !important;
}

.inputExt {
   position: absolute;
   margin-top: -3.5em;
   right: 6.6em;
}

/*COLUMNS - combining bootstrap grid with WP flex columns*/
.wp-block-column {
   margin: 0 !important;
   padding: 0;
   -ms-flex-preferred-size: 50%;
   flex-basis: 50%;
}

.wp-block-column > section {
   padding: 0 15px;
}

.wp-block-column:first-child > section {
   padding-left: 30px;
}

.wp-block-column:last-child > section {
   padding-right: 30px;
}

@media (max-width: 992px) {
   .wp-block-column > section {
      padding: 0 7.5px;
   }
   .wp-block-column:first-child > section {
      padding-left: 15px;
   }
   .wp-block-column:last-child > section {
      padding-right: 15px;
   }
}

@media (max-width: 599px) {
   .wp-block-column {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      -ms-flex-positive: 0;
      flex-grow: 0;
   }
   .wp-block-column > section {
      padding: 0 15px;
   }
}

/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-cgb-block-dan-blocks {
   background: orangered;
   border: 0.2rem solid #292929;
   color: #292929;
   margin: 0 auto;
   max-width: 740px;
   padding: 2rem;
}
@charset "UTF-8";
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.aspect {
   width: 100%;
   position: relative;
   /* If you want text inside of it */
   display: inline-block;
   /* The image */
}
.aspect.a1-1 {
   padding-top: 100%;
   /* 1:1 Aspect Ratio */
}
.aspect.a4-3 {
   padding-top: 75%;
   /* 4:3 Aspect Ratio */
}
.aspect.a16-9 {
   padding-top: 56.25%;
   /* 16:9 Aspect Ratio */
}
.aspect.a16-10 {
   padding-top: 62.5%;
   /* 16:10 Aspect Ratio */
}
.aspect.a3-1 {
   padding-top: 33%;
   /* 3:1 Aspect Ratio */
}
.aspect.img-border {
   border-radius: 6px;
   border: 2px solid #fff;
}
.aspect img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   -o-object-position: 50% 50%;
   object-position: 50% 50%;
   position: absolute;
   top: 0;
}

input,
button {
   background: none;
   border: none;
   font-family: "Roboto", sans-serif;
}

.btn {
   display: inline-block;
   white-space: nowrap;
   vertical-align: middle;
   text-align: center;
   cursor: pointer;
   line-height: 1.3;
   padding: 14px 34px;
   font-size: 13px;
   text-transform: none;
   color: #fff;
   border: 2px solid;
   border-radius: 6px;
   font-weight: 500;
   letter-spacing: 2px;
   text-transform: uppercase;
   text-decoration: none !important;
   max-width: 100%;
   min-width: 120px;
}
.btn:focus,
.btn:active:focus {
   outline: 0 none;
}

button[class*="icon-"]:before {
   margin-right: 8px;
}

.btn-primary {
   background-color: #f3232d;
   border-color: #f3232d;
   color: #fff;
}
.btn-primary:hover {
   background-color: #fa000c;
   border-color: #fa000c;
   color: #fff;
}
.btn-primary:disabled {
   color: rgba(255, 255, 255, 0.5);
   background-color: #f8868c;
   border-color: #f8868c;
}

.btn-secondary {
   background-color: transparent;
   border-color: #f3232d;
   color: #f3232d;
}
.btn-secondary:hover {
   background-color: #fa000c;
   border-color: #fa000c;
   color: #fff;
}

.btn-default {
   background-color: transparent;
   border-color: #f3232d;
   color: #f3232d;
}
.btn-default:hover {
   background-color: transparent;
   border-color: #ecebed;
   color: #1e1e1e;
}
.btn-default:disabled {
   color: rgba(30, 30, 30, 0.25);
   border-color: #ecebed;
}

button.is-danger {
   background-color: #ff2222 !important;
   text-shadow: 0 -1px 1px #bb0000, 1px 0 1px #bb0000, 0 1px 1px #bb0000, -1px 0 1px #bb0000 !important;
   -webkit-box-shadow: inset 0 -1px 0 #bb0000 !important;
   box-shadow: inset 0 -1px 0 #bb0000 !important;
   border-color: #bb0000 !important;
}

button.is-danger:hover {
   background-color: #de0000 !important;
}

.btn-sm {
   padding: 10px 30px;
}

.btn-lg {
   border-radius: 6px;
   padding: 11px 36px;
}

.btn-block {
   display: block;
   width: 100%;
}

:disabled {
   cursor: not-allowed;
}

.btn + .btn {
   margin: 0 0 0 15px;
}

.big-heading {
   font-weight: 600;
   font-size: 40px;
   line-height: 1em;
}

/*headers in banner*/
h1,
.heading-1 {
   font-size: 35px;
   letter-spacing: 2px;
   font-weight: 300;
   line-height: 1em;
}

h2,
.heading-2 {
   font-size: 30px;
   line-height: 1em;
}

h3,
.heading-3 {
   font-size: 25px;
   line-height: 1em;
}

h4,
.heading-4 {
   font-size: 20px;
   line-height: 1em;
}

h5,
.heading-5 {
   font-size: 15px;
   line-height: 1em;
}

.t-small {
   font-size: 14px;
}

strong,
.strong {
   font-weight: 600;
}

.uppercase {
   text-transform: uppercase;
}

.a-right {
   text-align: right;
}

.a-left {
   text-align: left;
}

.a-center {
   text-align: center;
}

.a-justify {
   text-align: justify;
}

.t-gray {
   color: #919191;
}

.errorInput {
   -webkit-box-shadow: 0 0 3px #ff2222;
   box-shadow: 0 0 3px #ff2222;
}

.shownInput {
   -webkit-box-shadow: 0 0 3px #7ed0ae;
   box-shadow: 0 0 3px #7ed0ae;
}

.shortCodeBtnTag {
   margin-top: 1.1em;
   margin-left: 0.5em;
   background: #fff;
   border: 1px solid #ff0000;
   border-radius: 0.3em;
   z-index: 20;
   position: absolute;
   height: 1.9em;
   width: 1.9em;
   line-height: 1.7em;
   vertical-align: middle;
   text-align: center;
   font-size: 0.7em;
   color: #f00;
   -webkit-box-shadow: 0px 1px 2px #000 inset;
   box-shadow: 0px 1px 2px #000 inset;
}

.editor-writing-flow .colorSection:before,
.editor-writing-flow .splitRow:before,
.editor-writing-flow .mainContainer:before,
.editor-writing-flow .broadContainer:before {
   content: "";
   position: absolute;
   border: dotted 1px #d0d0d0;
   top: -1em;
   left: -1em;
   right: -1em;
   bottom: -1em;
   -webkit-transition: border 0.3s;
   -o-transition: border 0.3s;
   transition: border 0.3s;
}

.editor-writing-flow .colorSection:hover:before,
.editor-writing-flow .splitRow:hover:before,
.editor-writing-flow .mainContainer:hover:before,
.editor-writing-flow .broadContainer:hover:before {
   border-color: #ff0000;
   border-style: dot-dash;
}

.editor-writing-flow .colorSection:after,
.editor-writing-flow .splitRow:after,
.editor-writing-flow .mainContainer:after,
.editor-writing-flow .broadContainer:after {
   content: "\00a0\00a0 Container\00a0\00a0";
   color: #fff;
   background: #ff0000;
   position: absolute;
   top: -1.4em;
   left: -1.4em;
   border-bottom-right-radius: 0.8em;
   font-size: 0.7em;
   opacity: 0;
   -webkit-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
}

.editor-writing-flow .colorSection:after {
   content: "\00a0\00a0 Color section\00a0\00a0";
}

.editor-writing-flow .splitRow:after {
   content: "\00a0\00a0 Split row\00a0\00a0";
}

.editor-writing-flow .broadContainer:after {
   content: "\00a0\00a0 Wider - broader section\00a0\00a0";
}

.editor-writing-flow .colorSection .mainContainer:after {
   top: initial;
   bottom: -1.4em;
   border-top-right-radius: 0.8em;
   border-bottom-right-radius: 0;
}

.editor-writing-flow .colorSection:hover:after,
.editor-writing-flow .splitRow:hover:after,
.editor-writing-flow .mainContainer:hover:after,
.editor-writing-flow .broadContainer:hover:after {
   opacity: 1;
}

.editor-writing-flow .editor-url-input input {
   width: 100% !important;
}

/*GUTENBERG BLOCK EDITOR*/
.settingsIcon {
   position: absolute;
   cursor: pointer;
   height: 35px;
   width: 35px;
   border-bottom-left-radius: 6px;
   background: #fff;
   color: rgba(255, 0, 0, 0.5);
   text-align: center;
   font-size: 2em;
   line-height: 0.8em;
   z-index: 1;
   top: 0;
   right: 0;
   border-left: 1px solid rgba(255, 0, 0, 0.5);
   border-bottom: 1px solid rgba(255, 0, 0, 0.5);
   opacity: 0.5;
   -webkit-transition: opacity 300ms;
   -o-transition: opacity 300ms;
   transition: opacity 300ms;
}

.settingsIcon:hover {
   opacity: 1;
}

.settingsIcon:before {
   content: "⚙";
   position: absolute;
   cursor: pointer;
   height: inherit;
   width: inherit;
   border-bottom-left-radius: 6px;
   top: 0;
   right: 0;
}

.wp-block {
   max-width: 1100px;
}

.components-popover .editor-url-input input[type="text"],
.editor-block-list__block .editor-url-input input[type="text"],
.editor-url-input input[type="text"] {
   width: 135% !important;
}

.inputExt {
   position: absolute;
   margin-top: -3.5em;
   right: 6.6em;
}

/*COLUMNS - combining bootstrap grid with WP flex columns*/
.wp-block-column {
   margin: 0 !important;
   padding: 0;
   -ms-flex-preferred-size: 50%;
   flex-basis: 50%;
}

.wp-block-column > section {
   padding: 0 15px;
}

.wp-block-column:first-child > section {
   padding-left: 30px;
}

.wp-block-column:last-child > section {
   padding-right: 30px;
}

@media (max-width: 992px) {
   .wp-block-column > section {
      padding: 0 7.5px;
   }
   .wp-block-column:first-child > section {
      padding-left: 15px;
   }
   .wp-block-column:last-child > section {
      padding-right: 15px;
   }
}

@media (max-width: 599px) {
   .wp-block-column {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      -ms-flex-positive: 0;
      flex-grow: 0;
   }
   .wp-block-column > section {
      padding: 0 15px;
   }
}

/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.has-silver-color {
   font-weight: normal;
   letter-spacing: 0;
}

.has-silver-color strong {
   color: #d0d0d0;
   font-weight: normal;
}

.has-red-color {
   font-weight: normal;
   letter-spacing: 0;
}

.has-red-color strong {
   color: #f3232d;
   font-weight: normal;
}

.has-no-color {
   font-weight: normal;
   letter-spacing: 0;
}

.has-no-color strong {
   color: revert;
   font-weight: normal;
}
@charset "UTF-8";
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.aspect {
   width: 100%;
   position: relative;
   /* If you want text inside of it */
   display: inline-block;
   /* The image */
}
.aspect.a1-1 {
   padding-top: 100%;
   /* 1:1 Aspect Ratio */
}
.aspect.a4-3 {
   padding-top: 75%;
   /* 4:3 Aspect Ratio */
}
.aspect.a16-9 {
   padding-top: 56.25%;
   /* 16:9 Aspect Ratio */
}
.aspect.a16-10 {
   padding-top: 62.5%;
   /* 16:10 Aspect Ratio */
}
.aspect.a3-1 {
   padding-top: 33%;
   /* 3:1 Aspect Ratio */
}
.aspect.img-border {
   border-radius: 6px;
   border: 2px solid #fff;
}
.aspect img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   -o-object-position: 50% 50%;
   object-position: 50% 50%;
   position: absolute;
   top: 0;
}

input,
button {
   background: none;
   border: none;
   font-family: "Roboto", sans-serif;
}

.btn {
   display: inline-block;
   white-space: nowrap;
   vertical-align: middle;
   text-align: center;
   cursor: pointer;
   line-height: 1.3;
   padding: 14px 34px;
   font-size: 13px;
   text-transform: none;
   color: #fff;
   border: 2px solid;
   border-radius: 6px;
   font-weight: 500;
   letter-spacing: 2px;
   text-transform: uppercase;
   text-decoration: none !important;
   max-width: 100%;
   min-width: 120px;
}
.btn:focus,
.btn:active:focus {
   outline: 0 none;
}

button[class*="icon-"]:before {
   margin-right: 8px;
}

.btn-primary {
   background-color: #f3232d;
   border-color: #f3232d;
   color: #fff;
}
.btn-primary:hover {
   background-color: #fa000c;
   border-color: #fa000c;
   color: #fff;
}
.btn-primary:disabled {
   color: rgba(255, 255, 255, 0.5);
   background-color: #f8868c;
   border-color: #f8868c;
}

.btn-secondary {
   background-color: transparent;
   border-color: #f3232d;
   color: #f3232d;
}
.btn-secondary:hover {
   background-color: #fa000c;
   border-color: #fa000c;
   color: #fff;
}

.btn-default {
   background-color: transparent;
   border-color: #f3232d;
   color: #f3232d;
}
.btn-default:hover {
   background-color: transparent;
   border-color: #ecebed;
   color: #1e1e1e;
}
.btn-default:disabled {
   color: rgba(30, 30, 30, 0.25);
   border-color: #ecebed;
}

button.is-danger {
   background-color: #ff2222 !important;
   text-shadow: 0 -1px 1px #bb0000, 1px 0 1px #bb0000, 0 1px 1px #bb0000, -1px 0 1px #bb0000 !important;
   -webkit-box-shadow: inset 0 -1px 0 #bb0000 !important;
   box-shadow: inset 0 -1px 0 #bb0000 !important;
   border-color: #bb0000 !important;
}

button.is-danger:hover {
   background-color: #de0000 !important;
}

.btn-sm {
   padding: 10px 30px;
}

.btn-lg {
   border-radius: 6px;
   padding: 11px 36px;
}

.btn-block {
   display: block;
   width: 100%;
}

:disabled {
   cursor: not-allowed;
}

.btn + .btn {
   margin: 0 0 0 15px;
}

.big-heading {
   font-weight: 600;
   font-size: 40px;
   line-height: 1em;
}

/*headers in banner*/
h1,
.heading-1 {
   font-size: 35px;
   letter-spacing: 2px;
   font-weight: 300;
   line-height: 1em;
}

h2,
.heading-2 {
   font-size: 30px;
   line-height: 1em;
}

h3,
.heading-3 {
   font-size: 25px;
   line-height: 1em;
}

h4,
.heading-4 {
   font-size: 20px;
   line-height: 1em;
}

h5,
.heading-5 {
   font-size: 15px;
   line-height: 1em;
}

.t-small {
   font-size: 14px;
}

strong,
.strong {
   font-weight: 600;
}

.uppercase {
   text-transform: uppercase;
}

.a-right {
   text-align: right;
}

.a-left {
   text-align: left;
}

.a-center {
   text-align: center;
}

.a-justify {
   text-align: justify;
}

.t-gray {
   color: #919191;
}

.errorInput {
   -webkit-box-shadow: 0 0 3px #ff2222;
   box-shadow: 0 0 3px #ff2222;
}

.shownInput {
   -webkit-box-shadow: 0 0 3px #7ed0ae;
   box-shadow: 0 0 3px #7ed0ae;
}

.shortCodeBtnTag {
   margin-top: 1.1em;
   margin-left: 0.5em;
   background: #fff;
   border: 1px solid #ff0000;
   border-radius: 0.3em;
   z-index: 20;
   position: absolute;
   height: 1.9em;
   width: 1.9em;
   line-height: 1.7em;
   vertical-align: middle;
   text-align: center;
   font-size: 0.7em;
   color: #f00;
   -webkit-box-shadow: 0px 1px 2px #000 inset;
   box-shadow: 0px 1px 2px #000 inset;
}

.editor-writing-flow .colorSection:before,
.editor-writing-flow .splitRow:before,
.editor-writing-flow .mainContainer:before,
.editor-writing-flow .broadContainer:before {
   content: "";
   position: absolute;
   border: dotted 1px #d0d0d0;
   top: -1em;
   left: -1em;
   right: -1em;
   bottom: -1em;
   -webkit-transition: border 0.3s;
   -o-transition: border 0.3s;
   transition: border 0.3s;
}

.editor-writing-flow .colorSection:hover:before,
.editor-writing-flow .splitRow:hover:before,
.editor-writing-flow .mainContainer:hover:before,
.editor-writing-flow .broadContainer:hover:before {
   border-color: #ff0000;
   border-style: dot-dash;
}

.editor-writing-flow .colorSection:after,
.editor-writing-flow .splitRow:after,
.editor-writing-flow .mainContainer:after,
.editor-writing-flow .broadContainer:after {
   content: "\00a0\00a0 Container\00a0\00a0";
   color: #fff;
   background: #ff0000;
   position: absolute;
   top: -1.4em;
   left: -1.4em;
   border-bottom-right-radius: 0.8em;
   font-size: 0.7em;
   opacity: 0;
   -webkit-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
}

.editor-writing-flow .colorSection:after {
   content: "\00a0\00a0 Color section\00a0\00a0";
}

.editor-writing-flow .splitRow:after {
   content: "\00a0\00a0 Split row\00a0\00a0";
}

.editor-writing-flow .broadContainer:after {
   content: "\00a0\00a0 Wider - broader section\00a0\00a0";
}

.editor-writing-flow .colorSection .mainContainer:after {
   top: initial;
   bottom: -1.4em;
   border-top-right-radius: 0.8em;
   border-bottom-right-radius: 0;
}

.editor-writing-flow .colorSection:hover:after,
.editor-writing-flow .splitRow:hover:after,
.editor-writing-flow .mainContainer:hover:after,
.editor-writing-flow .broadContainer:hover:after {
   opacity: 1;
}

.editor-writing-flow .editor-url-input input {
   width: 100% !important;
}

/*GUTENBERG BLOCK EDITOR*/
.settingsIcon {
   position: absolute;
   cursor: pointer;
   height: 35px;
   width: 35px;
   border-bottom-left-radius: 6px;
   background: #fff;
   color: rgba(255, 0, 0, 0.5);
   text-align: center;
   font-size: 2em;
   line-height: 0.8em;
   z-index: 1;
   top: 0;
   right: 0;
   border-left: 1px solid rgba(255, 0, 0, 0.5);
   border-bottom: 1px solid rgba(255, 0, 0, 0.5);
   opacity: 0.5;
   -webkit-transition: opacity 300ms;
   -o-transition: opacity 300ms;
   transition: opacity 300ms;
}

.settingsIcon:hover {
   opacity: 1;
}

.settingsIcon:before {
   content: "⚙";
   position: absolute;
   cursor: pointer;
   height: inherit;
   width: inherit;
   border-bottom-left-radius: 6px;
   top: 0;
   right: 0;
}

.wp-block {
   max-width: 1100px;
}

.components-popover .editor-url-input input[type="text"],
.editor-block-list__block .editor-url-input input[type="text"],
.editor-url-input input[type="text"] {
   width: 135% !important;
}

.inputExt {
   position: absolute;
   margin-top: -3.5em;
   right: 6.6em;
}

/*COLUMNS - combining bootstrap grid with WP flex columns*/
.wp-block-column {
   margin: 0 !important;
   padding: 0;
   -ms-flex-preferred-size: 50%;
   flex-basis: 50%;
}

.wp-block-column > section {
   padding: 0 15px;
}

.wp-block-column:first-child > section {
   padding-left: 30px;
}

.wp-block-column:last-child > section {
   padding-right: 30px;
}

@media (max-width: 992px) {
   .wp-block-column > section {
      padding: 0 7.5px;
   }
   .wp-block-column:first-child > section {
      padding-left: 15px;
   }
   .wp-block-column:last-child > section {
      padding-right: 15px;
   }
}

@media (max-width: 599px) {
   .wp-block-column {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      -ms-flex-positive: 0;
      flex-grow: 0;
   }
   .wp-block-column > section {
      padding: 0 15px;
   }
}

/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.intro-news .into-news-list .item .row .entry a,
.intro-news .into-news-list .item .row .entry span {
   width: initial !important;
}

@media (max-width: 479px) {
   .intro-news .into-news-list .item .row .entry a,
   .intro-news .into-news-list .item .row .entry span {
      width: 100% !important;
   }
}
@charset "UTF-8";
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.aspect {
   width: 100%;
   position: relative;
   /* If you want text inside of it */
   display: inline-block;
   /* The image */
}
.aspect.a1-1 {
   padding-top: 100%;
   /* 1:1 Aspect Ratio */
}
.aspect.a4-3 {
   padding-top: 75%;
   /* 4:3 Aspect Ratio */
}
.aspect.a16-9 {
   padding-top: 56.25%;
   /* 16:9 Aspect Ratio */
}
.aspect.a16-10 {
   padding-top: 62.5%;
   /* 16:10 Aspect Ratio */
}
.aspect.a3-1 {
   padding-top: 33%;
   /* 3:1 Aspect Ratio */
}
.aspect.img-border {
   border-radius: 6px;
   border: 2px solid #fff;
}
.aspect img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   -o-object-position: 50% 50%;
   object-position: 50% 50%;
   position: absolute;
   top: 0;
}

input,
button {
   background: none;
   border: none;
   font-family: "Roboto", sans-serif;
}

.btn {
   display: inline-block;
   white-space: nowrap;
   vertical-align: middle;
   text-align: center;
   cursor: pointer;
   line-height: 1.3;
   padding: 14px 34px;
   font-size: 13px;
   text-transform: none;
   color: #fff;
   border: 2px solid;
   border-radius: 6px;
   font-weight: 500;
   letter-spacing: 2px;
   text-transform: uppercase;
   text-decoration: none !important;
   max-width: 100%;
   min-width: 120px;
}
.btn:focus,
.btn:active:focus {
   outline: 0 none;
}

button[class*="icon-"]:before {
   margin-right: 8px;
}

.btn-primary {
   background-color: #f3232d;
   border-color: #f3232d;
   color: #fff;
}
.btn-primary:hover {
   background-color: #fa000c;
   border-color: #fa000c;
   color: #fff;
}
.btn-primary:disabled {
   color: rgba(255, 255, 255, 0.5);
   background-color: #f8868c;
   border-color: #f8868c;
}

.btn-secondary {
   background-color: transparent;
   border-color: #f3232d;
   color: #f3232d;
}
.btn-secondary:hover {
   background-color: #fa000c;
   border-color: #fa000c;
   color: #fff;
}

.btn-default {
   background-color: transparent;
   border-color: #f3232d;
   color: #f3232d;
}
.btn-default:hover {
   background-color: transparent;
   border-color: #ecebed;
   color: #1e1e1e;
}
.btn-default:disabled {
   color: rgba(30, 30, 30, 0.25);
   border-color: #ecebed;
}

button.is-danger {
   background-color: #ff2222 !important;
   text-shadow: 0 -1px 1px #bb0000, 1px 0 1px #bb0000, 0 1px 1px #bb0000, -1px 0 1px #bb0000 !important;
   -webkit-box-shadow: inset 0 -1px 0 #bb0000 !important;
   box-shadow: inset 0 -1px 0 #bb0000 !important;
   border-color: #bb0000 !important;
}

button.is-danger:hover {
   background-color: #de0000 !important;
}

.btn-sm {
   padding: 10px 30px;
}

.btn-lg {
   border-radius: 6px;
   padding: 11px 36px;
}

.btn-block {
   display: block;
   width: 100%;
}

:disabled {
   cursor: not-allowed;
}

.btn + .btn {
   margin: 0 0 0 15px;
}

.big-heading {
   font-weight: 600;
   font-size: 40px;
   line-height: 1em;
}

/*headers in banner*/
h1,
.heading-1 {
   font-size: 35px;
   letter-spacing: 2px;
   font-weight: 300;
   line-height: 1em;
}

h2,
.heading-2 {
   font-size: 30px;
   line-height: 1em;
}

h3,
.heading-3 {
   font-size: 25px;
   line-height: 1em;
}

h4,
.heading-4 {
   font-size: 20px;
   line-height: 1em;
}

h5,
.heading-5 {
   font-size: 15px;
   line-height: 1em;
}

.t-small {
   font-size: 14px;
}

strong,
.strong {
   font-weight: 600;
}

.uppercase {
   text-transform: uppercase;
}

.a-right {
   text-align: right;
}

.a-left {
   text-align: left;
}

.a-center {
   text-align: center;
}

.a-justify {
   text-align: justify;
}

.t-gray {
   color: #919191;
}

.errorInput {
   -webkit-box-shadow: 0 0 3px #ff2222;
   box-shadow: 0 0 3px #ff2222;
}

.shownInput {
   -webkit-box-shadow: 0 0 3px #7ed0ae;
   box-shadow: 0 0 3px #7ed0ae;
}

.shortCodeBtnTag {
   margin-top: 1.1em;
   margin-left: 0.5em;
   background: #fff;
   border: 1px solid #ff0000;
   border-radius: 0.3em;
   z-index: 20;
   position: absolute;
   height: 1.9em;
   width: 1.9em;
   line-height: 1.7em;
   vertical-align: middle;
   text-align: center;
   font-size: 0.7em;
   color: #f00;
   -webkit-box-shadow: 0px 1px 2px #000 inset;
   box-shadow: 0px 1px 2px #000 inset;
}

.editor-writing-flow .colorSection:before,
.editor-writing-flow .splitRow:before,
.editor-writing-flow .mainContainer:before,
.editor-writing-flow .broadContainer:before {
   content: "";
   position: absolute;
   border: dotted 1px #d0d0d0;
   top: -1em;
   left: -1em;
   right: -1em;
   bottom: -1em;
   -webkit-transition: border 0.3s;
   -o-transition: border 0.3s;
   transition: border 0.3s;
}

.editor-writing-flow .colorSection:hover:before,
.editor-writing-flow .splitRow:hover:before,
.editor-writing-flow .mainContainer:hover:before,
.editor-writing-flow .broadContainer:hover:before {
   border-color: #ff0000;
   border-style: dot-dash;
}

.editor-writing-flow .colorSection:after,
.editor-writing-flow .splitRow:after,
.editor-writing-flow .mainContainer:after,
.editor-writing-flow .broadContainer:after {
   content: "\00a0\00a0 Container\00a0\00a0";
   color: #fff;
   background: #ff0000;
   position: absolute;
   top: -1.4em;
   left: -1.4em;
   border-bottom-right-radius: 0.8em;
   font-size: 0.7em;
   opacity: 0;
   -webkit-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
}

.editor-writing-flow .colorSection:after {
   content: "\00a0\00a0 Color section\00a0\00a0";
}

.editor-writing-flow .splitRow:after {
   content: "\00a0\00a0 Split row\00a0\00a0";
}

.editor-writing-flow .broadContainer:after {
   content: "\00a0\00a0 Wider - broader section\00a0\00a0";
}

.editor-writing-flow .colorSection .mainContainer:after {
   top: initial;
   bottom: -1.4em;
   border-top-right-radius: 0.8em;
   border-bottom-right-radius: 0;
}

.editor-writing-flow .colorSection:hover:after,
.editor-writing-flow .splitRow:hover:after,
.editor-writing-flow .mainContainer:hover:after,
.editor-writing-flow .broadContainer:hover:after {
   opacity: 1;
}

.editor-writing-flow .editor-url-input input {
   width: 100% !important;
}

/*GUTENBERG BLOCK EDITOR*/
.settingsIcon {
   position: absolute;
   cursor: pointer;
   height: 35px;
   width: 35px;
   border-bottom-left-radius: 6px;
   background: #fff;
   color: rgba(255, 0, 0, 0.5);
   text-align: center;
   font-size: 2em;
   line-height: 0.8em;
   z-index: 1;
   top: 0;
   right: 0;
   border-left: 1px solid rgba(255, 0, 0, 0.5);
   border-bottom: 1px solid rgba(255, 0, 0, 0.5);
   opacity: 0.5;
   -webkit-transition: opacity 300ms;
   -o-transition: opacity 300ms;
   transition: opacity 300ms;
}

.settingsIcon:hover {
   opacity: 1;
}

.settingsIcon:before {
   content: "⚙";
   position: absolute;
   cursor: pointer;
   height: inherit;
   width: inherit;
   border-bottom-left-radius: 6px;
   top: 0;
   right: 0;
}

.wp-block {
   max-width: 1100px;
}

.components-popover .editor-url-input input[type="text"],
.editor-block-list__block .editor-url-input input[type="text"],
.editor-url-input input[type="text"] {
   width: 135% !important;
}

.inputExt {
   position: absolute;
   margin-top: -3.5em;
   right: 6.6em;
}

/*COLUMNS - combining bootstrap grid with WP flex columns*/
.wp-block-column {
   margin: 0 !important;
   padding: 0;
   -ms-flex-preferred-size: 50%;
   flex-basis: 50%;
}

.wp-block-column > section {
   padding: 0 15px;
}

.wp-block-column:first-child > section {
   padding-left: 30px;
}

.wp-block-column:last-child > section {
   padding-right: 30px;
}

@media (max-width: 992px) {
   .wp-block-column > section {
      padding: 0 7.5px;
   }
   .wp-block-column:first-child > section {
      padding-left: 15px;
   }
   .wp-block-column:last-child > section {
      padding-right: 15px;
   }
}

@media (max-width: 599px) {
   .wp-block-column {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      -ms-flex-positive: 0;
      flex-grow: 0;
   }
   .wp-block-column > section {
      padding: 0 15px;
   }
}

/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.intro-news .into-news-list .item .row .entry a,
.intro-news .into-news-list .item .row .entry span {
   width: initial !important;
}

@media (max-width: 479px) {
   .intro-news .into-news-list .item .row .entry a,
   .intro-news .into-news-list .item .row .entry span {
      width: 100% !important;
   }
}
@charset "UTF-8";
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.aspect {
   width: 100%;
   position: relative;
   /* If you want text inside of it */
   display: inline-block;
   /* The image */
}
.aspect.a1-1 {
   padding-top: 100%;
   /* 1:1 Aspect Ratio */
}
.aspect.a4-3 {
   padding-top: 75%;
   /* 4:3 Aspect Ratio */
}
.aspect.a16-9 {
   padding-top: 56.25%;
   /* 16:9 Aspect Ratio */
}
.aspect.a16-10 {
   padding-top: 62.5%;
   /* 16:10 Aspect Ratio */
}
.aspect.a3-1 {
   padding-top: 33%;
   /* 3:1 Aspect Ratio */
}
.aspect.img-border {
   border-radius: 6px;
   border: 2px solid #fff;
}
.aspect img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   -o-object-position: 50% 50%;
   object-position: 50% 50%;
   position: absolute;
   top: 0;
}

input,
button {
   background: none;
   border: none;
   font-family: "Roboto", sans-serif;
}

.btn {
   display: inline-block;
   white-space: nowrap;
   vertical-align: middle;
   text-align: center;
   cursor: pointer;
   line-height: 1.3;
   padding: 14px 34px;
   font-size: 13px;
   text-transform: none;
   color: #fff;
   border: 2px solid;
   border-radius: 6px;
   font-weight: 500;
   letter-spacing: 2px;
   text-transform: uppercase;
   text-decoration: none !important;
   max-width: 100%;
   min-width: 120px;
}
.btn:focus,
.btn:active:focus {
   outline: 0 none;
}

button[class*="icon-"]:before {
   margin-right: 8px;
}

.btn-primary {
   background-color: #f3232d;
   border-color: #f3232d;
   color: #fff;
}
.btn-primary:hover {
   background-color: #fa000c;
   border-color: #fa000c;
   color: #fff;
}
.btn-primary:disabled {
   color: rgba(255, 255, 255, 0.5);
   background-color: #f8868c;
   border-color: #f8868c;
}

.btn-secondary {
   background-color: transparent;
   border-color: #f3232d;
   color: #f3232d;
}
.btn-secondary:hover {
   background-color: #fa000c;
   border-color: #fa000c;
   color: #fff;
}

.btn-default {
   background-color: transparent;
   border-color: #f3232d;
   color: #f3232d;
}
.btn-default:hover {
   background-color: transparent;
   border-color: #ecebed;
   color: #1e1e1e;
}
.btn-default:disabled {
   color: rgba(30, 30, 30, 0.25);
   border-color: #ecebed;
}

button.is-danger {
   background-color: #ff2222 !important;
   text-shadow: 0 -1px 1px #bb0000, 1px 0 1px #bb0000, 0 1px 1px #bb0000, -1px 0 1px #bb0000 !important;
   -webkit-box-shadow: inset 0 -1px 0 #bb0000 !important;
   box-shadow: inset 0 -1px 0 #bb0000 !important;
   border-color: #bb0000 !important;
}

button.is-danger:hover {
   background-color: #de0000 !important;
}

.btn-sm {
   padding: 10px 30px;
}

.btn-lg {
   border-radius: 6px;
   padding: 11px 36px;
}

.btn-block {
   display: block;
   width: 100%;
}

:disabled {
   cursor: not-allowed;
}

.btn + .btn {
   margin: 0 0 0 15px;
}

.big-heading {
   font-weight: 600;
   font-size: 40px;
   line-height: 1em;
}

/*headers in banner*/
h1,
.heading-1 {
   font-size: 35px;
   letter-spacing: 2px;
   font-weight: 300;
   line-height: 1em;
}

h2,
.heading-2 {
   font-size: 30px;
   line-height: 1em;
}

h3,
.heading-3 {
   font-size: 25px;
   line-height: 1em;
}

h4,
.heading-4 {
   font-size: 20px;
   line-height: 1em;
}

h5,
.heading-5 {
   font-size: 15px;
   line-height: 1em;
}

.t-small {
   font-size: 14px;
}

strong,
.strong {
   font-weight: 600;
}

.uppercase {
   text-transform: uppercase;
}

.a-right {
   text-align: right;
}

.a-left {
   text-align: left;
}

.a-center {
   text-align: center;
}

.a-justify {
   text-align: justify;
}

.t-gray {
   color: #919191;
}

.errorInput {
   -webkit-box-shadow: 0 0 3px #ff2222;
   box-shadow: 0 0 3px #ff2222;
}

.shownInput {
   -webkit-box-shadow: 0 0 3px #7ed0ae;
   box-shadow: 0 0 3px #7ed0ae;
}

.shortCodeBtnTag {
   margin-top: 1.1em;
   margin-left: 0.5em;
   background: #fff;
   border: 1px solid #ff0000;
   border-radius: 0.3em;
   z-index: 20;
   position: absolute;
   height: 1.9em;
   width: 1.9em;
   line-height: 1.7em;
   vertical-align: middle;
   text-align: center;
   font-size: 0.7em;
   color: #f00;
   -webkit-box-shadow: 0px 1px 2px #000 inset;
   box-shadow: 0px 1px 2px #000 inset;
}

.editor-writing-flow .colorSection:before,
.editor-writing-flow .splitRow:before,
.editor-writing-flow .mainContainer:before,
.editor-writing-flow .broadContainer:before {
   content: "";
   position: absolute;
   border: dotted 1px #d0d0d0;
   top: -1em;
   left: -1em;
   right: -1em;
   bottom: -1em;
   -webkit-transition: border 0.3s;
   -o-transition: border 0.3s;
   transition: border 0.3s;
}

.editor-writing-flow .colorSection:hover:before,
.editor-writing-flow .splitRow:hover:before,
.editor-writing-flow .mainContainer:hover:before,
.editor-writing-flow .broadContainer:hover:before {
   border-color: #ff0000;
   border-style: dot-dash;
}

.editor-writing-flow .colorSection:after,
.editor-writing-flow .splitRow:after,
.editor-writing-flow .mainContainer:after,
.editor-writing-flow .broadContainer:after {
   content: "\00a0\00a0 Container\00a0\00a0";
   color: #fff;
   background: #ff0000;
   position: absolute;
   top: -1.4em;
   left: -1.4em;
   border-bottom-right-radius: 0.8em;
   font-size: 0.7em;
   opacity: 0;
   -webkit-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
}

.editor-writing-flow .colorSection:after {
   content: "\00a0\00a0 Color section\00a0\00a0";
}

.editor-writing-flow .splitRow:after {
   content: "\00a0\00a0 Split row\00a0\00a0";
}

.editor-writing-flow .broadContainer:after {
   content: "\00a0\00a0 Wider - broader section\00a0\00a0";
}

.editor-writing-flow .colorSection .mainContainer:after {
   top: initial;
   bottom: -1.4em;
   border-top-right-radius: 0.8em;
   border-bottom-right-radius: 0;
}

.editor-writing-flow .colorSection:hover:after,
.editor-writing-flow .splitRow:hover:after,
.editor-writing-flow .mainContainer:hover:after,
.editor-writing-flow .broadContainer:hover:after {
   opacity: 1;
}

.editor-writing-flow .editor-url-input input {
   width: 100% !important;
}

/*GUTENBERG BLOCK EDITOR*/
.settingsIcon {
   position: absolute;
   cursor: pointer;
   height: 35px;
   width: 35px;
   border-bottom-left-radius: 6px;
   background: #fff;
   color: rgba(255, 0, 0, 0.5);
   text-align: center;
   font-size: 2em;
   line-height: 0.8em;
   z-index: 1;
   top: 0;
   right: 0;
   border-left: 1px solid rgba(255, 0, 0, 0.5);
   border-bottom: 1px solid rgba(255, 0, 0, 0.5);
   opacity: 0.5;
   -webkit-transition: opacity 300ms;
   -o-transition: opacity 300ms;
   transition: opacity 300ms;
}

.settingsIcon:hover {
   opacity: 1;
}

.settingsIcon:before {
   content: "⚙";
   position: absolute;
   cursor: pointer;
   height: inherit;
   width: inherit;
   border-bottom-left-radius: 6px;
   top: 0;
   right: 0;
}

.wp-block {
   max-width: 1100px;
}

.components-popover .editor-url-input input[type="text"],
.editor-block-list__block .editor-url-input input[type="text"],
.editor-url-input input[type="text"] {
   width: 135% !important;
}

.inputExt {
   position: absolute;
   margin-top: -3.5em;
   right: 6.6em;
}

/*COLUMNS - combining bootstrap grid with WP flex columns*/
.wp-block-column {
   margin: 0 !important;
   padding: 0;
   -ms-flex-preferred-size: 50%;
   flex-basis: 50%;
}

.wp-block-column > section {
   padding: 0 15px;
}

.wp-block-column:first-child > section {
   padding-left: 30px;
}

.wp-block-column:last-child > section {
   padding-right: 30px;
}

@media (max-width: 992px) {
   .wp-block-column > section {
      padding: 0 7.5px;
   }
   .wp-block-column:first-child > section {
      padding-left: 15px;
   }
   .wp-block-column:last-child > section {
      padding-right: 15px;
   }
}

@media (max-width: 599px) {
   .wp-block-column {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      -ms-flex-positive: 0;
      flex-grow: 0;
   }
   .wp-block-column > section {
      padding: 0 15px;
   }
}

/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.has-silver-color {
   font-weight: normal;
   letter-spacing: 0;
}

.has-silver-color strong {
   color: #d0d0d0;
   font-weight: normal;
}

.has-red-color {
   font-weight: normal;
   letter-spacing: 0;
}

.has-red-color strong {
   color: #f3232d;
   font-weight: normal;
}

.has-no-color {
   font-weight: normal;
   letter-spacing: 0;
}

.has-no-color strong {
   color: revert;
   font-weight: normal;
}
@charset "UTF-8";
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.aspect {
   width: 100%;
   position: relative;
   /* If you want text inside of it */
   display: inline-block;
   /* The image */
}
.aspect.a1-1 {
   padding-top: 100%;
   /* 1:1 Aspect Ratio */
}
.aspect.a4-3 {
   padding-top: 75%;
   /* 4:3 Aspect Ratio */
}
.aspect.a16-9 {
   padding-top: 56.25%;
   /* 16:9 Aspect Ratio */
}
.aspect.a16-10 {
   padding-top: 62.5%;
   /* 16:10 Aspect Ratio */
}
.aspect.a3-1 {
   padding-top: 33%;
   /* 3:1 Aspect Ratio */
}
.aspect.img-border {
   border-radius: 6px;
   border: 2px solid #fff;
}
.aspect img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   -o-object-position: 50% 50%;
   object-position: 50% 50%;
   position: absolute;
   top: 0;
}

input,
button {
   background: none;
   border: none;
   font-family: "Roboto", sans-serif;
}

.btn {
   display: inline-block;
   white-space: nowrap;
   vertical-align: middle;
   text-align: center;
   cursor: pointer;
   line-height: 1.3;
   padding: 14px 34px;
   font-size: 13px;
   text-transform: none;
   color: #fff;
   border: 2px solid;
   border-radius: 6px;
   font-weight: 500;
   letter-spacing: 2px;
   text-transform: uppercase;
   text-decoration: none !important;
   max-width: 100%;
   min-width: 120px;
}
.btn:focus,
.btn:active:focus {
   outline: 0 none;
}

button[class*="icon-"]:before {
   margin-right: 8px;
}

.btn-primary {
   background-color: #f3232d;
   border-color: #f3232d;
   color: #fff;
}
.btn-primary:hover {
   background-color: #fa000c;
   border-color: #fa000c;
   color: #fff;
}
.btn-primary:disabled {
   color: rgba(255, 255, 255, 0.5);
   background-color: #f8868c;
   border-color: #f8868c;
}

.btn-secondary {
   background-color: transparent;
   border-color: #f3232d;
   color: #f3232d;
}
.btn-secondary:hover {
   background-color: #fa000c;
   border-color: #fa000c;
   color: #fff;
}

.btn-default {
   background-color: transparent;
   border-color: #f3232d;
   color: #f3232d;
}
.btn-default:hover {
   background-color: transparent;
   border-color: #ecebed;
   color: #1e1e1e;
}
.btn-default:disabled {
   color: rgba(30, 30, 30, 0.25);
   border-color: #ecebed;
}

button.is-danger {
   background-color: #ff2222 !important;
   text-shadow: 0 -1px 1px #bb0000, 1px 0 1px #bb0000, 0 1px 1px #bb0000, -1px 0 1px #bb0000 !important;
   -webkit-box-shadow: inset 0 -1px 0 #bb0000 !important;
   box-shadow: inset 0 -1px 0 #bb0000 !important;
   border-color: #bb0000 !important;
}

button.is-danger:hover {
   background-color: #de0000 !important;
}

.btn-sm {
   padding: 10px 30px;
}

.btn-lg {
   border-radius: 6px;
   padding: 11px 36px;
}

.btn-block {
   display: block;
   width: 100%;
}

:disabled {
   cursor: not-allowed;
}

.btn + .btn {
   margin: 0 0 0 15px;
}

.big-heading {
   font-weight: 600;
   font-size: 40px;
   line-height: 1em;
}

/*headers in banner*/
h1,
.heading-1 {
   font-size: 35px;
   letter-spacing: 2px;
   font-weight: 300;
   line-height: 1em;
}

h2,
.heading-2 {
   font-size: 30px;
   line-height: 1em;
}

h3,
.heading-3 {
   font-size: 25px;
   line-height: 1em;
}

h4,
.heading-4 {
   font-size: 20px;
   line-height: 1em;
}

h5,
.heading-5 {
   font-size: 15px;
   line-height: 1em;
}

.t-small {
   font-size: 14px;
}

strong,
.strong {
   font-weight: 600;
}

.uppercase {
   text-transform: uppercase;
}

.a-right {
   text-align: right;
}

.a-left {
   text-align: left;
}

.a-center {
   text-align: center;
}

.a-justify {
   text-align: justify;
}

.t-gray {
   color: #919191;
}

.errorInput {
   -webkit-box-shadow: 0 0 3px #ff2222;
   box-shadow: 0 0 3px #ff2222;
}

.shownInput {
   -webkit-box-shadow: 0 0 3px #7ed0ae;
   box-shadow: 0 0 3px #7ed0ae;
}

.shortCodeBtnTag {
   margin-top: 1.1em;
   margin-left: 0.5em;
   background: #fff;
   border: 1px solid #ff0000;
   border-radius: 0.3em;
   z-index: 20;
   position: absolute;
   height: 1.9em;
   width: 1.9em;
   line-height: 1.7em;
   vertical-align: middle;
   text-align: center;
   font-size: 0.7em;
   color: #f00;
   -webkit-box-shadow: 0px 1px 2px #000 inset;
   box-shadow: 0px 1px 2px #000 inset;
}

.editor-writing-flow .colorSection:before,
.editor-writing-flow .splitRow:before,
.editor-writing-flow .mainContainer:before,
.editor-writing-flow .broadContainer:before {
   content: "";
   position: absolute;
   border: dotted 1px #d0d0d0;
   top: -1em;
   left: -1em;
   right: -1em;
   bottom: -1em;
   -webkit-transition: border 0.3s;
   -o-transition: border 0.3s;
   transition: border 0.3s;
}

.editor-writing-flow .colorSection:hover:before,
.editor-writing-flow .splitRow:hover:before,
.editor-writing-flow .mainContainer:hover:before,
.editor-writing-flow .broadContainer:hover:before {
   border-color: #ff0000;
   border-style: dot-dash;
}

.editor-writing-flow .colorSection:after,
.editor-writing-flow .splitRow:after,
.editor-writing-flow .mainContainer:after,
.editor-writing-flow .broadContainer:after {
   content: "\00a0\00a0 Container\00a0\00a0";
   color: #fff;
   background: #ff0000;
   position: absolute;
   top: -1.4em;
   left: -1.4em;
   border-bottom-right-radius: 0.8em;
   font-size: 0.7em;
   opacity: 0;
   -webkit-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
}

.editor-writing-flow .colorSection:after {
   content: "\00a0\00a0 Color section\00a0\00a0";
}

.editor-writing-flow .splitRow:after {
   content: "\00a0\00a0 Split row\00a0\00a0";
}

.editor-writing-flow .broadContainer:after {
   content: "\00a0\00a0 Wider - broader section\00a0\00a0";
}

.editor-writing-flow .colorSection .mainContainer:after {
   top: initial;
   bottom: -1.4em;
   border-top-right-radius: 0.8em;
   border-bottom-right-radius: 0;
}

.editor-writing-flow .colorSection:hover:after,
.editor-writing-flow .splitRow:hover:after,
.editor-writing-flow .mainContainer:hover:after,
.editor-writing-flow .broadContainer:hover:after {
   opacity: 1;
}

.editor-writing-flow .editor-url-input input {
   width: 100% !important;
}

/*GUTENBERG BLOCK EDITOR*/
.settingsIcon {
   position: absolute;
   cursor: pointer;
   height: 35px;
   width: 35px;
   border-bottom-left-radius: 6px;
   background: #fff;
   color: rgba(255, 0, 0, 0.5);
   text-align: center;
   font-size: 2em;
   line-height: 0.8em;
   z-index: 1;
   top: 0;
   right: 0;
   border-left: 1px solid rgba(255, 0, 0, 0.5);
   border-bottom: 1px solid rgba(255, 0, 0, 0.5);
   opacity: 0.5;
   -webkit-transition: opacity 300ms;
   -o-transition: opacity 300ms;
   transition: opacity 300ms;
}

.settingsIcon:hover {
   opacity: 1;
}

.settingsIcon:before {
   content: "⚙";
   position: absolute;
   cursor: pointer;
   height: inherit;
   width: inherit;
   border-bottom-left-radius: 6px;
   top: 0;
   right: 0;
}

.wp-block {
   max-width: 1100px;
}

.components-popover .editor-url-input input[type="text"],
.editor-block-list__block .editor-url-input input[type="text"],
.editor-url-input input[type="text"] {
   width: 135% !important;
}

.inputExt {
   position: absolute;
   margin-top: -3.5em;
   right: 6.6em;
}

/*COLUMNS - combining bootstrap grid with WP flex columns*/
.wp-block-column {
   margin: 0 !important;
   padding: 0;
   -ms-flex-preferred-size: 50%;
   flex-basis: 50%;
}

.wp-block-column > section {
   padding: 0 15px;
}

.wp-block-column:first-child > section {
   padding-left: 30px;
}

.wp-block-column:last-child > section {
   padding-right: 30px;
}

@media (max-width: 992px) {
   .wp-block-column > section {
      padding: 0 7.5px;
   }
   .wp-block-column:first-child > section {
      padding-left: 15px;
   }
   .wp-block-column:last-child > section {
      padding-right: 15px;
   }
}

@media (max-width: 599px) {
   .wp-block-column {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      -ms-flex-positive: 0;
      flex-grow: 0;
   }
   .wp-block-column > section {
      padding: 0 15px;
   }
}

/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
@charset "UTF-8";
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.aspect {
   width: 100%;
   position: relative;
   /* If you want text inside of it */
   display: inline-block;
   /* The image */
}
.aspect.a1-1 {
   padding-top: 100%;
   /* 1:1 Aspect Ratio */
}
.aspect.a4-3 {
   padding-top: 75%;
   /* 4:3 Aspect Ratio */
}
.aspect.a16-9 {
   padding-top: 56.25%;
   /* 16:9 Aspect Ratio */
}
.aspect.a16-10 {
   padding-top: 62.5%;
   /* 16:10 Aspect Ratio */
}
.aspect.a3-1 {
   padding-top: 33%;
   /* 3:1 Aspect Ratio */
}
.aspect.img-border {
   border-radius: 6px;
   border: 2px solid #fff;
}
.aspect img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   -o-object-position: 50% 50%;
   object-position: 50% 50%;
   position: absolute;
   top: 0;
}

input,
button {
   background: none;
   border: none;
   font-family: "Roboto", sans-serif;
}

.btn {
   display: inline-block;
   white-space: nowrap;
   vertical-align: middle;
   text-align: center;
   cursor: pointer;
   line-height: 1.3;
   padding: 14px 34px;
   font-size: 13px;
   text-transform: none;
   color: #fff;
   border: 2px solid;
   border-radius: 6px;
   font-weight: 500;
   letter-spacing: 2px;
   text-transform: uppercase;
   text-decoration: none !important;
   max-width: 100%;
   min-width: 120px;
}
.btn:focus,
.btn:active:focus {
   outline: 0 none;
}

button[class*="icon-"]:before {
   margin-right: 8px;
}

.btn-primary {
   background-color: #f3232d;
   border-color: #f3232d;
   color: #fff;
}
.btn-primary:hover {
   background-color: #fa000c;
   border-color: #fa000c;
   color: #fff;
}
.btn-primary:disabled {
   color: rgba(255, 255, 255, 0.5);
   background-color: #f8868c;
   border-color: #f8868c;
}

.btn-secondary {
   background-color: transparent;
   border-color: #f3232d;
   color: #f3232d;
}
.btn-secondary:hover {
   background-color: #fa000c;
   border-color: #fa000c;
   color: #fff;
}

.btn-default {
   background-color: transparent;
   border-color: #f3232d;
   color: #f3232d;
}
.btn-default:hover {
   background-color: transparent;
   border-color: #ecebed;
   color: #1e1e1e;
}
.btn-default:disabled {
   color: rgba(30, 30, 30, 0.25);
   border-color: #ecebed;
}

button.is-danger {
   background-color: #ff2222 !important;
   text-shadow: 0 -1px 1px #bb0000, 1px 0 1px #bb0000, 0 1px 1px #bb0000, -1px 0 1px #bb0000 !important;
   -webkit-box-shadow: inset 0 -1px 0 #bb0000 !important;
   box-shadow: inset 0 -1px 0 #bb0000 !important;
   border-color: #bb0000 !important;
}

button.is-danger:hover {
   background-color: #de0000 !important;
}

.btn-sm {
   padding: 10px 30px;
}

.btn-lg {
   border-radius: 6px;
   padding: 11px 36px;
}

.btn-block {
   display: block;
   width: 100%;
}

:disabled {
   cursor: not-allowed;
}

.btn + .btn {
   margin: 0 0 0 15px;
}

.big-heading {
   font-weight: 600;
   font-size: 40px;
   line-height: 1em;
}

/*headers in banner*/
h1,
.heading-1 {
   font-size: 35px;
   letter-spacing: 2px;
   font-weight: 300;
   line-height: 1em;
}

h2,
.heading-2 {
   font-size: 30px;
   line-height: 1em;
}

h3,
.heading-3 {
   font-size: 25px;
   line-height: 1em;
}

h4,
.heading-4 {
   font-size: 20px;
   line-height: 1em;
}

h5,
.heading-5 {
   font-size: 15px;
   line-height: 1em;
}

.t-small {
   font-size: 14px;
}

strong,
.strong {
   font-weight: 600;
}

.uppercase {
   text-transform: uppercase;
}

.a-right {
   text-align: right;
}

.a-left {
   text-align: left;
}

.a-center {
   text-align: center;
}

.a-justify {
   text-align: justify;
}

.t-gray {
   color: #919191;
}

.errorInput {
   -webkit-box-shadow: 0 0 3px #ff2222;
   box-shadow: 0 0 3px #ff2222;
}

.shownInput {
   -webkit-box-shadow: 0 0 3px #7ed0ae;
   box-shadow: 0 0 3px #7ed0ae;
}

.shortCodeBtnTag {
   margin-top: 1.1em;
   margin-left: 0.5em;
   background: #fff;
   border: 1px solid #ff0000;
   border-radius: 0.3em;
   z-index: 20;
   position: absolute;
   height: 1.9em;
   width: 1.9em;
   line-height: 1.7em;
   vertical-align: middle;
   text-align: center;
   font-size: 0.7em;
   color: #f00;
   -webkit-box-shadow: 0px 1px 2px #000 inset;
   box-shadow: 0px 1px 2px #000 inset;
}

.editor-writing-flow .colorSection:before,
.editor-writing-flow .splitRow:before,
.editor-writing-flow .mainContainer:before,
.editor-writing-flow .broadContainer:before {
   content: "";
   position: absolute;
   border: dotted 1px #d0d0d0;
   top: -1em;
   left: -1em;
   right: -1em;
   bottom: -1em;
   -webkit-transition: border 0.3s;
   -o-transition: border 0.3s;
   transition: border 0.3s;
}

.editor-writing-flow .colorSection:hover:before,
.editor-writing-flow .splitRow:hover:before,
.editor-writing-flow .mainContainer:hover:before,
.editor-writing-flow .broadContainer:hover:before {
   border-color: #ff0000;
   border-style: dot-dash;
}

.editor-writing-flow .colorSection:after,
.editor-writing-flow .splitRow:after,
.editor-writing-flow .mainContainer:after,
.editor-writing-flow .broadContainer:after {
   content: "\00a0\00a0 Container\00a0\00a0";
   color: #fff;
   background: #ff0000;
   position: absolute;
   top: -1.4em;
   left: -1.4em;
   border-bottom-right-radius: 0.8em;
   font-size: 0.7em;
   opacity: 0;
   -webkit-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
}

.editor-writing-flow .colorSection:after {
   content: "\00a0\00a0 Color section\00a0\00a0";
}

.editor-writing-flow .splitRow:after {
   content: "\00a0\00a0 Split row\00a0\00a0";
}

.editor-writing-flow .broadContainer:after {
   content: "\00a0\00a0 Wider - broader section\00a0\00a0";
}

.editor-writing-flow .colorSection .mainContainer:after {
   top: initial;
   bottom: -1.4em;
   border-top-right-radius: 0.8em;
   border-bottom-right-radius: 0;
}

.editor-writing-flow .colorSection:hover:after,
.editor-writing-flow .splitRow:hover:after,
.editor-writing-flow .mainContainer:hover:after,
.editor-writing-flow .broadContainer:hover:after {
   opacity: 1;
}

.editor-writing-flow .editor-url-input input {
   width: 100% !important;
}

/*GUTENBERG BLOCK EDITOR*/
.settingsIcon {
   position: absolute;
   cursor: pointer;
   height: 35px;
   width: 35px;
   border-bottom-left-radius: 6px;
   background: #fff;
   color: rgba(255, 0, 0, 0.5);
   text-align: center;
   font-size: 2em;
   line-height: 0.8em;
   z-index: 1;
   top: 0;
   right: 0;
   border-left: 1px solid rgba(255, 0, 0, 0.5);
   border-bottom: 1px solid rgba(255, 0, 0, 0.5);
   opacity: 0.5;
   -webkit-transition: opacity 300ms;
   -o-transition: opacity 300ms;
   transition: opacity 300ms;
}

.settingsIcon:hover {
   opacity: 1;
}

.settingsIcon:before {
   content: "⚙";
   position: absolute;
   cursor: pointer;
   height: inherit;
   width: inherit;
   border-bottom-left-radius: 6px;
   top: 0;
   right: 0;
}

.wp-block {
   max-width: 1100px;
}

.components-popover .editor-url-input input[type="text"],
.editor-block-list__block .editor-url-input input[type="text"],
.editor-url-input input[type="text"] {
   width: 135% !important;
}

.inputExt {
   position: absolute;
   margin-top: -3.5em;
   right: 6.6em;
}

/*COLUMNS - combining bootstrap grid with WP flex columns*/
.wp-block-column {
   margin: 0 !important;
   padding: 0;
   -ms-flex-preferred-size: 50%;
   flex-basis: 50%;
}

.wp-block-column > section {
   padding: 0 15px;
}

.wp-block-column:first-child > section {
   padding-left: 30px;
}

.wp-block-column:last-child > section {
   padding-right: 30px;
}

@media (max-width: 992px) {
   .wp-block-column > section {
      padding: 0 7.5px;
   }
   .wp-block-column:first-child > section {
      padding-left: 15px;
   }
   .wp-block-column:last-child > section {
      padding-right: 15px;
   }
}

@media (max-width: 599px) {
   .wp-block-column {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      -ms-flex-positive: 0;
      flex-grow: 0;
   }
   .wp-block-column > section {
      padding: 0 15px;
   }
}

/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.has-silver-color {
   font-weight: normal;
   letter-spacing: 0;
}

.has-silver-color strong {
   color: #d0d0d0;
   font-weight: normal;
}

.has-red-color {
   font-weight: normal;
   letter-spacing: 0;
}

.has-red-color strong {
   color: #f3232d;
   font-weight: normal;
}

.has-no-color {
   font-weight: normal;
   letter-spacing: 0;
}

.has-no-color strong {
   color: revert;
   font-weight: normal;
}
@charset "UTF-8";
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.aspect {
   width: 100%;
   position: relative;
   /* If you want text inside of it */
   display: inline-block;
   /* The image */
}
.aspect.a1-1 {
   padding-top: 100%;
   /* 1:1 Aspect Ratio */
}
.aspect.a4-3 {
   padding-top: 75%;
   /* 4:3 Aspect Ratio */
}
.aspect.a16-9 {
   padding-top: 56.25%;
   /* 16:9 Aspect Ratio */
}
.aspect.a16-10 {
   padding-top: 62.5%;
   /* 16:10 Aspect Ratio */
}
.aspect.a3-1 {
   padding-top: 33%;
   /* 3:1 Aspect Ratio */
}
.aspect.img-border {
   border-radius: 6px;
   border: 2px solid #fff;
}
.aspect img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   -o-object-position: 50% 50%;
   object-position: 50% 50%;
   position: absolute;
   top: 0;
}

input,
button {
   background: none;
   border: none;
   font-family: "Roboto", sans-serif;
}

.btn {
   display: inline-block;
   white-space: nowrap;
   vertical-align: middle;
   text-align: center;
   cursor: pointer;
   line-height: 1.3;
   padding: 14px 34px;
   font-size: 13px;
   text-transform: none;
   color: #fff;
   border: 2px solid;
   border-radius: 6px;
   font-weight: 500;
   letter-spacing: 2px;
   text-transform: uppercase;
   text-decoration: none !important;
   max-width: 100%;
   min-width: 120px;
}
.btn:focus,
.btn:active:focus {
   outline: 0 none;
}

button[class*="icon-"]:before {
   margin-right: 8px;
}

.btn-primary {
   background-color: #f3232d;
   border-color: #f3232d;
   color: #fff;
}
.btn-primary:hover {
   background-color: #fa000c;
   border-color: #fa000c;
   color: #fff;
}
.btn-primary:disabled {
   color: rgba(255, 255, 255, 0.5);
   background-color: #f8868c;
   border-color: #f8868c;
}

.btn-secondary {
   background-color: transparent;
   border-color: #f3232d;
   color: #f3232d;
}
.btn-secondary:hover {
   background-color: #fa000c;
   border-color: #fa000c;
   color: #fff;
}

.btn-default {
   background-color: transparent;
   border-color: #f3232d;
   color: #f3232d;
}
.btn-default:hover {
   background-color: transparent;
   border-color: #ecebed;
   color: #1e1e1e;
}
.btn-default:disabled {
   color: rgba(30, 30, 30, 0.25);
   border-color: #ecebed;
}

button.is-danger {
   background-color: #ff2222 !important;
   text-shadow: 0 -1px 1px #bb0000, 1px 0 1px #bb0000, 0 1px 1px #bb0000, -1px 0 1px #bb0000 !important;
   -webkit-box-shadow: inset 0 -1px 0 #bb0000 !important;
   box-shadow: inset 0 -1px 0 #bb0000 !important;
   border-color: #bb0000 !important;
}

button.is-danger:hover {
   background-color: #de0000 !important;
}

.btn-sm {
   padding: 10px 30px;
}

.btn-lg {
   border-radius: 6px;
   padding: 11px 36px;
}

.btn-block {
   display: block;
   width: 100%;
}

:disabled {
   cursor: not-allowed;
}

.btn + .btn {
   margin: 0 0 0 15px;
}

.big-heading {
   font-weight: 600;
   font-size: 40px;
   line-height: 1em;
}

/*headers in banner*/
h1,
.heading-1 {
   font-size: 35px;
   letter-spacing: 2px;
   font-weight: 300;
   line-height: 1em;
}

h2,
.heading-2 {
   font-size: 30px;
   line-height: 1em;
}

h3,
.heading-3 {
   font-size: 25px;
   line-height: 1em;
}

h4,
.heading-4 {
   font-size: 20px;
   line-height: 1em;
}

h5,
.heading-5 {
   font-size: 15px;
   line-height: 1em;
}

.t-small {
   font-size: 14px;
}

strong,
.strong {
   font-weight: 600;
}

.uppercase {
   text-transform: uppercase;
}

.a-right {
   text-align: right;
}

.a-left {
   text-align: left;
}

.a-center {
   text-align: center;
}

.a-justify {
   text-align: justify;
}

.t-gray {
   color: #919191;
}

.errorInput {
   -webkit-box-shadow: 0 0 3px #ff2222;
   box-shadow: 0 0 3px #ff2222;
}

.shownInput {
   -webkit-box-shadow: 0 0 3px #7ed0ae;
   box-shadow: 0 0 3px #7ed0ae;
}

.shortCodeBtnTag {
   margin-top: 1.1em;
   margin-left: 0.5em;
   background: #fff;
   border: 1px solid #ff0000;
   border-radius: 0.3em;
   z-index: 20;
   position: absolute;
   height: 1.9em;
   width: 1.9em;
   line-height: 1.7em;
   vertical-align: middle;
   text-align: center;
   font-size: 0.7em;
   color: #f00;
   -webkit-box-shadow: 0px 1px 2px #000 inset;
   box-shadow: 0px 1px 2px #000 inset;
}

.editor-writing-flow .colorSection:before,
.editor-writing-flow .splitRow:before,
.editor-writing-flow .mainContainer:before,
.editor-writing-flow .broadContainer:before {
   content: "";
   position: absolute;
   border: dotted 1px #d0d0d0;
   top: -1em;
   left: -1em;
   right: -1em;
   bottom: -1em;
   -webkit-transition: border 0.3s;
   -o-transition: border 0.3s;
   transition: border 0.3s;
}

.editor-writing-flow .colorSection:hover:before,
.editor-writing-flow .splitRow:hover:before,
.editor-writing-flow .mainContainer:hover:before,
.editor-writing-flow .broadContainer:hover:before {
   border-color: #ff0000;
   border-style: dot-dash;
}

.editor-writing-flow .colorSection:after,
.editor-writing-flow .splitRow:after,
.editor-writing-flow .mainContainer:after,
.editor-writing-flow .broadContainer:after {
   content: "\00a0\00a0 Container\00a0\00a0";
   color: #fff;
   background: #ff0000;
   position: absolute;
   top: -1.4em;
   left: -1.4em;
   border-bottom-right-radius: 0.8em;
   font-size: 0.7em;
   opacity: 0;
   -webkit-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
}

.editor-writing-flow .colorSection:after {
   content: "\00a0\00a0 Color section\00a0\00a0";
}

.editor-writing-flow .splitRow:after {
   content: "\00a0\00a0 Split row\00a0\00a0";
}

.editor-writing-flow .broadContainer:after {
   content: "\00a0\00a0 Wider - broader section\00a0\00a0";
}

.editor-writing-flow .colorSection .mainContainer:after {
   top: initial;
   bottom: -1.4em;
   border-top-right-radius: 0.8em;
   border-bottom-right-radius: 0;
}

.editor-writing-flow .colorSection:hover:after,
.editor-writing-flow .splitRow:hover:after,
.editor-writing-flow .mainContainer:hover:after,
.editor-writing-flow .broadContainer:hover:after {
   opacity: 1;
}

.editor-writing-flow .editor-url-input input {
   width: 100% !important;
}

/*GUTENBERG BLOCK EDITOR*/
.settingsIcon {
   position: absolute;
   cursor: pointer;
   height: 35px;
   width: 35px;
   border-bottom-left-radius: 6px;
   background: #fff;
   color: rgba(255, 0, 0, 0.5);
   text-align: center;
   font-size: 2em;
   line-height: 0.8em;
   z-index: 1;
   top: 0;
   right: 0;
   border-left: 1px solid rgba(255, 0, 0, 0.5);
   border-bottom: 1px solid rgba(255, 0, 0, 0.5);
   opacity: 0.5;
   -webkit-transition: opacity 300ms;
   -o-transition: opacity 300ms;
   transition: opacity 300ms;
}

.settingsIcon:hover {
   opacity: 1;
}

.settingsIcon:before {
   content: "⚙";
   position: absolute;
   cursor: pointer;
   height: inherit;
   width: inherit;
   border-bottom-left-radius: 6px;
   top: 0;
   right: 0;
}

.wp-block {
   max-width: 1100px;
}

.components-popover .editor-url-input input[type="text"],
.editor-block-list__block .editor-url-input input[type="text"],
.editor-url-input input[type="text"] {
   width: 135% !important;
}

.inputExt {
   position: absolute;
   margin-top: -3.5em;
   right: 6.6em;
}

/*COLUMNS - combining bootstrap grid with WP flex columns*/
.wp-block-column {
   margin: 0 !important;
   padding: 0;
   -ms-flex-preferred-size: 50%;
   flex-basis: 50%;
}

.wp-block-column > section {
   padding: 0 15px;
}

.wp-block-column:first-child > section {
   padding-left: 30px;
}

.wp-block-column:last-child > section {
   padding-right: 30px;
}

@media (max-width: 992px) {
   .wp-block-column > section {
      padding: 0 7.5px;
   }
   .wp-block-column:first-child > section {
      padding-left: 15px;
   }
   .wp-block-column:last-child > section {
      padding-right: 15px;
   }
}

@media (max-width: 599px) {
   .wp-block-column {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      -ms-flex-positive: 0;
      flex-grow: 0;
   }
   .wp-block-column > section {
      padding: 0 15px;
   }
}

/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.catalog-list .btn-actions a,
.catalog-list .btn-actions span {
   width: initial !important;
}

@media (max-width: 479px) {
   .catalog-list .btn-actions a,
   .catalog-list .btn-actions span {
      width: 100% !important;
   }
}
@charset "UTF-8";
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.aspect {
   width: 100%;
   position: relative;
   /* If you want text inside of it */
   display: inline-block;
   /* The image */
}
.aspect.a1-1 {
   padding-top: 100%;
   /* 1:1 Aspect Ratio */
}
.aspect.a4-3 {
   padding-top: 75%;
   /* 4:3 Aspect Ratio */
}
.aspect.a16-9 {
   padding-top: 56.25%;
   /* 16:9 Aspect Ratio */
}
.aspect.a16-10 {
   padding-top: 62.5%;
   /* 16:10 Aspect Ratio */
}
.aspect.a3-1 {
   padding-top: 33%;
   /* 3:1 Aspect Ratio */
}
.aspect.img-border {
   border-radius: 6px;
   border: 2px solid #fff;
}
.aspect img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   -o-object-position: 50% 50%;
   object-position: 50% 50%;
   position: absolute;
   top: 0;
}

input,
button {
   background: none;
   border: none;
   font-family: "Roboto", sans-serif;
}

.btn {
   display: inline-block;
   white-space: nowrap;
   vertical-align: middle;
   text-align: center;
   cursor: pointer;
   line-height: 1.3;
   padding: 14px 34px;
   font-size: 13px;
   text-transform: none;
   color: #fff;
   border: 2px solid;
   border-radius: 6px;
   font-weight: 500;
   letter-spacing: 2px;
   text-transform: uppercase;
   text-decoration: none !important;
   max-width: 100%;
   min-width: 120px;
}
.btn:focus,
.btn:active:focus {
   outline: 0 none;
}

button[class*="icon-"]:before {
   margin-right: 8px;
}

.btn-primary {
   background-color: #f3232d;
   border-color: #f3232d;
   color: #fff;
}
.btn-primary:hover {
   background-color: #fa000c;
   border-color: #fa000c;
   color: #fff;
}
.btn-primary:disabled {
   color: rgba(255, 255, 255, 0.5);
   background-color: #f8868c;
   border-color: #f8868c;
}

.btn-secondary {
   background-color: transparent;
   border-color: #f3232d;
   color: #f3232d;
}
.btn-secondary:hover {
   background-color: #fa000c;
   border-color: #fa000c;
   color: #fff;
}

.btn-default {
   background-color: transparent;
   border-color: #f3232d;
   color: #f3232d;
}
.btn-default:hover {
   background-color: transparent;
   border-color: #ecebed;
   color: #1e1e1e;
}
.btn-default:disabled {
   color: rgba(30, 30, 30, 0.25);
   border-color: #ecebed;
}

button.is-danger {
   background-color: #ff2222 !important;
   text-shadow: 0 -1px 1px #bb0000, 1px 0 1px #bb0000, 0 1px 1px #bb0000, -1px 0 1px #bb0000 !important;
   -webkit-box-shadow: inset 0 -1px 0 #bb0000 !important;
   box-shadow: inset 0 -1px 0 #bb0000 !important;
   border-color: #bb0000 !important;
}

button.is-danger:hover {
   background-color: #de0000 !important;
}

.btn-sm {
   padding: 10px 30px;
}

.btn-lg {
   border-radius: 6px;
   padding: 11px 36px;
}

.btn-block {
   display: block;
   width: 100%;
}

:disabled {
   cursor: not-allowed;
}

.btn + .btn {
   margin: 0 0 0 15px;
}

.big-heading {
   font-weight: 600;
   font-size: 40px;
   line-height: 1em;
}

/*headers in banner*/
h1,
.heading-1 {
   font-size: 35px;
   letter-spacing: 2px;
   font-weight: 300;
   line-height: 1em;
}

h2,
.heading-2 {
   font-size: 30px;
   line-height: 1em;
}

h3,
.heading-3 {
   font-size: 25px;
   line-height: 1em;
}

h4,
.heading-4 {
   font-size: 20px;
   line-height: 1em;
}

h5,
.heading-5 {
   font-size: 15px;
   line-height: 1em;
}

.t-small {
   font-size: 14px;
}

strong,
.strong {
   font-weight: 600;
}

.uppercase {
   text-transform: uppercase;
}

.a-right {
   text-align: right;
}

.a-left {
   text-align: left;
}

.a-center {
   text-align: center;
}

.a-justify {
   text-align: justify;
}

.t-gray {
   color: #919191;
}

.errorInput {
   -webkit-box-shadow: 0 0 3px #ff2222;
   box-shadow: 0 0 3px #ff2222;
}

.shownInput {
   -webkit-box-shadow: 0 0 3px #7ed0ae;
   box-shadow: 0 0 3px #7ed0ae;
}

.shortCodeBtnTag {
   margin-top: 1.1em;
   margin-left: 0.5em;
   background: #fff;
   border: 1px solid #ff0000;
   border-radius: 0.3em;
   z-index: 20;
   position: absolute;
   height: 1.9em;
   width: 1.9em;
   line-height: 1.7em;
   vertical-align: middle;
   text-align: center;
   font-size: 0.7em;
   color: #f00;
   -webkit-box-shadow: 0px 1px 2px #000 inset;
   box-shadow: 0px 1px 2px #000 inset;
}

.editor-writing-flow .colorSection:before,
.editor-writing-flow .splitRow:before,
.editor-writing-flow .mainContainer:before,
.editor-writing-flow .broadContainer:before {
   content: "";
   position: absolute;
   border: dotted 1px #d0d0d0;
   top: -1em;
   left: -1em;
   right: -1em;
   bottom: -1em;
   -webkit-transition: border 0.3s;
   -o-transition: border 0.3s;
   transition: border 0.3s;
}

.editor-writing-flow .colorSection:hover:before,
.editor-writing-flow .splitRow:hover:before,
.editor-writing-flow .mainContainer:hover:before,
.editor-writing-flow .broadContainer:hover:before {
   border-color: #ff0000;
   border-style: dot-dash;
}

.editor-writing-flow .colorSection:after,
.editor-writing-flow .splitRow:after,
.editor-writing-flow .mainContainer:after,
.editor-writing-flow .broadContainer:after {
   content: "\00a0\00a0 Container\00a0\00a0";
   color: #fff;
   background: #ff0000;
   position: absolute;
   top: -1.4em;
   left: -1.4em;
   border-bottom-right-radius: 0.8em;
   font-size: 0.7em;
   opacity: 0;
   -webkit-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
}

.editor-writing-flow .colorSection:after {
   content: "\00a0\00a0 Color section\00a0\00a0";
}

.editor-writing-flow .splitRow:after {
   content: "\00a0\00a0 Split row\00a0\00a0";
}

.editor-writing-flow .broadContainer:after {
   content: "\00a0\00a0 Wider - broader section\00a0\00a0";
}

.editor-writing-flow .colorSection .mainContainer:after {
   top: initial;
   bottom: -1.4em;
   border-top-right-radius: 0.8em;
   border-bottom-right-radius: 0;
}

.editor-writing-flow .colorSection:hover:after,
.editor-writing-flow .splitRow:hover:after,
.editor-writing-flow .mainContainer:hover:after,
.editor-writing-flow .broadContainer:hover:after {
   opacity: 1;
}

.editor-writing-flow .editor-url-input input {
   width: 100% !important;
}

/*GUTENBERG BLOCK EDITOR*/
.settingsIcon {
   position: absolute;
   cursor: pointer;
   height: 35px;
   width: 35px;
   border-bottom-left-radius: 6px;
   background: #fff;
   color: rgba(255, 0, 0, 0.5);
   text-align: center;
   font-size: 2em;
   line-height: 0.8em;
   z-index: 1;
   top: 0;
   right: 0;
   border-left: 1px solid rgba(255, 0, 0, 0.5);
   border-bottom: 1px solid rgba(255, 0, 0, 0.5);
   opacity: 0.5;
   -webkit-transition: opacity 300ms;
   -o-transition: opacity 300ms;
   transition: opacity 300ms;
}

.settingsIcon:hover {
   opacity: 1;
}

.settingsIcon:before {
   content: "⚙";
   position: absolute;
   cursor: pointer;
   height: inherit;
   width: inherit;
   border-bottom-left-radius: 6px;
   top: 0;
   right: 0;
}

.wp-block {
   max-width: 1100px;
}

.components-popover .editor-url-input input[type="text"],
.editor-block-list__block .editor-url-input input[type="text"],
.editor-url-input input[type="text"] {
   width: 135% !important;
}

.inputExt {
   position: absolute;
   margin-top: -3.5em;
   right: 6.6em;
}

/*COLUMNS - combining bootstrap grid with WP flex columns*/
.wp-block-column {
   margin: 0 !important;
   padding: 0;
   -ms-flex-preferred-size: 50%;
   flex-basis: 50%;
}

.wp-block-column > section {
   padding: 0 15px;
}

.wp-block-column:first-child > section {
   padding-left: 30px;
}

.wp-block-column:last-child > section {
   padding-right: 30px;
}

@media (max-width: 992px) {
   .wp-block-column > section {
      padding: 0 7.5px;
   }
   .wp-block-column:first-child > section {
      padding-left: 15px;
   }
   .wp-block-column:last-child > section {
      padding-right: 15px;
   }
}

@media (max-width: 599px) {
   .wp-block-column {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      -ms-flex-positive: 0;
      flex-grow: 0;
   }
   .wp-block-column > section {
      padding: 0 15px;
   }
}

/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.has-silver-color {
   font-weight: normal;
   letter-spacing: 0;
}

.has-silver-color strong {
   color: #d0d0d0;
   font-weight: normal;
}

.has-red-color {
   font-weight: normal;
   letter-spacing: 0;
}

.has-red-color strong {
   color: #f3232d;
   font-weight: normal;
}

.has-no-color {
   font-weight: normal;
   letter-spacing: 0;
}

.has-no-color strong {
   color: revert;
   font-weight: normal;
}
@charset "UTF-8";
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.aspect {
   width: 100%;
   position: relative;
   /* If you want text inside of it */
   display: inline-block;
   /* The image */
}
.aspect.a1-1 {
   padding-top: 100%;
   /* 1:1 Aspect Ratio */
}
.aspect.a4-3 {
   padding-top: 75%;
   /* 4:3 Aspect Ratio */
}
.aspect.a16-9 {
   padding-top: 56.25%;
   /* 16:9 Aspect Ratio */
}
.aspect.a16-10 {
   padding-top: 62.5%;
   /* 16:10 Aspect Ratio */
}
.aspect.a3-1 {
   padding-top: 33%;
   /* 3:1 Aspect Ratio */
}
.aspect.img-border {
   border-radius: 6px;
   border: 2px solid #fff;
}
.aspect img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   -o-object-position: 50% 50%;
   object-position: 50% 50%;
   position: absolute;
   top: 0;
}

input,
button {
   background: none;
   border: none;
   font-family: "Roboto", sans-serif;
}

.btn {
   display: inline-block;
   white-space: nowrap;
   vertical-align: middle;
   text-align: center;
   cursor: pointer;
   line-height: 1.3;
   padding: 14px 34px;
   font-size: 13px;
   text-transform: none;
   color: #fff;
   border: 2px solid;
   border-radius: 6px;
   font-weight: 500;
   letter-spacing: 2px;
   text-transform: uppercase;
   text-decoration: none !important;
   max-width: 100%;
   min-width: 120px;
}
.btn:focus,
.btn:active:focus {
   outline: 0 none;
}

button[class*="icon-"]:before {
   margin-right: 8px;
}

.btn-primary {
   background-color: #f3232d;
   border-color: #f3232d;
   color: #fff;
}
.btn-primary:hover {
   background-color: #fa000c;
   border-color: #fa000c;
   color: #fff;
}
.btn-primary:disabled {
   color: rgba(255, 255, 255, 0.5);
   background-color: #f8868c;
   border-color: #f8868c;
}

.btn-secondary {
   background-color: transparent;
   border-color: #f3232d;
   color: #f3232d;
}
.btn-secondary:hover {
   background-color: #fa000c;
   border-color: #fa000c;
   color: #fff;
}

.btn-default {
   background-color: transparent;
   border-color: #f3232d;
   color: #f3232d;
}
.btn-default:hover {
   background-color: transparent;
   border-color: #ecebed;
   color: #1e1e1e;
}
.btn-default:disabled {
   color: rgba(30, 30, 30, 0.25);
   border-color: #ecebed;
}

button.is-danger {
   background-color: #ff2222 !important;
   text-shadow: 0 -1px 1px #bb0000, 1px 0 1px #bb0000, 0 1px 1px #bb0000, -1px 0 1px #bb0000 !important;
   -webkit-box-shadow: inset 0 -1px 0 #bb0000 !important;
   box-shadow: inset 0 -1px 0 #bb0000 !important;
   border-color: #bb0000 !important;
}

button.is-danger:hover {
   background-color: #de0000 !important;
}

.btn-sm {
   padding: 10px 30px;
}

.btn-lg {
   border-radius: 6px;
   padding: 11px 36px;
}

.btn-block {
   display: block;
   width: 100%;
}

:disabled {
   cursor: not-allowed;
}

.btn + .btn {
   margin: 0 0 0 15px;
}

.big-heading {
   font-weight: 600;
   font-size: 40px;
   line-height: 1em;
}

/*headers in banner*/
h1,
.heading-1 {
   font-size: 35px;
   letter-spacing: 2px;
   font-weight: 300;
   line-height: 1em;
}

h2,
.heading-2 {
   font-size: 30px;
   line-height: 1em;
}

h3,
.heading-3 {
   font-size: 25px;
   line-height: 1em;
}

h4,
.heading-4 {
   font-size: 20px;
   line-height: 1em;
}

h5,
.heading-5 {
   font-size: 15px;
   line-height: 1em;
}

.t-small {
   font-size: 14px;
}

strong,
.strong {
   font-weight: 600;
}

.uppercase {
   text-transform: uppercase;
}

.a-right {
   text-align: right;
}

.a-left {
   text-align: left;
}

.a-center {
   text-align: center;
}

.a-justify {
   text-align: justify;
}

.t-gray {
   color: #919191;
}

.errorInput {
   -webkit-box-shadow: 0 0 3px #ff2222;
   box-shadow: 0 0 3px #ff2222;
}

.shownInput {
   -webkit-box-shadow: 0 0 3px #7ed0ae;
   box-shadow: 0 0 3px #7ed0ae;
}

.shortCodeBtnTag {
   margin-top: 1.1em;
   margin-left: 0.5em;
   background: #fff;
   border: 1px solid #ff0000;
   border-radius: 0.3em;
   z-index: 20;
   position: absolute;
   height: 1.9em;
   width: 1.9em;
   line-height: 1.7em;
   vertical-align: middle;
   text-align: center;
   font-size: 0.7em;
   color: #f00;
   -webkit-box-shadow: 0px 1px 2px #000 inset;
   box-shadow: 0px 1px 2px #000 inset;
}

.editor-writing-flow .colorSection:before,
.editor-writing-flow .splitRow:before,
.editor-writing-flow .mainContainer:before,
.editor-writing-flow .broadContainer:before {
   content: "";
   position: absolute;
   border: dotted 1px #d0d0d0;
   top: -1em;
   left: -1em;
   right: -1em;
   bottom: -1em;
   -webkit-transition: border 0.3s;
   -o-transition: border 0.3s;
   transition: border 0.3s;
}

.editor-writing-flow .colorSection:hover:before,
.editor-writing-flow .splitRow:hover:before,
.editor-writing-flow .mainContainer:hover:before,
.editor-writing-flow .broadContainer:hover:before {
   border-color: #ff0000;
   border-style: dot-dash;
}

.editor-writing-flow .colorSection:after,
.editor-writing-flow .splitRow:after,
.editor-writing-flow .mainContainer:after,
.editor-writing-flow .broadContainer:after {
   content: "\00a0\00a0 Container\00a0\00a0";
   color: #fff;
   background: #ff0000;
   position: absolute;
   top: -1.4em;
   left: -1.4em;
   border-bottom-right-radius: 0.8em;
   font-size: 0.7em;
   opacity: 0;
   -webkit-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
}

.editor-writing-flow .colorSection:after {
   content: "\00a0\00a0 Color section\00a0\00a0";
}

.editor-writing-flow .splitRow:after {
   content: "\00a0\00a0 Split row\00a0\00a0";
}

.editor-writing-flow .broadContainer:after {
   content: "\00a0\00a0 Wider - broader section\00a0\00a0";
}

.editor-writing-flow .colorSection .mainContainer:after {
   top: initial;
   bottom: -1.4em;
   border-top-right-radius: 0.8em;
   border-bottom-right-radius: 0;
}

.editor-writing-flow .colorSection:hover:after,
.editor-writing-flow .splitRow:hover:after,
.editor-writing-flow .mainContainer:hover:after,
.editor-writing-flow .broadContainer:hover:after {
   opacity: 1;
}

.editor-writing-flow .editor-url-input input {
   width: 100% !important;
}

/*GUTENBERG BLOCK EDITOR*/
.settingsIcon {
   position: absolute;
   cursor: pointer;
   height: 35px;
   width: 35px;
   border-bottom-left-radius: 6px;
   background: #fff;
   color: rgba(255, 0, 0, 0.5);
   text-align: center;
   font-size: 2em;
   line-height: 0.8em;
   z-index: 1;
   top: 0;
   right: 0;
   border-left: 1px solid rgba(255, 0, 0, 0.5);
   border-bottom: 1px solid rgba(255, 0, 0, 0.5);
   opacity: 0.5;
   -webkit-transition: opacity 300ms;
   -o-transition: opacity 300ms;
   transition: opacity 300ms;
}

.settingsIcon:hover {
   opacity: 1;
}

.settingsIcon:before {
   content: "⚙";
   position: absolute;
   cursor: pointer;
   height: inherit;
   width: inherit;
   border-bottom-left-radius: 6px;
   top: 0;
   right: 0;
}

.wp-block {
   max-width: 1100px;
}

.components-popover .editor-url-input input[type="text"],
.editor-block-list__block .editor-url-input input[type="text"],
.editor-url-input input[type="text"] {
   width: 135% !important;
}

.inputExt {
   position: absolute;
   margin-top: -3.5em;
   right: 6.6em;
}

/*COLUMNS - combining bootstrap grid with WP flex columns*/
.wp-block-column {
   margin: 0 !important;
   padding: 0;
   -ms-flex-preferred-size: 50%;
   flex-basis: 50%;
}

.wp-block-column > section {
   padding: 0 15px;
}

.wp-block-column:first-child > section {
   padding-left: 30px;
}

.wp-block-column:last-child > section {
   padding-right: 30px;
}

@media (max-width: 992px) {
   .wp-block-column > section {
      padding: 0 7.5px;
   }
   .wp-block-column:first-child > section {
      padding-left: 15px;
   }
   .wp-block-column:last-child > section {
      padding-right: 15px;
   }
}

@media (max-width: 599px) {
   .wp-block-column {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      -ms-flex-positive: 0;
      flex-grow: 0;
   }
   .wp-block-column > section {
      padding: 0 15px;
   }
}

/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.dan-accordion label {
   width: 100%;
}
.dan-accordion label input[type="checkbox"] + .acc-item,
.dan-accordion label input[type="radio"] + .acc-item {
   width: 100%;
   overflow: hidden;
   padding: 18px 0;
   border-top: 1px solid #cddae4;
}
.dan-accordion label input[type="checkbox"] + .acc-item .acc-header,
.dan-accordion label input[type="radio"] + .acc-item .acc-header {
   width: 100%;
   cursor: pointer;
   padding-left: 53px;
   position: relative;
}
.dan-accordion label input[type="checkbox"] + .acc-item .acc-header:before,
.dan-accordion label input[type="radio"] + .acc-item .acc-header:before {
   content: "\e84a";
   font-family: "fontello";
   padding: 0.5em 15px;
   color: #f3232d;
   -webkit-transition: -webkit-transform 0.3s;
   transition: -webkit-transform 0.3s;
   -o-transition: transform 0.3s;
   transition: transform 0.3s;
   transition: transform 0.3s, -webkit-transform 0.3s;
   font-size: 20px;
   display: inline-block;
   position: absolute;
   top: -0.6em;
   left: 0;
}
.dan-accordion label input[type="checkbox"] + .acc-item .acc-header .acc-title,
.dan-accordion label input[type="radio"] + .acc-item .acc-header .acc-title {
   font-size: 16px;
   font-family: "Roboto", sans-serif !important;
   font-weight: 500;
}
.dan-accordion label input[type="checkbox"] + .acc-item .acc-header h1,
.dan-accordion label input[type="checkbox"] + .acc-item .acc-header h2,
.dan-accordion label input[type="checkbox"] + .acc-item .acc-header h3,
.dan-accordion label input[type="checkbox"] + .acc-item .acc-header h4,
.dan-accordion label input[type="checkbox"] + .acc-item .acc-header h5,
.dan-accordion label input[type="radio"] + .acc-item .acc-header h1,
.dan-accordion label input[type="radio"] + .acc-item .acc-header h2,
.dan-accordion label input[type="radio"] + .acc-item .acc-header h3,
.dan-accordion label input[type="radio"] + .acc-item .acc-header h4,
.dan-accordion label input[type="radio"] + .acc-item .acc-header h5 {
   display: inline-block;
   width: 95%;
   font-size: 1.2em;
   margin: 0;
}
.dan-accordion label input[type="checkbox"] + .acc-item .acc-body,
.dan-accordion label input[type="radio"] + .acc-item .acc-body {
   color: #818e98;
   font-size: 16px;
}
.dan-accordion label input[type="checkbox"] + .acc-item .acc-body,
.dan-accordion label input[type="radio"] + .acc-item .acc-body {
   width: 100%;
   height: 0;
   padding: 0 1em;
   -webkit-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
   color: transparent;
   overflow: hidden;
}
.dan-accordion label input[type="checkbox"]:checked + .acc-item,
.dan-accordion label input[type="radio"]:checked + .acc-item {
   background-color: #fff;
}
.dan-accordion label input[type="checkbox"]:checked + .acc-item .acc-header,
.dan-accordion label input[type="radio"]:checked + .acc-item .acc-header {
   cursor: default;
}
.dan-accordion label input[type="checkbox"]:checked + .acc-item .acc-header:before,
.dan-accordion label input[type="radio"]:checked + .acc-item .acc-header:before {
   content: "\e821";
}
.dan-accordion label input[type="checkbox"]:checked + .acc-item .acc-body,
.dan-accordion label input[type="radio"]:checked + .acc-item .acc-body {
   height: auto;
   padding: 18px 15px 15px 53px;
   color: #818e98;
}

.dan-accordion:last-of-type {
   border-bottom: 1px solid #cddae4;
}

.dan-accordion:first-of-type {
   margin-top: 48px;
}
@charset "UTF-8";
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.aspect {
   width: 100%;
   position: relative;
   /* If you want text inside of it */
   display: inline-block;
   /* The image */
}
.aspect.a1-1 {
   padding-top: 100%;
   /* 1:1 Aspect Ratio */
}
.aspect.a4-3 {
   padding-top: 75%;
   /* 4:3 Aspect Ratio */
}
.aspect.a16-9 {
   padding-top: 56.25%;
   /* 16:9 Aspect Ratio */
}
.aspect.a16-10 {
   padding-top: 62.5%;
   /* 16:10 Aspect Ratio */
}
.aspect.a3-1 {
   padding-top: 33%;
   /* 3:1 Aspect Ratio */
}
.aspect.img-border {
   border-radius: 6px;
   border: 2px solid #fff;
}
.aspect img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   -o-object-position: 50% 50%;
   object-position: 50% 50%;
   position: absolute;
   top: 0;
}

input,
button {
   background: none;
   border: none;
   font-family: "Roboto", sans-serif;
}

.btn {
   display: inline-block;
   white-space: nowrap;
   vertical-align: middle;
   text-align: center;
   cursor: pointer;
   line-height: 1.3;
   padding: 14px 34px;
   font-size: 13px;
   text-transform: none;
   color: #fff;
   border: 2px solid;
   border-radius: 6px;
   font-weight: 500;
   letter-spacing: 2px;
   text-transform: uppercase;
   text-decoration: none !important;
   max-width: 100%;
   min-width: 120px;
}
.btn:focus,
.btn:active:focus {
   outline: 0 none;
}

button[class*="icon-"]:before {
   margin-right: 8px;
}

.btn-primary {
   background-color: #f3232d;
   border-color: #f3232d;
   color: #fff;
}
.btn-primary:hover {
   background-color: #fa000c;
   border-color: #fa000c;
   color: #fff;
}
.btn-primary:disabled {
   color: rgba(255, 255, 255, 0.5);
   background-color: #f8868c;
   border-color: #f8868c;
}

.btn-secondary {
   background-color: transparent;
   border-color: #f3232d;
   color: #f3232d;
}
.btn-secondary:hover {
   background-color: #fa000c;
   border-color: #fa000c;
   color: #fff;
}

.btn-default {
   background-color: transparent;
   border-color: #f3232d;
   color: #f3232d;
}
.btn-default:hover {
   background-color: transparent;
   border-color: #ecebed;
   color: #1e1e1e;
}
.btn-default:disabled {
   color: rgba(30, 30, 30, 0.25);
   border-color: #ecebed;
}

button.is-danger {
   background-color: #ff2222 !important;
   text-shadow: 0 -1px 1px #bb0000, 1px 0 1px #bb0000, 0 1px 1px #bb0000, -1px 0 1px #bb0000 !important;
   -webkit-box-shadow: inset 0 -1px 0 #bb0000 !important;
   box-shadow: inset 0 -1px 0 #bb0000 !important;
   border-color: #bb0000 !important;
}

button.is-danger:hover {
   background-color: #de0000 !important;
}

.btn-sm {
   padding: 10px 30px;
}

.btn-lg {
   border-radius: 6px;
   padding: 11px 36px;
}

.btn-block {
   display: block;
   width: 100%;
}

:disabled {
   cursor: not-allowed;
}

.btn + .btn {
   margin: 0 0 0 15px;
}

.big-heading {
   font-weight: 600;
   font-size: 40px;
   line-height: 1em;
}

/*headers in banner*/
h1,
.heading-1 {
   font-size: 35px;
   letter-spacing: 2px;
   font-weight: 300;
   line-height: 1em;
}

h2,
.heading-2 {
   font-size: 30px;
   line-height: 1em;
}

h3,
.heading-3 {
   font-size: 25px;
   line-height: 1em;
}

h4,
.heading-4 {
   font-size: 20px;
   line-height: 1em;
}

h5,
.heading-5 {
   font-size: 15px;
   line-height: 1em;
}

.t-small {
   font-size: 14px;
}

strong,
.strong {
   font-weight: 600;
}

.uppercase {
   text-transform: uppercase;
}

.a-right {
   text-align: right;
}

.a-left {
   text-align: left;
}

.a-center {
   text-align: center;
}

.a-justify {
   text-align: justify;
}

.t-gray {
   color: #919191;
}

.errorInput {
   -webkit-box-shadow: 0 0 3px #ff2222;
   box-shadow: 0 0 3px #ff2222;
}

.shownInput {
   -webkit-box-shadow: 0 0 3px #7ed0ae;
   box-shadow: 0 0 3px #7ed0ae;
}

.shortCodeBtnTag {
   margin-top: 1.1em;
   margin-left: 0.5em;
   background: #fff;
   border: 1px solid #ff0000;
   border-radius: 0.3em;
   z-index: 20;
   position: absolute;
   height: 1.9em;
   width: 1.9em;
   line-height: 1.7em;
   vertical-align: middle;
   text-align: center;
   font-size: 0.7em;
   color: #f00;
   -webkit-box-shadow: 0px 1px 2px #000 inset;
   box-shadow: 0px 1px 2px #000 inset;
}

.editor-writing-flow .colorSection:before,
.editor-writing-flow .splitRow:before,
.editor-writing-flow .mainContainer:before,
.editor-writing-flow .broadContainer:before {
   content: "";
   position: absolute;
   border: dotted 1px #d0d0d0;
   top: -1em;
   left: -1em;
   right: -1em;
   bottom: -1em;
   -webkit-transition: border 0.3s;
   -o-transition: border 0.3s;
   transition: border 0.3s;
}

.editor-writing-flow .colorSection:hover:before,
.editor-writing-flow .splitRow:hover:before,
.editor-writing-flow .mainContainer:hover:before,
.editor-writing-flow .broadContainer:hover:before {
   border-color: #ff0000;
   border-style: dot-dash;
}

.editor-writing-flow .colorSection:after,
.editor-writing-flow .splitRow:after,
.editor-writing-flow .mainContainer:after,
.editor-writing-flow .broadContainer:after {
   content: "\00a0\00a0 Container\00a0\00a0";
   color: #fff;
   background: #ff0000;
   position: absolute;
   top: -1.4em;
   left: -1.4em;
   border-bottom-right-radius: 0.8em;
   font-size: 0.7em;
   opacity: 0;
   -webkit-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
}

.editor-writing-flow .colorSection:after {
   content: "\00a0\00a0 Color section\00a0\00a0";
}

.editor-writing-flow .splitRow:after {
   content: "\00a0\00a0 Split row\00a0\00a0";
}

.editor-writing-flow .broadContainer:after {
   content: "\00a0\00a0 Wider - broader section\00a0\00a0";
}

.editor-writing-flow .colorSection .mainContainer:after {
   top: initial;
   bottom: -1.4em;
   border-top-right-radius: 0.8em;
   border-bottom-right-radius: 0;
}

.editor-writing-flow .colorSection:hover:after,
.editor-writing-flow .splitRow:hover:after,
.editor-writing-flow .mainContainer:hover:after,
.editor-writing-flow .broadContainer:hover:after {
   opacity: 1;
}

.editor-writing-flow .editor-url-input input {
   width: 100% !important;
}

/*GUTENBERG BLOCK EDITOR*/
.settingsIcon {
   position: absolute;
   cursor: pointer;
   height: 35px;
   width: 35px;
   border-bottom-left-radius: 6px;
   background: #fff;
   color: rgba(255, 0, 0, 0.5);
   text-align: center;
   font-size: 2em;
   line-height: 0.8em;
   z-index: 1;
   top: 0;
   right: 0;
   border-left: 1px solid rgba(255, 0, 0, 0.5);
   border-bottom: 1px solid rgba(255, 0, 0, 0.5);
   opacity: 0.5;
   -webkit-transition: opacity 300ms;
   -o-transition: opacity 300ms;
   transition: opacity 300ms;
}

.settingsIcon:hover {
   opacity: 1;
}

.settingsIcon:before {
   content: "⚙";
   position: absolute;
   cursor: pointer;
   height: inherit;
   width: inherit;
   border-bottom-left-radius: 6px;
   top: 0;
   right: 0;
}

.wp-block {
   max-width: 1100px;
}

.components-popover .editor-url-input input[type="text"],
.editor-block-list__block .editor-url-input input[type="text"],
.editor-url-input input[type="text"] {
   width: 135% !important;
}

.inputExt {
   position: absolute;
   margin-top: -3.5em;
   right: 6.6em;
}

/*COLUMNS - combining bootstrap grid with WP flex columns*/
.wp-block-column {
   margin: 0 !important;
   padding: 0;
   -ms-flex-preferred-size: 50%;
   flex-basis: 50%;
}

.wp-block-column > section {
   padding: 0 15px;
}

.wp-block-column:first-child > section {
   padding-left: 30px;
}

.wp-block-column:last-child > section {
   padding-right: 30px;
}

@media (max-width: 992px) {
   .wp-block-column > section {
      padding: 0 7.5px;
   }
   .wp-block-column:first-child > section {
      padding-left: 15px;
   }
   .wp-block-column:last-child > section {
      padding-right: 15px;
   }
}

@media (max-width: 599px) {
   .wp-block-column {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      -ms-flex-positive: 0;
      flex-grow: 0;
   }
   .wp-block-column > section {
      padding: 0 15px;
   }
}

/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.has-silver-color {
   font-weight: normal;
   letter-spacing: 0;
}

.has-silver-color strong {
   color: #d0d0d0;
   font-weight: normal;
}

.has-red-color {
   font-weight: normal;
   letter-spacing: 0;
}

.has-red-color strong {
   color: #f3232d;
   font-weight: normal;
}

.has-no-color {
   font-weight: normal;
   letter-spacing: 0;
}

.has-no-color strong {
   color: revert;
   font-weight: normal;
}
@charset "UTF-8";
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.aspect {
   width: 100%;
   position: relative;
   /* If you want text inside of it */
   display: inline-block;
   /* The image */
}
.aspect.a1-1 {
   padding-top: 100%;
   /* 1:1 Aspect Ratio */
}
.aspect.a4-3 {
   padding-top: 75%;
   /* 4:3 Aspect Ratio */
}
.aspect.a16-9 {
   padding-top: 56.25%;
   /* 16:9 Aspect Ratio */
}
.aspect.a16-10 {
   padding-top: 62.5%;
   /* 16:10 Aspect Ratio */
}
.aspect.a3-1 {
   padding-top: 33%;
   /* 3:1 Aspect Ratio */
}
.aspect.img-border {
   border-radius: 6px;
   border: 2px solid #fff;
}
.aspect img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   -o-object-position: 50% 50%;
   object-position: 50% 50%;
   position: absolute;
   top: 0;
}

input,
button {
   background: none;
   border: none;
   font-family: "Roboto", sans-serif;
}

.btn {
   display: inline-block;
   white-space: nowrap;
   vertical-align: middle;
   text-align: center;
   cursor: pointer;
   line-height: 1.3;
   padding: 14px 34px;
   font-size: 13px;
   text-transform: none;
   color: #fff;
   border: 2px solid;
   border-radius: 6px;
   font-weight: 500;
   letter-spacing: 2px;
   text-transform: uppercase;
   text-decoration: none !important;
   max-width: 100%;
   min-width: 120px;
}
.btn:focus,
.btn:active:focus {
   outline: 0 none;
}

button[class*="icon-"]:before {
   margin-right: 8px;
}

.btn-primary {
   background-color: #f3232d;
   border-color: #f3232d;
   color: #fff;
}
.btn-primary:hover {
   background-color: #fa000c;
   border-color: #fa000c;
   color: #fff;
}
.btn-primary:disabled {
   color: rgba(255, 255, 255, 0.5);
   background-color: #f8868c;
   border-color: #f8868c;
}

.btn-secondary {
   background-color: transparent;
   border-color: #f3232d;
   color: #f3232d;
}
.btn-secondary:hover {
   background-color: #fa000c;
   border-color: #fa000c;
   color: #fff;
}

.btn-default {
   background-color: transparent;
   border-color: #f3232d;
   color: #f3232d;
}
.btn-default:hover {
   background-color: transparent;
   border-color: #ecebed;
   color: #1e1e1e;
}
.btn-default:disabled {
   color: rgba(30, 30, 30, 0.25);
   border-color: #ecebed;
}

button.is-danger {
   background-color: #ff2222 !important;
   text-shadow: 0 -1px 1px #bb0000, 1px 0 1px #bb0000, 0 1px 1px #bb0000, -1px 0 1px #bb0000 !important;
   -webkit-box-shadow: inset 0 -1px 0 #bb0000 !important;
   box-shadow: inset 0 -1px 0 #bb0000 !important;
   border-color: #bb0000 !important;
}

button.is-danger:hover {
   background-color: #de0000 !important;
}

.btn-sm {
   padding: 10px 30px;
}

.btn-lg {
   border-radius: 6px;
   padding: 11px 36px;
}

.btn-block {
   display: block;
   width: 100%;
}

:disabled {
   cursor: not-allowed;
}

.btn + .btn {
   margin: 0 0 0 15px;
}

.big-heading {
   font-weight: 600;
   font-size: 40px;
   line-height: 1em;
}

/*headers in banner*/
h1,
.heading-1 {
   font-size: 35px;
   letter-spacing: 2px;
   font-weight: 300;
   line-height: 1em;
}

h2,
.heading-2 {
   font-size: 30px;
   line-height: 1em;
}

h3,
.heading-3 {
   font-size: 25px;
   line-height: 1em;
}

h4,
.heading-4 {
   font-size: 20px;
   line-height: 1em;
}

h5,
.heading-5 {
   font-size: 15px;
   line-height: 1em;
}

.t-small {
   font-size: 14px;
}

strong,
.strong {
   font-weight: 600;
}

.uppercase {
   text-transform: uppercase;
}

.a-right {
   text-align: right;
}

.a-left {
   text-align: left;
}

.a-center {
   text-align: center;
}

.a-justify {
   text-align: justify;
}

.t-gray {
   color: #919191;
}

.errorInput {
   -webkit-box-shadow: 0 0 3px #ff2222;
   box-shadow: 0 0 3px #ff2222;
}

.shownInput {
   -webkit-box-shadow: 0 0 3px #7ed0ae;
   box-shadow: 0 0 3px #7ed0ae;
}

.shortCodeBtnTag {
   margin-top: 1.1em;
   margin-left: 0.5em;
   background: #fff;
   border: 1px solid #ff0000;
   border-radius: 0.3em;
   z-index: 20;
   position: absolute;
   height: 1.9em;
   width: 1.9em;
   line-height: 1.7em;
   vertical-align: middle;
   text-align: center;
   font-size: 0.7em;
   color: #f00;
   -webkit-box-shadow: 0px 1px 2px #000 inset;
   box-shadow: 0px 1px 2px #000 inset;
}

.editor-writing-flow .colorSection:before,
.editor-writing-flow .splitRow:before,
.editor-writing-flow .mainContainer:before,
.editor-writing-flow .broadContainer:before {
   content: "";
   position: absolute;
   border: dotted 1px #d0d0d0;
   top: -1em;
   left: -1em;
   right: -1em;
   bottom: -1em;
   -webkit-transition: border 0.3s;
   -o-transition: border 0.3s;
   transition: border 0.3s;
}

.editor-writing-flow .colorSection:hover:before,
.editor-writing-flow .splitRow:hover:before,
.editor-writing-flow .mainContainer:hover:before,
.editor-writing-flow .broadContainer:hover:before {
   border-color: #ff0000;
   border-style: dot-dash;
}

.editor-writing-flow .colorSection:after,
.editor-writing-flow .splitRow:after,
.editor-writing-flow .mainContainer:after,
.editor-writing-flow .broadContainer:after {
   content: "\00a0\00a0 Container\00a0\00a0";
   color: #fff;
   background: #ff0000;
   position: absolute;
   top: -1.4em;
   left: -1.4em;
   border-bottom-right-radius: 0.8em;
   font-size: 0.7em;
   opacity: 0;
   -webkit-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
}

.editor-writing-flow .colorSection:after {
   content: "\00a0\00a0 Color section\00a0\00a0";
}

.editor-writing-flow .splitRow:after {
   content: "\00a0\00a0 Split row\00a0\00a0";
}

.editor-writing-flow .broadContainer:after {
   content: "\00a0\00a0 Wider - broader section\00a0\00a0";
}

.editor-writing-flow .colorSection .mainContainer:after {
   top: initial;
   bottom: -1.4em;
   border-top-right-radius: 0.8em;
   border-bottom-right-radius: 0;
}

.editor-writing-flow .colorSection:hover:after,
.editor-writing-flow .splitRow:hover:after,
.editor-writing-flow .mainContainer:hover:after,
.editor-writing-flow .broadContainer:hover:after {
   opacity: 1;
}

.editor-writing-flow .editor-url-input input {
   width: 100% !important;
}

/*GUTENBERG BLOCK EDITOR*/
.settingsIcon {
   position: absolute;
   cursor: pointer;
   height: 35px;
   width: 35px;
   border-bottom-left-radius: 6px;
   background: #fff;
   color: rgba(255, 0, 0, 0.5);
   text-align: center;
   font-size: 2em;
   line-height: 0.8em;
   z-index: 1;
   top: 0;
   right: 0;
   border-left: 1px solid rgba(255, 0, 0, 0.5);
   border-bottom: 1px solid rgba(255, 0, 0, 0.5);
   opacity: 0.5;
   -webkit-transition: opacity 300ms;
   -o-transition: opacity 300ms;
   transition: opacity 300ms;
}

.settingsIcon:hover {
   opacity: 1;
}

.settingsIcon:before {
   content: "⚙";
   position: absolute;
   cursor: pointer;
   height: inherit;
   width: inherit;
   border-bottom-left-radius: 6px;
   top: 0;
   right: 0;
}

.wp-block {
   max-width: 1100px;
}

.components-popover .editor-url-input input[type="text"],
.editor-block-list__block .editor-url-input input[type="text"],
.editor-url-input input[type="text"] {
   width: 135% !important;
}

.inputExt {
   position: absolute;
   margin-top: -3.5em;
   right: 6.6em;
}

/*COLUMNS - combining bootstrap grid with WP flex columns*/
.wp-block-column {
   margin: 0 !important;
   padding: 0;
   -ms-flex-preferred-size: 50%;
   flex-basis: 50%;
}

.wp-block-column > section {
   padding: 0 15px;
}

.wp-block-column:first-child > section {
   padding-left: 30px;
}

.wp-block-column:last-child > section {
   padding-right: 30px;
}

@media (max-width: 992px) {
   .wp-block-column > section {
      padding: 0 7.5px;
   }
   .wp-block-column:first-child > section {
      padding-left: 15px;
   }
   .wp-block-column:last-child > section {
      padding-right: 15px;
   }
}

@media (max-width: 599px) {
   .wp-block-column {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      -ms-flex-positive: 0;
      flex-grow: 0;
   }
   .wp-block-column > section {
      padding: 0 15px;
   }
}

/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-dankuchen-colorsection.has-whiteColor h1,
.wp-block-dankuchen-colorsection.has-whiteColor h2,
.wp-block-dankuchen-colorsection.has-whiteColor h3,
.wp-block-dankuchen-colorsection.has-whiteColor h4,
.wp-block-dankuchen-colorsection.has-whiteColor h5 {
   color: #fff;
}
@charset "UTF-8";
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.aspect {
   width: 100%;
   position: relative;
   /* If you want text inside of it */
   display: inline-block;
   /* The image */
}
.aspect.a1-1 {
   padding-top: 100%;
   /* 1:1 Aspect Ratio */
}
.aspect.a4-3 {
   padding-top: 75%;
   /* 4:3 Aspect Ratio */
}
.aspect.a16-9 {
   padding-top: 56.25%;
   /* 16:9 Aspect Ratio */
}
.aspect.a16-10 {
   padding-top: 62.5%;
   /* 16:10 Aspect Ratio */
}
.aspect.a3-1 {
   padding-top: 33%;
   /* 3:1 Aspect Ratio */
}
.aspect.img-border {
   border-radius: 6px;
   border: 2px solid #fff;
}
.aspect img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   -o-object-position: 50% 50%;
   object-position: 50% 50%;
   position: absolute;
   top: 0;
}

input,
button {
   background: none;
   border: none;
   font-family: "Roboto", sans-serif;
}

.btn {
   display: inline-block;
   white-space: nowrap;
   vertical-align: middle;
   text-align: center;
   cursor: pointer;
   line-height: 1.3;
   padding: 14px 34px;
   font-size: 13px;
   text-transform: none;
   color: #fff;
   border: 2px solid;
   border-radius: 6px;
   font-weight: 500;
   letter-spacing: 2px;
   text-transform: uppercase;
   text-decoration: none !important;
   max-width: 100%;
   min-width: 120px;
}
.btn:focus,
.btn:active:focus {
   outline: 0 none;
}

button[class*="icon-"]:before {
   margin-right: 8px;
}

.btn-primary {
   background-color: #f3232d;
   border-color: #f3232d;
   color: #fff;
}
.btn-primary:hover {
   background-color: #fa000c;
   border-color: #fa000c;
   color: #fff;
}
.btn-primary:disabled {
   color: rgba(255, 255, 255, 0.5);
   background-color: #f8868c;
   border-color: #f8868c;
}

.btn-secondary {
   background-color: transparent;
   border-color: #f3232d;
   color: #f3232d;
}
.btn-secondary:hover {
   background-color: #fa000c;
   border-color: #fa000c;
   color: #fff;
}

.btn-default {
   background-color: transparent;
   border-color: #f3232d;
   color: #f3232d;
}
.btn-default:hover {
   background-color: transparent;
   border-color: #ecebed;
   color: #1e1e1e;
}
.btn-default:disabled {
   color: rgba(30, 30, 30, 0.25);
   border-color: #ecebed;
}

button.is-danger {
   background-color: #ff2222 !important;
   text-shadow: 0 -1px 1px #bb0000, 1px 0 1px #bb0000, 0 1px 1px #bb0000, -1px 0 1px #bb0000 !important;
   -webkit-box-shadow: inset 0 -1px 0 #bb0000 !important;
   box-shadow: inset 0 -1px 0 #bb0000 !important;
   border-color: #bb0000 !important;
}

button.is-danger:hover {
   background-color: #de0000 !important;
}

.btn-sm {
   padding: 10px 30px;
}

.btn-lg {
   border-radius: 6px;
   padding: 11px 36px;
}

.btn-block {
   display: block;
   width: 100%;
}

:disabled {
   cursor: not-allowed;
}

.btn + .btn {
   margin: 0 0 0 15px;
}

.big-heading {
   font-weight: 600;
   font-size: 40px;
   line-height: 1em;
}

/*headers in banner*/
h1,
.heading-1 {
   font-size: 35px;
   letter-spacing: 2px;
   font-weight: 300;
   line-height: 1em;
}

h2,
.heading-2 {
   font-size: 30px;
   line-height: 1em;
}

h3,
.heading-3 {
   font-size: 25px;
   line-height: 1em;
}

h4,
.heading-4 {
   font-size: 20px;
   line-height: 1em;
}

h5,
.heading-5 {
   font-size: 15px;
   line-height: 1em;
}

.t-small {
   font-size: 14px;
}

strong,
.strong {
   font-weight: 600;
}

.uppercase {
   text-transform: uppercase;
}

.a-right {
   text-align: right;
}

.a-left {
   text-align: left;
}

.a-center {
   text-align: center;
}

.a-justify {
   text-align: justify;
}

.t-gray {
   color: #919191;
}

.errorInput {
   -webkit-box-shadow: 0 0 3px #ff2222;
   box-shadow: 0 0 3px #ff2222;
}

.shownInput {
   -webkit-box-shadow: 0 0 3px #7ed0ae;
   box-shadow: 0 0 3px #7ed0ae;
}

.shortCodeBtnTag {
   margin-top: 1.1em;
   margin-left: 0.5em;
   background: #fff;
   border: 1px solid #ff0000;
   border-radius: 0.3em;
   z-index: 20;
   position: absolute;
   height: 1.9em;
   width: 1.9em;
   line-height: 1.7em;
   vertical-align: middle;
   text-align: center;
   font-size: 0.7em;
   color: #f00;
   -webkit-box-shadow: 0px 1px 2px #000 inset;
   box-shadow: 0px 1px 2px #000 inset;
}

.editor-writing-flow .colorSection:before,
.editor-writing-flow .splitRow:before,
.editor-writing-flow .mainContainer:before,
.editor-writing-flow .broadContainer:before {
   content: "";
   position: absolute;
   border: dotted 1px #d0d0d0;
   top: -1em;
   left: -1em;
   right: -1em;
   bottom: -1em;
   -webkit-transition: border 0.3s;
   -o-transition: border 0.3s;
   transition: border 0.3s;
}

.editor-writing-flow .colorSection:hover:before,
.editor-writing-flow .splitRow:hover:before,
.editor-writing-flow .mainContainer:hover:before,
.editor-writing-flow .broadContainer:hover:before {
   border-color: #ff0000;
   border-style: dot-dash;
}

.editor-writing-flow .colorSection:after,
.editor-writing-flow .splitRow:after,
.editor-writing-flow .mainContainer:after,
.editor-writing-flow .broadContainer:after {
   content: "\00a0\00a0 Container\00a0\00a0";
   color: #fff;
   background: #ff0000;
   position: absolute;
   top: -1.4em;
   left: -1.4em;
   border-bottom-right-radius: 0.8em;
   font-size: 0.7em;
   opacity: 0;
   -webkit-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
}

.editor-writing-flow .colorSection:after {
   content: "\00a0\00a0 Color section\00a0\00a0";
}

.editor-writing-flow .splitRow:after {
   content: "\00a0\00a0 Split row\00a0\00a0";
}

.editor-writing-flow .broadContainer:after {
   content: "\00a0\00a0 Wider - broader section\00a0\00a0";
}

.editor-writing-flow .colorSection .mainContainer:after {
   top: initial;
   bottom: -1.4em;
   border-top-right-radius: 0.8em;
   border-bottom-right-radius: 0;
}

.editor-writing-flow .colorSection:hover:after,
.editor-writing-flow .splitRow:hover:after,
.editor-writing-flow .mainContainer:hover:after,
.editor-writing-flow .broadContainer:hover:after {
   opacity: 1;
}

.editor-writing-flow .editor-url-input input {
   width: 100% !important;
}

/*GUTENBERG BLOCK EDITOR*/
.settingsIcon {
   position: absolute;
   cursor: pointer;
   height: 35px;
   width: 35px;
   border-bottom-left-radius: 6px;
   background: #fff;
   color: rgba(255, 0, 0, 0.5);
   text-align: center;
   font-size: 2em;
   line-height: 0.8em;
   z-index: 1;
   top: 0;
   right: 0;
   border-left: 1px solid rgba(255, 0, 0, 0.5);
   border-bottom: 1px solid rgba(255, 0, 0, 0.5);
   opacity: 0.5;
   -webkit-transition: opacity 300ms;
   -o-transition: opacity 300ms;
   transition: opacity 300ms;
}

.settingsIcon:hover {
   opacity: 1;
}

.settingsIcon:before {
   content: "⚙";
   position: absolute;
   cursor: pointer;
   height: inherit;
   width: inherit;
   border-bottom-left-radius: 6px;
   top: 0;
   right: 0;
}

.wp-block {
   max-width: 1100px;
}

.components-popover .editor-url-input input[type="text"],
.editor-block-list__block .editor-url-input input[type="text"],
.editor-url-input input[type="text"] {
   width: 135% !important;
}

.inputExt {
   position: absolute;
   margin-top: -3.5em;
   right: 6.6em;
}

/*COLUMNS - combining bootstrap grid with WP flex columns*/
.wp-block-column {
   margin: 0 !important;
   padding: 0;
   -ms-flex-preferred-size: 50%;
   flex-basis: 50%;
}

.wp-block-column > section {
   padding: 0 15px;
}

.wp-block-column:first-child > section {
   padding-left: 30px;
}

.wp-block-column:last-child > section {
   padding-right: 30px;
}

@media (max-width: 992px) {
   .wp-block-column > section {
      padding: 0 7.5px;
   }
   .wp-block-column:first-child > section {
      padding-left: 15px;
   }
   .wp-block-column:last-child > section {
      padding-right: 15px;
   }
}

@media (max-width: 599px) {
   .wp-block-column {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      -ms-flex-positive: 0;
      flex-grow: 0;
   }
   .wp-block-column > section {
      padding: 0 15px;
   }
}

/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.splitSection .wp-block-column {
   margin: 0 !important;
}
@charset "UTF-8";
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.aspect {
   width: 100%;
   position: relative;
   /* If you want text inside of it */
   display: inline-block;
   /* The image */
}
.aspect.a1-1 {
   padding-top: 100%;
   /* 1:1 Aspect Ratio */
}
.aspect.a4-3 {
   padding-top: 75%;
   /* 4:3 Aspect Ratio */
}
.aspect.a16-9 {
   padding-top: 56.25%;
   /* 16:9 Aspect Ratio */
}
.aspect.a16-10 {
   padding-top: 62.5%;
   /* 16:10 Aspect Ratio */
}
.aspect.a3-1 {
   padding-top: 33%;
   /* 3:1 Aspect Ratio */
}
.aspect.img-border {
   border-radius: 6px;
   border: 2px solid #fff;
}
.aspect img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   -o-object-position: 50% 50%;
   object-position: 50% 50%;
   position: absolute;
   top: 0;
}

input,
button {
   background: none;
   border: none;
   font-family: "Roboto", sans-serif;
}

.btn {
   display: inline-block;
   white-space: nowrap;
   vertical-align: middle;
   text-align: center;
   cursor: pointer;
   line-height: 1.3;
   padding: 14px 34px;
   font-size: 13px;
   text-transform: none;
   color: #fff;
   border: 2px solid;
   border-radius: 6px;
   font-weight: 500;
   letter-spacing: 2px;
   text-transform: uppercase;
   text-decoration: none !important;
   max-width: 100%;
   min-width: 120px;
}
.btn:focus,
.btn:active:focus {
   outline: 0 none;
}

button[class*="icon-"]:before {
   margin-right: 8px;
}

.btn-primary {
   background-color: #f3232d;
   border-color: #f3232d;
   color: #fff;
}
.btn-primary:hover {
   background-color: #fa000c;
   border-color: #fa000c;
   color: #fff;
}
.btn-primary:disabled {
   color: rgba(255, 255, 255, 0.5);
   background-color: #f8868c;
   border-color: #f8868c;
}

.btn-secondary {
   background-color: transparent;
   border-color: #f3232d;
   color: #f3232d;
}
.btn-secondary:hover {
   background-color: #fa000c;
   border-color: #fa000c;
   color: #fff;
}

.btn-default {
   background-color: transparent;
   border-color: #f3232d;
   color: #f3232d;
}
.btn-default:hover {
   background-color: transparent;
   border-color: #ecebed;
   color: #1e1e1e;
}
.btn-default:disabled {
   color: rgba(30, 30, 30, 0.25);
   border-color: #ecebed;
}

button.is-danger {
   background-color: #ff2222 !important;
   text-shadow: 0 -1px 1px #bb0000, 1px 0 1px #bb0000, 0 1px 1px #bb0000, -1px 0 1px #bb0000 !important;
   -webkit-box-shadow: inset 0 -1px 0 #bb0000 !important;
   box-shadow: inset 0 -1px 0 #bb0000 !important;
   border-color: #bb0000 !important;
}

button.is-danger:hover {
   background-color: #de0000 !important;
}

.btn-sm {
   padding: 10px 30px;
}

.btn-lg {
   border-radius: 6px;
   padding: 11px 36px;
}

.btn-block {
   display: block;
   width: 100%;
}

:disabled {
   cursor: not-allowed;
}

.btn + .btn {
   margin: 0 0 0 15px;
}

.big-heading {
   font-weight: 600;
   font-size: 40px;
   line-height: 1em;
}

/*headers in banner*/
h1,
.heading-1 {
   font-size: 35px;
   letter-spacing: 2px;
   font-weight: 300;
   line-height: 1em;
}

h2,
.heading-2 {
   font-size: 30px;
   line-height: 1em;
}

h3,
.heading-3 {
   font-size: 25px;
   line-height: 1em;
}

h4,
.heading-4 {
   font-size: 20px;
   line-height: 1em;
}

h5,
.heading-5 {
   font-size: 15px;
   line-height: 1em;
}

.t-small {
   font-size: 14px;
}

strong,
.strong {
   font-weight: 600;
}

.uppercase {
   text-transform: uppercase;
}

.a-right {
   text-align: right;
}

.a-left {
   text-align: left;
}

.a-center {
   text-align: center;
}

.a-justify {
   text-align: justify;
}

.t-gray {
   color: #919191;
}

.errorInput {
   -webkit-box-shadow: 0 0 3px #ff2222;
   box-shadow: 0 0 3px #ff2222;
}

.shownInput {
   -webkit-box-shadow: 0 0 3px #7ed0ae;
   box-shadow: 0 0 3px #7ed0ae;
}

.shortCodeBtnTag {
   margin-top: 1.1em;
   margin-left: 0.5em;
   background: #fff;
   border: 1px solid #ff0000;
   border-radius: 0.3em;
   z-index: 20;
   position: absolute;
   height: 1.9em;
   width: 1.9em;
   line-height: 1.7em;
   vertical-align: middle;
   text-align: center;
   font-size: 0.7em;
   color: #f00;
   -webkit-box-shadow: 0px 1px 2px #000 inset;
   box-shadow: 0px 1px 2px #000 inset;
}

.editor-writing-flow .colorSection:before,
.editor-writing-flow .splitRow:before,
.editor-writing-flow .mainContainer:before,
.editor-writing-flow .broadContainer:before {
   content: "";
   position: absolute;
   border: dotted 1px #d0d0d0;
   top: -1em;
   left: -1em;
   right: -1em;
   bottom: -1em;
   -webkit-transition: border 0.3s;
   -o-transition: border 0.3s;
   transition: border 0.3s;
}

.editor-writing-flow .colorSection:hover:before,
.editor-writing-flow .splitRow:hover:before,
.editor-writing-flow .mainContainer:hover:before,
.editor-writing-flow .broadContainer:hover:before {
   border-color: #ff0000;
   border-style: dot-dash;
}

.editor-writing-flow .colorSection:after,
.editor-writing-flow .splitRow:after,
.editor-writing-flow .mainContainer:after,
.editor-writing-flow .broadContainer:after {
   content: "\00a0\00a0 Container\00a0\00a0";
   color: #fff;
   background: #ff0000;
   position: absolute;
   top: -1.4em;
   left: -1.4em;
   border-bottom-right-radius: 0.8em;
   font-size: 0.7em;
   opacity: 0;
   -webkit-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
}

.editor-writing-flow .colorSection:after {
   content: "\00a0\00a0 Color section\00a0\00a0";
}

.editor-writing-flow .splitRow:after {
   content: "\00a0\00a0 Split row\00a0\00a0";
}

.editor-writing-flow .broadContainer:after {
   content: "\00a0\00a0 Wider - broader section\00a0\00a0";
}

.editor-writing-flow .colorSection .mainContainer:after {
   top: initial;
   bottom: -1.4em;
   border-top-right-radius: 0.8em;
   border-bottom-right-radius: 0;
}

.editor-writing-flow .colorSection:hover:after,
.editor-writing-flow .splitRow:hover:after,
.editor-writing-flow .mainContainer:hover:after,
.editor-writing-flow .broadContainer:hover:after {
   opacity: 1;
}

.editor-writing-flow .editor-url-input input {
   width: 100% !important;
}

/*GUTENBERG BLOCK EDITOR*/
.settingsIcon {
   position: absolute;
   cursor: pointer;
   height: 35px;
   width: 35px;
   border-bottom-left-radius: 6px;
   background: #fff;
   color: rgba(255, 0, 0, 0.5);
   text-align: center;
   font-size: 2em;
   line-height: 0.8em;
   z-index: 1;
   top: 0;
   right: 0;
   border-left: 1px solid rgba(255, 0, 0, 0.5);
   border-bottom: 1px solid rgba(255, 0, 0, 0.5);
   opacity: 0.5;
   -webkit-transition: opacity 300ms;
   -o-transition: opacity 300ms;
   transition: opacity 300ms;
}

.settingsIcon:hover {
   opacity: 1;
}

.settingsIcon:before {
   content: "⚙";
   position: absolute;
   cursor: pointer;
   height: inherit;
   width: inherit;
   border-bottom-left-radius: 6px;
   top: 0;
   right: 0;
}

.wp-block {
   max-width: 1100px;
}

.components-popover .editor-url-input input[type="text"],
.editor-block-list__block .editor-url-input input[type="text"],
.editor-url-input input[type="text"] {
   width: 135% !important;
}

.inputExt {
   position: absolute;
   margin-top: -3.5em;
   right: 6.6em;
}

/*COLUMNS - combining bootstrap grid with WP flex columns*/
.wp-block-column {
   margin: 0 !important;
   padding: 0;
   -ms-flex-preferred-size: 50%;
   flex-basis: 50%;
}

.wp-block-column > section {
   padding: 0 15px;
}

.wp-block-column:first-child > section {
   padding-left: 30px;
}

.wp-block-column:last-child > section {
   padding-right: 30px;
}

@media (max-width: 992px) {
   .wp-block-column > section {
      padding: 0 7.5px;
   }
   .wp-block-column:first-child > section {
      padding-left: 15px;
   }
   .wp-block-column:last-child > section {
      padding-right: 15px;
   }
}

@media (max-width: 599px) {
   .wp-block-column {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      -ms-flex-positive: 0;
      flex-grow: 0;
   }
   .wp-block-column > section {
      padding: 0 15px;
   }
}

/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.has-silver-color {
   font-weight: normal;
   letter-spacing: 0;
}

.has-silver-color strong {
   color: #d0d0d0;
   font-weight: normal;
}

.has-red-color {
   font-weight: normal;
   letter-spacing: 0;
}

.has-red-color strong {
   color: #f3232d;
   font-weight: normal;
}

.has-no-color {
   font-weight: normal;
   letter-spacing: 0;
}

.has-no-color strong {
   color: revert;
   font-weight: normal;
}
@charset "UTF-8";
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.aspect {
   width: 100%;
   position: relative;
   /* If you want text inside of it */
   display: inline-block;
   /* The image */
}
.aspect.a1-1 {
   padding-top: 100%;
   /* 1:1 Aspect Ratio */
}
.aspect.a4-3 {
   padding-top: 75%;
   /* 4:3 Aspect Ratio */
}
.aspect.a16-9 {
   padding-top: 56.25%;
   /* 16:9 Aspect Ratio */
}
.aspect.a16-10 {
   padding-top: 62.5%;
   /* 16:10 Aspect Ratio */
}
.aspect.a3-1 {
   padding-top: 33%;
   /* 3:1 Aspect Ratio */
}
.aspect.img-border {
   border-radius: 6px;
   border: 2px solid #fff;
}
.aspect img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   -o-object-position: 50% 50%;
   object-position: 50% 50%;
   position: absolute;
   top: 0;
}

input,
button {
   background: none;
   border: none;
   font-family: "Roboto", sans-serif;
}

.btn {
   display: inline-block;
   white-space: nowrap;
   vertical-align: middle;
   text-align: center;
   cursor: pointer;
   line-height: 1.3;
   padding: 14px 34px;
   font-size: 13px;
   text-transform: none;
   color: #fff;
   border: 2px solid;
   border-radius: 6px;
   font-weight: 500;
   letter-spacing: 2px;
   text-transform: uppercase;
   text-decoration: none !important;
   max-width: 100%;
   min-width: 120px;
}
.btn:focus,
.btn:active:focus {
   outline: 0 none;
}

button[class*="icon-"]:before {
   margin-right: 8px;
}

.btn-primary {
   background-color: #f3232d;
   border-color: #f3232d;
   color: #fff;
}
.btn-primary:hover {
   background-color: #fa000c;
   border-color: #fa000c;
   color: #fff;
}
.btn-primary:disabled {
   color: rgba(255, 255, 255, 0.5);
   background-color: #f8868c;
   border-color: #f8868c;
}

.btn-secondary {
   background-color: transparent;
   border-color: #f3232d;
   color: #f3232d;
}
.btn-secondary:hover {
   background-color: #fa000c;
   border-color: #fa000c;
   color: #fff;
}

.btn-default {
   background-color: transparent;
   border-color: #f3232d;
   color: #f3232d;
}
.btn-default:hover {
   background-color: transparent;
   border-color: #ecebed;
   color: #1e1e1e;
}
.btn-default:disabled {
   color: rgba(30, 30, 30, 0.25);
   border-color: #ecebed;
}

button.is-danger {
   background-color: #ff2222 !important;
   text-shadow: 0 -1px 1px #bb0000, 1px 0 1px #bb0000, 0 1px 1px #bb0000, -1px 0 1px #bb0000 !important;
   -webkit-box-shadow: inset 0 -1px 0 #bb0000 !important;
   box-shadow: inset 0 -1px 0 #bb0000 !important;
   border-color: #bb0000 !important;
}

button.is-danger:hover {
   background-color: #de0000 !important;
}

.btn-sm {
   padding: 10px 30px;
}

.btn-lg {
   border-radius: 6px;
   padding: 11px 36px;
}

.btn-block {
   display: block;
   width: 100%;
}

:disabled {
   cursor: not-allowed;
}

.btn + .btn {
   margin: 0 0 0 15px;
}

.big-heading {
   font-weight: 600;
   font-size: 40px;
   line-height: 1em;
}

/*headers in banner*/
h1,
.heading-1 {
   font-size: 35px;
   letter-spacing: 2px;
   font-weight: 300;
   line-height: 1em;
}

h2,
.heading-2 {
   font-size: 30px;
   line-height: 1em;
}

h3,
.heading-3 {
   font-size: 25px;
   line-height: 1em;
}

h4,
.heading-4 {
   font-size: 20px;
   line-height: 1em;
}

h5,
.heading-5 {
   font-size: 15px;
   line-height: 1em;
}

.t-small {
   font-size: 14px;
}

strong,
.strong {
   font-weight: 600;
}

.uppercase {
   text-transform: uppercase;
}

.a-right {
   text-align: right;
}

.a-left {
   text-align: left;
}

.a-center {
   text-align: center;
}

.a-justify {
   text-align: justify;
}

.t-gray {
   color: #919191;
}

.errorInput {
   -webkit-box-shadow: 0 0 3px #ff2222;
   box-shadow: 0 0 3px #ff2222;
}

.shownInput {
   -webkit-box-shadow: 0 0 3px #7ed0ae;
   box-shadow: 0 0 3px #7ed0ae;
}

.shortCodeBtnTag {
   margin-top: 1.1em;
   margin-left: 0.5em;
   background: #fff;
   border: 1px solid #ff0000;
   border-radius: 0.3em;
   z-index: 20;
   position: absolute;
   height: 1.9em;
   width: 1.9em;
   line-height: 1.7em;
   vertical-align: middle;
   text-align: center;
   font-size: 0.7em;
   color: #f00;
   -webkit-box-shadow: 0px 1px 2px #000 inset;
   box-shadow: 0px 1px 2px #000 inset;
}

.editor-writing-flow .colorSection:before,
.editor-writing-flow .splitRow:before,
.editor-writing-flow .mainContainer:before,
.editor-writing-flow .broadContainer:before {
   content: "";
   position: absolute;
   border: dotted 1px #d0d0d0;
   top: -1em;
   left: -1em;
   right: -1em;
   bottom: -1em;
   -webkit-transition: border 0.3s;
   -o-transition: border 0.3s;
   transition: border 0.3s;
}

.editor-writing-flow .colorSection:hover:before,
.editor-writing-flow .splitRow:hover:before,
.editor-writing-flow .mainContainer:hover:before,
.editor-writing-flow .broadContainer:hover:before {
   border-color: #ff0000;
   border-style: dot-dash;
}

.editor-writing-flow .colorSection:after,
.editor-writing-flow .splitRow:after,
.editor-writing-flow .mainContainer:after,
.editor-writing-flow .broadContainer:after {
   content: "\00a0\00a0 Container\00a0\00a0";
   color: #fff;
   background: #ff0000;
   position: absolute;
   top: -1.4em;
   left: -1.4em;
   border-bottom-right-radius: 0.8em;
   font-size: 0.7em;
   opacity: 0;
   -webkit-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
}

.editor-writing-flow .colorSection:after {
   content: "\00a0\00a0 Color section\00a0\00a0";
}

.editor-writing-flow .splitRow:after {
   content: "\00a0\00a0 Split row\00a0\00a0";
}

.editor-writing-flow .broadContainer:after {
   content: "\00a0\00a0 Wider - broader section\00a0\00a0";
}

.editor-writing-flow .colorSection .mainContainer:after {
   top: initial;
   bottom: -1.4em;
   border-top-right-radius: 0.8em;
   border-bottom-right-radius: 0;
}

.editor-writing-flow .colorSection:hover:after,
.editor-writing-flow .splitRow:hover:after,
.editor-writing-flow .mainContainer:hover:after,
.editor-writing-flow .broadContainer:hover:after {
   opacity: 1;
}

.editor-writing-flow .editor-url-input input {
   width: 100% !important;
}

/*GUTENBERG BLOCK EDITOR*/
.settingsIcon {
   position: absolute;
   cursor: pointer;
   height: 35px;
   width: 35px;
   border-bottom-left-radius: 6px;
   background: #fff;
   color: rgba(255, 0, 0, 0.5);
   text-align: center;
   font-size: 2em;
   line-height: 0.8em;
   z-index: 1;
   top: 0;
   right: 0;
   border-left: 1px solid rgba(255, 0, 0, 0.5);
   border-bottom: 1px solid rgba(255, 0, 0, 0.5);
   opacity: 0.5;
   -webkit-transition: opacity 300ms;
   -o-transition: opacity 300ms;
   transition: opacity 300ms;
}

.settingsIcon:hover {
   opacity: 1;
}

.settingsIcon:before {
   content: "⚙";
   position: absolute;
   cursor: pointer;
   height: inherit;
   width: inherit;
   border-bottom-left-radius: 6px;
   top: 0;
   right: 0;
}

.wp-block {
   max-width: 1100px;
}

.components-popover .editor-url-input input[type="text"],
.editor-block-list__block .editor-url-input input[type="text"],
.editor-url-input input[type="text"] {
   width: 135% !important;
}

.inputExt {
   position: absolute;
   margin-top: -3.5em;
   right: 6.6em;
}

/*COLUMNS - combining bootstrap grid with WP flex columns*/
.wp-block-column {
   margin: 0 !important;
   padding: 0;
   -ms-flex-preferred-size: 50%;
   flex-basis: 50%;
}

.wp-block-column > section {
   padding: 0 15px;
}

.wp-block-column:first-child > section {
   padding-left: 30px;
}

.wp-block-column:last-child > section {
   padding-right: 30px;
}

@media (max-width: 992px) {
   .wp-block-column > section {
      padding: 0 7.5px;
   }
   .wp-block-column:first-child > section {
      padding-left: 15px;
   }
   .wp-block-column:last-child > section {
      padding-right: 15px;
   }
}

@media (max-width: 599px) {
   .wp-block-column {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      -ms-flex-positive: 0;
      flex-grow: 0;
   }
   .wp-block-column > section {
      padding: 0 15px;
   }
}

/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.has-silver-color {
   font-weight: normal;
   letter-spacing: 0;
}

.has-silver-color strong {
   color: #d0d0d0;
   font-weight: normal;
}

.has-red-color {
   font-weight: normal;
   letter-spacing: 0;
}

.has-red-color strong {
   color: #f3232d;
   font-weight: normal;
}

.has-no-color {
   font-weight: normal;
   letter-spacing: 0;
}

.has-no-color strong {
   color: revert;
   font-weight: normal;
}
@charset "UTF-8";
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.aspect {
   width: 100%;
   position: relative;
   /* If you want text inside of it */
   display: inline-block;
   /* The image */
}
.aspect.a1-1 {
   padding-top: 100%;
   /* 1:1 Aspect Ratio */
}
.aspect.a4-3 {
   padding-top: 75%;
   /* 4:3 Aspect Ratio */
}
.aspect.a16-9 {
   padding-top: 56.25%;
   /* 16:9 Aspect Ratio */
}
.aspect.a16-10 {
   padding-top: 62.5%;
   /* 16:10 Aspect Ratio */
}
.aspect.a3-1 {
   padding-top: 33%;
   /* 3:1 Aspect Ratio */
}
.aspect.img-border {
   border-radius: 6px;
   border: 2px solid #fff;
}
.aspect img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   -o-object-position: 50% 50%;
   object-position: 50% 50%;
   position: absolute;
   top: 0;
}

input,
button {
   background: none;
   border: none;
   font-family: "Roboto", sans-serif;
}

.btn {
   display: inline-block;
   white-space: nowrap;
   vertical-align: middle;
   text-align: center;
   cursor: pointer;
   line-height: 1.3;
   padding: 14px 34px;
   font-size: 13px;
   text-transform: none;
   color: #fff;
   border: 2px solid;
   border-radius: 6px;
   font-weight: 500;
   letter-spacing: 2px;
   text-transform: uppercase;
   text-decoration: none !important;
   max-width: 100%;
   min-width: 120px;
}
.btn:focus,
.btn:active:focus {
   outline: 0 none;
}

button[class*="icon-"]:before {
   margin-right: 8px;
}

.btn-primary {
   background-color: #f3232d;
   border-color: #f3232d;
   color: #fff;
}
.btn-primary:hover {
   background-color: #fa000c;
   border-color: #fa000c;
   color: #fff;
}
.btn-primary:disabled {
   color: rgba(255, 255, 255, 0.5);
   background-color: #f8868c;
   border-color: #f8868c;
}

.btn-secondary {
   background-color: transparent;
   border-color: #f3232d;
   color: #f3232d;
}
.btn-secondary:hover {
   background-color: #fa000c;
   border-color: #fa000c;
   color: #fff;
}

.btn-default {
   background-color: transparent;
   border-color: #f3232d;
   color: #f3232d;
}
.btn-default:hover {
   background-color: transparent;
   border-color: #ecebed;
   color: #1e1e1e;
}
.btn-default:disabled {
   color: rgba(30, 30, 30, 0.25);
   border-color: #ecebed;
}

button.is-danger {
   background-color: #ff2222 !important;
   text-shadow: 0 -1px 1px #bb0000, 1px 0 1px #bb0000, 0 1px 1px #bb0000, -1px 0 1px #bb0000 !important;
   -webkit-box-shadow: inset 0 -1px 0 #bb0000 !important;
   box-shadow: inset 0 -1px 0 #bb0000 !important;
   border-color: #bb0000 !important;
}

button.is-danger:hover {
   background-color: #de0000 !important;
}

.btn-sm {
   padding: 10px 30px;
}

.btn-lg {
   border-radius: 6px;
   padding: 11px 36px;
}

.btn-block {
   display: block;
   width: 100%;
}

:disabled {
   cursor: not-allowed;
}

.btn + .btn {
   margin: 0 0 0 15px;
}

.big-heading {
   font-weight: 600;
   font-size: 40px;
   line-height: 1em;
}

/*headers in banner*/
h1,
.heading-1 {
   font-size: 35px;
   letter-spacing: 2px;
   font-weight: 300;
   line-height: 1em;
}

h2,
.heading-2 {
   font-size: 30px;
   line-height: 1em;
}

h3,
.heading-3 {
   font-size: 25px;
   line-height: 1em;
}

h4,
.heading-4 {
   font-size: 20px;
   line-height: 1em;
}

h5,
.heading-5 {
   font-size: 15px;
   line-height: 1em;
}

.t-small {
   font-size: 14px;
}

strong,
.strong {
   font-weight: 600;
}

.uppercase {
   text-transform: uppercase;
}

.a-right {
   text-align: right;
}

.a-left {
   text-align: left;
}

.a-center {
   text-align: center;
}

.a-justify {
   text-align: justify;
}

.t-gray {
   color: #919191;
}

.errorInput {
   -webkit-box-shadow: 0 0 3px #ff2222;
   box-shadow: 0 0 3px #ff2222;
}

.shownInput {
   -webkit-box-shadow: 0 0 3px #7ed0ae;
   box-shadow: 0 0 3px #7ed0ae;
}

.shortCodeBtnTag {
   margin-top: 1.1em;
   margin-left: 0.5em;
   background: #fff;
   border: 1px solid #ff0000;
   border-radius: 0.3em;
   z-index: 20;
   position: absolute;
   height: 1.9em;
   width: 1.9em;
   line-height: 1.7em;
   vertical-align: middle;
   text-align: center;
   font-size: 0.7em;
   color: #f00;
   -webkit-box-shadow: 0px 1px 2px #000 inset;
   box-shadow: 0px 1px 2px #000 inset;
}

.editor-writing-flow .colorSection:before,
.editor-writing-flow .splitRow:before,
.editor-writing-flow .mainContainer:before,
.editor-writing-flow .broadContainer:before {
   content: "";
   position: absolute;
   border: dotted 1px #d0d0d0;
   top: -1em;
   left: -1em;
   right: -1em;
   bottom: -1em;
   -webkit-transition: border 0.3s;
   -o-transition: border 0.3s;
   transition: border 0.3s;
}

.editor-writing-flow .colorSection:hover:before,
.editor-writing-flow .splitRow:hover:before,
.editor-writing-flow .mainContainer:hover:before,
.editor-writing-flow .broadContainer:hover:before {
   border-color: #ff0000;
   border-style: dot-dash;
}

.editor-writing-flow .colorSection:after,
.editor-writing-flow .splitRow:after,
.editor-writing-flow .mainContainer:after,
.editor-writing-flow .broadContainer:after {
   content: "\00a0\00a0 Container\00a0\00a0";
   color: #fff;
   background: #ff0000;
   position: absolute;
   top: -1.4em;
   left: -1.4em;
   border-bottom-right-radius: 0.8em;
   font-size: 0.7em;
   opacity: 0;
   -webkit-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
}

.editor-writing-flow .colorSection:after {
   content: "\00a0\00a0 Color section\00a0\00a0";
}

.editor-writing-flow .splitRow:after {
   content: "\00a0\00a0 Split row\00a0\00a0";
}

.editor-writing-flow .broadContainer:after {
   content: "\00a0\00a0 Wider - broader section\00a0\00a0";
}

.editor-writing-flow .colorSection .mainContainer:after {
   top: initial;
   bottom: -1.4em;
   border-top-right-radius: 0.8em;
   border-bottom-right-radius: 0;
}

.editor-writing-flow .colorSection:hover:after,
.editor-writing-flow .splitRow:hover:after,
.editor-writing-flow .mainContainer:hover:after,
.editor-writing-flow .broadContainer:hover:after {
   opacity: 1;
}

.editor-writing-flow .editor-url-input input {
   width: 100% !important;
}

/*GUTENBERG BLOCK EDITOR*/
.settingsIcon {
   position: absolute;
   cursor: pointer;
   height: 35px;
   width: 35px;
   border-bottom-left-radius: 6px;
   background: #fff;
   color: rgba(255, 0, 0, 0.5);
   text-align: center;
   font-size: 2em;
   line-height: 0.8em;
   z-index: 1;
   top: 0;
   right: 0;
   border-left: 1px solid rgba(255, 0, 0, 0.5);
   border-bottom: 1px solid rgba(255, 0, 0, 0.5);
   opacity: 0.5;
   -webkit-transition: opacity 300ms;
   -o-transition: opacity 300ms;
   transition: opacity 300ms;
}

.settingsIcon:hover {
   opacity: 1;
}

.settingsIcon:before {
   content: "⚙";
   position: absolute;
   cursor: pointer;
   height: inherit;
   width: inherit;
   border-bottom-left-radius: 6px;
   top: 0;
   right: 0;
}

.wp-block {
   max-width: 1100px;
}

.components-popover .editor-url-input input[type="text"],
.editor-block-list__block .editor-url-input input[type="text"],
.editor-url-input input[type="text"] {
   width: 135% !important;
}

.inputExt {
   position: absolute;
   margin-top: -3.5em;
   right: 6.6em;
}

/*COLUMNS - combining bootstrap grid with WP flex columns*/
.wp-block-column {
   margin: 0 !important;
   padding: 0;
   -ms-flex-preferred-size: 50%;
   flex-basis: 50%;
}

.wp-block-column > section {
   padding: 0 15px;
}

.wp-block-column:first-child > section {
   padding-left: 30px;
}

.wp-block-column:last-child > section {
   padding-right: 30px;
}

@media (max-width: 992px) {
   .wp-block-column > section {
      padding: 0 7.5px;
   }
   .wp-block-column:first-child > section {
      padding-left: 15px;
   }
   .wp-block-column:last-child > section {
      padding-right: 15px;
   }
}

@media (max-width: 599px) {
   .wp-block-column {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      -ms-flex-positive: 0;
      flex-grow: 0;
   }
   .wp-block-column > section {
      padding: 0 15px;
   }
}

/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.has-silver-color {
   font-weight: normal;
   letter-spacing: 0;
}

.has-silver-color strong {
   color: #d0d0d0;
   font-weight: normal;
}

.has-red-color {
   font-weight: normal;
   letter-spacing: 0;
}

.has-red-color strong {
   color: #f3232d;
   font-weight: normal;
}

.has-no-color {
   font-weight: normal;
   letter-spacing: 0;
}

.has-no-color strong {
   color: revert;
   font-weight: normal;
}
@charset "UTF-8";
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
.aspect {
   width: 100%;
   position: relative;
   /* If you want text inside of it */
   display: inline-block;
   /* The image */
}
.aspect.a1-1 {
   padding-top: 100%;
   /* 1:1 Aspect Ratio */
}
.aspect.a4-3 {
   padding-top: 75%;
   /* 4:3 Aspect Ratio */
}
.aspect.a16-9 {
   padding-top: 56.25%;
   /* 16:9 Aspect Ratio */
}
.aspect.a16-10 {
   padding-top: 62.5%;
   /* 16:10 Aspect Ratio */
}
.aspect.a3-1 {
   padding-top: 33%;
   /* 3:1 Aspect Ratio */
}
.aspect.img-border {
   border-radius: 6px;
   border: 2px solid #fff;
}
.aspect img {
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
   object-fit: cover;
   -o-object-position: 50% 50%;
   object-position: 50% 50%;
   position: absolute;
   top: 0;
}

input,
button {
   background: none;
   border: none;
   font-family: "Roboto", sans-serif;
}

.btn {
   display: inline-block;
   white-space: nowrap;
   vertical-align: middle;
   text-align: center;
   cursor: pointer;
   line-height: 1.3;
   padding: 14px 34px;
   font-size: 13px;
   text-transform: none;
   color: #fff;
   border: 2px solid;
   border-radius: 6px;
   font-weight: 500;
   letter-spacing: 2px;
   text-transform: uppercase;
   text-decoration: none !important;
   max-width: 100%;
   min-width: 120px;
}
.btn:focus,
.btn:active:focus {
   outline: 0 none;
}

button[class*="icon-"]:before {
   margin-right: 8px;
}

.btn-primary {
   background-color: #f3232d;
   border-color: #f3232d;
   color: #fff;
}
.btn-primary:hover {
   background-color: #fa000c;
   border-color: #fa000c;
   color: #fff;
}
.btn-primary:disabled {
   color: rgba(255, 255, 255, 0.5);
   background-color: #f8868c;
   border-color: #f8868c;
}

.btn-secondary {
   background-color: transparent;
   border-color: #f3232d;
   color: #f3232d;
}
.btn-secondary:hover {
   background-color: #fa000c;
   border-color: #fa000c;
   color: #fff;
}

.btn-default {
   background-color: transparent;
   border-color: #f3232d;
   color: #f3232d;
}
.btn-default:hover {
   background-color: transparent;
   border-color: #ecebed;
   color: #1e1e1e;
}
.btn-default:disabled {
   color: rgba(30, 30, 30, 0.25);
   border-color: #ecebed;
}

button.is-danger {
   background-color: #ff2222 !important;
   text-shadow: 0 -1px 1px #bb0000, 1px 0 1px #bb0000, 0 1px 1px #bb0000, -1px 0 1px #bb0000 !important;
   -webkit-box-shadow: inset 0 -1px 0 #bb0000 !important;
   box-shadow: inset 0 -1px 0 #bb0000 !important;
   border-color: #bb0000 !important;
}

button.is-danger:hover {
   background-color: #de0000 !important;
}

.btn-sm {
   padding: 10px 30px;
}

.btn-lg {
   border-radius: 6px;
   padding: 11px 36px;
}

.btn-block {
   display: block;
   width: 100%;
}

:disabled {
   cursor: not-allowed;
}

.btn + .btn {
   margin: 0 0 0 15px;
}

.big-heading {
   font-weight: 600;
   font-size: 40px;
   line-height: 1em;
}

/*headers in banner*/
h1,
.heading-1 {
   font-size: 35px;
   letter-spacing: 2px;
   font-weight: 300;
   line-height: 1em;
}

h2,
.heading-2 {
   font-size: 30px;
   line-height: 1em;
}

h3,
.heading-3 {
   font-size: 25px;
   line-height: 1em;
}

h4,
.heading-4 {
   font-size: 20px;
   line-height: 1em;
}

h5,
.heading-5 {
   font-size: 15px;
   line-height: 1em;
}

.t-small {
   font-size: 14px;
}

strong,
.strong {
   font-weight: 600;
}

.uppercase {
   text-transform: uppercase;
}

.a-right {
   text-align: right;
}

.a-left {
   text-align: left;
}

.a-center {
   text-align: center;
}

.a-justify {
   text-align: justify;
}

.t-gray {
   color: #919191;
}

.errorInput {
   -webkit-box-shadow: 0 0 3px #ff2222;
   box-shadow: 0 0 3px #ff2222;
}

.shownInput {
   -webkit-box-shadow: 0 0 3px #7ed0ae;
   box-shadow: 0 0 3px #7ed0ae;
}

.shortCodeBtnTag {
   margin-top: 1.1em;
   margin-left: 0.5em;
   background: #fff;
   border: 1px solid #ff0000;
   border-radius: 0.3em;
   z-index: 20;
   position: absolute;
   height: 1.9em;
   width: 1.9em;
   line-height: 1.7em;
   vertical-align: middle;
   text-align: center;
   font-size: 0.7em;
   color: #f00;
   -webkit-box-shadow: 0px 1px 2px #000 inset;
   box-shadow: 0px 1px 2px #000 inset;
}

.editor-writing-flow .colorSection:before,
.editor-writing-flow .splitRow:before,
.editor-writing-flow .mainContainer:before,
.editor-writing-flow .broadContainer:before {
   content: "";
   position: absolute;
   border: dotted 1px #d0d0d0;
   top: -1em;
   left: -1em;
   right: -1em;
   bottom: -1em;
   -webkit-transition: border 0.3s;
   -o-transition: border 0.3s;
   transition: border 0.3s;
}

.editor-writing-flow .colorSection:hover:before,
.editor-writing-flow .splitRow:hover:before,
.editor-writing-flow .mainContainer:hover:before,
.editor-writing-flow .broadContainer:hover:before {
   border-color: #ff0000;
   border-style: dot-dash;
}

.editor-writing-flow .colorSection:after,
.editor-writing-flow .splitRow:after,
.editor-writing-flow .mainContainer:after,
.editor-writing-flow .broadContainer:after {
   content: "\00a0\00a0 Container\00a0\00a0";
   color: #fff;
   background: #ff0000;
   position: absolute;
   top: -1.4em;
   left: -1.4em;
   border-bottom-right-radius: 0.8em;
   font-size: 0.7em;
   opacity: 0;
   -webkit-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
}

.editor-writing-flow .colorSection:after {
   content: "\00a0\00a0 Color section\00a0\00a0";
}

.editor-writing-flow .splitRow:after {
   content: "\00a0\00a0 Split row\00a0\00a0";
}

.editor-writing-flow .broadContainer:after {
   content: "\00a0\00a0 Wider - broader section\00a0\00a0";
}

.editor-writing-flow .colorSection .mainContainer:after {
   top: initial;
   bottom: -1.4em;
   border-top-right-radius: 0.8em;
   border-bottom-right-radius: 0;
}

.editor-writing-flow .colorSection:hover:after,
.editor-writing-flow .splitRow:hover:after,
.editor-writing-flow .mainContainer:hover:after,
.editor-writing-flow .broadContainer:hover:after {
   opacity: 1;
}

.editor-writing-flow .editor-url-input input {
   width: 100% !important;
}

/*GUTENBERG BLOCK EDITOR*/
.settingsIcon {
   position: absolute;
   cursor: pointer;
   height: 35px;
   width: 35px;
   border-bottom-left-radius: 6px;
   background: #fff;
   color: rgba(255, 0, 0, 0.5);
   text-align: center;
   font-size: 2em;
   line-height: 0.8em;
   z-index: 1;
   top: 0;
   right: 0;
   border-left: 1px solid rgba(255, 0, 0, 0.5);
   border-bottom: 1px solid rgba(255, 0, 0, 0.5);
   opacity: 0.5;
   -webkit-transition: opacity 300ms;
   -o-transition: opacity 300ms;
   transition: opacity 300ms;
}

.settingsIcon:hover {
   opacity: 1;
}

.settingsIcon:before {
   content: "⚙";
   position: absolute;
   cursor: pointer;
   height: inherit;
   width: inherit;
   border-bottom-left-radius: 6px;
   top: 0;
   right: 0;
}

.wp-block {
   max-width: 1100px;
}

.components-popover .editor-url-input input[type="text"],
.editor-block-list__block .editor-url-input input[type="text"],
.editor-url-input input[type="text"] {
   width: 135% !important;
}

.inputExt {
   position: absolute;
   margin-top: -3.5em;
   right: 6.6em;
}

/*COLUMNS - combining bootstrap grid with WP flex columns*/
.wp-block-column {
   margin: 0 !important;
   padding: 0;
   -ms-flex-preferred-size: 50%;
   flex-basis: 50%;
}

.wp-block-column > section {
   padding: 0 15px;
}

.wp-block-column:first-child > section {
   padding-left: 30px;
}

.wp-block-column:last-child > section {
   padding-right: 30px;
}

@media (max-width: 992px) {
   .wp-block-column > section {
      padding: 0 7.5px;
   }
   .wp-block-column:first-child > section {
      padding-left: 15px;
   }
   .wp-block-column:last-child > section {
      padding-right: 15px;
   }
}

@media (max-width: 599px) {
   .wp-block-column {
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      -ms-flex-positive: 0;
      flex-grow: 0;
   }
   .wp-block-column > section {
      padding: 0 15px;
   }
}

/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.broaden {
   margin-right: -44%;
}

@media (max-width: 768px) {
   .broaden {
      margin-right: auto;
   }
}