diff --git a/web/themes/asc_bootstrap/assets/sass/components/_paragraphs.scss b/web/themes/asc_bootstrap/assets/sass/components/_paragraphs.scss
index ede70a2946b09699ee60f9204043fb1ba324db9d..c8b1c9a9848012c67ecad4afdefb15120d3aae7a 100644
--- a/web/themes/asc_bootstrap/assets/sass/components/_paragraphs.scss
+++ b/web/themes/asc_bootstrap/assets/sass/components/_paragraphs.scss
@@ -164,6 +164,26 @@
}
}
+.btn-fullw-wrapper {
+ color: $brand-gray;
+}
+
+.btn-fullw {
+ width: 100%;
+ text-align: center;
+ padding: 10px;
+ border: solid $brand-gray 2px;
+ -webkit-border-radius: 5px;
+ -moz-border-radius: 5px;
+ -ms-border-radius: 5px;
+ border-radius: 5px;
+
+ &:hover {
+ text-decoration: underline;
+ background-color: #efefef;
+ }
+}
+
// ---------------------------------------------------
@@ -282,6 +302,15 @@
font-weight: 700;
}
}
+
+ .btn-fullw-wrapper {
+ background: transparent;
+ color: $brand-gray;
+
+ &:hover {
+ background: transparent;
+ }
+ }
}
.btn-links-18 {
@@ -320,6 +349,15 @@
font-weight: 700;
}
}
+
+ .btn-fullw-wrapper {
+ background: transparent;
+ color: $brand-gray;
+
+ &:hover {
+ background: transparent;
+ }
+ }
}
.btn-links-17 {
@@ -358,6 +396,15 @@
font-weight: 700;
}
}
+
+ .btn-fullw-wrapper {
+ background: transparent;
+ color: $brand-gray;
+
+ &:hover {
+ background: transparent;
+ }
+ }
}
}
diff --git a/web/themes/asc_bootstrap/assets/sass/layout/_section-background-colors.scss b/web/themes/asc_bootstrap/assets/sass/layout/_section-background-colors.scss
index 47f0b1c4d935480289eab65dd5d34159a0149982..eb61ee4e3999eae8c6fc485377d46fcd78f1dcb3 100644
--- a/web/themes/asc_bootstrap/assets/sass/layout/_section-background-colors.scss
+++ b/web/themes/asc_bootstrap/assets/sass/layout/_section-background-colors.scss
@@ -194,6 +194,14 @@
.field--name-field-callout-link a:hover {
color: $white;
}
+
+ .btn-fullw {
+ border: solid $white 2px;
+
+ &:hover {
+ border: solid $brand-gray 2px;
+ }
+ }
}
.dscarlet-bg {
@@ -238,6 +246,14 @@
.field--name-field-callout-link a:hover {
color: $white;
}
+
+ .btn-fullw {
+ border: solid $white 2px;
+
+ &:hover {
+ border: solid $brand-gray 2px;
+ }
+ }
}
.dviolet-bg {
@@ -282,6 +298,14 @@
.field--name-field-callout-link a:hover {
color: $white;
}
+
+ .btn-fullw {
+ border: solid $white 2px;
+
+ &:hover {
+ border: solid $brand-gray 2px;
+ }
+ }
}
.dteal-bg {
@@ -326,6 +350,14 @@
.field--name-field-callout-link a:hover {
color: $white;
}
+
+ .btn-fullw {
+ border: solid $white 2px;
+
+ &:hover {
+ border: solid $brand-gray 2px;
+ }
+ }
}
.dpurple-bg {
@@ -370,6 +402,14 @@
.field--name-field-callout-link a:hover {
color: $white;
}
+
+ .btn-fullw {
+ border: solid $white 2px;
+
+ &:hover {
+ border: solid $brand-gray 2px;
+ }
+ }
}
.dgreen-bg {
@@ -414,6 +454,14 @@
.field--name-field-callout-link a:hover {
color: $white;
}
+
+ .btn-fullw {
+ border: solid $white 2px;
+
+ &:hover {
+ border: solid $brand-gray 2px;
+ }
+ }
}
.dorange-bg {
@@ -458,4 +506,12 @@
.field--name-field-callout-link a:hover {
color: $white;
}
+
+ .btn-fullw {
+ border: solid $white 2px;
+
+ &:hover {
+ border: solid $brand-gray 2px;
+ }
+ }
}
diff --git a/web/themes/asc_bootstrap/css/style.css b/web/themes/asc_bootstrap/css/style.css
index e6f15abeba83de2e80c5d60d0d010cb8cc40f1be..dacf49422e2d2c3d02f8351dceef3bc188c46a31 100644
--- a/web/themes/asc_bootstrap/css/style.css
+++ b/web/themes/asc_bootstrap/css/style.css
@@ -9631,276 +9631,332 @@ h5, h6 {
.dgray-bg .field--name-field-callout-link a:hover {
color: #ffffff;
}
+/* line 198, ../assets/sass/layout/_section-background-colors.scss */
+.dgray-bg .btn-fullw {
+ border: solid #ffffff 2px;
+}
+/* line 201, ../assets/sass/layout/_section-background-colors.scss */
+.dgray-bg .btn-fullw:hover {
+ border: solid #4A4A4A 2px;
+}
-/* line 199, ../assets/sass/layout/_section-background-colors.scss */
+/* line 207, ../assets/sass/layout/_section-background-colors.scss */
.dscarlet-bg {
background-color: #830000;
color: #ffffff;
padding: 16px;
}
-/* line 204, ../assets/sass/layout/_section-background-colors.scss */
+/* line 212, ../assets/sass/layout/_section-background-colors.scss */
.dscarlet-bg p {
color: #ffffff;
}
-/* line 208, ../assets/sass/layout/_section-background-colors.scss */
+/* line 216, ../assets/sass/layout/_section-background-colors.scss */
.dscarlet-bg a {
color: #ffffff;
text-decoration: underline;
}
-/* line 213, ../assets/sass/layout/_section-background-colors.scss */
+/* line 221, ../assets/sass/layout/_section-background-colors.scss */
.dscarlet-bg h1, .dscarlet-bg h2, .dscarlet-bg h3, .dscarlet-bg h4, .dscarlet-bg h5, .dscarlet-bg h6 {
color: #ffffff;
}
-/* line 217, ../assets/sass/layout/_section-background-colors.scss */
+/* line 225, ../assets/sass/layout/_section-background-colors.scss */
.dscarlet-bg .tab-header {
color: #ffffff;
}
-/* line 221, ../assets/sass/layout/_section-background-colors.scss */
+/* line 229, ../assets/sass/layout/_section-background-colors.scss */
.dscarlet-bg .accordion-header {
color: #ffffff;
}
-/* line 225, ../assets/sass/layout/_section-background-colors.scss */
+/* line 233, ../assets/sass/layout/_section-background-colors.scss */
.dscarlet-bg .panel {
background-color: transparent;
}
-/* line 229, ../assets/sass/layout/_section-background-colors.scss */
+/* line 237, ../assets/sass/layout/_section-background-colors.scss */
.dscarlet-bg .field--name-field-pull-quote {
border-top-color: #ffffff;
border-bottom-color: #ffffff;
}
-/* line 234, ../assets/sass/layout/_section-background-colors.scss */
+/* line 242, ../assets/sass/layout/_section-background-colors.scss */
.dscarlet-bg .paragraph--type--tabs a:hover {
color: #555555;
}
-/* line 238, ../assets/sass/layout/_section-background-colors.scss */
+/* line 246, ../assets/sass/layout/_section-background-colors.scss */
.dscarlet-bg .field--name-field-callout-link a:hover {
color: #ffffff;
}
+/* line 250, ../assets/sass/layout/_section-background-colors.scss */
+.dscarlet-bg .btn-fullw {
+ border: solid #ffffff 2px;
+}
+/* line 253, ../assets/sass/layout/_section-background-colors.scss */
+.dscarlet-bg .btn-fullw:hover {
+ border: solid #4A4A4A 2px;
+}
-/* line 243, ../assets/sass/layout/_section-background-colors.scss */
+/* line 259, ../assets/sass/layout/_section-background-colors.scss */
.dviolet-bg {
background-color: #5d1542;
color: #ffffff;
padding: 16px;
}
-/* line 248, ../assets/sass/layout/_section-background-colors.scss */
+/* line 264, ../assets/sass/layout/_section-background-colors.scss */
.dviolet-bg p {
color: #ffffff;
}
-/* line 252, ../assets/sass/layout/_section-background-colors.scss */
+/* line 268, ../assets/sass/layout/_section-background-colors.scss */
.dviolet-bg a {
color: #ffffff;
text-decoration: underline;
}
-/* line 257, ../assets/sass/layout/_section-background-colors.scss */
+/* line 273, ../assets/sass/layout/_section-background-colors.scss */
.dviolet-bg h1, .dviolet-bg h2, .dviolet-bg h3, .dviolet-bg h4, .dviolet-bg h5, .dviolet-bg h6 {
color: #ffffff;
}
-/* line 261, ../assets/sass/layout/_section-background-colors.scss */
+/* line 277, ../assets/sass/layout/_section-background-colors.scss */
.dviolet-bg .tab-header {
color: #ffffff;
}
-/* line 265, ../assets/sass/layout/_section-background-colors.scss */
+/* line 281, ../assets/sass/layout/_section-background-colors.scss */
.dviolet-bg .accordion-header {
color: #ffffff;
}
-/* line 269, ../assets/sass/layout/_section-background-colors.scss */
+/* line 285, ../assets/sass/layout/_section-background-colors.scss */
.dviolet-bg .panel {
background-color: transparent;
}
-/* line 273, ../assets/sass/layout/_section-background-colors.scss */
+/* line 289, ../assets/sass/layout/_section-background-colors.scss */
.dviolet-bg .field--name-field-pull-quote {
border-top-color: #ffffff;
border-bottom-color: #ffffff;
}
-/* line 278, ../assets/sass/layout/_section-background-colors.scss */
+/* line 294, ../assets/sass/layout/_section-background-colors.scss */
.dviolet-bg .paragraph--type--tabs a:hover {
color: #555555;
}
-/* line 282, ../assets/sass/layout/_section-background-colors.scss */
+/* line 298, ../assets/sass/layout/_section-background-colors.scss */
.dviolet-bg .field--name-field-callout-link a:hover {
color: #ffffff;
}
+/* line 302, ../assets/sass/layout/_section-background-colors.scss */
+.dviolet-bg .btn-fullw {
+ border: solid #ffffff 2px;
+}
+/* line 305, ../assets/sass/layout/_section-background-colors.scss */
+.dviolet-bg .btn-fullw:hover {
+ border: solid #4A4A4A 2px;
+}
-/* line 287, ../assets/sass/layout/_section-background-colors.scss */
+/* line 311, ../assets/sass/layout/_section-background-colors.scss */
.dteal-bg {
background-color: #1b494c;
color: #ffffff;
padding: 16px;
}
-/* line 292, ../assets/sass/layout/_section-background-colors.scss */
+/* line 316, ../assets/sass/layout/_section-background-colors.scss */
.dteal-bg p {
color: #ffffff;
}
-/* line 296, ../assets/sass/layout/_section-background-colors.scss */
+/* line 320, ../assets/sass/layout/_section-background-colors.scss */
.dteal-bg a {
color: #ffffff;
text-decoration: underline;
}
-/* line 301, ../assets/sass/layout/_section-background-colors.scss */
+/* line 325, ../assets/sass/layout/_section-background-colors.scss */
.dteal-bg h1, .dteal-bg h2, .dteal-bg h3, .dteal-bg h4, .dteal-bg h5, .dteal-bg h6 {
color: #ffffff;
}
-/* line 305, ../assets/sass/layout/_section-background-colors.scss */
+/* line 329, ../assets/sass/layout/_section-background-colors.scss */
.dteal-bg .tab-header {
color: #ffffff;
}
-/* line 309, ../assets/sass/layout/_section-background-colors.scss */
+/* line 333, ../assets/sass/layout/_section-background-colors.scss */
.dteal-bg .accordion-header {
color: #ffffff;
}
-/* line 313, ../assets/sass/layout/_section-background-colors.scss */
+/* line 337, ../assets/sass/layout/_section-background-colors.scss */
.dteal-bg .panel {
background-color: transparent;
}
-/* line 317, ../assets/sass/layout/_section-background-colors.scss */
+/* line 341, ../assets/sass/layout/_section-background-colors.scss */
.dteal-bg .field--name-field-pull-quote {
border-top-color: #ffffff;
border-bottom-color: #ffffff;
}
-/* line 322, ../assets/sass/layout/_section-background-colors.scss */
+/* line 346, ../assets/sass/layout/_section-background-colors.scss */
.dteal-bg .paragraph--type--tabs a:hover {
color: #555555;
}
-/* line 326, ../assets/sass/layout/_section-background-colors.scss */
+/* line 350, ../assets/sass/layout/_section-background-colors.scss */
.dteal-bg .field--name-field-callout-link a:hover {
color: #ffffff;
}
+/* line 354, ../assets/sass/layout/_section-background-colors.scss */
+.dteal-bg .btn-fullw {
+ border: solid #ffffff 2px;
+}
+/* line 357, ../assets/sass/layout/_section-background-colors.scss */
+.dteal-bg .btn-fullw:hover {
+ border: solid #4A4A4A 2px;
+}
-/* line 331, ../assets/sass/layout/_section-background-colors.scss */
+/* line 363, ../assets/sass/layout/_section-background-colors.scss */
.dpurple-bg {
background-color: #442369;
color: #ffffff;
padding: 16px;
}
-/* line 336, ../assets/sass/layout/_section-background-colors.scss */
+/* line 368, ../assets/sass/layout/_section-background-colors.scss */
.dpurple-bg p {
color: #ffffff;
}
-/* line 340, ../assets/sass/layout/_section-background-colors.scss */
+/* line 372, ../assets/sass/layout/_section-background-colors.scss */
.dpurple-bg a {
color: #ffffff;
text-decoration: underline;
}
-/* line 345, ../assets/sass/layout/_section-background-colors.scss */
+/* line 377, ../assets/sass/layout/_section-background-colors.scss */
.dpurple-bg h1, .dpurple-bg h2, .dpurple-bg h3, .dpurple-bg h4, .dpurple-bg h5, .dpurple-bg h6 {
color: #ffffff;
}
-/* line 349, ../assets/sass/layout/_section-background-colors.scss */
+/* line 381, ../assets/sass/layout/_section-background-colors.scss */
.dpurple-bg .tab-header {
color: #ffffff;
}
-/* line 353, ../assets/sass/layout/_section-background-colors.scss */
+/* line 385, ../assets/sass/layout/_section-background-colors.scss */
.dpurple-bg .accordion-header {
color: #ffffff;
}
-/* line 357, ../assets/sass/layout/_section-background-colors.scss */
+/* line 389, ../assets/sass/layout/_section-background-colors.scss */
.dpurple-bg .panel {
background-color: transparent;
}
-/* line 361, ../assets/sass/layout/_section-background-colors.scss */
+/* line 393, ../assets/sass/layout/_section-background-colors.scss */
.dpurple-bg .field--name-field-pull-quote {
border-top-color: #ffffff;
border-bottom-color: #ffffff;
}
-/* line 366, ../assets/sass/layout/_section-background-colors.scss */
+/* line 398, ../assets/sass/layout/_section-background-colors.scss */
.dpurple-bg .paragraph--type--tabs a:hover {
color: #555555;
}
-/* line 370, ../assets/sass/layout/_section-background-colors.scss */
+/* line 402, ../assets/sass/layout/_section-background-colors.scss */
.dpurple-bg .field--name-field-callout-link a:hover {
color: #ffffff;
}
+/* line 406, ../assets/sass/layout/_section-background-colors.scss */
+.dpurple-bg .btn-fullw {
+ border: solid #ffffff 2px;
+}
+/* line 409, ../assets/sass/layout/_section-background-colors.scss */
+.dpurple-bg .btn-fullw:hover {
+ border: solid #4A4A4A 2px;
+}
-/* line 375, ../assets/sass/layout/_section-background-colors.scss */
+/* line 415, ../assets/sass/layout/_section-background-colors.scss */
.dgreen-bg {
background-color: #565b22;
color: #ffffff;
padding: 16px;
}
-/* line 380, ../assets/sass/layout/_section-background-colors.scss */
+/* line 420, ../assets/sass/layout/_section-background-colors.scss */
.dgreen-bg p {
color: #ffffff;
}
-/* line 384, ../assets/sass/layout/_section-background-colors.scss */
+/* line 424, ../assets/sass/layout/_section-background-colors.scss */
.dgreen-bg a {
color: #ffffff;
text-decoration: underline;
}
-/* line 389, ../assets/sass/layout/_section-background-colors.scss */
+/* line 429, ../assets/sass/layout/_section-background-colors.scss */
.dgreen-bg h1, .dgreen-bg h2, .dgreen-bg h3, .dgreen-bg h4, .dgreen-bg h5, .dgreen-bg h6 {
color: #ffffff;
}
-/* line 393, ../assets/sass/layout/_section-background-colors.scss */
+/* line 433, ../assets/sass/layout/_section-background-colors.scss */
.dgreen-bg .tab-header {
color: #ffffff;
}
-/* line 397, ../assets/sass/layout/_section-background-colors.scss */
+/* line 437, ../assets/sass/layout/_section-background-colors.scss */
.dgreen-bg .accordion-header {
color: #ffffff;
}
-/* line 401, ../assets/sass/layout/_section-background-colors.scss */
+/* line 441, ../assets/sass/layout/_section-background-colors.scss */
.dgreen-bg .panel {
background-color: transparent;
}
-/* line 405, ../assets/sass/layout/_section-background-colors.scss */
+/* line 445, ../assets/sass/layout/_section-background-colors.scss */
.dgreen-bg .field--name-field-pull-quote {
border-top-color: #ffffff;
border-bottom-color: #ffffff;
}
-/* line 410, ../assets/sass/layout/_section-background-colors.scss */
+/* line 450, ../assets/sass/layout/_section-background-colors.scss */
.dgreen-bg .paragraph--type--tabs a:hover {
color: #555555;
}
-/* line 414, ../assets/sass/layout/_section-background-colors.scss */
+/* line 454, ../assets/sass/layout/_section-background-colors.scss */
.dgreen-bg .field--name-field-callout-link a:hover {
color: #ffffff;
}
+/* line 458, ../assets/sass/layout/_section-background-colors.scss */
+.dgreen-bg .btn-fullw {
+ border: solid #ffffff 2px;
+}
+/* line 461, ../assets/sass/layout/_section-background-colors.scss */
+.dgreen-bg .btn-fullw:hover {
+ border: solid #4A4A4A 2px;
+}
-/* line 419, ../assets/sass/layout/_section-background-colors.scss */
+/* line 467, ../assets/sass/layout/_section-background-colors.scss */
.dorange-bg {
background-color: #953d1c;
color: #ffffff;
padding: 16px;
}
-/* line 424, ../assets/sass/layout/_section-background-colors.scss */
+/* line 472, ../assets/sass/layout/_section-background-colors.scss */
.dorange-bg p {
color: #ffffff;
}
-/* line 428, ../assets/sass/layout/_section-background-colors.scss */
+/* line 476, ../assets/sass/layout/_section-background-colors.scss */
.dorange-bg a {
color: #ffffff;
text-decoration: underline;
}
-/* line 433, ../assets/sass/layout/_section-background-colors.scss */
+/* line 481, ../assets/sass/layout/_section-background-colors.scss */
.dorange-bg h1, .dorange-bg h2, .dorange-bg h3, .dorange-bg h4, .dorange-bg h5, .dorange-bg h6 {
color: #ffffff;
}
-/* line 437, ../assets/sass/layout/_section-background-colors.scss */
+/* line 485, ../assets/sass/layout/_section-background-colors.scss */
.dorange-bg .tab-header {
color: #ffffff;
}
-/* line 441, ../assets/sass/layout/_section-background-colors.scss */
+/* line 489, ../assets/sass/layout/_section-background-colors.scss */
.dorange-bg .accordion-header {
color: #ffffff;
}
-/* line 445, ../assets/sass/layout/_section-background-colors.scss */
+/* line 493, ../assets/sass/layout/_section-background-colors.scss */
.dorange-bg .panel {
background-color: transparent;
}
-/* line 449, ../assets/sass/layout/_section-background-colors.scss */
+/* line 497, ../assets/sass/layout/_section-background-colors.scss */
.dorange-bg .field--name-field-pull-quote {
border-top-color: #ffffff;
border-bottom-color: #ffffff;
}
-/* line 454, ../assets/sass/layout/_section-background-colors.scss */
+/* line 502, ../assets/sass/layout/_section-background-colors.scss */
.dorange-bg .paragraph--type--tabs a:hover {
color: #555555;
}
-/* line 458, ../assets/sass/layout/_section-background-colors.scss */
+/* line 506, ../assets/sass/layout/_section-background-colors.scss */
.dorange-bg .field--name-field-callout-link a:hover {
color: #ffffff;
}
+/* line 510, ../assets/sass/layout/_section-background-colors.scss */
+.dorange-bg .btn-fullw {
+ border: solid #ffffff 2px;
+}
+/* line 513, ../assets/sass/layout/_section-background-colors.scss */
+.dorange-bg .btn-fullw:hover {
+ border: solid #4A4A4A 2px;
+}
/* line 1, ../assets/sass/components/_cbpmenu.scss */
.cbp-hrmenu {
@@ -10937,20 +10993,42 @@ article.news-story {
margin-left: 10px;
}
-/* line 175, ../assets/sass/components/_paragraphs.scss */
+/* line 167, ../assets/sass/components/_paragraphs.scss */
+.btn-fullw-wrapper {
+ color: #4A4A4A;
+}
+
+/* line 171, ../assets/sass/components/_paragraphs.scss */
+.btn-fullw {
+ width: 100%;
+ text-align: center;
+ padding: 10px;
+ border: solid #4A4A4A 2px;
+ -webkit-border-radius: 5px;
+ -moz-border-radius: 5px;
+ -ms-border-radius: 5px;
+ border-radius: 5px;
+}
+/* line 181, ../assets/sass/components/_paragraphs.scss */
+.btn-fullw:hover {
+ text-decoration: underline;
+ background-color: #efefef;
+}
+
+/* line 195, ../assets/sass/components/_paragraphs.scss */
.file .file-icon span {
color: #bb0000;
}
-/* line 182, ../assets/sass/components/_paragraphs.scss */
+/* line 202, ../assets/sass/components/_paragraphs.scss */
.file .file-link a {
color: #bb0000;
}
-/* line 187, ../assets/sass/components/_paragraphs.scss */
+/* line 207, ../assets/sass/components/_paragraphs.scss */
.file .file-size {
color: #bb0000;
}
-/* line 197, ../assets/sass/components/_paragraphs.scss */
+/* line 217, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container {
width: 100%;
position: absolute;
@@ -10959,7 +11037,7 @@ article.news-story {
z-index: 100;
height: 100%;
}
-/* line 205, ../assets/sass/components/_paragraphs.scss */
+/* line 225, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt {
background-color: rgba(255, 255, 255, 0.7);
padding: 20px;
@@ -10971,7 +11049,7 @@ article.news-story {
transform: perspective(1px) translateY(-50%);
}
@media (max-width: 768px) {
- /* line 205, ../assets/sass/components/_paragraphs.scss */
+ /* line 225, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt {
width: 80%;
top: 45%;
@@ -10981,7 +11059,7 @@ article.news-story {
justify-content: center;
}
}
-/* line 226, ../assets/sass/components/_paragraphs.scss */
+/* line 246, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper h2 {
font-size: 36px;
text-transform: uppercase;
@@ -10990,31 +11068,31 @@ article.news-story {
line-height: 1.1;
}
@media (max-width: 768px) {
- /* line 226, ../assets/sass/components/_paragraphs.scss */
+ /* line 246, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper h2 {
font-size: 15px;
margin-top: 0;
}
}
-/* line 239, ../assets/sass/components/_paragraphs.scss */
+/* line 259, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper p {
font-size: 18px;
margin: 25px 0;
color: #333333;
}
@media (max-width: 768px) {
- /* line 239, ../assets/sass/components/_paragraphs.scss */
+ /* line 259, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper p {
display: none;
}
}
-/* line 249, ../assets/sass/components/_paragraphs.scss */
+/* line 269, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-19 {
width: 100%;
margin: 0 auto;
font-size: 18px;
}
-/* line 254, ../assets/sass/components/_paragraphs.scss */
+/* line 274, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-19 .btn-wrapper {
min-width: 25%;
margin: 10px;
@@ -11024,23 +11102,23 @@ article.news-story {
text-transform: uppercase;
padding: 5px;
}
-/* line 263, ../assets/sass/components/_paragraphs.scss */
+/* line 283, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-19 .btn-wrapper .btn-primary {
background-color: transparent;
border-color: transparent;
border: 0;
border-radius: 0;
}
-/* line 270, ../assets/sass/components/_paragraphs.scss */
+/* line 290, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-19 .btn-wrapper svg, .slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-19 .btn-wrapper i {
padding-top: 1px;
}
-/* line 274, ../assets/sass/components/_paragraphs.scss */
+/* line 294, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-19 .btn-wrapper:hover {
background: #8E0101;
}
@media (max-width: 768px) {
- /* line 254, ../assets/sass/components/_paragraphs.scss */
+ /* line 274, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-19 .btn-wrapper {
display: block;
width: 100%;
@@ -11048,13 +11126,22 @@ article.news-story {
font-weight: 700;
}
}
-/* line 287, ../assets/sass/components/_paragraphs.scss */
+/* line 306, ../assets/sass/components/_paragraphs.scss */
+.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-19 .btn-fullw-wrapper {
+ background: transparent;
+ color: #4A4A4A;
+}
+/* line 310, ../assets/sass/components/_paragraphs.scss */
+.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-19 .btn-fullw-wrapper:hover {
+ background: transparent;
+}
+/* line 316, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-18 {
width: 100%;
margin: 0 auto;
font-size: 18px;
}
-/* line 292, ../assets/sass/components/_paragraphs.scss */
+/* line 321, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-18 .btn-wrapper {
min-width: 40%;
margin: 10px;
@@ -11064,23 +11151,23 @@ article.news-story {
text-transform: uppercase;
padding: 5px;
}
-/* line 301, ../assets/sass/components/_paragraphs.scss */
+/* line 330, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-18 .btn-wrapper .btn-primary {
background-color: transparent;
border-color: transparent;
border: 0;
border-radius: 0;
}
-/* line 308, ../assets/sass/components/_paragraphs.scss */
+/* line 337, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-18 .btn-wrapper svg, .slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-18 .btn-wrapper i {
padding-top: 1px;
}
-/* line 312, ../assets/sass/components/_paragraphs.scss */
+/* line 341, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-18 .btn-wrapper:hover {
background: #8E0101;
}
@media (max-width: 768px) {
- /* line 292, ../assets/sass/components/_paragraphs.scss */
+ /* line 321, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-18 .btn-wrapper {
display: block;
width: 100%;
@@ -11088,13 +11175,22 @@ article.news-story {
font-weight: 700;
}
}
-/* line 325, ../assets/sass/components/_paragraphs.scss */
+/* line 353, ../assets/sass/components/_paragraphs.scss */
+.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-18 .btn-fullw-wrapper {
+ background: transparent;
+ color: #4A4A4A;
+}
+/* line 357, ../assets/sass/components/_paragraphs.scss */
+.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-18 .btn-fullw-wrapper:hover {
+ background: transparent;
+}
+/* line 363, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-17 {
width: 100%;
margin: 0 auto;
font-size: 18px;
}
-/* line 330, ../assets/sass/components/_paragraphs.scss */
+/* line 368, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-17 .btn-wrapper {
min-width: 50%;
margin: 10px;
@@ -11104,23 +11200,23 @@ article.news-story {
text-transform: uppercase;
padding: 5px;
}
-/* line 339, ../assets/sass/components/_paragraphs.scss */
+/* line 377, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-17 .btn-wrapper .btn-primary {
background-color: transparent;
border-color: transparent;
border: 0;
border-radius: 0;
}
-/* line 346, ../assets/sass/components/_paragraphs.scss */
+/* line 384, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-17 .btn-wrapper svg, .slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-17 .btn-wrapper i {
padding-top: 1px;
}
-/* line 350, ../assets/sass/components/_paragraphs.scss */
+/* line 388, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-17 .btn-wrapper:hover {
background: #8E0101;
}
@media (max-width: 768px) {
- /* line 330, ../assets/sass/components/_paragraphs.scss */
+ /* line 368, ../assets/sass/components/_paragraphs.scss */
.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-17 .btn-wrapper {
display: block;
width: 100%;
@@ -11128,29 +11224,38 @@ article.news-story {
font-weight: 700;
}
}
+/* line 400, ../assets/sass/components/_paragraphs.scss */
+.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-17 .btn-fullw-wrapper {
+ background: transparent;
+ color: #4A4A4A;
+}
+/* line 404, ../assets/sass/components/_paragraphs.scss */
+.slide-txt-container .slide-txt .slide-txt-wrapper .btn-links-17 .btn-fullw-wrapper:hover {
+ background: transparent;
+}
-/* line 374, ../assets/sass/components/_paragraphs.scss */
+/* line 421, ../assets/sass/components/_paragraphs.scss */
.paragraph--type--tagline {
margin: 20px 0;
float: left;
}
-/* line 384, ../assets/sass/components/_paragraphs.scss */
+/* line 431, ../assets/sass/components/_paragraphs.scss */
.paragraph--type--tabs .field {
padding: 20px;
}
-/* line 394, ../assets/sass/components/_paragraphs.scss */
+/* line 441, ../assets/sass/components/_paragraphs.scss */
.para_1_col .field--name-field-media-twitter {
margin: 0 auto;
width: 60%;
}
-/* line 398, ../assets/sass/components/_paragraphs.scss */
+/* line 445, ../assets/sass/components/_paragraphs.scss */
.para_1_col .field--name-field-media-twitter .col-xs-12 {
padding: 0;
}
-/* line 408, ../assets/sass/components/_paragraphs.scss */
+/* line 455, ../assets/sass/components/_paragraphs.scss */
.paragraph--type--video iframe {
width: 100% !important;
}
diff --git a/web/themes/asc_bootstrap/templates/paragraph/paragraph--button.html.twig b/web/themes/asc_bootstrap/templates/paragraph/paragraph--button.html.twig
index 5262b60d9aa5f7c3e2276739b8d300d4537a29ab..c903175de5447f53f9ecabe77596491f59997fa1 100644
--- a/web/themes/asc_bootstrap/templates/paragraph/paragraph--button.html.twig
+++ b/web/themes/asc_bootstrap/templates/paragraph/paragraph--button.html.twig
@@ -35,11 +35,29 @@
*
*/
#}
+{% if content.field_button_type['#items'].getString() == "full-width-btn" %}
+
+ {% set btnstyle, btnwrap = 'btn-fullw', 'btn-fullw-wrapper' %}
+
+{% elseif content.field_button_type['#items'].getString() == "default-btn" %}
+
+ {% set btnstyle = 'btn-primary' %}
+
+{% else %}
+
+ {% set btnstyle = 'btn-primary' %}
+
+{% endif %}
+
+
{% if content.field_button.0 %}
- <a href="{{ content.field_button[0]['#url'] }}" title="{{ content.field_button.0['#title'] }}" class="btn-wrapper">
+ <a href="{{ content.field_button[0]['#url'] }}" title="{{ content.field_button.0['#title'] }}" class="btn-wrapper {{ btnwrap }}">
- <div class="btn btn-primary btn-par">
- {{ content.field_button.0['#title'] }} <i class="fa fa-angle-right"></i>
+ <div class="btn {{ btnstyle }} btn-par">
+ {{ content.field_button.0['#title'] }}
+ {% if btnstyle != "btn-fullw" %}
+ <i class="fa fa-angle-right"></i>
+ {% endif %}
</div>
</a>